@adia-ai/a2ui-corpus 0.0.7 → 0.2.0

package/catalog-a2ui_0_9.json

@@ -97,7 +97,7 @@
           "jsonl",
           "mcp"
         ],
-        "name": "AdiaA2UIRoot",
+        "name": "A2UIRoot",
         "related": [
           "canvas",
           "inspector"
@@ -185,7 +185,7 @@
           "collapse",
           "expand"
         ],
-        "name": "AdiaAccordion",
+        "name": "UIAccordion",
         "related": [
           "accordion-item",
           "input",
@@ -297,7 +297,7 @@
           "action",
           "list"
         ],
-        "name": "AdiaActionList",
+        "name": "UIActionList",
         "related": [],
         "slots": {
           "default (action-item-ui children)": {
@@ -349,7 +349,7 @@
           "default": ""
         },
         "kind": {
-          "description": "Uppercase badge label.",
+          "description": "Badge label; value is normalized to uppercase before rendering.",
           "type": "string",
           "default": ""
         },
@@ -385,7 +385,7 @@
           "preview",
           "attachment"
         ],
-        "name": "AdiaAgentArtifact",
+        "name": "UIAgentArtifact",
         "related": [
           "card-ui",
           "code-ui"
@@ -475,7 +475,7 @@
           "save",
           "bookmark"
         ],
-        "name": "AdiaAgentFeedbackBar",
+        "name": "UIAgentFeedbackBar",
         "related": [
           "agent-suggestions-ui",
           "agent-trace-ui"
@@ -567,7 +567,7 @@
           "elicit",
           "clarify"
         ],
-        "name": "AdiaAgentQuestions",
+        "name": "UIAgentQuestions",
         "related": [
           "agent-suggestions-ui",
           "agent-reasoning-ui"
@@ -668,7 +668,7 @@
           "plan",
           "iteration"
         ],
-        "name": "AdiaAgentReasoning",
+        "name": "UIAgentReasoning",
         "related": [
           "agent-trace-ui",
           "pipeline-status-ui"
@@ -685,8 +685,8 @@
           }
         ],
         "synonyms": {
-          "chain-of-thought-n": "agent-reasoning-ui",
-          "cot-n": "agent-reasoning-ui"
+          "chain-of-thought-ui": "agent-reasoning-ui",
+          "cot-ui": "agent-reasoning-ui"
         },
         "tag": "agent-reasoning-ui",
         "tokens": {},
@@ -751,7 +751,7 @@
           "follow-up",
           "quick replies"
         ],
-        "name": "AdiaAgentSuggestions",
+        "name": "UIAgentSuggestions",
         "related": [
           "agent-questions-ui",
           "agent-feedback-bar-ui"
@@ -832,7 +832,7 @@
           "telemetry",
           "training feedback"
         ],
-        "name": "AdiaAgentTrace",
+        "name": "UIAgentTrace",
         "related": [
           "agent-reasoning-ui",
           "agent-feedback-bar-ui"
@@ -943,16 +943,22 @@
           "notification",
           "announce"
         ],
-        "name": "AdiaAlert",
+        "name": "UIAlert",
         "related": [
           "button"
         ],
         "slots": {
-          "default": {
-            "description": "Rich content for the alert body"
+          "action": {
+            "description": "Optional trailing action button (e.g. \"Refresh\", \"Status page\"). Right-aligned in the flex layout. See system-banners pattern for examples."
           },
-          "icon": {
-            "description": "Custom icon element"
+          "close": {
+            "description": "Close button. Stamped automatically when `closable` is set; the stamped element is `<button-ui slot=\"close\" icon=\"x\" variant=\"ghost\" size=\"sm\">`. Override by passing a custom `slot=\"close\"` button."
+          },
+          "content": {
+            "description": "Alert body. For single-line text use the `text=` attribute (alert.js stamps a `<span slot=\"content\">` automatically). For rich content with title + description, wrap in `<col-ui slot=\"content\">` — the alert root is `display: flex` row, so multiple bare children would lay out side-by-side instead of stacking."
+          },
+          "leading": {
+            "description": "Leading icon. Stamped automatically from the `icon=` attribute; consumers can override by passing a custom `<icon-ui slot=\"leading\">`."
           }
         },
         "states": [
@@ -1063,257 +1069,9 @@
         "version": 1
       }
     },
-    "AppNav": {
-      "title": "AppNav",
-      "description": "Collapsible navigation sidebar. Manages selection state across\napp-nav-item-ui children and opens popover menus for app-nav-group-ui\nchildren when collapsed.\n",
-      "type": "object",
-      "allOf": [
-        {
-          "$ref": "#/$defs/ComponentCommon"
-        },
-        {
-          "$ref": "#/$defs/CatalogComponentCommon"
-        }
-      ],
-      "properties": {
-        "collapsed": {
-          "description": "When true, labels and badges hide; only icons show. Groups use popovers instead of inline expansion.",
-          "type": "boolean",
-          "default": false
-        },
-        "component": {
-          "const": "AppNav"
-        },
-        "divider": {
-          "description": "Render auto-dividers between groups.",
-          "type": "boolean",
-          "default": false
-        }
-      },
-      "required": [
-        "component"
-      ],
-      "unevaluatedProperties": false,
-      "x-adiaui": {
-        "anti_patterns": [],
-        "category": "nav",
-        "events": {
-          "nav-select": {
-            "description": "Fired when a child app-nav-item-ui is selected (via click or the .select() method).",
-            "detail": {
-              "item": "HTMLElement",
-              "text": "string",
-              "value": "string"
-            }
-          }
-        },
-        "examples": [],
-        "keywords": [
-          "app-nav",
-          "sidebar",
-          "navigation",
-          "nav",
-          "menu"
-        ],
-        "name": "AdiaAppNav",
-        "related": [
-          "AppShell",
-          "AppNavGroup",
-          "AppNavItem"
-        ],
-        "slots": {
-          "default": {
-            "description": "app-nav-group-ui and app-nav-item-ui children."
-          }
-        },
-        "states": [
-          {
-            "description": "Default, interactive.",
-            "name": "idle"
-          },
-          {
-            "description": "Narrow-width mode; groups open popovers instead of expanding.",
-            "attribute": "collapsed",
-            "name": "collapsed"
-          }
-        ],
-        "synonyms": {
-          "sidebar": [
-            "app-nav",
-            "nav",
-            "navigation"
-          ]
-        },
-        "tag": "app-nav-ui",
-        "tokens": {},
-        "traits": [],
-        "version": 1
-      }
-    },
-    "AppNavGroup": {
-      "title": "AppNavGroup",
-      "description": "Collapsible group inside app-nav-ui. Has icon, label, optional badge, and\na caret indicating open/closed. When the parent app-nav-ui is collapsed,\nclicking the group opens a popover with its children instead of toggling\ninline expansion.\n",
-      "type": "object",
-      "allOf": [
-        {
-          "$ref": "#/$defs/ComponentCommon"
-        },
-        {
-          "$ref": "#/$defs/CatalogComponentCommon"
-        }
-      ],
-      "properties": {
-        "badge": {
-          "description": "Optional badge text (e.g. unread count).",
-          "type": "string",
-          "default": ""
-        },
-        "component": {
-          "const": "AppNavGroup"
-        },
-        "icon": {
-          "description": "Phosphor icon name rendered in the group header.",
-          "type": "string",
-          "default": ""
-        },
-        "open": {
-          "description": "Expanded state. Toggled by header click; ignored when parent nav is collapsed (popover used instead).",
-          "type": "boolean",
-          "default": false
-        },
-        "text": {
-          "description": "Group label text.",
-          "type": "string",
-          "default": ""
-        }
-      },
-      "required": [
-        "component"
-      ],
-      "unevaluatedProperties": false,
-      "x-adiaui": {
-        "anti_patterns": [],
-        "category": "nav",
-        "events": {},
-        "examples": [],
-        "keywords": [
-          "app-nav-group",
-          "nav",
-          "group",
-          "menu-section"
-        ],
-        "name": "AdiaAppNavGroup",
-        "related": [
-          "AppNav",
-          "AppNavItem"
-        ],
-        "slots": {
-          "default": {
-            "description": "app-nav-item-ui children rendered beneath the group header."
-          }
-        },
-        "states": [
-          {
-            "description": "Default, collapsed or open based on [open].",
-            "name": "idle"
-          },
-          {
-            "description": "Group is expanded; children visible.",
-            "attribute": "open",
-            "name": "open"
-          }
-        ],
-        "synonyms": {},
-        "tag": "app-nav-group-ui",
-        "tokens": {},
-        "traits": [],
-        "version": 1
-      }
-    },
-    "AppNavItem": {
-      "title": "AppNavItem",
-      "description": "Single navigation link in app-nav-ui, optionally nested inside\napp-nav-group-ui. Icon + label + optional badge. Selection is managed\nby the parent app-nav-ui — set via clicking or nav.select(item).\n",
-      "type": "object",
-      "allOf": [
-        {
-          "$ref": "#/$defs/ComponentCommon"
-        },
-        {
-          "$ref": "#/$defs/CatalogComponentCommon"
-        }
-      ],
-      "properties": {
-        "badge": {
-          "description": "Optional trailing badge text (count, \"New\", etc.).",
-          "type": "string",
-          "default": ""
-        },
-        "component": {
-          "const": "AppNavItem"
-        },
-        "icon": {
-          "description": "Phosphor icon name (leading).",
-          "type": "string",
-          "default": ""
-        },
-        "selected": {
-          "description": "Current selection. Managed by parent app-nav-ui — don't set multiple siblings.",
-          "type": "boolean",
-          "default": false
-        },
-        "text": {
-          "description": "Item label.",
-          "type": "string",
-          "default": ""
-        },
-        "value": {
-          "description": "Unique identifier for selection tracking (also the route / target id).",
-          "type": "string",
-          "default": ""
-        }
-      },
-      "required": [
-        "component"
-      ],
-      "unevaluatedProperties": false,
-      "x-adiaui": {
-        "anti_patterns": [],
-        "category": "nav",
-        "events": {},
-        "examples": [],
-        "keywords": [
-          "app-nav-item",
-          "nav",
-          "link",
-          "menu-item"
-        ],
-        "name": "AdiaAppNavItem",
-        "related": [
-          "AppNav",
-          "AppNavGroup"
-        ],
-        "slots": {},
-        "states": [
-          {
-            "description": "Default.",
-            "name": "idle"
-          },
-          {
-            "description": "Currently selected nav destination.",
-            "attribute": "selected",
-            "name": "selected"
-          }
-        ],
-        "synonyms": {},
-        "tag": "app-nav-item-ui",
-        "tokens": {},
-        "traits": [],
-        "version": 1
-      }
-    },
     "AppShell": {
       "title": "AppShell",
-      "description": "Behavior-only application shell. Wires sidebar toggles, resize handles,\na Cmd+K command palette, and a ResizeObserver that drives responsive\nsidebar collapse. Author supplies the DOM (aside[data-sidebar], main,\ndialog[data-command]); app-shell-ui binds the interactions.\n",
+      "description": "Behavior-only application shell. Wires sidebar toggles, resize handles,\na Cmd+K command palette, and a ResizeObserver that drives responsive\nsidebar collapse. Author supplies the DOM (aside[data-sidebar], main,\ndialog[data-command]); admin-shell binds the interactions.\n",
       "type": "object",
       "allOf": [
         {
@@ -1377,11 +1135,11 @@
           "sidebar",
           "nav"
         ],
-        "name": "AdiaAppShell",
+        "name": "AdminShell",
         "related": [
-          "AppNav",
-          "AppNavGroup",
-          "AppNavItem",
+          "Nav",
+          "NavGroup",
+          "NavItem",
           "Command"
         ],
         "slots": {
@@ -1432,15 +1190,15 @@
             "app-shell"
           ]
         },
-        "tag": "app-shell-ui",
+        "tag": "admin-shell",
         "tokens": {},
         "traits": [],
         "version": 1
       }
     },
-    "Avatar": {
-      "title": "Avatar",
-      "description": "Avatar with image → initials → empty fallback chain.",
+    "Aside": {
+      "title": "Aside",
+      "description": "Side region — styled by closest container parent (AppShell / Drawer / Card).\nHolds nav rails, secondary actions, or supplementary content. CSS-only slot\nstub: no own behavior; the container parent reads `[collapsible]` and\n`[width]` to wire collapse + width. For interactive resize / collapse\nbehavior, compose with `<pane-ui>` inside: aside = semantic role,\npane = resizable / collapsible primitive.\n",
       "type": "object",
       "allOf": [
         {
@@ -1451,52 +1209,23 @@
         }
       ],
       "properties": {
-        "component": {
-          "const": "Avatar"
-        },
-        "icon": {
-          "description": "Phosphor icon name shown instead of initials when `src`/`text` are empty.",
-          "type": "string",
-          "default": ""
-        },
-        "name": {
-          "description": "Deprecated alias for `text` (logs a one-shot console warning; will be removed in a future release). New code should use `text=` instead.",
-          "type": "string",
-          "default": ""
+        "collapsible": {
+          "description": "Marks the aside as collapsible. The container parent (AppShell, Drawer)\nreads this and wires the toggle affordance + ARIA + state. The aside\nitself ships no collapse logic.\n",
+          "type": "boolean",
+          "default": false
         },
-        "shape": {
-          "description": "Avatar shape",
-          "type": "string",
-          "enum": [
-            "circle",
-            "square"
-          ],
-          "default": "circle"
+        "component": {
+          "const": "Aside"
         },
-        "size": {
-          "description": "Avatar size. Canonical scale (xs/sm/md/lg/xl); long-form aliases (small/medium/large/xlarge) accepted for back-compat.",
+        "width": {
+          "description": "Token-bound width hint. The container parent reads this to set the\naside column width — `rail` (compact icon-only nav), `panel` (full\nnav text), `wide` (workspace pane). Empty string defers to parent default.\n",
           "type": "string",
           "enum": [
-            "xs",
-            "sm",
-            "md",
-            "lg",
-            "xl",
-            "small",
-            "medium",
-            "large",
-            "xlarge"
+            "",
+            "rail",
+            "panel",
+            "wide"
           ],
-          "default": "md"
-        },
-        "src": {
-          "description": "Image source URL. Falls back to initials on error.",
-          "type": "string",
-          "default": ""
-        },
-        "text": {
-          "description": "Display string (full name or initials). Initials derive from spaces — first letter of each word, max 2.",
-          "type": "string",
           "default": ""
         }
       },
@@ -1506,14 +1235,125 @@
       "unevaluatedProperties": false,
       "x-adiaui": {
         "anti_patterns": [],
-        "category": "display",
+        "category": "container",
         "events": {},
         "examples": [
           {
-            "description": "Chat interface with message bubbles containing avatar and text pairs, plus an input footer.",
-            "a2ui": "[\n  {\n    \"id\": \"root\",\n    \"component\": \"Card\",\n    \"children\": [\n      \"hdr\",\n      \"sec\",\n      \"ftr\"\n    ]\n  },\n  {\n    \"id\": \"hdr\",\n    \"component\": \"Header\",\n    \"children\": [\n      \"title\"\n    ]\n  },\n  {\n    \"id\": \"title\",\n    \"component\": \"Text\",\n    \"slot\": \"heading\",\n    \"textContent\": \"Chat\"\n  },\n  {\n    \"id\": \"sec\",\n    \"component\": \"Section\",\n    \"children\": [\n      \"messages\"\n    ]\n  },\n  {\n    \"id\": \"messages\",\n    \"component\": \"Column\",\n    \"gap\": \"3\",\n    \"children\": [\n      \"msg1\",\n      \"msg2\",\n      \"msg3\",\n      \"msg4\"\n    ]\n  },\n  {\n    \"id\": \"msg1\",\n    \"component\": \"Row\",\n    \"gap\": \"2\",\n    \"children\": [\n      \"a1\",\n      \"t1\"\n    ]\n  },\n  {\n    \"id\": \"a1\",\n    \"component\": \"Avatar\",\n    \"name\": \"User\",\n    \"size\": \"sm\"\n  },\n  {\n    \"id\": \"t1\",\n    \"component\": \"Text\",\n    \"variant\": \"body\",\n    \"textContent\": \"Hello! Can you help me with something?\"\n  },\n  {\n    \"id\": \"msg2\",\n    \"component\": \"Row\",\n    \"gap\": \"2\",\n    \"children\": [\n      \"a2\",\n      \"t2\"\n    ]\n  },\n  {\n    \"id\": \"a2\",\n    \"component\": \"Avatar\",\n    \"name\": \"Assistant\",\n    \"size\": \"sm\"\n  },\n  {\n    \"id\": \"t2\",\n    \"component\": \"Text\",\n    \"variant\": \"body\",\n    \"textContent\": \"Of course! I'd be happy to help. What do you need?\"\n  },\n  {\n    \"id\": \"msg3\",\n    \"component\": \"Row\",\n    \"gap\": \"2\",\n    \"children\": [\n      \"a3\",\n      \"t3\"\n    ]\n  },\n  {\n    \"id\": \"a3\",\n    \"component\": \"Avatar\",\n    \"name\": \"User\",\n    \"size\": \"sm\"\n  },\n  {\n    \"id\": \"t3\",\n    \"component\": \"Text\",\n    \"variant\": \"body\",\n    \"textContent\": \"I need to build a dashboard layout.\"\n  },\n  {\n    \"id\": \"msg4\",\n    \"component\": \"Row\",\n    \"gap\": \"2\",\n    \"children\": [\n      \"a4\",\n      \"t4\"\n    ]\n  },\n  {\n    \"id\": \"a4\",\n    \"component\": \"Avatar\",\n    \"name\": \"Assistant\",\n    \"size\": \"sm\"\n  },\n  {\n    \"id\": \"t4\",\n    \"component\": \"Text\",\n    \"variant\": \"body\",\n    \"textContent\": \"Great choice! Let me suggest some patterns for that.\"\n  },\n  {\n    \"id\": \"ftr\",\n    \"component\": \"Footer\",\n    \"children\": [\n      \"input-row\"\n    ]\n  },\n  {\n    \"id\": \"input-row\",\n    \"component\": \"Row\",\n    \"gap\": \"2\",\n    \"children\": [\n      \"chat-input\",\n      \"send-btn\"\n    ]\n  },\n  {\n    \"id\": \"chat-input\",\n    \"component\": \"Input\",\n    \"placeholder\": \"Type a message...\"\n  },\n  {\n    \"id\": \"send-btn\",\n    \"component\": \"Button\",\n    \"text\": \"Send\",\n    \"icon\": \"send\",\n    \"variant\": \"primary\"\n  }\n]",
-            "name": "chat-interface"
-          },
+            "description": "Card laid out as a header / aside / section, with the aside holding a nav list.",
+            "a2ui": "[\n  {\n    \"id\": \"root\",\n    \"component\": \"Card\",\n    \"children\": [\"hdr\", \"side\", \"main\"]\n  },\n  {\n    \"id\": \"hdr\",\n    \"component\": \"Header\",\n    \"children\": [\"title\"]\n  },\n  {\n    \"id\": \"title\",\n    \"component\": \"Text\",\n    \"slot\": \"heading\",\n    \"textContent\": \"Settings\"\n  },\n  {\n    \"id\": \"side\",\n    \"component\": \"Aside\",\n    \"width\": \"rail\",\n    \"children\": [\"nav\"]\n  },\n  {\n    \"id\": \"nav\",\n    \"component\": \"List\",\n    \"children\": []\n  },\n  {\n    \"id\": \"main\",\n    \"component\": \"Section\",\n    \"children\": []\n  }\n]",
+            "name": "card-with-side-nav"
+          }
+        ],
+        "keywords": [
+          "aside",
+          "sidebar",
+          "rail",
+          "panel",
+          "side-region",
+          "nav-rail"
+        ],
+        "name": "UIAside",
+        "related": [
+          "app-shell",
+          "drawer",
+          "pane",
+          "section",
+          "header"
+        ],
+        "slots": {
+          "default": {
+            "description": "Default slot — primary child content (typically `<list-ui>`, `<tree-ui>`, or app-nav primitives)."
+          }
+        },
+        "states": [
+          {
+            "description": "Default, ready for interaction.",
+            "name": "idle"
+          }
+        ],
+        "synonyms": {},
+        "tag": "aside-ui",
+        "tokens": {},
+        "traits": [],
+        "version": 1
+      }
+    },
+    "Avatar": {
+      "title": "Avatar",
+      "description": "Avatar with image → initials → empty fallback chain.",
+      "type": "object",
+      "allOf": [
+        {
+          "$ref": "#/$defs/ComponentCommon"
+        },
+        {
+          "$ref": "#/$defs/CatalogComponentCommon"
+        }
+      ],
+      "properties": {
+        "component": {
+          "const": "Avatar"
+        },
+        "icon": {
+          "description": "Phosphor icon name shown instead of initials when `src`/`text` are empty.",
+          "type": "string",
+          "default": ""
+        },
+        "name": {
+          "description": "Deprecated alias for `text` (logs a one-shot console warning; will be removed in a future release). New code should use `text=` instead.",
+          "type": "string",
+          "default": ""
+        },
+        "shape": {
+          "description": "Avatar shape",
+          "type": "string",
+          "enum": [
+            "circle",
+            "square"
+          ],
+          "default": "circle"
+        },
+        "size": {
+          "description": "Avatar size. Canonical scale (xs/sm/md/lg/xl); long-form aliases (small/medium/large/xlarge) accepted for back-compat.",
+          "type": "string",
+          "enum": [
+            "xs",
+            "sm",
+            "md",
+            "lg",
+            "xl",
+            "small",
+            "medium",
+            "large",
+            "xlarge"
+          ],
+          "default": "md"
+        },
+        "src": {
+          "description": "Image source URL. Falls back to initials on error.",
+          "type": "string",
+          "default": ""
+        },
+        "text": {
+          "description": "Display string (full name or initials). Initials derive from spaces — first letter of each word, max 2.",
+          "type": "string",
+          "default": ""
+        }
+      },
+      "required": [
+        "component"
+      ],
+      "unevaluatedProperties": false,
+      "x-adiaui": {
+        "anti_patterns": [],
+        "category": "display",
+        "events": {},
+        "examples": [
+          {
+            "description": "Chat interface with message bubbles containing avatar and text pairs, plus an input footer.",
+            "a2ui": "[\n  {\n    \"id\": \"root\",\n    \"component\": \"Card\",\n    \"children\": [\n      \"hdr\",\n      \"sec\",\n      \"ftr\"\n    ]\n  },\n  {\n    \"id\": \"hdr\",\n    \"component\": \"Header\",\n    \"children\": [\n      \"title\"\n    ]\n  },\n  {\n    \"id\": \"title\",\n    \"component\": \"Text\",\n    \"slot\": \"heading\",\n    \"textContent\": \"Chat\"\n  },\n  {\n    \"id\": \"sec\",\n    \"component\": \"Section\",\n    \"children\": [\n      \"messages\"\n    ]\n  },\n  {\n    \"id\": \"messages\",\n    \"component\": \"Column\",\n    \"gap\": \"3\",\n    \"children\": [\n      \"msg1\",\n      \"msg2\",\n      \"msg3\",\n      \"msg4\"\n    ]\n  },\n  {\n    \"id\": \"msg1\",\n    \"component\": \"Row\",\n    \"gap\": \"2\",\n    \"children\": [\n      \"a1\",\n      \"t1\"\n    ]\n  },\n  {\n    \"id\": \"a1\",\n    \"component\": \"Avatar\",\n    \"name\": \"User\",\n    \"size\": \"sm\"\n  },\n  {\n    \"id\": \"t1\",\n    \"component\": \"Text\",\n    \"variant\": \"body\",\n    \"textContent\": \"Hello! Can you help me with something?\"\n  },\n  {\n    \"id\": \"msg2\",\n    \"component\": \"Row\",\n    \"gap\": \"2\",\n    \"children\": [\n      \"a2\",\n      \"t2\"\n    ]\n  },\n  {\n    \"id\": \"a2\",\n    \"component\": \"Avatar\",\n    \"name\": \"Assistant\",\n    \"size\": \"sm\"\n  },\n  {\n    \"id\": \"t2\",\n    \"component\": \"Text\",\n    \"variant\": \"body\",\n    \"textContent\": \"Of course! I'd be happy to help. What do you need?\"\n  },\n  {\n    \"id\": \"msg3\",\n    \"component\": \"Row\",\n    \"gap\": \"2\",\n    \"children\": [\n      \"a3\",\n      \"t3\"\n    ]\n  },\n  {\n    \"id\": \"a3\",\n    \"component\": \"Avatar\",\n    \"name\": \"User\",\n    \"size\": \"sm\"\n  },\n  {\n    \"id\": \"t3\",\n    \"component\": \"Text\",\n    \"variant\": \"body\",\n    \"textContent\": \"I need to build a dashboard layout.\"\n  },\n  {\n    \"id\": \"msg4\",\n    \"component\": \"Row\",\n    \"gap\": \"2\",\n    \"children\": [\n      \"a4\",\n      \"t4\"\n    ]\n  },\n  {\n    \"id\": \"a4\",\n    \"component\": \"Avatar\",\n    \"name\": \"Assistant\",\n    \"size\": \"sm\"\n  },\n  {\n    \"id\": \"t4\",\n    \"component\": \"Text\",\n    \"variant\": \"body\",\n    \"textContent\": \"Great choice! Let me suggest some patterns for that.\"\n  },\n  {\n    \"id\": \"ftr\",\n    \"component\": \"Footer\",\n    \"children\": [\n      \"input-row\"\n    ]\n  },\n  {\n    \"id\": \"input-row\",\n    \"component\": \"Row\",\n    \"gap\": \"2\",\n    \"children\": [\n      \"chat-input\",\n      \"send-btn\"\n    ]\n  },\n  {\n    \"id\": \"chat-input\",\n    \"component\": \"Input\",\n    \"placeholder\": \"Type a message...\"\n  },\n  {\n    \"id\": \"send-btn\",\n    \"component\": \"Button\",\n    \"text\": \"Send\",\n    \"icon\": \"send\",\n    \"variant\": \"primary\"\n  }\n]",
+            "name": "chat-interface"
+          },
           {
             "description": "Email inbox list with selectable rows showing checkbox, sender avatar, subject, preview text, and time badge.",
             "a2ui": "[\n  {\n    \"id\": \"root\",\n    \"component\": \"Card\",\n    \"children\": [\n      \"sec\"\n    ]\n  },\n  {\n    \"id\": \"sec\",\n    \"component\": \"Section\",\n    \"children\": [\n      \"list\"\n    ]\n  },\n  {\n    \"id\": \"list\",\n    \"component\": \"Column\",\n    \"gap\": \"1\",\n    \"children\": [\n      \"m1\",\n      \"m2\",\n      \"m3\",\n      \"m4\"\n    ]\n  },\n  {\n    \"id\": \"m1\",\n    \"component\": \"Row\",\n    \"gap\": \"3\",\n    \"align\": \"center\",\n    \"children\": [\n      \"cb1\",\n      \"av1\",\n      \"body1\",\n      \"meta1\"\n    ]\n  },\n  {\n    \"id\": \"cb1\",\n    \"component\": \"CheckBox\"\n  },\n  {\n    \"id\": \"av1\",\n    \"component\": \"Avatar\",\n    \"text\": \"Sarah Chen\",\n    \"size\": \"sm\"\n  },\n  {\n    \"id\": \"body1\",\n    \"component\": \"Column\",\n    \"gap\": \"0\",\n    \"grow\": true,\n    \"children\": [\n      \"subj1\",\n      \"prev1\"\n    ]\n  },\n  {\n    \"id\": \"subj1\",\n    \"component\": \"Text\",\n    \"weight\": \"semibold\",\n    \"textContent\": \"Q4 Planning Review\"\n  },\n  {\n    \"id\": \"prev1\",\n    \"component\": \"Text\",\n    \"color\": \"muted\",\n    \"textContent\": \"Here are the updated projections for next quarter...\"\n  },\n  {\n    \"id\": \"meta1\",\n    \"component\": \"Column\",\n    \"gap\": \"1\",\n    \"align\": \"end\",\n    \"children\": [\n      \"time1\",\n      \"b1\"\n    ]\n  },\n  {\n    \"id\": \"time1\",\n    \"component\": \"Text\",\n    \"color\": \"muted\",\n    \"textContent\": \"10:42 AM\"\n  },\n  {\n    \"id\": \"b1\",\n    \"component\": \"Badge\",\n    \"color\": \"primary\",\n    \"textContent\": \"New\"\n  },\n  {\n    \"id\": \"m2\",\n    \"component\": \"Row\",\n    \"gap\": \"3\",\n    \"align\": \"center\",\n    \"children\": [\n      \"cb2\",\n      \"av2\",\n      \"body2\",\n      \"time2\"\n    ]\n  },\n  {\n    \"id\": \"cb2\",\n    \"component\": \"CheckBox\"\n  },\n  {\n    \"id\": \"av2\",\n    \"component\": \"Avatar\",\n    \"text\": \"Alex Kim\",\n    \"size\": \"sm\"\n  },\n  {\n    \"id\": \"body2\",\n    \"component\": \"Column\",\n    \"gap\": \"0\",\n    \"grow\": true,\n    \"children\": [\n      \"subj2\",\n      \"prev2\"\n    ]\n  },\n  {\n    \"id\": \"subj2\",\n    \"component\": \"Text\",\n    \"weight\": \"semibold\",\n    \"textContent\": \"Design Review Feedback\"\n  },\n  {\n    \"id\": \"prev2\",\n    \"component\": \"Text\",\n    \"color\": \"muted\",\n    \"textContent\": \"Great work on the new components. A few notes...\"\n  },\n  {\n    \"id\": \"time2\",\n    \"component\": \"Text\",\n    \"color\": \"muted\",\n    \"textContent\": \"9:15 AM\"\n  },\n  {\n    \"id\": \"m3\",\n    \"component\": \"Row\",\n    \"gap\": \"3\",\n    \"align\": \"center\",\n    \"children\": [\n      \"cb3\",\n      \"av3\",\n      \"body3\",\n      \"time3\"\n    ]\n  },\n  {\n    \"id\": \"cb3\",\n    \"component\": \"CheckBox\"\n  },\n  {\n    \"id\": \"av3\",\n    \"component\": \"Avatar\",\n    \"text\": \"Tom Wright\",\n    \"size\": \"sm\"\n  },\n  {\n    \"id\": \"body3\",\n    \"component\": \"Column\",\n    \"gap\": \"0\",\n    \"grow\": true,\n    \"children\": [\n      \"subj3\",\n      \"prev3\"\n    ]\n  },\n  {\n    \"id\": \"subj3\",\n    \"component\": \"Text\",\n    \"textContent\": \"CI Pipeline Update\"\n  },\n  {\n    \"id\": \"prev3\",\n    \"component\": \"Text\",\n    \"color\": \"muted\",\n    \"textContent\": \"The new build system is deployed and running...\"\n  },\n  {\n    \"id\": \"time3\",\n    \"component\": \"Text\",\n    \"color\": \"muted\",\n    \"textContent\": \"Yesterday\"\n  },\n  {\n    \"id\": \"m4\",\n    \"component\": \"Row\",\n    \"gap\": \"3\",\n    \"align\": \"center\",\n    \"children\": [\n      \"cb4\",\n      \"av4\",\n      \"body4\",\n      \"time4\"\n    ]\n  },\n  {\n    \"id\": \"cb4\",\n    \"component\": \"CheckBox\"\n  },\n  {\n    \"id\": \"av4\",\n    \"component\": \"Avatar\",\n    \"text\": \"Emma Davis\",\n    \"size\": \"sm\"\n  },\n  {\n    \"id\": \"body4\",\n    \"component\": \"Column\",\n    \"gap\": \"0\",\n    \"grow\": true,\n    \"children\": [\n      \"subj4\",\n      \"prev4\"\n    ]\n  },\n  {\n    \"id\": \"subj4\",\n    \"component\": \"Text\",\n    \"textContent\": \"Team Offsite Planning\"\n  },\n  {\n    \"id\": \"prev4\",\n    \"component\": \"Text\",\n    \"color\": \"muted\",\n    \"textContent\": \"Let's finalize the agenda for next month's offsite...\"\n  },\n  {\n    \"id\": \"time4\",\n    \"component\": \"Text\",\n    \"color\": \"muted\",\n    \"textContent\": \"Monday\"\n  }\n]",
@@ -1533,7 +1373,7 @@
           "profile",
           "user"
         ],
-        "name": "AdiaAvatar",
+        "name": "UIAvatar",
         "related": [
           "input",
           "button",
@@ -1702,8 +1542,6 @@
             "warning",
             "danger",
             "primary",
-            "soft",
-            "outline",
             "muted",
             "neutral"
           ],
@@ -1748,7 +1586,7 @@
           "pip",
           "marker"
         ],
-        "name": "AdiaBadge",
+        "name": "UIBadge",
         "related": [
           "button",
           "grid",
@@ -1877,7 +1715,7 @@
           "editor",
           "developer"
         ],
-        "name": "AdiaBlock",
+        "name": "UIBlock",
         "related": [],
         "slots": {},
         "states": [
@@ -1943,7 +1781,7 @@
     },
     "Breadcrumb": {
       "title": "Breadcrumb",
-      "description": "Breadcrumb trail with auto-inserted separators.",
+      "description": "Breadcrumb trail with auto-inserted separators. Supports a leading icon (first child) and an overflow popover that collapses middle crumbs into a `…` menu.",
       "type": "object",
       "allOf": [
         {
@@ -1954,6 +1792,21 @@
         }
       ],
       "properties": {
+        "collapse": {
+          "description": "Collapse middle crumbs into a `…` overflow popover when there are 4+ items.",
+          "type": "boolean",
+          "default": false
+        },
+        "collapseKeepLeading": {
+          "description": "Number of leading items to keep visible when [collapse] is active. The first item (often a home/icon link) sits before the overflow popover.",
+          "type": "number",
+          "default": 1
+        },
+        "collapseKeepTrailing": {
+          "description": "Number of trailing items to keep visible when [collapse] is active. The last item is always the current page.",
+          "type": "number",
+          "default": 2
+        },
         "component": {
           "const": "Breadcrumb"
         },
@@ -1985,7 +1838,7 @@
           "breadcrumbs",
           "back"
         ],
-        "name": "AdiaBreadcrumb",
+        "name": "UIBreadcrumb",
         "related": [],
         "slots": {},
         "states": [
@@ -2122,7 +1975,7 @@
         },
         "examples": [],
         "keywords": [],
-        "name": "AdiaButton",
+        "name": "UIButton",
         "related": [],
         "slots": {
           "leading": {
@@ -2298,7 +2151,7 @@
           "calendar",
           "picker"
         ],
-        "name": "AdiaCalendarPicker",
+        "name": "UICalendarPicker",
         "related": [
           "input",
           "button",
@@ -2386,7 +2239,7 @@
         "keywords": [
           "canvas"
         ],
-        "name": "AdiaCanvas",
+        "name": "UICanvas",
         "related": [],
         "slots": {
           "default": {
@@ -2514,7 +2367,7 @@
           "portfolio",
           "responsive"
         ],
-        "name": "AdiaCard",
+        "name": "UICard",
         "related": [
           "avatar",
           "input",
@@ -2835,7 +2688,7 @@
           "crm",
           "poll"
         ],
-        "name": "AdiaChart",
+        "name": "UIChart",
         "related": [
           "button",
           "grid",
@@ -3090,7 +2943,7 @@
           "graph",
           "visualization"
         ],
-        "name": "AdiaChartLegend",
+        "name": "UIChartLegend",
         "related": [
           "chart",
           "badge",
@@ -3130,9 +2983,9 @@
         "version": 1
       }
     },
-    "Chat": {
-      "title": "Chat",
-      "description": "Behavior-only chat orchestrator. Author supplies the DOM structure via\n[data-chat-messages], [data-chat-input], [data-chat-empty], [data-chat-status]\nelements; adia-chat wires message streaming, markdown rendering, code-block\nupgrades, and an LLM integration path via proxy-url (or via external submit).\n",
+    "ChatShell": {
+      "title": "ChatShell",
+      "description": "Behavior-only chat orchestrator (LLM-streaming module). Author supplies the\nDOM structure via [data-chat-messages], [data-chat-input], [data-chat-empty],\n[data-chat-status] elements; chat-shell wires message streaming, markdown\nrendering, code-block upgrades, and an LLM integration path via proxy-url\n(or via external submit).\n",
       "type": "object",
       "allOf": [
         {
@@ -3144,7 +2997,7 @@
       ],
       "properties": {
         "component": {
-          "const": "Chat"
+          "const": "ChatShell"
         },
         "model": {
           "description": "Model identifier.",
@@ -3236,14 +3089,14 @@
         },
         "examples": [],
         "keywords": [
-          "adia-chat",
+          "chat-shell",
           "chat",
           "llm",
           "streaming",
           "conversation",
           "agent"
         ],
-        "name": "AdiaChatElement",
+        "name": "ChatShell",
         "related": [
           "ChatInput",
           "Code"
@@ -3271,7 +3124,186 @@
             "thread"
           ]
         },
-        "tag": "adia-chat-ui",
+        "tag": "chat-shell",
+        "tokens": {},
+        "traits": [],
+        "version": 1
+      }
+    },
+    "ChatThread": {
+      "title": "ChatThread",
+      "description": "Minimal chat-thread container.",
+      "type": "object",
+      "allOf": [
+        {
+          "$ref": "#/$defs/ComponentCommon"
+        },
+        {
+          "$ref": "#/$defs/CatalogComponentCommon"
+        }
+      ],
+      "properties": {
+        "component": {
+          "const": "ChatThread"
+        },
+        "streaming": {
+          "description": "Component property: streaming.",
+          "type": "boolean",
+          "default": false
+        }
+      },
+      "required": [
+        "component"
+      ],
+      "unevaluatedProperties": false,
+      "x-adiaui": {
+        "anti_patterns": [],
+        "category": "agent",
+        "events": {
+          "submit": {
+            "description": "Fired when the user submits a chat message via Enter or send button. Detail: { text, model }."
+          }
+        },
+        "examples": [
+          {
+            "description": "Basic Chat usage",
+            "a2ui": "[\n  {\n    \"id\": \"root\",\n    \"component\": \"Card\",\n    \"children\": [\n      \"sec\"\n    ]\n  },\n  {\n    \"id\": \"sec\",\n    \"component\": \"Section\",\n    \"children\": [\n      \"comp\"\n    ]\n  },\n  {\n    \"id\": \"comp\",\n    \"component\": \"Chat\"\n  }\n]",
+            "name": "basic-chat"
+          },
+          {
+            "description": "Chat transcript with user and assistant messages; role attribute styles turns.",
+            "a2ui": "[\n  {\n    \"id\": \"root\",\n    \"component\": \"Chat\",\n    \"children\": [\n      \"m1\",\n      \"m2\"\n    ]\n  },\n  {\n    \"id\": \"m1\",\n    \"component\": \"Text\",\n    \"role\": \"user\",\n    \"textContent\": \"What's the capital of France?\"\n  },\n  {\n    \"id\": \"m2\",\n    \"component\": \"Text\",\n    \"role\": \"assistant\",\n    \"textContent\": \"The capital of France is Paris.\"\n  }\n]",
+            "name": "basic"
+          },
+          {
+            "description": "Chat with streaming cursor on an in-progress assistant message.",
+            "a2ui": "[\n  {\n    \"id\": \"root\",\n    \"component\": \"Chat\",\n    \"streaming\": true,\n    \"children\": [\n      \"m1\",\n      \"m2\"\n    ]\n  },\n  {\n    \"id\": \"m1\",\n    \"component\": \"Text\",\n    \"role\": \"user\",\n    \"textContent\": \"Explain black holes briefly.\"\n  },\n  {\n    \"id\": \"m2\",\n    \"component\": \"Text\",\n    \"role\": \"assistant\",\n    \"streaming\": true,\n    \"textContent\": \"A black hole is a region of spacetime where gravity is so strong that\"\n  }\n]",
+            "name": "streaming"
+          },
+          {
+            "description": "Chat transcript composed with ChatInput for a full conversation surface.",
+            "a2ui": "[\n  {\n    \"id\": \"root\",\n    \"component\": \"Column\",\n    \"gap\": \"2\",\n    \"children\": [\n      \"chat\",\n      \"input\"\n    ]\n  },\n  {\n    \"id\": \"chat\",\n    \"component\": \"Chat\",\n    \"children\": [\n      \"m1\",\n      \"m2\"\n    ]\n  },\n  {\n    \"id\": \"m1\",\n    \"component\": \"Text\",\n    \"role\": \"user\",\n    \"textContent\": \"Give me a short haiku about the ocean.\"\n  },\n  {\n    \"id\": \"m2\",\n    \"component\": \"Text\",\n    \"role\": \"assistant\",\n    \"textContent\": \"Waves whisper secrets — the tide retreats then returns, carrying the moon.\"\n  },\n  {\n    \"id\": \"input\",\n    \"component\": \"ChatInput\",\n    \"placeholder\": \"Type a message...\"\n  }\n]",
+            "name": "with-input"
+          }
+        ],
+        "keywords": [
+          "chat",
+          "message",
+          "messaging",
+          "sms",
+          "chatbot",
+          "conversation",
+          "ai-chat",
+          "messenger",
+          "assistant",
+          "copilot",
+          "gpt",
+          "llm",
+          "ai",
+          "bot",
+          "prompt",
+          "comment",
+          "support"
+        ],
+        "name": "UIChatThread",
+        "related": [],
+        "slots": {
+          "default": {
+            "description": "Default slot — primary child content."
+          }
+        },
+        "states": [
+          {
+            "description": "Default, ready for interaction.",
+            "name": "idle"
+          }
+        ],
+        "synonyms": {
+          "ai": [
+            "chat",
+            "streaming",
+            "response",
+            "command"
+          ],
+          "ai-chat": [
+            "chat",
+            "streaming",
+            "response"
+          ],
+          "assistant": [
+            "chat",
+            "streaming",
+            "response",
+            "command"
+          ],
+          "bot": [
+            "chat",
+            "streaming",
+            "response"
+          ],
+          "chatbot": [
+            "chat",
+            "streaming",
+            "response"
+          ],
+          "comment": [
+            "social",
+            "post",
+            "chat"
+          ],
+          "conversation": [
+            "chat",
+            "streaming",
+            "response"
+          ],
+          "copilot": [
+            "chat",
+            "streaming",
+            "response",
+            "command"
+          ],
+          "gpt": [
+            "chat",
+            "streaming",
+            "response"
+          ],
+          "llm": [
+            "chat",
+            "streaming",
+            "response"
+          ],
+          "message": [
+            "chat",
+            "notification",
+            "toast",
+            "alert"
+          ],
+          "messaging": [
+            "chat",
+            "notification",
+            "streaming"
+          ],
+          "messenger": [
+            "chat",
+            "streaming"
+          ],
+          "prompt": [
+            "chat",
+            "streaming",
+            "command",
+            "palette"
+          ],
+          "sms": [
+            "chat",
+            "notification"
+          ],
+          "support": [
+            "faq",
+            "accordion",
+            "chat"
+          ]
+        },
+        "tag": "chat-thread-ui",
         "tokens": {},
         "traits": [],
         "version": 1
@@ -3356,7 +3388,7 @@
         "keywords": [
           "check"
         ],
-        "name": "AdiaCheck",
+        "name": "UICheck",
         "related": [],
         "slots": {
           "box": {
@@ -3524,7 +3556,7 @@
           "api",
           "developer"
         ],
-        "name": "AdiaCode",
+        "name": "UICode",
         "related": [
           "badge",
           "button"
@@ -3688,7 +3720,7 @@
           "color",
           "picker"
         ],
-        "name": "AdiaColorPicker",
+        "name": "UIColorPicker",
         "related": [
           "grid",
           "button"
@@ -3768,7 +3800,7 @@
           "column",
           "col"
         ],
-        "name": "AdiaColumn",
+        "name": "UIColumn",
         "related": [
           "avatar",
           "input",
@@ -3866,7 +3898,7 @@
           "keyboard",
           "keybinding"
         ],
-        "name": "AdiaCommand",
+        "name": "UICommand",
         "related": [],
         "slots": {
           "empty": {
@@ -4072,7 +4104,7 @@
           "details",
           "dl"
         ],
-        "name": "AdiaDescriptionList",
+        "name": "UIDescriptionList",
         "related": [],
         "slots": {
           "[object Object]": {
@@ -4154,7 +4186,7 @@
           "separator",
           "spacer"
         ],
-        "name": "AdiaDivider",
+        "name": "UIDivider",
         "related": [
           "upload",
           "input",
@@ -4289,7 +4321,7 @@
           "collapse",
           "expand"
         ],
-        "name": "AdiaDrawer",
+        "name": "UIDrawer",
         "related": [
           "button",
           "empty-state",
@@ -4405,9 +4437,9 @@
         "version": 1
       }
     },
-    "Editor": {
-      "title": "Editor",
-      "description": "Behavior-only editor shell for design-tool layouts. Author provides the\nstructural DOM — header (topbar), [data-editor-body] with pane-ui children\n([data-left], [data-right]), [data-canvas] for the central surface, and\na footer (statusbar). adia-editor wires select-ui[data-options] for\nJSON-parsed option lists.\n",
+    "EditorShell": {
+      "title": "EditorShell",
+      "description": "Behavior-only editor shell module for design-tool layouts. Author\nprovides the structural DOM — header (topbar), [data-editor-body] with\npane-ui children ([data-left], [data-right]), [data-canvas] for the\ncentral surface, and a footer (statusbar). editor-shell wires\nselect-ui[data-options] for JSON-parsed option lists.\n",
       "type": "object",
       "allOf": [
         {
@@ -4419,7 +4451,7 @@
       ],
       "properties": {
         "component": {
-          "const": "Editor"
+          "const": "EditorShell"
         }
       },
       "required": [
@@ -4432,12 +4464,12 @@
         "events": {},
         "examples": [],
         "keywords": [
-          "adia-editor",
+          "editor-shell",
           "editor",
           "design-tool",
           "canvas-shell"
         ],
-        "name": "AdiaEditorElement",
+        "name": "EditorShell",
         "related": [
           "Pane",
           "Select",
@@ -4470,7 +4502,7 @@
           }
         ],
         "synonyms": {},
-        "tag": "adia-editor-ui",
+        "tag": "editor-shell",
         "tokens": {},
         "traits": [],
         "version": 1
@@ -4545,7 +4577,7 @@
           "widget",
           "third-party"
         ],
-        "name": "AdiaEmbed",
+        "name": "UIEmbed",
         "related": [
           "slider",
           "button"
@@ -4682,7 +4714,7 @@
           "empty",
           "state"
         ],
-        "name": "AdiaEmptyState",
+        "name": "UIEmptyState",
         "related": [
           "button",
           "drawer",
@@ -4742,9 +4774,9 @@
         "version": 1
       }
     },
-    "Field": {
-      "title": "Field",
-      "description": "Labeled field wrapper. Composes a <label for=\"…\"> with a form control (input-ui, select-ui, textarea-ui, etc.) placed in the default slot, plus optional [slot=\"trailing\"] and [slot=\"action\"] regions. Auto-mints an id on the slotted control when missing so clicking the label focuses the control — an accessibility upgrade over setting label=\"…\" on the control directly, which has no [for] binding. Two layouts — stacked (default) and inline (the `inline` mode attribute collapses everything to a single row).",
+    "Feed": {
+      "title": "Feed",
+      "description": "Shared top-layer feed channel. Per docs/specs/feed-channel.md (SPEC-FEED-CHANNEL-001). Per-position singletons mounted lazily into document.body via Popover API; consumers post via the static API (`UIFeed.post()`) or the global 'feed' CustomEvent.",
       "type": "object",
       "allOf": [
         {
@@ -4755,10 +4787,67 @@
         }
       ],
       "properties": {
-        "required": {
-          "description": "Renders a \"*\" marker on the label. Does not itself enforce validation — the slotted control's own `required` attr does that; this is a visual signal only.",
-          "type": "boolean",
-          "default": false
+        "component": {
+          "const": "Feed"
+        },
+        "max": {
+          "description": "Cap on simultaneously visible items per lane",
+          "type": "number",
+          "default": 5
+        },
+        "position": {
+          "description": "Lane the feed renders into",
+          "type": "string",
+          "enum": [
+            "top-left",
+            "top-center",
+            "top-right",
+            "bottom-left",
+            "bottom-center",
+            "bottom-right",
+            "inline"
+          ],
+          "default": "bottom-right"
+        }
+      },
+      "required": [
+        "component"
+      ],
+      "unevaluatedProperties": false,
+      "x-adiaui": {
+        "anti_patterns": [],
+        "category": "container",
+        "events": {},
+        "examples": [],
+        "keywords": [],
+        "name": "UIFeedContainer",
+        "related": [],
+        "slots": {},
+        "states": {},
+        "synonyms": {},
+        "tag": "feed-ui",
+        "tokens": {},
+        "traits": [],
+        "version": 1
+      }
+    },
+    "Field": {
+      "title": "Field",
+      "description": "Labeled field wrapper. Composes a <label for=\"…\"> with a form control (input-ui, select-ui, textarea-ui, etc.) placed in the default slot, plus optional [slot=\"trailing\"] and [slot=\"action\"] regions. Auto-mints an id on the slotted control when missing so clicking the label focuses the control — an accessibility upgrade over setting label=\"…\" on the control directly, which has no [for] binding. Two layouts — stacked (default) and inline (the `inline` mode attribute collapses everything to a single row).",
+      "type": "object",
+      "allOf": [
+        {
+          "$ref": "#/$defs/ComponentCommon"
+        },
+        {
+          "$ref": "#/$defs/CatalogComponentCommon"
+        }
+      ],
+      "properties": {
+        "required": {
+          "description": "Renders a \"*\" marker on the label. Does not itself enforce validation — the slotted control's own `required` attr does that; this is a visual signal only.",
+          "type": "boolean",
+          "default": false
         },
         "component": {
           "const": "Field"
@@ -4806,7 +4895,7 @@
           "input",
           "wrapper"
         ],
-        "name": "AdiaField",
+        "name": "UIField",
         "related": [
           "input",
           "select",
@@ -4886,7 +4975,7 @@
     },
     "Footer": {
       "title": "Footer",
-      "description": "Card footer. Contains actions, pagination, or summary. Typically holds Buttons.",
+      "description": "Footer — styled by closest container parent (Card / Drawer / Modal / Page / AppShell). Contains actions, pagination, or summary. Typically holds Buttons.",
       "type": "object",
       "allOf": [
         {
@@ -4935,7 +5024,7 @@
         "keywords": [
           "footer"
         ],
-        "name": "AdiaFooter",
+        "name": "UIFooter",
         "related": [
           "avatar",
           "input",
@@ -4961,8 +5050,8 @@
         "version": 1
       }
     },
-    "GenUI": {
-      "title": "GenUI",
+    "GenRoot": {
+      "title": "GenRoot",
       "description": "Composition shell for chat + canvas generative UI. Manages layout modes\n(chat-only / split / canvas-only) and delegates a unified API across\nchild chat-ui, canvas-ui, and inspector-ui elements.\n",
       "type": "object",
       "allOf": [
@@ -4975,7 +5064,7 @@
       ],
       "properties": {
         "component": {
-          "const": "GenUI"
+          "const": "GenRoot"
         },
         "inspector": {
           "description": "Show the inspector pane (for debugging generated A2UI).",
@@ -5008,7 +5097,7 @@
           "chat-canvas",
           "agent-shell"
         ],
-        "name": "AdiaGenUI",
+        "name": "GenRoot",
         "related": [
           "AppShell",
           "Chat"
@@ -5025,7 +5114,7 @@
           }
         ],
         "synonyms": {},
-        "tag": "gen-ui-ui",
+        "tag": "gen-root",
         "tokens": {},
         "traits": [],
         "version": 1
@@ -5100,7 +5189,7 @@
           "portfolio",
           "responsive"
         ],
-        "name": "AdiaGrid",
+        "name": "UIGrid",
         "related": [
           "button",
           "badge",
@@ -5197,7 +5286,7 @@
     },
     "Header": {
       "title": "Header",
-      "description": "Card header. Contains heading text and optional action slot.",
+      "description": "Header — styled by closest container parent (Card / Drawer / Modal / Page / AppShell). Contains heading text and optional action slot.",
       "type": "object",
       "allOf": [
         {
@@ -5212,7 +5301,7 @@
           "const": "Header"
         },
         "padding": {
-          "description": "Bare attribute — enables default header padding. Card's own `padding` prop sets scale.",
+          "description": "Bare attribute — enables default header padding. The container parent's own `padding` prop sets the scale.",
           "type": "boolean",
           "default": false
         }
@@ -5240,7 +5329,7 @@
         "keywords": [
           "header"
         ],
-        "name": "AdiaHeader",
+        "name": "UIHeader",
         "related": [
           "avatar",
           "input",
@@ -5379,7 +5468,7 @@
           "intensity",
           "activity"
         ],
-        "name": "AdiaHeatmap",
+        "name": "UIHeatmap",
         "related": [
           "chart",
           "calendar-picker"
@@ -5485,7 +5574,7 @@
         "keywords": [
           "icon"
         ],
-        "name": "AdiaIcon",
+        "name": "UIIcon",
         "related": [
           "input",
           "empty-state",
@@ -5620,7 +5709,7 @@
           "instagram",
           "assets"
         ],
-        "name": "AdiaImage",
+        "name": "UIImage",
         "related": [
           "button",
           "select",
@@ -5898,7 +5987,7 @@
           "chip",
           "tag"
         ],
-        "name": "AdiaInput",
+        "name": "UIInput",
         "related": [
           "avatar",
           "button",
@@ -6062,7 +6151,7 @@
         "keywords": [
           "inspector"
         ],
-        "name": "AdiaInspector",
+        "name": "UIInspector",
         "related": [],
         "slots": {
           "default": {
@@ -6131,7 +6220,7 @@
           "keyboard",
           "keybinding"
         ],
-        "name": "AdiaKbd",
+        "name": "UIKbd",
         "related": [
           "grid"
         ],
@@ -6245,7 +6334,7 @@
           "pin",
           "star"
         ],
-        "name": "AdiaList",
+        "name": "UIList",
         "related": [],
         "slots": {},
         "states": [
@@ -6348,85 +6437,389 @@
           }
         ],
         "keywords": [
-          "menu",
+          "menu",
+          "navigation",
+          "navbar",
+          "hamburger",
+          "dropdown",
+          "popover",
+          "context-menu",
+          "right-click"
+        ],
+        "name": "UIMenu",
+        "related": [],
+        "slots": {
+          "default": {
+            "description": "Menu items with role=\"menuitem\" and optional <hr> dividers"
+          }
+        },
+        "states": [
+          {
+            "description": "Default, ready for interaction.",
+            "name": "idle"
+          }
+        ],
+        "synonyms": {
+          "context-menu": [
+            "popover",
+            "menu"
+          ],
+          "dropdown": [
+            "popover",
+            "menu",
+            "select",
+            "form"
+          ],
+          "hamburger": [
+            "nav",
+            "menu",
+            "sidebar",
+            "drawer"
+          ],
+          "menu": [
+            "nav",
+            "sidebar",
+            "popover",
+            "menu",
+            "command"
+          ],
+          "navbar": [
+            "nav",
+            "menu",
+            "sidebar",
+            "breadcrumb"
+          ],
+          "navigation": [
+            "nav",
+            "sidebar",
+            "breadcrumb",
+            "tabs",
+            "menu",
+            "pagination"
+          ],
+          "popover": [
+            "popover",
+            "menu",
+            "tooltip"
+          ],
+          "right-click": [
+            "popover",
+            "menu"
+          ]
+        },
+        "tag": "menu-ui",
+        "tokens": {},
+        "traits": [],
+        "version": 1
+      }
+    },
+    "Modal": {
+      "title": "Modal",
+      "description": "Centered dialog overlay using native <dialog>. Focus trapping, Escape key, backdrop.",
+      "type": "object",
+      "allOf": [
+        {
+          "$ref": "#/$defs/ComponentCommon"
+        },
+        {
+          "$ref": "#/$defs/CatalogComponentCommon"
+        }
+      ],
+      "properties": {
+        "component": {
+          "const": "Modal"
+        },
+        "open": {
+          "description": "Controls overlay visibility. Setting to true opens the surface with entry animation.",
+          "type": "boolean",
+          "default": false
+        },
+        "permanent": {
+          "description": "When true, suppress backdrop click and Escape key dismissal of the overlay",
+          "type": "boolean",
+          "default": false
+        },
+        "size": {
+          "description": "Width preset. sm=24rem, md=32rem, lg=48rem, full=95vw.",
+          "type": "string",
+          "enum": [
+            "sm",
+            "md",
+            "lg",
+            "xl"
+          ],
+          "default": "md"
+        },
+        "text": {
+          "description": "Aria label applied to the surface element for accessibility",
+          "type": "string",
+          "default": ""
+        }
+      },
+      "required": [
+        "component"
+      ],
+      "unevaluatedProperties": false,
+      "x-adiaui": {
+        "anti_patterns": [],
+        "category": "container",
+        "events": {
+          "close": {
+            "description": "Fired when the overlay is dismissed via backdrop click, Escape key, popover toggle, or programmatic hide(). Bubbles."
+          }
+        },
+        "examples": [
+          {
+            "description": "Basic Modal usage",
+            "a2ui": "[\n  {\n    \"id\": \"root\",\n    \"component\": \"Card\",\n    \"children\": [\n      \"sec\"\n    ]\n  },\n  {\n    \"id\": \"sec\",\n    \"component\": \"Section\",\n    \"children\": [\n      \"comp\"\n    ]\n  },\n  {\n    \"id\": \"comp\",\n    \"component\": \"Modal\",\n    \"text\": \"Example Modal\"\n  }\n]",
+            "name": "basic-modal"
+          }
+        ],
+        "keywords": [
+          "modal"
+        ],
+        "name": "UIModal",
+        "related": [],
+        "slots": {
+          "default": {
+            "description": "Content placed inside the modal surface. Accepts any elements (card-ui, command-ui, custom markup)."
+          }
+        },
+        "states": [
+          {
+            "description": "Default, ready for interaction.",
+            "name": "idle"
+          }
+        ],
+        "synonyms": {},
+        "tag": "modal-ui",
+        "tokens": {
+          "--modal-backdrop": {
+            "description": "Override backdrop color (dialog mode)"
+          },
+          "--modal-background": {
+            "description": "Override surface background color"
+          },
+          "--modal-border-color": {
+            "description": "Override surface border color"
+          },
+          "--modal-duration": {
+            "description": "Override open/close animation duration"
+          },
+          "--modal-easing-in": {
+            "description": "Override entry animation easing curve"
+          },
+          "--modal-easing-out": {
+            "description": "Override exit animation easing curve"
+          },
+          "--modal-radius": {
+            "description": "Override surface border radius"
+          },
+          "--modal-shadow": {
+            "description": "Override surface box shadow"
+          }
+        },
+        "traits": [],
+        "version": 1
+      }
+    },
+    "Nav": {
+      "title": "Nav",
+      "description": "Navigation rail. Consolidates the prior `app-nav-ui` + `section-nav-ui`\npair per ADR-0015 § Nav consolidation. [variant] drives visual\ntreatment; behavior is unified.\n\nDefault variant (\"primary\") is the app-sidebar nav: ResizeObserver\ncollapses to icon-only below 96px, groups open a popover when\ncollapsed. [variant=\"section\"] is a subnav rail with quieter chrome\nand a [heading] kicker rendered via CSS.\n",
+      "type": "object",
+      "allOf": [
+        {
+          "$ref": "#/$defs/ComponentCommon"
+        },
+        {
+          "$ref": "#/$defs/CatalogComponentCommon"
+        }
+      ],
+      "properties": {
+        "collapsed": {
+          "description": "Primary-variant only. Force icon-only collapse regardless of viewport width.",
+          "type": "boolean",
+          "default": false
+        },
+        "component": {
+          "const": "Nav"
+        },
+        "divider": {
+          "description": "Auto-place dividers between adjacent groups + items.",
+          "type": "boolean",
+          "default": false
+        },
+        "heading": {
+          "description": "Optional kicker label. Section variant renders it via ::before; primary uses it as aria-label only.",
+          "type": "string",
+          "default": ""
+        },
+        "variant": {
+          "description": "Visual treatment. primary = app sidebar; section = subnav rail.",
+          "type": "string",
+          "enum": [
+            "primary",
+            "section"
+          ],
+          "default": "primary"
+        }
+      },
+      "required": [
+        "component"
+      ],
+      "unevaluatedProperties": false,
+      "x-adiaui": {
+        "anti_patterns": [],
+        "category": "layout",
+        "events": {
+          "nav-select": {
+            "description": "Bubbles from <nav-item-ui> children when one is selected. Detail: { item, text, value }."
+          }
+        },
+        "examples": [
+          {
+            "description": "App sidebar nav with groups + items.",
+            "a2ui": "[\n  {\n    \"id\": \"root\",\n    \"component\": \"Nav\",\n    \"children\": [\"g1\", \"i1\"]\n  },\n  {\n    \"id\": \"g1\",\n    \"component\": \"NavGroup\",\n    \"text\": \"Settings\",\n    \"icon\": \"gear\",\n    \"children\": [\"g1i1\"]\n  },\n  {\n    \"id\": \"g1i1\",\n    \"component\": \"NavItem\",\n    \"text\": \"General\",\n    \"value\": \"/settings/general\"\n  },\n  {\n    \"id\": \"i1\",\n    \"component\": \"NavItem\",\n    \"text\": \"Profile\",\n    \"icon\": \"user\",\n    \"value\": \"/profile\"\n  }\n]",
+            "name": "primary"
+          },
+          {
+            "description": "Subnav rail with heading.",
+            "a2ui": "[\n  {\n    \"id\": \"root\",\n    \"component\": \"Nav\",\n    \"variant\": \"section\",\n    \"heading\": \"On this page\",\n    \"children\": [\"i1\", \"i2\"]\n  },\n  {\n    \"id\": \"i1\",\n    \"component\": \"NavItem\",\n    \"text\": \"Overview\",\n    \"value\": \"#overview\"\n  },\n  {\n    \"id\": \"i2\",\n    \"component\": \"NavItem\",\n    \"text\": \"API\",\n    \"value\": \"#api\"\n  }\n]",
+            "name": "section"
+          }
+        ],
+        "keywords": [
+          "nav",
+          "navigation",
+          "sidebar",
+          "menu",
+          "links"
+        ],
+        "name": "UINav",
+        "related": [],
+        "slots": {
+          "default": {
+            "description": "Primary slot — accepts <nav-group-ui> + <nav-item-ui> children, plus <hr data-nav-divider> for hand-placed dividers."
+          }
+        },
+        "states": [
+          {
+            "description": "Default, not collapsed.",
+            "name": "idle"
+          },
+          {
+            "description": "Primary variant when [collapsed] or container width <= 96px.",
+            "name": "collapsed"
+          }
+        ],
+        "synonyms": {},
+        "tag": "nav-ui",
+        "tokens": {},
+        "traits": [],
+        "version": 1
+      }
+    },
+    "NavGroup": {
+      "title": "NavGroup",
+      "description": "Collapsible labeled group of <nav-item-ui> children inside <nav-ui>.\nConsolidates the prior `app-nav-group-ui` + `section-nav-group-ui`\nper ADR-0015 § Nav consolidation.\n\nWhen the parent <nav-ui> is collapsed (primary variant), clicking the\ngroup opens a popover with its children instead of toggling inline\nexpansion. Inline click + keyboard (Enter/Space) toggle is supported\nwhen [collapsible] (default true).\n",
+      "type": "object",
+      "allOf": [
+        {
+          "$ref": "#/$defs/ComponentCommon"
+        },
+        {
+          "$ref": "#/$defs/CatalogComponentCommon"
+        }
+      ],
+      "properties": {
+        "badge": {
+          "description": "Optional trailing badge (count, label).",
+          "type": "string",
+          "default": ""
+        },
+        "collapsible": {
+          "description": "When true, the header row toggles the open state on click/keyboard.",
+          "type": "boolean",
+          "default": true
+        },
+        "component": {
+          "const": "NavGroup"
+        },
+        "icon": {
+          "description": "Optional leading icon name (resolved via <icon-ui>).",
+          "type": "string",
+          "default": ""
+        },
+        "open": {
+          "description": "Inline-expanded state. Toggled by header click when [collapsible].",
+          "type": "boolean",
+          "default": false
+        },
+        "text": {
+          "description": "Visible group label.",
+          "type": "string",
+          "default": ""
+        },
+        "variant": {
+          "description": "Visual treatment. Default ('') renders as a primary-rail group (icon row, caret, collapsible). 'section' renders the header as a static kicker label with always-visible children — matches the prior <section-nav-group-ui>. When the parent <nav-ui> carries variant=\"section\", this group inherits it via CSS cascade unless an explicit variant is set on the group.",
+          "type": "string",
+          "enum": [
+            "",
+            "section"
+          ],
+          "default": ""
+        }
+      },
+      "required": [
+        "component"
+      ],
+      "unevaluatedProperties": false,
+      "x-adiaui": {
+        "anti_patterns": [],
+        "category": "layout",
+        "events": {
+          "group-toggle": {
+            "description": "Fired when the header toggles via click/keyboard. Detail: { text, open }."
+          }
+        },
+        "examples": [],
+        "keywords": [
+          "nav",
           "navigation",
-          "navbar",
-          "hamburger",
-          "dropdown",
-          "popover",
-          "context-menu",
-          "right-click"
+          "group",
+          "sidebar",
+          "menu"
         ],
-        "name": "AdiaMenu",
+        "name": "UINavGroup",
         "related": [],
         "slots": {
           "default": {
-            "description": "Menu items with role=\"menuitem\" and optional <hr> dividers"
+            "description": "Children — typically <nav-item-ui> rows."
+          },
+          "header": {
+            "description": "Optional custom header. Auto-generated when missing."
           }
         },
         "states": [
           {
-            "description": "Default, ready for interaction.",
-            "name": "idle"
+            "description": "Default. Children hidden.",
+            "name": "closed"
+          },
+          {
+            "description": "Children visible inline.",
+            "name": "open"
           }
         ],
-        "synonyms": {
-          "context-menu": [
-            "popover",
-            "menu"
-          ],
-          "dropdown": [
-            "popover",
-            "menu",
-            "select",
-            "form"
-          ],
-          "hamburger": [
-            "nav",
-            "menu",
-            "sidebar",
-            "drawer"
-          ],
-          "menu": [
-            "nav",
-            "sidebar",
-            "popover",
-            "menu",
-            "command"
-          ],
-          "navbar": [
-            "nav",
-            "menu",
-            "sidebar",
-            "breadcrumb"
-          ],
-          "navigation": [
-            "nav",
-            "sidebar",
-            "breadcrumb",
-            "tabs",
-            "menu",
-            "pagination"
-          ],
-          "popover": [
-            "popover",
-            "menu",
-            "tooltip"
-          ],
-          "right-click": [
-            "popover",
-            "menu"
-          ]
-        },
-        "tag": "menu-ui",
+        "synonyms": {},
+        "tag": "nav-group-ui",
         "tokens": {},
         "traits": [],
         "version": 1
       }
     },
-    "Modal": {
-      "title": "Modal",
-      "description": "Centered dialog overlay using native <dialog>. Focus trapping, Escape key, backdrop.",
+    "NavItem": {
+      "title": "NavItem",
+      "description": "Single navigation link inside <nav-ui> (optionally nested under\n<nav-group-ui>). Consolidates the prior `app-nav-item-ui` +\n`section-nav-item-ui` per ADR-0015 § Nav consolidation.\n\nSupports icon, label, optional badge, selected/disabled state, and\nkeyboard activation (Enter/Space). Selection is managed by the parent\n<nav-ui>; clicking or activating an item calls nav.select(this) and\nbubbles a `nav-select` event.\n",
       "type": "object",
       "allOf": [
         {
@@ -6437,33 +6830,46 @@
         }
       ],
       "properties": {
+        "badge": {
+          "description": "Optional trailing badge.",
+          "type": "string",
+          "default": ""
+        },
         "component": {
-          "const": "Modal"
+          "const": "NavItem"
         },
-        "open": {
-          "description": "Controls overlay visibility. Setting to true opens the surface with entry animation.",
+        "disabled": {
+          "description": "Suppresses click/keyboard activation; greyed visually.",
           "type": "boolean",
           "default": false
         },
-        "permanent": {
-          "description": "When true, suppress backdrop click and Escape key dismissal of the overlay",
+        "icon": {
+          "description": "Optional leading icon name.",
+          "type": "string",
+          "default": ""
+        },
+        "selected": {
+          "description": "Set by the parent <nav-ui>'s select() method.",
           "type": "boolean",
           "default": false
         },
-        "size": {
-          "description": "Width preset. sm=24rem, md=32rem, lg=48rem, full=95vw.",
+        "text": {
+          "description": "Visible item label.",
           "type": "string",
-          "enum": [
-            "sm",
-            "md",
-            "lg",
-            "xl"
-          ],
-          "default": "md"
+          "default": ""
         },
-        "text": {
-          "description": "Aria label applied to the surface element for accessibility",
+        "value": {
+          "description": "Identifier — typically a route or anchor.",
+          "type": "string",
+          "default": ""
+        },
+        "variant": {
+          "description": "Visual treatment. Default ('') renders as a primary-rail item (reserved icon space, in-icon selected accent). 'section' renders flat — no icon space when absent, left-edge accent bar for selected — matching the prior <section-nav-item-ui>. When the parent <nav-ui> carries variant=\"section\", this item inherits it via CSS cascade unless an explicit variant is set.",
           "type": "string",
+          "enum": [
+            "",
+            "section"
+          ],
           "default": ""
         }
       },
@@ -6473,63 +6879,44 @@
       "unevaluatedProperties": false,
       "x-adiaui": {
         "anti_patterns": [],
-        "category": "container",
+        "category": "layout",
         "events": {
-          "close": {
-            "description": "Fired when the overlay is dismissed via backdrop click, Escape key, popover toggle, or programmatic hide(). Bubbles."
+          "nav-select": {
+            "description": "Bubbles when the item is activated. Detail: { item, text, value }."
           }
         },
-        "examples": [
-          {
-            "description": "Basic Modal usage",
-            "a2ui": "[\n  {\n    \"id\": \"root\",\n    \"component\": \"Card\",\n    \"children\": [\n      \"sec\"\n    ]\n  },\n  {\n    \"id\": \"sec\",\n    \"component\": \"Section\",\n    \"children\": [\n      \"comp\"\n    ]\n  },\n  {\n    \"id\": \"comp\",\n    \"component\": \"Modal\",\n    \"text\": \"Example Modal\"\n  }\n]",
-            "name": "basic-modal"
-          }
-        ],
+        "examples": [],
         "keywords": [
-          "modal"
+          "nav",
+          "navigation",
+          "item",
+          "link",
+          "sidebar"
         ],
-        "name": "AdiaModal",
+        "name": "UINavItem",
         "related": [],
         "slots": {
           "default": {
-            "description": "Content placed inside the modal surface. Accepts any elements (card-ui, command-ui, custom markup)."
+            "description": "Optional override of the default icon + text + badge stamping."
           }
         },
         "states": [
           {
-            "description": "Default, ready for interaction.",
+            "description": "Default.",
             "name": "idle"
-          }
-        ],
-        "synonyms": {},
-        "tag": "modal-ui",
-        "tokens": {
-          "--modal-backdrop": {
-            "description": "Override backdrop color (dialog mode)"
-          },
-          "--modal-background": {
-            "description": "Override surface background color"
-          },
-          "--modal-border-color": {
-            "description": "Override surface border color"
-          },
-          "--modal-duration": {
-            "description": "Override open/close animation duration"
-          },
-          "--modal-easing-in": {
-            "description": "Override entry animation easing curve"
-          },
-          "--modal-easing-out": {
-            "description": "Override exit animation easing curve"
           },
-          "--modal-radius": {
-            "description": "Override surface border radius"
+          {
+            "description": "aria-current=page.",
+            "name": "selected"
           },
-          "--modal-shadow": {
-            "description": "Override surface box shadow"
+          {
+            "description": "Suppressed activation.",
+            "name": "disabled"
           }
-        },
+        ],
+        "synonyms": {},
+        "tag": "nav-item-ui",
+        "tokens": {},
         "traits": [],
         "version": 1
       }
@@ -6644,7 +7031,7 @@
         "keywords": [
           "noodles"
         ],
-        "name": "AdiaNoodles",
+        "name": "UINoodles",
         "related": [],
         "slots": {},
         "states": [
@@ -6769,7 +7156,7 @@
           "onboarding",
           "registration"
         ],
-        "name": "AdiaOptionCard",
+        "name": "UIOptionCard",
         "related": [
           "radio",
           "card",
@@ -6975,40 +7362,146 @@
       "unevaluatedProperties": false,
       "x-adiaui": {
         "anti_patterns": [],
-        "category": "input",
-        "events": {
-          "complete": {
-            "description": "Fired when all digits are filled. Detail contains { code }."
-          },
-          "input": {
-            "description": "Fired on every digit change"
-          }
-        },
+        "category": "input",
+        "events": {
+          "complete": {
+            "description": "Fired when all digits are filled. Detail contains { code }."
+          },
+          "input": {
+            "description": "Fired on every digit change"
+          }
+        },
+        "examples": [
+          {
+            "description": "OTP verification form with code input and submit button.",
+            "a2ui": "[\n  {\n    \"id\": \"root\",\n    \"component\": \"Card\",\n    \"children\": [\n      \"hdr\",\n      \"sec\"\n    ]\n  },\n  {\n    \"id\": \"hdr\",\n    \"component\": \"Header\",\n    \"children\": [\n      \"title\",\n      \"desc\"\n    ]\n  },\n  {\n    \"id\": \"title\",\n    \"component\": \"Text\",\n    \"slot\": \"heading\",\n    \"textContent\": \"Verify Your Identity\"\n  },\n  {\n    \"id\": \"desc\",\n    \"component\": \"Text\",\n    \"slot\": \"description\",\n    \"textContent\": \"Enter the 6-digit code sent to your email.\"\n  },\n  {\n    \"id\": \"sec\",\n    \"component\": \"Section\",\n    \"children\": [\n      \"col\"\n    ]\n  },\n  {\n    \"id\": \"col\",\n    \"component\": \"Column\",\n    \"children\": [\n      \"otp\",\n      \"btn\"\n    ],\n    \"gap\": \"4\",\n    \"align\": \"center\"\n  },\n  {\n    \"id\": \"otp\",\n    \"component\": \"OtpInput\",\n    \"length\": 6\n  },\n  {\n    \"id\": \"btn\",\n    \"component\": \"Button\",\n    \"text\": \"Verify\",\n    \"variant\": \"primary\"\n  }\n]",
+            "name": "otp-form"
+          },
+          {
+            "description": "OTP verification card with 6-digit code input, resend link, and a primary verify button in the footer. Richer than otp-form: includes resend affordance and card footer.",
+            "a2ui": "[\n  {\n    \"id\": \"root\",\n    \"component\": \"Card\",\n    \"children\": [\n      \"hdr\",\n      \"sec\",\n      \"ftr\"\n    ]\n  },\n  {\n    \"id\": \"hdr\",\n    \"component\": \"Header\",\n    \"children\": [\n      \"title\",\n      \"desc\"\n    ]\n  },\n  {\n    \"id\": \"title\",\n    \"component\": \"Text\",\n    \"slot\": \"heading\",\n    \"variant\": \"section\",\n    \"textContent\": \"Verify Your Identity\"\n  },\n  {\n    \"id\": \"desc\",\n    \"component\": \"Text\",\n    \"slot\": \"description\",\n    \"variant\": \"caption\",\n    \"textContent\": \"Enter the 6-digit code sent to your device\"\n  },\n  {\n    \"id\": \"sec\",\n    \"component\": \"Section\",\n    \"children\": [\n      \"col\"\n    ]\n  },\n  {\n    \"id\": \"col\",\n    \"component\": \"Column\",\n    \"gap\": \"4\",\n    \"align\": \"center\",\n    \"children\": [\n      \"otp\",\n      \"resend-row\"\n    ]\n  },\n  {\n    \"id\": \"otp\",\n    \"component\": \"OtpInput\",\n    \"length\": 6,\n    \"name\": \"otp-code\"\n  },\n  {\n    \"id\": \"resend-row\",\n    \"component\": \"Row\",\n    \"gap\": \"1\",\n    \"align\": \"center\",\n    \"children\": [\n      \"resend-label\",\n      \"resend-btn\"\n    ]\n  },\n  {\n    \"id\": \"resend-label\",\n    \"component\": \"Text\",\n    \"variant\": \"caption\",\n    \"color\": \"muted\",\n    \"textContent\": \"Didn't receive a code?\"\n  },\n  {\n    \"id\": \"resend-btn\",\n    \"component\": \"Button\",\n    \"text\": \"Resend\",\n    \"variant\": \"ghost\",\n    \"size\": \"sm\"\n  },\n  {\n    \"id\": \"ftr\",\n    \"component\": \"Footer\",\n    \"children\": [\n      \"verify-btn\"\n    ]\n  },\n  {\n    \"id\": \"verify-btn\",\n    \"component\": \"Button\",\n    \"text\": \"Verify\",\n    \"variant\": \"primary\",\n    \"block\": true\n  }\n]",
+            "name": "otp-verification"
+          }
+        ],
+        "keywords": [
+          "otpinput",
+          "otp-input",
+          "otp",
+          "input"
+        ],
+        "name": "UIOtpInput",
+        "related": [
+          "button"
+        ],
+        "slots": {
+          "field": {
+            "description": "Container for the digit input boxes and optional separator"
+          }
+        },
+        "states": [
+          {
+            "description": "Default, ready for interaction.",
+            "name": "idle"
+          },
+          {
+            "description": "Non-interactive; dimmed.",
+            "attribute": "disabled",
+            "name": "disabled"
+          }
+        ],
+        "synonyms": {},
+        "tag": "otp-input-ui",
+        "tokens": {},
+        "traits": [],
+        "version": 1
+      }
+    },
+    "Page": {
+      "title": "Page",
+      "description": "Page container. Holds page-level chrome — header / content / footer —\nand manages max-width clamps, padding scale, optional scroll-container,\nand an optional sticky-header sentinel. Compose with the slot\nprimitives (`<header-ui>`, `<section-ui>`, `<footer-ui>`); the page's\n@scope rules style them. Drop in directly, or nest inside an\n`<admin-shell>`'s main column.\n",
+      "type": "object",
+      "allOf": [
+        {
+          "$ref": "#/$defs/ComponentCommon"
+        },
+        {
+          "$ref": "#/$defs/CatalogComponentCommon"
+        }
+      ],
+      "properties": {
+        "component": {
+          "const": "Page"
+        },
+        "maxWidth": {
+          "description": "Token-bound max-width clamp. `prose` (65ch) for reading pages,\n`narrow` (80ch) for tight forms, `wide` (1080px) for data-rich\npages, `full` for unconstrained. Empty defers to parent / 100%.\nCentered horizontally via `margin-inline: auto`.\n",
+          "type": "string",
+          "enum": [
+            "",
+            "prose",
+            "narrow",
+            "wide",
+            "full"
+          ],
+          "default": ""
+        },
+        "padding": {
+          "description": "Page-padding scale from the spacing system. Accepts `0`–`8`\n(mapped to `--a-space-N`). Empty (no value) applies the\n`--page-padding-default` token; `0` removes padding.\n",
+          "type": "string",
+          "default": ""
+        },
+        "scroll": {
+          "description": "Sets the page as a scroll container. `overflow-y: auto`, full\nheight, contained overscroll. Use when the page IS the scroll\nsurface (standalone pages); leave off when nested inside a parent\nthat already manages scroll (e.g. inside an `<admin-shell>`'s\nmain `<section>`).\n",
+          "type": "boolean",
+          "default": false
+        },
+        "stickyHeader": {
+          "description": "Installs an IntersectionObserver sentinel before the first\n`<header>` / `<header-ui>` child. When the sentinel scrolls out\nof view the page gains `[data-header-stuck]`, which the CSS\nuses to add a border + shadow to the header. No-op when no\nheader is present.\n",
+          "type": "boolean",
+          "default": false
+        }
+      },
+      "required": [
+        "component"
+      ],
+      "unevaluatedProperties": false,
+      "x-adiaui": {
+        "anti_patterns": [],
+        "category": "container",
+        "events": {},
         "examples": [
           {
-            "description": "OTP verification form with code input and submit button.",
-            "a2ui": "[\n  {\n    \"id\": \"root\",\n    \"component\": \"Card\",\n    \"children\": [\n      \"hdr\",\n      \"sec\"\n    ]\n  },\n  {\n    \"id\": \"hdr\",\n    \"component\": \"Header\",\n    \"children\": [\n      \"title\",\n      \"desc\"\n    ]\n  },\n  {\n    \"id\": \"title\",\n    \"component\": \"Text\",\n    \"slot\": \"heading\",\n    \"textContent\": \"Verify Your Identity\"\n  },\n  {\n    \"id\": \"desc\",\n    \"component\": \"Text\",\n    \"slot\": \"description\",\n    \"textContent\": \"Enter the 6-digit code sent to your email.\"\n  },\n  {\n    \"id\": \"sec\",\n    \"component\": \"Section\",\n    \"children\": [\n      \"col\"\n    ]\n  },\n  {\n    \"id\": \"col\",\n    \"component\": \"Column\",\n    \"children\": [\n      \"otp\",\n      \"btn\"\n    ],\n    \"gap\": \"4\",\n    \"align\": \"center\"\n  },\n  {\n    \"id\": \"otp\",\n    \"component\": \"OtpInput\",\n    \"length\": 6\n  },\n  {\n    \"id\": \"btn\",\n    \"component\": \"Button\",\n    \"text\": \"Verify\",\n    \"variant\": \"primary\"\n  }\n]",
-            "name": "otp-form"
+            "description": "Reading page with sticky header, 65ch column, padding scale 6.",
+            "a2ui": "[\n  {\n    \"id\": \"root\",\n    \"component\": \"Page\",\n    \"stickyHeader\": true,\n    \"maxWidth\": \"prose\",\n    \"padding\": \"6\",\n    \"children\": [\"hdr\", \"body\"]\n  },\n  {\n    \"id\": \"hdr\",\n    \"component\": \"Header\",\n    \"children\": [\"title\"]\n  },\n  {\n    \"id\": \"title\",\n    \"component\": \"Text\",\n    \"variant\": \"display\",\n    \"textContent\": \"Reading Page\"\n  },\n  {\n    \"id\": \"body\",\n    \"component\": \"Section\",\n    \"children\": []\n  }\n]",
+            "name": "prose-page"
           },
           {
-            "description": "OTP verification card with 6-digit code input, resend link, and a primary verify button in the footer. Richer than otp-form: includes resend affordance and card footer.",
-            "a2ui": "[\n  {\n    \"id\": \"root\",\n    \"component\": \"Card\",\n    \"children\": [\n      \"hdr\",\n      \"sec\",\n      \"ftr\"\n    ]\n  },\n  {\n    \"id\": \"hdr\",\n    \"component\": \"Header\",\n    \"children\": [\n      \"title\",\n      \"desc\"\n    ]\n  },\n  {\n    \"id\": \"title\",\n    \"component\": \"Text\",\n    \"slot\": \"heading\",\n    \"variant\": \"section\",\n    \"textContent\": \"Verify Your Identity\"\n  },\n  {\n    \"id\": \"desc\",\n    \"component\": \"Text\",\n    \"slot\": \"description\",\n    \"variant\": \"caption\",\n    \"textContent\": \"Enter the 6-digit code sent to your device\"\n  },\n  {\n    \"id\": \"sec\",\n    \"component\": \"Section\",\n    \"children\": [\n      \"col\"\n    ]\n  },\n  {\n    \"id\": \"col\",\n    \"component\": \"Column\",\n    \"gap\": \"4\",\n    \"align\": \"center\",\n    \"children\": [\n      \"otp\",\n      \"resend-row\"\n    ]\n  },\n  {\n    \"id\": \"otp\",\n    \"component\": \"OtpInput\",\n    \"length\": 6,\n    \"name\": \"otp-code\"\n  },\n  {\n    \"id\": \"resend-row\",\n    \"component\": \"Row\",\n    \"gap\": \"1\",\n    \"align\": \"center\",\n    \"children\": [\n      \"resend-label\",\n      \"resend-btn\"\n    ]\n  },\n  {\n    \"id\": \"resend-label\",\n    \"component\": \"Text\",\n    \"variant\": \"caption\",\n    \"color\": \"muted\",\n    \"textContent\": \"Didn't receive a code?\"\n  },\n  {\n    \"id\": \"resend-btn\",\n    \"component\": \"Button\",\n    \"text\": \"Resend\",\n    \"variant\": \"ghost\",\n    \"size\": \"sm\"\n  },\n  {\n    \"id\": \"ftr\",\n    \"component\": \"Footer\",\n    \"children\": [\n      \"verify-btn\"\n    ]\n  },\n  {\n    \"id\": \"verify-btn\",\n    \"component\": \"Button\",\n    \"text\": \"Verify\",\n    \"variant\": \"primary\",\n    \"block\": true\n  }\n]",
-            "name": "otp-verification"
+            "description": "Wide-clamp dashboard page acting as a scroll container.",
+            "a2ui": "[\n  {\n    \"id\": \"root\",\n    \"component\": \"Page\",\n    \"scroll\": true,\n    \"maxWidth\": \"wide\",\n    \"padding\": \"4\",\n    \"children\": [\"hdr\", \"body\"]\n  },\n  {\n    \"id\": \"hdr\",\n    \"component\": \"Header\",\n    \"children\": []\n  },\n  {\n    \"id\": \"body\",\n    \"component\": \"Section\",\n    \"children\": []\n  }\n]",
+            "name": "dashboard-page"
           }
         ],
         "keywords": [
-          "otpinput",
-          "otp-input",
-          "otp",
-          "input"
-        ],
-        "name": "AdiaOtpInput",
+          "page",
+          "layout",
+          "container",
+          "scroll",
+          "sticky-header",
+          "max-width",
+          "padding",
+          "prose-page",
+          "dashboard-page"
+        ],
+        "name": "UIPage",
         "related": [
-          "button"
+          "app-shell",
+          "card",
+          "section",
+          "header",
+          "footer"
         ],
         "slots": {
-          "field": {
-            "description": "Container for the digit input boxes and optional separator"
+          "default": {
+            "description": "Composes from the slot primitives — `<header-ui>` (page header),\n`<section-ui>` (main content), optional `<footer-ui>`. Native\n`<header>` / `<section>` / `<footer>` also work; the @scope rules\ntarget both via `:where(header, header-ui)`.\n"
           }
         },
         "states": [
@@ -7017,13 +7510,12 @@
             "name": "idle"
           },
           {
-            "description": "Non-interactive; dimmed.",
-            "attribute": "disabled",
-            "name": "disabled"
+            "description": "Header has scrolled past the sentinel; visual cue applied.",
+            "name": "header-stuck"
           }
         ],
         "synonyms": {},
-        "tag": "otp-input-ui",
+        "tag": "page-ui",
         "tokens": {},
         "traits": [],
         "version": 1
@@ -7097,7 +7589,7 @@
           "paginate",
           "paging"
         ],
-        "name": "AdiaPagination",
+        "name": "UIPagination",
         "related": [
           "input",
           "table"
@@ -7209,7 +7701,7 @@
         "keywords": [
           "pane"
         ],
-        "name": "AdiaPane",
+        "name": "UIPane",
         "related": [
           "text-area"
         ],
@@ -7299,7 +7791,7 @@
           "pipeline",
           "status"
         ],
-        "name": "AdiaPipelineStatus",
+        "name": "UIPipelineStatus",
         "related": [],
         "slots": {
           "default": {
@@ -7404,7 +7896,7 @@
           "context-menu",
           "right-click"
         ],
-        "name": "AdiaPopover",
+        "name": "UIPopover",
         "related": [
           "button",
           "divider"
@@ -7556,7 +8048,7 @@
           "percent",
           "gamification"
         ],
-        "name": "AdiaProgress",
+        "name": "UIProgress",
         "related": [
           "grid",
           "button",
@@ -7737,7 +8229,7 @@
           "progress",
           "row"
         ],
-        "name": "AdiaProgressRow",
+        "name": "UIProgressRow",
         "related": [],
         "slots": {
           "label": {
@@ -7852,7 +8344,7 @@
           "questionnaire",
           "poll"
         ],
-        "name": "AdiaRadio",
+        "name": "UIRadio",
         "related": [
           "button"
         ],
@@ -8083,7 +8575,7 @@
           "range",
           "volume"
         ],
-        "name": "AdiaRange",
+        "name": "UIRange",
         "related": [
           "input",
           "button"
@@ -8229,7 +8721,7 @@
           "heart",
           "like"
         ],
-        "name": "AdiaRating",
+        "name": "UIRating",
         "related": [],
         "slots": {},
         "states": [
@@ -8312,7 +8804,7 @@
         "keywords": [
           "richtext"
         ],
-        "name": "AdiaRichtext",
+        "name": "UIRichtext",
         "related": [],
         "slots": {
           "default": {
@@ -8401,7 +8893,7 @@
         "keywords": [
           "row"
         ],
-        "name": "AdiaRow",
+        "name": "UIRow",
         "related": [
           "avatar",
           "input",
@@ -8510,7 +9002,7 @@
           "omnibar",
           "combobox"
         ],
-        "name": "AdiaSearch",
+        "name": "UISearch",
         "related": [],
         "slots": {
           "clear": {
@@ -8574,299 +9066,41 @@
             "palette"
           ],
           "spotlight": [
-            "command",
-            "palette",
-            "search"
-          ],
-          "typeahead": [
-            "search",
-            "command",
-            "palette"
-          ]
-        },
-        "tag": "search-ui",
-        "tokens": {
-          "--search-background": {
-            "description": "Input background color"
-          },
-          "--search-border-color": {
-            "description": "Input border color"
-          },
-          "--search-font-size": {
-            "description": "Input font size"
-          },
-          "--search-foreground": {
-            "description": "Input text color"
-          },
-          "--search-radius": {
-            "description": "Input border radius"
-          }
-        },
-        "traits": [],
-        "version": 1
-      }
-    },
-    "Section": {
-      "title": "Section",
-      "description": "Content section inside a Card. Groups related content between Header and Footer.",
-      "type": "object",
-      "allOf": [
-        {
-          "$ref": "#/$defs/ComponentCommon"
-        },
-        {
-          "$ref": "#/$defs/CatalogComponentCommon"
-        }
-      ],
-      "properties": {
-        "bleed": {
-          "description": "Remove section padding so children can reach the card edges (used for full-bleed media).",
-          "type": "boolean",
-          "default": false
-        },
-        "component": {
-          "const": "Section"
-        },
-        "scroll": {
-          "description": "Enable overflow scrolling",
-          "type": "boolean",
-          "default": false
-        }
-      },
-      "required": [
-        "component"
-      ],
-      "unevaluatedProperties": false,
-      "x-adiaui": {
-        "anti_patterns": [],
-        "category": "container",
-        "events": {},
-        "examples": [
-          {
-            "description": "Chat interface with message bubbles containing avatar and text pairs, plus an input footer.",
-            "a2ui": "[\n  {\n    \"id\": \"root\",\n    \"component\": \"Card\",\n    \"children\": [\n      \"hdr\",\n      \"sec\",\n      \"ftr\"\n    ]\n  },\n  {\n    \"id\": \"hdr\",\n    \"component\": \"Header\",\n    \"children\": [\n      \"title\"\n    ]\n  },\n  {\n    \"id\": \"title\",\n    \"component\": \"Text\",\n    \"slot\": \"heading\",\n    \"textContent\": \"Chat\"\n  },\n  {\n    \"id\": \"sec\",\n    \"component\": \"Section\",\n    \"children\": [\n      \"messages\"\n    ]\n  },\n  {\n    \"id\": \"messages\",\n    \"component\": \"Column\",\n    \"gap\": \"3\",\n    \"children\": [\n      \"msg1\",\n      \"msg2\",\n      \"msg3\",\n      \"msg4\"\n    ]\n  },\n  {\n    \"id\": \"msg1\",\n    \"component\": \"Row\",\n    \"gap\": \"2\",\n    \"children\": [\n      \"a1\",\n      \"t1\"\n    ]\n  },\n  {\n    \"id\": \"a1\",\n    \"component\": \"Avatar\",\n    \"name\": \"User\",\n    \"size\": \"sm\"\n  },\n  {\n    \"id\": \"t1\",\n    \"component\": \"Text\",\n    \"variant\": \"body\",\n    \"textContent\": \"Hello! Can you help me with something?\"\n  },\n  {\n    \"id\": \"msg2\",\n    \"component\": \"Row\",\n    \"gap\": \"2\",\n    \"children\": [\n      \"a2\",\n      \"t2\"\n    ]\n  },\n  {\n    \"id\": \"a2\",\n    \"component\": \"Avatar\",\n    \"name\": \"Assistant\",\n    \"size\": \"sm\"\n  },\n  {\n    \"id\": \"t2\",\n    \"component\": \"Text\",\n    \"variant\": \"body\",\n    \"textContent\": \"Of course! I'd be happy to help. What do you need?\"\n  },\n  {\n    \"id\": \"msg3\",\n    \"component\": \"Row\",\n    \"gap\": \"2\",\n    \"children\": [\n      \"a3\",\n      \"t3\"\n    ]\n  },\n  {\n    \"id\": \"a3\",\n    \"component\": \"Avatar\",\n    \"name\": \"User\",\n    \"size\": \"sm\"\n  },\n  {\n    \"id\": \"t3\",\n    \"component\": \"Text\",\n    \"variant\": \"body\",\n    \"textContent\": \"I need to build a dashboard layout.\"\n  },\n  {\n    \"id\": \"msg4\",\n    \"component\": \"Row\",\n    \"gap\": \"2\",\n    \"children\": [\n      \"a4\",\n      \"t4\"\n    ]\n  },\n  {\n    \"id\": \"a4\",\n    \"component\": \"Avatar\",\n    \"name\": \"Assistant\",\n    \"size\": \"sm\"\n  },\n  {\n    \"id\": \"t4\",\n    \"component\": \"Text\",\n    \"variant\": \"body\",\n    \"textContent\": \"Great choice! Let me suggest some patterns for that.\"\n  },\n  {\n    \"id\": \"ftr\",\n    \"component\": \"Footer\",\n    \"children\": [\n      \"input-row\"\n    ]\n  },\n  {\n    \"id\": \"input-row\",\n    \"component\": \"Row\",\n    \"gap\": \"2\",\n    \"children\": [\n      \"chat-input\",\n      \"send-btn\"\n    ]\n  },\n  {\n    \"id\": \"chat-input\",\n    \"component\": \"Input\",\n    \"placeholder\": \"Type a message...\"\n  },\n  {\n    \"id\": \"send-btn\",\n    \"component\": \"Button\",\n    \"text\": \"Send\",\n    \"icon\": \"send\",\n    \"variant\": \"primary\"\n  }\n]",
-            "name": "chat-interface"
-          },
-          {
-            "description": "Command palette card with search input and a list of command options.",
-            "a2ui": "[\n  {\n    \"id\": \"root\",\n    \"component\": \"Card\",\n    \"children\": [\n      \"hdr\",\n      \"sec\"\n    ]\n  },\n  {\n    \"id\": \"hdr\",\n    \"component\": \"Header\",\n    \"children\": [\n      \"search\"\n    ]\n  },\n  {\n    \"id\": \"search\",\n    \"component\": \"Input\",\n    \"placeholder\": \"Type a command or search...\",\n    \"icon\": \"search\"\n  },\n  {\n    \"id\": \"sec\",\n    \"component\": \"Section\",\n    \"children\": [\n      \"options\"\n    ]\n  },\n  {\n    \"id\": \"options\",\n    \"component\": \"Column\",\n    \"gap\": \"1\",\n    \"children\": [\n      \"opt1\",\n      \"opt2\",\n      \"opt3\",\n      \"opt4\",\n      \"opt5\"\n    ]\n  },\n  {\n    \"id\": \"opt1\",\n    \"component\": \"Row\",\n    \"gap\": \"2\",\n    \"children\": [\n      \"i1\",\n      \"l1\"\n    ]\n  },\n  {\n    \"id\": \"i1\",\n    \"component\": \"Icon\",\n    \"name\": \"file\"\n  },\n  {\n    \"id\": \"l1\",\n    \"component\": \"Text\",\n    \"textContent\": \"Open File\"\n  },\n  {\n    \"id\": \"opt2\",\n    \"component\": \"Row\",\n    \"gap\": \"2\",\n    \"children\": [\n      \"i2\",\n      \"l2\"\n    ]\n  },\n  {\n    \"id\": \"i2\",\n    \"component\": \"Icon\",\n    \"name\": \"gear\"\n  },\n  {\n    \"id\": \"l2\",\n    \"component\": \"Text\",\n    \"textContent\": \"Settings\"\n  },\n  {\n    \"id\": \"opt3\",\n    \"component\": \"Row\",\n    \"gap\": \"2\",\n    \"children\": [\n      \"i3\",\n      \"l3\"\n    ]\n  },\n  {\n    \"id\": \"i3\",\n    \"component\": \"Icon\",\n    \"name\": \"palette\"\n  },\n  {\n    \"id\": \"l3\",\n    \"component\": \"Text\",\n    \"textContent\": \"Change Theme\"\n  },\n  {\n    \"id\": \"opt4\",\n    \"component\": \"Row\",\n    \"gap\": \"2\",\n    \"children\": [\n      \"i4\",\n      \"l4\"\n    ]\n  },\n  {\n    \"id\": \"i4\",\n    \"component\": \"Icon\",\n    \"name\": \"users\"\n  },\n  {\n    \"id\": \"l4\",\n    \"component\": \"Text\",\n    \"textContent\": \"Manage Users\"\n  },\n  {\n    \"id\": \"opt5\",\n    \"component\": \"Row\",\n    \"gap\": \"2\",\n    \"children\": [\n      \"i5\",\n      \"l5\"\n    ]\n  },\n  {\n    \"id\": \"i5\",\n    \"component\": \"Icon\",\n    \"name\": \"sign-out\"\n  },\n  {\n    \"id\": \"l5\",\n    \"component\": \"Text\",\n    \"textContent\": \"Sign Out\"\n  }\n]",
-            "name": "command-palette"
-          }
-        ],
-        "keywords": [
-          "section"
-        ],
-        "name": "AdiaSection",
-        "related": [
-          "avatar",
-          "input",
-          "button",
-          "alert",
-          "skeleton"
-        ],
-        "slots": {
-          "default": {
-            "description": "Default slot — primary child content."
-          }
-        },
-        "states": [
-          {
-            "description": "Default, ready for interaction.",
-            "name": "idle"
-          }
-        ],
-        "synonyms": {},
-        "tag": "section-ui",
-        "tokens": {},
-        "traits": [],
-        "version": 1
-      }
-    },
-    "SectionNav": {
-      "title": "SectionNav",
-      "description": "Sub-navigation rail container. Sits beside an article when a page lives\ninside an app-shell section that has its own child pages. Can optionally\nrender a heading label above the rail.\n",
-      "type": "object",
-      "allOf": [
-        {
-          "$ref": "#/$defs/ComponentCommon"
-        },
-        {
-          "$ref": "#/$defs/CatalogComponentCommon"
-        }
-      ],
-      "properties": {
-        "component": {
-          "const": "SectionNav"
-        },
-        "divider": {
-          "description": "Render auto-dividers between groups.",
-          "type": "boolean",
-          "default": false
-        },
-        "heading": {
-          "description": "Optional section label (also sets aria-label).",
-          "type": "string",
-          "default": ""
-        }
-      },
-      "required": [
-        "component"
-      ],
-      "unevaluatedProperties": false,
-      "x-adiaui": {
-        "anti_patterns": [],
-        "category": "nav",
-        "events": {
-          "group-toggle": {
-            "description": "Bubbles from a child section-nav-group-ui[collapsible] on header click.",
-            "detail": {
-              "open": "boolean",
-              "text": "string"
-            }
-          },
-          "nav-select": {
-            "description": "Bubbles from a child section-nav-item-ui on selection.",
-            "detail": {
-              "item": "HTMLElement",
-              "text": "string",
-              "value": "string"
-            }
-          }
-        },
-        "examples": [],
-        "keywords": [
-          "section-nav",
-          "sub-nav",
-          "rail",
-          "side-nav",
-          "docs-nav"
-        ],
-        "name": "AdiaSectionNav",
-        "related": [
-          "AppShell",
-          "SectionNavGroup",
-          "SectionNavItem"
-        ],
-        "slots": {
-          "default": {
-            "description": "section-nav-group-ui and section-nav-item-ui children."
-          }
-        },
-        "states": [
-          {
-            "description": "Default.",
-            "name": "idle"
-          }
-        ],
-        "synonyms": {
-          "rail": [
-            "section-nav",
-            "sub-nav",
-            "side-nav"
-          ]
-        },
-        "tag": "section-nav-ui",
-        "tokens": {},
-        "traits": [],
-        "version": 1
-      }
-    },
-    "SectionNavGroup": {
-      "title": "SectionNavGroup",
-      "description": "Optional labeled group inside section-nav-ui. Auto-generates a header row\nwith label and optional leading icon. When [collapsible], the header row\nis a keyboard-activatable toggle that emits `group-toggle`.\n",
-      "type": "object",
-      "allOf": [
-        {
-          "$ref": "#/$defs/ComponentCommon"
-        },
-        {
-          "$ref": "#/$defs/CatalogComponentCommon"
-        }
-      ],
-      "properties": {
-        "collapsible": {
-          "description": "When true, the header becomes a click/keyboard toggle that expands and collapses the group.",
-          "type": "boolean",
-          "default": false
-        },
-        "component": {
-          "const": "SectionNavGroup"
-        },
-        "icon": {
-          "description": "Optional Phosphor icon name (leading).",
-          "type": "string",
-          "default": ""
-        },
-        "open": {
-          "description": "Expanded state. Only meaningful when collapsible=true.",
-          "type": "boolean",
-          "default": false
-        },
-        "text": {
-          "description": "Group label rendered in the header row.",
-          "type": "string",
-          "default": ""
-        }
-      },
-      "required": [
-        "component"
-      ],
-      "unevaluatedProperties": false,
-      "x-adiaui": {
-        "anti_patterns": [],
-        "category": "nav",
-        "events": {
-          "group-toggle": {
-            "description": "Fired when the group is toggled via header click or keyboard (Enter/Space).",
-            "detail": {
-              "open": "boolean",
-              "text": "string"
-            }
-          }
-        },
-        "examples": [],
-        "keywords": [
-          "section-nav-group",
-          "sub-nav-group",
-          "nav-section",
-          "rail-group"
-        ],
-        "name": "AdiaSectionNavGroup",
-        "related": [
-          "SectionNav",
-          "SectionNavItem"
-        ],
-        "slots": {
-          "default": {
-            "description": "section-nav-item-ui children rendered under the header."
-          }
+            "command",
+            "palette",
+            "search"
+          ],
+          "typeahead": [
+            "search",
+            "command",
+            "palette"
+          ]
         },
-        "states": [
-          {
-            "description": "Default.",
-            "name": "idle"
+        "tag": "search-ui",
+        "tokens": {
+          "--search-background": {
+            "description": "Input background color"
           },
-          {
-            "description": "Header is interactive.",
-            "attribute": "collapsible",
-            "name": "collapsible"
+          "--search-border-color": {
+            "description": "Input border color"
           },
-          {
-            "description": "Children visible.",
-            "attribute": "open",
-            "name": "open"
+          "--search-font-size": {
+            "description": "Input font size"
+          },
+          "--search-foreground": {
+            "description": "Input text color"
+          },
+          "--search-radius": {
+            "description": "Input border radius"
           }
-        ],
-        "synonyms": {},
-        "tag": "section-nav-group-ui",
-        "tokens": {},
+        },
         "traits": [],
         "version": 1
       }
     },
-    "SectionNavItem": {
-      "title": "SectionNavItem",
-      "description": "Single nav link in a section-nav-ui rail. Icon + label. Supports disabled\nstate and keyboard activation (Enter/Space). Selection updates the\nparent section-nav-ui's selection state.\n",
+    "Section": {
+      "title": "Section",
+      "description": "Content section — styled by closest container parent (Card / Drawer / Modal / Page / AppShell). Groups related content between Header and Footer. `[scroll]` only kicks in inside Card / Drawer / Modal — Page and AppShell own their own scroll containers.",
       "type": "object",
       "allOf": [
         {
@@ -8877,33 +9111,18 @@
         }
       ],
       "properties": {
-        "component": {
-          "const": "SectionNavItem"
-        },
-        "disabled": {
-          "description": "Non-interactive; tab-skipped; dim visual.",
+        "bleed": {
+          "description": "Remove section padding so children can reach the card edges (used for full-bleed media).",
           "type": "boolean",
           "default": false
         },
-        "icon": {
-          "description": "Optional Phosphor icon name (leading).",
-          "type": "string",
-          "default": ""
+        "component": {
+          "const": "Section"
         },
-        "selected": {
-          "description": "Current selection. Managed by parent section-nav-ui.",
+        "scroll": {
+          "description": "Enable overflow scrolling",
           "type": "boolean",
           "default": false
-        },
-        "text": {
-          "description": "Item label.",
-          "type": "string",
-          "default": ""
-        },
-        "value": {
-          "description": "Unique identifier (route / target id).",
-          "type": "string",
-          "default": ""
         }
       },
       "required": [
@@ -8912,48 +9131,44 @@
       "unevaluatedProperties": false,
       "x-adiaui": {
         "anti_patterns": [],
-        "category": "nav",
-        "events": {
-          "nav-select": {
-            "description": "Fired on click or Enter/Space (suppressed when disabled).",
-            "detail": {
-              "item": "HTMLElement",
-              "text": "string",
-              "value": "string"
-            }
+        "category": "container",
+        "events": {},
+        "examples": [
+          {
+            "description": "Chat interface with message bubbles containing avatar and text pairs, plus an input footer.",
+            "a2ui": "[\n  {\n    \"id\": \"root\",\n    \"component\": \"Card\",\n    \"children\": [\n      \"hdr\",\n      \"sec\",\n      \"ftr\"\n    ]\n  },\n  {\n    \"id\": \"hdr\",\n    \"component\": \"Header\",\n    \"children\": [\n      \"title\"\n    ]\n  },\n  {\n    \"id\": \"title\",\n    \"component\": \"Text\",\n    \"slot\": \"heading\",\n    \"textContent\": \"Chat\"\n  },\n  {\n    \"id\": \"sec\",\n    \"component\": \"Section\",\n    \"children\": [\n      \"messages\"\n    ]\n  },\n  {\n    \"id\": \"messages\",\n    \"component\": \"Column\",\n    \"gap\": \"3\",\n    \"children\": [\n      \"msg1\",\n      \"msg2\",\n      \"msg3\",\n      \"msg4\"\n    ]\n  },\n  {\n    \"id\": \"msg1\",\n    \"component\": \"Row\",\n    \"gap\": \"2\",\n    \"children\": [\n      \"a1\",\n      \"t1\"\n    ]\n  },\n  {\n    \"id\": \"a1\",\n    \"component\": \"Avatar\",\n    \"name\": \"User\",\n    \"size\": \"sm\"\n  },\n  {\n    \"id\": \"t1\",\n    \"component\": \"Text\",\n    \"variant\": \"body\",\n    \"textContent\": \"Hello! Can you help me with something?\"\n  },\n  {\n    \"id\": \"msg2\",\n    \"component\": \"Row\",\n    \"gap\": \"2\",\n    \"children\": [\n      \"a2\",\n      \"t2\"\n    ]\n  },\n  {\n    \"id\": \"a2\",\n    \"component\": \"Avatar\",\n    \"name\": \"Assistant\",\n    \"size\": \"sm\"\n  },\n  {\n    \"id\": \"t2\",\n    \"component\": \"Text\",\n    \"variant\": \"body\",\n    \"textContent\": \"Of course! I'd be happy to help. What do you need?\"\n  },\n  {\n    \"id\": \"msg3\",\n    \"component\": \"Row\",\n    \"gap\": \"2\",\n    \"children\": [\n      \"a3\",\n      \"t3\"\n    ]\n  },\n  {\n    \"id\": \"a3\",\n    \"component\": \"Avatar\",\n    \"name\": \"User\",\n    \"size\": \"sm\"\n  },\n  {\n    \"id\": \"t3\",\n    \"component\": \"Text\",\n    \"variant\": \"body\",\n    \"textContent\": \"I need to build a dashboard layout.\"\n  },\n  {\n    \"id\": \"msg4\",\n    \"component\": \"Row\",\n    \"gap\": \"2\",\n    \"children\": [\n      \"a4\",\n      \"t4\"\n    ]\n  },\n  {\n    \"id\": \"a4\",\n    \"component\": \"Avatar\",\n    \"name\": \"Assistant\",\n    \"size\": \"sm\"\n  },\n  {\n    \"id\": \"t4\",\n    \"component\": \"Text\",\n    \"variant\": \"body\",\n    \"textContent\": \"Great choice! Let me suggest some patterns for that.\"\n  },\n  {\n    \"id\": \"ftr\",\n    \"component\": \"Footer\",\n    \"children\": [\n      \"input-row\"\n    ]\n  },\n  {\n    \"id\": \"input-row\",\n    \"component\": \"Row\",\n    \"gap\": \"2\",\n    \"children\": [\n      \"chat-input\",\n      \"send-btn\"\n    ]\n  },\n  {\n    \"id\": \"chat-input\",\n    \"component\": \"Input\",\n    \"placeholder\": \"Type a message...\"\n  },\n  {\n    \"id\": \"send-btn\",\n    \"component\": \"Button\",\n    \"text\": \"Send\",\n    \"icon\": \"send\",\n    \"variant\": \"primary\"\n  }\n]",
+            "name": "chat-interface"
+          },
+          {
+            "description": "Command palette card with search input and a list of command options.",
+            "a2ui": "[\n  {\n    \"id\": \"root\",\n    \"component\": \"Card\",\n    \"children\": [\n      \"hdr\",\n      \"sec\"\n    ]\n  },\n  {\n    \"id\": \"hdr\",\n    \"component\": \"Header\",\n    \"children\": [\n      \"search\"\n    ]\n  },\n  {\n    \"id\": \"search\",\n    \"component\": \"Input\",\n    \"placeholder\": \"Type a command or search...\",\n    \"icon\": \"search\"\n  },\n  {\n    \"id\": \"sec\",\n    \"component\": \"Section\",\n    \"children\": [\n      \"options\"\n    ]\n  },\n  {\n    \"id\": \"options\",\n    \"component\": \"Column\",\n    \"gap\": \"1\",\n    \"children\": [\n      \"opt1\",\n      \"opt2\",\n      \"opt3\",\n      \"opt4\",\n      \"opt5\"\n    ]\n  },\n  {\n    \"id\": \"opt1\",\n    \"component\": \"Row\",\n    \"gap\": \"2\",\n    \"children\": [\n      \"i1\",\n      \"l1\"\n    ]\n  },\n  {\n    \"id\": \"i1\",\n    \"component\": \"Icon\",\n    \"name\": \"file\"\n  },\n  {\n    \"id\": \"l1\",\n    \"component\": \"Text\",\n    \"textContent\": \"Open File\"\n  },\n  {\n    \"id\": \"opt2\",\n    \"component\": \"Row\",\n    \"gap\": \"2\",\n    \"children\": [\n      \"i2\",\n      \"l2\"\n    ]\n  },\n  {\n    \"id\": \"i2\",\n    \"component\": \"Icon\",\n    \"name\": \"gear\"\n  },\n  {\n    \"id\": \"l2\",\n    \"component\": \"Text\",\n    \"textContent\": \"Settings\"\n  },\n  {\n    \"id\": \"opt3\",\n    \"component\": \"Row\",\n    \"gap\": \"2\",\n    \"children\": [\n      \"i3\",\n      \"l3\"\n    ]\n  },\n  {\n    \"id\": \"i3\",\n    \"component\": \"Icon\",\n    \"name\": \"palette\"\n  },\n  {\n    \"id\": \"l3\",\n    \"component\": \"Text\",\n    \"textContent\": \"Change Theme\"\n  },\n  {\n    \"id\": \"opt4\",\n    \"component\": \"Row\",\n    \"gap\": \"2\",\n    \"children\": [\n      \"i4\",\n      \"l4\"\n    ]\n  },\n  {\n    \"id\": \"i4\",\n    \"component\": \"Icon\",\n    \"name\": \"users\"\n  },\n  {\n    \"id\": \"l4\",\n    \"component\": \"Text\",\n    \"textContent\": \"Manage Users\"\n  },\n  {\n    \"id\": \"opt5\",\n    \"component\": \"Row\",\n    \"gap\": \"2\",\n    \"children\": [\n      \"i5\",\n      \"l5\"\n    ]\n  },\n  {\n    \"id\": \"i5\",\n    \"component\": \"Icon\",\n    \"name\": \"sign-out\"\n  },\n  {\n    \"id\": \"l5\",\n    \"component\": \"Text\",\n    \"textContent\": \"Sign Out\"\n  }\n]",
+            "name": "command-palette"
           }
-        },
-        "examples": [],
+        ],
         "keywords": [
-          "section-nav-item",
-          "sub-nav-item",
-          "nav-link",
-          "rail-item"
+          "section"
         ],
-        "name": "AdiaSectionNavItem",
+        "name": "UISection",
         "related": [
-          "SectionNav",
-          "SectionNavGroup"
+          "avatar",
+          "input",
+          "button",
+          "alert",
+          "skeleton"
         ],
-        "slots": {},
+        "slots": {
+          "default": {
+            "description": "Default slot — primary child content."
+          }
+        },
         "states": [
           {
-            "description": "Default.",
+            "description": "Default, ready for interaction.",
             "name": "idle"
-          },
-          {
-            "description": "Currently selected destination.",
-            "attribute": "selected",
-            "name": "selected"
-          },
-          {
-            "description": "Non-interactive.",
-            "attribute": "disabled",
-            "name": "disabled"
           }
         ],
         "synonyms": {},
-        "tag": "section-nav-item-ui",
+        "tag": "section-ui",
         "tokens": {},
         "traits": [],
         "version": 1
@@ -9039,7 +9254,7 @@
         "keywords": [
           "segment"
         ],
-        "name": "AdiaSegment",
+        "name": "UISegment",
         "related": [
           "segmented-control"
         ],
@@ -9113,7 +9328,7 @@
           "tabs",
           "button-group"
         ],
-        "name": "AdiaSegmented",
+        "name": "UISegmented",
         "related": [],
         "slots": {},
         "states": [
@@ -9314,7 +9529,7 @@
           "combobox",
           "autocomplete"
         ],
-        "name": "AdiaSelect",
+        "name": "UISelect",
         "related": [
           "image",
           "button",
@@ -9438,7 +9653,7 @@
           "placeholder",
           "shimmer"
         ],
-        "name": "AdiaSkeleton",
+        "name": "UISkeleton",
         "related": [],
         "slots": {},
         "states": [
@@ -9578,7 +9793,7 @@
           "range",
           "volume"
         ],
-        "name": "AdiaSlider",
+        "name": "UISlider",
         "related": [
           "input",
           "select",
@@ -9674,7 +9889,7 @@
         "keywords": [
           "stack"
         ],
-        "name": "AdiaStack",
+        "name": "UIStack",
         "related": [],
         "slots": {
           "default": {
@@ -9771,7 +9986,7 @@
           "performance",
           "scoreboard"
         ],
-        "name": "AdiaStat",
+        "name": "UIStat",
         "related": [],
         "slots": {
           "change": {
@@ -9991,7 +10206,7 @@
           "onboarding",
           "multi-step"
         ],
-        "name": "AdiaStepper",
+        "name": "UIStepper",
         "related": [
           "timeline-ui",
           "progress-ui"
@@ -10016,6 +10231,115 @@
         "version": 1
       }
     },
+    "StepProgress": {
+      "title": "StepProgress",
+      "description": "Discrete-dash step-progress indicator. One <span> dash per step in\n[total]; the first [value] dashes are filled with --a-accent. Used\nin multi-step flows (registration, onboarding, wizards). Replaces\nthe bespoke `[data-onb-progress]` + `[data-reg-progress]` markup\nthat lived in onboarding.css + registration.css with a single\nprimitive.\n",
+      "type": "object",
+      "allOf": [
+        {
+          "$ref": "#/$defs/ComponentCommon"
+        },
+        {
+          "$ref": "#/$defs/CatalogComponentCommon"
+        }
+      ],
+      "properties": {
+        "caption": {
+          "description": "Optional caption text rendered above the track (e.g. 'Step 3 of 10', 'Step 3 of 10 · Optional', 'All steps complete'). Hidden when empty.",
+          "type": "string",
+          "default": ""
+        },
+        "component": {
+          "const": "StepProgress"
+        },
+        "total": {
+          "description": "Total number of steps. The track renders this many dashes.",
+          "type": "number",
+          "default": 0
+        },
+        "value": {
+          "description": "Number of steps completed (1-indexed). Clamped to [0, total].",
+          "type": "number",
+          "default": 0
+        }
+      },
+      "required": [
+        "component"
+      ],
+      "unevaluatedProperties": false,
+      "x-adiaui": {
+        "anti_patterns": [],
+        "category": "feedback",
+        "events": {},
+        "examples": [
+          {
+            "description": "3 of 10 steps complete with caption.",
+            "a2ui": "[\n  {\n    \"id\": \"root\",\n    \"component\": \"StepProgress\",\n    \"value\": 3,\n    \"total\": 10,\n    \"caption\": \"Step 3 of 10\"\n  }\n]",
+            "name": "in-progress"
+          },
+          {
+            "description": "All steps complete.",
+            "a2ui": "[\n  {\n    \"id\": \"root\",\n    \"component\": \"StepProgress\",\n    \"value\": 10,\n    \"total\": 10,\n    \"caption\": \"All steps complete\"\n  }\n]",
+            "name": "complete"
+          },
+          {
+            "description": "A 9-of-10 step that's optional.",
+            "a2ui": "[\n  {\n    \"id\": \"root\",\n    \"component\": \"StepProgress\",\n    \"value\": 9,\n    \"total\": 10,\n    \"caption\": \"Step 9 of 10 · Optional\"\n  }\n]",
+            "name": "optional-step"
+          }
+        ],
+        "keywords": [
+          "progress",
+          "step",
+          "wizard",
+          "onboarding",
+          "registration",
+          "multi-step",
+          "indicator"
+        ],
+        "name": "UIStepProgress",
+        "related": [
+          "progress-ui",
+          "stepper-ui"
+        ],
+        "slots": {
+          "caption": {
+            "description": "Optional override of the auto-minted caption (use for rich content like icon + text). When present, the [caption] attribute is ignored."
+          },
+          "track": {
+            "description": "Optional override of the auto-minted track (rare — use only when the dash structure needs to differ)."
+          }
+        },
+        "states": [
+          {
+            "description": "value=0; no dashes filled.",
+            "name": "empty"
+          },
+          {
+            "description": "0 < value < total; some dashes filled.",
+            "name": "in-progress"
+          },
+          {
+            "description": "value=total; all dashes filled.",
+            "name": "complete"
+          }
+        ],
+        "synonyms": {
+          "step": [
+            "stage",
+            "phase"
+          ],
+          "total": [
+            "count",
+            "length"
+          ]
+        },
+        "tag": "step-progress-ui",
+        "tokens": {},
+        "traits": [],
+        "version": 1
+      }
+    },
     "Stream": {
       "title": "Stream",
       "description": "Renders an AsyncIterable<string> as streaming text. Used for LLM output and real-time logs.",
@@ -10076,7 +10400,7 @@
         "keywords": [
           "stream"
         ],
-        "name": "AdiaStream",
+        "name": "UIStream",
         "related": [],
         "slots": {
           "default": {
@@ -10112,6 +10436,120 @@
         "version": 1
       }
     },
+    "Swatch": {
+      "title": "Swatch",
+      "description": "Color/style swatch primitive — a small inline tile representing a single\nvisual sample. Renders as block, dot, square, line, or dashed depending on\nshape; pairs with an optional label slot or attribute. Composed by chart-\nlegend-ui's per-row swatch and consumed directly by the token-colors /\nspacing demo pages.\n",
+      "type": "object",
+      "allOf": [
+        {
+          "$ref": "#/$defs/ComponentCommon"
+        },
+        {
+          "$ref": "#/$defs/CatalogComponentCommon"
+        }
+      ],
+      "properties": {
+        "color": {
+          "description": "Swatch color. Accepts any CSS color value or var() reference. Sets the internal --swatch-color custom property; consumers can also set --swatch-color via inline style.",
+          "type": "string",
+          "default": ""
+        },
+        "component": {
+          "const": "Swatch"
+        },
+        "label": {
+          "description": "Optional label rendered next to (or below, for shape=\"block\") the swatch. Use the default slot for richer content.",
+          "type": "string",
+          "default": ""
+        },
+        "shape": {
+          "description": "Visual shape — block (filled tile), dot (small circle), square (small filled square), line (solid hairline), dashed (dashed hairline).",
+          "type": "string",
+          "enum": [
+            "block",
+            "dot",
+            "square",
+            "line",
+            "dashed"
+          ],
+          "default": "square"
+        },
+        "size": {
+          "description": "Size preset — sm / md / lg. Drives the swatch's intrinsic dimensions; lg is reserved for the token-scale demo (40 px tall).",
+          "type": "string",
+          "enum": [
+            "sm",
+            "md",
+            "lg"
+          ],
+          "default": "md"
+        }
+      },
+      "required": [
+        "component"
+      ],
+      "unevaluatedProperties": false,
+      "x-adiaui": {
+        "anti_patterns": [],
+        "category": "display",
+        "events": {},
+        "examples": [
+          {
+            "description": "A single dot swatch with text label, e.g. as a chart-legend row.",
+            "a2ui": "[\n  {\n    \"id\": \"root\",\n    \"component\": \"Swatch\",\n    \"shape\": \"dot\",\n    \"color\": \"var(--a-data-0)\",\n    \"label\": \"Revenue\"\n  }\n]",
+            "name": "basic-swatch"
+          },
+          {
+            "description": "Block swatch for a token-scale step.",
+            "a2ui": "[\n  {\n    \"id\": \"root\",\n    \"component\": \"Swatch\",\n    \"shape\": \"block\",\n    \"size\": \"lg\",\n    \"color\": \"var(--a-neutral-50)\",\n    \"label\": \"50\"\n  }\n]",
+            "name": "token-block"
+          }
+        ],
+        "keywords": [
+          "swatch",
+          "color",
+          "chip",
+          "sample",
+          "palette",
+          "legend",
+          "step",
+          "token"
+        ],
+        "name": "UISwatch",
+        "related": [
+          "chart-legend-ui",
+          "tag-ui"
+        ],
+        "slots": {
+          "default": {
+            "description": "Optional rich label content. When present, replaces the [label] attribute's text."
+          }
+        },
+        "states": [
+          {
+            "description": "Default, ready for display.",
+            "name": "idle"
+          }
+        ],
+        "synonyms": {
+          "color-chip": [
+            "swatch",
+            "chip"
+          ],
+          "color-sample": [
+            "swatch"
+          ]
+        },
+        "tag": "swatch-ui",
+        "tokens": {
+          "--swatch-color": {
+            "description": "Resolved color of the swatch fill / line. Wins over the [color] attr if set inline."
+          }
+        },
+        "traits": [],
+        "version": 1
+      }
+    },
     "Swiper": {
       "title": "Swiper",
       "description": "CSS-first carousel with scroll-snap. Supports autoplay, loop, and peek; JS-stamped pagination dots and paddles.",
@@ -10214,7 +10652,7 @@
           "banner",
           "swiper"
         ],
-        "name": "AdiaSwiper",
+        "name": "UISwiper",
         "related": [
           "image-gallery",
           "hero-section",
@@ -10336,7 +10774,7 @@
         "keywords": [
           "switch"
         ],
-        "name": "AdiaSwitch",
+        "name": "UISwitch",
         "related": [],
         "slots": {
           "hint": {
@@ -10533,7 +10971,7 @@
           "management",
           "manage"
         ],
-        "name": "AdiaTable",
+        "name": "UITable",
         "related": [
           "button",
           "input",
@@ -10953,7 +11391,7 @@
           "listing",
           "records"
         ],
-        "name": "AdiaTableToolbar",
+        "name": "UITableToolbar",
         "related": [
           "table",
           "search",
@@ -11120,7 +11558,7 @@
           "layout",
           "tab"
         ],
-        "name": "AdiaTabs",
+        "name": "UITabs",
         "related": [
           "tab"
         ],
@@ -11308,7 +11746,7 @@
           "label",
           "pill"
         ],
-        "name": "AdiaTag",
+        "name": "UITag",
         "related": [],
         "slots": {},
         "states": [
@@ -11448,7 +11886,7 @@
         "keywords": [
           "text"
         ],
-        "name": "AdiaText",
+        "name": "UIText",
         "related": [
           "avatar",
           "input",
@@ -11543,7 +11981,7 @@
         "keywords": [
           "textarea"
         ],
-        "name": "AdiaTextarea",
+        "name": "UITextarea",
         "related": [],
         "slots": {},
         "states": [
@@ -11612,7 +12050,7 @@
         "keywords": [
           "timeline"
         ],
-        "name": "AdiaTimeline",
+        "name": "UITimeline",
         "related": [
           "timeline-item"
         ],
@@ -11722,7 +12160,7 @@
           "remind",
           "alert"
         ],
-        "name": "AdiaToast",
+        "name": "UIToast",
         "related": [],
         "slots": {},
         "states": [
@@ -11867,7 +12305,7 @@
           "toggle",
           "group"
         ],
-        "name": "AdiaToggleGroup",
+        "name": "UIToggleGroup",
         "related": [],
         "slots": {
           "default": {
@@ -12002,7 +12440,7 @@
           "buttons",
           "actions"
         ],
-        "name": "AdiaToolbar",
+        "name": "UIToolbar",
         "related": [
           "button",
           "divider"
@@ -12138,7 +12576,7 @@
           "hint",
           "popover"
         ],
-        "name": "AdiaTooltip",
+        "name": "UITooltip",
         "related": [
           "button"
         ],
@@ -12246,7 +12684,7 @@
           "tree",
           "folder"
         ],
-        "name": "AdiaTree",
+        "name": "UITree",
         "related": [],
         "slots": {
           "default (tree-item-ui children)": {
@@ -12414,7 +12852,7 @@
           "file-manager",
           "files"
         ],
-        "name": "AdiaUpload",
+        "name": "UIUpload",
         "related": [
           "progress",
           "button",