MiniScene · scripted timeline
All scenes in order, looping. Drop-in replacement for a marketing screenshot.
Mini previews
Live, animated miniatures of the Signals app. Drop them anywhere a screenshot would have gone.
Autoplay
App scenes
Home · overview
Org landing surface: signal cards arranged in a 3-column grid.
Briefing · answer the brief
Right-side chat panel interviewing the user. Mirrors the real BriefingAssistantPanel.
Generate · model fan-out
Nine model tiles streaming through queued → running → done. Live counter in the header.
Radar · full canvas
Radar fills the dark main-content surface with breathing room. No floating on white.
Signal · detail + radar
Selected signal split with the radar filling the right pane (cover-cropped).
Curate · add to collection
Cursor walks across the signal grid, dropping each into one or more collections via popover.
Live · continuously updated Workspace
Radar morphs as new signals arrive; activity feed streams added/verified/revised/deprecated events with timestamps.
Benchmark · leaderboard
Rows fade in, score pills reveal column by column, top-3 ranks get accent dots.
Revise · restructure on demand
User prompts a change in chat; radar restructures (old signals fade out, new ones fade in at new positions).
Branding
Live brand theming
Five palettes circulating on the radar surface: accent, dark fill, and seeded radar shape vary per brand.
Radar animations
Load · radial
Default load: dots fade in by angle, sweeping around the wedges.
Load · streaming
Random order with a wider stagger. Reads as data flowing in from many models at once.
Build · empty to populated
Starts blank, signals appear one at a time over ~5 seconds. Use as a hero loader.
Cursor · scripted selection
Cursor lands on a dot, selects it, moves to a nearby dot, then resets. Same script as envisioning.com.
Zoom · focus on selected
Selecting a node zooms the radar to centre on it. Selection clears and zoom resets.
Radar variants
fit="contain" · fits inside
Letterboxes whichever axis is longer than the radar's 560×320 aspect.
fit="cover" · fills + crops
Use in narrow sidebars: radar fills the box, edges crop. Cropping is centered.
fit="cover" · wide, short
Same prop, opposite aspect. The radar still fills; top/bottom of the wedges crop.
transparent · no fill
Drop the radar's own dark background. Use when the parent surface should bleed through.