Adom UI Design System

@@ -1,6 +1,6 @@ {   "slug": "adom-ui-design",-  "version": "2.0.0",+  "version": "2.0.1",   "type": "skill",   "description": "The Adom UI Design System plus a bundle of focused UI skills (tooltips, floating-windows, toasts, responsive-ui, app-shell, ai-driven-apps, clickable-paths, dark-default, input-feedback, settings-layout). One install drops the whole set of skill files onto your container, plus shared icon assets (the settings cog) so every Adom app draws the same glyph.",   "dependencies": {},

@@ -2,15 +2,18 @@ name: newbie-panel user-invocable: true description: >--  THE newbie panel every dock dashboard renders: ONE full-width, edge-to-edge band at the-  top of the page, split into TWO COLUMNS - the demo button on the left, the sample AI-  prompts on the right as a quiet TABLE (never pills, which go ragged when phrases differ in-  length). Prescribes every dimension so seven apps look identical: column widths, row-  height, type sizes and colors, the 16px line icons for copy and send (shipped as assets in-  this pack), tooltips, toasts, the single X that collapses it and the ? that restores it.-  Read BEFORE building or restyling the prompts/demo area of any dashboard. Trigger words:-  newbie panel, sample prompts panel, prompts table, say it panel, demo button, copy button,-  send to ai button, prompt row, dismiss panel, bring back help, onboarding panel.+  MOUNT THE MODULE, DO NOT BUILD THIS. adom-ui-design ships assets/module/newbie-panel.js,+  the ONE implementation of the newbie panel every dock dashboard uses: a full-width CARD at+  the top of the page (background #161b22, 1px border, 12px radius, 3px teal left edge) split+  into TWO COLUMNS - the demo button on the left, the sample AI prompts on the right as a+  quiet TABLE with the Copy and Send icons in one aligned column (never pills, which go ragged+  when phrases differ in length). The module owns every dimension, both icons, the clipboard+  and send-to-AI paths, the toasts, the tooltips, the X and the header ? toggle; you pass only+  your phrases, your trigger noun and your demo. Prove conformance with+  AdomNewbiePanel.selfCheck(). Read BEFORE building or restyling the prompts/demo area of any+  dashboard. Trigger words: newbie panel, sample prompts panel, prompts table, say it panel,+  demo button, copy button, send to ai button, prompt row, dismiss panel, bring back help,+  onboarding panel, AdomNewbiePanel, selfCheck. ---  Parent skill: **adom-ui-design** (works with **dash-header**, **dash-demo**,@@ -126,6 +129,11 @@ instead of the boxes around them.  ## Anatomy +**The old description of this panel said "full-width, edge-to-edge band", while the numbers+below said a bordered card with a 12px radius. pup built the band. It was the only panel in+the fleet that was not a card, and it was following this document. A description and a spec+that disagree will be resolved by whoever reads the description first.**+ ``` ┌ panel: full content width, one card ────────────────────────────────────────────┐ │  Say it                                                                       ✕ │