Interface: OcDashboardTool

<OcDashboardShell> — the canonical demo-app frame for protocol sites. Mirrors the MeShell pattern from me.ochk.io: persistent left-rail tools on desktop, off-canvas drawer on mobile, page eyebrow + title + description above the children.

Drives the unified "dashboard pattern" the family rolled out 2026-05-14: every protocol site's /dashboard (and the demo pages underneath — /create, /verify, /discover, /playground, etc.) wraps in this shell, so visitors crossing protocols experience the same chrome.

Layout (desktop):

┌─────────────┬────────────────────────────────────┐ │ § dashboard │ eyebrow │ │ ── tools ── │ title │ │ create ● │ description │ │ verify │ │ │ discover │ ── children ─────────────────────│ │ ... │ │ └─────────────┴────────────────────────────────────┘

Mobile (<md): sidebar collapses behind a hamburger button at the top of the main column; tapping opens a full-width drawer.

Properties

Property	Type	Description	Defined in
<a id="property-external"></a> `external?`	`boolean`	When true, opens in a new tab (e.g. an external explorer).	dashboard-shell.tsx:46
<a id="property-href"></a> `href`	`string`	Same-origin path the tool lives at.	dashboard-shell.tsx:37
<a id="property-icon"></a> `icon?`	`any`	Optional ascii / unicode glyph rendered before the label.	dashboard-shell.tsx:44
<a id="property-id"></a> `id`	`string`	Stable identifier · used as `active` key.	dashboard-shell.tsx:35
<a id="property-label"></a> `label`	`string`	Visible label · lowercase preferred.	dashboard-shell.tsx:39
<a id="property-tagline"></a> `tagline?`	`string`	Optional one-line tagline shown under the label in the rail and on the dashboard hub cards.	dashboard-shell.tsx:42