Layouts6

Outer chrome — nav, slots, and the content region a View drops into.

SidebarShell

Open full screen

Collapsible icon rail (Cmd+B) + breadcrumb bar. The default app frame.

import { SidebarShell } from "@workspace/ui/components/layouts/shells"

FooterShell

Open full screen

Header tab nav + a persistent status strip. Single-surface apps.

import { FooterShell } from "@workspace/ui/components/layouts/shells"

MenubarShell

Open full screen

Desktop app-style File/Edit/View menu tree beside tab nav.

import { MenubarShell } from "@workspace/ui/components/layouts/shells"

Resizable master / detail two-pane. Drag the handle to resize.

import { SplitShell } from "@workspace/ui/components/layouts/shells"

InspectorShell

Open full screen

Content + collapsible right properties rail (Cmd+. or the header toggle).

import { InspectorShell } from "@workspace/ui/components/layouts/shells"

SettingsShell

Open full screen

Section nav (left) + section pane. The classic preferences shape.

import { SettingsShell } from "@workspace/ui/components/layouts/shells"