Layout

Explicit containers and one-dimensional or grid composition.

• Container — Constrain and center a readable block of page content.
• PageHeader — Eyebrow/title/description header with optional metadata and actions.
• SplitView — Two-pane layout with closed ratio and responsive collapse.
• MasterDetail — Responsive master-detail layout with named fragment regions.
• FormGrid — Responsive field grid for forms and settings panels.
• ActionGroup — Aligned cluster of actions for headers and footers.
• Stack — Arrange children vertically with a validated, consistent gap.
• Inline — Arrange related children in a wrapping horizontal row.
• Grid — Lay out explicit child components in a responsive grid.
• GridItem — Place one cell with named track and span tokens inside Grid.
• Divider — Separate adjacent groups with a semantic horizontal or vertical rule.
• MainPanel — Primary HTMX swap region for AppShell document/fragment dual paths.
• AppShell — Document shell with optional side nav and a MainPanel body.
• SkipLink — Keyboard bypass link to the shell main panel.
• ProcessFlow — Accessible ordered workflow rendered as a process list.
• FlowStep — One stage of a ProcessFlow with explicit status text.
• ConnectorNode — Provider-neutral source or destination node for data-movement workflows.
• ConnectorFlow — Responsive connector canvas for source, track, and destination workflow nodes.
• ConnectorTrack — Accessible visual link between provider-neutral workflow nodes.
• ScrollRegion — Bound a semantic list, log, or arbitrary child region without changing its children.
• ActionDock — Sticky action dock for primary controls.
• BottomDock — Bottom sticky dock alias for chat or actions.
• Spacer — Semantic spacing primitive.
• NavGroup — Standalone labelled navigation group shared by AppShell and fragment responses.