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