app
Adom Hydrogen
Public Made by Adomby adom
The whole Adom experience as one signed native app: your editor, your AI agent, and the full electronics design toolchain, running locally on your own machine.
← Commit history
dockbar guide: newbie-panel, toasts and icons join the dashboard contract
1 file changed
+8−3
docs/dockbar.md+8−3@@ -254,14 +254,19 @@ The curated global list (`dock/apps.json` in adom/hydrogen-bootstrap) is a list `adom/adom-ui-design` skillpack: the **dock-dashboard** skill is the parent contract (house header, say strip, status pill row, then your app's own content, and the two species: bridge launch page vs full app whose main UI is the dock target), with **dash-header** (human name-never a slug, version never inline in the bar, the standard target chip), **say-strip** (one-heading, one chip style, and TWO buttons on every phrase: Copy, with the toast "Copied to+never a slug, version never inline in the bar, the standard target chip), **newbie-panel** (the prompts+and demo band runs FULL WIDTH across the top of the page, never squeezed into a column+beside your app's own UI; one X collapses it, the header's ? brings it back; the demo button+is the panel's only filled button; copy and send-to-AI are ICON buttons with tooltips and+toasts, not text labels), **say-strip** (one heading, one chip style, and TWO buttons on every phrase: Copy, with the toast "Copied to clipboard. Paste it into any AI thread.", and Send to AI, which opens a NEW AI thread via the panel's AI-threads API and submits the phrase; new threads only, never resume), **dash-demo** (one guided demo per dashboard: play / pause / prev / next / exit toolbar, pre-created adom-tts narration on by default with a mute button, and ab captions synced to the screen at the bridge default size), **status-leds** (one compact LED pill row, prose on tap, red always carries-its next step), and **newbie-graduation** (scaffolding folds after dismissal, 3 green+its next step), **toasts** (bottom centre, 24px up, rise-and-fade in 180ms out 140ms, type+colour only on the icon and the 3px left border), **icons** (line drawings, white,+transparent, including your tab favicon and the settings cog), and **newbie-graduation** (scaffolding folds after dismissal, 3 green launches, or the first AI-driven action, and the header's ? always brings it back). Install the pack with `adom-wiki pkg install adom/adom-ui-design`; each skill ships a copy-paste recipe.