@adia-ai/a2ui-corpus 0.4.8 → 0.5.0

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-13T20:06:48.496Z",
+  "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-13T20:06:48.496Z"
 }

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-13T20:06:48.496Z",
+  "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-13T20:06:48.496Z",
+  "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-13T20:06:48.496Z",
+  "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"
+      ]
+    }
+  ]
+}

package/chunks/agent-trace-timeline.json

@@ -0,0 +1,201 @@
+{
+  "name": "agent-trace-timeline",
+  "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        <text-ui strong>Generation trace</text-ui>\n        <text-ui size=\"sm\" color=\"subtle\">2.4s total · auto/free-form-composed</text-ui>\n      </header>\n      <section>\n        <col-ui gap=\"2\">\n          <row-ui gap=\"3\" align=\"center\">\n            <tag-ui text=\"✓\" color=\"success\" size=\"sm\"></tag-ui>\n            <text-ui strong size=\"sm\">interpret</text-ui>\n            <text-ui size=\"sm\" color=\"subtle\">domain=auth · confidence=0.88</text-ui>\n            <text-ui size=\"xs\" color=\"subtle\">120ms</text-ui>\n          </row-ui>\n          <row-ui gap=\"3\" align=\"center\">\n            <tag-ui text=\"✓\" color=\"success\" size=\"sm\"></tag-ui>\n            <text-ui strong size=\"sm\">search</text-ui>\n            <text-ui size=\"sm\" color=\"subtle\">zettel · no strong match (top: 28)</text-ui>\n            <text-ui size=\"xs\" color=\"subtle\">340ms</text-ui>\n          </row-ui>\n          <row-ui gap=\"3\" align=\"center\">\n            <tag-ui text=\"✓\" color=\"success\" size=\"sm\"></tag-ui>\n            <text-ui strong size=\"sm\">compose</text-ui>\n            <text-ui size=\"sm\" color=\"subtle\">free-form · 3 ingredients picked</text-ui>\n            <text-ui size=\"xs\" color=\"subtle\">1880ms</text-ui>\n          </row-ui>\n          <row-ui gap=\"3\" align=\"center\">\n            <tag-ui text=\"✓\" color=\"success\" size=\"sm\"></tag-ui>\n            <text-ui strong size=\"sm\">assemble</text-ui>\n            <text-ui size=\"sm\" color=\"subtle\">18 components · 85/100</text-ui>\n            <text-ui size=\"xs\" color=\"subtle\">60ms</text-ui>\n          </row-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": "Agent execution trace — sequential stages (interpret / search / compose / assemble) with timing per stage.",
+    "keywords": [
+      "agent",
+      "trace",
+      "timeline",
+      "execution",
+      "stages",
+      "timing",
+      "reasoning",
+      "pipeline",
+      "steps",
+      "interpretability"
+    ]
+  },
+  "captured_at": "2026-05-13T20:06:48.496Z",
+  "template": [
+    {
+      "id": "text",
+      "component": "Text",
+      "textContent": "Generation trace"
+    },
+    {
+      "id": "text-2",
+      "component": "Text",
+      "textContent": "2.4s total · auto/free-form-composed"
+    },
+    {
+      "id": "header",
+      "component": "Header",
+      "children": [
+        "text",
+        "text-2"
+      ]
+    },
+    {
+      "id": "tag",
+      "component": "Tag"
+    },
+    {
+      "id": "text-3",
+      "component": "Text",
+      "textContent": "interpret"
+    },
+    {
+      "id": "text-4",
+      "component": "Text",
+      "textContent": "domain=auth · confidence=0.88"
+    },
+    {
+      "id": "text-5",
+      "component": "Text",
+      "textContent": "120ms"
+    },
+    {
+      "id": "row",
+      "component": "Row",
+      "gap": "3",
+      "children": [
+        "tag",
+        "text-3",
+        "text-4",
+        "text-5"
+      ]
+    },
+    {
+      "id": "tag-2",
+      "component": "Tag"
+    },
+    {
+      "id": "text-6",
+      "component": "Text",
+      "textContent": "search"
+    },
+    {
+      "id": "text-7",
+      "component": "Text",
+      "textContent": "zettel · no strong match (top: 28)"
+    },
+    {
+      "id": "text-8",
+      "component": "Text",
+      "textContent": "340ms"
+    },
+    {
+      "id": "row-2",
+      "component": "Row",
+      "gap": "3",
+      "children": [
+        "tag-2",
+        "text-6",
+        "text-7",
+        "text-8"
+      ]
+    },
+    {
+      "id": "tag-3",
+      "component": "Tag"
+    },
+    {
+      "id": "text-9",
+      "component": "Text",
+      "textContent": "compose"
+    },
+    {
+      "id": "text-10",
+      "component": "Text",
+      "textContent": "free-form · 3 ingredients picked"
+    },
+    {
+      "id": "text-11",
+      "component": "Text",
+      "textContent": "1880ms"
+    },
+    {
+      "id": "row-3",
+      "component": "Row",
+      "gap": "3",
+      "children": [
+        "tag-3",
+        "text-9",
+        "text-10",
+        "text-11"
+      ]
+    },
+    {
+      "id": "tag-4",
+      "component": "Tag"
+    },
+    {
+      "id": "text-12",
+      "component": "Text",
+      "textContent": "assemble"
+    },
+    {
+      "id": "text-13",
+      "component": "Text",
+      "textContent": "18 components · 85/100"
+    },
+    {
+      "id": "text-14",
+      "component": "Text",
+      "textContent": "60ms"
+    },
+    {
+      "id": "row-4",
+      "component": "Row",
+      "gap": "3",
+      "children": [
+        "tag-4",
+        "text-12",
+        "text-13",
+        "text-14"
+      ]
+    },
+    {
+      "id": "column",
+      "component": "Column",
+      "gap": "2",
+      "children": [
+        "row",
+        "row-2",
+        "row-3",
+        "row-4"
+      ]
+    },
+    {
+      "id": "section",
+      "component": "Section",
+      "children": [
+        "column"
+      ]
+    },
+    {
+      "id": "card",
+      "component": "Card",
+      "children": [
+        "header",
+        "section"
+      ]
+    },
+    {
+      "id": "root",
+      "component": "Section",
+      "children": [
+        "card"
+      ]
+    }
+  ]
+}