@adia-ai/a2ui-corpus 0.6.36 → 0.6.38

package/chunks/drawer-cancel-sub.json

@@ -9,7 +9,7 @@
     "side": "right",
     "size": "md"
   },
-  "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\" size=\"sm\"></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>",
+  "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\" size=\"sm\"></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      <!-- Save offer — shown BEFORE the reason picker; the canonical\n           \"retention\" step in a cancellation flow. Three alternatives\n           to outright cancellation, each addressing a common reason\n           (cost / temporary break / feature gap). Clicking any one\n           closes the drawer and would route to the corresponding\n           apply-discount / pause / downgrade flow in a real app. -->\n      <col-ui gap=\"3\">\n        <text-ui strong>Before you go — try one of these instead</text-ui>\n        <list-ui divider>\n          <list-item-ui>\n            <card-ui>\n              <header>\n                <span slot=\"icon\"><icon-ui name=\"percent\"></icon-ui></span>\n                <span slot=\"heading\">\n                  <text-ui strong>Save 30% for 3 months</text-ui>\n                  <badge-ui text=\"One-time offer\" variant=\"success\"></badge-ui>\n                </span>\n                <span slot=\"description\">\n                  <text-ui color=\"subtle\" size=\"sm\">Your Pro plan drops from $49/mo to $34/mo through Aug 14, 2026.</text-ui>\n                </span>\n                <span slot=\"action\">\n                  <button-ui text=\"Apply discount\" variant=\"primary\" size=\"sm\" onclick=\"this.closest('drawer-ui').open = false\"></button-ui>\n                </span>\n              </header>\n            </card-ui>\n          </list-item-ui>\n          <list-item-ui>\n            <card-ui>\n              <header>\n                <span slot=\"icon\"><icon-ui name=\"pause\"></icon-ui></span>\n                <span slot=\"heading\">\n                  <text-ui strong>Pause for 1 month</text-ui>\n                </span>\n                <span slot=\"description\">\n                  <text-ui color=\"subtle\" size=\"sm\">Workspace stays accessible read-only. No charge during the pause; resume anytime.</text-ui>\n                </span>\n                <span slot=\"action\">\n                  <button-ui text=\"Pause plan\" variant=\"outline\" size=\"sm\" onclick=\"this.closest('drawer-ui').open = false\"></button-ui>\n                </span>\n              </header>\n            </card-ui>\n          </list-item-ui>\n          <list-item-ui>\n            <card-ui>\n              <header>\n                <span slot=\"icon\"><icon-ui name=\"arrow-down\"></icon-ui></span>\n                <span slot=\"heading\">\n                  <text-ui strong>Downgrade to Free</text-ui>\n                </span>\n                <span slot=\"description\">\n                  <text-ui color=\"subtle\" size=\"sm\">Keep core features at no cost. 3-conversation limit, basic charts, community support.</text-ui>\n                </span>\n                <span slot=\"action\">\n                  <button-ui text=\"Switch to Free\" variant=\"outline\" size=\"sm\" onclick=\"this.closest('drawer-ui').open = false\"></button-ui>\n                </span>\n              </header>\n            </card-ui>\n          </list-item-ui>\n        </list-ui>\n      </col-ui>\n      <divider-ui></divider-ui>\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",
   "metadata": {
     "domain": "settings",
@@ -24,7 +24,7 @@
       "form"
     ]
   },
-  "captured_at": "2026-05-24T03:39:39.094Z",
+  "captured_at": "2026-05-26T04:00:28.271Z",
   "template": [
     {
       "id": "text",
@@ -66,6 +66,173 @@
         "text-4"
       ]
     },
+    {
+      "id": "text-5",
+      "component": "Text",
+      "strong": true,
+      "textContent": "Before you go — try one of these instead"
+    },
+    {
+      "id": "text-6",
+      "component": "Text",
+      "variant": "body"
+    },
+    {
+      "id": "text-7",
+      "component": "Text",
+      "variant": "body",
+      "textContent": "Save 30% for 3 months"
+    },
+    {
+      "id": "text-8",
+      "component": "Text",
+      "variant": "body",
+      "textContent": "Your Pro plan drops from $49/mo to $34/mo through Aug 14, 2026."
+    },
+    {
+      "id": "text-9",
+      "component": "Text",
+      "variant": "body"
+    },
+    {
+      "id": "header-2",
+      "component": "Header",
+      "children": [
+        "text-6",
+        "text-7",
+        "text-8",
+        "text-9"
+      ]
+    },
+    {
+      "id": "card",
+      "component": "Card",
+      "children": [
+        "header-2"
+      ]
+    },
+    {
+      "id": "list-item",
+      "component": "ListItem",
+      "children": [
+        "card"
+      ]
+    },
+    {
+      "id": "text-10",
+      "component": "Text",
+      "variant": "body"
+    },
+    {
+      "id": "text-11",
+      "component": "Text",
+      "variant": "body",
+      "textContent": "Pause for 1 month"
+    },
+    {
+      "id": "text-12",
+      "component": "Text",
+      "variant": "body",
+      "textContent": "Workspace stays accessible read-only. No charge during the pause; resume anytime."
+    },
+    {
+      "id": "text-13",
+      "component": "Text",
+      "variant": "body"
+    },
+    {
+      "id": "header-3",
+      "component": "Header",
+      "children": [
+        "text-10",
+        "text-11",
+        "text-12",
+        "text-13"
+      ]
+    },
+    {
+      "id": "card-2",
+      "component": "Card",
+      "children": [
+        "header-3"
+      ]
+    },
+    {
+      "id": "list-item-2",
+      "component": "ListItem",
+      "children": [
+        "card-2"
+      ]
+    },
+    {
+      "id": "text-14",
+      "component": "Text",
+      "variant": "body"
+    },
+    {
+      "id": "text-15",
+      "component": "Text",
+      "variant": "body",
+      "textContent": "Downgrade to Free"
+    },
+    {
+      "id": "text-16",
+      "component": "Text",
+      "variant": "body",
+      "textContent": "Keep core features at no cost. 3-conversation limit, basic charts, community support."
+    },
+    {
+      "id": "text-17",
+      "component": "Text",
+      "variant": "body"
+    },
+    {
+      "id": "header-4",
+      "component": "Header",
+      "children": [
+        "text-14",
+        "text-15",
+        "text-16",
+        "text-17"
+      ]
+    },
+    {
+      "id": "card-3",
+      "component": "Card",
+      "children": [
+        "header-4"
+      ]
+    },
+    {
+      "id": "list-item-3",
+      "component": "ListItem",
+      "children": [
+        "card-3"
+      ]
+    },
+    {
+      "id": "list",
+      "component": "List",
+      "divider": true,
+      "children": [
+        "list-item",
+        "list-item-2",
+        "list-item-3"
+      ]
+    },
+    {
+      "id": "column-2",
+      "component": "Column",
+      "gap": "3",
+      "children": [
+        "text-5",
+        "list"
+      ]
+    },
+    {
+      "id": "divider",
+      "component": "Divider"
+    },
     {
       "id": "alert",
       "component": "Alert",
@@ -74,11 +241,11 @@
       "variant": "danger"
     },
     {
-      "id": "divider",
+      "id": "divider-2",
       "component": "Divider"
     },
     {
-      "id": "text-5",
+      "id": "text-18",
       "component": "Text",
       "strong": true,
       "textContent": "What happens on May 14"
@@ -89,7 +256,7 @@
       "name": "x-circle"
     },
     {
-      "id": "text-6",
+      "id": "text-19",
       "component": "Text",
       "textContent": "Advanced charts become view-only"
     },
@@ -100,7 +267,7 @@
       "gap": "2",
       "children": [
         "x-circle",
-        "text-6"
+        "text-19"
       ]
     },
     {
@@ -109,7 +276,7 @@
       "name": "x-circle"
     },
     {
-      "id": "text-7",
+      "id": "text-20",
       "component": "Text",
       "textContent": "API key quota drops from 1M to 10K/month"
     },
@@ -120,7 +287,7 @@
       "gap": "2",
       "children": [
         "icon",
-        "text-7"
+        "text-20"
       ]
     },
     {
@@ -129,7 +296,7 @@
       "name": "x-circle"
     },
     {
-      "id": "text-8",
+      "id": "text-21",
       "component": "Text",
       "textContent": "Priority support downgrades to community"
     },
@@ -140,7 +307,7 @@
       "gap": "2",
       "children": [
         "icon-2",
-        "text-8"
+        "text-21"
       ]
     },
     {
@@ -149,7 +316,7 @@
       "name": "check-circle"
     },
     {
-      "id": "text-9",
+      "id": "text-22",
       "component": "Text",
       "textContent": "Workspace, members, and history remain"
     },
@@ -160,15 +327,15 @@
       "gap": "2",
       "children": [
         "check-circle",
-        "text-9"
+        "text-22"
       ]
     },
     {
-      "id": "column-2",
+      "id": "column-3",
       "component": "Column",
       "gap": "2",
       "children": [
-        "text-5",
+        "text-18",
         "row",
         "row-2",
         "row-3",
@@ -176,47 +343,47 @@
       ]
     },
     {
-      "id": "divider-2",
+      "id": "divider-3",
       "component": "Divider"
     },
     {
-      "id": "text-10",
+      "id": "text-23",
       "component": "Text",
       "textContent": "Select a reason",
       "variant": "body"
     },
     {
-      "id": "text-11",
+      "id": "text-24",
       "component": "Text",
       "textContent": "Too expensive",
       "variant": "body"
     },
     {
-      "id": "text-12",
+      "id": "text-25",
       "component": "Text",
       "textContent": "Missing features I need",
       "variant": "body"
     },
     {
-      "id": "text-13",
+      "id": "text-26",
       "component": "Text",
       "textContent": "Switching to another tool",
       "variant": "body"
     },
     {
-      "id": "text-14",
+      "id": "text-27",
       "component": "Text",
       "textContent": "Not using it enough",
       "variant": "body"
     },
     {
-      "id": "text-15",
+      "id": "text-28",
       "component": "Text",
       "textContent": "Taking a break, may return",
       "variant": "body"
     },
     {
-      "id": "text-16",
+      "id": "text-29",
       "component": "Text",
       "textContent": "Other",
       "variant": "body"
@@ -225,13 +392,13 @@
       "id": "choice-picker",
       "component": "ChoicePicker",
       "children": [
-        "text-10",
-        "text-11",
-        "text-12",
-        "text-13",
-        "text-14",
-        "text-15",
-        "text-16"
+        "text-23",
+        "text-24",
+        "text-25",
+        "text-26",
+        "text-27",
+        "text-28",
+        "text-29"
       ]
     },
     {
@@ -257,7 +424,7 @@
       ]
     },
     {
-      "id": "divider-3",
+      "id": "divider-4",
       "component": "Divider"
     },
     {
@@ -278,13 +445,15 @@
       "component": "Column",
       "gap": "4",
       "children": [
-        "alert",
-        "divider",
         "column-2",
+        "divider",
+        "alert",
         "divider-2",
+        "column-3",
+        "divider-3",
         "field",
         "field-2",
-        "divider-3",
+        "divider-4",
         "field-3"
       ]
     },

package/chunks/drawer-change-plan.json

@@ -24,7 +24,7 @@
       "downgrade"
     ]
   },
-  "captured_at": "2026-05-24T03:39:39.094Z",
+  "captured_at": "2026-05-26T04:00:28.271Z",
   "template": [
     {
       "id": "text",

package/chunks/drawer-custom-roles.json

@@ -27,7 +27,7 @@
       "control"
     ]
   },
-  "captured_at": "2026-05-24T03:39:39.094Z",
+  "captured_at": "2026-05-26T04:00:28.271Z",
   "template": [
     {
       "id": "text",

package/chunks/drawer-data-start.json

@@ -25,7 +25,7 @@
       "onboarding"
     ]
   },
-  "captured_at": "2026-05-24T03:39:39.094Z",
+  "captured_at": "2026-05-26T04:00:28.271Z",
   "template": [
     {
       "id": "text",

package/chunks/drawer-delete-account.json

@@ -24,7 +24,7 @@
       "export"
     ]
   },
-  "captured_at": "2026-05-24T03:39:39.094Z",
+  "captured_at": "2026-05-26T04:00:28.271Z",
   "template": [
     {
       "id": "text",

package/chunks/drawer-delete-workspace.json

@@ -24,7 +24,7 @@
       "permanent"
     ]
   },
-  "captured_at": "2026-05-24T03:39:39.094Z",
+  "captured_at": "2026-05-26T04:00:28.271Z",
   "template": [
     {
       "id": "text",

package/chunks/drawer-discord.json

@@ -24,7 +24,7 @@
       "setup"
     ]
   },
-  "captured_at": "2026-05-24T03:39:39.094Z",
+  "captured_at": "2026-05-26T04:00:28.271Z",
   "template": [
     {
       "id": "text",

package/chunks/drawer-figma.json

@@ -25,7 +25,7 @@
       "api"
     ]
   },
-  "captured_at": "2026-05-24T03:39:39.094Z",
+  "captured_at": "2026-05-26T04:00:28.271Z",
   "template": [
     {
       "id": "text",

package/chunks/drawer-first-dashboard.json

@@ -25,7 +25,7 @@
       "guide"
     ]
   },
-  "captured_at": "2026-05-24T03:39:39.094Z",
+  "captured_at": "2026-05-26T04:00:28.271Z",
   "template": [
     {
       "id": "text",

package/chunks/drawer-gcal.json

@@ -25,7 +25,7 @@
       "events"
     ]
   },
-  "captured_at": "2026-05-24T03:39:39.094Z",
+  "captured_at": "2026-05-26T04:00:28.271Z",
   "template": [
     {
       "id": "text",

package/chunks/drawer-github.json

@@ -27,7 +27,7 @@
       "requests"
     ]
   },
-  "captured_at": "2026-05-24T03:39:39.094Z",
+  "captured_at": "2026-05-26T04:00:28.271Z",
   "template": [
     {
       "id": "text",

package/chunks/drawer-invite.json

@@ -26,7 +26,7 @@
       "members"
     ]
   },
-  "captured_at": "2026-05-24T03:39:39.094Z",
+  "captured_at": "2026-05-26T04:00:28.271Z",
   "template": [
     {
       "id": "text",

package/chunks/drawer-payment-method.json

@@ -26,7 +26,7 @@
       "form"
     ]
   },
-  "captured_at": "2026-05-24T03:39:39.094Z",
+  "captured_at": "2026-05-26T04:00:28.271Z",
   "template": [
     {
       "id": "text",

package/chunks/drawer-report.json

@@ -24,7 +24,7 @@
       "analytics"
     ]
   },
-  "captured_at": "2026-05-24T03:39:39.094Z",
+  "captured_at": "2026-05-26T04:00:28.271Z",
   "template": [
     {
       "id": "text",

package/chunks/drawer-revoke-session.json

@@ -25,7 +25,7 @@
       "active"
     ]
   },
-  "captured_at": "2026-05-24T03:39:39.094Z",
+  "captured_at": "2026-05-26T04:00:28.271Z",
   "template": [
     {
       "id": "text",

package/chunks/drawer-role.json

@@ -25,7 +25,7 @@
       "settings"
     ]
   },
-  "captured_at": "2026-05-24T03:39:39.094Z",
+  "captured_at": "2026-05-26T04:00:28.271Z",
   "template": [
     {
       "id": "text",

package/chunks/drawer-slack.json

@@ -24,7 +24,7 @@
       "setup"
     ]
   },
-  "captured_at": "2026-05-24T03:39:39.094Z",
+  "captured_at": "2026-05-26T04:00:28.271Z",
   "template": [
     {
       "id": "text",

package/chunks/drawer-smtp.json

@@ -26,7 +26,7 @@
       "custom"
     ]
   },
-  "captured_at": "2026-05-24T03:39:39.094Z",
+  "captured_at": "2026-05-26T04:00:28.271Z",
   "template": [
     {
       "id": "text",

package/chunks/drawer-source.json

@@ -24,7 +24,7 @@
       "onboarding"
     ]
   },
-  "captured_at": "2026-05-24T03:39:39.094Z",
+  "captured_at": "2026-05-26T04:00:28.271Z",
   "template": [
     {
       "id": "text",

package/chunks/drawer-transaction.json

@@ -24,7 +24,7 @@
       "status"
     ]
   },
-  "captured_at": "2026-05-24T03:39:39.094Z",
+  "captured_at": "2026-05-26T04:00:28.271Z",
   "template": [
     {
       "id": "text",

package/chunks/editor-code-pane.json

@@ -23,7 +23,7 @@
       "codemirror"
     ]
   },
-  "captured_at": "2026-05-24T03:39:39.094Z",
+  "captured_at": "2026-05-26T04:00:28.271Z",
   "template": [
     {
       "id": "button",

package/chunks/editor-page-shell.json

@@ -32,7 +32,7 @@
       "multi-panel"
     ]
   },
-  "captured_at": "2026-05-24T03:39:39.094Z",
+  "captured_at": "2026-05-26T04:00:28.271Z",
   "template": [
     {
       "id": "button",

package/chunks/editor-preview-pane.json

@@ -22,7 +22,7 @@
       "split-pane"
     ]
   },
-  "captured_at": "2026-05-24T03:39:39.094Z",
+  "captured_at": "2026-05-26T04:00:28.271Z",
   "template": [
     {
       "id": "text",

package/chunks/empty-state-danger.json

@@ -26,7 +26,7 @@
       "state"
     ]
   },
-  "captured_at": "2026-05-24T03:39:39.094Z",
+  "captured_at": "2026-05-26T04:00:28.271Z",
   "template": [
     {
       "id": "button",

package/chunks/empty-state-minimal.json

@@ -23,7 +23,7 @@
       "no-results"
     ]
   },
-  "captured_at": "2026-05-24T03:39:39.094Z",
+  "captured_at": "2026-05-26T04:00:28.271Z",
   "template": [
     {
       "id": "empty-state",

package/chunks/empty-state-warning.json

@@ -22,7 +22,7 @@
       "forbidden"
     ]
   },
-  "captured_at": "2026-05-24T03:39:39.094Z",
+  "captured_at": "2026-05-26T04:00:28.271Z",
   "template": [
     {
       "id": "button",