Adom Hydrogen - Commit

Overview Files Skills Discover Packages Releases Dependencies Issues20 Breadcrumbs Pull Requests Activity

dockbar item 9: mount the newbie-panel module, do not build it

John Lauer ·ef34491506 ·1mo ago ·parent bdec75d

adom-ui-design now ships assets/module/newbie-panel.js: one file, no dependencies, no network, fonts embedded. A dashboard mounts it and passes only its phrases, its trigger noun and its demo callback; the module owns the card, the grid, the table, both icons, the clipboard and send-to-AI paths, the toasts, the tooltips and the toggles. Conformance is AdomNewbiePanel.selfCheck() returning ok:true, run inside ah's webview. The old text described the panel as a spec to build to. Seven dock dashboards read that same spec and produced four card paddings, two border colours, three Copy drawings, one panel whose typeface fell back to system-ui, one with no prompts, and one app with no panel at all. That is why it is code now rather than prose.

1 file changed +10−5

docs/dockbar.md+10−5

@@ -381,11 +381,16 @@ 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), **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+never a slug, version never inline in the bar, the standard target chip), **newbie-panel** (MOUNT THE MODULE,+do not build this: `adom-ui-design` ships `assets/module/newbie-panel.js`, one file, no+dependencies, no network, fonts embedded. You mount it and pass only your phrases, your+trigger noun and your demo callback; the module owns the card, the full-width two-column+grid and its collapse, the prompts table, both icons, the clipboard and send-to-AI paths,+the toasts, the tooltips, the X and the header's ? toggle. Prove conformance with+`AdomNewbiePanel.selfCheck()` returning `ok:true`, run inside ah's webview. Delete any+hand-rolled panel CSS rather than leaving it beside the module. Written specs produced+seven different panels from seven apps reading the same skill, which is why this is code+now), **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,