@adia-ai/a2ui-corpus 0.7.18 → 0.7.20

package/chunks/contact-support-form.json

@@ -0,0 +1,699 @@
+{
+  "name": "contact-support-form",
+  "kind": "block",
+  "primary": "form",
+  "page": "/apps/user-flow/app/registration/support/support.contents.html",
+  "slots": [],
+  "nested": [
+    "reg-step-header",
+    "reg-helpdesk-grid",
+    "reg-step-footer",
+    "reg-step-progress"
+  ],
+  "attrs": {
+    "data-reg-input": "",
+    "action": "/site/examples/registration/departments",
+    "method": "get"
+  },
+  "html": "<form data-reg-input action=\"/site/examples/registration/departments\" method=\"get\">\n        <header data-reg-heading><!-- nested: reg-step-header --></header>\n\n        <section data-reg-form><!-- nested: reg-helpdesk-grid --></section>\n\n        <footer><!-- nested: reg-step-footer --></footer>\n      </form>",
+  "source": "apps/user-flow/app/registration/support/support.contents.html",
+  "metadata": {
+    "domain": "forms",
+    "description": "Complete contact / support configuration form — heading, support email + phone fields, hours segmented control, a grid of help-desk channel toggle cards, info alert, and a submit footer. The full form composition (header + fields + actions), not just the field rows. Use for 'contact form', 'support form', 'help desk form'.",
+    "keywords": [
+      "contact",
+      "form",
+      "support",
+      "form",
+      "complete",
+      "card",
+      "heading",
+      "fields",
+      "email",
+      "phone",
+      "hours",
+      "helpdesk",
+      "channels",
+      "submit",
+      "footer",
+      "required",
+      "validation",
+      "contact-us",
+      "reach-us",
+      "full-form"
+    ],
+    "related": [
+      "contact-form",
+      "reg-helpdesk-grid",
+      "reg-step-footer"
+    ],
+    "tags": {
+      "complexity": "moderate",
+      "form": "contact"
+    }
+  },
+  "captured_at": "2026-06-10T14:28:57.979Z",
+  "template": [
+    {
+      "id": "text",
+      "component": "Text",
+      "variant": "display",
+      "textContent": "How do customers reach you?"
+    },
+    {
+      "id": "text-2",
+      "component": "Text",
+      "color": "subtle",
+      "textContent": "Configure the support channels that should route into your inbox. You can wire more later."
+    },
+    {
+      "id": "header-2",
+      "component": "Header",
+      "data-reg-heading": "",
+      "children": [
+        "text",
+        "text-2"
+      ]
+    },
+    {
+      "id": "header",
+      "component": "Header",
+      "data-reg-heading": "",
+      "children": [
+        "header-2"
+      ]
+    },
+    {
+      "id": "support-email",
+      "component": "Input",
+      "type": "email",
+      "required": true,
+      "autocomplete": "email",
+      "name": "support_email",
+      "placeholder": "support@acme.com"
+    },
+    {
+      "id": "field",
+      "component": "Field",
+      "inline": true,
+      "label": "Support email",
+      "children": [
+        "support-email"
+      ]
+    },
+    {
+      "id": "support-phone",
+      "component": "Input",
+      "type": "tel",
+      "autocomplete": "tel",
+      "name": "support_phone",
+      "placeholder": "+1 (555) 555-0100"
+    },
+    {
+      "id": "field-2",
+      "component": "Field",
+      "inline": true,
+      "label": "Support phone",
+      "children": [
+        "support-phone"
+      ]
+    },
+    {
+      "id": "segment",
+      "component": "Segment",
+      "text": "24 / 7",
+      "value": "247"
+    },
+    {
+      "id": "segment-2",
+      "component": "Segment",
+      "text": "Business hours",
+      "value": "business"
+    },
+    {
+      "id": "segment-3",
+      "component": "Segment",
+      "text": "Custom",
+      "value": "custom"
+    },
+    {
+      "id": "hours",
+      "component": "SegmentedControl",
+      "value": "247",
+      "children": [
+        "segment",
+        "segment-2",
+        "segment-3"
+      ]
+    },
+    {
+      "id": "field-3",
+      "component": "Field",
+      "inline": true,
+      "label": "Hours",
+      "children": [
+        "hours"
+      ]
+    },
+    {
+      "id": "divider",
+      "component": "Divider"
+    },
+    {
+      "id": "text-3",
+      "component": "Text",
+      "strong": true,
+      "textContent": "Connect a help desk"
+    },
+    {
+      "id": "text-4",
+      "component": "Text",
+      "color": "subtle",
+      "textContent": "Pick the tool your team already lives in — we'll forward tickets and surface them in your AdiaUI inbox."
+    },
+    {
+      "id": "column",
+      "component": "Column",
+      "gap": "2",
+      "children": [
+        "text-3",
+        "text-4"
+      ]
+    },
+    {
+      "id": "lifebuoy",
+      "component": "Icon",
+      "slot": "icon",
+      "name": "lifebuoy",
+      "size": "lg"
+    },
+    {
+      "id": "text-6",
+      "component": "Text",
+      "strong": true,
+      "textContent": "Pylon"
+    },
+    {
+      "id": "text-5",
+      "component": "Text",
+      "variant": "body",
+      "slot": "heading",
+      "children": [
+        "text-6"
+      ]
+    },
+    {
+      "id": "text-8",
+      "component": "Text",
+      "color": "subtle",
+      "textContent": "B2B-first help desk with shared Slack channels."
+    },
+    {
+      "id": "text-7",
+      "component": "Text",
+      "variant": "body",
+      "slot": "description",
+      "children": [
+        "text-8"
+      ]
+    },
+    {
+      "id": "hd-pylon",
+      "component": "Toggle",
+      "slot": "action",
+      "checked": true,
+      "name": "hd[pylon]"
+    },
+    {
+      "id": "header-3",
+      "component": "Header",
+      "children": [
+        "lifebuoy",
+        "text-5",
+        "text-7",
+        "hd-pylon"
+      ]
+    },
+    {
+      "id": "card",
+      "component": "Card",
+      "children": [
+        "header-3"
+      ]
+    },
+    {
+      "id": "chats-circle",
+      "component": "Icon",
+      "slot": "icon",
+      "name": "chats-circle",
+      "size": "lg"
+    },
+    {
+      "id": "text-10",
+      "component": "Text",
+      "strong": true,
+      "textContent": "Intercom"
+    },
+    {
+      "id": "text-9",
+      "component": "Text",
+      "variant": "body",
+      "slot": "heading",
+      "children": [
+        "text-10"
+      ]
+    },
+    {
+      "id": "text-12",
+      "component": "Text",
+      "color": "subtle",
+      "textContent": "In-app messenger + ticketing."
+    },
+    {
+      "id": "text-11",
+      "component": "Text",
+      "variant": "body",
+      "slot": "description",
+      "children": [
+        "text-12"
+      ]
+    },
+    {
+      "id": "hd-intercom",
+      "component": "Toggle",
+      "slot": "action",
+      "name": "hd[intercom]"
+    },
+    {
+      "id": "header-4",
+      "component": "Header",
+      "children": [
+        "chats-circle",
+        "text-9",
+        "text-11",
+        "hd-intercom"
+      ]
+    },
+    {
+      "id": "card-2",
+      "component": "Card",
+      "children": [
+        "header-4"
+      ]
+    },
+    {
+      "id": "ticket",
+      "component": "Icon",
+      "slot": "icon",
+      "name": "ticket",
+      "size": "lg"
+    },
+    {
+      "id": "text-14",
+      "component": "Text",
+      "strong": true,
+      "textContent": "Zendesk"
+    },
+    {
+      "id": "text-13",
+      "component": "Text",
+      "variant": "body",
+      "slot": "heading",
+      "children": [
+        "text-14"
+      ]
+    },
+    {
+      "id": "text-16",
+      "component": "Text",
+      "color": "subtle",
+      "textContent": "Mature ticketing + help-center stack."
+    },
+    {
+      "id": "text-15",
+      "component": "Text",
+      "variant": "body",
+      "slot": "description",
+      "children": [
+        "text-16"
+      ]
+    },
+    {
+      "id": "hd-zendesk",
+      "component": "Toggle",
+      "slot": "action",
+      "name": "hd[zendesk]"
+    },
+    {
+      "id": "header-5",
+      "component": "Header",
+      "children": [
+        "ticket",
+        "text-13",
+        "text-15",
+        "hd-zendesk"
+      ]
+    },
+    {
+      "id": "card-3",
+      "component": "Card",
+      "children": [
+        "header-5"
+      ]
+    },
+    {
+      "id": "cloud",
+      "component": "Icon",
+      "slot": "icon",
+      "name": "cloud",
+      "size": "lg"
+    },
+    {
+      "id": "text-18",
+      "component": "Text",
+      "strong": true,
+      "textContent": "Salesforce Service"
+    },
+    {
+      "id": "text-17",
+      "component": "Text",
+      "variant": "body",
+      "slot": "heading",
+      "children": [
+        "text-18"
+      ]
+    },
+    {
+      "id": "text-20",
+      "component": "Text",
+      "color": "subtle",
+      "textContent": "Enterprise CRM-attached service cloud."
+    },
+    {
+      "id": "text-19",
+      "component": "Text",
+      "variant": "body",
+      "slot": "description",
+      "children": [
+        "text-20"
+      ]
+    },
+    {
+      "id": "hd-salesforce",
+      "component": "Toggle",
+      "slot": "action",
+      "name": "hd[salesforce]"
+    },
+    {
+      "id": "header-6",
+      "component": "Header",
+      "children": [
+        "cloud",
+        "text-17",
+        "text-19",
+        "hd-salesforce"
+      ]
+    },
+    {
+      "id": "card-4",
+      "component": "Card",
+      "children": [
+        "header-6"
+      ]
+    },
+    {
+      "id": "kanban",
+      "component": "Icon",
+      "slot": "icon",
+      "name": "kanban",
+      "size": "lg"
+    },
+    {
+      "id": "text-22",
+      "component": "Text",
+      "strong": true,
+      "textContent": "Linear"
+    },
+    {
+      "id": "text-21",
+      "component": "Text",
+      "variant": "body",
+      "slot": "heading",
+      "children": [
+        "text-22"
+      ]
+    },
+    {
+      "id": "text-24",
+      "component": "Text",
+      "color": "subtle",
+      "textContent": "For engineering-led support workflows."
+    },
+    {
+      "id": "text-23",
+      "component": "Text",
+      "variant": "body",
+      "slot": "description",
+      "children": [
+        "text-24"
+      ]
+    },
+    {
+      "id": "hd-linear",
+      "component": "Toggle",
+      "slot": "action",
+      "name": "hd[linear]"
+    },
+    {
+      "id": "header-7",
+      "component": "Header",
+      "children": [
+        "kanban",
+        "text-21",
+        "text-23",
+        "hd-linear"
+      ]
+    },
+    {
+      "id": "card-5",
+      "component": "Card",
+      "children": [
+        "header-7"
+      ]
+    },
+    {
+      "id": "funnel",
+      "component": "Icon",
+      "slot": "icon",
+      "name": "funnel",
+      "size": "lg"
+    },
+    {
+      "id": "text-26",
+      "component": "Text",
+      "strong": true,
+      "textContent": "HubSpot"
+    },
+    {
+      "id": "text-25",
+      "component": "Text",
+      "variant": "body",
+      "slot": "heading",
+      "children": [
+        "text-26"
+      ]
+    },
+    {
+      "id": "text-28",
+      "component": "Text",
+      "color": "subtle",
+      "textContent": "Marketing-attached service hub."
+    },
+    {
+      "id": "text-27",
+      "component": "Text",
+      "variant": "body",
+      "slot": "description",
+      "children": [
+        "text-28"
+      ]
+    },
+    {
+      "id": "hd-hubspot",
+      "component": "Toggle",
+      "slot": "action",
+      "name": "hd[hubspot]"
+    },
+    {
+      "id": "header-8",
+      "component": "Header",
+      "children": [
+        "funnel",
+        "text-25",
+        "text-27",
+        "hd-hubspot"
+      ]
+    },
+    {
+      "id": "card-6",
+      "component": "Card",
+      "children": [
+        "header-8"
+      ]
+    },
+    {
+      "id": "grid",
+      "component": "Grid",
+      "columns": "1 2@sm",
+      "gap": "2",
+      "children": [
+        "card",
+        "card-2",
+        "card-3",
+        "card-4",
+        "card-5",
+        "card-6"
+      ]
+    },
+    {
+      "id": "text-30",
+      "component": "Text",
+      "textContent": "admin → integrations",
+      "variant": "body"
+    },
+    {
+      "id": "link",
+      "component": "Link",
+      "href": "#",
+      "text": "admin → integrations",
+      "children": [
+        "text-30"
+      ]
+    },
+    {
+      "id": "text-29",
+      "component": "Text",
+      "variant": "body",
+      "slot": "content",
+      "textContent": "We only forward ticket metadata (subject, priority, assignee) into your AdiaUI inbox by default. Conversation contents stay in your help desk. Configure per-channel scope from .",
+      "children": [
+        "link"
+      ]
+    },
+    {
+      "id": "alert",
+      "component": "Alert",
+      "icon": "shield-check",
+      "variant": "info",
+      "children": [
+        "text-29"
+      ]
+    },
+    {
+      "id": "defer",
+      "component": "CheckBox",
+      "label": "I'll do this later from admin → workspace → support",
+      "name": "defer"
+    },
+    {
+      "id": "text-31",
+      "component": "Text",
+      "color": "subtle",
+      "textContent": "Inbound mentions of \"support\" / \"help\" / \"issue\" in connected channels will queue without routing until configured.",
+      "data-reg-defer-hint": ""
+    },
+    {
+      "id": "column-2",
+      "component": "Column",
+      "data-reg-defer-row": "",
+      "children": [
+        "defer",
+        "text-31"
+      ]
+    },
+    {
+      "id": "section-2",
+      "component": "Section",
+      "data-reg-form": "",
+      "children": [
+        "field",
+        "field-2",
+        "field-3",
+        "divider",
+        "column",
+        "grid",
+        "alert",
+        "column-2"
+      ]
+    },
+    {
+      "id": "section",
+      "component": "Section",
+      "data-reg-form": "",
+      "children": [
+        "section-2"
+      ]
+    },
+    {
+      "id": "column-3",
+      "component": "Column"
+    },
+    {
+      "id": "text-32",
+      "component": "Text",
+      "textContent": "Back",
+      "variant": "body"
+    },
+    {
+      "id": "link-2",
+      "component": "Link",
+      "href": "/site/examples/registration/brand-scrape",
+      "text": "Back",
+      "data-reg-back": "",
+      "children": [
+        "text-32"
+      ]
+    },
+    {
+      "id": "button",
+      "component": "Button",
+      "type": "submit",
+      "text": "Continue",
+      "variant": "primary"
+    },
+    {
+      "id": "column-4",
+      "component": "Column",
+      "data-reg-actions": "",
+      "children": [
+        "link-2",
+        "button"
+      ]
+    },
+    {
+      "id": "footer-2",
+      "component": "Footer",
+      "children": [
+        "column-3",
+        "column-4"
+      ]
+    },
+    {
+      "id": "footer",
+      "component": "Footer",
+      "children": [
+        "footer-2"
+      ]
+    },
+    {
+      "id": "root",
+      "component": "FormContainer",
+      "data-reg-input": "",
+      "children": [
+        "header",
+        "section",
+        "footer"
+      ]
+    }
+  ]
+}