Problem
The timeline panel opens taking 50% of the editor height by default. That is far more than a new project needs — an empty or short timeline shows mostly blank track area while the preview, the thing the user is actually looking at, is squeezed into the other half.
Cause
// src/shared/state/editor-panel-layout-store.ts:18-24
const DEFAULT_PANELS: EditorPanelSizes = {
tools: 25,
preview: 50,
properties: 25,
mainContent: 50,
timeline: 50,
};
mainContent: 50 / timeline: 50 splits the editor shell evenly. Consumed at src/features/editor/components/editor.tsx:485 and :626.
The panel constraints allow much more room to breathe:
// src/features/editor/components/editor.tsx:626-629
<ResizablePanel defaultSize={panels.timeline} minSize={15} maxSize={70}>
Suggested fix
Lower the default to somewhere in the 28–35% range and raise mainContent to match, so the two still sum to 100.
Two things to be careful about:
-
The store is persisted. Anyone who has already opened the editor has timeline: 50 written to storage, so changing DEFAULT_PANELS alone will not affect existing users. Decide whether that's acceptable (new users only) or whether this needs a store version bump / migration.
-
resetPanels() exists at editor-panel-layout-store.ts:43 — worth confirming it's reachable from the UI so users can get back to the new default.
Also worth a look: src/features/editor/components/editor.test.tsx:171 and :263 hardcode timeline: 50 and timelineDefaultSize: 35. Those two numbers already disagree with each other; whoever picks this up should reconcile them.
Acceptance criteria
Good first issue — one constant, but read the persistence note first.
Problem
The timeline panel opens taking 50% of the editor height by default. That is far more than a new project needs — an empty or short timeline shows mostly blank track area while the preview, the thing the user is actually looking at, is squeezed into the other half.
Cause
mainContent: 50/timeline: 50splits the editor shell evenly. Consumed atsrc/features/editor/components/editor.tsx:485and:626.The panel constraints allow much more room to breathe:
Suggested fix
Lower the default to somewhere in the 28–35% range and raise
mainContentto match, so the two still sum to 100.Two things to be careful about:
The store is
persisted. Anyone who has already opened the editor hastimeline: 50written to storage, so changingDEFAULT_PANELSalone will not affect existing users. Decide whether that's acceptable (new users only) or whether this needs a store version bump / migration.resetPanels()exists ateditor-panel-layout-store.ts:43— worth confirming it's reachable from the UI so users can get back to the new default.Also worth a look:
src/features/editor/components/editor.test.tsx:171and:263hardcodetimeline: 50andtimelineDefaultSize: 35. Those two numbers already disagree with each other; whoever picks this up should reconcile them.Acceptance criteria
minSize={15}–maxSize={70}rangenpm run lintandnpm run test:runpassGood first issue — one constant, but read the persistence note first.