@adia-ai/a2ui-corpus 0.0.7 → 0.0.9

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

@@ -0,0 +1,15 @@
+{
+  "name": "agent-tool-call-running",
+  "kind": "block",
+  "primary": "section",
+  "page": "/site/patterns/agent-tool-call",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "data-section": "",
+    "data-property": "running"
+  },
+  "html": "<section data-section data-property=\"running\" data-chunk=\"agent-tool-call-running\">\n  <h2 variant=\"section\">Running</h2>\n  <p data-note>In-progress invocation. <code>tone=\"neutral\"</code> with a <code>progress-ui</code> indeterminate strip in the body. No action buttons until the call resolves.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"running tool call\">\n      <agent-artifact-ui title=\"search_web\" kind=\"TOOL\" icon=\"magnifying-glass\" tone=\"neutral\" style=\"max-width: 560px;\">\n        <col-ui gap=\"2\">\n          <code-ui language=\"json\">{ \"query\": \"claude opus tool use latency\", \"max_results\": 5 }</code-ui>\n          <row-ui align=\"center\" gap=\"2\">\n            <progress-ui indeterminate size=\"sm\" style=\"flex: 1;\"></progress-ui>\n            <text-ui color=\"subtle\" size=\"sm\">Running…</text-ui>\n          </row-ui>\n        </col-ui>\n      </agent-artifact-ui>\n    </div>\n  </div>\n</section>",
+  "source": "site/pages/patterns/agent-tool-call/index.html",
+  "captured_at": "2026-05-01T19:13:23.303Z"
+}

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

@@ -0,0 +1,15 @@
+{
+  "name": "agent-tool-call-success",
+  "kind": "block",
+  "primary": "section",
+  "page": "/site/patterns/agent-tool-call",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "data-section": "",
+    "data-property": "success"
+  },
+  "html": "<section data-section data-property=\"success\" data-chunk=\"agent-tool-call-success\">\n  <h2 variant=\"section\">Success</h2>\n  <p data-note><code>tone=\"accent\"</code> on resolution. Body shows the call args + a result preview (truncated when long). Secondary slot carries copy / open-in-new-tab actions.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"successful tool call\">\n      <agent-artifact-ui title=\"search_web\" kind=\"TOOL\" icon=\"check-circle\" tone=\"accent\" style=\"max-width: 560px;\">\n        <button-ui slot=\"secondary\" text=\"Copy result\" icon=\"copy\" variant=\"ghost\" size=\"sm\"></button-ui>\n        <col-ui gap=\"2\" style=\"min-width: 0;\">\n          <description-list-ui layout=\"inline\" align=\"between\">\n            <dt>Query</dt><dd><code>claude opus tool use latency</code></dd>\n            <dt>Results</dt><dd>5 sources, 482 ms</dd>\n          </description-list-ui>\n          <code-ui language=\"json\" style=\"min-width: 0;\">[\n  { \"title\": \"Anthropic — Tool use latency\", \"url\": \"anthropic.com/news/…\", \"rank\": 1 },\n  { \"title\": \"Latency primer for agent loops\", \"url\": \"blog.…\", \"rank\": 2 }\n]</code-ui>\n        </col-ui>\n      </agent-artifact-ui>\n    </div>\n  </div>\n</section>",
+  "source": "site/pages/patterns/agent-tool-call/index.html",
+  "captured_at": "2026-05-01T19:13:23.303Z"
+}

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-28T16:48:01.089Z"
+  "captured_at": "2026-05-01T19:13:23.303Z"
 }

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-28T16:48:01.089Z"
+  "captured_at": "2026-05-01T19:13:23.303Z"
 }

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-28T16:48:01.089Z"
+  "captured_at": "2026-05-01T19:13:23.303Z"
 }

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-28T16:48:01.089Z"
+  "captured_at": "2026-05-01T19:13:23.303Z"
 }

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-28T16:48:01.089Z"
+  "captured_at": "2026-05-01T19:13:23.303Z"
 }

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-28T16:48:01.089Z"
+  "captured_at": "2026-05-01T19:13:23.303Z"
 }

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-28T16:48:01.089Z"
+  "captured_at": "2026-05-01T19:13:23.303Z"
 }

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-28T16:48:01.089Z"
+  "captured_at": "2026-05-01T19:13:23.303Z"
 }

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-28T16:48:01.089Z"
+  "captured_at": "2026-05-01T19:13:23.303Z"
 }

package/chunks/api-keys-create.json

@@ -0,0 +1,15 @@
+{
+  "name": "api-keys-create",
+  "kind": "block",
+  "primary": "section",
+  "page": "/site/patterns/admin-keys-and-export",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "data-section": "",
+    "data-property": "api-keys-create"
+  },
+  "html": "<section data-section data-property=\"api-keys-create\" data-chunk=\"api-keys-create\">\n  <h2 variant=\"section\">Create key — one-time reveal</h2>\n  <p data-note>The just-created key shown once. After this view closes, the secret is not retrievable; only the prefix shows in the list. Copy button + alert explaining the one-shot semantics.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"key one-time reveal\">\n      <card-ui style=\"max-width: 560px;\">\n        <header>\n          <span slot=\"heading\" variant=\"section\">Your new API key</span>\n          <text-ui slot=\"description\" color=\"subtle\">Copy it now — it won't be shown again</text-ui>\n        </header>\n        <section>\n          <col-ui gap=\"3\">\n            <field-ui label=\"Production — backend\">\n              <input-ui name=\"api_key\" value=\"sk_live_4f8b2e7c91d2a48fA4F2\" readonly icon-trailing=\"copy\"></input-ui>\n            </field-ui>\n            <alert-ui variant=\"warning\" icon=\"warning\">\n              <col-ui slot=\"content\" gap=\"0-5\">\n                <text-ui strong>This is the only time we'll show this key.</text-ui>\n                <text-ui>Store it in your secrets manager now. If you lose it, you'll need to revoke this key and create a new one.</text-ui>\n              </col-ui>\n            </alert-ui>\n          </col-ui>\n        </section>\n        <footer divider>\n          <button-ui slot=\"action\" text=\"I've stored it safely\" variant=\"primary\"></button-ui>\n        </footer>\n      </card-ui>\n    </div>\n  </div>\n</section>",
+  "source": "site/pages/patterns/admin-keys-and-export/index.html",
+  "captured_at": "2026-05-01T19:13:23.303Z"
+}

package/chunks/api-keys-list.json

@@ -0,0 +1,15 @@
+{
+  "name": "api-keys-list",
+  "kind": "block",
+  "primary": "section",
+  "page": "/site/patterns/admin-keys-and-export",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "data-section": "",
+    "data-property": "api-keys-list"
+  },
+  "html": "<section data-section data-property=\"api-keys-list\" data-chunk=\"api-keys-list\">\n  <h2 variant=\"section\">API keys list</h2>\n  <p data-note>The active-keys list. Each row carries a name, prefix (last 4 chars only — never the full secret), scope tag, last-used time, and a kebab menu (Rotate / Revoke). \"Create key\" header action.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"api keys list\">\n      <card-ui style=\"max-width: 720px;\">\n        <header>\n          <span slot=\"heading\" variant=\"section\">API keys</span>\n          <text-ui slot=\"description\" color=\"subtle\">3 active · last rotated 12 days ago</text-ui>\n          <button-ui slot=\"action\" text=\"Create key\" variant=\"primary\" size=\"sm\" icon-leading=\"plus\"></button-ui>\n        </header>\n        <section bleed>\n          <list-ui divider contained>\n            <list-item-ui>\n              <row-ui gap=\"3\" align=\"center\">\n                <icon-ui name=\"key\" size=\"sm\"></icon-ui>\n                <col-ui gap=\"0\" grow>\n                  <text-ui strong>Production — backend</text-ui>\n                  <text-ui color=\"subtle\" size=\"sm\"><code>sk_live_…A4F2</code> · last used 4 minutes ago</text-ui>\n                </col-ui>\n                <tag-ui size=\"sm\" variant=\"primary\">read · write</tag-ui>\n                <button-ui icon=\"dots-three-vertical\" variant=\"ghost\" size=\"sm\" aria-label=\"Manage\"></button-ui>\n              </row-ui>\n            </list-item-ui>\n            <list-item-ui>\n              <row-ui gap=\"3\" align=\"center\">\n                <icon-ui name=\"key\" size=\"sm\"></icon-ui>\n                <col-ui gap=\"0\" grow>\n                  <text-ui strong>CI — read-only</text-ui>\n                  <text-ui color=\"subtle\" size=\"sm\"><code>sk_live_…9821</code> · last used 2 hours ago</text-ui>\n                </col-ui>\n                <tag-ui size=\"sm\">read</tag-ui>\n                <button-ui icon=\"dots-three-vertical\" variant=\"ghost\" size=\"sm\" aria-label=\"Manage\"></button-ui>\n              </row-ui>\n            </list-item-ui>\n            <list-item-ui>\n              <row-ui gap=\"3\" align=\"center\">\n                <icon-ui name=\"key\" size=\"sm\"></icon-ui>\n                <col-ui gap=\"0\" grow>\n                  <text-ui strong>Local dev — kim</text-ui>\n                  <text-ui color=\"subtle\" size=\"sm\"><code>sk_test_…7f0e</code> · last used 18 days ago</text-ui>\n                </col-ui>\n                <tag-ui size=\"sm\" variant=\"muted\">test</tag-ui>\n                <button-ui icon=\"dots-three-vertical\" variant=\"ghost\" size=\"sm\" aria-label=\"Manage\"></button-ui>\n              </row-ui>\n            </list-item-ui>\n          </list-ui>\n        </section>\n      </card-ui>\n    </div>\n  </div>\n</section>",
+  "source": "site/pages/patterns/admin-keys-and-export/index.html",
+  "captured_at": "2026-05-01T19:13:23.303Z"
+}

package/chunks/approvals-detail.json

@@ -0,0 +1,15 @@
+{
+  "name": "approvals-detail",
+  "kind": "block",
+  "primary": "section",
+  "page": "/site/patterns/approvals",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "data-section": "",
+    "data-property": "detail"
+  },
+  "html": "<section data-section data-property=\"detail\" data-chunk=\"approvals-detail\">\n  <h2 variant=\"section\">Approval detail</h2>\n  <p data-note>The single-item review surface. Header carries the request title + status + reviewer chain. Body shows the request data (line items / diff / metadata). Footer is a primary Approve, a secondary Reject, and a \"Request changes\" path for fixable issues.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"approval detail\">\n      <card-ui style=\"max-width: 720px;\">\n        <header>\n          <span slot=\"heading\" variant=\"section\">Q2 onboarding budget — $48,000</span>\n          <text-ui slot=\"description\" color=\"subtle\">Submitted by Jordan Lee · 2 hours ago</text-ui>\n          <tag-ui slot=\"action\" variant=\"warning\">Pending review</tag-ui>\n        </header>\n        <section>\n          <col-ui gap=\"3\">\n            <description-list-ui>\n              <dt>Requester</dt><dd>Jordan Lee · Engineering Lead</dd>\n              <dt>Justification</dt><dd>Onboarding 4 new senior engineers in Q2; covers laptops, software licenses, training, and team setup costs.</dd>\n              <dt>Budget breakdown</dt><dd>Hardware $24k · Software $12k · Training $8k · Team setup $4k</dd>\n              <dt>Reviewer chain</dt><dd>You → CFO → CEO (auto-approve under $50k after CFO)</dd>\n            </description-list-ui>\n          </col-ui>\n        </section>\n        <footer divider>\n          <button-ui slot=\"action\" text=\"Reject\" variant=\"ghost\"></button-ui>\n          <button-ui slot=\"action\" text=\"Request changes\" variant=\"ghost\"></button-ui>\n          <button-ui slot=\"action\" text=\"Approve\" variant=\"primary\" icon-leading=\"check\"></button-ui>\n        </footer>\n      </card-ui>\n    </div>\n  </div>\n</section>",
+  "source": "site/pages/patterns/approvals/index.html",
+  "captured_at": "2026-05-01T19:13:23.303Z"
+}

package/chunks/approvals-queue.json

@@ -0,0 +1,15 @@
+{
+  "name": "approvals-queue",
+  "kind": "block",
+  "primary": "section",
+  "page": "/site/patterns/approvals",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "data-section": "",
+    "data-property": "queue"
+  },
+  "html": "<section data-section data-property=\"queue\" data-chunk=\"approvals-queue\">\n  <h2 variant=\"section\">Approval queue</h2>\n  <p data-note>List of pending items, most-urgent first. Each row carries the requester avatar + title + amount/scope + age + a pair of approve/reject buttons. Bulk select for batch approve.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"approval queue\">\n      <card-ui style=\"max-width: 720px;\">\n        <header>\n          <span slot=\"heading\" variant=\"section\">Pending your approval</span>\n          <text-ui slot=\"description\" color=\"subtle\">5 items · 2 high priority</text-ui>\n          <button-ui slot=\"action\" text=\"Approve all\" variant=\"ghost\" size=\"sm\" icon-leading=\"check\"></button-ui>\n        </header>\n        <section bleed>\n          <list-ui divider contained>\n            <list-item-ui>\n              <row-ui gap=\"3\" align=\"center\">\n                <avatar-ui size=\"sm\" text=\"Jordan Lee\"></avatar-ui>\n                <col-ui gap=\"0\" grow>\n                  <text-ui strong>Q2 onboarding budget — $48,000</text-ui>\n                  <text-ui color=\"subtle\" size=\"sm\">Jordan Lee · Engineering · 2 hours ago</text-ui>\n                </col-ui>\n                <tag-ui size=\"sm\" variant=\"warning\">High</tag-ui>\n                <button-ui text=\"Reject\" variant=\"ghost\" size=\"sm\"></button-ui>\n                <button-ui text=\"Approve\" variant=\"primary\" size=\"sm\" icon-leading=\"check\"></button-ui>\n              </row-ui>\n            </list-item-ui>\n            <list-item-ui>\n              <row-ui gap=\"3\" align=\"center\">\n                <avatar-ui size=\"sm\" text=\"Avery Chen\"></avatar-ui>\n                <col-ui gap=\"0\" grow>\n                  <text-ui strong>Vendor contract — Adobe Creative Cloud</text-ui>\n                  <text-ui color=\"subtle\" size=\"sm\">Avery Chen · Design · 5 hours ago</text-ui>\n                </col-ui>\n                <button-ui text=\"Reject\" variant=\"ghost\" size=\"sm\"></button-ui>\n                <button-ui text=\"Approve\" variant=\"primary\" size=\"sm\" icon-leading=\"check\"></button-ui>\n              </row-ui>\n            </list-item-ui>\n            <list-item-ui>\n              <row-ui gap=\"3\" align=\"center\">\n                <avatar-ui size=\"sm\" text=\"Sam Park\"></avatar-ui>\n                <col-ui gap=\"0\" grow>\n                  <text-ui strong>Access request — production database</text-ui>\n                  <text-ui color=\"subtle\" size=\"sm\">Sam Park · Data · 1 day ago</text-ui>\n                </col-ui>\n                <tag-ui size=\"sm\" variant=\"warning\">High</tag-ui>\n                <button-ui text=\"Reject\" variant=\"ghost\" size=\"sm\"></button-ui>\n                <button-ui text=\"Approve\" variant=\"primary\" size=\"sm\" icon-leading=\"check\"></button-ui>\n              </row-ui>\n            </list-item-ui>\n            <list-item-ui>\n              <row-ui gap=\"3\" align=\"center\">\n                <avatar-ui size=\"sm\" text=\"Riley Tan\"></avatar-ui>\n                <col-ui gap=\"0\" grow>\n                  <text-ui strong>Travel — SF → NYC, May 12–14</text-ui>\n                  <text-ui color=\"subtle\" size=\"sm\">Riley Tan · Sales · 2 days ago</text-ui>\n                </col-ui>\n                <button-ui text=\"Reject\" variant=\"ghost\" size=\"sm\"></button-ui>\n                <button-ui text=\"Approve\" variant=\"primary\" size=\"sm\" icon-leading=\"check\"></button-ui>\n              </row-ui>\n            </list-item-ui>\n          </list-ui>\n        </section>\n      </card-ui>\n    </div>\n  </div>\n</section>",
+  "source": "site/pages/patterns/approvals/index.html",
+  "captured_at": "2026-05-01T19:13:23.303Z"
+}

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-28T16:48:01.089Z"
+  "captured_at": "2026-05-01T19:13:23.303Z"
 }

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-28T16:48:01.089Z"
+  "captured_at": "2026-05-01T19:13:23.303Z"
 }

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-28T16:48:01.089Z"
+  "captured_at": "2026-05-01T19:13:23.303Z"
 }

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-28T16:48:01.089Z"
+  "captured_at": "2026-05-01T19:13:23.303Z"
 }

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-28T16:48:01.089Z"
+  "captured_at": "2026-05-01T19:13:23.303Z"
 }

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-28T16:48:01.089Z"
+  "captured_at": "2026-05-01T19:13:23.303Z"
 }

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-28T16:48:01.089Z"
+  "captured_at": "2026-05-01T19:13:23.303Z"
 }

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-28T16:48:01.089Z"
+  "captured_at": "2026-05-01T19:13:23.303Z"
 }

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-28T16:48:01.089Z"
+  "captured_at": "2026-05-01T19:13:23.303Z"
 }

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-28T16:48:01.089Z"
+  "captured_at": "2026-05-01T19:13:23.303Z"
 }

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-28T16:48:01.089Z"
+  "captured_at": "2026-05-01T19:13:23.303Z"
 }

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-28T16:48:01.089Z"
+  "captured_at": "2026-05-01T19:13:23.303Z"
 }

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-28T16:48:01.089Z"
+  "captured_at": "2026-05-01T19:13:23.303Z"
 }

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-28T16:48:01.089Z"
+  "captured_at": "2026-05-01T19:13:23.303Z"
 }

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-28T16:48:01.089Z"
+  "captured_at": "2026-05-01T19:13:23.303Z"
 }

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-28T16:48:01.089Z"
+  "captured_at": "2026-05-01T19:13:23.303Z"
 }

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-28T16:48:01.089Z"
+  "captured_at": "2026-05-01T19:13:23.303Z"
 }

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-28T16:48:01.089Z"
+  "captured_at": "2026-05-01T19:13:23.303Z"
 }

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-28T16:48:01.089Z"
+  "captured_at": "2026-05-01T19:13:23.303Z"
 }

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-28T16:48:01.089Z"
+  "captured_at": "2026-05-01T19:13:23.303Z"
 }

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-28T16:48:01.089Z"
+  "captured_at": "2026-05-01T19:13:23.303Z"
 }

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

@@ -11,5 +11,5 @@
   },
   "html": "<col-ui gap=\"2\" data-chunk=\"auth-oauth-fallback-actions\" size=\"lg\">\n                <button-ui text=\"Try again\" icon=\"arrows-clockwise\" variant=\"primary\"></button-ui>\n                <button-ui text=\"Back to sign in\" icon=\"arrow-left\"></button-ui>\n              </col-ui>",
   "source": "site/pages/examples/auth/oauth/callback/index.html",
-  "captured_at": "2026-04-28T16:48:01.089Z"
+  "captured_at": "2026-05-01T19:13:23.303Z"
 }

package/chunks/auth-oauth-interstitial.json

@@ -13,5 +13,5 @@
   },
   "html": "<card-ui raw data-chunk=\"auth-oauth-interstitial\" style=\"max-width: 32rem\">\n        <header>\n          <col-ui align=\"center\" gap=\"3\">\n            <icon-ui name=\"spinner\" padding=\"4\" color=\"primary\" aria-hidden=\"true\" style=\"animation: spin 1.2s linear infinite; height: 3rem; width: 3rem;\"></icon-ui>\n            <col-ui align=\"center\" gap=\"1\">\n              <h1>Completing sign in…</h1>\n              <text-ui>Securing your session with the provider.</text-ui>\n            </col-ui>\n          </col-ui>\n        </header>\n\n        <section data-chunk=\"auth-card-content\">\n          <col-ui gap=\"6\">\n              <alert-ui variant=\"info\" icon=\"clock\">\n                <span slot=\"content\">Taking longer than usual? Your provider may be experiencing delays — try again in a moment.</span>\n              </alert-ui>\n\n              <col-ui gap=\"2\" data-chunk=\"auth-oauth-fallback-actions\" size=\"lg\">\n                <button-ui text=\"Try again\" icon=\"arrows-clockwise\" variant=\"primary\"></button-ui>\n                <button-ui text=\"Back to sign in\" icon=\"arrow-left\"></button-ui>\n              </col-ui>\n          </col-ui>\n        </section>\n      </card-ui>",
   "source": "site/pages/examples/auth/oauth/callback/index.html",
-  "captured_at": "2026-04-28T16:48:01.089Z"
+  "captured_at": "2026-05-01T19:13:23.303Z"
 }

package/chunks/auth-password-challenge.json

@@ -10,5 +10,5 @@
   },
   "html": "<form data-chunk=\"auth-password-challenge\" size=\"lg\">\n              <col-ui gap=\"4\">\n                <input-ui label=\"Password\" type=\"password\" name=\"password\" autocomplete=\"current-password\" placeholder=\"••••••••\" required></input-ui>\n\n                <row-ui justify=\"space-between\" align=\"center\" size=\"sm\">\n                  <check-ui name=\"remember\" label=\"Remember me\"></check-ui>\n                  <a href=\"/site/examples/auth/forgot-password\">Forgot password?</a>\n                </row-ui>\n                <button-ui text=\"Sign in\" variant=\"primary\" type=\"submit\"></button-ui>\n              </col-ui>\n            </form>",
   "source": "site/pages/examples/auth/sign-in/password/index.html",
-  "captured_at": "2026-04-28T16:48:01.089Z"
+  "captured_at": "2026-05-01T19:13:23.303Z"
 }

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

@@ -12,5 +12,5 @@
   },
   "html": "<form data-chunk=\"auth-password-reset-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 reset link\" variant=\"primary\" type=\"submit\"></button-ui>\n              </col-ui>\n            </form>",
   "source": "site/pages/examples/auth/forgot-password/index.html",
-  "captured_at": "2026-04-28T16:48:01.089Z"
+  "captured_at": "2026-05-01T19:13:23.303Z"
 }

package/chunks/auth-password-reset.json

@@ -14,5 +14,5 @@
   },
   "html": "<card-ui raw data-chunk=\"auth-password-reset\" 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>Forgot your password?</h1>\n            <text-ui>Enter your account email and we'll send a reset link.</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-password-reset-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 reset 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/forgot-password/index.html",
-  "captured_at": "2026-04-28T16:48:01.089Z"
+  "captured_at": "2026-05-01T19:13:23.303Z"
 }

package/chunks/auth-profile-form.json

@@ -10,5 +10,5 @@
   },
   "html": "<form data-chunk=\"auth-profile-form\" size=\"lg\">\n              <col-ui gap=\"4\">\n                <input-ui label=\"Full name\" name=\"name\" autocomplete=\"name\" placeholder=\"Jane Doe\" hint=\"Shown to teammates and on shared work.\" required></input-ui>\n                <input-ui label=\"Display name\" name=\"username\" autocomplete=\"username\" prefix=\"@\" placeholder=\"janedoe\" hint=\"Used for @mentions and signed comments.\" required></input-ui>\n                <button-ui text=\"Continue\" variant=\"primary\" type=\"submit\"></button-ui>\n              </col-ui>\n            </form>",
   "source": "site/pages/examples/auth/sign-up/profile/index.html",
-  "captured_at": "2026-04-28T16:48:01.089Z"
+  "captured_at": "2026-05-01T19:13:23.303Z"
 }

package/chunks/auth-profile-setup.json

@@ -14,5 +14,5 @@
   },
   "html": "<card-ui raw data-chunk=\"auth-profile-setup\" 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 your profile</h1>\n            <text-ui>A few details to personalize your account.</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-profile-form\" size=\"lg\">\n              <col-ui gap=\"4\">\n                <input-ui label=\"Full name\" name=\"name\" autocomplete=\"name\" placeholder=\"Jane Doe\" hint=\"Shown to teammates and on shared work.\" required></input-ui>\n                <input-ui label=\"Display name\" name=\"username\" autocomplete=\"username\" prefix=\"@\" placeholder=\"janedoe\" hint=\"Used for @mentions and signed comments.\" required></input-ui>\n                <button-ui text=\"Continue\" variant=\"primary\" type=\"submit\"></button-ui>\n              </col-ui>\n            </form>\n\n            <text-ui text-align=\"center\" color=\"subtle\">\n              <a href=\"#\">Skip for now</a>\n            </text-ui>\n          </col-ui>\n        </section>\n      </card-ui>",
   "source": "site/pages/examples/auth/sign-up/profile/index.html",
-  "captured_at": "2026-04-28T16:48:01.089Z"
+  "captured_at": "2026-05-01T19:13:23.303Z"
 }

package/chunks/auth-reset-sent.json

@@ -13,5 +13,5 @@
   },
   "html": "<card-ui raw data-chunk=\"auth-reset-sent\" 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>Check your email</h1>\n            <text-ui>\n              We sent a reset link to <strong color=\"accent\">kim@acme.com</strong>. Click the link to set a new password — it expires in 30 minutes.\n            </text-ui>\n          </col-ui>\n        </header>\n\n        <section data-chunk=\"auth-card-content\">\n          <col-ui gap=\"6\">\n            <alert-ui variant=\"info\" icon=\"info\">\n              <span slot=\"content\">Didn't get the email? Check your spam folder, or wait <strong>30 seconds</strong> before requesting a new link.</span>\n            </alert-ui>\n\n            <button-ui text=\"Resend link\" icon=\"arrow-clockwise\" variant=\"outline\" disabled></button-ui>\n\n            <text-ui text-align=\"center\" color=\"subtle\">\n              <a href=\"/site/examples/auth/forgot-password\">← Use a different email</a>\n            </text-ui>\n          </col-ui>\n        </section>\n      </card-ui>",
   "source": "site/pages/examples/auth/forgot-password/sent/index.html",
-  "captured_at": "2026-04-28T16:48:01.089Z"
+  "captured_at": "2026-05-01T19:13:23.303Z"
 }

package/chunks/auth-session-expired-actions.json

@@ -11,5 +11,5 @@
   },
   "html": "<col-ui gap=\"2\" data-chunk=\"auth-session-expired-actions\" size=\"lg\">\n              <button-ui text=\"Sign back in\" variant=\"primary\"></button-ui>\n              <button-ui text=\"Use a different account\" icon=\"user-switch\"></button-ui>\n            </col-ui>",
   "source": "site/pages/examples/auth/session-expired/index.html",
-  "captured_at": "2026-04-28T16:48:01.089Z"
+  "captured_at": "2026-05-01T19:13:23.303Z"
 }

package/chunks/auth-session-expired.json

@@ -14,5 +14,5 @@
   },
   "html": "<card-ui raw data-chunk=\"auth-session-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>Your session expired</h1>\n          </col-ui>\n        </header>\n\n        <section data-chunk=\"auth-card-content\">\n          <col-ui gap=\"6\">\n            <alert-ui variant=\"info\" icon=\"clock-counter-clockwise\">\n              <span slot=\"content\"\n                >For your security, we ended the session for <strong>kim@acme.com</strong> after a period of inactivity. Your work is safe — sign back in to\n                pick up where you left off.</span\n              >\n            </alert-ui>\n\n            <col-ui gap=\"2\" data-chunk=\"auth-session-expired-actions\" size=\"lg\">\n              <button-ui text=\"Sign back in\" variant=\"primary\"></button-ui>\n              <button-ui text=\"Use a different account\" icon=\"user-switch\"></button-ui>\n            </col-ui>\n\n            <text-ui text-align=\"center\" color=\"subtle\" size=\"sm\"> Need help? <a href=\"/site/examples/help\">Contact support</a> </text-ui>\n          </col-ui>\n        </section>\n      </card-ui>",
   "source": "site/pages/examples/auth/session-expired/index.html",
-  "captured_at": "2026-04-28T16:48:01.089Z"
+  "captured_at": "2026-05-01T19:13:23.303Z"
 }

package/chunks/auth-signin-card-email.json

@@ -15,5 +15,5 @@
   },
   "html": "<card-ui raw data-chunk=\"auth-signin-card-email\" 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>Sign in to AdiaUI</h1>\n            <text-ui>Continue with email or a connected account.</text-ui>\n          </col-ui>\n        </header>\n\n        <section data-chunk=\"auth-card-content\">\n          <col-ui gap=\"4\">\n            <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>\n\n            <divider-ui label=\"or\"></divider-ui>\n\n            <col-ui gap=\"2\" data-chunk=\"auth-social-auths\">\n              <button-ui text=\"Continue with Google\" icon=\"google-logo\" variant=\"outline\"></button-ui>\n              <button-ui text=\"Continue with GitHub\" icon=\"github-logo\" variant=\"outline\"></button-ui>\n              <button-ui text=\"Continue with SSO\" icon=\"building-office\" variant=\"outline\"></button-ui>\n            </col-ui>\n\n            <text-ui text-align=\"center\" color=\"subtle\"> Don't have an account? <a href=\"/site/examples/auth/sign-up\">Sign up</a> </text-ui>\n          </col-ui>\n        </section>\n      </card-ui>",
   "source": "site/pages/examples/auth/sign-in/index.html",
-  "captured_at": "2026-04-28T16:48:01.089Z"
+  "captured_at": "2026-05-01T19:13:23.303Z"
 }

package/chunks/auth-signin-card-magic-link.json

@@ -10,5 +10,5 @@
   },
   "html": "<card-ui raw data-chunk=\"auth-signin-card-magic-link\" style=\"max-width: 32rem\">\n        <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>Check your email</h1>\n          </col-ui>\n        </header>\n\n        <section>\n          <col-ui gap=\"6\">\n            <text-ui align=\"center\">\n              We sent a one-time sign-in link to\n              <strong color=\"accent\">kim@acme.com</strong>. Click the link in that email to finish signing in. The link expires in 10 minutes.\n            </text-ui>\n\n            <alert-ui variant=\"info\" icon=\"info\">\n              <span slot=\"content\">Didn't get the email? Check your spam folder, or wait <strong>30 seconds</strong> before requesting a new link.</span>\n            </alert-ui>\n\n            <button-ui text=\"Resend link\" icon=\"arrow-clockwise\" variant=\"outline\" disabled></button-ui>\n\n            <text-ui text-align=\"center\">\n              <a href=\"/site/examples/auth/sign-in\">← Use a different email</a>\n            </text-ui>\n          </col-ui>\n        </section>\n      </card-ui>",
   "source": "site/pages/examples/auth/sign-in/magic-link/sent/index.html",
-  "captured_at": "2026-04-28T16:48:01.089Z"
+  "captured_at": "2026-05-01T19:13:23.303Z"
 }