@remotion/studio: Disable visual editing mode when server is disconnected#6706
@remotion/studio: Disable visual editing mode when server is disconnected#6706JonnyBurger merged 2 commits intomainfrom
@remotion/studio: Disable visual editing mode when server is disconnected#6706Conversation
…nected When the studio server is disconnected, visual prop editing cannot work because it relies on API calls to subscribe/save sequence props. This treats visual mode as disabled when the server connection is not active, preventing broken UI interactions. Closes #6671 Co-authored-by: Cursor <cursoragent@cursor.com>
There was a problem hiding this comment.
This is a clean, well-targeted fix. The change correctly disables visual editing controls when the server is disconnected by checking previewServerState.type === 'connected' in addition to the environment variable.
The TimelineExpandedSection component makes API calls (/api/subscribe-to-sequence-props, /api/save-sequence-props) that would fail when disconnected, so hiding these controls prevents a confusing UX where buttons appear but don't work.
One minor observation: TimelineTracks.tsx also checks EXPERIMENTAL_VISUAL_MODE_ENABLED for rendering expanded track placeholders but doesn't include the server connection check. If a track is expanded when the server disconnects, TimelineTracks will still reserve placeholder space while TimelineListItem won't render the actual expanded content. This is a very minor edge case and not blocking—the PR as-is solves the main problem effectively.

Summary
Closes #6671
Test plan
EXPERIMENTAL_VISUAL_MODE_ENABLED=trueMade with Cursor