@adia-ai/a2ui-corpus 0.0.1 → 0.0.3

package/chunks/accordion-basic.json

@@ -0,0 +1,15 @@
+{
+  "name": "accordion-basic",
+  "kind": "block",
+  "primary": "section",
+  "page": "/site/components/accordion",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "data-section": "",
+    "data-property": "basic"
+  },
+  "html": "<section data-section data-property=\"basic\" data-chunk=\"accordion-basic\">\n  <h2 variant=\"section\">basic</h2>\n  <p data-note>Click a header to expand its content. By default, only one item is open at a time.</p>\n  <div data-artifact-container>\n  <div data-artifact-item data-artifact-label=\"accordion\">\n    <accordion-ui>\n          <accordion-item-ui text=\"What is AdiaUI?\">\n            <p>AdiaUI is a zero-dependency vanilla JS web component library for building modern interfaces. It uses native custom elements, OKLCH colors, and @scope CSS isolation.</p>\n          </accordion-item-ui>\n          <accordion-item-ui text=\"Do I need a build tool?\">\n            <p>No. AdiaUI components are plain ES modules. Import them directly in a script tag or from a module bundler -- both work without configuration.</p>\n          </accordion-item-ui>\n          <accordion-item-ui text=\"How are styles scoped?\">\n            <p>Each component uses CSS @scope blocks keyed to the element tag name. This provides isolation without Shadow DOM, keeping components inspectable in DevTools.</p>\n          </accordion-item-ui>\n        </accordion-ui>\n  </div>\n</div>\n</section>",
+  "source": "site/pages/components/accordion/index.html",
+  "captured_at": "2026-04-28T04:46:20.743Z"
+}

package/chunks/accordion-combinations.json

@@ -0,0 +1,15 @@
+{
+  "name": "accordion-combinations",
+  "kind": "block",
+  "primary": "section",
+  "page": "/site/components/accordion",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "data-section": "",
+    "data-property": "combinations"
+  },
+  "html": "<section data-section data-property=\"combinations\" data-chunk=\"accordion-combinations\">\n  <h2 variant=\"section\">Combinations</h2>\n  <p data-note>Accordion items can contain any HTML, including other AdiaUI components.</p>\n  <div data-artifact-container>\n  <div data-artifact-item data-artifact-label=\"accordion\">\n    <accordion-ui>\n          <accordion-item-ui text=\"Account Settings\">\n            <div style=\"display:flex; flex-direction:column; gap:var(--a-space-3);\">\n              <field-ui label=\"Display Name\">\n                <input-ui placeholder=\"Enter name\"></input-ui>\n              </field-ui>\n              <field-ui label=\"Email\">\n                <input-ui placeholder=\"name@example.com\"></input-ui>\n              </field-ui>\n              <button-ui text=\"Save\" variant=\"primary\"></button-ui>\n            </div>\n          </accordion-item-ui>\n          <accordion-item-ui text=\"Notification Preferences\">\n            <div style=\"display:flex; flex-direction:column; gap:var(--a-space-2);\">\n              <field-ui label=\"Email notifications\" inline>\n                <switch-ui checked></switch-ui>\n              </field-ui>\n              <field-ui label=\"Push notifications\" inline>\n                <switch-ui></switch-ui>\n              </field-ui>\n              <field-ui label=\"SMS alerts\" inline>\n                <switch-ui></switch-ui>\n              </field-ui>\n            </div>\n          </accordion-item-ui>\n          <accordion-item-ui text=\"Danger Zone\">\n            <p style=\"margin-bottom:var(--a-space-3);\">Permanently delete your account and all associated data.</p>\n            <button-ui text=\"Delete Account\" color=\"danger\"></button-ui>\n          </accordion-item-ui>\n        </accordion-ui>\n  </div>\n</div>\n</section>",
+  "source": "site/pages/components/accordion/index.html",
+  "captured_at": "2026-04-28T04:46:20.743Z"
+}

package/chunks/accordion-edge-cases.json

@@ -0,0 +1,15 @@
+{
+  "name": "accordion-edge-cases",
+  "kind": "block",
+  "primary": "section",
+  "page": "/site/components/accordion",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "data-section": "",
+    "data-property": "edge-cases"
+  },
+  "html": "<section data-section data-property=\"edge-cases\" data-chunk=\"accordion-edge-cases\">\n  <h2 variant=\"section\">Edge Cases</h2>\n  <p data-note>Boundary conditions.</p>\n  <div data-artifact-container>\n  <div data-artifact-item data-artifact-label=\"accordion\">\n    <accordion-ui>\n          <accordion-item-ui text=\"Solo Item\">\n            <p>A single accordion item with no siblings.</p>\n          </accordion-item-ui>\n        </accordion-ui>\n  </div>\n  <div data-artifact-item data-artifact-label=\"accordion\">\n    <accordion-ui>\n          <accordion-item-ui text=\"Empty Content\"></accordion-item-ui>\n        </accordion-ui>\n  </div>\n</div>\n</section>",
+  "source": "site/pages/components/accordion/index.html",
+  "captured_at": "2026-04-28T04:46:20.743Z"
+}

package/chunks/accordion-multiple.json

@@ -0,0 +1,15 @@
+{
+  "name": "accordion-multiple",
+  "kind": "block",
+  "primary": "section",
+  "page": "/site/components/accordion",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "data-section": "",
+    "data-property": "multiple"
+  },
+  "html": "<section data-section data-property=\"multiple\" data-chunk=\"accordion-multiple\">\n  <h2 variant=\"section\">multiple</h2>\n  <p data-note>Set the multiple attribute to allow more than one item open simultaneously.</p>\n  <div data-artifact-container>\n  <div data-artifact-item data-artifact-label=\"accordion\">\n    <accordion-ui multiple>\n          <accordion-item-ui text=\"Section A\" open>\n            <p>This section starts open and remains open when you expand other sections.</p>\n          </accordion-item-ui>\n          <accordion-item-ui text=\"Section B\">\n            <p>Open this alongside Section A to see multiple open behavior.</p>\n          </accordion-item-ui>\n          <accordion-item-ui text=\"Section C\">\n            <p>All three can be expanded at the same time.</p>\n          </accordion-item-ui>\n        </accordion-ui>\n  </div>\n</div>\n</section>",
+  "source": "site/pages/components/accordion/index.html",
+  "captured_at": "2026-04-28T04:46:20.743Z"
+}

package/chunks/accordion-open.json

@@ -0,0 +1,15 @@
+{
+  "name": "accordion-open",
+  "kind": "block",
+  "primary": "section",
+  "page": "/site/components/accordion",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "data-section": "",
+    "data-property": "open"
+  },
+  "html": "<section data-section data-property=\"open\" data-chunk=\"accordion-open\">\n  <h2 variant=\"section\">pre-opened</h2>\n  <p data-note>Use the open attribute on any accordion-item-ui to expand it on load.</p>\n  <div data-artifact-container>\n  <div data-artifact-item data-artifact-label=\"accordion\">\n    <accordion-ui>\n          <accordion-item-ui text=\"Closed by default\">\n            <p>This item is collapsed initially.</p>\n          </accordion-item-ui>\n          <accordion-item-ui text=\"Open by default\" open>\n            <p>This item renders expanded because it has the open attribute.</p>\n          </accordion-item-ui>\n          <accordion-item-ui text=\"Also closed\">\n            <p>Another collapsed item.</p>\n          </accordion-item-ui>\n        </accordion-ui>\n  </div>\n</div>\n</section>",
+  "source": "site/pages/components/accordion/index.html",
+  "captured_at": "2026-04-28T04:46:20.743Z"
+}

package/chunks/action-list-basic.json

@@ -0,0 +1,15 @@
+{
+  "name": "action-list-basic",
+  "kind": "block",
+  "primary": "section",
+  "page": "/site/components/action-list",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "data-section": "",
+    "data-property": "basic"
+  },
+  "html": "<section data-section data-property=\"basic\" data-chunk=\"action-list-basic\">\n  <h2 variant=\"section\">Basic</h2>\n  <p data-note>Simple text-only action items.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"text only\">\n      <action-list-ui>\n        <action-item-ui text=\"New Project\" value=\"new\"></action-item-ui>\n        <action-item-ui text=\"Import Data\" value=\"import\"></action-item-ui>\n        <action-item-ui text=\"Export Report\" value=\"export\"></action-item-ui>\n      </action-list-ui>\n      </div>\n  </div>\n</section>",
+  "source": "site/pages/components/action-list/index.html",
+  "captured_at": "2026-04-28T04:46:20.743Z"
+}

package/chunks/action-list-combo.json

@@ -0,0 +1,15 @@
+{
+  "name": "action-list-combo",
+  "kind": "block",
+  "primary": "section",
+  "page": "/site/components/action-list",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "data-section": "",
+    "data-combo": ""
+  },
+  "html": "<section data-section data-combo data-chunk=\"action-list-combo\">\n  <h2 variant=\"section\">Combinations</h2>\n  <p data-note>Real-world patterns mixing icons, danger, and disabled states.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"full pattern\">\n      <action-list-ui>\n        <action-item-ui icon=\"eye\" text=\"View Details\" value=\"view\"></action-item-ui>\n        <action-item-ui icon=\"pencil\" text=\"Edit\" value=\"edit\"></action-item-ui>\n        <action-item-ui icon=\"copy\" text=\"Duplicate\" value=\"duplicate\"></action-item-ui>\n        <action-item-ui icon=\"share\" text=\"Share\" value=\"share\" disabled></action-item-ui>\n        <action-item-ui icon=\"trash\" text=\"Delete\" value=\"delete\" variant=\"danger\"></action-item-ui>\n      </action-list-ui>\n      </div>\n  </div>\n  <div data-artifact-container data-mt-sm>\n    <div data-artifact-item data-artifact-label=\"file actions\">\n      <action-list-ui>\n        <action-item-ui icon=\"file-plus\" text=\"New File\" value=\"new-file\"></action-item-ui>\n        <action-item-ui icon=\"folder-plus\" text=\"New Folder\" value=\"new-folder\"></action-item-ui>\n        <action-item-ui icon=\"upload\" text=\"Upload\" value=\"upload\"></action-item-ui>\n      </action-list-ui>\n      </div>\n  </div>\n</section>",
+  "source": "site/pages/components/action-list/index.html",
+  "captured_at": "2026-04-28T04:46:20.743Z"
+}

package/chunks/action-list-danger.json

@@ -0,0 +1,15 @@
+{
+  "name": "action-list-danger",
+  "kind": "block",
+  "primary": "section",
+  "page": "/site/components/action-list",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "data-section": "",
+    "data-property": "danger"
+  },
+  "html": "<section data-section data-property=\"danger\" data-chunk=\"action-list-danger\">\n  <h2 variant=\"section\">Destructive Items</h2>\n  <p data-note>Set <code>variant=\"danger\"</code> for destructive actions like delete or remove.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"danger variant\">\n      <action-list-ui>\n        <action-item-ui icon=\"pencil\" text=\"Edit\" value=\"edit\"></action-item-ui>\n        <action-item-ui icon=\"copy\" text=\"Duplicate\" value=\"duplicate\"></action-item-ui>\n        <action-item-ui icon=\"archive\" text=\"Archive\" value=\"archive\"></action-item-ui>\n        <action-item-ui icon=\"trash\" text=\"Delete\" value=\"delete\" variant=\"danger\"></action-item-ui>\n      </action-list-ui>\n      </div>\n  </div>\n</section>",
+  "source": "site/pages/components/action-list/index.html",
+  "captured_at": "2026-04-28T04:46:20.743Z"
+}

package/chunks/action-list-disabled.json

@@ -0,0 +1,15 @@
+{
+  "name": "action-list-disabled",
+  "kind": "block",
+  "primary": "section",
+  "page": "/site/components/action-list",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "data-section": "",
+    "data-property": "disabled"
+  },
+  "html": "<section data-section data-property=\"disabled\" data-chunk=\"action-list-disabled\">\n  <h2 variant=\"section\">Disabled Items</h2>\n  <p data-note>Disabled items are visible but not interactive. They are skipped during keyboard navigation.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"mixed disabled\">\n      <action-list-ui>\n        <action-item-ui icon=\"plus\" text=\"New Project\" value=\"new\"></action-item-ui>\n        <action-item-ui icon=\"users\" text=\"Invite Team\" value=\"invite\" disabled></action-item-ui>\n        <action-item-ui icon=\"download\" text=\"Export Data\" value=\"export\"></action-item-ui>\n        <action-item-ui icon=\"gear\" text=\"Settings\" value=\"settings\" disabled></action-item-ui>\n      </action-list-ui>\n      </div>\n  </div>\n</section>",
+  "source": "site/pages/components/action-list/index.html",
+  "captured_at": "2026-04-28T04:46:20.743Z"
+}

package/chunks/action-list-edge.json

@@ -0,0 +1,15 @@
+{
+  "name": "action-list-edge",
+  "kind": "block",
+  "primary": "section",
+  "page": "/site/components/action-list",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "data-section": "",
+    "data-edge": ""
+  },
+  "html": "<section data-section data-edge data-chunk=\"action-list-edge\">\n  <h2 variant=\"section\">Edge Cases</h2>\n  <p data-note>Boundary conditions.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"single item\">\n      <action-list-ui>\n        <action-item-ui icon=\"star\" text=\"Only Action\" value=\"only\"></action-item-ui>\n      </action-list-ui>\n      </div>\n    <div data-artifact-item data-artifact-label=\"long text\">\n      <action-list-ui>\n        <action-item-ui text=\"A very long action label that should truncate when space is limited\" value=\"long\"></action-item-ui>\n        <action-item-ui text=\"Short\" value=\"short\"></action-item-ui>\n      </action-list-ui>\n      </div>\n    <div data-artifact-item data-artifact-label=\"all disabled\">\n      <action-list-ui>\n        <action-item-ui icon=\"x\" text=\"All Disabled\" value=\"a\" disabled></action-item-ui>\n        <action-item-ui icon=\"x\" text=\"All Disabled\" value=\"b\" disabled></action-item-ui>\n      </action-list-ui>\n      </div>\n  </div>\n</section>",
+  "source": "site/pages/components/action-list/index.html",
+  "captured_at": "2026-04-28T04:46:20.743Z"
+}

package/chunks/action-list-icon.json

@@ -0,0 +1,15 @@
+{
+  "name": "action-list-icon",
+  "kind": "block",
+  "primary": "section",
+  "page": "/site/components/action-list",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "data-section": "",
+    "data-property": "icon"
+  },
+  "html": "<section data-section data-property=\"icon\" data-chunk=\"action-list-icon\">\n  <h2 variant=\"section\">With Icons</h2>\n  <p data-note>Leading icons provide visual anchoring for each action.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"with icons\">\n      <action-list-ui>\n        <action-item-ui icon=\"plus\" text=\"New Project\" value=\"new\"></action-item-ui>\n        <action-item-ui icon=\"users\" text=\"Invite Team\" value=\"invite\"></action-item-ui>\n        <action-item-ui icon=\"download\" text=\"Export Data\" value=\"export\"></action-item-ui>\n        <action-item-ui icon=\"gear\" text=\"Settings\" value=\"settings\"></action-item-ui>\n      </action-list-ui>\n      </div>\n  </div>\n</section>",
+  "source": "site/pages/components/action-list/index.html",
+  "captured_at": "2026-04-28T04:46:20.743Z"
+}

package/chunks/agent-artifact-code.json

@@ -0,0 +1,15 @@
+{
+  "name": "agent-artifact-code",
+  "kind": "block",
+  "primary": "section",
+  "page": "/site/components/agent-artifact",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "data-section": "",
+    "data-property": "code"
+  },
+  "html": "<section data-section data-property=\"code\" data-chunk=\"agent-artifact-code\">\n  <h2 variant=\"section\">code body</h2>\n  <p data-note>Ticket preview with primary + secondary action buttons in the header. Body is a <code>code-ui</code>.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"code\">\n      <agent-artifact-ui title=\"product-card-v2\" kind=\"A2UI\" icon=\"layout\">\n        <button-ui slot=\"primary\" text=\"Open in canvas\" icon=\"arrows-out-simple\" variant=\"outline\" size=\"sm\"></button-ui>\n        <button-ui slot=\"secondary\" text=\"Copy\" icon=\"copy\" variant=\"ghost\" size=\"sm\"></button-ui>\n        <code-ui language=\"json\">{\n  \"$schema\": \"a2ui-0.9\",\n  \"messages\": [\n    { \"type\": \"updateComponents\", \"surfaceId\": \"gen\", \"components\": [\n      { \"id\": \"root\",   \"component\": \"Card\", \"children\": [\"img\", \"body\"] },\n      { \"id\": \"img\",    \"component\": \"Image\", \"src\": \"/assets/hero.jpg\" },\n      { \"id\": \"body\",   \"component\": \"Section\", \"children\": [\"title\", \"price\"] },\n      { \"id\": \"title\",  \"component\": \"Text\", \"variant\": \"h3\", \"textContent\": \"Premium Wireless Headphones\" },\n      { \"id\": \"price\",  \"component\": \"Text\", \"variant\": \"h2\", \"textContent\": \"$129.99\" }\n    ]}\n  ]\n}</code-ui>\n      </agent-artifact-ui>\n    </div>\n  </div>\n</section>",
+  "source": "site/pages/components/agent-artifact/index.html",
+  "captured_at": "2026-04-28T04:46:20.743Z"
+}

package/chunks/agent-artifact-tone.json

@@ -0,0 +1,15 @@
+{
+  "name": "agent-artifact-tone",
+  "kind": "block",
+  "primary": "section",
+  "page": "/site/components/agent-artifact",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "data-section": "",
+    "data-property": "tone"
+  },
+  "html": "<section data-section data-property=\"tone\" data-chunk=\"agent-artifact-tone\">\n  <h2 variant=\"section\">tones</h2>\n  <p data-note>Border color shifts on tone — useful for flagging tickets or warnings.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"tone\">\n      <agent-artifact-ui title=\"validation-failed\" kind=\"TICKET\" icon=\"warning\" tone=\"warning\">\n        <button-ui slot=\"secondary\" text=\"Download\" icon=\"download\" variant=\"ghost\" size=\"sm\"></button-ui>\n        <div style=\"font-size: var(--a-ui-sm); color: var(--a-fg-muted); line-height: 1.5;\">\n          Validation score 62/100 — the output is missing a price badge and has an unlabeled button. Retrying would help.\n        </div>\n      </agent-artifact-ui>\n    </div>\n  </div>\n\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"tone\">\n      <agent-artifact-ui title=\"suggestion-accepted\" kind=\"NOTE\" icon=\"check-circle\" tone=\"accent\" collapsed>\n        <div style=\"font-size: var(--a-ui-sm); color: var(--a-fg-muted);\">\n          Collapsed artifact — click the header to expand.\n        </div>\n      </agent-artifact-ui>\n    </div>\n  </div>\n</section>",
+  "source": "site/pages/components/agent-artifact/index.html",
+  "captured_at": "2026-04-28T04:46:20.743Z"
+}

package/chunks/agent-feedback-bar-basic.json

@@ -0,0 +1,15 @@
+{
+  "name": "agent-feedback-bar-basic",
+  "kind": "block",
+  "primary": "section",
+  "page": "/site/components/agent-feedback-bar",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "data-section": "",
+    "data-property": "basic"
+  },
+  "html": "<section data-section data-property=\"basic\" data-chunk=\"agent-feedback-bar-basic\">\n  <h2 variant=\"section\">thumbs only</h2>\n  <p data-note>Without <code>save-label</code>, the save button is hidden.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"basic\">\n      <agent-feedback-bar-ui id=\"demo-basic\"></agent-feedback-bar-ui>\n    </div>\n  </div>\n</section>",
+  "source": "site/pages/components/agent-feedback-bar/index.html",
+  "captured_at": "2026-04-28T04:46:20.743Z"
+}

package/chunks/agent-feedback-bar-save.json

@@ -0,0 +1,15 @@
+{
+  "name": "agent-feedback-bar-save",
+  "kind": "block",
+  "primary": "section",
+  "page": "/site/components/agent-feedback-bar",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "data-section": "",
+    "data-property": "save"
+  },
+  "html": "<section data-section data-property=\"save\" data-chunk=\"agent-feedback-bar-save\">\n  <h2 variant=\"section\">with save</h2>\n  <p data-note>Adding <code>save-label</code> surfaces the save button. Host may call <code>.setStatus()</code> to acknowledge.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"save\">\n      <agent-feedback-bar-ui id=\"demo-save\" save-label=\"Save pattern\"></agent-feedback-bar-ui>\n    </div>\n  </div>\n</section>",
+  "source": "site/pages/components/agent-feedback-bar/index.html",
+  "captured_at": "2026-04-28T04:46:20.743Z"
+}

package/chunks/agent-questions-multi.json

@@ -0,0 +1,15 @@
+{
+  "name": "agent-questions-multi",
+  "kind": "block",
+  "primary": "section",
+  "page": "/site/components/agent-questions",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "data-section": "",
+    "data-property": "multi"
+  },
+  "html": "<section data-section data-property=\"multi\" data-chunk=\"agent-questions-multi\">\n  <h2 variant=\"section\">multi select</h2>\n  <p data-note>In <code>multi</code> mode the submit button fires once per answer with all selected ids.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"multi\">\n      <agent-questions-ui\n        id=\"demo-multi\"\n        multi\n        question=\"Which features should we include?\"\n        helper=\"Select any that apply.\"\n        submit-label=\"Generate\"\n      ></agent-questions-ui>\n    </div>\n  </div>\n</section>",
+  "source": "site/pages/components/agent-questions/index.html",
+  "captured_at": "2026-04-28T04:46:20.743Z"
+}

package/chunks/agent-questions-single.json

@@ -0,0 +1,15 @@
+{
+  "name": "agent-questions-single",
+  "kind": "block",
+  "primary": "section",
+  "page": "/site/components/agent-questions",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "data-section": "",
+    "data-property": "single"
+  },
+  "html": "<section data-section data-property=\"single\" data-chunk=\"agent-questions-single\">\n  <h2 variant=\"section\">single select</h2>\n  <p data-note>Picking an option fires <code>questions-answer</code> immediately and locks the card.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"single\">\n      <agent-questions-ui\n        id=\"demo-single\"\n        question=\"Which direction fits best?\"\n        helper=\"Pick one — we can revisit later.\"\n      ></agent-questions-ui>\n    </div>\n  </div>\n</section>",
+  "source": "site/pages/components/agent-questions/index.html",
+  "captured_at": "2026-04-28T04:46:20.743Z"
+}

package/chunks/agent-reasoning-iterations.json

@@ -0,0 +1,15 @@
+{
+  "name": "agent-reasoning-iterations",
+  "kind": "block",
+  "primary": "section",
+  "page": "/site/components/agent-reasoning",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "data-section": "",
+    "data-property": "iterations"
+  },
+  "html": "<section data-section data-property=\"iterations\" data-chunk=\"agent-reasoning-iterations\">\n  <h2 variant=\"section\">iterations</h2>\n  <p data-note>Retries are modeled as iteration blocks. Each block has its own sub-timeline and a status icon + summary when it closes.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"2-attempt retry\">\n      <agent-reasoning-ui id=\"demo-iter\" collapsed no-autocollapse></agent-reasoning-ui>\n      </div>\n  </div>\n</section>",
+  "source": "site/pages/components/agent-reasoning/index.html",
+  "captured_at": "2026-04-28T04:46:20.743Z"
+}

package/chunks/agent-reasoning-plan-and-thoughts.json

@@ -0,0 +1,15 @@
+{
+  "name": "agent-reasoning-plan-and-thoughts",
+  "kind": "block",
+  "primary": "section",
+  "page": "/site/components/agent-reasoning",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "data-section": "",
+    "data-property": "plan-and-thoughts"
+  },
+  "html": "<section data-section data-property=\"plan-and-thoughts\" data-chunk=\"agent-reasoning-plan-and-thoughts\">\n  <h2 variant=\"section\">plan + thoughts</h2>\n  <p data-note>An up-front plan framed in a subtle panel, then free-form thoughts that narrate the agent's decision-making, intermixed with steps.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"plan + monologue\">\n      <agent-reasoning-ui id=\"demo-plan\" collapsed no-autocollapse></agent-reasoning-ui>\n      </div>\n  </div>\n</section>",
+  "source": "site/pages/components/agent-reasoning/index.html",
+  "captured_at": "2026-04-28T04:46:20.743Z"
+}

package/chunks/agent-reasoning-steps-only.json

@@ -0,0 +1,15 @@
+{
+  "name": "agent-reasoning-steps-only",
+  "kind": "block",
+  "primary": "section",
+  "page": "/site/components/agent-reasoning",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "data-section": "",
+    "data-property": "steps-only"
+  },
+  "html": "<section data-section data-property=\"steps-only\" data-chunk=\"agent-reasoning-steps-only\">\n  <h2 variant=\"section\">steps</h2>\n  <p data-note>A classic pipeline of steps with duration and outcomes. Auto-completes the active step when the next one is added.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"3 sequential steps\">\n      <agent-reasoning-ui id=\"demo-steps\" collapsed></agent-reasoning-ui>\n      </div>\n  </div>\n</section>",
+  "source": "site/pages/components/agent-reasoning/index.html",
+  "captured_at": "2026-04-28T04:46:20.743Z"
+}

package/chunks/agent-suggestions-basic.json

@@ -0,0 +1,15 @@
+{
+  "name": "agent-suggestions-basic",
+  "kind": "block",
+  "primary": "section",
+  "page": "/site/components/agent-suggestions",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "data-section": "",
+    "data-property": "basic"
+  },
+  "html": "<section data-section data-property=\"basic\" data-chunk=\"agent-suggestions-basic\">\n  <h2 variant=\"section\">basic</h2>\n  <p data-note>Outline chips; label falls through to prompt when prompt is omitted.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"basic\">\n      <agent-suggestions-ui id=\"demo-basic\"></agent-suggestions-ui>\n    </div>\n  </div>\n</section>",
+  "source": "site/pages/components/agent-suggestions/index.html",
+  "captured_at": "2026-04-28T04:46:20.743Z"
+}

package/chunks/agent-suggestions-ghost.json

@@ -0,0 +1,15 @@
+{
+  "name": "agent-suggestions-ghost",
+  "kind": "block",
+  "primary": "section",
+  "page": "/site/components/agent-suggestions",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "data-section": "",
+    "data-property": "ghost"
+  },
+  "html": "<section data-section data-property=\"ghost\" data-chunk=\"agent-suggestions-ghost\">\n  <h2 variant=\"section\">variant=\"ghost\"</h2>\n  <p data-note>Quieter chrome for dense chat surfaces.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"ghost\">\n      <agent-suggestions-ui id=\"demo-ghost\" variant=\"ghost\"></agent-suggestions-ui>\n    </div>\n  </div>\n</section>",
+  "source": "site/pages/components/agent-suggestions/index.html",
+  "captured_at": "2026-04-28T04:46:20.743Z"
+}

package/chunks/agent-suggestions-icons.json

@@ -0,0 +1,15 @@
+{
+  "name": "agent-suggestions-icons",
+  "kind": "block",
+  "primary": "section",
+  "page": "/site/components/agent-suggestions",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "data-section": "",
+    "data-property": "icons"
+  },
+  "html": "<section data-section data-property=\"icons\" data-chunk=\"agent-suggestions-icons\">\n  <h2 variant=\"section\">with icons</h2>\n  <p data-note>Each option can include an icon for visual categorization.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"icons\">\n      <agent-suggestions-ui id=\"demo-icons\"></agent-suggestions-ui>\n    </div>\n  </div>\n</section>",
+  "source": "site/pages/components/agent-suggestions/index.html",
+  "captured_at": "2026-04-28T04:46:20.743Z"
+}

package/chunks/agent-trace-feedback.json

@@ -0,0 +1,15 @@
+{
+  "name": "agent-trace-feedback",
+  "kind": "block",
+  "primary": "section",
+  "page": "/site/components/agent-trace",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "data-section": "",
+    "data-property": "feedback"
+  },
+  "html": "<section data-section data-property=\"feedback\" data-chunk=\"agent-trace-feedback\">\n  <h2 variant=\"section\">training feedback</h2>\n  <p data-note>An optional icon-per-line block below the metrics for self-critique or training signal.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"feedback\">\n      <agent-trace-ui id=\"demo-feedback\"></agent-trace-ui>\n    </div>\n  </div>\n</section>",
+  "source": "site/pages/components/agent-trace/index.html",
+  "captured_at": "2026-04-28T04:46:20.743Z"
+}

package/chunks/agent-trace-metrics.json

@@ -0,0 +1,15 @@
+{
+  "name": "agent-trace-metrics",
+  "kind": "block",
+  "primary": "section",
+  "page": "/site/components/agent-trace",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "data-section": "",
+    "data-property": "metrics"
+  },
+  "html": "<section data-section data-property=\"metrics\" data-chunk=\"agent-trace-metrics\">\n  <h2 variant=\"section\">pills + metrics</h2>\n  <p data-note>When expanded, a 3-column grid (label / value / aux) surfaces the full metric breakdown.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"metrics\">\n      <agent-trace-ui id=\"demo-metrics\"></agent-trace-ui>\n    </div>\n  </div>\n</section>",
+  "source": "site/pages/components/agent-trace/index.html",
+  "captured_at": "2026-04-28T04:46:20.743Z"
+}

package/chunks/agent-trace-pills.json

@@ -0,0 +1,15 @@
+{
+  "name": "agent-trace-pills",
+  "kind": "block",
+  "primary": "section",
+  "page": "/site/components/agent-trace",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "data-section": "",
+    "data-property": "pills"
+  },
+  "html": "<section data-section data-property=\"pills\" data-chunk=\"agent-trace-pills\">\n  <h2 variant=\"section\">pills</h2>\n  <p data-note>Collapsed by default. Pills in the summary each have a dot (color based on tone) + value + label.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"pills\">\n      <agent-trace-ui id=\"demo-pills\"></agent-trace-ui>\n    </div>\n  </div>\n</section>",
+  "source": "site/pages/components/agent-trace/index.html",
+  "captured_at": "2026-04-28T04:46:20.743Z"
+}

package/chunks/alert-closable.json

@@ -0,0 +1,15 @@
+{
+  "name": "alert-closable",
+  "kind": "block",
+  "primary": "section",
+  "page": "/site/components/alert",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "data-section": "",
+    "data-property": "closable"
+  },
+  "html": "<section data-section data-property=\"closable\" data-chunk=\"alert-closable\">\n  <h2 variant=\"section\">closable</h2>\n  <p data-note>Adds a dismiss button that fires a close event.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"This can be dismissed\">\n      <alert-ui text=\"This can be dismissed\" closable></alert-ui>\n    </div>\n    <div data-artifact-item data-artifact-label=\"Not dismissible\">\n      <alert-ui text=\"Not dismissible\"></alert-ui>\n    </div>\n  </div>\n</section>",
+  "source": "site/pages/components/alert/index.html",
+  "captured_at": "2026-04-28T04:46:20.743Z"
+}

package/chunks/alert-combinations.json

@@ -0,0 +1,15 @@
+{
+  "name": "alert-combinations",
+  "kind": "block",
+  "primary": "section",
+  "page": "/site/components/alert",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "data-section": "",
+    "data-property": "combinations"
+  },
+  "html": "<section data-section data-property=\"combinations\" data-chunk=\"alert-combinations\">\n  <h2 variant=\"section\">Combinations</h2>\n  <p data-note>Icon + closable + each variant for a complete alert pattern.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"Default with icon\">\n      <alert-ui text=\"Default with icon\" icon=\"info\" closable></alert-ui>\n    </div>\n    <div data-artifact-item data-artifact-label=\"info\">\n      <alert-ui text=\"Info with icon\" variant=\"info\" icon=\"info\" closable></alert-ui>\n    </div>\n    <div data-artifact-item data-artifact-label=\"success\">\n      <alert-ui text=\"Success with icon\" variant=\"success\" icon=\"check-circle\" closable></alert-ui>\n    </div>\n    <div data-artifact-item data-artifact-label=\"warning\">\n      <alert-ui text=\"Warning with icon\" variant=\"warning\" icon=\"warning\" closable></alert-ui>\n    </div>\n    <div data-artifact-item data-artifact-label=\"danger\">\n      <alert-ui text=\"Error with icon\" variant=\"danger\" icon=\"x-circle\" closable></alert-ui>\n    </div>\n  </div>\n</section>",
+  "source": "site/pages/components/alert/index.html",
+  "captured_at": "2026-04-28T04:46:20.743Z"
+}

package/chunks/alert-edge-cases.json

@@ -0,0 +1,15 @@
+{
+  "name": "alert-edge-cases",
+  "kind": "block",
+  "primary": "section",
+  "page": "/site/components/alert",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "data-section": "",
+    "data-property": "edge-cases"
+  },
+  "html": "<section data-section data-property=\"edge-cases\" data-chunk=\"alert-edge-cases\">\n  <h2 variant=\"section\">Edge Cases</h2>\n  <p data-note>Boundary conditions.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"alert\">\n      <alert-ui></alert-ui>\n    </div>\n    <div data-artifact-item data-artifact-label=\"A very long alert message that describes…\">\n      <alert-ui\n        text=\"A very long alert message that describes the situation in great detail and might wrap to multiple lines depending on the container width\"\n      ></alert-ui>\n    </div>\n  </div>\n</section>",
+  "source": "site/pages/components/alert/index.html",
+  "captured_at": "2026-04-28T04:46:20.743Z"
+}

package/chunks/alert-icon.json

@@ -0,0 +1,15 @@
+{
+  "name": "alert-icon",
+  "kind": "block",
+  "primary": "section",
+  "page": "/site/components/alert",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "data-section": "",
+    "data-property": "icon"
+  },
+  "html": "<section data-section data-property=\"icon\" data-chunk=\"alert-icon\">\n  <h2 variant=\"section\">icon</h2>\n  <p data-note>Prepends a leading icon by Phosphor name.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"Helpful tip\">\n      <alert-ui text=\"Helpful tip\" icon=\"info\"></alert-ui>\n    </div>\n    <div data-artifact-item data-artifact-label=\"All good\">\n      <alert-ui text=\"All good\" icon=\"check-circle\"></alert-ui>\n    </div>\n    <div data-artifact-item data-artifact-label=\"Watch out\">\n      <alert-ui text=\"Watch out\" icon=\"warning\"></alert-ui>\n    </div>\n    <div data-artifact-item data-artifact-label=\"Failed\">\n      <alert-ui text=\"Failed\" icon=\"x-circle\"></alert-ui>\n    </div>\n  </div>\n</section>",
+  "source": "site/pages/components/alert/index.html",
+  "captured_at": "2026-04-28T04:46:20.743Z"
+}

package/chunks/alert-text.json

@@ -0,0 +1,15 @@
+{
+  "name": "alert-text",
+  "kind": "block",
+  "primary": "section",
+  "page": "/site/components/alert",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "data-section": "",
+    "data-property": "text"
+  },
+  "html": "<section data-section data-property=\"text\" data-chunk=\"alert-text\">\n  <h2 variant=\"section\">text</h2>\n  <p data-note>The alert's primary message, set via the <code>text</code> attribute.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"basic\"><alert-ui text=\"Operation complete.\"></alert-ui></div>\n    <div data-artifact-item data-artifact-label=\"success\"><alert-ui text=\"Your changes were saved.\" variant=\"success\"></alert-ui></div>\n    <div data-artifact-item data-artifact-label=\"danger\"><alert-ui text=\"Something went wrong.\" variant=\"danger\"></alert-ui></div>\n    <div data-artifact-item data-artifact-label=\"warning\"><alert-ui text=\"Heads up — double-check the values.\" variant=\"warning\"></alert-ui></div>\n  </div>\n</section>",
+  "source": "site/pages/components/alert/index.html",
+  "captured_at": "2026-04-28T04:46:20.743Z"
+}

package/chunks/alert-variant.json

@@ -0,0 +1,15 @@
+{
+  "name": "alert-variant",
+  "kind": "block",
+  "primary": "section",
+  "page": "/site/components/alert",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "data-section": "",
+    "data-property": "variant"
+  },
+  "html": "<section data-section data-property=\"variant\" data-chunk=\"alert-variant\">\n  <h2 variant=\"section\">variant</h2>\n  <p data-note>Controls the color scheme. Defaults to \"default\".</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"Default alert message\">\n      <alert-ui text=\"Default alert message\"></alert-ui>\n    </div>\n    <div data-artifact-item data-artifact-label=\"info\">\n      <alert-ui text=\"Informational notice\" variant=\"info\"></alert-ui>\n    </div>\n    <div data-artifact-item data-artifact-label=\"success\">\n      <alert-ui text=\"Operation completed\" variant=\"success\"></alert-ui>\n    </div>\n    <div data-artifact-item data-artifact-label=\"warning\">\n      <alert-ui text=\"Proceed with caution\" variant=\"warning\"></alert-ui>\n    </div>\n    <div data-artifact-item data-artifact-label=\"danger\">\n      <alert-ui text=\"Something went wrong\" variant=\"danger\"></alert-ui>\n    </div>\n  </div>\n</section>",
+  "source": "site/pages/components/alert/index.html",
+  "captured_at": "2026-04-28T04:46:20.743Z"
+}

package/chunks/auth-account-deleted-actions.json

@@ -0,0 +1,15 @@
+{
+  "name": "auth-account-deleted-actions",
+  "kind": "block",
+  "primary": "col-ui",
+  "page": "/site/examples/auth/account-deleted",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "gap": "2",
+    "size": "lg"
+  },
+  "html": "<col-ui gap=\"2\" data-chunk=\"auth-account-deleted-actions\" size=\"lg\">\n              <button-ui text=\"Recover account\" icon=\"arrow-counter-clockwise\" variant=\"primary\"></button-ui>\n              <button-ui text=\"Sign in with a different account\" icon=\"user-switch\"></button-ui>\n            </col-ui>",
+  "source": "site/pages/examples/auth/account-deleted/index.html",
+  "captured_at": "2026-04-28T04:46:20.743Z"
+}