Components › Navigation › App shell › Top bar

Top bar

canon

The application frame bar: workspace switch, global search (⌘K), utilities and account — never changes with the screen.

React implementation lives in the app (AppShell.tsx — TopBar). .as-ai-trigger is a reserved, unused variant — decision A4.

Used in no file in the app (main)

Import

No React export — CSS classes only.

CSS classes

.as-top.as-util.as-search.tbar.tbar-h.tbar-id

Files