Navigation
Default: labelled links for destinations. Use search when the reader knows the item, and workspace controls when the working context changes.
Move between pages
Install @subconscious/subconscious-base. Use a native nav with real links and aria-current="page". The shared header above demonstrates the full mobile menu, Escape and focus return.
<nav aria-label="Workspace">
<a href="executive-decision-story.html" aria-current="page">Brief</a>
<a href="objective-workspace.html">Workspace</a>
</nav>Use the Objective Workspace for an inspectable app sidebar and Product Workspace for working tabs. The live owners replace the former static masthead, overlay and app mockups.
Find an item
Install @subconscious/action-search-bar. Type to narrow the list; arrow keys move, Enter selects and Escape dismisses. Search a missing term to inspect the empty state. Selection reports the sample command; use onSelect to connect a real action.
npx shadcn@4.19.0 add @subconscious/action-search-bar
import ActionSearchBar from "@/components/action-search-bar";Context and filtering
Distinct product jobs: switch the workspace or narrow its records. Pro compositions remain compiled previews; public search is the installable default.