Module stories 

Story registry — every UI component must have at least one story.

Each story is a (id, render) pair. The render closure produces an IntoView so it can be SSR-rendered to HTML for snapshot tests AND mounted in the browser via Trunk for visual review.

Stories are split across per-surface sub-modules (primitives / shell / recorder / editor / menus / library / cursor) but every shipped story is re-collected into all_stories in the order they should appear in the gallery sidebar. The flat registry is what ui_storybook::tests::snapshots and the ui-export-stories binary both consume — they don’t need to know about the per-surface split.

Modules

controls

Control-primitive stories (M-UI.4 / AUT-124).

cursor

Cursor Studio stories — UI-20 (CursorStudioShell + style picker) / UI-21 (CursorPreviewCanvas + appearance controls).

editor

Editor stories — DopeSheet, PlayerControls, editor compositions. UI-16..19 expand this with EditorShell / WispCanvasHost / InspectorPanel / TimelineSkeleton.

fixtures_gallery

Fixture-gallery story (M-UI.22 / AUT-142). Renders a contact sheet of every major fixture domain so designers can review the canonical data shape at a glance.

library

Library stories — UI-14 (LibrarySidebar) + UI-15 (RecordingCard + LibraryGrid).

menus

Menu / popover stories (M-UI.3 / AUT-123). Concrete tray menus (workspace switcher, device pickers, on-screen options, tray record popover) compose these primitives in UI-05 / UI-08 / UI-10 / UI-12.

primitives

Primitive stories — Button, Card, Surface, Badge, Divider, Kbd, IconTile. UI-01 expanded this list with the design-token + base surface primitives.

recorder

Recorder stories — RecordingToolbar. UI-06..13 expand this list with capture-mode tabs, device pickers, overlay options, recording footer, and the tray popover composition.

recorder_audio

System-audio picker stories (M-UI.9 / AUT-129).

recorder_devices

Capture-source + device-picker stories (M-UI.8 / AUT-128).

recorder_display

Display-source-card stories (M-UI.7 / AUT-127).

recorder_footer

Recording-controls-footer stories (M-UI.11 / AUT-131).

recorder_on_screen

On-screen-options-popover stories (M-UI.10 / AUT-130).

recording_status

Compact recording-status stories (M-UI.13 / AUT-133).

save_panel

Save-panel stories (M-SAVE.GATE) — the post-record Save panel in its three visible states (choosing / exporting / saved).

shell

Shell stories — DropZone, StatusBar, plus M-UI.2 NavigationRail

tray_record_popover

Tray-record-popover composition stories (M-UI.12 / AUT-132).

workspace_menu

Workspace switcher menu stories (M-UI.5 / AUT-125).

Structs

Story

One UI gallery story — a closure that renders an IntoView to its SSR HTML string, plus identifying metadata.

Enums

StoryViewport

Viewport hint for a story. Drives how the storybook exporter sizes the surrounding chrome and how mdBook’s <iframe> height is set.

Functions

all_stories

Every shipped story, in display order. Aggregates the per-surface stories() lists so the snapshot test + asset exporter see a single flat registry.

render 🔒

Render any Leptos view to a plain HTML string. Used by every story renderer in the per-surface modules.