@adia-ai/a2ui-corpus 0.0.6 → 0.0.9

package/chunks/reg-step-shell.json

@@ -0,0 +1,42 @@
+{
+  "name": "reg-step-shell",
+  "kind": "page",
+  "primary": "main",
+  "page": "/site/examples/registration/personal",
+  "slots": [
+    {
+      "name": "page-story",
+      "tagName": "aside",
+      "html": "<a data-reg-brand href=\"/\" aria-label=\"AdiaUI home\">\n      <img src=\"/icons/agent-ui-light.svg\" alt=\"\" />\n      <strong>AdiaUI</strong>\n    </a>\n\n    <div data-reg-story-content>\n      <h2>Be findable.</h2>\n      <p>\n        These details show up in directory search, mentions, and\n        the timezone-aware \"@available now\" indicator on your\n        profile. None of this is required — you can fill it in\n        whenever, or never.\n      </p>\n      <text-ui color=\"subtle\" size=\"sm\">User setup · Step 7 of 8 · Personal profile</text-ui>\n    </div>"
+    },
+    {
+      "name": "page-header",
+      "tagName": "header",
+      "html": "<h1>Round out your profile</h1>\n      <text-ui color=\"subtle\">Optional — these help teammates find you in directory search and route messages to the right person.</text-ui>"
+    },
+    {
+      "name": "page-content",
+      "tagName": "section",
+      "html": "<field-ui inline label=\"Title\">\n        <input-ui name=\"title\" placeholder=\"e.g. Senior Designer\" autocomplete=\"organization-title\"></input-ui>\n      </field-ui>\n\n      <field-ui inline label=\"Department\">\n        <select-ui name=\"department\" value=\"design\">\n          <option value=\"\">Pick one…</option>\n          <option value=\"engineering\">Engineering</option>\n          <option value=\"product\">Product</option>\n          <option value=\"design\" selected>Design</option>\n          <option value=\"sales\">Sales</option>\n          <option value=\"marketing\">Marketing</option>\n          <option value=\"cs\">Customer Success</option>\n          <option value=\"ops\">Operations</option>\n        </select-ui>\n      </field-ui>\n\n      <field-ui inline label=\"Manager\">\n        <select-ui name=\"manager\" value=\"\">\n          <option value=\"\" selected>No manager</option>\n          <option value=\"jane\">Jane Doe (Founder)</option>\n          <option value=\"maya\">Maya Patel (VP Engineering)</option>\n          <option value=\"riley\">Riley Park (Head of Design)</option>\n          <option value=\"morgan\">Morgan Lee (Head of Sales)</option>\n        </select-ui>\n      </field-ui>\n\n      <field-ui inline label=\"Pronouns\">\n        <input-ui name=\"pronouns\" placeholder=\"e.g. she/her, they/them\" autocomplete=\"off\"></input-ui>\n      </field-ui>\n\n      <divider-ui></divider-ui>\n\n      <field-ui inline label=\"Location\">\n        <input-ui name=\"location\" placeholder=\"San Francisco, CA\" autocomplete=\"address-level2\"></input-ui>\n      </field-ui>\n\n      <field-ui inline label=\"Time zone\" hint=\"Detected from your browser. Override if you're traveling or working remotely.\">\n        <select-ui name=\"timezone\" value=\"america/los_angeles\">\n          <option value=\"america/los_angeles\" selected>Pacific (San Francisco) · UTC−8</option>\n          <option value=\"america/denver\">Mountain (Denver) · UTC−7</option>\n          <option value=\"america/chicago\">Central (Chicago) · UTC−6</option>\n          <option value=\"america/new_york\">Eastern (New York) · UTC−5</option>\n          <option value=\"europe/london\">London · UTC+0</option>\n          <option value=\"europe/berlin\">Berlin · UTC+1</option>\n          <option value=\"asia/tokyo\">Tokyo · UTC+9</option>\n          <option value=\"australia/sydney\">Sydney · UTC+11</option>\n        </select-ui>\n      </field-ui>\n\n      <field-ui inline label=\"Working hours\">\n        <segmented-ui name=\"hours\" value=\"9to5\">\n          <segment-ui text=\"9 to 5\" value=\"9to5\"></segment-ui>\n          <segment-ui text=\"Flexible\" value=\"flex\"></segment-ui>\n          <segment-ui text=\"Custom\" value=\"custom\"></segment-ui>\n        </segmented-ui>\n      </field-ui>\n\n      <divider-ui></divider-ui>\n\n      <col-ui gap=\"2\">\n        <text-ui strong>Where else can teammates reach you?</text-ui>\n        <text-ui color=\"subtle\" size=\"sm\">Optional — link your handles so DMs and mentions can route to the right surface.</text-ui>\n      </col-ui>\n\n      <field-ui inline label=\"Slack handle\">\n        <input-ui name=\"slack\" prefix=\"@\" placeholder=\"janedoe\"></input-ui>\n      </field-ui>\n\n      <field-ui inline label=\"GitHub handle\">\n        <input-ui name=\"github\" prefix=\"@\" placeholder=\"janedoe\"></input-ui>\n      </field-ui>\n\n      <div data-reg-defer-row>\n        <check-ui name=\"defer\" label=\"I'll do this later from my profile\"></check-ui>\n        <text-ui color=\"subtle\" size=\"sm\" data-reg-defer-hint>\n          Your profile will use the basics from sign-up (name + email) until you complete this step.\n        </text-ui>\n      </div>"
+    },
+    {
+      "name": "page-footer",
+      "tagName": "footer",
+      "html": "<div data-reg-progress data-chunk=\"reg-step-progress\">\n        <text-ui color=\"subtle\" size=\"sm\">Step 7 of 8 · User setup</text-ui>\n        <div data-reg-progress-track>\n          <span data-active></span><span data-active></span><span data-active></span><span data-active></span><span data-active></span><span data-active></span><span data-active></span><span></span>\n        </div>\n      </div>\n      <div data-reg-actions>\n        <a data-reg-back href=\"/site/examples/registration/org-review\">Back</a>\n        <button-ui text=\"Continue\" variant=\"primary\" type=\"submit\"></button-ui>\n      </div>"
+    }
+  ],
+  "nested": [
+    "reg-story-pane",
+    "reg-step-header",
+    "reg-extended-profile",
+    "reg-step-footer",
+    "reg-step-progress"
+  ],
+  "attrs": {
+    "data-reg": "",
+    "prose": ""
+  },
+  "html": "<main data-reg prose data-chunk=\"reg-step-shell\" data-chunk-kind=\"page\">\n\n  <aside data-reg-story data-chunk=\"reg-story-pane\" data-chunk-slot=\"page-story\">\n    <a data-reg-brand href=\"/\" aria-label=\"AdiaUI home\">\n      <img src=\"/icons/agent-ui-light.svg\" alt=\"\" />\n      <strong>AdiaUI</strong>\n    </a>\n\n    <div data-reg-story-content>\n      <h2>Be findable.</h2>\n      <p>\n        These details show up in directory search, mentions, and\n        the timezone-aware \"@available now\" indicator on your\n        profile. None of this is required — you can fill it in\n        whenever, or never.\n      </p>\n      <text-ui color=\"subtle\" size=\"sm\">User setup · Step 7 of 8 · Personal profile</text-ui>\n    </div>\n  </aside>\n\n  <form data-reg-input action=\"/site/examples/registration/done\" method=\"get\">\n\n    <header data-reg-heading data-chunk=\"reg-step-header\" data-chunk-slot=\"page-header\">\n      <h1>Round out your profile</h1>\n      <text-ui color=\"subtle\">Optional — these help teammates find you in directory search and route messages to the right person.</text-ui>\n    </header>\n\n    <section data-reg-form data-chunk=\"reg-extended-profile\" data-chunk-slot=\"page-content\">\n      <field-ui inline label=\"Title\">\n        <input-ui name=\"title\" placeholder=\"e.g. Senior Designer\" autocomplete=\"organization-title\"></input-ui>\n      </field-ui>\n\n      <field-ui inline label=\"Department\">\n        <select-ui name=\"department\" value=\"design\">\n          <option value=\"\">Pick one…</option>\n          <option value=\"engineering\">Engineering</option>\n          <option value=\"product\">Product</option>\n          <option value=\"design\" selected>Design</option>\n          <option value=\"sales\">Sales</option>\n          <option value=\"marketing\">Marketing</option>\n          <option value=\"cs\">Customer Success</option>\n          <option value=\"ops\">Operations</option>\n        </select-ui>\n      </field-ui>\n\n      <field-ui inline label=\"Manager\">\n        <select-ui name=\"manager\" value=\"\">\n          <option value=\"\" selected>No manager</option>\n          <option value=\"jane\">Jane Doe (Founder)</option>\n          <option value=\"maya\">Maya Patel (VP Engineering)</option>\n          <option value=\"riley\">Riley Park (Head of Design)</option>\n          <option value=\"morgan\">Morgan Lee (Head of Sales)</option>\n        </select-ui>\n      </field-ui>\n\n      <field-ui inline label=\"Pronouns\">\n        <input-ui name=\"pronouns\" placeholder=\"e.g. she/her, they/them\" autocomplete=\"off\"></input-ui>\n      </field-ui>\n\n      <divider-ui></divider-ui>\n\n      <field-ui inline label=\"Location\">\n        <input-ui name=\"location\" placeholder=\"San Francisco, CA\" autocomplete=\"address-level2\"></input-ui>\n      </field-ui>\n\n      <field-ui inline label=\"Time zone\" hint=\"Detected from your browser. Override if you're traveling or working remotely.\">\n        <select-ui name=\"timezone\" value=\"america/los_angeles\">\n          <option value=\"america/los_angeles\" selected>Pacific (San Francisco) · UTC−8</option>\n          <option value=\"america/denver\">Mountain (Denver) · UTC−7</option>\n          <option value=\"america/chicago\">Central (Chicago) · UTC−6</option>\n          <option value=\"america/new_york\">Eastern (New York) · UTC−5</option>\n          <option value=\"europe/london\">London · UTC+0</option>\n          <option value=\"europe/berlin\">Berlin · UTC+1</option>\n          <option value=\"asia/tokyo\">Tokyo · UTC+9</option>\n          <option value=\"australia/sydney\">Sydney · UTC+11</option>\n        </select-ui>\n      </field-ui>\n\n      <field-ui inline label=\"Working hours\">\n        <segmented-ui name=\"hours\" value=\"9to5\">\n          <segment-ui text=\"9 to 5\" value=\"9to5\"></segment-ui>\n          <segment-ui text=\"Flexible\" value=\"flex\"></segment-ui>\n          <segment-ui text=\"Custom\" value=\"custom\"></segment-ui>\n        </segmented-ui>\n      </field-ui>\n\n      <divider-ui></divider-ui>\n\n      <col-ui gap=\"2\">\n        <text-ui strong>Where else can teammates reach you?</text-ui>\n        <text-ui color=\"subtle\" size=\"sm\">Optional — link your handles so DMs and mentions can route to the right surface.</text-ui>\n      </col-ui>\n\n      <field-ui inline label=\"Slack handle\">\n        <input-ui name=\"slack\" prefix=\"@\" placeholder=\"janedoe\"></input-ui>\n      </field-ui>\n\n      <field-ui inline label=\"GitHub handle\">\n        <input-ui name=\"github\" prefix=\"@\" placeholder=\"janedoe\"></input-ui>\n      </field-ui>\n\n      <div data-reg-defer-row>\n        <check-ui name=\"defer\" label=\"I'll do this later from my profile\"></check-ui>\n        <text-ui color=\"subtle\" size=\"sm\" data-reg-defer-hint>\n          Your profile will use the basics from sign-up (name + email) until you complete this step.\n        </text-ui>\n      </div>\n    </section>\n\n    <footer data-chunk=\"reg-step-footer\" data-chunk-slot=\"page-footer\">\n      <div data-reg-progress data-chunk=\"reg-step-progress\">\n        <text-ui color=\"subtle\" size=\"sm\">Step 7 of 8 · User setup</text-ui>\n        <div data-reg-progress-track>\n          <span data-active></span><span data-active></span><span data-active></span><span data-active></span><span data-active></span><span data-active></span><span data-active></span><span></span>\n        </div>\n      </div>\n      <div data-reg-actions>\n        <a data-reg-back href=\"/site/examples/registration/org-review\">Back</a>\n        <button-ui text=\"Continue\" variant=\"primary\" type=\"submit\"></button-ui>\n      </div>\n    </footer>\n\n  </form>\n\n</main>",
+  "source": "site/pages/examples/registration/personal/index.html",
+  "captured_at": "2026-05-01T19:13:23.303Z"
+}

package/chunks/reg-story-pane.json

@@ -121,7 +121,7 @@
       "attrs": {
         "data-reg-story": ""
       },
-      "html": "<aside data-reg-story data-chunk=\"reg-story-pane\">\n    <a data-reg-brand href=\"/\" aria-label=\"AdiaUI home\">\n      <img src=\"/icons/agent-ui-light.svg\" alt=\"\" />\n      <strong>AdiaUI</strong>\n    </a>\n\n    <div data-reg-story-content>\n      <h2>Be findable.</h2>\n      <p>\n        These details show up in directory search, mentions, and\n        the timezone-aware \"@available now\" indicator on your\n        profile. None of this is required — you can fill it in\n        whenever, or never.\n      </p>\n      <text-ui color=\"subtle\" size=\"sm\">User setup · Step 7 of 8 · Personal profile</text-ui>\n    </div>\n  </aside>"
+      "html": "<aside data-reg-story data-chunk=\"reg-story-pane\" data-chunk-slot=\"page-story\">\n    <a data-reg-brand href=\"/\" aria-label=\"AdiaUI home\">\n      <img src=\"/icons/agent-ui-light.svg\" alt=\"\" />\n      <strong>AdiaUI</strong>\n    </a>\n\n    <div data-reg-story-content>\n      <h2>Be findable.</h2>\n      <p>\n        These details show up in directory search, mentions, and\n        the timezone-aware \"@available now\" indicator on your\n        profile. None of this is required — you can fill it in\n        whenever, or never.\n      </p>\n      <text-ui color=\"subtle\" size=\"sm\">User setup · Step 7 of 8 · Personal profile</text-ui>\n    </div>\n  </aside>"
     },
     {
       "page": "/site/examples/registration/plan",
@@ -184,5 +184,5 @@
       "html": "<aside data-reg-story data-chunk=\"reg-story-pane\">\n    <a data-reg-brand href=\"/\" aria-label=\"AdiaUI home\">\n      <img src=\"/icons/agent-ui-light.svg\" alt=\"\" />\n      <strong>AdiaUI</strong>\n    </a>\n\n    <div data-reg-story-content>\n      <h2>Build your team's home.</h2>\n      <p>\n        A workspace is where conversations, projects, and integrations\n        live. Most teams start with one — name it after your company\n        and add more rooms inside as you grow.\n      </p>\n      <text-ui color=\"subtle\" size=\"sm\">Step 1 of 10 · Workspace setup</text-ui>\n    </div>\n  </aside>"
     }
   ],
-  "captured_at": "2026-04-28T16:48:01.089Z"
+  "captured_at": "2026-05-01T19:13:23.303Z"
 }

package/chunks/reg-success-summary.json

@@ -10,5 +10,5 @@
   },
   "html": "<section data-reg-form data-chunk=\"reg-success-summary\">\n      <col-ui gap=\"3\">\n        <card-ui>\n          <header>\n            <span slot=\"icon\"><avatar-ui icon=\"user-plus\"></avatar-ui></span>\n            <span slot=\"heading\"><text-ui strong>Invite more teammates</text-ui></span>\n            <span slot=\"description\">\n              <text-ui color=\"subtle\" size=\"sm\">Three invites are out — add more from the workspace settings.</text-ui>\n            </span>\n            <button-ui slot=\"action\" text=\"Invite\" variant=\"ghost\" icon=\"arrow-right\" icon-position=\"end\"></button-ui>\n          </header>\n        </card-ui>\n        <card-ui>\n          <header>\n            <span slot=\"icon\"><avatar-ui icon=\"squares-four\"></avatar-ui></span>\n            <span slot=\"heading\"><text-ui strong>Browse templates</text-ui></span>\n            <span slot=\"description\">\n              <text-ui color=\"subtle\" size=\"sm\">Pre-built dashboards, plans, and trackers — start from a template.</text-ui>\n            </span>\n            <button-ui slot=\"action\" text=\"Browse\" variant=\"ghost\" icon=\"arrow-right\" icon-position=\"end\"></button-ui>\n          </header>\n        </card-ui>\n        <card-ui>\n          <header>\n            <span slot=\"icon\"><avatar-ui icon=\"book-open\"></avatar-ui></span>\n            <span slot=\"heading\"><text-ui strong>Read the docs</text-ui></span>\n            <span slot=\"description\">\n              <text-ui color=\"subtle\" size=\"sm\">15 minutes to get fluent — keyboard shortcuts, sharing, and search.</text-ui>\n            </span>\n            <button-ui slot=\"action\" text=\"Open docs\" variant=\"ghost\" icon=\"arrow-right\" icon-position=\"end\"></button-ui>\n          </header>\n        </card-ui>\n      </col-ui>\n    </section>",
   "source": "site/pages/examples/registration/confirmation/index.html",
-  "captured_at": "2026-04-28T16:48:01.089Z"
+  "captured_at": "2026-05-01T19:13:23.303Z"
 }

package/chunks/reg-team-size.json

@@ -10,5 +10,5 @@
   },
   "html": "<section data-reg-form data-chunk=\"reg-team-size\">\n      <field-ui inline label=\"Team Size\">\n        <segmented-ui name=\"team-size\" value=\"2-10\">\n          <segment-ui text=\"2–10\" value=\"2-10\"></segment-ui>\n          <segment-ui text=\"11–50\" value=\"11-50\"></segment-ui>\n          <segment-ui text=\"50+\" value=\"20+\"></segment-ui>\n        </segmented-ui>\n      </field-ui>\n      <field-ui inline label=\"Industry\" hint=\"Optional. Helps us recommend relevant templates.\">\n        <select-ui name=\"industry\">\n          <option value=\"\">Choose…</option>\n          <option value=\"software\">Software · SaaS</option>\n          <option value=\"design\">Design · Creative</option>\n          <option value=\"marketing\">Marketing · Growth</option>\n          <option value=\"ecommerce\">E-commerce · Retail</option>\n          <option value=\"finance\">Finance · Fintech</option>\n          <option value=\"education\">Education · Research</option>\n          <option value=\"healthcare\">Healthcare · Biotech</option>\n          <option value=\"other\">Something else</option>\n        </select-ui>\n      </field-ui>\n    </section>",
   "source": "site/pages/examples/registration/team-size/index.html",
-  "captured_at": "2026-04-28T16:48:01.089Z"
+  "captured_at": "2026-05-01T19:13:23.303Z"
 }

package/chunks/reg-usecase-picker.json

@@ -12,5 +12,5 @@
   },
   "html": "<section data-reg-form data-chunk=\"reg-usecase-picker\" role=\"radiogroup\" aria-label=\"Use case\">\n      <col-ui gap=\"2\">\n        <option-card-ui\n          name=\"use-case\" value=\"build\" checked\n          heading=\"I'm building a product\"\n          description=\"Spinning up a new project — design, ship, iterate.\"></option-card-ui>\n        <option-card-ui\n          name=\"use-case\" value=\"explore\"\n          heading=\"I'm exploring the product\"\n          description=\"Kicking the tires before bringing a team along.\"></option-card-ui>\n        <option-card-ui\n          name=\"use-case\" value=\"migrate\"\n          heading=\"I'm migrating from another tool\"\n          description=\"Moving an existing workspace and want a smooth port.\"></option-card-ui>\n        <option-card-ui\n          name=\"use-case\" value=\"evaluate\"\n          heading=\"I'm evaluating for my team\"\n          description=\"Comparing options and want to dig into specifics.\"></option-card-ui>\n        <option-card-ui\n          name=\"use-case\" value=\"other\"\n          heading=\"Something else\"\n          description=\"Tell us more — we read every response.\">\n          <textarea-ui name=\"use-case-detail\" placeholder=\"What brings you to AdiaUI?\" rows=\"3\"></textarea-ui>\n        </option-card-ui>\n      </col-ui>\n    </section>",
   "source": "site/pages/examples/registration/use-case/index.html",
-  "captured_at": "2026-04-28T16:48:01.089Z"
+  "captured_at": "2026-05-01T19:13:23.303Z"
 }

package/chunks/reg-workspace-name.json

@@ -16,5 +16,5 @@
   },
   "html": "<form data-reg-input data-chunk=\"reg-workspace-name\" action=\"/site/examples/registration/profile\" method=\"get\">\n\n    <header data-reg-heading data-chunk=\"reg-step-header\">\n      <h1>Name your workspace</h1>\n      <text-ui color=\"subtle\">This is what your team will see. You can change it anytime.</text-ui>\n    </header>\n\n    <section data-reg-form>\n      <field-ui inline label=\"Workspace Name\" hint=\"Letters, numbers, and spaces.\">\n        <input-ui name=\"workspace\" autocomplete=\"organization\" placeholder=\"Acme, Inc.\" required></input-ui>\n      </field-ui>\n      <field-ui inline label=\"Workspace URL\" hint=\"your-workspace.adia.ai\">\n        <input-ui name=\"slug\" autocomplete=\"off\" placeholder=\"acme\" suffix=\".adia.ai\" required></input-ui>\n      </field-ui>\n    </section>\n\n    <footer data-chunk=\"reg-step-footer\">\n      <div data-reg-progress data-chunk=\"reg-step-progress\">\n        <text-ui color=\"subtle\" size=\"sm\">Step 1 of 10</text-ui>\n        <div data-reg-progress-track>\n          <span data-active></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span>\n        </div>\n      </div>\n      <div data-reg-actions>\n        <button-ui text=\"Continue\" variant=\"primary\" type=\"submit\"></button-ui>\n      </div>\n    </footer>\n\n  </form>",
   "source": "site/pages/examples/registration/workspace/index.html",
-  "captured_at": "2026-04-28T16:48:01.089Z"
+  "captured_at": "2026-05-01T19:13:23.303Z"
 }

package/chunks/retention-cohort-default-retention.json

@@ -11,5 +11,5 @@
   },
   "html": "<section data-section data-property=\"default-retention\" data-chunk=\"retention-cohort-default-retention\">\n  <h2 variant=\"section\">Default retention table</h2>\n  <p data-note>Each week-column uses the same <code>formatPct</code> renderer, which wraps the number in a <code>badge-ui</code> whose variant is keyed to three buckets: ≥60% success, 30–60% warning, &lt;30% muted. Null values render blank so partial cohorts don't force fake zeros.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"retention by signup week\">\n      <card-ui style=\"max-width: 720px;\">\n        <header>\n          <h3>Retention by signup week</h3>\n          <text-ui slot=\"description\" color=\"subtle\">% of users still active in week N</text-ui>\n        </header>\n        <section bleed>\n          <table-ui id=\"pat-retention-default\" raw></table-ui>\n        </section>\n      </card-ui>\n    </div>\n  </div>\n</section>",
   "source": "site/pages/patterns/retention-cohort/index.html",
-  "captured_at": "2026-04-28T16:48:01.089Z"
+  "captured_at": "2026-05-01T19:13:23.303Z"
 }

package/chunks/retention-cohort-stat-pair.json

@@ -11,5 +11,5 @@
   },
   "html": "<section data-section data-property=\"stat-pair\" data-chunk=\"retention-cohort-stat-pair\">\n  <h2 variant=\"section\">With headline stats</h2>\n  <p data-note>When the cohort table is the only chart in a section, prepend a stat pair for the most important numbers — W4 (early signal) and W12 (sustained retention). Stops users having to scan every row to answer \"is this healthy?\"</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"retention with stats\">\n      <card-ui style=\"max-width: 720px;\">\n        <header>\n          <h3>Retention</h3>\n          <text-ui slot=\"description\" color=\"subtle\">New signups · rolling 6-week view</text-ui>\n        </header>\n        <section>\n          <grid-ui columns=\"2\" gap=\"3\">\n            <card-ui size=\"sm\">\n              <section>\n                <stat-ui label=\"W4 retention\" value=\"54%\" change=\"+4% vs last cohort\" trend=\"up\"></stat-ui>\n              </section>\n            </card-ui>\n            <card-ui size=\"sm\">\n              <section>\n                <stat-ui label=\"W12 retention\" value=\"32%\" change=\"flat\" trend=\"neutral\"></stat-ui>\n              </section>\n            </card-ui>\n          </grid-ui>\n        </section>\n        <section bleed>\n          <table-ui id=\"pat-retention-stats\" raw></table-ui>\n        </section>\n      </card-ui>\n    </div>\n  </div>\n</section>",
   "source": "site/pages/patterns/retention-cohort/index.html",
-  "captured_at": "2026-04-28T16:48:01.089Z"
+  "captured_at": "2026-05-01T19:13:23.303Z"
 }

package/chunks/retention-cohort-with-legend.json

@@ -11,5 +11,5 @@
   },
   "html": "<section data-section data-property=\"with-legend\" data-chunk=\"retention-cohort-with-legend\">\n  <h2 variant=\"section\">With a legend</h2>\n  <p data-note>For first-time viewers, pair the table with a tiny legend in the card footer so the buckets are decoded. The legend itself is three <code>badge-ui</code>s — same component the cells use — keeping the visual vocabulary tight.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"retention with legend\">\n      <card-ui style=\"max-width: 720px;\">\n        <header>\n          <h3>Retention by signup week</h3>\n          <text-ui slot=\"description\" color=\"subtle\">Percent of the cohort still active N weeks after signup</text-ui>\n        </header>\n        <section bleed>\n          <table-ui id=\"pat-retention-legend\" raw></table-ui>\n        </section>\n        <footer divider>\n          <small slot=\"description\">Retention buckets:</small>\n          <span slot=\"action\">\n            <row-ui gap=\"2\" align=\"center\">\n              <badge-ui text=\"≥ 60%\" variant=\"success\"></badge-ui>\n              <badge-ui text=\"30–60%\" variant=\"warning\"></badge-ui>\n              <badge-ui text=\"< 30%\" variant=\"muted\"></badge-ui>\n            </row-ui>\n          </span>\n        </footer>\n      </card-ui>\n    </div>\n  </div>\n</section>",
   "source": "site/pages/patterns/retention-cohort/index.html",
-  "captured_at": "2026-04-28T16:48:01.089Z"
+  "captured_at": "2026-05-01T19:13:23.303Z"
 }

package/chunks/richtext-code-blocks.json

@@ -11,5 +11,5 @@
   },
   "html": "<section data-section data-property=\"code-blocks\" data-chunk=\"richtext-code-blocks\">\n  <h2 variant=\"section\">code blocks</h2>\n  <p data-note>Fenced code blocks preserve whitespace and render with monospace styling. Inline <code>`code`</code> also works.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"code-blocks\">\n      <richtext-ui markdown=\"## Example\n\n```js\nfunction greet(name) {\n  return `Hello, ${name}!`;\n}\n```\n\nInline `code` also works.\"></richtext-ui>\n    </div>\n  </div>\n</section>",
   "source": "site/pages/components/richtext/index.html",
-  "captured_at": "2026-04-28T16:48:01.089Z"
+  "captured_at": "2026-05-01T19:13:23.303Z"
 }

package/chunks/richtext-default-slot.json

@@ -11,5 +11,5 @@
   },
   "html": "<section data-section data-property=\"default-slot\" data-chunk=\"richtext-default-slot\">\n  <h2 variant=\"section\">child-content (default slot)</h2>\n  <p data-note>Markdown can be authored as child content instead of an attribute — useful when the markdown is long, multi-line, or contains characters awkward to escape in an attribute value.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"markdown via child content\">\n      <richtext-ui>\n## Hello from children\n\nThis markdown is the **default slot** — the component reads its\n`textContent` on mount and renders the parsed HTML in its place.\n\n- No attribute escaping\n- Multi-line authoring\n- Plays nicely with template engines\n\n> Tip: for dynamic markdown, prefer the `markdown` attribute so that\n> reactive updates drive a re-render.\n      </richtext-ui>\n    </div>\n  </div>\n</section>",
   "source": "site/pages/components/richtext/index.html",
-  "captured_at": "2026-04-28T16:48:01.089Z"
+  "captured_at": "2026-05-01T19:13:23.303Z"
 }

package/chunks/richtext-markdown.json

@@ -11,5 +11,5 @@
   },
   "html": "<section data-section data-property=\"markdown\" data-chunk=\"richtext-markdown\">\n  <h2 variant=\"section\">markdown</h2>\n  <p data-note>Pass markdown text as an attribute.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"markdown\">\n      <richtext-ui markdown=\"# Hello world\n\nWelcome to **AdiaUI**. This paragraph was parsed from markdown:\n\n- Lists\n- Render\n- Cleanly\n\n`inline code` and [links](https://example.com) work too.\"></richtext-ui>\n    </div>\n  </div>\n</section>",
   "source": "site/pages/components/richtext/index.html",
-  "captured_at": "2026-04-28T16:48:01.089Z"
+  "captured_at": "2026-05-01T19:13:23.303Z"
 }

package/chunks/richtext-rich-markdown.json

@@ -11,5 +11,5 @@
   },
   "html": "<section data-section data-property=\"rich-markdown\" data-chunk=\"richtext-rich-markdown\">\n  <h2 variant=\"section\">full markdown surface</h2>\n  <p data-note>Headings, lists, tables, blockquotes, links, images, and horizontal rules all render.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"headings + lists + table + blockquote\">\n      <richtext-ui>\n# Markdown in AdiaUI\n\nA quick showcase of the renderer's surface.\n\n## Typography\n\nParagraphs flow naturally. **Bold**, *italic*, and `code` spans\nare supported inline, along with [links](https://ui-kit.exe.xyz/).\n\n## Lists\n\nOrdered:\n\n1. First\n2. Second\n3. Third\n\nUnordered:\n\n- Tokens\n- Typography\n- Theming\n\n## Table\n\n| Token | Role | Example |\n|-------|------|---------|\n| `--a-fg` | Body text | Default paragraph color |\n| `--a-bg` | Canvas | Page background |\n| `--a-accent-strong` | Primary | Links, focus rings |\n\n## Blockquote\n\n> The library ships as AdiaUI: 80+ custom elements, three-tier token\n> layering, and a Light-DOM contract enforced by `@scope` CSS.\n\n---\n\nEnd of showcase.\n      </richtext-ui>\n    </div>\n  </div>\n</section>",
   "source": "site/pages/components/richtext/index.html",
-  "captured_at": "2026-04-28T16:48:01.089Z"
+  "captured_at": "2026-05-01T19:13:23.303Z"
 }

package/chunks/richtext-src.json

@@ -11,5 +11,5 @@
   },
   "html": "<section data-section data-property=\"src\" data-chunk=\"richtext-src\">\n  <h2 variant=\"section\">src</h2>\n  <p data-note>Fetch a markdown file and render it. Useful for docs pages.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"src\">\n      <richtext-ui src=\"/README.md\"></richtext-ui>\n    </div>\n  </div>\n</section>",
   "source": "site/pages/components/richtext/index.html",
-  "captured_at": "2026-04-28T16:48:01.089Z"
+  "captured_at": "2026-05-01T19:13:23.303Z"
 }

package/chunks/search-debounce.json

@@ -11,5 +11,5 @@
   },
   "html": "<section data-section data-property=\"debounce\" data-chunk=\"search-debounce\">\n  <h2 variant=\"section\">debounce</h2>\n  <p data-note>Delay in milliseconds before the search event fires. Defaults to 300ms.</p>\n  <div data-artifact-container>\n  <div data-artifact-item data-artifact-label=\"Fast (100ms)\">\n    <search-ui debounce=\"100\" placeholder=\"Fast (100ms)\"></search-ui>\n  </div>\n  <div data-artifact-item data-artifact-label=\"Default (300ms)\">\n    <search-ui placeholder=\"Default (300ms)\"></search-ui>\n  </div>\n  <div data-artifact-item data-artifact-label=\"Slow (1000ms)\">\n    <search-ui debounce=\"1000\" placeholder=\"Slow (1000ms)\"></search-ui>\n  </div>\n</div>\n</section>",
   "source": "site/pages/components/search/index.html",
-  "captured_at": "2026-04-28T16:48:01.089Z"
+  "captured_at": "2026-05-01T19:13:23.303Z"
 }

package/chunks/search-default.json

@@ -11,5 +11,5 @@
   },
   "html": "<section data-section data-property=\"default\" data-chunk=\"search-default\">\n  <h2 variant=\"section\">Default</h2>\n  <p data-note>Basic search with default 300ms debounce.</p>\n  <div data-artifact-container>\n  <div data-artifact-item data-artifact-label=\"search\">\n    <search-ui></search-ui>\n  </div>\n</div>\n</section>",
   "source": "site/pages/components/search/index.html",
-  "captured_at": "2026-04-28T16:48:01.089Z"
+  "captured_at": "2026-05-01T19:13:23.303Z"
 }

package/chunks/search-disabled.json

@@ -11,5 +11,5 @@
   },
   "html": "<section data-section data-property=\"disabled\" data-chunk=\"search-disabled\">\n  <h2 variant=\"section\">disabled</h2>\n  <p data-note>Prevents interaction.</p>\n  <div data-artifact-container>\n  <div data-artifact-item data-artifact-label=\"disabled\">\n    <search-ui disabled></search-ui>\n  </div>\n</div>\n</section>",
   "source": "site/pages/components/search/index.html",
-  "captured_at": "2026-04-28T16:48:01.089Z"
+  "captured_at": "2026-05-01T19:13:23.303Z"
 }

package/chunks/search-name.json

@@ -11,5 +11,5 @@
   },
   "html": "<section data-section data-property=\"name\" data-chunk=\"search-name\">\n  <h2 variant=\"section\">name</h2>\n  <p data-note>Form field name submitted with the containing form.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"name=q\"><search-ui name=\"q\" placeholder=\"Search...\"></search-ui></div>\n    <div data-artifact-item data-artifact-label=\"name=query\"><search-ui name=\"query\" placeholder=\"Search docs...\"></search-ui></div>\n  </div>\n</section>",
   "source": "site/pages/components/search/index.html",
-  "captured_at": "2026-04-28T16:48:01.089Z"
+  "captured_at": "2026-05-01T19:13:23.303Z"
 }

package/chunks/search-placeholder.json

@@ -11,5 +11,5 @@
   },
   "html": "<section data-section data-property=\"placeholder\" data-chunk=\"search-placeholder\">\n  <h2 variant=\"section\">placeholder</h2>\n  <p data-note>Custom placeholder text.</p>\n  <div data-artifact-container>\n  <div data-artifact-item data-artifact-label=\"Find components...\">\n    <search-ui placeholder=\"Find components...\"></search-ui>\n  </div>\n  <div data-artifact-item data-artifact-label=\"Search docs...\">\n    <search-ui placeholder=\"Search docs...\"></search-ui>\n  </div>\n</div>\n</section>",
   "source": "site/pages/components/search/index.html",
-  "captured_at": "2026-04-28T16:48:01.089Z"
+  "captured_at": "2026-05-01T19:13:23.303Z"
 }

package/chunks/search-recents-menu.json

@@ -0,0 +1,15 @@
+{
+  "name": "search-recents-menu",
+  "kind": "block",
+  "primary": "section",
+  "page": "/site/patterns/search-discovery",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "data-section": "",
+    "data-property": "recents-menu"
+  },
+  "html": "<section data-section data-property=\"recents-menu\" data-chunk=\"search-recents-menu\">\n  <h2 variant=\"section\">Recent searches menu</h2>\n  <p data-note>Popover that appears when the search input is focused but empty. Recent queries with most-recent-first ordering, a \"Clear\" action in the footer. Each row reruns the query on click; trailing icon dismisses a single entry.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"recent searches menu\">\n      <card-ui style=\"max-width: 360px;\">\n        <header>\n          <span slot=\"heading\" variant=\"section\">Recent</span>\n        </header>\n        <section bleed>\n          <list-ui divider contained>\n            <list-item-ui>\n              <row-ui gap=\"2\" align=\"center\">\n                <icon-ui name=\"clock-counter-clockwise\" size=\"sm\"></icon-ui>\n                <text-ui grow>OKLCH tokens</text-ui>\n                <button-ui icon=\"x\" variant=\"ghost\" size=\"xs\" aria-label=\"Dismiss\"></button-ui>\n              </row-ui>\n            </list-item-ui>\n            <list-item-ui>\n              <row-ui gap=\"2\" align=\"center\">\n                <icon-ui name=\"clock-counter-clockwise\" size=\"sm\"></icon-ui>\n                <text-ui grow>primitive audit</text-ui>\n                <button-ui icon=\"x\" variant=\"ghost\" size=\"xs\" aria-label=\"Dismiss\"></button-ui>\n              </row-ui>\n            </list-item-ui>\n            <list-item-ui>\n              <row-ui gap=\"2\" align=\"center\">\n                <icon-ui name=\"clock-counter-clockwise\" size=\"sm\"></icon-ui>\n                <text-ui grow>drawer-ui safari fix</text-ui>\n                <button-ui icon=\"x\" variant=\"ghost\" size=\"xs\" aria-label=\"Dismiss\"></button-ui>\n              </row-ui>\n            </list-item-ui>\n            <list-item-ui>\n              <row-ui gap=\"2\" align=\"center\">\n                <icon-ui name=\"clock-counter-clockwise\" size=\"sm\"></icon-ui>\n                <text-ui grow>@scope hover bug</text-ui>\n                <button-ui icon=\"x\" variant=\"ghost\" size=\"xs\" aria-label=\"Dismiss\"></button-ui>\n              </row-ui>\n            </list-item-ui>\n          </list-ui>\n        </section>\n        <footer divider>\n          <button-ui slot=\"action\" text=\"Clear all recents\" variant=\"ghost\" size=\"sm\" icon-leading=\"trash\"></button-ui>\n        </footer>\n      </card-ui>\n    </div>\n  </div>\n</section>",
+  "source": "site/pages/patterns/search-discovery/index.html",
+  "captured_at": "2026-05-01T19:13:23.303Z"
+}

package/chunks/search-results-grouped.json

@@ -0,0 +1,15 @@
+{
+  "name": "search-results-grouped",
+  "kind": "block",
+  "primary": "section",
+  "page": "/site/patterns/search-discovery",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "data-section": "",
+    "data-property": "results-grouped"
+  },
+  "html": "<section data-section data-property=\"results-grouped\" data-chunk=\"search-results-grouped\">\n  <h2 variant=\"section\">Grouped results</h2>\n  <p data-note>Sectioned by type when the catalog is heterogeneous (Documents / People / Projects). Each group shows top 3–5; \"See all in {group}\" links to a filtered view.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"grouped search results\">\n      <card-ui style=\"max-width: 640px;\">\n        <header>\n          <span slot=\"heading\" variant=\"section\">\"kim\"</span>\n          <text-ui slot=\"description\" color=\"subtle\">Across people, documents, and projects</text-ui>\n        </header>\n        <section bleed>\n          <col-ui gap=\"0\">\n            <row-ui align=\"center\" gap=\"2\" style=\"padding: var(--a-space-2) var(--a-space-3); background: var(--a-bg-subtle);\">\n              <text-ui strong size=\"sm\" color=\"subtle\">People · 3</text-ui>\n              <button-ui text=\"See all\" variant=\"ghost\" size=\"sm\" style=\"margin-inline-start: auto;\"></button-ui>\n            </row-ui>\n            <list-ui divider contained>\n              <list-item-ui>\n                <row-ui gap=\"3\" align=\"center\">\n                  <avatar-ui size=\"sm\" text=\"Kim Granlund\"></avatar-ui>\n                  <col-ui gap=\"0\" grow>\n                    <text-ui strong>Kim Granlund</text-ui>\n                    <text-ui color=\"subtle\" size=\"sm\">kim@example.com · Owner</text-ui>\n                  </col-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=\"Kim Park\"></avatar-ui>\n                  <col-ui gap=\"0\" grow>\n                    <text-ui strong>Kim Park</text-ui>\n                    <text-ui color=\"subtle\" size=\"sm\">kim.park@example.com · Member</text-ui>\n                  </col-ui>\n                </row-ui>\n              </list-item-ui>\n            </list-ui>\n            <row-ui align=\"center\" gap=\"2\" style=\"padding: var(--a-space-2) var(--a-space-3); background: var(--a-bg-subtle); border-block-start: 1px solid var(--a-border-subtle);\">\n              <text-ui strong size=\"sm\" color=\"subtle\">Documents · 12</text-ui>\n              <button-ui text=\"See all\" variant=\"ghost\" size=\"sm\" style=\"margin-inline-start: auto;\"></button-ui>\n            </row-ui>\n            <list-ui divider contained>\n              <list-item-ui>\n                <col-ui gap=\"0\">\n                  <text-ui strong>Kim's onboarding plan</text-ui>\n                  <text-ui color=\"subtle\" size=\"sm\">Edited 2 hours ago · by Avery</text-ui>\n                </col-ui>\n              </list-item-ui>\n              <list-item-ui>\n                <col-ui gap=\"0\">\n                  <text-ui strong>Kimchi recipe — team lunch</text-ui>\n                  <text-ui color=\"subtle\" size=\"sm\">Edited 4 days ago · by Jordan</text-ui>\n                </col-ui>\n              </list-item-ui>\n            </list-ui>\n            <row-ui align=\"center\" gap=\"2\" style=\"padding: var(--a-space-2) var(--a-space-3); background: var(--a-bg-subtle); border-block-start: 1px solid var(--a-border-subtle);\">\n              <text-ui strong size=\"sm\" color=\"subtle\">Projects · 1</text-ui>\n            </row-ui>\n            <list-ui contained>\n              <list-item-ui>\n                <col-ui gap=\"0\">\n                  <text-ui strong>Kim's H2 roadmap</text-ui>\n                  <text-ui color=\"subtle\" size=\"sm\">Updated yesterday · 5 active items</text-ui>\n                </col-ui>\n              </list-item-ui>\n            </list-ui>\n          </col-ui>\n        </section>\n      </card-ui>\n    </div>\n  </div>\n</section>",
+  "source": "site/pages/patterns/search-discovery/index.html",
+  "captured_at": "2026-05-01T19:13:23.303Z"
+}

package/chunks/search-results-list.json

@@ -0,0 +1,15 @@
+{
+  "name": "search-results-list",
+  "kind": "block",
+  "primary": "section",
+  "page": "/site/patterns/search-discovery",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "data-section": "",
+    "data-property": "results-list"
+  },
+  "html": "<section data-section data-property=\"results-list\" data-chunk=\"search-results-list\">\n  <h2 variant=\"section\">Result list</h2>\n  <p data-note>Flat ranked list. Each row carries a title, snippet, meta (author / date / type), and an optional trailing action. <code>list-ui</code> + <code>list-item-ui</code> with <code>tag-ui</code> for the type.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"search results list\">\n      <card-ui style=\"max-width: 640px;\">\n        <header>\n          <span slot=\"heading\" variant=\"section\">42 results for \"OKLCH tokens\"</span>\n          <text-ui slot=\"description\" color=\"subtle\">Sorted by relevance · 0.18s</text-ui>\n        </header>\n        <section bleed>\n          <list-ui divider contained>\n            <list-item-ui>\n              <row-ui gap=\"3\" align=\"start\">\n                <col-ui gap=\"0\" grow>\n                  <text-ui strong>Component Token Contract</text-ui>\n                  <text-ui color=\"subtle\" size=\"sm\">\"…all colors must reference --a-chrome-*, --a-data-0..9, or semantic tokens. Zero raw oklch in component CSS…\"</text-ui>\n                </col-ui>\n                <tag-ui size=\"sm\">Spec</tag-ui>\n              </row-ui>\n            </list-item-ui>\n            <list-item-ui>\n              <row-ui gap=\"3\" align=\"start\">\n                <col-ui gap=\"0\" grow>\n                  <text-ui strong>2026-04-29 — primitive QA sweep</text-ui>\n                  <text-ui color=\"subtle\" size=\"sm\">\"…OKLCH-with-transparent red-shift bug fixed in Safari 18.0 (ADR-0007); we use oklab for color-mix instead…\"</text-ui>\n                </col-ui>\n                <tag-ui size=\"sm\">Journal</tag-ui>\n              </row-ui>\n            </list-item-ui>\n            <list-item-ui>\n              <row-ui gap=\"3\" align=\"start\">\n                <col-ui gap=\"0\" grow>\n                  <text-ui strong>styles/tokens.css</text-ui>\n                  <text-ui color=\"subtle\" size=\"sm\">\"--a-accent-bg: oklch(64% 0.18 245); --a-accent-fg: oklch(98% 0.01 245)…\"</text-ui>\n                </col-ui>\n                <tag-ui size=\"sm\">Code</tag-ui>\n              </row-ui>\n            </list-item-ui>\n            <list-item-ui>\n              <row-ui gap=\"3\" align=\"start\">\n                <col-ui gap=\"0\" grow>\n                  <text-ui strong>Reasoning About Color (skill)</text-ui>\n                  <text-ui color=\"subtle\" size=\"sm\">\"…OKLCH ramps that satisfy contrast, hue-stability, and perceptual-evenness…\"</text-ui>\n                </col-ui>\n                <tag-ui size=\"sm\">Skill</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\">Showing 1–4 of 42</text-ui>\n          <button-ui slot=\"action\" text=\"Load more\" variant=\"ghost\" size=\"sm\" icon-trailing=\"arrow-down\"></button-ui>\n        </footer>\n      </card-ui>\n    </div>\n  </div>\n</section>",
+  "source": "site/pages/patterns/search-discovery/index.html",
+  "captured_at": "2026-05-01T19:13:23.303Z"
+}

package/chunks/search-saved-views.json

@@ -0,0 +1,15 @@
+{
+  "name": "search-saved-views",
+  "kind": "block",
+  "primary": "section",
+  "page": "/site/patterns/search-discovery",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "data-section": "",
+    "data-property": "saved-views"
+  },
+  "html": "<section data-section data-property=\"saved-views\" data-chunk=\"search-saved-views\">\n  <h2 variant=\"section\">Saved views</h2>\n  <p data-note>List of curated queries the user has named and pinned. Each row shows the view name, a short description (or active filter chips), last-run time, and edit/share/delete actions. Used for \"My open issues\", \"Q2 customer escalations\", etc.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"saved views list\">\n      <card-ui style=\"max-width: 640px;\">\n        <header>\n          <span slot=\"heading\" variant=\"section\">Saved views</span>\n          <text-ui slot=\"description\" color=\"subtle\">5 views · last edited 2 days ago</text-ui>\n          <button-ui slot=\"action\" text=\"Save current view\" variant=\"primary\" size=\"sm\" icon-leading=\"bookmark-simple\"></button-ui>\n        </header>\n        <section bleed>\n          <list-ui divider contained>\n            <list-item-ui>\n              <row-ui gap=\"3\" align=\"start\">\n                <col-ui gap=\"1\" grow>\n                  <text-ui strong>My open issues</text-ui>\n                  <row-ui gap=\"1\" wrap>\n                    <tag-ui size=\"sm\">assignee=me</tag-ui>\n                    <tag-ui size=\"sm\">status=open</tag-ui>\n                  </row-ui>\n                </col-ui>\n                <text-ui color=\"subtle\" size=\"sm\">12 results · 3 min ago</text-ui>\n              </row-ui>\n            </list-item-ui>\n            <list-item-ui>\n              <row-ui gap=\"3\" align=\"start\">\n                <col-ui gap=\"1\" grow>\n                  <text-ui strong>Q2 customer escalations</text-ui>\n                  <row-ui gap=\"1\" wrap>\n                    <tag-ui size=\"sm\">label=customer</tag-ui>\n                    <tag-ui size=\"sm\">priority=p1</tag-ui>\n                    <tag-ui size=\"sm\">created≥2026-04-01</tag-ui>\n                  </row-ui>\n                </col-ui>\n                <text-ui color=\"subtle\" size=\"sm\">7 results · today</text-ui>\n              </row-ui>\n            </list-item-ui>\n            <list-item-ui>\n              <row-ui gap=\"3\" align=\"start\">\n                <col-ui gap=\"1\" grow>\n                  <text-ui strong>Stale PRs</text-ui>\n                  <row-ui gap=\"1\" wrap>\n                    <tag-ui size=\"sm\">type=pr</tag-ui>\n                    <tag-ui size=\"sm\">updated&lt;30d</tag-ui>\n                    <tag-ui size=\"sm\">status=open</tag-ui>\n                  </row-ui>\n                </col-ui>\n                <text-ui color=\"subtle\" size=\"sm\">23 results · 1 hour ago</text-ui>\n              </row-ui>\n            </list-item-ui>\n            <list-item-ui>\n              <row-ui gap=\"3\" align=\"start\">\n                <col-ui gap=\"1\" grow>\n                  <text-ui strong>Recent docs from team</text-ui>\n                  <row-ui gap=\"1\" wrap>\n                    <tag-ui size=\"sm\">type=doc</tag-ui>\n                    <tag-ui size=\"sm\">author∈team</tag-ui>\n                    <tag-ui size=\"sm\">edited≤7d</tag-ui>\n                  </row-ui>\n                </col-ui>\n                <text-ui color=\"subtle\" size=\"sm\">31 results · 4 hours ago</text-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/search-discovery/index.html",
+  "captured_at": "2026-05-01T19:13:23.303Z"
+}

package/chunks/search-value.json

@@ -11,5 +11,5 @@
   },
   "html": "<section data-section data-property=\"value\" data-chunk=\"search-value\">\n  <h2 variant=\"section\">value</h2>\n  <p data-note>Initial query string pre-filled into the search input.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"value=hello\"><search-ui value=\"hello\"></search-ui></div>\n    <div data-artifact-item data-artifact-label=\"value=design tokens\"><search-ui value=\"design tokens\"></search-ui></div>\n    <div data-artifact-item data-artifact-label=\"empty\"><search-ui value=\"\"></search-ui></div>\n  </div>\n</section>",
   "source": "site/pages/components/search/index.html",
-  "captured_at": "2026-04-28T16:48:01.089Z"
+  "captured_at": "2026-05-01T19:13:23.303Z"
 }

package/chunks/segment-basic.json

@@ -11,5 +11,5 @@
   },
   "html": "<section data-section data-property=\"basic\" data-chunk=\"segment-basic\">\n  <h2 variant=\"section\">basic</h2>\n  <p data-note>Three segments inside a segmented control.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"value=day\">\n      <segmented-ui>\n        <segment-ui value=\"overview\" text=\"Overview\"></segment-ui>\n        <segment-ui value=\"features\" text=\"Features\"></segment-ui>\n        <segment-ui value=\"pricing\" text=\"Pricing\"></segment-ui>\n      </segmented-ui>\n    </div>\n  </div>\n</section>",
   "source": "site/pages/components/segment/index.html",
-  "captured_at": "2026-04-28T16:48:01.089Z"
+  "captured_at": "2026-05-01T19:13:23.303Z"
 }

package/chunks/segment-disabled.json

@@ -11,5 +11,5 @@
   },
   "html": "<section data-section data-property=\"disabled\" data-chunk=\"segment-disabled\">\n  <h2 variant=\"section\">disabled</h2>\n  <p data-note>A disabled segment cannot be selected and receives muted styling.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"disabled\">\n      <segmented-ui>\n        <segment-ui value=\"free\" text=\"Free\"></segment-ui>\n        <segment-ui value=\"pro\" text=\"Pro\"></segment-ui>\n        <segment-ui value=\"enterprise\" text=\"Enterprise\" disabled></segment-ui>\n      </segmented-ui>\n    </div>\n  </div>\n</section>",
   "source": "site/pages/components/segment/index.html",
-  "captured_at": "2026-04-28T16:48:01.089Z"
+  "captured_at": "2026-05-01T19:13:23.303Z"
 }

package/chunks/segment-icons.json

@@ -11,5 +11,5 @@
   },
   "html": "<section data-section data-property=\"icons\" data-chunk=\"segment-icons\">\n  <h2 variant=\"section\">with icons</h2>\n  <p data-note>Segments accept an <code>icon</code> attribute for view toggles.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"icons\">\n      <segmented-ui>\n        <segment-ui value=\"list\" text=\"List\" icon=\"list\"></segment-ui>\n        <segment-ui value=\"grid\" text=\"Grid\" icon=\"squares-four\"></segment-ui>\n        <segment-ui value=\"board\" text=\"Board\" icon=\"kanban\"></segment-ui>\n      </segmented-ui>\n    </div>\n  </div>\n</section>",
   "source": "site/pages/components/segment/index.html",
-  "captured_at": "2026-04-28T16:48:01.089Z"
+  "captured_at": "2026-05-01T19:13:23.303Z"
 }

package/chunks/segment-text.json

@@ -11,5 +11,5 @@
   },
   "html": "<section data-section data-property=\"text\" data-chunk=\"segment-text\">\n  <h2 variant=\"section\">text</h2>\n  <p data-note>The visible label. Set via attribute.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"text\">\n      <segmented-ui>\n        <segment-ui value=\"d\" text=\"Daily\"></segment-ui>\n        <segment-ui value=\"w\" text=\"Weekly\"></segment-ui>\n        <segment-ui value=\"m\" text=\"Monthly\"></segment-ui>\n        <segment-ui value=\"y\" text=\"Yearly\"></segment-ui>\n      </segmented-ui>\n    </div>\n  </div>\n</section>",
   "source": "site/pages/components/segment/index.html",
-  "captured_at": "2026-04-28T16:48:01.089Z"
+  "captured_at": "2026-05-01T19:13:23.303Z"
 }

package/chunks/segment-value.json

@@ -11,5 +11,5 @@
   },
   "html": "<section data-section data-property=\"value\" data-chunk=\"segment-value\">\n  <h2 variant=\"section\">value</h2>\n  <p data-note>Identifier for this segment; matched against the parent <code>segmented-ui</code>'s value.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"value\">\n      <segmented-ui value=\"day\">\n        <segment-ui value=\"day\" text=\"Day\"></segment-ui>\n        <segment-ui value=\"week\" text=\"Week\"></segment-ui>\n        <segment-ui value=\"month\" text=\"Month\"></segment-ui>\n      </segmented-ui>\n      </div>\n    <div data-artifact-item data-artifact-label=\"value=month\">\n      <segmented-ui value=\"month\">\n        <segment-ui value=\"day\" text=\"Day\"></segment-ui>\n        <segment-ui value=\"week\" text=\"Week\"></segment-ui>\n        <segment-ui value=\"month\" text=\"Month\"></segment-ui>\n      </segmented-ui>\n      </div>\n  </div>\n</section>",
   "source": "site/pages/components/segment/index.html",
-  "captured_at": "2026-04-28T16:48:01.089Z"
+  "captured_at": "2026-05-01T19:13:23.303Z"
 }

package/chunks/segmented-basic.json

@@ -11,5 +11,5 @@
   },
   "html": "<section data-section data-property=\"basic\" data-chunk=\"segmented-basic\">\n  <h2 variant=\"section\">basic (3 segments)</h2>\n  <p data-note>Click a segment to select it. The indicator pill animates to the active item.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"3 segments\">\n      <segmented-ui>\n        <segment-ui value=\"daily\" text=\"Daily\"></segment-ui>\n        <segment-ui value=\"weekly\" text=\"Weekly\"></segment-ui>\n        <segment-ui value=\"monthly\" text=\"Monthly\"></segment-ui>\n      </segmented-ui>\n      </div>\n  </div>\n</section>",
   "source": "site/pages/components/segmented/index.html",
-  "captured_at": "2026-04-28T16:48:01.089Z"
+  "captured_at": "2026-05-01T19:13:23.303Z"
 }

package/chunks/segmented-combo.json

@@ -11,5 +11,5 @@
   },
   "html": "<section data-section data-combo data-chunk=\"segmented-combo\">\n  <h2 variant=\"section\">Combinations</h2>\n  <p data-note>Various segment counts and label styles.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"theme switcher\">\n      <segmented-ui value=\"light\">\n        <segment-ui value=\"light\" text=\"Light\"></segment-ui>\n        <segment-ui value=\"dark\" text=\"Dark\"></segment-ui>\n        <segment-ui value=\"system\" text=\"System\"></segment-ui>\n      </segmented-ui>\n      </div>\n    <div data-artifact-item data-artifact-label=\"size picker (5 segments)\">\n      <segmented-ui value=\"sm\">\n        <segment-ui value=\"xs\" text=\"XS\"></segment-ui>\n        <segment-ui value=\"sm\" text=\"SM\"></segment-ui>\n        <segment-ui value=\"md\" text=\"MD\"></segment-ui>\n        <segment-ui value=\"lg\" text=\"LG\"></segment-ui>\n        <segment-ui value=\"xl\" text=\"XL\"></segment-ui>\n      </segmented-ui>\n      </div>\n  </div>\n  <div data-artifact-container data-mt-sm>\n    <div data-artifact-item data-artifact-label=\"binary toggle\">\n      <segmented-ui value=\"yes\">\n        <segment-ui value=\"yes\" text=\"Yes\"></segment-ui>\n        <segment-ui value=\"no\" text=\"No\"></segment-ui>\n      </segmented-ui>\n      </div>\n    <div data-artifact-item data-artifact-label=\"filter + disabled\">\n      <segmented-ui value=\"all\">\n        <segment-ui value=\"all\" text=\"All\"></segment-ui>\n        <segment-ui value=\"active\" text=\"Active\"></segment-ui>\n        <segment-ui value=\"inactive\" text=\"Inactive\" disabled></segment-ui>\n        <segment-ui value=\"archived\" text=\"Archived\"></segment-ui>\n      </segmented-ui>\n      </div>\n  </div>\n</section>",
   "source": "site/pages/components/segmented/index.html",
-  "captured_at": "2026-04-28T16:48:01.089Z"
+  "captured_at": "2026-05-01T19:13:23.303Z"
 }

package/chunks/segmented-disabled.json

@@ -11,5 +11,5 @@
   },
   "html": "<section data-section data-property=\"disabled\" data-chunk=\"segmented-disabled\">\n  <h2 variant=\"section\">disabled segment</h2>\n  <p data-note>Individual segments can be disabled. They remain visible but cannot be selected.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label='disabled \"Kanban\"'>\n      <segmented-ui value=\"list\">\n        <segment-ui value=\"list\" text=\"List\"></segment-ui>\n        <segment-ui value=\"grid\" text=\"Grid\"></segment-ui>\n        <segment-ui value=\"kanban\" text=\"Kanban\" disabled></segment-ui>\n      </segmented-ui>\n      </div>\n  </div>\n</section>",
   "source": "site/pages/components/segmented/index.html",
-  "captured_at": "2026-04-28T16:48:01.089Z"
+  "captured_at": "2026-05-01T19:13:23.303Z"
 }

package/chunks/segmented-edge.json

@@ -11,5 +11,5 @@
   },
   "html": "<section data-section data-edge data-chunk=\"segmented-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 segment\">\n      <segmented-ui>\n        <segment-ui value=\"only\" text=\"Only\"></segment-ui>\n      </segmented-ui>\n      </div>\n    <div data-artifact-item data-artifact-label=\"many segments\">\n      <segmented-ui>\n        <segment-ui value=\"a\" text=\"A\"></segment-ui>\n        <segment-ui value=\"b\" text=\"B\"></segment-ui>\n        <segment-ui value=\"c\" text=\"C\"></segment-ui>\n        <segment-ui value=\"d\" text=\"D\"></segment-ui>\n        <segment-ui value=\"e\" text=\"E\"></segment-ui>\n        <segment-ui value=\"f\" text=\"F\"></segment-ui>\n        <segment-ui value=\"g\" text=\"G\"></segment-ui>\n      </segmented-ui>\n      </div>\n    <div data-artifact-item data-artifact-label=\"uneven widths\">\n      <segmented-ui>\n        <segment-ui value=\"long\" text=\"This is a long label\"></segment-ui>\n        <segment-ui value=\"short\" text=\"Short\"></segment-ui>\n      </segmented-ui>\n      </div>\n  </div>\n</section>",
   "source": "site/pages/components/segmented/index.html",
-  "captured_at": "2026-04-28T16:48:01.089Z"
+  "captured_at": "2026-05-01T19:13:23.303Z"
 }

package/chunks/segmented-pre-selected.json

@@ -11,5 +11,5 @@
   },
   "html": "<section data-section data-property=\"pre-selected\" data-chunk=\"segmented-pre-selected\">\n  <h2 variant=\"section\">pre-selected</h2>\n  <p data-note>Set the value attribute on segmented-ui to pre-select a segment on load.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label='pre-selected \"Weekly\"'>\n      <segmented-ui value=\"weekly\">\n        <segment-ui value=\"daily\" text=\"Daily\"></segment-ui>\n        <segment-ui value=\"weekly\" text=\"Weekly\"></segment-ui>\n        <segment-ui value=\"monthly\" text=\"Monthly\"></segment-ui>\n      </segmented-ui>\n      </div>\n  </div>\n</section>",
   "source": "site/pages/components/segmented/index.html",
-  "captured_at": "2026-04-28T16:48:01.089Z"
+  "captured_at": "2026-05-01T19:13:23.303Z"
 }

package/chunks/segmented-value.json

@@ -11,5 +11,5 @@
   },
   "html": "<section data-section data-property=\"value\" data-chunk=\"segmented-value\">\n  <h2 variant=\"section\">value</h2>\n  <p data-note>Selected segment's <code>value</code>. Controls which child segment appears active.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"value=list\">\n      <segmented-ui value=\"list\">\n        <segment-ui value=\"list\" text=\"List\"></segment-ui>\n        <segment-ui value=\"grid\" text=\"Grid\"></segment-ui>\n        <segment-ui value=\"board\" text=\"Board\"></segment-ui>\n      </segmented-ui>\n      </div>\n    <div data-artifact-item data-artifact-label=\"value=grid\">\n      <segmented-ui value=\"grid\">\n        <segment-ui value=\"list\" text=\"List\"></segment-ui>\n        <segment-ui value=\"grid\" text=\"Grid\"></segment-ui>\n        <segment-ui value=\"board\" text=\"Board\"></segment-ui>\n      </segmented-ui>\n      </div>\n    <div data-artifact-item data-artifact-label=\"value=board\">\n      <segmented-ui value=\"board\">\n        <segment-ui value=\"list\" text=\"List\"></segment-ui>\n        <segment-ui value=\"grid\" text=\"Grid\"></segment-ui>\n        <segment-ui value=\"board\" text=\"Board\"></segment-ui>\n      </segmented-ui>\n      </div>\n  </div>\n</section>",
   "source": "site/pages/components/segmented/index.html",
-  "captured_at": "2026-04-28T16:48:01.089Z"
+  "captured_at": "2026-05-01T19:13:23.303Z"
 }

package/chunks/select-avatar.json

@@ -11,5 +11,5 @@
   },
   "html": "<section data-section data-property=\"avatar\" data-chunk=\"select-avatar\">\n  <h2 variant=\"section\">avatar</h2>\n  <p data-note>Leading avatar URL — used for user pickers or workspace switchers. Alternative to <code>icon</code>.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label='avatar=\"...\"'>\n      <field-ui label=\"Active account\">\n        <select-ui avatar=\"https://i.pravatar.cc/32?u=kimba\" value=\"kimba\">\n        <option value=\"kimba\">Kimba Cooper</option>\n        <option value=\"alex\">Alex Chen</option>\n        <option value=\"jordan\">Jordan Lee</option>\n      </select-ui>\n      </field-ui>\n      </div>\n  </div>\n</section>",
   "source": "site/pages/components/select/index.html",
-  "captured_at": "2026-04-28T16:48:01.089Z"
+  "captured_at": "2026-05-01T19:13:23.303Z"
 }

package/chunks/select-basic.json

@@ -11,5 +11,5 @@
   },
   "html": "<section data-section data-property=\"basic\" data-chunk=\"select-basic\">\n  <h2 variant=\"section\">basic</h2>\n  <p data-note>A simple select with flat option list.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"basic options\">\n      <field-ui label=\"Fruit\">\n        <select-ui placeholder=\"Pick a fruit\">\n        <option value=\"apple\">Apple</option>\n        <option value=\"banana\">Banana</option>\n        <option value=\"cherry\">Cherry</option>\n        <option value=\"dragonfruit\">Dragonfruit</option>\n      </select-ui>\n      </field-ui>\n      </div>\n    <div data-artifact-item data-artifact-label=\"pre-selected\">\n      <field-ui label=\"Color\">\n        <select-ui value=\"blue\">\n        <option value=\"red\">Red</option>\n        <option value=\"blue\">Blue</option>\n        <option value=\"green\">Green</option>\n      </select-ui>\n      </field-ui>\n      </div>\n  </div>\n</section>",
   "source": "site/pages/components/select/index.html",
-  "captured_at": "2026-04-28T16:48:01.089Z"
+  "captured_at": "2026-05-01T19:13:23.303Z"
 }

package/chunks/select-combinations.json

@@ -11,5 +11,5 @@
   },
   "html": "<section data-section data-property=\"combinations\" data-chunk=\"select-combinations\">\n  <h2 variant=\"section\">Combinations</h2>\n  <p data-note>Common pairings of properties.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"icon + searchable\">\n      <field-ui label=\"Assignee\">\n        <select-ui icon=\"user\" placeholder=\"Assign to...\" searchable>\n        <option value=\"alice\">Alice</option>\n        <option value=\"bob\">Bob</option>\n        <option value=\"carol\">Carol</option>\n      </select-ui>\n      </field-ui>\n      </div>\n    <div data-artifact-item data-artifact-label=\"grouped + multiple + icon\">\n      <field-ui label=\"Permissions\">\n        <select-ui icon=\"lock\" multiple required>\n        <optgroup label=\"Read\">\n          <option value=\"read-files\">Files</option>\n          <option value=\"read-db\">Database</option>\n        </optgroup>\n        <optgroup label=\"Write\">\n          <option value=\"write-files\">Files</option>\n          <option value=\"write-db\">Database</option>\n        </optgroup>\n      </select-ui>\n      </field-ui>\n      </div>\n  </div>\n</section>",
   "source": "site/pages/components/select/index.html",
-  "captured_at": "2026-04-28T16:48:01.089Z"
+  "captured_at": "2026-05-01T19:13:23.303Z"
 }

package/chunks/select-disabled.json

@@ -11,5 +11,5 @@
   },
   "html": "<section data-section data-property=\"disabled\" data-chunk=\"select-disabled\">\n  <h2 variant=\"section\">disabled</h2>\n  <p data-note>Prevents interaction and applies muted styling.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"disabled\">\n      <field-ui label=\"Disabled\">\n        <select-ui value=\"locked\" disabled>\n        <option value=\"locked\">Locked Option</option>\n        <option value=\"other\">Other</option>\n      </select-ui>\n      </field-ui>\n      </div>\n    <div data-artifact-item data-artifact-label=\"disabled empty\">\n      <field-ui label=\"Disabled Empty\">\n        <select-ui placeholder=\"Cannot select\" disabled>\n        <option value=\"a\">A</option>\n      </select-ui>\n      </field-ui>\n      </div>\n  </div>\n</section>",
   "source": "site/pages/components/select/index.html",
-  "captured_at": "2026-04-28T16:48:01.089Z"
+  "captured_at": "2026-05-01T19:13:23.303Z"
 }

package/chunks/select-edge-cases.json

@@ -11,5 +11,5 @@
   },
   "html": "<section data-section data-property=\"edge-cases\" data-chunk=\"select-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=\"no options\">\n      <field-ui label=\"Empty\">\n        <select-ui>\n      </select-ui>\n      </field-ui>\n      </div>\n    <div data-artifact-item data-artifact-label=\"one option\">\n      <field-ui label=\"Single Option\">\n        <select-ui>\n        <option value=\"only\">The Only Choice</option>\n      </select-ui>\n      </field-ui>\n      </div>\n    <div data-artifact-item data-artifact-label=\"long option text\">\n      <field-ui label=\"Long Labels\">\n        <select-ui>\n        <option value=\"long\">This is a very long option label that might wrap or truncate</option>\n        <option value=\"short\">Short</option>\n      </select-ui>\n      </field-ui>\n      </div>\n  </div>\n</section>",
   "source": "site/pages/components/select/index.html",
-  "captured_at": "2026-04-28T16:48:01.089Z"
+  "captured_at": "2026-05-01T19:13:23.303Z"
 }

package/chunks/select-error.json

@@ -11,5 +11,5 @@
   },
   "html": "<section data-section data-property=\"error\" data-chunk=\"select-error\">\n  <h2 variant=\"section\">error</h2>\n  <p data-note>Shows validation error styling and message.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"error\">\n      <field-ui label=\"Role\">\n        <select-ui placeholder=\"Select a role\" error=\"Role is required\" required>\n        <option value=\"admin\">Admin</option>\n        <option value=\"editor\">Editor</option>\n        <option value=\"viewer\">Viewer</option>\n      </select-ui>\n      </field-ui>\n      </div>\n  </div>\n</section>",
   "source": "site/pages/components/select/index.html",
-  "captured_at": "2026-04-28T16:48:01.089Z"
+  "captured_at": "2026-05-01T19:13:23.303Z"
 }

package/chunks/select-free-text.json

@@ -11,5 +11,5 @@
   },
   "html": "<section data-section data-property=\"free-text\" data-chunk=\"select-free-text\">\n  <h2 variant=\"section\">free-text (combobox)</h2>\n  <p data-note>With <code>searchable</code>, allow the typed query to be committed on Enter even when no option matches. This is the combobox / autocomplete mode.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"searchable + free-text\">\n      <field-ui label=\"Tag\">\n        <select-ui searchable free-text placeholder=\"Type or pick...\">\n        <option value=\"bug\">Bug</option>\n        <option value=\"feature\">Feature</option>\n        <option value=\"chore\">Chore</option>\n      </select-ui>\n      </field-ui>\n      </div>\n  </div>\n</section>",
   "source": "site/pages/components/select/index.html",
-  "captured_at": "2026-04-28T16:48:01.089Z"
+  "captured_at": "2026-05-01T19:13:23.303Z"
 }