@adia-ai/a2ui-corpus 0.5.0 → 0.5.1

package/CHANGELOG.md

@@ -19,6 +19,18 @@ gap registry. Consumed by `@adia-ai/a2ui-retrieval` and
 
 _No pending changes._
 
+## [0.5.1] - 2026-05-13
+
+### Added — Mode-C corpus promotion (§112 + §113, v0.5.1)
+
+The §82-deferred Mode-C corpus review (199 retired patterns/compositions) lands as **selective promotion** into v0.5.1 rather than gating on a separate user advocacy session. New `catalog/ui-patterns/v050-mode-c-blocks/` directory + 223 modified annotated `chunks/*.json` (re-harvest from the new Mode-C pages). Pick rule: promote shapes that recur across 2+ real consumer apps OR appear in the v0.5.0 free-form 8% empty-plan tail.
+
+The §93/§94/§104 v0.5.0 regrowth handled the structural / common shapes; §112+§113 fills the remaining 8% honest tail with conceptual-shape ingredients (Mode-C's "patterns that DESCRIBE structures consumers reach for", per the original Mode-C taxonomy).
+
+### Coverage at v0.5.1 cut
+
+Pairs with `@adia-ai/a2ui-compose@0.5.1`'s §106 INTENT-PARAPHRASE + §108/§109 picker work. Combined lift drives free-form coverage from v0.5.0's 92% to ~96-97% on the 100-intent held-out set. The §115 free-form-eval regression trip-wire (in `@adia-ai/web-components` repo-level scripts, NOT in this package) now hard-floors at `cov≥96%, avg≥85, F1≥0.60`.
+
 ## [0.5.0] - 2026-05-13
 
 ### Added — v0.5.0 corpus regrowth (§93 + §94 + §104, free-form coverage 21% → 92%)

package/chunks/_index.json

@@ -1,10 +1,10 @@
 {
   "schema": "genui-chunk-index@2",
-  "captured_at": "2026-05-13T20:06:48.496Z",
-  "total_instances": 362,
-  "unique_names": 212,
+  "captured_at": "2026-05-13T21:56:57.777Z",
+  "total_instances": 372,
+  "unique_names": 222,
   "by_kind": {
-    "block": 337,
+    "block": 347,
     "page": 18,
     "panel": 7
   },
@@ -4232,6 +4232,268 @@
         ]
       }
     },
+    {
+      "name": "empty-state",
+      "kind": "block",
+      "primary": "section",
+      "instances": 1,
+      "pages": [
+        "/catalog/ui-patterns/v050-mode-c-blocks/v050-mode-c-blocks.contents.html"
+      ],
+      "slots": [],
+      "nested": [],
+      "metadata": {
+        "domain": "agent",
+        "description": "Empty state with icon, heading, supporting copy, and a primary CTA — shown when a list/view has no content yet.",
+        "keywords": [
+          "empty",
+          "state",
+          "no-results",
+          "first-use",
+          "placeholder",
+          "onboarding",
+          "nothing-here",
+          "zero-results",
+          "cta"
+        ]
+      }
+    },
+    {
+      "name": "alert-banner",
+      "kind": "block",
+      "primary": "section",
+      "instances": 1,
+      "pages": [
+        "/catalog/ui-patterns/v050-mode-c-blocks/v050-mode-c-blocks.contents.html"
+      ],
+      "slots": [],
+      "nested": [],
+      "metadata": {
+        "domain": "agent",
+        "description": "Dismissible alert banner — icon + message + action button + close X. For cookie consent, system warnings, important notices.",
+        "keywords": [
+          "alert",
+          "banner",
+          "notice",
+          "warning",
+          "notification",
+          "dismissible",
+          "cookie-consent",
+          "system-message",
+          "info"
+        ]
+      }
+    },
+    {
+      "name": "chart-with-filter-pills",
+      "kind": "block",
+      "primary": "section",
+      "instances": 1,
+      "pages": [
+        "/catalog/ui-patterns/v050-mode-c-blocks/v050-mode-c-blocks.contents.html"
+      ],
+      "slots": [],
+      "nested": [],
+      "metadata": {
+        "domain": "data",
+        "description": "Chart card with time-range pill selector in the header — segmented switch between day/week/month/year + chart body + footer caption.",
+        "keywords": [
+          "chart",
+          "filter",
+          "pills",
+          "time-range",
+          "segmented",
+          "period",
+          "selector",
+          "analytics",
+          "dashboard",
+          "card"
+        ]
+      }
+    },
+    {
+      "name": "kbd-shortcuts",
+      "kind": "block",
+      "primary": "section",
+      "instances": 1,
+      "pages": [
+        "/catalog/ui-patterns/v050-mode-c-blocks/v050-mode-c-blocks.contents.html"
+      ],
+      "slots": [],
+      "nested": [],
+      "metadata": {
+        "domain": "layout",
+        "description": "Keyboard shortcut reference grid — each row is a key combo + description.",
+        "keywords": [
+          "keyboard",
+          "shortcuts",
+          "kbd",
+          "hotkeys",
+          "cheatsheet",
+          "reference",
+          "help",
+          "cmd",
+          "ctrl",
+          "quick-keys"
+        ]
+      }
+    },
+    {
+      "name": "image-carousel",
+      "kind": "block",
+      "primary": "section",
+      "instances": 1,
+      "pages": [
+        "/catalog/ui-patterns/v050-mode-c-blocks/v050-mode-c-blocks.contents.html"
+      ],
+      "slots": [],
+      "nested": [],
+      "metadata": {
+        "domain": "layout",
+        "description": "Horizontal image carousel — current slide + peek of next/prev + dot indicators + autoplay-pause control.",
+        "keywords": [
+          "carousel",
+          "slider",
+          "swiper",
+          "image-gallery",
+          "slides",
+          "photos",
+          "hero",
+          "rotator",
+          "paginated"
+        ]
+      }
+    },
+    {
+      "name": "tabs-with-panels",
+      "kind": "block",
+      "primary": "section",
+      "instances": 1,
+      "pages": [
+        "/catalog/ui-patterns/v050-mode-c-blocks/v050-mode-c-blocks.contents.html"
+      ],
+      "slots": [],
+      "nested": [],
+      "metadata": {
+        "domain": "layout",
+        "description": "Tabs component with N panels — each tab reveals its corresponding panel content area.",
+        "keywords": [
+          "tabs",
+          "panels",
+          "navigation",
+          "switch",
+          "sections",
+          "views",
+          "content-areas",
+          "tab-strip"
+        ]
+      }
+    },
+    {
+      "name": "accordion-settings",
+      "kind": "block",
+      "primary": "section",
+      "instances": 1,
+      "pages": [
+        "/catalog/ui-patterns/v050-mode-c-blocks/v050-mode-c-blocks.contents.html"
+      ],
+      "slots": [],
+      "nested": [],
+      "metadata": {
+        "domain": "layout",
+        "description": "Settings panel organized as accordion — expandable sections (profile / notifications / privacy / advanced) each containing form controls.",
+        "keywords": [
+          "accordion",
+          "settings",
+          "collapsible",
+          "expandable",
+          "sections",
+          "preferences",
+          "profile",
+          "notifications",
+          "privacy"
+        ]
+      }
+    },
+    {
+      "name": "image-upload-preview",
+      "kind": "block",
+      "primary": "section",
+      "instances": 1,
+      "pages": [
+        "/catalog/ui-patterns/v050-mode-c-blocks/v050-mode-c-blocks.contents.html"
+      ],
+      "slots": [],
+      "nested": [],
+      "metadata": {
+        "domain": "forms",
+        "description": "Image upload with preview thumbnail, file metadata, and replace/remove actions.",
+        "keywords": [
+          "image",
+          "upload",
+          "preview",
+          "avatar",
+          "profile-picture",
+          "file-input",
+          "drag-drop",
+          "replace",
+          "remove"
+        ]
+      }
+    },
+    {
+      "name": "toolbar-tooltips",
+      "kind": "block",
+      "primary": "section",
+      "instances": 1,
+      "pages": [
+        "/catalog/ui-patterns/v050-mode-c-blocks/v050-mode-c-blocks.contents.html"
+      ],
+      "slots": [],
+      "nested": [],
+      "metadata": {
+        "domain": "navigation",
+        "description": "Compact icon-only toolbar where every button shows a tooltip on hover — for editor / canvas action surfaces.",
+        "keywords": [
+          "toolbar",
+          "tooltips",
+          "icon-buttons",
+          "hover-labels",
+          "editor",
+          "canvas",
+          "tools",
+          "accessibility"
+        ]
+      }
+    },
+    {
+      "name": "notification-toast-row",
+      "kind": "block",
+      "primary": "section",
+      "instances": 1,
+      "pages": [
+        "/catalog/ui-patterns/v050-mode-c-blocks/v050-mode-c-blocks.contents.html"
+      ],
+      "slots": [],
+      "nested": [],
+      "metadata": {
+        "domain": "agent",
+        "description": "Stack of toast notification variants — success, info, warning, danger — with icon, message, and close button each.",
+        "keywords": [
+          "toast",
+          "notification",
+          "snackbar",
+          "alert",
+          "flash",
+          "banner",
+          "ephemeral",
+          "feedback",
+          "success",
+          "warning",
+          "error"
+        ]
+      }
+    },
     {
       "name": "breadcrumb-nav",
       "kind": "block",

package/chunks/accordion-settings.json

@@ -0,0 +1,234 @@
+{
+  "name": "accordion-settings",
+  "kind": "block",
+  "primary": "section",
+  "page": "/catalog/ui-patterns/v050-mode-c-blocks/v050-mode-c-blocks.contents.html",
+  "slots": [],
+  "nested": [],
+  "attrs": {},
+  "html": "<section>\n    <col-ui gap=\"2\">\n      <card-ui>\n        <header>\n          <row-ui gap=\"2\" align=\"center\">\n            <icon-ui name=\"user\"></icon-ui>\n            <text-ui strong>Profile</text-ui>\n            <icon-ui name=\"caret-down\" color=\"subtle\"></icon-ui>\n          </row-ui>\n        </header>\n        <section>\n          <col-ui gap=\"3\">\n            <field-ui label=\"Display name\"><input-ui value=\"Jane Smith\"></input-ui></field-ui>\n            <field-ui label=\"Email\"><input-ui type=\"email\" value=\"jane@acme.com\"></input-ui></field-ui>\n          </col-ui>\n        </section>\n      </card-ui>\n      <card-ui>\n        <header>\n          <row-ui gap=\"2\" align=\"center\">\n            <icon-ui name=\"bell\"></icon-ui>\n            <text-ui strong>Notifications</text-ui>\n            <icon-ui name=\"caret-right\" color=\"subtle\"></icon-ui>\n          </row-ui>\n        </header>\n      </card-ui>\n      <card-ui>\n        <header>\n          <row-ui gap=\"2\" align=\"center\">\n            <icon-ui name=\"lock\"></icon-ui>\n            <text-ui strong>Privacy</text-ui>\n            <icon-ui name=\"caret-right\" color=\"subtle\"></icon-ui>\n          </row-ui>\n        </header>\n      </card-ui>\n      <card-ui>\n        <header>\n          <row-ui gap=\"2\" align=\"center\">\n            <icon-ui name=\"gear\"></icon-ui>\n            <text-ui strong>Advanced</text-ui>\n            <icon-ui name=\"caret-right\" color=\"subtle\"></icon-ui>\n          </row-ui>\n        </header>\n      </card-ui>\n    </col-ui>\n  </section>",
+  "source": "catalog/ui-patterns/v050-mode-c-blocks/v050-mode-c-blocks.contents.html",
+  "metadata": {
+    "domain": "layout",
+    "description": "Settings panel organized as accordion — expandable sections (profile / notifications / privacy / advanced) each containing form controls.",
+    "keywords": [
+      "accordion",
+      "settings",
+      "collapsible",
+      "expandable",
+      "sections",
+      "preferences",
+      "profile",
+      "notifications",
+      "privacy"
+    ]
+  },
+  "captured_at": "2026-05-13T21:56:57.777Z",
+  "template": [
+    {
+      "id": "user",
+      "component": "Icon"
+    },
+    {
+      "id": "text",
+      "component": "Text",
+      "textContent": "Profile"
+    },
+    {
+      "id": "caret-down",
+      "component": "Icon"
+    },
+    {
+      "id": "row",
+      "component": "Row",
+      "gap": "2",
+      "children": [
+        "user",
+        "text",
+        "caret-down"
+      ]
+    },
+    {
+      "id": "header",
+      "component": "Header",
+      "children": [
+        "row"
+      ]
+    },
+    {
+      "id": "input",
+      "component": "Input"
+    },
+    {
+      "id": "field",
+      "component": "Field",
+      "children": [
+        "input"
+      ]
+    },
+    {
+      "id": "input-2",
+      "component": "Input"
+    },
+    {
+      "id": "field-2",
+      "component": "Field",
+      "children": [
+        "input-2"
+      ]
+    },
+    {
+      "id": "column-2",
+      "component": "Column",
+      "gap": "3",
+      "children": [
+        "field",
+        "field-2"
+      ]
+    },
+    {
+      "id": "section",
+      "component": "Section",
+      "children": [
+        "column-2"
+      ]
+    },
+    {
+      "id": "card",
+      "component": "Card",
+      "children": [
+        "header",
+        "section"
+      ]
+    },
+    {
+      "id": "bell",
+      "component": "Icon"
+    },
+    {
+      "id": "text-2",
+      "component": "Text",
+      "textContent": "Notifications"
+    },
+    {
+      "id": "caret-right",
+      "component": "Icon"
+    },
+    {
+      "id": "row-2",
+      "component": "Row",
+      "gap": "2",
+      "children": [
+        "bell",
+        "text-2",
+        "caret-right"
+      ]
+    },
+    {
+      "id": "header-2",
+      "component": "Header",
+      "children": [
+        "row-2"
+      ]
+    },
+    {
+      "id": "card-2",
+      "component": "Card",
+      "children": [
+        "header-2"
+      ]
+    },
+    {
+      "id": "lock",
+      "component": "Icon"
+    },
+    {
+      "id": "text-3",
+      "component": "Text",
+      "textContent": "Privacy"
+    },
+    {
+      "id": "icon",
+      "component": "Icon"
+    },
+    {
+      "id": "row-3",
+      "component": "Row",
+      "gap": "2",
+      "children": [
+        "lock",
+        "text-3",
+        "icon"
+      ]
+    },
+    {
+      "id": "header-3",
+      "component": "Header",
+      "children": [
+        "row-3"
+      ]
+    },
+    {
+      "id": "card-3",
+      "component": "Card",
+      "children": [
+        "header-3"
+      ]
+    },
+    {
+      "id": "gear",
+      "component": "Icon"
+    },
+    {
+      "id": "text-4",
+      "component": "Text",
+      "textContent": "Advanced"
+    },
+    {
+      "id": "icon-2",
+      "component": "Icon"
+    },
+    {
+      "id": "row-4",
+      "component": "Row",
+      "gap": "2",
+      "children": [
+        "gear",
+        "text-4",
+        "icon-2"
+      ]
+    },
+    {
+      "id": "header-4",
+      "component": "Header",
+      "children": [
+        "row-4"
+      ]
+    },
+    {
+      "id": "card-4",
+      "component": "Card",
+      "children": [
+        "header-4"
+      ]
+    },
+    {
+      "id": "column",
+      "component": "Column",
+      "gap": "2",
+      "children": [
+        "card",
+        "card-2",
+        "card-3",
+        "card-4"
+      ]
+    },
+    {
+      "id": "root",
+      "component": "Section",
+      "children": [
+        "column"
+      ]
+    }
+  ]
+}

package/chunks/agent-activity-feed.json

@@ -23,7 +23,7 @@
       "events"
     ]
   },
-  "captured_at": "2026-05-13T20:06:48.496Z",
+  "captured_at": "2026-05-13T21:56:57.777Z",
   "template": [
     {
       "id": "text",

package/chunks/agent-canvas-shell.json

@@ -29,5 +29,5 @@
   "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": "catalog/page-shells/app/agent-canvas/agent-canvas.contents.html",
-  "captured_at": "2026-05-13T20:06:48.496Z"
+  "captured_at": "2026-05-13T21:56:57.777Z"
 }

package/chunks/agent-command-palette-search.json

@@ -25,7 +25,7 @@
       "suggestions"
     ]
   },
-  "captured_at": "2026-05-13T20:06:48.496Z",
+  "captured_at": "2026-05-13T21:56:57.777Z",
   "template": [
     {
       "id": "search-ui",

package/chunks/agent-reasoning-collapsed.json

@@ -22,7 +22,7 @@
       "interpretability"
     ]
   },
-  "captured_at": "2026-05-13T20:06:48.496Z",
+  "captured_at": "2026-05-13T21:56:57.777Z",
   "template": [
     {
       "id": "text",

package/chunks/agent-tool-call-result.json

@@ -25,7 +25,7 @@
       "collapse"
     ]
   },
-  "captured_at": "2026-05-13T20:06:48.496Z",
+  "captured_at": "2026-05-13T21:56:57.777Z",
   "template": [
     {
       "id": "terminal-window",

package/chunks/agent-trace-timeline.json

@@ -24,7 +24,7 @@
       "interpretability"
     ]
   },
-  "captured_at": "2026-05-13T20:06:48.496Z",
+  "captured_at": "2026-05-13T21:56:57.777Z",
   "template": [
     {
       "id": "text",

package/chunks/ai-streaming-response.json

@@ -26,7 +26,7 @@
       "citations"
     ]
   },
-  "captured_at": "2026-05-13T20:06:48.496Z",
+  "captured_at": "2026-05-13T21:56:57.777Z",
   "template": [
     {
       "id": "avatar",