@adia-ai/a2ui-corpus 0.5.18 → 0.5.19

package/chunks/drawer-gcal.json

@@ -11,5 +11,5 @@
   },
   "html": "<drawer-ui id=\"drawer-gcal\" side=\"right\" size=\"md\">\n  <header>\n    <span slot=\"icon\">\n      <avatar-ui icon=\"calendar\"></avatar-ui>\n    </span>\n    <span slot=\"heading\">\n      <text-ui strong>Google Calendar</text-ui>\n    </span>\n    <span slot=\"action\"></span>\n  </header>\n  <section>\n    <text-ui color=\"subtle\" size=\"sm\">Sync events, attendees, and reminders into Acme</text-ui>\n  </section>\n  <section>\n    <col-ui gap=\"4\">\n      <alert-ui\n        variant=\"info\"\n        icon=\"info\"\n        text=\"Sign in to select which calendars to sync. You can change scopes later in your Google account settings.\"\n      ></alert-ui>\n      <divider-ui></divider-ui>\n      <field-ui label=\"Google account\">\n        <input-ui value=\"kim@acme.com\" readonly prefix=\"@\"></input-ui>\n      </field-ui>\n      <field-ui label=\"Sync direction\">\n        <select-ui value=\"one-way\">\n          <option value=\"one-way\">One-way (Google → Acme)</option>\n          <option value=\"two-way\">Two-way sync</option>\n          <option value=\"acme-to-google\">Acme → Google only</option>\n        </select-ui>\n      </field-ui>\n      <divider-ui></divider-ui>\n      <col-ui gap=\"3\">\n        <text-ui strong>Calendars to sync</text-ui>\n        <field-ui label=\"Kim Granlund · Primary\" inline>\n          <check-ui checked></check-ui>\n        </field-ui>\n        <field-ui label=\"Acme · Engineering team\" inline>\n          <check-ui checked></check-ui>\n        </field-ui>\n        <field-ui label=\"Acme · Design reviews\" inline>\n          <check-ui checked></check-ui>\n        </field-ui>\n        <field-ui label=\"Acme · Company-wide\" inline>\n          <check-ui></check-ui>\n        </field-ui>\n        <field-ui label=\"Kim Granlund · Focus time\" inline>\n          <check-ui></check-ui>\n        </field-ui>\n        <field-ui label=\"Holidays in United States\" inline>\n          <check-ui></check-ui>\n        </field-ui>\n      </col-ui>\n      <divider-ui></divider-ui>\n      <col-ui gap=\"3\">\n        <text-ui strong>Event fields we'll read</text-ui>\n        <field-ui label=\"Titles and times\" inline>\n          <check-ui checked></check-ui>\n        </field-ui>\n        <field-ui label=\"Attendee list\" inline>\n          <check-ui checked></check-ui>\n        </field-ui>\n        <field-ui label=\"Descriptions\" inline>\n          <check-ui></check-ui>\n        </field-ui>\n        <field-ui label=\"Attached files and links\" inline>\n          <check-ui></check-ui>\n        </field-ui>\n        <field-ui label=\"Meeting recording links\" inline>\n          <check-ui></check-ui>\n        </field-ui>\n      </col-ui>\n      <divider-ui></divider-ui>\n      <col-ui gap=\"3\">\n        <text-ui strong>Window</text-ui>\n        <row-ui gap=\"2\">\n          <range-ui label=\"Look-ahead (days)\" value=\"30\" min=\"1\" max=\"90\" grow></range-ui>\n          <range-ui label=\"Look-back (days)\" value=\"7\" min=\"0\" max=\"30\" grow></range-ui>\n        </row-ui>\n        <field-ui label=\"Respect 'Working hours' from Google\" inline>\n          <switch-ui checked></switch-ui>\n        </field-ui>\n        <field-ui label=\"Skip private events\" inline>\n          <switch-ui></switch-ui>\n        </field-ui>\n      </col-ui>\n    </col-ui>\n  </section>\n  <footer slot=\"footer\">\n    <grid-ui>\n      <button-ui text=\"Cancel\" variant=\"ghost\" onclick=\"this.closest('drawer-ui').open = false\"></button-ui>\n      <button-ui text=\"Sign in with Google\" icon=\"arrow-square-out\" variant=\"primary\" onclick=\"this.closest('drawer-ui').open = false\"></button-ui>\n    </grid-ui>\n  </footer>\n</drawer-ui>",
   "source": "apps/saas/app/integrations/integrations.contents.html",
-  "captured_at": "2026-05-14T13:37:17.836Z"
+  "captured_at": "2026-05-17T23:13:46.088Z"
 }

package/chunks/drawer-github.json

@@ -13,5 +13,5 @@
   },
   "html": "<drawer-ui id=\"drawer-github\" side=\"right\" size=\"md\">\n  <header>\n    <span slot=\"icon\">\n      <avatar-ui icon=\"github-logo\"></avatar-ui>\n    </span>\n    <span slot=\"heading\">\n      <text-ui strong>GitHub</text-ui>\n      <badge-ui text=\"Connected\" variant=\"success\"></badge-ui>\n    </span>\n    <span slot=\"action\"></span>\n  </header>\n  <section>\n    <text-ui color=\"subtle\" size=\"sm\">acme-corp · 14 repositories synced</text-ui>\n  </section>\n  <section>\n    <col-ui gap=\"4\">\n      <grid-ui columns=\"2\" gap=\"3\">\n        <card-ui size=\"sm\"\n          ><section><stat-ui label=\"Webhooks delivered\" value=\"8,420\" change=\"+142 today\" trend=\"up\"></stat-ui></section\n        ></card-ui>\n        <card-ui size=\"sm\"\n          ><section><stat-ui label=\"Last delivery\" value=\"12s ago\" change=\"pull_request.opened\"></stat-ui></section\n        ></card-ui>\n      </grid-ui>\n      <divider-ui></divider-ui>\n      <field-ui label=\"Organization\">\n        <input-ui value=\"acme-corp\" readonly></input-ui>\n      </field-ui>\n      <field-ui label=\"Installation ID\">\n        <input-ui value=\"42189873\" readonly></input-ui>\n      </field-ui>\n      <field-ui label=\"Sync scope\">\n        <select-ui value=\"selected\">\n          <option value=\"all\">All 47 repositories in the org</option>\n          <option value=\"selected\">Selected repositories (14)</option>\n          <option value=\"public\">Public repositories only</option>\n        </select-ui>\n      </field-ui>\n      <divider-ui></divider-ui>\n      <col-ui gap=\"3\">\n        <text-ui strong>Sync events</text-ui>\n        <field-ui label=\"Pull requests opened, merged, closed\" inline>\n          <check-ui checked></check-ui>\n        </field-ui>\n        <field-ui label=\"Issues opened, closed, commented\" inline>\n          <check-ui checked></check-ui>\n        </field-ui>\n        <field-ui label=\"Releases published\" inline>\n          <check-ui checked></check-ui>\n        </field-ui>\n        <field-ui label=\"Check runs (CI status)\" inline>\n          <check-ui></check-ui>\n        </field-ui>\n        <field-ui label=\"Deployments\" inline>\n          <check-ui></check-ui>\n        </field-ui>\n        <field-ui label=\"Discussions\" inline>\n          <check-ui></check-ui>\n        </field-ui>\n      </col-ui>\n      <divider-ui></divider-ui>\n      <col-ui gap=\"2\">\n        <text-ui strong>Synced repositories</text-ui>\n        <list-ui divider>\n          <list-item-ui>\n            <row-ui gap=\"2\" align=\"center\" grow><!-- nested: icon-text-row --></row-ui>\n          </list-item-ui>\n          <list-item-ui>\n            <row-ui gap=\"2\" align=\"center\" grow>\n              <icon-ui name=\"git-branch\"></icon-ui>\n              <text-ui grow>acme-corp/api</text-ui>\n              <text-ui color=\"subtle\">18m ago</text-ui>\n            </row-ui>\n          </list-item-ui>\n          <list-item-ui>\n            <row-ui gap=\"2\" align=\"center\" grow>\n              <icon-ui name=\"git-branch\"></icon-ui>\n              <text-ui grow>acme-corp/mobile</text-ui>\n              <text-ui color=\"subtle\">2h ago</text-ui>\n            </row-ui>\n          </list-item-ui>\n          <list-item-ui>\n            <row-ui gap=\"2\" align=\"center\" grow>\n              <icon-ui name=\"git-branch\"></icon-ui>\n              <text-ui grow>acme-corp/infra</text-ui>\n              <text-ui color=\"subtle\">Yesterday</text-ui>\n            </row-ui>\n          </list-item-ui>\n        </list-ui>\n        <button-ui text=\"Manage repositories\" variant=\"outline\" icon=\"gear\" stretch></button-ui>\n      </col-ui>\n    </col-ui>\n  </section>\n  <footer slot=\"footer\">\n    <grid-ui>\n      <button-ui text=\"Cancel\" variant=\"ghost\" onclick=\"this.closest('drawer-ui').open = false\"></button-ui>\n      <button-ui text=\"Disconnect\" icon=\"plug\" color=\"danger\" onclick=\"this.closest('drawer-ui').open = false\"></button-ui>\n      <button-ui text=\"Save changes\" variant=\"primary\" onclick=\"this.closest('drawer-ui').open = false\"></button-ui>\n    </grid-ui>\n  </footer>\n</drawer-ui>",
   "source": "apps/saas/app/integrations/integrations.contents.html",
-  "captured_at": "2026-05-14T13:37:17.836Z"
+  "captured_at": "2026-05-17T23:13:46.088Z"
 }

package/chunks/drawer-invite.json

@@ -11,5 +11,5 @@
   },
   "html": "<drawer-ui id=\"drawer-invite\" side=\"right\" size=\"md\">\n  <header>\n    <span slot=\"icon\">\n      <avatar-ui icon=\"envelope\"></avatar-ui>\n    </span>\n    <span slot=\"heading\">\n      <text-ui strong data-invite-email>Invite</text-ui>\n      <badge-ui data-invite-role text=\"Member\" variant=\"info\"></badge-ui>\n    </span>\n    <span slot=\"action\"></span>\n  </header>\n  <section>\n    <text-ui color=\"subtle\" size=\"sm\">Pending invitation — not yet accepted.</text-ui>\n  </section>\n  <section>\n    <col-ui gap=\"4\">\n      <grid-ui columns=\"2\" gap=\"3\">\n        <card-ui size=\"sm\"\n          ><section><stat-ui label=\"Sent\" data-invite-sent value=\"—\"></stat-ui></section\n        ></card-ui>\n        <card-ui size=\"sm\"\n          ><section><stat-ui label=\"Expires\" data-invite-expires value=\"—\"></stat-ui></section\n        ></card-ui>\n      </grid-ui>\n      <divider-ui></divider-ui>\n      <col-ui gap=\"3\">\n        <text-ui strong>Invitation</text-ui>\n        <field-ui label=\"Email\">\n          <input-ui data-invite-email readonly></input-ui>\n        </field-ui>\n        <field-ui label=\"Role\">\n          <select-ui data-invite-role value=\"Member\">\n            <option value=\"Admin\">Admin · invite, remove, billing</option>\n            <option value=\"Member\">Member · edit + invite</option>\n            <option value=\"Viewer\">Viewer · read-only</option>\n          </select-ui>\n        </field-ui>\n        <field-ui label=\"Invited by\">\n          <input-ui data-invite-inviter readonly></input-ui>\n        </field-ui>\n        <field-ui label=\"Personal message (optional)\">\n          <textarea-ui rows=\"2\" placeholder=\"Add a note to include in the invitation email.\"></textarea-ui>\n        </field-ui>\n      </col-ui>\n      <divider-ui></divider-ui>\n      <col-ui gap=\"3\">\n        <text-ui strong>Delivery</text-ui>\n        <field-ui label=\"Also notify on Slack\" inline>\n          <switch-ui checked></switch-ui>\n        </field-ui>\n        <field-ui label=\"Remind 24h before expiry\" inline>\n          <switch-ui checked></switch-ui>\n        </field-ui>\n        <field-ui label=\"Include workspace welcome guide\" inline>\n          <switch-ui></switch-ui>\n        </field-ui>\n      </col-ui>\n    </col-ui>\n  </section>\n  <footer slot=\"footer\">\n    <grid-ui>\n      <button-ui id=\"drawer-invite-revoke\" text=\"Revoke\" icon=\"x\" color=\"danger\"></button-ui>\n      <button-ui text=\"Cancel\" variant=\"ghost\" onclick=\"this.closest('drawer-ui').open = false\"></button-ui>\n      <button-ui text=\"Resend\" icon=\"paper-plane-tilt\" variant=\"primary\" onclick=\"this.closest('drawer-ui').open = false\"></button-ui>\n    </grid-ui>\n  </footer>\n</drawer-ui>",
   "source": "apps/saas/app/members/members.contents.html",
-  "captured_at": "2026-05-14T13:37:17.836Z"
+  "captured_at": "2026-05-17T23:13:46.088Z"
 }

package/chunks/drawer-payment-method.json

@@ -26,7 +26,7 @@
       "form"
     ]
   },
-  "captured_at": "2026-05-14T13:37:17.836Z",
+  "captured_at": "2026-05-17T23:13:46.088Z",
   "template": [
     {
       "id": "text",

package/chunks/drawer-report.json

@@ -11,5 +11,5 @@
   },
   "html": "<drawer-ui id=\"drawer-report\" side=\"right\" size=\"md\">\n  <header>\n    <span slot=\"icon\">\n      <avatar-ui icon=\"chart-line\"></avatar-ui>\n    </span>\n    <span slot=\"heading\">\n      <text-ui strong data-report-name>Report</text-ui>\n      <badge-ui data-report-status text=\"Active\" variant=\"success\"></badge-ui>\n    </span>\n    <span slot=\"action\"></span>\n  </header>\n  <section>\n    <text-ui color=\"subtle\" size=\"sm\" data-report-meta>Scheduled delivery configuration.</text-ui>\n  </section>\n  <section>\n    <col-ui gap=\"4\">\n      <grid-ui columns=\"2\" gap=\"3\">\n        <card-ui size=\"sm\"\n          ><section><stat-ui label=\"Last run\" data-report-last value=\"—\"></stat-ui></section\n        ></card-ui>\n        <card-ui size=\"sm\"\n          ><section><stat-ui label=\"Recipients\" data-report-recipients value=\"—\"></stat-ui></section\n        ></card-ui>\n      </grid-ui>\n      <divider-ui></divider-ui>\n      <col-ui gap=\"3\">\n        <text-ui strong>Schedule</text-ui>\n        <field-ui label=\"Frequency\">\n          <select-ui value=\"weekly\">\n            <option value=\"hourly\">Hourly</option>\n            <option value=\"daily\">Daily</option>\n            <option value=\"weekly\">Weekly</option>\n            <option value=\"monthly\">Monthly</option>\n            <option value=\"realtime\">Real-time (triggered)</option>\n          </select-ui>\n        </field-ui>\n        <row-ui gap=\"2\">\n          <field-ui label=\"Day\">\n            <select-ui value=\"mon\" grow>\n              <option value=\"mon\">Monday</option>\n              <option value=\"tue\">Tuesday</option>\n              <option value=\"wed\">Wednesday</option>\n              <option value=\"thu\">Thursday</option>\n              <option value=\"fri\">Friday</option>\n            </select-ui>\n          </field-ui>\n          <field-ui label=\"Time\">\n            <input-ui value=\"09:00\" type=\"time\" grow></input-ui>\n          </field-ui>\n          <field-ui label=\"Timezone\">\n            <select-ui value=\"utc\" grow>\n              <option value=\"utc\">UTC</option>\n              <option value=\"pst\">PST</option>\n              <option value=\"est\">EST</option>\n              <option value=\"cet\">CET</option>\n            </select-ui>\n          </field-ui>\n        </row-ui>\n      </col-ui>\n      <divider-ui></divider-ui>\n      <col-ui gap=\"3\">\n        <text-ui strong>Delivery</text-ui>\n        <field-ui label=\"Recipients\">\n          <textarea-ui rows=\"2\" value=\"alex@acme.com, sarah@acme.com, finance@acme.com\" hint=\"Comma-separated email addresses.\"></textarea-ui>\n        </field-ui>\n        <field-ui label=\"Format\">\n          <select-ui value=\"pdf\">\n            <option value=\"pdf\">PDF</option>\n            <option value=\"csv\">CSV</option>\n            <option value=\"xlsx\">Excel (xlsx)</option>\n            <option value=\"slack\">Post to Slack</option>\n          </select-ui>\n        </field-ui>\n        <field-ui label=\"Attach raw data export\" inline>\n          <switch-ui checked></switch-ui>\n        </field-ui>\n        <field-ui label=\"Include AI summary\" inline>\n          <switch-ui></switch-ui>\n        </field-ui>\n      </col-ui>\n      <divider-ui></divider-ui>\n      <col-ui gap=\"3\">\n        <text-ui strong>Scope</text-ui>\n        <field-ui label=\"Date range\">\n          <select-ui value=\"last-7-days\">\n            <option value=\"last-24h\">Last 24 hours</option>\n            <option value=\"last-7-days\">Last 7 days</option>\n            <option value=\"last-30-days\">Last 30 days</option>\n            <option value=\"mtd\">Month-to-date</option>\n            <option value=\"custom\">Custom range</option>\n          </select-ui>\n        </field-ui>\n      </col-ui>\n    </col-ui>\n  </section>\n  <footer slot=\"footer\">\n    <grid-ui>\n      <button-ui text=\"Pause\" icon=\"pause\" variant=\"ghost\"></button-ui>\n      <button-ui text=\"Run now\" icon=\"play\" variant=\"outline\"></button-ui>\n      <button-ui text=\"Save changes\" variant=\"primary\" onclick=\"this.closest('drawer-ui').open = false\"></button-ui>\n    </grid-ui>\n  </footer>\n</drawer-ui>",
   "source": "apps/saas/app/admin-dashboard/admin-dashboard.contents.html",
-  "captured_at": "2026-05-14T13:37:17.836Z"
+  "captured_at": "2026-05-17T23:13:46.088Z"
 }

package/chunks/drawer-revoke-session.json

@@ -11,5 +11,5 @@
   },
   "html": "<drawer-ui id=\"drawer-revoke-session\" side=\"right\" size=\"md\">\n  <header>\n    <span slot=\"icon\">\n      <avatar-ui icon=\"sign-out\"></avatar-ui>\n    </span>\n    <span slot=\"heading\">\n      <text-ui strong>Revoke session</text-ui>\n    </span>\n    <span slot=\"action\"></span>\n  </header>\n  <section>\n    <text-ui color=\"subtle\" size=\"sm\">Signs the device out immediately. It will need to re-authenticate to sign back in.</text-ui>\n  </section>\n  <section>\n    <col-ui gap=\"4\">\n      <card-ui>\n        <header>\n          <span slot=\"icon\"><avatar-ui icon=\"device-mobile\"></avatar-ui></span>\n          <span slot=\"heading\"><text-ui strong>iPhone 16 · Safari</text-ui></span>\n          <span slot=\"description\"><text-ui color=\"subtle\" size=\"sm\">San Francisco, CA · 2 hours ago · 136.24.51.9</text-ui></span>\n        </header>\n      </card-ui>\n      <divider-ui></divider-ui>\n      <col-ui gap=\"2\">\n        <text-ui strong>Recent activity on this session</text-ui>\n        <row-ui gap=\"2\" align=\"center\"><icon-ui name=\"chat-circle\" color=\"subtle\"></icon-ui><text-ui>Opened 4 conversations</text-ui></row-ui>\n        <row-ui gap=\"2\" align=\"center\"><icon-ui name=\"upload\" color=\"subtle\"></icon-ui><text-ui>Uploaded 2 files</text-ui></row-ui>\n        <row-ui gap=\"2\" align=\"center\"><icon-ui name=\"user-gear\" color=\"subtle\"></icon-ui><text-ui>Changed workspace: AdiaUI</text-ui></row-ui>\n      </col-ui>\n      <divider-ui></divider-ui>\n      <field-ui label=\"Also rotate API keys created from this session\" inline>\n        <check-ui></check-ui>\n      </field-ui>\n      <field-ui label=\"Notify me if this device signs back in\" inline>\n        <check-ui checked></check-ui>\n      </field-ui>\n      <alert-ui variant=\"info\" icon=\"info\" text=\"If you don't recognize this session, revoke it and change your password.\"></alert-ui>\n    </col-ui>\n  </section>\n  <footer slot=\"footer\">\n    <grid-ui>\n      <button-ui text=\"Cancel\" variant=\"ghost\" onclick=\"this.closest('drawer-ui').open = false\"></button-ui>\n      <button-ui text=\"Revoke session\" icon=\"sign-out\" color=\"danger\" onclick=\"this.closest('drawer-ui').open = false\"></button-ui>\n    </grid-ui>\n  </footer>\n</drawer-ui>",
   "source": "apps/saas/app/profile-security/profile-security.contents.html",
-  "captured_at": "2026-05-14T13:37:17.836Z"
+  "captured_at": "2026-05-17T23:13:46.088Z"
 }

package/chunks/drawer-role.json

@@ -11,5 +11,5 @@
   },
   "html": "<drawer-ui id=\"drawer-role\" side=\"right\" size=\"md\">\n      <header>\n        <span slot=\"icon\">\n          <avatar-ui icon=\"user\"></avatar-ui>\n        </span>\n        <span slot=\"heading\">\n          <text-ui strong>Role</text-ui>\n        </span>\n        <span slot=\"action\"></span>\n      </header>\n      <section>\n        <text-ui color=\"subtle\" size=\"sm\">Tunes which dashboards land on your home and which integrations we surface first.</text-ui>\n      </section>\n      <section>\n        <div role=\"radiogroup\" aria-label=\"Role\">\n          <col-ui gap=\"2\">\n            <option-card-ui\n              name=\"role\"\n              value=\"developer\"\n              checked\n              heading=\"Developer\"\n              description=\"Home pinned to release dashboards. Surfaces deploys, PR throughput, error rates.\"\n            ></option-card-ui>\n            <option-card-ui\n              name=\"role\"\n              value=\"pm\"\n              heading=\"Product Manager\"\n              description=\"Home pinned to product KPIs. Surfaces feature usage, retention, NPS.\"\n            ></option-card-ui>\n            <option-card-ui\n              name=\"role\"\n              value=\"designer\"\n              heading=\"Designer\"\n              description=\"Home pinned to research + funnel surfaces. Surfaces session replays and qual snippets.\"\n            ></option-card-ui>\n            <option-card-ui\n              name=\"role\"\n              value=\"other\"\n              heading=\"Something else\"\n              description=\"Tell us more — we'll start with a generalist home and refine later.\"\n            >\n              <textarea-ui name=\"role-detail\" placeholder=\"What do you do day-to-day?\" rows=\"2\"></textarea-ui>\n            </option-card-ui>\n          </col-ui>\n        </div>\n      </section>\n      <footer slot=\"footer\">\n        <grid-ui>\n          <button-ui text=\"Cancel\" variant=\"ghost\" onclick=\"this.closest('drawer-ui').open = false\"></button-ui>\n          <button-ui text=\"Save changes\" variant=\"primary\" onclick=\"this.closest('drawer-ui').open = false\"></button-ui>\n        </grid-ui>\n      </footer>\n    </drawer-ui>",
   "source": "apps/user-flow/app/onboarding/review/review.contents.html",
-  "captured_at": "2026-05-14T13:37:17.836Z"
+  "captured_at": "2026-05-17T23:13:46.088Z"
 }

package/chunks/drawer-slack.json

@@ -11,5 +11,5 @@
   },
   "html": "<drawer-ui id=\"drawer-slack\" side=\"right\" size=\"md\">\n  <header>\n    <span slot=\"icon\">\n      <avatar-ui icon=\"slack-logo\"></avatar-ui>\n    </span>\n    <span slot=\"heading\">\n      <text-ui strong>Slack</text-ui>\n      <badge-ui text=\"Connected\" variant=\"success\"></badge-ui>\n    </span>\n    <span slot=\"action\">\n      <!--<button-ui text=\"Configure\" onclick=\"document.getElementById('drawer-slack').open = true\"></button-ui>-->\n    </span>\n  </header>\n  <section>\n    <text-ui color=\"subtle\" size=\"sm\">Posts to #product-updates · connected by Alex Chen</text-ui>\n  </section>\n  <section>\n    <col-ui gap=\"4\">\n      <grid-ui columns=\"2\" gap=\"3\">\n        <card-ui size=\"sm\"\n          ><section><stat-ui label=\"Messages sent\" value=\"1,284\" change=\"+12 today\" trend=\"up\"></stat-ui></section\n        ></card-ui>\n        <card-ui size=\"sm\"\n          ><section><stat-ui label=\"Last event\" value=\"4m ago\" change=\"deploy.succeeded\"></stat-ui></section\n        ></card-ui>\n      </grid-ui>\n      <divider-ui></divider-ui>\n      <field-ui label=\"Workspace\">\n        <input-ui value=\"acme-corp.slack.com\" readonly></input-ui>\n      </field-ui>\n      <field-ui label=\"Default channel\" hint=\"Events without a routing rule go here.\">\n        <select-ui value=\"product-updates\">\n          <option value=\"general\">#general (842 members)</option>\n          <option value=\"product-updates\">#product-updates (128 members)</option>\n          <option value=\"alerts\">#alerts (34 members)</option>\n          <option value=\"dev\">#dev (56 members)</option>\n          <option value=\"deploys\">#deploys (12 members)</option>\n          <option value=\"releases\">#releases (89 members)</option>\n        </select-ui>\n      </field-ui>\n      <divider-ui></divider-ui>\n      <col-ui gap=\"3\">\n        <text-ui strong>Post to Slack when…</text-ui>\n        <field-ui label=\"Someone mentions @Acme\" inline>\n          <switch-ui checked></switch-ui>\n        </field-ui>\n        <field-ui label=\"A deployment succeeds\" inline>\n          <switch-ui checked></switch-ui>\n        </field-ui>\n        <field-ui label=\"A deployment fails\" inline>\n          <switch-ui checked></switch-ui>\n        </field-ui>\n        <field-ui label=\"An alert fires\" inline>\n          <switch-ui></switch-ui>\n        </field-ui>\n        <field-ui label=\"A new member joins the workspace\" inline>\n          <switch-ui checked></switch-ui>\n        </field-ui>\n        <field-ui label=\"API usage crosses a threshold\" inline>\n          <switch-ui></switch-ui>\n        </field-ui>\n      </col-ui>\n      <divider-ui></divider-ui>\n      <field-ui label=\"Bot display name\">\n        <input-ui value=\"Acme Bot\"></input-ui>\n      </field-ui>\n      <field-ui label=\"Bot user ID\">\n        <input-ui value=\"U06F2G4QR8T\" readonly></input-ui>\n      </field-ui>\n    </col-ui>\n  </section>\n  <footer slot=\"footer\">\n    <grid-ui>\n      <button-ui text=\"Send test post\" icon=\"paper-plane-tilt\" variant=\"ghost\"></button-ui>\n      <button-ui text=\"Disconnect\" icon=\"plug\" color=\"danger\" onclick=\"this.closest('drawer-ui').open = false\"></button-ui>\n      <button-ui text=\"Save changes\" variant=\"primary\" onclick=\"this.closest('drawer-ui').open = false\"></button-ui>\n    </grid-ui>\n  </footer>\n</drawer-ui>",
   "source": "apps/saas/app/integrations/integrations.contents.html",
-  "captured_at": "2026-05-14T13:37:17.836Z"
+  "captured_at": "2026-05-17T23:13:46.088Z"
 }

package/chunks/drawer-smtp.json

@@ -13,5 +13,5 @@
   },
   "html": "<drawer-ui id=\"drawer-smtp\" side=\"right\" size=\"md\">\n  <header>\n    <span slot=\"icon\">\n      <avatar-ui icon=\"envelope\"></avatar-ui>\n    </span>\n    <span slot=\"heading\">\n      <text-ui strong>Email (SMTP)</text-ui>\n      <badge-ui text=\"Action needed\" variant=\"warning\"></badge-ui>\n    </span>\n    <span slot=\"action\"></span>\n  </header>\n  <section>\n    <text-ui color=\"subtle\" size=\"sm\">Credentials expired April 12, 2026</text-ui>\n  </section>\n  <section>\n    <col-ui gap=\"4\">\n      <alert-ui\n        variant=\"warning\"\n        icon=\"warning\"\n        text=\"SendGrid API key rejected on April 12 at 02:14 UTC. Outbound email has been queued — 143 messages pending. Provide updated credentials to resume delivery.\"\n      ></alert-ui>\n      <divider-ui></divider-ui>\n      <field-ui label=\"Provider\">\n        <select-ui value=\"sendgrid\">\n          <option value=\"sendgrid\">SendGrid</option>\n          <option value=\"postmark\">Postmark</option>\n          <option value=\"ses\">Amazon SES</option>\n          <option value=\"custom\">Custom SMTP</option>\n        </select-ui>\n      </field-ui>\n      <field-ui label=\"SMTP host\">\n        <input-ui value=\"smtp.sendgrid.net\"></input-ui>\n      </field-ui>\n      <row-ui gap=\"2\">\n        <field-ui label=\"Port\">\n          <input-ui value=\"587\" grow></input-ui>\n        </field-ui>\n        <field-ui label=\"Encryption\">\n          <select-ui value=\"tls\" grow>\n            <option value=\"none\">None</option>\n            <option value=\"tls\">STARTTLS</option>\n            <option value=\"ssl\">SSL</option>\n          </select-ui>\n        </field-ui>\n      </row-ui>\n      <field-ui label=\"Username\">\n        <input-ui value=\"apikey\"></input-ui>\n      </field-ui>\n      <field-ui label=\"Password / API key\" hint=\"Paste the new SendGrid API key with at least 'Mail Send' scope.\">\n        <input-ui type=\"password\" placeholder=\"SG.••••••••\"></input-ui>\n      </field-ui>\n      <divider-ui></divider-ui>\n      <col-ui gap=\"3\">\n        <text-ui strong>Sender identity</text-ui>\n        <field-ui label=\"From address\">\n          <input-ui value=\"hello@acme.com\" type=\"email\"></input-ui>\n        </field-ui>\n        <field-ui label=\"From name\">\n          <input-ui value=\"Acme\"></input-ui>\n        </field-ui>\n        <field-ui label=\"Reply-to\">\n          <input-ui value=\"support@acme.com\" type=\"email\"></input-ui>\n        </field-ui>\n      </col-ui>\n      <divider-ui></divider-ui>\n      <col-ui gap=\"2\">\n        <text-ui strong>Domain authentication</text-ui>\n        <row-ui gap=\"2\" align=\"center\"\n        ><!-- nested: linked-record-row --></row-ui>\n        <row-ui gap=\"2\" align=\"center\">\n          <icon-ui name=\"check-circle\" color=\"success\"></icon-ui>\n          <text-ui grow>DKIM</text-ui>\n          <badge-ui text=\"Verified\" variant=\"success\"></badge-ui>\n        </row-ui>\n        <row-ui gap=\"2\" align=\"center\">\n          <icon-ui name=\"warning-circle\" color=\"warning\"></icon-ui>\n          <text-ui grow>DMARC</text-ui>\n          <badge-ui text=\"p=none\" variant=\"warning\"></badge-ui>\n        </row-ui>\n      </col-ui>\n    </col-ui>\n  </section>\n  <footer slot=\"footer\">\n    <grid-ui>\n      <button-ui text=\"Send test email\" icon=\"paper-plane-tilt\" variant=\"ghost\"></button-ui>\n      <button-ui text=\"Remove\" icon=\"trash\" color=\"danger\" onclick=\"this.closest('drawer-ui').open = false\"></button-ui>\n      <button-ui text=\"Reconnect\" variant=\"primary\" onclick=\"this.closest('drawer-ui').open = false\"></button-ui>\n    </grid-ui>\n  </footer>\n</drawer-ui>",
   "source": "apps/saas/app/integrations/integrations.contents.html",
-  "captured_at": "2026-05-14T13:37:17.836Z"
+  "captured_at": "2026-05-17T23:13:46.088Z"
 }

package/chunks/drawer-source.json

@@ -11,5 +11,5 @@
   },
   "html": "<drawer-ui id=\"drawer-source\" side=\"right\" size=\"md\">\n      <header>\n        <span slot=\"icon\">\n          <avatar-ui icon=\"github-logo\"></avatar-ui>\n        </span>\n        <span slot=\"heading\">\n          <text-ui strong>Source</text-ui>\n          <badge-ui text=\"Connected\" variant=\"success\"></badge-ui>\n        </span>\n        <span slot=\"action\"></span>\n      </header>\n      <section>\n        <text-ui color=\"subtle\" size=\"sm\">Authorized as kim@acme.com · 23 repos visible</text-ui>\n      </section>\n      <section>\n        <col-ui gap=\"4\">\n          <field-ui label=\"Provider\">\n            <select-ui value=\"github\">\n              <option value=\"github\">GitHub</option>\n              <option value=\"gitlab\">GitLab</option>\n              <option value=\"bitbucket\">Bitbucket</option>\n            </select-ui>\n          </field-ui>\n          <field-ui label=\"Authorized account\">\n            <input-ui value=\"kim@acme.com\" readonly></input-ui>\n          </field-ui>\n          <field-ui label=\"Repository scope\" hint=\"Limit which repos AdiaUI can read.\">\n            <select-ui value=\"selected\">\n              <option value=\"all\">All repositories (23)</option>\n              <option value=\"selected\">Selected repositories (23 of 23)</option>\n              <option value=\"public\">Public only</option>\n            </select-ui>\n          </field-ui>\n          <divider-ui></divider-ui>\n          <col-ui gap=\"3\">\n            <text-ui strong>Sync settings</text-ui>\n            <field-ui label=\"Pull request events\" inline>\n              <switch-ui checked></switch-ui>\n            </field-ui>\n            <field-ui label=\"Deployment events\" inline>\n              <switch-ui checked></switch-ui>\n            </field-ui>\n            <field-ui label=\"Issue events\" inline>\n              <switch-ui></switch-ui>\n            </field-ui>\n          </col-ui>\n        </col-ui>\n      </section>\n      <footer slot=\"footer\">\n        <grid-ui>\n          <button-ui text=\"Reauthorize\" icon=\"arrow-clockwise\" variant=\"ghost\" onclick=\"this.closest('drawer-ui').open = false\"></button-ui>\n          <button-ui text=\"Disconnect\" icon=\"plug\" color=\"danger\" onclick=\"this.closest('drawer-ui').open = false\"></button-ui>\n          <button-ui text=\"Save changes\" variant=\"primary\" onclick=\"this.closest('drawer-ui').open = false\"></button-ui>\n        </grid-ui>\n      </footer>\n    </drawer-ui>",
   "source": "apps/user-flow/app/onboarding/review/review.contents.html",
-  "captured_at": "2026-05-14T13:37:17.836Z"
+  "captured_at": "2026-05-17T23:13:46.088Z"
 }

package/chunks/drawer-transaction.json

@@ -11,5 +11,5 @@
   },
   "html": "<drawer-ui id=\"drawer-transaction\" side=\"right\" size=\"md\">\n  <header>\n    <span slot=\"icon\">\n      <avatar-ui icon=\"receipt\"></avatar-ui>\n    </span>\n    <span slot=\"heading\">\n      <text-ui strong data-tx-customer>Transaction</text-ui>\n      <badge-ui data-tx-status text=\"Completed\" variant=\"success\"></badge-ui>\n    </span>\n    <span slot=\"action\"></span>\n  </header>\n  <section>\n    <text-ui color=\"subtle\" size=\"sm\" data-tx-meta>Details for the selected transaction.</text-ui>\n  </section>\n  <section>\n    <col-ui gap=\"4\">\n      <grid-ui columns=\"2\" gap=\"3\">\n        <card-ui size=\"sm\"\n          ><section><stat-ui label=\"Amount\" data-tx-amount value=\"—\"></stat-ui></section\n        ></card-ui>\n        <card-ui size=\"sm\"\n          ><section><stat-ui label=\"Date\" data-tx-date value=\"—\"></stat-ui></section\n        ></card-ui>\n      </grid-ui>\n      <divider-ui></divider-ui>\n      <col-ui gap=\"3\">\n        <text-ui strong>Customer</text-ui>\n        <field-ui label=\"Name\">\n          <input-ui data-tx-name readonly></input-ui>\n        </field-ui>\n        <field-ui label=\"Email\">\n          <input-ui data-tx-email readonly></input-ui>\n        </field-ui>\n        <field-ui label=\"Customer ID\">\n          <input-ui value=\"cus_8420F5K9Q1PL\" readonly></input-ui>\n        </field-ui>\n      </col-ui>\n      <divider-ui></divider-ui>\n      <col-ui gap=\"3\">\n        <text-ui strong>Payment</text-ui>\n        <field-ui label=\"Method\">\n          <input-ui value=\"Visa ending in 4242\" readonly></input-ui>\n        </field-ui>\n        <field-ui label=\"Authorization\">\n          <input-ui value=\"auth_K8N3P2Q7R\" readonly></input-ui>\n        </field-ui>\n        <field-ui label=\"Receipt URL\">\n          <input-ui value=\"https://pay.acme.com/r/tx_H7K2\" readonly suffix=\"arrow-square-out\"></input-ui>\n        </field-ui>\n      </col-ui>\n      <divider-ui></divider-ui>\n      <col-ui gap=\"2\">\n        <text-ui strong>Timeline</text-ui>\n        <row-ui gap=\"2\" align=\"center\"\n          ><icon-ui name=\"check-circle\" color=\"success\"></icon-ui\n          ><col-ui gap=\"0\" grow><text-ui>Payment captured</text-ui><text-ui color=\"subtle\" size=\"sm\">Today · 14:22 UTC</text-ui></col-ui></row-ui\n        >\n        <row-ui gap=\"2\" align=\"center\"\n          ><icon-ui name=\"check-circle\" color=\"success\"></icon-ui\n          ><col-ui gap=\"0\" grow><text-ui>Risk review passed</text-ui><text-ui color=\"subtle\" size=\"sm\">Today · 14:22 UTC</text-ui></col-ui></row-ui\n        >\n        <row-ui gap=\"2\" align=\"center\"\n          ><icon-ui name=\"check-circle\" color=\"success\"></icon-ui\n          ><col-ui gap=\"0\" grow><text-ui>Card authorized</text-ui><text-ui color=\"subtle\" size=\"sm\">Today · 14:21 UTC</text-ui></col-ui></row-ui\n        >\n      </col-ui>\n    </col-ui>\n  </section>\n  <footer slot=\"footer\">\n    <grid-ui>\n      <button-ui text=\"Refund\" icon=\"arrow-u-left-up\" color=\"danger\"></button-ui>\n      <button-ui text=\"Close\" variant=\"ghost\" onclick=\"this.closest('drawer-ui').open = false\"></button-ui>\n      <button-ui text=\"View receipt\" icon=\"arrow-square-out\" variant=\"primary\"></button-ui>\n    </grid-ui>\n  </footer>\n</drawer-ui>",
   "source": "apps/saas/app/admin-dashboard/admin-dashboard.contents.html",
-  "captured_at": "2026-05-14T13:37:17.836Z"
+  "captured_at": "2026-05-17T23:13:46.088Z"
 }

package/chunks/editor-code-pane.json

@@ -23,7 +23,7 @@
       "codemirror"
     ]
   },
-  "captured_at": "2026-05-14T13:37:17.836Z",
+  "captured_at": "2026-05-17T23:13:46.088Z",
   "template": [
     {
       "id": "button",

package/chunks/editor-page-shell.json

@@ -19,5 +19,5 @@
   "attrs": {},
   "html": "<article style=\"display:flex; height:100vh;\">\n  <section data-chunk-slot=\"editor-pane\" style=\"flex:1; display:flex; flex-direction:column;\">\n    <header>\n      <row-ui gap=\"2\" align=\"center\">\n        <button-ui text=\"Run\" variant=\"primary\" size=\"sm\" icon=\"play\"></button-ui>\n        <button-ui text=\"Save\" variant=\"outline\" size=\"sm\" icon=\"floppy-disk\"></button-ui>\n      </row-ui>\n    </header>\n    <section style=\"flex:1;\">\n      <textarea-ui placeholder=\"// Write your code here\" style=\"height:100%;\"></textarea-ui>\n    </section>\n  </section>\n\n  <section data-chunk-slot=\"preview-pane\" style=\"flex:1; display:flex; flex-direction:column;\">\n    <header>\n      <text-ui strong>Preview</text-ui>\n    </header>\n    <section style=\"flex:1; background:var(--a-bg-subtle);\">\n      <text-ui color=\"subtle\">Preview will appear here</text-ui>\n    </section>\n  </section>\n</article>",
   "source": "catalog/page-shells/app/editor-page/editor-page.contents.html",
-  "captured_at": "2026-05-14T13:37:17.836Z"
+  "captured_at": "2026-05-17T23:13:46.088Z"
 }

package/chunks/editor-preview-pane.json

@@ -22,7 +22,7 @@
       "split-pane"
     ]
   },
-  "captured_at": "2026-05-14T13:37:17.836Z",
+  "captured_at": "2026-05-17T23:13:46.088Z",
   "template": [
     {
       "id": "text",

package/chunks/empty-state.json

@@ -23,7 +23,7 @@
       "cta"
     ]
   },
-  "captured_at": "2026-05-14T13:37:17.836Z",
+  "captured_at": "2026-05-17T23:13:46.088Z",
   "template": [
     {
       "id": "inbox",

package/chunks/error-404-actions.json

@@ -11,5 +11,5 @@
   },
   "html": "<col-ui gap=\"2\" size=\"lg\">\n              <button-ui text=\"Go to home\" variant=\"primary\" icon=\"house\" onclick=\"location.href = '/'\"></button-ui>\n              <button-ui text=\"Search docs\" variant=\"outline\" icon=\"magnifying-glass\" onclick=\"location.href = '/site/'\"></button-ui>\n            </col-ui>",
   "source": "apps/errors/app/404/404.contents.html",
-  "captured_at": "2026-05-14T13:37:17.836Z"
+  "captured_at": "2026-05-17T23:13:46.088Z"
 }

package/chunks/error-404.json

@@ -39,7 +39,7 @@
       "layout": "card"
     }
   },
-  "captured_at": "2026-05-14T13:37:17.836Z",
+  "captured_at": "2026-05-17T23:13:46.088Z",
   "template": [
     {
       "id": "image",

package/chunks/error-500-actions.json

@@ -11,5 +11,5 @@
   },
   "html": "<col-ui gap=\"2\" size=\"lg\">\n              <button-ui text=\"Try again\" variant=\"primary\" icon=\"arrows-clockwise\" onclick=\"location.reload()\"></button-ui>\n              <button-ui text=\"View status page\" variant=\"outline\" icon=\"pulse\" onclick=\"window.open('https://status.adia-ui.app', '_blank')\"></button-ui>\n              <button-ui text=\"Contact support\" variant=\"outline\" icon=\"lifebuoy\" onclick=\"location.href = '/site/examples/help'\"></button-ui>\n            </col-ui>",
   "source": "apps/errors/app/500/500.contents.html",
-  "captured_at": "2026-05-14T13:37:17.836Z"
+  "captured_at": "2026-05-17T23:13:46.088Z"
 }

package/chunks/error-500.json

@@ -39,7 +39,7 @@
       "layout": "card"
     }
   },
-  "captured_at": "2026-05-14T13:37:17.836Z",
+  "captured_at": "2026-05-17T23:13:46.088Z",
   "template": [
     {
       "id": "image",

package/chunks/error-maintenance-actions.json

@@ -11,5 +11,5 @@
   },
   "html": "<col-ui gap=\"2\" size=\"lg\">\n              <button-ui text=\"View live status\" variant=\"primary\" icon=\"pulse\" onclick=\"window.open('https://status.adia-ui.app', '_blank')\"></button-ui>\n              <button-ui text=\"Subscribe to updates\" variant=\"outline\" icon=\"bell\"></button-ui>\n            </col-ui>",
   "source": "apps/errors/app/maintenance/maintenance.contents.html",
-  "captured_at": "2026-05-14T13:37:17.836Z"
+  "captured_at": "2026-05-17T23:13:46.088Z"
 }

package/chunks/error-maintenance.json

@@ -36,7 +36,7 @@
       "layout": "card"
     }
   },
-  "captured_at": "2026-05-14T13:37:17.836Z",
+  "captured_at": "2026-05-17T23:13:46.088Z",
   "template": [
     {
       "id": "image",

package/chunks/error-page-shell.json

@@ -35,7 +35,7 @@
       "maintenance"
     ]
   },
-  "captured_at": "2026-05-14T13:37:17.836Z",
+  "captured_at": "2026-05-17T23:13:46.088Z",
   "template": [
     {
       "id": "text",

package/chunks/faq-accordion.json

@@ -22,7 +22,7 @@
       "knowledge-base"
     ]
   },
-  "captured_at": "2026-05-14T13:37:17.836Z",
+  "captured_at": "2026-05-17T23:13:46.088Z",
   "template": [
     {
       "id": "text",

package/chunks/file-upload-dnd.json

@@ -23,7 +23,7 @@
       "form-input"
     ]
   },
-  "captured_at": "2026-05-14T13:37:17.836Z",
+  "captured_at": "2026-05-17T23:13:46.088Z",
   "template": [
     {
       "id": "upload",

package/chunks/footer-multi-column.json

@@ -26,7 +26,7 @@
       "button"
     ]
   },
-  "captured_at": "2026-05-14T13:37:17.836Z",
+  "captured_at": "2026-05-17T23:13:46.088Z",
   "template": [
     {
       "id": "text",

package/chunks/footer-primary-only.json

@@ -8,5 +8,5 @@
   "attrs": {},
   "html": "<footer>\n            <button-ui text=\"Connect\" stretch onclick=\"document.getElementById('drawer-figma').open = true\"></button-ui>\n          </footer>",
   "source": "apps/saas/app/integrations/integrations.contents.html",
-  "captured_at": "2026-05-14T13:37:17.836Z"
+  "captured_at": "2026-05-17T23:13:46.088Z"
 }

package/chunks/form-page-shell.json

@@ -37,7 +37,7 @@
       "full-page-form"
     ]
   },
-  "captured_at": "2026-05-14T13:37:17.836Z",
+  "captured_at": "2026-05-17T23:13:46.088Z",
   "template": [
     {
       "id": "text",

package/chunks/gallery-page-shell.json

@@ -17,7 +17,7 @@
     {
       "name": "grid",
       "tagName": "section",
-      "html": "<grid-ui columns=\"4\" gap=\"3\">\n      <card-ui padding=\"0\" style=\"aspect-ratio:1; display:flex; align-items:center; justify-content:center; background:var(--a-bg-subtle);\">\n        <text-ui color=\"subtle\" size=\"sm\">Image 1</text-ui>\n      </card-ui>\n      <card-ui padding=\"0\" style=\"aspect-ratio:1; display:flex; align-items:center; justify-content:center; background:var(--a-bg-subtle);\">\n        <text-ui color=\"subtle\" size=\"sm\">Image 2</text-ui>\n      </card-ui>\n      <card-ui padding=\"0\" style=\"aspect-ratio:1; display:flex; align-items:center; justify-content:center; background:var(--a-bg-subtle);\">\n        <text-ui color=\"subtle\" size=\"sm\">Image 3</text-ui>\n      </card-ui>\n      <card-ui padding=\"0\" style=\"aspect-ratio:1; display:flex; align-items:center; justify-content:center; background:var(--a-bg-subtle);\">\n        <text-ui color=\"subtle\" size=\"sm\">Image 4</text-ui>\n      </card-ui>\n      <card-ui padding=\"0\" style=\"aspect-ratio:1; display:flex; align-items:center; justify-content:center; background:var(--a-bg-subtle);\">\n        <text-ui color=\"subtle\" size=\"sm\">Image 5</text-ui>\n      </card-ui>\n      <card-ui padding=\"0\" style=\"aspect-ratio:1; display:flex; align-items:center; justify-content:center; background:var(--a-bg-subtle);\">\n        <text-ui color=\"subtle\" size=\"sm\">Image 6</text-ui>\n      </card-ui>\n      <card-ui padding=\"0\" style=\"aspect-ratio:1; display:flex; align-items:center; justify-content:center; background:var(--a-bg-subtle);\">\n        <text-ui color=\"subtle\" size=\"sm\">Image 7</text-ui>\n      </card-ui>\n      <card-ui padding=\"0\" style=\"aspect-ratio:1; display:flex; align-items:center; justify-content:center; background:var(--a-bg-subtle);\">\n        <text-ui color=\"subtle\" size=\"sm\">Image 8</text-ui>\n      </card-ui>\n    </grid-ui>"
+      "html": "<grid-ui columns=\"4\" gap=\"3\">\n      <card-ui padding=\"0\" style=\"aspect-ratio:1; display:flex; align-items:center; justify-content:center; background:var(--a-bg-subtle);\">\n        <section bleed>\n          <text-ui color=\"subtle\" size=\"sm\">Image 1</text-ui>\n        </section>\n      </card-ui>\n      <card-ui padding=\"0\" style=\"aspect-ratio:1; display:flex; align-items:center; justify-content:center; background:var(--a-bg-subtle);\">\n        <section bleed>\n          <text-ui color=\"subtle\" size=\"sm\">Image 2</text-ui>\n        </section>\n      </card-ui>\n      <card-ui padding=\"0\" style=\"aspect-ratio:1; display:flex; align-items:center; justify-content:center; background:var(--a-bg-subtle);\">\n        <section bleed>\n          <text-ui color=\"subtle\" size=\"sm\">Image 3</text-ui>\n        </section>\n      </card-ui>\n      <card-ui padding=\"0\" style=\"aspect-ratio:1; display:flex; align-items:center; justify-content:center; background:var(--a-bg-subtle);\">\n        <section bleed>\n          <text-ui color=\"subtle\" size=\"sm\">Image 4</text-ui>\n        </section>\n      </card-ui>\n      <card-ui padding=\"0\" style=\"aspect-ratio:1; display:flex; align-items:center; justify-content:center; background:var(--a-bg-subtle);\">\n        <section bleed>\n          <text-ui color=\"subtle\" size=\"sm\">Image 5</text-ui>\n        </section>\n      </card-ui>\n      <card-ui padding=\"0\" style=\"aspect-ratio:1; display:flex; align-items:center; justify-content:center; background:var(--a-bg-subtle);\">\n        <section bleed>\n          <text-ui color=\"subtle\" size=\"sm\">Image 6</text-ui>\n        </section>\n      </card-ui>\n      <card-ui padding=\"0\" style=\"aspect-ratio:1; display:flex; align-items:center; justify-content:center; background:var(--a-bg-subtle);\">\n        <section bleed>\n          <text-ui color=\"subtle\" size=\"sm\">Image 7</text-ui>\n        </section>\n      </card-ui>\n      <card-ui padding=\"0\" style=\"aspect-ratio:1; display:flex; align-items:center; justify-content:center; background:var(--a-bg-subtle);\">\n        <section bleed>\n          <text-ui color=\"subtle\" size=\"sm\">Image 8</text-ui>\n        </section>\n      </card-ui>\n    </grid-ui>"
     },
     {
       "name": "lightbox",
@@ -27,7 +27,7 @@
   ],
   "nested": [],
   "attrs": {},
-  "html": "<article\n  style=\"display:flex; flex-direction:column; height:100vh;\">\n  <header data-chunk-slot=\"header\" style=\"padding:var(--a-space-3); border-bottom:1px solid var(--a-border-subtle); display:flex; align-items:center; justify-content:space-between;\">\n    <text-ui strong size=\"lg\">Media Gallery</text-ui>\n    <row-ui gap=\"2\">\n      <button-ui icon=\"upload\" variant=\"outline\" size=\"sm\" text=\"Upload\"></button-ui>\n      <button-ui icon=\"folder\" variant=\"ghost\" size=\"sm\"></button-ui>\n    </row-ui>\n  </header>\n\n  <section data-chunk-slot=\"filter-bar\" style=\"padding:var(--a-space-2) var(--a-space-3); border-bottom:1px solid var(--a-border-subtle); display:flex; align-items:center; gap:var(--a-space-2);\">\n    <input-ui placeholder=\"Search media…\" icon=\"search\" style=\"width:240px;\"></input-ui>\n    <select-ui size=\"sm\">\n      <option>All types</option>\n      <option>Images</option>\n      <option>Videos</option>\n      <option>Documents</option>\n    </select-ui>\n    <select-ui size=\"sm\">\n      <option>Any time</option>\n      <option>Today</option>\n      <option>This week</option>\n      <option>This month</option>\n    </select-ui>\n  </section>\n\n  <section data-chunk-slot=\"grid\" style=\"flex:1; overflow:auto; padding:var(--a-space-3);\">\n    <grid-ui columns=\"4\" gap=\"3\">\n      <card-ui padding=\"0\" style=\"aspect-ratio:1; display:flex; align-items:center; justify-content:center; background:var(--a-bg-subtle);\">\n        <text-ui color=\"subtle\" size=\"sm\">Image 1</text-ui>\n      </card-ui>\n      <card-ui padding=\"0\" style=\"aspect-ratio:1; display:flex; align-items:center; justify-content:center; background:var(--a-bg-subtle);\">\n        <text-ui color=\"subtle\" size=\"sm\">Image 2</text-ui>\n      </card-ui>\n      <card-ui padding=\"0\" style=\"aspect-ratio:1; display:flex; align-items:center; justify-content:center; background:var(--a-bg-subtle);\">\n        <text-ui color=\"subtle\" size=\"sm\">Image 3</text-ui>\n      </card-ui>\n      <card-ui padding=\"0\" style=\"aspect-ratio:1; display:flex; align-items:center; justify-content:center; background:var(--a-bg-subtle);\">\n        <text-ui color=\"subtle\" size=\"sm\">Image 4</text-ui>\n      </card-ui>\n      <card-ui padding=\"0\" style=\"aspect-ratio:1; display:flex; align-items:center; justify-content:center; background:var(--a-bg-subtle);\">\n        <text-ui color=\"subtle\" size=\"sm\">Image 5</text-ui>\n      </card-ui>\n      <card-ui padding=\"0\" style=\"aspect-ratio:1; display:flex; align-items:center; justify-content:center; background:var(--a-bg-subtle);\">\n        <text-ui color=\"subtle\" size=\"sm\">Image 6</text-ui>\n      </card-ui>\n      <card-ui padding=\"0\" style=\"aspect-ratio:1; display:flex; align-items:center; justify-content:center; background:var(--a-bg-subtle);\">\n        <text-ui color=\"subtle\" size=\"sm\">Image 7</text-ui>\n      </card-ui>\n      <card-ui padding=\"0\" style=\"aspect-ratio:1; display:flex; align-items:center; justify-content:center; background:var(--a-bg-subtle);\">\n        <text-ui color=\"subtle\" size=\"sm\">Image 8</text-ui>\n      </card-ui>\n    </grid-ui>\n  </section>\n\n  <dialog-ui data-chunk-slot=\"lightbox\" id=\"lightbox\" style=\"display:none;\">\n    <img src=\"/placeholder.png\" alt=\"Preview\" style=\"max-width:90vw; max-height:90vh; object-fit:contain;\">\n  </dialog-ui>\n</article>",
+  "html": "<article\n  style=\"display:flex; flex-direction:column; height:100vh;\">\n  <header data-chunk-slot=\"header\" style=\"padding:var(--a-space-3); border-bottom:1px solid var(--a-border-subtle); display:flex; align-items:center; justify-content:space-between;\">\n    <text-ui strong size=\"lg\">Media Gallery</text-ui>\n    <row-ui gap=\"2\">\n      <button-ui icon=\"upload\" variant=\"outline\" size=\"sm\" text=\"Upload\"></button-ui>\n      <button-ui icon=\"folder\" variant=\"ghost\" size=\"sm\"></button-ui>\n    </row-ui>\n  </header>\n\n  <section data-chunk-slot=\"filter-bar\" style=\"padding:var(--a-space-2) var(--a-space-3); border-bottom:1px solid var(--a-border-subtle); display:flex; align-items:center; gap:var(--a-space-2);\">\n    <input-ui placeholder=\"Search media…\" icon=\"search\" style=\"width:240px;\"></input-ui>\n    <select-ui size=\"sm\">\n      <option>All types</option>\n      <option>Images</option>\n      <option>Videos</option>\n      <option>Documents</option>\n    </select-ui>\n    <select-ui size=\"sm\">\n      <option>Any time</option>\n      <option>Today</option>\n      <option>This week</option>\n      <option>This month</option>\n    </select-ui>\n  </section>\n\n  <section data-chunk-slot=\"grid\" style=\"flex:1; overflow:auto; padding:var(--a-space-3);\">\n    <grid-ui columns=\"4\" gap=\"3\">\n      <card-ui padding=\"0\" style=\"aspect-ratio:1; display:flex; align-items:center; justify-content:center; background:var(--a-bg-subtle);\">\n        <section bleed>\n          <text-ui color=\"subtle\" size=\"sm\">Image 1</text-ui>\n        </section>\n      </card-ui>\n      <card-ui padding=\"0\" style=\"aspect-ratio:1; display:flex; align-items:center; justify-content:center; background:var(--a-bg-subtle);\">\n        <section bleed>\n          <text-ui color=\"subtle\" size=\"sm\">Image 2</text-ui>\n        </section>\n      </card-ui>\n      <card-ui padding=\"0\" style=\"aspect-ratio:1; display:flex; align-items:center; justify-content:center; background:var(--a-bg-subtle);\">\n        <section bleed>\n          <text-ui color=\"subtle\" size=\"sm\">Image 3</text-ui>\n        </section>\n      </card-ui>\n      <card-ui padding=\"0\" style=\"aspect-ratio:1; display:flex; align-items:center; justify-content:center; background:var(--a-bg-subtle);\">\n        <section bleed>\n          <text-ui color=\"subtle\" size=\"sm\">Image 4</text-ui>\n        </section>\n      </card-ui>\n      <card-ui padding=\"0\" style=\"aspect-ratio:1; display:flex; align-items:center; justify-content:center; background:var(--a-bg-subtle);\">\n        <section bleed>\n          <text-ui color=\"subtle\" size=\"sm\">Image 5</text-ui>\n        </section>\n      </card-ui>\n      <card-ui padding=\"0\" style=\"aspect-ratio:1; display:flex; align-items:center; justify-content:center; background:var(--a-bg-subtle);\">\n        <section bleed>\n          <text-ui color=\"subtle\" size=\"sm\">Image 6</text-ui>\n        </section>\n      </card-ui>\n      <card-ui padding=\"0\" style=\"aspect-ratio:1; display:flex; align-items:center; justify-content:center; background:var(--a-bg-subtle);\">\n        <section bleed>\n          <text-ui color=\"subtle\" size=\"sm\">Image 7</text-ui>\n        </section>\n      </card-ui>\n      <card-ui padding=\"0\" style=\"aspect-ratio:1; display:flex; align-items:center; justify-content:center; background:var(--a-bg-subtle);\">\n        <section bleed>\n          <text-ui color=\"subtle\" size=\"sm\">Image 8</text-ui>\n        </section>\n      </card-ui>\n    </grid-ui>\n  </section>\n\n  <dialog-ui data-chunk-slot=\"lightbox\" id=\"lightbox\" style=\"display:none;\">\n    <img src=\"/placeholder.png\" alt=\"Preview\" style=\"max-width:90vw; max-height:90vh; object-fit:contain;\">\n  </dialog-ui>\n</article>",
   "source": "catalog/page-shells/app/gallery-page/gallery-page.contents.html",
   "metadata": {
     "domain": "layout",
@@ -43,7 +43,7 @@
       "view-toggle"
     ]
   },
-  "captured_at": "2026-05-14T13:37:17.836Z",
+  "captured_at": "2026-05-17T23:13:46.088Z",
   "template": [
     {
       "id": "text",
@@ -175,17 +175,18 @@
       "textContent": "Image 1"
     },
     {
-      "id": "column-9",
-      "component": "Column",
+      "id": "section-3",
+      "component": "Section",
+      "bleed": true,
       "children": [
-        "text-10"
+        "column-9"
       ]
     },
     {
-      "id": "section-3",
-      "component": "Section",
+      "id": "column-9",
+      "component": "Column",
       "children": [
-        "column-9"
+        "text-10"
       ]
     },
     {
@@ -202,17 +203,18 @@
       "textContent": "Image 2"
     },
     {
-      "id": "column-10",
-      "component": "Column",
+      "id": "section-4",
+      "component": "Section",
+      "bleed": true,
       "children": [
-        "text-11"
+        "column-10"
       ]
     },
     {
-      "id": "section-4",
-      "component": "Section",
+      "id": "column-10",
+      "component": "Column",
       "children": [
-        "column-10"
+        "text-11"
       ]
     },
     {
@@ -229,17 +231,18 @@
       "textContent": "Image 3"
     },
     {
-      "id": "column-11",
-      "component": "Column",
+      "id": "section-5",
+      "component": "Section",
+      "bleed": true,
       "children": [
-        "text-12"
+        "column-11"
       ]
     },
     {
-      "id": "section-5",
-      "component": "Section",
+      "id": "column-11",
+      "component": "Column",
       "children": [
-        "column-11"
+        "text-12"
       ]
     },
     {
@@ -256,17 +259,18 @@
       "textContent": "Image 4"
     },
     {
-      "id": "column-12",
-      "component": "Column",
+      "id": "section-6",
+      "component": "Section",
+      "bleed": true,
       "children": [
-        "text-13"
+        "column-12"
       ]
     },
     {
-      "id": "section-6",
-      "component": "Section",
+      "id": "column-12",
+      "component": "Column",
       "children": [
-        "column-12"
+        "text-13"
       ]
     },
     {
@@ -283,17 +287,18 @@
       "textContent": "Image 5"
     },
     {
-      "id": "column-13",
-      "component": "Column",
+      "id": "section-7",
+      "component": "Section",
+      "bleed": true,
       "children": [
-        "text-14"
+        "column-13"
       ]
     },
     {
-      "id": "section-7",
-      "component": "Section",
+      "id": "column-13",
+      "component": "Column",
       "children": [
-        "column-13"
+        "text-14"
       ]
     },
     {
@@ -310,17 +315,18 @@
       "textContent": "Image 6"
     },
     {
-      "id": "column-14",
-      "component": "Column",
+      "id": "section-8",
+      "component": "Section",
+      "bleed": true,
       "children": [
-        "text-15"
+        "column-14"
       ]
     },
     {
-      "id": "section-8",
-      "component": "Section",
+      "id": "column-14",
+      "component": "Column",
       "children": [
-        "column-14"
+        "text-15"
       ]
     },
     {
@@ -337,17 +343,18 @@
       "textContent": "Image 7"
     },
     {
-      "id": "column-15",
-      "component": "Column",
+      "id": "section-9",
+      "component": "Section",
+      "bleed": true,
       "children": [
-        "text-16"
+        "column-15"
       ]
     },
     {
-      "id": "section-9",
-      "component": "Section",
+      "id": "column-15",
+      "component": "Column",
       "children": [
-        "column-15"
+        "text-16"
       ]
     },
     {
@@ -364,17 +371,18 @@
       "textContent": "Image 8"
     },
     {
-      "id": "column-16",
-      "component": "Column",
+      "id": "section-10",
+      "component": "Section",
+      "bleed": true,
       "children": [
-        "text-17"
+        "column-16"
       ]
     },
     {
-      "id": "section-10",
-      "component": "Section",
+      "id": "column-16",
+      "component": "Column",
       "children": [
-        "column-16"
+        "text-17"
       ]
     },
     {

package/chunks/hero-section-split.json

@@ -23,7 +23,7 @@
       "cta"
     ]
   },
-  "captured_at": "2026-05-14T13:37:17.836Z",
+  "captured_at": "2026-05-17T23:13:46.088Z",
   "template": [
     {
       "id": "text",