diff --git a/packages/studio/fixtures/storyboard-sample/README.md b/packages/studio/fixtures/storyboard-sample/README.md index ab3df39d49..cf76a5b140 100644 --- a/packages/studio/fixtures/storyboard-sample/README.md +++ b/packages/studio/fixtures/storyboard-sample/README.md @@ -13,10 +13,10 @@ It exercises the storyboard contract end to end: - Frame 5 (`05-cta.html`) is intentionally **absent** and `status: outline`, so the grid has an outline placeholder to render. -Preview the storyboard view (flag-gated): +Preview the storyboard view: ```bash -VITE_STUDIO_ENABLE_STORYBOARD=1 npx hyperframes preview packages/studio/fixtures/storyboard-sample +npx hyperframes preview packages/studio/fixtures/storyboard-sample ``` Inspect just the parsed manifest the Studio consumes: diff --git a/packages/studio/src/App.tsx b/packages/studio/src/App.tsx index 897061e22e..83a52c7239 100644 --- a/packages/studio/src/App.tsx +++ b/packages/studio/src/App.tsx @@ -36,10 +36,7 @@ import { import type { DomEditSelection } from "./components/editor/domEditing"; import { StudioHeader } from "./components/StudioHeader"; import { useGestureCommit } from "./hooks/useGestureCommit"; -import { - STUDIO_KEYFRAMES_ENABLED, - STUDIO_STORYBOARD_ENABLED, -} from "./components/editor/manualEditingAvailability"; +import { STUDIO_KEYFRAMES_ENABLED } from "./components/editor/manualEditingAvailability"; import { GestureTrailOverlay } from "./components/editor/GestureTrailOverlay"; import { StudioLeftSidebar } from "./components/StudioLeftSidebar"; import { StudioPreviewArea } from "./components/StudioPreviewArea"; @@ -65,7 +62,7 @@ type CanvasRect = { left: number; top: number; width: number; height: number }; export function StudioApp() { const { projectId, resolving, waitingForServer } = useServerConnection(); const initialUrlStateRef = useRef(readStudioUrlStateFromWindow()); - const viewModeValue = useViewModeState(STUDIO_STORYBOARD_ENABLED); + const viewModeValue = useViewModeState(); // sessionStorage-backed: fires once per tab, survives HMR remounts useEffect(() => { diff --git a/packages/studio/src/components/StudioHeader.tsx b/packages/studio/src/components/StudioHeader.tsx index f998a8db25..d30b4fafb9 100644 --- a/packages/studio/src/components/StudioHeader.tsx +++ b/packages/studio/src/components/StudioHeader.tsx @@ -3,7 +3,6 @@ import { RotateCcw, RotateCw, Camera } from "../icons/SystemIcons"; import { STUDIO_INSPECTOR_PANELS_ENABLED, STUDIO_MANUAL_EDITING_DISABLED_TITLE, - STUDIO_STORYBOARD_ENABLED, } from "./editor/manualEditingAvailability"; import { getHistoryShortcutLabel } from "../utils/studioHelpers"; import { useStudioShellContext } from "../contexts/StudioContext"; @@ -204,8 +203,8 @@ export function StudioHeader({ {projectId} - {/* Center: storyboard / preview toggle (flag-gated) */} - {STUDIO_STORYBOARD_ENABLED && } + {/* Center: storyboard / preview toggle */} + {/* Right: toolbar buttons */}