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