Keyboard shortcuts

Press or to navigate between chapters

Press S or / to search in the book

Press ? to show this help

Press Esc to hide this help

Editor shell

Linear: AUT-136

Structural shell for the editor screen — macOS-style title bar, top toolbar (16:9 / Crop / Annotate / Trim + Share / Export), and three slot regions for the canvas, inspector, and timeline.

States

StateStory
Empty (no clip)editor-shell-empty
Clip loadededitor-shell-clip-loaded
Toolbar stateseditor-toolbar-states
Export disablededitor-shell-export-disabled

API

#![allow(unused)]
fn main() {
use ui_storybook::components::editor::{EditorShell, EditorShellView};
use ui_storybook::fixtures::editor::sample_editor_shell;

view! {
    <EditorShell view=sample_editor_shell(/* has_clip_loaded */ true) />
    // optional children: canvas, inspector, timeline
}
}

Shell is structural, not opinionated

EditorShell takes canvas, inspector, and timeline as Option<Children> slots. UI-17 (WispCanvasHost), UI-18 (InspectorPanel), and UI-19 (TimelineSkeleton) fill those slots in subsequent tickets — the shell itself doesn't care what each slot renders.