@adia-ai/a2ui-corpus 0.6.41 → 0.6.43

package/chunks/status-dashboard.json

@@ -0,0 +1,281 @@
+{
+  "name": "status-dashboard",
+  "kind": "block",
+  "primary": "card-ui",
+  "page": "/apps/saas/app/admin-dashboard/admin-dashboard.contents.html",
+  "slots": [],
+  "nested": [],
+  "attrs": {},
+  "html": "<card-ui>\n  <header>\n    <h3>System status</h3>\n    <badge-ui text=\"All systems operational\" variant=\"success\"></badge-ui>\n  </header>\n  <section>\n    <col-ui gap=\"2\">\n      <row-ui gap=\"3\" align=\"center\">\n        <icon-ui name=\"check-circle\" color=\"success\" size=\"sm\"></icon-ui>\n        <col-ui grow><text-ui>API</text-ui></col-ui>\n        <text-ui size=\"sm\" color=\"subtle\">99.98% uptime</text-ui>\n        <badge-ui text=\"Operational\" variant=\"success\" size=\"sm\"></badge-ui>\n      </row-ui>\n      <row-ui gap=\"3\" align=\"center\">\n        <icon-ui name=\"check-circle\" color=\"success\" size=\"sm\"></icon-ui>\n        <col-ui grow><text-ui>Web App</text-ui></col-ui>\n        <text-ui size=\"sm\" color=\"subtle\">100% uptime</text-ui>\n        <badge-ui text=\"Operational\" variant=\"success\" size=\"sm\"></badge-ui>\n      </row-ui>\n      <row-ui gap=\"3\" align=\"center\">\n        <icon-ui name=\"warning\" color=\"warning\" size=\"sm\"></icon-ui>\n        <col-ui grow><text-ui>Webhooks</text-ui></col-ui>\n        <text-ui size=\"sm\" color=\"subtle\">98.2% uptime</text-ui>\n        <badge-ui text=\"Degraded\" variant=\"warning\" size=\"sm\"></badge-ui>\n      </row-ui>\n      <row-ui gap=\"3\" align=\"center\">\n        <icon-ui name=\"check-circle\" color=\"success\" size=\"sm\"></icon-ui>\n        <col-ui grow><text-ui>Storage</text-ui></col-ui>\n        <text-ui size=\"sm\" color=\"subtle\">99.99% uptime</text-ui>\n        <badge-ui text=\"Operational\" variant=\"success\" size=\"sm\"></badge-ui>\n      </row-ui>\n    </col-ui>\n  </section>\n  <footer>\n    <text-ui size=\"sm\" color=\"subtle\">Last incident: 3 days ago · <link-ui href=\"#\" text=\"View history\"></link-ui></text-ui>\n  </footer>\n</card-ui>",
+  "source": "apps/saas/app/admin-dashboard/admin-dashboard.contents.html",
+  "metadata": {
+    "domain": "data",
+    "description": "System status page with service health rows, uptime percentage, and incident history.",
+    "keywords": [
+      "system",
+      "status",
+      "service",
+      "health",
+      "uptime",
+      "percentage",
+      "incident",
+      "history",
+      "status-dashboard",
+      "operational",
+      "degraded"
+    ]
+  },
+  "captured_at": "2026-05-27T23:29:53.307Z",
+  "template": [
+    {
+      "id": "text",
+      "component": "Text",
+      "variant": "heading",
+      "textContent": "System status"
+    },
+    {
+      "id": "badge",
+      "component": "Badge",
+      "text": "All systems operational",
+      "variant": "success"
+    },
+    {
+      "id": "header",
+      "component": "Header",
+      "children": [
+        "text",
+        "badge"
+      ]
+    },
+    {
+      "id": "check-circle",
+      "component": "Icon",
+      "name": "check-circle",
+      "size": "sm"
+    },
+    {
+      "id": "text-2",
+      "component": "Text",
+      "textContent": "API"
+    },
+    {
+      "id": "column-2",
+      "component": "Column",
+      "grow": true,
+      "children": [
+        "text-2"
+      ]
+    },
+    {
+      "id": "text-3",
+      "component": "Text",
+      "color": "subtle",
+      "size": "sm",
+      "textContent": "99.98% uptime"
+    },
+    {
+      "id": "badge-2",
+      "component": "Badge",
+      "size": "sm",
+      "text": "Operational",
+      "variant": "success"
+    },
+    {
+      "id": "row",
+      "component": "Row",
+      "align": "center",
+      "gap": "3",
+      "children": [
+        "check-circle",
+        "column-2",
+        "text-3",
+        "badge-2"
+      ]
+    },
+    {
+      "id": "icon",
+      "component": "Icon",
+      "name": "check-circle",
+      "size": "sm"
+    },
+    {
+      "id": "text-4",
+      "component": "Text",
+      "textContent": "Web App"
+    },
+    {
+      "id": "column-3",
+      "component": "Column",
+      "grow": true,
+      "children": [
+        "text-4"
+      ]
+    },
+    {
+      "id": "text-5",
+      "component": "Text",
+      "color": "subtle",
+      "size": "sm",
+      "textContent": "100% uptime"
+    },
+    {
+      "id": "badge-3",
+      "component": "Badge",
+      "size": "sm",
+      "text": "Operational",
+      "variant": "success"
+    },
+    {
+      "id": "row-2",
+      "component": "Row",
+      "align": "center",
+      "gap": "3",
+      "children": [
+        "icon",
+        "column-3",
+        "text-5",
+        "badge-3"
+      ]
+    },
+    {
+      "id": "warning",
+      "component": "Icon",
+      "name": "warning",
+      "size": "sm"
+    },
+    {
+      "id": "text-6",
+      "component": "Text",
+      "textContent": "Webhooks"
+    },
+    {
+      "id": "column-4",
+      "component": "Column",
+      "grow": true,
+      "children": [
+        "text-6"
+      ]
+    },
+    {
+      "id": "text-7",
+      "component": "Text",
+      "color": "subtle",
+      "size": "sm",
+      "textContent": "98.2% uptime"
+    },
+    {
+      "id": "badge-4",
+      "component": "Badge",
+      "size": "sm",
+      "text": "Degraded",
+      "variant": "warning"
+    },
+    {
+      "id": "row-3",
+      "component": "Row",
+      "align": "center",
+      "gap": "3",
+      "children": [
+        "warning",
+        "column-4",
+        "text-7",
+        "badge-4"
+      ]
+    },
+    {
+      "id": "icon-2",
+      "component": "Icon",
+      "name": "check-circle",
+      "size": "sm"
+    },
+    {
+      "id": "text-8",
+      "component": "Text",
+      "textContent": "Storage"
+    },
+    {
+      "id": "column-5",
+      "component": "Column",
+      "grow": true,
+      "children": [
+        "text-8"
+      ]
+    },
+    {
+      "id": "text-9",
+      "component": "Text",
+      "color": "subtle",
+      "size": "sm",
+      "textContent": "99.99% uptime"
+    },
+    {
+      "id": "badge-5",
+      "component": "Badge",
+      "size": "sm",
+      "text": "Operational",
+      "variant": "success"
+    },
+    {
+      "id": "row-4",
+      "component": "Row",
+      "align": "center",
+      "gap": "3",
+      "children": [
+        "icon-2",
+        "column-5",
+        "text-9",
+        "badge-5"
+      ]
+    },
+    {
+      "id": "column",
+      "component": "Column",
+      "gap": "2",
+      "children": [
+        "row",
+        "row-2",
+        "row-3",
+        "row-4"
+      ]
+    },
+    {
+      "id": "section",
+      "component": "Section",
+      "children": [
+        "column"
+      ]
+    },
+    {
+      "id": "link",
+      "component": "Link",
+      "href": "#",
+      "text": "View history"
+    },
+    {
+      "id": "text-10",
+      "component": "Text",
+      "color": "subtle",
+      "size": "sm",
+      "textContent": "Last incident: 3 days ago ·",
+      "children": [
+        "link"
+      ]
+    },
+    {
+      "id": "footer",
+      "component": "Footer",
+      "children": [
+        "text-10"
+      ]
+    },
+    {
+      "id": "root",
+      "component": "Card",
+      "children": [
+        "header",
+        "section",
+        "footer"
+      ]
+    }
+  ]
+}

package/chunks/{multi-step-wizard.json → stepper-form-wizard.json}

@@ -1,33 +1,41 @@
 {
-  "name": "multi-step-wizard",
+  "name": "stepper-form-wizard",
   "kind": "block",
-  "primary": "section",
+  "primary": "col-ui",
   "page": "/catalog/ui-patterns/v050-form-blocks/v050-form-blocks.contents.html",
   "slots": [],
   "nested": [],
-  "attrs": {},
-  "html": "<section>\n    <col-ui gap=\"5\">\n      <step-progress-ui value=\"2\" total=\"4\" caption=\"Step 2 of 4\"></step-progress-ui>\n      <header>\n        <h2>Workspace details</h2>\n        <p>Tell us about your team. You can change this later.</p>\n      </header>\n      <col-ui gap=\"4\">\n        <field-ui label=\"Workspace name\">\n          <input-ui placeholder=\"Acme Inc.\"></input-ui>\n        </field-ui>\n        <field-ui label=\"Team size\">\n          <select-ui>\n            <option>1–5 people</option>\n            <option>6–25 people</option>\n            <option>26–100 people</option>\n            <option>100+ people</option>\n          </select-ui>\n        </field-ui>\n        <field-ui label=\"Use case\">\n          <textarea-ui placeholder=\"What are you building?\" rows=\"3\"></textarea-ui>\n        </field-ui>\n      </col-ui>\n      <row-ui gap=\"3\" align=\"center\">\n        <button-ui text=\"Back\" variant=\"outline\"></button-ui>\n        <button-ui text=\"Continue\" variant=\"primary\"></button-ui>\n      </row-ui>\n    </col-ui>\n  </section>",
+  "attrs": {
+    "gap": "5"
+  },
+  "html": "<col-ui gap=\"5\">\n      <step-progress-ui value=\"2\" total=\"4\" caption=\"Step 2 of 4\"></step-progress-ui>\n      <header>\n        <h2>Workspace details</h2>\n        <p>Tell us about your team. You can change this later.</p>\n      </header>\n      <col-ui gap=\"4\">\n        <field-ui label=\"Workspace name\">\n          <input-ui placeholder=\"Acme Inc.\"></input-ui>\n        </field-ui>\n        <field-ui label=\"Team size\">\n          <select-ui>\n            <option>1–5 people</option>\n            <option>6–25 people</option>\n            <option>26–100 people</option>\n            <option>100+ people</option>\n          </select-ui>\n        </field-ui>\n        <field-ui label=\"Use case\">\n          <textarea-ui placeholder=\"What are you building?\" rows=\"3\"></textarea-ui>\n        </field-ui>\n      </col-ui>\n      <row-ui gap=\"3\" align=\"center\">\n        <button-ui text=\"Back\" variant=\"outline\"></button-ui>\n        <button-ui text=\"Continue\" variant=\"primary\"></button-ui>\n      </row-ui>\n  </col-ui>",
   "source": "catalog/ui-patterns/v050-form-blocks/v050-form-blocks.contents.html",
   "metadata": {
     "domain": "forms",
-    "description": "Multi-step form wizard — progress indicator + current step header + body fields + back/next buttons.",
+    "description": "Multi-step form with profile, billing, and review steps and progress indicator. Stepper wizard with sequential field groups and back/next navigation.",
     "keywords": [
-      "wizard",
       "multi-step",
+      "form",
       "progress",
+      "indicator",
       "steps",
+      "stepper",
+      "wizard",
+      "profile",
+      "billing",
+      "review",
+      "sequential",
       "onboarding",
       "setup",
       "workflow",
       "back",
-      "next",
-      "form-flow"
+      "next"
     ]
   },
-  "captured_at": "2026-05-26T04:00:28.271Z",
+  "captured_at": "2026-05-27T23:29:53.307Z",
   "template": [
     {
-      "id": "column-2",
+      "id": "column",
       "component": "Column"
     },
     {
@@ -120,7 +128,7 @@
       ]
     },
     {
-      "id": "column-3",
+      "id": "column-2",
       "component": "Column",
       "gap": "4",
       "children": [
@@ -152,22 +160,15 @@
       ]
     },
     {
-      "id": "column",
+      "id": "root",
       "component": "Column",
       "gap": "5",
       "children": [
-        "column-2",
+        "column",
         "header",
-        "column-3",
+        "column-2",
         "row"
       ]
-    },
-    {
-      "id": "root",
-      "component": "Section",
-      "children": [
-        "column"
-      ]
     }
   ]
 }

package/chunks/survey-rating-form.json

@@ -0,0 +1,165 @@
+{
+  "name": "survey-rating-form",
+  "kind": "block",
+  "primary": "card-ui",
+  "page": "/catalog/ui-patterns/app/survey-rating-form/survey-rating-form.contents.html",
+  "slots": [],
+  "nested": [],
+  "attrs": {},
+  "html": "<card-ui>\n  <header>\n    <h3>Share your feedback</h3>\n    <p slot=\"description\">Your response helps us improve</p>\n  </header>\n  <section>\n    <col-ui gap=\"5\">\n      <field-ui label=\"Overall satisfaction\">\n        <rating-ui name=\"satisfaction\" value=\"0\" max=\"5\"></rating-ui>\n      </field-ui>\n      <field-ui label=\"Ease of use\">\n        <rating-ui name=\"ease-of-use\" value=\"0\" max=\"5\"></rating-ui>\n      </field-ui>\n      <field-ui label=\"Likelihood to recommend\">\n        <rating-ui name=\"recommend\" value=\"0\" max=\"5\"></rating-ui>\n      </field-ui>\n      <field-ui label=\"Anything else you'd like to share?\" hint=\"Optional — your thoughts help us prioritize\">\n        <textarea-ui name=\"feedback\" placeholder=\"Tell us more…\" rows=\"4\"></textarea-ui>\n      </field-ui>\n    </col-ui>\n  </section>\n  <footer>\n    <row-ui justify=\"end\">\n      <button-ui text=\"Submit feedback\" variant=\"primary\"></button-ui>\n    </row-ui>\n  </footer>\n</card-ui>",
+  "source": "catalog/ui-patterns/app/survey-rating-form/survey-rating-form.contents.html",
+  "metadata": {
+    "domain": "forms",
+    "description": "Survey form with star rating scales — three rating-ui questions (overall satisfaction, ease of use, likelihood to recommend) plus a textarea for open feedback.",
+    "keywords": [
+      "survey",
+      "form",
+      "rating",
+      "scale",
+      "star",
+      "rating-ui",
+      "satisfaction",
+      "score",
+      "feedback",
+      "question",
+      "NPS",
+      "likert",
+      "rating",
+      "input",
+      "stars"
+    ]
+  },
+  "captured_at": "2026-05-27T23:29:53.307Z",
+  "template": [
+    {
+      "id": "text",
+      "component": "Text",
+      "variant": "heading",
+      "textContent": "Share your feedback"
+    },
+    {
+      "id": "text-2",
+      "component": "Text",
+      "variant": "body",
+      "slot": "description",
+      "textContent": "Your response helps us improve"
+    },
+    {
+      "id": "header",
+      "component": "Header",
+      "children": [
+        "text",
+        "text-2"
+      ]
+    },
+    {
+      "id": "satisfaction",
+      "component": "Rating",
+      "max": 5,
+      "name": "satisfaction",
+      "value": 0
+    },
+    {
+      "id": "field",
+      "component": "Field",
+      "label": "Overall satisfaction",
+      "children": [
+        "satisfaction"
+      ]
+    },
+    {
+      "id": "ease-of-use",
+      "component": "Rating",
+      "max": 5,
+      "name": "ease-of-use",
+      "value": 0
+    },
+    {
+      "id": "field-2",
+      "component": "Field",
+      "label": "Ease of use",
+      "children": [
+        "ease-of-use"
+      ]
+    },
+    {
+      "id": "recommend",
+      "component": "Rating",
+      "max": 5,
+      "name": "recommend",
+      "value": 0
+    },
+    {
+      "id": "field-3",
+      "component": "Field",
+      "label": "Likelihood to recommend",
+      "children": [
+        "recommend"
+      ]
+    },
+    {
+      "id": "feedback",
+      "component": "TextArea",
+      "name": "feedback",
+      "placeholder": "Tell us more…",
+      "rows": "4"
+    },
+    {
+      "id": "field-4",
+      "component": "Field",
+      "hint": "Optional — your thoughts help us prioritize",
+      "label": "Anything else you'd like to share?",
+      "children": [
+        "feedback"
+      ]
+    },
+    {
+      "id": "column",
+      "component": "Column",
+      "gap": "5",
+      "children": [
+        "field",
+        "field-2",
+        "field-3",
+        "field-4"
+      ]
+    },
+    {
+      "id": "section",
+      "component": "Section",
+      "children": [
+        "column"
+      ]
+    },
+    {
+      "id": "button",
+      "component": "Button",
+      "text": "Submit feedback",
+      "variant": "primary"
+    },
+    {
+      "id": "row",
+      "component": "Row",
+      "justify": "end",
+      "children": [
+        "button"
+      ]
+    },
+    {
+      "id": "footer",
+      "component": "Footer",
+      "children": [
+        "row"
+      ]
+    },
+    {
+      "id": "root",
+      "component": "Card",
+      "children": [
+        "header",
+        "section",
+        "footer"
+      ]
+    }
+  ]
+}

package/chunks/tabs-with-panels.json

@@ -22,7 +22,7 @@
       "tab-strip"
     ]
   },
-  "captured_at": "2026-05-26T04:00:28.271Z",
+  "captured_at": "2026-05-27T23:29:53.307Z",
   "template": [
     {
       "id": "tab",

package/chunks/tag-chips-filter.json

@@ -0,0 +1,93 @@
+{
+  "name": "tag-chips-filter",
+  "kind": "block",
+  "primary": "row-ui",
+  "page": "/catalog/ui-patterns/v050-form-blocks/v050-form-blocks.contents.html",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "gap": "2",
+    "align": "center",
+    "wrap": ""
+  },
+  "html": "<row-ui gap=\"2\" align=\"center\" wrap>\n        <text-ui size=\"sm\" color=\"subtle\">Filter:</text-ui>\n        <tag-ui text=\"Forms\" interactive></tag-ui>\n        <tag-ui text=\"Data\" interactive></tag-ui>\n        <tag-ui text=\"Layout\" interactive></tag-ui>\n        <tag-ui text=\"Agent\" interactive></tag-ui>\n        <tag-ui text=\"Navigation\" interactive></tag-ui>\n        <button-ui text=\"Clear\" variant=\"ghost\" size=\"sm\"></button-ui>\n      </row-ui>",
+  "source": "catalog/ui-patterns/v050-form-blocks/v050-form-blocks.contents.html",
+  "metadata": {
+    "domain": "forms",
+    "description": "Removable tag chip row for filtering — interactive tag-ui chips that act as selected filter labels or keywords, with a clear-all action to reset the tag selection.",
+    "keywords": [
+      "tag",
+      "input",
+      "chips",
+      "tags-input-ui",
+      "removable",
+      "chip",
+      "tag",
+      "filter",
+      "label",
+      "keyword",
+      "tag-ui",
+      "interactive",
+      "multi-select",
+      "clear"
+    ]
+  },
+  "captured_at": "2026-05-27T23:29:53.307Z",
+  "template": [
+    {
+      "id": "text",
+      "component": "Text",
+      "color": "subtle",
+      "size": "sm",
+      "textContent": "Filter:"
+    },
+    {
+      "id": "tag",
+      "component": "Tag",
+      "text": "Forms"
+    },
+    {
+      "id": "tag-2",
+      "component": "Tag",
+      "text": "Data"
+    },
+    {
+      "id": "tag-3",
+      "component": "Tag",
+      "text": "Layout"
+    },
+    {
+      "id": "tag-4",
+      "component": "Tag",
+      "text": "Agent"
+    },
+    {
+      "id": "tag-5",
+      "component": "Tag",
+      "text": "Navigation"
+    },
+    {
+      "id": "button",
+      "component": "Button",
+      "size": "sm",
+      "text": "Clear",
+      "variant": "ghost"
+    },
+    {
+      "id": "root",
+      "component": "Row",
+      "align": "center",
+      "gap": "2",
+      "wrap": true,
+      "children": [
+        "text",
+        "tag",
+        "tag-2",
+        "tag-3",
+        "tag-4",
+        "tag-5",
+        "button"
+      ]
+    }
+  ]
+}