demo.git - Vide-coded 64k demo system

Age	Commit message (Collapse)	Author
18 hours	docs(timeline-editor): Add comprehensive feature roadmap	skal
	Created detailed roadmap for timeline editor future development. Phase 1: Core Editing Features (HIGH PRIORITY) - Snap-to-beat: Musical timing with BPM-based grid (4-6h) - Create new effects: Modal dialog for adding effects (6-8h) - Overlap detection: Visual warnings for conflicts (8-10h) Total: 22-28 hours Phase 2: Productivity Enhancements (MEDIUM PRIORITY) - Undo/redo system with command pattern (10-12h) - Multi-select & batch operations (12-15h) - Copy/paste & duplication (6-8h) - Keyboard shortcuts & navigation (4-6h) Total: 38-51 hours Phase 3: Advanced Features (LOW PRIORITY) - Timeline playback indicator (4-6h) - Templates & presets (8-10h) - Search & filter (6-8h) - Timeline comparison view (15-20h) - Export formats (JSON, CSV, MD) (6-8h) - Auto-save & local storage (4-6h) Total: 51-74 hours Implementation Details: - Technical approach for each feature - UI mockups and code snippets - Effort estimates and dependencies - Success metrics and design principles Priority recommendation: 1. Snap-to-beat (makes musical timing easy) 2. Create effects (essential for productivity) 3. Overlap detection (prevents rendering bugs) Total effort for full feature set: ~110-150 hours The roadmap provides clear guidance for incremental development while keeping the tool simple and self-contained.
18 hours	feat(tools): Implement Task #57 - Interactive Timeline Editor	skal
	Created a functional web-based timeline editor for demo.seq files. Features implemented: ✅ Load/save demo.seq files via browser file API ✅ Visual Gantt-style timeline with time markers ✅ Drag & drop sequences and effects along timeline ✅ Properties panel for editing timing, priorities, arguments ✅ Zoom controls (10% - 200%) ✅ Add/delete sequences and effects ✅ Real-time statistics (sequence count, effect count, duration) ✅ Dark theme matching VSCode aesthetic ✅ Color-coded items (sequences blue, effects gray) ✅ Selection highlighting Technical details: - Pure HTML/CSS/JavaScript (no dependencies, no build step) - ~600 lines in single self-contained HTML file - Works offline, no backend needed - Parser converts demo.seq text → JavaScript objects - Serializer converts JavaScript objects → demo.seq text Usage: 1. Open tools/timeline_editor/index.html in browser 2. Load assets/demo.seq 3. Drag items, edit properties 4. Save modified file 5. Copy to assets/demo.seq and rebuild Limitations (acceptable for v1): - No undo/redo yet - No effect creation UI (must use properties panel) - No overlap detection warnings - No snap-to-grid - No preview rendering (intentional - editor only) This provides a quick way to experiment with demo timing without recompiling, and better visualization of sequence/effect relationships. Size: ~25KB (HTML + embedded JS/CSS) Status: Task #57 basic implementation complete