Skip to content

feat(timeline): v1.5 redesign — filmstrips, gutter, zoom (v1.5 PR8) - #69

Merged
thisiscsim merged 1 commit into
mainfrom
feat/timeline-v15
Aug 5, 2026
Merged

thisiscsim merged 1 commit into
mainfrom
feat/timeline-v15

Conversation

@thisiscsim

Copy link
Copy Markdown
Owner

Summary

PR8 of the v1.5 train — the timeline aesthetic from the Generated the first cut frame (346:10037 subtree), mechanics untouched.

  • Transport: left steppers (jump to start/end) + divider + mute; centered play (new triangle glyph) + 00.00s / 37.9s readout; right zoom in/out (new — scales px/sec 0.4×–3×, all geometry conversions now flow through the zoomed scale, including scrub, drag, sketch and drops).
  • Ruler: 24px, labels every 2s (00 02 04…, tabular) with hairline dividers between; scrub unchanged.
  • Tracks: 68px icon gutter (video-2 / text-motion / voice-high buttons; hover reveals delete for empty layers, double-click renames) — LABEL_W drops 150→68; video rows 72px, others 48px, hairline row separators; the add-layer menu moves to the trailing "+" gutter row.
  • Chips: per the spec's card pattern — radius-12 tertiary surface, 6/4 padding, 4px pill trim handles (action-tinted per lane, accent on hover); video chips inset a first-frame <video> preview (proxy first) at radius-8; text chips render their copy on the text-action tint; audio chips draw a decorative CSS waveform (honest caveat: real peak extraction is a noted follow-up).
  • Selection ring moves to the accent box-shadow; ghost sketch, empty-lane hints, and keyboard select/deselect all preserved.

Renderer-only — HMR covers it.

Test plan

  • typecheck / test (143) / build / lint / format — green (geometry tests unaffected — the lib stays second-based)
  • Manual: drag/trim at multiple zoom levels, scrub, sketch text, drop assets from the Assets tab, add/remove layers

Made with Cursor

…r, zoom

Restyles the timeline to the V1 frames while keeping every interaction
mechanic intact (rAF-coalesced move/trim, sketch-to-create on text lanes,
empty-lane pickers, asset drops, isolated playhead/readout subscribers).
The transport becomes steppers + volume | play + time | zoom in/out — zoom
is new, scaling px-per-second between 0.4x and 3x. The ruler ticks every
2s with hairline dividers; track labels collapse to a 68px icon gutter
(rename/delete preserved on hover/double-click); the add-layer menu moves
to the gutter's "+" row. Chips become the spec's gray cards with pill trim
handles: video chips inset a first-frame preview (proxy first), text chips
carry their content on the action tint, and audio chips draw a decorative
waveform (real peaks are a follow-up). Adds the harvested play/zoom/video-2/
plus-medium icons.

Co-authored-by: Cursor <cursoragent@cursor.com>
@thisiscsim
thisiscsim merged commit 02538d3 into main Aug 5, 2026
1 check passed
@thisiscsim
thisiscsim deleted the feat/timeline-v15 branch August 5, 2026 02:49
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant