@adia-ai/a2ui-corpus 0.4.2 → 0.4.3

package/chunks/dashboard-chart-recent.json

@@ -11,5 +11,5 @@
   },
   "html": "<grid-ui columns=\"5\" gap=\"4\">\n            <card-ui span=\"3\">\n              <header>\n                <h3>Overview</h3>\n                <text-ui slot=\"description\" color=\"subtle\">Monthly revenue for 2026</text-ui>\n              </header>\n              <section>\n                <col-ui>\n                  <chart-ui id=\"dash-overview\" type=\"bar\" x=\"month\" y=\"revenue\" hide-values></chart-ui>\n                  <grid-ui columns=\"2\" gap=\"3\" size=\"sm\">\n                    <card-ui>\n                      <section>\n                        <stat-ui label=\"This Month\" value=\"$5,400\" change=\"+12% vs last month\" trend=\"up\"></stat-ui>\n                      </section>\n                    </card-ui>\n                    <card-ui>\n                      <section>\n                        <stat-ui label=\"Yearly Total\" value=\"$59,100\" change=\"On track for $65k target\" trend=\"neutral\"></stat-ui>\n                      </section>\n                    </card-ui>\n                  </grid-ui>\n                </col-ui>\n              </section>\n              <footer>\n                <button-ui text=\"View Full Report\" variant=\"outline\" stretch></button-ui>\n              </footer>\n            </card-ui>\n            <card-ui span=\"2\">\n              <header>\n                <h3>Recent Sales</h3>\n                <text-ui slot=\"description\" color=\"subtle\">You made 265 sales this month.</text-ui>\n              </header>\n              <section>\n                <list-ui divider>\n                  <list-item-ui>\n                    <row-ui gap=\"2\" align=\"center\" grow>\n                      <avatar-ui text=\"Olivia Martin\" size=\"sm\"></avatar-ui>\n                      <col-ui gap=\"0\" grow>\n                        <row-ui>\n                          <text-ui weight=\"semibold\" grow>Olivia Martin</text-ui>\n                          <text-ui strong>+$1,999.00</text-ui>\n                        </row-ui>\n                        <text-ui color=\"subtle\">olivia.martin@email.com</text-ui>\n                      </col-ui>\n                    </row-ui>\n                  </list-item-ui>\n                  <list-item-ui>\n                    <row-ui gap=\"2\" align=\"center\" grow>\n                      <avatar-ui text=\"Jackson Lee\" size=\"sm\"></avatar-ui>\n                      <col-ui gap=\"0\" grow>\n                        <row-ui>\n                          <text-ui weight=\"semibold\" grow>Jackson Lee</text-ui>\n                          <text-ui strong>+$39.00</text-ui>\n                        </row-ui>\n                        <text-ui color=\"subtle\">jackson.lee@email.com</text-ui>\n                      </col-ui>\n                    </row-ui>\n                  </list-item-ui>\n                  <list-item-ui>\n                    <row-ui gap=\"2\" align=\"center\" grow>\n                      <avatar-ui text=\"Isabella Nguyen\" size=\"sm\"></avatar-ui>\n                      <col-ui gap=\"0\" grow>\n                        <row-ui>\n                          <text-ui weight=\"semibold\" grow>Isabella Nguyen</text-ui>\n                          <text-ui strong>+$299.00</text-ui>\n                        </row-ui>\n                        <text-ui color=\"subtle\">isabella.nguyen@email.com</text-ui>\n                      </col-ui>\n                    </row-ui>\n                  </list-item-ui>\n                  <list-item-ui>\n                    <row-ui gap=\"2\" align=\"center\" grow>\n                      <avatar-ui text=\"William Kim\" size=\"sm\"></avatar-ui>\n                      <col-ui gap=\"0\" grow>\n                        <row-ui>\n                          <text-ui weight=\"semibold\" grow>William Kim</text-ui>\n                          <text-ui strong>+$99.00</text-ui>\n                        </row-ui>\n                        <text-ui color=\"subtle\">will@email.com</text-ui>\n                      </col-ui>\n                    </row-ui>\n                  </list-item-ui>\n                  <list-item-ui>\n                    <row-ui gap=\"2\" align=\"center\" grow>\n                      <avatar-ui text=\"Sofia Davis\" size=\"sm\"></avatar-ui>\n                      <col-ui gap=\"0\" grow>\n                        <row-ui>\n                          <text-ui weight=\"semibold\" grow>Sofia Davis</text-ui>\n                          <text-ui strong>+$39.00</text-ui>\n                        </row-ui>\n                        <text-ui color=\"subtle\">sofia.davis@email.com</text-ui>\n                      </col-ui>\n                    </row-ui>\n                  </list-item-ui>\n                </list-ui>\n              </section>\n            </card-ui>\n          </grid-ui>",
   "source": "apps/saas/app/admin-dashboard/admin-dashboard.contents.html",
-  "captured_at": "2026-05-10T17:53:43.459Z"
+  "captured_at": "2026-05-11T18:22:09.722Z"
 }

package/chunks/dashboard-cohort-retention.json

@@ -8,5 +8,5 @@
   "attrs": {},
   "html": "<grid-ui>\n            <card-ui>\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=\"analytics-cohort\" raw></table-ui>\n              </section>\n            </card-ui>\n          </grid-ui>",
   "source": "apps/saas/app/admin-dashboard/admin-dashboard.contents.html",
-  "captured_at": "2026-05-10T17:53:43.459Z"
+  "captured_at": "2026-05-11T18:22:09.722Z"
 }

package/chunks/dashboard-conversion-panel.json

@@ -14,5 +14,5 @@
   },
   "html": "<div data-tab-panel=\"conversion\" hidden>\n          <grid-ui><!-- nested: dashboard-funnel --></grid-ui>\n\n          <grid-ui><!-- nested: dashboard-cohort-retention --></grid-ui>\n        </div>",
   "source": "apps/saas/app/admin-dashboard/admin-dashboard.contents.html",
-  "captured_at": "2026-05-10T17:53:43.459Z"
+  "captured_at": "2026-05-11T18:22:09.722Z"
 }

package/chunks/dashboard-country-list.json

@@ -8,5 +8,5 @@
   "attrs": {},
   "html": "<grid-ui>\n            <card-ui>\n              <header>\n                <h3>Top countries</h3>\n                <text-ui slot=\"description\" color=\"subtle\">Sessions by geography</text-ui>\n              </header>\n              <section>\n                <list-ui divider>\n                  <list-item-ui>\n                    <row-ui gap=\"3\" align=\"center\" grow>\n                      <text-ui size=\"xl\">🇺🇸</text-ui>\n                      <text-ui weight=\"semibold\" grow>United States</text-ui>\n                      <text-ui>14,320</text-ui>\n                      <text-ui color=\"subtle\">50.4%</text-ui>\n                    </row-ui>\n                  </list-item-ui>\n                  <list-item-ui>\n                    <row-ui gap=\"3\" align=\"center\" grow>\n                      <text-ui size=\"xl\">🇩🇪</text-ui>\n                      <text-ui weight=\"semibold\" grow>Germany</text-ui>\n                      <text-ui>3,892</text-ui>\n                      <text-ui color=\"subtle\">13.7%</text-ui>\n                    </row-ui>\n                  </list-item-ui>\n                  <list-item-ui>\n                    <row-ui gap=\"3\" align=\"center\" grow>\n                      <text-ui size=\"xl\">🇬🇧</text-ui>\n                      <text-ui weight=\"semibold\" grow>United Kingdom</text-ui>\n                      <text-ui>2,841</text-ui>\n                      <text-ui color=\"subtle\">10.0%</text-ui>\n                    </row-ui>\n                  </list-item-ui>\n                  <list-item-ui>\n                    <row-ui gap=\"3\" align=\"center\" grow>\n                      <text-ui size=\"xl\">🇯🇵</text-ui>\n                      <text-ui weight=\"semibold\" grow>Japan</text-ui>\n                      <text-ui>1,920</text-ui>\n                      <text-ui color=\"subtle\">6.8%</text-ui>\n                    </row-ui>\n                  </list-item-ui>\n                  <list-item-ui>\n                    <row-ui gap=\"3\" align=\"center\" grow>\n                      <text-ui size=\"xl\">🇨🇦</text-ui>\n                      <text-ui weight=\"semibold\" grow>Canada</text-ui>\n                      <text-ui>1,450</text-ui>\n                      <text-ui color=\"subtle\">5.1%</text-ui>\n                    </row-ui>\n                  </list-item-ui>\n                </list-ui>\n              </section>\n            </card-ui>\n          </grid-ui>",
   "source": "apps/saas/app/admin-dashboard/admin-dashboard.contents.html",
-  "captured_at": "2026-05-10T17:53:43.459Z"
+  "captured_at": "2026-05-11T18:22:09.722Z"
 }

package/chunks/dashboard-filter-bar.json

@@ -8,5 +8,5 @@
   "attrs": {},
   "html": "<grid-ui>\n            <card-ui>\n              <section>\n                <row-ui gap=\"2\" align=\"center\" wrap data-filter-bar>\n                  <text-ui color=\"subtle\" weight=\"semibold\">Filters:</text-ui>\n                  <tag-ui text=\"Country: United States\" removable></tag-ui>\n                  <tag-ui text=\"Device: Desktop\" removable></tag-ui>\n                  <button-ui data-filter-add text=\"+ Add filter\" variant=\"ghost\" size=\"sm\"></button-ui>\n                  <span data-spacer></span>\n                  <button-ui data-filter-clear text=\"Clear all\" variant=\"ghost\" size=\"sm\"></button-ui>\n                </row-ui>\n              </section>\n            </card-ui>\n          </grid-ui>",
   "source": "apps/saas/app/admin-dashboard/admin-dashboard.contents.html",
-  "captured_at": "2026-05-10T17:53:43.459Z"
+  "captured_at": "2026-05-11T18:22:09.722Z"
 }

package/chunks/dashboard-funnel.json

@@ -8,5 +8,5 @@
   "attrs": {},
   "html": "<grid-ui>\n            <card-ui>\n              <header>\n                <h3>Conversion funnel</h3>\n                <text-ui slot=\"description\" color=\"subtle\">Visit → Sign up → Activate → Convert</text-ui>\n              </header>\n              <section>\n                <col-ui gap=\"3\">\n                  <row-ui align=\"center\" gap=\"3\">\n                    <col-ui gap=\"0\" grow>\n                      <text-ui strong>Visited landing page</text-ui>\n                      <text-ui color=\"subtle\">28,432 visitors</text-ui>\n                    </col-ui>\n                    <text-ui strong>100%</text-ui>\n                  </row-ui>\n                  <progress-row-ui label=\"Signed up\" value=\"42\" meta=\"11,942 · 42%\"></progress-row-ui>\n                  <progress-row-ui label=\"Activated\" value=\"28\" meta=\"7,961 · 28%\"></progress-row-ui>\n                  <progress-row-ui label=\"Converted to paid\" value=\"8\" meta=\"2,274 · 8.0%\"></progress-row-ui>\n                </col-ui>\n              </section>\n            </card-ui>\n          </grid-ui>",
   "source": "apps/saas/app/admin-dashboard/admin-dashboard.contents.html",
-  "captured_at": "2026-05-10T17:53:43.459Z"
+  "captured_at": "2026-05-11T18:22:09.722Z"
 }

package/chunks/dashboard-kpi-grid.json

@@ -11,5 +11,5 @@
   },
   "html": "<grid-ui columns=\"4\" gap=\"4\">\n            <card-ui size=\"sm\"\n              ><section><stat-ui label=\"Total Revenue\" value=\"$45,231.89\" change=\"+20.1%\" trend=\"up\" icon=\"currency-dollar\"></stat-ui></section\n            ></card-ui>\n            <card-ui size=\"sm\"\n              ><section><stat-ui label=\"Subscriptions\" value=\"+2,350\" change=\"+180.1%\" trend=\"up\" icon=\"users\"></stat-ui></section\n            ></card-ui>\n            <card-ui size=\"sm\"\n              ><section><stat-ui label=\"Sales\" value=\"+12,234\" change=\"+19%\" trend=\"up\" icon=\"credit-card\"></stat-ui></section\n            ></card-ui>\n            <card-ui size=\"sm\"\n              ><section><stat-ui label=\"Active Now\" value=\"+573\" change=\"+201\" trend=\"up\" icon=\"chart-bar\"></stat-ui></section\n            ></card-ui>\n          </grid-ui>",
   "source": "apps/saas/app/admin-dashboard/admin-dashboard.contents.html",
-  "captured_at": "2026-05-10T17:53:43.459Z"
+  "captured_at": "2026-05-11T18:22:09.722Z"
 }

package/chunks/dashboard-notifications-feed.json

@@ -8,5 +8,5 @@
   "attrs": {},
   "html": "<grid-ui>\n            <card-ui>\n              <header>\n                <span slot=\"heading\">\n                  <h3>Notifications</h3>\n                </span>\n                <span slot=\"description\">\n                  <text-ui color=\"subtle\">System and team activity</text-ui>\n                </span>\n                <span slot=\"action\">\n                  <row-ui gap=\"2\" align=\"center\">\n                    <segmented-ui value=\"all\">\n                      <segment-ui value=\"all\" text=\"All\"></segment-ui>\n                      <segment-ui value=\"unread\" text=\"Unread\"></segment-ui>\n                      <segment-ui value=\"mentions\" text=\"Mentions\"></segment-ui>\n                    </segmented-ui>\n                    <button-ui text=\"Mark all read\" variant=\"ghost\" size=\"sm\"></button-ui>\n                  </row-ui>\n                </span>\n              </header>\n              <section>\n                <list-ui divider>\n                  <list-item-ui>\n                    <row-ui gap=\"2\" align=\"start\" grow>\n                      <avatar-ui icon=\"check-circle\" size=\"sm\"></avatar-ui>\n                      <col-ui gap=\"0\" grow>\n                        <row-ui align=\"center\" gap=\"2\">\n                          <text-ui weight=\"semibold\" grow>Deployment completed</text-ui>\n                          <text-ui color=\"subtle\" size=\"sm\">2m ago</text-ui>\n                        </row-ui>\n                        <text-ui color=\"subtle\">Production deploy v2.14.0 succeeded. 12 files changed.</text-ui>\n                      </col-ui>\n                      <badge-ui text=\"New\" variant=\"accent\"></badge-ui>\n                    </row-ui>\n                  </list-item-ui>\n                  <list-item-ui>\n                    <row-ui gap=\"2\" align=\"start\" grow>\n                      <avatar-ui text=\"Alex Chen\" size=\"sm\"></avatar-ui>\n                      <col-ui gap=\"0\" grow>\n                        <row-ui align=\"center\" gap=\"2\">\n                          <text-ui weight=\"semibold\" grow>Alex Chen mentioned you</text-ui>\n                          <text-ui color=\"subtle\" size=\"sm\">18m ago</text-ui>\n                        </row-ui>\n                        <text-ui color=\"subtle\">\"@you can you take a look at the Safari issue?\"</text-ui>\n                      </col-ui>\n                      <badge-ui text=\"Mention\" variant=\"warning\"></badge-ui>\n                    </row-ui>\n                  </list-item-ui>\n                  <list-item-ui>\n                    <row-ui gap=\"2\" align=\"start\" grow>\n                      <avatar-ui icon=\"warning\" size=\"sm\"></avatar-ui>\n                      <col-ui gap=\"0\" grow>\n                        <row-ui align=\"center\" gap=\"2\">\n                          <text-ui weight=\"semibold\" grow>Usage threshold reached</text-ui>\n                          <text-ui color=\"subtle\" size=\"sm\">2h ago</text-ui>\n                        </row-ui>\n                        <text-ui color=\"subtle\">API calls at 85% of monthly quota. Consider upgrading your plan.</text-ui>\n                      </col-ui>\n                      <badge-ui text=\"Warning\" variant=\"warning\"></badge-ui>\n                    </row-ui>\n                  </list-item-ui>\n                  <list-item-ui>\n                    <row-ui gap=\"2\" align=\"start\" grow>\n                      <avatar-ui text=\"Sarah Miller\" size=\"sm\"></avatar-ui>\n                      <col-ui gap=\"0\" grow>\n                        <row-ui align=\"center\" gap=\"2\">\n                          <text-ui weight=\"semibold\" grow>Sarah Miller invited you</text-ui>\n                          <text-ui color=\"subtle\" size=\"sm\">Yesterday</text-ui>\n                        </row-ui>\n                        <text-ui color=\"subtle\">You were added to the \"Brand refresh\" workspace.</text-ui>\n                      </col-ui>\n                    </row-ui>\n                  </list-item-ui>\n                  <list-item-ui>\n                    <row-ui gap=\"2\" align=\"start\" grow>\n                      <avatar-ui icon=\"key\" size=\"sm\"></avatar-ui>\n                      <col-ui gap=\"0\" grow>\n                        <row-ui align=\"center\" gap=\"2\">\n                          <text-ui weight=\"semibold\" grow>API key rotated</text-ui>\n                          <text-ui color=\"subtle\" size=\"sm\">2 days ago</text-ui>\n                        </row-ui>\n                        <text-ui color=\"subtle\">Your production API key was rotated. Old key is revoked.</text-ui>\n                      </col-ui>\n                    </row-ui>\n                  </list-item-ui>\n                </list-ui>\n              </section>\n            </card-ui>\n          </grid-ui>",
   "source": "apps/saas/app/admin-dashboard/admin-dashboard.contents.html",
-  "captured_at": "2026-05-10T17:53:43.459Z"
+  "captured_at": "2026-05-11T18:22:09.722Z"
 }

package/chunks/dashboard-notifications-panel.json

@@ -13,5 +13,5 @@
   },
   "html": "<div data-tab-panel=\"notifications\" hidden>\n          <grid-ui><!-- nested: dashboard-notifications-feed --></grid-ui>\n        </div>",
   "source": "apps/saas/app/admin-dashboard/admin-dashboard.contents.html",
-  "captured_at": "2026-05-10T17:53:43.459Z"
+  "captured_at": "2026-05-11T18:22:09.722Z"
 }

package/chunks/dashboard-overview-panel.json

@@ -19,5 +19,5 @@
   },
   "html": "<div data-tab-panel=\"overview\">\n          <!-- ═══ ROW 1: 4 KPI STAT CARDS ═══ -->\n          <grid-ui columns=\"4\" gap=\"4\"><!-- nested: dashboard-kpi-grid --></grid-ui>\n\n          <!-- ═══ ROW 3: OVERVIEW CHART + RECENT SALES (3:2) ═══ -->\n          <grid-ui columns=\"5\" gap=\"4\"><!-- nested: dashboard-chart-recent --></grid-ui>\n\n          <!-- ═══ ROW 4: 4 SPARKLINE METRIC CARDS ═══ -->\n          <grid-ui columns=\"4\" gap=\"4\"><!-- nested: dashboard-spark-cards --></grid-ui>\n\n          <!-- ═══ ROW 5: TRANSACTIONS TABLE ═══\n         Supports ?state=empty|loading|error URL params for state-coverage\n         demos; the default state renders the populated table. -->\n          <grid-ui><!-- nested: dashboard-transactions-table --></grid-ui>\n\n          <!-- ═══ ROW 6: TEAM + QUICK ACTIONS + STORAGE ═══ -->\n          <grid-ui columns=\"3\" gap=\"4\"><!-- nested: dashboard-team-actions-storage --></grid-ui>\n        </div>",
   "source": "apps/saas/app/admin-dashboard/admin-dashboard.contents.html",
-  "captured_at": "2026-05-10T17:53:43.459Z"
+  "captured_at": "2026-05-11T18:22:09.722Z"
 }

package/chunks/dashboard-page-header.json

@@ -10,5 +10,5 @@
   "attrs": {},
   "html": "<header>\n      <div>\n        <h1>Dashboard</h1>\n        <div data-actions>\n          <button-ui text=\"Export\" icon=\"download\" variant=\"outline\"></button-ui>\n          <button-ui text=\"+ New\" variant=\"primary\"></button-ui>\n        </div>\n      </div>\n      <p>Welcome back. Here's what's happening.</p>\n      <tabs-ui value=\"overview\"><!-- nested: dashboard-tabs --></tabs-ui>\n    </header>",
   "source": "apps/saas/app/admin-dashboard/admin-dashboard.contents.html",
-  "captured_at": "2026-05-10T17:53:43.459Z"
+  "captured_at": "2026-05-11T18:22:09.722Z"
 }

package/chunks/dashboard-pages-table.json

@@ -8,5 +8,5 @@
   "attrs": {},
   "html": "<grid-ui>\n            <card-ui>\n              <header>\n                <h3>Top pages</h3>\n                <text-ui slot=\"description\" color=\"subtle\">Most-visited routes</text-ui>\n              </header>\n              <section bleed>\n                <table-ui id=\"analytics-pages\" sortable striped raw></table-ui>\n              </section>\n            </card-ui>\n          </grid-ui>",
   "source": "apps/saas/app/admin-dashboard/admin-dashboard.contents.html",
-  "captured_at": "2026-05-10T17:53:43.459Z"
+  "captured_at": "2026-05-11T18:22:09.722Z"
 }

package/chunks/dashboard-quick-actions.json

@@ -8,5 +8,5 @@
   "attrs": {},
   "html": "<card-ui>\n              <header><h3>Quick Actions</h3></header>\n              <section>\n                <action-list-ui>\n                  <action-item-ui icon=\"plus\" text=\"New Project\" value=\"new\"></action-item-ui>\n                  <action-item-ui icon=\"users\" text=\"Invite Team\" value=\"invite\"></action-item-ui>\n                  <action-item-ui icon=\"download\" text=\"Export Data\" value=\"export\"></action-item-ui>\n                  <action-item-ui icon=\"chart-bar\" text=\"View Reports\" value=\"reports\"></action-item-ui>\n                  <action-item-ui icon=\"gear\" text=\"Settings\" value=\"settings\"></action-item-ui>\n                  <action-item-ui icon=\"question\" text=\"Help Center\" value=\"help\"></action-item-ui>\n                </action-list-ui>\n              </section>\n            </card-ui>",
   "source": "apps/saas/app/admin-dashboard/admin-dashboard.contents.html",
-  "captured_at": "2026-05-10T17:53:43.459Z"
+  "captured_at": "2026-05-11T18:22:09.722Z"
 }

package/chunks/dashboard-reports-panel.json

@@ -13,5 +13,5 @@
   },
   "html": "<div data-tab-panel=\"reports\" hidden>\n          <grid-ui><!-- nested: dashboard-reports-table --></grid-ui>\n        </div>",
   "source": "apps/saas/app/admin-dashboard/admin-dashboard.contents.html",
-  "captured_at": "2026-05-10T17:53:43.459Z"
+  "captured_at": "2026-05-11T18:22:09.722Z"
 }

package/chunks/dashboard-reports-table.json

@@ -8,5 +8,5 @@
   "attrs": {},
   "html": "<grid-ui>\n            <card-ui>\n              <header>\n                <span slot=\"heading\">\n                  <h3>Reports</h3>\n                </span>\n                <span slot=\"description\">\n                  <text-ui slot=\"description\" color=\"subtle\">Scheduled reports by category</text-ui>\n                </span>\n                <span slot=\"action\">\n                  <segmented-ui id=\"dash-reports-subtabs\" value=\"revenue\">\n                    <segment-ui value=\"revenue\" text=\"Revenue\"></segment-ui>\n                    <segment-ui value=\"customers\" text=\"Customers\"></segment-ui>\n                    <segment-ui value=\"sales\" text=\"Sales\"></segment-ui>\n                    <segment-ui value=\"errors\" text=\"Errors\"></segment-ui>\n                  </segmented-ui>\n                  <button-ui text=\"+ New report\" variant=\"primary\"></button-ui>\n                </span>\n              </header>\n              <section bleed>\n                <table-ui id=\"dash-reports-table\" sortable striped raw></table-ui>\n              </section>\n            </card-ui>\n          </grid-ui>",
   "source": "apps/saas/app/admin-dashboard/admin-dashboard.contents.html",
-  "captured_at": "2026-05-10T17:53:43.459Z"
+  "captured_at": "2026-05-11T18:22:09.722Z"
 }

package/chunks/dashboard-spark-cards.json

@@ -11,5 +11,5 @@
   },
   "html": "<grid-ui columns=\"4\" gap=\"4\">\n            <card-ui>\n              <header>\n                <h3>Page Views</h3>\n                <text-ui slot=\"description\" variant=\"title\">84,232</text-ui>\n              </header>\n              <section bleed>\n                <chart-ui id=\"dash-spark-views\" type=\"sparkline\" x=\"d\" y=\"v\"></chart-ui>\n              </section>\n            </card-ui>\n            <card-ui>\n              <header>\n                <h3>Bounce Rate</h3>\n                <text-ui slot=\"description\" variant=\"title\">24.3%</text-ui>\n              </header>\n              <section bleed>\n                <chart-ui id=\"dash-spark-bounce\" type=\"sparkline\" x=\"d\" y=\"v\" color=\"warning\"></chart-ui>\n              </section>\n            </card-ui>\n            <card-ui>\n              <header>\n                <h3>Session Duration</h3>\n                <text-ui slot=\"description\" variant=\"title\">4m 32s</text-ui>\n              </header>\n              <section bleed>\n                <chart-ui id=\"dash-spark-duration\" type=\"sparkline\" x=\"d\" y=\"v\" color=\"success\"></chart-ui>\n              </section>\n            </card-ui>\n            <card-ui>\n              <header>\n                <h3>Conversion</h3>\n                <text-ui slot=\"description\" variant=\"title\">3.2%</text-ui>\n              </header>\n              <section bleed>\n                <chart-ui id=\"dash-spark-conv\" type=\"sparkline\" x=\"d\" y=\"v\" color=\"info\"></chart-ui>\n              </section>\n            </card-ui>\n          </grid-ui>",
   "source": "apps/saas/app/admin-dashboard/admin-dashboard.contents.html",
-  "captured_at": "2026-05-10T17:53:43.459Z"
+  "captured_at": "2026-05-11T18:22:09.722Z"
 }

package/chunks/dashboard-storage-card.json

@@ -8,5 +8,5 @@
   "attrs": {},
   "html": "<card-ui>\n              <header>\n                <h3>Storage</h3>\n                <text-ui slot=\"description\" color=\"subtle\">75% of 100 GB used</text-ui>\n              </header>\n              <section>\n                <col-ui gap=\"2\">\n                  <progress-row-ui label=\"75 GB used\" value=\"75\" meta=\"100 GB total\"></progress-row-ui>\n                  <progress-row-ui label=\"Documents\" value=\"42\" meta=\"32 GB\"></progress-row-ui>\n                  <progress-row-ui label=\"Media\" value=\"37\" meta=\"28 GB\"></progress-row-ui>\n                  <progress-row-ui label=\"Backups\" value=\"20\" meta=\"15 GB\"></progress-row-ui>\n                </col-ui>\n              </section>\n              <footer>\n                <button-ui text=\"Upgrade Plan\" variant=\"primary\" stretch></button-ui>\n              </footer>\n            </card-ui>",
   "source": "apps/saas/app/admin-dashboard/admin-dashboard.contents.html",
-  "captured_at": "2026-05-10T17:53:43.459Z"
+  "captured_at": "2026-05-11T18:22:09.722Z"
 }

package/chunks/dashboard-tabs.json

@@ -10,5 +10,5 @@
   },
   "html": "<tabs-ui value=\"overview\">\n        <tab-ui value=\"overview\" text=\"Overview\"></tab-ui>\n        <tab-ui value=\"audience\" text=\"Audience\"></tab-ui>\n        <tab-ui value=\"acquisition\" text=\"Acquisition\"></tab-ui>\n        <tab-ui value=\"behavior\" text=\"Behavior\"></tab-ui>\n        <tab-ui value=\"conversion\" text=\"Conversion\"></tab-ui>\n        <tab-ui value=\"reports\" text=\"Reports\"></tab-ui>\n        <tab-ui value=\"notifications\" text=\"Notifications\"></tab-ui>\n      </tabs-ui>",
   "source": "apps/saas/app/admin-dashboard/admin-dashboard.contents.html",
-  "captured_at": "2026-05-10T17:53:43.459Z"
+  "captured_at": "2026-05-11T18:22:09.722Z"
 }

package/chunks/dashboard-team-actions-storage.json

@@ -15,5 +15,5 @@
   },
   "html": "<grid-ui columns=\"3\" gap=\"4\">\n            <card-ui><!-- nested: dashboard-team-list --></card-ui>\n\n            <card-ui><!-- nested: dashboard-quick-actions --></card-ui>\n\n            <card-ui><!-- nested: dashboard-storage-card --></card-ui>\n          </grid-ui>",
   "source": "apps/saas/app/admin-dashboard/admin-dashboard.contents.html",
-  "captured_at": "2026-05-10T17:53:43.459Z"
+  "captured_at": "2026-05-11T18:22:09.722Z"
 }

package/chunks/dashboard-team-list.json

@@ -8,5 +8,5 @@
   "attrs": {},
   "html": "<card-ui>\n              <header>\n                <h3>Team Members</h3>\n                <text-ui slot=\"description\" color=\"subtle\">Your active collaborators</text-ui>\n              </header>\n              <section>\n                <list-ui divider>\n                  <list-item-ui>\n                    <row-ui gap=\"2\" align=\"center\" size=\"sm\" grow>\n                      <avatar-ui text=\"Alex Chen\"></avatar-ui>\n                      <col-ui gap=\"0\" grow>\n                        <row-ui gap=\"0\" align=\"center\" justify=\"space-between\" grow>\n                          <text-ui strong>Alex Chen</text-ui>\n                          <badge-ui text=\"Online\" variant=\"success\"></badge-ui>\n                        </row-ui>\n                        <text-ui color=\"subtle\">Engineering Lead</text-ui>\n                      </col-ui>\n                    </row-ui>\n                  </list-item-ui>\n                  <list-item-ui>\n                    <row-ui gap=\"2\" align=\"center\" size=\"sm\" grow>\n                      <avatar-ui text=\"Sarah Miller\"></avatar-ui>\n                      <col-ui gap=\"0\" grow>\n                        <row-ui gap=\"0\" align=\"center\" justify=\"space-between\" grow>\n                          <text-ui strong>Sarah Miller</text-ui>\n                          <badge-ui text=\"Online\" variant=\"success\"></badge-ui>\n                        </row-ui>\n                        <text-ui color=\"subtle\">Product Designer</text-ui>\n                      </col-ui>\n                    </row-ui>\n                  </list-item-ui>\n                  <list-item-ui>\n                    <row-ui gap=\"2\" align=\"center\" size=\"sm\" grow>\n                      <avatar-ui text=\"James Park\"></avatar-ui>\n                      <col-ui gap=\"0\" grow>\n                        <row-ui gap=\"0\" align=\"center\" justify=\"space-between\" grow>\n                          <text-ui strong>James Park</text-ui>\n                          <badge-ui text=\"Away\" variant=\"warning\"></badge-ui>\n                        </row-ui>\n                        <text-ui color=\"subtle\">Backend Engineer</text-ui>\n                      </col-ui>\n                    </row-ui>\n                  </list-item-ui>\n                  <list-item-ui>\n                    <row-ui gap=\"2\" align=\"center\" size=\"sm\" grow>\n                      <avatar-ui text=\"Maria Lopez\"></avatar-ui>\n                      <col-ui gap=\"0\" grow>\n                        <row-ui gap=\"0\" align=\"center\" justify=\"space-between\" grow>\n                          <text-ui strong>Maria Lopez</text-ui>\n                          <badge-ui text=\"Offline\" variant=\"muted\"></badge-ui>\n                        </row-ui>\n                        <text-ui color=\"subtle\">Data Analyst</text-ui>\n                      </col-ui>\n                    </row-ui>\n                  </list-item-ui>\n                </list-ui>\n              </section>\n            </card-ui>",
   "source": "apps/saas/app/admin-dashboard/admin-dashboard.contents.html",
-  "captured_at": "2026-05-10T17:53:43.459Z"
+  "captured_at": "2026-05-11T18:22:09.722Z"
 }

package/chunks/dashboard-traffic-channels.json

@@ -11,5 +11,5 @@
   },
   "html": "<grid-ui columns=\"3\" gap=\"4\">\n            <card-ui span=\"2\">\n              <header>\n                <h3>Traffic</h3>\n                <text-ui slot=\"description\" color=\"subtle\">Sessions per day</text-ui>\n                <div slot=\"action\">\n                  <segmented-ui value=\"30d\">\n                    <segment-ui value=\"7d\" text=\"7d\"></segment-ui>\n                    <segment-ui value=\"30d\" text=\"30d\"></segment-ui>\n                    <segment-ui value=\"90d\" text=\"90d\"></segment-ui>\n                  </segmented-ui>\n                </div>\n              </header>\n              <section>\n                <chart-ui id=\"analytics-traffic\" type=\"line\" x=\"day\" y=\"sessions\" smooth=\"0.4\" hide-values></chart-ui>\n              </section>\n            </card-ui>\n            <card-ui>\n              <header>\n                <h3>Acquisition channels</h3>\n                <text-ui slot=\"description\" color=\"subtle\">Where sessions come from</text-ui>\n              </header>\n              <section>\n                <chart-ui id=\"analytics-channels\" type=\"donut\" x=\"channel\" y=\"sessions\" hide-values></chart-ui>\n              </section>\n            </card-ui>\n          </grid-ui>",
   "source": "apps/saas/app/admin-dashboard/admin-dashboard.contents.html",
-  "captured_at": "2026-05-10T17:53:43.459Z"
+  "captured_at": "2026-05-11T18:22:09.722Z"
 }

package/chunks/dashboard-transactions-table.json

@@ -8,5 +8,5 @@
   "attrs": {},
   "html": "<grid-ui>\n            <card-ui>\n              <header>\n                <h3>Recent Transactions</h3>\n                <text-ui slot=\"description\" color=\"subtle\">Manage and track recent customer orders</text-ui>\n                <span slot=\"action\">\n                  <menu-ui id=\"tx-state-menu\">\n                    <button-ui slot=\"trigger\" text=\"View as\" icon=\"caret-down\" variant=\"ghost\" size=\"sm\"></button-ui>\n                    <menu-item-ui text=\"Default\" value=\"default\"></menu-item-ui>\n                    <menu-item-ui text=\"Loading\" value=\"loading\" icon=\"spinner\"></menu-item-ui>\n                    <menu-item-ui text=\"Empty\" value=\"empty\" icon=\"tray\"></menu-item-ui>\n                    <menu-item-ui text=\"Error\" value=\"error\" icon=\"warning\"></menu-item-ui>\n                  </menu-ui>\n                </span>\n              </header>\n              <section bleed data-tx-surface>\n                <table-ui id=\"dash-transactions\" sortable striped raw paginate=\"5\"></table-ui>\n              </section>\n            </card-ui>\n          </grid-ui>",
   "source": "apps/saas/app/admin-dashboard/admin-dashboard.contents.html",
-  "captured_at": "2026-05-10T17:53:43.459Z"
+  "captured_at": "2026-05-11T18:22:09.722Z"
 }

package/chunks/destructive-confirm-modal.json

@@ -8,5 +8,5 @@
   "attrs": {},
   "html": "<modal-ui>\n  <header>\n    <span slot=\"icon\">\n      <avatar-ui icon=\"warning-circle\" color=\"danger\"></avatar-ui>\n    </span>\n    <span slot=\"heading\">\n      <text-ui strong>Are you sure?</text-ui>\n    </span>\n  </header>\n  <section>\n    <col-ui gap=\"3\">\n      <text-ui>This action cannot be undone. Type the resource name below to confirm.</text-ui>\n      <field-ui label=\"Resource name\">\n        <input-ui placeholder=\"my-resource-123\"></input-ui>\n      </field-ui>\n    </col-ui>\n  </section>\n  <footer>\n    <row-ui gap=\"2\" justify=\"end\">\n      <button-ui text=\"Cancel\" variant=\"ghost\"></button-ui>\n      <button-ui text=\"Delete\" color=\"danger\"></button-ui>\n    </row-ui>\n  </footer>\n</modal-ui>",
   "source": "catalog/ui-patterns/app/destructive-confirm-modal/destructive-confirm-modal.contents.html",
-  "captured_at": "2026-05-10T17:53:43.459Z"
+  "captured_at": "2026-05-11T18:22:09.722Z"
 }

package/chunks/doc-editor-shell.json

@@ -29,5 +29,5 @@
   "attrs": {},
   "html": "<article style=\"display:flex; height:100vh;\">\n  <section style=\"flex:1; display:flex; flex-direction:column; min-width:0;\">\n    <header data-chunk-slot=\"toolbar\" style=\"padding:var(--a-space-2) var(--a-space-3); border-bottom:1px solid var(--a-border-subtle); display:flex; align-items:center; justify-content:space-between;\">\n      <row-ui gap=\"2\" align=\"center\">\n        <button-ui icon=\"bold\" variant=\"ghost\" size=\"sm\"></button-ui>\n        <button-ui icon=\"italic\" variant=\"ghost\" size=\"sm\"></button-ui>\n        <separator-ui orientation=\"vertical\"></separator-ui>\n        <button-ui icon=\"list\" variant=\"ghost\" size=\"sm\"></button-ui>\n        <button-ui icon=\"code\" variant=\"ghost\" size=\"sm\"></button-ui>\n      </row-ui>\n      <row-ui gap=\"2\">\n        <button-ui text=\"Share\" variant=\"outline\" size=\"sm\" icon=\"share\"></button-ui>\n        <button-ui text=\"Publish\" variant=\"primary\" size=\"sm\" icon=\"globe\"></button-ui>\n      </row-ui>\n    </header>\n\n    <section style=\"flex:1; display:flex; overflow:hidden;\">\n      <section data-chunk-slot=\"editor\" style=\"flex:1; padding:var(--a-space-4); overflow:auto;\">\n        <stack-ui gap=\"3\" style=\"max-width:720px; margin:0 auto;\">\n          <input-ui placeholder=\"Document title\" size=\"lg\" style=\"font-weight:600;\"></input-ui>\n          <textarea-ui placeholder=\"Start writing…\" style=\"min-height:400px; resize:vertical;\"></textarea-ui>\n        </stack-ui>\n      </section>\n\n      <aside data-chunk-slot=\"preview\" style=\"width:360px; border-left:1px solid var(--a-border-subtle); padding:var(--a-space-3); overflow:auto; background:var(--a-bg-subtle);\">\n        <stack-ui gap=\"3\">\n          <text-ui strong size=\"sm\">Preview</text-ui>\n          <card-ui padding=\"md\">\n            <text-ui color=\"subtle\">Rendered preview will appear here.</text-ui>\n          </card-ui>\n        </stack-ui>\n      </aside>\n    </section>\n  </section>\n\n  <aside data-chunk-slot=\"metadata\" style=\"width:240px; border-left:1px solid var(--a-border-subtle); padding:var(--a-space-3); overflow:auto;\">\n    <stack-ui gap=\"4\">\n      <text-ui strong size=\"sm\">Metadata</text-ui>\n      <stack-ui gap=\"1\">\n        <label-ui>Status</label-ui>\n        <select-ui>\n          <option>Draft</option>\n          <option>Review</option>\n          <option>Published</option>\n        </select-ui>\n      </stack-ui>\n      <stack-ui gap=\"1\">\n        <label-ui>Tags</label-ui>\n        <input-ui placeholder=\"Add tags…\"></input-ui>\n      </stack-ui>\n      <stack-ui gap=\"1\">\n        <label-ui>Author</label-ui>\n        <row-ui gap=\"2\" align=\"center\">\n          <avatar-ui size=\"sm\" src=\"/avatar.png\"></avatar-ui>\n          <text-ui size=\"sm\">Alex Chen</text-ui>\n        </row-ui>\n      </stack-ui>\n    </stack-ui>\n  </aside>\n</article>",
   "source": "catalog/page-shells/app/doc-editor/doc-editor.contents.html",
-  "captured_at": "2026-05-10T17:53:43.459Z"
+  "captured_at": "2026-05-11T18:22:09.722Z"
 }

package/chunks/drawer-2fa-key.json

@@ -11,5 +11,5 @@
   },
   "html": "<drawer-ui id=\"drawer-2fa-key\" side=\"right\" size=\"md\">\n  <header>\n    <span slot=\"icon\">\n      <avatar-ui icon=\"key\"></avatar-ui>\n    </span>\n    <span slot=\"heading\">\n      <text-ui strong>Add a security key</text-ui>\n    </span>\n    <span slot=\"action\"></span>\n  </header>\n  <section>\n    <text-ui color=\"subtle\" size=\"sm\">Hardware factors (YubiKey, Titan, built-in TPM) resist phishing and SIM-swap.</text-ui>\n  </section>\n  <section>\n    <col-ui gap=\"4\">\n      <alert-ui\n        variant=\"info\"\n        icon=\"info\"\n        text=\"Your browser will prompt for the key when you click Register. Follow the device's instructions — usually a tap or press.\"\n      ></alert-ui>\n      <divider-ui></divider-ui>\n      <col-ui gap=\"3\">\n        <text-ui strong>Key details</text-ui>\n        <field-ui label=\"Key name\" hint=\"Pick something you'll recognize later.\">\n          <input-ui placeholder=\"e.g. YubiKey 5C adia (desk)\"></input-ui>\n        </field-ui>\n        <field-ui label=\"Key type\">\n          <select-ui value=\"fido2\">\n            <option value=\"fido2\">FIDO2 / WebAuthn</option>\n            <option value=\"u2f\">U2F (legacy)</option>\n            <option value=\"platform\">Platform authenticator (Touch ID, Windows Hello)</option>\n          </select-ui>\n        </field-ui>\n        <field-ui label=\"Require for every sign-in\" inline>\n          <switch-ui></switch-ui>\n        </field-ui>\n        <field-ui label=\"Allow for step-up (sensitive actions only)\" inline>\n          <switch-ui checked></switch-ui>\n        </field-ui>\n      </col-ui>\n      <divider-ui></divider-ui>\n      <col-ui gap=\"2\">\n        <text-ui strong>Registered keys</text-ui>\n        <text-ui color=\"subtle\" size=\"sm\">None yet. Registration runs entirely on your device — we only see the public key.</text-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=\"Register key\" icon=\"key\" variant=\"primary\" 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-10T17:53:43.459Z"
+  "captured_at": "2026-05-11T18:22:09.722Z"
 }

package/chunks/drawer-2fa-sms.json

@@ -11,5 +11,5 @@
   },
   "html": "<drawer-ui id=\"drawer-2fa-sms\" side=\"right\" size=\"md\">\n  <header>\n    <span slot=\"icon\">\n      <avatar-ui icon=\"chat-circle-text\"></avatar-ui>\n    </span>\n    <span slot=\"heading\">\n      <text-ui strong>SMS authentication</text-ui>\n      <badge-ui text=\"Not recommended\" variant=\"warning\"></badge-ui>\n    </span>\n    <span slot=\"action\"></span>\n  </header>\n  <section>\n    <text-ui color=\"subtle\" size=\"sm\">Only use SMS if you have no access to an authenticator app or hardware key.</text-ui>\n  </section>\n  <section>\n    <col-ui gap=\"4\">\n      <alert-ui\n        variant=\"warning\"\n        icon=\"warning\"\n        text=\"SMS codes can be intercepted via SIM-swap attacks. Prefer an authenticator app or hardware key. If you proceed, we'll also require an authenticator as your primary factor.\"\n      ></alert-ui>\n      <divider-ui></divider-ui>\n      <col-ui gap=\"3\">\n        <text-ui strong>Phone number</text-ui>\n        <row-ui gap=\"2\">\n          <field-ui label=\"Country\">\n            <select-ui value=\"us\" style=\"flex: 0 0 8rem\">\n              <option value=\"us\">🇺🇸 +1</option>\n              <option value=\"uk\">🇬🇧 +44</option>\n              <option value=\"de\">🇩🇪 +49</option>\n              <option value=\"fi\">🇫🇮 +358</option>\n            </select-ui>\n          </field-ui>\n          <field-ui label=\"Number\">\n            <input-ui placeholder=\"555 123 4567\" grow></input-ui>\n          </field-ui>\n        </row-ui>\n        <button-ui text=\"Send verification code\" variant=\"outline\" icon=\"paper-plane-tilt\" stretch></button-ui>\n      </col-ui>\n      <divider-ui></divider-ui>\n      <field-ui label=\"6-digit code\" hint=\"Enter the code we just texted you.\">\n        <otp-input-ui length=\"6\"></otp-input-ui>\n      </field-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=\"Enable SMS 2FA\" variant=\"primary\" 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-10T17:53:43.459Z"
+  "captured_at": "2026-05-11T18:22:09.722Z"
 }

package/chunks/drawer-2fa-totp.json

@@ -11,5 +11,5 @@
   },
   "html": "<drawer-ui id=\"drawer-2fa-totp\" side=\"right\" size=\"md\">\n  <header>\n    <span slot=\"icon\">\n      <avatar-ui icon=\"device-mobile\"></avatar-ui>\n    </span>\n    <span slot=\"heading\">\n      <text-ui strong>Authenticator app</text-ui>\n      <badge-ui text=\"Enabled\" variant=\"success\"></badge-ui>\n    </span>\n    <span slot=\"action\"></span>\n  </header>\n  <section>\n    <text-ui color=\"subtle\" size=\"sm\">Enrolled with 1Password · Aug 14, 2025</text-ui>\n  </section>\n  <section>\n    <col-ui gap=\"4\">\n      <alert-ui\n        variant=\"info\"\n        icon=\"info\"\n        text=\"If you lose access to your authenticator app, use a recovery code to sign in. Generate new codes whenever you suspect old ones were exposed.\"\n      ></alert-ui>\n      <divider-ui></divider-ui>\n      <col-ui gap=\"3\">\n        <text-ui strong>Recovery codes</text-ui>\n        <text-ui color=\"subtle\" size=\"sm\">Store these somewhere only you can access. Each code works once.</text-ui>\n        <card-ui>\n          <section>\n            <grid-ui columns=\"2\" gap=\"2\">\n              <code-ui text=\"4F9K-2P1L\"></code-ui>\n              <code-ui text=\"XHMN-88RD\"></code-ui>\n              <code-ui text=\"PT7Q-VG4C\"></code-ui>\n              <code-ui text=\"9B2A-WKE0\"></code-ui>\n              <code-ui text=\"Z3YT-HNFR\"></code-ui>\n              <code-ui text=\"Q18V-MPCD\"></code-ui>\n            </grid-ui>\n          </section>\n        </card-ui>\n        <row-ui gap=\"2\">\n          <button-ui text=\"Copy all\" variant=\"outline\" size=\"sm\" icon=\"copy\"></button-ui>\n          <button-ui text=\"Download .txt\" variant=\"outline\" size=\"sm\" icon=\"download-simple\"></button-ui>\n          <button-ui text=\"Regenerate\" variant=\"ghost\" size=\"sm\" icon=\"arrows-clockwise\"></button-ui>\n        </row-ui>\n      </col-ui>\n      <divider-ui></divider-ui>\n      <col-ui gap=\"3\">\n        <text-ui strong>Change authenticator</text-ui>\n        <text-ui color=\"subtle\" size=\"sm\">Scan this QR in a new app, then enter a fresh code to swap devices.</text-ui>\n        <row-ui gap=\"3\" align=\"center\">\n          <avatar-ui icon=\"qr-code\" size=\"xl\"></avatar-ui>\n          <col-ui gap=\"1\" grow>\n            <text-ui strong>Setup key</text-ui>\n            <code-ui text=\"JBSWY3DPEHPK3PXP\"></code-ui>\n            <text-ui color=\"subtle\" size=\"sm\">Use if your app can't scan QR codes.</text-ui>\n          </col-ui>\n        </row-ui>\n        <field-ui label=\"Confirmation code\" hint=\"Enter the current 6-digit code from your new app.\">\n          <input-ui placeholder=\"123 456\"></input-ui>\n        </field-ui>\n      </col-ui>\n    </col-ui>\n  </section>\n  <footer slot=\"footer\">\n    <grid-ui>\n      <button-ui text=\"Remove 2FA\" icon=\"trash\" color=\"danger\"></button-ui>\n      <button-ui text=\"Cancel\" variant=\"ghost\" onclick=\"this.closest('drawer-ui').open = false\"></button-ui>\n      <button-ui text=\"Save\" variant=\"primary\" 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-10T17:53:43.459Z"
+  "captured_at": "2026-05-11T18:22:09.722Z"
 }

package/chunks/drawer-cancel-sub.json

@@ -11,5 +11,5 @@
   },
   "html": "<drawer-ui id=\"drawer-cancel-sub\" side=\"right\" size=\"md\">\n  <header>\n    <span slot=\"icon\">\n      <avatar-ui icon=\"warning-octagon\"></avatar-ui>\n    </span>\n    <span slot=\"heading\">\n      <text-ui strong>Cancel subscription</text-ui>\n      <badge-ui text=\"Pro\" variant=\"accent\"></badge-ui>\n    </span>\n    <span slot=\"action\"></span>\n  </header>\n  <section>\n    <text-ui color=\"subtle\" size=\"sm\">Your workspace stays available until May 14, 2026 — the end of your current billing period.</text-ui>\n  </section>\n  <section>\n    <col-ui gap=\"4\">\n      <alert-ui\n        variant=\"danger\"\n        icon=\"warning\"\n        text=\"You'll lose access to Pro features (advanced charts, API exports, priority support) on May 14. Your data is preserved for 90 days after cancellation.\"\n      ></alert-ui>\n      <divider-ui></divider-ui>\n      <col-ui gap=\"2\">\n        <text-ui strong>What happens on May 14</text-ui>\n        <row-ui gap=\"2\" align=\"center\"><icon-ui name=\"x-circle\" color=\"danger\"></icon-ui><text-ui>Advanced charts become view-only</text-ui></row-ui>\n        <row-ui gap=\"2\" align=\"center\"><icon-ui name=\"x-circle\" color=\"danger\"></icon-ui><text-ui>API key quota drops from 1M to 10K/month</text-ui></row-ui>\n        <row-ui gap=\"2\" align=\"center\"><icon-ui name=\"x-circle\" color=\"danger\"></icon-ui><text-ui>Priority support downgrades to community</text-ui></row-ui>\n        <row-ui gap=\"2\" align=\"center\"><icon-ui name=\"check-circle\" color=\"success\"></icon-ui><text-ui>Workspace, members, and history remain</text-ui></row-ui>\n      </col-ui>\n      <divider-ui></divider-ui>\n      <field-ui label=\"Primary reason for cancelling\">\n        <select-ui value=\"\">\n          <option value=\"\">Select a reason</option>\n          <option value=\"too-expensive\">Too expensive</option>\n          <option value=\"missing-features\">Missing features I need</option>\n          <option value=\"switching\">Switching to another tool</option>\n          <option value=\"not-using\">Not using it enough</option>\n          <option value=\"temporary\">Taking a break, may return</option>\n          <option value=\"other\">Other</option>\n        </select-ui>\n      </field-ui>\n      <field-ui label=\"Anything we could do better?\">\n        <textarea-ui rows=\"3\" placeholder=\"Optional — but we read every response.\"></textarea-ui>\n      </field-ui>\n      <divider-ui></divider-ui>\n      <field-ui label=\"Type CANCEL to confirm\">\n        <input-ui placeholder=\"CANCEL\"></input-ui>\n      </field-ui>\n    </col-ui>\n  </section>\n  <footer slot=\"footer\">\n    <grid-ui>\n      <button-ui text=\"Keep my plan\" variant=\"ghost\" onclick=\"this.closest('drawer-ui').open = false\"></button-ui>\n      <button-ui text=\"Confirm cancellation\" color=\"danger\" onclick=\"this.closest('drawer-ui').open = false\"></button-ui>\n    </grid-ui>\n  </footer>\n</drawer-ui>",
   "source": "apps/saas/app/billing/billing.contents.html",
-  "captured_at": "2026-05-10T17:53:43.459Z"
+  "captured_at": "2026-05-11T18:22:09.722Z"
 }

package/chunks/drawer-change-plan.json

@@ -11,5 +11,5 @@
   },
   "html": "<drawer-ui id=\"drawer-change-plan\" side=\"right\" size=\"md\">\n  <header>\n    <span slot=\"icon\">\n      <avatar-ui icon=\"star\"></avatar-ui>\n    </span>\n    <span slot=\"heading\">\n      <text-ui strong>Change plan</text-ui>\n    </span>\n    <span slot=\"action\"></span>\n  </header>\n  <section>\n    <text-ui color=\"subtle\" size=\"sm\">Switch plans anytime. Credits and downgrades prorate to your next invoice.</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=\"Current spend\" value=\"$49\" change=\"this month\"></stat-ui></section\n        ></card-ui>\n        <card-ui size=\"sm\"\n          ><section><stat-ui label=\"Seats used\" value=\"6 / 8\" change=\"+2 this month\" trend=\"up\"></stat-ui></section\n        ></card-ui>\n      </grid-ui>\n      <divider-ui></divider-ui>\n      <field-ui label=\"Billing interval\" hint=\"Annual plans ship with two months free.\">\n        <select-ui value=\"monthly\">\n          <option value=\"monthly\">Monthly</option>\n          <option value=\"annual\">Annual · save 17%</option>\n        </select-ui>\n      </field-ui>\n      <divider-ui></divider-ui>\n      <col-ui gap=\"3\">\n        <text-ui strong>Choose a plan</text-ui>\n        <div\n          role=\"radiogroup\"\n          aria-label=\"Plan\"\n          data-plan-picker\n          onclick=\"\n            const r = event.target.closest('card-ui')?.querySelector('radio-ui');\n            r && r.click();\n          \"\n        >\n          <list-ui divider>\n            <list-item-ui>\n              <card-ui>\n                <header>\n                  <radio-ui slot=\"icon\" name=\"plan\" value=\"pro\" checked></radio-ui>\n                  <span slot=\"heading\">\n                    <text-ui strong>Pro · $49/mo</text-ui>\n                    <badge-ui text=\"Current\" variant=\"accent\"></badge-ui>\n                  </span>\n                  <span slot=\"description\">\n                    <text-ui color=\"subtle\" size=\"sm\">Unlimited conversations, advanced charts, 100 GB storage</text-ui>\n                  </span>\n                </header>\n              </card-ui>\n            </list-item-ui>\n            <list-item-ui>\n              <card-ui>\n                <header>\n                  <radio-ui slot=\"icon\" name=\"plan\" value=\"team\"></radio-ui>\n                  <span slot=\"heading\">\n                    <text-ui strong>Team · $129/mo</text-ui>\n                  </span>\n                  <span slot=\"description\">\n                    <text-ui color=\"subtle\" size=\"sm\">Everything in Pro · SSO, audit log, role-based permissions, 1 TB storage</text-ui>\n                  </span>\n                </header>\n              </card-ui>\n            </list-item-ui>\n            <list-item-ui>\n              <card-ui>\n                <header>\n                  <radio-ui slot=\"icon\" name=\"plan\" value=\"enterprise\"></radio-ui>\n                  <span slot=\"heading\">\n                    <text-ui strong>Enterprise · custom</text-ui>\n                  </span>\n                  <span slot=\"description\">\n                    <text-ui color=\"subtle\" size=\"sm\">Dedicated support, DPA, SCIM, on-prem deployment. Talk to sales.</text-ui>\n                  </span>\n                </header>\n              </card-ui>\n            </list-item-ui>\n          </list-ui>\n        </div>\n      </col-ui>\n      <divider-ui></divider-ui>\n      <col-ui gap=\"2\">\n        <text-ui strong>What's included in every plan</text-ui>\n        <row-ui gap=\"2\" align=\"center\"><icon-ui name=\"check-circle\" color=\"success\"></icon-ui><text-ui>Unlimited workspaces</text-ui></row-ui>\n        <row-ui gap=\"2\" align=\"center\"><icon-ui name=\"check-circle\" color=\"success\"></icon-ui><text-ui>Priority email support</text-ui></row-ui>\n        <row-ui gap=\"2\" align=\"center\"><icon-ui name=\"check-circle\" color=\"success\"></icon-ui><text-ui>99.9% uptime SLA</text-ui></row-ui>\n      </col-ui>\n    </col-ui>\n  </section>\n  <footer slot=\"footer\">\n    <grid-ui>\n      <button-ui text=\"Talk to sales\" icon=\"chat-circle\" variant=\"ghost\"></button-ui>\n      <button-ui text=\"Cancel\" variant=\"ghost\" onclick=\"this.closest('drawer-ui').open = false\"></button-ui>\n      <button-ui text=\"Preview invoice\" variant=\"primary\" onclick=\"this.closest('drawer-ui').open = false\"></button-ui>\n    </grid-ui>\n  </footer>\n</drawer-ui>",
   "source": "apps/saas/app/billing/billing.contents.html",
-  "captured_at": "2026-05-10T17:53:43.459Z"
+  "captured_at": "2026-05-11T18:22:09.722Z"
 }

package/chunks/drawer-custom-roles.json

@@ -11,5 +11,5 @@
   },
   "html": "<drawer-ui id=\"drawer-custom-roles\" side=\"right\" size=\"md\">\n  <header>\n    <span slot=\"icon\">\n      <avatar-ui icon=\"shield-check\"></avatar-ui>\n    </span>\n    <span slot=\"heading\">\n      <text-ui strong>Custom roles</text-ui>\n      <badge-ui text=\"Pro\" variant=\"accent\"></badge-ui>\n    </span>\n    <span slot=\"action\"></span>\n  </header>\n  <section>\n    <text-ui color=\"subtle\" size=\"sm\">Define fine-grained permission sets and assign them to members.</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=\"Built-in roles\" value=\"3\"></stat-ui></section\n        ></card-ui>\n        <card-ui size=\"sm\"\n          ><section><stat-ui label=\"Custom roles\" value=\"2\" change=\"+1 this month\" trend=\"up\"></stat-ui></section\n        ></card-ui>\n      </grid-ui>\n      <divider-ui></divider-ui>\n      <col-ui gap=\"2\">\n        <text-ui strong>Existing custom roles</text-ui>\n        <list-ui divider>\n          <list-item-ui>\n            <row-ui gap=\"2\" align=\"center\" grow>\n              <avatar-ui icon=\"code\" size=\"sm\"></avatar-ui>\n              <col-ui gap=\"0\" grow>\n                <text-ui strong>Developer</text-ui>\n                <text-ui color=\"subtle\" size=\"sm\">API + webhook access · 4 members</text-ui>\n              </col-ui>\n              <button-ui variant=\"ghost\" size=\"sm\" icon=\"pencil-simple\"></button-ui>\n            </row-ui>\n          </list-item-ui>\n          <list-item-ui>\n            <row-ui gap=\"2\" align=\"center\" grow>\n              <avatar-ui icon=\"chart-line\" size=\"sm\"></avatar-ui>\n              <col-ui gap=\"0\" grow>\n                <text-ui strong>Analyst</text-ui>\n                <text-ui color=\"subtle\" size=\"sm\">Read + export only · 2 members</text-ui>\n              </col-ui>\n              <button-ui variant=\"ghost\" size=\"sm\" icon=\"pencil-simple\"></button-ui>\n            </row-ui>\n          </list-item-ui>\n        </list-ui>\n      </col-ui>\n      <divider-ui></divider-ui>\n      <col-ui gap=\"3\">\n        <text-ui strong>Create a new role</text-ui>\n        <field-ui label=\"Role name\">\n          <input-ui placeholder=\"e.g. Contractor\"></input-ui>\n        </field-ui>\n        <field-ui label=\"Description\">\n          <textarea-ui rows=\"2\" placeholder=\"One-line summary shown on member rows\"></textarea-ui>\n        </field-ui>\n        <field-ui label=\"Start from\" hint=\"Use an existing role as a baseline, then adjust below.\">\n          <select-ui value=\"viewer\">\n            <option value=\"viewer\">Viewer · read-only</option>\n            <option value=\"member\">Member · edit + invite</option>\n            <option value=\"admin\">Admin · full access</option>\n            <option value=\"blank\">Blank · no permissions</option>\n          </select-ui>\n        </field-ui>\n      </col-ui>\n      <divider-ui></divider-ui>\n      <col-ui gap=\"3\">\n        <text-ui strong>Content</text-ui>\n        <field-ui label=\"View projects and conversations\" inline>\n          <check-ui checked></check-ui>\n        </field-ui>\n        <field-ui label=\"Edit own content\" inline>\n          <check-ui checked></check-ui>\n        </field-ui>\n        <field-ui label=\"Edit others' content\" inline>\n          <check-ui></check-ui>\n        </field-ui>\n        <field-ui label=\"Delete content\" inline>\n          <check-ui></check-ui>\n        </field-ui>\n        <field-ui label=\"Export to CSV / PDF\" 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>Members</text-ui>\n        <field-ui label=\"Invite new members\" inline>\n          <check-ui></check-ui>\n        </field-ui>\n        <field-ui label=\"Change member roles\" inline>\n          <check-ui></check-ui>\n        </field-ui>\n        <field-ui label=\"Remove members\" 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>Workspace</text-ui>\n        <field-ui label=\"View billing and invoices\" inline>\n          <check-ui></check-ui>\n        </field-ui>\n        <field-ui label=\"Change billing plan\" inline>\n          <check-ui></check-ui>\n        </field-ui>\n        <field-ui label=\"Manage API keys\" inline>\n          <check-ui></check-ui>\n        </field-ui>\n        <field-ui label=\"Manage webhooks\" inline>\n          <check-ui></check-ui>\n        </field-ui>\n        <field-ui label=\"Delete workspace\" inline>\n          <check-ui></check-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=\"Create role\" icon=\"plus\" 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-10T17:53:43.459Z"
+  "captured_at": "2026-05-11T18:22:09.722Z"
 }

package/chunks/drawer-data-start.json

@@ -11,5 +11,5 @@
   },
   "html": "<drawer-ui id=\"drawer-data-start\" side=\"right\" size=\"md\">\n      <header>\n        <span slot=\"icon\">\n          <avatar-ui icon=\"database\"></avatar-ui>\n        </span>\n        <span slot=\"heading\">\n          <text-ui strong>Data start</text-ui>\n        </span>\n        <span slot=\"action\"></span>\n      </header>\n      <section>\n        <text-ui color=\"subtle\" size=\"sm\">Switch to live source any time from settings — sample data is non-destructive.</text-ui>\n      </section>\n      <section>\n        <div role=\"radiogroup\" aria-label=\"Data start\">\n          <col-ui gap=\"2\">\n            <option-card-ui\n              name=\"data-start\"\n              value=\"sample\"\n              checked\n              heading=\"Sample data\"\n              description=\"Pre-seeded dashboards with realistic AdiaUI demo data. Best for kicking the tires.\"\n            ></option-card-ui>\n            <option-card-ui\n              name=\"data-start\"\n              value=\"live\"\n              heading=\"Live source\"\n              description=\"Stream from your connected GitHub source. We'll backfill 30 days on first sync.\"\n            ></option-card-ui>\n            <option-card-ui\n              name=\"data-start\"\n              value=\"empty\"\n              heading=\"Empty workspace\"\n              description=\"Skip both — start from a blank canvas and build dashboards by hand.\"\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-10T17:53:43.459Z"
+  "captured_at": "2026-05-11T18:22:09.722Z"
 }

package/chunks/drawer-delete-account.json

@@ -11,5 +11,5 @@
   },
   "html": "<drawer-ui id=\"drawer-delete-account\" side=\"right\" size=\"md\">\n  <header>\n    <span slot=\"icon\">\n      <avatar-ui icon=\"warning-octagon\"></avatar-ui>\n    </span>\n    <span slot=\"heading\">\n      <text-ui strong>Delete account</text-ui>\n    </span>\n    <span slot=\"action\"></span>\n  </header>\n  <section>\n    <text-ui color=\"subtle\" size=\"sm\">Permanently removes your account and all associated data after a 30-day grace period.</text-ui>\n  </section>\n  <section>\n    <col-ui gap=\"4\">\n      <alert-ui\n        variant=\"danger\"\n        icon=\"warning\"\n        text=\"This cannot be undone after 30 days. You'll be signed out immediately, and billing stops at the next cycle.\"\n      ></alert-ui>\n      <divider-ui></divider-ui>\n      <col-ui gap=\"2\">\n        <text-ui strong>What gets deleted</text-ui>\n        <row-ui gap=\"2\" align=\"center\"><icon-ui name=\"x-circle\" color=\"danger\"></icon-ui><text-ui>All conversations and uploaded files</text-ui></row-ui>\n        <row-ui gap=\"2\" align=\"center\"><icon-ui name=\"x-circle\" color=\"danger\"></icon-ui><text-ui>Workspaces you own (members are notified)</text-ui></row-ui>\n        <row-ui gap=\"2\" align=\"center\"><icon-ui name=\"x-circle\" color=\"danger\"></icon-ui><text-ui>API keys, webhooks, and integrations</text-ui></row-ui>\n        <row-ui gap=\"2\" align=\"center\"><icon-ui name=\"x-circle\" color=\"danger\"></icon-ui><text-ui>Billing history and tax documents</text-ui></row-ui>\n      </col-ui>\n      <divider-ui></divider-ui>\n      <col-ui gap=\"2\">\n        <text-ui strong>Before you go</text-ui>\n        <button-ui text=\"Export my data\" variant=\"outline\" icon=\"download-simple\" stretch></button-ui>\n        <button-ui text=\"Transfer workspace ownership\" variant=\"outline\" icon=\"user-switch\" stretch></button-ui>\n      </col-ui>\n      <divider-ui></divider-ui>\n      <col-ui gap=\"3\">\n        <text-ui strong>Confirm</text-ui>\n        <field-ui label=\"Type your email to confirm\">\n          <input-ui placeholder=\"kim@acme.com\"></input-ui>\n        </field-ui>\n        <field-ui label=\"Type DELETE to confirm\">\n          <input-ui placeholder=\"DELETE\"></input-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=\"Delete my account\" icon=\"trash\" 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-10T17:53:43.459Z"
+  "captured_at": "2026-05-11T18:22:09.722Z"
 }

package/chunks/drawer-delete-workspace.json

@@ -11,5 +11,5 @@
   },
   "html": "<drawer-ui id=\"drawer-delete-workspace\" side=\"right\" size=\"md\">\n  <header>\n    <span slot=\"icon\">\n      <avatar-ui icon=\"warning-octagon\"></avatar-ui>\n    </span>\n    <span slot=\"heading\">\n      <text-ui strong>Delete workspace</text-ui>\n      <badge-ui text=\"adia-ui\" variant=\"accent\"></badge-ui>\n    </span>\n    <span slot=\"action\"></span>\n  </header>\n  <section>\n    <text-ui color=\"subtle\" size=\"sm\">Permanently removes the workspace and all member access. Data is purged after 30 days.</text-ui>\n  </section>\n  <section>\n    <col-ui gap=\"4\">\n      <alert-ui variant=\"danger\" icon=\"warning\" text=\"This cannot be undone. All 14 members will lose access immediately.\"></alert-ui>\n      <divider-ui></divider-ui>\n      <grid-ui columns=\"2\" gap=\"3\">\n        <card-ui size=\"sm\"\n          ><section><stat-ui label=\"Members\" value=\"14\"></stat-ui></section\n        ></card-ui>\n        <card-ui size=\"sm\"\n          ><section><stat-ui label=\"Conversations\" value=\"8,420\"></stat-ui></section\n        ></card-ui>\n        <card-ui size=\"sm\"\n          ><section><stat-ui label=\"API keys\" value=\"6\"></stat-ui></section\n        ></card-ui>\n        <card-ui size=\"sm\"\n          ><section><stat-ui label=\"Storage\" value=\"42 GB\"></stat-ui></section\n        ></card-ui>\n      </grid-ui>\n      <divider-ui></divider-ui>\n      <col-ui gap=\"2\">\n        <text-ui strong>Before you delete</text-ui>\n        <button-ui text=\"Export workspace data\" variant=\"outline\" icon=\"download-simple\" stretch></button-ui>\n        <button-ui text=\"Transfer ownership\" variant=\"outline\" icon=\"user-switch\" stretch></button-ui>\n      </col-ui>\n      <divider-ui></divider-ui>\n      <col-ui gap=\"3\">\n        <text-ui strong>Confirm</text-ui>\n        <field-ui label=\"Type the workspace name to confirm\">\n          <input-ui placeholder=\"adia-ui\"></input-ui>\n        </field-ui>\n        <field-ui label=\"I understand this deletes all members, data, and integrations\" inline>\n          <check-ui></check-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=\"Delete workspace\" icon=\"trash\" color=\"danger\" onclick=\"this.closest('drawer-ui').open = false\"></button-ui>\n    </grid-ui>\n  </footer>\n</drawer-ui>",
   "source": "apps/saas/app/settings-page/settings-page.contents.html",
-  "captured_at": "2026-05-10T17:53:43.459Z"
+  "captured_at": "2026-05-11T18:22:09.722Z"
 }

package/chunks/drawer-discord.json

@@ -11,5 +11,5 @@
   },
   "html": "<drawer-ui id=\"drawer-discord\" side=\"right\" size=\"md\">\n  <header>\n    <span slot=\"icon\">\n      <avatar-ui icon=\"discord-logo\"></avatar-ui>\n    </span>\n    <span slot=\"heading\">\n      <text-ui strong>Discord</text-ui>\n    </span>\n    <span slot=\"action\"></span>\n  </header>\n  <section>\n    <text-ui color=\"subtle\" size=\"sm\">Post notifications to a channel via webhook</text-ui>\n  </section>\n  <section>\n    <col-ui gap=\"4\">\n      <alert-ui\n        variant=\"info\"\n        icon=\"info\"\n        text=\"Create a webhook in your Discord server (Server Settings → Integrations → Webhooks) and paste the URL below.\"\n      ></alert-ui>\n      <divider-ui></divider-ui>\n      <field-ui label=\"Webhook URL\" hint=\"Anyone with this URL can post to the channel. Store it securely.\">\n        <input-ui placeholder=\"https://discord.com/api/webhooks/987654321/abc…\"></input-ui>\n      </field-ui>\n      <row-ui gap=\"2\">\n        <field-ui label=\"Server name\">\n          <input-ui value=\"Acme Community\" readonly grow></input-ui>\n        </field-ui>\n        <field-ui label=\"Guild ID\">\n          <input-ui value=\"1041998742135308288\" readonly grow></input-ui>\n        </field-ui>\n      </row-ui>\n      <field-ui label=\"Target channel\" hint=\"Auto-discovered from the webhook URL.\">\n        <select-ui value=\"deploys\">\n          <option value=\"general\">#general (8,420 members)</option>\n          <option value=\"announcements\">#announcements (8,420 members)</option>\n          <option value=\"deploys\">#deploys (42 members)</option>\n          <option value=\"alerts\">#alerts (18 members)</option>\n          <option value=\"support\">#support (1,284 members)</option>\n          <option value=\"releases\">#releases (8,420 members)</option>\n        </select-ui>\n      </field-ui>\n      <divider-ui></divider-ui>\n      <col-ui gap=\"3\">\n        <text-ui strong>Post 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 deploy succeeds\" inline>\n          <switch-ui></switch-ui>\n        </field-ui>\n        <field-ui label=\"A deploy fails\" inline>\n          <switch-ui checked></switch-ui>\n        </field-ui>\n        <field-ui label=\"A release is published\" inline>\n          <switch-ui checked></switch-ui>\n        </field-ui>\n        <field-ui label=\"An incident is opened\" inline>\n          <switch-ui></switch-ui>\n        </field-ui>\n        <field-ui label=\"Daily summary at 9:00 AM\" 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>Appearance</text-ui>\n        <field-ui label=\"Bot display name\">\n          <input-ui value=\"Acme\"></input-ui>\n        </field-ui>\n        <field-ui label=\"Bot avatar URL\">\n          <input-ui value=\"https://acme.com/bot-avatar.png\" placeholder=\"https://…\"></input-ui>\n        </field-ui>\n        <field-ui label=\"Embed style\">\n          <select-ui value=\"rich\">\n            <option value=\"plain\">Plain text</option>\n            <option value=\"rich\">Rich embed (recommended)</option>\n            <option value=\"compact\">Compact one-line</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=\"Send test message\" icon=\"paper-plane-tilt\" variant=\"ghost\"></button-ui>\n      <button-ui text=\"Connect\" 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-10T17:53:43.459Z"
+  "captured_at": "2026-05-11T18:22:09.722Z"
 }

package/chunks/drawer-figma.json

@@ -11,5 +11,5 @@
   },
   "html": "<drawer-ui id=\"drawer-figma\" side=\"right\" size=\"md\">\n  <header>\n    <span slot=\"icon\">\n      <avatar-ui icon=\"figma-logo\"></avatar-ui>\n    </span>\n    <span slot=\"heading\">\n      <text-ui strong>Figma</text-ui>\n    </span>\n    <span slot=\"action\"></span>\n  </header>\n  <section>\n    <text-ui color=\"subtle\" size=\"sm\">Embed designs and sync frames from your team</text-ui>\n  </section>\n  <section>\n    <col-ui gap=\"4\">\n      <alert-ui\n        variant=\"info\"\n        icon=\"info\"\n        text=\"Sign in with your Figma account. Acme requests read-only access to files you or your team have published.\"\n      ></alert-ui>\n      <divider-ui></divider-ui>\n      <col-ui gap=\"2\">\n        <text-ui strong>Permissions Acme will receive</text-ui>\n        <row-ui gap=\"2\" align=\"center\"><icon-ui name=\"check-circle\" color=\"success\"></icon-ui><text-ui>Read file metadata, pages, and frames</text-ui></row-ui>\n        <row-ui gap=\"2\" align=\"center\"\n          ><icon-ui name=\"check-circle\" color=\"success\"></icon-ui><text-ui>Generate embed URLs for published frames</text-ui></row-ui\n        >\n        <row-ui gap=\"2\" align=\"center\"\n          ><icon-ui name=\"check-circle\" color=\"success\"></icon-ui><text-ui>Receive webhook events when files update</text-ui></row-ui\n        >\n        <row-ui gap=\"2\" align=\"center\"\n          ><icon-ui name=\"x-circle\" color=\"subtle\"></icon-ui><text-ui color=\"subtle\">No edit access · no billing or admin scope</text-ui></row-ui\n        >\n      </col-ui>\n      <divider-ui></divider-ui>\n      <field-ui label=\"Figma team\" hint=\"Populated after OAuth completes.\">\n        <select-ui value=\"design\">\n          <option value=\"design\">Acme · Design</option>\n          <option value=\"marketing\">Acme · Marketing</option>\n          <option value=\"brand\">Acme · Brand</option>\n          <option value=\"engineering\">Acme · Engineering (personal)</option>\n        </select-ui>\n      </field-ui>\n      <field-ui label=\"Project filter\">\n        <select-ui value=\"all\">\n          <option value=\"all\">All projects in selected team</option>\n          <option value=\"published\">Published-only files</option>\n          <option value=\"starred\">Starred projects</option>\n        </select-ui>\n      </field-ui>\n      <divider-ui></divider-ui>\n      <col-ui gap=\"3\">\n        <text-ui strong>Sync behavior</text-ui>\n        <field-ui label=\"Auto-sync frames when a file is published\" inline>\n          <switch-ui checked></switch-ui>\n        </field-ui>\n        <field-ui label=\"Refresh thumbnails every 6 hours\" inline>\n          <switch-ui checked></switch-ui>\n        </field-ui>\n        <field-ui label=\"Include prototype interactions\" inline>\n          <switch-ui></switch-ui>\n        </field-ui>\n        <field-ui label=\"Notify on library publishes\" 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=\"Continue to Figma\" 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-10T17:53:43.459Z"
+  "captured_at": "2026-05-11T18:22:09.722Z"
 }

package/chunks/drawer-first-dashboard.json

@@ -11,5 +11,5 @@
   },
   "html": "<drawer-ui id=\"drawer-first-dashboard\" 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>First dashboard</text-ui>\n        </span>\n        <span slot=\"action\"></span>\n      </header>\n      <section>\n        <text-ui color=\"subtle\" size=\"sm\"\n          >Generated and pinned to your home. Tweak the prompt or pick a template — regenerating won't unpin the existing one.</text-ui\n        >\n      </section>\n      <section>\n        <col-ui gap=\"4\">\n          <field-ui label=\"Current dashboard\">\n            <input-ui value=\"Weekly revenue · 6-month trend\" readonly></input-ui>\n          </field-ui>\n          <field-ui label=\"Or pick a template\">\n            <select-ui value=\"\">\n              <option value=\"\">— Keep current —</option>\n              <option value=\"release-velocity\">Release velocity · 4-week rolling</option>\n              <option value=\"incident-mttr\">Incident MTTR · monthly</option>\n              <option value=\"pr-throughput\">PR throughput · per author</option>\n              <option value=\"deploy-frequency\">Deploy frequency · daily</option>\n              <option value=\"error-rate\">Error rate · last 30 days</option>\n            </select-ui>\n          </field-ui>\n          <divider-ui></divider-ui>\n          <field-ui label=\"Or describe a new one\" hint=\"Plain English. AdiaUI will pick chart types and time ranges.\">\n            <textarea-ui name=\"dashboard-prompt\" placeholder=\"e.g. Top 10 noisiest repos by failed CI runs, last 14 days.\" rows=\"3\"></textarea-ui>\n          </field-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=\"Regenerate\" icon=\"sparkle\" 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-10T17:53:43.459Z"
+  "captured_at": "2026-05-11T18:22:09.722Z"
 }

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-10T17:53:43.459Z"
+  "captured_at": "2026-05-11T18:22:09.722Z"
 }

package/chunks/drawer-github.json

@@ -11,5 +11,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>\n              <icon-ui name=\"git-branch\"></icon-ui>\n              <text-ui grow>acme-corp/web</text-ui>\n              <text-ui color=\"subtle\">2m 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/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-10T17:53:43.459Z"
+  "captured_at": "2026-05-11T18:22:09.722Z"
 }

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-10T17:53:43.459Z"
+  "captured_at": "2026-05-11T18:22:09.722Z"
 }

package/chunks/drawer-payment-method.json

@@ -11,5 +11,5 @@
   },
   "html": "<drawer-ui id=\"drawer-payment-method\" side=\"right\" size=\"md\">\n  <header>\n    <span slot=\"icon\">\n      <avatar-ui icon=\"credit-card\"></avatar-ui>\n    </span>\n    <span slot=\"heading\">\n      <text-ui strong>Update payment method</text-ui>\n    </span>\n    <span slot=\"action\"></span>\n  </header>\n  <section>\n    <text-ui color=\"subtle\" size=\"sm\">Card on file: Visa ending in 4242 · Expires 08/2028</text-ui>\n  </section>\n  <section>\n    <col-ui gap=\"4\">\n      <alert-ui variant=\"info\" icon=\"info\" text=\"Card details are tokenized by Stripe. We never see or store the full number.\"></alert-ui>\n      <divider-ui></divider-ui>\n      <field-ui label=\"Payment method\">\n        <select-ui value=\"card\">\n          <option value=\"card\">Credit or debit card</option>\n          <option value=\"ach\">Bank account (ACH)</option>\n          <option value=\"wire\">Wire transfer (annual only)</option>\n        </select-ui>\n      </field-ui>\n      <field-ui label=\"Card number\">\n        <input-ui placeholder=\"1234 1234 1234 1234\" prefix=\"credit-card\"></input-ui>\n      </field-ui>\n      <row-ui gap=\"2\">\n        <field-ui label=\"Expiry\">\n          <input-ui placeholder=\"MM/YY\" grow></input-ui>\n        </field-ui>\n        <field-ui label=\"CVC\">\n          <input-ui placeholder=\"123\" grow></input-ui>\n        </field-ui>\n      </row-ui>\n      <field-ui label=\"Name on card\">\n        <input-ui placeholder=\"Kim Granlund\"></input-ui>\n      </field-ui>\n      <divider-ui></divider-ui>\n      <col-ui gap=\"3\">\n        <text-ui strong>Billing address</text-ui>\n        <field-ui label=\"Country\">\n          <input-ui value=\"United States\"></input-ui>\n        </field-ui>\n        <field-ui label=\"Street address\">\n          <input-ui value=\"101 Montgomery St\"></input-ui>\n        </field-ui>\n        <row-ui gap=\"2\">\n          <field-ui label=\"City\">\n            <input-ui value=\"San Francisco\" grow></input-ui>\n          </field-ui>\n          <field-ui label=\"State\">\n            <input-ui value=\"CA\" grow></input-ui>\n          </field-ui>\n          <field-ui label=\"ZIP\">\n            <input-ui value=\"94104\" grow></input-ui>\n          </field-ui>\n        </row-ui>\n      </col-ui>\n      <divider-ui></divider-ui>\n      <col-ui gap=\"3\">\n        <text-ui strong>Billing contact</text-ui>\n        <field-ui label=\"Billing email\">\n          <input-ui value=\"billing@acme.com\" prefix=\"@\"></input-ui>\n        </field-ui>\n        <field-ui label=\"Tax ID (VAT / EIN)\">\n          <input-ui placeholder=\"Optional\"></input-ui>\n        </field-ui>\n      </col-ui>\n    </col-ui>\n  </section>\n  <footer slot=\"footer\">\n    <grid-ui>\n      <button-ui text=\"Remove card\" icon=\"trash\" color=\"danger\"></button-ui>\n      <button-ui text=\"Cancel\" variant=\"ghost\" onclick=\"this.closest('drawer-ui').open = false\"></button-ui>\n      <button-ui text=\"Save card\" variant=\"primary\" onclick=\"this.closest('drawer-ui').open = false\"></button-ui>\n    </grid-ui>\n  </footer>\n</drawer-ui>",
   "source": "apps/saas/app/billing/billing.contents.html",
-  "captured_at": "2026-05-10T17:53:43.459Z"
+  "captured_at": "2026-05-11T18:22:09.722Z"
 }