AI interface

Artifact pane

A frame around something the model generated, where preview and code travel along one horizontal track instead of cross-fading.

03 / 74

Where it earns its place

AI builders and internal tools that generate components, emails or pages and need to show both the result and its source.

Filled it with a generated Kinetiq pricing card (from $15,000, 4-8 weeks) and its typed source, coloured with studio tokens.
Both panes now live on one real track that springs between two positions, so mid-swap you see both, instead of a fade plus 24px nudge.
Added arrow-key tab switching, roving tabindex, and inert on the hidden pane so its content cannot be tabbed into.
Kept the single travelling tab indicator and the quiet copy action with a short-lived check.