@adia-ai/a2ui-corpus 0.0.6 → 0.0.9

package/chunks/access-denied-with-request.json

@@ -0,0 +1,15 @@
+{
+  "name": "access-denied-with-request",
+  "kind": "block",
+  "primary": "section",
+  "page": "/site/patterns/access-requests",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "data-section": "",
+    "data-property": "access-denied-cta"
+  },
+  "html": "<section data-section data-property=\"access-denied-cta\" data-chunk=\"access-denied-with-request\">\n  <h2 variant=\"section\">Access denied — with Request CTA</h2>\n  <p data-note>The standard access-denied state (cross-ref 36d) augmented with a \"Request access\" primary action. <code>alert-ui variant=\"warning\"</code> carries the explanation; the CTA opens the request form.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"access denied with request\">\n      <card-ui style=\"max-width: 480px;\">\n        <header>\n          <span slot=\"heading\" variant=\"section\">You don't have access to this</span>\n        </header>\n        <section>\n          <alert-ui variant=\"warning\" icon=\"lock\">\n            <col-ui slot=\"content\" gap=\"0-5\">\n              <text-ui strong>Q4 product roadmap is restricted.</text-ui>\n              <text-ui>Owned by Avery Chen. Ask them for access, or check if your team has a different version.</text-ui>\n            </col-ui>\n          </alert-ui>\n        </section>\n        <footer divider>\n          <button-ui slot=\"action\" text=\"Go back\" variant=\"ghost\"></button-ui>\n          <button-ui slot=\"action\" text=\"Request access\" variant=\"primary\" icon-leading=\"paper-plane-tilt\"></button-ui>\n        </footer>\n      </card-ui>\n    </div>\n  </div>\n</section>",
+  "source": "site/pages/patterns/access-requests/index.html",
+  "captured_at": "2026-05-01T19:13:23.303Z"
+}

package/chunks/access-request-form.json

@@ -0,0 +1,15 @@
+{
+  "name": "access-request-form",
+  "kind": "block",
+  "primary": "section",
+  "page": "/site/patterns/access-requests",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "data-section": "",
+    "data-property": "request-form"
+  },
+  "html": "<section data-section data-property=\"request-form\" data-chunk=\"access-request-form\">\n  <h2 variant=\"section\">Request form</h2>\n  <p data-note>The form the requester fills. Pre-fills the resource being requested; user picks the role they need + optional reason. Submit fires a notification to the owner.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"access request form\">\n      <card-ui style=\"max-width: 560px;\">\n        <header>\n          <span slot=\"heading\" variant=\"section\">Request access</span>\n          <text-ui slot=\"description\" color=\"subtle\">Avery Chen will be notified</text-ui>\n        </header>\n        <section>\n          <col-ui gap=\"3\">\n            <field-ui label=\"Resource\">\n              <input-ui name=\"resource\" value=\"Q4 product roadmap\" readonly></input-ui>\n            </field-ui>\n            <field-ui label=\"Role you need\" required>\n              <select-ui name=\"role\">\n                <option value=\"viewer\" selected>Viewer — read only</option>\n                <option value=\"commenter\">Commenter — read + comment</option>\n                <option value=\"editor\">Editor — read + edit</option>\n              </select-ui>\n            </field-ui>\n            <field-ui label=\"Why do you need access?\" hint=\"Optional but speeds up approval\">\n              <textarea-ui name=\"reason\" rows=\"3\" placeholder=\"e.g., I'm reviewing the Q4 plan for the engineering breakdown.\"></textarea-ui>\n            </field-ui>\n          </col-ui>\n        </section>\n        <footer divider>\n          <button-ui slot=\"action\" text=\"Cancel\" variant=\"ghost\"></button-ui>\n          <button-ui slot=\"action\" text=\"Send request\" variant=\"primary\"></button-ui>\n        </footer>\n      </card-ui>\n    </div>\n  </div>\n</section>",
+  "source": "site/pages/patterns/access-requests/index.html",
+  "captured_at": "2026-05-01T19:13:23.303Z"
+}

package/chunks/access-request-pending.json

@@ -0,0 +1,15 @@
+{
+  "name": "access-request-pending",
+  "kind": "block",
+  "primary": "section",
+  "page": "/site/patterns/access-requests",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "data-section": "",
+    "data-property": "request-pending"
+  },
+  "html": "<section data-section data-property=\"request-pending\" data-chunk=\"access-request-pending\">\n  <h2 variant=\"section\">Pending status</h2>\n  <p data-note>The state the requester sees after submission. <code>alert-ui variant=\"info\"</code> with the reviewer name + reasonable ETA. \"Cancel request\" + \"View other resources\" actions.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"access request pending\">\n      <card-ui style=\"max-width: 480px;\">\n        <header>\n          <span slot=\"heading\" variant=\"section\">Request sent</span>\n          <tag-ui slot=\"action\" variant=\"warning\">Pending</tag-ui>\n        </header>\n        <section>\n          <alert-ui variant=\"info\" icon=\"clock-counter-clockwise\">\n            <col-ui slot=\"content\" gap=\"0-5\">\n              <text-ui strong>Avery Chen has been notified.</text-ui>\n              <text-ui>You'll get an email when they approve or decline. Most requests are answered within a business day.</text-ui>\n            </col-ui>\n          </alert-ui>\n        </section>\n        <footer divider>\n          <button-ui slot=\"action\" text=\"Cancel request\" variant=\"ghost\"></button-ui>\n          <button-ui slot=\"action\" text=\"View other resources\" variant=\"primary\"></button-ui>\n        </footer>\n      </card-ui>\n    </div>\n  </div>\n</section>",
+  "source": "site/pages/patterns/access-requests/index.html",
+  "captured_at": "2026-05-01T19:13:23.303Z"
+}

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

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

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

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

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

package/chunks/achievement-badges.json

@@ -0,0 +1,15 @@
+{
+  "name": "achievement-badges",
+  "kind": "block",
+  "primary": "section",
+  "page": "/site/patterns/marketing-engagement",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "data-section": "",
+    "data-property": "achievement-badges"
+  },
+  "html": "<section data-section data-property=\"achievement-badges\" data-chunk=\"achievement-badges\">\n  <h2 variant=\"section\">Achievements — earned badges</h2>\n  <p data-note>Grid of earned + locked badges. Each card shows the icon, name, description, and earn-date. Earned badges carry the date as a <code>success</code> tag; locked badges show progress as a <code>muted</code> tag and live in a <code>ghost</code> card so they read as quieter without raw opacity.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"achievement badges\">\n      <card-ui>\n        <header>\n          <span slot=\"heading\" variant=\"section\">Achievements</span>\n          <text-ui slot=\"description\" color=\"subtle\">5 of 12 unlocked</text-ui>\n        </header>\n        <section>\n          <grid-ui columns=\"3\" gap=\"3\">\n            <card-ui variant=\"outlined\">\n              <col-ui align=\"center\" gap=\"2\" padding=\"4\">\n                <text-ui variant=\"display\">🚀</text-ui>\n                <text-ui strong>First launch</text-ui>\n                <text-ui variant=\"caption\" color=\"subtle\">Shipped your first prompt</text-ui>\n                <tag-ui size=\"sm\" variant=\"success\">Apr 12</tag-ui>\n              </col-ui>\n            </card-ui>\n            <card-ui variant=\"outlined\">\n              <col-ui align=\"center\" gap=\"2\" padding=\"4\">\n                <text-ui variant=\"display\">🔥</text-ui>\n                <text-ui strong>7-day streak</text-ui>\n                <text-ui variant=\"caption\" color=\"subtle\">A week of daily use</text-ui>\n                <tag-ui size=\"sm\" variant=\"success\">Apr 19</tag-ui>\n              </col-ui>\n            </card-ui>\n            <card-ui variant=\"outlined\">\n              <col-ui align=\"center\" gap=\"2\" padding=\"4\">\n                <text-ui variant=\"display\">🎨</text-ui>\n                <text-ui strong>Theme artist</text-ui>\n                <text-ui variant=\"caption\" color=\"subtle\">Created 3 custom themes</text-ui>\n                <tag-ui size=\"sm\" variant=\"success\">Apr 22</tag-ui>\n              </col-ui>\n            </card-ui>\n            <card-ui variant=\"ghost\">\n              <col-ui align=\"center\" gap=\"2\" padding=\"4\">\n                <text-ui variant=\"display\" color=\"subtle\">🏗️</text-ui>\n                <text-ui color=\"subtle\" strong>Builder</text-ui>\n                <text-ui variant=\"caption\" color=\"subtle\">Ship 10 prompts</text-ui>\n                <tag-ui size=\"sm\" variant=\"muted\">7 of 10</tag-ui>\n              </col-ui>\n            </card-ui>\n            <card-ui variant=\"ghost\">\n              <col-ui align=\"center\" gap=\"2\" padding=\"4\">\n                <text-ui variant=\"display\" color=\"subtle\">🌟</text-ui>\n                <text-ui color=\"subtle\" strong>30-day streak</text-ui>\n                <text-ui variant=\"caption\" color=\"subtle\">A month of daily use</text-ui>\n                <tag-ui size=\"sm\" variant=\"muted\">12 of 30</tag-ui>\n              </col-ui>\n            </card-ui>\n            <card-ui variant=\"ghost\">\n              <col-ui align=\"center\" gap=\"2\" padding=\"4\">\n                <text-ui variant=\"display\" color=\"subtle\">🤝</text-ui>\n                <text-ui color=\"subtle\" strong>Connector</text-ui>\n                <text-ui variant=\"caption\" color=\"subtle\">Refer 5 friends</text-ui>\n                <tag-ui size=\"sm\" variant=\"muted\">3 of 5</tag-ui>\n              </col-ui>\n            </card-ui>\n          </grid-ui>\n        </section>\n      </card-ui>\n    </div>\n  </div>\n</section>",
+  "source": "site/pages/patterns/marketing-engagement/index.html",
+  "captured_at": "2026-05-01T19:13:23.303Z"
+}

package/chunks/achievement-unlock.json

@@ -0,0 +1,15 @@
+{
+  "name": "achievement-unlock",
+  "kind": "block",
+  "primary": "section",
+  "page": "/site/patterns/marketing-engagement",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "data-section": "",
+    "data-property": "achievement-unlock"
+  },
+  "html": "<section data-section data-property=\"achievement-unlock\" data-chunk=\"achievement-unlock\">\n  <h2 variant=\"section\">Achievements — unlock moment</h2>\n  <p data-note>The just-earned achievement card — usually appears as a toast or modal moment. Big icon, \"You earned…\" header, description, and a CTA to share or keep going. This is the dopamine hit; don't make it dismissive.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"achievement unlock\">\n      <card-ui>\n        <section>\n          <col-ui gap=\"3\" align=\"center\" padding=\"6\">\n            <text-ui variant=\"display\">🔥</text-ui>\n            <tag-ui size=\"sm\" variant=\"primary\">Achievement unlocked</tag-ui>\n            <text-ui variant=\"display\" strong>7-day streak</text-ui>\n            <text-ui color=\"subtle\">A full week of daily use. You've shipped 14 prompts and 23 chunks since you started.</text-ui>\n          </col-ui>\n        </section>\n        <footer divider>\n          <button-ui slot=\"action\" text=\"Keep going\" variant=\"ghost\"></button-ui>\n          <button-ui slot=\"action\" text=\"Share\" variant=\"primary\" icon-leading=\"share-network\"></button-ui>\n        </footer>\n      </card-ui>\n    </div>\n  </div>\n</section>",
+  "source": "site/pages/patterns/marketing-engagement/index.html",
+  "captured_at": "2026-05-01T19:13:23.303Z"
+}

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

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

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

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

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

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

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

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

package/chunks/agent-cost-detailed.json

@@ -0,0 +1,15 @@
+{
+  "name": "agent-cost-detailed",
+  "kind": "block",
+  "primary": "section",
+  "page": "/site/patterns/agent-cost",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "data-section": "",
+    "data-property": "detailed"
+  },
+  "html": "<section data-section data-property=\"detailed\" data-chunk=\"agent-cost-detailed\">\n  <h2 variant=\"section\">Detailed breakdown card</h2>\n  <p data-note>Full breakdown for a billing or admin view. Stat tiles for the headline numbers; <code>description-list-ui</code> for the per-channel decomposition (input / output / cache).</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"cost breakdown card\">\n      <card-ui style=\"max-width: 560px;\">\n        <header>\n          <span slot=\"heading\" variant=\"section\">Today's usage</span>\n          <text-ui slot=\"description\" color=\"subtle\">Apr 29 · across all sessions</text-ui>\n        </header>\n        <section>\n          <col-ui gap=\"3\">\n            <grid-ui columns=\"3\" gap=\"2\">\n              <stat-ui label=\"Cost\" value=\"$2.41\" trend=\"up\" delta=\"+18%\"></stat-ui>\n              <stat-ui label=\"Tokens\" value=\"184k\" trend=\"up\" delta=\"+12%\"></stat-ui>\n              <stat-ui label=\"Calls\" value=\"47\" trend=\"flat\"></stat-ui>\n            </grid-ui>\n            <description-list-ui layout=\"inline\" align=\"between\">\n              <dt>Input tokens</dt><dd>142,108 · $0.43</dd>\n              <dt>Output tokens</dt><dd>38,294 · $1.72</dd>\n              <dt>Cache reads</dt><dd>3,841 · $0.01</dd>\n              <dt>Cache writes</dt><dd>1,267 · $0.25</dd>\n            </description-list-ui>\n          </col-ui>\n        </section>\n        <footer divider>\n          <text-ui slot=\"description\" color=\"subtle\" size=\"sm\">Plan limit: 1M tokens / day</text-ui>\n          <button-ui slot=\"action\" text=\"View invoice\" variant=\"ghost\" size=\"sm\" icon-leading=\"receipt\"></button-ui>\n        </footer>\n      </card-ui>\n    </div>\n  </div>\n</section>",
+  "source": "site/pages/patterns/agent-cost/index.html",
+  "captured_at": "2026-05-01T19:13:23.303Z"
+}

package/chunks/agent-cost-inline.json

@@ -0,0 +1,15 @@
+{
+  "name": "agent-cost-inline",
+  "kind": "block",
+  "primary": "section",
+  "page": "/site/patterns/agent-cost",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "data-section": "",
+    "data-property": "inline"
+  },
+  "html": "<section data-section data-property=\"inline\" data-chunk=\"agent-cost-inline\">\n  <h2 variant=\"section\">Inline indicator</h2>\n  <p data-note>Compact footer for the chat thread. Tokens + cost + duration. Uses <code>tag-ui</code> in a row; subtle text color so it doesn't compete with replies.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"inline cost indicator\">\n      <row-ui gap=\"2\" align=\"center\" padding=\"2\" style=\"max-width: 560px;\">\n        <tag-ui icon=\"coins\" size=\"sm\">$0.014</tag-ui>\n        <tag-ui icon=\"hash\" size=\"sm\">2,184 tok</tag-ui>\n        <tag-ui icon=\"timer\" size=\"sm\">3.2s</tag-ui>\n        <row-ui grow></row-ui>\n        <text-ui color=\"subtle\" size=\"sm\">claude-opus-4-7</text-ui>\n      </row-ui>\n    </div>\n  </div>\n</section>",
+  "source": "site/pages/patterns/agent-cost/index.html",
+  "captured_at": "2026-05-01T19:13:23.303Z"
+}

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

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

package/chunks/agent-memory-detail.json

@@ -0,0 +1,15 @@
+{
+  "name": "agent-memory-detail",
+  "kind": "block",
+  "primary": "section",
+  "page": "/site/patterns/agent-memory",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "data-section": "",
+    "data-property": "detail"
+  },
+  "html": "<section data-section data-property=\"detail\" data-chunk=\"agent-memory-detail\">\n  <h2 variant=\"section\">Memory detail</h2>\n  <p data-note>Single-entry view. <code>description-list-ui</code> for metadata; <code>code-ui</code> for any structured payload (e.g. JSON facts). Footer carries delete + edit actions.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"memory detail\">\n      <card-ui style=\"max-width: 560px;\">\n        <header>\n          <span slot=\"heading\" variant=\"section\">Uses OKLCH tokens, never raw hex</span>\n          <tag-ui slot=\"action\" variant=\"accent\">workspace</tag-ui>\n        </header>\n        <section>\n          <col-ui gap=\"3\">\n            <description-list-ui>\n              <span slot=\"term\">Source</span>\n              <span slot=\"description\">AdiaUI styleguide · component-token-contract.md</span>\n              <span slot=\"term\">First seen</span>\n              <span slot=\"description\">2026-03-14</span>\n              <span slot=\"term\">Last referenced</span>\n              <span slot=\"description\">2026-04-29 · 4 minutes ago</span>\n              <span slot=\"term\">Times applied</span>\n              <span slot=\"description\">142</span>\n            </description-list-ui>\n            <code-ui language=\"json\">{\n  \"fact\": \"no raw hex / rgb / oklch in component CSS\",\n  \"source\": \"docs/specs/component-token-contract.md#tokens\",\n  \"scope\": [\"packages/web-components/components/**/*.css\"],\n  \"exceptions\": [\"styles/colors/semantics.css\", \"styles/tokens.css\"]\n}</code-ui>\n          </col-ui>\n        </section>\n        <footer divider>\n          <button-ui slot=\"action\" text=\"Delete\" variant=\"ghost\" color=\"danger\" size=\"sm\" icon-leading=\"trash\"></button-ui>\n          <button-ui slot=\"action\" text=\"Edit\" variant=\"outline\" size=\"sm\" icon-leading=\"pencil\"></button-ui>\n        </footer>\n      </card-ui>\n    </div>\n  </div>\n</section>",
+  "source": "site/pages/patterns/agent-memory/index.html",
+  "captured_at": "2026-05-01T19:13:23.303Z"
+}

package/chunks/agent-memory-editor.json

@@ -0,0 +1,15 @@
+{
+  "name": "agent-memory-editor",
+  "kind": "block",
+  "primary": "section",
+  "page": "/site/patterns/agent-memory",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "data-section": "",
+    "data-property": "editor"
+  },
+  "html": "<section data-section data-property=\"editor\" data-chunk=\"agent-memory-editor\">\n  <h2 variant=\"section\">Memory editor</h2>\n  <p data-note>Inline drawer pop the agent fires when proposing a memory. Three controls: a <code>textarea-ui</code> for the fact, a <code>radio-ui</code> for scope, and primary/ghost actions in the footer. Errors carry through <code>field-ui</code>'s error slot.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"memory editor\">\n      <card-ui style=\"max-width: 560px;\">\n        <header>\n          <span slot=\"heading\" variant=\"section\">Save this as a memory?</span>\n          <text-ui slot=\"description\" color=\"subtle\">The agent proposed a fact during this conversation.</text-ui>\n        </header>\n        <section>\n          <form-container-ui>\n            <col-ui gap=\"3\">\n              <field-ui label=\"Fact\">\n                <textarea-ui rows=\"3\" value=\"Browser baseline: Chromium 125+, Safari 18.0+, Firefox 129+\"></textarea-ui>\n              </field-ui>\n              <field-ui label=\"Scope\" hint=\"Workspace memories are shared with your team.\">\n                <col-ui gap=\"1\">\n                  <radio-ui name=\"scope\" value=\"user\" label=\"Just me\"></radio-ui>\n                  <radio-ui name=\"scope\" value=\"workspace\" label=\"My workspace\" checked></radio-ui>\n                  <radio-ui name=\"scope\" value=\"session\" label=\"This session only\"></radio-ui>\n                </col-ui>\n              </field-ui>\n            </col-ui>\n            <row-ui slot=\"actions\" gap=\"2\" justify=\"end\">\n              <button-ui text=\"Discard\" variant=\"ghost\"></button-ui>\n              <button-ui text=\"Save memory\" variant=\"primary\"></button-ui>\n            </row-ui>\n          </form-container-ui>\n        </section>\n      </card-ui>\n    </div>\n  </div>\n</section>",
+  "source": "site/pages/patterns/agent-memory/index.html",
+  "captured_at": "2026-05-01T19:13:23.303Z"
+}

package/chunks/agent-memory-list.json

@@ -0,0 +1,15 @@
+{
+  "name": "agent-memory-list",
+  "kind": "block",
+  "primary": "section",
+  "page": "/site/patterns/agent-memory",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "data-section": "",
+    "data-property": "list"
+  },
+  "html": "<section data-section data-property=\"list\" data-chunk=\"agent-memory-list\">\n  <h2 variant=\"section\">Memory list</h2>\n  <p data-note>Read-only inventory grouped by source (user / workspace / session). Each row carries a one-line fact, source tag, and last-updated time. Click-through opens the detail view.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"memory list\">\n      <card-ui style=\"max-width: 640px;\">\n        <header>\n          <span slot=\"heading\" variant=\"section\">Agent memory</span>\n          <text-ui slot=\"description\" color=\"subtle\">14 entries across 3 sources</text-ui>\n          <button-ui slot=\"action\" text=\"Add memory\" variant=\"ghost\" 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=\"2\" align=\"center\">\n                <col-ui gap=\"0\" grow>\n                  <text-ui strong>Prefers Kim over Kimberly</text-ui>\n                  <text-ui color=\"subtle\" size=\"sm\">From a chat on 2026-04-12</text-ui>\n                </col-ui>\n                <tag-ui size=\"sm\">user</tag-ui>\n              </row-ui>\n            </list-item-ui>\n            <list-item-ui>\n              <row-ui gap=\"2\" align=\"center\">\n                <col-ui gap=\"0\" grow>\n                  <text-ui strong>Uses OKLCH tokens, never raw hex</text-ui>\n                  <text-ui color=\"subtle\" size=\"sm\">From the AdiaUI styleguide</text-ui>\n                </col-ui>\n                <tag-ui size=\"sm\" variant=\"accent\">workspace</tag-ui>\n              </row-ui>\n            </list-item-ui>\n            <list-item-ui>\n              <row-ui gap=\"2\" align=\"center\">\n                <col-ui gap=\"0\" grow>\n                  <text-ui strong>Browser baseline: Chromium 125+, Safari 18.0+</text-ui>\n                  <text-ui color=\"subtle\" size=\"sm\">From AGENTS.md</text-ui>\n                </col-ui>\n                <tag-ui size=\"sm\" variant=\"accent\">workspace</tag-ui>\n              </row-ui>\n            </list-item-ui>\n            <list-item-ui>\n              <row-ui gap=\"2\" align=\"center\">\n                <col-ui gap=\"0\" grow>\n                  <text-ui strong>Working on Group 1 of skill expansion</text-ui>\n                  <text-ui color=\"subtle\" size=\"sm\">Current session</text-ui>\n                </col-ui>\n                <tag-ui size=\"sm\">session</tag-ui>\n              </row-ui>\n            </list-item-ui>\n          </list-ui>\n        </section>\n        <footer divider>\n          <text-ui slot=\"description\" color=\"subtle\" size=\"sm\">Workspace memory is shared with team members.</text-ui>\n        </footer>\n      </card-ui>\n    </div>\n  </div>\n</section>",
+  "source": "site/pages/patterns/agent-memory/index.html",
+  "captured_at": "2026-05-01T19:13:23.303Z"
+}

package/chunks/agent-prompt-card.json

@@ -0,0 +1,15 @@
+{
+  "name": "agent-prompt-card",
+  "kind": "block",
+  "primary": "section",
+  "page": "/site/patterns/agent-prompt-library",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "data-section": "",
+    "data-property": "card"
+  },
+  "html": "<section data-section data-property=\"card\" data-chunk=\"agent-prompt-card\">\n  <h2 variant=\"section\">Prompt card (the unit)</h2>\n  <p data-note>The single prompt as a self-contained card. Header with name + tags; body with the full prompt text; footer with run / edit / delete. Reused inside the grid and the slash-menu detail.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"prompt card\">\n      <card-ui style=\"max-width: 560px;\">\n        <header>\n          <span slot=\"heading\" variant=\"section\">Code review</span>\n          <row-ui slot=\"action\" gap=\"1\">\n            <tag-ui size=\"sm\" variant=\"accent\">Pinned</tag-ui>\n            <tag-ui size=\"sm\">Code review</tag-ui>\n          </row-ui>\n        </header>\n        <section>\n          <col-ui gap=\"2\">\n            <text-ui>Review the diff for security, perf, and naming. Flag issues with <code>file:line</code> citations. Suggest concrete fixes inline. Skip nitpicks unless asked.</text-ui>\n            <description-list-ui>\n              <span slot=\"term\">Last used</span>\n              <span slot=\"description\">3 hours ago</span>\n              <span slot=\"term\">Times run</span>\n              <span slot=\"description\">28</span>\n            </description-list-ui>\n          </col-ui>\n        </section>\n        <footer divider>\n          <button-ui slot=\"action\" text=\"Delete\" variant=\"ghost\" color=\"danger\" size=\"sm\" icon-leading=\"trash\"></button-ui>\n          <button-ui slot=\"action\" text=\"Edit\" variant=\"ghost\" size=\"sm\" icon-leading=\"pencil\"></button-ui>\n          <button-ui slot=\"action\" text=\"Run\" variant=\"primary\" size=\"sm\" icon-leading=\"play\"></button-ui>\n        </footer>\n      </card-ui>\n    </div>\n  </div>\n</section>",
+  "source": "site/pages/patterns/agent-prompt-library/index.html",
+  "captured_at": "2026-05-01T19:13:23.303Z"
+}

package/chunks/agent-prompt-library-grid.json

@@ -0,0 +1,15 @@
+{
+  "name": "agent-prompt-library-grid",
+  "kind": "block",
+  "primary": "section",
+  "page": "/site/patterns/agent-prompt-library",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "data-section": "",
+    "data-property": "library-grid"
+  },
+  "html": "<section data-section data-property=\"library-grid\" data-chunk=\"agent-prompt-library-grid\">\n  <h2 variant=\"section\">Library grid</h2>\n  <p data-note>Full library route. <code>search-ui</code> at the top, <code>tag-ui</code> filter chips, <code>grid-ui columns=\"2\"</code> of prompt cards. Empty state when search returns nothing.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"prompt library grid\">\n      <card-ui style=\"max-width: 720px;\">\n        <header>\n          <span slot=\"heading\" variant=\"section\">Prompt library</span>\n          <text-ui slot=\"description\" color=\"subtle\">12 prompts · 4 categories</text-ui>\n          <button-ui slot=\"action\" text=\"New prompt\" variant=\"primary\" size=\"sm\" icon-leading=\"plus\"></button-ui>\n        </header>\n        <section>\n          <col-ui gap=\"3\">\n            <row-ui gap=\"2\" align=\"center\">\n              <search-ui placeholder=\"Search prompts\" style=\"flex: 1;\"></search-ui>\n              <button-ui icon=\"funnel\" variant=\"ghost\" size=\"sm\"></button-ui>\n            </row-ui>\n            <row-ui gap=\"2\">\n              <tag-ui size=\"sm\" variant=\"accent\">All · 12</tag-ui>\n              <tag-ui size=\"sm\">Code review · 4</tag-ui>\n              <tag-ui size=\"sm\">Drafts · 3</tag-ui>\n              <tag-ui size=\"sm\">Research · 3</tag-ui>\n              <tag-ui size=\"sm\">Personal · 2</tag-ui>\n            </row-ui>\n            <grid-ui columns=\"2\" gap=\"2\">\n              <card-ui compact>\n                <header><span slot=\"heading\">Code review</span><tag-ui slot=\"action\" size=\"sm\">Pinned</tag-ui></header>\n                <section><text-ui color=\"subtle\" size=\"sm\">Review the diff for security, perf, and naming. Flag with file:line. Suggest fixes inline.</text-ui></section>\n              </card-ui>\n              <card-ui compact>\n                <header><span slot=\"heading\">Standup draft</span></header>\n                <section><text-ui color=\"subtle\" size=\"sm\">Summarize what I did yesterday from my git log. Group by repo. End with today's plan.</text-ui></section>\n              </card-ui>\n              <card-ui compact>\n                <header><span slot=\"heading\">Spec from notes</span></header>\n                <section><text-ui color=\"subtle\" size=\"sm\">Turn these notes into a spec doc with sections: problem, design, alternatives, open questions.</text-ui></section>\n              </card-ui>\n              <card-ui compact>\n                <header><span slot=\"heading\">Bug repro</span></header>\n                <section><text-ui color=\"subtle\" size=\"sm\">Given this stack trace, propose three hypotheses ordered by likelihood. Show the test that would falsify each.</text-ui></section>\n              </card-ui>\n            </grid-ui>\n          </col-ui>\n        </section>\n      </card-ui>\n    </div>\n  </div>\n</section>",
+  "source": "site/pages/patterns/agent-prompt-library/index.html",
+  "captured_at": "2026-05-01T19:13:23.303Z"
+}

package/chunks/agent-prompt-picker.json

@@ -0,0 +1,15 @@
+{
+  "name": "agent-prompt-picker",
+  "kind": "block",
+  "primary": "section",
+  "page": "/site/patterns/agent-prompt-library",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "data-section": "",
+    "data-property": "picker"
+  },
+  "html": "<section data-section data-property=\"picker\" data-chunk=\"agent-prompt-picker\">\n  <h2 variant=\"section\">Picker (slash-menu)</h2>\n  <p data-note>Compact popover surface fired from a chat input slash-command (<code>/</code> or <code>Cmd+J</code>). <code>menu-ui</code> with the prompt name + first 80 characters of body as the description. Recent prompts at the top.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"prompt picker\">\n      <card-ui raw style=\"max-width: 420px;\" data-shape=\"popover\">\n        <section>\n          <col-ui gap=\"3\">\n            <col-ui gap=\"1\">\n              <text-ui strong size=\"sm\" color=\"subtle\">Recent</text-ui>\n              <col-ui gap=\"2\">\n                <row-ui gap=\"2\" align=\"center\">\n                  <icon-ui name=\"code\" size=\"sm\"></icon-ui>\n                  <col-ui gap=\"0\" style=\"flex: 1;\">\n                    <text-ui strong>Code review</text-ui>\n                    <text-ui color=\"subtle\" size=\"sm\">Review the diff for security, perf, and naming…</text-ui>\n                  </col-ui>\n                  <kbd-ui>⌘1</kbd-ui>\n                </row-ui>\n                <row-ui gap=\"2\" align=\"center\">\n                  <icon-ui name=\"note\" size=\"sm\"></icon-ui>\n                  <col-ui gap=\"0\" style=\"flex: 1;\">\n                    <text-ui strong>Standup draft</text-ui>\n                    <text-ui color=\"subtle\" size=\"sm\">Summarize what I did yesterday from my git log…</text-ui>\n                  </col-ui>\n                  <kbd-ui>⌘2</kbd-ui>\n                </row-ui>\n              </col-ui>\n            </col-ui>\n            <divider-ui></divider-ui>\n            <col-ui gap=\"1\">\n              <text-ui strong size=\"sm\" color=\"subtle\">All prompts</text-ui>\n              <col-ui gap=\"2\">\n                <row-ui gap=\"2\" align=\"center\">\n                  <icon-ui name=\"file-text\" size=\"sm\"></icon-ui>\n                  <col-ui gap=\"0\" style=\"flex: 1;\">\n                    <text-ui strong>Spec from notes</text-ui>\n                    <text-ui color=\"subtle\" size=\"sm\">Turn these notes into a spec doc with sections…</text-ui>\n                  </col-ui>\n                </row-ui>\n                <row-ui gap=\"2\" align=\"center\">\n                  <icon-ui name=\"bug\" size=\"sm\"></icon-ui>\n                  <col-ui gap=\"0\" style=\"flex: 1;\">\n                    <text-ui strong>Bug repro</text-ui>\n                    <text-ui color=\"subtle\" size=\"sm\">Given this stack trace, propose three hypotheses…</text-ui>\n                  </col-ui>\n                </row-ui>\n              </col-ui>\n            </col-ui>\n          </col-ui>\n        </section>\n      </card-ui>\n    </div>\n  </div>\n</section>",
+  "source": "site/pages/patterns/agent-prompt-library/index.html",
+  "captured_at": "2026-05-01T19:13:23.303Z"
+}

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

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

package/chunks/agent-rate-limit.json

@@ -0,0 +1,15 @@
+{
+  "name": "agent-rate-limit",
+  "kind": "block",
+  "primary": "section",
+  "page": "/site/patterns/agent-cost",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "data-section": "",
+    "data-property": "rate-limit"
+  },
+  "html": "<section data-section data-property=\"rate-limit\" data-chunk=\"agent-rate-limit\">\n  <h2 variant=\"section\">Rate-limit warning</h2>\n  <p data-note>Soft warning when the user is approaching a rate-limit. <code>alert-ui variant=\"warning\"</code> with a <code>progress-ui</code> showing remaining headroom. Action button offers upgrade or wait-time.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"rate-limit warning\">\n      <alert-ui variant=\"warning\" icon=\"warning\" style=\"max-width: 560px;\">\n        <col-ui slot=\"content\" gap=\"2\">\n          <text-ui strong>Approaching token limit</text-ui>\n          <text-ui>You've used 870k of your 1M daily token allowance. Resets at midnight UTC (in 4h 12m).</text-ui>\n          <progress-ui value=\"87\" size=\"sm\"></progress-ui>\n          <row-ui gap=\"2\" justify=\"end\">\n            <button-ui text=\"Wait\" variant=\"ghost\" size=\"sm\"></button-ui>\n            <button-ui text=\"Upgrade plan\" variant=\"primary\" size=\"sm\"></button-ui>\n          </row-ui>\n        </col-ui>\n      </alert-ui>\n    </div>\n  </div>\n</section>",
+  "source": "site/pages/patterns/agent-cost/index.html",
+  "captured_at": "2026-05-01T19:13:23.303Z"
+}

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

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

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

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

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

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

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

@@ -0,0 +1,15 @@
+{
+  "name": "agent-tool-call-collapsed",
+  "kind": "block",
+  "primary": "section",
+  "page": "/site/patterns/agent-tool-call",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "data-section": "",
+    "data-property": "collapsed"
+  },
+  "html": "<section data-section data-property=\"collapsed\" data-chunk=\"agent-tool-call-collapsed\">\n  <h2 variant=\"section\">Collapsed (default summary)</h2>\n  <p data-note>Default state inside a long thread — the agent has many tool calls and most don't need detail. Header carries the tool name + result count or status; body expands on click. Use <code>collapsed</code> attribute.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"collapsed tool call summary\">\n      <col-ui gap=\"2\" style=\"max-width: 560px;\">\n        <agent-artifact-ui title=\"search_web · 5 results · 482 ms\" kind=\"TOOL\" icon=\"magnifying-glass\" tone=\"accent\" collapsed>\n          <code-ui language=\"json\">[ /* result list */ ]</code-ui>\n        </agent-artifact-ui>\n        <agent-artifact-ui title=\"get_weather · San Francisco · 64°F\" kind=\"TOOL\" icon=\"cloud-sun\" tone=\"accent\" collapsed>\n          <code-ui language=\"json\">{ \"city\": \"San Francisco\", \"temp_f\": 64, \"condition\": \"fog\" }</code-ui>\n        </agent-artifact-ui>\n        <agent-artifact-ui title=\"run_query · 12 rows\" kind=\"TOOL\" icon=\"database\" tone=\"accent\" collapsed>\n          <code-ui language=\"sql\">SELECT id, name, plan FROM users WHERE …</code-ui>\n        </agent-artifact-ui>\n      </col-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-error.json

@@ -0,0 +1,15 @@
+{
+  "name": "agent-tool-call-error",
+  "kind": "block",
+  "primary": "section",
+  "page": "/site/patterns/agent-tool-call",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "data-section": "",
+    "data-property": "error"
+  },
+  "html": "<section data-section data-property=\"error\" data-chunk=\"agent-tool-call-error\">\n  <h2 variant=\"section\">Error</h2>\n  <p data-note><code>tone=\"danger\"</code> with a clear next-step. The body carries the call args plus the error message in an <code>alert-ui</code>; secondary slot offers retry.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"failed tool call\">\n      <agent-artifact-ui title=\"fetch_invoice\" kind=\"TOOL\" icon=\"warning\" tone=\"danger\" style=\"max-width: 560px;\">\n        <button-ui slot=\"secondary\" text=\"Retry\" icon=\"arrow-clockwise\" variant=\"outline\" size=\"sm\"></button-ui>\n        <col-ui gap=\"2\" style=\"min-width: 0;\">\n          <code-ui language=\"json\" style=\"min-width: 0;\">{ \"invoice_id\": \"inv_8421\", \"format\": \"pdf\" }</code-ui>\n          <alert-ui variant=\"danger\">\n            <col-ui slot=\"content\" gap=\"1\">\n              <text-ui strong>404 Not Found</text-ui>\n              <text-ui>No invoice with id <code>inv_8421</code> in the last 90 days. Check the id or widen the date range.</text-ui>\n            </col-ui>\n          </alert-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"
+}