@adia-ai/a2ui-corpus 0.4.3 → 0.4.5

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

@@ -15,5 +15,506 @@
   },
   "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-11T18:22:09.722Z"
+  "metadata": {
+    "domain": "dashboard",
+    "description": "Three-card strip combining team list + quick actions + storage usage card.",
+    "keywords": [
+      "team",
+      "members",
+      "quick",
+      "actions",
+      "storage",
+      "usage",
+      "limits",
+      "sidebar"
+    ],
+    "related": [
+      "dashboard-team-list",
+      "dashboard-quick-actions",
+      "dashboard-storage-card"
+    ],
+    "tags": {
+      "complexity": "moderate",
+      "layout": "row"
+    }
+  },
+  "captured_at": "2026-05-12T13:16:54.281Z",
+  "template": [
+    {
+      "id": "text",
+      "component": "Text",
+      "variant": "h3",
+      "textContent": "Team Members"
+    },
+    {
+      "id": "text-2",
+      "component": "Text",
+      "textContent": "Your active collaborators"
+    },
+    {
+      "id": "header",
+      "component": "Header",
+      "children": [
+        "text",
+        "text-2"
+      ]
+    },
+    {
+      "id": "avatar",
+      "component": "Avatar"
+    },
+    {
+      "id": "text-3",
+      "component": "Text",
+      "textContent": "Alex Chen"
+    },
+    {
+      "id": "badge",
+      "component": "Badge"
+    },
+    {
+      "id": "row-2",
+      "component": "Row",
+      "gap": "0",
+      "children": [
+        "text-3",
+        "badge"
+      ]
+    },
+    {
+      "id": "text-4",
+      "component": "Text",
+      "textContent": "Engineering Lead"
+    },
+    {
+      "id": "column",
+      "component": "Column",
+      "gap": "0",
+      "children": [
+        "row-2",
+        "text-4"
+      ]
+    },
+    {
+      "id": "row",
+      "component": "Row",
+      "gap": "2",
+      "children": [
+        "avatar",
+        "column"
+      ]
+    },
+    {
+      "id": "list-item",
+      "component": "ListItem",
+      "children": [
+        "row"
+      ]
+    },
+    {
+      "id": "avatar-2",
+      "component": "Avatar"
+    },
+    {
+      "id": "text-5",
+      "component": "Text",
+      "textContent": "Sarah Miller"
+    },
+    {
+      "id": "badge-2",
+      "component": "Badge"
+    },
+    {
+      "id": "row-4",
+      "component": "Row",
+      "gap": "0",
+      "children": [
+        "text-5",
+        "badge-2"
+      ]
+    },
+    {
+      "id": "text-6",
+      "component": "Text",
+      "textContent": "Product Designer"
+    },
+    {
+      "id": "column-2",
+      "component": "Column",
+      "gap": "0",
+      "children": [
+        "row-4",
+        "text-6"
+      ]
+    },
+    {
+      "id": "row-3",
+      "component": "Row",
+      "gap": "2",
+      "children": [
+        "avatar-2",
+        "column-2"
+      ]
+    },
+    {
+      "id": "list-item-2",
+      "component": "ListItem",
+      "children": [
+        "row-3"
+      ]
+    },
+    {
+      "id": "avatar-3",
+      "component": "Avatar"
+    },
+    {
+      "id": "text-7",
+      "component": "Text",
+      "textContent": "James Park"
+    },
+    {
+      "id": "badge-3",
+      "component": "Badge"
+    },
+    {
+      "id": "row-6",
+      "component": "Row",
+      "gap": "0",
+      "children": [
+        "text-7",
+        "badge-3"
+      ]
+    },
+    {
+      "id": "text-8",
+      "component": "Text",
+      "textContent": "Backend Engineer"
+    },
+    {
+      "id": "column-3",
+      "component": "Column",
+      "gap": "0",
+      "children": [
+        "row-6",
+        "text-8"
+      ]
+    },
+    {
+      "id": "row-5",
+      "component": "Row",
+      "gap": "2",
+      "children": [
+        "avatar-3",
+        "column-3"
+      ]
+    },
+    {
+      "id": "list-item-3",
+      "component": "ListItem",
+      "children": [
+        "row-5"
+      ]
+    },
+    {
+      "id": "avatar-4",
+      "component": "Avatar"
+    },
+    {
+      "id": "text-9",
+      "component": "Text",
+      "textContent": "Maria Lopez"
+    },
+    {
+      "id": "badge-4",
+      "component": "Badge"
+    },
+    {
+      "id": "row-8",
+      "component": "Row",
+      "gap": "0",
+      "children": [
+        "text-9",
+        "badge-4"
+      ]
+    },
+    {
+      "id": "text-10",
+      "component": "Text",
+      "textContent": "Data Analyst"
+    },
+    {
+      "id": "column-4",
+      "component": "Column",
+      "gap": "0",
+      "children": [
+        "row-8",
+        "text-10"
+      ]
+    },
+    {
+      "id": "row-7",
+      "component": "Row",
+      "gap": "2",
+      "children": [
+        "avatar-4",
+        "column-4"
+      ]
+    },
+    {
+      "id": "list-item-4",
+      "component": "ListItem",
+      "children": [
+        "row-7"
+      ]
+    },
+    {
+      "id": "list",
+      "component": "List",
+      "children": [
+        "list-item",
+        "list-item-2",
+        "list-item-3",
+        "list-item-4"
+      ]
+    },
+    {
+      "id": "section",
+      "component": "Section",
+      "children": [
+        "column-5"
+      ]
+    },
+    {
+      "id": "column-5",
+      "component": "Column",
+      "children": [
+        "list"
+      ]
+    },
+    {
+      "id": "card-2",
+      "component": "Card",
+      "children": [
+        "header",
+        "section"
+      ]
+    },
+    {
+      "id": "column-6",
+      "component": "Column",
+      "children": [
+        "card-2"
+      ]
+    },
+    {
+      "id": "section-2",
+      "component": "Section",
+      "children": [
+        "column-6"
+      ]
+    },
+    {
+      "id": "card",
+      "component": "Card",
+      "children": [
+        "section-2"
+      ]
+    },
+    {
+      "id": "text-11",
+      "component": "Text",
+      "variant": "h3",
+      "textContent": "Quick Actions"
+    },
+    {
+      "id": "header-2",
+      "component": "Header",
+      "children": [
+        "text-11"
+      ]
+    },
+    {
+      "id": "action-item",
+      "component": "ActionItem"
+    },
+    {
+      "id": "action-item-2",
+      "component": "ActionItem"
+    },
+    {
+      "id": "action-item-3",
+      "component": "ActionItem"
+    },
+    {
+      "id": "action-item-4",
+      "component": "ActionItem"
+    },
+    {
+      "id": "action-item-5",
+      "component": "ActionItem"
+    },
+    {
+      "id": "action-item-6",
+      "component": "ActionItem"
+    },
+    {
+      "id": "action-list",
+      "component": "ActionList",
+      "children": [
+        "action-item",
+        "action-item-2",
+        "action-item-3",
+        "action-item-4",
+        "action-item-5",
+        "action-item-6"
+      ]
+    },
+    {
+      "id": "section-3",
+      "component": "Section",
+      "children": [
+        "column-7"
+      ]
+    },
+    {
+      "id": "column-7",
+      "component": "Column",
+      "children": [
+        "action-list"
+      ]
+    },
+    {
+      "id": "card-4",
+      "component": "Card",
+      "children": [
+        "header-2",
+        "section-3"
+      ]
+    },
+    {
+      "id": "column-8",
+      "component": "Column",
+      "children": [
+        "card-4"
+      ]
+    },
+    {
+      "id": "section-4",
+      "component": "Section",
+      "children": [
+        "column-8"
+      ]
+    },
+    {
+      "id": "card-3",
+      "component": "Card",
+      "children": [
+        "section-4"
+      ]
+    },
+    {
+      "id": "text-12",
+      "component": "Text",
+      "variant": "h3",
+      "textContent": "Storage"
+    },
+    {
+      "id": "text-13",
+      "component": "Text",
+      "textContent": "75% of 100 GB used"
+    },
+    {
+      "id": "header-3",
+      "component": "Header",
+      "children": [
+        "text-12",
+        "text-13"
+      ]
+    },
+    {
+      "id": "column-10",
+      "component": "Column"
+    },
+    {
+      "id": "column-11",
+      "component": "Column"
+    },
+    {
+      "id": "column-12",
+      "component": "Column"
+    },
+    {
+      "id": "column-13",
+      "component": "Column"
+    },
+    {
+      "id": "column-9",
+      "component": "Column",
+      "gap": "2",
+      "children": [
+        "column-10",
+        "column-11",
+        "column-12",
+        "column-13"
+      ]
+    },
+    {
+      "id": "section-5",
+      "component": "Section",
+      "children": [
+        "column-9"
+      ]
+    },
+    {
+      "id": "button",
+      "component": "Button"
+    },
+    {
+      "id": "footer",
+      "component": "Footer",
+      "children": [
+        "button"
+      ]
+    },
+    {
+      "id": "card-6",
+      "component": "Card",
+      "children": [
+        "header-3",
+        "section-5",
+        "footer"
+      ]
+    },
+    {
+      "id": "column-14",
+      "component": "Column",
+      "children": [
+        "card-6"
+      ]
+    },
+    {
+      "id": "section-6",
+      "component": "Section",
+      "children": [
+        "column-14"
+      ]
+    },
+    {
+      "id": "card-5",
+      "component": "Card",
+      "children": [
+        "section-6"
+      ]
+    },
+    {
+      "id": "root",
+      "component": "Grid",
+      "gap": "4",
+      "children": [
+        "card",
+        "card-3",
+        "card-5"
+      ]
+    }
+  ]
 }

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-11T18:22:09.722Z"
+  "captured_at": "2026-05-12T13:16:54.281Z"
 }

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-11T18:22:09.722Z"
+  "captured_at": "2026-05-12T13:16:54.281Z"
 }

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-11T18:22:09.722Z"
+  "captured_at": "2026-05-12T13:16:54.281Z"
 }

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-11T18:22:09.722Z"
+  "captured_at": "2026-05-12T13:16:54.281Z"
 }

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-11T18:22:09.722Z"
+  "captured_at": "2026-05-12T13:16:54.281Z"
 }

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-11T18:22:09.722Z"
+  "captured_at": "2026-05-12T13:16:54.281Z"
 }

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-11T18:22:09.722Z"
+  "captured_at": "2026-05-12T13:16:54.281Z"
 }

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-11T18:22:09.722Z"
+  "captured_at": "2026-05-12T13:16:54.281Z"
 }

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-11T18:22:09.722Z"
+  "captured_at": "2026-05-12T13:16:54.281Z"
 }

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-11T18:22:09.722Z"
+  "captured_at": "2026-05-12T13:16:54.281Z"
 }