@zendir/ui 0.6.2 → 0.7.0

package/dist/react/core/widgets/ChatPanel.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChatPanel.js","names":[],"sources":["../../../../src/react/core/widgets/ChatPanel.tsx"],"sourcesContent":["/**\r\n * @zendir/ui - ChatPanel Component\r\n *\r\n * Status-aware chat interface for operator dashboards with AI/command assistance.\r\n * Supports structured message blocks (alerts, telemetry, status cards, data tables)\r\n * alongside plain text, markdown, and code.\r\n *\r\n * Astro UX Compliance:\r\n * - 6-level status system with dual-coded shapes (color + shape)\r\n * - Glass-morphism for message bubbles\r\n * - Monospace for code/command content\r\n * - Focus management and keyboard shortcuts\r\n *\r\n * AI Integration:\r\n * - Messages can include structured `blocks` that the AI emits\r\n * - Four integration strategies: Tool/Function Calling, YAML, JSON, and MCP\r\n * - Tool/Function calling schemas for OpenAI, Anthropic, Gemini, and MCP servers\r\n * - `parseChatResponse()` — universal parser for JSON, YAML, and plain text\r\n * - `parseMcpToolResult()` — bridge MCP tool results to ChatPanel blocks\r\n * - `CHAT_RESPONSE_TOOL_SCHEMA` — drop-in function schema for LLM API calls\r\n * - `CHAT_RESPONSE_MCP_TOOL` — MCP server tool definition for structured responses\r\n * - `CHAT_RESPONSE_YAML_PROMPT` — system prompt snippet for YAML mode\r\n *\r\n * @example\r\n * ```tsx\r\n * <ChatPanel\r\n *   messages={messages}\r\n *   onSend={(text) => handleSend(text)}\r\n *   loading={isStreaming}\r\n *   placeholder=\"Ask about telemetry...\"\r\n *   title=\"AI Assistant\"\r\n * />\r\n * ```\r\n */\r\n\r\nimport React, { memo, useState, useCallback, useEffect, useRef } from \"react\";\r\nimport { useTheme } from \"../../theme\";\r\nimport { safeAccentText } from \"../../utils\";\r\nimport type { StatusLevel } from \"../../utils\";\r\n\r\n// ─── Types ───────────────────────────────────────────────────────────────────\r\n\r\n/** Status alert block — renders as a colored banner with icon shape */\r\nexport interface ChatBlockAlert {\r\n  type: \"alert\";\r\n  status: StatusLevel;\r\n  title: string;\r\n  detail?: string;\r\n}\r\n\r\n/** Telemetry readout block — key/value pairs with optional status per row */\r\nexport interface ChatBlockTelemetry {\r\n  type: \"telemetry\";\r\n  title?: string;\r\n  items: Array<{\r\n    label: string;\r\n    value: string | number;\r\n    unit?: string;\r\n    status?: StatusLevel;\r\n  }>;\r\n}\r\n\r\n/** Progress block — inline progress bar */\r\nexport interface ChatBlockProgress {\r\n  type: \"progress\";\r\n  label: string;\r\n  value: number;\r\n  max?: number;\r\n  status?: StatusLevel;\r\n}\r\n\r\n/** Data table block */\r\nexport interface ChatBlockTable {\r\n  type: \"table\";\r\n  title?: string;\r\n  columns: string[];\r\n  rows: (string | number)[][];\r\n}\r\n\r\n/** Action buttons block */\r\nexport interface ChatBlockActions {\r\n  type: \"actions\";\r\n  buttons: Array<{\r\n    label: string;\r\n    variant?: \"primary\" | \"secondary\" | \"critical\";\r\n    onClick: () => void;\r\n  }>;\r\n}\r\n\r\n/** Choice/option selector — AI presents options, user picks one (or multiple) */\r\nexport interface ChatBlockChoice {\r\n  type: \"choice\";\r\n  /** Unique ID for this choice block (used in onBlockEvent callback) */\r\n  id: string;\r\n  title?: string;\r\n  /** Allow multiple selections */\r\n  multiple?: boolean;\r\n  options: Array<{\r\n    id: string;\r\n    label: string;\r\n    description?: string;\r\n    status?: StatusLevel;\r\n    disabled?: boolean;\r\n  }>;\r\n  /** Pre-selected option IDs */\r\n  selected?: string[];\r\n  /** Has the user already submitted their choice? */\r\n  submitted?: boolean;\r\n}\r\n\r\n/** Confirmation gate — requires explicit operator acknowledgment before proceeding */\r\nexport interface ChatBlockConfirm {\r\n  type: \"confirm\";\r\n  /** Unique ID for this confirm block (used in onBlockEvent callback) */\r\n  id: string;\r\n  status?: StatusLevel;\r\n  title: string;\r\n  detail?: string;\r\n  confirmLabel?: string;\r\n  cancelLabel?: string;\r\n  /** Has the operator already responded? */\r\n  resolved?: \"confirmed\" | \"cancelled\";\r\n}\r\n\r\n/** Command block — displays a command with copy-to-clipboard and optional execute */\r\nexport interface ChatBlockCommand {\r\n  type: \"command\";\r\n  /** Unique ID for this command block (used in onBlockEvent callback) */\r\n  id?: string;\r\n  language?: string;\r\n  command: string;\r\n  label?: string;\r\n  /** Show an execute button (fires onBlockEvent with action:'execute') */\r\n  executable?: boolean;\r\n}\r\n\r\n/** Key-value metadata block — compact pairs for context/metadata */\r\nexport interface ChatBlockKV {\r\n  type: \"kv\";\r\n  title?: string;\r\n  pairs: Array<{ key: string; value: string | number; mono?: boolean }>;\r\n}\r\n\r\nexport type ChatBlock =\r\n  | ChatBlockAlert\r\n  | ChatBlockTelemetry\r\n  | ChatBlockProgress\r\n  | ChatBlockTable\r\n  | ChatBlockActions\r\n  | ChatBlockChoice\r\n  | ChatBlockConfirm\r\n  | ChatBlockCommand\r\n  | ChatBlockKV;\r\n\r\n/** Event emitted by interactive blocks (choice, confirm, command) */\r\nexport interface ChatBlockEvent {\r\n  /** The block ID */\r\n  blockId: string;\r\n  /** The message ID containing this block */\r\n  messageId: string;\r\n  /** Action type */\r\n  action: \"select\" | \"confirm\" | \"cancel\" | \"execute\" | \"copy\";\r\n  /** Payload (selected option IDs for choice, command string for execute/copy) */\r\n  value?: string | string[];\r\n}\r\n\r\nexport interface ChatMessage {\r\n  /** Unique message ID */\r\n  id: string;\r\n  /** Message content (supports markdown-like formatting) */\r\n  content: string;\r\n  /** Sender role */\r\n  role: \"user\" | \"assistant\" | \"system\";\r\n  /** Timestamp (ms) */\r\n  timestamp?: number;\r\n  /** Message delivery status */\r\n  status?: \"sending\" | \"sent\" | \"error\";\r\n  /** Astro UX severity — colors the message accent (system messages default to this) */\r\n  severity?: StatusLevel;\r\n  /** Structured blocks rendered below the text content */\r\n  blocks?: ChatBlock[];\r\n  /** Legacy: action buttons (prefer blocks with type:'actions') */\r\n  actions?: Array<{ label: string; onClick: () => void }>;\r\n}\r\n\r\nexport interface ChatPanelProps {\r\n  /** Array of messages */\r\n  messages: ChatMessage[];\r\n  /** Send handler */\r\n  onSend: (text: string) => void;\r\n  /** Is assistant currently generating */\r\n  loading?: boolean;\r\n  /** Input placeholder */\r\n  placeholder?: string;\r\n  /** Panel title */\r\n  title?: string;\r\n  /** Subtitle (e.g. model name) */\r\n  subtitle?: string;\r\n  /** Disable input */\r\n  disabled?: boolean;\r\n  /** Show timestamps */\r\n  showTimestamps?: boolean;\r\n  /** Height of the panel (default: 100%) */\r\n  height?: string | number;\r\n  /** Clear handler (shows clear button when provided) */\r\n  onClear?: () => void;\r\n  /** Handler for interactive block events (choice selection, confirm/cancel, command execute) */\r\n  onBlockEvent?: (event: ChatBlockEvent) => void;\r\n  /** Custom style */\r\n  style?: React.CSSProperties;\r\n}\r\n\r\n// ─── Response format & parser ────────────────────────────────────────────────\r\n\r\n/**\r\n * Supported response formats from the AI backend.\r\n * - 'json':  Standard JSON (default). Most compatible.\r\n * - 'yaml':  YAML compact format. ~30-40% fewer tokens than JSON for identical data.\r\n * - 'auto':  Auto-detect (tries JSON first, then YAML, then plain text).\r\n */\r\nexport type ChatResponseFormat = \"json\" | \"yaml\" | \"auto\";\r\n\r\n/** Shape of a parsed AI response (content + optional blocks + severity). */\r\nexport interface ChatResponsePayload {\r\n  content: string;\r\n  severity?: StatusLevel;\r\n  blocks?: ChatBlock[];\r\n}\r\n\r\n/** Options for creating a customised response parser. */\r\nexport interface ChatResponseParserOptions {\r\n  /**\r\n   * Custom YAML parser function. Receives raw YAML text, returns a parsed object.\r\n   * If not provided, uses the built-in lightweight parser.\r\n   *\r\n   * For production, plug in `js-yaml` or `yaml`:\r\n   * ```ts\r\n   * import yaml from 'js-yaml';\r\n   * const parse = createChatResponseParser({ yamlParser: (s) => yaml.load(s) });\r\n   * ```\r\n   */\r\n  yamlParser?: (text: string) => unknown;\r\n  /** Default format when not specified per-call. Defaults to `'auto'`. */\r\n  defaultFormat?: ChatResponseFormat;\r\n  /** Custom message ID generator. Defaults to `crypto.randomUUID()`. */\r\n  idGenerator?: () => string;\r\n}\r\n\r\n// ─── Built-in YAML parser (recursive descent) ───────────────────────────────\r\n\r\n/**\r\n * Lightweight recursive-descent YAML parser for AI response structures.\r\n *\r\n * Handles: mappings, sequences, nested structures, scalars (string, number,\r\n * boolean, null), quoted strings, inline JSON arrays/objects, comments.\r\n *\r\n * Does NOT handle: multi-line strings, anchors/aliases, tags, flow collections\r\n * across lines, merge keys, or other advanced YAML features.\r\n *\r\n * For production with complex YAML, plug in `js-yaml` or `yaml` via\r\n * `createChatResponseParser({ yamlParser })`.\r\n */\r\nfunction parseYamlLite(text: string): unknown {\r\n  type Line = { indent: number; text: string };\r\n  const lines: Line[] = [];\r\n  for (const raw of text.split(\"\\n\")) {\r\n    const content = raw.trimEnd();\r\n    if (content.trim() === \"\" || content.trim().startsWith(\"#\")) continue;\r\n    lines.push({ indent: content.search(/\\S/), text: content.trim() });\r\n  }\r\n\r\n  let pos = 0;\r\n  const peek = (): Line | null => (pos < lines.length ? lines[pos] : null);\r\n  const advance = (): Line => lines[pos++];\r\n\r\n  function scalar(s: string): unknown {\r\n    const v = s.trim();\r\n    if (v === \"\" || v === \"null\" || v === \"~\") return null;\r\n    if (v === \"true\") return true;\r\n    if (v === \"false\") return false;\r\n    if (/^-?\\d+(\\.\\d+)?([eE][+-]?\\d+)?$/.test(v)) return Number(v);\r\n    if (\r\n      (v.startsWith('\"') && v.endsWith('\"')) ||\r\n      (v.startsWith(\"'\") && v.endsWith(\"'\"))\r\n    )\r\n      return v.slice(1, -1);\r\n    if (\r\n      (v.startsWith(\"[\") && v.endsWith(\"]\")) ||\r\n      (v.startsWith(\"{\") && v.endsWith(\"}\"))\r\n    ) {\r\n      try {\r\n        return JSON.parse(v);\r\n      } catch {\r\n        /* fall through */\r\n      }\r\n    }\r\n    return v;\r\n  }\r\n\r\n  function parseValue(minIndent: number): unknown {\r\n    const line = peek();\r\n    if (!line || line.indent < minIndent) return undefined;\r\n    const actualIndent = line.indent;\r\n    if (line.text.startsWith(\"- \")) return parseSequence(actualIndent);\r\n    return parseMapping(actualIndent);\r\n  }\r\n\r\n  function parseSequence(level: number): unknown[] {\r\n    const arr: unknown[] = [];\r\n    while (\r\n      peek() &&\r\n      peek()!.indent === level &&\r\n      peek()!.text.startsWith(\"- \")\r\n    ) {\r\n      const line = advance();\r\n      const after = line.text.slice(2).trim();\r\n\r\n      if (!after) {\r\n        // Bare `- ` → nested value on next lines\r\n        const val = parseValue(level + 1);\r\n        arr.push(val ?? null);\r\n        continue;\r\n      }\r\n\r\n      const colonIdx = after.indexOf(\":\");\r\n      if (colonIdx > 0 && !/^['\"]/.test(after)) {\r\n        // Inline mapping start: `- key: value`\r\n        const obj: Record<string, unknown> = {};\r\n        const k = after.slice(0, colonIdx).trim();\r\n        const v = after.slice(colonIdx + 1).trim();\r\n        obj[k] = v ? scalar(v) : (parseValue(level + 3) ?? null);\r\n\r\n        // Read sibling keys at `level + 2` (aligned with content after `- `)\r\n        const siblingIndent = level + 2;\r\n        while (peek() && peek()!.indent >= siblingIndent) {\r\n          if (\r\n            peek()!.indent === siblingIndent &&\r\n            !peek()!.text.startsWith(\"- \")\r\n          ) {\r\n            const next = advance();\r\n            const ci = next.text.indexOf(\":\");\r\n            if (ci > 0) {\r\n              const nk = next.text.slice(0, ci).trim();\r\n              const nv = next.text.slice(ci + 1).trim();\r\n              obj[nk] = nv\r\n                ? scalar(nv)\r\n                : (parseValue(siblingIndent + 1) ?? null);\r\n            }\r\n          } else if (peek()!.indent > siblingIndent) {\r\n            // Deeper content should have been consumed by parseValue above;\r\n            // if not, skip it to avoid infinite loops\r\n            advance();\r\n          } else {\r\n            break;\r\n          }\r\n        }\r\n        arr.push(obj);\r\n      } else {\r\n        // Simple scalar: `- value`\r\n        arr.push(scalar(after));\r\n      }\r\n    }\r\n    return arr;\r\n  }\r\n\r\n  function parseMapping(level: number): Record<string, unknown> {\r\n    const obj: Record<string, unknown> = {};\r\n    while (\r\n      peek() &&\r\n      peek()!.indent === level &&\r\n      !peek()!.text.startsWith(\"- \")\r\n    ) {\r\n      const line = advance();\r\n      const colonIdx = line.text.indexOf(\":\");\r\n      if (colonIdx <= 0) continue;\r\n      const k = line.text.slice(0, colonIdx).trim();\r\n      const v = line.text.slice(colonIdx + 1).trim();\r\n      obj[k] = v ? scalar(v) : (parseValue(level + 1) ?? null);\r\n    }\r\n    return obj;\r\n  }\r\n\r\n  try {\r\n    return parseValue(0) ?? {};\r\n  } catch {\r\n    return {};\r\n  }\r\n}\r\n\r\n// ─── Sanitize parsed blocks ─────────────────────────────────────────────────\r\n\r\n/** Ensure parsed blocks have the correct array shapes so renderers never crash. */\r\nfunction sanitizeBlocks(blocks: unknown): ChatBlock[] | undefined {\r\n  if (!Array.isArray(blocks)) return undefined;\r\n  return blocks\r\n    .filter(\r\n      (b): b is Record<string, unknown> =>\r\n        b != null &&\r\n        typeof b === \"object\" &&\r\n        typeof (b as Record<string, unknown>).type === \"string\",\r\n    )\r\n    .map((b) => {\r\n      const block = { ...b } as Record<string, unknown>;\r\n      // Ensure required arrays exist for each block type\r\n      switch (block.type) {\r\n        case \"telemetry\":\r\n          if (!Array.isArray(block.items)) block.items = [];\r\n          break;\r\n        case \"table\":\r\n          if (!Array.isArray(block.columns)) block.columns = [];\r\n          if (!Array.isArray(block.rows)) block.rows = [];\r\n          break;\r\n        case \"actions\":\r\n          if (!Array.isArray(block.buttons)) block.buttons = [];\r\n          break;\r\n        case \"choice\":\r\n          if (!Array.isArray(block.options)) block.options = [];\r\n          if (typeof block.id !== \"string\") block.id = `choice-${Date.now()}`;\r\n          break;\r\n        case \"confirm\":\r\n          if (typeof block.id !== \"string\") block.id = `confirm-${Date.now()}`;\r\n          if (typeof block.title !== \"string\") block.title = \"\";\r\n          break;\r\n        case \"command\":\r\n          if (typeof block.command !== \"string\") block.command = \"\";\r\n          break;\r\n        case \"kv\":\r\n          if (!Array.isArray(block.pairs)) block.pairs = [];\r\n          break;\r\n        case \"alert\":\r\n          if (typeof block.title !== \"string\") block.title = \"\";\r\n          if (typeof block.status !== \"string\") block.status = \"normal\";\r\n          break;\r\n        case \"progress\":\r\n          if (typeof block.label !== \"string\") block.label = \"\";\r\n          if (typeof block.value !== \"number\") block.value = 0;\r\n          break;\r\n      }\r\n      return block as unknown as ChatBlock;\r\n    });\r\n}\r\n\r\n// ─── Generate message ID ────────────────────────────────────────────────────\r\n\r\nfunction generateId(custom?: () => string): string {\r\n  if (custom) return custom();\r\n  if (typeof crypto !== \"undefined\" && typeof crypto.randomUUID === \"function\")\r\n    return crypto.randomUUID();\r\n  return `msg-${Date.now()}-${Math.random().toString(36).slice(2, 8)}`;\r\n}\r\n\r\n// ─── Core parse logic ───────────────────────────────────────────────────────\r\n\r\nfunction parseRaw(\r\n  raw: string,\r\n  format: ChatResponseFormat,\r\n  yamlParser?: (text: string) => unknown,\r\n): ChatResponsePayload | null {\r\n  const tryJSON = (s: string): ChatResponsePayload | null => {\r\n    try {\r\n      const parsed = JSON.parse(s);\r\n      if (\r\n        parsed &&\r\n        typeof parsed === \"object\" &&\r\n        typeof parsed.content === \"string\"\r\n      )\r\n        return parsed;\r\n      return null;\r\n    } catch {\r\n      return null;\r\n    }\r\n  };\r\n\r\n  const tryYAML = (s: string): ChatResponsePayload | null => {\r\n    try {\r\n      const parser = yamlParser ?? parseYamlLite;\r\n      const parsed = parser(s);\r\n      if (\r\n        parsed &&\r\n        typeof parsed === \"object\" &&\r\n        typeof (parsed as Record<string, unknown>).content === \"string\"\r\n      )\r\n        return parsed as unknown as ChatResponsePayload;\r\n      return null;\r\n    } catch {\r\n      return null;\r\n    }\r\n  };\r\n\r\n  if (format === \"json\") return tryJSON(raw);\r\n  if (format === \"yaml\") return tryYAML(raw);\r\n  // auto: try JSON first, then YAML\r\n  return tryJSON(raw) ?? tryYAML(raw);\r\n}\r\n\r\n/**\r\n * Parse an AI response string into a `ChatMessage`.\r\n *\r\n * Supports three strategies (controlled by `format`):\r\n * - **json**: Parse as JSON. Falls back to plain text on failure.\r\n * - **yaml**: Parse as YAML (built-in lightweight parser). ~30-40% fewer tokens.\r\n * - **auto** (default): Try JSON → YAML → plain text.\r\n *\r\n * All parsed blocks are sanitized to ensure required arrays exist, preventing\r\n * runtime crashes from malformed AI output.\r\n *\r\n * ## Why YAML?\r\n * For the same structured response, YAML uses ~30-40% fewer tokens:\r\n * ```\r\n * JSON (~180 tokens): {\"content\":\"Battery low.\",\"blocks\":[{\"type\":\"alert\",...}]}\r\n * YAML (~120 tokens): content: Battery low.\\nblocks:\\n  - type: alert\\n    ...\r\n * ```\r\n *\r\n * ## Tool/Function Calling (recommended for production)\r\n * Pass `CHAT_RESPONSE_TOOL_SCHEMA` in your API call. The model is constrained\r\n * at the decoding level — zero prompt tokens for the schema.\r\n *\r\n * ## Custom YAML parser\r\n * Use `createChatResponseParser({ yamlParser })` to plug in `js-yaml` or `yaml`.\r\n *\r\n * @example\r\n * ```ts\r\n * const msg = parseChatResponse(aiOutput);              // auto-detect\r\n * const msg = parseChatResponse(aiOutput, 'yaml');       // force YAML\r\n * const msg = parseChatResponse(toolCallArgs, 'json');   // from function call\r\n * ```\r\n */\r\nexport function parseChatResponse(\r\n  raw: string,\r\n  format: ChatResponseFormat = \"auto\",\r\n  options?: ChatResponseParserOptions,\r\n): ChatMessage {\r\n  const id = generateId(options?.idGenerator);\r\n  const base: Pick<ChatMessage, \"id\" | \"role\" | \"timestamp\"> = {\r\n    id,\r\n    role: \"assistant\",\r\n    timestamp: Date.now(),\r\n  };\r\n\r\n  const payload = parseRaw(raw, format, options?.yamlParser);\r\n  if (payload) {\r\n    return {\r\n      ...base,\r\n      content: payload.content ?? \"\",\r\n      severity: payload.severity as StatusLevel | undefined,\r\n      blocks: sanitizeBlocks(payload.blocks),\r\n    };\r\n  }\r\n  return { ...base, content: raw };\r\n}\r\n\r\n/**\r\n * Create a pre-configured response parser.\r\n *\r\n * Use this to set global defaults (format, YAML parser, ID generator) so you\r\n * don't have to pass options on every call.\r\n *\r\n * @example\r\n * ```ts\r\n * import yaml from 'js-yaml';\r\n * import { createChatResponseParser } from '@zendir/ui';\r\n *\r\n * // Create once at app init\r\n * export const parseAI = createChatResponseParser({\r\n *   yamlParser: (s) => yaml.load(s),\r\n *   defaultFormat: 'yaml',\r\n * });\r\n *\r\n * // Use everywhere\r\n * const msg = parseAI(aiOutput);\r\n * ```\r\n */\r\nexport function createChatResponseParser(\r\n  options: ChatResponseParserOptions = {},\r\n) {\r\n  return (raw: string, format?: ChatResponseFormat): ChatMessage => {\r\n    return parseChatResponse(\r\n      raw,\r\n      format ?? options.defaultFormat ?? \"auto\",\r\n      options,\r\n    );\r\n  };\r\n}\r\n\r\n// ─── MCP (Model Context Protocol) Integration ───────────────────────────────\r\n\r\n/**\r\n * Lightweight types for MCP tool results.\r\n * These mirror the MCP specification without requiring the full SDK as a dependency.\r\n * @see https://modelcontextprotocol.io/specification/2025-11-25\r\n */\r\n\r\n/** A single content block in an MCP tool result. */\r\nexport interface McpToolContent {\r\n  type: \"text\" | \"image\" | \"resource\";\r\n  text?: string;\r\n  data?: string;\r\n  mimeType?: string;\r\n  resource?: { uri: string; text?: string; mimeType?: string };\r\n}\r\n\r\n/** MCP tool call result (matches `CallToolResult` from the spec). */\r\nexport interface McpToolResult {\r\n  content: McpToolContent[];\r\n  isError?: boolean;\r\n  _meta?: Record<string, unknown>;\r\n}\r\n\r\n/**\r\n * Convert an MCP tool call result into a `ChatMessage` with structured blocks.\r\n *\r\n * Handles three patterns automatically:\r\n * 1. **Structured JSON/YAML** — Tool returns text matching `ChatResponsePayload` → parsed into typed blocks\r\n * 2. **Plain text** — Rendered as a simple assistant message with tool metadata\r\n * 3. **Error** — Rendered as a critical alert block\r\n *\r\n * This bridges the MCP protocol with ChatPanel's block rendering system, so any\r\n * MCP server tool can produce rich operator UIs without custom rendering code.\r\n *\r\n * @example\r\n * ```ts\r\n * import { parseMcpToolResult } from '@zendir/ui/react';\r\n *\r\n * // With use-mcp hook\r\n * const { callTool } = useMcp({ url: 'https://ops-server.example.com/mcp' });\r\n * const result = await callTool('get_satellite_health', { id: 'SAT-001' });\r\n * const msg = parseMcpToolResult('get_satellite_health', result);\r\n * setMessages(prev => [...prev, msg]);\r\n *\r\n * // With @modelcontextprotocol/sdk\r\n * const result = await mcpClient.callTool({ name: 'get_satellite_health', arguments: { id: 'SAT-001' } });\r\n * const msg = parseMcpToolResult('get_satellite_health', result);\r\n * ```\r\n */\r\nexport function parseMcpToolResult(\r\n  toolName: string,\r\n  result: McpToolResult,\r\n  options?: { idGenerator?: () => string },\r\n): ChatMessage {\r\n  const id = generateId(options?.idGenerator);\r\n  const timestamp = Date.now();\r\n\r\n  // Handle MCP errors\r\n  if (result.isError) {\r\n    const errorText =\r\n      result.content\r\n        ?.filter((c) => c.type === \"text\")\r\n        .map((c) => c.text)\r\n        .join(\"\\n\") || `Tool \"${toolName}\" failed`;\r\n    return {\r\n      id,\r\n      role: \"assistant\",\r\n      timestamp,\r\n      severity: \"critical\" as StatusLevel,\r\n      content: errorText,\r\n      blocks: [\r\n        {\r\n          type: \"alert\" as const,\r\n          status: \"critical\" as StatusLevel,\r\n          title: `MCP Tool Error: ${toolName}`,\r\n          detail: errorText,\r\n        },\r\n      ],\r\n    };\r\n  }\r\n\r\n  // Extract text content from MCP result\r\n  const textParts =\r\n    result.content?.filter((c) => c.type === \"text\").map((c) => c.text ?? \"\") ??\r\n    [];\r\n  const rawText = textParts.join(\"\\n\");\r\n\r\n  // Try parsing as structured ChatResponsePayload (JSON → YAML → plain)\r\n  if (rawText.trim()) {\r\n    const payload = parseRaw(rawText, \"auto\");\r\n    if (payload && payload.content) {\r\n      return {\r\n        id,\r\n        role: \"assistant\",\r\n        timestamp,\r\n        content: payload.content,\r\n        severity: payload.severity as StatusLevel | undefined,\r\n        blocks: sanitizeBlocks(payload.blocks),\r\n      };\r\n    }\r\n  }\r\n\r\n  // Plain text fallback with tool context\r\n  return {\r\n    id,\r\n    role: \"assistant\",\r\n    timestamp,\r\n    content: rawText || `Tool \\`${toolName}\\` completed successfully.`,\r\n    blocks: [\r\n      {\r\n        type: \"kv\" as const,\r\n        title: \"MCP Tool Call\",\r\n        pairs: [\r\n          { key: \"Tool\", value: toolName, mono: true },\r\n          ...(result._meta\r\n            ? [{ key: \"Meta\", value: JSON.stringify(result._meta), mono: true }]\r\n            : []),\r\n        ],\r\n      },\r\n    ],\r\n  };\r\n}\r\n\r\n/**\r\n * MCP server tool definition for the `respond_to_operator` tool.\r\n *\r\n * Register this on your MCP server to enable structured ChatPanel responses.\r\n * The schema is identical to `CHAT_RESPONSE_TOOL_SCHEMA` but formatted for the\r\n * MCP `server.tool()` registration API.\r\n *\r\n * Compatible with: `@modelcontextprotocol/sdk`, any MCP server implementation.\r\n *\r\n * @example\r\n * ```ts\r\n * import { McpServer } from '@modelcontextprotocol/sdk/server/mcp.js';\r\n * import { CHAT_RESPONSE_MCP_TOOL } from '@zendir/ui';\r\n *\r\n * const server = new McpServer({ name: 'ops-assistant', version: '1.0.0' });\r\n *\r\n * server.tool(\r\n *   CHAT_RESPONSE_MCP_TOOL.name,\r\n *   CHAT_RESPONSE_MCP_TOOL.description,\r\n *   CHAT_RESPONSE_MCP_TOOL.inputSchema,\r\n *   async ({ content, severity, blocks }) => ({\r\n *     content: [{ type: 'text', text: JSON.stringify({ content, severity, blocks }) }],\r\n *   })\r\n * );\r\n * ```\r\n */\r\nexport const CHAT_RESPONSE_MCP_TOOL = {\r\n  name: \"respond_to_operator\",\r\n  description:\r\n    \"Respond to the spacecraft operator with text content and optional structured UI blocks (alerts, telemetry, progress, tables, choices, confirmations, commands, key-value metadata). Use the Astro UX 6-level status system: normal, standby, caution, serious, critical, off.\",\r\n  inputSchema: {\r\n    type: \"object\" as const,\r\n    required: [\"content\"],\r\n    properties: {\r\n      content: {\r\n        type: \"string\",\r\n        description: \"Plain-text or markdown response shown to the operator.\",\r\n      },\r\n      severity: {\r\n        type: \"string\",\r\n        enum: [\"normal\", \"standby\", \"caution\", \"serious\", \"critical\", \"off\"],\r\n      },\r\n      blocks: {\r\n        type: \"array\",\r\n        description: \"Structured UI blocks rendered below the text content.\",\r\n        items: {\r\n          type: \"object\",\r\n          required: [\"type\"],\r\n          properties: {\r\n            type: {\r\n              type: \"string\",\r\n              enum: [\r\n                \"alert\",\r\n                \"telemetry\",\r\n                \"progress\",\r\n                \"table\",\r\n                \"choice\",\r\n                \"confirm\",\r\n                \"command\",\r\n                \"kv\",\r\n              ],\r\n            },\r\n            status: {\r\n              type: \"string\",\r\n              enum: [\r\n                \"normal\",\r\n                \"standby\",\r\n                \"caution\",\r\n                \"serious\",\r\n                \"critical\",\r\n                \"off\",\r\n              ],\r\n            },\r\n            title: { type: \"string\" },\r\n            detail: { type: \"string\" },\r\n            label: { type: \"string\" },\r\n            value: { type: \"number\" },\r\n            id: { type: \"string\" },\r\n            command: { type: \"string\" },\r\n            executable: { type: \"boolean\" },\r\n            items: {\r\n              type: \"array\",\r\n              items: {\r\n                type: \"object\",\r\n                properties: {\r\n                  label: { type: \"string\" },\r\n                  value: {},\r\n                  unit: { type: \"string\" },\r\n                  status: { type: \"string\" },\r\n                },\r\n              },\r\n            },\r\n            columns: { type: \"array\", items: { type: \"string\" } },\r\n            rows: { type: \"array\", items: { type: \"array\" } },\r\n            options: {\r\n              type: \"array\",\r\n              items: {\r\n                type: \"object\",\r\n                properties: {\r\n                  id: { type: \"string\" },\r\n                  label: { type: \"string\" },\r\n                  description: { type: \"string\" },\r\n                  status: { type: \"string\" },\r\n                },\r\n              },\r\n            },\r\n            pairs: {\r\n              type: \"array\",\r\n              items: {\r\n                type: \"object\",\r\n                properties: {\r\n                  key: { type: \"string\" },\r\n                  value: {},\r\n                  mono: { type: \"boolean\" },\r\n                },\r\n              },\r\n            },\r\n          },\r\n        },\r\n      },\r\n    },\r\n  },\r\n} as const;\r\n\r\n// ─── Tool / Function calling schema ─────────────────────────────────────────\r\n\r\n/**\r\n * OpenAI-compatible function/tool schema for structured chat responses.\r\n *\r\n * Pass this as a tool definition in your API call. The model is constrained\r\n * to emit valid JSON matching this schema — no prompt engineering required.\r\n *\r\n * Works with: OpenAI (Structured Outputs / function calling), Anthropic (Tool Use),\r\n * Google Gemini (Function Calling), Mistral, Cohere, and any OpenAI-compatible API.\r\n *\r\n * @example\r\n * ```ts\r\n * // OpenAI\r\n * tools: [{ type: 'function', function: CHAT_RESPONSE_TOOL_SCHEMA }]\r\n *\r\n * // Anthropic\r\n * tools: [{ name: CHAT_RESPONSE_TOOL_SCHEMA.name,\r\n *           description: CHAT_RESPONSE_TOOL_SCHEMA.description,\r\n *           input_schema: CHAT_RESPONSE_TOOL_SCHEMA.parameters }]\r\n *\r\n * // Google Gemini\r\n * tools: [{ functionDeclarations: [CHAT_RESPONSE_TOOL_SCHEMA] }]\r\n * ```\r\n */\r\nexport const CHAT_RESPONSE_TOOL_SCHEMA = {\r\n  name: \"respond_to_operator\",\r\n  description:\r\n    \"Respond to the spacecraft operator with text content and optional structured UI blocks (alerts, telemetry, progress, tables, choices, confirmations, commands, key-value metadata). Use the Astro UX 6-level status system: normal, standby, caution, serious, critical, off.\",\r\n  parameters: {\r\n    type: \"object\" as const,\r\n    required: [\"content\"],\r\n    properties: {\r\n      content: {\r\n        type: \"string\",\r\n        description: \"Plain-text or markdown response shown to the operator.\",\r\n      },\r\n      severity: {\r\n        type: \"string\",\r\n        enum: [\"normal\", \"standby\", \"caution\", \"serious\", \"critical\", \"off\"],\r\n        description:\r\n          \"Overall message severity. Drives the accent color and icon.\",\r\n      },\r\n      blocks: {\r\n        type: \"array\",\r\n        description: \"Structured UI blocks rendered below the text content.\",\r\n        items: {\r\n          type: \"object\",\r\n          required: [\"type\"],\r\n          properties: {\r\n            type: {\r\n              type: \"string\",\r\n              enum: [\r\n                \"alert\",\r\n                \"telemetry\",\r\n                \"progress\",\r\n                \"table\",\r\n                \"choice\",\r\n                \"confirm\",\r\n                \"command\",\r\n                \"kv\",\r\n              ],\r\n            },\r\n            status: {\r\n              type: \"string\",\r\n              enum: [\r\n                \"normal\",\r\n                \"standby\",\r\n                \"caution\",\r\n                \"serious\",\r\n                \"critical\",\r\n                \"off\",\r\n              ],\r\n            },\r\n            title: { type: \"string\" },\r\n            detail: { type: \"string\" },\r\n            items: {\r\n              type: \"array\",\r\n              items: {\r\n                type: \"object\",\r\n                properties: {\r\n                  label: { type: \"string\" },\r\n                  value: {},\r\n                  unit: { type: \"string\" },\r\n                  status: {\r\n                    type: \"string\",\r\n                    enum: [\r\n                      \"normal\",\r\n                      \"standby\",\r\n                      \"caution\",\r\n                      \"serious\",\r\n                      \"critical\",\r\n                      \"off\",\r\n                    ],\r\n                  },\r\n                },\r\n              },\r\n            },\r\n            label: { type: \"string\" },\r\n            value: { type: \"number\" },\r\n            max: { type: \"number\" },\r\n            columns: { type: \"array\", items: { type: \"string\" } },\r\n            rows: { type: \"array\", items: { type: \"array\" } },\r\n            id: { type: \"string\" },\r\n            multiple: { type: \"boolean\" },\r\n            options: {\r\n              type: \"array\",\r\n              items: {\r\n                type: \"object\",\r\n                properties: {\r\n                  id: { type: \"string\" },\r\n                  label: { type: \"string\" },\r\n                  description: { type: \"string\" },\r\n                  status: {\r\n                    type: \"string\",\r\n                    enum: [\r\n                      \"normal\",\r\n                      \"standby\",\r\n                      \"caution\",\r\n                      \"serious\",\r\n                      \"critical\",\r\n                      \"off\",\r\n                    ],\r\n                  },\r\n                  disabled: { type: \"boolean\" },\r\n                },\r\n              },\r\n            },\r\n            confirmLabel: { type: \"string\" },\r\n            cancelLabel: { type: \"string\" },\r\n            language: { type: \"string\" },\r\n            command: { type: \"string\" },\r\n            executable: { type: \"boolean\" },\r\n            pairs: {\r\n              type: \"array\",\r\n              items: {\r\n                type: \"object\",\r\n                properties: {\r\n                  key: { type: \"string\" },\r\n                  value: {},\r\n                  mono: { type: \"boolean\" },\r\n                },\r\n              },\r\n            },\r\n          },\r\n        },\r\n      },\r\n    },\r\n  },\r\n} as const;\r\n\r\n/**\r\n * JSON system prompt snippet — instructs the LLM to respond with JSON.\r\n * Include in your system prompt for the simplest integration path.\r\n */\r\nexport const CHAT_RESPONSE_JSON_PROMPT =\r\n  `When reporting telemetry, status, or alerts, respond with a JSON object:\r\n\r\n{\r\n  \"content\": \"Plain text explanation (supports **markdown**).\",\r\n  \"severity\": \"normal\" | \"standby\" | \"caution\" | \"serious\" | \"critical\" | \"off\",\r\n  \"blocks\": [\r\n    { \"type\": \"alert\", \"status\": \"caution\", \"title\": \"Alert Title\", \"detail\": \"Description\" },\r\n    { \"type\": \"telemetry\", \"title\": \"Subsystem\", \"items\": [{ \"label\": \"Temp\", \"value\": 72, \"unit\": \"°C\", \"status\": \"normal\" }] },\r\n    { \"type\": \"progress\", \"label\": \"Operation\", \"value\": 75, \"max\": 100, \"status\": \"normal\" },\r\n    { \"type\": \"table\", \"title\": \"Data\", \"columns\": [\"Col1\", \"Col2\"], \"rows\": [[\"val1\", \"val2\"]] },\r\n    { \"type\": \"choice\", \"id\": \"unique-id\", \"title\": \"Pick one\", \"options\": [{ \"id\": \"opt1\", \"label\": \"Option 1\" }] },\r\n    { \"type\": \"confirm\", \"id\": \"unique-id\", \"status\": \"caution\", \"title\": \"Confirm action\" },\r\n    { \"type\": \"command\", \"id\": \"cmd-id\", \"command\": \"CMD SAT-001 EXECUTE\", \"executable\": true },\r\n    { \"type\": \"kv\", \"title\": \"Context\", \"pairs\": [{ \"key\": \"Spacecraft\", \"value\": \"SAT-001\" }] }\r\n  ]\r\n}\r\n\r\nStatus levels (Astro UX): normal (nominal), standby (idle), caution (approaching limit), serious (at limit), critical (exceeding limit), off (no data).\r\nAlways include \"content\". Only include \"blocks\" when structured data helps the operator.` as const;\r\n\r\n/**\r\n * YAML system prompt snippet — instructs the LLM to respond in compact YAML\r\n * instead of JSON. ~30-40% fewer output tokens for the same data.\r\n */\r\nexport const CHAT_RESPONSE_YAML_PROMPT =\r\n  `Respond in YAML format (not JSON). Use this structure:\r\n\r\ncontent: Your plain-text or markdown response here.\r\nseverity: normal\r\nblocks:\r\n  - type: alert\r\n    status: caution\r\n    title: Alert Title\r\n    detail: Optional detail\r\n  - type: telemetry\r\n    title: Subsystem\r\n    items:\r\n      - label: Parameter\r\n        value: 42.5\r\n        unit: \"°C\"\r\n        status: normal\r\n  - type: progress\r\n    label: Operation\r\n    value: 75\r\n    max: 100\r\n    status: normal\r\n  - type: choice\r\n    id: unique-id\r\n    title: Pick one\r\n    options:\r\n      - id: opt1\r\n        label: Option 1\r\n        status: normal\r\n  - type: command\r\n    id: cmd-id\r\n    language: CCSDS-TC\r\n    command: CMD SAT-001 EXECUTE\r\n    executable: true\r\n  - type: kv\r\n    title: Context\r\n    pairs:\r\n      - key: Spacecraft\r\n        value: SAT-001\r\n\r\nStatus levels (Astro UX): normal, standby, caution, serious, critical, off.\r\nAlways include \"content\". Only include \"blocks\" when structured data helps the operator.` as const;\r\n\r\n/**\r\n * Astro UX status rules snippet — append to any system prompt (JSON or YAML).\r\n * Gives the LLM concrete thresholds for assigning status levels.\r\n */\r\nexport const CHAT_STATUS_RULES_PROMPT =\r\n  `Assign status levels using these thresholds:\r\n- Battery: normal >50%, standby 30-50%, caution 20-30%, serious 10-20%, critical <10%\r\n- Temperature: normal <70°C, caution 70-80°C, serious 80-85°C, critical >85°C\r\n- Signal: normal >-80 dBm, caution -80 to -90, serious -90 to -95, critical <-95 dBm\r\n- Memory/Storage: normal <70%, caution 70-85%, serious 85-95%, critical >95%\r\n\r\nGeneral rules:\r\n- \"normal\"   → Operating within nominal parameters\r\n- \"standby\"  → Idle, waiting, or scheduled\r\n- \"caution\"  → Approaching a limit\r\n- \"serious\"  → At or exceeding a soft limit\r\n- \"critical\" → Exceeding hard limit, loss of signal, or failure\r\n- \"off\"      → Powered down, no data` as const;\r\n\r\n// ─── Status shape helper ─────────────────────────────────────────────────────\r\n\r\nfunction StatusShape({\r\n  status,\r\n  size = 10,\r\n  color,\r\n}: {\r\n  status: StatusLevel;\r\n  size?: number;\r\n  color: string;\r\n}) {\r\n  const glow = `${color}50`;\r\n  switch (status) {\r\n    case \"caution\":\r\n      return (\r\n        <svg\r\n          viewBox=\"0 0 12 12\"\r\n          width={size}\r\n          height={size}\r\n          style={{ filter: `drop-shadow(0 0 3px ${glow})` }}\r\n        >\r\n          <rect x=\"1\" y=\"1\" width=\"10\" height=\"10\" fill={color} />\r\n        </svg>\r\n      );\r\n    case \"serious\":\r\n      return (\r\n        <svg\r\n          viewBox=\"0 0 12 12\"\r\n          width={size}\r\n          height={size}\r\n          style={{ filter: `drop-shadow(0 0 3px ${glow})` }}\r\n        >\r\n          <polygon points=\"6,1 11,6 6,11 1,6\" fill={color} />\r\n        </svg>\r\n      );\r\n    case \"critical\":\r\n      return (\r\n        <svg\r\n          viewBox=\"0 0 12 12\"\r\n          width={size}\r\n          height={size}\r\n          style={{ filter: `drop-shadow(0 0 3px ${glow})` }}\r\n        >\r\n          <polygon points=\"6,11 1,2 11,2\" fill={color} />\r\n        </svg>\r\n      );\r\n    case \"standby\":\r\n      return (\r\n        <svg\r\n          viewBox=\"0 0 12 12\"\r\n          width={size}\r\n          height={size}\r\n          style={{ filter: `drop-shadow(0 0 3px ${glow})` }}\r\n        >\r\n          <circle\r\n            cx=\"6\"\r\n            cy=\"6\"\r\n            r=\"3.5\"\r\n            fill=\"none\"\r\n            stroke={color}\r\n            strokeWidth=\"2\"\r\n          />\r\n        </svg>\r\n      );\r\n    case \"off\":\r\n      return (\r\n        <svg\r\n          viewBox=\"0 0 12 12\"\r\n          width={size}\r\n          height={size}\r\n          style={{ filter: `drop-shadow(0 0 3px ${glow})` }}\r\n        >\r\n          <circle cx=\"6\" cy=\"6\" r=\"3\" fill={color} />\r\n        </svg>\r\n      );\r\n    default:\r\n      return (\r\n        <svg\r\n          viewBox=\"0 0 12 12\"\r\n          width={size}\r\n          height={size}\r\n          style={{ filter: `drop-shadow(0 0 3px ${glow})` }}\r\n        >\r\n          <circle cx=\"6\" cy=\"6\" r=\"5\" fill={color} />\r\n        </svg>\r\n      );\r\n  }\r\n}\r\n\r\n// ─── Block renderers ─────────────────────────────────────────────────────────\r\n\r\nfunction AlertBlock({ block }: { block: ChatBlockAlert }) {\r\n  const { tokens } = useTheme();\r\n  const color = tokens.colors.status[block.status];\r\n  return (\r\n    <div\r\n      style={{\r\n        display: \"flex\",\r\n        alignItems: \"flex-start\",\r\n        gap: 10,\r\n        padding: \"10px 14px\",\r\n        backgroundColor: `${color}12`,\r\n        border: `1px solid ${color}30`,\r\n        borderLeft: `3px solid ${color}`,\r\n        borderRadius: tokens.borderRadius.md,\r\n        marginTop: 8,\r\n      }}\r\n    >\r\n      <div style={{ marginTop: 2, flexShrink: 0 }}>\r\n        <StatusShape status={block.status} size={12} color={color} />\r\n      </div>\r\n      <div style={{ flex: 1, minWidth: 0 }}>\r\n        <div\r\n          style={{\r\n            fontSize: tokens.typography.fontSize.sm,\r\n            fontWeight: 600,\r\n            color: tokens.colors.text.primary,\r\n          }}\r\n        >\r\n          {block.title}\r\n        </div>\r\n        {block.detail && (\r\n          <div\r\n            style={{\r\n              fontSize: tokens.typography.fontSize.xs,\r\n              color: tokens.colors.text.secondary,\r\n              marginTop: 2,\r\n              lineHeight: 1.5,\r\n            }}\r\n          >\r\n            {block.detail}\r\n          </div>\r\n        )}\r\n      </div>\r\n    </div>\r\n  );\r\n}\r\n\r\nfunction TelemetryBlock({ block }: { block: ChatBlockTelemetry }) {\r\n  const { tokens } = useTheme();\r\n  return (\r\n    <div\r\n      style={{\r\n        marginTop: 8,\r\n        border: `1px solid ${tokens.colors.border.muted}`,\r\n        borderRadius: tokens.borderRadius.md,\r\n        overflow: \"hidden\",\r\n      }}\r\n    >\r\n      {block.title && (\r\n        <div\r\n          style={{\r\n            padding: \"6px 12px\",\r\n            fontSize: tokens.typography.fontSize.xxs,\r\n            fontWeight: 600,\r\n            color: tokens.colors.text.secondary,\r\n            textTransform: \"uppercase\",\r\n            letterSpacing: \"0.05em\",\r\n            backgroundColor: `${tokens.colors.background.elevated}80`,\r\n            borderBottom: `1px solid ${tokens.colors.border.muted}`,\r\n          }}\r\n        >\r\n          {block.title}\r\n        </div>\r\n      )}\r\n      <div\r\n        style={{\r\n          padding: \"8px 12px\",\r\n          display: \"flex\",\r\n          flexDirection: \"column\",\r\n          gap: 6,\r\n        }}\r\n      >\r\n        {(block.items ?? []).map((item, i) => {\r\n          const itemColor = item.status\r\n            ? tokens.colors.status[item.status]\r\n            : tokens.colors.text.secondary;\r\n          return (\r\n            <div\r\n              key={i}\r\n              style={{\r\n                display: \"flex\",\r\n                alignItems: \"center\",\r\n                justifyContent: \"space-between\",\r\n                gap: 8,\r\n                fontSize: tokens.typography.fontSize.sm,\r\n              }}\r\n            >\r\n              <span\r\n                style={{\r\n                  display: \"flex\",\r\n                  alignItems: \"center\",\r\n                  gap: 6,\r\n                  color: tokens.colors.text.secondary,\r\n                }}\r\n              >\r\n                {item.status && (\r\n                  <StatusShape\r\n                    status={item.status}\r\n                    size={8}\r\n                    color={tokens.colors.status[item.status]}\r\n                  />\r\n                )}\r\n                {item.label}\r\n              </span>\r\n              <span\r\n                style={{\r\n                  fontFamily: tokens.typography.fontFamily.mono,\r\n                  fontVariantNumeric: \"tabular-nums\",\r\n                  color: itemColor,\r\n                  fontWeight: 500,\r\n                }}\r\n              >\r\n                {item.value}\r\n                {item.unit ? ` ${item.unit}` : \"\"}\r\n              </span>\r\n            </div>\r\n          );\r\n        })}\r\n      </div>\r\n    </div>\r\n  );\r\n}\r\n\r\nfunction ProgressBlock({ block }: { block: ChatBlockProgress }) {\r\n  const { tokens } = useTheme();\r\n  const max = block.max ?? 100;\r\n  const pct = Math.min(100, Math.max(0, (block.value / max) * 100));\r\n  const effectiveStatus: StatusLevel =\r\n    block.status ??\r\n    (pct >= 75\r\n      ? \"normal\"\r\n      : pct >= 50\r\n        ? \"standby\"\r\n        : pct >= 25\r\n          ? \"caution\"\r\n          : pct > 0\r\n            ? \"serious\"\r\n            : \"off\");\r\n  const color = tokens.colors.status[effectiveStatus];\r\n  return (\r\n    <div style={{ marginTop: 8 }}>\r\n      <div\r\n        style={{\r\n          display: \"flex\",\r\n          justifyContent: \"space-between\",\r\n          marginBottom: 4,\r\n          fontSize: tokens.typography.fontSize.xs,\r\n          color: tokens.colors.text.secondary,\r\n        }}\r\n      >\r\n        <span style={{ display: \"flex\", alignItems: \"center\", gap: 6 }}>\r\n          <StatusShape status={effectiveStatus} size={8} color={color} />\r\n          {block.label}\r\n        </span>\r\n        <span\r\n          style={{\r\n            fontFamily: tokens.typography.fontFamily.mono,\r\n            color: tokens.colors.text.primary,\r\n          }}\r\n        >\r\n          {pct.toFixed(0)}%\r\n        </span>\r\n      </div>\r\n      <div\r\n        style={{\r\n          height: 6,\r\n          backgroundColor: tokens.colors.border.muted,\r\n          borderRadius: 3,\r\n          overflow: \"hidden\",\r\n        }}\r\n      >\r\n        <div\r\n          style={{\r\n            height: \"100%\",\r\n            width: `${pct}%`,\r\n            backgroundColor: color,\r\n            borderRadius: 3,\r\n            transition: \"width 300ms\",\r\n            boxShadow: `0 0 6px ${color}40`,\r\n          }}\r\n        />\r\n      </div>\r\n    </div>\r\n  );\r\n}\r\n\r\nfunction TableBlock({ block }: { block: ChatBlockTable }) {\r\n  const { tokens } = useTheme();\r\n  return (\r\n    <div\r\n      style={{\r\n        marginTop: 8,\r\n        border: `1px solid ${tokens.colors.border.muted}`,\r\n        borderRadius: tokens.borderRadius.md,\r\n        overflow: \"hidden\",\r\n      }}\r\n    >\r\n      {block.title && (\r\n        <div\r\n          style={{\r\n            padding: \"6px 12px\",\r\n            fontSize: tokens.typography.fontSize.xxs,\r\n            fontWeight: 600,\r\n            color: tokens.colors.text.secondary,\r\n            textTransform: \"uppercase\",\r\n            letterSpacing: \"0.05em\",\r\n            backgroundColor: `${tokens.colors.background.elevated}80`,\r\n            borderBottom: `1px solid ${tokens.colors.border.muted}`,\r\n          }}\r\n        >\r\n          {block.title}\r\n        </div>\r\n      )}\r\n      <div style={{ overflowX: \"auto\" }}>\r\n        <table\r\n          style={{\r\n            width: \"100%\",\r\n            borderCollapse: \"collapse\",\r\n            fontSize: tokens.typography.fontSize.xs,\r\n          }}\r\n        >\r\n          <thead>\r\n            <tr>\r\n              {(block.columns ?? []).map((col, i) => (\r\n                <th\r\n                  key={i}\r\n                  style={{\r\n                    padding: \"6px 12px\",\r\n                    textAlign: \"left\",\r\n                    fontWeight: 600,\r\n                    color: tokens.colors.text.secondary,\r\n                    borderBottom: `1px solid ${tokens.colors.border.muted}`,\r\n                    whiteSpace: \"nowrap\",\r\n                  }}\r\n                >\r\n                  {col}\r\n                </th>\r\n              ))}\r\n            </tr>\r\n          </thead>\r\n          <tbody>\r\n            {(block.rows ?? []).map((row, ri) => (\r\n              <tr key={ri}>\r\n                {(row ?? []).map((cell, ci) => (\r\n                  <td\r\n                    key={ci}\r\n                    style={{\r\n                      padding: \"5px 12px\",\r\n                      color: tokens.colors.text.primary,\r\n                      fontFamily:\r\n                        typeof cell === \"number\"\r\n                          ? tokens.typography.fontFamily.mono\r\n                          : undefined,\r\n                      fontVariantNumeric:\r\n                        typeof cell === \"number\" ? \"tabular-nums\" : undefined,\r\n                      borderBottom:\r\n                        ri < (block.rows ?? []).length - 1\r\n                          ? `1px solid ${tokens.colors.border.muted}30`\r\n                          : \"none\",\r\n                      whiteSpace: \"nowrap\",\r\n                    }}\r\n                  >\r\n                    {cell}\r\n                  </td>\r\n                ))}\r\n              </tr>\r\n            ))}\r\n          </tbody>\r\n        </table>\r\n      </div>\r\n    </div>\r\n  );\r\n}\r\n\r\nfunction ActionsBlock({ block }: { block: ChatBlockActions }) {\r\n  const { tokens } = useTheme();\r\n  return (\r\n    <div style={{ display: \"flex\", gap: 8, marginTop: 8, flexWrap: \"wrap\" }}>\r\n      {(block.buttons ?? []).map((btn, i) => {\r\n        const isCritical = btn.variant === \"critical\";\r\n        const isPrimary =\r\n          btn.variant === \"primary\" || (!btn.variant && i === 0);\r\n        const baseColor = isCritical\r\n          ? tokens.colors.status.critical\r\n          : tokens.colors.accent.primary;\r\n        const textColor = isCritical\r\n          ? tokens.colors.status.critical\r\n          : safeAccentText(tokens.colors.accent.primary);\r\n        return (\r\n          <button\r\n            key={i}\r\n            onClick={btn.onClick}\r\n            style={{\r\n              fontSize: tokens.typography.fontSize.xxs,\r\n              padding: \"4px 14px\",\r\n              borderRadius: tokens.borderRadius.sm,\r\n              border: `1px solid ${baseColor}${isPrimary ? \"\" : \"40\"}`,\r\n              backgroundColor: isPrimary ? `${baseColor}20` : \"transparent\",\r\n              color: textColor,\r\n              cursor: \"pointer\",\r\n              fontFamily: tokens.typography.fontFamily.primary,\r\n              fontWeight: 500,\r\n              transition: \"all 150ms\",\r\n            }}\r\n          >\r\n            {btn.label}\r\n          </button>\r\n        );\r\n      })}\r\n    </div>\r\n  );\r\n}\r\n\r\nfunction ChoiceBlock({\r\n  block,\r\n  messageId,\r\n  onEvent,\r\n}: {\r\n  block: ChatBlockChoice;\r\n  messageId: string;\r\n  onEvent?: (e: ChatBlockEvent) => void;\r\n}) {\r\n  const { tokens } = useTheme();\r\n  const [localSelected, setLocalSelected] = useState<Set<string>>(\r\n    new Set(block.selected ?? []),\r\n  );\r\n  const isSubmitted = block.submitted;\r\n\r\n  const toggle = (optId: string) => {\r\n    if (isSubmitted) return;\r\n    setLocalSelected((prev) => {\r\n      const next = new Set(prev);\r\n      if (block.multiple) {\r\n        next.has(optId) ? next.delete(optId) : next.add(optId);\r\n      } else {\r\n        next.clear();\r\n        next.add(optId);\r\n      }\r\n      return next;\r\n    });\r\n  };\r\n\r\n  const submit = () => {\r\n    if (localSelected.size === 0 || isSubmitted) return;\r\n    onEvent?.({\r\n      blockId: block.id,\r\n      messageId,\r\n      action: \"select\",\r\n      value: Array.from(localSelected),\r\n    });\r\n  };\r\n\r\n  return (\r\n    <div style={{ marginTop: 8 }}>\r\n      {block.title && (\r\n        <div\r\n          style={{\r\n            fontSize: tokens.typography.fontSize.xs,\r\n            fontWeight: 600,\r\n            color: tokens.colors.text.secondary,\r\n            marginBottom: 6,\r\n          }}\r\n        >\r\n          {block.title}\r\n          {block.multiple ? \" (select multiple)\" : \"\"}\r\n        </div>\r\n      )}\r\n      <div style={{ display: \"flex\", flexDirection: \"column\", gap: 4 }}>\r\n        {(block.options ?? []).map((opt) => {\r\n          const isSelected = localSelected.has(opt.id);\r\n          const optColor = opt.status\r\n            ? tokens.colors.status[opt.status]\r\n            : tokens.colors.accent.primary;\r\n          const isDisabled = opt.disabled || isSubmitted;\r\n          return (\r\n            <button\r\n              key={opt.id}\r\n              type=\"button\"\r\n              onClick={() => toggle(opt.id)}\r\n              disabled={isDisabled}\r\n              style={{\r\n                display: \"flex\",\r\n                alignItems: \"center\",\r\n                gap: 10,\r\n                padding: \"8px 12px\",\r\n                borderRadius: tokens.borderRadius.md,\r\n                cursor: isDisabled ? \"default\" : \"pointer\",\r\n                border: `1px solid ${isSelected ? optColor : tokens.colors.border.muted}`,\r\n                backgroundColor: isSelected ? `${optColor}15` : \"transparent\",\r\n                transition: \"all 150ms\",\r\n                textAlign: \"left\",\r\n                fontFamily: tokens.typography.fontFamily.primary,\r\n                opacity: isDisabled && !isSelected ? 0.5 : 1,\r\n              }}\r\n            >\r\n              {/* Radio / checkbox indicator */}\r\n              <div\r\n                style={{\r\n                  width: 16,\r\n                  height: 16,\r\n                  flexShrink: 0,\r\n                  borderRadius: block.multiple ? 3 : \"50%\",\r\n                  border: `2px solid ${isSelected ? optColor : tokens.colors.border.muted}`,\r\n                  backgroundColor: isSelected ? optColor : \"transparent\",\r\n                  display: \"flex\",\r\n                  alignItems: \"center\",\r\n                  justifyContent: \"center\",\r\n                  transition: \"all 150ms\",\r\n                }}\r\n              >\r\n                {isSelected && (\r\n                  <svg\r\n                    viewBox=\"0 0 12 12\"\r\n                    width={10}\r\n                    height={10}\r\n                    fill=\"none\"\r\n                    stroke={tokens.colors.text.inverse}\r\n                    strokeWidth={2}\r\n                  >\r\n                    <polyline points=\"2,6 5,9 10,3\" />\r\n                  </svg>\r\n                )}\r\n              </div>\r\n              <div style={{ flex: 1, minWidth: 0 }}>\r\n                <div style={{ display: \"flex\", alignItems: \"center\", gap: 6 }}>\r\n                  {opt.status && (\r\n                    <StatusShape\r\n                      status={opt.status}\r\n                      size={8}\r\n                      color={tokens.colors.status[opt.status]}\r\n                    />\r\n                  )}\r\n                  <span\r\n                    style={{\r\n                      fontSize: tokens.typography.fontSize.sm,\r\n                      color: tokens.colors.text.primary,\r\n                      fontWeight: 500,\r\n                    }}\r\n                  >\r\n                    {opt.label}\r\n                  </span>\r\n                </div>\r\n                {opt.description && (\r\n                  <div\r\n                    style={{\r\n                      fontSize: tokens.typography.fontSize.xs,\r\n                      color: tokens.colors.text.tertiary,\r\n                      marginTop: 1,\r\n                    }}\r\n                  >\r\n                    {opt.description}\r\n                  </div>\r\n                )}\r\n              </div>\r\n            </button>\r\n          );\r\n        })}\r\n      </div>\r\n      {!isSubmitted && onEvent && (\r\n        <button\r\n          type=\"button\"\r\n          onClick={submit}\r\n          disabled={localSelected.size === 0}\r\n          style={{\r\n            marginTop: 8,\r\n            padding: \"5px 18px\",\r\n            fontSize: tokens.typography.fontSize.xs,\r\n            fontWeight: 600,\r\n            borderRadius: tokens.borderRadius.sm,\r\n            border: `1px solid ${tokens.colors.accent.primary}`,\r\n            backgroundColor:\r\n              localSelected.size > 0\r\n                ? `${tokens.colors.accent.primary}20`\r\n                : \"transparent\",\r\n            color:\r\n              localSelected.size > 0\r\n                ? safeAccentText(tokens.colors.accent.primary)\r\n                : tokens.colors.text.tertiary,\r\n            cursor: localSelected.size > 0 ? \"pointer\" : \"not-allowed\",\r\n            fontFamily: tokens.typography.fontFamily.primary,\r\n            transition: \"all 150ms\",\r\n          }}\r\n        >\r\n          Confirm Selection\r\n        </button>\r\n      )}\r\n      {isSubmitted && (\r\n        <div\r\n          style={{\r\n            marginTop: 6,\r\n            fontSize: tokens.typography.fontSize.xs,\r\n            color: tokens.colors.text.tertiary,\r\n            fontStyle: \"italic\",\r\n          }}\r\n        >\r\n          Selection submitted\r\n        </div>\r\n      )}\r\n    </div>\r\n  );\r\n}\r\n\r\nfunction ConfirmBlock({\r\n  block,\r\n  messageId,\r\n  onEvent,\r\n}: {\r\n  block: ChatBlockConfirm;\r\n  messageId: string;\r\n  onEvent?: (e: ChatBlockEvent) => void;\r\n}) {\r\n  const { tokens } = useTheme();\r\n  const status = block.status ?? \"caution\";\r\n  const color = tokens.colors.status[status];\r\n  const resolved = block.resolved;\r\n\r\n  return (\r\n    <div\r\n      style={{\r\n        marginTop: 8,\r\n        padding: \"12px 14px\",\r\n        backgroundColor: `${color}10`,\r\n        border: `1px solid ${color}30`,\r\n        borderLeft: `3px solid ${color}`,\r\n        borderRadius: tokens.borderRadius.md,\r\n      }}\r\n    >\r\n      <div\r\n        style={{\r\n          display: \"flex\",\r\n          alignItems: \"center\",\r\n          gap: 8,\r\n          marginBottom: 4,\r\n        }}\r\n      >\r\n        <StatusShape status={status} size={12} color={color} />\r\n        <span\r\n          style={{\r\n            fontSize: tokens.typography.fontSize.sm,\r\n            fontWeight: 600,\r\n            color: tokens.colors.text.primary,\r\n          }}\r\n        >\r\n          {block.title}\r\n        </span>\r\n      </div>\r\n      {block.detail && (\r\n        <div\r\n          style={{\r\n            fontSize: tokens.typography.fontSize.xs,\r\n            color: tokens.colors.text.secondary,\r\n            marginBottom: 8,\r\n            lineHeight: 1.5,\r\n          }}\r\n        >\r\n          {block.detail}\r\n        </div>\r\n      )}\r\n      {!resolved && onEvent ? (\r\n        <div style={{ display: \"flex\", gap: 8 }}>\r\n          <button\r\n            type=\"button\"\r\n            onClick={() =>\r\n              onEvent({ blockId: block.id, messageId, action: \"confirm\" })\r\n            }\r\n            style={{\r\n              padding: \"5px 16px\",\r\n              fontSize: tokens.typography.fontSize.xs,\r\n              fontWeight: 600,\r\n              borderRadius: tokens.borderRadius.sm,\r\n              cursor: \"pointer\",\r\n              border: `1px solid ${color}`,\r\n              backgroundColor: `${color}20`,\r\n              color,\r\n              fontFamily: tokens.typography.fontFamily.primary,\r\n              transition: \"all 150ms\",\r\n            }}\r\n          >\r\n            {block.confirmLabel ?? \"Confirm\"}\r\n          </button>\r\n          <button\r\n            type=\"button\"\r\n            onClick={() =>\r\n              onEvent({ blockId: block.id, messageId, action: \"cancel\" })\r\n            }\r\n            style={{\r\n              padding: \"5px 16px\",\r\n              fontSize: tokens.typography.fontSize.xs,\r\n              fontWeight: 500,\r\n              borderRadius: tokens.borderRadius.sm,\r\n              cursor: \"pointer\",\r\n              border: `1px solid ${tokens.colors.border.muted}`,\r\n              backgroundColor: \"transparent\",\r\n              color: tokens.colors.text.secondary,\r\n              fontFamily: tokens.typography.fontFamily.primary,\r\n              transition: \"all 150ms\",\r\n            }}\r\n          >\r\n            {block.cancelLabel ?? \"Cancel\"}\r\n          </button>\r\n        </div>\r\n      ) : resolved ? (\r\n        <div\r\n          style={{\r\n            fontSize: tokens.typography.fontSize.xs,\r\n            fontWeight: 500,\r\n            color:\r\n              resolved === \"confirmed\"\r\n                ? tokens.colors.status.normal\r\n                : tokens.colors.text.tertiary,\r\n            fontStyle: \"italic\",\r\n          }}\r\n        >\r\n          {resolved === \"confirmed\" ? \"✓ Confirmed\" : \"✗ Cancelled\"}\r\n        </div>\r\n      ) : null}\r\n    </div>\r\n  );\r\n}\r\n\r\nfunction CommandBlock({\r\n  block,\r\n  messageId,\r\n  onEvent,\r\n}: {\r\n  block: ChatBlockCommand;\r\n  messageId: string;\r\n  onEvent?: (e: ChatBlockEvent) => void;\r\n}) {\r\n  const { tokens } = useTheme();\r\n  const [copied, setCopied] = useState(false);\r\n\r\n  const handleCopy = () => {\r\n    navigator.clipboard?.writeText(block.command).then(() => {\r\n      setCopied(true);\r\n      setTimeout(() => setCopied(false), 2000);\r\n    });\r\n    if (block.id)\r\n      onEvent?.({\r\n        blockId: block.id,\r\n        messageId,\r\n        action: \"copy\",\r\n        value: block.command,\r\n      });\r\n  };\r\n\r\n  const handleExecute = () => {\r\n    if (block.id)\r\n      onEvent?.({\r\n        blockId: block.id,\r\n        messageId,\r\n        action: \"execute\",\r\n        value: block.command,\r\n      });\r\n  };\r\n\r\n  return (\r\n    <div\r\n      style={{\r\n        marginTop: 8,\r\n        borderRadius: tokens.borderRadius.md,\r\n        overflow: \"hidden\",\r\n        border: `1px solid ${tokens.colors.border.muted}`,\r\n      }}\r\n    >\r\n      {block.label && (\r\n        <div\r\n          style={{\r\n            padding: \"5px 12px\",\r\n            fontSize: tokens.typography.fontSize.xxs,\r\n            fontWeight: 600,\r\n            color: tokens.colors.text.tertiary,\r\n            textTransform: \"uppercase\",\r\n            letterSpacing: \"0.05em\",\r\n            backgroundColor: `${tokens.colors.background.elevated}80`,\r\n            borderBottom: `1px solid ${tokens.colors.border.muted}`,\r\n            display: \"flex\",\r\n            alignItems: \"center\",\r\n            justifyContent: \"space-between\",\r\n          }}\r\n        >\r\n          <span>\r\n            {block.label}\r\n            {block.language ? ` · ${block.language}` : \"\"}\r\n          </span>\r\n        </div>\r\n      )}\r\n      <div style={{ position: \"relative\" }}>\r\n        <pre\r\n          style={{\r\n            margin: 0,\r\n            padding: \"10px 12px\",\r\n            paddingRight: 80,\r\n            fontSize: tokens.typography.fontSize.xs,\r\n            fontFamily: tokens.typography.fontFamily.mono,\r\n            backgroundColor: `${tokens.colors.background.base}80`,\r\n            color: tokens.colors.text.primary,\r\n            overflowX: \"auto\",\r\n            lineHeight: 1.5,\r\n          }}\r\n        >\r\n          {block.command}\r\n        </pre>\r\n        <div\r\n          style={{\r\n            position: \"absolute\",\r\n            top: 6,\r\n            right: 8,\r\n            display: \"flex\",\r\n            gap: 4,\r\n          }}\r\n        >\r\n          <button\r\n            type=\"button\"\r\n            onClick={handleCopy}\r\n            style={{\r\n              padding: \"2px 8px\",\r\n              fontSize: tokens.typography.fontSize.micro,\r\n              borderRadius: tokens.borderRadius.sm,\r\n              border: `1px solid ${tokens.colors.border.muted}`,\r\n              backgroundColor: tokens.colors.background.elevated,\r\n              color: copied\r\n                ? tokens.colors.status.normal\r\n                : tokens.colors.text.tertiary,\r\n              cursor: \"pointer\",\r\n              fontFamily: tokens.typography.fontFamily.primary,\r\n              fontWeight: 500,\r\n            }}\r\n          >\r\n            {copied ? \"✓ Copied\" : \"Copy\"}\r\n          </button>\r\n          {block.executable && onEvent && block.id && (\r\n            <button\r\n              type=\"button\"\r\n              onClick={handleExecute}\r\n              style={{\r\n                padding: \"2px 8px\",\r\n                fontSize: tokens.typography.fontSize.micro,\r\n                borderRadius: tokens.borderRadius.sm,\r\n                border: `1px solid ${tokens.colors.accent.primary}60`,\r\n                backgroundColor: `${tokens.colors.accent.primary}15`,\r\n                color: safeAccentText(tokens.colors.accent.primary),\r\n                cursor: \"pointer\",\r\n                fontFamily: tokens.typography.fontFamily.primary,\r\n                fontWeight: 600,\r\n              }}\r\n            >\r\n              Run\r\n            </button>\r\n          )}\r\n        </div>\r\n      </div>\r\n    </div>\r\n  );\r\n}\r\n\r\nfunction KVBlock({ block }: { block: ChatBlockKV }) {\r\n  const { tokens } = useTheme();\r\n  return (\r\n    <div\r\n      style={{\r\n        marginTop: 8,\r\n        padding: \"8px 12px\",\r\n        backgroundColor: `${tokens.colors.background.elevated}40`,\r\n        borderRadius: tokens.borderRadius.md,\r\n        border: `1px solid ${tokens.colors.border.muted}`,\r\n      }}\r\n    >\r\n      {block.title && (\r\n        <div\r\n          style={{\r\n            fontSize: tokens.typography.fontSize.xxs,\r\n            fontWeight: 600,\r\n            color: tokens.colors.text.tertiary,\r\n            textTransform: \"uppercase\",\r\n            letterSpacing: \"0.05em\",\r\n            marginBottom: 6,\r\n          }}\r\n        >\r\n          {block.title}\r\n        </div>\r\n      )}\r\n      <div\r\n        style={{\r\n          display: \"grid\",\r\n          gridTemplateColumns: \"auto 1fr\",\r\n          gap: \"3px 16px\",\r\n          fontSize: tokens.typography.fontSize.xs,\r\n        }}\r\n      >\r\n        {(block.pairs ?? []).map((p, i) => (\r\n          <React.Fragment key={i}>\r\n            <span\r\n              style={{\r\n                color: tokens.colors.text.tertiary,\r\n                whiteSpace: \"nowrap\",\r\n              }}\r\n            >\r\n              {p.key}\r\n            </span>\r\n            <span\r\n              style={{\r\n                color: tokens.colors.text.primary,\r\n                fontFamily: p.mono\r\n                  ? tokens.typography.fontFamily.mono\r\n                  : undefined,\r\n                fontVariantNumeric: p.mono ? \"tabular-nums\" : undefined,\r\n              }}\r\n            >\r\n              {p.value}\r\n            </span>\r\n          </React.Fragment>\r\n        ))}\r\n      </div>\r\n    </div>\r\n  );\r\n}\r\n\r\nfunction renderBlock(\r\n  block: ChatBlock,\r\n  index: number,\r\n  messageId: string,\r\n  onEvent?: (e: ChatBlockEvent) => void,\r\n) {\r\n  switch (block.type) {\r\n    case \"alert\":\r\n      return <AlertBlock key={index} block={block} />;\r\n    case \"telemetry\":\r\n      return <TelemetryBlock key={index} block={block} />;\r\n    case \"progress\":\r\n      return <ProgressBlock key={index} block={block} />;\r\n    case \"table\":\r\n      return <TableBlock key={index} block={block} />;\r\n    case \"actions\":\r\n      return <ActionsBlock key={index} block={block} />;\r\n    case \"choice\":\r\n      return (\r\n        <ChoiceBlock\r\n          key={index}\r\n          block={block}\r\n          messageId={messageId}\r\n          onEvent={onEvent}\r\n        />\r\n      );\r\n    case \"confirm\":\r\n      return (\r\n        <ConfirmBlock\r\n          key={index}\r\n          block={block}\r\n          messageId={messageId}\r\n          onEvent={onEvent}\r\n        />\r\n      );\r\n    case \"command\":\r\n      return (\r\n        <CommandBlock\r\n          key={index}\r\n          block={block}\r\n          messageId={messageId}\r\n          onEvent={onEvent}\r\n        />\r\n      );\r\n    case \"kv\":\r\n      return <KVBlock key={index} block={block} />;\r\n    default:\r\n      return null;\r\n  }\r\n}\r\n\r\n// ─── Main component ──────────────────────────────────────────────────────────\r\n\r\nexport const ChatPanel = memo(function ChatPanel({\r\n  messages = [],\r\n  onSend,\r\n  loading = false,\r\n  placeholder = \"Type a message...\",\r\n  title,\r\n  subtitle,\r\n  disabled = false,\r\n  showTimestamps = true,\r\n  height = \"100%\",\r\n  onClear,\r\n  onBlockEvent,\r\n  style,\r\n}: ChatPanelProps): React.ReactElement {\r\n  const { tokens } = useTheme();\r\n  const [input, setInput] = useState(\"\");\r\n  const messagesEndRef = useRef<HTMLDivElement>(null);\r\n  const inputRef = useRef<HTMLTextAreaElement>(null);\r\n\r\n  useEffect(() => {\r\n    messagesEndRef.current?.scrollIntoView({ behavior: \"smooth\" });\r\n  }, [messages, loading]);\r\n\r\n  const handleSend = useCallback(() => {\r\n    const text = input.trim();\r\n    if (!text || disabled) return;\r\n    onSend(text);\r\n    setInput(\"\");\r\n    if (inputRef.current) inputRef.current.style.height = \"auto\";\r\n  }, [input, onSend, disabled]);\r\n\r\n  const handleKeyDown = useCallback(\r\n    (e: React.KeyboardEvent) => {\r\n      if (e.key === \"Enter\" && !e.shiftKey) {\r\n        e.preventDefault();\r\n        handleSend();\r\n      }\r\n    },\r\n    [handleSend],\r\n  );\r\n\r\n  const handleInput = useCallback(\r\n    (e: React.ChangeEvent<HTMLTextAreaElement>) => {\r\n      setInput(e.target.value);\r\n      const el = e.target;\r\n      el.style.height = \"auto\";\r\n      el.style.height = `${Math.min(el.scrollHeight, 120)}px`;\r\n    },\r\n    [],\r\n  );\r\n\r\n  const formatTime = (ts?: number) => {\r\n    if (!ts) return \"\";\r\n    return new Date(ts).toLocaleTimeString([], {\r\n      hour: \"2-digit\",\r\n      minute: \"2-digit\",\r\n    });\r\n  };\r\n\r\n  // Markdown-ish rendering: **bold**, `code`, ```code blocks```, - lists\r\n  const renderContent = (text: string) => {\r\n    const parts: React.ReactNode[] = [];\r\n    const lines = text.split(\"\\n\");\r\n    let inCode = false;\r\n    let codeBlock: string[] = [];\r\n\r\n    lines.forEach((line, i) => {\r\n      if (line.startsWith(\"```\")) {\r\n        if (inCode) {\r\n          parts.push(\r\n            <pre\r\n              key={`code-${i}`}\r\n              style={{\r\n                backgroundColor: `${tokens.colors.background.base}80`,\r\n                padding: `${tokens.spacing.xs} ${tokens.spacing.sm}`,\r\n                borderRadius: tokens.borderRadius.sm,\r\n                fontSize: tokens.typography.fontSize.xs,\r\n                fontFamily: tokens.typography.fontFamily.mono,\r\n                overflowX: \"auto\",\r\n                margin: `${tokens.spacing.xs} 0`,\r\n                border: `1px solid ${tokens.colors.border.muted}`,\r\n              }}\r\n            >\r\n              {codeBlock.join(\"\\n\")}\r\n            </pre>,\r\n          );\r\n          codeBlock = [];\r\n          inCode = false;\r\n        } else {\r\n          inCode = true;\r\n        }\r\n        return;\r\n      }\r\n      if (inCode) {\r\n        codeBlock.push(line);\r\n        return;\r\n      }\r\n\r\n      let processed: React.ReactNode = line;\r\n      if (line.includes(\"**\")) {\r\n        const segments = line.split(/\\*\\*(.*?)\\*\\*/g);\r\n        processed = segments.map((seg, j) =>\r\n          j % 2 === 1 ? <strong key={j}>{seg}</strong> : seg,\r\n        );\r\n      }\r\n      if (typeof processed === \"string\" && processed.includes(\"`\")) {\r\n        const segments = processed.split(/`(.*?)`/g);\r\n        processed = segments.map((seg, j) =>\r\n          j % 2 === 1 ? (\r\n            <code\r\n              key={j}\r\n              style={{\r\n                backgroundColor: `${tokens.colors.background.base}80`,\r\n                padding: \"1px 4px\",\r\n                borderRadius: \"3px\",\r\n                fontSize: \"0.9em\",\r\n                fontFamily: tokens.typography.fontFamily.mono,\r\n              }}\r\n            >\r\n              {seg}\r\n            </code>\r\n          ) : (\r\n            seg\r\n          ),\r\n        );\r\n      }\r\n      parts.push(\r\n        <React.Fragment key={`line-${i}`}>\r\n          {processed}\r\n          {i < lines.length - 1 && <br />}\r\n        </React.Fragment>,\r\n      );\r\n    });\r\n    return parts;\r\n  };\r\n\r\n  const TypingDots = () => (\r\n    <div\r\n      style={{\r\n        display: \"flex\",\r\n        alignItems: \"center\",\r\n        gap: \"4px\",\r\n        padding: tokens.spacing.xs,\r\n      }}\r\n    >\r\n      {[0, 1, 2].map((i) => (\r\n        <div\r\n          key={i}\r\n          style={{\r\n            width: 6,\r\n            height: 6,\r\n            borderRadius: \"50%\",\r\n            backgroundColor: tokens.colors.accent.primary,\r\n            opacity: 0.6,\r\n            animation: `zendir-typing 1.2s ease-in-out ${i * 0.2}s infinite`,\r\n          }}\r\n        />\r\n      ))}\r\n      <style>{`@keyframes zendir-typing { 0%,60%,100%{opacity:.3;transform:translateY(0)} 30%{opacity:1;transform:translateY(-3px)} }`}</style>\r\n    </div>\r\n  );\r\n\r\n  return (\r\n    <div\r\n      style={{\r\n        display: \"flex\",\r\n        flexDirection: \"column\",\r\n        height: typeof height === \"number\" ? `${height}px` : height,\r\n        fontFamily: tokens.typography.fontFamily.primary,\r\n        backgroundColor: tokens.colors.background.base,\r\n        borderRadius: tokens.borderRadius.lg,\r\n        border: `1px solid ${tokens.colors.border.muted}`,\r\n        overflow: \"hidden\",\r\n        ...style,\r\n      }}\r\n    >\r\n      {/* Header */}\r\n      {(title || onClear) && (\r\n        <div\r\n          style={{\r\n            display: \"flex\",\r\n            alignItems: \"center\",\r\n            justifyContent: \"space-between\",\r\n            padding: `${tokens.spacing.sm} ${tokens.spacing.md}`,\r\n            borderBottom: `1px solid ${tokens.colors.border.muted}`,\r\n            backgroundColor: tokens.colors.background.surface,\r\n          }}\r\n        >\r\n          <div>\r\n            {title && (\r\n              <div\r\n                style={{\r\n                  fontSize: tokens.typography.fontSize.sm,\r\n                  fontWeight: 600,\r\n                  color: tokens.colors.text.primary,\r\n                }}\r\n              >\r\n                {title}\r\n              </div>\r\n            )}\r\n            {subtitle && (\r\n              <div\r\n                style={{\r\n                  fontSize: tokens.typography.fontSize.xxs,\r\n                  color: tokens.colors.text.tertiary,\r\n                }}\r\n              >\r\n                {subtitle}\r\n              </div>\r\n            )}\r\n          </div>\r\n          {onClear && messages.length > 0 && (\r\n            <button\r\n              onClick={onClear}\r\n              style={{\r\n                fontSize: tokens.typography.fontSize.xxs,\r\n                color: tokens.colors.text.tertiary,\r\n                backgroundColor: \"transparent\",\r\n                border: \"none\",\r\n                cursor: \"pointer\",\r\n                padding: \"4px 8px\",\r\n                borderRadius: tokens.borderRadius.sm,\r\n                fontFamily: tokens.typography.fontFamily.primary,\r\n              }}\r\n            >\r\n              Clear\r\n            </button>\r\n          )}\r\n        </div>\r\n      )}\r\n\r\n      {/* Messages — aria-live so screen readers announce new messages */}\r\n      <div\r\n        role=\"log\"\r\n        aria-live=\"polite\"\r\n        aria-label=\"Chat messages\"\r\n        style={{\r\n          flex: 1,\r\n          overflow: \"auto\",\r\n          padding: tokens.spacing.md,\r\n          display: \"flex\",\r\n          flexDirection: \"column\",\r\n          gap: tokens.spacing.sm,\r\n        }}\r\n      >\r\n        {messages.length === 0 && (\r\n          <div\r\n            style={{\r\n              display: \"flex\",\r\n              alignItems: \"center\",\r\n              justifyContent: \"center\",\r\n              flex: 1,\r\n              color: tokens.colors.text.tertiary,\r\n              fontSize: tokens.typography.fontSize.sm,\r\n            }}\r\n          >\r\n            No messages yet\r\n          </div>\r\n        )}\r\n\r\n        {messages.map((msg) => {\r\n          const isUser = msg.role === \"user\";\r\n          const isSystem = msg.role === \"system\";\r\n          const severity = msg.severity;\r\n          const severityColor = severity\r\n            ? tokens.colors.status[severity]\r\n            : undefined;\r\n\r\n          // System message accent: uses severity if set, otherwise default caution tint\r\n          const systemBg = severityColor\r\n            ? `${severityColor}12`\r\n            : `${tokens.colors.status.caution}10`;\r\n          const systemBorder = severityColor\r\n            ? `${severityColor}30`\r\n            : `${tokens.colors.status.caution}20`;\r\n          const systemAccent = severityColor || undefined;\r\n\r\n          return (\r\n            <div\r\n              key={msg.id}\r\n              style={{\r\n                display: \"flex\",\r\n                flexDirection: \"column\",\r\n                alignItems: isUser ? \"flex-end\" : \"flex-start\",\r\n                maxWidth: isSystem ? \"100%\" : \"85%\",\r\n                alignSelf: isUser ? \"flex-end\" : \"flex-start\",\r\n              }}\r\n            >\r\n              <div\r\n                style={{\r\n                  padding: `${tokens.spacing.sm} ${tokens.spacing.md}`,\r\n                  borderRadius: tokens.borderRadius.md,\r\n                  backgroundColor: isUser\r\n                    ? `${tokens.colors.accent.primary}20`\r\n                    : isSystem\r\n                      ? systemBg\r\n                      : tokens.colors.background.surface,\r\n                  border: `1px solid ${\r\n                    isUser\r\n                      ? `${tokens.colors.accent.primary}30`\r\n                      : isSystem\r\n                        ? systemBorder\r\n                        : tokens.colors.border.muted\r\n                  }`,\r\n                  borderLeft:\r\n                    isSystem && systemAccent\r\n                      ? `3px solid ${systemAccent}`\r\n                      : undefined,\r\n                  fontSize: tokens.typography.fontSize.sm,\r\n                  color: tokens.colors.text.primary,\r\n                  lineHeight: 1.6,\r\n                  width: isSystem ? \"100%\" : \"auto\",\r\n                  opacity: msg.status === \"sending\" ? 0.7 : 1,\r\n                }}\r\n              >\r\n                {/* Severity indicator for system messages */}\r\n                {isSystem && severity && (\r\n                  <div\r\n                    style={{\r\n                      display: \"flex\",\r\n                      alignItems: \"center\",\r\n                      gap: 6,\r\n                      marginBottom: 4,\r\n                    }}\r\n                  >\r\n                    <StatusShape\r\n                      status={severity}\r\n                      size={10}\r\n                      color={severityColor!}\r\n                    />\r\n                    <span\r\n                      style={{\r\n                        fontSize: tokens.typography.fontSize.xxs,\r\n                        fontWeight: 600,\r\n                        color: severityColor,\r\n                        textTransform: \"uppercase\",\r\n                        letterSpacing: \"0.04em\",\r\n                      }}\r\n                    >\r\n                      {severity}\r\n                    </span>\r\n                  </div>\r\n                )}\r\n\r\n                {renderContent(msg.content)}\r\n\r\n                {/* Structured blocks */}\r\n                {Array.isArray(msg.blocks) &&\r\n                  msg.blocks.map((block, i) =>\r\n                    block ? renderBlock(block, i, msg.id, onBlockEvent) : null,\r\n                  )}\r\n\r\n                {/* Legacy action buttons */}\r\n                {msg.actions && msg.actions.length > 0 && (\r\n                  <div\r\n                    style={{\r\n                      display: \"flex\",\r\n                      gap: tokens.spacing.xs,\r\n                      marginTop: tokens.spacing.xs,\r\n                      paddingTop: tokens.spacing.xs,\r\n                      borderTop: `1px solid ${tokens.colors.border.muted}`,\r\n                    }}\r\n                  >\r\n                    {msg.actions.map((action, i) => (\r\n                      <button\r\n                        key={i}\r\n                        onClick={action.onClick}\r\n                        style={{\r\n                          fontSize: tokens.typography.fontSize.xxs,\r\n                          padding: \"2px 10px\",\r\n                          borderRadius: tokens.borderRadius.sm,\r\n                          border: `1px solid ${tokens.colors.accent.primary}40`,\r\n                          backgroundColor: `${tokens.colors.accent.primary}10`,\r\n                          color: safeAccentText(tokens.colors.accent.primary),\r\n                          cursor: \"pointer\",\r\n                          fontFamily: tokens.typography.fontFamily.primary,\r\n                        }}\r\n                      >\r\n                        {action.label}\r\n                      </button>\r\n                    ))}\r\n                  </div>\r\n                )}\r\n              </div>\r\n\r\n              {showTimestamps && msg.timestamp && (\r\n                <div\r\n                  style={{\r\n                    fontSize: tokens.typography.fontSize.micro,\r\n                    color: tokens.colors.text.tertiary,\r\n                    marginTop: \"2px\",\r\n                    paddingLeft: tokens.spacing.xs,\r\n                    paddingRight: tokens.spacing.xs,\r\n                    display: \"flex\",\r\n                    alignItems: \"center\",\r\n                    gap: \"4px\",\r\n                  }}\r\n                >\r\n                  {formatTime(msg.timestamp)}\r\n                  {msg.status === \"error\" && (\r\n                    <span style={{ color: tokens.colors.status.critical }}>\r\n                      • Failed\r\n                    </span>\r\n                  )}\r\n                </div>\r\n              )}\r\n            </div>\r\n          );\r\n        })}\r\n\r\n        {loading && (\r\n          <div\r\n            style={{\r\n              alignSelf: \"flex-start\",\r\n              padding: `${tokens.spacing.xs} ${tokens.spacing.md}`,\r\n              borderRadius: tokens.borderRadius.md,\r\n              backgroundColor: tokens.colors.background.surface,\r\n              border: `1px solid ${tokens.colors.border.muted}`,\r\n            }}\r\n          >\r\n            <TypingDots />\r\n          </div>\r\n        )}\r\n        <div ref={messagesEndRef} />\r\n      </div>\r\n\r\n      {/* Input */}\r\n      <div\r\n        style={{\r\n          display: \"flex\",\r\n          alignItems: \"flex-end\",\r\n          gap: tokens.spacing.sm,\r\n          padding: tokens.spacing.md,\r\n          borderTop: `1px solid ${tokens.colors.border.muted}`,\r\n          backgroundColor: tokens.colors.background.surface,\r\n        }}\r\n      >\r\n        <textarea\r\n          ref={inputRef}\r\n          value={input}\r\n          onChange={handleInput}\r\n          onKeyDown={handleKeyDown}\r\n          placeholder={placeholder}\r\n          disabled={disabled}\r\n          aria-label=\"Message input\"\r\n          rows={1}\r\n          style={{\r\n            flex: 1,\r\n            resize: \"none\",\r\n            border: `1px solid ${tokens.colors.border.muted}`,\r\n            borderRadius: tokens.borderRadius.md,\r\n            padding: `${tokens.spacing.sm} ${tokens.spacing.md}`,\r\n            fontSize: tokens.typography.fontSize.sm,\r\n            fontFamily: tokens.typography.fontFamily.primary,\r\n            color: tokens.colors.text.primary,\r\n            backgroundColor: tokens.colors.background.base,\r\n            outline: \"none\",\r\n            transition: \"border-color 150ms, background-color 150ms\",\r\n            maxHeight: 120,\r\n            lineHeight: 1.5,\r\n            overflowY: \"auto\",\r\n          }}\r\n        />\r\n        <button\r\n          onClick={handleSend}\r\n          disabled={disabled || !input.trim()}\r\n          aria-label=\"Send message\"\r\n          style={{\r\n            display: \"flex\",\r\n            alignItems: \"center\",\r\n            justifyContent: \"center\",\r\n            width: 44,\r\n            height: 44,\r\n            borderRadius: tokens.borderRadius.md,\r\n            border: \"none\",\r\n            backgroundColor: input.trim()\r\n              ? tokens.colors.accent.primary\r\n              : `${tokens.colors.accent.primary}20`,\r\n            color: input.trim()\r\n              ? tokens.colors.text.inverse\r\n              : tokens.colors.text.tertiary,\r\n            cursor: input.trim() && !disabled ? \"pointer\" : \"not-allowed\",\r\n            transition: tokens.animation.fast,\r\n            flexShrink: 0,\r\n          }}\r\n        >\r\n          <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\r\n            <path d=\"M2.01 21L23 12 2.01 3 2 10l15 2-15 2z\" />\r\n          </svg>\r\n        </button>\r\n      </div>\r\n    </div>\r\n  );\r\n});\r\n\r\nexport default ChatPanel;\r\n"],"mappings":"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"}
+{"version":3,"file":"ChatPanel.js","names":[],"sources":["../../../../src/react/core/widgets/ChatPanel.tsx"],"sourcesContent":["/**\r\n * @zendir/ui - ChatPanel Component\r\n *\r\n * Status-aware chat interface for operator dashboards with AI/command assistance.\r\n * Supports structured message blocks (alerts, telemetry, status cards, data tables)\r\n * alongside plain text, markdown, and code.\r\n *\r\n * Astro UX Compliance:\r\n * - 6-level status system with dual-coded shapes (color + shape)\r\n * - Glass-morphism for message bubbles\r\n * - Monospace for code/command content\r\n * - Focus management and keyboard shortcuts\r\n *\r\n * AI Integration:\r\n * - Messages can include structured `blocks` that the AI emits\r\n * - Four integration strategies: Tool/Function Calling, YAML, JSON, and MCP\r\n * - Tool/Function calling schemas for OpenAI, Anthropic, Gemini, and MCP servers\r\n * - `parseChatResponse()` — universal parser for JSON, YAML, and plain text\r\n * - `parseMcpToolResult()` — bridge MCP tool results to ChatPanel blocks\r\n * - `CHAT_RESPONSE_TOOL_SCHEMA` — drop-in function schema for LLM API calls\r\n * - `CHAT_RESPONSE_MCP_TOOL` — MCP server tool definition for structured responses\r\n * - `CHAT_RESPONSE_YAML_PROMPT` — system prompt snippet for YAML mode\r\n *\r\n * @example\r\n * ```tsx\r\n * <ChatPanel\r\n *   messages={messages}\r\n *   onSend={(text) => handleSend(text)}\r\n *   loading={isStreaming}\r\n *   placeholder=\"Ask about telemetry...\"\r\n *   title=\"AI Assistant\"\r\n * />\r\n * ```\r\n */\r\n\r\nimport React, { memo, useState, useCallback, useEffect, useRef } from \"react\";\r\nimport { useTheme } from \"../../theme\";\r\nimport { safeAccentText } from \"../../utils\";\r\nimport type { StatusLevel } from \"../../utils\";\r\n\r\n// ─── Types ───────────────────────────────────────────────────────────────────\r\n\r\n/** Status alert block — renders as a colored banner with icon shape */\r\nexport interface ChatBlockAlert {\r\n  type: \"alert\";\r\n  status: StatusLevel;\r\n  title: string;\r\n  detail?: string;\r\n}\r\n\r\n/** Telemetry readout block — key/value pairs with optional status per row */\r\nexport interface ChatBlockTelemetry {\r\n  type: \"telemetry\";\r\n  title?: string;\r\n  items: Array<{\r\n    label: string;\r\n    value: string | number;\r\n    unit?: string;\r\n    status?: StatusLevel;\r\n  }>;\r\n}\r\n\r\n/** Progress block — inline progress bar */\r\nexport interface ChatBlockProgress {\r\n  type: \"progress\";\r\n  label: string;\r\n  value: number;\r\n  max?: number;\r\n  status?: StatusLevel;\r\n}\r\n\r\n/** Data table block */\r\nexport interface ChatBlockTable {\r\n  type: \"table\";\r\n  title?: string;\r\n  columns: string[];\r\n  rows: (string | number)[][];\r\n}\r\n\r\n/** Action buttons block */\r\nexport interface ChatBlockActions {\r\n  type: \"actions\";\r\n  buttons: Array<{\r\n    label: string;\r\n    variant?: \"primary\" | \"secondary\" | \"critical\";\r\n    onClick: () => void;\r\n  }>;\r\n}\r\n\r\n/** Choice/option selector — AI presents options, user picks one (or multiple) */\r\nexport interface ChatBlockChoice {\r\n  type: \"choice\";\r\n  /** Unique ID for this choice block (used in onBlockEvent callback) */\r\n  id: string;\r\n  title?: string;\r\n  /** Allow multiple selections */\r\n  multiple?: boolean;\r\n  options: Array<{\r\n    id: string;\r\n    label: string;\r\n    description?: string;\r\n    status?: StatusLevel;\r\n    disabled?: boolean;\r\n  }>;\r\n  /** Pre-selected option IDs */\r\n  selected?: string[];\r\n  /** Has the user already submitted their choice? */\r\n  submitted?: boolean;\r\n}\r\n\r\n/** Confirmation gate — requires explicit operator acknowledgment before proceeding */\r\nexport interface ChatBlockConfirm {\r\n  type: \"confirm\";\r\n  /** Unique ID for this confirm block (used in onBlockEvent callback) */\r\n  id: string;\r\n  status?: StatusLevel;\r\n  title: string;\r\n  detail?: string;\r\n  confirmLabel?: string;\r\n  cancelLabel?: string;\r\n  /** Has the operator already responded? */\r\n  resolved?: \"confirmed\" | \"cancelled\";\r\n}\r\n\r\n/** Command block — displays a command with copy-to-clipboard and optional execute */\r\nexport interface ChatBlockCommand {\r\n  type: \"command\";\r\n  /** Unique ID for this command block (used in onBlockEvent callback) */\r\n  id?: string;\r\n  language?: string;\r\n  command: string;\r\n  label?: string;\r\n  /** Show an execute button (fires onBlockEvent with action:'execute') */\r\n  executable?: boolean;\r\n}\r\n\r\n/** Key-value metadata block — compact pairs for context/metadata */\r\nexport interface ChatBlockKV {\r\n  type: \"kv\";\r\n  title?: string;\r\n  pairs: Array<{ key: string; value: string | number; mono?: boolean }>;\r\n}\r\n\r\nexport type ChatBlock =\r\n  | ChatBlockAlert\r\n  | ChatBlockTelemetry\r\n  | ChatBlockProgress\r\n  | ChatBlockTable\r\n  | ChatBlockActions\r\n  | ChatBlockChoice\r\n  | ChatBlockConfirm\r\n  | ChatBlockCommand\r\n  | ChatBlockKV;\r\n\r\n/** Event emitted by interactive blocks (choice, confirm, command) */\r\nexport interface ChatBlockEvent {\r\n  /** The block ID */\r\n  blockId: string;\r\n  /** The message ID containing this block */\r\n  messageId: string;\r\n  /** Action type */\r\n  action: \"select\" | \"confirm\" | \"cancel\" | \"execute\" | \"copy\";\r\n  /** Payload (selected option IDs for choice, command string for execute/copy) */\r\n  value?: string | string[];\r\n}\r\n\r\nexport interface ChatMessage {\r\n  /** Unique message ID */\r\n  id: string;\r\n  /** Message content (supports markdown-like formatting) */\r\n  content: string;\r\n  /** Sender role */\r\n  role: \"user\" | \"assistant\" | \"system\";\r\n  /** Timestamp (ms) */\r\n  timestamp?: number;\r\n  /** Message delivery status */\r\n  status?: \"sending\" | \"sent\" | \"error\";\r\n  /** Astro UX severity — colors the message accent (system messages default to this) */\r\n  severity?: StatusLevel;\r\n  /** Structured blocks rendered below the text content */\r\n  blocks?: ChatBlock[];\r\n  /** Legacy: action buttons (prefer blocks with type:'actions') */\r\n  actions?: Array<{ label: string; onClick: () => void }>;\r\n}\r\n\r\nexport interface ChatPanelProps {\r\n  /** Array of messages */\r\n  messages: ChatMessage[];\r\n  /** Send handler */\r\n  onSend: (text: string) => void;\r\n  /** Is assistant currently generating */\r\n  loading?: boolean;\r\n  /** Input placeholder */\r\n  placeholder?: string;\r\n  /** Panel title */\r\n  title?: string;\r\n  /** Subtitle (e.g. model name) */\r\n  subtitle?: string;\r\n  /** Disable input */\r\n  disabled?: boolean;\r\n  /** Show timestamps */\r\n  showTimestamps?: boolean;\r\n  /** Height of the panel (default: 100%) */\r\n  height?: string | number;\r\n  /** Clear handler (shows clear button when provided) */\r\n  onClear?: () => void;\r\n  /** Handler for interactive block events (choice selection, confirm/cancel, command execute) */\r\n  onBlockEvent?: (event: ChatBlockEvent) => void;\r\n  /**\r\n   * Render a message's text yourself instead of using the built-in renderer.\r\n   *\r\n   * The built-in one covers `**bold**`, `` `code` `` and fenced code blocks.\r\n   * Anything richer — lists, tables, links — needs a real markdown renderer,\r\n   * which is a dependency this package does not carry. Supply one here to hand\r\n   * that decision (and its bundle cost) to the host.\r\n   *\r\n   * Blocks are unaffected; they render as normal beneath the returned content.\r\n   */\r\n  renderMessageContent?: (content: string, message: ChatMessage) => React.ReactNode;\r\n  /** Custom style */\r\n  style?: React.CSSProperties;\r\n}\r\n\r\n// ─── Response format & parser ────────────────────────────────────────────────\r\n\r\n/**\r\n * Supported response formats from the AI backend.\r\n * - 'json':  Standard JSON (default). Most compatible.\r\n * - 'yaml':  YAML compact format. ~30-40% fewer tokens than JSON for identical data.\r\n * - 'auto':  Auto-detect (tries JSON first, then YAML, then plain text).\r\n */\r\nexport type ChatResponseFormat = \"json\" | \"yaml\" | \"auto\";\r\n\r\n/** Shape of a parsed AI response (content + optional blocks + severity). */\r\nexport interface ChatResponsePayload {\r\n  content: string;\r\n  severity?: StatusLevel;\r\n  blocks?: ChatBlock[];\r\n}\r\n\r\n/** Options for creating a customised response parser. */\r\nexport interface ChatResponseParserOptions {\r\n  /**\r\n   * Custom YAML parser function. Receives raw YAML text, returns a parsed object.\r\n   * If not provided, uses the built-in lightweight parser.\r\n   *\r\n   * For production, plug in `js-yaml` or `yaml`:\r\n   * ```ts\r\n   * import yaml from 'js-yaml';\r\n   * const parse = createChatResponseParser({ yamlParser: (s) => yaml.load(s) });\r\n   * ```\r\n   */\r\n  yamlParser?: (text: string) => unknown;\r\n  /** Default format when not specified per-call. Defaults to `'auto'`. */\r\n  defaultFormat?: ChatResponseFormat;\r\n  /** Custom message ID generator. Defaults to `crypto.randomUUID()`. */\r\n  idGenerator?: () => string;\r\n}\r\n\r\n// ─── Built-in YAML parser (recursive descent) ───────────────────────────────\r\n\r\n/**\r\n * Lightweight recursive-descent YAML parser for AI response structures.\r\n *\r\n * Handles: mappings, sequences, nested structures, scalars (string, number,\r\n * boolean, null), quoted strings, inline JSON arrays/objects, comments.\r\n *\r\n * Does NOT handle: multi-line strings, anchors/aliases, tags, flow collections\r\n * across lines, merge keys, or other advanced YAML features.\r\n *\r\n * For production with complex YAML, plug in `js-yaml` or `yaml` via\r\n * `createChatResponseParser({ yamlParser })`.\r\n */\r\nfunction parseYamlLite(text: string): unknown {\r\n  type Line = { indent: number; text: string };\r\n  const lines: Line[] = [];\r\n  for (const raw of text.split(\"\\n\")) {\r\n    const content = raw.trimEnd();\r\n    if (content.trim() === \"\" || content.trim().startsWith(\"#\")) continue;\r\n    lines.push({ indent: content.search(/\\S/), text: content.trim() });\r\n  }\r\n\r\n  let pos = 0;\r\n  const peek = (): Line | null => (pos < lines.length ? lines[pos] : null);\r\n  const advance = (): Line => lines[pos++];\r\n\r\n  function scalar(s: string): unknown {\r\n    const v = s.trim();\r\n    if (v === \"\" || v === \"null\" || v === \"~\") return null;\r\n    if (v === \"true\") return true;\r\n    if (v === \"false\") return false;\r\n    if (/^-?\\d+(\\.\\d+)?([eE][+-]?\\d+)?$/.test(v)) return Number(v);\r\n    if (\r\n      (v.startsWith('\"') && v.endsWith('\"')) ||\r\n      (v.startsWith(\"'\") && v.endsWith(\"'\"))\r\n    )\r\n      return v.slice(1, -1);\r\n    if (\r\n      (v.startsWith(\"[\") && v.endsWith(\"]\")) ||\r\n      (v.startsWith(\"{\") && v.endsWith(\"}\"))\r\n    ) {\r\n      try {\r\n        return JSON.parse(v);\r\n      } catch {\r\n        /* fall through */\r\n      }\r\n    }\r\n    return v;\r\n  }\r\n\r\n  function parseValue(minIndent: number): unknown {\r\n    const line = peek();\r\n    if (!line || line.indent < minIndent) return undefined;\r\n    const actualIndent = line.indent;\r\n    if (line.text.startsWith(\"- \")) return parseSequence(actualIndent);\r\n    return parseMapping(actualIndent);\r\n  }\r\n\r\n  function parseSequence(level: number): unknown[] {\r\n    const arr: unknown[] = [];\r\n    while (\r\n      peek() &&\r\n      peek()!.indent === level &&\r\n      peek()!.text.startsWith(\"- \")\r\n    ) {\r\n      const line = advance();\r\n      const after = line.text.slice(2).trim();\r\n\r\n      if (!after) {\r\n        // Bare `- ` → nested value on next lines\r\n        const val = parseValue(level + 1);\r\n        arr.push(val ?? null);\r\n        continue;\r\n      }\r\n\r\n      const colonIdx = after.indexOf(\":\");\r\n      if (colonIdx > 0 && !/^['\"]/.test(after)) {\r\n        // Inline mapping start: `- key: value`\r\n        const obj: Record<string, unknown> = {};\r\n        const k = after.slice(0, colonIdx).trim();\r\n        const v = after.slice(colonIdx + 1).trim();\r\n        obj[k] = v ? scalar(v) : (parseValue(level + 3) ?? null);\r\n\r\n        // Read sibling keys at `level + 2` (aligned with content after `- `)\r\n        const siblingIndent = level + 2;\r\n        while (peek() && peek()!.indent >= siblingIndent) {\r\n          if (\r\n            peek()!.indent === siblingIndent &&\r\n            !peek()!.text.startsWith(\"- \")\r\n          ) {\r\n            const next = advance();\r\n            const ci = next.text.indexOf(\":\");\r\n            if (ci > 0) {\r\n              const nk = next.text.slice(0, ci).trim();\r\n              const nv = next.text.slice(ci + 1).trim();\r\n              obj[nk] = nv\r\n                ? scalar(nv)\r\n                : (parseValue(siblingIndent + 1) ?? null);\r\n            }\r\n          } else if (peek()!.indent > siblingIndent) {\r\n            // Deeper content should have been consumed by parseValue above;\r\n            // if not, skip it to avoid infinite loops\r\n            advance();\r\n          } else {\r\n            break;\r\n          }\r\n        }\r\n        arr.push(obj);\r\n      } else {\r\n        // Simple scalar: `- value`\r\n        arr.push(scalar(after));\r\n      }\r\n    }\r\n    return arr;\r\n  }\r\n\r\n  function parseMapping(level: number): Record<string, unknown> {\r\n    const obj: Record<string, unknown> = {};\r\n    while (\r\n      peek() &&\r\n      peek()!.indent === level &&\r\n      !peek()!.text.startsWith(\"- \")\r\n    ) {\r\n      const line = advance();\r\n      const colonIdx = line.text.indexOf(\":\");\r\n      if (colonIdx <= 0) continue;\r\n      const k = line.text.slice(0, colonIdx).trim();\r\n      const v = line.text.slice(colonIdx + 1).trim();\r\n      obj[k] = v ? scalar(v) : (parseValue(level + 1) ?? null);\r\n    }\r\n    return obj;\r\n  }\r\n\r\n  try {\r\n    return parseValue(0) ?? {};\r\n  } catch {\r\n    return {};\r\n  }\r\n}\r\n\r\n// ─── Sanitize parsed blocks ─────────────────────────────────────────────────\r\n\r\n/** Ensure parsed blocks have the correct array shapes so renderers never crash. */\r\nfunction sanitizeBlocks(blocks: unknown): ChatBlock[] | undefined {\r\n  if (!Array.isArray(blocks)) return undefined;\r\n  return blocks\r\n    .filter(\r\n      (b): b is Record<string, unknown> =>\r\n        b != null &&\r\n        typeof b === \"object\" &&\r\n        typeof (b as Record<string, unknown>).type === \"string\",\r\n    )\r\n    .map((b) => {\r\n      const block = { ...b } as Record<string, unknown>;\r\n      // Ensure required arrays exist for each block type\r\n      switch (block.type) {\r\n        case \"telemetry\":\r\n          if (!Array.isArray(block.items)) block.items = [];\r\n          break;\r\n        case \"table\":\r\n          if (!Array.isArray(block.columns)) block.columns = [];\r\n          if (!Array.isArray(block.rows)) block.rows = [];\r\n          break;\r\n        case \"actions\":\r\n          if (!Array.isArray(block.buttons)) block.buttons = [];\r\n          break;\r\n        case \"choice\":\r\n          if (!Array.isArray(block.options)) block.options = [];\r\n          if (typeof block.id !== \"string\") block.id = `choice-${Date.now()}`;\r\n          break;\r\n        case \"confirm\":\r\n          if (typeof block.id !== \"string\") block.id = `confirm-${Date.now()}`;\r\n          if (typeof block.title !== \"string\") block.title = \"\";\r\n          break;\r\n        case \"command\":\r\n          if (typeof block.command !== \"string\") block.command = \"\";\r\n          break;\r\n        case \"kv\":\r\n          if (!Array.isArray(block.pairs)) block.pairs = [];\r\n          break;\r\n        case \"alert\":\r\n          if (typeof block.title !== \"string\") block.title = \"\";\r\n          if (typeof block.status !== \"string\") block.status = \"normal\";\r\n          break;\r\n        case \"progress\":\r\n          if (typeof block.label !== \"string\") block.label = \"\";\r\n          if (typeof block.value !== \"number\") block.value = 0;\r\n          break;\r\n      }\r\n      return block as unknown as ChatBlock;\r\n    });\r\n}\r\n\r\n// ─── Generate message ID ────────────────────────────────────────────────────\r\n\r\nfunction generateId(custom?: () => string): string {\r\n  if (custom) return custom();\r\n  if (typeof crypto !== \"undefined\" && typeof crypto.randomUUID === \"function\")\r\n    return crypto.randomUUID();\r\n  return `msg-${Date.now()}-${Math.random().toString(36).slice(2, 8)}`;\r\n}\r\n\r\n// ─── Core parse logic ───────────────────────────────────────────────────────\r\n\r\nfunction parseRaw(\r\n  raw: string,\r\n  format: ChatResponseFormat,\r\n  yamlParser?: (text: string) => unknown,\r\n): ChatResponsePayload | null {\r\n  const tryJSON = (s: string): ChatResponsePayload | null => {\r\n    try {\r\n      const parsed = JSON.parse(s);\r\n      if (\r\n        parsed &&\r\n        typeof parsed === \"object\" &&\r\n        typeof parsed.content === \"string\"\r\n      )\r\n        return parsed;\r\n      return null;\r\n    } catch {\r\n      return null;\r\n    }\r\n  };\r\n\r\n  const tryYAML = (s: string): ChatResponsePayload | null => {\r\n    try {\r\n      const parser = yamlParser ?? parseYamlLite;\r\n      const parsed = parser(s);\r\n      if (\r\n        parsed &&\r\n        typeof parsed === \"object\" &&\r\n        typeof (parsed as Record<string, unknown>).content === \"string\"\r\n      )\r\n        return parsed as unknown as ChatResponsePayload;\r\n      return null;\r\n    } catch {\r\n      return null;\r\n    }\r\n  };\r\n\r\n  if (format === \"json\") return tryJSON(raw);\r\n  if (format === \"yaml\") return tryYAML(raw);\r\n  // auto: try JSON first, then YAML\r\n  return tryJSON(raw) ?? tryYAML(raw);\r\n}\r\n\r\n/**\r\n * Parse an AI response string into a `ChatMessage`.\r\n *\r\n * Supports three strategies (controlled by `format`):\r\n * - **json**: Parse as JSON. Falls back to plain text on failure.\r\n * - **yaml**: Parse as YAML (built-in lightweight parser). ~30-40% fewer tokens.\r\n * - **auto** (default): Try JSON → YAML → plain text.\r\n *\r\n * All parsed blocks are sanitized to ensure required arrays exist, preventing\r\n * runtime crashes from malformed AI output.\r\n *\r\n * ## Why YAML?\r\n * For the same structured response, YAML uses ~30-40% fewer tokens:\r\n * ```\r\n * JSON (~180 tokens): {\"content\":\"Battery low.\",\"blocks\":[{\"type\":\"alert\",...}]}\r\n * YAML (~120 tokens): content: Battery low.\\nblocks:\\n  - type: alert\\n    ...\r\n * ```\r\n *\r\n * ## Tool/Function Calling (recommended for production)\r\n * Pass `CHAT_RESPONSE_TOOL_SCHEMA` in your API call. The model is constrained\r\n * at the decoding level — zero prompt tokens for the schema.\r\n *\r\n * ## Custom YAML parser\r\n * Use `createChatResponseParser({ yamlParser })` to plug in `js-yaml` or `yaml`.\r\n *\r\n * @example\r\n * ```ts\r\n * const msg = parseChatResponse(aiOutput);              // auto-detect\r\n * const msg = parseChatResponse(aiOutput, 'yaml');       // force YAML\r\n * const msg = parseChatResponse(toolCallArgs, 'json');   // from function call\r\n * ```\r\n */\r\nexport function parseChatResponse(\r\n  raw: string,\r\n  format: ChatResponseFormat = \"auto\",\r\n  options?: ChatResponseParserOptions,\r\n): ChatMessage {\r\n  const id = generateId(options?.idGenerator);\r\n  const base: Pick<ChatMessage, \"id\" | \"role\" | \"timestamp\"> = {\r\n    id,\r\n    role: \"assistant\",\r\n    timestamp: Date.now(),\r\n  };\r\n\r\n  const payload = parseRaw(raw, format, options?.yamlParser);\r\n  if (payload) {\r\n    return {\r\n      ...base,\r\n      content: payload.content ?? \"\",\r\n      severity: payload.severity as StatusLevel | undefined,\r\n      blocks: sanitizeBlocks(payload.blocks),\r\n    };\r\n  }\r\n  return { ...base, content: raw };\r\n}\r\n\r\n/**\r\n * Create a pre-configured response parser.\r\n *\r\n * Use this to set global defaults (format, YAML parser, ID generator) so you\r\n * don't have to pass options on every call.\r\n *\r\n * @example\r\n * ```ts\r\n * import yaml from 'js-yaml';\r\n * import { createChatResponseParser } from '@zendir/ui';\r\n *\r\n * // Create once at app init\r\n * export const parseAI = createChatResponseParser({\r\n *   yamlParser: (s) => yaml.load(s),\r\n *   defaultFormat: 'yaml',\r\n * });\r\n *\r\n * // Use everywhere\r\n * const msg = parseAI(aiOutput);\r\n * ```\r\n */\r\nexport function createChatResponseParser(\r\n  options: ChatResponseParserOptions = {},\r\n) {\r\n  return (raw: string, format?: ChatResponseFormat): ChatMessage => {\r\n    return parseChatResponse(\r\n      raw,\r\n      format ?? options.defaultFormat ?? \"auto\",\r\n      options,\r\n    );\r\n  };\r\n}\r\n\r\n// ─── MCP (Model Context Protocol) Integration ───────────────────────────────\r\n\r\n/**\r\n * Lightweight types for MCP tool results.\r\n * These mirror the MCP specification without requiring the full SDK as a dependency.\r\n * @see https://modelcontextprotocol.io/specification/2025-11-25\r\n */\r\n\r\n/** A single content block in an MCP tool result. */\r\nexport interface McpToolContent {\r\n  type: \"text\" | \"image\" | \"resource\";\r\n  text?: string;\r\n  data?: string;\r\n  mimeType?: string;\r\n  resource?: { uri: string; text?: string; mimeType?: string };\r\n}\r\n\r\n/** MCP tool call result (matches `CallToolResult` from the spec). */\r\nexport interface McpToolResult {\r\n  content: McpToolContent[];\r\n  isError?: boolean;\r\n  _meta?: Record<string, unknown>;\r\n}\r\n\r\n/**\r\n * Convert an MCP tool call result into a `ChatMessage` with structured blocks.\r\n *\r\n * Handles three patterns automatically:\r\n * 1. **Structured JSON/YAML** — Tool returns text matching `ChatResponsePayload` → parsed into typed blocks\r\n * 2. **Plain text** — Rendered as a simple assistant message with tool metadata\r\n * 3. **Error** — Rendered as a critical alert block\r\n *\r\n * This bridges the MCP protocol with ChatPanel's block rendering system, so any\r\n * MCP server tool can produce rich operator UIs without custom rendering code.\r\n *\r\n * @example\r\n * ```ts\r\n * import { parseMcpToolResult } from '@zendir/ui/react';\r\n *\r\n * // With use-mcp hook\r\n * const { callTool } = useMcp({ url: 'https://ops-server.example.com/mcp' });\r\n * const result = await callTool('get_satellite_health', { id: 'SAT-001' });\r\n * const msg = parseMcpToolResult('get_satellite_health', result);\r\n * setMessages(prev => [...prev, msg]);\r\n *\r\n * // With @modelcontextprotocol/sdk\r\n * const result = await mcpClient.callTool({ name: 'get_satellite_health', arguments: { id: 'SAT-001' } });\r\n * const msg = parseMcpToolResult('get_satellite_health', result);\r\n * ```\r\n */\r\nexport function parseMcpToolResult(\r\n  toolName: string,\r\n  result: McpToolResult,\r\n  options?: { idGenerator?: () => string },\r\n): ChatMessage {\r\n  const id = generateId(options?.idGenerator);\r\n  const timestamp = Date.now();\r\n\r\n  // Handle MCP errors\r\n  if (result.isError) {\r\n    const errorText =\r\n      result.content\r\n        ?.filter((c) => c.type === \"text\")\r\n        .map((c) => c.text)\r\n        .join(\"\\n\") || `Tool \"${toolName}\" failed`;\r\n    return {\r\n      id,\r\n      role: \"assistant\",\r\n      timestamp,\r\n      severity: \"critical\" as StatusLevel,\r\n      content: errorText,\r\n      blocks: [\r\n        {\r\n          type: \"alert\" as const,\r\n          status: \"critical\" as StatusLevel,\r\n          title: `MCP Tool Error: ${toolName}`,\r\n          detail: errorText,\r\n        },\r\n      ],\r\n    };\r\n  }\r\n\r\n  // Extract text content from MCP result\r\n  const textParts =\r\n    result.content?.filter((c) => c.type === \"text\").map((c) => c.text ?? \"\") ??\r\n    [];\r\n  const rawText = textParts.join(\"\\n\");\r\n\r\n  // Try parsing as structured ChatResponsePayload (JSON → YAML → plain)\r\n  if (rawText.trim()) {\r\n    const payload = parseRaw(rawText, \"auto\");\r\n    if (payload && payload.content) {\r\n      return {\r\n        id,\r\n        role: \"assistant\",\r\n        timestamp,\r\n        content: payload.content,\r\n        severity: payload.severity as StatusLevel | undefined,\r\n        blocks: sanitizeBlocks(payload.blocks),\r\n      };\r\n    }\r\n  }\r\n\r\n  // Plain text fallback with tool context\r\n  return {\r\n    id,\r\n    role: \"assistant\",\r\n    timestamp,\r\n    content: rawText || `Tool \\`${toolName}\\` completed successfully.`,\r\n    blocks: [\r\n      {\r\n        type: \"kv\" as const,\r\n        title: \"MCP Tool Call\",\r\n        pairs: [\r\n          { key: \"Tool\", value: toolName, mono: true },\r\n          ...(result._meta\r\n            ? [{ key: \"Meta\", value: JSON.stringify(result._meta), mono: true }]\r\n            : []),\r\n        ],\r\n      },\r\n    ],\r\n  };\r\n}\r\n\r\n/**\r\n * MCP server tool definition for the `respond_to_operator` tool.\r\n *\r\n * Register this on your MCP server to enable structured ChatPanel responses.\r\n * The schema is identical to `CHAT_RESPONSE_TOOL_SCHEMA` but formatted for the\r\n * MCP `server.tool()` registration API.\r\n *\r\n * Compatible with: `@modelcontextprotocol/sdk`, any MCP server implementation.\r\n *\r\n * @example\r\n * ```ts\r\n * import { McpServer } from '@modelcontextprotocol/sdk/server/mcp.js';\r\n * import { CHAT_RESPONSE_MCP_TOOL } from '@zendir/ui';\r\n *\r\n * const server = new McpServer({ name: 'ops-assistant', version: '1.0.0' });\r\n *\r\n * server.tool(\r\n *   CHAT_RESPONSE_MCP_TOOL.name,\r\n *   CHAT_RESPONSE_MCP_TOOL.description,\r\n *   CHAT_RESPONSE_MCP_TOOL.inputSchema,\r\n *   async ({ content, severity, blocks }) => ({\r\n *     content: [{ type: 'text', text: JSON.stringify({ content, severity, blocks }) }],\r\n *   })\r\n * );\r\n * ```\r\n */\r\nexport const CHAT_RESPONSE_MCP_TOOL = {\r\n  name: \"respond_to_operator\",\r\n  description:\r\n    \"Respond to the spacecraft operator with text content and optional structured UI blocks (alerts, telemetry, progress, tables, choices, confirmations, commands, key-value metadata). Use the Astro UX 6-level status system: normal, standby, caution, serious, critical, off.\",\r\n  inputSchema: {\r\n    type: \"object\" as const,\r\n    required: [\"content\"],\r\n    properties: {\r\n      content: {\r\n        type: \"string\",\r\n        description: \"Plain-text or markdown response shown to the operator.\",\r\n      },\r\n      severity: {\r\n        type: \"string\",\r\n        enum: [\"normal\", \"standby\", \"caution\", \"serious\", \"critical\", \"off\"],\r\n      },\r\n      blocks: {\r\n        type: \"array\",\r\n        description: \"Structured UI blocks rendered below the text content.\",\r\n        items: {\r\n          type: \"object\",\r\n          required: [\"type\"],\r\n          properties: {\r\n            type: {\r\n              type: \"string\",\r\n              enum: [\r\n                \"alert\",\r\n                \"telemetry\",\r\n                \"progress\",\r\n                \"table\",\r\n                \"choice\",\r\n                \"confirm\",\r\n                \"command\",\r\n                \"kv\",\r\n              ],\r\n            },\r\n            status: {\r\n              type: \"string\",\r\n              enum: [\r\n                \"normal\",\r\n                \"standby\",\r\n                \"caution\",\r\n                \"serious\",\r\n                \"critical\",\r\n                \"off\",\r\n              ],\r\n            },\r\n            title: { type: \"string\" },\r\n            detail: { type: \"string\" },\r\n            label: { type: \"string\" },\r\n            value: { type: \"number\" },\r\n            id: { type: \"string\" },\r\n            command: { type: \"string\" },\r\n            executable: { type: \"boolean\" },\r\n            items: {\r\n              type: \"array\",\r\n              items: {\r\n                type: \"object\",\r\n                properties: {\r\n                  label: { type: \"string\" },\r\n                  value: {},\r\n                  unit: { type: \"string\" },\r\n                  status: { type: \"string\" },\r\n                },\r\n              },\r\n            },\r\n            columns: { type: \"array\", items: { type: \"string\" } },\r\n            rows: { type: \"array\", items: { type: \"array\" } },\r\n            options: {\r\n              type: \"array\",\r\n              items: {\r\n                type: \"object\",\r\n                properties: {\r\n                  id: { type: \"string\" },\r\n                  label: { type: \"string\" },\r\n                  description: { type: \"string\" },\r\n                  status: { type: \"string\" },\r\n                },\r\n              },\r\n            },\r\n            pairs: {\r\n              type: \"array\",\r\n              items: {\r\n                type: \"object\",\r\n                properties: {\r\n                  key: { type: \"string\" },\r\n                  value: {},\r\n                  mono: { type: \"boolean\" },\r\n                },\r\n              },\r\n            },\r\n          },\r\n        },\r\n      },\r\n    },\r\n  },\r\n} as const;\r\n\r\n// ─── Tool / Function calling schema ─────────────────────────────────────────\r\n\r\n/**\r\n * OpenAI-compatible function/tool schema for structured chat responses.\r\n *\r\n * Pass this as a tool definition in your API call. The model is constrained\r\n * to emit valid JSON matching this schema — no prompt engineering required.\r\n *\r\n * Works with: OpenAI (Structured Outputs / function calling), Anthropic (Tool Use),\r\n * Google Gemini (Function Calling), Mistral, Cohere, and any OpenAI-compatible API.\r\n *\r\n * @example\r\n * ```ts\r\n * // OpenAI\r\n * tools: [{ type: 'function', function: CHAT_RESPONSE_TOOL_SCHEMA }]\r\n *\r\n * // Anthropic\r\n * tools: [{ name: CHAT_RESPONSE_TOOL_SCHEMA.name,\r\n *           description: CHAT_RESPONSE_TOOL_SCHEMA.description,\r\n *           input_schema: CHAT_RESPONSE_TOOL_SCHEMA.parameters }]\r\n *\r\n * // Google Gemini\r\n * tools: [{ functionDeclarations: [CHAT_RESPONSE_TOOL_SCHEMA] }]\r\n * ```\r\n */\r\nexport const CHAT_RESPONSE_TOOL_SCHEMA = {\r\n  name: \"respond_to_operator\",\r\n  description:\r\n    \"Respond to the spacecraft operator with text content and optional structured UI blocks (alerts, telemetry, progress, tables, choices, confirmations, commands, key-value metadata). Use the Astro UX 6-level status system: normal, standby, caution, serious, critical, off.\",\r\n  parameters: {\r\n    type: \"object\" as const,\r\n    required: [\"content\"],\r\n    properties: {\r\n      content: {\r\n        type: \"string\",\r\n        description: \"Plain-text or markdown response shown to the operator.\",\r\n      },\r\n      severity: {\r\n        type: \"string\",\r\n        enum: [\"normal\", \"standby\", \"caution\", \"serious\", \"critical\", \"off\"],\r\n        description:\r\n          \"Overall message severity. Drives the accent color and icon.\",\r\n      },\r\n      blocks: {\r\n        type: \"array\",\r\n        description: \"Structured UI blocks rendered below the text content.\",\r\n        items: {\r\n          type: \"object\",\r\n          required: [\"type\"],\r\n          properties: {\r\n            type: {\r\n              type: \"string\",\r\n              enum: [\r\n                \"alert\",\r\n                \"telemetry\",\r\n                \"progress\",\r\n                \"table\",\r\n                \"choice\",\r\n                \"confirm\",\r\n                \"command\",\r\n                \"kv\",\r\n              ],\r\n            },\r\n            status: {\r\n              type: \"string\",\r\n              enum: [\r\n                \"normal\",\r\n                \"standby\",\r\n                \"caution\",\r\n                \"serious\",\r\n                \"critical\",\r\n                \"off\",\r\n              ],\r\n            },\r\n            title: { type: \"string\" },\r\n            detail: { type: \"string\" },\r\n            items: {\r\n              type: \"array\",\r\n              items: {\r\n                type: \"object\",\r\n                properties: {\r\n                  label: { type: \"string\" },\r\n                  value: {},\r\n                  unit: { type: \"string\" },\r\n                  status: {\r\n                    type: \"string\",\r\n                    enum: [\r\n                      \"normal\",\r\n                      \"standby\",\r\n                      \"caution\",\r\n                      \"serious\",\r\n                      \"critical\",\r\n                      \"off\",\r\n                    ],\r\n                  },\r\n                },\r\n              },\r\n            },\r\n            label: { type: \"string\" },\r\n            value: { type: \"number\" },\r\n            max: { type: \"number\" },\r\n            columns: { type: \"array\", items: { type: \"string\" } },\r\n            rows: { type: \"array\", items: { type: \"array\" } },\r\n            id: { type: \"string\" },\r\n            multiple: { type: \"boolean\" },\r\n            options: {\r\n              type: \"array\",\r\n              items: {\r\n                type: \"object\",\r\n                properties: {\r\n                  id: { type: \"string\" },\r\n                  label: { type: \"string\" },\r\n                  description: { type: \"string\" },\r\n                  status: {\r\n                    type: \"string\",\r\n                    enum: [\r\n                      \"normal\",\r\n                      \"standby\",\r\n                      \"caution\",\r\n                      \"serious\",\r\n                      \"critical\",\r\n                      \"off\",\r\n                    ],\r\n                  },\r\n                  disabled: { type: \"boolean\" },\r\n                },\r\n              },\r\n            },\r\n            confirmLabel: { type: \"string\" },\r\n            cancelLabel: { type: \"string\" },\r\n            language: { type: \"string\" },\r\n            command: { type: \"string\" },\r\n            executable: { type: \"boolean\" },\r\n            pairs: {\r\n              type: \"array\",\r\n              items: {\r\n                type: \"object\",\r\n                properties: {\r\n                  key: { type: \"string\" },\r\n                  value: {},\r\n                  mono: { type: \"boolean\" },\r\n                },\r\n              },\r\n            },\r\n          },\r\n        },\r\n      },\r\n    },\r\n  },\r\n} as const;\r\n\r\n/**\r\n * JSON system prompt snippet — instructs the LLM to respond with JSON.\r\n * Include in your system prompt for the simplest integration path.\r\n */\r\nexport const CHAT_RESPONSE_JSON_PROMPT =\r\n  `When reporting telemetry, status, or alerts, respond with a JSON object:\r\n\r\n{\r\n  \"content\": \"Plain text explanation (supports **markdown**).\",\r\n  \"severity\": \"normal\" | \"standby\" | \"caution\" | \"serious\" | \"critical\" | \"off\",\r\n  \"blocks\": [\r\n    { \"type\": \"alert\", \"status\": \"caution\", \"title\": \"Alert Title\", \"detail\": \"Description\" },\r\n    { \"type\": \"telemetry\", \"title\": \"Subsystem\", \"items\": [{ \"label\": \"Temp\", \"value\": 72, \"unit\": \"°C\", \"status\": \"normal\" }] },\r\n    { \"type\": \"progress\", \"label\": \"Operation\", \"value\": 75, \"max\": 100, \"status\": \"normal\" },\r\n    { \"type\": \"table\", \"title\": \"Data\", \"columns\": [\"Col1\", \"Col2\"], \"rows\": [[\"val1\", \"val2\"]] },\r\n    { \"type\": \"choice\", \"id\": \"unique-id\", \"title\": \"Pick one\", \"options\": [{ \"id\": \"opt1\", \"label\": \"Option 1\" }] },\r\n    { \"type\": \"confirm\", \"id\": \"unique-id\", \"status\": \"caution\", \"title\": \"Confirm action\" },\r\n    { \"type\": \"command\", \"id\": \"cmd-id\", \"command\": \"CMD SAT-001 EXECUTE\", \"executable\": true },\r\n    { \"type\": \"kv\", \"title\": \"Context\", \"pairs\": [{ \"key\": \"Spacecraft\", \"value\": \"SAT-001\" }] }\r\n  ]\r\n}\r\n\r\nStatus levels (Astro UX): normal (nominal), standby (idle), caution (approaching limit), serious (at limit), critical (exceeding limit), off (no data).\r\nAlways include \"content\". Only include \"blocks\" when structured data helps the operator.` as const;\r\n\r\n/**\r\n * YAML system prompt snippet — instructs the LLM to respond in compact YAML\r\n * instead of JSON. ~30-40% fewer output tokens for the same data.\r\n */\r\nexport const CHAT_RESPONSE_YAML_PROMPT =\r\n  `Respond in YAML format (not JSON). Use this structure:\r\n\r\ncontent: Your plain-text or markdown response here.\r\nseverity: normal\r\nblocks:\r\n  - type: alert\r\n    status: caution\r\n    title: Alert Title\r\n    detail: Optional detail\r\n  - type: telemetry\r\n    title: Subsystem\r\n    items:\r\n      - label: Parameter\r\n        value: 42.5\r\n        unit: \"°C\"\r\n        status: normal\r\n  - type: progress\r\n    label: Operation\r\n    value: 75\r\n    max: 100\r\n    status: normal\r\n  - type: choice\r\n    id: unique-id\r\n    title: Pick one\r\n    options:\r\n      - id: opt1\r\n        label: Option 1\r\n        status: normal\r\n  - type: command\r\n    id: cmd-id\r\n    language: CCSDS-TC\r\n    command: CMD SAT-001 EXECUTE\r\n    executable: true\r\n  - type: kv\r\n    title: Context\r\n    pairs:\r\n      - key: Spacecraft\r\n        value: SAT-001\r\n\r\nStatus levels (Astro UX): normal, standby, caution, serious, critical, off.\r\nAlways include \"content\". Only include \"blocks\" when structured data helps the operator.` as const;\r\n\r\n/**\r\n * Astro UX status rules snippet — append to any system prompt (JSON or YAML).\r\n * Gives the LLM concrete thresholds for assigning status levels.\r\n */\r\nexport const CHAT_STATUS_RULES_PROMPT =\r\n  `Assign status levels using these thresholds:\r\n- Battery: normal >50%, standby 30-50%, caution 20-30%, serious 10-20%, critical <10%\r\n- Temperature: normal <70°C, caution 70-80°C, serious 80-85°C, critical >85°C\r\n- Signal: normal >-80 dBm, caution -80 to -90, serious -90 to -95, critical <-95 dBm\r\n- Memory/Storage: normal <70%, caution 70-85%, serious 85-95%, critical >95%\r\n\r\nGeneral rules:\r\n- \"normal\"   → Operating within nominal parameters\r\n- \"standby\"  → Idle, waiting, or scheduled\r\n- \"caution\"  → Approaching a limit\r\n- \"serious\"  → At or exceeding a soft limit\r\n- \"critical\" → Exceeding hard limit, loss of signal, or failure\r\n- \"off\"      → Powered down, no data` as const;\r\n\r\n// ─── Status shape helper ─────────────────────────────────────────────────────\r\n\r\nfunction StatusShape({\r\n  status,\r\n  size = 10,\r\n  color,\r\n}: {\r\n  status: StatusLevel;\r\n  size?: number;\r\n  color: string;\r\n}) {\r\n  const glow = `${color}50`;\r\n  switch (status) {\r\n    case \"caution\":\r\n      return (\r\n        <svg\r\n          viewBox=\"0 0 12 12\"\r\n          width={size}\r\n          height={size}\r\n          style={{ filter: `drop-shadow(0 0 3px ${glow})` }}\r\n        >\r\n          <rect x=\"1\" y=\"1\" width=\"10\" height=\"10\" fill={color} />\r\n        </svg>\r\n      );\r\n    case \"serious\":\r\n      return (\r\n        <svg\r\n          viewBox=\"0 0 12 12\"\r\n          width={size}\r\n          height={size}\r\n          style={{ filter: `drop-shadow(0 0 3px ${glow})` }}\r\n        >\r\n          <polygon points=\"6,1 11,6 6,11 1,6\" fill={color} />\r\n        </svg>\r\n      );\r\n    case \"critical\":\r\n      return (\r\n        <svg\r\n          viewBox=\"0 0 12 12\"\r\n          width={size}\r\n          height={size}\r\n          style={{ filter: `drop-shadow(0 0 3px ${glow})` }}\r\n        >\r\n          <polygon points=\"6,11 1,2 11,2\" fill={color} />\r\n        </svg>\r\n      );\r\n    case \"standby\":\r\n      return (\r\n        <svg\r\n          viewBox=\"0 0 12 12\"\r\n          width={size}\r\n          height={size}\r\n          style={{ filter: `drop-shadow(0 0 3px ${glow})` }}\r\n        >\r\n          <circle\r\n            cx=\"6\"\r\n            cy=\"6\"\r\n            r=\"3.5\"\r\n            fill=\"none\"\r\n            stroke={color}\r\n            strokeWidth=\"2\"\r\n          />\r\n        </svg>\r\n      );\r\n    case \"off\":\r\n      return (\r\n        <svg\r\n          viewBox=\"0 0 12 12\"\r\n          width={size}\r\n          height={size}\r\n          style={{ filter: `drop-shadow(0 0 3px ${glow})` }}\r\n        >\r\n          <circle cx=\"6\" cy=\"6\" r=\"3\" fill={color} />\r\n        </svg>\r\n      );\r\n    default:\r\n      return (\r\n        <svg\r\n          viewBox=\"0 0 12 12\"\r\n          width={size}\r\n          height={size}\r\n          style={{ filter: `drop-shadow(0 0 3px ${glow})` }}\r\n        >\r\n          <circle cx=\"6\" cy=\"6\" r=\"5\" fill={color} />\r\n        </svg>\r\n      );\r\n  }\r\n}\r\n\r\n// ─── Block renderers ─────────────────────────────────────────────────────────\r\n\r\nfunction AlertBlock({ block }: { block: ChatBlockAlert }) {\r\n  const { tokens } = useTheme();\r\n  const color = tokens.colors.status[block.status];\r\n  return (\r\n    <div\r\n      style={{\r\n        display: \"flex\",\r\n        alignItems: \"flex-start\",\r\n        gap: 10,\r\n        padding: \"10px 14px\",\r\n        backgroundColor: `${color}12`,\r\n        border: `1px solid ${color}30`,\r\n        borderLeft: `3px solid ${color}`,\r\n        borderRadius: tokens.borderRadius.md,\r\n        marginTop: 8,\r\n      }}\r\n    >\r\n      <div style={{ marginTop: 2, flexShrink: 0 }}>\r\n        <StatusShape status={block.status} size={12} color={color} />\r\n      </div>\r\n      <div style={{ flex: 1, minWidth: 0 }}>\r\n        <div\r\n          style={{\r\n            fontSize: tokens.typography.fontSize.sm,\r\n            fontWeight: 600,\r\n            color: tokens.colors.text.primary,\r\n          }}\r\n        >\r\n          {block.title}\r\n        </div>\r\n        {block.detail && (\r\n          <div\r\n            style={{\r\n              fontSize: tokens.typography.fontSize.xs,\r\n              color: tokens.colors.text.secondary,\r\n              marginTop: 2,\r\n              lineHeight: 1.5,\r\n            }}\r\n          >\r\n            {block.detail}\r\n          </div>\r\n        )}\r\n      </div>\r\n    </div>\r\n  );\r\n}\r\n\r\nfunction TelemetryBlock({ block }: { block: ChatBlockTelemetry }) {\r\n  const { tokens } = useTheme();\r\n  return (\r\n    <div\r\n      style={{\r\n        marginTop: 8,\r\n        border: `1px solid ${tokens.colors.border.muted}`,\r\n        borderRadius: tokens.borderRadius.md,\r\n        overflow: \"hidden\",\r\n      }}\r\n    >\r\n      {block.title && (\r\n        <div\r\n          style={{\r\n            padding: \"6px 12px\",\r\n            fontSize: tokens.typography.fontSize.xxs,\r\n            fontWeight: 600,\r\n            color: tokens.colors.text.secondary,\r\n            textTransform: \"uppercase\",\r\n            letterSpacing: \"0.05em\",\r\n            backgroundColor: `${tokens.colors.background.elevated}80`,\r\n            borderBottom: `1px solid ${tokens.colors.border.muted}`,\r\n          }}\r\n        >\r\n          {block.title}\r\n        </div>\r\n      )}\r\n      <div\r\n        style={{\r\n          padding: \"8px 12px\",\r\n          display: \"flex\",\r\n          flexDirection: \"column\",\r\n          gap: 6,\r\n        }}\r\n      >\r\n        {(block.items ?? []).map((item, i) => {\r\n          const itemColor = item.status\r\n            ? tokens.colors.status[item.status]\r\n            : tokens.colors.text.secondary;\r\n          return (\r\n            <div\r\n              key={i}\r\n              style={{\r\n                display: \"flex\",\r\n                alignItems: \"center\",\r\n                justifyContent: \"space-between\",\r\n                gap: 8,\r\n                fontSize: tokens.typography.fontSize.sm,\r\n              }}\r\n            >\r\n              <span\r\n                style={{\r\n                  display: \"flex\",\r\n                  alignItems: \"center\",\r\n                  gap: 6,\r\n                  color: tokens.colors.text.secondary,\r\n                }}\r\n              >\r\n                {item.status && (\r\n                  <StatusShape\r\n                    status={item.status}\r\n                    size={8}\r\n                    color={tokens.colors.status[item.status]}\r\n                  />\r\n                )}\r\n                {item.label}\r\n              </span>\r\n              <span\r\n                style={{\r\n                  fontFamily: tokens.typography.fontFamily.mono,\r\n                  fontVariantNumeric: \"tabular-nums\",\r\n                  color: itemColor,\r\n                  fontWeight: 500,\r\n                }}\r\n              >\r\n                {item.value}\r\n                {item.unit ? ` ${item.unit}` : \"\"}\r\n              </span>\r\n            </div>\r\n          );\r\n        })}\r\n      </div>\r\n    </div>\r\n  );\r\n}\r\n\r\nfunction ProgressBlock({ block }: { block: ChatBlockProgress }) {\r\n  const { tokens } = useTheme();\r\n  const max = block.max ?? 100;\r\n  const pct = Math.min(100, Math.max(0, (block.value / max) * 100));\r\n  const effectiveStatus: StatusLevel =\r\n    block.status ??\r\n    (pct >= 75\r\n      ? \"normal\"\r\n      : pct >= 50\r\n        ? \"standby\"\r\n        : pct >= 25\r\n          ? \"caution\"\r\n          : pct > 0\r\n            ? \"serious\"\r\n            : \"off\");\r\n  const color = tokens.colors.status[effectiveStatus];\r\n  return (\r\n    <div style={{ marginTop: 8 }}>\r\n      <div\r\n        style={{\r\n          display: \"flex\",\r\n          justifyContent: \"space-between\",\r\n          marginBottom: 4,\r\n          fontSize: tokens.typography.fontSize.xs,\r\n          color: tokens.colors.text.secondary,\r\n        }}\r\n      >\r\n        <span style={{ display: \"flex\", alignItems: \"center\", gap: 6 }}>\r\n          <StatusShape status={effectiveStatus} size={8} color={color} />\r\n          {block.label}\r\n        </span>\r\n        <span\r\n          style={{\r\n            fontFamily: tokens.typography.fontFamily.mono,\r\n            color: tokens.colors.text.primary,\r\n          }}\r\n        >\r\n          {pct.toFixed(0)}%\r\n        </span>\r\n      </div>\r\n      <div\r\n        style={{\r\n          height: 6,\r\n          backgroundColor: tokens.colors.border.muted,\r\n          borderRadius: 3,\r\n          overflow: \"hidden\",\r\n        }}\r\n      >\r\n        <div\r\n          style={{\r\n            height: \"100%\",\r\n            width: `${pct}%`,\r\n            backgroundColor: color,\r\n            borderRadius: 3,\r\n            transition: \"width 300ms\",\r\n            boxShadow: `0 0 6px ${color}40`,\r\n          }}\r\n        />\r\n      </div>\r\n    </div>\r\n  );\r\n}\r\n\r\nfunction TableBlock({ block }: { block: ChatBlockTable }) {\r\n  const { tokens } = useTheme();\r\n  return (\r\n    <div\r\n      style={{\r\n        marginTop: 8,\r\n        border: `1px solid ${tokens.colors.border.muted}`,\r\n        borderRadius: tokens.borderRadius.md,\r\n        overflow: \"hidden\",\r\n      }}\r\n    >\r\n      {block.title && (\r\n        <div\r\n          style={{\r\n            padding: \"6px 12px\",\r\n            fontSize: tokens.typography.fontSize.xxs,\r\n            fontWeight: 600,\r\n            color: tokens.colors.text.secondary,\r\n            textTransform: \"uppercase\",\r\n            letterSpacing: \"0.05em\",\r\n            backgroundColor: `${tokens.colors.background.elevated}80`,\r\n            borderBottom: `1px solid ${tokens.colors.border.muted}`,\r\n          }}\r\n        >\r\n          {block.title}\r\n        </div>\r\n      )}\r\n      <div style={{ overflowX: \"auto\" }}>\r\n        <table\r\n          style={{\r\n            width: \"100%\",\r\n            borderCollapse: \"collapse\",\r\n            fontSize: tokens.typography.fontSize.xs,\r\n          }}\r\n        >\r\n          <thead>\r\n            <tr>\r\n              {(block.columns ?? []).map((col, i) => (\r\n                <th\r\n                  key={i}\r\n                  style={{\r\n                    padding: \"6px 12px\",\r\n                    textAlign: \"left\",\r\n                    fontWeight: 600,\r\n                    color: tokens.colors.text.secondary,\r\n                    borderBottom: `1px solid ${tokens.colors.border.muted}`,\r\n                    whiteSpace: \"nowrap\",\r\n                  }}\r\n                >\r\n                  {col}\r\n                </th>\r\n              ))}\r\n            </tr>\r\n          </thead>\r\n          <tbody>\r\n            {(block.rows ?? []).map((row, ri) => (\r\n              <tr key={ri}>\r\n                {(row ?? []).map((cell, ci) => (\r\n                  <td\r\n                    key={ci}\r\n                    style={{\r\n                      padding: \"5px 12px\",\r\n                      color: tokens.colors.text.primary,\r\n                      fontFamily:\r\n                        typeof cell === \"number\"\r\n                          ? tokens.typography.fontFamily.mono\r\n                          : undefined,\r\n                      fontVariantNumeric:\r\n                        typeof cell === \"number\" ? \"tabular-nums\" : undefined,\r\n                      borderBottom:\r\n                        ri < (block.rows ?? []).length - 1\r\n                          ? `1px solid ${tokens.colors.border.muted}30`\r\n                          : \"none\",\r\n                      whiteSpace: \"nowrap\",\r\n                    }}\r\n                  >\r\n                    {cell}\r\n                  </td>\r\n                ))}\r\n              </tr>\r\n            ))}\r\n          </tbody>\r\n        </table>\r\n      </div>\r\n    </div>\r\n  );\r\n}\r\n\r\nfunction ActionsBlock({ block }: { block: ChatBlockActions }) {\r\n  const { tokens } = useTheme();\r\n  return (\r\n    <div style={{ display: \"flex\", gap: 8, marginTop: 8, flexWrap: \"wrap\" }}>\r\n      {(block.buttons ?? []).map((btn, i) => {\r\n        const isCritical = btn.variant === \"critical\";\r\n        const isPrimary =\r\n          btn.variant === \"primary\" || (!btn.variant && i === 0);\r\n        const baseColor = isCritical\r\n          ? tokens.colors.status.critical\r\n          : tokens.colors.accent.primary;\r\n        const textColor = isCritical\r\n          ? tokens.colors.status.critical\r\n          : safeAccentText(tokens.colors.accent.primary);\r\n        return (\r\n          <button\r\n            key={i}\r\n            onClick={btn.onClick}\r\n            style={{\r\n              fontSize: tokens.typography.fontSize.xxs,\r\n              padding: \"4px 14px\",\r\n              borderRadius: tokens.borderRadius.sm,\r\n              border: `1px solid ${baseColor}${isPrimary ? \"\" : \"40\"}`,\r\n              backgroundColor: isPrimary ? `${baseColor}20` : \"transparent\",\r\n              color: textColor,\r\n              cursor: \"pointer\",\r\n              fontFamily: tokens.typography.fontFamily.primary,\r\n              fontWeight: 500,\r\n              transition: \"all 150ms\",\r\n            }}\r\n          >\r\n            {btn.label}\r\n          </button>\r\n        );\r\n      })}\r\n    </div>\r\n  );\r\n}\r\n\r\nfunction ChoiceBlock({\r\n  block,\r\n  messageId,\r\n  onEvent,\r\n}: {\r\n  block: ChatBlockChoice;\r\n  messageId: string;\r\n  onEvent?: (e: ChatBlockEvent) => void;\r\n}) {\r\n  const { tokens } = useTheme();\r\n  const [localSelected, setLocalSelected] = useState<Set<string>>(\r\n    new Set(block.selected ?? []),\r\n  );\r\n  const isSubmitted = block.submitted;\r\n\r\n  const toggle = (optId: string) => {\r\n    if (isSubmitted) return;\r\n    setLocalSelected((prev) => {\r\n      const next = new Set(prev);\r\n      if (block.multiple) {\r\n        next.has(optId) ? next.delete(optId) : next.add(optId);\r\n      } else {\r\n        next.clear();\r\n        next.add(optId);\r\n      }\r\n      return next;\r\n    });\r\n  };\r\n\r\n  const submit = () => {\r\n    if (localSelected.size === 0 || isSubmitted) return;\r\n    onEvent?.({\r\n      blockId: block.id,\r\n      messageId,\r\n      action: \"select\",\r\n      value: Array.from(localSelected),\r\n    });\r\n  };\r\n\r\n  return (\r\n    <div style={{ marginTop: 8 }}>\r\n      {block.title && (\r\n        <div\r\n          style={{\r\n            fontSize: tokens.typography.fontSize.xs,\r\n            fontWeight: 600,\r\n            color: tokens.colors.text.secondary,\r\n            marginBottom: 6,\r\n          }}\r\n        >\r\n          {block.title}\r\n          {block.multiple ? \" (select multiple)\" : \"\"}\r\n        </div>\r\n      )}\r\n      <div style={{ display: \"flex\", flexDirection: \"column\", gap: 4 }}>\r\n        {(block.options ?? []).map((opt) => {\r\n          const isSelected = localSelected.has(opt.id);\r\n          const optColor = opt.status\r\n            ? tokens.colors.status[opt.status]\r\n            : tokens.colors.accent.primary;\r\n          const isDisabled = opt.disabled || isSubmitted;\r\n          return (\r\n            <button\r\n              key={opt.id}\r\n              type=\"button\"\r\n              onClick={() => toggle(opt.id)}\r\n              disabled={isDisabled}\r\n              style={{\r\n                display: \"flex\",\r\n                alignItems: \"center\",\r\n                gap: 10,\r\n                padding: \"8px 12px\",\r\n                borderRadius: tokens.borderRadius.md,\r\n                cursor: isDisabled ? \"default\" : \"pointer\",\r\n                border: `1px solid ${isSelected ? optColor : tokens.colors.border.muted}`,\r\n                backgroundColor: isSelected ? `${optColor}15` : \"transparent\",\r\n                transition: \"all 150ms\",\r\n                textAlign: \"left\",\r\n                fontFamily: tokens.typography.fontFamily.primary,\r\n                opacity: isDisabled && !isSelected ? 0.5 : 1,\r\n              }}\r\n            >\r\n              {/* Radio / checkbox indicator */}\r\n              <div\r\n                style={{\r\n                  width: 16,\r\n                  height: 16,\r\n                  flexShrink: 0,\r\n                  borderRadius: block.multiple ? 3 : \"50%\",\r\n                  border: `2px solid ${isSelected ? optColor : tokens.colors.border.muted}`,\r\n                  backgroundColor: isSelected ? optColor : \"transparent\",\r\n                  display: \"flex\",\r\n                  alignItems: \"center\",\r\n                  justifyContent: \"center\",\r\n                  transition: \"all 150ms\",\r\n                }}\r\n              >\r\n                {isSelected && (\r\n                  <svg\r\n                    viewBox=\"0 0 12 12\"\r\n                    width={10}\r\n                    height={10}\r\n                    fill=\"none\"\r\n                    stroke={tokens.colors.text.inverse}\r\n                    strokeWidth={2}\r\n                  >\r\n                    <polyline points=\"2,6 5,9 10,3\" />\r\n                  </svg>\r\n                )}\r\n              </div>\r\n              <div style={{ flex: 1, minWidth: 0 }}>\r\n                <div style={{ display: \"flex\", alignItems: \"center\", gap: 6 }}>\r\n                  {opt.status && (\r\n                    <StatusShape\r\n                      status={opt.status}\r\n                      size={8}\r\n                      color={tokens.colors.status[opt.status]}\r\n                    />\r\n                  )}\r\n                  <span\r\n                    style={{\r\n                      fontSize: tokens.typography.fontSize.sm,\r\n                      color: tokens.colors.text.primary,\r\n                      fontWeight: 500,\r\n                    }}\r\n                  >\r\n                    {opt.label}\r\n                  </span>\r\n                </div>\r\n                {opt.description && (\r\n                  <div\r\n                    style={{\r\n                      fontSize: tokens.typography.fontSize.xs,\r\n                      color: tokens.colors.text.tertiary,\r\n                      marginTop: 1,\r\n                    }}\r\n                  >\r\n                    {opt.description}\r\n                  </div>\r\n                )}\r\n              </div>\r\n            </button>\r\n          );\r\n        })}\r\n      </div>\r\n      {!isSubmitted && onEvent && (\r\n        <button\r\n          type=\"button\"\r\n          onClick={submit}\r\n          disabled={localSelected.size === 0}\r\n          style={{\r\n            marginTop: 8,\r\n            padding: \"5px 18px\",\r\n            fontSize: tokens.typography.fontSize.xs,\r\n            fontWeight: 600,\r\n            borderRadius: tokens.borderRadius.sm,\r\n            border: `1px solid ${tokens.colors.accent.primary}`,\r\n            backgroundColor:\r\n              localSelected.size > 0\r\n                ? `${tokens.colors.accent.primary}20`\r\n                : \"transparent\",\r\n            color:\r\n              localSelected.size > 0\r\n                ? safeAccentText(tokens.colors.accent.primary)\r\n                : tokens.colors.text.tertiary,\r\n            cursor: localSelected.size > 0 ? \"pointer\" : \"not-allowed\",\r\n            fontFamily: tokens.typography.fontFamily.primary,\r\n            transition: \"all 150ms\",\r\n          }}\r\n        >\r\n          Confirm Selection\r\n        </button>\r\n      )}\r\n      {isSubmitted && (\r\n        <div\r\n          style={{\r\n            marginTop: 6,\r\n            fontSize: tokens.typography.fontSize.xs,\r\n            color: tokens.colors.text.tertiary,\r\n            fontStyle: \"italic\",\r\n          }}\r\n        >\r\n          Selection submitted\r\n        </div>\r\n      )}\r\n    </div>\r\n  );\r\n}\r\n\r\nfunction ConfirmBlock({\r\n  block,\r\n  messageId,\r\n  onEvent,\r\n}: {\r\n  block: ChatBlockConfirm;\r\n  messageId: string;\r\n  onEvent?: (e: ChatBlockEvent) => void;\r\n}) {\r\n  const { tokens } = useTheme();\r\n  const status = block.status ?? \"caution\";\r\n  const color = tokens.colors.status[status];\r\n  const resolved = block.resolved;\r\n\r\n  return (\r\n    <div\r\n      style={{\r\n        marginTop: 8,\r\n        padding: \"12px 14px\",\r\n        backgroundColor: `${color}10`,\r\n        border: `1px solid ${color}30`,\r\n        borderLeft: `3px solid ${color}`,\r\n        borderRadius: tokens.borderRadius.md,\r\n      }}\r\n    >\r\n      <div\r\n        style={{\r\n          display: \"flex\",\r\n          alignItems: \"center\",\r\n          gap: 8,\r\n          marginBottom: 4,\r\n        }}\r\n      >\r\n        <StatusShape status={status} size={12} color={color} />\r\n        <span\r\n          style={{\r\n            fontSize: tokens.typography.fontSize.sm,\r\n            fontWeight: 600,\r\n            color: tokens.colors.text.primary,\r\n          }}\r\n        >\r\n          {block.title}\r\n        </span>\r\n      </div>\r\n      {block.detail && (\r\n        <div\r\n          style={{\r\n            fontSize: tokens.typography.fontSize.xs,\r\n            color: tokens.colors.text.secondary,\r\n            marginBottom: 8,\r\n            lineHeight: 1.5,\r\n          }}\r\n        >\r\n          {block.detail}\r\n        </div>\r\n      )}\r\n      {!resolved && onEvent ? (\r\n        <div style={{ display: \"flex\", gap: 8 }}>\r\n          <button\r\n            type=\"button\"\r\n            onClick={() =>\r\n              onEvent({ blockId: block.id, messageId, action: \"confirm\" })\r\n            }\r\n            style={{\r\n              padding: \"5px 16px\",\r\n              fontSize: tokens.typography.fontSize.xs,\r\n              fontWeight: 600,\r\n              borderRadius: tokens.borderRadius.sm,\r\n              cursor: \"pointer\",\r\n              border: `1px solid ${color}`,\r\n              backgroundColor: `${color}20`,\r\n              color,\r\n              fontFamily: tokens.typography.fontFamily.primary,\r\n              transition: \"all 150ms\",\r\n            }}\r\n          >\r\n            {block.confirmLabel ?? \"Confirm\"}\r\n          </button>\r\n          <button\r\n            type=\"button\"\r\n            onClick={() =>\r\n              onEvent({ blockId: block.id, messageId, action: \"cancel\" })\r\n            }\r\n            style={{\r\n              padding: \"5px 16px\",\r\n              fontSize: tokens.typography.fontSize.xs,\r\n              fontWeight: 500,\r\n              borderRadius: tokens.borderRadius.sm,\r\n              cursor: \"pointer\",\r\n              border: `1px solid ${tokens.colors.border.muted}`,\r\n              backgroundColor: \"transparent\",\r\n              color: tokens.colors.text.secondary,\r\n              fontFamily: tokens.typography.fontFamily.primary,\r\n              transition: \"all 150ms\",\r\n            }}\r\n          >\r\n            {block.cancelLabel ?? \"Cancel\"}\r\n          </button>\r\n        </div>\r\n      ) : resolved ? (\r\n        <div\r\n          style={{\r\n            fontSize: tokens.typography.fontSize.xs,\r\n            fontWeight: 500,\r\n            color:\r\n              resolved === \"confirmed\"\r\n                ? tokens.colors.status.normal\r\n                : tokens.colors.text.tertiary,\r\n            fontStyle: \"italic\",\r\n          }}\r\n        >\r\n          {resolved === \"confirmed\" ? \"✓ Confirmed\" : \"✗ Cancelled\"}\r\n        </div>\r\n      ) : null}\r\n    </div>\r\n  );\r\n}\r\n\r\nfunction CommandBlock({\r\n  block,\r\n  messageId,\r\n  onEvent,\r\n}: {\r\n  block: ChatBlockCommand;\r\n  messageId: string;\r\n  onEvent?: (e: ChatBlockEvent) => void;\r\n}) {\r\n  const { tokens } = useTheme();\r\n  const [copied, setCopied] = useState(false);\r\n\r\n  const handleCopy = () => {\r\n    navigator.clipboard?.writeText(block.command).then(() => {\r\n      setCopied(true);\r\n      setTimeout(() => setCopied(false), 2000);\r\n    });\r\n    if (block.id)\r\n      onEvent?.({\r\n        blockId: block.id,\r\n        messageId,\r\n        action: \"copy\",\r\n        value: block.command,\r\n      });\r\n  };\r\n\r\n  const handleExecute = () => {\r\n    if (block.id)\r\n      onEvent?.({\r\n        blockId: block.id,\r\n        messageId,\r\n        action: \"execute\",\r\n        value: block.command,\r\n      });\r\n  };\r\n\r\n  return (\r\n    <div\r\n      style={{\r\n        marginTop: 8,\r\n        borderRadius: tokens.borderRadius.md,\r\n        overflow: \"hidden\",\r\n        border: `1px solid ${tokens.colors.border.muted}`,\r\n      }}\r\n    >\r\n      {block.label && (\r\n        <div\r\n          style={{\r\n            padding: \"5px 12px\",\r\n            fontSize: tokens.typography.fontSize.xxs,\r\n            fontWeight: 600,\r\n            color: tokens.colors.text.tertiary,\r\n            textTransform: \"uppercase\",\r\n            letterSpacing: \"0.05em\",\r\n            backgroundColor: `${tokens.colors.background.elevated}80`,\r\n            borderBottom: `1px solid ${tokens.colors.border.muted}`,\r\n            display: \"flex\",\r\n            alignItems: \"center\",\r\n            justifyContent: \"space-between\",\r\n          }}\r\n        >\r\n          <span>\r\n            {block.label}\r\n            {block.language ? ` · ${block.language}` : \"\"}\r\n          </span>\r\n        </div>\r\n      )}\r\n      <div style={{ position: \"relative\" }}>\r\n        <pre\r\n          style={{\r\n            margin: 0,\r\n            padding: \"10px 12px\",\r\n            paddingRight: 80,\r\n            fontSize: tokens.typography.fontSize.xs,\r\n            fontFamily: tokens.typography.fontFamily.mono,\r\n            backgroundColor: `${tokens.colors.background.base}80`,\r\n            color: tokens.colors.text.primary,\r\n            overflowX: \"auto\",\r\n            lineHeight: 1.5,\r\n          }}\r\n        >\r\n          {block.command}\r\n        </pre>\r\n        <div\r\n          style={{\r\n            position: \"absolute\",\r\n            top: 6,\r\n            right: 8,\r\n            display: \"flex\",\r\n            gap: 4,\r\n          }}\r\n        >\r\n          <button\r\n            type=\"button\"\r\n            onClick={handleCopy}\r\n            style={{\r\n              padding: \"2px 8px\",\r\n              fontSize: tokens.typography.fontSize.micro,\r\n              borderRadius: tokens.borderRadius.sm,\r\n              border: `1px solid ${tokens.colors.border.muted}`,\r\n              backgroundColor: tokens.colors.background.elevated,\r\n              color: copied\r\n                ? tokens.colors.status.normal\r\n                : tokens.colors.text.tertiary,\r\n              cursor: \"pointer\",\r\n              fontFamily: tokens.typography.fontFamily.primary,\r\n              fontWeight: 500,\r\n            }}\r\n          >\r\n            {copied ? \"✓ Copied\" : \"Copy\"}\r\n          </button>\r\n          {block.executable && onEvent && block.id && (\r\n            <button\r\n              type=\"button\"\r\n              onClick={handleExecute}\r\n              style={{\r\n                padding: \"2px 8px\",\r\n                fontSize: tokens.typography.fontSize.micro,\r\n                borderRadius: tokens.borderRadius.sm,\r\n                border: `1px solid ${tokens.colors.accent.primary}60`,\r\n                backgroundColor: `${tokens.colors.accent.primary}15`,\r\n                color: safeAccentText(tokens.colors.accent.primary),\r\n                cursor: \"pointer\",\r\n                fontFamily: tokens.typography.fontFamily.primary,\r\n                fontWeight: 600,\r\n              }}\r\n            >\r\n              Run\r\n            </button>\r\n          )}\r\n        </div>\r\n      </div>\r\n    </div>\r\n  );\r\n}\r\n\r\nfunction KVBlock({ block }: { block: ChatBlockKV }) {\r\n  const { tokens } = useTheme();\r\n  return (\r\n    <div\r\n      style={{\r\n        marginTop: 8,\r\n        padding: \"8px 12px\",\r\n        backgroundColor: `${tokens.colors.background.elevated}40`,\r\n        borderRadius: tokens.borderRadius.md,\r\n        border: `1px solid ${tokens.colors.border.muted}`,\r\n      }}\r\n    >\r\n      {block.title && (\r\n        <div\r\n          style={{\r\n            fontSize: tokens.typography.fontSize.xxs,\r\n            fontWeight: 600,\r\n            color: tokens.colors.text.tertiary,\r\n            textTransform: \"uppercase\",\r\n            letterSpacing: \"0.05em\",\r\n            marginBottom: 6,\r\n          }}\r\n        >\r\n          {block.title}\r\n        </div>\r\n      )}\r\n      <div\r\n        style={{\r\n          display: \"grid\",\r\n          gridTemplateColumns: \"auto 1fr\",\r\n          gap: \"3px 16px\",\r\n          fontSize: tokens.typography.fontSize.xs,\r\n        }}\r\n      >\r\n        {(block.pairs ?? []).map((p, i) => (\r\n          <React.Fragment key={i}>\r\n            <span\r\n              style={{\r\n                color: tokens.colors.text.tertiary,\r\n                whiteSpace: \"nowrap\",\r\n              }}\r\n            >\r\n              {p.key}\r\n            </span>\r\n            <span\r\n              style={{\r\n                color: tokens.colors.text.primary,\r\n                fontFamily: p.mono\r\n                  ? tokens.typography.fontFamily.mono\r\n                  : undefined,\r\n                fontVariantNumeric: p.mono ? \"tabular-nums\" : undefined,\r\n              }}\r\n            >\r\n              {p.value}\r\n            </span>\r\n          </React.Fragment>\r\n        ))}\r\n      </div>\r\n    </div>\r\n  );\r\n}\r\n\r\nfunction renderBlock(\r\n  block: ChatBlock,\r\n  index: number,\r\n  messageId: string,\r\n  onEvent?: (e: ChatBlockEvent) => void,\r\n) {\r\n  switch (block.type) {\r\n    case \"alert\":\r\n      return <AlertBlock key={index} block={block} />;\r\n    case \"telemetry\":\r\n      return <TelemetryBlock key={index} block={block} />;\r\n    case \"progress\":\r\n      return <ProgressBlock key={index} block={block} />;\r\n    case \"table\":\r\n      return <TableBlock key={index} block={block} />;\r\n    case \"actions\":\r\n      return <ActionsBlock key={index} block={block} />;\r\n    case \"choice\":\r\n      return (\r\n        <ChoiceBlock\r\n          key={index}\r\n          block={block}\r\n          messageId={messageId}\r\n          onEvent={onEvent}\r\n        />\r\n      );\r\n    case \"confirm\":\r\n      return (\r\n        <ConfirmBlock\r\n          key={index}\r\n          block={block}\r\n          messageId={messageId}\r\n          onEvent={onEvent}\r\n        />\r\n      );\r\n    case \"command\":\r\n      return (\r\n        <CommandBlock\r\n          key={index}\r\n          block={block}\r\n          messageId={messageId}\r\n          onEvent={onEvent}\r\n        />\r\n      );\r\n    case \"kv\":\r\n      return <KVBlock key={index} block={block} />;\r\n    default:\r\n      return null;\r\n  }\r\n}\r\n\r\n// ─── Main component ──────────────────────────────────────────────────────────\r\n\r\nexport const ChatPanel = memo(function ChatPanel({\r\n  messages = [],\r\n  onSend,\r\n  loading = false,\r\n  placeholder = \"Type a message...\",\r\n  title,\r\n  subtitle,\r\n  disabled = false,\r\n  showTimestamps = true,\r\n  height = \"100%\",\r\n  onClear,\r\n  onBlockEvent,\r\n  renderMessageContent,\r\n  style,\r\n}: ChatPanelProps): React.ReactElement {\r\n  const { tokens } = useTheme();\r\n  const [input, setInput] = useState(\"\");\r\n  const messagesEndRef = useRef<HTMLDivElement>(null);\r\n  const inputRef = useRef<HTMLTextAreaElement>(null);\r\n\r\n  useEffect(() => {\r\n    messagesEndRef.current?.scrollIntoView({ behavior: \"smooth\" });\r\n  }, [messages, loading]);\r\n\r\n  const handleSend = useCallback(() => {\r\n    const text = input.trim();\r\n    if (!text || disabled) return;\r\n    onSend(text);\r\n    setInput(\"\");\r\n    if (inputRef.current) inputRef.current.style.height = \"auto\";\r\n  }, [input, onSend, disabled]);\r\n\r\n  const handleKeyDown = useCallback(\r\n    (e: React.KeyboardEvent) => {\r\n      if (e.key === \"Enter\" && !e.shiftKey) {\r\n        e.preventDefault();\r\n        handleSend();\r\n      }\r\n    },\r\n    [handleSend],\r\n  );\r\n\r\n  const handleInput = useCallback(\r\n    (e: React.ChangeEvent<HTMLTextAreaElement>) => {\r\n      setInput(e.target.value);\r\n      const el = e.target;\r\n      el.style.height = \"auto\";\r\n      el.style.height = `${Math.min(el.scrollHeight, 120)}px`;\r\n    },\r\n    [],\r\n  );\r\n\r\n  const formatTime = (ts?: number) => {\r\n    if (!ts) return \"\";\r\n    return new Date(ts).toLocaleTimeString([], {\r\n      hour: \"2-digit\",\r\n      minute: \"2-digit\",\r\n    });\r\n  };\r\n\r\n  // Markdown-ish rendering: **bold**, `code`, ```code blocks```. Lists, tables\r\n  // and links are NOT handled — pass `renderMessageContent` for those.\r\n  const renderContent = (text: string) => {\r\n    const parts: React.ReactNode[] = [];\r\n    const lines = text.split(\"\\n\");\r\n    let inCode = false;\r\n    let codeBlock: string[] = [];\r\n\r\n    lines.forEach((line, i) => {\r\n      if (line.startsWith(\"```\")) {\r\n        if (inCode) {\r\n          parts.push(\r\n            <pre\r\n              key={`code-${i}`}\r\n              style={{\r\n                backgroundColor: `${tokens.colors.background.base}80`,\r\n                padding: `${tokens.spacing.xs} ${tokens.spacing.sm}`,\r\n                borderRadius: tokens.borderRadius.sm,\r\n                fontSize: tokens.typography.fontSize.xs,\r\n                fontFamily: tokens.typography.fontFamily.mono,\r\n                overflowX: \"auto\",\r\n                margin: `${tokens.spacing.xs} 0`,\r\n                border: `1px solid ${tokens.colors.border.muted}`,\r\n              }}\r\n            >\r\n              {codeBlock.join(\"\\n\")}\r\n            </pre>,\r\n          );\r\n          codeBlock = [];\r\n          inCode = false;\r\n        } else {\r\n          inCode = true;\r\n        }\r\n        return;\r\n      }\r\n      if (inCode) {\r\n        codeBlock.push(line);\r\n        return;\r\n      }\r\n\r\n      let processed: React.ReactNode = line;\r\n      if (line.includes(\"**\")) {\r\n        const segments = line.split(/\\*\\*(.*?)\\*\\*/g);\r\n        processed = segments.map((seg, j) =>\r\n          j % 2 === 1 ? <strong key={j}>{seg}</strong> : seg,\r\n        );\r\n      }\r\n      if (typeof processed === \"string\" && processed.includes(\"`\")) {\r\n        const segments = processed.split(/`(.*?)`/g);\r\n        processed = segments.map((seg, j) =>\r\n          j % 2 === 1 ? (\r\n            <code\r\n              key={j}\r\n              style={{\r\n                backgroundColor: `${tokens.colors.background.base}80`,\r\n                padding: \"1px 4px\",\r\n                borderRadius: \"3px\",\r\n                fontSize: \"0.9em\",\r\n                fontFamily: tokens.typography.fontFamily.mono,\r\n              }}\r\n            >\r\n              {seg}\r\n            </code>\r\n          ) : (\r\n            seg\r\n          ),\r\n        );\r\n      }\r\n      parts.push(\r\n        <React.Fragment key={`line-${i}`}>\r\n          {processed}\r\n          {i < lines.length - 1 && <br />}\r\n        </React.Fragment>,\r\n      );\r\n    });\r\n    return parts;\r\n  };\r\n\r\n  const TypingDots = () => (\r\n    <div\r\n      style={{\r\n        display: \"flex\",\r\n        alignItems: \"center\",\r\n        gap: \"4px\",\r\n        padding: tokens.spacing.xs,\r\n      }}\r\n    >\r\n      {[0, 1, 2].map((i) => (\r\n        <div\r\n          key={i}\r\n          style={{\r\n            width: 6,\r\n            height: 6,\r\n            borderRadius: \"50%\",\r\n            backgroundColor: tokens.colors.accent.primary,\r\n            opacity: 0.6,\r\n            animation: `zendir-typing 1.2s ease-in-out ${i * 0.2}s infinite`,\r\n          }}\r\n        />\r\n      ))}\r\n      <style>{`@keyframes zendir-typing { 0%,60%,100%{opacity:.3;transform:translateY(0)} 30%{opacity:1;transform:translateY(-3px)} }`}</style>\r\n    </div>\r\n  );\r\n\r\n  return (\r\n    <div\r\n      style={{\r\n        display: \"flex\",\r\n        flexDirection: \"column\",\r\n        height: typeof height === \"number\" ? `${height}px` : height,\r\n        fontFamily: tokens.typography.fontFamily.primary,\r\n        backgroundColor: tokens.colors.background.base,\r\n        borderRadius: tokens.borderRadius.lg,\r\n        border: `1px solid ${tokens.colors.border.muted}`,\r\n        overflow: \"hidden\",\r\n        ...style,\r\n      }}\r\n    >\r\n      {/* Header */}\r\n      {(title || onClear) && (\r\n        <div\r\n          style={{\r\n            display: \"flex\",\r\n            alignItems: \"center\",\r\n            justifyContent: \"space-between\",\r\n            padding: `${tokens.spacing.sm} ${tokens.spacing.md}`,\r\n            borderBottom: `1px solid ${tokens.colors.border.muted}`,\r\n            backgroundColor: tokens.colors.background.surface,\r\n          }}\r\n        >\r\n          <div>\r\n            {title && (\r\n              <div\r\n                style={{\r\n                  fontSize: tokens.typography.fontSize.sm,\r\n                  fontWeight: 600,\r\n                  color: tokens.colors.text.primary,\r\n                }}\r\n              >\r\n                {title}\r\n              </div>\r\n            )}\r\n            {subtitle && (\r\n              <div\r\n                style={{\r\n                  fontSize: tokens.typography.fontSize.xxs,\r\n                  color: tokens.colors.text.tertiary,\r\n                }}\r\n              >\r\n                {subtitle}\r\n              </div>\r\n            )}\r\n          </div>\r\n          {onClear && messages.length > 0 && (\r\n            <button\r\n              onClick={onClear}\r\n              style={{\r\n                fontSize: tokens.typography.fontSize.xxs,\r\n                color: tokens.colors.text.tertiary,\r\n                backgroundColor: \"transparent\",\r\n                border: \"none\",\r\n                cursor: \"pointer\",\r\n                padding: \"4px 8px\",\r\n                borderRadius: tokens.borderRadius.sm,\r\n                fontFamily: tokens.typography.fontFamily.primary,\r\n              }}\r\n            >\r\n              Clear\r\n            </button>\r\n          )}\r\n        </div>\r\n      )}\r\n\r\n      {/* Messages — aria-live so screen readers announce new messages */}\r\n      <div\r\n        role=\"log\"\r\n        aria-live=\"polite\"\r\n        aria-label=\"Chat messages\"\r\n        style={{\r\n          flex: 1,\r\n          overflow: \"auto\",\r\n          padding: tokens.spacing.md,\r\n          display: \"flex\",\r\n          flexDirection: \"column\",\r\n          gap: tokens.spacing.sm,\r\n        }}\r\n      >\r\n        {messages.length === 0 && (\r\n          <div\r\n            style={{\r\n              display: \"flex\",\r\n              alignItems: \"center\",\r\n              justifyContent: \"center\",\r\n              flex: 1,\r\n              color: tokens.colors.text.tertiary,\r\n              fontSize: tokens.typography.fontSize.sm,\r\n            }}\r\n          >\r\n            No messages yet\r\n          </div>\r\n        )}\r\n\r\n        {messages.map((msg) => {\r\n          const isUser = msg.role === \"user\";\r\n          const isSystem = msg.role === \"system\";\r\n          const severity = msg.severity;\r\n          const severityColor = severity\r\n            ? tokens.colors.status[severity]\r\n            : undefined;\r\n\r\n          // System message accent: uses severity if set, otherwise default caution tint\r\n          const systemBg = severityColor\r\n            ? `${severityColor}12`\r\n            : `${tokens.colors.status.caution}10`;\r\n          const systemBorder = severityColor\r\n            ? `${severityColor}30`\r\n            : `${tokens.colors.status.caution}20`;\r\n          const systemAccent = severityColor || undefined;\r\n\r\n          return (\r\n            <div\r\n              key={msg.id}\r\n              style={{\r\n                display: \"flex\",\r\n                flexDirection: \"column\",\r\n                alignItems: isUser ? \"flex-end\" : \"flex-start\",\r\n                maxWidth: isSystem ? \"100%\" : \"85%\",\r\n                alignSelf: isUser ? \"flex-end\" : \"flex-start\",\r\n              }}\r\n            >\r\n              <div\r\n                style={{\r\n                  padding: `${tokens.spacing.sm} ${tokens.spacing.md}`,\r\n                  borderRadius: tokens.borderRadius.md,\r\n                  backgroundColor: isUser\r\n                    ? `${tokens.colors.accent.primary}20`\r\n                    : isSystem\r\n                      ? systemBg\r\n                      : tokens.colors.background.surface,\r\n                  border: `1px solid ${\r\n                    isUser\r\n                      ? `${tokens.colors.accent.primary}30`\r\n                      : isSystem\r\n                        ? systemBorder\r\n                        : tokens.colors.border.muted\r\n                  }`,\r\n                  borderLeft:\r\n                    isSystem && systemAccent\r\n                      ? `3px solid ${systemAccent}`\r\n                      : undefined,\r\n                  fontSize: tokens.typography.fontSize.sm,\r\n                  color: tokens.colors.text.primary,\r\n                  lineHeight: 1.6,\r\n                  width: isSystem ? \"100%\" : \"auto\",\r\n                  opacity: msg.status === \"sending\" ? 0.7 : 1,\r\n                }}\r\n              >\r\n                {/* Severity indicator for system messages */}\r\n                {isSystem && severity && (\r\n                  <div\r\n                    style={{\r\n                      display: \"flex\",\r\n                      alignItems: \"center\",\r\n                      gap: 6,\r\n                      marginBottom: 4,\r\n                    }}\r\n                  >\r\n                    <StatusShape\r\n                      status={severity}\r\n                      size={10}\r\n                      color={severityColor!}\r\n                    />\r\n                    <span\r\n                      style={{\r\n                        fontSize: tokens.typography.fontSize.xxs,\r\n                        fontWeight: 600,\r\n                        color: severityColor,\r\n                        textTransform: \"uppercase\",\r\n                        letterSpacing: \"0.04em\",\r\n                      }}\r\n                    >\r\n                      {severity}\r\n                    </span>\r\n                  </div>\r\n                )}\r\n\r\n                {renderMessageContent\r\n                  ? renderMessageContent(msg.content, msg)\r\n                  : renderContent(msg.content)}\r\n\r\n                {/* Structured blocks */}\r\n                {Array.isArray(msg.blocks) &&\r\n                  msg.blocks.map((block, i) =>\r\n                    block ? renderBlock(block, i, msg.id, onBlockEvent) : null,\r\n                  )}\r\n\r\n                {/* Legacy action buttons */}\r\n                {msg.actions && msg.actions.length > 0 && (\r\n                  <div\r\n                    style={{\r\n                      display: \"flex\",\r\n                      gap: tokens.spacing.xs,\r\n                      marginTop: tokens.spacing.xs,\r\n                      paddingTop: tokens.spacing.xs,\r\n                      borderTop: `1px solid ${tokens.colors.border.muted}`,\r\n                    }}\r\n                  >\r\n                    {msg.actions.map((action, i) => (\r\n                      <button\r\n                        key={i}\r\n                        onClick={action.onClick}\r\n                        style={{\r\n                          fontSize: tokens.typography.fontSize.xxs,\r\n                          padding: \"2px 10px\",\r\n                          borderRadius: tokens.borderRadius.sm,\r\n                          border: `1px solid ${tokens.colors.accent.primary}40`,\r\n                          backgroundColor: `${tokens.colors.accent.primary}10`,\r\n                          color: safeAccentText(tokens.colors.accent.primary),\r\n                          cursor: \"pointer\",\r\n                          fontFamily: tokens.typography.fontFamily.primary,\r\n                        }}\r\n                      >\r\n                        {action.label}\r\n                      </button>\r\n                    ))}\r\n                  </div>\r\n                )}\r\n              </div>\r\n\r\n              {showTimestamps && msg.timestamp && (\r\n                <div\r\n                  style={{\r\n                    fontSize: tokens.typography.fontSize.micro,\r\n                    color: tokens.colors.text.tertiary,\r\n                    marginTop: \"2px\",\r\n                    paddingLeft: tokens.spacing.xs,\r\n                    paddingRight: tokens.spacing.xs,\r\n                    display: \"flex\",\r\n                    alignItems: \"center\",\r\n                    gap: \"4px\",\r\n                  }}\r\n                >\r\n                  {formatTime(msg.timestamp)}\r\n                  {msg.status === \"error\" && (\r\n                    <span style={{ color: tokens.colors.status.critical }}>\r\n                      • Failed\r\n                    </span>\r\n                  )}\r\n                </div>\r\n              )}\r\n            </div>\r\n          );\r\n        })}\r\n\r\n        {loading && (\r\n          <div\r\n            style={{\r\n              alignSelf: \"flex-start\",\r\n              padding: `${tokens.spacing.xs} ${tokens.spacing.md}`,\r\n              borderRadius: tokens.borderRadius.md,\r\n              backgroundColor: tokens.colors.background.surface,\r\n              border: `1px solid ${tokens.colors.border.muted}`,\r\n            }}\r\n          >\r\n            <TypingDots />\r\n          </div>\r\n        )}\r\n        <div ref={messagesEndRef} />\r\n      </div>\r\n\r\n      {/* Input */}\r\n      <div\r\n        style={{\r\n          display: \"flex\",\r\n          alignItems: \"flex-end\",\r\n          gap: tokens.spacing.sm,\r\n          padding: tokens.spacing.md,\r\n          borderTop: `1px solid ${tokens.colors.border.muted}`,\r\n          backgroundColor: tokens.colors.background.surface,\r\n        }}\r\n      >\r\n        <textarea\r\n          ref={inputRef}\r\n          value={input}\r\n          onChange={handleInput}\r\n          onKeyDown={handleKeyDown}\r\n          placeholder={placeholder}\r\n          disabled={disabled}\r\n          aria-label=\"Message input\"\r\n          rows={1}\r\n          style={{\r\n            flex: 1,\r\n            resize: \"none\",\r\n            border: `1px solid ${tokens.colors.border.muted}`,\r\n            borderRadius: tokens.borderRadius.md,\r\n            padding: `${tokens.spacing.sm} ${tokens.spacing.md}`,\r\n            fontSize: tokens.typography.fontSize.sm,\r\n            fontFamily: tokens.typography.fontFamily.primary,\r\n            color: tokens.colors.text.primary,\r\n            backgroundColor: tokens.colors.background.base,\r\n            outline: \"none\",\r\n            transition: \"border-color 150ms, background-color 150ms\",\r\n            maxHeight: 120,\r\n            lineHeight: 1.5,\r\n            overflowY: \"auto\",\r\n          }}\r\n        />\r\n        <button\r\n          onClick={handleSend}\r\n          disabled={disabled || !input.trim()}\r\n          aria-label=\"Send message\"\r\n          style={{\r\n            display: \"flex\",\r\n            alignItems: \"center\",\r\n            justifyContent: \"center\",\r\n            width: 44,\r\n            height: 44,\r\n            borderRadius: tokens.borderRadius.md,\r\n            border: \"none\",\r\n            backgroundColor: input.trim()\r\n              ? tokens.colors.accent.primary\r\n              : `${tokens.colors.accent.primary}20`,\r\n            color: input.trim()\r\n              ? tokens.colors.text.inverse\r\n              : tokens.colors.text.tertiary,\r\n            cursor: input.trim() && !disabled ? \"pointer\" : \"not-allowed\",\r\n            transition: tokens.animation.fast,\r\n            flexShrink: 0,\r\n          }}\r\n        >\r\n          <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\r\n            <path d=\"M2.01 21L23 12 2.01 3 2 10l15 2-15 2z\" />\r\n          </svg>\r\n        </button>\r\n      </div>\r\n    </div>\r\n  );\r\n});\r\n\r\nexport default ChatPanel;\r\n"],"mappings":"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"}