{
  "name": "reg-helpdesk-grid",
  "kind": "block",
  "primary": "section",
  "page": "/apps/user-flow/app/registration/support/support.contents.html",
  "slots": [],
  "nested": [],
  "attrs": {
    "data-reg-form": ""
  },
  "html": "<section data-reg-form>\n          <field-ui inline label=\"Support email\">\n            <input-ui type=\"email\" name=\"support_email\" autocomplete=\"email\" placeholder=\"support@acme.com\" required></input-ui>\n          </field-ui>\n\n          <field-ui inline label=\"Support phone\">\n            <input-ui type=\"tel\" name=\"support_phone\" autocomplete=\"tel\" placeholder=\"+1 (555) 555-0100\"></input-ui>\n          </field-ui>\n\n          <field-ui inline label=\"Hours\">\n            <segmented-ui name=\"hours\" value=\"247\">\n              <segment-ui text=\"24 / 7\" value=\"247\"></segment-ui>\n              <segment-ui text=\"Business hours\" value=\"business\"></segment-ui>\n              <segment-ui text=\"Custom\" value=\"custom\"></segment-ui>\n            </segmented-ui>\n          </field-ui>\n\n          <divider-ui></divider-ui>\n\n          <col-ui gap=\"2\">\n            <text-ui strong>Connect a help desk</text-ui>\n            <text-ui color=\"subtle\">Pick the tool your team already lives in — we'll forward tickets and surface them in your AdiaUI inbox.</text-ui>\n          </col-ui>\n\n          <grid-ui columns=\"1 2@sm\" gap=\"2\">\n            <card-ui>\n              <header>\n                <icon-ui slot=\"icon\" name=\"lifebuoy\" size=\"lg\"></icon-ui>\n                <span slot=\"heading\"><text-ui strong>Pylon</text-ui></span>\n                <span slot=\"description\">\n                  <text-ui color=\"subtle\">B2B-first help desk with shared Slack channels.</text-ui>\n                </span>\n                <switch-ui slot=\"action\" name=\"hd[pylon]\" checked></switch-ui>\n              </header>\n            </card-ui>\n            <card-ui>\n              <header>\n                <icon-ui slot=\"icon\" name=\"chats-circle\" size=\"lg\"></icon-ui>\n                <span slot=\"heading\"><text-ui strong>Intercom</text-ui></span>\n                <span slot=\"description\">\n                  <text-ui color=\"subtle\">In-app messenger + ticketing.</text-ui>\n                </span>\n                <switch-ui slot=\"action\" name=\"hd[intercom]\"></switch-ui>\n              </header>\n            </card-ui>\n            <card-ui>\n              <header>\n                <icon-ui slot=\"icon\" name=\"ticket\" size=\"lg\"></icon-ui>\n                <span slot=\"heading\"><text-ui strong>Zendesk</text-ui></span>\n                <span slot=\"description\">\n                  <text-ui color=\"subtle\">Mature ticketing + help-center stack.</text-ui>\n                </span>\n                <switch-ui slot=\"action\" name=\"hd[zendesk]\"></switch-ui>\n              </header>\n            </card-ui>\n            <card-ui>\n              <header>\n                <icon-ui slot=\"icon\" name=\"cloud\" size=\"lg\"></icon-ui>\n                <span slot=\"heading\"><text-ui strong>Salesforce Service</text-ui></span>\n                <span slot=\"description\">\n                  <text-ui color=\"subtle\">Enterprise CRM-attached service cloud.</text-ui>\n                </span>\n                <switch-ui slot=\"action\" name=\"hd[salesforce]\"></switch-ui>\n              </header>\n            </card-ui>\n            <card-ui>\n              <header>\n                <icon-ui slot=\"icon\" name=\"kanban\" size=\"lg\"></icon-ui>\n                <span slot=\"heading\"><text-ui strong>Linear</text-ui></span>\n                <span slot=\"description\">\n                  <text-ui color=\"subtle\">For engineering-led support workflows.</text-ui>\n                </span>\n                <switch-ui slot=\"action\" name=\"hd[linear]\"></switch-ui>\n              </header>\n            </card-ui>\n            <card-ui>\n              <header>\n                <icon-ui slot=\"icon\" name=\"funnel\" size=\"lg\"></icon-ui>\n                <span slot=\"heading\"><text-ui strong>HubSpot</text-ui></span>\n                <span slot=\"description\">\n                  <text-ui color=\"subtle\">Marketing-attached service hub.</text-ui>\n                </span>\n                <switch-ui slot=\"action\" name=\"hd[hubspot]\"></switch-ui>\n              </header>\n            </card-ui>\n          </grid-ui>\n\n          <alert-ui variant=\"info\" icon=\"shield-check\">\n            <span slot=\"content\">\n              We only forward ticket metadata (subject, priority, assignee) into your AdiaUI inbox by default. Conversation contents stay in your help desk.\n              Configure per-channel scope from <a href=\"#\">admin → integrations</a>.\n            </span>\n          </alert-ui>\n\n          <div data-reg-defer-row>\n            <check-ui name=\"defer\" label=\"I'll do this later from admin → workspace → support\"></check-ui>\n            <text-ui color=\"subtle\" data-reg-defer-hint>\n              Inbound mentions of \"support\" / \"help\" / \"issue\" in connected channels will queue without routing until configured.\n            </text-ui>\n          </div>\n        </section>",
  "source": "apps/user-flow/app/registration/support/support.contents.html",
  "metadata": {
    "domain": "forms",
    "description": "Helpdesk channel configuration — pick support inbox, CRM, or ticketing integration.",
    "keywords": [
      "registration",
      "helpdesk",
      "support",
      "crm",
      "ticketing",
      "configuration"
    ]
  },
  "captured_at": "2026-06-07T19:28:13.657Z",
  "template": [
    {
      "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",
      "component": "Text",
      "strong": true,
      "textContent": "Connect a help desk"
    },
    {
      "id": "text-2",
      "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",
        "text-2"
      ]
    },
    {
      "id": "lifebuoy",
      "component": "Icon",
      "slot": "icon",
      "name": "lifebuoy",
      "size": "lg"
    },
    {
      "id": "text-4",
      "component": "Text",
      "strong": true,
      "textContent": "Pylon"
    },
    {
      "id": "text-3",
      "component": "Text",
      "variant": "body",
      "slot": "heading",
      "children": [
        "text-4"
      ]
    },
    {
      "id": "text-6",
      "component": "Text",
      "color": "subtle",
      "textContent": "B2B-first help desk with shared Slack channels."
    },
    {
      "id": "text-5",
      "component": "Text",
      "variant": "body",
      "slot": "description",
      "children": [
        "text-6"
      ]
    },
    {
      "id": "hd-pylon",
      "component": "Toggle",
      "slot": "action",
      "checked": true,
      "name": "hd[pylon]"
    },
    {
      "id": "header",
      "component": "Header",
      "children": [
        "lifebuoy",
        "text-3",
        "text-5",
        "hd-pylon"
      ]
    },
    {
      "id": "card",
      "component": "Card",
      "children": [
        "header"
      ]
    },
    {
      "id": "chats-circle",
      "component": "Icon",
      "slot": "icon",
      "name": "chats-circle",
      "size": "lg"
    },
    {
      "id": "text-8",
      "component": "Text",
      "strong": true,
      "textContent": "Intercom"
    },
    {
      "id": "text-7",
      "component": "Text",
      "variant": "body",
      "slot": "heading",
      "children": [
        "text-8"
      ]
    },
    {
      "id": "text-10",
      "component": "Text",
      "color": "subtle",
      "textContent": "In-app messenger + ticketing."
    },
    {
      "id": "text-9",
      "component": "Text",
      "variant": "body",
      "slot": "description",
      "children": [
        "text-10"
      ]
    },
    {
      "id": "hd-intercom",
      "component": "Toggle",
      "slot": "action",
      "name": "hd[intercom]"
    },
    {
      "id": "header-2",
      "component": "Header",
      "children": [
        "chats-circle",
        "text-7",
        "text-9",
        "hd-intercom"
      ]
    },
    {
      "id": "card-2",
      "component": "Card",
      "children": [
        "header-2"
      ]
    },
    {
      "id": "ticket",
      "component": "Icon",
      "slot": "icon",
      "name": "ticket",
      "size": "lg"
    },
    {
      "id": "text-12",
      "component": "Text",
      "strong": true,
      "textContent": "Zendesk"
    },
    {
      "id": "text-11",
      "component": "Text",
      "variant": "body",
      "slot": "heading",
      "children": [
        "text-12"
      ]
    },
    {
      "id": "text-14",
      "component": "Text",
      "color": "subtle",
      "textContent": "Mature ticketing + help-center stack."
    },
    {
      "id": "text-13",
      "component": "Text",
      "variant": "body",
      "slot": "description",
      "children": [
        "text-14"
      ]
    },
    {
      "id": "hd-zendesk",
      "component": "Toggle",
      "slot": "action",
      "name": "hd[zendesk]"
    },
    {
      "id": "header-3",
      "component": "Header",
      "children": [
        "ticket",
        "text-11",
        "text-13",
        "hd-zendesk"
      ]
    },
    {
      "id": "card-3",
      "component": "Card",
      "children": [
        "header-3"
      ]
    },
    {
      "id": "cloud",
      "component": "Icon",
      "slot": "icon",
      "name": "cloud",
      "size": "lg"
    },
    {
      "id": "text-16",
      "component": "Text",
      "strong": true,
      "textContent": "Salesforce Service"
    },
    {
      "id": "text-15",
      "component": "Text",
      "variant": "body",
      "slot": "heading",
      "children": [
        "text-16"
      ]
    },
    {
      "id": "text-18",
      "component": "Text",
      "color": "subtle",
      "textContent": "Enterprise CRM-attached service cloud."
    },
    {
      "id": "text-17",
      "component": "Text",
      "variant": "body",
      "slot": "description",
      "children": [
        "text-18"
      ]
    },
    {
      "id": "hd-salesforce",
      "component": "Toggle",
      "slot": "action",
      "name": "hd[salesforce]"
    },
    {
      "id": "header-4",
      "component": "Header",
      "children": [
        "cloud",
        "text-15",
        "text-17",
        "hd-salesforce"
      ]
    },
    {
      "id": "card-4",
      "component": "Card",
      "children": [
        "header-4"
      ]
    },
    {
      "id": "kanban",
      "component": "Icon",
      "slot": "icon",
      "name": "kanban",
      "size": "lg"
    },
    {
      "id": "text-20",
      "component": "Text",
      "strong": true,
      "textContent": "Linear"
    },
    {
      "id": "text-19",
      "component": "Text",
      "variant": "body",
      "slot": "heading",
      "children": [
        "text-20"
      ]
    },
    {
      "id": "text-22",
      "component": "Text",
      "color": "subtle",
      "textContent": "For engineering-led support workflows."
    },
    {
      "id": "text-21",
      "component": "Text",
      "variant": "body",
      "slot": "description",
      "children": [
        "text-22"
      ]
    },
    {
      "id": "hd-linear",
      "component": "Toggle",
      "slot": "action",
      "name": "hd[linear]"
    },
    {
      "id": "header-5",
      "component": "Header",
      "children": [
        "kanban",
        "text-19",
        "text-21",
        "hd-linear"
      ]
    },
    {
      "id": "card-5",
      "component": "Card",
      "children": [
        "header-5"
      ]
    },
    {
      "id": "funnel",
      "component": "Icon",
      "slot": "icon",
      "name": "funnel",
      "size": "lg"
    },
    {
      "id": "text-24",
      "component": "Text",
      "strong": true,
      "textContent": "HubSpot"
    },
    {
      "id": "text-23",
      "component": "Text",
      "variant": "body",
      "slot": "heading",
      "children": [
        "text-24"
      ]
    },
    {
      "id": "text-26",
      "component": "Text",
      "color": "subtle",
      "textContent": "Marketing-attached service hub."
    },
    {
      "id": "text-25",
      "component": "Text",
      "variant": "body",
      "slot": "description",
      "children": [
        "text-26"
      ]
    },
    {
      "id": "hd-hubspot",
      "component": "Toggle",
      "slot": "action",
      "name": "hd[hubspot]"
    },
    {
      "id": "header-6",
      "component": "Header",
      "children": [
        "funnel",
        "text-23",
        "text-25",
        "hd-hubspot"
      ]
    },
    {
      "id": "card-6",
      "component": "Card",
      "children": [
        "header-6"
      ]
    },
    {
      "id": "grid",
      "component": "Grid",
      "columns": "1 2@sm",
      "gap": "2",
      "children": [
        "card",
        "card-2",
        "card-3",
        "card-4",
        "card-5",
        "card-6"
      ]
    },
    {
      "id": "text-28",
      "component": "Text",
      "textContent": "admin → integrations",
      "variant": "body"
    },
    {
      "id": "link",
      "component": "Link",
      "href": "#",
      "text": "admin → integrations",
      "children": [
        "text-28"
      ]
    },
    {
      "id": "text-27",
      "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-27"
      ]
    },
    {
      "id": "defer",
      "component": "CheckBox",
      "label": "I'll do this later from admin → workspace → support",
      "name": "defer"
    },
    {
      "id": "text-29",
      "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-29"
      ]
    },
    {
      "id": "root",
      "component": "Section",
      "data-reg-form": "",
      "children": [
        "field",
        "field-2",
        "field-3",
        "divider",
        "column",
        "grid",
        "alert",
        "column-2"
      ]
    }
  ]
}