@adia-ai/a2ui-corpus 0.4.9 → 0.5.1

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

@@ -8,5 +8,78 @@
   "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": "catalog/ui-patterns/app/agent-activity-feed/agent-activity-feed.contents.html",
-  "captured_at": "2026-05-12T19:23:09.661Z"
+  "metadata": {
+    "domain": "agent",
+    "description": "Real-time agent activity feed with timestamped action stream + status pills + relative-time markers.",
+    "keywords": [
+      "agent",
+      "activity",
+      "feed",
+      "stream",
+      "actions",
+      "log",
+      "timeline",
+      "status",
+      "events"
+    ]
+  },
+  "captured_at": "2026-05-13T21:56:57.777Z",
+  "template": [
+    {
+      "id": "text",
+      "component": "Text",
+      "variant": "h3",
+      "textContent": "Agent Activity"
+    },
+    {
+      "id": "text-2",
+      "component": "Text",
+      "textContent": "Live reasoning trace"
+    },
+    {
+      "id": "header",
+      "component": "Header",
+      "children": [
+        "text",
+        "text-2"
+      ]
+    },
+    {
+      "id": "column-2",
+      "component": "Column"
+    },
+    {
+      "id": "column-3",
+      "component": "Column"
+    },
+    {
+      "id": "column-4",
+      "component": "Column"
+    },
+    {
+      "id": "column",
+      "component": "Column",
+      "gap": "3",
+      "children": [
+        "column-2",
+        "column-3",
+        "column-4"
+      ]
+    },
+    {
+      "id": "section",
+      "component": "Section",
+      "children": [
+        "column"
+      ]
+    },
+    {
+      "id": "root",
+      "component": "Card",
+      "children": [
+        "header",
+        "section"
+      ]
+    }
+  ]
 }

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-12T19:23:09.661Z"
+  "captured_at": "2026-05-13T21:56:57.777Z"
 }

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

@@ -0,0 +1,148 @@
+{
+  "name": "agent-command-palette-search",
+  "kind": "block",
+  "primary": "section",
+  "page": "/catalog/ui-patterns/v050-agent-blocks/v050-agent-blocks.contents.html",
+  "slots": [],
+  "nested": [],
+  "attrs": {},
+  "html": "<section>\n    <card-ui>\n      <header>\n        <search-ui placeholder=\"Ask, search, or run a tool…\" autofocus></search-ui>\n      </header>\n      <section>\n        <col-ui gap=\"3\">\n          <col-ui gap=\"1\">\n            <text-ui size=\"xs\" color=\"subtle\" tracking=\"wide\">AI-SUGGESTED</text-ui>\n            <button-ui icon=\"sparkle\" text=\"Summarize this page\" variant=\"ghost\" stretch></button-ui>\n            <button-ui icon=\"sparkle\" text=\"Translate to French\" variant=\"ghost\" stretch></button-ui>\n          </col-ui>\n          <col-ui gap=\"1\">\n            <text-ui size=\"xs\" color=\"subtle\" tracking=\"wide\">TOOLS</text-ui>\n            <button-ui icon=\"magnifying-glass\" text=\"Search corpus\" variant=\"ghost\" stretch></button-ui>\n            <button-ui icon=\"play\" text=\"Generate UI\" variant=\"ghost\" stretch></button-ui>\n            <button-ui icon=\"copy\" text=\"Copy as A2UI JSON\" variant=\"ghost\" stretch></button-ui>\n          </col-ui>\n          <col-ui gap=\"1\">\n            <text-ui size=\"xs\" color=\"subtle\" tracking=\"wide\">NAVIGATION</text-ui>\n            <button-ui icon=\"house\" text=\"Go to home\" variant=\"ghost\" stretch></button-ui>\n            <button-ui icon=\"gear\" text=\"Open settings\" variant=\"ghost\" stretch></button-ui>\n          </col-ui>\n        </col-ui>\n      </section>\n    </card-ui>\n  </section>",
+  "source": "catalog/ui-patterns/v050-agent-blocks/v050-agent-blocks.contents.html",
+  "metadata": {
+    "domain": "agent",
+    "description": "Command palette specialized for agent actions — search input with AI-suggested commands + tool shortcuts.",
+    "keywords": [
+      "command",
+      "palette",
+      "agent",
+      "search",
+      "ai",
+      "actions",
+      "tools",
+      "ctrl-k",
+      "cmdk",
+      "shortcuts",
+      "suggestions"
+    ]
+  },
+  "captured_at": "2026-05-13T21:56:57.777Z",
+  "template": [
+    {
+      "id": "search-ui",
+      "component": "search-ui"
+    },
+    {
+      "id": "header",
+      "component": "Header",
+      "children": [
+        "search-ui"
+      ]
+    },
+    {
+      "id": "text",
+      "component": "Text",
+      "textContent": "AI-SUGGESTED"
+    },
+    {
+      "id": "button",
+      "component": "Button"
+    },
+    {
+      "id": "button-2",
+      "component": "Button"
+    },
+    {
+      "id": "column-2",
+      "component": "Column",
+      "gap": "1",
+      "children": [
+        "text",
+        "button",
+        "button-2"
+      ]
+    },
+    {
+      "id": "text-2",
+      "component": "Text",
+      "textContent": "TOOLS"
+    },
+    {
+      "id": "button-3",
+      "component": "Button"
+    },
+    {
+      "id": "button-4",
+      "component": "Button"
+    },
+    {
+      "id": "button-5",
+      "component": "Button"
+    },
+    {
+      "id": "column-3",
+      "component": "Column",
+      "gap": "1",
+      "children": [
+        "text-2",
+        "button-3",
+        "button-4",
+        "button-5"
+      ]
+    },
+    {
+      "id": "text-3",
+      "component": "Text",
+      "textContent": "NAVIGATION"
+    },
+    {
+      "id": "button-6",
+      "component": "Button"
+    },
+    {
+      "id": "button-7",
+      "component": "Button"
+    },
+    {
+      "id": "column-4",
+      "component": "Column",
+      "gap": "1",
+      "children": [
+        "text-3",
+        "button-6",
+        "button-7"
+      ]
+    },
+    {
+      "id": "column",
+      "component": "Column",
+      "gap": "3",
+      "children": [
+        "column-2",
+        "column-3",
+        "column-4"
+      ]
+    },
+    {
+      "id": "section",
+      "component": "Section",
+      "children": [
+        "column"
+      ]
+    },
+    {
+      "id": "card",
+      "component": "Card",
+      "children": [
+        "header",
+        "section"
+      ]
+    },
+    {
+      "id": "root",
+      "component": "Section",
+      "children": [
+        "card"
+      ]
+    }
+  ]
+}

package/chunks/agent-reasoning-collapsed.json

@@ -8,5 +8,59 @@
   "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": "catalog/ui-patterns/app/agent-reasoning-collapsed/agent-reasoning-collapsed.contents.html",
-  "captured_at": "2026-05-12T19:23:09.661Z"
+  "metadata": {
+    "domain": "agent",
+    "description": "Collapsible agent reasoning panel showing thought process + tool calls + interim results.",
+    "keywords": [
+      "agent",
+      "reasoning",
+      "thinking",
+      "thought-process",
+      "tool-calls",
+      "trace",
+      "transparency",
+      "interpretability"
+    ]
+  },
+  "captured_at": "2026-05-13T21:56:57.777Z",
+  "template": [
+    {
+      "id": "text",
+      "component": "Text",
+      "variant": "h3",
+      "textContent": "Reasoning"
+    },
+    {
+      "id": "text-2",
+      "component": "Text",
+      "textContent": "Collapsible intermediate steps"
+    },
+    {
+      "id": "header",
+      "component": "Header",
+      "children": [
+        "text",
+        "text-2"
+      ]
+    },
+    {
+      "id": "column",
+      "component": "Column"
+    },
+    {
+      "id": "section",
+      "component": "Section",
+      "children": [
+        "column"
+      ]
+    },
+    {
+      "id": "root",
+      "component": "Card",
+      "children": [
+        "header",
+        "section"
+      ]
+    }
+  ]
 }

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

@@ -0,0 +1,130 @@
+{
+  "name": "agent-tool-call-result",
+  "kind": "block",
+  "primary": "section",
+  "page": "/catalog/ui-patterns/v050-agent-blocks/v050-agent-blocks.contents.html",
+  "slots": [],
+  "nested": [],
+  "attrs": {},
+  "html": "<section>\n    <card-ui>\n      <header>\n        <row-ui gap=\"2\" align=\"center\">\n          <icon-ui name=\"terminal-window\" color=\"accent\"></icon-ui>\n          <text-ui strong>search_chunks</text-ui>\n          <tag-ui text=\"ok · 42ms\" color=\"success\" size=\"sm\"></tag-ui>\n        </row-ui>\n      </header>\n      <section>\n        <col-ui gap=\"3\">\n          <col-ui gap=\"1\">\n            <text-ui size=\"xs\" color=\"subtle\" tracking=\"wide\">ARGUMENTS</text-ui>\n            <code-ui language=\"json\" bare>{\n  \"intent\": \"login form with email and password\",\n  \"limit\": 5\n}</code-ui>\n          </col-ui>\n          <col-ui gap=\"1\">\n            <text-ui size=\"xs\" color=\"subtle\" tracking=\"wide\">RESULT (5 matches)</text-ui>\n            <code-ui language=\"json\" bare>[\n  { \"name\": \"auth-signin-card-password\", \"score\": 41 },\n  { \"name\": \"auth-password-reset\", \"score\": 38 },\n  { \"name\": \"auth-signin-card-email\", \"score\": 36 }\n]</code-ui>\n          </col-ui>\n        </col-ui>\n      </section>\n    </card-ui>\n  </section>",
+  "source": "catalog/ui-patterns/v050-agent-blocks/v050-agent-blocks.contents.html",
+  "metadata": {
+    "domain": "agent",
+    "description": "Tool-call result card — tool name + arguments JSON + result preview + status pill + expand/collapse.",
+    "keywords": [
+      "tool-call",
+      "function-call",
+      "result",
+      "agent",
+      "tool",
+      "ai",
+      "mcp",
+      "arguments",
+      "output",
+      "expand",
+      "collapse"
+    ]
+  },
+  "captured_at": "2026-05-13T21:56:57.777Z",
+  "template": [
+    {
+      "id": "terminal-window",
+      "component": "Icon"
+    },
+    {
+      "id": "text",
+      "component": "Text",
+      "textContent": "search_chunks"
+    },
+    {
+      "id": "tag",
+      "component": "Tag"
+    },
+    {
+      "id": "row",
+      "component": "Row",
+      "gap": "2",
+      "children": [
+        "terminal-window",
+        "text",
+        "tag"
+      ]
+    },
+    {
+      "id": "header",
+      "component": "Header",
+      "children": [
+        "row"
+      ]
+    },
+    {
+      "id": "text-2",
+      "component": "Text",
+      "textContent": "ARGUMENTS"
+    },
+    {
+      "id": "code",
+      "component": "Code",
+      "textContent": "{ \"intent\": \"login form with email and password\", \"limit\": 5 }"
+    },
+    {
+      "id": "column-2",
+      "component": "Column",
+      "gap": "1",
+      "children": [
+        "text-2",
+        "code"
+      ]
+    },
+    {
+      "id": "text-3",
+      "component": "Text",
+      "textContent": "RESULT (5 matches)"
+    },
+    {
+      "id": "code-2",
+      "component": "Code",
+      "textContent": "[ { \"name\": \"auth-signin-card-password\", \"score\": 41 }, { \"name\": \"auth-password-reset\", \"score\": 38 }, { \"name\": \"auth-signin-card-email\", \"score\": 36 } ]"
+    },
+    {
+      "id": "column-3",
+      "component": "Column",
+      "gap": "1",
+      "children": [
+        "text-3",
+        "code-2"
+      ]
+    },
+    {
+      "id": "column",
+      "component": "Column",
+      "gap": "3",
+      "children": [
+        "column-2",
+        "column-3"
+      ]
+    },
+    {
+      "id": "section",
+      "component": "Section",
+      "children": [
+        "column"
+      ]
+    },
+    {
+      "id": "card",
+      "component": "Card",
+      "children": [
+        "header",
+        "section"
+      ]
+    },
+    {
+      "id": "root",
+      "component": "Section",
+      "children": [
+        "card"
+      ]
+    }
+  ]
+}