@adia-ai/a2ui-corpus 0.6.40 → 0.6.42

package/chunks/notification-toast-row.json

@@ -1,31 +1,38 @@
 {
   "name": "notification-toast-row",
   "kind": "block",
-  "primary": "section",
+  "primary": "col-ui",
   "page": "/catalog/ui-patterns/v050-mode-c-blocks/v050-mode-c-blocks.contents.html",
   "slots": [],
   "nested": [],
-  "attrs": {},
-  "html": "<section>\n    <col-ui gap=\"2\">\n      <alert-ui variant=\"success\">\n        <row-ui gap=\"3\" align=\"center\">\n          <icon-ui name=\"check-circle\" color=\"success\"></icon-ui>\n          <text-ui>Changes saved successfully.</text-ui>\n          <button-ui icon=\"x\" variant=\"ghost\" size=\"sm\" aria-label=\"Dismiss\"></button-ui>\n        </row-ui>\n      </alert-ui>\n      <alert-ui variant=\"info\">\n        <row-ui gap=\"3\" align=\"center\">\n          <icon-ui name=\"info\" color=\"info\"></icon-ui>\n          <text-ui>New version available. Refresh to apply.</text-ui>\n          <button-ui icon=\"x\" variant=\"ghost\" size=\"sm\" aria-label=\"Dismiss\"></button-ui>\n        </row-ui>\n      </alert-ui>\n      <alert-ui variant=\"danger\">\n        <row-ui gap=\"3\" align=\"center\">\n          <icon-ui name=\"x-circle\" color=\"danger\"></icon-ui>\n          <text-ui>Could not connect to server. Retry?</text-ui>\n          <button-ui text=\"Retry\" variant=\"ghost\" size=\"sm\"></button-ui>\n        </row-ui>\n      </alert-ui>\n    </col-ui>\n  </section>",
+  "attrs": {
+    "gap": "2"
+  },
+  "html": "<col-ui gap=\"2\">\n    <alert-ui variant=\"success\">\n      <row-ui gap=\"3\" align=\"center\">\n        <icon-ui name=\"check-circle\" color=\"success\"></icon-ui>\n        <text-ui>Changes saved successfully.</text-ui>\n        <button-ui icon=\"x\" variant=\"ghost\" size=\"sm\" aria-label=\"Dismiss\"></button-ui>\n      </row-ui>\n    </alert-ui>\n    <alert-ui variant=\"warning\">\n      <row-ui gap=\"3\" align=\"center\">\n        <icon-ui name=\"warning\" color=\"warning\"></icon-ui>\n        <text-ui>Your session will expire in 5 minutes.</text-ui>\n        <button-ui icon=\"x\" variant=\"ghost\" size=\"sm\" aria-label=\"Dismiss\"></button-ui>\n      </row-ui>\n    </alert-ui>\n    <alert-ui variant=\"danger\">\n      <row-ui gap=\"3\" align=\"center\">\n        <icon-ui name=\"x-circle\" color=\"danger\"></icon-ui>\n        <text-ui>Could not connect to server. Retry?</text-ui>\n        <button-ui text=\"Retry\" variant=\"ghost\" size=\"sm\"></button-ui>\n      </row-ui>\n    </alert-ui>\n  </col-ui>",
   "source": "catalog/ui-patterns/v050-mode-c-blocks/v050-mode-c-blocks.contents.html",
   "metadata": {
     "domain": "agent",
-    "description": "Stack of toast notification variants — success, info, warning, danger — with icon, message, and close button each.",
+    "description": "Toast notification stack with success, warning, and error variants and dismiss buttons.",
     "keywords": [
       "toast",
       "notification",
+      "stack",
+      "success",
+      "warning",
+      "error",
+      "variants",
+      "dismiss",
+      "buttons",
       "snackbar",
       "alert",
       "flash",
       "banner",
       "ephemeral",
       "feedback",
-      "success",
-      "warning",
-      "error"
+      "toast-stack"
     ]
   },
-  "captured_at": "2026-05-26T04:00:28.271Z",
+  "captured_at": "2026-05-27T03:59:46.910Z",
   "template": [
     {
       "id": "check-circle",
@@ -65,14 +72,14 @@
       ]
     },
     {
-      "id": "info",
+      "id": "warning",
       "component": "Icon",
-      "name": "info"
+      "name": "warning"
     },
     {
       "id": "text-2",
       "component": "Text",
-      "textContent": "New version available. Refresh to apply."
+      "textContent": "Your session will expire in 5 minutes."
     },
     {
       "id": "button",
@@ -88,7 +95,7 @@
       "align": "center",
       "gap": "3",
       "children": [
-        "info",
+        "warning",
         "text-2",
         "button"
       ]
@@ -96,7 +103,7 @@
     {
       "id": "alert-2",
       "component": "Alert",
-      "variant": "info",
+      "variant": "warning",
       "children": [
         "row-2"
       ]
@@ -138,7 +145,7 @@
       ]
     },
     {
-      "id": "column",
+      "id": "root",
       "component": "Column",
       "gap": "2",
       "children": [
@@ -146,13 +153,6 @@
         "alert-2",
         "alert-3"
       ]
-    },
-    {
-      "id": "root",
-      "component": "Section",
-      "children": [
-        "column"
-      ]
     }
   ]
 }

package/chunks/onb-completion.json

@@ -23,7 +23,7 @@
       "started"
     ]
   },
-  "captured_at": "2026-05-26T04:00:28.271Z",
+  "captured_at": "2026-05-27T03:59:46.910Z",
   "template": [
     {
       "id": "timeline-item",

package/chunks/onb-extension-install.json

@@ -23,7 +23,7 @@
       "setup"
     ]
   },
-  "captured_at": "2026-05-26T04:00:28.271Z",
+  "captured_at": "2026-05-27T03:59:46.910Z",
   "template": [
     {
       "id": "puzzle-piece",

package/chunks/onb-hero-welcome.json

@@ -23,7 +23,7 @@
       "screen"
     ]
   },
-  "captured_at": "2026-05-26T04:00:28.271Z",
+  "captured_at": "2026-05-27T03:59:46.910Z",
   "template": [
     {
       "id": "text",

package/chunks/onb-import-picker.json

@@ -23,7 +23,7 @@
       "connect"
     ]
   },
-  "captured_at": "2026-05-26T04:00:28.271Z",
+  "captured_at": "2026-05-27T03:59:46.910Z",
   "template": [
     {
       "id": "data-mode",

package/chunks/onb-mobile-handoff.json

@@ -24,7 +24,7 @@
       "continue"
     ]
   },
-  "captured_at": "2026-05-26T04:00:28.271Z",
+  "captured_at": "2026-05-27T03:59:46.910Z",
   "template": [
     {
       "id": "qr-code",

package/chunks/onb-notification-prefs.json

@@ -25,7 +25,7 @@
       "push"
     ]
   },
-  "captured_at": "2026-05-26T04:00:28.271Z",
+  "captured_at": "2026-05-27T03:59:46.910Z",
   "template": [
     {
       "id": "notify",

package/chunks/onb-persona-picker.json

@@ -24,7 +24,7 @@
       "designer"
     ]
   },
-  "captured_at": "2026-05-26T04:00:28.271Z",
+  "captured_at": "2026-05-27T03:59:46.910Z",
   "template": [
     {
       "id": "mode",

package/chunks/onb-provider-tiles.json

@@ -23,7 +23,7 @@
       "setup"
     ]
   },
-  "captured_at": "2026-05-26T04:00:28.271Z",
+  "captured_at": "2026-05-27T03:59:46.910Z",
   "template": [
     {
       "id": "source",

package/chunks/onb-settings-review.json

@@ -22,7 +22,7 @@
       "finish"
     ]
   },
-  "captured_at": "2026-05-26T04:00:28.271Z",
+  "captured_at": "2026-05-27T03:59:46.910Z",
   "template": [
     {
       "id": "text",

package/chunks/onb-step-footer.json

@@ -104,7 +104,7 @@
       "html": "<footer data-chunk-slot=\"page-footer\">\n          <step-progress-ui value=\"1\" total=\"10\" caption=\"Step 1 of 10\"></step-progress-ui>\n          <div data-onb-actions>\n            <button-ui text=\"Get started\" variant=\"primary\" type=\"submit\"></button-ui>\n          </div>\n        </footer>"
     }
   ],
-  "captured_at": "2026-05-26T04:00:28.271Z",
+  "captured_at": "2026-05-27T03:59:46.910Z",
   "metadata": {
     "domain": "onboarding",
     "description": "Onboarding step footer — back / next navigation controls for multi-step flow.",

package/chunks/onb-step-header.json

@@ -104,7 +104,7 @@
       "html": "<header data-onb-heading data-chunk-slot=\"page-header\">\n          <h1>Let's get you set up</h1>\n          <text-ui color=\"subtle\">A quick guided tour. Everything is changeable in settings later.</text-ui>\n        </header>"
     }
   ],
-  "captured_at": "2026-05-26T04:00:28.271Z",
+  "captured_at": "2026-05-27T03:59:46.910Z",
   "metadata": {
     "domain": "onboarding",
     "description": "Onboarding step header — step number, title, and context for current flow step.",

package/chunks/onb-step-progress.json

@@ -124,7 +124,7 @@
       "html": "<step-progress-ui value=\"1\" total=\"10\" caption=\"Step 1 of 10\"></step-progress-ui>"
     }
   ],
-  "captured_at": "2026-05-26T04:00:28.271Z",
+  "captured_at": "2026-05-27T03:59:46.910Z",
   "metadata": {
     "domain": "onboarding",
     "description": "Onboarding progress stepper — visual indicator of current and remaining setup steps.",

package/chunks/onb-step-shell.json

@@ -65,7 +65,7 @@
       "layout": "page"
     }
   },
-  "captured_at": "2026-05-26T04:00:28.271Z",
+  "captured_at": "2026-05-27T03:59:46.910Z",
   "template": [
     {
       "id": "image",

package/chunks/onb-story-pane.json

@@ -104,7 +104,7 @@
       "html": "<aside data-onb-story data-chunk-slot=\"page-story\">\n        <a data-onb-brand href=\"/\" aria-label=\"AdiaUI home\">\n          <image-ui src=\"/icons/agent-ui-light.svg\" alt=\"\" aria-hidden=\"true\"></image-ui>\n          <strong>AdiaUI</strong>\n        </a>\n        <div data-onb-story-content>\n          <h2>Welcome aboard, Kim.</h2>\n          <p>\n            You're three minutes away from your first usable workspace. We'll walk through the essentials — pick how you'll use it, connect a data source, see\n            your first dashboard come to life. Skip anything you'd rather come back to later.\n          </p>\n          <text-ui color=\"subtle\" size=\"sm\">Step 1 of 10 · Onboarding</text-ui>\n        </div>\n      </aside>"
     }
   ],
-  "captured_at": "2026-05-26T04:00:28.271Z",
+  "captured_at": "2026-05-27T03:59:46.910Z",
   "metadata": {
     "domain": "onboarding",
     "description": "Onboarding left story pane — decorative panel with brand illustration or benefit bullets.",

package/chunks/onb-tutorial-steps.json

@@ -23,7 +23,7 @@
       "guide"
     ]
   },
-  "captured_at": "2026-05-26T04:00:28.271Z",
+  "captured_at": "2026-05-27T03:59:46.910Z",
   "template": [
     {
       "id": "text",

package/chunks/order-tracking-timeline.json

@@ -0,0 +1,130 @@
+{
+  "name": "order-tracking-timeline",
+  "kind": "block",
+  "primary": "card-ui",
+  "page": "/catalog/ui-patterns/app/order-tracking-timeline/order-tracking-timeline.contents.html",
+  "slots": [],
+  "nested": [],
+  "attrs": {},
+  "html": "<card-ui>\n  <header>\n    <h3>Order #1042 · Tracking</h3>\n    <p slot=\"description\">Estimated delivery: May 28, 2026</p>\n  </header>\n  <section>\n    <timeline-ui>\n      <timeline-item-ui\n        text=\"Order placed\"\n        description=\"May 23, 2026 at 9:14 AM\"\n        status=\"done\"\n        variant=\"success\">\n      </timeline-item-ui>\n      <timeline-item-ui\n        text=\"Payment confirmed\"\n        description=\"May 23, 2026 at 9:15 AM\"\n        status=\"done\"\n        variant=\"success\">\n      </timeline-item-ui>\n      <timeline-item-ui\n        text=\"Processing\"\n        description=\"May 24, 2026 at 2:30 PM\"\n        status=\"done\"\n        variant=\"success\">\n      </timeline-item-ui>\n      <timeline-item-ui\n        text=\"Shipped\"\n        description=\"May 25, 2026 at 11:00 AM · FedEx #789123456\"\n        status=\"pending\"\n        spinner\n        variant=\"default\">\n      </timeline-item-ui>\n      <timeline-item-ui\n        text=\"Delivered\"\n        description=\"Expected May 28, 2026\"\n        status=\"idle\"\n        variant=\"default\">\n      </timeline-item-ui>\n    </timeline-ui>\n  </section>\n</card-ui>",
+  "source": "catalog/ui-patterns/app/order-tracking-timeline/order-tracking-timeline.contents.html",
+  "metadata": {
+    "domain": "data",
+    "description": "Order tracking timeline — 5-step order progress from placed to delivered using timeline-ui + timeline-item-ui. Each step shows status (completed/active/pending) with label and time.",
+    "keywords": [
+      "order",
+      "tracking",
+      "timeline",
+      "step",
+      "progress",
+      "shipped",
+      "delivered",
+      "status",
+      "timeline-ui",
+      "timeline-item-ui",
+      "completed",
+      "active",
+      "pending",
+      "order",
+      "status",
+      "tracking"
+    ]
+  },
+  "captured_at": "2026-05-27T03:59:46.910Z",
+  "template": [
+    {
+      "id": "text",
+      "component": "Text",
+      "variant": "heading",
+      "textContent": "Order #1042 · Tracking"
+    },
+    {
+      "id": "text-2",
+      "component": "Text",
+      "variant": "body",
+      "textContent": "Estimated delivery: May 28, 2026"
+    },
+    {
+      "id": "header",
+      "component": "Header",
+      "children": [
+        "text",
+        "text-2"
+      ]
+    },
+    {
+      "id": "timeline-item",
+      "component": "TimelineItem",
+      "description": "May 23, 2026 at 9:14 AM",
+      "status": "done",
+      "text": "Order placed",
+      "variant": "success"
+    },
+    {
+      "id": "timeline-item-2",
+      "component": "TimelineItem",
+      "description": "May 23, 2026 at 9:15 AM",
+      "status": "done",
+      "text": "Payment confirmed",
+      "variant": "success"
+    },
+    {
+      "id": "timeline-item-3",
+      "component": "TimelineItem",
+      "description": "May 24, 2026 at 2:30 PM",
+      "status": "done",
+      "text": "Processing",
+      "variant": "success"
+    },
+    {
+      "id": "timeline-item-4",
+      "component": "TimelineItem",
+      "description": "May 25, 2026 at 11:00 AM · FedEx #789123456",
+      "spinner": true,
+      "status": "pending",
+      "text": "Shipped",
+      "variant": "default"
+    },
+    {
+      "id": "timeline-item-5",
+      "component": "TimelineItem",
+      "description": "Expected May 28, 2026",
+      "status": "idle",
+      "text": "Delivered",
+      "variant": "default"
+    },
+    {
+      "id": "timeline",
+      "component": "Timeline",
+      "children": [
+        "timeline-item",
+        "timeline-item-2",
+        "timeline-item-3",
+        "timeline-item-4",
+        "timeline-item-5"
+      ]
+    },
+    {
+      "id": "section",
+      "component": "Section",
+      "children": [
+        "column"
+      ]
+    },
+    {
+      "id": "column",
+      "component": "Column",
+      "children": [
+        "timeline"
+      ]
+    },
+    {
+      "id": "root",
+      "component": "Card",
+      "children": [
+        "header",
+        "section"
+      ]
+    }
+  ]
+}

package/chunks/pagination-controls.json

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

package/chunks/period-comparison.json

@@ -0,0 +1,233 @@
+{
+  "name": "period-comparison",
+  "kind": "block",
+  "primary": "grid-ui",
+  "page": "/apps/saas/app/admin-dashboard/admin-dashboard.contents.html",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "columns": "1 3@md",
+    "gap": "4"
+  },
+  "html": "<grid-ui columns=\"1 3@md\" gap=\"4\">\n  <card-ui>\n    <section>\n      <col-ui gap=\"1\">\n        <text-ui size=\"sm\" color=\"subtle\">Revenue</text-ui>\n        <stat-ui value=\"$48,294\" change=\"+12.4%\" trend=\"up\"></stat-ui>\n        <row-ui gap=\"2\" align=\"center\">\n          <text-ui size=\"sm\" color=\"subtle\">vs last month</text-ui>\n          <text-ui size=\"sm\">$42,948</text-ui>\n        </row-ui>\n      </col-ui>\n    </section>\n  </card-ui>\n  <card-ui>\n    <section>\n      <col-ui gap=\"1\">\n        <text-ui size=\"sm\" color=\"subtle\">Signups</text-ui>\n        <stat-ui value=\"2,350\" change=\"+18.2%\" trend=\"up\"></stat-ui>\n        <row-ui gap=\"2\" align=\"center\">\n          <text-ui size=\"sm\" color=\"subtle\">vs last month</text-ui>\n          <text-ui size=\"sm\">1,988</text-ui>\n        </row-ui>\n      </col-ui>\n    </section>\n  </card-ui>\n  <card-ui>\n    <section>\n      <col-ui gap=\"1\">\n        <text-ui size=\"sm\" color=\"subtle\">Churn</text-ui>\n        <stat-ui value=\"2.4%\" change=\"-0.3pp\" trend=\"up\"></stat-ui>\n        <row-ui gap=\"2\" align=\"center\">\n          <text-ui size=\"sm\" color=\"subtle\">vs last month</text-ui>\n          <text-ui size=\"sm\">2.7%</text-ui>\n        </row-ui>\n      </col-ui>\n    </section>\n  </card-ui>\n</grid-ui>",
+  "source": "apps/saas/app/admin-dashboard/admin-dashboard.contents.html",
+  "metadata": {
+    "domain": "dashboard",
+    "description": "Metric comparison cards showing this month vs last month for revenue, signups, and churn.",
+    "keywords": [
+      "period",
+      "comparison",
+      "metric",
+      "cards",
+      "this",
+      "month",
+      "last",
+      "month",
+      "revenue",
+      "signups",
+      "churn",
+      "delta",
+      "trend",
+      "comparison",
+      "period-comparison",
+      "month-over-month"
+    ]
+  },
+  "captured_at": "2026-05-27T03:59:46.910Z",
+  "template": [
+    {
+      "id": "text",
+      "component": "Text",
+      "color": "subtle",
+      "size": "sm",
+      "textContent": "Revenue"
+    },
+    {
+      "id": "stat",
+      "component": "Stat",
+      "change": "+12.4%",
+      "trend": "up",
+      "value": "$48,294"
+    },
+    {
+      "id": "text-2",
+      "component": "Text",
+      "color": "subtle",
+      "size": "sm",
+      "textContent": "vs last month"
+    },
+    {
+      "id": "text-3",
+      "component": "Text",
+      "size": "sm",
+      "textContent": "$42,948"
+    },
+    {
+      "id": "row",
+      "component": "Row",
+      "align": "center",
+      "gap": "2",
+      "children": [
+        "text-2",
+        "text-3"
+      ]
+    },
+    {
+      "id": "column",
+      "component": "Column",
+      "gap": "1",
+      "children": [
+        "text",
+        "stat",
+        "row"
+      ]
+    },
+    {
+      "id": "section",
+      "component": "Section",
+      "children": [
+        "column"
+      ]
+    },
+    {
+      "id": "card",
+      "component": "Card",
+      "children": [
+        "section"
+      ]
+    },
+    {
+      "id": "text-4",
+      "component": "Text",
+      "color": "subtle",
+      "size": "sm",
+      "textContent": "Signups"
+    },
+    {
+      "id": "stat-2",
+      "component": "Stat",
+      "change": "+18.2%",
+      "trend": "up",
+      "value": "2,350"
+    },
+    {
+      "id": "text-5",
+      "component": "Text",
+      "color": "subtle",
+      "size": "sm",
+      "textContent": "vs last month"
+    },
+    {
+      "id": "text-6",
+      "component": "Text",
+      "size": "sm",
+      "textContent": "1,988"
+    },
+    {
+      "id": "row-2",
+      "component": "Row",
+      "align": "center",
+      "gap": "2",
+      "children": [
+        "text-5",
+        "text-6"
+      ]
+    },
+    {
+      "id": "column-2",
+      "component": "Column",
+      "gap": "1",
+      "children": [
+        "text-4",
+        "stat-2",
+        "row-2"
+      ]
+    },
+    {
+      "id": "section-2",
+      "component": "Section",
+      "children": [
+        "column-2"
+      ]
+    },
+    {
+      "id": "card-2",
+      "component": "Card",
+      "children": [
+        "section-2"
+      ]
+    },
+    {
+      "id": "text-7",
+      "component": "Text",
+      "color": "subtle",
+      "size": "sm",
+      "textContent": "Churn"
+    },
+    {
+      "id": "stat-3",
+      "component": "Stat",
+      "change": "-0.3pp",
+      "trend": "up",
+      "value": "2.4%"
+    },
+    {
+      "id": "text-8",
+      "component": "Text",
+      "color": "subtle",
+      "size": "sm",
+      "textContent": "vs last month"
+    },
+    {
+      "id": "text-9",
+      "component": "Text",
+      "size": "sm",
+      "textContent": "2.7%"
+    },
+    {
+      "id": "row-3",
+      "component": "Row",
+      "align": "center",
+      "gap": "2",
+      "children": [
+        "text-8",
+        "text-9"
+      ]
+    },
+    {
+      "id": "column-3",
+      "component": "Column",
+      "gap": "1",
+      "children": [
+        "text-7",
+        "stat-3",
+        "row-3"
+      ]
+    },
+    {
+      "id": "section-3",
+      "component": "Section",
+      "children": [
+        "column-3"
+      ]
+    },
+    {
+      "id": "card-3",
+      "component": "Card",
+      "children": [
+        "section-3"
+      ]
+    },
+    {
+      "id": "root",
+      "component": "Grid",
+      "columns": "1 3@md",
+      "gap": "4",
+      "children": [
+        "card",
+        "card-2",
+        "card-3"
+      ]
+    }
+  ]
+}