@adia-ai/a2ui-corpus 0.4.1 → 0.4.2

package/CHANGELOG.md

@@ -19,6 +19,22 @@ gap registry. Consumed by `@adia-ai/a2ui-retrieval` and
 
 _No pending changes._
 
+## [0.4.2] - 2026-05-11
+
+### Changed
+
+- `catalog-a2ui_0_9.json` regenerated to pick up the 5 new `<input-ui type="number">` examples from `@adia-ai/web-components@0.4.2`: `quantity-stepper`, `price-with-currency`, `weight-with-unit`, `percent-bounded`, `temperature-negative`. The yaml `examples[]` entries drive retrieval signal for numeric-input intents (quantity / price / weight / percent / temperature).
+- `catalog-a2ui_0_9_rules.txt` regenerated alongside.
+- `chunks/` — `playground-app-shell.json` re-harvested after the `<theme-panel>` consumer migration (Phase 3 of theme-panel work): embedded HTML now shows `<theme-panel slot="content" parametric presets scheme-toggle></theme-panel>` instead of the ~30-line inline `<div id="theme-panel">` block. Chunk NAME `playground-app-shell` preserved as a stable retrieval identifier per the 2026-05-10 §22 lesson. 27 additional chunk files touched in this window for `source:` field updates following the ADR-0026 reorg (`apps/<X>/` → `playgrounds/<X>/` or `catalog/<X>/`); chunk NAMES unchanged.
+
+### Removed
+
+- `fragments/layout/auth-card-header.json` — fragment retired (was the foundational auth-flow chunk header before migration to `<auth-card-content>` + `<auth-card-header>` chunk-level shape; instance_count had reconciled to 0 in v0.4.1, no longer present in any composition). Now archived at `.brain/archive/2026-Q2/retired-fragments/auth-card-header.md` per the v0.4.1 follow-up.
+
+### Lockstep
+
+9-package coordinated PATCH cut to v0.4.2 (per [`docs/specs/package-architecture.md` § 15](../../../docs/specs/package-architecture.md#15-versioning-policy)). Internal `@adia-ai/*` dep ranges stay at `^0.4.0` (patch-cut asymmetry — `^0.4.0` covers `0.4.x` under semver). Rides alongside `@adia-ai/web-components@0.4.2` (input-ui type=number rewrite) and `@adia-ai/web-modules@0.4.2` (editor-sidebar width mirror). See root [CHANGELOG.md `## [0.4.2]`](../../../CHANGELOG.md) for the cut narrative.
+
 ## [0.4.1] - 2026-05-10
 
 ### Changed

package/catalog-a2ui_0_9.json

@@ -7550,7 +7550,7 @@
     },
     "Input": {
       "title": "Input",
-      "description": "Text input field with contenteditable or native input. Supports prefix/suffix icons, label, and form participation.",
+      "description": "Text input field with contenteditable surface. Supports prefix/suffix icons, label, form participation, and a `type=\"number\"` mode that renders [+]/[-] stepper buttons, numeric input filtering, and ARIA spinbutton semantics — no native `<input type=\"number\">` under the hood. Password type uses a native `<input>` (only path that still wraps native, for `-webkit-text-security` disc masking).",
       "type": "object",
       "allOf": [
         {
@@ -7562,7 +7562,7 @@
       ],
       "properties": {
         "type": {
-          "description": "Input type hint. Password type applies disc masking via -webkit-text-security.",
+          "description": "Input type. `password` wraps a native `<input>` for disc masking; `number` renders a contenteditable + stepper buttons (no native input). All other types use plain contenteditable.",
           "type": "string",
           "enum": [
             "text",
@@ -7604,11 +7604,21 @@
           "type": "string",
           "default": ""
         },
+        "max": {
+          "description": "Maximum numeric value. Applies when `type=\"number\"`. Clamps + drives aria-valuemax + the [+] button's disabled state.",
+          "type": "number",
+          "default": null
+        },
         "maxlength": {
           "description": "Maximum character length for validation",
           "type": "number",
           "default": null
         },
+        "min": {
+          "description": "Minimum numeric value. Applies when `type=\"number\"`. Clamps + drives aria-valuemin + the [-] button's disabled state.",
+          "type": "number",
+          "default": null
+        },
         "minlength": {
           "description": "Minimum character length for validation",
           "type": "number",
@@ -7629,6 +7639,11 @@
           "type": "string",
           "default": ""
         },
+        "precision": {
+          "description": "Decimal places to display + clamp to, when `type=\"number\"`. Overrides the implicit decimal-count from `step` — e.g. `step=1 precision=2` formats \"10.00\".",
+          "type": "number",
+          "default": null
+        },
         "prefix": {
           "description": "Prefix text or icon rendered before the text surface (e.g., unit label, search icon)",
           "type": "string",
@@ -7644,13 +7659,18 @@
           "type": "boolean",
           "default": false
         },
+        "step": {
+          "description": "Stepper increment for `type=\"number\"`. Drives ↑/↓ ArrowUp/Down + [+]/[-] button magnitude. Also determines decimal-count for value formatting unless `precision` is set.",
+          "type": "number",
+          "default": 1
+        },
         "suffix": {
           "description": "Suffix text rendered after the text surface (e.g., unit like 'kg')",
           "type": "string",
           "default": ""
         },
         "value": {
-          "description": "Current input value, synced with contenteditable text surface",
+          "description": "Current input value, synced with contenteditable text surface. For `type=\"number\"`, this is the formatted numeric string; read `el.valueAsNumber` for the parsed Number.",
           "type": "string",
           "default": ""
         }
@@ -7664,16 +7684,41 @@
         "category": "input",
         "events": {
           "change": {
-            "description": "Fired on blur after the value has changed (bubbles)"
+            "description": "Fired on blur, Enter, or a stepper-button click (bubbles)"
           },
           "input": {
-            "description": "Fired on each keystroke as the user types (bubbles)"
+            "description": "Fired on each keystroke or stepper-button increment (bubbles)"
           },
           "submit": {
-            "description": "Fired when the form is submitted."
+            "description": "Fired when Enter commits the value."
           }
         },
         "examples": [
+          {
+            "description": "Number input with [+]/[-] stepper buttons, min/max bounds, and a quantity label. Use for product quantity, item count, or any bounded integer input.",
+            "a2ui": "[\n  {\"id\": \"root\", \"component\": \"Field\", \"label\": \"Quantity\",\n   \"children\": [\"qty\"]},\n  {\"id\": \"qty\", \"component\": \"Input\", \"type\": \"number\",\n   \"name\": \"quantity\", \"value\": \"1\", \"min\": 0, \"max\": 99, \"step\": 1}\n]",
+            "name": "quantity-stepper"
+          },
+          {
+            "description": "Currency number input with $ prefix, 2-decimal precision, and step 0.01. The stepper buttons increment by one cent.",
+            "a2ui": "[\n  {\"id\": \"root\", \"component\": \"Field\", \"label\": \"Price\",\n   \"children\": [\"price\"]},\n  {\"id\": \"price\", \"component\": \"Input\", \"type\": \"number\",\n   \"name\": \"price\", \"value\": \"9.99\", \"min\": 0, \"step\": 0.01,\n   \"precision\": 2, \"prefix\": \"$\"}\n]",
+            "name": "price-with-currency"
+          },
+          {
+            "description": "Weight number input with a kg suffix and 0.1 step for decigram precision.",
+            "a2ui": "[\n  {\"id\": \"root\", \"component\": \"Field\", \"label\": \"Weight\",\n   \"children\": [\"weight\"]},\n  {\"id\": \"weight\", \"component\": \"Input\", \"type\": \"number\",\n   \"name\": \"weight\", \"value\": \"70\", \"min\": 0, \"max\": 500,\n   \"step\": 0.1, \"suffix\": \"kg\"}\n]",
+            "name": "weight-with-unit"
+          },
+          {
+            "description": "Percent number input bounded 0..100 with a % suffix.",
+            "a2ui": "[\n  {\"id\": \"root\", \"component\": \"Field\", \"label\": \"Discount\",\n   \"children\": [\"pct\"]},\n  {\"id\": \"pct\", \"component\": \"Input\", \"type\": \"number\",\n   \"name\": \"discount\", \"value\": \"25\", \"min\": 0, \"max\": 100,\n   \"step\": 5, \"suffix\": \"%\"}\n]",
+            "name": "percent-bounded"
+          },
+          {
+            "description": "Number input allowing negative values, e.g. temperature offset.",
+            "a2ui": "[\n  {\"id\": \"root\", \"component\": \"Field\", \"label\": \"Temperature offset\",\n   \"children\": [\"temp\"]},\n  {\"id\": \"temp\", \"component\": \"Input\", \"type\": \"number\",\n   \"name\": \"temp\", \"value\": \"0\", \"min\": -100, \"max\": 100,\n   \"step\": 1, \"suffix\": \"°C\"}\n]",
+            "name": "temperature-negative"
+          },
           {
             "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]",
@@ -13898,6 +13943,177 @@
         "version": 1
       }
     },
+    "ThemePanel": {
+      "title": "ThemePanel",
+      "description": "Module-tier appearance-preferences control surface. Owns the three knobs\nof the AdiaUI theming contract: [data-theme=<slug>] named themes,\n--a-density / --a-radius-k parametric overrides, and color-scheme\nlight/dark switching, plus optional localStorage persistence behind a\nsmall attribute API.\n\nDrops into any consumer's <popover-ui slot=\"content\"> (the canonical\ncomposition) or directly into a sidebar section. Eight named themes\nship by default; section visibility flips on/off via boolean attributes\n([parametric], [presets], [scheme-toggle]).\n\nPromoted from the duplicated <div id=\"theme-panel\"> block in site/ and\nplaygrounds/admin-shell/ — see docs/specs/theme-panel-module.md.\n",
+      "type": "object",
+      "allOf": [
+        {
+          "$ref": "#/$defs/ComponentCommon"
+        },
+        {
+          "$ref": "#/$defs/CatalogComponentCommon"
+        }
+      ],
+      "properties": {
+        "active-density": {
+          "description": "Reflected — mirrors the current --a-density value on the target\nelement. Stringified number.\n",
+          "type": "string",
+          "default": ""
+        },
+        "active-radius": {
+          "description": "Reflected — mirrors the current --a-radius-k value on the target\nelement. Stringified number.\n",
+          "type": "string",
+          "default": ""
+        },
+        "active-scheme": {
+          "description": "Reflected — the resolved color-scheme (auto collapsed to a\nconcrete value). Either \"light\" or \"dark\".\n",
+          "type": "string",
+          "default": ""
+        },
+        "active-theme": {
+          "description": "Reflected — the currently selected theme slug. Empty string when\nunset (default theme). Read-only externally; use .apply({theme})\nto change.\n",
+          "type": "string",
+          "default": ""
+        },
+        "component": {
+          "const": "ThemePanel"
+        },
+        "parametric": {
+          "description": "Renders the density + radius slider block. Sliders bind to\n--a-density and --a-radius-k on the target element.\n",
+          "type": "boolean",
+          "default": false
+        },
+        "persist": {
+          "description": "Persists selections to localStorage. Defaults to ephemeral so\nplaygrounds and embedded demos do not silently mutate a user's\ndocs-shell preferences.\n",
+          "type": "boolean",
+          "default": false
+        },
+        "presets": {
+          "description": "Renders the compact / reset / spacious preset row. Each preset\napplies a (density, radius) pair; \"default\" also clears the\n[data-theme] attribute.\n",
+          "type": "boolean",
+          "default": false
+        },
+        "scheme": {
+          "description": "Initial color-scheme. \"auto\" follows prefers-color-scheme via a\nmatchMedia listener; user clicks on the scheme toggle promote to\nan explicit light or dark choice.\n",
+          "type": "string",
+          "enum": [
+            "light",
+            "dark",
+            "auto"
+          ],
+          "default": "auto"
+        },
+        "scheme-toggle": {
+          "description": "Renders an integrated light/dark <segmented-ui> at the top of the\npanel. When absent, the panel omits scheme entirely — consumers\ncan still drive scheme via the .apply({scheme}) public method.\n",
+          "type": "boolean",
+          "default": false
+        },
+        "storage-prefix": {
+          "description": "Namespace for localStorage keys when [persist] is set. Four keys\nare written: {prefix}theme, {prefix}scheme, {prefix}density,\n{prefix}radius.\n",
+          "type": "string",
+          "default": "adia-theme-"
+        },
+        "target": {
+          "description": "CSS selector for the element that receives [data-theme] and\n--a-density / --a-radius-k writes. Defaults to :root (the\n<html> element). Scoped targets are useful for preview-pane\ndemos.\n",
+          "type": "string",
+          "default": ":root"
+        },
+        "themes": {
+          "description": "Space-separated list of theme slugs to render as buttons. Author\nmay restrict ([themes=\"default ocean\"]) or extend. Tolerant —\nunknown slugs render a button; clicking applies [data-theme=slug]\nregardless of whether themes.css has a matching block.\n",
+          "type": "string",
+          "default": "default ocean forest sunset lavender rose slate midnight"
+        }
+      },
+      "required": [
+        "component"
+      ],
+      "unevaluatedProperties": false,
+      "x-adiaui": {
+        "anti_patterns": [],
+        "category": "layout",
+        "events": {
+          "theme-change": {
+            "description": "Bubbles when any user-visible state changes (theme click, slider\ninput, preset click, scheme flip, reset). One event per change.\nNo event on auto-rehydrate-from-storage at boot.\n",
+            "detail": {
+              "theme": "string",
+              "density": "number",
+              "radius": "number",
+              "scheme": "string",
+              "source": "string"
+            }
+          }
+        },
+        "examples": [],
+        "keywords": [
+          "theme",
+          "theme-panel",
+          "palette",
+          "density",
+          "radius",
+          "scheme",
+          "dark-mode",
+          "light-mode",
+          "color-scheme",
+          "preferences",
+          "settings",
+          "color",
+          "appearance",
+          "skin"
+        ],
+        "name": "ThemePanel",
+        "related": [
+          "Popover",
+          "Button",
+          "Slider",
+          "Field",
+          "Divider",
+          "Text",
+          "Segmented",
+          "AdminShell"
+        ],
+        "slots": {},
+        "states": [
+          {
+            "description": "Default — panel rendered, awaiting input.",
+            "name": "idle"
+          },
+          {
+            "description": "[persist] is set; selections write to localStorage under\n[storage-prefix].\n",
+            "attribute": "persist",
+            "name": "persisted"
+          },
+          {
+            "description": "[scheme=\"auto\"] and no user override this session; a\nprefers-color-scheme listener reapplies on system flip.\n",
+            "name": "scheme-auto"
+          }
+        ],
+        "synonyms": {
+          "theme": [
+            "palette",
+            "skin",
+            "appearance"
+          ],
+          "density": [
+            "compactness",
+            "spacing-scale"
+          ],
+          "radius": [
+            "corner-roundness",
+            "border-radius"
+          ],
+          "scheme": [
+            "mode",
+            "color-scheme",
+            "dark-mode"
+          ]
+        },
+        "tag": "theme-panel",
+        "tokens": {},
+        "traits": [],
+        "version": 1
+      }
+    },
     "Timeline": {
       "title": "Timeline",
       "description": "Timeline and step wizard. Two modes: timeline (per-item state) and steps (parent-driven).",

package/catalog-a2ui_0_9_rules.txt

@@ -106,3 +106,8 @@
 - simple-shell is the bespoke shell for thin / minimal page surfaces. Use when the page has no nav rail, no chrome bars, no command palette. For full app surfaces use admin-shell; for chat surfaces use chat-shell; for design tools use editor-shell.
 - Compose with <simple-hero> (optional top hero strip) and <simple-content> (main article body). Both are CSS-only structural children — no JS, no state.
 
+## ThemePanel
+- theme-panel is the canonical appearance-preferences popover. Compose inside a <popover-ui slot="content"> in the topbar of a shell (admin, chat, editor, simple) when the page exposes user theming. Avoid hardcoding it as a shell child — placement is the consumer's call.
+- Use [persist] for the docs surface or a real product app; omit [persist] for playgrounds and embedded demos so state stays ephemeral. The default is ephemeral.
+- Add boolean attributes [parametric], [presets], [scheme-toggle] to enable sections; the minimum panel is the theme button grid.
+

package/chunks/_index.json

@@ -15,7 +15,7 @@
       "primary": "admin-shell",
       "instances": 1,
       "pages": [
-        "/apps/app-shell/app/app-shell.contents.html"
+        "/playgrounds/admin-shell/app/admin-shell.contents.html"
       ],
       "slots": [],
       "nested": []
@@ -26,7 +26,7 @@
       "primary": "chat-shell",
       "instances": 1,
       "pages": [
-        "/apps/chat/app/chat.contents.html"
+        "/playgrounds/chat/app/chat.contents.html"
       ],
       "slots": [],
       "nested": []
@@ -195,7 +195,7 @@
       "primary": "article",
       "instances": 1,
       "pages": [
-        "/apps/generic-shells/app/agent-canvas/agent-canvas.contents.html"
+        "/catalog/page-shells/app/agent-canvas/agent-canvas.contents.html"
       ],
       "slots": [
         "toolbar",
@@ -211,7 +211,7 @@
       "primary": "article",
       "instances": 1,
       "pages": [
-        "/apps/generic-shells/app/chat-page/chat-page.contents.html"
+        "/catalog/page-shells/app/chat-page/chat-page.contents.html"
       ],
       "slots": [
         "sidebar",
@@ -227,7 +227,7 @@
       "primary": "article",
       "instances": 1,
       "pages": [
-        "/apps/generic-shells/app/doc-editor/doc-editor.contents.html"
+        "/catalog/page-shells/app/doc-editor/doc-editor.contents.html"
       ],
       "slots": [
         "toolbar",
@@ -243,7 +243,7 @@
       "primary": "article",
       "instances": 1,
       "pages": [
-        "/apps/generic-shells/app/editor-page/editor-page.contents.html"
+        "/catalog/page-shells/app/editor-page/editor-page.contents.html"
       ],
       "slots": [
         "editor-pane",
@@ -257,7 +257,7 @@
       "primary": "article",
       "instances": 1,
       "pages": [
-        "/apps/generic-shells/app/error-page/error-page.contents.html"
+        "/catalog/page-shells/app/error-page/error-page.contents.html"
       ],
       "slots": [
         "error-content",
@@ -271,7 +271,7 @@
       "primary": "article",
       "instances": 1,
       "pages": [
-        "/apps/generic-shells/app/form-page/form-page.contents.html"
+        "/catalog/page-shells/app/form-page/form-page.contents.html"
       ],
       "slots": [
         "page-header",
@@ -286,7 +286,7 @@
       "primary": "article",
       "instances": 1,
       "pages": [
-        "/apps/generic-shells/app/gallery-page/gallery-page.contents.html"
+        "/catalog/page-shells/app/gallery-page/gallery-page.contents.html"
       ],
       "slots": [
         "header",
@@ -302,7 +302,7 @@
       "primary": "article",
       "instances": 1,
       "pages": [
-        "/apps/generic-shells/app/kanban-page/kanban-page.contents.html"
+        "/catalog/page-shells/app/kanban-page/kanban-page.contents.html"
       ],
       "slots": [
         "header",
@@ -317,7 +317,7 @@
       "primary": "article",
       "instances": 1,
       "pages": [
-        "/apps/generic-shells/app/marketing-page/marketing-page.contents.html"
+        "/catalog/page-shells/app/marketing-page/marketing-page.contents.html"
       ],
       "slots": [
         "hero",
@@ -332,7 +332,7 @@
       "primary": "article",
       "instances": 1,
       "pages": [
-        "/apps/generic-shells/app/settings-page/settings-page.contents.html"
+        "/catalog/page-shells/app/settings-page/settings-page.contents.html"
       ],
       "slots": [
         "page-header",
@@ -391,7 +391,7 @@
       "primary": "card-ui",
       "instances": 1,
       "pages": [
-        "/apps/patterns/app/agent-activity-feed/agent-activity-feed.contents.html"
+        "/catalog/ui-patterns/app/agent-activity-feed/agent-activity-feed.contents.html"
       ],
       "slots": [],
       "nested": []
@@ -402,7 +402,7 @@
       "primary": "card-ui",
       "instances": 1,
       "pages": [
-        "/apps/patterns/app/agent-reasoning-collapsed/agent-reasoning-collapsed.contents.html"
+        "/catalog/ui-patterns/app/agent-reasoning-collapsed/agent-reasoning-collapsed.contents.html"
       ],
       "slots": [],
       "nested": []
@@ -413,7 +413,7 @@
       "primary": "card-ui",
       "instances": 1,
       "pages": [
-        "/apps/patterns/app/chat-streaming-surface/chat-streaming-surface.contents.html"
+        "/catalog/ui-patterns/app/chat-streaming-surface/chat-streaming-surface.contents.html"
       ],
       "slots": [],
       "nested": []
@@ -424,7 +424,7 @@
       "primary": "modal-ui",
       "instances": 1,
       "pages": [
-        "/apps/patterns/app/command-palette/command-palette.contents.html"
+        "/catalog/ui-patterns/app/command-palette/command-palette.contents.html"
       ],
       "slots": [],
       "nested": []
@@ -435,7 +435,7 @@
       "primary": "card-ui",
       "instances": 1,
       "pages": [
-        "/apps/patterns/app/conversion-funnel-6step/conversion-funnel-6step.contents.html"
+        "/catalog/ui-patterns/app/conversion-funnel-6step/conversion-funnel-6step.contents.html"
       ],
       "slots": [],
       "nested": []
@@ -446,7 +446,7 @@
       "primary": "modal-ui",
       "instances": 1,
       "pages": [
-        "/apps/patterns/app/destructive-confirm-modal/destructive-confirm-modal.contents.html"
+        "/catalog/ui-patterns/app/destructive-confirm-modal/destructive-confirm-modal.contents.html"
       ],
       "slots": [],
       "nested": []
@@ -457,7 +457,7 @@
       "primary": "section",
       "instances": 1,
       "pages": [
-        "/apps/patterns/app/editor-code-pane/editor-code-pane.contents.html"
+        "/catalog/ui-patterns/app/editor-code-pane/editor-code-pane.contents.html"
       ],
       "slots": [],
       "nested": []
@@ -468,7 +468,7 @@
       "primary": "section",
       "instances": 1,
       "pages": [
-        "/apps/patterns/app/editor-preview-pane/editor-preview-pane.contents.html"
+        "/catalog/ui-patterns/app/editor-preview-pane/editor-preview-pane.contents.html"
       ],
       "slots": [],
       "nested": []
@@ -479,7 +479,7 @@
       "primary": "grid-ui",
       "instances": 1,
       "pages": [
-        "/apps/patterns/app/kanban-board-3col/kanban-board-3col.contents.html"
+        "/catalog/ui-patterns/app/kanban-board-3col/kanban-board-3col.contents.html"
       ],
       "slots": [],
       "nested": []
@@ -490,7 +490,7 @@
       "primary": "section",
       "instances": 1,
       "pages": [
-        "/apps/patterns/app/marketing-hero-cta/marketing-hero-cta.contents.html"
+        "/catalog/ui-patterns/app/marketing-hero-cta/marketing-hero-cta.contents.html"
       ],
       "slots": [],
       "nested": []
@@ -501,7 +501,7 @@
       "primary": "card-ui",
       "instances": 1,
       "pages": [
-        "/apps/patterns/app/settings-notifications/settings-notifications.contents.html"
+        "/catalog/ui-patterns/app/settings-notifications/settings-notifications.contents.html"
       ],
       "slots": [],
       "nested": []
@@ -512,7 +512,7 @@
       "primary": "card-ui",
       "instances": 1,
       "pages": [
-        "/apps/patterns/app/user-profile-card/user-profile-card.contents.html"
+        "/catalog/ui-patterns/app/user-profile-card/user-profile-card.contents.html"
       ],
       "slots": [],
       "nested": []
@@ -523,7 +523,7 @@
       "primary": "card-ui",
       "instances": 1,
       "pages": [
-        "/apps/patterns/app/users-table-badge/users-table-badge.contents.html"
+        "/catalog/ui-patterns/app/users-table-badge/users-table-badge.contents.html"
       ],
       "slots": [],
       "nested": []
@@ -1155,7 +1155,7 @@
       "primary": "table-toolbar-ui",
       "instances": 1,
       "pages": [
-        "/apps/table-toolbar/app/table-toolbar.contents.html"
+        "/playgrounds/table-toolbar/app/table-toolbar.contents.html"
       ],
       "slots": [],
       "nested": []

package/chunks/agent-activity-feed.json

@@ -2,11 +2,11 @@
   "name": "agent-activity-feed",
   "kind": "block",
   "primary": "card-ui",
-  "page": "/apps/patterns/app/agent-activity-feed/agent-activity-feed.contents.html",
+  "page": "/catalog/ui-patterns/app/agent-activity-feed/agent-activity-feed.contents.html",
   "slots": [],
   "nested": [],
   "attrs": {},
   "html": "<card-ui>\n  <header>\n    <h3>Agent Activity</h3>\n    <text-ui slot=\"description\" color=\"subtle\">Live reasoning trace</text-ui>\n  </header>\n  <section>\n    <col-ui gap=\"3\">\n      <agent-trace-ui></agent-trace-ui>\n      <agent-reasoning-ui></agent-reasoning-ui>\n      <agent-artifact-ui></agent-artifact-ui>\n    </col-ui>\n  </section>\n</card-ui>",
-  "source": "apps/patterns/app/agent-activity-feed/agent-activity-feed.contents.html",
+  "source": "catalog/ui-patterns/app/agent-activity-feed/agent-activity-feed.contents.html",
   "captured_at": "2026-05-10T17:53:43.459Z"
 }

package/chunks/agent-canvas-shell.json

@@ -2,7 +2,7 @@
   "name": "agent-canvas-shell",
   "kind": "page",
   "primary": "article",
-  "page": "/apps/generic-shells/app/agent-canvas/agent-canvas.contents.html",
+  "page": "/catalog/page-shells/app/agent-canvas/agent-canvas.contents.html",
   "slots": [
     {
       "name": "toolbar",
@@ -28,6 +28,6 @@
   "nested": [],
   "attrs": {},
   "html": "<article style=\"display:flex; height:100vh;\">\n  <section style=\"flex:1; display:flex; flex-direction:column; min-width:0;\">\n    <header data-chunk-slot=\"toolbar\" style=\"padding:var(--a-space-2) var(--a-space-3); border-bottom:1px solid var(--a-border-subtle); display:flex; align-items:center; justify-content:space-between;\">\n      <row-ui gap=\"2\" align=\"center\">\n        <button-ui icon=\"hand\" variant=\"ghost\" size=\"sm\" tooltip=\"Pan\"></button-ui>\n        <button-ui icon=\"cursor\" variant=\"ghost\" size=\"sm\" tooltip=\"Select\"></button-ui>\n        <separator-ui orientation=\"vertical\"></separator-ui>\n        <button-ui icon=\"plus\" variant=\"ghost\" size=\"sm\" tooltip=\"Add node\"></button-ui>\n        <button-ui icon=\"trash\" variant=\"ghost\" size=\"sm\" tooltip=\"Delete\"></button-ui>\n      </row-ui>\n      <row-ui gap=\"2\">\n        <button-ui text=\"Run\" variant=\"primary\" size=\"sm\" icon=\"play\"></button-ui>\n        <button-ui text=\"Export\" variant=\"outline\" size=\"sm\" icon=\"download\"></button-ui>\n      </row-ui>\n    </header>\n\n    <section data-chunk-slot=\"canvas\" style=\"flex:1; background:var(--a-bg-subtle); position:relative; overflow:hidden;\">\n      <text-ui color=\"subtle\" style=\"position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);\">Canvas surface</text-ui>\n    </section>\n  </section>\n\n  <aside style=\"width:280px; display:flex; flex-direction:column; border-left:1px solid var(--a-border-subtle);\">\n    <section data-chunk-slot=\"inspector\" style=\"flex:1; overflow:auto; padding:var(--a-space-3); border-bottom:1px solid var(--a-border-subtle);\">\n      <stack-ui gap=\"3\">\n        <text-ui strong size=\"lg\">Inspector</text-ui>\n        <stack-ui gap=\"1\">\n          <label-ui>Label</label-ui>\n          <input-ui value=\"Untitled node\"></input-ui>\n        </stack-ui>\n        <stack-ui gap=\"1\">\n          <label-ui>Type</label-ui>\n          <select-ui>\n            <option>LLM</option>\n            <option>Tool</option>\n            <option>Condition</option>\n          </select-ui>\n        </stack-ui>\n      </stack-ui>\n    </section>\n\n    <section data-chunk-slot=\"chat\" style=\"height:240px; display:flex; flex-direction:column;\">\n      <header style=\"padding:var(--a-space-2) var(--a-space-3); border-bottom:1px solid var(--a-border-subtle);\">\n        <text-ui strong size=\"sm\">Agent</text-ui>\n      </header>\n      <section style=\"flex:1; overflow:auto; padding:var(--a-space-2);\">\n        <text-ui size=\"sm\" color=\"subtle\">Agent messages will appear here.</text-ui>\n      </section>\n      <footer style=\"padding:var(--a-space-2); border-top:1px solid var(--a-border-subtle);\">\n        <input-ui placeholder=\"Ask the agent…\" size=\"sm\"></input-ui>\n      </footer>\n    </section>\n  </aside>\n</article>",
-  "source": "apps/generic-shells/app/agent-canvas/agent-canvas.contents.html",
+  "source": "catalog/page-shells/app/agent-canvas/agent-canvas.contents.html",
   "captured_at": "2026-05-10T17:53:43.459Z"
 }

package/chunks/agent-reasoning-collapsed.json

@@ -2,11 +2,11 @@
   "name": "agent-reasoning-collapsed",
   "kind": "block",
   "primary": "card-ui",
-  "page": "/apps/patterns/app/agent-reasoning-collapsed/agent-reasoning-collapsed.contents.html",
+  "page": "/catalog/ui-patterns/app/agent-reasoning-collapsed/agent-reasoning-collapsed.contents.html",
   "slots": [],
   "nested": [],
   "attrs": {},
   "html": "<card-ui>\n  <header>\n    <h3>Reasoning</h3>\n    <text-ui slot=\"description\" color=\"subtle\">Collapsible intermediate steps</text-ui>\n  </header>\n  <section>\n    <agent-reasoning-ui></agent-reasoning-ui>\n  </section>\n</card-ui>",
-  "source": "apps/patterns/app/agent-reasoning-collapsed/agent-reasoning-collapsed.contents.html",
+  "source": "catalog/ui-patterns/app/agent-reasoning-collapsed/agent-reasoning-collapsed.contents.html",
   "captured_at": "2026-05-10T17:53:43.459Z"
 }

package/chunks/chat-page-shell.json

@@ -2,7 +2,7 @@
   "name": "chat-page-shell",
   "kind": "page",
   "primary": "article",
-  "page": "/apps/generic-shells/app/chat-page/chat-page.contents.html",
+  "page": "/catalog/page-shells/app/chat-page/chat-page.contents.html",
   "slots": [
     {
       "name": "sidebar",
@@ -28,6 +28,6 @@
   "nested": [],
   "attrs": {},
   "html": "<article style=\"display:flex; height:100vh;\">\n  <aside data-chunk-slot=\"sidebar\" style=\"width:240px; display:flex; flex-direction:column; border-right:1px solid var(--a-border-subtle);\">\n    <header style=\"padding:var(--a-space-3); border-bottom:1px solid var(--a-border-subtle);\">\n      <text-ui strong size=\"lg\">Conversations</text-ui>\n    </header>\n    <section style=\"flex:1; overflow:auto; padding:var(--a-space-2);\">\n      <stack-ui gap=\"1\">\n        <card-ui variant=\"subtle\" padding=\"sm\">\n          <text-ui strong>Engineering</text-ui>\n          <text-ui size=\"sm\" color=\"subtle\">12 messages</text-ui>\n        </card-ui>\n        <card-ui variant=\"subtle\" padding=\"sm\">\n          <text-ui strong>Design</text-ui>\n          <text-ui size=\"sm\" color=\"subtle\">5 messages</text-ui>\n        </card-ui>\n      </stack-ui>\n    </section>\n  </aside>\n\n  <section style=\"flex:1; display:flex; flex-direction:column; min-width:0;\">\n    <header data-chunk-slot=\"header\" style=\"padding:var(--a-space-3); border-bottom:1px solid var(--a-border-subtle); display:flex; align-items:center; justify-content:space-between;\">\n      <text-ui strong size=\"lg\">#engineering</text-ui>\n      <row-ui gap=\"2\">\n        <button-ui icon=\"search\" variant=\"ghost\" size=\"sm\"></button-ui>\n        <button-ui icon=\"gear\" variant=\"ghost\" size=\"sm\"></button-ui>\n      </row-ui>\n    </header>\n\n    <section data-chunk-slot=\"messages\" style=\"flex:1; overflow:auto; padding:var(--a-space-3);\">\n      <stack-ui gap=\"3\">\n        <row-ui gap=\"2\" align=\"start\">\n          <avatar-ui src=\"/avatar-1.png\" size=\"sm\"></avatar-ui>\n          <card-ui variant=\"subtle\" padding=\"sm\">\n            <text-ui>Hey team, the deploy is ready for review.</text-ui>\n          </card-ui>\n        </row-ui>\n        <row-ui gap=\"2\" align=\"start\" justify=\"end\">\n          <card-ui variant=\"primary\" padding=\"sm\">\n            <text-ui>On it — checking the staging logs now.</text-ui>\n          </card-ui>\n          <avatar-ui src=\"/avatar-2.png\" size=\"sm\"></avatar-ui>\n        </row-ui>\n      </stack-ui>\n    </section>\n\n    <footer data-chunk-slot=\"input\" style=\"padding:var(--a-space-3); border-top:1px solid var(--a-border-subtle);\">\n      <row-ui gap=\"2\" align=\"center\">\n        <button-ui icon=\"plus\" variant=\"ghost\" size=\"sm\"></button-ui>\n        <input-ui placeholder=\"Type a message…\" style=\"flex:1;\"></input-ui>\n        <button-ui icon=\"paper-plane\" variant=\"primary\" size=\"sm\"></button-ui>\n      </row-ui>\n    </footer>\n  </section>\n</article>",
-  "source": "apps/generic-shells/app/chat-page/chat-page.contents.html",
+  "source": "catalog/page-shells/app/chat-page/chat-page.contents.html",
   "captured_at": "2026-05-10T17:53:43.459Z"
 }

package/chunks/chat-streaming-surface.json

@@ -2,13 +2,13 @@
   "name": "chat-streaming-surface",
   "kind": "block",
   "primary": "card-ui",
-  "page": "/apps/patterns/app/chat-streaming-surface/chat-streaming-surface.contents.html",
+  "page": "/catalog/ui-patterns/app/chat-streaming-surface/chat-streaming-surface.contents.html",
   "slots": [],
   "nested": [],
   "attrs": {
     "raw": ""
   },
   "html": "<card-ui raw>\n  <section>\n    <chat-thread-ui streaming>\n      <div role=\"user\">What's the status?</div>\n      <div role=\"assistant\">Processing your request...</div>\n    </chat-thread-ui>\n  </section>\n  <footer>\n    <row-ui gap=\"2\" align=\"center\">\n      <chat-input-ui placeholder=\"Ask follow-up...\" grow></chat-input-ui>\n      <button-ui icon=\"paper-plane-right\" variant=\"primary\" size=\"sm\"></button-ui>\n    </row-ui>\n  </footer>\n</card-ui>",
-  "source": "apps/patterns/app/chat-streaming-surface/chat-streaming-surface.contents.html",
+  "source": "catalog/ui-patterns/app/chat-streaming-surface/chat-streaming-surface.contents.html",
   "captured_at": "2026-05-10T17:53:43.459Z"
 }

package/chunks/command-palette.json

@@ -2,11 +2,11 @@
   "name": "command-palette",
   "kind": "block",
   "primary": "modal-ui",
-  "page": "/apps/patterns/app/command-palette/command-palette.contents.html",
+  "page": "/catalog/ui-patterns/app/command-palette/command-palette.contents.html",
   "slots": [],
   "nested": [],
   "attrs": {},
   "html": "<modal-ui>\n  <header>\n    <input-ui placeholder=\"Search commands...\" icon=\"magnifying-glass\" autofocus></input-ui>\n  </header>\n  <section>\n    <command-ui></command-ui>\n  </section>\n</modal-ui>",
-  "source": "apps/patterns/app/command-palette/command-palette.contents.html",
+  "source": "catalog/ui-patterns/app/command-palette/command-palette.contents.html",
   "captured_at": "2026-05-10T17:53:43.459Z"
 }

package/chunks/conversion-funnel-6step.json

@@ -2,11 +2,11 @@
   "name": "conversion-funnel-6step",
   "kind": "block",
   "primary": "card-ui",
-  "page": "/apps/patterns/app/conversion-funnel-6step/conversion-funnel-6step.contents.html",
+  "page": "/catalog/ui-patterns/app/conversion-funnel-6step/conversion-funnel-6step.contents.html",
   "slots": [],
   "nested": [],
   "attrs": {},
   "html": "<card-ui>\n  <header>\n    <h3>Conversion Funnel</h3>\n    <text-ui slot=\"description\" color=\"subtle\">6 stages from visit to purchase</text-ui>\n  </header>\n  <section>\n    <col-ui gap=\"3\">\n      <row-ui align=\"center\" gap=\"3\">\n        <col-ui gap=\"0\" grow>\n          <text-ui strong>Visited landing page</text-ui>\n          <text-ui color=\"subtle\" size=\"sm\">28,432 visitors</text-ui>\n        </col-ui>\n        <text-ui strong>100%</text-ui>\n      </row-ui>\n      <progress-row-ui label=\"Viewed pricing\" value=\"68\" meta=\"19,334 · 68%\"></progress-row-ui>\n      <progress-row-ui label=\"Started trial\" value=\"42\" meta=\"11,942 · 42%\"></progress-row-ui>\n      <progress-row-ui label=\"Activated\" value=\"28\" meta=\"7,961 · 28%\"></progress-row-ui>\n      <progress-row-ui label=\"Used core feature\" value=\"18\" meta=\"5,118 · 18%\"></progress-row-ui>\n      <progress-row-ui label=\"Upgraded to paid\" value=\"8\" meta=\"2,274 · 8.0%\"></progress-row-ui>\n    </col-ui>\n  </section>\n</card-ui>",
-  "source": "apps/patterns/app/conversion-funnel-6step/conversion-funnel-6step.contents.html",
+  "source": "catalog/ui-patterns/app/conversion-funnel-6step/conversion-funnel-6step.contents.html",
   "captured_at": "2026-05-10T17:53:43.459Z"
 }

package/chunks/destructive-confirm-modal.json

@@ -2,11 +2,11 @@
   "name": "destructive-confirm-modal",
   "kind": "block",
   "primary": "modal-ui",
-  "page": "/apps/patterns/app/destructive-confirm-modal/destructive-confirm-modal.contents.html",
+  "page": "/catalog/ui-patterns/app/destructive-confirm-modal/destructive-confirm-modal.contents.html",
   "slots": [],
   "nested": [],
   "attrs": {},
   "html": "<modal-ui>\n  <header>\n    <span slot=\"icon\">\n      <avatar-ui icon=\"warning-circle\" color=\"danger\"></avatar-ui>\n    </span>\n    <span slot=\"heading\">\n      <text-ui strong>Are you sure?</text-ui>\n    </span>\n  </header>\n  <section>\n    <col-ui gap=\"3\">\n      <text-ui>This action cannot be undone. Type the resource name below to confirm.</text-ui>\n      <field-ui label=\"Resource name\">\n        <input-ui placeholder=\"my-resource-123\"></input-ui>\n      </field-ui>\n    </col-ui>\n  </section>\n  <footer>\n    <row-ui gap=\"2\" justify=\"end\">\n      <button-ui text=\"Cancel\" variant=\"ghost\"></button-ui>\n      <button-ui text=\"Delete\" color=\"danger\"></button-ui>\n    </row-ui>\n  </footer>\n</modal-ui>",
-  "source": "apps/patterns/app/destructive-confirm-modal/destructive-confirm-modal.contents.html",
+  "source": "catalog/ui-patterns/app/destructive-confirm-modal/destructive-confirm-modal.contents.html",
   "captured_at": "2026-05-10T17:53:43.459Z"
 }

package/chunks/doc-editor-shell.json

@@ -2,7 +2,7 @@
   "name": "doc-editor-shell",
   "kind": "page",
   "primary": "article",
-  "page": "/apps/generic-shells/app/doc-editor/doc-editor.contents.html",
+  "page": "/catalog/page-shells/app/doc-editor/doc-editor.contents.html",
   "slots": [
     {
       "name": "toolbar",
@@ -28,6 +28,6 @@
   "nested": [],
   "attrs": {},
   "html": "<article style=\"display:flex; height:100vh;\">\n  <section style=\"flex:1; display:flex; flex-direction:column; min-width:0;\">\n    <header data-chunk-slot=\"toolbar\" style=\"padding:var(--a-space-2) var(--a-space-3); border-bottom:1px solid var(--a-border-subtle); display:flex; align-items:center; justify-content:space-between;\">\n      <row-ui gap=\"2\" align=\"center\">\n        <button-ui icon=\"bold\" variant=\"ghost\" size=\"sm\"></button-ui>\n        <button-ui icon=\"italic\" variant=\"ghost\" size=\"sm\"></button-ui>\n        <separator-ui orientation=\"vertical\"></separator-ui>\n        <button-ui icon=\"list\" variant=\"ghost\" size=\"sm\"></button-ui>\n        <button-ui icon=\"code\" variant=\"ghost\" size=\"sm\"></button-ui>\n      </row-ui>\n      <row-ui gap=\"2\">\n        <button-ui text=\"Share\" variant=\"outline\" size=\"sm\" icon=\"share\"></button-ui>\n        <button-ui text=\"Publish\" variant=\"primary\" size=\"sm\" icon=\"globe\"></button-ui>\n      </row-ui>\n    </header>\n\n    <section style=\"flex:1; display:flex; overflow:hidden;\">\n      <section data-chunk-slot=\"editor\" style=\"flex:1; padding:var(--a-space-4); overflow:auto;\">\n        <stack-ui gap=\"3\" style=\"max-width:720px; margin:0 auto;\">\n          <input-ui placeholder=\"Document title\" size=\"lg\" style=\"font-weight:600;\"></input-ui>\n          <textarea-ui placeholder=\"Start writing…\" style=\"min-height:400px; resize:vertical;\"></textarea-ui>\n        </stack-ui>\n      </section>\n\n      <aside data-chunk-slot=\"preview\" style=\"width:360px; border-left:1px solid var(--a-border-subtle); padding:var(--a-space-3); overflow:auto; background:var(--a-bg-subtle);\">\n        <stack-ui gap=\"3\">\n          <text-ui strong size=\"sm\">Preview</text-ui>\n          <card-ui padding=\"md\">\n            <text-ui color=\"subtle\">Rendered preview will appear here.</text-ui>\n          </card-ui>\n        </stack-ui>\n      </aside>\n    </section>\n  </section>\n\n  <aside data-chunk-slot=\"metadata\" style=\"width:240px; border-left:1px solid var(--a-border-subtle); padding:var(--a-space-3); overflow:auto;\">\n    <stack-ui gap=\"4\">\n      <text-ui strong size=\"sm\">Metadata</text-ui>\n      <stack-ui gap=\"1\">\n        <label-ui>Status</label-ui>\n        <select-ui>\n          <option>Draft</option>\n          <option>Review</option>\n          <option>Published</option>\n        </select-ui>\n      </stack-ui>\n      <stack-ui gap=\"1\">\n        <label-ui>Tags</label-ui>\n        <input-ui placeholder=\"Add tags…\"></input-ui>\n      </stack-ui>\n      <stack-ui gap=\"1\">\n        <label-ui>Author</label-ui>\n        <row-ui gap=\"2\" align=\"center\">\n          <avatar-ui size=\"sm\" src=\"/avatar.png\"></avatar-ui>\n          <text-ui size=\"sm\">Alex Chen</text-ui>\n        </row-ui>\n      </stack-ui>\n    </stack-ui>\n  </aside>\n</article>",
-  "source": "apps/generic-shells/app/doc-editor/doc-editor.contents.html",
+  "source": "catalog/page-shells/app/doc-editor/doc-editor.contents.html",
   "captured_at": "2026-05-10T17:53:43.459Z"
 }

package/chunks/editor-code-pane.json

@@ -2,11 +2,11 @@
   "name": "editor-code-pane",
   "kind": "block",
   "primary": "section",
-  "page": "/apps/patterns/app/editor-code-pane/editor-code-pane.contents.html",
+  "page": "/catalog/ui-patterns/app/editor-code-pane/editor-code-pane.contents.html",
   "slots": [],
   "nested": [],
   "attrs": {},
   "html": "<section style=\"display:flex; flex-direction:column; height:100%;\">\n  <header>\n    <row-ui gap=\"2\" align=\"center\">\n      <button-ui text=\"Run\" variant=\"primary\" size=\"sm\" icon=\"play\"></button-ui>\n      <button-ui text=\"Save\" variant=\"outline\" size=\"sm\" icon=\"floppy-disk\"></button-ui>\n    </row-ui>\n  </header>\n  <section style=\"flex:1; padding:8px; background:var(--a-bg-chrome);\">\n    <textarea-ui placeholder=\"// Write your code here\" style=\"height:100%; width:100%; font-family:monospace;\"></textarea-ui>\n  </section>\n</section>",
-  "source": "apps/patterns/app/editor-code-pane/editor-code-pane.contents.html",
+  "source": "catalog/ui-patterns/app/editor-code-pane/editor-code-pane.contents.html",
   "captured_at": "2026-05-10T17:53:43.459Z"
 }

package/chunks/editor-page-shell.json

@@ -2,7 +2,7 @@
   "name": "editor-page-shell",
   "kind": "page",
   "primary": "article",
-  "page": "/apps/generic-shells/app/editor-page/editor-page.contents.html",
+  "page": "/catalog/page-shells/app/editor-page/editor-page.contents.html",
   "slots": [
     {
       "name": "editor-pane",
@@ -18,6 +18,6 @@
   "nested": [],
   "attrs": {},
   "html": "<article style=\"display:flex; height:100vh;\">\n  <section data-chunk-slot=\"editor-pane\" style=\"flex:1; display:flex; flex-direction:column;\">\n    <header>\n      <row-ui gap=\"2\" align=\"center\">\n        <button-ui text=\"Run\" variant=\"primary\" size=\"sm\" icon=\"play\"></button-ui>\n        <button-ui text=\"Save\" variant=\"outline\" size=\"sm\" icon=\"floppy-disk\"></button-ui>\n      </row-ui>\n    </header>\n    <section style=\"flex:1;\">\n      <textarea-ui placeholder=\"// Write your code here\" style=\"height:100%;\"></textarea-ui>\n    </section>\n  </section>\n\n  <section data-chunk-slot=\"preview-pane\" style=\"flex:1; display:flex; flex-direction:column;\">\n    <header>\n      <text-ui strong>Preview</text-ui>\n    </header>\n    <section style=\"flex:1; background:var(--a-bg-subtle);\">\n      <text-ui color=\"subtle\">Preview will appear here</text-ui>\n    </section>\n  </section>\n</article>",
-  "source": "apps/generic-shells/app/editor-page/editor-page.contents.html",
+  "source": "catalog/page-shells/app/editor-page/editor-page.contents.html",
   "captured_at": "2026-05-10T17:53:43.459Z"
 }

package/chunks/editor-preview-pane.json

@@ -2,11 +2,11 @@
   "name": "editor-preview-pane",
   "kind": "block",
   "primary": "section",
-  "page": "/apps/patterns/app/editor-preview-pane/editor-preview-pane.contents.html",
+  "page": "/catalog/ui-patterns/app/editor-preview-pane/editor-preview-pane.contents.html",
   "slots": [],
   "nested": [],
   "attrs": {},
   "html": "<section style=\"display:flex; flex-direction:column; height:100%;\">\n  <header>\n    <text-ui strong size=\"sm\">Preview</text-ui>\n  </header>\n  <section style=\"flex:1; padding:8px; background:var(--a-bg-1);\">\n    <text-ui color=\"subtle\">Live preview will appear here</text-ui>\n  </section>\n</section>",
-  "source": "apps/patterns/app/editor-preview-pane/editor-preview-pane.contents.html",
+  "source": "catalog/ui-patterns/app/editor-preview-pane/editor-preview-pane.contents.html",
   "captured_at": "2026-05-10T17:53:43.459Z"
 }

package/chunks/error-page-shell.json

@@ -2,7 +2,7 @@
   "name": "error-page-shell",
   "kind": "page",
   "primary": "article",
-  "page": "/apps/generic-shells/app/error-page/error-page.contents.html",
+  "page": "/catalog/page-shells/app/error-page/error-page.contents.html",
   "slots": [
     {
       "name": "error-content",
@@ -18,6 +18,6 @@
   "nested": [],
   "attrs": {},
   "html": "<article>\n  <section data-chunk-slot=\"error-content\">\n    <col-ui align=\"center\" gap=\"4\">\n      <text-ui size=\"xl\" variant=\"display\">404</text-ui>\n      <h1>Page not found</h1>\n      <text-ui color=\"subtle\">The page you are looking for does not exist or has been moved.</text-ui>\n    </col-ui>\n  </section>\n\n  <nav data-chunk-slot=\"navigation\">\n    <row-ui gap=\"3\" justify=\"center\">\n      <button-ui text=\"Go home\" variant=\"primary\" icon=\"house\"></button-ui>\n      <button-ui text=\"Back\" variant=\"outline\" icon=\"arrow-left\"></button-ui>\n    </row-ui>\n  </nav>\n</article>",
-  "source": "apps/generic-shells/app/error-page/error-page.contents.html",
+  "source": "catalog/page-shells/app/error-page/error-page.contents.html",
   "captured_at": "2026-05-10T17:53:43.459Z"
 }

package/chunks/form-page-shell.json

@@ -2,7 +2,7 @@
   "name": "form-page-shell",
   "kind": "page",
   "primary": "article",
-  "page": "/apps/generic-shells/app/form-page/form-page.contents.html",
+  "page": "/catalog/page-shells/app/form-page/form-page.contents.html",
   "slots": [
     {
       "name": "page-header",
@@ -23,6 +23,6 @@
   "nested": [],
   "attrs": {},
   "html": "<article>\n  <header data-chunk-slot=\"page-header\">\n    <h1>Sign in</h1>\n    <text-ui color=\"subtle\">Enter your credentials to continue</text-ui>\n  </header>\n\n  <section data-chunk-slot=\"form-content\">\n    <form>\n      <field-ui label=\"Email\">\n        <input-ui type=\"email\" placeholder=\"you@example.com\"></input-ui>\n      </field-ui>\n      <field-ui label=\"Password\">\n        <input-ui type=\"password\" placeholder=\"••••••••\"></input-ui>\n      </field-ui>\n    </form>\n  </section>\n\n  <footer data-chunk-slot=\"page-footer\">\n    <button-ui text=\"Sign in\" variant=\"primary\"></button-ui>\n    <button-ui text=\"Forgot password?\" variant=\"ghost\" size=\"sm\"></button-ui>\n  </footer>\n</article>",
-  "source": "apps/generic-shells/app/form-page/form-page.contents.html",
+  "source": "catalog/page-shells/app/form-page/form-page.contents.html",
   "captured_at": "2026-05-10T17:53:43.459Z"
 }

package/chunks/gallery-page-shell.json

@@ -2,7 +2,7 @@
   "name": "gallery-page-shell",
   "kind": "page",
   "primary": "article",
-  "page": "/apps/generic-shells/app/gallery-page/gallery-page.contents.html",
+  "page": "/catalog/page-shells/app/gallery-page/gallery-page.contents.html",
   "slots": [
     {
       "name": "header",
@@ -28,6 +28,6 @@
   "nested": [],
   "attrs": {},
   "html": "<article style=\"display:flex; flex-direction:column; height:100vh;\">\n  <header data-chunk-slot=\"header\" style=\"padding:var(--a-space-3); border-bottom:1px solid var(--a-border-subtle); display:flex; align-items:center; justify-content:space-between;\">\n    <text-ui strong size=\"lg\">Media Gallery</text-ui>\n    <row-ui gap=\"2\">\n      <button-ui icon=\"upload\" variant=\"outline\" size=\"sm\" text=\"Upload\"></button-ui>\n      <button-ui icon=\"folder\" variant=\"ghost\" size=\"sm\"></button-ui>\n    </row-ui>\n  </header>\n\n  <section data-chunk-slot=\"filter-bar\" style=\"padding:var(--a-space-2) var(--a-space-3); border-bottom:1px solid var(--a-border-subtle); display:flex; align-items:center; gap:var(--a-space-2);\">\n    <input-ui placeholder=\"Search media…\" icon=\"search\" style=\"width:240px;\"></input-ui>\n    <select-ui size=\"sm\">\n      <option>All types</option>\n      <option>Images</option>\n      <option>Videos</option>\n      <option>Documents</option>\n    </select-ui>\n    <select-ui size=\"sm\">\n      <option>Any time</option>\n      <option>Today</option>\n      <option>This week</option>\n      <option>This month</option>\n    </select-ui>\n  </section>\n\n  <section data-chunk-slot=\"grid\" style=\"flex:1; overflow:auto; padding:var(--a-space-3);\">\n    <grid-ui columns=\"4\" gap=\"3\">\n      <card-ui padding=\"0\" style=\"aspect-ratio:1; display:flex; align-items:center; justify-content:center; background:var(--a-bg-subtle);\">\n        <text-ui color=\"subtle\" size=\"sm\">Image 1</text-ui>\n      </card-ui>\n      <card-ui padding=\"0\" style=\"aspect-ratio:1; display:flex; align-items:center; justify-content:center; background:var(--a-bg-subtle);\">\n        <text-ui color=\"subtle\" size=\"sm\">Image 2</text-ui>\n      </card-ui>\n      <card-ui padding=\"0\" style=\"aspect-ratio:1; display:flex; align-items:center; justify-content:center; background:var(--a-bg-subtle);\">\n        <text-ui color=\"subtle\" size=\"sm\">Image 3</text-ui>\n      </card-ui>\n      <card-ui padding=\"0\" style=\"aspect-ratio:1; display:flex; align-items:center; justify-content:center; background:var(--a-bg-subtle);\">\n        <text-ui color=\"subtle\" size=\"sm\">Image 4</text-ui>\n      </card-ui>\n      <card-ui padding=\"0\" style=\"aspect-ratio:1; display:flex; align-items:center; justify-content:center; background:var(--a-bg-subtle);\">\n        <text-ui color=\"subtle\" size=\"sm\">Image 5</text-ui>\n      </card-ui>\n      <card-ui padding=\"0\" style=\"aspect-ratio:1; display:flex; align-items:center; justify-content:center; background:var(--a-bg-subtle);\">\n        <text-ui color=\"subtle\" size=\"sm\">Image 6</text-ui>\n      </card-ui>\n      <card-ui padding=\"0\" style=\"aspect-ratio:1; display:flex; align-items:center; justify-content:center; background:var(--a-bg-subtle);\">\n        <text-ui color=\"subtle\" size=\"sm\">Image 7</text-ui>\n      </card-ui>\n      <card-ui padding=\"0\" style=\"aspect-ratio:1; display:flex; align-items:center; justify-content:center; background:var(--a-bg-subtle);\">\n        <text-ui color=\"subtle\" size=\"sm\">Image 8</text-ui>\n      </card-ui>\n    </grid-ui>\n  </section>\n\n  <dialog-ui data-chunk-slot=\"lightbox\" id=\"lightbox\" style=\"display:none;\">\n    <img src=\"/placeholder.png\" alt=\"Preview\" style=\"max-width:90vw; max-height:90vh; object-fit:contain;\">\n  </dialog-ui>\n</article>",
-  "source": "apps/generic-shells/app/gallery-page/gallery-page.contents.html",
+  "source": "catalog/page-shells/app/gallery-page/gallery-page.contents.html",
   "captured_at": "2026-05-10T17:53:43.459Z"
 }

package/chunks/kanban-board-3col.json

@@ -2,7 +2,7 @@
   "name": "kanban-board-3col",
   "kind": "block",
   "primary": "grid-ui",
-  "page": "/apps/patterns/app/kanban-board-3col/kanban-board-3col.contents.html",
+  "page": "/catalog/ui-patterns/app/kanban-board-3col/kanban-board-3col.contents.html",
   "slots": [],
   "nested": [],
   "attrs": {
@@ -10,6 +10,6 @@
     "gap": "4"
   },
   "html": "<grid-ui columns=\"3\" gap=\"4\">\n  <card-ui raw>\n    <header>\n      <row-ui gap=\"2\" align=\"center\">\n        <text-ui weight=\"semibold\">To Do</text-ui>\n        <badge-ui text=\"3\" variant=\"muted\" size=\"sm\"></badge-ui>\n      </row-ui>\n    </header>\n    <section>\n      <col-ui gap=\"2\">\n        <card-ui size=\"sm\"><section><text-ui>Design system tokens</text-ui></section></card-ui>\n        <card-ui size=\"sm\"><section><text-ui>Component audit</text-ui></section></card-ui>\n        <card-ui size=\"sm\"><section><text-ui>Accessibility review</text-ui></section></card-ui>\n      </col-ui>\n    </section>\n  </card-ui>\n  <card-ui raw>\n    <header>\n      <row-ui gap=\"2\" align=\"center\">\n        <text-ui weight=\"semibold\">In Progress</text-ui>\n        <badge-ui text=\"2\" variant=\"accent\" size=\"sm\"></badge-ui>\n      </row-ui>\n    </header>\n    <section>\n      <col-ui gap=\"2\">\n        <card-ui size=\"sm\"><section><text-ui>Dark mode palette</text-ui></section></card-ui>\n        <card-ui size=\"sm\"><section><text-ui>Button variants</text-ui></section></card-ui>\n      </col-ui>\n    </section>\n  </card-ui>\n  <card-ui raw>\n    <header>\n      <row-ui gap=\"2\" align=\"center\">\n        <text-ui weight=\"semibold\">Done</text-ui>\n        <badge-ui text=\"5\" variant=\"success\" size=\"sm\"></badge-ui>\n      </row-ui>\n    </header>\n    <section>\n      <col-ui gap=\"2\">\n        <card-ui size=\"sm\"><section><text-ui>Typography scale</text-ui></section></card-ui>\n        <card-ui size=\"sm\"><section><text-ui>Spacing tokens</text-ui></section></card-ui>\n      </col-ui>\n    </section>\n  </card-ui>\n</grid-ui>",
-  "source": "apps/patterns/app/kanban-board-3col/kanban-board-3col.contents.html",
+  "source": "catalog/ui-patterns/app/kanban-board-3col/kanban-board-3col.contents.html",
   "captured_at": "2026-05-10T17:53:43.459Z"
 }

package/chunks/kanban-page-shell.json

@@ -2,7 +2,7 @@
   "name": "kanban-page-shell",
   "kind": "page",
   "primary": "article",
-  "page": "/apps/generic-shells/app/kanban-page/kanban-page.contents.html",
+  "page": "/catalog/page-shells/app/kanban-page/kanban-page.contents.html",
   "slots": [
     {
       "name": "header",
@@ -23,6 +23,6 @@
   "nested": [],
   "attrs": {},
   "html": "<article style=\"display:flex; flex-direction:column; height:100vh;\">\n  <header data-chunk-slot=\"header\" style=\"padding:var(--a-space-3); border-bottom:1px solid var(--a-border-subtle); display:flex; align-items:center; justify-content:space-between;\">\n    <row-ui gap=\"2\" align=\"center\">\n      <text-ui strong size=\"lg\">Sprint 42</text-ui>\n      <badge-ui text=\"3 open\" variant=\"info\" size=\"sm\"></badge-ui>\n    </row-ui>\n    <row-ui gap=\"2\">\n      <input-ui placeholder=\"Search tasks…\" icon=\"search\" size=\"sm\" style=\"width:200px;\"></input-ui>\n      <button-ui icon=\"filter\" variant=\"ghost\" size=\"sm\"></button-ui>\n      <button-ui text=\"New task\" variant=\"primary\" size=\"sm\" icon=\"plus\"></button-ui>\n    </row-ui>\n  </header>\n\n  <section data-chunk-slot=\"board\" style=\"flex:1; overflow:auto; padding:var(--a-space-3);\">\n    <row-ui gap=\"3\" align=\"start\" style=\"min-width:max-content;\">\n      <stack-ui gap=\"2\" style=\"width:280px;\">\n        <row-ui gap=\"2\" align=\"center\" justify=\"between\">\n          <text-ui strong size=\"sm\">To do</text-ui>\n          <badge-ui text=\"3\" size=\"sm\" variant=\"subtle\"></badge-ui>\n        </row-ui>\n        <card-ui padding=\"sm\">\n          <stack-ui gap=\"1\">\n            <text-ui strong size=\"sm\">Design review</text-ui>\n            <text-ui size=\"sm\" color=\"subtle\">Due tomorrow</text-ui>\n            <row-ui gap=\"1\" align=\"center\">\n              <badge-ui text=\"P1\" size=\"sm\" variant=\"danger\"></badge-ui>\n              <avatar-ui size=\"xs\" src=\"/avatar-1.png\"></avatar-ui>\n            </row-ui>\n          </stack-ui>\n        </card-ui>\n        <card-ui padding=\"sm\">\n          <stack-ui gap=\"1\">\n            <text-ui strong size=\"sm\">API spec</text-ui>\n            <text-ui size=\"sm\" color=\"subtle\">Due Friday</text-ui>\n            <row-ui gap=\"1\" align=\"center\">\n              <badge-ui text=\"P2\" size=\"sm\" variant=\"warning\"></badge-ui>\n              <avatar-ui size=\"xs\" src=\"/avatar-2.png\"></avatar-ui>\n            </row-ui>\n          </stack-ui>\n        </card-ui>\n        <card-ui padding=\"sm\">\n          <stack-ui gap=\"1\">\n            <text-ui strong size=\"sm\">Write tests</text-ui>\n            <text-ui size=\"sm\" color=\"subtle\">No due date</text-ui>\n            <row-ui gap=\"1\" align=\"center\">\n              <badge-ui text=\"P3\" size=\"sm\" variant=\"info\"></badge-ui>\n              <avatar-ui size=\"xs\" src=\"/avatar-3.png\"></avatar-ui>\n            </row-ui>\n          </stack-ui>\n        </card-ui>\n      </stack-ui>\n\n      <stack-ui gap=\"2\" style=\"width:280px;\">\n        <row-ui gap=\"2\" align=\"center\" justify=\"between\">\n          <text-ui strong size=\"sm\">In progress</text-ui>\n          <badge-ui text=\"2\" size=\"sm\" variant=\"subtle\"></badge-ui>\n        </row-ui>\n        <card-ui padding=\"sm\">\n          <stack-ui gap=\"1\">\n            <text-ui strong size=\"sm\">Implement auth</text-ui>\n            <text-ui size=\"sm\" color=\"subtle\">2 days left</text-ui>\n            <row-ui gap=\"1\" align=\"center\">\n              <badge-ui text=\"P1\" size=\"sm\" variant=\"danger\"></badge-ui>\n              <avatar-ui size=\"xs\" src=\"/avatar-1.png\"></avatar-ui>\n            </row-ui>\n          </stack-ui>\n        </card-ui>\n      </stack-ui>\n\n      <stack-ui gap=\"2\" style=\"width:280px;\">\n        <row-ui gap=\"2\" align=\"center\" justify=\"between\">\n          <text-ui strong size=\"sm\">Done</text-ui>\n          <badge-ui text=\"5\" size=\"sm\" variant=\"subtle\"></badge-ui>\n        </row-ui>\n        <card-ui padding=\"sm\" variant=\"subtle\">\n          <stack-ui gap=\"1\">\n            <text-ui strong size=\"sm\" color=\"subtle\">Setup repo</text-ui>\n            <text-ui size=\"sm\" color=\"subtle\">Completed yesterday</text-ui>\n          </stack-ui>\n        </card-ui>\n      </stack-ui>\n    </row-ui>\n  </section>\n\n  <drawer-ui data-chunk-slot=\"detail-drawer\" id=\"task-detail\" style=\"display:none;\">\n    <stack-ui gap=\"3\" style=\"width:360px; padding:var(--a-space-4);\">\n      <text-ui strong size=\"lg\">Task detail</text-ui>\n      <stack-ui gap=\"1\">\n        <label-ui>Title</label-ui>\n        <input-ui value=\"Design review\"></input-ui>\n      </stack-ui>\n      <stack-ui gap=\"1\">\n        <label-ui>Description</label-ui>\n        <textarea-ui placeholder=\"Add details…\"></textarea-ui>\n      </stack-ui>\n      <row-ui gap=\"2\" justify=\"end\">\n        <button-ui text=\"Cancel\" variant=\"ghost\" size=\"sm\"></button-ui>\n        <button-ui text=\"Save\" variant=\"primary\" size=\"sm\"></button-ui>\n      </row-ui>\n    </stack-ui>\n  </drawer-ui>\n</article>",
-  "source": "apps/generic-shells/app/kanban-page/kanban-page.contents.html",
+  "source": "catalog/page-shells/app/kanban-page/kanban-page.contents.html",
   "captured_at": "2026-05-10T17:53:43.459Z"
 }

package/chunks/marketing-hero-cta.json

@@ -2,11 +2,11 @@
   "name": "marketing-hero-cta",
   "kind": "block",
   "primary": "section",
-  "page": "/apps/patterns/app/marketing-hero-cta/marketing-hero-cta.contents.html",
+  "page": "/catalog/ui-patterns/app/marketing-hero-cta/marketing-hero-cta.contents.html",
   "slots": [],
   "nested": [],
   "attrs": {},
   "html": "<section>\n  <col-ui align=\"center\" gap=\"5\">\n    <col-ui align=\"center\" gap=\"2\">\n      <text-ui size=\"sm\" color=\"accent\" weight=\"semibold\" tracking=\"wide\">ADIAUI v0.3</text-ui>\n      <h1>Build UIs with natural language</h1>\n      <text-ui size=\"lg\" color=\"subtle\" text-align=\"center\">Light-DOM web components + generative UI pipeline.<br>Ship faster, iterate smarter.</text-ui>\n    </col-ui>\n    <row-ui gap=\"3\">\n      <button-ui text=\"Get started\" variant=\"primary\" size=\"lg\"></button-ui>\n      <button-ui text=\"See demo\" variant=\"outline\" size=\"lg\" icon=\"play-circle\"></button-ui>\n    </row-ui>\n  </col-ui>\n</section>",
-  "source": "apps/patterns/app/marketing-hero-cta/marketing-hero-cta.contents.html",
+  "source": "catalog/ui-patterns/app/marketing-hero-cta/marketing-hero-cta.contents.html",
   "captured_at": "2026-05-10T17:53:43.459Z"
 }

package/chunks/marketing-page-shell.json

@@ -2,7 +2,7 @@
   "name": "marketing-page-shell",
   "kind": "page",
   "primary": "article",
-  "page": "/apps/generic-shells/app/marketing-page/marketing-page.contents.html",
+  "page": "/catalog/page-shells/app/marketing-page/marketing-page.contents.html",
   "slots": [
     {
       "name": "hero",
@@ -23,6 +23,6 @@
   "nested": [],
   "attrs": {},
   "html": "<article>\n  <section data-chunk-slot=\"hero\">\n    <col-ui align=\"center\" gap=\"4\">\n      <h1>Build faster with AdiaUI</h1>\n      <text-ui color=\"subtle\" size=\"lg\">Light-DOM web components + generative UI pipeline</text-ui>\n      <row-ui gap=\"3\">\n        <button-ui text=\"Get started\" variant=\"primary\" size=\"lg\"></button-ui>\n        <button-ui text=\"See demo\" variant=\"outline\" size=\"lg\"></button-ui>\n      </row-ui>\n    </col-ui>\n  </section>\n\n  <section data-chunk-slot=\"features\">\n    <grid-ui columns=\"3\" gap=\"4\">\n      <card-ui>\n        <header><h3>94+ Primitives</h3></header>\n        <section><text-ui color=\"subtle\">Battle-tested components for every surface</text-ui></section>\n      </card-ui>\n      <card-ui>\n        <header><h3>Gen-UI Pipeline</h3></header>\n        <section><text-ui color=\"subtle\">Generate UIs from natural language</text-ui></section>\n      </card-ui>\n      <card-ui>\n        <header><h3>A2UI Runtime</h3></header>\n        <section><text-ui color=\"subtle\">Agent-to-UI JSON with live rendering</text-ui></section>\n      </card-ui>\n    </grid-ui>\n  </section>\n\n  <section data-chunk-slot=\"cta\">\n    <card-ui raw align=\"center\">\n      <col-ui align=\"center\" gap=\"3\">\n        <h2>Ready to ship?</h2>\n        <text-ui color=\"subtle\">Start building in minutes</text-ui>\n        <button-ui text=\"Start free trial\" variant=\"primary\" size=\"lg\"></button-ui>\n      </col-ui>\n    </card-ui>\n  </section>\n</article>",
-  "source": "apps/generic-shells/app/marketing-page/marketing-page.contents.html",
+  "source": "catalog/page-shells/app/marketing-page/marketing-page.contents.html",
   "captured_at": "2026-05-10T17:53:43.459Z"
 }

package/chunks/playground-app-shell.json

@@ -2,13 +2,13 @@
   "name": "playground-app-shell",
   "kind": "block",
   "primary": "admin-shell",
-  "page": "/apps/app-shell/app/app-shell.contents.html",
+  "page": "/playgrounds/admin-shell/app/admin-shell.contents.html",
   "slots": [],
   "nested": [],
   "attrs": {
     "mode": "rounded borderless"
   },
-  "html": "<admin-shell mode=\"rounded borderless\">\n      <!-- ═══════════════ LEFT SIDEBAR ═══════════════ -->\n      <aside-ui slot=\"leading\">\n        <header-ui>\n          <select-ui id=\"workspace-select\" avatar=\"/icons/agent-ui-light.svg\" value=\"adia-ui\" variant=\"ghost\" style=\"flex: 1\"></select-ui>\n        </header-ui>\n\n        <section-ui>\n          <nav-ui id=\"nav\">\n            <nav-item-ui data-command-trigger icon=\"magnifying-glass\" text=\"Search\" value=\"search\">\n              <span slot=\"icon\"><icon-ui name=\"magnifying-glass\"></icon-ui></span>\n              <span slot=\"text\">Search</span>\n              <kbd slot=\"trailing\">⌘K</kbd>\n            </nav-item-ui>\n            <hr data-nav-divider />\n            <nav-group-ui icon=\"house\" text=\"Home\" open>\n              <nav-item-ui text=\"Dashboard\" value=\"dashboard\" selected></nav-item-ui>\n              <nav-item-ui text=\"Analytics\" value=\"analytics\"></nav-item-ui>\n              <nav-item-ui text=\"Reports\" value=\"reports\"></nav-item-ui>\n            </nav-group-ui>\n            <nav-group-ui icon=\"gear\" text=\"Settings\">\n              <nav-item-ui text=\"General\" value=\"general\"></nav-item-ui>\n              <nav-item-ui text=\"Team\" value=\"team\"></nav-item-ui>\n              <nav-item-ui text=\"Billing\" value=\"billing\"></nav-item-ui>\n            </nav-group-ui>\n          </nav-ui>\n        </section-ui>\n\n        <footer-ui>\n          <select-ui id=\"user-select\" avatar=\"https://i.pravatar.cc/32?u=demo\" value=\"demo\" variant=\"ghost\" style=\"flex: 1\"></select-ui>\n        </footer-ui>\n        <div data-resize></div>\n      </aside-ui>\n\n      <!-- ═══════════════ MAIN ═══════════════ -->\n      <main>\n        <header-ui>\n          <button-ui data-sidebar-toggle=\"leading\" icon=\"sidebar\" variant=\"ghost\" size=\"sm\"></button-ui>\n          <breadcrumb-ui>\n            <a href=\"#\">AdiaUI</a>\n            <span>Dashboard</span>\n          </breadcrumb-ui>\n          <span slot=\"action\">\n            <button-ui id=\"theme-toggle\" icon=\"moon\" variant=\"ghost\" size=\"sm\"></button-ui>\n            <popover-ui id=\"theme-popover\" placement=\"bottom-end\">\n              <button-ui icon=\"palette\" variant=\"ghost\" size=\"sm\" slot=\"trigger\"></button-ui>\n              <div\n                slot=\"content\"\n                id=\"theme-panel\"\n                style=\"padding: var(--a-space-3); display: flex; flex-direction: column; gap: var(--a-space-3); min-width: 260px\"\n              >\n                <text-ui variant=\"label\">Theme</text-ui>\n                <div style=\"display: flex; gap: var(--a-space-1); flex-wrap: wrap\">\n                  <button-ui id=\"theme-default\" text=\"Default\" variant=\"outline\" size=\"sm\"></button-ui>\n                  <button-ui id=\"theme-ocean\" text=\"Ocean\" variant=\"outline\" size=\"sm\"></button-ui>\n                  <button-ui id=\"theme-forest\" text=\"Forest\" variant=\"outline\" size=\"sm\"></button-ui>\n                  <button-ui id=\"theme-sunset\" text=\"Sunset\" variant=\"outline\" size=\"sm\"></button-ui>\n                  <button-ui id=\"theme-lavender\" text=\"Lavender\" variant=\"outline\" size=\"sm\"></button-ui>\n                  <button-ui id=\"theme-rose\" text=\"Rose\" variant=\"outline\" size=\"sm\"></button-ui>\n                  <button-ui id=\"theme-slate\" text=\"Slate\" variant=\"outline\" size=\"sm\"></button-ui>\n                  <button-ui id=\"theme-midnight\" text=\"Midnight\" variant=\"outline\" size=\"sm\"></button-ui>\n                </div>\n                <divider-ui></divider-ui>\n                <text-ui variant=\"label\">Parametric</text-ui>\n                <field-ui label=\"Density\">\n                  <slider-ui id=\"param-density\" value=\"1\" min=\"0.5\" max=\"1.5\" step=\"0.05\" suffix=\"×\"></slider-ui>\n                </field-ui>\n                <field-ui label=\"Radius\">\n                  <slider-ui id=\"param-radius\" value=\"1\" min=\"0\" max=\"2\" step=\"0.1\" suffix=\"×\"></slider-ui>\n                </field-ui>\n                <divider-ui></divider-ui>\n                <div style=\"display: flex; gap: var(--a-space-2); flex-wrap: wrap\">\n                  <button-ui id=\"preset-compact\" text=\"Compact\" variant=\"outline\" size=\"sm\"></button-ui>\n                  <button-ui id=\"preset-default\" text=\"Reset\" variant=\"outline\" size=\"sm\"></button-ui>\n                  <button-ui id=\"preset-spacious\" text=\"Spacious\" variant=\"outline\" size=\"sm\"></button-ui>\n                </div>\n              </div>\n            </popover-ui>\n          </span>\n        </header-ui>\n\n        <section-ui>\n          <aside id=\"subnav-rail\" data-subnav>\n            <nav-ui variant=\"section\" id=\"subnav\" heading=\"Dashboard\">\n              <nav-item-ui text=\"Overview\" value=\"overview\" selected></nav-item-ui>\n              <nav-item-ui text=\"Activity\" value=\"activity\"></nav-item-ui>\n              <nav-item-ui text=\"Revenue\" value=\"revenue\"></nav-item-ui>\n              <nav-item-ui text=\"Traffic\" value=\"traffic\"></nav-item-ui>\n            </nav-ui>\n          </aside>\n\n          <article data-content-root>\n            <div data-content-header>\n              <header>\n                <div>\n                  <h1>Dashboard</h1>\n                  <div data-actions>\n                    <button-ui text=\"Export\" variant=\"outline\" size=\"sm\"></button-ui>\n                  </div>\n                </div>\n                <p>App Shell pattern demo — resize the sidebar, collapse it, toggle theme, or press ⌘K to open the command palette.</p>\n              </header>\n            </div>\n            <div data-content-body>\n              <section>\n                <p style=\"color: var(--a-fg-muted)\">\n                  This standalone page mirrors the shape of the main AdiaUI docs shell: leading sidebar with app-nav, topbar with breadcrumb + theme popover +\n                  command trigger, main content area with an optional subnav rail, and a bottom footer.\n                </p>\n              </section>\n            </div>\n          </article>\n        </section-ui>\n\n        <footer-ui>\n          <span slot=\"heading\">AdiaUI App Shell</span>\n          <span slot=\"description\">Playground demo</span>\n          <span slot=\"action\">v0.1.0</span>\n        </footer-ui>\n      </main>\n\n      <!-- ═══════════════ COMMAND PALETTE ═══════════════ -->\n      <dialog id=\"cmd-dialog\" data-command>\n        <command-ui id=\"cmd\" placeholder=\"Search pages...\"></command-ui>\n      </dialog>\n    </admin-shell>",
-  "source": "apps/app-shell/app/app-shell.contents.html",
-  "captured_at": "2026-05-10T17:53:43.459Z"
+  "html": "<admin-shell mode=\"rounded borderless\">\n      <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 LEFT SIDEBAR \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n      <aside-ui slot=\"leading\">\n        <header-ui>\n          <select-ui id=\"workspace-select\" avatar=\"/icons/agent-ui-light.svg\" value=\"adia-ui\" variant=\"ghost\" style=\"flex: 1\"></select-ui>\n        </header-ui>\n\n        <section-ui>\n          <nav-ui id=\"nav\">\n            <nav-item-ui data-command-trigger icon=\"magnifying-glass\" text=\"Search\" value=\"search\">\n              <span slot=\"icon\"><icon-ui name=\"magnifying-glass\"></icon-ui></span>\n              <span slot=\"text\">Search</span>\n              <kbd slot=\"trailing\">\u2318K</kbd>\n            </nav-item-ui>\n            <hr data-nav-divider />\n            <nav-group-ui icon=\"house\" text=\"Home\" open>\n              <nav-item-ui text=\"Dashboard\" value=\"dashboard\" selected></nav-item-ui>\n              <nav-item-ui text=\"Analytics\" value=\"analytics\"></nav-item-ui>\n              <nav-item-ui text=\"Reports\" value=\"reports\"></nav-item-ui>\n            </nav-group-ui>\n            <nav-group-ui icon=\"gear\" text=\"Settings\">\n              <nav-item-ui text=\"General\" value=\"general\"></nav-item-ui>\n              <nav-item-ui text=\"Team\" value=\"team\"></nav-item-ui>\n              <nav-item-ui text=\"Billing\" value=\"billing\"></nav-item-ui>\n            </nav-group-ui>\n          </nav-ui>\n        </section-ui>\n\n        <footer-ui>\n          <select-ui id=\"user-select\" avatar=\"https://i.pravatar.cc/32?u=demo\" value=\"demo\" variant=\"ghost\" style=\"flex: 1\"></select-ui>\n        </footer-ui>\n        <div data-resize></div>\n      </aside-ui>\n\n      <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 MAIN \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n      <main>\n        <header-ui>\n          <button-ui data-sidebar-toggle=\"leading\" icon=\"sidebar\" variant=\"ghost\" size=\"sm\"></button-ui>\n          <breadcrumb-ui>\n            <a href=\"#\">AdiaUI</a>\n            <span>Dashboard</span>\n          </breadcrumb-ui>\n          <span slot=\"action\">\n            <popover-ui id=\"theme-popover\" placement=\"bottom-end\">\n              <button-ui icon=\"palette\" variant=\"ghost\" size=\"sm\" slot=\"trigger\"></button-ui>\n              <theme-panel slot=\"content\" parametric presets scheme-toggle></theme-panel>\n            </popover-ui>\n          </span>\n        </header-ui>\n\n        <section-ui>\n          <aside id=\"subnav-rail\" data-subnav>\n            <nav-ui variant=\"section\" id=\"subnav\" heading=\"Dashboard\">\n              <nav-item-ui text=\"Overview\" value=\"overview\" selected></nav-item-ui>\n              <nav-item-ui text=\"Activity\" value=\"activity\"></nav-item-ui>\n              <nav-item-ui text=\"Revenue\" value=\"revenue\"></nav-item-ui>\n              <nav-item-ui text=\"Traffic\" value=\"traffic\"></nav-item-ui>\n            </nav-ui>\n          </aside>\n\n          <article data-content-root>\n            <div data-content-header>\n              <header>\n                <div>\n                  <h1>Dashboard</h1>\n                  <div data-actions>\n                    <button-ui text=\"Export\" variant=\"outline\" size=\"sm\"></button-ui>\n                  </div>\n                </div>\n                <p>App Shell pattern demo \u2014 resize the sidebar, collapse it, toggle theme, or press \u2318K to open the command palette.</p>\n              </header>\n            </div>\n            <div data-content-body>\n              <section>\n                <p style=\"color: var(--a-fg-muted)\">\n                  This standalone page mirrors the shape of the main AdiaUI docs shell: leading sidebar with app-nav, topbar with breadcrumb + theme popover +\n                  command trigger, main content area with an optional subnav rail, and a bottom footer.\n                </p>\n              </section>\n            </div>\n          </article>\n        </section-ui>\n\n        <footer-ui>\n          <span slot=\"heading\">AdiaUI App Shell</span>\n          <span slot=\"description\">Playground demo</span>\n          <span slot=\"action\">v0.1.0</span>\n        </footer-ui>\n      </main>\n\n      <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 COMMAND PALETTE \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n      <dialog id=\"cmd-dialog\" data-command>\n        <command-ui id=\"cmd\" placeholder=\"Search pages...\"></command-ui>\n      </dialog>\n    </admin-shell>",
+  "source": "playgrounds/admin-shell/app/admin-shell.contents.html",
+  "captured_at": "2026-05-11T17:52:49.288Z"
 }

package/chunks/playground-chat.json

@@ -2,7 +2,7 @@
   "name": "playground-chat",
   "kind": "block",
   "primary": "chat-shell",
-  "page": "/apps/chat/app/chat.contents.html",
+  "page": "/playgrounds/chat/app/chat.contents.html",
   "slots": [],
   "nested": [],
   "attrs": {
@@ -10,6 +10,6 @@
     "model": "claude-haiku-4-5-20251001"
   },
   "html": "<chat-shell id=\"chat\" proxy-url=\"/api/chat\" model=\"claude-haiku-4-5-20251001\" style=\"flex: 1; border: none; border-radius: 0\">\n  <header>\n    <span data-chat-name>Factory Chat</span>\n    <span data-chat-status></span>\n    <span style=\"margin-inline-start: auto; display: flex; align-items: center; gap: var(--a-space-1)\">\n      <button-ui id=\"theme-toggle\" icon=\"moon\" variant=\"ghost\" size=\"sm\"></button-ui>\n      <popover-ui id=\"theme-popover\" placement=\"bottom-end\">\n        <button-ui icon=\"gear\" variant=\"ghost\" size=\"sm\" slot=\"trigger\"></button-ui>\n        <div slot=\"content\" style=\"padding: var(--a-space-3); display: flex; flex-direction: column; gap: var(--a-space-3); min-width: 240px\">\n          <text-ui variant=\"label\">Theme</text-ui>\n          <div style=\"display: flex; gap: var(--a-space-1); flex-wrap: wrap\">\n            <button-ui id=\"theme-default\" text=\"Default\" variant=\"outline\" size=\"sm\"></button-ui>\n            <button-ui id=\"theme-ocean\" text=\"Ocean\" variant=\"outline\" size=\"sm\"></button-ui>\n            <button-ui id=\"theme-forest\" text=\"Forest\" variant=\"outline\" size=\"sm\"></button-ui>\n            <button-ui id=\"theme-sunset\" text=\"Sunset\" variant=\"outline\" size=\"sm\"></button-ui>\n            <button-ui id=\"theme-lavender\" text=\"Lavender\" variant=\"outline\" size=\"sm\"></button-ui>\n            <button-ui id=\"theme-rose\" text=\"Rose\" variant=\"outline\" size=\"sm\"></button-ui>\n            <button-ui id=\"theme-slate\" text=\"Slate\" variant=\"outline\" size=\"sm\"></button-ui>\n            <button-ui id=\"theme-midnight\" text=\"Midnight\" variant=\"outline\" size=\"sm\"></button-ui>\n          </div>\n          <divider-ui></divider-ui>\n          <text-ui variant=\"label\">Parametric</text-ui>\n          <field-ui label=\"Density\">\n            <slider-ui id=\"param-density\" value=\"1\" min=\"0.5\" max=\"1.5\" step=\"0.05\" suffix=\"×\"></slider-ui>\n          </field-ui>\n          <field-ui label=\"Radius\">\n            <slider-ui id=\"param-radius\" value=\"1\" min=\"0\" max=\"2\" step=\"0.1\" suffix=\"×\"></slider-ui>\n          </field-ui>\n        </div>\n      </popover-ui>\n    </span>\n  </header>\n  <section data-chat-messages>\n    <empty-state-ui\n      data-chat-empty\n      icon=\"chat-circle\"\n      heading=\"AdiaUI Chat\"\n      description=\"Type a message to start a conversation. Connects to LLM model via proxy if available.\"\n    >\n    </empty-state-ui>\n  </section>\n  <footer>\n    <chat-input-ui data-chat-input placeholder=\"Message Claude...\"></chat-input-ui>\n  </footer>\n</chat-shell>",
-  "source": "apps/chat/app/chat.contents.html",
+  "source": "playgrounds/chat/app/chat.contents.html",
   "captured_at": "2026-05-10T17:53:43.459Z"
 }

package/chunks/playground-table-toolbar.json

@@ -2,7 +2,7 @@
   "name": "playground-table-toolbar",
   "kind": "block",
   "primary": "table-toolbar-ui",
-  "page": "/apps/table-toolbar/app/table-toolbar.contents.html",
+  "page": "/playgrounds/table-toolbar/app/table-toolbar.contents.html",
   "slots": [],
   "nested": [],
   "attrs": {
@@ -11,6 +11,6 @@
     "count": "32"
   },
   "html": "<table-toolbar-ui for=\"employees\" text=\"All Employees\" count=\"32\"></table-toolbar-ui>",
-  "source": "apps/table-toolbar/app/table-toolbar.contents.html",
+  "source": "playgrounds/table-toolbar/app/table-toolbar.contents.html",
   "captured_at": "2026-05-10T17:53:43.459Z"
 }

package/chunks/settings-notifications.json

@@ -2,11 +2,11 @@
   "name": "settings-notifications",
   "kind": "block",
   "primary": "card-ui",
-  "page": "/apps/patterns/app/settings-notifications/settings-notifications.contents.html",
+  "page": "/catalog/ui-patterns/app/settings-notifications/settings-notifications.contents.html",
   "slots": [],
   "nested": [],
   "attrs": {},
   "html": "<card-ui>\n  <header>\n    <h3>Notifications</h3>\n    <text-ui slot=\"description\" color=\"subtle\">Choose what you want to be notified about</text-ui>\n  </header>\n  <section>\n    <col-ui gap=\"4\">\n      <section>\n        <text-ui weight=\"semibold\">Email</text-ui>\n        <col-ui gap=\"2\">\n          <row-ui gap=\"2\" align=\"center\" justify=\"space-between\">\n            <text-ui>Weekly digest</text-ui>\n            <switch-ui checked></switch-ui>\n          </row-ui>\n          <row-ui gap=\"2\" align=\"center\" justify=\"space-between\">\n            <text-ui>New mentions</text-ui>\n            <switch-ui checked></switch-ui>\n          </row-ui>\n          <row-ui gap=\"2\" align=\"center\" justify=\"space-between\">\n            <text-ui>Product updates</text-ui>\n            <switch-ui></switch-ui>\n          </row-ui>\n        </col-ui>\n      </section>\n      <divider-ui></divider-ui>\n      <section>\n        <text-ui weight=\"semibold\">Push</text-ui>\n        <col-ui gap=\"2\">\n          <row-ui gap=\"2\" align=\"center\" justify=\"space-between\">\n            <text-ui>Direct messages</text-ui>\n            <switch-ui checked></switch-ui>\n          </row-ui>\n          <row-ui gap=\"2\" align=\"center\" justify=\"space-between\">\n            <text-ui>Team alerts</text-ui>\n            <switch-ui></switch-ui>\n          </row-ui>\n        </col-ui>\n      </section>\n    </col-ui>\n  </section>\n</card-ui>",
-  "source": "apps/patterns/app/settings-notifications/settings-notifications.contents.html",
+  "source": "catalog/ui-patterns/app/settings-notifications/settings-notifications.contents.html",
   "captured_at": "2026-05-10T17:53:43.459Z"
 }

package/chunks/settings-page-shell.json

@@ -2,7 +2,7 @@
   "name": "settings-page-shell",
   "kind": "page",
   "primary": "article",
-  "page": "/apps/generic-shells/app/settings-page/settings-page.contents.html",
+  "page": "/catalog/page-shells/app/settings-page/settings-page.contents.html",
   "slots": [
     {
       "name": "page-header",
@@ -23,6 +23,6 @@
   "nested": [],
   "attrs": {},
   "html": "<article>\n  <header data-chunk-slot=\"page-header\">\n    <h1>Settings</h1>\n    <text-ui color=\"subtle\">Manage your account preferences</text-ui>\n  </header>\n\n  <tabs-ui value=\"general\" data-chunk-slot=\"page-tabs\">\n    <tab-ui value=\"general\" text=\"General\"></tab-ui>\n    <tab-ui value=\"integrations\" text=\"Integrations\"></tab-ui>\n    <tab-ui value=\"billing\" text=\"Billing\"></tab-ui>\n  </tabs-ui>\n\n  <section data-chunk-slot=\"page-content\">\n    <card-ui>\n      <header><h3>General settings</h3></header>\n      <section>\n        <field-ui label=\"Display name\">\n          <input-ui value=\"Jane Doe\"></input-ui>\n        </field-ui>\n        <field-ui label=\"Email\" hint=\"Used for notifications\">\n          <input-ui type=\"email\" value=\"jane@example.com\"></input-ui>\n        </field-ui>\n      </section>\n    </card-ui>\n  </section>\n</article>",
-  "source": "apps/generic-shells/app/settings-page/settings-page.contents.html",
+  "source": "catalog/page-shells/app/settings-page/settings-page.contents.html",
   "captured_at": "2026-05-10T17:53:43.459Z"
 }

package/chunks/user-profile-card.json

@@ -2,11 +2,11 @@
   "name": "user-profile-card",
   "kind": "block",
   "primary": "card-ui",
-  "page": "/apps/patterns/app/user-profile-card/user-profile-card.contents.html",
+  "page": "/catalog/ui-patterns/app/user-profile-card/user-profile-card.contents.html",
   "slots": [],
   "nested": [],
   "attrs": {},
   "html": "<card-ui>\n  <header>\n    <row-ui gap=\"3\" align=\"center\">\n      <avatar-ui text=\"Jane Doe\" size=\"lg\"></avatar-ui>\n      <col-ui gap=\"0\">\n        <text-ui weight=\"semibold\" size=\"lg\">Jane Doe</text-ui>\n        <text-ui color=\"subtle\">Product Designer</text-ui>\n      </col-ui>\n    </row-ui>\n  </header>\n  <section>\n    <col-ui gap=\"3\">\n      <field-ui label=\"Email\" inline>\n        <input-ui type=\"email\" value=\"jane@example.com\"></input-ui>\n      </field-ui>\n      <field-ui label=\"Role\" inline>\n        <select-ui value=\"designer\">\n          <option value=\"designer\">Designer</option>\n          <option value=\"engineer\">Engineer</option>\n          <option value=\"manager\">Manager</option>\n        </select-ui>\n      </field-ui>\n      <field-ui label=\"Bio\" inline>\n        <textarea-ui rows=\"2\">Building design systems at AdiaUI</textarea-ui>\n      </field-ui>\n    </col-ui>\n  </section>\n  <footer>\n    <row-ui gap=\"2\" justify=\"end\">\n      <button-ui text=\"Cancel\" variant=\"ghost\" size=\"sm\"></button-ui>\n      <button-ui text=\"Save\" variant=\"primary\" size=\"sm\"></button-ui>\n    </row-ui>\n  </footer>\n</card-ui>",
-  "source": "apps/patterns/app/user-profile-card/user-profile-card.contents.html",
+  "source": "catalog/ui-patterns/app/user-profile-card/user-profile-card.contents.html",
   "captured_at": "2026-05-10T17:53:43.459Z"
 }

package/chunks/users-table-badge.json

@@ -2,11 +2,11 @@
   "name": "users-table-badge",
   "kind": "block",
   "primary": "card-ui",
-  "page": "/apps/patterns/app/users-table-badge/users-table-badge.contents.html",
+  "page": "/catalog/ui-patterns/app/users-table-badge/users-table-badge.contents.html",
   "slots": [],
   "nested": [],
   "attrs": {},
   "html": "<card-ui>\n  <header>\n    <h3>Users</h3>\n    <text-ui slot=\"description\" color=\"subtle\">Team members and their roles</text-ui>\n  </header>\n  <section bleed>\n    <table-ui>\n      <thead>\n        <tr>\n          <th>User</th>\n          <th>Role</th>\n          <th>Status</th>\n          <th>Last active</th>\n        </tr>\n      </thead>\n      <tbody>\n        <tr>\n          <td><row-ui gap=\"2\" align=\"center\"><avatar-ui text=\"Alex Chen\" size=\"sm\"></avatar-ui><text-ui>Alex Chen</text-ui></row-ui></td>\n          <td><badge-ui text=\"Admin\" variant=\"accent\" size=\"sm\"></badge-ui></td>\n          <td><badge-ui text=\"Online\" variant=\"success\" size=\"sm\"></badge-ui></td>\n          <td><text-ui color=\"subtle\" size=\"sm\">2m ago</text-ui></td>\n        </tr>\n        <tr>\n          <td><row-ui gap=\"2\" align=\"center\"><avatar-ui text=\"Sarah Miller\" size=\"sm\"></avatar-ui><text-ui>Sarah Miller</text-ui></row-ui></td>\n          <td><badge-ui text=\"Editor\" variant=\"info\" size=\"sm\"></badge-ui></td>\n          <td><badge-ui text=\"Away\" variant=\"warning\" size=\"sm\"></badge-ui></td>\n          <td><text-ui color=\"subtle\" size=\"sm\">1h ago</text-ui></td>\n        </tr>\n        <tr>\n          <td><row-ui gap=\"2\" align=\"center\"><avatar-ui text=\"James Park\" size=\"sm\"></avatar-ui><text-ui>James Park</text-ui></row-ui></td>\n          <td><badge-ui text=\"Viewer\" variant=\"muted\" size=\"sm\"></badge-ui></td>\n          <td><badge-ui text=\"Offline\" variant=\"muted\" size=\"sm\"></badge-ui></td>\n          <td><text-ui color=\"subtle\" size=\"sm\">3h ago</text-ui></td>\n        </tr>\n      </tbody>\n    </table-ui>\n  </section>\n</card-ui>",
-  "source": "apps/patterns/app/users-table-badge/users-table-badge.contents.html",
+  "source": "catalog/ui-patterns/app/users-table-badge/users-table-badge.contents.html",
   "captured_at": "2026-05-10T17:53:43.459Z"
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@adia-ai/a2ui-corpus",
-  "version": "0.4.1",
+  "version": "0.4.2",
   "type": "module",
   "description": "AdiaUI A2UI training corpus \u2014 patterns, fragments, compositions, exemplars, eval fixtures, feedback, gap registry. Consumed by the compose engine's retrieval layer + the MCP pipeline.",
   "exports": {

package/fragments/layout/auth-card-header.json

@@ -1,59 +0,0 @@
-{
-  "$schema": "../_schema.json",
-  "name": "auth-card-header",
-  "version": 1,
-  "kind": "fragment",
-  "semantic_role": "auth-titlebar",
-  "description": "Authentication card titlebar — centered logo (linking home), heading, and short body text. The canonical header for any auth, error, or onboarding shell card. Promoted from the chunk corpus where this exact shape appeared 23× across user-flow auth screens (sign-in, sign-up, forgot-password, MFA, account-locked, etc.) plus errors/{404,500,maintenance}.",
-  "shape": "Header(Column[align=center,gap=1](Image[role=logo], Text[v=heading], Text[v=body]))",
-  "tags": {
-    "purpose": ["auth-titlebar", "card-header"],
-    "layout": "stacked",
-    "alignment": "center"
-  },
-  "keywords": ["auth", "header", "title", "logo", "card", "sign-in", "sign-up", "error", "onboarding"],
-  "slots": [
-    {
-      "name": "logoSrc",
-      "targetId": "ach-logo",
-      "attribute": "src",
-      "required": true,
-      "description": "Path to the brand logo image (SVG preferred)"
-    },
-    {
-      "name": "logoAlt",
-      "targetId": "ach-logo",
-      "attribute": "alt",
-      "defaultValue": "Logo",
-      "description": "Alt text for the logo image"
-    },
-    {
-      "name": "heading",
-      "targetId": "ach-heading",
-      "attribute": "textContent",
-      "required": true,
-      "description": "Primary heading — auth state or error code (e.g. 'Sign in', '404 — Page not found', 'Reset your password')"
-    },
-    {
-      "name": "body",
-      "targetId": "ach-body",
-      "attribute": "textContent",
-      "description": "Short supporting copy below the heading"
-    }
-  ],
-  "template": [
-    { "id": "ach-root", "component": "Header", "children": ["ach-col"] },
-    { "id": "ach-col", "component": "Column", "align": "center", "gap": "1", "children": ["ach-logo", "ach-heading", "ach-body"] },
-    { "id": "ach-logo", "component": "Image", "src": "/icons/agent-ui-light.svg", "alt": "Logo" },
-    { "id": "ach-heading", "component": "Text", "variant": "heading", "textContent": "Heading" },
-    { "id": "ach-body", "component": "Text", "variant": "body", "textContent": "" }
-  ],
-  "links": {
-    "uses_components": ["Header", "Column", "Image", "Text"],
-    "uses_fragments": [],
-    "used_by": [],
-    "related": ["card-header-heading", "card-header-with-description"],
-    "spawned_from": ["chunk:auth-card-header"]
-  },
-  "metrics": { "leverage": 0, "pattern_count": 0, "instance_count": 0 }
-}