@adia-ai/a2ui-corpus 0.7.19 → 0.7.20

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"
+      ]
+    }
+  ]
+}

package/chunks/checkout-order-summary-card.json

@@ -0,0 +1,140 @@
+{
+  "name": "checkout-order-summary-card",
+  "kind": "block",
+  "primary": "card-ui",
+  "page": "/playgrounds/composed-flow/app/composed-flow.contents.html",
+  "slots": [],
+  "nested": [],
+  "attrs": {},
+  "html": "<card-ui\n          id=\"summary-card\">\n          <header slot=\"heading\">Order summary</header>\n          <section>\n            <col-ui gap=\"3\">\n              <list-ui spacing=\"sm\" divider>\n                <list-item-ui icon=\"package\" text=\"Aurora cardholder\" description=\"Slim wallet, vegetable-tanned\"></list-item-ui>\n                <list-item-ui icon=\"package\" text=\"Engraving — KG\" description=\"Hand-stamped\"></list-item-ui>\n                <list-item-ui icon=\"truck\" text=\"Standard shipping\" description=\"3–5 business days\"></list-item-ui>\n              </list-ui>\n              <row-ui gap=\"3\" align=\"center\" justify=\"between\">\n                <text-ui variant=\"caption\">Total (USD)</text-ui>\n                <text-ui id=\"summary-total\" variant=\"display\" size=\"md\">$96.12</text-ui>\n              </row-ui>\n            </col-ui>\n          </section>\n        </card-ui>",
+  "source": "playgrounds/composed-flow/app/composed-flow.contents.html",
+  "metadata": {
+    "domain": "billing",
+    "description": "Checkout order-summary card — a card listing the line items being purchased (each an icon, product name, and detail) above a divider and a right-aligned grand total. The 'what you're paying for' panel beside a payment form at checkout.",
+    "keywords": [
+      "checkout",
+      "order",
+      "summary",
+      "cart",
+      "line",
+      "items",
+      "products",
+      "purchase",
+      "total",
+      "cost",
+      "price",
+      "subtotal",
+      "review",
+      "basket",
+      "bag",
+      "receipt",
+      "order",
+      "details",
+      "billing",
+      "list",
+      "items",
+      "shipping",
+      "grand",
+      "total",
+      "ecommerce",
+      "buy"
+    ]
+  },
+  "captured_at": "2026-06-10T16:56:21.616Z",
+  "template": [
+    {
+      "id": "text",
+      "component": "Text",
+      "textContent": "Order summary",
+      "variant": "body"
+    },
+    {
+      "id": "header",
+      "component": "Header",
+      "slot": "heading",
+      "children": [
+        "text"
+      ]
+    },
+    {
+      "id": "list-item",
+      "component": "ListItem",
+      "description": "Slim wallet, vegetable-tanned",
+      "icon": "package",
+      "text": "Aurora cardholder"
+    },
+    {
+      "id": "list-item-2",
+      "component": "ListItem",
+      "description": "Hand-stamped",
+      "icon": "package",
+      "text": "Engraving — KG"
+    },
+    {
+      "id": "list-item-3",
+      "component": "ListItem",
+      "description": "3–5 business days",
+      "icon": "truck",
+      "text": "Standard shipping"
+    },
+    {
+      "id": "list",
+      "component": "List",
+      "divider": true,
+      "spacing": "sm",
+      "children": [
+        "list-item",
+        "list-item-2",
+        "list-item-3"
+      ]
+    },
+    {
+      "id": "text-2",
+      "component": "Text",
+      "variant": "caption",
+      "textContent": "Total (USD)"
+    },
+    {
+      "id": "summary-total",
+      "component": "Text",
+      "size": "md",
+      "variant": "display",
+      "textContent": "$96.12"
+    },
+    {
+      "id": "row",
+      "component": "Row",
+      "align": "center",
+      "gap": "3",
+      "justify": "between",
+      "children": [
+        "text-2",
+        "summary-total"
+      ]
+    },
+    {
+      "id": "column",
+      "component": "Column",
+      "gap": "3",
+      "children": [
+        "list",
+        "row"
+      ]
+    },
+    {
+      "id": "section",
+      "component": "Section",
+      "children": [
+        "column"
+      ]
+    },
+    {
+      "id": "root",
+      "component": "Card",
+      "children": [
+        "header",
+        "section"
+      ]
+    }
+  ]
+}

package/chunks/contact-form-card.json

@@ -0,0 +1,197 @@
+{
+  "name": "contact-form-card",
+  "kind": "block",
+  "primary": "card-ui",
+  "page": "/catalog/ui-patterns/v050-form-blocks/v050-form-blocks.contents.html",
+  "slots": [],
+  "nested": [],
+  "attrs": {},
+  "html": "<card-ui>\n    <header>\n      <h3>Get in touch</h3>\n      <p slot=\"description\">Tell us what you need and we'll reply within one business day.</p>\n    </header>\n    <section>\n      <col-ui gap=\"4\">\n        <grid-ui columns=\"1 2@sm\" gap=\"3\">\n          <field-ui label=\"Name\">\n            <input-ui name=\"name\" autocomplete=\"name\" placeholder=\"Jane Doe\" required></input-ui>\n          </field-ui>\n          <field-ui label=\"Email\">\n            <input-ui type=\"email\" name=\"email\" autocomplete=\"email\" placeholder=\"jane@acme.com\" required></input-ui>\n          </field-ui>\n        </grid-ui>\n        <field-ui label=\"Subject\">\n          <input-ui name=\"subject\" placeholder=\"How can we help?\" required></input-ui>\n        </field-ui>\n        <field-ui label=\"Message\" hint=\"The more detail you give, the faster we can help.\">\n          <textarea-ui name=\"message\" rows=\"4\" placeholder=\"Tell us more…\" required></textarea-ui>\n        </field-ui>\n      </col-ui>\n    </section>\n    <footer>\n      <row-ui gap=\"3\" justify=\"flex-end\">\n        <button-ui text=\"Clear\" variant=\"outline\" type=\"reset\"></button-ui>\n        <button-ui text=\"Send message\" variant=\"primary\" type=\"submit\" icon=\"paper-plane-tilt\"></button-ui>\n      </row-ui>\n    </footer>\n  </card-ui>",
+  "source": "catalog/ui-patterns/v050-form-blocks/v050-form-blocks.contents.html",
+  "metadata": {
+    "domain": "forms",
+    "description": "Canonical full contact form card with both submit and reset actions — heading and subheading, name and email fields in a responsive two-column grid, a subject field, a message textarea, and a footer with a Send message primary button and a Clear (reset) secondary button. The complete form composition (header + fields + dual-action footer). Use for 'contact form', 'contact us form', 'form with submit and reset', 'message form'.",
+    "keywords": [
+      "contact",
+      "form",
+      "contact-us",
+      "message",
+      "name",
+      "email",
+      "subject",
+      "textarea",
+      "send",
+      "submit",
+      "reset",
+      "clear",
+      "two-column",
+      "grid",
+      "field",
+      "input",
+      "label",
+      "complete",
+      "card",
+      "heading",
+      "footer",
+      "dual-action",
+      "full-form"
+    ]
+  },
+  "captured_at": "2026-06-10T14:28:57.979Z",
+  "template": [
+    {
+      "id": "text",
+      "component": "Text",
+      "variant": "heading",
+      "textContent": "Get in touch"
+    },
+    {
+      "id": "text-2",
+      "component": "Text",
+      "variant": "body",
+      "slot": "description",
+      "textContent": "Tell us what you need and we'll reply within one business day."
+    },
+    {
+      "id": "header",
+      "component": "Header",
+      "children": [
+        "text",
+        "text-2"
+      ]
+    },
+    {
+      "id": "name",
+      "component": "Input",
+      "required": true,
+      "autocomplete": "name",
+      "name": "name",
+      "placeholder": "Jane Doe"
+    },
+    {
+      "id": "field",
+      "component": "Field",
+      "label": "Name",
+      "children": [
+        "name"
+      ]
+    },
+    {
+      "id": "email",
+      "component": "Input",
+      "type": "email",
+      "required": true,
+      "autocomplete": "email",
+      "name": "email",
+      "placeholder": "jane@acme.com"
+    },
+    {
+      "id": "field-2",
+      "component": "Field",
+      "label": "Email",
+      "children": [
+        "email"
+      ]
+    },
+    {
+      "id": "grid",
+      "component": "Grid",
+      "columns": "1 2@sm",
+      "gap": "3",
+      "children": [
+        "field",
+        "field-2"
+      ]
+    },
+    {
+      "id": "subject",
+      "component": "Input",
+      "required": true,
+      "name": "subject",
+      "placeholder": "How can we help?"
+    },
+    {
+      "id": "field-3",
+      "component": "Field",
+      "label": "Subject",
+      "children": [
+        "subject"
+      ]
+    },
+    {
+      "id": "message",
+      "component": "TextArea",
+      "required": true,
+      "name": "message",
+      "placeholder": "Tell us more…",
+      "rows": "4"
+    },
+    {
+      "id": "field-4",
+      "component": "Field",
+      "hint": "The more detail you give, the faster we can help.",
+      "label": "Message",
+      "children": [
+        "message"
+      ]
+    },
+    {
+      "id": "column",
+      "component": "Column",
+      "gap": "4",
+      "children": [
+        "grid",
+        "field-3",
+        "field-4"
+      ]
+    },
+    {
+      "id": "section",
+      "component": "Section",
+      "children": [
+        "column"
+      ]
+    },
+    {
+      "id": "button",
+      "component": "Button",
+      "type": "reset",
+      "text": "Clear",
+      "variant": "outline"
+    },
+    {
+      "id": "button-2",
+      "component": "Button",
+      "type": "submit",
+      "icon": "paper-plane-tilt",
+      "text": "Send message",
+      "variant": "primary"
+    },
+    {
+      "id": "row",
+      "component": "Row",
+      "gap": "3",
+      "justify": "flex-end",
+      "children": [
+        "button",
+        "button-2"
+      ]
+    },
+    {
+      "id": "footer",
+      "component": "Footer",
+      "children": [
+        "row"
+      ]
+    },
+    {
+      "id": "root",
+      "component": "Card",
+      "children": [
+        "header",
+        "section",
+        "footer"
+      ]
+    }
+  ]
+}