@remotion/studio: Clamp sidebar width

[JonnyBurger]

Summary

• cap both Studio sidebars at 350px
• keep splitter drag behavior aligned with the visible pixel cap
• preserve the existing percentage-based sizing below the cap

Testing

• bun run build
• bun run stylecheck
• bunx turbo run lint test --filter='@remotion/studio'
• manually verified both sidebar caps and inward/outward dragging at a 1920px viewport

Closes #9583

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Actions	Updated (UTC)
bugs	Ready	Preview, Comment	Jul 24, 2026 1:08pm
remotion	Ready	Preview, Comment	Jul 24, 2026 1:08pm

[pullfrog]

✅ No new issues found.

Reviewed changes — caps both Studio sidebars at 350px via new pixel-based max-size props on the splitter component, while preserving the existing percentage-based flex model for all other splitters.

• SplitterContainer / SplitterContext — adds maxFlexerSize and maxAntiFlexerSize (both number | null) to props, context type, and context defaults.
• SplitterElement — applies maxWidth (vertical orientation) or maxHeight (horizontal orientation) as CSS from the context's cap value, resolved to undefined when null.
• SplitterHandle — during drag start, translates pixel caps into flex-fraction bounds (minFlex/maxFlex) using getBoundingClientRect dimensions, clamps startFlex accordingly, and reuses these computed bounds for the drag-move clamp.
• TopPanel — wires MAX_SIDEBAR_WIDTH = 350 as maxFlexerSize on the left sidebar splitter and maxAntiFlexerSize on the right sidebar splitter.
• EditorContent and Timeline — pass null for both new props, keeping their existing pure-percentage behavior.

  ^{｜ View workflow run ｜ Using DeepSeek Pro (free via Pullfrog for OSS) (Claude Opus not used — the program covers this model; add its provider key to run your pick) ｜ 𝕏}