Skip to content

feat(studio): timeline hidden by default with toggle in header + player#142

Merged
miguel-heygen merged 3 commits intomainfrom
feat/studio-renders-timeline
Mar 31, 2026
Merged

feat(studio): timeline hidden by default with toggle in header + player#142
miguel-heygen merged 3 commits intomainfrom
feat/studio-renders-timeline

Conversation

@miguel-heygen
Copy link
Copy Markdown
Collaborator

@miguel-heygen miguel-heygen commented Mar 30, 2026

Summary

The timeline is now hidden by default. A toggle button appears in both the header (alongside panel toggles) and the player controls bar. Both sync the same state and turn teal when the timeline is visible.

Changes

  • timelineVisible state in App.tsx, defaults to false
  • Header toggle: icon button between sidebar toggle and Renders button
  • Player controls toggle: icon button at the right end of the controls bar
  • NLELayout: timelineVisible and onToggleTimeline props gate the timeline + resize divider
  • Player controls stay visible: moved from inside the timeline section to inside the preview area, so hiding the timeline doesn't hide play/seek/timecode

Behavior

State Preview Player controls Timeline
Timeline hidden (default) Full height ✅ Visible Hidden
Timeline visible Shorter ✅ Visible Shown with resize handle

Both toggle buttons show identical teal active state (#3CE6AC/10 bg + #3CE6AC/30 border).

🤖 Generated with Claude Code

@miguel-heygen miguel-heygen force-pushed the feat/studio-left-panel branch from 3741bc5 to 541ff16 Compare March 30, 2026 22:03
@miguel-heygen miguel-heygen force-pushed the feat/studio-renders-timeline branch from d2a2ac6 to 0f14e57 Compare March 30, 2026 22:04
@miguel-heygen miguel-heygen force-pushed the feat/studio-left-panel branch from 541ff16 to 09ee616 Compare March 30, 2026 22:06
@miguel-heygen miguel-heygen force-pushed the feat/studio-renders-timeline branch 6 times, most recently from f15ca07 to da7fc7c Compare March 30, 2026 22:56
@miguel-heygen miguel-heygen force-pushed the feat/studio-left-panel branch from ed3d808 to c76cfb8 Compare March 30, 2026 23:13
@miguel-heygen miguel-heygen force-pushed the feat/studio-renders-timeline branch from da7fc7c to 62da835 Compare March 30, 2026 23:13
@miguel-heygen miguel-heygen force-pushed the feat/studio-left-panel branch from c76cfb8 to 644953c Compare March 30, 2026 23:19
@miguel-heygen miguel-heygen force-pushed the feat/studio-renders-timeline branch from 62da835 to 18f68dc Compare March 30, 2026 23:20
@miguel-heygen miguel-heygen changed the title feat(studio): timeline hidden by default, toggle in header + player controls feat(studio): timeline hidden by default with toggle in header + player Mar 30, 2026
@miguel-heygen miguel-heygen force-pushed the feat/studio-left-panel branch 2 times, most recently from 4fb6d44 to 60fec9f Compare March 31, 2026 01:52
@miguel-heygen miguel-heygen force-pushed the feat/studio-renders-timeline branch from 18f68dc to 0a61067 Compare March 31, 2026 01:52
@miguel-heygen miguel-heygen changed the base branch from feat/studio-left-panel to graphite-base/142 March 31, 2026 01:57
miguel-heygen and others added 2 commits March 31, 2026 01:57
…er controls

Adds timelineVisible state (defaults false) with synced toggle buttons in both the
header toolbar and the PlayerControls bar. Toggle icon turns teal when timeline is visible.

Co-Authored-By: Claude Sonnet 4.6 (1M context) <noreply@anthropic.com>
@miguel-heygen miguel-heygen force-pushed the feat/studio-renders-timeline branch from 0a61067 to 6a7d8e0 Compare March 31, 2026 01:58
@graphite-app graphite-app bot changed the base branch from graphite-base/142 to main March 31, 2026 01:58
@miguel-heygen miguel-heygen force-pushed the feat/studio-renders-timeline branch from 6a7d8e0 to 70874f7 Compare March 31, 2026 01:58
@miguel-heygen miguel-heygen merged commit 1bc83c6 into main Mar 31, 2026
15 checks passed
Copy link
Copy Markdown
Collaborator Author

Merge activity

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.

2 participants