@adia-ai/a2ui-corpus 0.0.3 → 0.0.5

package/chunks/_index.json

@@ -1,10 +1,10 @@
 {
   "schema": "genui-chunk-index@1",
-  "captured_at": "2026-04-28T04:46:20.743Z",
-  "total_instances": 852,
-  "unique_names": 702,
+  "captured_at": "2026-04-28T15:45:10.182Z",
+  "total_instances": 851,
+  "unique_names": 701,
   "by_kind": {
-    "block": 844,
+    "block": 843,
     "page": 1,
     "panel": 7
   },
@@ -6935,17 +6935,6 @@
       "slots": [],
       "nested": []
     },
-    {
-      "name": "genui-feed-message",
-      "kind": "block",
-      "primary": "col-ui",
-      "instances": 1,
-      "pages": [
-        "/site/examples/gen-ui-feed"
-      ],
-      "slots": [],
-      "nested": []
-    },
     {
       "name": "settings-integrations",
       "kind": "block",

package/chunks/accordion-basic.json

@@ -11,5 +11,5 @@
   },
   "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"
+  "captured_at": "2026-04-28T15:45:10.182Z"
 }

package/chunks/accordion-combinations.json

@@ -11,5 +11,5 @@
   },
   "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"
+  "captured_at": "2026-04-28T15:45:10.182Z"
 }

package/chunks/accordion-edge-cases.json

@@ -11,5 +11,5 @@
   },
   "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"
+  "captured_at": "2026-04-28T15:45:10.182Z"
 }

package/chunks/accordion-multiple.json

@@ -11,5 +11,5 @@
   },
   "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"
+  "captured_at": "2026-04-28T15:45:10.182Z"
 }

package/chunks/accordion-open.json

@@ -11,5 +11,5 @@
   },
   "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"
+  "captured_at": "2026-04-28T15:45:10.182Z"
 }

package/chunks/action-list-basic.json

@@ -11,5 +11,5 @@
   },
   "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"
+  "captured_at": "2026-04-28T15:45:10.182Z"
 }

package/chunks/action-list-combo.json

@@ -11,5 +11,5 @@
   },
   "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"
+  "captured_at": "2026-04-28T15:45:10.182Z"
 }

package/chunks/action-list-danger.json

@@ -11,5 +11,5 @@
   },
   "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"
+  "captured_at": "2026-04-28T15:45:10.182Z"
 }

package/chunks/action-list-disabled.json

@@ -11,5 +11,5 @@
   },
   "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"
+  "captured_at": "2026-04-28T15:45:10.182Z"
 }

package/chunks/action-list-edge.json

@@ -11,5 +11,5 @@
   },
   "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"
+  "captured_at": "2026-04-28T15:45:10.182Z"
 }

package/chunks/action-list-icon.json

@@ -11,5 +11,5 @@
   },
   "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"
+  "captured_at": "2026-04-28T15:45:10.182Z"
 }

package/chunks/agent-artifact-code.json

@@ -11,5 +11,5 @@
   },
   "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"
+  "captured_at": "2026-04-28T15:45:10.182Z"
 }

package/chunks/agent-artifact-tone.json

@@ -11,5 +11,5 @@
   },
   "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"
+  "captured_at": "2026-04-28T15:45:10.182Z"
 }

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

@@ -11,5 +11,5 @@
   },
   "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"
+  "captured_at": "2026-04-28T15:45:10.182Z"
 }

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

@@ -11,5 +11,5 @@
   },
   "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"
+  "captured_at": "2026-04-28T15:45:10.182Z"
 }

package/chunks/agent-questions-multi.json

@@ -11,5 +11,5 @@
   },
   "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"
+  "captured_at": "2026-04-28T15:45:10.182Z"
 }

package/chunks/agent-questions-single.json

@@ -11,5 +11,5 @@
   },
   "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"
+  "captured_at": "2026-04-28T15:45:10.182Z"
 }

package/chunks/agent-reasoning-iterations.json

@@ -11,5 +11,5 @@
   },
   "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"
+  "captured_at": "2026-04-28T15:45:10.182Z"
 }

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

@@ -11,5 +11,5 @@
   },
   "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"
+  "captured_at": "2026-04-28T15:45:10.182Z"
 }

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

@@ -11,5 +11,5 @@
   },
   "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"
+  "captured_at": "2026-04-28T15:45:10.182Z"
 }

package/chunks/agent-suggestions-basic.json

@@ -11,5 +11,5 @@
   },
   "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"
+  "captured_at": "2026-04-28T15:45:10.182Z"
 }

package/chunks/agent-suggestions-ghost.json

@@ -11,5 +11,5 @@
   },
   "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"
+  "captured_at": "2026-04-28T15:45:10.182Z"
 }

package/chunks/agent-suggestions-icons.json

@@ -11,5 +11,5 @@
   },
   "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"
+  "captured_at": "2026-04-28T15:45:10.182Z"
 }

package/chunks/agent-trace-feedback.json

@@ -11,5 +11,5 @@
   },
   "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"
+  "captured_at": "2026-04-28T15:45:10.182Z"
 }

package/chunks/agent-trace-metrics.json

@@ -11,5 +11,5 @@
   },
   "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"
+  "captured_at": "2026-04-28T15:45:10.182Z"
 }

package/chunks/agent-trace-pills.json

@@ -11,5 +11,5 @@
   },
   "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"
+  "captured_at": "2026-04-28T15:45:10.182Z"
 }

package/chunks/alert-closable.json

@@ -11,5 +11,5 @@
   },
   "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"
+  "captured_at": "2026-04-28T15:45:10.182Z"
 }

package/chunks/alert-combinations.json

@@ -11,5 +11,5 @@
   },
   "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"
+  "captured_at": "2026-04-28T15:45:10.182Z"
 }

package/chunks/alert-edge-cases.json

@@ -11,5 +11,5 @@
   },
   "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"
+  "captured_at": "2026-04-28T15:45:10.182Z"
 }

package/chunks/alert-icon.json

@@ -11,5 +11,5 @@
   },
   "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"
+  "captured_at": "2026-04-28T15:45:10.182Z"
 }

package/chunks/alert-text.json

@@ -11,5 +11,5 @@
   },
   "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"
+  "captured_at": "2026-04-28T15:45:10.182Z"
 }

package/chunks/alert-variant.json

@@ -11,5 +11,5 @@
   },
   "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"
+  "captured_at": "2026-04-28T15:45:10.182Z"
 }

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

@@ -11,5 +11,5 @@
   },
   "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"
+  "captured_at": "2026-04-28T15:45:10.182Z"
 }

package/chunks/auth-account-deleted.json

@@ -14,5 +14,5 @@
   },
   "html": "<card-ui raw data-chunk=\"auth-account-deleted\" style=\"max-width: 32rem\">\n        <header data-chunk=\"auth-card-header\">\n          <col-ui align=\"center\" gap=\"1\">\n            <a href=\"/\" aria-label=\"AdiaUI home\">\n              <img src=\"/icons/agent-ui-light.svg\" alt=\"Adia Logo\" style=\"height: 5rem\" />\n            </a>\n            <h1>Your account was deleted</h1>\n          </col-ui>\n        </header>\n\n        <section data-chunk=\"auth-card-content\">\n          <col-ui gap=\"6\">\n            <alert-ui variant=\"warning\" icon=\"clock-counter-clockwise\">\n              <span slot=\"content\"\n                >We've removed <strong>kim@acme.com</strong> from AdiaUI. Workspace data was archived; billing history retained for 30 days for tax compliance.\n                <strong>14 days to reverse</strong> — if this was a mistake, sign back in within two weeks to fully recover your account. After that the\n                deletion is permanent.</span\n              >\n            </alert-ui>\n\n            <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>\n\n            <text-ui text-align=\"center\" color=\"subtle\" size=\"sm\">\n              Need help or want to keep your data? <a href=\"/site/examples/help\">Contact support</a>\n            </text-ui>\n          </col-ui>\n        </section>\n      </card-ui>",
   "source": "site/pages/examples/auth/account-deleted/index.html",
-  "captured_at": "2026-04-28T04:46:20.743Z"
+  "captured_at": "2026-04-28T15:45:10.182Z"
 }

package/chunks/auth-card-content.json

@@ -243,5 +243,5 @@
       "html": "<section data-chunk=\"auth-card-content\">\n          <col-ui gap=\"6\">\n            <alert-ui variant=\"info\" icon=\"wrench\">\n              <span slot=\"content\">Window: <strong>12:00 – 12:30 UTC</strong> · Affected: web app, API, webhooks. Status pages remain online during the window.</span>\n            </alert-ui>\n\n            <col-ui gap=\"2\" data-chunk=\"error-maintenance-actions\" size=\"lg\">\n              <button-ui text=\"View live status\" variant=\"primary\" icon=\"pulse\" onclick=\"window.open('https://status.adia-ui.app', '_blank')\"></button-ui>\n              <button-ui text=\"Subscribe to updates\" variant=\"outline\" icon=\"bell\"></button-ui>\n            </col-ui>\n\n            <text-ui text-align=\"center\" color=\"subtle\" size=\"sm\">\n              Started 12:05 UTC\n            </text-ui>\n          </col-ui>\n        </section>"
     }
   ],
-  "captured_at": "2026-04-28T04:46:20.743Z"
+  "captured_at": "2026-04-28T15:45:10.182Z"
 }

package/chunks/auth-card-header.json

@@ -188,5 +188,5 @@
       "html": "<header data-chunk=\"auth-card-header\">\n          <col-ui align=\"center\" gap=\"1\">\n            <a href=\"/\" aria-label=\"AdiaUI home\">\n              <img src=\"/icons/agent-ui-light.svg\" alt=\"Adia Logo\" style=\"height: 5rem\" />\n            </a>\n            <h1>We'll be right back</h1>\n            <text-ui>AdiaUI is undergoing scheduled maintenance to roll out a database upgrade. Estimated time to recover: <strong>12:30 UTC</strong> — about 25 minutes from now.</text-ui>\n          </col-ui>\n        </header>"
     }
   ],
-  "captured_at": "2026-04-28T04:46:20.743Z"
+  "captured_at": "2026-04-28T15:45:10.182Z"
 }

package/chunks/auth-email-entry.json

@@ -12,5 +12,5 @@
   },
   "html": "<form data-chunk=\"auth-email-entry\" size=\"lg\" action=\"/site/examples/auth/sign-in/password\" method=\"get\">\n              <col-ui gap=\"4\">\n                <input-ui label=\"Email\" type=\"email\" name=\"email\" autocomplete=\"email\" placeholder=\"you@example.com\" required></input-ui>\n                <button-ui text=\"Continue with Email\" variant=\"primary\" type=\"submit\"></button-ui>\n              </col-ui>\n            </form>",
   "source": "site/pages/examples/auth/sign-in/index.html",
-  "captured_at": "2026-04-28T04:46:20.743Z"
+  "captured_at": "2026-04-28T15:45:10.182Z"
 }

package/chunks/auth-email-verify-confirm.json

@@ -12,5 +12,5 @@
   },
   "html": "<form data-chunk=\"auth-email-verify-confirm\" size=\"lg\" action=\"/site/examples/profile-security\" method=\"get\">\n              <col-ui gap=\"4\">\n                <button-ui text=\"Confirm new email\" variant=\"primary\" type=\"submit\"></button-ui>\n              </col-ui>\n            </form>",
   "source": "site/pages/examples/auth/email-change/verify/index.html",
-  "captured_at": "2026-04-28T04:46:20.743Z"
+  "captured_at": "2026-04-28T15:45:10.182Z"
 }

package/chunks/auth-email-verify.json

@@ -14,5 +14,5 @@
   },
   "html": "<card-ui raw data-chunk=\"auth-email-verify\" style=\"max-width: 32rem\">\n        <header data-chunk=\"auth-card-header\">\n          <col-ui align=\"center\" gap=\"1\">\n            <a href=\"/\" aria-label=\"AdiaUI home\">\n              <img src=\"/icons/agent-ui-light.svg\" alt=\"Adia Logo\" style=\"height: 5rem\" />\n            </a>\n            <h1>Confirm your new email</h1>\n            <text-ui\n              >You requested an email change from <strong>kim@acme.com</strong> to <strong>kim@newdomain.com</strong>. Once confirmed, all account emails —\n              invoices, security alerts, password resets — will go to <strong>kim@newdomain.com</strong>, and your sign-in email also changes\n              immediately.</text-ui\n            >\n          </col-ui>\n        </header>\n\n        <section data-chunk=\"auth-card-content\">\n          <col-ui gap=\"6\">\n            <form data-chunk=\"auth-email-verify-confirm\" size=\"lg\" action=\"/site/examples/profile-security\" method=\"get\">\n              <col-ui gap=\"4\">\n                <button-ui text=\"Confirm new email\" variant=\"primary\" type=\"submit\"></button-ui>\n              </col-ui>\n            </form>\n\n            <text-ui text-align=\"center\" color=\"subtle\">\n              <a href=\"/site/examples/profile-security\">← This wasn't me — undo the change</a>\n            </text-ui>\n          </col-ui>\n        </section>\n      </card-ui>",
   "source": "site/pages/examples/auth/email-change/verify/index.html",
-  "captured_at": "2026-04-28T04:46:20.743Z"
+  "captured_at": "2026-04-28T15:45:10.182Z"
 }

package/chunks/auth-forbidden-actions.json

@@ -11,5 +11,5 @@
   },
   "html": "<col-ui gap=\"2\" data-chunk=\"auth-forbidden-actions\" size=\"lg\">\n              <button-ui text=\"Switch account\" icon=\"user-switch\" variant=\"primary\"></button-ui>\n              <button-ui text=\"Request access\" icon=\"paper-plane-tilt\"></button-ui>\n              <button-ui text=\"Go home\" icon=\"house\"></button-ui>\n            </col-ui>",
   "source": "site/pages/examples/auth/forbidden/index.html",
-  "captured_at": "2026-04-28T04:46:20.743Z"
+  "captured_at": "2026-04-28T15:45:10.182Z"
 }

package/chunks/auth-forbidden.json

@@ -14,5 +14,5 @@
   },
   "html": "<card-ui raw data-chunk=\"auth-forbidden\" style=\"max-width: 32rem\">\n        <header data-chunk=\"auth-card-header\">\n          <col-ui align=\"center\" gap=\"1\">\n            <a href=\"/\" aria-label=\"AdiaUI home\">\n              <img src=\"/icons/agent-ui-light.svg\" alt=\"Adia Logo\" style=\"height: 5rem\" />\n            </a>\n            <h1>You don't have access</h1>\n          </col-ui>\n        </header>\n\n        <section data-chunk=\"auth-card-content\">\n          <col-ui gap=\"6\">\n            <alert-ui variant=\"warning\" icon=\"lock-key\">\n              <span slot=\"content\"\n                >Your account <strong>kim@acme.com</strong> doesn't have permission to view this resource. This may be the wrong account, or your role may not\n                include access — switch to a different account or ask the workspace admin.</span\n              >\n            </alert-ui>\n\n            <col-ui gap=\"2\" data-chunk=\"auth-forbidden-actions\" size=\"lg\">\n              <button-ui text=\"Switch account\" icon=\"user-switch\" variant=\"primary\"></button-ui>\n              <button-ui text=\"Request access\" icon=\"paper-plane-tilt\"></button-ui>\n              <button-ui text=\"Go home\" icon=\"house\"></button-ui>\n            </col-ui>\n\n            <text-ui text-align=\"center\" color=\"subtle\" size=\"sm\"> Think this is a mistake? <a href=\"/site/examples/help\">Contact support</a> </text-ui>\n          </col-ui>\n        </section>\n      </card-ui>",
   "source": "site/pages/examples/auth/forbidden/index.html",
-  "captured_at": "2026-04-28T04:46:20.743Z"
+  "captured_at": "2026-04-28T15:45:10.182Z"
 }

package/chunks/auth-invite-actions.json

@@ -11,5 +11,5 @@
   },
   "html": "<col-ui gap=\"2\" data-chunk=\"auth-invite-actions\" size=\"lg\">\n              <button-ui text=\"Accept invitation\" variant=\"primary\"></button-ui>\n              <button-ui text=\"Decline\"></button-ui>\n            </col-ui>",
   "source": "site/pages/examples/auth/accept-invite/index.html",
-  "captured_at": "2026-04-28T04:46:20.743Z"
+  "captured_at": "2026-04-28T15:45:10.182Z"
 }

package/chunks/auth-invite-team-card.json

@@ -8,5 +8,5 @@
   "attrs": {},
   "html": "<card-ui data-chunk=\"auth-invite-team-card\">\n              <row-ui gap=\"3\" align=\"center\" padding=\"3\">\n                <avatar-ui size=\"lg\" text=\"A\" variant=\"primary\" aria-hidden=\"true\"></avatar-ui>\n                <col-ui gap=\"0\">\n                  <text-ui strong>Acme</text-ui>\n                  <text-ui color=\"subtle\">acme.adia-ui.app · 24 members</text-ui>\n                </col-ui>\n              </row-ui>\n            </card-ui>",
   "source": "site/pages/examples/auth/accept-invite/index.html",
-  "captured_at": "2026-04-28T04:46:20.743Z"
+  "captured_at": "2026-04-28T15:45:10.182Z"
 }

package/chunks/auth-link-expired-form.json

@@ -12,5 +12,5 @@
   },
   "html": "<form data-chunk=\"auth-link-expired-form\" size=\"lg\" action=\"/site/examples/auth/forgot-password/sent\" method=\"get\">\n              <col-ui gap=\"4\">\n                <input-ui label=\"Email\" type=\"email\" name=\"email\" autocomplete=\"email\" placeholder=\"you@example.com\" required></input-ui>\n                <button-ui text=\"Send a new link\" variant=\"primary\" type=\"submit\"></button-ui>\n              </col-ui>\n            </form>",
   "source": "site/pages/examples/auth/link-expired/index.html",
-  "captured_at": "2026-04-28T04:46:20.743Z"
+  "captured_at": "2026-04-28T15:45:10.182Z"
 }

package/chunks/auth-link-expired.json

@@ -14,5 +14,5 @@
   },
   "html": "<card-ui raw data-chunk=\"auth-link-expired\" style=\"max-width: 32rem\">\n        <header data-chunk=\"auth-card-header\">\n          <col-ui align=\"center\" gap=\"1\">\n            <a href=\"/\" aria-label=\"AdiaUI home\">\n              <img src=\"/icons/agent-ui-light.svg\" alt=\"Adia Logo\" style=\"height: 5rem\" />\n            </a>\n            <h1>This link expired</h1>\n          </col-ui>\n        </header>\n\n        <section data-chunk=\"auth-card-content\">\n          <col-ui gap=\"6\">\n            <alert-ui variant=\"warning\" icon=\"link-break\">\n              <span slot=\"content\">The link you followed has either been used already or passed its expiry — each link works once. For your security, magic links and reset links expire after a short window. Request a fresh one to continue.</span>\n            </alert-ui>\n\n            <form data-chunk=\"auth-link-expired-form\" size=\"lg\" action=\"/site/examples/auth/forgot-password/sent\" method=\"get\">\n              <col-ui gap=\"4\">\n                <input-ui label=\"Email\" type=\"email\" name=\"email\" autocomplete=\"email\" placeholder=\"you@example.com\" required></input-ui>\n                <button-ui text=\"Send a new link\" variant=\"primary\" type=\"submit\"></button-ui>\n              </col-ui>\n            </form>\n\n            <text-ui text-align=\"center\" color=\"subtle\">\n              <a href=\"/site/examples/auth/sign-in\">← Back to sign in</a>\n            </text-ui>\n          </col-ui>\n        </section>\n      </card-ui>",
   "source": "site/pages/examples/auth/link-expired/index.html",
-  "captured_at": "2026-04-28T04:46:20.743Z"
+  "captured_at": "2026-04-28T15:45:10.182Z"
 }

package/chunks/auth-locked-account.json

@@ -14,5 +14,5 @@
   },
   "html": "<card-ui raw data-chunk=\"auth-locked-account\" style=\"max-width: 32rem\">\n        <header data-chunk=\"auth-card-header\">\n          <col-ui align=\"center\" gap=\"1\">\n            <a href=\"/\" aria-label=\"AdiaUI home\">\n              <img src=\"/icons/agent-ui-light.svg\" alt=\"Adia Logo\" style=\"height: 5rem\" />\n            </a>\n            <h1>Your account is locked</h1>\n          </col-ui>\n        </header>\n\n        <section data-chunk=\"auth-card-content\">\n          <col-ui gap=\"6\">\n            <alert-ui variant=\"warning\" icon=\"lock\">\n              <span slot=\"content\">Too many failed sign-in attempts on <strong>kim@acme.com</strong>. For your security, we've paused sign-ins for <strong>15 minutes</strong> — pick a recovery option below to unlock sooner.</span>\n            </alert-ui>\n\n            <col-ui gap=\"2\" data-chunk=\"auth-locked-recovery-options\">\n              <button-ui text=\"Email a reset link\" icon=\"envelope-simple\" variant=\"outline\"></button-ui>\n              <button-ui text=\"Use a backup code\" icon=\"key\" variant=\"outline\"></button-ui>\n              <button-ui text=\"Contact support\" icon=\"lifebuoy\" variant=\"outline\"></button-ui>\n            </col-ui>\n\n            <text-ui text-align=\"center\" color=\"subtle\">\n              <a href=\"/site/examples/auth/sign-in\">← Back to sign in</a>\n            </text-ui>\n          </col-ui>\n        </section>\n      </card-ui>",
   "source": "site/pages/examples/auth/account-locked/index.html",
-  "captured_at": "2026-04-28T04:46:20.743Z"
+  "captured_at": "2026-04-28T15:45:10.182Z"
 }

package/chunks/auth-locked-recovery-options.json

@@ -10,5 +10,5 @@
   },
   "html": "<col-ui gap=\"2\" data-chunk=\"auth-locked-recovery-options\">\n              <button-ui text=\"Email a reset link\" icon=\"envelope-simple\" variant=\"outline\"></button-ui>\n              <button-ui text=\"Use a backup code\" icon=\"key\" variant=\"outline\"></button-ui>\n              <button-ui text=\"Contact support\" icon=\"lifebuoy\" variant=\"outline\"></button-ui>\n            </col-ui>",
   "source": "site/pages/examples/auth/account-locked/index.html",
-  "captured_at": "2026-04-28T04:46:20.743Z"
+  "captured_at": "2026-04-28T15:45:10.182Z"
 }

package/chunks/auth-mfa-enrollment-submit.json

@@ -12,5 +12,5 @@
   },
   "html": "<form data-chunk=\"auth-mfa-enrollment-submit\" size=\"lg\" action=\"/site/examples/dashboard\" method=\"get\">\n              <col-ui gap=\"4\">\n                <button-ui text=\"Verify and enable\" variant=\"primary\" type=\"submit\"></button-ui>\n              </col-ui>\n            </form>",
   "source": "site/pages/examples/auth/sign-up/mfa-setup/index.html",
-  "captured_at": "2026-04-28T04:46:20.743Z"
+  "captured_at": "2026-04-28T15:45:10.182Z"
 }

package/chunks/auth-mfa-enrollment.json

@@ -14,5 +14,5 @@
   },
   "html": "<card-ui raw data-chunk=\"auth-mfa-enrollment\" style=\"max-width: 32rem\">\n        <header data-chunk=\"auth-card-header\">\n          <col-ui align=\"center\" gap=\"1\">\n            <a href=\"/\" aria-label=\"AdiaUI home\">\n              <img src=\"/icons/agent-ui-light.svg\" alt=\"Adia Logo\" style=\"height: 5rem\" />\n            </a>\n            <h1>Set up two-factor</h1>\n            <text-ui>Scan the QR code with your authenticator app, then enter the 6-digit code below.</text-ui>\n          </col-ui>\n        </header>\n\n        <section data-chunk=\"auth-card-content\">\n          <col-ui gap=\"6\">\n            <col-ui align=\"center\" gap=\"3\">\n              <div data-auth-qr aria-label=\"Authenticator QR code (placeholder)\">\n                <icon-ui name=\"qr-code\" size=\"4xl\"></icon-ui>\n              </div>\n              <col-ui gap=\"2\" align=\"center\">\n                <text-ui color=\"subtle\" size=\"sm\">Or enter manually:</text-ui>\n                <code>JBSW Y3DP EHPK 3PXP</code>\n              </col-ui>\n            </col-ui>\n\n            <col-ui align=\"center\" gap=\"2\">\n              <otp-input-ui size=\"lg\" length=\"6\" autocomplete=\"one-time-code\" name=\"totp\"></otp-input-ui>\n              <text-ui color=\"subtle\" size=\"sm\">From Google Authenticator, 1Password, Authy, or similar.</text-ui>\n            </col-ui>\n\n            <form data-chunk=\"auth-mfa-enrollment-submit\" size=\"lg\" action=\"/site/examples/dashboard\" method=\"get\">\n              <col-ui gap=\"4\">\n                <button-ui text=\"Verify and enable\" variant=\"primary\" type=\"submit\"></button-ui>\n              </col-ui>\n            </form>\n\n            <alert-ui variant=\"info\" icon=\"key\">\n              <span slot=\"content\"\n                ><strong>Save your backup codes.</strong> You'll see 10 single-use codes after verifying — store them somewhere safe in case you lose your\n                device.</span\n              >\n            </alert-ui>\n\n            <text-ui text-align=\"center\" color=\"subtle\">\n              <a href=\"/site/examples/dashboard\">Skip for now — set up later in settings</a>\n            </text-ui>\n          </col-ui>\n        </section>\n      </card-ui>",
   "source": "site/pages/examples/auth/sign-up/mfa-setup/index.html",
-  "captured_at": "2026-04-28T04:46:20.743Z"
+  "captured_at": "2026-04-28T15:45:10.182Z"
 }

package/chunks/auth-mfa-fallback-actions.json

@@ -10,5 +10,5 @@
   },
   "html": "<col-ui gap=\"2\" data-chunk=\"auth-mfa-fallback-actions\">\n              <button-ui text=\"Send code via SMS\" icon=\"device-mobile\" variant=\"outline\"></button-ui>\n              <button-ui text=\"Use security key\" icon=\"key\" variant=\"outline\"></button-ui>\n            </col-ui>",
   "source": "site/pages/examples/auth/sign-in/mfa/index.html",
-  "captured_at": "2026-04-28T04:46:20.743Z"
+  "captured_at": "2026-04-28T15:45:10.182Z"
 }

package/chunks/auth-mfa-recovery.json

@@ -10,5 +10,5 @@
   },
   "html": "<form data-chunk=\"auth-mfa-recovery\" size=\"lg\">\n          <col-ui gap=\"4\">\n            <input-ui label=\"Backup code\" name=\"recovery_code\" autocomplete=\"one-time-code\" placeholder=\"abcd-efgh\" hint=\"Codes look like abcd-efgh. Each code works once.\" required></input-ui>\n            <button-ui text=\"Verify and continue\" variant=\"primary\" type=\"submit\"></button-ui>\n          </col-ui>\n        </form>",
   "source": "site/pages/examples/auth/sign-in/mfa/recovery/index.html",
-  "captured_at": "2026-04-28T04:46:20.743Z"
+  "captured_at": "2026-04-28T15:45:10.182Z"
 }

package/chunks/auth-new-password-form.json

@@ -10,5 +10,5 @@
   },
   "html": "<form data-chunk=\"auth-new-password-form\" size=\"lg\">\n              <col-ui gap=\"4\">\n                <input-ui\n                  label=\"New password\"\n                  type=\"password\"\n                  name=\"password\"\n                  autocomplete=\"new-password\"\n                  placeholder=\"••••••••••••\"\n                  minlength=\"12\"\n                  hint=\"At least 12 characters, with a number and a symbol.\"\n                  required\n                ></input-ui>\n                <input-ui\n                  label=\"Confirm password\"\n                  type=\"password\"\n                  name=\"password_confirm\"\n                  autocomplete=\"new-password\"\n                  placeholder=\"••••••••••••\"\n                  minlength=\"12\"\n                  required\n                ></input-ui>\n                <button-ui text=\"Save and sign in\" variant=\"primary\" type=\"submit\"></button-ui>\n              </col-ui>\n            </form>",
   "source": "site/pages/examples/auth/reset-password/index.html",
-  "captured_at": "2026-04-28T04:46:20.743Z"
+  "captured_at": "2026-04-28T15:45:10.182Z"
 }

package/chunks/auth-new-password.json

@@ -14,5 +14,5 @@
   },
   "html": "<card-ui raw data-chunk=\"auth-new-password\" style=\"max-width: 32rem\">\n        <header data-chunk=\"auth-card-header\">\n          <col-ui align=\"center\" gap=\"1\">\n            <a href=\"/\" aria-label=\"AdiaUI home\">\n              <img src=\"/icons/agent-ui-light.svg\" alt=\"Adia Logo\" style=\"height: 5rem\" />\n            </a>\n            <h1>Set a new password</h1>\n            <text-ui>Choose a strong password for <strong color=\"accent\">kim@acme.com</strong>.</text-ui>\n          </col-ui>\n        </header>\n\n        <section data-chunk=\"auth-card-content\">\n          <col-ui gap=\"6\">\n            <form data-chunk=\"auth-new-password-form\" size=\"lg\">\n              <col-ui gap=\"4\">\n                <input-ui\n                  label=\"New password\"\n                  type=\"password\"\n                  name=\"password\"\n                  autocomplete=\"new-password\"\n                  placeholder=\"••••••••••••\"\n                  minlength=\"12\"\n                  hint=\"At least 12 characters, with a number and a symbol.\"\n                  required\n                ></input-ui>\n                <input-ui\n                  label=\"Confirm password\"\n                  type=\"password\"\n                  name=\"password_confirm\"\n                  autocomplete=\"new-password\"\n                  placeholder=\"••••••••••••\"\n                  minlength=\"12\"\n                  required\n                ></input-ui>\n                <button-ui text=\"Save and sign in\" variant=\"primary\" type=\"submit\"></button-ui>\n              </col-ui>\n            </form>\n\n            <text-ui text-align=\"center\" color=\"subtle\">\n              <a href=\"/site/examples/auth/sign-in\">← Back to sign in</a>\n            </text-ui>\n          </col-ui>\n        </section>\n      </card-ui>",
   "source": "site/pages/examples/auth/reset-password/index.html",
-  "captured_at": "2026-04-28T04:46:20.743Z"
+  "captured_at": "2026-04-28T15:45:10.182Z"
 }