@adia-ai/a2ui-corpus 0.7.19 → 0.7.21

package/chunks/card-with-empty-state.json

@@ -0,0 +1,96 @@
+{
+  "name": "card-with-empty-state",
+  "kind": "block",
+  "primary": "div",
+  "page": "/packages/web-components/components/card/card.examples.html",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "data-artifact-item": "",
+    "data-artifact-label": "card with empty state"
+  },
+  "html": "<card-ui style=\"max-width:400px\">\n        <header>\n          <h3>Recent transactions</h3>\n          <button-ui slot=\"action\" text=\"+ Add\" variant=\"outline\" size=\"sm\"></button-ui>\n        </header>\n        <section>\n          <empty-state-ui\n            icon=\"receipt\"\n            label=\"No transactions yet\"\n            description=\"Transactions will appear here once your first payment is processed.\">\n            <button-ui slot=\"action\" text=\"Set up payments\" variant=\"primary\"></button-ui>\n          </empty-state-ui>\n        </section>\n      </card-ui>",
+  "source": "packages/web-components/components/card/card.examples.html",
+  "metadata": {
+    "domain": "data",
+    "description": "Empty state card — card showing no-data placeholder with icon, message, and CTA. Use when a data table or list has no rows.",
+    "keywords": [
+      "card",
+      "empty",
+      "state",
+      "no",
+      "data",
+      "placeholder",
+      "icon",
+      "cta",
+      "button",
+      "list",
+      "table",
+      "zero",
+      "rows"
+    ]
+  },
+  "captured_at": "2026-06-10T20:25:14.783Z",
+  "template": [
+    {
+      "id": "text",
+      "component": "Text",
+      "variant": "heading",
+      "textContent": "Recent transactions"
+    },
+    {
+      "id": "button",
+      "component": "Button",
+      "slot": "action",
+      "size": "sm",
+      "text": "+ Add",
+      "variant": "outline"
+    },
+    {
+      "id": "header",
+      "component": "Header",
+      "children": [
+        "text",
+        "button"
+      ]
+    },
+    {
+      "id": "button-2",
+      "component": "Button",
+      "slot": "action",
+      "text": "Set up payments",
+      "variant": "primary"
+    },
+    {
+      "id": "empty-state",
+      "component": "EmptyState",
+      "description": "Transactions will appear here once your first payment is processed.",
+      "icon": "receipt",
+      "children": [
+        "button-2"
+      ]
+    },
+    {
+      "id": "section",
+      "component": "Section",
+      "children": [
+        "column"
+      ]
+    },
+    {
+      "id": "column",
+      "component": "Column",
+      "children": [
+        "empty-state"
+      ]
+    },
+    {
+      "id": "root",
+      "component": "Card",
+      "children": [
+        "header",
+        "section"
+      ]
+    }
+  ]
+}

package/chunks/card-with-form.json

@@ -0,0 +1,143 @@
+{
+  "name": "card-with-form",
+  "kind": "block",
+  "primary": "div",
+  "page": "/packages/web-components/components/card/card.examples.html",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "data-artifact-item": "",
+    "data-artifact-label": "card with form fields"
+  },
+  "html": "<card-ui style=\"max-width:400px\">\n        <header>\n          <h3>Edit profile</h3>\n        </header>\n        <section>\n          <col-ui gap=\"3\">\n            <field-ui label=\"Full name\">\n              <input-ui value=\"Maya Chen\" placeholder=\"Full name\"></input-ui>\n            </field-ui>\n            <field-ui label=\"Role\">\n              <select-ui value=\"designer\">\n                <option value=\"designer\">Designer</option>\n                <option value=\"engineer\">Engineer</option>\n                <option value=\"product\">Product</option>\n              </select-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=\"Save changes\" variant=\"primary\"></button-ui>\n          </row-ui>\n        </footer>\n      </card-ui>",
+  "source": "packages/web-components/components/card/card.examples.html",
+  "metadata": {
+    "domain": "forms",
+    "description": "Form card — card containing labeled form fields with a footer action row. Standard shape for settings forms and quick-edit surfaces.",
+    "keywords": [
+      "card",
+      "form",
+      "fields",
+      "input",
+      "select",
+      "label",
+      "footer",
+      "actions",
+      "save",
+      "cancel",
+      "settings",
+      "quick-edit"
+    ]
+  },
+  "captured_at": "2026-06-10T20:25:14.783Z",
+  "template": [
+    {
+      "id": "text",
+      "component": "Text",
+      "variant": "heading",
+      "textContent": "Edit profile"
+    },
+    {
+      "id": "header",
+      "component": "Header",
+      "children": [
+        "text"
+      ]
+    },
+    {
+      "id": "input",
+      "component": "Input",
+      "placeholder": "Full name",
+      "value": "Maya Chen"
+    },
+    {
+      "id": "field",
+      "component": "Field",
+      "label": "Full name",
+      "children": [
+        "input"
+      ]
+    },
+    {
+      "id": "choice-picker",
+      "component": "ChoicePicker",
+      "value": "designer",
+      "options": [
+        {
+          "value": "designer",
+          "label": "Designer"
+        },
+        {
+          "value": "engineer",
+          "label": "Engineer"
+        },
+        {
+          "value": "product",
+          "label": "Product"
+        }
+      ]
+    },
+    {
+      "id": "field-2",
+      "component": "Field",
+      "label": "Role",
+      "children": [
+        "choice-picker"
+      ]
+    },
+    {
+      "id": "column",
+      "component": "Column",
+      "gap": "3",
+      "children": [
+        "field",
+        "field-2"
+      ]
+    },
+    {
+      "id": "section",
+      "component": "Section",
+      "children": [
+        "column"
+      ]
+    },
+    {
+      "id": "button",
+      "component": "Button",
+      "text": "Cancel",
+      "variant": "ghost"
+    },
+    {
+      "id": "button-2",
+      "component": "Button",
+      "text": "Save changes",
+      "variant": "primary"
+    },
+    {
+      "id": "row",
+      "component": "Row",
+      "gap": "2",
+      "justify": "end",
+      "children": [
+        "button",
+        "button-2"
+      ]
+    },
+    {
+      "id": "footer",
+      "component": "Footer",
+      "children": [
+        "row"
+      ]
+    },
+    {
+      "id": "root",
+      "component": "Card",
+      "children": [
+        "header",
+        "section",
+        "footer"
+      ]
+    }
+  ]
+}

package/chunks/card-with-sparkline.json

@@ -0,0 +1,90 @@
+{
+  "name": "card-with-sparkline",
+  "kind": "block",
+  "primary": "div",
+  "page": "/packages/web-components/components/card/card.examples.html",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "data-artifact-item": "",
+    "data-artifact-label": "card with sparkline chart"
+  },
+  "html": "<card-ui style=\"max-width:320px\">\n        <header>\n          <h3>Weekly signups</h3>\n          <text-ui slot=\"description\">Last 7 days</text-ui>\n        </header>\n        <section>\n          <col-ui gap=\"2\">\n            <text-ui variant=\"display\">284</text-ui>\n            <chart-ui type=\"line\" height=\"60\"\n              data-stream-src=\"\"\n              style=\"--chart-line-color:var(--a-primary)\">\n            </chart-ui>\n          </col-ui>\n        </section>\n      </card-ui>",
+  "source": "packages/web-components/components/card/card.examples.html",
+  "metadata": {
+    "domain": "data",
+    "description": "Sparkline card — KPI metric above a compact line chart. Standard dashboard widget for time-series summaries.",
+    "keywords": [
+      "card",
+      "sparkline",
+      "chart",
+      "line",
+      "metric",
+      "kpi",
+      "dashboard",
+      "widget",
+      "time-series",
+      "trend",
+      "mini-chart"
+    ]
+  },
+  "captured_at": "2026-06-10T20:25:14.783Z",
+  "template": [
+    {
+      "id": "text",
+      "component": "Text",
+      "variant": "heading",
+      "textContent": "Weekly signups"
+    },
+    {
+      "id": "text-2",
+      "component": "Text",
+      "slot": "description",
+      "textContent": "Last 7 days"
+    },
+    {
+      "id": "header",
+      "component": "Header",
+      "children": [
+        "text",
+        "text-2"
+      ]
+    },
+    {
+      "id": "text-3",
+      "component": "Text",
+      "variant": "display",
+      "textContent": "284"
+    },
+    {
+      "id": "chart",
+      "component": "Chart",
+      "type": "line",
+      "data-stream-src": ""
+    },
+    {
+      "id": "column",
+      "component": "Column",
+      "gap": "2",
+      "children": [
+        "text-3",
+        "chart"
+      ]
+    },
+    {
+      "id": "section",
+      "component": "Section",
+      "children": [
+        "column"
+      ]
+    },
+    {
+      "id": "root",
+      "component": "Card",
+      "children": [
+        "header",
+        "section"
+      ]
+    }
+  ]
+}

package/chunks/card-with-stat-kpi.json

@@ -0,0 +1,95 @@
+{
+  "name": "card-with-stat-kpi",
+  "kind": "block",
+  "primary": "div",
+  "page": "/packages/web-components/components/card/card.examples.html",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "data-artifact-item": "",
+    "data-artifact-label": "card with KPI stat"
+  },
+  "html": "<card-ui style=\"max-width:260px\">\n        <header>\n          <h3>Revenue</h3>\n          <tag-ui slot=\"action\" size=\"sm\" variant=\"success\">↑ 8.4%</tag-ui>\n        </header>\n        <section>\n          <stat-ui label=\"This month\" value=\"$12,400\" change=\"+$960\" trend=\"up\" icon=\"currency-dollar\"></stat-ui>\n        </section>\n      </card-ui>",
+  "source": "packages/web-components/components/card/card.examples.html",
+  "metadata": {
+    "domain": "data",
+    "description": "KPI card — card containing a stat-ui metric with label, value, trend indicator, and optional icon.",
+    "keywords": [
+      "card",
+      "stat",
+      "kpi",
+      "metric",
+      "value",
+      "trend",
+      "dashboard",
+      "analytics",
+      "revenue",
+      "users",
+      "conversion"
+    ]
+  },
+  "captured_at": "2026-06-10T20:25:14.783Z",
+  "template": [
+    {
+      "id": "text",
+      "component": "Text",
+      "variant": "heading",
+      "textContent": "Revenue"
+    },
+    {
+      "id": "text-2",
+      "component": "Text",
+      "textContent": "↑ 8.4%",
+      "variant": "body"
+    },
+    {
+      "id": "tag",
+      "component": "Tag",
+      "slot": "action",
+      "size": "sm",
+      "variant": "success",
+      "children": [
+        "text-2"
+      ]
+    },
+    {
+      "id": "header",
+      "component": "Header",
+      "children": [
+        "text",
+        "tag"
+      ]
+    },
+    {
+      "id": "stat",
+      "component": "Stat",
+      "change": "+$960",
+      "icon": "currency-dollar",
+      "label": "This month",
+      "trend": "up",
+      "value": "$12,400"
+    },
+    {
+      "id": "section",
+      "component": "Section",
+      "children": [
+        "column"
+      ]
+    },
+    {
+      "id": "column",
+      "component": "Column",
+      "children": [
+        "stat"
+      ]
+    },
+    {
+      "id": "root",
+      "component": "Card",
+      "children": [
+        "header",
+        "section"
+      ]
+    }
+  ]
+}

package/chunks/chat-empty-state-hero.json

@@ -0,0 +1,102 @@
+{
+  "name": "chat-empty-state-hero",
+  "kind": "block",
+  "primary": "div",
+  "page": "/apps/genui/app/factory-chat/factory-chat.contents.html",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "data-phase-empty": ""
+  },
+  "html": "<div\n          data-phase-empty>\n          <div data-hero>\n            <h1>What are we building today?</h1>\n          </div>\n          <chat-input-ui data-input placeholder=\"Describe what you want to make...\"></chat-input-ui>\n          <agent-suggestions-ui data-starters></agent-suggestions-ui>\n        </div>",
+  "source": "apps/genui/app/factory-chat/factory-chat.contents.html",
+  "metadata": {
+    "domain": "agent",
+    "description": "Chat empty-state hero — the first-run view of an assistant: a centered prompt headline, a primary chat-input composer, and a row of starter-suggestion chips below it. The 'how would you like to start' landing shown before any messages exist.",
+    "keywords": [
+      "chat",
+      "empty",
+      "state",
+      "hero",
+      "first",
+      "run",
+      "new",
+      "conversation",
+      "start",
+      "assistant",
+      "landing",
+      "welcome",
+      "prompt",
+      "headline",
+      "composer",
+      "chat",
+      "input",
+      "starters",
+      "suggestions",
+      "blank",
+      "zero",
+      "state",
+      "get",
+      "started",
+      "ask",
+      "anything",
+      "onboarding",
+      "chat",
+      "home",
+      "centered",
+      "hero"
+    ]
+  },
+  "captured_at": "2026-06-10T16:56:21.616Z",
+  "template": [
+    {
+      "id": "text",
+      "component": "Text",
+      "variant": "display",
+      "textContent": "What are we building today?"
+    },
+    {
+      "id": "column",
+      "component": "Column",
+      "children": [
+        "text"
+      ]
+    },
+    {
+      "id": "section",
+      "component": "Section",
+      "children": [
+        "column"
+      ]
+    },
+    {
+      "id": "card",
+      "component": "Card",
+      "data-hero": "",
+      "children": [
+        "section"
+      ]
+    },
+    {
+      "id": "chat-input",
+      "component": "ChatInput",
+      "placeholder": "Describe what you want to make...",
+      "data-input": ""
+    },
+    {
+      "id": "column-2",
+      "component": "Column",
+      "data-starters": ""
+    },
+    {
+      "id": "root",
+      "component": "Column",
+      "data-phase-empty": "",
+      "children": [
+        "card",
+        "chat-input",
+        "column-2"
+      ]
+    }
+  ]
+}

package/chunks/chat-message-assistant-byline.json

@@ -0,0 +1,85 @@
+{
+  "name": "chat-message-assistant-byline",
+  "kind": "block",
+  "primary": "row-ui",
+  "page": "/apps/genui/app/gen-ui-feed/gen-ui-feed.contents.html",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "gap": "2",
+    "align": "center"
+  },
+  "html": "<row-ui\n      gap=\"2\"\n      align=\"center\">\n      <icon-ui name=\"sparkle\" color=\"accent\"></icon-ui>\n      <text-ui strong>Assistant</text-ui>\n      <text-ui color=\"subtle\">·</text-ui>\n      <text-ui color=\"subtle\">now</text-ui>\n    </row-ui>",
+  "source": "apps/genui/app/gen-ui-feed/gen-ui-feed.contents.html",
+  "metadata": {
+    "domain": "agent",
+    "description": "Chat message assistant byline — the identity row for an AI turn: an accent sparkle icon, the word Assistant in bold, a dot separator, and a muted timestamp. The header strip that marks a response as coming from the assistant rather than a person.",
+    "keywords": [
+      "chat",
+      "message",
+      "assistant",
+      "byline",
+      "header",
+      "sparkle",
+      "icon",
+      "ai",
+      "agent",
+      "name",
+      "timestamp",
+      "bot",
+      "response",
+      "turn",
+      "conversation",
+      "identity",
+      "row",
+      "assistant",
+      "label",
+      "now",
+      "relative",
+      "time",
+      "who",
+      "answered",
+      "model",
+      "reply",
+      "header"
+    ]
+  },
+  "captured_at": "2026-06-10T16:56:21.616Z",
+  "template": [
+    {
+      "id": "sparkle",
+      "component": "Icon",
+      "name": "sparkle"
+    },
+    {
+      "id": "text",
+      "component": "Text",
+      "strong": true,
+      "textContent": "Assistant"
+    },
+    {
+      "id": "text-2",
+      "component": "Text",
+      "color": "subtle",
+      "textContent": "·"
+    },
+    {
+      "id": "text-3",
+      "component": "Text",
+      "color": "subtle",
+      "textContent": "now"
+    },
+    {
+      "id": "root",
+      "component": "Row",
+      "align": "center",
+      "gap": "2",
+      "children": [
+        "sparkle",
+        "text",
+        "text-2",
+        "text-3"
+      ]
+    }
+  ]
+}

package/chunks/chat-message-user-byline.json

@@ -0,0 +1,84 @@
+{
+  "name": "chat-message-user-byline",
+  "kind": "block",
+  "primary": "row-ui",
+  "page": "/apps/genui/app/gen-ui-feed/gen-ui-feed.contents.html",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "gap": "2",
+    "align": "center"
+  },
+  "html": "<row-ui\n      gap=\"2\"\n      align=\"center\">\n      <avatar-ui text=\"Jane Smith\" size=\"sm\"></avatar-ui>\n      <text-ui strong>Jane</text-ui>\n      <text-ui color=\"subtle\">·</text-ui>\n      <text-ui color=\"subtle\">2 min ago</text-ui>\n    </row-ui>",
+  "source": "apps/genui/app/gen-ui-feed/gen-ui-feed.contents.html",
+  "metadata": {
+    "domain": "agent",
+    "description": "Chat message user byline — a single identity row for a user's turn in a conversation: a small avatar, the sender's name in bold, a dot separator, then a muted relative timestamp. The header strip that sits above a chat bubble.",
+    "keywords": [
+      "chat",
+      "message",
+      "user",
+      "byline",
+      "header",
+      "avatar",
+      "name",
+      "timestamp",
+      "sender",
+      "identity",
+      "conversation",
+      "turn",
+      "bubble",
+      "row",
+      "relative",
+      "time",
+      "ago",
+      "author",
+      "who",
+      "sent",
+      "participant",
+      "chat",
+      "header",
+      "sender",
+      "line"
+    ]
+  },
+  "captured_at": "2026-06-10T16:56:21.616Z",
+  "template": [
+    {
+      "id": "avatar",
+      "component": "Avatar",
+      "size": "sm",
+      "text": "Jane Smith"
+    },
+    {
+      "id": "text",
+      "component": "Text",
+      "strong": true,
+      "textContent": "Jane"
+    },
+    {
+      "id": "text-2",
+      "component": "Text",
+      "color": "subtle",
+      "textContent": "·"
+    },
+    {
+      "id": "text-3",
+      "component": "Text",
+      "color": "subtle",
+      "textContent": "2 min ago"
+    },
+    {
+      "id": "root",
+      "component": "Row",
+      "align": "center",
+      "gap": "2",
+      "children": [
+        "avatar",
+        "text",
+        "text-2",
+        "text-3"
+      ]
+    }
+  ]
+}