@openhands/agent-canvas 1.4.0 → 1.5.0

package/dist/components/conversation-events/chat/event-content-helpers/get-observation-content.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"get-observation-content.cjs","names":[],"sources":["../../../../../src/components/conversation-events/chat/event-content-helpers/get-observation-content.ts"],"sourcesContent":["import { ObservationEvent } from \"#/types/agent-server/core\";\nimport { getObservationResult } from \"./get-observation-result\";\nimport { getDefaultEventContent, MAX_CONTENT_LENGTH } from \"./shared\";\nimport i18n from \"#/i18n\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport {\n  MCPToolObservation,\n  FinishObservation,\n  ThinkObservation,\n  BrowserObservation,\n  ExecuteBashObservation,\n  TerminalObservation,\n  FileEditorObservation,\n  StrReplaceEditorObservation,\n  TaskTrackerObservation,\n  GlobObservation,\n  GrepObservation,\n  InvokeSkillObservation,\n  CanvasUIObservation,\n  SwitchLLMObservation,\n} from \"#/types/agent-server/core/base/observation\";\n\n// File Editor Observations\nconst getFileEditorObservationContent = (\n  event: ObservationEvent<FileEditorObservation | StrReplaceEditorObservation>,\n): string => {\n  const { observation } = event;\n\n  if (observation.error) {\n    return `**Error:**\\n${observation.error}`;\n  }\n\n  // Extract text content from the observation if it exists\n  const textContent =\n    \"content\" in observation && Array.isArray(observation.content)\n      ? observation.content\n          .filter((c) => c.type === \"text\")\n          .map((c) => c.text)\n          .join(\"\\n\")\n      : null;\n\n  const successMessage = getObservationResult(event) === \"success\";\n\n  // For view commands or successful edits with content changes, format as code block\n  if (\n    (successMessage &&\n      \"old_content\" in observation &&\n      \"new_content\" in observation &&\n      observation.old_content &&\n      observation.new_content) ||\n    observation.command === \"view\"\n  ) {\n    // Prefer content over output for view commands, fallback to output if content is not available\n    const displayContent = textContent || observation.output;\n    return `\\`\\`\\`\\n${displayContent}\\n\\`\\`\\``;\n  }\n\n  // For other commands, prefer content if available, otherwise use output\n  return textContent || observation.output;\n};\n\n// Command Observations\nconst getTerminalObservationContent = (\n  event: ObservationEvent<ExecuteBashObservation | TerminalObservation>,\n): string => {\n  const { observation } = event;\n\n  // Extract text content from the observation\n  const textContent = observation.content\n    .filter((c) => c.type === \"text\")\n    .map((c) => c.text)\n    .join(\"\\n\");\n\n  let content = textContent || \"\";\n\n  if (content.length > MAX_CONTENT_LENGTH) {\n    content = `${content.slice(0, MAX_CONTENT_LENGTH)}...`;\n  }\n\n  // Build the output string\n  let output = \"\";\n\n  // Display the command if available\n  if (observation.command) {\n    output += `Command: \\`${observation.command}\\`\\n\\n`;\n  }\n\n  // Display the output\n  output += `Output:\\n\\`\\`\\`sh\\n${content.trim() || i18n.t(I18nKey.OBSERVATION$COMMAND_NO_OUTPUT)}\\n\\`\\`\\``;\n\n  return output;\n};\n\n// Tool Observations\nconst getBrowserObservationContent = (\n  event: ObservationEvent<BrowserObservation>,\n): string => {\n  const { observation } = event;\n\n  // Extract text content from the observation\n  const textContent =\n    \"content\" in observation && Array.isArray(observation.content)\n      ? observation.content\n          .filter((c) => c.type === \"text\")\n          .map((c) => c.text)\n          .join(\"\\n\")\n      : observation.output || \"\";\n\n  let contentDetails = \"\";\n\n  if (observation.error) {\n    contentDetails += `**Error:**\\n${observation.error}`;\n  } else if (textContent) {\n    contentDetails += `**Output:**\\n${textContent}`;\n  } else {\n    contentDetails += \"Browser action completed successfully.\";\n  }\n\n  if (contentDetails.length > MAX_CONTENT_LENGTH) {\n    contentDetails = `${contentDetails.slice(0, MAX_CONTENT_LENGTH)}...(truncated)`;\n  }\n\n  return contentDetails;\n};\n\nconst getMCPToolObservationContent = (\n  event: ObservationEvent<MCPToolObservation>,\n): string => {\n  const { observation } = event;\n\n  // Extract text content from the observation\n  const textContent = observation.content\n    .filter((c) => c.type === \"text\")\n    .map((c) => c.text)\n    .join(\"\\n\");\n\n  let content = `**Tool:** ${observation.tool_name}\\n\\n`;\n\n  if (observation.is_error) {\n    content += `**Error:**\\n${textContent}`;\n  } else {\n    content += `**Result:**\\n${textContent}`;\n  }\n\n  if (content.length > MAX_CONTENT_LENGTH) {\n    content = `${content.slice(0, MAX_CONTENT_LENGTH)}...`;\n  }\n\n  return content;\n};\n\n// Invoke-skill observations\nconst getInvokeSkillObservationContent = (\n  event: ObservationEvent<InvokeSkillObservation>,\n): string => {\n  const { observation } = event;\n\n  const textContent = observation.content\n    .filter((c) => c.type === \"text\")\n    .map((c) => c.text)\n    .join(\"\\n\");\n\n  const header = observation.skill_name\n    ? `**Skill:** \\`${observation.skill_name}\\`\\n\\n`\n    : \"\";\n  const body = observation.is_error\n    ? `**Error:**\\n${textContent}`\n    : textContent;\n\n  let content = `${header}${body}`;\n  if (content.length > MAX_CONTENT_LENGTH) {\n    content = `${content.slice(0, MAX_CONTENT_LENGTH)}...(truncated)`;\n  }\n  return content;\n};\n\n// Canvas UI observations — just surface the acknowledgement text.\nconst getCanvasUIObservationContent = (\n  event: ObservationEvent<CanvasUIObservation>,\n): string =>\n  event.observation.content\n    .filter((c) => c.type === \"text\")\n    .map((c) => c.text)\n    .join(\"\\n\");\n\nconst getSwitchLLMObservationContent = (\n  event: ObservationEvent<SwitchLLMObservation>,\n): string => {\n  const { observation } = event;\n\n  const textContent = observation.content\n    .filter((c) => c.type === \"text\")\n    .map((c) => c.text)\n    .join(\"\\n\");\n\n  if (observation.is_error) {\n    return textContent\n      ? `**Error:**\\n${textContent}`\n      : `**Error:**\\nFailed to switch LLM profile \\`${observation.profile_name}\\`.`;\n  }\n\n  const parts = [`**Profile:** \\`${observation.profile_name}\\``];\n  if (observation.active_model) {\n    parts.push(`**Active model:** \\`${observation.active_model}\\``);\n  }\n  if (observation.reason) {\n    parts.push(`**Reason:** ${observation.reason}`);\n  }\n\n  return parts.join(\"\\n\");\n};\n\n// Complex Observations\nconst getTaskTrackerObservationContent = (\n  event: ObservationEvent<TaskTrackerObservation>,\n): string => {\n  const { observation } = event;\n\n  const { command, task_list: taskList } = observation;\n  let content = `**Command:** \\`${command}\\``;\n\n  if (command === \"plan\" && taskList.length > 0) {\n    content += `\\n\\n**Task List (${taskList.length} ${taskList.length === 1 ? \"item\" : \"items\"}):**\\n`;\n\n    taskList.forEach((task, index: number) => {\n      const statusMap = {\n        todo: \"⏳\",\n        in_progress: \"🔄\",\n        done: \"✅\",\n      };\n      const statusIcon =\n        statusMap[task.status as keyof typeof statusMap] || \"❓\";\n\n      content += `\\n${index + 1}. ${statusIcon} **[${task.status.toUpperCase().replace(\"_\", \" \")}]** ${task.title}`;\n      if (task.notes) {\n        content += `\\n   *Notes: ${task.notes}*`;\n      }\n    });\n  } else if (command === \"plan\") {\n    content += \"\\n\\n**Task List:** Empty\";\n  }\n\n  if (\n    \"content\" in observation &&\n    observation.content &&\n    typeof observation.content === \"string\" &&\n    observation.content.trim()\n  ) {\n    content += `\\n\\n**Result:** ${observation.content.trim()}`;\n  }\n\n  return content;\n};\n\n// Simple Observations\nconst getThinkObservationContent = (\n  event: ObservationEvent<ThinkObservation>,\n): string => {\n  const { observation } = event;\n\n  const textContent = observation.content\n    .filter((c) => c.type === \"text\")\n    .map((c) => c.text)\n    .join(\"\\n\");\n\n  return textContent || \"\";\n};\n\nconst getFinishObservationContent = (\n  event: ObservationEvent<FinishObservation>,\n): string => {\n  const { observation } = event;\n\n  // Extract text content from the observation\n  const textContent = observation.content\n    .filter((c) => c.type === \"text\")\n    .map((c) => c.text)\n    .join(\"\\n\");\n\n  let content = \"\";\n\n  if (observation.is_error) {\n    content += `**Error:**\\n${textContent}`;\n  } else {\n    content += textContent;\n  }\n\n  return content;\n};\n\n// Glob Observations\nconst getGlobObservationContent = (\n  event: ObservationEvent<GlobObservation>,\n): string => {\n  const { observation } = event;\n\n  // Extract text content from the observation\n  const textContent = observation.content\n    .filter((c) => c.type === \"text\")\n    .map((c) => c.text)\n    .join(\"\\n\");\n\n  let content = `**Pattern:** \\`${observation.pattern}\\`\\n`;\n  content += `**Search Path:** \\`${observation.search_path}\\`\\n\\n`;\n\n  if (observation.is_error) {\n    content += `**Error:**\\n${textContent}`;\n  } else if (observation.files.length === 0) {\n    content += \"**Result:** No files found.\";\n  } else {\n    content += `**Files Found (${observation.files.length}${observation.truncated ? \"+, truncated\" : \"\"}):**\\n`;\n    content += observation.files.map((f) => `- \\`${f}\\``).join(\"\\n\");\n  }\n\n  if (content.length > MAX_CONTENT_LENGTH) {\n    content = `${content.slice(0, MAX_CONTENT_LENGTH)}...(truncated)`;\n  }\n\n  return content;\n};\n\n// Grep Observations\nconst getGrepObservationContent = (\n  event: ObservationEvent<GrepObservation>,\n): string => {\n  const { observation } = event;\n\n  // Extract text content from the observation\n  const textContent = observation.content\n    .filter((c) => c.type === \"text\")\n    .map((c) => c.text)\n    .join(\"\\n\");\n\n  let content = `**Pattern:** \\`${observation.pattern}\\`\\n`;\n  content += `**Search Path:** \\`${observation.search_path}\\`\\n`;\n  if (observation.include_pattern) {\n    content += `**Include:** \\`${observation.include_pattern}\\`\\n`;\n  }\n  content += \"\\n\";\n\n  if (observation.is_error) {\n    content += `**Error:**\\n${textContent}`;\n  } else if (observation.matches.length === 0) {\n    content += \"**Result:** No matches found.\";\n  } else {\n    content += `**Matches (${observation.matches.length}${observation.truncated ? \"+, truncated\" : \"\"}):**\\n`;\n    content += observation.matches.map((f) => `- \\`${f}\\``).join(\"\\n\");\n  }\n\n  if (content.length > MAX_CONTENT_LENGTH) {\n    content = `${content.slice(0, MAX_CONTENT_LENGTH)}...(truncated)`;\n  }\n\n  return content;\n};\n\nexport const getObservationContent = (event: ObservationEvent): string => {\n  const observationType = event.observation.kind;\n\n  switch (observationType) {\n    case \"FileEditorObservation\":\n    case \"StrReplaceEditorObservation\":\n      return getFileEditorObservationContent(\n        event as ObservationEvent<\n          FileEditorObservation | StrReplaceEditorObservation\n        >,\n      );\n\n    case \"ExecuteBashObservation\":\n    case \"TerminalObservation\":\n      return getTerminalObservationContent(\n        event as ObservationEvent<ExecuteBashObservation | TerminalObservation>,\n      );\n\n    case \"BrowserObservation\":\n      return getBrowserObservationContent(\n        event as ObservationEvent<BrowserObservation>,\n      );\n\n    case \"MCPToolObservation\":\n      return getMCPToolObservationContent(\n        event as ObservationEvent<MCPToolObservation>,\n      );\n\n    case \"TaskTrackerObservation\":\n      return getTaskTrackerObservationContent(\n        event as ObservationEvent<TaskTrackerObservation>,\n      );\n\n    case \"ThinkObservation\":\n      return getThinkObservationContent(\n        event as ObservationEvent<ThinkObservation>,\n      );\n\n    case \"FinishObservation\":\n      return getFinishObservationContent(\n        event as ObservationEvent<FinishObservation>,\n      );\n\n    case \"GlobObservation\":\n      return getGlobObservationContent(\n        event as ObservationEvent<GlobObservation>,\n      );\n\n    case \"GrepObservation\":\n      return getGrepObservationContent(\n        event as ObservationEvent<GrepObservation>,\n      );\n\n    case \"InvokeSkillObservation\":\n      return getInvokeSkillObservationContent(\n        event as ObservationEvent<InvokeSkillObservation>,\n      );\n\n    case \"CanvasUIObservation\":\n      return getCanvasUIObservationContent(\n        event as ObservationEvent<CanvasUIObservation>,\n      );\n\n    case \"SwitchLLMObservation\":\n      return getSwitchLLMObservationContent(\n        event as ObservationEvent<SwitchLLMObservation>,\n      );\n\n    default:\n      return getDefaultEventContent(event);\n  }\n};\n"],"mappings":"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"}
+{"version":3,"file":"get-observation-content.cjs","names":[],"sources":["../../../../../src/components/conversation-events/chat/event-content-helpers/get-observation-content.ts"],"sourcesContent":["import { CANVAS_UI_CLIENT_TOOL_NAME } from \"#/constants/canvas-ui\";\nimport { ObservationEvent } from \"#/types/agent-server/core\";\nimport { getObservationResult } from \"./get-observation-result\";\nimport { getDefaultEventContent, MAX_CONTENT_LENGTH } from \"./shared\";\nimport i18n from \"#/i18n\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport {\n  MCPToolObservation,\n  FinishObservation,\n  ThinkObservation,\n  BrowserObservation,\n  ExecuteBashObservation,\n  TerminalObservation,\n  FileEditorObservation,\n  StrReplaceEditorObservation,\n  TaskTrackerObservation,\n  GlobObservation,\n  GrepObservation,\n  InvokeSkillObservation,\n  CanvasUIObservation,\n  SwitchLLMObservation,\n} from \"#/types/agent-server/core/base/observation\";\n\n// File Editor Observations\nconst getFileEditorObservationContent = (\n  event: ObservationEvent<FileEditorObservation | StrReplaceEditorObservation>,\n): string => {\n  const { observation } = event;\n\n  if (observation.error) {\n    return `**Error:**\\n${observation.error}`;\n  }\n\n  // Extract text content from the observation if it exists\n  const textContent =\n    \"content\" in observation && Array.isArray(observation.content)\n      ? observation.content\n          .filter((c) => c.type === \"text\")\n          .map((c) => c.text)\n          .join(\"\\n\")\n      : null;\n\n  const successMessage = getObservationResult(event) === \"success\";\n\n  // For view commands or successful edits with content changes, format as code block\n  if (\n    (successMessage &&\n      \"old_content\" in observation &&\n      \"new_content\" in observation &&\n      observation.old_content &&\n      observation.new_content) ||\n    observation.command === \"view\"\n  ) {\n    // Prefer content over output for view commands, fallback to output if content is not available\n    const displayContent = textContent || observation.output;\n    return `\\`\\`\\`\\n${displayContent}\\n\\`\\`\\``;\n  }\n\n  // For other commands, prefer content if available, otherwise use output\n  return textContent || observation.output;\n};\n\n// Command Observations\nconst getTerminalObservationContent = (\n  event: ObservationEvent<ExecuteBashObservation | TerminalObservation>,\n): string => {\n  const { observation } = event;\n\n  // Extract text content from the observation\n  const textContent = observation.content\n    .filter((c) => c.type === \"text\")\n    .map((c) => c.text)\n    .join(\"\\n\");\n\n  let content = textContent || \"\";\n\n  if (content.length > MAX_CONTENT_LENGTH) {\n    content = `${content.slice(0, MAX_CONTENT_LENGTH)}...`;\n  }\n\n  // Build the output string\n  let output = \"\";\n\n  // Display the command if available\n  if (observation.command) {\n    output += `Command: \\`${observation.command}\\`\\n\\n`;\n  }\n\n  // Display the output\n  output += `Output:\\n\\`\\`\\`sh\\n${content.trim() || i18n.t(I18nKey.OBSERVATION$COMMAND_NO_OUTPUT)}\\n\\`\\`\\``;\n\n  return output;\n};\n\n// Tool Observations\nconst getBrowserObservationContent = (\n  event: ObservationEvent<BrowserObservation>,\n): string => {\n  const { observation } = event;\n\n  // Extract text content from the observation\n  const textContent =\n    \"content\" in observation && Array.isArray(observation.content)\n      ? observation.content\n          .filter((c) => c.type === \"text\")\n          .map((c) => c.text)\n          .join(\"\\n\")\n      : observation.output || \"\";\n\n  let contentDetails = \"\";\n\n  if (observation.error) {\n    contentDetails += `**Error:**\\n${observation.error}`;\n  } else if (textContent) {\n    contentDetails += `**Output:**\\n${textContent}`;\n  } else {\n    contentDetails += \"Browser action completed successfully.\";\n  }\n\n  if (contentDetails.length > MAX_CONTENT_LENGTH) {\n    contentDetails = `${contentDetails.slice(0, MAX_CONTENT_LENGTH)}...(truncated)`;\n  }\n\n  return contentDetails;\n};\n\nconst getMCPToolObservationContent = (\n  event: ObservationEvent<MCPToolObservation>,\n): string => {\n  const { observation } = event;\n\n  // Extract text content from the observation\n  const textContent = observation.content\n    .filter((c) => c.type === \"text\")\n    .map((c) => c.text)\n    .join(\"\\n\");\n\n  let content = `**Tool:** ${observation.tool_name}\\n\\n`;\n\n  if (observation.is_error) {\n    content += `**Error:**\\n${textContent}`;\n  } else {\n    content += `**Result:**\\n${textContent}`;\n  }\n\n  if (content.length > MAX_CONTENT_LENGTH) {\n    content = `${content.slice(0, MAX_CONTENT_LENGTH)}...`;\n  }\n\n  return content;\n};\n\n// Invoke-skill observations\nconst getInvokeSkillObservationContent = (\n  event: ObservationEvent<InvokeSkillObservation>,\n): string => {\n  const { observation } = event;\n\n  const textContent = observation.content\n    .filter((c) => c.type === \"text\")\n    .map((c) => c.text)\n    .join(\"\\n\");\n\n  const header = observation.skill_name\n    ? `**Skill:** \\`${observation.skill_name}\\`\\n\\n`\n    : \"\";\n  const body = observation.is_error\n    ? `**Error:**\\n${textContent}`\n    : textContent;\n\n  let content = `${header}${body}`;\n  if (content.length > MAX_CONTENT_LENGTH) {\n    content = `${content.slice(0, MAX_CONTENT_LENGTH)}...(truncated)`;\n  }\n  return content;\n};\n\n// Canvas UI observations — just surface the acknowledgement text.\nconst getCanvasUIObservationContent = (\n  event: ObservationEvent<CanvasUIObservation>,\n): string =>\n  event.observation.content\n    .filter((c) => c.type === \"text\")\n    .map((c) => c.text)\n    .join(\"\\n\");\n\nconst getSwitchLLMObservationContent = (\n  event: ObservationEvent<SwitchLLMObservation>,\n): string => {\n  const { observation } = event;\n\n  const textContent = observation.content\n    .filter((c) => c.type === \"text\")\n    .map((c) => c.text)\n    .join(\"\\n\");\n\n  if (observation.is_error) {\n    return textContent\n      ? `**Error:**\\n${textContent}`\n      : `**Error:**\\nFailed to switch LLM profile \\`${observation.profile_name}\\`.`;\n  }\n\n  const parts = [`**Profile:** \\`${observation.profile_name}\\``];\n  if (observation.active_model) {\n    parts.push(`**Active model:** \\`${observation.active_model}\\``);\n  }\n  if (observation.reason) {\n    parts.push(`**Reason:** ${observation.reason}`);\n  }\n\n  return parts.join(\"\\n\");\n};\n\n// Complex Observations\nconst getTaskTrackerObservationContent = (\n  event: ObservationEvent<TaskTrackerObservation>,\n): string => {\n  const { observation } = event;\n\n  const { command, task_list: taskList } = observation;\n  let content = `**Command:** \\`${command}\\``;\n\n  if (command === \"plan\" && taskList.length > 0) {\n    content += `\\n\\n**Task List (${taskList.length} ${taskList.length === 1 ? \"item\" : \"items\"}):**\\n`;\n\n    taskList.forEach((task, index: number) => {\n      const statusMap = {\n        todo: \"⏳\",\n        in_progress: \"🔄\",\n        done: \"✅\",\n      };\n      const statusIcon =\n        statusMap[task.status as keyof typeof statusMap] || \"❓\";\n\n      content += `\\n${index + 1}. ${statusIcon} **[${task.status.toUpperCase().replace(\"_\", \" \")}]** ${task.title}`;\n      if (task.notes) {\n        content += `\\n   *Notes: ${task.notes}*`;\n      }\n    });\n  } else if (command === \"plan\") {\n    content += \"\\n\\n**Task List:** Empty\";\n  }\n\n  if (\n    \"content\" in observation &&\n    observation.content &&\n    typeof observation.content === \"string\" &&\n    observation.content.trim()\n  ) {\n    content += `\\n\\n**Result:** ${observation.content.trim()}`;\n  }\n\n  return content;\n};\n\n// Simple Observations\nconst getThinkObservationContent = (\n  event: ObservationEvent<ThinkObservation>,\n): string => {\n  const { observation } = event;\n\n  const textContent = observation.content\n    .filter((c) => c.type === \"text\")\n    .map((c) => c.text)\n    .join(\"\\n\");\n\n  return textContent || \"\";\n};\n\nconst getFinishObservationContent = (\n  event: ObservationEvent<FinishObservation>,\n): string => {\n  const { observation } = event;\n\n  // Extract text content from the observation\n  const textContent = observation.content\n    .filter((c) => c.type === \"text\")\n    .map((c) => c.text)\n    .join(\"\\n\");\n\n  let content = \"\";\n\n  if (observation.is_error) {\n    content += `**Error:**\\n${textContent}`;\n  } else {\n    content += textContent;\n  }\n\n  return content;\n};\n\n// Glob Observations\nconst getGlobObservationContent = (\n  event: ObservationEvent<GlobObservation>,\n): string => {\n  const { observation } = event;\n\n  // Extract text content from the observation\n  const textContent = observation.content\n    .filter((c) => c.type === \"text\")\n    .map((c) => c.text)\n    .join(\"\\n\");\n\n  let content = `**Pattern:** \\`${observation.pattern}\\`\\n`;\n  content += `**Search Path:** \\`${observation.search_path}\\`\\n\\n`;\n\n  if (observation.is_error) {\n    content += `**Error:**\\n${textContent}`;\n  } else if (observation.files.length === 0) {\n    content += \"**Result:** No files found.\";\n  } else {\n    content += `**Files Found (${observation.files.length}${observation.truncated ? \"+, truncated\" : \"\"}):**\\n`;\n    content += observation.files.map((f) => `- \\`${f}\\``).join(\"\\n\");\n  }\n\n  if (content.length > MAX_CONTENT_LENGTH) {\n    content = `${content.slice(0, MAX_CONTENT_LENGTH)}...(truncated)`;\n  }\n\n  return content;\n};\n\n// Grep Observations\nconst getGrepObservationContent = (\n  event: ObservationEvent<GrepObservation>,\n): string => {\n  const { observation } = event;\n\n  // Extract text content from the observation\n  const textContent = observation.content\n    .filter((c) => c.type === \"text\")\n    .map((c) => c.text)\n    .join(\"\\n\");\n\n  let content = `**Pattern:** \\`${observation.pattern}\\`\\n`;\n  content += `**Search Path:** \\`${observation.search_path}\\`\\n`;\n  if (observation.include_pattern) {\n    content += `**Include:** \\`${observation.include_pattern}\\`\\n`;\n  }\n  content += \"\\n\";\n\n  if (observation.is_error) {\n    content += `**Error:**\\n${textContent}`;\n  } else if (observation.matches.length === 0) {\n    content += \"**Result:** No matches found.\";\n  } else {\n    content += `**Matches (${observation.matches.length}${observation.truncated ? \"+, truncated\" : \"\"}):**\\n`;\n    content += observation.matches.map((f) => `- \\`${f}\\``).join(\"\\n\");\n  }\n\n  if (content.length > MAX_CONTENT_LENGTH) {\n    content = `${content.slice(0, MAX_CONTENT_LENGTH)}...(truncated)`;\n  }\n\n  return content;\n};\n\nexport const getObservationContent = (event: ObservationEvent): string => {\n  const observationType = event.observation.kind;\n\n  switch (observationType) {\n    case \"FileEditorObservation\":\n    case \"StrReplaceEditorObservation\":\n      return getFileEditorObservationContent(\n        event as ObservationEvent<\n          FileEditorObservation | StrReplaceEditorObservation\n        >,\n      );\n\n    case \"ExecuteBashObservation\":\n    case \"TerminalObservation\":\n      return getTerminalObservationContent(\n        event as ObservationEvent<ExecuteBashObservation | TerminalObservation>,\n      );\n\n    case \"BrowserObservation\":\n      return getBrowserObservationContent(\n        event as ObservationEvent<BrowserObservation>,\n      );\n\n    case \"MCPToolObservation\":\n      return getMCPToolObservationContent(\n        event as ObservationEvent<MCPToolObservation>,\n      );\n\n    case \"TaskTrackerObservation\":\n      return getTaskTrackerObservationContent(\n        event as ObservationEvent<TaskTrackerObservation>,\n      );\n\n    case \"ThinkObservation\":\n      return getThinkObservationContent(\n        event as ObservationEvent<ThinkObservation>,\n      );\n\n    case \"FinishObservation\":\n      return getFinishObservationContent(\n        event as ObservationEvent<FinishObservation>,\n      );\n\n    case \"GlobObservation\":\n      return getGlobObservationContent(\n        event as ObservationEvent<GlobObservation>,\n      );\n\n    case \"GrepObservation\":\n      return getGrepObservationContent(\n        event as ObservationEvent<GrepObservation>,\n      );\n\n    case \"InvokeSkillObservation\":\n      return getInvokeSkillObservationContent(\n        event as ObservationEvent<InvokeSkillObservation>,\n      );\n\n    case \"CanvasUIObservation\":\n      return getCanvasUIObservationContent(\n        event as ObservationEvent<CanvasUIObservation>,\n      );\n\n    case \"ClientToolObservation\":\n      return event.tool_name === CANVAS_UI_CLIENT_TOOL_NAME\n        ? getCanvasUIObservationContent(\n            event as ObservationEvent<CanvasUIObservation>,\n          )\n        : getDefaultEventContent(event);\n\n    case \"SwitchLLMObservation\":\n      return getSwitchLLMObservationContent(\n        event as ObservationEvent<SwitchLLMObservation>,\n      );\n\n    default:\n      return getDefaultEventContent(event);\n  }\n};\n"],"mappings":"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"}

package/dist/components/conversation-events/chat/event-content-helpers/get-observation-content.js

@@ -1,5 +1,6 @@
 import { I18nKey as e } from "../../../../i18n/declaration.js";
 import t from "../../../../i18n/index.js";
+import "../../../../constants/canvas-ui.js";
 import { MAX_CONTENT_LENGTH as n, getDefaultEventContent as r } from "./shared.js";
 import { getObservationResult as i } from "./get-observation-result.js";
 //#region src/components/conversation-events/chat/event-content-helpers/get-observation-content.ts
@@ -64,6 +65,7 @@ var a = (e) => {
 		case "GrepObservation": return g(e);
 		case "InvokeSkillObservation": return l(e);
 		case "CanvasUIObservation": return u(e);
+		case "ClientToolObservation": return e.tool_name === "canvas_ui_control" ? u(e) : r(e);
 		case "SwitchLLMObservation": return d(e);
 		default: return r(e);
 	}

package/dist/components/conversation-events/chat/event-content-helpers/get-observation-content.js.map

@@ -1 +1 @@
-{"version":3,"file":"get-observation-content.js","names":[],"sources":["../../../../../src/components/conversation-events/chat/event-content-helpers/get-observation-content.ts"],"sourcesContent":["import { ObservationEvent } from \"#/types/agent-server/core\";\nimport { getObservationResult } from \"./get-observation-result\";\nimport { getDefaultEventContent, MAX_CONTENT_LENGTH } from \"./shared\";\nimport i18n from \"#/i18n\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport {\n  MCPToolObservation,\n  FinishObservation,\n  ThinkObservation,\n  BrowserObservation,\n  ExecuteBashObservation,\n  TerminalObservation,\n  FileEditorObservation,\n  StrReplaceEditorObservation,\n  TaskTrackerObservation,\n  GlobObservation,\n  GrepObservation,\n  InvokeSkillObservation,\n  CanvasUIObservation,\n  SwitchLLMObservation,\n} from \"#/types/agent-server/core/base/observation\";\n\n// File Editor Observations\nconst getFileEditorObservationContent = (\n  event: ObservationEvent<FileEditorObservation | StrReplaceEditorObservation>,\n): string => {\n  const { observation } = event;\n\n  if (observation.error) {\n    return `**Error:**\\n${observation.error}`;\n  }\n\n  // Extract text content from the observation if it exists\n  const textContent =\n    \"content\" in observation && Array.isArray(observation.content)\n      ? observation.content\n          .filter((c) => c.type === \"text\")\n          .map((c) => c.text)\n          .join(\"\\n\")\n      : null;\n\n  const successMessage = getObservationResult(event) === \"success\";\n\n  // For view commands or successful edits with content changes, format as code block\n  if (\n    (successMessage &&\n      \"old_content\" in observation &&\n      \"new_content\" in observation &&\n      observation.old_content &&\n      observation.new_content) ||\n    observation.command === \"view\"\n  ) {\n    // Prefer content over output for view commands, fallback to output if content is not available\n    const displayContent = textContent || observation.output;\n    return `\\`\\`\\`\\n${displayContent}\\n\\`\\`\\``;\n  }\n\n  // For other commands, prefer content if available, otherwise use output\n  return textContent || observation.output;\n};\n\n// Command Observations\nconst getTerminalObservationContent = (\n  event: ObservationEvent<ExecuteBashObservation | TerminalObservation>,\n): string => {\n  const { observation } = event;\n\n  // Extract text content from the observation\n  const textContent = observation.content\n    .filter((c) => c.type === \"text\")\n    .map((c) => c.text)\n    .join(\"\\n\");\n\n  let content = textContent || \"\";\n\n  if (content.length > MAX_CONTENT_LENGTH) {\n    content = `${content.slice(0, MAX_CONTENT_LENGTH)}...`;\n  }\n\n  // Build the output string\n  let output = \"\";\n\n  // Display the command if available\n  if (observation.command) {\n    output += `Command: \\`${observation.command}\\`\\n\\n`;\n  }\n\n  // Display the output\n  output += `Output:\\n\\`\\`\\`sh\\n${content.trim() || i18n.t(I18nKey.OBSERVATION$COMMAND_NO_OUTPUT)}\\n\\`\\`\\``;\n\n  return output;\n};\n\n// Tool Observations\nconst getBrowserObservationContent = (\n  event: ObservationEvent<BrowserObservation>,\n): string => {\n  const { observation } = event;\n\n  // Extract text content from the observation\n  const textContent =\n    \"content\" in observation && Array.isArray(observation.content)\n      ? observation.content\n          .filter((c) => c.type === \"text\")\n          .map((c) => c.text)\n          .join(\"\\n\")\n      : observation.output || \"\";\n\n  let contentDetails = \"\";\n\n  if (observation.error) {\n    contentDetails += `**Error:**\\n${observation.error}`;\n  } else if (textContent) {\n    contentDetails += `**Output:**\\n${textContent}`;\n  } else {\n    contentDetails += \"Browser action completed successfully.\";\n  }\n\n  if (contentDetails.length > MAX_CONTENT_LENGTH) {\n    contentDetails = `${contentDetails.slice(0, MAX_CONTENT_LENGTH)}...(truncated)`;\n  }\n\n  return contentDetails;\n};\n\nconst getMCPToolObservationContent = (\n  event: ObservationEvent<MCPToolObservation>,\n): string => {\n  const { observation } = event;\n\n  // Extract text content from the observation\n  const textContent = observation.content\n    .filter((c) => c.type === \"text\")\n    .map((c) => c.text)\n    .join(\"\\n\");\n\n  let content = `**Tool:** ${observation.tool_name}\\n\\n`;\n\n  if (observation.is_error) {\n    content += `**Error:**\\n${textContent}`;\n  } else {\n    content += `**Result:**\\n${textContent}`;\n  }\n\n  if (content.length > MAX_CONTENT_LENGTH) {\n    content = `${content.slice(0, MAX_CONTENT_LENGTH)}...`;\n  }\n\n  return content;\n};\n\n// Invoke-skill observations\nconst getInvokeSkillObservationContent = (\n  event: ObservationEvent<InvokeSkillObservation>,\n): string => {\n  const { observation } = event;\n\n  const textContent = observation.content\n    .filter((c) => c.type === \"text\")\n    .map((c) => c.text)\n    .join(\"\\n\");\n\n  const header = observation.skill_name\n    ? `**Skill:** \\`${observation.skill_name}\\`\\n\\n`\n    : \"\";\n  const body = observation.is_error\n    ? `**Error:**\\n${textContent}`\n    : textContent;\n\n  let content = `${header}${body}`;\n  if (content.length > MAX_CONTENT_LENGTH) {\n    content = `${content.slice(0, MAX_CONTENT_LENGTH)}...(truncated)`;\n  }\n  return content;\n};\n\n// Canvas UI observations — just surface the acknowledgement text.\nconst getCanvasUIObservationContent = (\n  event: ObservationEvent<CanvasUIObservation>,\n): string =>\n  event.observation.content\n    .filter((c) => c.type === \"text\")\n    .map((c) => c.text)\n    .join(\"\\n\");\n\nconst getSwitchLLMObservationContent = (\n  event: ObservationEvent<SwitchLLMObservation>,\n): string => {\n  const { observation } = event;\n\n  const textContent = observation.content\n    .filter((c) => c.type === \"text\")\n    .map((c) => c.text)\n    .join(\"\\n\");\n\n  if (observation.is_error) {\n    return textContent\n      ? `**Error:**\\n${textContent}`\n      : `**Error:**\\nFailed to switch LLM profile \\`${observation.profile_name}\\`.`;\n  }\n\n  const parts = [`**Profile:** \\`${observation.profile_name}\\``];\n  if (observation.active_model) {\n    parts.push(`**Active model:** \\`${observation.active_model}\\``);\n  }\n  if (observation.reason) {\n    parts.push(`**Reason:** ${observation.reason}`);\n  }\n\n  return parts.join(\"\\n\");\n};\n\n// Complex Observations\nconst getTaskTrackerObservationContent = (\n  event: ObservationEvent<TaskTrackerObservation>,\n): string => {\n  const { observation } = event;\n\n  const { command, task_list: taskList } = observation;\n  let content = `**Command:** \\`${command}\\``;\n\n  if (command === \"plan\" && taskList.length > 0) {\n    content += `\\n\\n**Task List (${taskList.length} ${taskList.length === 1 ? \"item\" : \"items\"}):**\\n`;\n\n    taskList.forEach((task, index: number) => {\n      const statusMap = {\n        todo: \"⏳\",\n        in_progress: \"🔄\",\n        done: \"✅\",\n      };\n      const statusIcon =\n        statusMap[task.status as keyof typeof statusMap] || \"❓\";\n\n      content += `\\n${index + 1}. ${statusIcon} **[${task.status.toUpperCase().replace(\"_\", \" \")}]** ${task.title}`;\n      if (task.notes) {\n        content += `\\n   *Notes: ${task.notes}*`;\n      }\n    });\n  } else if (command === \"plan\") {\n    content += \"\\n\\n**Task List:** Empty\";\n  }\n\n  if (\n    \"content\" in observation &&\n    observation.content &&\n    typeof observation.content === \"string\" &&\n    observation.content.trim()\n  ) {\n    content += `\\n\\n**Result:** ${observation.content.trim()}`;\n  }\n\n  return content;\n};\n\n// Simple Observations\nconst getThinkObservationContent = (\n  event: ObservationEvent<ThinkObservation>,\n): string => {\n  const { observation } = event;\n\n  const textContent = observation.content\n    .filter((c) => c.type === \"text\")\n    .map((c) => c.text)\n    .join(\"\\n\");\n\n  return textContent || \"\";\n};\n\nconst getFinishObservationContent = (\n  event: ObservationEvent<FinishObservation>,\n): string => {\n  const { observation } = event;\n\n  // Extract text content from the observation\n  const textContent = observation.content\n    .filter((c) => c.type === \"text\")\n    .map((c) => c.text)\n    .join(\"\\n\");\n\n  let content = \"\";\n\n  if (observation.is_error) {\n    content += `**Error:**\\n${textContent}`;\n  } else {\n    content += textContent;\n  }\n\n  return content;\n};\n\n// Glob Observations\nconst getGlobObservationContent = (\n  event: ObservationEvent<GlobObservation>,\n): string => {\n  const { observation } = event;\n\n  // Extract text content from the observation\n  const textContent = observation.content\n    .filter((c) => c.type === \"text\")\n    .map((c) => c.text)\n    .join(\"\\n\");\n\n  let content = `**Pattern:** \\`${observation.pattern}\\`\\n`;\n  content += `**Search Path:** \\`${observation.search_path}\\`\\n\\n`;\n\n  if (observation.is_error) {\n    content += `**Error:**\\n${textContent}`;\n  } else if (observation.files.length === 0) {\n    content += \"**Result:** No files found.\";\n  } else {\n    content += `**Files Found (${observation.files.length}${observation.truncated ? \"+, truncated\" : \"\"}):**\\n`;\n    content += observation.files.map((f) => `- \\`${f}\\``).join(\"\\n\");\n  }\n\n  if (content.length > MAX_CONTENT_LENGTH) {\n    content = `${content.slice(0, MAX_CONTENT_LENGTH)}...(truncated)`;\n  }\n\n  return content;\n};\n\n// Grep Observations\nconst getGrepObservationContent = (\n  event: ObservationEvent<GrepObservation>,\n): string => {\n  const { observation } = event;\n\n  // Extract text content from the observation\n  const textContent = observation.content\n    .filter((c) => c.type === \"text\")\n    .map((c) => c.text)\n    .join(\"\\n\");\n\n  let content = `**Pattern:** \\`${observation.pattern}\\`\\n`;\n  content += `**Search Path:** \\`${observation.search_path}\\`\\n`;\n  if (observation.include_pattern) {\n    content += `**Include:** \\`${observation.include_pattern}\\`\\n`;\n  }\n  content += \"\\n\";\n\n  if (observation.is_error) {\n    content += `**Error:**\\n${textContent}`;\n  } else if (observation.matches.length === 0) {\n    content += \"**Result:** No matches found.\";\n  } else {\n    content += `**Matches (${observation.matches.length}${observation.truncated ? \"+, truncated\" : \"\"}):**\\n`;\n    content += observation.matches.map((f) => `- \\`${f}\\``).join(\"\\n\");\n  }\n\n  if (content.length > MAX_CONTENT_LENGTH) {\n    content = `${content.slice(0, MAX_CONTENT_LENGTH)}...(truncated)`;\n  }\n\n  return content;\n};\n\nexport const getObservationContent = (event: ObservationEvent): string => {\n  const observationType = event.observation.kind;\n\n  switch (observationType) {\n    case \"FileEditorObservation\":\n    case \"StrReplaceEditorObservation\":\n      return getFileEditorObservationContent(\n        event as ObservationEvent<\n          FileEditorObservation | StrReplaceEditorObservation\n        >,\n      );\n\n    case \"ExecuteBashObservation\":\n    case \"TerminalObservation\":\n      return getTerminalObservationContent(\n        event as ObservationEvent<ExecuteBashObservation | TerminalObservation>,\n      );\n\n    case \"BrowserObservation\":\n      return getBrowserObservationContent(\n        event as ObservationEvent<BrowserObservation>,\n      );\n\n    case \"MCPToolObservation\":\n      return getMCPToolObservationContent(\n        event as ObservationEvent<MCPToolObservation>,\n      );\n\n    case \"TaskTrackerObservation\":\n      return getTaskTrackerObservationContent(\n        event as ObservationEvent<TaskTrackerObservation>,\n      );\n\n    case \"ThinkObservation\":\n      return getThinkObservationContent(\n        event as ObservationEvent<ThinkObservation>,\n      );\n\n    case \"FinishObservation\":\n      return getFinishObservationContent(\n        event as ObservationEvent<FinishObservation>,\n      );\n\n    case \"GlobObservation\":\n      return getGlobObservationContent(\n        event as ObservationEvent<GlobObservation>,\n      );\n\n    case \"GrepObservation\":\n      return getGrepObservationContent(\n        event as ObservationEvent<GrepObservation>,\n      );\n\n    case \"InvokeSkillObservation\":\n      return getInvokeSkillObservationContent(\n        event as ObservationEvent<InvokeSkillObservation>,\n      );\n\n    case \"CanvasUIObservation\":\n      return getCanvasUIObservationContent(\n        event as ObservationEvent<CanvasUIObservation>,\n      );\n\n    case \"SwitchLLMObservation\":\n      return getSwitchLLMObservationContent(\n        event as ObservationEvent<SwitchLLMObservation>,\n      );\n\n    default:\n      return getDefaultEventContent(event);\n  }\n};\n"],"mappings":";;;;;AAuBA,IAAM,KACJ,MACW;CACX,IAAM,EAAE,mBAAgB;AAExB,KAAI,EAAY,MACd,QAAO,eAAe,EAAY;CAIpC,IAAM,IACJ,aAAa,KAAe,MAAM,QAAQ,EAAY,QAAQ,GAC1D,EAAY,QACT,QAAQ,MAAM,EAAE,SAAS,OAAO,CAChC,KAAK,MAAM,EAAE,KAAK,CAClB,KAAK,KAAK,GACb;AAmBN,QAjBuB,EAAqB,EAAM,KAAK,aAKnD,iBAAiB,KACjB,iBAAiB,KACjB,EAAY,eACZ,EAAY,eACd,EAAY,YAAY,SAIjB,WADgB,KAAe,EAAY,OACjB,YAI5B,KAAe,EAAY;GAI9B,KACJ,MACW;CACX,IAAM,EAAE,mBAAgB,GAQpB,IALgB,EAAY,QAC7B,QAAQ,MAAM,EAAE,SAAS,OAAO,CAChC,KAAK,MAAM,EAAE,KAAK,CAClB,KAAK,KAEM,IAAe;AAE7B,CAAI,EAAQ,SAAA,QACV,IAAU,GAAG,EAAQ,MAAM,GAAG,EAAmB,CAAC;CAIpD,IAAI,IAAS;AAUb,QAPI,EAAY,YACd,KAAU,cAAc,EAAY,QAAQ,UAI9C,KAAU,sBAAsB,EAAQ,MAAM,IAAI,EAAK,EAAE,EAAQ,8BAA8B,CAAC,WAEzF;GAIH,KACJ,MACW;CACX,IAAM,EAAE,mBAAgB,GAGlB,IACJ,aAAa,KAAe,MAAM,QAAQ,EAAY,QAAQ,GAC1D,EAAY,QACT,QAAQ,MAAM,EAAE,SAAS,OAAO,CAChC,KAAK,MAAM,EAAE,KAAK,CAClB,KAAK,KAAK,GACb,EAAY,UAAU,IAExB,IAAiB;AAcrB,QAZI,EAAY,QACd,KAAkB,eAAe,EAAY,UACpC,IACT,KAAkB,gBAAgB,MAElC,KAAkB,0CAGhB,EAAe,SAAA,QACjB,IAAiB,GAAG,EAAe,MAAM,GAAG,EAAmB,CAAC,kBAG3D;GAGH,KACJ,MACW;CACX,IAAM,EAAE,mBAAgB,GAGlB,IAAc,EAAY,QAC7B,QAAQ,MAAM,EAAE,SAAS,OAAO,CAChC,KAAK,MAAM,EAAE,KAAK,CAClB,KAAK,KAAK,EAET,IAAU,aAAa,EAAY,UAAU;AAYjD,QAVI,EAAY,WACd,KAAW,eAAe,MAE1B,KAAW,gBAAgB,KAGzB,EAAQ,SAAA,QACV,IAAU,GAAG,EAAQ,MAAM,GAAG,EAAmB,CAAC,OAG7C;GAIH,KACJ,MACW;CACX,IAAM,EAAE,mBAAgB,GAElB,IAAc,EAAY,QAC7B,QAAQ,MAAM,EAAE,SAAS,OAAO,CAChC,KAAK,MAAM,EAAE,KAAK,CAClB,KAAK,KAAK,EAST,IAAU,GAPC,EAAY,aACvB,gBAAgB,EAAY,WAAW,UACvC,KACS,EAAY,WACrB,eAAe,MACf;AAMJ,QAHI,EAAQ,SAAA,QACV,IAAU,GAAG,EAAQ,MAAM,GAAG,EAAmB,CAAC,kBAE7C;GAIH,KACJ,MAEA,EAAM,YAAY,QACf,QAAQ,MAAM,EAAE,SAAS,OAAO,CAChC,KAAK,MAAM,EAAE,KAAK,CAClB,KAAK,KAAK,EAET,KACJ,MACW;CACX,IAAM,EAAE,mBAAgB,GAElB,IAAc,EAAY,QAC7B,QAAQ,MAAM,EAAE,SAAS,OAAO,CAChC,KAAK,MAAM,EAAE,KAAK,CAClB,KAAK,KAAK;AAEb,KAAI,EAAY,SACd,QAAO,IACH,eAAe,MACf,8CAA8C,EAAY,aAAa;CAG7E,IAAM,IAAQ,CAAC,kBAAkB,EAAY,aAAa,IAAI;AAQ9D,QAPI,EAAY,gBACd,EAAM,KAAK,uBAAuB,EAAY,aAAa,IAAI,EAE7D,EAAY,UACd,EAAM,KAAK,eAAe,EAAY,SAAS,EAG1C,EAAM,KAAK,KAAK;GAInB,KACJ,MACW;CACX,IAAM,EAAE,mBAAgB,GAElB,EAAE,YAAS,WAAW,MAAa,GACrC,IAAU,kBAAkB,EAAQ;AAgCxC,QA9BI,MAAY,UAAU,EAAS,SAAS,KAC1C,KAAW,oBAAoB,EAAS,OAAO,GAAG,EAAS,WAAW,IAAI,SAAS,QAAQ,SAE3F,EAAS,SAAS,GAAM,MAAkB;EAMxC,IAAM,IACJ;GALA,MAAM;GACN,aAAa;GACb,MAAM;GAGN,CAAU,EAAK,WAAqC;AAGtD,EADA,KAAW,KAAK,IAAQ,EAAE,IAAI,EAAW,MAAM,EAAK,OAAO,aAAa,CAAC,QAAQ,KAAK,IAAI,CAAC,MAAM,EAAK,SAClG,EAAK,UACP,KAAW,gBAAgB,EAAK,MAAM;GAExC,IACO,MAAY,WACrB,KAAW,6BAIX,aAAa,KACb,EAAY,WACZ,OAAO,EAAY,WAAY,YAC/B,EAAY,QAAQ,MAAM,KAE1B,KAAW,mBAAmB,EAAY,QAAQ,MAAM,KAGnD;GAIH,KACJ,MACW;CACX,IAAM,EAAE,mBAAgB;AAOxB,QALoB,EAAY,QAC7B,QAAQ,MAAM,EAAE,SAAS,OAAO,CAChC,KAAK,MAAM,EAAE,KAAK,CAClB,KAAK,KAED,IAAe;GAGlB,KACJ,MACW;CACX,IAAM,EAAE,mBAAgB,GAGlB,IAAc,EAAY,QAC7B,QAAQ,MAAM,EAAE,SAAS,OAAO,CAChC,KAAK,MAAM,EAAE,KAAK,CAClB,KAAK,KAAK,EAET,IAAU;AAQd,QANI,EAAY,WACd,KAAW,eAAe,MAE1B,KAAW,GAGN;GAIH,KACJ,MACW;CACX,IAAM,EAAE,mBAAgB,GAGlB,IAAc,EAAY,QAC7B,QAAQ,MAAM,EAAE,SAAS,OAAO,CAChC,KAAK,MAAM,EAAE,KAAK,CAClB,KAAK,KAAK,EAET,IAAU,kBAAkB,EAAY,QAAQ;AAgBpD,QAfA,KAAW,sBAAsB,EAAY,YAAY,SAErD,EAAY,WACd,KAAW,eAAe,MACjB,EAAY,MAAM,WAAW,IACtC,KAAW,iCAEX,KAAW,kBAAkB,EAAY,MAAM,SAAS,EAAY,YAAY,iBAAiB,GAAG,SACpG,KAAW,EAAY,MAAM,KAAK,MAAM,OAAO,EAAE,IAAI,CAAC,KAAK,KAAK,GAG9D,EAAQ,SAAA,QACV,IAAU,GAAG,EAAQ,MAAM,GAAG,EAAmB,CAAC,kBAG7C;GAIH,KACJ,MACW;CACX,IAAM,EAAE,mBAAgB,GAGlB,IAAc,EAAY,QAC7B,QAAQ,MAAM,EAAE,SAAS,OAAO,CAChC,KAAK,MAAM,EAAE,KAAK,CAClB,KAAK,KAAK,EAET,IAAU,kBAAkB,EAAY,QAAQ;AAoBpD,QAnBA,KAAW,sBAAsB,EAAY,YAAY,OACrD,EAAY,oBACd,KAAW,kBAAkB,EAAY,gBAAgB,QAE3D,KAAW,MAEP,EAAY,WACd,KAAW,eAAe,MACjB,EAAY,QAAQ,WAAW,IACxC,KAAW,mCAEX,KAAW,cAAc,EAAY,QAAQ,SAAS,EAAY,YAAY,iBAAiB,GAAG,SAClG,KAAW,EAAY,QAAQ,KAAK,MAAM,OAAO,EAAE,IAAI,CAAC,KAAK,KAAK,GAGhE,EAAQ,SAAA,QACV,IAAU,GAAG,EAAQ,MAAM,GAAG,EAAmB,CAAC,kBAG7C;GAGI,KAAyB,MAAoC;AAGxE,SAFwB,EAAM,YAAY,MAE1C;EACE,KAAK;EACL,KAAK,8BACH,QAAO,EACL,EAGD;EAEH,KAAK;EACL,KAAK,sBACH,QAAO,EACL,EACD;EAEH,KAAK,qBACH,QAAO,EACL,EACD;EAEH,KAAK,qBACH,QAAO,EACL,EACD;EAEH,KAAK,yBACH,QAAO,EACL,EACD;EAEH,KAAK,mBACH,QAAO,EACL,EACD;EAEH,KAAK,oBACH,QAAO,EACL,EACD;EAEH,KAAK,kBACH,QAAO,EACL,EACD;EAEH,KAAK,kBACH,QAAO,EACL,EACD;EAEH,KAAK,yBACH,QAAO,EACL,EACD;EAEH,KAAK,sBACH,QAAO,EACL,EACD;EAEH,KAAK,uBACH,QAAO,EACL,EACD;EAEH,QACE,QAAO,EAAuB,EAAM"}
+{"version":3,"file":"get-observation-content.js","names":[],"sources":["../../../../../src/components/conversation-events/chat/event-content-helpers/get-observation-content.ts"],"sourcesContent":["import { CANVAS_UI_CLIENT_TOOL_NAME } from \"#/constants/canvas-ui\";\nimport { ObservationEvent } from \"#/types/agent-server/core\";\nimport { getObservationResult } from \"./get-observation-result\";\nimport { getDefaultEventContent, MAX_CONTENT_LENGTH } from \"./shared\";\nimport i18n from \"#/i18n\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport {\n  MCPToolObservation,\n  FinishObservation,\n  ThinkObservation,\n  BrowserObservation,\n  ExecuteBashObservation,\n  TerminalObservation,\n  FileEditorObservation,\n  StrReplaceEditorObservation,\n  TaskTrackerObservation,\n  GlobObservation,\n  GrepObservation,\n  InvokeSkillObservation,\n  CanvasUIObservation,\n  SwitchLLMObservation,\n} from \"#/types/agent-server/core/base/observation\";\n\n// File Editor Observations\nconst getFileEditorObservationContent = (\n  event: ObservationEvent<FileEditorObservation | StrReplaceEditorObservation>,\n): string => {\n  const { observation } = event;\n\n  if (observation.error) {\n    return `**Error:**\\n${observation.error}`;\n  }\n\n  // Extract text content from the observation if it exists\n  const textContent =\n    \"content\" in observation && Array.isArray(observation.content)\n      ? observation.content\n          .filter((c) => c.type === \"text\")\n          .map((c) => c.text)\n          .join(\"\\n\")\n      : null;\n\n  const successMessage = getObservationResult(event) === \"success\";\n\n  // For view commands or successful edits with content changes, format as code block\n  if (\n    (successMessage &&\n      \"old_content\" in observation &&\n      \"new_content\" in observation &&\n      observation.old_content &&\n      observation.new_content) ||\n    observation.command === \"view\"\n  ) {\n    // Prefer content over output for view commands, fallback to output if content is not available\n    const displayContent = textContent || observation.output;\n    return `\\`\\`\\`\\n${displayContent}\\n\\`\\`\\``;\n  }\n\n  // For other commands, prefer content if available, otherwise use output\n  return textContent || observation.output;\n};\n\n// Command Observations\nconst getTerminalObservationContent = (\n  event: ObservationEvent<ExecuteBashObservation | TerminalObservation>,\n): string => {\n  const { observation } = event;\n\n  // Extract text content from the observation\n  const textContent = observation.content\n    .filter((c) => c.type === \"text\")\n    .map((c) => c.text)\n    .join(\"\\n\");\n\n  let content = textContent || \"\";\n\n  if (content.length > MAX_CONTENT_LENGTH) {\n    content = `${content.slice(0, MAX_CONTENT_LENGTH)}...`;\n  }\n\n  // Build the output string\n  let output = \"\";\n\n  // Display the command if available\n  if (observation.command) {\n    output += `Command: \\`${observation.command}\\`\\n\\n`;\n  }\n\n  // Display the output\n  output += `Output:\\n\\`\\`\\`sh\\n${content.trim() || i18n.t(I18nKey.OBSERVATION$COMMAND_NO_OUTPUT)}\\n\\`\\`\\``;\n\n  return output;\n};\n\n// Tool Observations\nconst getBrowserObservationContent = (\n  event: ObservationEvent<BrowserObservation>,\n): string => {\n  const { observation } = event;\n\n  // Extract text content from the observation\n  const textContent =\n    \"content\" in observation && Array.isArray(observation.content)\n      ? observation.content\n          .filter((c) => c.type === \"text\")\n          .map((c) => c.text)\n          .join(\"\\n\")\n      : observation.output || \"\";\n\n  let contentDetails = \"\";\n\n  if (observation.error) {\n    contentDetails += `**Error:**\\n${observation.error}`;\n  } else if (textContent) {\n    contentDetails += `**Output:**\\n${textContent}`;\n  } else {\n    contentDetails += \"Browser action completed successfully.\";\n  }\n\n  if (contentDetails.length > MAX_CONTENT_LENGTH) {\n    contentDetails = `${contentDetails.slice(0, MAX_CONTENT_LENGTH)}...(truncated)`;\n  }\n\n  return contentDetails;\n};\n\nconst getMCPToolObservationContent = (\n  event: ObservationEvent<MCPToolObservation>,\n): string => {\n  const { observation } = event;\n\n  // Extract text content from the observation\n  const textContent = observation.content\n    .filter((c) => c.type === \"text\")\n    .map((c) => c.text)\n    .join(\"\\n\");\n\n  let content = `**Tool:** ${observation.tool_name}\\n\\n`;\n\n  if (observation.is_error) {\n    content += `**Error:**\\n${textContent}`;\n  } else {\n    content += `**Result:**\\n${textContent}`;\n  }\n\n  if (content.length > MAX_CONTENT_LENGTH) {\n    content = `${content.slice(0, MAX_CONTENT_LENGTH)}...`;\n  }\n\n  return content;\n};\n\n// Invoke-skill observations\nconst getInvokeSkillObservationContent = (\n  event: ObservationEvent<InvokeSkillObservation>,\n): string => {\n  const { observation } = event;\n\n  const textContent = observation.content\n    .filter((c) => c.type === \"text\")\n    .map((c) => c.text)\n    .join(\"\\n\");\n\n  const header = observation.skill_name\n    ? `**Skill:** \\`${observation.skill_name}\\`\\n\\n`\n    : \"\";\n  const body = observation.is_error\n    ? `**Error:**\\n${textContent}`\n    : textContent;\n\n  let content = `${header}${body}`;\n  if (content.length > MAX_CONTENT_LENGTH) {\n    content = `${content.slice(0, MAX_CONTENT_LENGTH)}...(truncated)`;\n  }\n  return content;\n};\n\n// Canvas UI observations — just surface the acknowledgement text.\nconst getCanvasUIObservationContent = (\n  event: ObservationEvent<CanvasUIObservation>,\n): string =>\n  event.observation.content\n    .filter((c) => c.type === \"text\")\n    .map((c) => c.text)\n    .join(\"\\n\");\n\nconst getSwitchLLMObservationContent = (\n  event: ObservationEvent<SwitchLLMObservation>,\n): string => {\n  const { observation } = event;\n\n  const textContent = observation.content\n    .filter((c) => c.type === \"text\")\n    .map((c) => c.text)\n    .join(\"\\n\");\n\n  if (observation.is_error) {\n    return textContent\n      ? `**Error:**\\n${textContent}`\n      : `**Error:**\\nFailed to switch LLM profile \\`${observation.profile_name}\\`.`;\n  }\n\n  const parts = [`**Profile:** \\`${observation.profile_name}\\``];\n  if (observation.active_model) {\n    parts.push(`**Active model:** \\`${observation.active_model}\\``);\n  }\n  if (observation.reason) {\n    parts.push(`**Reason:** ${observation.reason}`);\n  }\n\n  return parts.join(\"\\n\");\n};\n\n// Complex Observations\nconst getTaskTrackerObservationContent = (\n  event: ObservationEvent<TaskTrackerObservation>,\n): string => {\n  const { observation } = event;\n\n  const { command, task_list: taskList } = observation;\n  let content = `**Command:** \\`${command}\\``;\n\n  if (command === \"plan\" && taskList.length > 0) {\n    content += `\\n\\n**Task List (${taskList.length} ${taskList.length === 1 ? \"item\" : \"items\"}):**\\n`;\n\n    taskList.forEach((task, index: number) => {\n      const statusMap = {\n        todo: \"⏳\",\n        in_progress: \"🔄\",\n        done: \"✅\",\n      };\n      const statusIcon =\n        statusMap[task.status as keyof typeof statusMap] || \"❓\";\n\n      content += `\\n${index + 1}. ${statusIcon} **[${task.status.toUpperCase().replace(\"_\", \" \")}]** ${task.title}`;\n      if (task.notes) {\n        content += `\\n   *Notes: ${task.notes}*`;\n      }\n    });\n  } else if (command === \"plan\") {\n    content += \"\\n\\n**Task List:** Empty\";\n  }\n\n  if (\n    \"content\" in observation &&\n    observation.content &&\n    typeof observation.content === \"string\" &&\n    observation.content.trim()\n  ) {\n    content += `\\n\\n**Result:** ${observation.content.trim()}`;\n  }\n\n  return content;\n};\n\n// Simple Observations\nconst getThinkObservationContent = (\n  event: ObservationEvent<ThinkObservation>,\n): string => {\n  const { observation } = event;\n\n  const textContent = observation.content\n    .filter((c) => c.type === \"text\")\n    .map((c) => c.text)\n    .join(\"\\n\");\n\n  return textContent || \"\";\n};\n\nconst getFinishObservationContent = (\n  event: ObservationEvent<FinishObservation>,\n): string => {\n  const { observation } = event;\n\n  // Extract text content from the observation\n  const textContent = observation.content\n    .filter((c) => c.type === \"text\")\n    .map((c) => c.text)\n    .join(\"\\n\");\n\n  let content = \"\";\n\n  if (observation.is_error) {\n    content += `**Error:**\\n${textContent}`;\n  } else {\n    content += textContent;\n  }\n\n  return content;\n};\n\n// Glob Observations\nconst getGlobObservationContent = (\n  event: ObservationEvent<GlobObservation>,\n): string => {\n  const { observation } = event;\n\n  // Extract text content from the observation\n  const textContent = observation.content\n    .filter((c) => c.type === \"text\")\n    .map((c) => c.text)\n    .join(\"\\n\");\n\n  let content = `**Pattern:** \\`${observation.pattern}\\`\\n`;\n  content += `**Search Path:** \\`${observation.search_path}\\`\\n\\n`;\n\n  if (observation.is_error) {\n    content += `**Error:**\\n${textContent}`;\n  } else if (observation.files.length === 0) {\n    content += \"**Result:** No files found.\";\n  } else {\n    content += `**Files Found (${observation.files.length}${observation.truncated ? \"+, truncated\" : \"\"}):**\\n`;\n    content += observation.files.map((f) => `- \\`${f}\\``).join(\"\\n\");\n  }\n\n  if (content.length > MAX_CONTENT_LENGTH) {\n    content = `${content.slice(0, MAX_CONTENT_LENGTH)}...(truncated)`;\n  }\n\n  return content;\n};\n\n// Grep Observations\nconst getGrepObservationContent = (\n  event: ObservationEvent<GrepObservation>,\n): string => {\n  const { observation } = event;\n\n  // Extract text content from the observation\n  const textContent = observation.content\n    .filter((c) => c.type === \"text\")\n    .map((c) => c.text)\n    .join(\"\\n\");\n\n  let content = `**Pattern:** \\`${observation.pattern}\\`\\n`;\n  content += `**Search Path:** \\`${observation.search_path}\\`\\n`;\n  if (observation.include_pattern) {\n    content += `**Include:** \\`${observation.include_pattern}\\`\\n`;\n  }\n  content += \"\\n\";\n\n  if (observation.is_error) {\n    content += `**Error:**\\n${textContent}`;\n  } else if (observation.matches.length === 0) {\n    content += \"**Result:** No matches found.\";\n  } else {\n    content += `**Matches (${observation.matches.length}${observation.truncated ? \"+, truncated\" : \"\"}):**\\n`;\n    content += observation.matches.map((f) => `- \\`${f}\\``).join(\"\\n\");\n  }\n\n  if (content.length > MAX_CONTENT_LENGTH) {\n    content = `${content.slice(0, MAX_CONTENT_LENGTH)}...(truncated)`;\n  }\n\n  return content;\n};\n\nexport const getObservationContent = (event: ObservationEvent): string => {\n  const observationType = event.observation.kind;\n\n  switch (observationType) {\n    case \"FileEditorObservation\":\n    case \"StrReplaceEditorObservation\":\n      return getFileEditorObservationContent(\n        event as ObservationEvent<\n          FileEditorObservation | StrReplaceEditorObservation\n        >,\n      );\n\n    case \"ExecuteBashObservation\":\n    case \"TerminalObservation\":\n      return getTerminalObservationContent(\n        event as ObservationEvent<ExecuteBashObservation | TerminalObservation>,\n      );\n\n    case \"BrowserObservation\":\n      return getBrowserObservationContent(\n        event as ObservationEvent<BrowserObservation>,\n      );\n\n    case \"MCPToolObservation\":\n      return getMCPToolObservationContent(\n        event as ObservationEvent<MCPToolObservation>,\n      );\n\n    case \"TaskTrackerObservation\":\n      return getTaskTrackerObservationContent(\n        event as ObservationEvent<TaskTrackerObservation>,\n      );\n\n    case \"ThinkObservation\":\n      return getThinkObservationContent(\n        event as ObservationEvent<ThinkObservation>,\n      );\n\n    case \"FinishObservation\":\n      return getFinishObservationContent(\n        event as ObservationEvent<FinishObservation>,\n      );\n\n    case \"GlobObservation\":\n      return getGlobObservationContent(\n        event as ObservationEvent<GlobObservation>,\n      );\n\n    case \"GrepObservation\":\n      return getGrepObservationContent(\n        event as ObservationEvent<GrepObservation>,\n      );\n\n    case \"InvokeSkillObservation\":\n      return getInvokeSkillObservationContent(\n        event as ObservationEvent<InvokeSkillObservation>,\n      );\n\n    case \"CanvasUIObservation\":\n      return getCanvasUIObservationContent(\n        event as ObservationEvent<CanvasUIObservation>,\n      );\n\n    case \"ClientToolObservation\":\n      return event.tool_name === CANVAS_UI_CLIENT_TOOL_NAME\n        ? getCanvasUIObservationContent(\n            event as ObservationEvent<CanvasUIObservation>,\n          )\n        : getDefaultEventContent(event);\n\n    case \"SwitchLLMObservation\":\n      return getSwitchLLMObservationContent(\n        event as ObservationEvent<SwitchLLMObservation>,\n      );\n\n    default:\n      return getDefaultEventContent(event);\n  }\n};\n"],"mappings":"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"}

package/dist/components/features/backends/backend-form-modal.cjs

@@ -1,2 +1,2 @@
-const e=require(`../../../_virtual/_rolldown/runtime.cjs`),t=require(`../../../node_modules/react-i18next/dist/es/useTranslation.cjs`),n=require(`../../../i18n/declaration.cjs`),r=require(`../../../utils/utils.cjs`),i=require(`../../../context/navigation-context.cjs`),a=require(`../../../node_modules/@openhands/typescript-client/dist/client/server-client.cjs`);require(`../../../node_modules/@openhands/typescript-client/dist/clients.cjs`);const o=require(`../../../api/agent-server-config.cjs`),s=require(`../../../api/agent-server-client-options.cjs`),c=require(`../../../api/agent-server-compatibility.cjs`),l=require(`../../../utils/user-facing-error.cjs`),u=require(`../../../node_modules/@tanstack/react-query/build/modern/useQuery.cjs`),d=require(`../../../contexts/active-backend-context.cjs`),f=require(`../../../hooks/use-tracking.cjs`),p=require(`../../shared/modals/modal-backdrop.cjs`),m=require(`../../shared/modals/modal-body.cjs`),h=require(`../../../utils/modal-classes.cjs`),g=require(`../../shared/modals/modal-close-button.cjs`),_=require(`../settings/brand-button.cjs`),v=require(`../settings/settings-input.cjs`),y=require(`../../../hooks/query/use-backends-health.cjs`),b=require(`../../../assets/branding/openhands-logo-white.cjs`),x=require(`../files-tab/segmented-toggle.cjs`),S=require(`../../../api/device-flow-client.cjs`),C=require(`../../../icons/chevron-down-small.cjs`),w=require(`./backend-status-label.cjs`),T=require(`./backend-status-dot.cjs`),E=require(`./device-flow-auth.cjs`);let D=require(`react`);D=e.__toESM(D,1);let O=require(`react/jsx-runtime`);function k(e){return S.isOpenHandsCloudHost(e)?`cloud`:`local`}function A(e){let t=e.toLowerCase().replace(/^\[|\]$/g,``);return!!(t===`localhost`||t===`::1`||t===`::`||t===`0.0.0.0`||/^127\./.test(t)||/^::ffff:127\./i.test(t)||/^10\./.test(t)||/^192\.168\./.test(t)||/^172\.(1[6-9]|2\d|3[01])\./.test(t)||/^fe[89ab][0-9a-f]:/i.test(t)||/^f[cd][0-9a-f]{2}:/i.test(t)||t.endsWith(`.local`)||!t.includes(`.`)&&!t.includes(`:`))}function j(e){let t=e.trim().replace(/\/+$/,``);if(!t)return``;if(/^https?:\/\//i.test(t))return t;let n=t.match(/^\[([^\]]+)\]/);return`${A(n?n[1]:(t.match(/:/g)??[]).length>1?t:t.split(`:`)[0])?`http`:`https`}://${t}`}function M(e){let t=e.trim();if(!t||/\s/.test(t))return!1;let n=j(t);if(!n)return!1;try{let e=new URL(n);return(e.protocol===`http:`||e.protocol===`https:`)&&e.hostname.length>0}catch{return!1}}var N=`https://app.all-hands.dev`;function P(e,t){return e(n.I18nKey.BACKEND$CONNECTION_TEST_FAILED,{host:t,interpolation:{escapeValue:!1}})}function F(e){return l.getUserFacingConnectionErrorMessage(e)}function I(e,t){let n=F(t);return n?`${e}\n${n}`:e}async function L(e){e.kind===`local`&&c.assertAgentServerVersionIsSupported(await new a.ServerClient(s.getAgentServerClientOptions({host:e.host,sessionApiKey:e.apiKey||null,timeout:5e3})).getServerInfo())}function R({backend:e,testIdRoot:r}){let{t:i}=t.useTranslation(`openhands`),o=y.useBackendsHealth([e])[e.id],l=o?.isConnected??null,d=o?.disabled===!0,f=o?.consecutiveFailures??0,p=o?.lastError??null,{data:m}=u.useQuery({queryKey:[`backend-version`,e.host,e.apiKey],queryFn:async()=>c.getDisplayAgentServerVersion(await new a.ServerClient(s.getAgentServerClientOptions({host:e.host,sessionApiKey:e.apiKey||null,timeout:5e3})).getServerInfo()),retry:!1,staleTime:6e4,enabled:e.kind===`local`&&!d}),h=w.getBackendStatusLabel(i,e,o),g=e.kind===`cloud`?i(n.I18nKey.BACKEND$KIND_CLOUD):i(n.I18nKey.BACKEND$KIND_LOCAL);return(0,O.jsxs)(`div`,{className:`flex flex-col gap-2`,children:[(0,O.jsxs)(`div`,{"data-testid":`${r}-status`,className:`flex items-center gap-3 text-sm`,children:[(0,O.jsx)(T.BackendStatusDot,{isConnected:l}),(0,O.jsx)(`span`,{className:`text-white`,"data-testid":`${r}-status-label`,children:h}),(0,O.jsx)(`span`,{className:`text-tertiary-alt`,children:`·`}),(0,O.jsx)(`span`,{className:`text-[var(--oh-text-tertiary)]`,children:g}),m?(0,O.jsx)(`span`,{className:`text-xs text-[var(--oh-muted)]`,"data-testid":`${r}-version`,children:i(n.I18nKey.BACKEND$VERSION_LABEL,{version:m})}):null]}),d?(0,O.jsxs)(`div`,{"data-testid":`${r}-status-error`,className:`flex flex-col gap-1 rounded-md border border-red-500/40 bg-red-500/10 p-3 text-sm`,children:[(0,O.jsx)(`span`,{className:`font-semibold text-red-300`,children:i(n.I18nKey.BACKEND$HEALTH_FAILED_TITLE)}),(0,O.jsx)(`span`,{className:`text-xs text-[var(--oh-text-tertiary)]`,children:i(n.I18nKey.BACKEND$HEALTH_FAILED_DETAIL,{count:f})}),p?(0,O.jsx)(`span`,{"data-testid":`${r}-status-error-message`,className:`text-xs text-red-300 whitespace-pre-wrap break-words`,children:p}):null]}):null]})}function z({initialName:e=``,initialHost:n=``,initialApiKey:r=``,onTestConnection:i,onSuccess:a,requireApiKey:o=!1,onSubmitOverride:s}){let{t:c}=t.useTranslation(`openhands`),[l,u]=D.default.useState(e),[d,f]=D.default.useState(n),[p,m]=D.default.useState(r),[h,g]=D.default.useState(null),[_,v]=D.default.useState(!1),[y,b]=D.default.useState(null),x=y??k(d),S=o||x!==`local`,C=l.trim().length>0&&M(d)&&(!S||p.trim().length>0);return{name:l,setName:u,host:d,setHost:f,apiKey:p,setApiKey:m,connectionError:h,setConnectionError:g,isSubmitting:_,kind:x,setKind:b,canSubmit:C,handleSubmit:D.default.useCallback(async e=>{if(e.preventDefault(),!C||_)return;let t={name:l.trim(),host:j(d),apiKey:p.trim(),kind:x};g(null),v(!0);try{s?await s(t):(await i(t),a())}catch(e){g(I(P(c,t.host),e))}finally{v(!1)}},[C,_,l,d,p,x,i,a,o,s,c])}}function B({mode:e,backend:i,onSubmitted:a,renderActions:o,testIdRoot:s,hostReadOnly:c,requireApiKey:l,hideConfigurationFields:u=!1,onSubmitOverride:f}){let{t:p}=t.useTranslation(`openhands`),{addBackend:m,updateBackend:h}=d.useActiveBackendContext(),g=e===`edit`&&i?i.kind:null,{name:y,setName:b,host:x,setHost:S,apiKey:C,setApiKey:w,connectionError:T,setConnectionError:E,isSubmitting:k,kind:A,handleSubmit:P}=z({initialName:i?.name??``,initialHost:i?.host??``,initialApiKey:i?.apiKey??``,onTestConnection:L,onSuccess:async()=>{let t={name:y.trim(),host:j(x),apiKey:C.trim(),kind:g??A};e===`edit`&&i?h(i.id,t):m(t),a()},requireApiKey:l,onSubmitOverride:f}),[F,I]=D.default.useState(!1),[B,V]=D.default.useState(!1),H=g??A,U=s??(e===`edit`?`edit-backend`:`add-backend`),W=l||H!==`local`,G=y.trim().length>0&&M(x)&&(!W||C.trim().length>0),K=F&&!y.trim()?p(n.I18nKey.BACKEND$NAME_REQUIRED):void 0,q=B?x.trim()?M(x)?void 0:p(n.I18nKey.BACKEND$HOST_INVALID):p(n.I18nKey.BACKEND$HOST_REQUIRED):void 0;return(0,O.jsxs)(`form`,{"data-testid":`${U}-form`,onSubmit:async e=>{if(!G){I(!0),V(!0);return}await P(e)},className:`flex flex-col gap-4`,children:[(0,O.jsxs)(`div`,{"data-testid":`${U}-configuration-fields`,className:r.cn(`flex flex-col gap-4`,u&&`hidden`),children:[(0,O.jsx)(v.SettingsInput,{testId:`${U}-name`,name:`${U}-name`,type:`text`,label:p(n.I18nKey.BACKEND$NAME_LABEL),value:y,onChange:e=>{b(e),E(null)},onBlur:()=>I(!0),placeholder:`Production`,className:`w-full`,showRequiredTag:!0,error:K}),(0,O.jsx)(v.SettingsInput,{testId:`${U}-host`,name:`${U}-host`,type:`text`,label:p(n.I18nKey.BACKEND$HOST_LABEL),value:x,onChange:c?void 0:e=>{S(e),E(null)},onBlur:()=>V(!0),placeholder:N,className:`w-full`,showRequiredTag:!0,error:q,isDisabled:c}),(0,O.jsx)(v.SettingsInput,{testId:`${U}-api-key`,name:`${U}-api-key`,type:`password`,label:p(n.I18nKey.BACKEND$KEY_LABEL),value:C,onChange:e=>{w(e),E(null)},placeholder:``,className:`w-full`}),T?(0,O.jsx)(`div`,{role:`alert`,"data-testid":`${U}-error`,className:`rounded-md border border-red-500/40 bg-red-500/10 p-3 text-sm text-red-300 whitespace-pre-wrap break-words`,children:T}):null,e===`edit`&&i&&(0,O.jsx)(R,{backend:i,testIdRoot:U})]}),o?o({canSubmit:G&&!k,isSubmitting:k,testIdRoot:U}):(0,O.jsxs)(`div`,{className:`flex justify-end gap-2 mt-2 w-full`,children:[(0,O.jsx)(_.BrandButton,{type:`button`,variant:`secondary`,onClick:a,testId:`${U}-cancel`,children:p(n.I18nKey.BUTTON$CANCEL)}),(0,O.jsx)(_.BrandButton,{type:`submit`,variant:`primary`,isDisabled:!G||k,testId:`${U}-submit`,children:p(n.I18nKey.BACKEND$SAVE)})]})]})}function V(){let{currentPath:e,navigate:t}=i.useNavigation();return D.default.useCallback(()=>{/^\/automations\/[^/]+/.test(e)?t(`/automations`):/^\/conversations\/[^/]+/.test(e)&&t(`/conversations`)},[e,t])}function H({onConnected:e,testIdRoot:r=`add-backend`,initialManualBackend:i,requireManualApiKey:a=!1,manualSubmitLabel:s,manualSubmittingLabel:c,manualSubmitTestId:l}){let{t:u}=t.useTranslation(`openhands`),d=o.getLockedCloudHost();return d?(0,O.jsx)(`div`,{"data-testid":`${r}-connection-options`,className:`flex justify-center`,children:(0,O.jsx)(`div`,{className:`w-full`,children:(0,O.jsx)(W,{onConnected:e,testIdRoot:r,lockedHost:d})})}):(0,O.jsxs)(`div`,{"data-testid":`${r}-connection-options`,className:`flex flex-col gap-6 md:flex-row`,children:[(0,O.jsx)(`div`,{className:`flex-1 min-w-0`,children:(0,O.jsx)(U,{onConnected:e,testIdRoot:r,initialBackend:i,requireApiKey:a,submitLabel:s??u(n.I18nKey.BACKEND$CONNECT),submittingLabel:c??u(n.I18nKey.ONBOARDING$BACKEND_STATUS_CHECKING),submitTestId:l})}),(0,O.jsx)(`div`,{className:`flex-1 min-w-0`,children:(0,O.jsx)(W,{onConnected:e,testIdRoot:r})})]})}function U({onConnected:e,testIdRoot:r,initialBackend:i,requireApiKey:a,submitLabel:o,submittingLabel:s,submitTestId:c}){let{t:l}=t.useTranslation(`openhands`),{name:u,setName:d,host:f,setHost:p,apiKey:m,setApiKey:h,connectionError:g,setConnectionError:y,isSubmitting:b,kind:S,setKind:C,canSubmit:w,handleSubmit:T}=z({initialName:i?.name??``,initialHost:i?.host??``,initialApiKey:i?.apiKey??``,onTestConnection:L,onSuccess:()=>{e({name:u.trim(),host:j(f),apiKey:m.trim(),kind:S},`manual`)},requireApiKey:a});return(0,O.jsxs)(`form`,{"data-testid":`${r}-form`,onSubmit:T,className:`flex flex-col gap-4 flex-1 min-w-0`,children:[(0,O.jsxs)(`div`,{className:`flex flex-col gap-1`,children:[(0,O.jsx)(v.SettingsInput,{testId:`${r}-name`,name:`${r}-name`,type:`text`,label:l(n.I18nKey.BACKEND$NAME_LABEL),value:u,onChange:e=>{d(e),y(null)},placeholder:`e.g. My Server`,className:`w-full`}),(0,O.jsx)(`p`,{className:`text-xs text-[var(--oh-muted)]`,children:l(n.I18nKey.BACKEND$NAME_HELPER)})]}),(0,O.jsxs)(`div`,{className:`flex flex-col gap-1`,children:[(0,O.jsx)(v.SettingsInput,{testId:`${r}-host`,name:`${r}-host`,type:`text`,label:l(n.I18nKey.BACKEND$HOST_LABEL),value:f,onChange:e=>{p(e),y(null)},placeholder:`http://localhost:8000`,className:`w-full`}),(0,O.jsx)(`p`,{className:`text-xs text-[var(--oh-muted)]`,"data-testid":`${r}-host-helper`,children:l(n.I18nKey.BACKEND$HOST_HELPER)})]}),(0,O.jsxs)(`div`,{className:`flex flex-col items-start gap-2.5`,children:[(0,O.jsx)(`span`,{className:`text-sm`,children:l(n.I18nKey.BACKEND$KIND_LABEL)}),(0,O.jsx)(x.SegmentedToggle,{value:S,options:[{value:`local`,label:l(n.I18nKey.BACKEND$KIND_LOCAL)},{value:`cloud`,label:l(n.I18nKey.BACKEND$KIND_CLOUD)}],onChange:e=>C(e),ariaLabel:l(n.I18nKey.BACKEND$KIND_LABEL),testId:`${r}-kind`})]}),(0,O.jsx)(v.SettingsInput,{testId:`${r}-api-key`,name:`${r}-api-key`,type:`password`,label:l(n.I18nKey.BACKEND$KEY_LABEL),value:m,onChange:e=>{h(e),y(null)},placeholder:`sk-••••••••••`,className:`w-full`}),g?(0,O.jsx)(`div`,{role:`alert`,"data-testid":`${r}-error`,className:`rounded-md border border-red-500/40 bg-red-500/10 p-3 text-sm text-red-300 whitespace-pre-wrap break-words`,children:g}):null,(0,O.jsx)(_.BrandButton,{type:`submit`,variant:`secondary`,isDisabled:!w||b,testId:c??`${r}-submit`,className:`w-full text-center`,children:b?s:o})]})}function W({onConnected:e,testIdRoot:i,lockedHost:a}){let{t:o}=t.useTranslation(`openhands`),[s,c]=D.default.useState(!1),[l,u]=D.default.useState(``),d=a??(l.trim()||N);return(0,O.jsxs)(`div`,{className:`flex flex-1 min-w-0 flex-col items-center gap-3 pb-8`,children:[(0,O.jsxs)(`div`,{className:`flex flex-col items-center gap-1`,children:[(0,O.jsx)(b.default,{width:56,height:56,"aria-hidden":!0}),(0,O.jsx)(`h4`,{className:h.modalTitleLgMediumClassName,"data-testid":`${i}-cloud-title`,children:o(n.I18nKey.BACKEND$CLOUD_TITLE)})]}),(0,O.jsx)(`p`,{className:`text-center text-sm leading-relaxed text-[var(--oh-muted)]`,children:o(n.I18nKey.BACKEND$CLOUD_DESCRIPTION)}),(0,O.jsx)(E.DeviceFlowAuth,{host:d,onSuccess:t=>{e({name:`OpenHands Cloud`,host:j(d),apiKey:t,kind:`cloud`},`cloud_login`)},testIdRoot:i}),a?null:(0,O.jsxs)(`div`,{className:`w-full`,children:[(0,O.jsxs)(`button`,{type:`button`,onClick:()=>c(e=>!e),"aria-expanded":s,"data-testid":`${i}-advanced-toggle`,className:`flex w-full cursor-pointer items-center justify-center gap-1 text-center text-xs text-[var(--oh-muted)] transition-colors hover:text-content-2`,children:[(0,O.jsx)(`span`,{children:o(n.I18nKey.BACKEND$ADVANCED)}),(0,O.jsx)(C.default,{className:r.cn(`h-4 w-4 shrink-0 text-muted transition-transform`,s&&`rotate-180`),"aria-hidden":!0})]}),(0,O.jsxs)(`div`,{className:r.cn(`pt-2`,!s&&`pointer-events-none invisible`),"aria-hidden":!s,children:[(0,O.jsx)(v.SettingsInput,{testId:`${i}-cloud-host`,name:`${i}-cloud-host`,type:`text`,label:o(n.I18nKey.BACKEND$HOST_LABEL),value:l,onChange:u,placeholder:N,className:`w-full`}),(0,O.jsx)(`p`,{className:`mt-1 text-xs text-[var(--oh-muted)]`,children:o(n.I18nKey.BACKEND$LOGIN_CLOUD_HINT)})]})]})]})}function G({onClose:e,source:t}){let{addBackend:n}=d.useActiveBackendContext(),r=V(),{trackBackendAdded:i}=f.useTracking();return(0,O.jsx)(H,{onConnected:D.default.useCallback((a,o)=>{n(a);let s=a.host===N;i({backendKind:a.kind,connectionMethod:o,isOpenhandsCloud:s,isCustomHost:!s,hasApiKey:!!a.apiKey,source:t}),r(),e()},[n,r,e,i,t])})}function K({mode:e,backend:i,onClose:a,source:o=`add_backend_modal`,hideCloseButton:s=!1}){let{t:c}=t.useTranslation(`openhands`);if(e===`add`)return(0,O.jsx)(p.ModalBackdrop,{onClose:s?void 0:a,closeOnEscape:!1,closeOnBackdropClick:!s,"aria-label":c(n.I18nKey.BACKEND$ADD_TITLE),children:(0,O.jsxs)(`div`,{"data-testid":s?`onboarding-modal`:`add-backend-modal`,className:r.cn(`relative rounded-xl border border-[var(--oh-border)] bg-base-secondary`,m.modalWidthClassName(`xl`),m.MODAL_MAX_WIDTH_VIEWPORT),children:[s?null:(0,O.jsx)(g.ModalCloseButton,{onClose:a,testId:`add-backend-close`}),s?null:(0,O.jsx)(`div`,{className:`px-6 pt-6 pb-2 pr-12`,children:(0,O.jsx)(`h2`,{className:h.modalTitleLgClassName,children:c(n.I18nKey.BACKEND$ADD_TITLE)})}),(0,O.jsx)(`div`,{className:r.cn(`px-6 pb-6`,s?`pt-6`:`pt-2`),children:(0,O.jsx)(G,{onClose:a,source:o})})]})});let l=`edit-backend`;return(0,O.jsx)(p.ModalBackdrop,{onClose:a,closeOnEscape:!1,"aria-label":c(n.I18nKey.BACKEND$EDIT_TITLE),children:(0,O.jsxs)(`div`,{"data-testid":`${l}-modal`,className:r.cn(`relative bg-base-secondary p-6 rounded-xl flex flex-col gap-4 border border-[var(--oh-border)]`,m.modalWidthClassName(`md`)),children:[(0,O.jsx)(g.ModalCloseButton,{onClose:a,testId:`${l}-close`}),(0,O.jsx)(`h2`,{className:r.cn(`pr-6`,h.modalTitleLgClassName),children:c(n.I18nKey.BACKEND$EDIT_TITLE)}),(0,O.jsx)(B,{mode:`edit`,backend:i,onSubmitted:a,testIdRoot:l})]})})}exports.BackendFormModal=K;
+const e=require(`../../../_virtual/_rolldown/runtime.cjs`),t=require(`../../../node_modules/react-i18next/dist/es/useTranslation.cjs`),n=require(`../../../i18n/declaration.cjs`),r=require(`../../../utils/utils.cjs`),i=require(`../../../context/navigation-context.cjs`),a=require(`../../../node_modules/@openhands/typescript-client/dist/client/server-client.cjs`),o=require(`../../../node_modules/@openhands/typescript-client/dist/client/device-flow-client.cjs`);require(`../../../node_modules/@openhands/typescript-client/dist/clients.cjs`);const s=require(`../../../api/agent-server-config.cjs`),c=require(`../../../api/agent-server-client-options.cjs`),l=require(`../../../api/agent-server-compatibility.cjs`),u=require(`../../../utils/user-facing-error.cjs`),d=require(`../../../node_modules/@tanstack/react-query/build/modern/useQuery.cjs`),f=require(`../../../contexts/active-backend-context.cjs`);require(`../../../api/device-flow-client.cjs`);const p=require(`../../../services/cloud-funnel-analytics.cjs`),m=require(`../../../hooks/use-tracking.cjs`),h=require(`../../shared/modals/modal-backdrop.cjs`),g=require(`../../shared/modals/modal-body.cjs`),_=require(`../../../utils/modal-classes.cjs`),v=require(`../../shared/modals/modal-close-button.cjs`),y=require(`../settings/brand-button.cjs`),b=require(`../settings/settings-input.cjs`),x=require(`../../../hooks/query/use-backends-health.cjs`),S=require(`../../../assets/branding/openhands-logo-white.cjs`),C=require(`../files-tab/segmented-toggle.cjs`),w=require(`../../../icons/chevron-down-small.cjs`),T=require(`./backend-status-label.cjs`),E=require(`./backend-status-dot.cjs`),D=require(`./device-flow-auth.cjs`);let O=require(`react`);O=e.__toESM(O,1);let k=require(`react/jsx-runtime`);function A(e){return o.isOpenHandsCloudHost(e)?`cloud`:`local`}function j(e){let t=e.toLowerCase().replace(/^\[|\]$/g,``);return!!(t===`localhost`||t===`::1`||t===`::`||t===`0.0.0.0`||/^127\./.test(t)||/^::ffff:127\./i.test(t)||/^10\./.test(t)||/^192\.168\./.test(t)||/^172\.(1[6-9]|2\d|3[01])\./.test(t)||/^fe[89ab][0-9a-f]:/i.test(t)||/^f[cd][0-9a-f]{2}:/i.test(t)||t.endsWith(`.local`)||!t.includes(`.`)&&!t.includes(`:`))}function M(e){let t=e.trim().replace(/\/+$/,``);if(!t)return``;if(/^https?:\/\//i.test(t))return t;let n=t.match(/^\[([^\]]+)\]/);return`${j(n?n[1]:(t.match(/:/g)??[]).length>1?t:t.split(`:`)[0])?`http`:`https`}://${t}`}function N(e){let t=e.trim();if(!t||/\s/.test(t))return!1;let n=M(t);if(!n)return!1;try{let e=new URL(n);return(e.protocol===`http:`||e.protocol===`https:`)&&e.hostname.length>0}catch{return!1}}var P=`https://app.all-hands.dev`;function F(e,t){return e(n.I18nKey.BACKEND$CONNECTION_TEST_FAILED,{host:t,interpolation:{escapeValue:!1}})}function I(e){return u.getUserFacingConnectionErrorMessage(e)}function L(e,t){let n=I(t);return n?`${e}\n${n}`:e}async function R(e){e.kind===`local`&&l.assertAgentServerVersionIsSupported(await new a.ServerClient(c.getAgentServerClientOptions({host:e.host,sessionApiKey:e.apiKey||null,timeout:5e3})).getServerInfo())}function z({backend:e,testIdRoot:r}){let{t:i}=t.useTranslation(`openhands`),o=x.useBackendsHealth([e])[e.id],s=o?.isConnected??null,u=o?.disabled===!0,f=o?.consecutiveFailures??0,p=o?.lastError??null,{data:m}=d.useQuery({queryKey:[`backend-version`,e.host,e.apiKey],queryFn:async()=>l.getDisplayAgentServerVersion(await new a.ServerClient(c.getAgentServerClientOptions({host:e.host,sessionApiKey:e.apiKey||null,timeout:5e3})).getServerInfo()),retry:!1,staleTime:6e4,enabled:e.kind===`local`&&!u}),h=T.getBackendStatusLabel(i,e,o),g=e.kind===`cloud`?i(n.I18nKey.BACKEND$KIND_CLOUD):i(n.I18nKey.BACKEND$KIND_LOCAL);return(0,k.jsxs)(`div`,{className:`flex flex-col gap-2`,children:[(0,k.jsxs)(`div`,{"data-testid":`${r}-status`,className:`flex items-center gap-3 text-sm`,children:[(0,k.jsx)(E.BackendStatusDot,{isConnected:s}),(0,k.jsx)(`span`,{className:`text-white`,"data-testid":`${r}-status-label`,children:h}),(0,k.jsx)(`span`,{className:`text-tertiary-alt`,children:`·`}),(0,k.jsx)(`span`,{className:`text-[var(--oh-text-tertiary)]`,children:g}),m?(0,k.jsx)(`span`,{className:`text-xs text-[var(--oh-muted)]`,"data-testid":`${r}-version`,children:i(n.I18nKey.BACKEND$VERSION_LABEL,{version:m})}):null]}),u?(0,k.jsxs)(`div`,{"data-testid":`${r}-status-error`,className:`flex flex-col gap-1 rounded-md border border-red-500/40 bg-red-500/10 p-3 text-sm`,children:[(0,k.jsx)(`span`,{className:`font-semibold text-red-300`,children:i(n.I18nKey.BACKEND$HEALTH_FAILED_TITLE)}),(0,k.jsx)(`span`,{className:`text-xs text-[var(--oh-text-tertiary)]`,children:i(n.I18nKey.BACKEND$HEALTH_FAILED_DETAIL,{count:f})}),p?(0,k.jsx)(`span`,{"data-testid":`${r}-status-error-message`,className:`text-xs text-red-300 whitespace-pre-wrap break-words`,children:p}):null]}):null]})}function B({initialName:e=``,initialHost:n=``,initialApiKey:r=``,onTestConnection:i,onSuccess:a,requireApiKey:o=!1,onSubmitOverride:s}){let{t:c}=t.useTranslation(`openhands`),[l,u]=O.default.useState(e),[d,f]=O.default.useState(n),[p,m]=O.default.useState(r),[h,g]=O.default.useState(null),[_,v]=O.default.useState(!1),[y,b]=O.default.useState(null),x=y??A(d),S=o||x!==`local`,C=l.trim().length>0&&N(d)&&(!S||p.trim().length>0);return{name:l,setName:u,host:d,setHost:f,apiKey:p,setApiKey:m,connectionError:h,setConnectionError:g,isSubmitting:_,kind:x,setKind:b,canSubmit:C,handleSubmit:O.default.useCallback(async e=>{if(e.preventDefault(),!C||_)return;let t={name:l.trim(),host:M(d),apiKey:p.trim(),kind:x};g(null),v(!0);try{s?await s(t):(await i(t),a())}catch(e){g(L(F(c,t.host),e))}finally{v(!1)}},[C,_,l,d,p,x,i,a,o,s,c])}}function V({mode:e,backend:i,onSubmitted:a,renderActions:o,testIdRoot:s,hostReadOnly:c,requireApiKey:l,hideConfigurationFields:u=!1,onSubmitOverride:d}){let{t:p}=t.useTranslation(`openhands`),{addBackend:m,updateBackend:h}=f.useActiveBackendContext(),g=e===`edit`&&i?i.kind:null,{name:_,setName:v,host:x,setHost:S,apiKey:C,setApiKey:w,connectionError:T,setConnectionError:E,isSubmitting:D,kind:A,handleSubmit:j}=B({initialName:i?.name??``,initialHost:i?.host??``,initialApiKey:i?.apiKey??``,onTestConnection:R,onSuccess:async()=>{let t={name:_.trim(),host:M(x),apiKey:C.trim(),kind:g??A};e===`edit`&&i?h(i.id,t):m(t),a()},requireApiKey:l,onSubmitOverride:d}),[F,I]=O.default.useState(!1),[L,V]=O.default.useState(!1),H=g??A,U=s??(e===`edit`?`edit-backend`:`add-backend`),W=l||H!==`local`,G=_.trim().length>0&&N(x)&&(!W||C.trim().length>0),K=F&&!_.trim()?p(n.I18nKey.BACKEND$NAME_REQUIRED):void 0,q=L?x.trim()?N(x)?void 0:p(n.I18nKey.BACKEND$HOST_INVALID):p(n.I18nKey.BACKEND$HOST_REQUIRED):void 0;return(0,k.jsxs)(`form`,{"data-testid":`${U}-form`,onSubmit:async e=>{if(!G){I(!0),V(!0);return}await j(e)},className:`flex flex-col gap-4`,children:[(0,k.jsxs)(`div`,{"data-testid":`${U}-configuration-fields`,className:r.cn(`flex flex-col gap-4`,u&&`hidden`),children:[(0,k.jsx)(b.SettingsInput,{testId:`${U}-name`,name:`${U}-name`,type:`text`,label:p(n.I18nKey.BACKEND$NAME_LABEL),value:_,onChange:e=>{v(e),E(null)},onBlur:()=>I(!0),placeholder:`Production`,className:`w-full`,showRequiredTag:!0,error:K}),(0,k.jsx)(b.SettingsInput,{testId:`${U}-host`,name:`${U}-host`,type:`text`,label:p(n.I18nKey.BACKEND$HOST_LABEL),value:x,onChange:c?void 0:e=>{S(e),E(null)},onBlur:()=>V(!0),placeholder:P,className:`w-full`,showRequiredTag:!0,error:q,isDisabled:c}),(0,k.jsx)(b.SettingsInput,{testId:`${U}-api-key`,name:`${U}-api-key`,type:`password`,label:p(n.I18nKey.BACKEND$KEY_LABEL),value:C,onChange:e=>{w(e),E(null)},placeholder:``,className:`w-full`}),T?(0,k.jsx)(`div`,{role:`alert`,"data-testid":`${U}-error`,className:`rounded-md border border-red-500/40 bg-red-500/10 p-3 text-sm text-red-300 whitespace-pre-wrap break-words`,children:T}):null,e===`edit`&&i&&(0,k.jsx)(z,{backend:i,testIdRoot:U})]}),o?o({canSubmit:G&&!D,isSubmitting:D,testIdRoot:U}):(0,k.jsxs)(`div`,{className:`flex justify-end gap-2 mt-2 w-full`,children:[(0,k.jsx)(y.BrandButton,{type:`button`,variant:`secondary`,onClick:a,testId:`${U}-cancel`,children:p(n.I18nKey.BUTTON$CANCEL)}),(0,k.jsx)(y.BrandButton,{type:`submit`,variant:`primary`,isDisabled:!G||D,testId:`${U}-submit`,children:p(n.I18nKey.BACKEND$SAVE)})]})]})}function H(){let{currentPath:e,navigate:t}=i.useNavigation();return O.default.useCallback(()=>{/^\/automations\/[^/]+/.test(e)?t(`/automations`):/^\/conversations\/[^/]+/.test(e)&&t(`/conversations`)},[e,t])}function U({onConnected:e,testIdRoot:r=`add-backend`,initialManualBackend:i,requireManualApiKey:a=!1,manualSubmitLabel:o,manualSubmittingLabel:c,manualSubmitTestId:l,analyticsSource:u}){let{t:d}=t.useTranslation(`openhands`),f=s.getLockedCloudHost();return f?(0,k.jsx)(`div`,{"data-testid":`${r}-connection-options`,className:`flex justify-center`,children:(0,k.jsx)(`div`,{className:`w-full`,children:(0,k.jsx)(G,{onConnected:e,testIdRoot:r,lockedHost:f,analyticsSource:u})})}):(0,k.jsxs)(`div`,{"data-testid":`${r}-connection-options`,className:`flex flex-col gap-6 md:flex-row`,children:[(0,k.jsx)(`div`,{className:`flex-1 min-w-0`,children:(0,k.jsx)(W,{onConnected:e,testIdRoot:r,initialBackend:i,requireApiKey:a,submitLabel:o??d(n.I18nKey.BACKEND$CONNECT),submittingLabel:c??d(n.I18nKey.ONBOARDING$BACKEND_STATUS_CHECKING),submitTestId:l})}),(0,k.jsx)(`div`,{className:`flex-1 min-w-0`,children:(0,k.jsx)(G,{onConnected:e,testIdRoot:r,analyticsSource:u})})]})}function W({onConnected:e,testIdRoot:r,initialBackend:i,requireApiKey:a,submitLabel:o,submittingLabel:s,submitTestId:c}){let{t:l}=t.useTranslation(`openhands`),{name:u,setName:d,host:f,setHost:p,apiKey:m,setApiKey:h,connectionError:g,setConnectionError:_,isSubmitting:v,kind:x,setKind:S,canSubmit:w,handleSubmit:T}=B({initialName:i?.name??``,initialHost:i?.host??``,initialApiKey:i?.apiKey??``,onTestConnection:R,onSuccess:()=>{e({name:u.trim(),host:M(f),apiKey:m.trim(),kind:x},`manual`)},requireApiKey:a});return(0,k.jsxs)(`form`,{"data-testid":`${r}-form`,onSubmit:T,className:`flex flex-col gap-4 flex-1 min-w-0`,children:[(0,k.jsxs)(`div`,{className:`flex flex-col gap-1`,children:[(0,k.jsx)(b.SettingsInput,{testId:`${r}-name`,name:`${r}-name`,type:`text`,label:l(n.I18nKey.BACKEND$NAME_LABEL),value:u,onChange:e=>{d(e),_(null)},placeholder:`e.g. My Server`,className:`w-full`}),(0,k.jsx)(`p`,{className:`text-xs text-[var(--oh-muted)]`,children:l(n.I18nKey.BACKEND$NAME_HELPER)})]}),(0,k.jsxs)(`div`,{className:`flex flex-col gap-1`,children:[(0,k.jsx)(b.SettingsInput,{testId:`${r}-host`,name:`${r}-host`,type:`text`,label:l(n.I18nKey.BACKEND$HOST_LABEL),value:f,onChange:e=>{p(e),_(null)},placeholder:`http://localhost:8000`,className:`w-full`}),(0,k.jsx)(`p`,{className:`text-xs text-[var(--oh-muted)]`,"data-testid":`${r}-host-helper`,children:l(n.I18nKey.BACKEND$HOST_HELPER)})]}),(0,k.jsxs)(`div`,{className:`flex flex-col items-start gap-2.5`,children:[(0,k.jsx)(`span`,{className:`text-sm`,children:l(n.I18nKey.BACKEND$KIND_LABEL)}),(0,k.jsx)(C.SegmentedToggle,{value:x,options:[{value:`local`,label:l(n.I18nKey.BACKEND$KIND_LOCAL)},{value:`cloud`,label:l(n.I18nKey.BACKEND$KIND_CLOUD)}],onChange:e=>S(e),ariaLabel:l(n.I18nKey.BACKEND$KIND_LABEL),testId:`${r}-kind`})]}),(0,k.jsx)(b.SettingsInput,{testId:`${r}-api-key`,name:`${r}-api-key`,type:`password`,label:l(n.I18nKey.BACKEND$KEY_LABEL),value:m,onChange:e=>{h(e),_(null)},placeholder:`sk-••••••••••`,className:`w-full`}),g?(0,k.jsx)(`div`,{role:`alert`,"data-testid":`${r}-error`,className:`rounded-md border border-red-500/40 bg-red-500/10 p-3 text-sm text-red-300 whitespace-pre-wrap break-words`,children:g}):null,(0,k.jsx)(y.BrandButton,{type:`submit`,variant:`secondary`,isDisabled:!w||v,testId:c??`${r}-submit`,className:`w-full text-center`,children:v?s:o})]})}function G({onConnected:e,testIdRoot:i,lockedHost:a,analyticsSource:o}){let{t:s}=t.useTranslation(`openhands`),[c,l]=O.default.useState(!1),[u,d]=O.default.useState(``),f=a??(u.trim()||P);return(0,k.jsxs)(`div`,{className:`flex flex-1 min-w-0 flex-col items-center gap-3 pb-8`,children:[(0,k.jsxs)(`div`,{className:`flex flex-col items-center gap-1`,children:[(0,k.jsx)(S.default,{width:56,height:56,"aria-hidden":!0}),(0,k.jsx)(`h4`,{className:_.modalTitleLgMediumClassName,"data-testid":`${i}-cloud-title`,children:s(n.I18nKey.BACKEND$CLOUD_TITLE)})]}),(0,k.jsx)(`p`,{className:`text-center text-sm leading-relaxed text-[var(--oh-muted)]`,children:s(n.I18nKey.BACKEND$CLOUD_DESCRIPTION)}),(0,k.jsx)(D.DeviceFlowAuth,{host:f,onSuccess:t=>{e({name:`OpenHands Cloud`,host:M(f),apiKey:t,kind:`cloud`},`cloud_login`)},testIdRoot:i,analyticsSource:o}),a?null:(0,k.jsxs)(`div`,{className:`w-full`,children:[(0,k.jsxs)(`button`,{type:`button`,onClick:()=>l(e=>!e),"aria-expanded":c,"data-testid":`${i}-advanced-toggle`,className:`flex w-full cursor-pointer items-center justify-center gap-1 text-center text-xs text-[var(--oh-muted)] transition-colors hover:text-content-2`,children:[(0,k.jsx)(`span`,{children:s(n.I18nKey.BACKEND$ADVANCED)}),(0,k.jsx)(w.default,{className:r.cn(`h-4 w-4 shrink-0 text-muted transition-transform`,c&&`rotate-180`),"aria-hidden":!0})]}),(0,k.jsxs)(`div`,{className:r.cn(`pt-2`,!c&&`pointer-events-none invisible`),"aria-hidden":!c,children:[(0,k.jsx)(b.SettingsInput,{testId:`${i}-cloud-host`,name:`${i}-cloud-host`,type:`text`,label:s(n.I18nKey.BACKEND$HOST_LABEL),value:u,onChange:d,placeholder:P,className:`w-full`}),(0,k.jsx)(`p`,{className:`mt-1 text-xs text-[var(--oh-muted)]`,children:s(n.I18nKey.BACKEND$LOGIN_CLOUD_HINT)})]})]})]})}function K({onClose:e,source:t}){let{addBackend:n}=f.useActiveBackendContext(),r=H(),{trackBackendAdded:i}=m.useTracking();return(0,k.jsx)(U,{onConnected:O.default.useCallback((a,s)=>{n(a);let c=o.isOpenHandsCloudHost(a.host);p.trackCanvasBackendAdded({backendKind:a.kind,connectionMethod:s,host:a.host,hasApiKey:!!a.apiKey,source:t})||i({backendKind:a.kind,connectionMethod:s,isOpenhandsCloud:c,isCustomHost:!c,hasApiKey:!!a.apiKey,source:t}),r(),e()},[n,r,e,i,t]),analyticsSource:t})}function q({mode:e,backend:i,onClose:a,source:o=`add_backend_modal`,hideCloseButton:s=!1}){let{t:c}=t.useTranslation(`openhands`);if(e===`add`)return(0,k.jsx)(h.ModalBackdrop,{onClose:s?void 0:a,closeOnEscape:!1,closeOnBackdropClick:!s,"aria-label":c(n.I18nKey.BACKEND$ADD_TITLE),children:(0,k.jsxs)(`div`,{"data-testid":s?`onboarding-modal`:`add-backend-modal`,className:r.cn(`relative rounded-xl border border-[var(--oh-border)] bg-base-secondary`,g.modalWidthClassName(`xl`),g.MODAL_MAX_WIDTH_VIEWPORT),children:[s?null:(0,k.jsx)(v.ModalCloseButton,{onClose:a,testId:`add-backend-close`}),s?null:(0,k.jsx)(`div`,{className:`px-6 pt-6 pb-2 pr-12`,children:(0,k.jsx)(`h2`,{className:_.modalTitleLgClassName,children:c(n.I18nKey.BACKEND$ADD_TITLE)})}),(0,k.jsx)(`div`,{className:r.cn(`px-6 pb-6`,s?`pt-6`:`pt-2`),children:(0,k.jsx)(K,{onClose:a,source:o})})]})});let l=`edit-backend`;return(0,k.jsx)(h.ModalBackdrop,{onClose:a,closeOnEscape:!1,"aria-label":c(n.I18nKey.BACKEND$EDIT_TITLE),children:(0,k.jsxs)(`div`,{"data-testid":`${l}-modal`,className:r.cn(`relative bg-base-secondary p-6 rounded-xl flex flex-col gap-4 border border-[var(--oh-border)]`,g.modalWidthClassName(`md`)),children:[(0,k.jsx)(v.ModalCloseButton,{onClose:a,testId:`${l}-close`}),(0,k.jsx)(`h2`,{className:r.cn(`pr-6`,_.modalTitleLgClassName),children:c(n.I18nKey.BACKEND$EDIT_TITLE)}),(0,k.jsx)(V,{mode:`edit`,backend:i,onSubmitted:a,testIdRoot:l})]})})}exports.BackendFormModal=q;
 //# sourceMappingURL=backend-form-modal.cjs.map

package/dist/components/features/backends/backend-form-modal.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"backend-form-modal.cjs","names":[],"sources":["../../../../src/components/features/backends/backend-form-modal.tsx"],"sourcesContent":["import React from \"react\";\nimport { useQuery } from \"@tanstack/react-query\";\nimport { useTranslation } from \"react-i18next\";\nimport { ServerClient } from \"@openhands/typescript-client/clients\";\nimport OpenHandsLogoWhite from \"#/assets/branding/openhands-logo-white.svg?react\";\nimport { ModalBackdrop } from \"#/components/shared/modals/modal-backdrop\";\nimport {\n  MODAL_MAX_WIDTH_VIEWPORT,\n  modalWidthClassName,\n} from \"#/components/shared/modals/modal-body\";\nimport { ModalCloseButton } from \"#/components/shared/modals/modal-close-button\";\nimport { BrandButton } from \"#/components/features/settings/brand-button\";\nimport { SettingsInput } from \"#/components/features/settings/settings-input\";\nimport { SegmentedToggle } from \"#/components/features/files-tab/segmented-toggle\";\nimport { useActiveBackendContext } from \"#/contexts/active-backend-context\";\nimport { useNavigation } from \"#/context/navigation-context\";\nimport { useBackendsHealth } from \"#/hooks/query/use-backends-health\";\nimport { useTracking } from \"#/hooks/use-tracking\";\nimport { getAgentServerClientOptions } from \"#/api/agent-server-client-options\";\nimport { getLockedCloudHost } from \"#/api/agent-server-config\";\nimport { isOpenHandsCloudHost } from \"#/api/device-flow-client\";\nimport {\n  assertAgentServerVersionIsSupported,\n  getDisplayAgentServerVersion,\n} from \"#/api/agent-server-compatibility\";\nimport ChevronDownSmallIcon from \"#/icons/chevron-down-small.svg?react\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport type { Backend, BackendKind } from \"#/api/backend-registry/types\";\nimport { getUserFacingConnectionErrorMessage } from \"#/utils/user-facing-error\";\nimport { cn } from \"#/utils/utils\";\nimport {\n  modalTitleLgClassName,\n  modalTitleLgMediumClassName,\n} from \"#/utils/modal-classes\";\nimport { getBackendStatusLabel } from \"./backend-status-label\";\nimport { BackendStatusDot } from \"./backend-status-dot\";\nimport { DeviceFlowAuth } from \"./device-flow-auth\";\n\nexport type BackendFormMode = \"add\" | \"edit\";\n\ninterface BackendFormModalProps {\n  mode: BackendFormMode;\n  /** Required when `mode === \"edit\"`. */\n  backend?: Backend;\n  onClose: () => void;\n  /** Analytics surface for the `backend_added` event (add mode only). */\n  source?: BackendAddedSource;\n  /** Hide the close button and disable backdrop/escape dismissal. Used for locked Cloud first-run. */\n  hideCloseButton?: boolean;\n}\n\n/**\n * Seed the default backend kind from the host. Uses proper hostname-suffix\n * matching (via {@link isOpenHandsCloudHost}) rather than a substring test, so\n * a look-alike host such as `all-hands-testing.dev` isn't misread as cloud.\n *\n * This is only a *default*: a self-hosted OpenHands Cloud/Enterprise instance\n * on a truly custom domain is indistinguishable from a local agent-server by\n * host alone, so the manual add form lets the user override the kind\n * explicitly (see the Type selector in ManualConnectionColumn).\n */\nfunction inferKindFromHost(host: string): BackendKind {\n  return isOpenHandsCloudHost(host) ? \"cloud\" : \"local\";\n}\n\n/**\n * Returns true for hostnames that represent a local / private-network address.\n * Used by normalizeHost to choose http:// instead of https://.\n */\nfunction isLocalAddress(hostname: string): boolean {\n  // Strip IPv6 bracket notation: [::1] → ::1\n  const h = hostname.toLowerCase().replace(/^\\[|\\]$/g, \"\");\n  // IPv6 loopback, any-address, and named loopback\n  if (h === \"localhost\" || h === \"::1\" || h === \"::\" || h === \"0.0.0.0\")\n    return true;\n  // 127.x.x.x loopback range + IPv4-mapped loopback (::ffff:127.x.x.x)\n  if (/^127\\./.test(h) || /^::ffff:127\\./i.test(h)) return true;\n  // RFC 1918 private ranges\n  if (/^10\\./.test(h)) return true;\n  if (/^192\\.168\\./.test(h)) return true;\n  if (/^172\\.(1[6-9]|2\\d|3[01])\\./.test(h)) return true;\n  // IPv6 link-local (fe80::/10) and unique local (fc00::/7)\n  if (/^fe[89ab][0-9a-f]:/i.test(h)) return true;\n  if (/^f[cd][0-9a-f]{2}:/i.test(h)) return true;\n  // mDNS / Bonjour (.local)\n  if (h.endsWith(\".local\")) return true;\n  // Single-label hostnames (no dots, no colons) are local network names.\n  // Colons are excluded so bare IPv6 addresses don't accidentally match.\n  if (!h.includes(\".\") && !h.includes(\":\")) return true;\n  return false;\n}\n\nfunction normalizeHost(host: string): string {\n  const trimmed = host.trim().replace(/\\/+$/, \"\");\n  if (!trimmed) return \"\";\n  // Already has an explicit scheme — respect it.\n  if (/^https?:\\/\\//i.test(trimmed)) return trimmed;\n  // Extract the pure hostname for scheme selection, handling three cases:\n  //   [::1]:8080  → bracket IPv6 notation → extract ::1\n  //   ::1         → bare IPv6 (multiple colons, no bracket) → whole string\n  //   host:port   → regular host:port → part before the colon\n  const bracketMatch = trimmed.match(/^\\[([^\\]]+)\\]/);\n  const hostname = bracketMatch\n    ? bracketMatch[1]\n    : (trimmed.match(/:/g) ?? []).length > 1\n      ? trimmed\n      : trimmed.split(\":\")[0];\n  const scheme = isLocalAddress(hostname) ? \"http\" : \"https\";\n  return `${scheme}://${trimmed}`;\n}\n\n/**\n * Returns true when `host` represents a reachable backend URL.\n *\n * Rules (applied in order):\n *   1. Must be non-empty after trimming.\n *   2. Must contain no whitespace — spaces can never appear in a host/port.\n *   3. After normalisation (bare hosts get `https://` prepended), must parse\n *      as a valid http or https URL with a non-empty hostname.\n */\nfunction isValidHostUrl(host: string): boolean {\n  const trimmed = host.trim();\n  if (!trimmed) return false;\n  // Spaces anywhere in the input are an immediate rejection.\n  if (/\\s/.test(trimmed)) return false;\n  const normalized = normalizeHost(trimmed);\n  if (!normalized) return false;\n  try {\n    const url = new URL(normalized);\n    return (\n      (url.protocol === \"http:\" || url.protocol === \"https:\") &&\n      url.hostname.length > 0\n    );\n  } catch {\n    return false;\n  }\n}\n\nconst DEFAULT_OPENHANDS_CLOUD_HOST = \"https://app.all-hands.dev\";\n\nexport type BackendConnectionMethod = \"manual\" | \"cloud_login\";\n\nexport type BackendAddedSource = \"add_backend_modal\" | \"manage_backends_modal\";\n\nfunction getConnectionTestFailedTitle(\n  t: ReturnType<typeof useTranslation>[\"t\"],\n  host: string,\n): string {\n  return t(I18nKey.BACKEND$CONNECTION_TEST_FAILED, {\n    host,\n    interpolation: { escapeValue: false },\n  });\n}\n\nfunction getConnectionErrorDetail(error: unknown): string | null {\n  return getUserFacingConnectionErrorMessage(error);\n}\n\nfunction getConnectionTestFailedMessage(title: string, error: unknown): string {\n  const detail = getConnectionErrorDetail(error);\n  return detail ? `${title}\\n${detail}` : title;\n}\n\nasync function testBackendConnection(\n  backend: Pick<Backend, \"host\" | \"apiKey\" | \"kind\">,\n): Promise<void> {\n  // Cloud backends authenticate via OAuth; preflight GET is not applicable.\n  if (backend.kind !== \"local\") return;\n\n  const serverInfo = await new ServerClient(\n    getAgentServerClientOptions({\n      host: backend.host,\n      sessionApiKey: backend.apiKey || null,\n      timeout: 5000,\n    }),\n  ).getServerInfo();\n  assertAgentServerVersionIsSupported(serverInfo);\n}\n\n/**\n * Live status row for the edit form: shows a connection dot, a\n * \"Local\"/\"Cloud\" label, and the agent server's reported version when\n * available. Replaces the legacy local/cloud radio fieldset (kind is\n * now inferred from the host).\n */\nfunction BackendStatusBadge({\n  backend,\n  testIdRoot,\n}: {\n  backend: Backend;\n  testIdRoot: string;\n}) {\n  const { t } = useTranslation(\"openhands\");\n  const healthByBackendId = useBackendsHealth([backend]);\n  const health = healthByBackendId[backend.id];\n  const isConnected = health?.isConnected ?? null;\n  const disabled = health?.disabled === true;\n  const consecutiveFailures = health?.consecutiveFailures ?? 0;\n  const lastError = health?.lastError ?? null;\n\n  const { data: version } = useQuery({\n    queryKey: [\"backend-version\", backend.host, backend.apiKey],\n    queryFn: async () => {\n      const info = await new ServerClient(\n        getAgentServerClientOptions({\n          host: backend.host,\n          sessionApiKey: backend.apiKey || null,\n          timeout: 5000,\n        }),\n      ).getServerInfo();\n      return getDisplayAgentServerVersion(info);\n    },\n    retry: false,\n    staleTime: 60_000,\n    enabled: backend.kind === \"local\" && !disabled,\n  });\n\n  const statusLabel = getBackendStatusLabel(t, backend, health);\n\n  const kindLabel =\n    backend.kind === \"cloud\"\n      ? t(I18nKey.BACKEND$KIND_CLOUD)\n      : t(I18nKey.BACKEND$KIND_LOCAL);\n\n  return (\n    <div className=\"flex flex-col gap-2\">\n      <div\n        data-testid={`${testIdRoot}-status`}\n        className=\"flex items-center gap-3 text-sm\"\n      >\n        <BackendStatusDot isConnected={isConnected} />\n        <span className=\"text-white\" data-testid={`${testIdRoot}-status-label`}>\n          {statusLabel}\n        </span>\n        <span className=\"text-tertiary-alt\">·</span>\n        <span className=\"text-[var(--oh-text-tertiary)]\">{kindLabel}</span>\n        {version ? (\n          <span\n            className=\"text-xs text-[var(--oh-muted)]\"\n            data-testid={`${testIdRoot}-version`}\n          >\n            {t(I18nKey.BACKEND$VERSION_LABEL, { version })}\n          </span>\n        ) : null}\n      </div>\n\n      {disabled ? (\n        <div\n          data-testid={`${testIdRoot}-status-error`}\n          className=\"flex flex-col gap-1 rounded-md border border-red-500/40 bg-red-500/10 p-3 text-sm\"\n        >\n          <span className=\"font-semibold text-red-300\">\n            {t(I18nKey.BACKEND$HEALTH_FAILED_TITLE)}\n          </span>\n          <span className=\"text-xs text-[var(--oh-text-tertiary)]\">\n            {t(I18nKey.BACKEND$HEALTH_FAILED_DETAIL, {\n              count: consecutiveFailures,\n            })}\n          </span>\n          {lastError ? (\n            <span\n              data-testid={`${testIdRoot}-status-error-message`}\n              className=\"text-xs text-red-300 whitespace-pre-wrap break-words\"\n            >\n              {lastError}\n            </span>\n          ) : null}\n        </div>\n      ) : null}\n    </div>\n  );\n}\n\nexport interface BackendFormSubmitPayload {\n  name: string;\n  host: string;\n  apiKey: string;\n  kind: BackendKind;\n}\n\ninterface UseBackendFormOptions {\n  initialName?: string;\n  initialHost?: string;\n  initialApiKey?: string;\n  /**\n   * Called to test the connection. The hook does NOT call\n   * `testBackendConnection` directly so callers can inject a\n   * wrapped version (e.g. with extra logging or different timeout).\n   * Should throw on failure.\n   */\n  onTestConnection: (payload: BackendFormSubmitPayload) => Promise<void>;\n  /** Called after a successful connection test and persistence. */\n  onSuccess: () => void;\n  /** Require a non-empty API key even when the host looks local. */\n  requireApiKey?: boolean;\n  /**\n   * When provided, completely replaces the default submit flow\n   * (onTestConnection + onSuccess). The hook still manages form state\n   * and canSubmit validation, but the caller owns error handling and\n   * success side effects. Should throw on failure.\n   */\n  onSubmitOverride?: (payload: BackendFormSubmitPayload) => Promise<void>;\n}\n\n/**\n * Shared hook for the backend-form state used by both `BackendForm`\n * (edit/add mode) and `ManualConnectionColumn` (add-mode-only column).\n * Encapsulates name / host / apiKey fields, `connectionError`,\n * `isSubmitting`, and the shared `handleSubmit` flow.\n */\nfunction useBackendForm({\n  initialName = \"\",\n  initialHost = \"\",\n  initialApiKey = \"\",\n  onTestConnection,\n  onSuccess,\n  requireApiKey = false,\n  onSubmitOverride,\n}: UseBackendFormOptions) {\n  const { t } = useTranslation(\"openhands\");\n\n  const [name, setName] = React.useState(initialName);\n  const [host, setHost] = React.useState(initialHost);\n  const [apiKey, setApiKey] = React.useState(initialApiKey);\n  const [connectionError, setConnectionError] = React.useState<string | null>(\n    null,\n  );\n  const [isSubmitting, setIsSubmitting] = React.useState(false);\n  const [kindOverride, setKindOverride] = React.useState<BackendKind | null>(\n    null,\n  );\n\n  // Kind follows host inference until the user explicitly picks a type, then\n  // respects that choice. A custom-domain OHE can't be distinguished from a\n  // custom-domain local agent-server by host alone, so ManualConnectionColumn\n  // exposes `setKind` (a Type selector) to let the user declare it.\n  const kind = kindOverride ?? inferKindFromHost(host);\n  const needsApiKey = requireApiKey || kind !== \"local\";\n  const canSubmit =\n    name.trim().length > 0 &&\n    isValidHostUrl(host) &&\n    (!needsApiKey || apiKey.trim().length > 0);\n\n  const handleSubmit = React.useCallback(\n    async (e: React.FormEvent<HTMLFormElement>) => {\n      e.preventDefault();\n      if (!canSubmit || isSubmitting) return;\n\n      const payload: BackendFormSubmitPayload = {\n        name: name.trim(),\n        host: normalizeHost(host),\n        apiKey: apiKey.trim(),\n        kind,\n      };\n\n      setConnectionError(null);\n      setIsSubmitting(true);\n\n      try {\n        // When onSubmitOverride is provided, it completely replaces the\n        // default flow (onTestConnection + onSuccess).\n        if (onSubmitOverride) {\n          await onSubmitOverride(payload);\n        } else {\n          await onTestConnection(payload);\n          onSuccess();\n        }\n      } catch (error) {\n        setConnectionError(\n          getConnectionTestFailedMessage(\n            getConnectionTestFailedTitle(t, payload.host),\n            error,\n          ),\n        );\n      } finally {\n        setIsSubmitting(false);\n      }\n    },\n    [\n      canSubmit,\n      isSubmitting,\n      name,\n      host,\n      apiKey,\n      kind,\n      onTestConnection,\n      onSuccess,\n      requireApiKey,\n      onSubmitOverride,\n      t,\n    ],\n  );\n\n  return {\n    name,\n    setName,\n    host,\n    setHost,\n    apiKey,\n    setApiKey,\n    connectionError,\n    setConnectionError,\n    isSubmitting,\n    kind,\n    setKind: setKindOverride,\n    canSubmit,\n    handleSubmit,\n  };\n}\n\nexport interface BackendFormProps {\n  mode: BackendFormMode;\n  /** Required when `mode === \"edit\"`. */\n  backend?: Backend;\n  /**\n   * Called after the form is submitted and the backend has been\n   * persisted. Use this to dismiss a containing modal, advance an\n   * onboarding step, etc.\n   */\n  onSubmitted: () => void;\n  /**\n   * Optional render slot rendered in place of the default\n   * Save / Cancel button row, so callers (e.g. the onboarding flow)\n   * can re-skin the action area while still owning submission via the\n   * standard `<form onSubmit>` flow. Receives the form's submit-ready\n   * state.\n   */\n  renderActions?: (state: {\n    canSubmit: boolean;\n    isSubmitting: boolean;\n    testIdRoot: string;\n  }) => React.ReactNode;\n  /** Used to disambiguate test ids across the same screen. */\n  testIdRoot?: string;\n  /** When true, the host field is pre-filled and disabled. */\n  hostReadOnly?: boolean;\n  /**\n   * When true, a non-empty API key is required for submission regardless\n   * of the inferred backend kind.  The standard add form allows empty\n   * keys for local backends; the auth-gate screen needs to enforce one.\n   */\n  requireApiKey?: boolean;\n  /**\n   * When true, hides the name/host/API-key inputs (and related inline\n   * errors) while keeping the action row visible — used by onboarding\n   * after a successful connection probe.\n   */\n  hideConfigurationFields?: boolean;\n  /**\n   * Replace the default synchronous add/update-and-close submit with a\n   * custom async handler.  The form builds the payload, validates\n   * client-side, then hands it to this callback. If the callback throws,\n   * the form remains open so the caller can surface errors.\n   */\n  onSubmitOverride?: (payload: BackendFormSubmitPayload) => Promise<void>;\n}\n\n/**\n * Reusable form body for adding / editing a backend. Renders the\n * common name / host / API-key inputs plus the kind selector\n * (radio buttons in `add` mode, status badge in `edit` mode).\n *\n * Rendered as a `<form>`, so consumers should put any extra controls\n * either inside `renderActions` or as siblings inside a wrapping\n * element — but submission flows through the standard form submit so\n * Enter-to-submit still works.\n */\nexport function BackendForm({\n  mode,\n  backend,\n  onSubmitted,\n  renderActions,\n  testIdRoot: explicitTestIdRoot,\n  hostReadOnly,\n  requireApiKey,\n  hideConfigurationFields = false,\n  onSubmitOverride,\n}: BackendFormProps) {\n  const { t } = useTranslation(\"openhands\");\n  const { addBackend, updateBackend } = useActiveBackendContext();\n\n  // In edit mode preserve the existing backend's kind so that renaming or\n  // rotating the API key on a cloud backend (e.g. an OHE/enterprise instance\n  // on a custom domain) does not silently downgrade it to \"local\" and switch\n  // the auth header from `Authorization: Bearer` to `X-Session-API-Key`.\n  // Only infer from the host when adding a new backend.\n  const fixedKind: BackendKind | null =\n    mode === \"edit\" && backend ? backend.kind : null;\n\n  const {\n    name,\n    setName,\n    host,\n    setHost,\n    apiKey,\n    setApiKey,\n    connectionError,\n    setConnectionError,\n    isSubmitting,\n    kind: inferredKind,\n    handleSubmit: runSubmit,\n  } = useBackendForm({\n    initialName: backend?.name ?? \"\",\n    initialHost: backend?.host ?? \"\",\n    initialApiKey: backend?.apiKey ?? \"\",\n    onTestConnection: testBackendConnection,\n    onSuccess: async () => {\n      const payload: BackendFormSubmitPayload = {\n        name: name.trim(),\n        host: normalizeHost(host),\n        apiKey: apiKey.trim(),\n        kind: fixedKind ?? inferredKind,\n      };\n      if (mode === \"edit\" && backend) {\n        updateBackend(backend.id, payload);\n      } else {\n        addBackend(payload);\n      }\n      onSubmitted();\n    },\n    requireApiKey,\n    onSubmitOverride,\n  });\n\n  // Inline validation: only show errors after the user has left a field.\n  const [nameTouched, setNameTouched] = React.useState(false);\n  const [hostTouched, setHostTouched] = React.useState(false);\n\n  const kind = fixedKind ?? inferredKind;\n  const testIdRoot =\n    explicitTestIdRoot ?? (mode === \"edit\" ? \"edit-backend\" : \"add-backend\");\n\n  const needsApiKey = requireApiKey || kind !== \"local\";\n  const canSubmit =\n    name.trim().length > 0 &&\n    isValidHostUrl(host) &&\n    (!needsApiKey || apiKey.trim().length > 0);\n\n  // Error messages — only surfaced after the user has blurred the field.\n  const nameError =\n    nameTouched && !name.trim() ? t(I18nKey.BACKEND$NAME_REQUIRED) : undefined;\n  const hostError = hostTouched\n    ? !host.trim()\n      ? t(I18nKey.BACKEND$HOST_REQUIRED)\n      : !isValidHostUrl(host)\n        ? t(I18nKey.BACKEND$HOST_INVALID)\n        : undefined\n    : undefined;\n\n  const handleSubmit = async (event: React.FormEvent<HTMLFormElement>) => {\n    if (!canSubmit) {\n      // Mark all validated fields as touched so inline errors become visible\n      // (e.g. user pressed Enter before filling required fields).\n      setNameTouched(true);\n      setHostTouched(true);\n      return;\n    }\n    await runSubmit(event);\n  };\n\n  return (\n    <form\n      data-testid={`${testIdRoot}-form`}\n      onSubmit={handleSubmit}\n      className=\"flex flex-col gap-4\"\n    >\n      <div\n        data-testid={`${testIdRoot}-configuration-fields`}\n        className={cn(\n          \"flex flex-col gap-4\",\n          hideConfigurationFields && \"hidden\",\n        )}\n      >\n        <SettingsInput\n          testId={`${testIdRoot}-name`}\n          name={`${testIdRoot}-name`}\n          type=\"text\"\n          label={t(I18nKey.BACKEND$NAME_LABEL)}\n          value={name}\n          onChange={(value) => {\n            setName(value);\n            setConnectionError(null);\n          }}\n          onBlur={() => setNameTouched(true)}\n          // eslint-disable-next-line i18next/no-literal-string -- example placeholder, not user-facing copy\n          placeholder=\"Production\"\n          className=\"w-full\"\n          showRequiredTag\n          error={nameError}\n        />\n\n        <SettingsInput\n          testId={`${testIdRoot}-host`}\n          name={`${testIdRoot}-host`}\n          type=\"text\"\n          label={t(I18nKey.BACKEND$HOST_LABEL)}\n          value={host}\n          onChange={\n            hostReadOnly\n              ? undefined\n              : (value) => {\n                  setHost(value);\n                  setConnectionError(null);\n                }\n          }\n          onBlur={() => setHostTouched(true)}\n          placeholder={DEFAULT_OPENHANDS_CLOUD_HOST}\n          className=\"w-full\"\n          showRequiredTag\n          error={hostError}\n          isDisabled={hostReadOnly}\n        />\n\n        <SettingsInput\n          testId={`${testIdRoot}-api-key`}\n          name={`${testIdRoot}-api-key`}\n          type=\"password\"\n          label={t(I18nKey.BACKEND$KEY_LABEL)}\n          value={apiKey}\n          onChange={(value) => {\n            setApiKey(value);\n            setConnectionError(null);\n          }}\n          placeholder=\"\"\n          className=\"w-full\"\n        />\n\n        {connectionError ? (\n          <div\n            role=\"alert\"\n            data-testid={`${testIdRoot}-error`}\n            className=\"rounded-md border border-red-500/40 bg-red-500/10 p-3 text-sm text-red-300 whitespace-pre-wrap break-words\"\n          >\n            {connectionError}\n          </div>\n        ) : null}\n\n        {mode === \"edit\" && backend && (\n          <BackendStatusBadge backend={backend} testIdRoot={testIdRoot} />\n        )}\n      </div>\n\n      {renderActions ? (\n        renderActions({\n          canSubmit: canSubmit && !isSubmitting,\n          isSubmitting,\n          testIdRoot,\n        })\n      ) : (\n        <div className=\"flex justify-end gap-2 mt-2 w-full\">\n          <BrandButton\n            type=\"button\"\n            variant=\"secondary\"\n            onClick={onSubmitted}\n            testId={`${testIdRoot}-cancel`}\n          >\n            {t(I18nKey.BUTTON$CANCEL)}\n          </BrandButton>\n          <BrandButton\n            type=\"submit\"\n            variant=\"primary\"\n            isDisabled={!canSubmit || isSubmitting}\n            testId={`${testIdRoot}-submit`}\n          >\n            {t(I18nKey.BACKEND$SAVE)}\n          </BrandButton>\n        </div>\n      )}\n    </form>\n  );\n}\n\n// ── Add-mode two-column layout ──────────────────────────────────────\n\n/**\n * @spec BM-002 — Adding a backend auto-switches the active selection to it\n * (BM-001), so a backend-scoped detail page the user is viewing now belongs\n * to the previous backend. Redirect to that section's list so they never see\n * stale data, mirroring the switch-backend redirect in BackendSelector.\n */\nfunction useRedirectAfterAddBackend() {\n  const { currentPath, navigate } = useNavigation();\n  return React.useCallback(() => {\n    if (/^\\/automations\\/[^/]+/.test(currentPath)) navigate(\"/automations\");\n    else if (/^\\/conversations\\/[^/]+/.test(currentPath))\n      navigate(\"/conversations\");\n  }, [currentPath, navigate]);\n}\n\ninterface BackendConnectionOptionsProps {\n  onConnected: (\n    payload: BackendFormSubmitPayload,\n    connectionMethod: BackendConnectionMethod,\n  ) => void;\n  testIdRoot?: string;\n  initialManualBackend?: Partial<\n    Pick<BackendFormSubmitPayload, \"name\" | \"host\" | \"apiKey\">\n  >;\n  requireManualApiKey?: boolean;\n  manualSubmitLabel?: React.ReactNode;\n  manualSubmittingLabel?: React.ReactNode;\n  manualSubmitTestId?: string;\n}\n\n/**\n * Manual agent-server connection plus OpenHands Cloud OAuth login.\n * Used by both the Add Backend modal and the onboarding backend step so\n * supported backend choices stay consistent across first-run and settings UI.\n */\nexport function BackendConnectionOptions({\n  onConnected,\n  testIdRoot = \"add-backend\",\n  initialManualBackend,\n  requireManualApiKey = false,\n  manualSubmitLabel,\n  manualSubmittingLabel,\n  manualSubmitTestId,\n}: BackendConnectionOptionsProps) {\n  const { t } = useTranslation(\"openhands\");\n  const lockedCloudHost = getLockedCloudHost();\n\n  if (lockedCloudHost) {\n    return (\n      <div\n        data-testid={`${testIdRoot}-connection-options`}\n        className=\"flex justify-center\"\n      >\n        <div className=\"w-full\">\n          <CloudLoginColumn\n            onConnected={onConnected}\n            testIdRoot={testIdRoot}\n            lockedHost={lockedCloudHost}\n          />\n        </div>\n      </div>\n    );\n  }\n\n  return (\n    <div\n      data-testid={`${testIdRoot}-connection-options`}\n      className=\"flex flex-col gap-6 md:flex-row\"\n    >\n      <div className=\"flex-1 min-w-0\">\n        <ManualConnectionColumn\n          onConnected={onConnected}\n          testIdRoot={testIdRoot}\n          initialBackend={initialManualBackend}\n          requireApiKey={requireManualApiKey}\n          submitLabel={manualSubmitLabel ?? t(I18nKey.BACKEND$CONNECT)}\n          submittingLabel={\n            manualSubmittingLabel ??\n            t(I18nKey.ONBOARDING$BACKEND_STATUS_CHECKING)\n          }\n          submitTestId={manualSubmitTestId}\n        />\n      </div>\n\n      <div className=\"flex-1 min-w-0\">\n        <CloudLoginColumn onConnected={onConnected} testIdRoot={testIdRoot} />\n      </div>\n    </div>\n  );\n}\n\ninterface ManualConnectionColumnProps {\n  onConnected: (\n    payload: BackendFormSubmitPayload,\n    connectionMethod: BackendConnectionMethod,\n  ) => void;\n  testIdRoot: string;\n  initialBackend?: Partial<\n    Pick<BackendFormSubmitPayload, \"name\" | \"host\" | \"apiKey\">\n  >;\n  requireApiKey: boolean;\n  submitLabel: React.ReactNode;\n  submittingLabel: React.ReactNode;\n  submitTestId?: string;\n}\n\n/**\n * Manual connection via Host + API Key. Designed for self-hosted agent servers\n * and self-hosted OpenHands Cloud with API key auth.\n */\nfunction ManualConnectionColumn({\n  onConnected,\n  testIdRoot,\n  initialBackend,\n  requireApiKey,\n  submitLabel,\n  submittingLabel,\n  submitTestId,\n}: ManualConnectionColumnProps) {\n  const { t } = useTranslation(\"openhands\");\n\n  const {\n    name,\n    setName,\n    host,\n    setHost,\n    apiKey,\n    setApiKey,\n    connectionError,\n    setConnectionError,\n    isSubmitting,\n    kind,\n    setKind,\n    canSubmit,\n    handleSubmit,\n  } = useBackendForm({\n    initialName: initialBackend?.name ?? \"\",\n    initialHost: initialBackend?.host ?? \"\",\n    initialApiKey: initialBackend?.apiKey ?? \"\",\n    onTestConnection: testBackendConnection,\n    onSuccess: () => {\n      onConnected(\n        {\n          name: name.trim(),\n          host: normalizeHost(host),\n          apiKey: apiKey.trim(),\n          kind,\n        },\n        \"manual\",\n      );\n    },\n    requireApiKey,\n  });\n\n  return (\n    <form\n      data-testid={`${testIdRoot}-form`}\n      onSubmit={handleSubmit}\n      className=\"flex flex-col gap-4 flex-1 min-w-0\"\n    >\n      <div className=\"flex flex-col gap-1\">\n        <SettingsInput\n          testId={`${testIdRoot}-name`}\n          name={`${testIdRoot}-name`}\n          type=\"text\"\n          label={t(I18nKey.BACKEND$NAME_LABEL)}\n          value={name}\n          onChange={(value) => {\n            setName(value);\n            setConnectionError(null);\n          }}\n          // eslint-disable-next-line i18next/no-literal-string -- example placeholder, not user-facing copy\n          placeholder=\"e.g. My Server\"\n          className=\"w-full\"\n        />\n        <p className=\"text-xs text-[var(--oh-muted)]\">\n          {t(I18nKey.BACKEND$NAME_HELPER)}\n        </p>\n      </div>\n\n      <div className=\"flex flex-col gap-1\">\n        <SettingsInput\n          testId={`${testIdRoot}-host`}\n          name={`${testIdRoot}-host`}\n          type=\"text\"\n          label={t(I18nKey.BACKEND$HOST_LABEL)}\n          value={host}\n          onChange={(value) => {\n            setHost(value);\n            setConnectionError(null);\n          }}\n          // eslint-disable-next-line i18next/no-literal-string -- example value, not translatable\n          placeholder=\"http://localhost:8000\"\n          className=\"w-full\"\n        />\n        <p\n          className=\"text-xs text-[var(--oh-muted)]\"\n          data-testid={`${testIdRoot}-host-helper`}\n        >\n          {t(I18nKey.BACKEND$HOST_HELPER)}\n        </p>\n      </div>\n\n      <div className=\"flex flex-col items-start gap-2.5\">\n        <span className=\"text-sm\">{t(I18nKey.BACKEND$KIND_LABEL)}</span>\n        <SegmentedToggle<BackendKind>\n          value={kind}\n          options={[\n            { value: \"local\", label: t(I18nKey.BACKEND$KIND_LOCAL) },\n            { value: \"cloud\", label: t(I18nKey.BACKEND$KIND_CLOUD) },\n          ]}\n          onChange={(value) => setKind(value)}\n          ariaLabel={t(I18nKey.BACKEND$KIND_LABEL)}\n          testId={`${testIdRoot}-kind`}\n        />\n      </div>\n\n      <SettingsInput\n        testId={`${testIdRoot}-api-key`}\n        name={`${testIdRoot}-api-key`}\n        type=\"password\"\n        label={t(I18nKey.BACKEND$KEY_LABEL)}\n        value={apiKey}\n        onChange={(value) => {\n          setApiKey(value);\n          setConnectionError(null);\n        }}\n        // eslint-disable-next-line i18next/no-literal-string -- example value, not translatable\n        placeholder=\"sk-••••••••••\"\n        className=\"w-full\"\n      />\n\n      {connectionError ? (\n        <div\n          role=\"alert\"\n          data-testid={`${testIdRoot}-error`}\n          className=\"rounded-md border border-red-500/40 bg-red-500/10 p-3 text-sm text-red-300 whitespace-pre-wrap break-words\"\n        >\n          {connectionError}\n        </div>\n      ) : null}\n\n      <BrandButton\n        type=\"submit\"\n        variant=\"secondary\"\n        isDisabled={!canSubmit || isSubmitting}\n        testId={submitTestId ?? `${testIdRoot}-submit`}\n        className=\"w-full text-center\"\n      >\n        {isSubmitting ? submittingLabel : submitLabel}\n      </BrandButton>\n    </form>\n  );\n}\n\ninterface CloudLoginColumnProps {\n  onConnected: (\n    payload: BackendFormSubmitPayload,\n    connectionMethod: BackendConnectionMethod,\n  ) => void;\n  testIdRoot: string;\n  lockedHost?: string;\n}\n\n/**\n * One-click OAuth login with OpenHands Cloud. Includes an \"Advanced\"\n * disclosure for users who self-host OpenHands Cloud and need to override the\n * host.\n */\nfunction CloudLoginColumn({\n  onConnected,\n  testIdRoot,\n  lockedHost,\n}: CloudLoginColumnProps) {\n  const { t } = useTranslation(\"openhands\");\n\n  const [advancedOpen, setAdvancedOpen] = React.useState(false);\n  const [customHost, setCustomHost] = React.useState(\"\");\n\n  const effectiveHost =\n    lockedHost ?? (customHost.trim() || DEFAULT_OPENHANDS_CLOUD_HOST);\n\n  const handleLoginSuccess = (apiKey: string) => {\n    onConnected(\n      {\n        name: \"OpenHands Cloud\",\n        host: normalizeHost(effectiveHost),\n        apiKey,\n        kind: \"cloud\",\n      },\n      \"cloud_login\",\n    );\n  };\n\n  return (\n    <div className=\"flex flex-1 min-w-0 flex-col items-center gap-3 pb-8\">\n      <div className=\"flex flex-col items-center gap-1\">\n        <OpenHandsLogoWhite width={56} height={56} aria-hidden />\n\n        <h4\n          className={modalTitleLgMediumClassName}\n          data-testid={`${testIdRoot}-cloud-title`}\n        >\n          {t(I18nKey.BACKEND$CLOUD_TITLE)}\n        </h4>\n      </div>\n\n      <p className=\"text-center text-sm leading-relaxed text-[var(--oh-muted)]\">\n        {t(I18nKey.BACKEND$CLOUD_DESCRIPTION)}\n      </p>\n\n      <DeviceFlowAuth\n        host={effectiveHost}\n        onSuccess={handleLoginSuccess}\n        testIdRoot={testIdRoot}\n      />\n\n      {lockedHost ? null : (\n        <div className=\"w-full\">\n          <button\n            type=\"button\"\n            onClick={() => setAdvancedOpen((open) => !open)}\n            aria-expanded={advancedOpen}\n            data-testid={`${testIdRoot}-advanced-toggle`}\n            className=\"flex w-full cursor-pointer items-center justify-center gap-1 text-center text-xs text-[var(--oh-muted)] transition-colors hover:text-content-2\"\n          >\n            <span>{t(I18nKey.BACKEND$ADVANCED)}</span>\n            <ChevronDownSmallIcon\n              className={cn(\n                \"h-4 w-4 shrink-0 text-muted transition-transform\",\n                advancedOpen && \"rotate-180\",\n              )}\n              aria-hidden\n            />\n          </button>\n          <div\n            className={cn(\n              \"pt-2\",\n              !advancedOpen && \"pointer-events-none invisible\",\n            )}\n            aria-hidden={!advancedOpen}\n          >\n            <SettingsInput\n              testId={`${testIdRoot}-cloud-host`}\n              name={`${testIdRoot}-cloud-host`}\n              type=\"text\"\n              label={t(I18nKey.BACKEND$HOST_LABEL)}\n              value={customHost}\n              onChange={setCustomHost}\n              placeholder={DEFAULT_OPENHANDS_CLOUD_HOST}\n              className=\"w-full\"\n            />\n            <p className=\"mt-1 text-xs text-[var(--oh-muted)]\">\n              {t(I18nKey.BACKEND$LOGIN_CLOUD_HINT)}\n            </p>\n          </div>\n        </div>\n      )}\n    </div>\n  );\n}\n\nfunction AddBackendConnectionOptions({\n  onClose,\n  source,\n}: {\n  onClose: () => void;\n  source: BackendAddedSource;\n}) {\n  const { addBackend } = useActiveBackendContext();\n  const redirectAfterAdd = useRedirectAfterAddBackend();\n  const { trackBackendAdded } = useTracking();\n\n  const handleConnected = React.useCallback(\n    (\n      payload: BackendFormSubmitPayload,\n      connectionMethod: BackendConnectionMethod,\n    ) => {\n      addBackend(payload);\n      // Coarse, non-sensitive host classification — never emit the raw host.\n      const isOpenHandsCloud = payload.host === DEFAULT_OPENHANDS_CLOUD_HOST;\n      trackBackendAdded({\n        backendKind: payload.kind,\n        connectionMethod,\n        isOpenhandsCloud: isOpenHandsCloud,\n        isCustomHost: !isOpenHandsCloud,\n        hasApiKey: Boolean(payload.apiKey),\n        source,\n      });\n      redirectAfterAdd();\n      onClose();\n    },\n    [addBackend, redirectAfterAdd, onClose, trackBackendAdded, source],\n  );\n\n  return <BackendConnectionOptions onConnected={handleConnected} />;\n}\n\n// ── Modal wrappers ──────────────────────────────────────────────────\n\n/**\n * Modal wrapper. In **add** mode it renders a two-column layout\n * (manual connection | OR | Cloud login). In **edit** mode it wraps\n * the standard `BackendForm`.\n */\nexport function BackendFormModal({\n  mode,\n  backend,\n  onClose,\n  source = \"add_backend_modal\",\n  hideCloseButton = false,\n}: BackendFormModalProps) {\n  const { t } = useTranslation(\"openhands\");\n\n  if (mode === \"add\") {\n    return (\n      <ModalBackdrop\n        onClose={hideCloseButton ? undefined : onClose}\n        closeOnEscape={false}\n        closeOnBackdropClick={!hideCloseButton}\n        aria-label={t(I18nKey.BACKEND$ADD_TITLE)}\n      >\n        <div\n          data-testid={\n            hideCloseButton ? \"onboarding-modal\" : \"add-backend-modal\"\n          }\n          className={cn(\n            \"relative rounded-xl border border-[var(--oh-border)] bg-base-secondary\",\n            modalWidthClassName(\"xl\"),\n            MODAL_MAX_WIDTH_VIEWPORT,\n          )}\n        >\n          {hideCloseButton ? null : (\n            <ModalCloseButton onClose={onClose} testId=\"add-backend-close\" />\n          )}\n          {/* Header - hide in locked Cloud first-run mode for cleaner UX */}\n          {hideCloseButton ? null : (\n            <div className=\"px-6 pt-6 pb-2 pr-12\">\n              <h2 className={modalTitleLgClassName}>\n                {t(I18nKey.BACKEND$ADD_TITLE)}\n              </h2>\n            </div>\n          )}\n\n          <div className={cn(\"px-6 pb-6\", hideCloseButton ? \"pt-6\" : \"pt-2\")}>\n            <AddBackendConnectionOptions onClose={onClose} source={source} />\n          </div>\n        </div>\n      </ModalBackdrop>\n    );\n  }\n\n  // Edit mode — single-column form (unchanged)\n  const testIdRoot = \"edit-backend\";\n  return (\n    <ModalBackdrop\n      onClose={onClose}\n      closeOnEscape={false}\n      aria-label={t(I18nKey.BACKEND$EDIT_TITLE)}\n    >\n      <div\n        data-testid={`${testIdRoot}-modal`}\n        className={cn(\n          \"relative bg-base-secondary p-6 rounded-xl flex flex-col gap-4 border border-[var(--oh-border)]\",\n          modalWidthClassName(\"md\"),\n        )}\n      >\n        <ModalCloseButton onClose={onClose} testId={`${testIdRoot}-close`} />\n        <h2 className={cn(\"pr-6\", modalTitleLgClassName)}>\n          {t(I18nKey.BACKEND$EDIT_TITLE)}\n        </h2>\n        <BackendForm\n          mode=\"edit\"\n          backend={backend}\n          onSubmitted={onClose}\n          testIdRoot={testIdRoot}\n        />\n      </div>\n    </ModalBackdrop>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"backend-form-modal.cjs","names":[],"sources":["../../../../src/components/features/backends/backend-form-modal.tsx"],"sourcesContent":["import React from \"react\";\nimport { useQuery } from \"@tanstack/react-query\";\nimport { useTranslation } from \"react-i18next\";\nimport { ServerClient } from \"@openhands/typescript-client/clients\";\nimport OpenHandsLogoWhite from \"#/assets/branding/openhands-logo-white.svg?react\";\nimport { ModalBackdrop } from \"#/components/shared/modals/modal-backdrop\";\nimport {\n  MODAL_MAX_WIDTH_VIEWPORT,\n  modalWidthClassName,\n} from \"#/components/shared/modals/modal-body\";\nimport { ModalCloseButton } from \"#/components/shared/modals/modal-close-button\";\nimport { BrandButton } from \"#/components/features/settings/brand-button\";\nimport { SettingsInput } from \"#/components/features/settings/settings-input\";\nimport { SegmentedToggle } from \"#/components/features/files-tab/segmented-toggle\";\nimport { useActiveBackendContext } from \"#/contexts/active-backend-context\";\nimport { useNavigation } from \"#/context/navigation-context\";\nimport { useBackendsHealth } from \"#/hooks/query/use-backends-health\";\nimport { useTracking } from \"#/hooks/use-tracking\";\nimport {\n  trackCanvasBackendAdded,\n  type CloudConnectionSource,\n} from \"#/services/cloud-funnel-analytics\";\nimport { getAgentServerClientOptions } from \"#/api/agent-server-client-options\";\nimport { getLockedCloudHost } from \"#/api/agent-server-config\";\nimport { isOpenHandsCloudHost } from \"#/api/device-flow-client\";\nimport {\n  assertAgentServerVersionIsSupported,\n  getDisplayAgentServerVersion,\n} from \"#/api/agent-server-compatibility\";\nimport ChevronDownSmallIcon from \"#/icons/chevron-down-small.svg?react\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport type { Backend, BackendKind } from \"#/api/backend-registry/types\";\nimport { getUserFacingConnectionErrorMessage } from \"#/utils/user-facing-error\";\nimport { cn } from \"#/utils/utils\";\nimport {\n  modalTitleLgClassName,\n  modalTitleLgMediumClassName,\n} from \"#/utils/modal-classes\";\nimport { getBackendStatusLabel } from \"./backend-status-label\";\nimport { BackendStatusDot } from \"./backend-status-dot\";\nimport { DeviceFlowAuth } from \"./device-flow-auth\";\n\nexport type BackendFormMode = \"add\" | \"edit\";\n\ninterface BackendFormModalProps {\n  mode: BackendFormMode;\n  /** Required when `mode === \"edit\"`. */\n  backend?: Backend;\n  onClose: () => void;\n  /** Analytics surface for the `backend_added` event (add mode only). */\n  source?: BackendAddedSource;\n  /** Hide the close button and disable backdrop/escape dismissal. Used for locked Cloud first-run. */\n  hideCloseButton?: boolean;\n}\n\n/**\n * Seed the default backend kind from the host. Uses proper hostname-suffix\n * matching (via {@link isOpenHandsCloudHost}) rather than a substring test, so\n * a look-alike host such as `all-hands-testing.dev` isn't misread as cloud.\n *\n * This is only a *default*: a self-hosted OpenHands Cloud/Enterprise instance\n * on a truly custom domain is indistinguishable from a local agent-server by\n * host alone, so the manual add form lets the user override the kind\n * explicitly (see the Type selector in ManualConnectionColumn).\n */\nfunction inferKindFromHost(host: string): BackendKind {\n  return isOpenHandsCloudHost(host) ? \"cloud\" : \"local\";\n}\n\n/**\n * Returns true for hostnames that represent a local / private-network address.\n * Used by normalizeHost to choose http:// instead of https://.\n */\nfunction isLocalAddress(hostname: string): boolean {\n  // Strip IPv6 bracket notation: [::1] → ::1\n  const h = hostname.toLowerCase().replace(/^\\[|\\]$/g, \"\");\n  // IPv6 loopback, any-address, and named loopback\n  if (h === \"localhost\" || h === \"::1\" || h === \"::\" || h === \"0.0.0.0\")\n    return true;\n  // 127.x.x.x loopback range + IPv4-mapped loopback (::ffff:127.x.x.x)\n  if (/^127\\./.test(h) || /^::ffff:127\\./i.test(h)) return true;\n  // RFC 1918 private ranges\n  if (/^10\\./.test(h)) return true;\n  if (/^192\\.168\\./.test(h)) return true;\n  if (/^172\\.(1[6-9]|2\\d|3[01])\\./.test(h)) return true;\n  // IPv6 link-local (fe80::/10) and unique local (fc00::/7)\n  if (/^fe[89ab][0-9a-f]:/i.test(h)) return true;\n  if (/^f[cd][0-9a-f]{2}:/i.test(h)) return true;\n  // mDNS / Bonjour (.local)\n  if (h.endsWith(\".local\")) return true;\n  // Single-label hostnames (no dots, no colons) are local network names.\n  // Colons are excluded so bare IPv6 addresses don't accidentally match.\n  if (!h.includes(\".\") && !h.includes(\":\")) return true;\n  return false;\n}\n\nfunction normalizeHost(host: string): string {\n  const trimmed = host.trim().replace(/\\/+$/, \"\");\n  if (!trimmed) return \"\";\n  // Already has an explicit scheme — respect it.\n  if (/^https?:\\/\\//i.test(trimmed)) return trimmed;\n  // Extract the pure hostname for scheme selection, handling three cases:\n  //   [::1]:8080  → bracket IPv6 notation → extract ::1\n  //   ::1         → bare IPv6 (multiple colons, no bracket) → whole string\n  //   host:port   → regular host:port → part before the colon\n  const bracketMatch = trimmed.match(/^\\[([^\\]]+)\\]/);\n  const hostname = bracketMatch\n    ? bracketMatch[1]\n    : (trimmed.match(/:/g) ?? []).length > 1\n      ? trimmed\n      : trimmed.split(\":\")[0];\n  const scheme = isLocalAddress(hostname) ? \"http\" : \"https\";\n  return `${scheme}://${trimmed}`;\n}\n\n/**\n * Returns true when `host` represents a reachable backend URL.\n *\n * Rules (applied in order):\n *   1. Must be non-empty after trimming.\n *   2. Must contain no whitespace — spaces can never appear in a host/port.\n *   3. After normalisation (bare hosts get `https://` prepended), must parse\n *      as a valid http or https URL with a non-empty hostname.\n */\nfunction isValidHostUrl(host: string): boolean {\n  const trimmed = host.trim();\n  if (!trimmed) return false;\n  // Spaces anywhere in the input are an immediate rejection.\n  if (/\\s/.test(trimmed)) return false;\n  const normalized = normalizeHost(trimmed);\n  if (!normalized) return false;\n  try {\n    const url = new URL(normalized);\n    return (\n      (url.protocol === \"http:\" || url.protocol === \"https:\") &&\n      url.hostname.length > 0\n    );\n  } catch {\n    return false;\n  }\n}\n\nconst DEFAULT_OPENHANDS_CLOUD_HOST = \"https://app.all-hands.dev\";\n\nexport type BackendConnectionMethod = \"manual\" | \"cloud_login\";\n\nexport type BackendAddedSource = CloudConnectionSource;\n\nfunction getConnectionTestFailedTitle(\n  t: ReturnType<typeof useTranslation>[\"t\"],\n  host: string,\n): string {\n  return t(I18nKey.BACKEND$CONNECTION_TEST_FAILED, {\n    host,\n    interpolation: { escapeValue: false },\n  });\n}\n\nfunction getConnectionErrorDetail(error: unknown): string | null {\n  return getUserFacingConnectionErrorMessage(error);\n}\n\nfunction getConnectionTestFailedMessage(title: string, error: unknown): string {\n  const detail = getConnectionErrorDetail(error);\n  return detail ? `${title}\\n${detail}` : title;\n}\n\nasync function testBackendConnection(\n  backend: Pick<Backend, \"host\" | \"apiKey\" | \"kind\">,\n): Promise<void> {\n  // Cloud backends authenticate via OAuth; preflight GET is not applicable.\n  if (backend.kind !== \"local\") return;\n\n  const serverInfo = await new ServerClient(\n    getAgentServerClientOptions({\n      host: backend.host,\n      sessionApiKey: backend.apiKey || null,\n      timeout: 5000,\n    }),\n  ).getServerInfo();\n  assertAgentServerVersionIsSupported(serverInfo);\n}\n\n/**\n * Live status row for the edit form: shows a connection dot, a\n * \"Local\"/\"Cloud\" label, and the agent server's reported version when\n * available. Replaces the legacy local/cloud radio fieldset (kind is\n * now inferred from the host).\n */\nfunction BackendStatusBadge({\n  backend,\n  testIdRoot,\n}: {\n  backend: Backend;\n  testIdRoot: string;\n}) {\n  const { t } = useTranslation(\"openhands\");\n  const healthByBackendId = useBackendsHealth([backend]);\n  const health = healthByBackendId[backend.id];\n  const isConnected = health?.isConnected ?? null;\n  const disabled = health?.disabled === true;\n  const consecutiveFailures = health?.consecutiveFailures ?? 0;\n  const lastError = health?.lastError ?? null;\n\n  const { data: version } = useQuery({\n    queryKey: [\"backend-version\", backend.host, backend.apiKey],\n    queryFn: async () => {\n      const info = await new ServerClient(\n        getAgentServerClientOptions({\n          host: backend.host,\n          sessionApiKey: backend.apiKey || null,\n          timeout: 5000,\n        }),\n      ).getServerInfo();\n      return getDisplayAgentServerVersion(info);\n    },\n    retry: false,\n    staleTime: 60_000,\n    enabled: backend.kind === \"local\" && !disabled,\n  });\n\n  const statusLabel = getBackendStatusLabel(t, backend, health);\n\n  const kindLabel =\n    backend.kind === \"cloud\"\n      ? t(I18nKey.BACKEND$KIND_CLOUD)\n      : t(I18nKey.BACKEND$KIND_LOCAL);\n\n  return (\n    <div className=\"flex flex-col gap-2\">\n      <div\n        data-testid={`${testIdRoot}-status`}\n        className=\"flex items-center gap-3 text-sm\"\n      >\n        <BackendStatusDot isConnected={isConnected} />\n        <span className=\"text-white\" data-testid={`${testIdRoot}-status-label`}>\n          {statusLabel}\n        </span>\n        <span className=\"text-tertiary-alt\">·</span>\n        <span className=\"text-[var(--oh-text-tertiary)]\">{kindLabel}</span>\n        {version ? (\n          <span\n            className=\"text-xs text-[var(--oh-muted)]\"\n            data-testid={`${testIdRoot}-version`}\n          >\n            {t(I18nKey.BACKEND$VERSION_LABEL, { version })}\n          </span>\n        ) : null}\n      </div>\n\n      {disabled ? (\n        <div\n          data-testid={`${testIdRoot}-status-error`}\n          className=\"flex flex-col gap-1 rounded-md border border-red-500/40 bg-red-500/10 p-3 text-sm\"\n        >\n          <span className=\"font-semibold text-red-300\">\n            {t(I18nKey.BACKEND$HEALTH_FAILED_TITLE)}\n          </span>\n          <span className=\"text-xs text-[var(--oh-text-tertiary)]\">\n            {t(I18nKey.BACKEND$HEALTH_FAILED_DETAIL, {\n              count: consecutiveFailures,\n            })}\n          </span>\n          {lastError ? (\n            <span\n              data-testid={`${testIdRoot}-status-error-message`}\n              className=\"text-xs text-red-300 whitespace-pre-wrap break-words\"\n            >\n              {lastError}\n            </span>\n          ) : null}\n        </div>\n      ) : null}\n    </div>\n  );\n}\n\nexport interface BackendFormSubmitPayload {\n  name: string;\n  host: string;\n  apiKey: string;\n  kind: BackendKind;\n}\n\ninterface UseBackendFormOptions {\n  initialName?: string;\n  initialHost?: string;\n  initialApiKey?: string;\n  /**\n   * Called to test the connection. The hook does NOT call\n   * `testBackendConnection` directly so callers can inject a\n   * wrapped version (e.g. with extra logging or different timeout).\n   * Should throw on failure.\n   */\n  onTestConnection: (payload: BackendFormSubmitPayload) => Promise<void>;\n  /** Called after a successful connection test and persistence. */\n  onSuccess: () => void;\n  /** Require a non-empty API key even when the host looks local. */\n  requireApiKey?: boolean;\n  /**\n   * When provided, completely replaces the default submit flow\n   * (onTestConnection + onSuccess). The hook still manages form state\n   * and canSubmit validation, but the caller owns error handling and\n   * success side effects. Should throw on failure.\n   */\n  onSubmitOverride?: (payload: BackendFormSubmitPayload) => Promise<void>;\n}\n\n/**\n * Shared hook for the backend-form state used by both `BackendForm`\n * (edit/add mode) and `ManualConnectionColumn` (add-mode-only column).\n * Encapsulates name / host / apiKey fields, `connectionError`,\n * `isSubmitting`, and the shared `handleSubmit` flow.\n */\nfunction useBackendForm({\n  initialName = \"\",\n  initialHost = \"\",\n  initialApiKey = \"\",\n  onTestConnection,\n  onSuccess,\n  requireApiKey = false,\n  onSubmitOverride,\n}: UseBackendFormOptions) {\n  const { t } = useTranslation(\"openhands\");\n\n  const [name, setName] = React.useState(initialName);\n  const [host, setHost] = React.useState(initialHost);\n  const [apiKey, setApiKey] = React.useState(initialApiKey);\n  const [connectionError, setConnectionError] = React.useState<string | null>(\n    null,\n  );\n  const [isSubmitting, setIsSubmitting] = React.useState(false);\n  const [kindOverride, setKindOverride] = React.useState<BackendKind | null>(\n    null,\n  );\n\n  // Kind follows host inference until the user explicitly picks a type, then\n  // respects that choice. A custom-domain OHE can't be distinguished from a\n  // custom-domain local agent-server by host alone, so ManualConnectionColumn\n  // exposes `setKind` (a Type selector) to let the user declare it.\n  const kind = kindOverride ?? inferKindFromHost(host);\n  const needsApiKey = requireApiKey || kind !== \"local\";\n  const canSubmit =\n    name.trim().length > 0 &&\n    isValidHostUrl(host) &&\n    (!needsApiKey || apiKey.trim().length > 0);\n\n  const handleSubmit = React.useCallback(\n    async (e: React.FormEvent<HTMLFormElement>) => {\n      e.preventDefault();\n      if (!canSubmit || isSubmitting) return;\n\n      const payload: BackendFormSubmitPayload = {\n        name: name.trim(),\n        host: normalizeHost(host),\n        apiKey: apiKey.trim(),\n        kind,\n      };\n\n      setConnectionError(null);\n      setIsSubmitting(true);\n\n      try {\n        // When onSubmitOverride is provided, it completely replaces the\n        // default flow (onTestConnection + onSuccess).\n        if (onSubmitOverride) {\n          await onSubmitOverride(payload);\n        } else {\n          await onTestConnection(payload);\n          onSuccess();\n        }\n      } catch (error) {\n        setConnectionError(\n          getConnectionTestFailedMessage(\n            getConnectionTestFailedTitle(t, payload.host),\n            error,\n          ),\n        );\n      } finally {\n        setIsSubmitting(false);\n      }\n    },\n    [\n      canSubmit,\n      isSubmitting,\n      name,\n      host,\n      apiKey,\n      kind,\n      onTestConnection,\n      onSuccess,\n      requireApiKey,\n      onSubmitOverride,\n      t,\n    ],\n  );\n\n  return {\n    name,\n    setName,\n    host,\n    setHost,\n    apiKey,\n    setApiKey,\n    connectionError,\n    setConnectionError,\n    isSubmitting,\n    kind,\n    setKind: setKindOverride,\n    canSubmit,\n    handleSubmit,\n  };\n}\n\nexport interface BackendFormProps {\n  mode: BackendFormMode;\n  /** Required when `mode === \"edit\"`. */\n  backend?: Backend;\n  /**\n   * Called after the form is submitted and the backend has been\n   * persisted. Use this to dismiss a containing modal, advance an\n   * onboarding step, etc.\n   */\n  onSubmitted: () => void;\n  /**\n   * Optional render slot rendered in place of the default\n   * Save / Cancel button row, so callers (e.g. the onboarding flow)\n   * can re-skin the action area while still owning submission via the\n   * standard `<form onSubmit>` flow. Receives the form's submit-ready\n   * state.\n   */\n  renderActions?: (state: {\n    canSubmit: boolean;\n    isSubmitting: boolean;\n    testIdRoot: string;\n  }) => React.ReactNode;\n  /** Used to disambiguate test ids across the same screen. */\n  testIdRoot?: string;\n  /** When true, the host field is pre-filled and disabled. */\n  hostReadOnly?: boolean;\n  /**\n   * When true, a non-empty API key is required for submission regardless\n   * of the inferred backend kind.  The standard add form allows empty\n   * keys for local backends; the auth-gate screen needs to enforce one.\n   */\n  requireApiKey?: boolean;\n  /**\n   * When true, hides the name/host/API-key inputs (and related inline\n   * errors) while keeping the action row visible — used by onboarding\n   * after a successful connection probe.\n   */\n  hideConfigurationFields?: boolean;\n  /**\n   * Replace the default synchronous add/update-and-close submit with a\n   * custom async handler.  The form builds the payload, validates\n   * client-side, then hands it to this callback. If the callback throws,\n   * the form remains open so the caller can surface errors.\n   */\n  onSubmitOverride?: (payload: BackendFormSubmitPayload) => Promise<void>;\n}\n\n/**\n * Reusable form body for adding / editing a backend. Renders the\n * common name / host / API-key inputs plus the kind selector\n * (radio buttons in `add` mode, status badge in `edit` mode).\n *\n * Rendered as a `<form>`, so consumers should put any extra controls\n * either inside `renderActions` or as siblings inside a wrapping\n * element — but submission flows through the standard form submit so\n * Enter-to-submit still works.\n */\nexport function BackendForm({\n  mode,\n  backend,\n  onSubmitted,\n  renderActions,\n  testIdRoot: explicitTestIdRoot,\n  hostReadOnly,\n  requireApiKey,\n  hideConfigurationFields = false,\n  onSubmitOverride,\n}: BackendFormProps) {\n  const { t } = useTranslation(\"openhands\");\n  const { addBackend, updateBackend } = useActiveBackendContext();\n\n  // In edit mode preserve the existing backend's kind so that renaming or\n  // rotating the API key on a cloud backend (e.g. an OHE/enterprise instance\n  // on a custom domain) does not silently downgrade it to \"local\" and switch\n  // the auth header from `Authorization: Bearer` to `X-Session-API-Key`.\n  // Only infer from the host when adding a new backend.\n  const fixedKind: BackendKind | null =\n    mode === \"edit\" && backend ? backend.kind : null;\n\n  const {\n    name,\n    setName,\n    host,\n    setHost,\n    apiKey,\n    setApiKey,\n    connectionError,\n    setConnectionError,\n    isSubmitting,\n    kind: inferredKind,\n    handleSubmit: runSubmit,\n  } = useBackendForm({\n    initialName: backend?.name ?? \"\",\n    initialHost: backend?.host ?? \"\",\n    initialApiKey: backend?.apiKey ?? \"\",\n    onTestConnection: testBackendConnection,\n    onSuccess: async () => {\n      const payload: BackendFormSubmitPayload = {\n        name: name.trim(),\n        host: normalizeHost(host),\n        apiKey: apiKey.trim(),\n        kind: fixedKind ?? inferredKind,\n      };\n      if (mode === \"edit\" && backend) {\n        updateBackend(backend.id, payload);\n      } else {\n        addBackend(payload);\n      }\n      onSubmitted();\n    },\n    requireApiKey,\n    onSubmitOverride,\n  });\n\n  // Inline validation: only show errors after the user has left a field.\n  const [nameTouched, setNameTouched] = React.useState(false);\n  const [hostTouched, setHostTouched] = React.useState(false);\n\n  const kind = fixedKind ?? inferredKind;\n  const testIdRoot =\n    explicitTestIdRoot ?? (mode === \"edit\" ? \"edit-backend\" : \"add-backend\");\n\n  const needsApiKey = requireApiKey || kind !== \"local\";\n  const canSubmit =\n    name.trim().length > 0 &&\n    isValidHostUrl(host) &&\n    (!needsApiKey || apiKey.trim().length > 0);\n\n  // Error messages — only surfaced after the user has blurred the field.\n  const nameError =\n    nameTouched && !name.trim() ? t(I18nKey.BACKEND$NAME_REQUIRED) : undefined;\n  const hostError = hostTouched\n    ? !host.trim()\n      ? t(I18nKey.BACKEND$HOST_REQUIRED)\n      : !isValidHostUrl(host)\n        ? t(I18nKey.BACKEND$HOST_INVALID)\n        : undefined\n    : undefined;\n\n  const handleSubmit = async (event: React.FormEvent<HTMLFormElement>) => {\n    if (!canSubmit) {\n      // Mark all validated fields as touched so inline errors become visible\n      // (e.g. user pressed Enter before filling required fields).\n      setNameTouched(true);\n      setHostTouched(true);\n      return;\n    }\n    await runSubmit(event);\n  };\n\n  return (\n    <form\n      data-testid={`${testIdRoot}-form`}\n      onSubmit={handleSubmit}\n      className=\"flex flex-col gap-4\"\n    >\n      <div\n        data-testid={`${testIdRoot}-configuration-fields`}\n        className={cn(\n          \"flex flex-col gap-4\",\n          hideConfigurationFields && \"hidden\",\n        )}\n      >\n        <SettingsInput\n          testId={`${testIdRoot}-name`}\n          name={`${testIdRoot}-name`}\n          type=\"text\"\n          label={t(I18nKey.BACKEND$NAME_LABEL)}\n          value={name}\n          onChange={(value) => {\n            setName(value);\n            setConnectionError(null);\n          }}\n          onBlur={() => setNameTouched(true)}\n          // eslint-disable-next-line i18next/no-literal-string -- example placeholder, not user-facing copy\n          placeholder=\"Production\"\n          className=\"w-full\"\n          showRequiredTag\n          error={nameError}\n        />\n\n        <SettingsInput\n          testId={`${testIdRoot}-host`}\n          name={`${testIdRoot}-host`}\n          type=\"text\"\n          label={t(I18nKey.BACKEND$HOST_LABEL)}\n          value={host}\n          onChange={\n            hostReadOnly\n              ? undefined\n              : (value) => {\n                  setHost(value);\n                  setConnectionError(null);\n                }\n          }\n          onBlur={() => setHostTouched(true)}\n          placeholder={DEFAULT_OPENHANDS_CLOUD_HOST}\n          className=\"w-full\"\n          showRequiredTag\n          error={hostError}\n          isDisabled={hostReadOnly}\n        />\n\n        <SettingsInput\n          testId={`${testIdRoot}-api-key`}\n          name={`${testIdRoot}-api-key`}\n          type=\"password\"\n          label={t(I18nKey.BACKEND$KEY_LABEL)}\n          value={apiKey}\n          onChange={(value) => {\n            setApiKey(value);\n            setConnectionError(null);\n          }}\n          placeholder=\"\"\n          className=\"w-full\"\n        />\n\n        {connectionError ? (\n          <div\n            role=\"alert\"\n            data-testid={`${testIdRoot}-error`}\n            className=\"rounded-md border border-red-500/40 bg-red-500/10 p-3 text-sm text-red-300 whitespace-pre-wrap break-words\"\n          >\n            {connectionError}\n          </div>\n        ) : null}\n\n        {mode === \"edit\" && backend && (\n          <BackendStatusBadge backend={backend} testIdRoot={testIdRoot} />\n        )}\n      </div>\n\n      {renderActions ? (\n        renderActions({\n          canSubmit: canSubmit && !isSubmitting,\n          isSubmitting,\n          testIdRoot,\n        })\n      ) : (\n        <div className=\"flex justify-end gap-2 mt-2 w-full\">\n          <BrandButton\n            type=\"button\"\n            variant=\"secondary\"\n            onClick={onSubmitted}\n            testId={`${testIdRoot}-cancel`}\n          >\n            {t(I18nKey.BUTTON$CANCEL)}\n          </BrandButton>\n          <BrandButton\n            type=\"submit\"\n            variant=\"primary\"\n            isDisabled={!canSubmit || isSubmitting}\n            testId={`${testIdRoot}-submit`}\n          >\n            {t(I18nKey.BACKEND$SAVE)}\n          </BrandButton>\n        </div>\n      )}\n    </form>\n  );\n}\n\n// ── Add-mode two-column layout ──────────────────────────────────────\n\n/**\n * @spec BM-002 — Adding a backend auto-switches the active selection to it\n * (BM-001), so a backend-scoped detail page the user is viewing now belongs\n * to the previous backend. Redirect to that section's list so they never see\n * stale data, mirroring the switch-backend redirect in BackendSelector.\n */\nfunction useRedirectAfterAddBackend() {\n  const { currentPath, navigate } = useNavigation();\n  return React.useCallback(() => {\n    if (/^\\/automations\\/[^/]+/.test(currentPath)) navigate(\"/automations\");\n    else if (/^\\/conversations\\/[^/]+/.test(currentPath))\n      navigate(\"/conversations\");\n  }, [currentPath, navigate]);\n}\n\ninterface BackendConnectionOptionsProps {\n  onConnected: (\n    payload: BackendFormSubmitPayload,\n    connectionMethod: BackendConnectionMethod,\n  ) => void;\n  testIdRoot?: string;\n  initialManualBackend?: Partial<\n    Pick<BackendFormSubmitPayload, \"name\" | \"host\" | \"apiKey\">\n  >;\n  requireManualApiKey?: boolean;\n  manualSubmitLabel?: React.ReactNode;\n  manualSubmittingLabel?: React.ReactNode;\n  manualSubmitTestId?: string;\n  analyticsSource?: CloudConnectionSource;\n}\n\n/**\n * Manual agent-server connection plus OpenHands Cloud OAuth login.\n * Used by both the Add Backend modal and the onboarding backend step so\n * supported backend choices stay consistent across first-run and settings UI.\n */\nexport function BackendConnectionOptions({\n  onConnected,\n  testIdRoot = \"add-backend\",\n  initialManualBackend,\n  requireManualApiKey = false,\n  manualSubmitLabel,\n  manualSubmittingLabel,\n  manualSubmitTestId,\n  analyticsSource,\n}: BackendConnectionOptionsProps) {\n  const { t } = useTranslation(\"openhands\");\n  const lockedCloudHost = getLockedCloudHost();\n\n  if (lockedCloudHost) {\n    return (\n      <div\n        data-testid={`${testIdRoot}-connection-options`}\n        className=\"flex justify-center\"\n      >\n        <div className=\"w-full\">\n          <CloudLoginColumn\n            onConnected={onConnected}\n            testIdRoot={testIdRoot}\n            lockedHost={lockedCloudHost}\n            analyticsSource={analyticsSource}\n          />\n        </div>\n      </div>\n    );\n  }\n\n  return (\n    <div\n      data-testid={`${testIdRoot}-connection-options`}\n      className=\"flex flex-col gap-6 md:flex-row\"\n    >\n      <div className=\"flex-1 min-w-0\">\n        <ManualConnectionColumn\n          onConnected={onConnected}\n          testIdRoot={testIdRoot}\n          initialBackend={initialManualBackend}\n          requireApiKey={requireManualApiKey}\n          submitLabel={manualSubmitLabel ?? t(I18nKey.BACKEND$CONNECT)}\n          submittingLabel={\n            manualSubmittingLabel ??\n            t(I18nKey.ONBOARDING$BACKEND_STATUS_CHECKING)\n          }\n          submitTestId={manualSubmitTestId}\n        />\n      </div>\n\n      <div className=\"flex-1 min-w-0\">\n        <CloudLoginColumn\n          onConnected={onConnected}\n          testIdRoot={testIdRoot}\n          analyticsSource={analyticsSource}\n        />\n      </div>\n    </div>\n  );\n}\n\ninterface ManualConnectionColumnProps {\n  onConnected: (\n    payload: BackendFormSubmitPayload,\n    connectionMethod: BackendConnectionMethod,\n  ) => void;\n  testIdRoot: string;\n  initialBackend?: Partial<\n    Pick<BackendFormSubmitPayload, \"name\" | \"host\" | \"apiKey\">\n  >;\n  requireApiKey: boolean;\n  submitLabel: React.ReactNode;\n  submittingLabel: React.ReactNode;\n  submitTestId?: string;\n}\n\n/**\n * Manual connection via Host + API Key. Designed for self-hosted agent servers\n * and self-hosted OpenHands Cloud with API key auth.\n */\nfunction ManualConnectionColumn({\n  onConnected,\n  testIdRoot,\n  initialBackend,\n  requireApiKey,\n  submitLabel,\n  submittingLabel,\n  submitTestId,\n}: ManualConnectionColumnProps) {\n  const { t } = useTranslation(\"openhands\");\n\n  const {\n    name,\n    setName,\n    host,\n    setHost,\n    apiKey,\n    setApiKey,\n    connectionError,\n    setConnectionError,\n    isSubmitting,\n    kind,\n    setKind,\n    canSubmit,\n    handleSubmit,\n  } = useBackendForm({\n    initialName: initialBackend?.name ?? \"\",\n    initialHost: initialBackend?.host ?? \"\",\n    initialApiKey: initialBackend?.apiKey ?? \"\",\n    onTestConnection: testBackendConnection,\n    onSuccess: () => {\n      onConnected(\n        {\n          name: name.trim(),\n          host: normalizeHost(host),\n          apiKey: apiKey.trim(),\n          kind,\n        },\n        \"manual\",\n      );\n    },\n    requireApiKey,\n  });\n\n  return (\n    <form\n      data-testid={`${testIdRoot}-form`}\n      onSubmit={handleSubmit}\n      className=\"flex flex-col gap-4 flex-1 min-w-0\"\n    >\n      <div className=\"flex flex-col gap-1\">\n        <SettingsInput\n          testId={`${testIdRoot}-name`}\n          name={`${testIdRoot}-name`}\n          type=\"text\"\n          label={t(I18nKey.BACKEND$NAME_LABEL)}\n          value={name}\n          onChange={(value) => {\n            setName(value);\n            setConnectionError(null);\n          }}\n          // eslint-disable-next-line i18next/no-literal-string -- example placeholder, not user-facing copy\n          placeholder=\"e.g. My Server\"\n          className=\"w-full\"\n        />\n        <p className=\"text-xs text-[var(--oh-muted)]\">\n          {t(I18nKey.BACKEND$NAME_HELPER)}\n        </p>\n      </div>\n\n      <div className=\"flex flex-col gap-1\">\n        <SettingsInput\n          testId={`${testIdRoot}-host`}\n          name={`${testIdRoot}-host`}\n          type=\"text\"\n          label={t(I18nKey.BACKEND$HOST_LABEL)}\n          value={host}\n          onChange={(value) => {\n            setHost(value);\n            setConnectionError(null);\n          }}\n          // eslint-disable-next-line i18next/no-literal-string -- example value, not translatable\n          placeholder=\"http://localhost:8000\"\n          className=\"w-full\"\n        />\n        <p\n          className=\"text-xs text-[var(--oh-muted)]\"\n          data-testid={`${testIdRoot}-host-helper`}\n        >\n          {t(I18nKey.BACKEND$HOST_HELPER)}\n        </p>\n      </div>\n\n      <div className=\"flex flex-col items-start gap-2.5\">\n        <span className=\"text-sm\">{t(I18nKey.BACKEND$KIND_LABEL)}</span>\n        <SegmentedToggle<BackendKind>\n          value={kind}\n          options={[\n            { value: \"local\", label: t(I18nKey.BACKEND$KIND_LOCAL) },\n            { value: \"cloud\", label: t(I18nKey.BACKEND$KIND_CLOUD) },\n          ]}\n          onChange={(value) => setKind(value)}\n          ariaLabel={t(I18nKey.BACKEND$KIND_LABEL)}\n          testId={`${testIdRoot}-kind`}\n        />\n      </div>\n\n      <SettingsInput\n        testId={`${testIdRoot}-api-key`}\n        name={`${testIdRoot}-api-key`}\n        type=\"password\"\n        label={t(I18nKey.BACKEND$KEY_LABEL)}\n        value={apiKey}\n        onChange={(value) => {\n          setApiKey(value);\n          setConnectionError(null);\n        }}\n        // eslint-disable-next-line i18next/no-literal-string -- example value, not translatable\n        placeholder=\"sk-••••••••••\"\n        className=\"w-full\"\n      />\n\n      {connectionError ? (\n        <div\n          role=\"alert\"\n          data-testid={`${testIdRoot}-error`}\n          className=\"rounded-md border border-red-500/40 bg-red-500/10 p-3 text-sm text-red-300 whitespace-pre-wrap break-words\"\n        >\n          {connectionError}\n        </div>\n      ) : null}\n\n      <BrandButton\n        type=\"submit\"\n        variant=\"secondary\"\n        isDisabled={!canSubmit || isSubmitting}\n        testId={submitTestId ?? `${testIdRoot}-submit`}\n        className=\"w-full text-center\"\n      >\n        {isSubmitting ? submittingLabel : submitLabel}\n      </BrandButton>\n    </form>\n  );\n}\n\ninterface CloudLoginColumnProps {\n  onConnected: (\n    payload: BackendFormSubmitPayload,\n    connectionMethod: BackendConnectionMethod,\n  ) => void;\n  testIdRoot: string;\n  lockedHost?: string;\n  analyticsSource?: CloudConnectionSource;\n}\n\n/**\n * One-click OAuth login with OpenHands Cloud. Includes an \"Advanced\"\n * disclosure for users who self-host OpenHands Cloud and need to override the\n * host.\n */\nfunction CloudLoginColumn({\n  onConnected,\n  testIdRoot,\n  lockedHost,\n  analyticsSource,\n}: CloudLoginColumnProps) {\n  const { t } = useTranslation(\"openhands\");\n\n  const [advancedOpen, setAdvancedOpen] = React.useState(false);\n  const [customHost, setCustomHost] = React.useState(\"\");\n\n  const effectiveHost =\n    lockedHost ?? (customHost.trim() || DEFAULT_OPENHANDS_CLOUD_HOST);\n\n  const handleLoginSuccess = (apiKey: string) => {\n    onConnected(\n      {\n        name: \"OpenHands Cloud\",\n        host: normalizeHost(effectiveHost),\n        apiKey,\n        kind: \"cloud\",\n      },\n      \"cloud_login\",\n    );\n  };\n\n  return (\n    <div className=\"flex flex-1 min-w-0 flex-col items-center gap-3 pb-8\">\n      <div className=\"flex flex-col items-center gap-1\">\n        <OpenHandsLogoWhite width={56} height={56} aria-hidden />\n\n        <h4\n          className={modalTitleLgMediumClassName}\n          data-testid={`${testIdRoot}-cloud-title`}\n        >\n          {t(I18nKey.BACKEND$CLOUD_TITLE)}\n        </h4>\n      </div>\n\n      <p className=\"text-center text-sm leading-relaxed text-[var(--oh-muted)]\">\n        {t(I18nKey.BACKEND$CLOUD_DESCRIPTION)}\n      </p>\n\n      <DeviceFlowAuth\n        host={effectiveHost}\n        onSuccess={handleLoginSuccess}\n        testIdRoot={testIdRoot}\n        analyticsSource={analyticsSource}\n      />\n\n      {lockedHost ? null : (\n        <div className=\"w-full\">\n          <button\n            type=\"button\"\n            onClick={() => setAdvancedOpen((open) => !open)}\n            aria-expanded={advancedOpen}\n            data-testid={`${testIdRoot}-advanced-toggle`}\n            className=\"flex w-full cursor-pointer items-center justify-center gap-1 text-center text-xs text-[var(--oh-muted)] transition-colors hover:text-content-2\"\n          >\n            <span>{t(I18nKey.BACKEND$ADVANCED)}</span>\n            <ChevronDownSmallIcon\n              className={cn(\n                \"h-4 w-4 shrink-0 text-muted transition-transform\",\n                advancedOpen && \"rotate-180\",\n              )}\n              aria-hidden\n            />\n          </button>\n          <div\n            className={cn(\n              \"pt-2\",\n              !advancedOpen && \"pointer-events-none invisible\",\n            )}\n            aria-hidden={!advancedOpen}\n          >\n            <SettingsInput\n              testId={`${testIdRoot}-cloud-host`}\n              name={`${testIdRoot}-cloud-host`}\n              type=\"text\"\n              label={t(I18nKey.BACKEND$HOST_LABEL)}\n              value={customHost}\n              onChange={setCustomHost}\n              placeholder={DEFAULT_OPENHANDS_CLOUD_HOST}\n              className=\"w-full\"\n            />\n            <p className=\"mt-1 text-xs text-[var(--oh-muted)]\">\n              {t(I18nKey.BACKEND$LOGIN_CLOUD_HINT)}\n            </p>\n          </div>\n        </div>\n      )}\n    </div>\n  );\n}\n\nfunction AddBackendConnectionOptions({\n  onClose,\n  source,\n}: {\n  onClose: () => void;\n  source: BackendAddedSource;\n}) {\n  const { addBackend } = useActiveBackendContext();\n  const redirectAfterAdd = useRedirectAfterAddBackend();\n  const { trackBackendAdded } = useTracking();\n\n  const handleConnected = React.useCallback(\n    (\n      payload: BackendFormSubmitPayload,\n      connectionMethod: BackendConnectionMethod,\n    ) => {\n      addBackend(payload);\n      // Coarse, non-sensitive host classification — never emit the raw host.\n      const isOpenHandsCloud = isOpenHandsCloudHost(payload.host);\n      const trackedByCanvas = trackCanvasBackendAdded({\n        backendKind: payload.kind,\n        connectionMethod,\n        host: payload.host,\n        hasApiKey: Boolean(payload.apiKey),\n        source,\n      });\n      if (!trackedByCanvas) {\n        trackBackendAdded({\n          backendKind: payload.kind,\n          connectionMethod,\n          isOpenhandsCloud: isOpenHandsCloud,\n          isCustomHost: !isOpenHandsCloud,\n          hasApiKey: Boolean(payload.apiKey),\n          source,\n        });\n      }\n      redirectAfterAdd();\n      onClose();\n    },\n    [addBackend, redirectAfterAdd, onClose, trackBackendAdded, source],\n  );\n\n  return (\n    <BackendConnectionOptions\n      onConnected={handleConnected}\n      analyticsSource={source}\n    />\n  );\n}\n\n// ── Modal wrappers ──────────────────────────────────────────────────\n\n/**\n * Modal wrapper. In **add** mode it renders a two-column layout\n * (manual connection | OR | Cloud login). In **edit** mode it wraps\n * the standard `BackendForm`.\n */\nexport function BackendFormModal({\n  mode,\n  backend,\n  onClose,\n  source = \"add_backend_modal\",\n  hideCloseButton = false,\n}: BackendFormModalProps) {\n  const { t } = useTranslation(\"openhands\");\n\n  if (mode === \"add\") {\n    return (\n      <ModalBackdrop\n        onClose={hideCloseButton ? undefined : onClose}\n        closeOnEscape={false}\n        closeOnBackdropClick={!hideCloseButton}\n        aria-label={t(I18nKey.BACKEND$ADD_TITLE)}\n      >\n        <div\n          data-testid={\n            hideCloseButton ? \"onboarding-modal\" : \"add-backend-modal\"\n          }\n          className={cn(\n            \"relative rounded-xl border border-[var(--oh-border)] bg-base-secondary\",\n            modalWidthClassName(\"xl\"),\n            MODAL_MAX_WIDTH_VIEWPORT,\n          )}\n        >\n          {hideCloseButton ? null : (\n            <ModalCloseButton onClose={onClose} testId=\"add-backend-close\" />\n          )}\n          {/* Header - hide in locked Cloud first-run mode for cleaner UX */}\n          {hideCloseButton ? null : (\n            <div className=\"px-6 pt-6 pb-2 pr-12\">\n              <h2 className={modalTitleLgClassName}>\n                {t(I18nKey.BACKEND$ADD_TITLE)}\n              </h2>\n            </div>\n          )}\n\n          <div className={cn(\"px-6 pb-6\", hideCloseButton ? \"pt-6\" : \"pt-2\")}>\n            <AddBackendConnectionOptions onClose={onClose} source={source} />\n          </div>\n        </div>\n      </ModalBackdrop>\n    );\n  }\n\n  // Edit mode — single-column form (unchanged)\n  const testIdRoot = \"edit-backend\";\n  return (\n    <ModalBackdrop\n      onClose={onClose}\n      closeOnEscape={false}\n      aria-label={t(I18nKey.BACKEND$EDIT_TITLE)}\n    >\n      <div\n        data-testid={`${testIdRoot}-modal`}\n        className={cn(\n          \"relative bg-base-secondary p-6 rounded-xl flex flex-col gap-4 border border-[var(--oh-border)]\",\n          modalWidthClassName(\"md\"),\n        )}\n      >\n        <ModalCloseButton onClose={onClose} testId={`${testIdRoot}-close`} />\n        <h2 className={cn(\"pr-6\", modalTitleLgClassName)}>\n          {t(I18nKey.BACKEND$EDIT_TITLE)}\n        </h2>\n        <BackendForm\n          mode=\"edit\"\n          backend={backend}\n          onSubmitted={onClose}\n          testIdRoot={testIdRoot}\n        />\n      </div>\n    </ModalBackdrop>\n  );\n}\n"],"mappings":"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"}

package/dist/components/features/backends/backend-form-modal.d.ts

@@ -1,4 +1,5 @@
 import React from "react";
+import { type CloudConnectionSource } from "#/services/cloud-funnel-analytics";
 import type { Backend, BackendKind } from "#/api/backend-registry/types";
 export type BackendFormMode = "add" | "edit";
 interface BackendFormModalProps {
@@ -12,7 +13,7 @@ interface BackendFormModalProps {
     hideCloseButton?: boolean;
 }
 export type BackendConnectionMethod = "manual" | "cloud_login";
-export type BackendAddedSource = "add_backend_modal" | "manage_backends_modal";
+export type BackendAddedSource = CloudConnectionSource;
 export interface BackendFormSubmitPayload {
     name: string;
     host: string;
@@ -84,13 +85,14 @@ interface BackendConnectionOptionsProps {
     manualSubmitLabel?: React.ReactNode;
     manualSubmittingLabel?: React.ReactNode;
     manualSubmitTestId?: string;
+    analyticsSource?: CloudConnectionSource;
 }
 /**
  * Manual agent-server connection plus OpenHands Cloud OAuth login.
  * Used by both the Add Backend modal and the onboarding backend step so
  * supported backend choices stay consistent across first-run and settings UI.
  */
-export declare function BackendConnectionOptions({ onConnected, testIdRoot, initialManualBackend, requireManualApiKey, manualSubmitLabel, manualSubmittingLabel, manualSubmitTestId, }: BackendConnectionOptionsProps): import("react/jsx-runtime").JSX.Element;
+export declare function BackendConnectionOptions({ onConnected, testIdRoot, initialManualBackend, requireManualApiKey, manualSubmitLabel, manualSubmittingLabel, manualSubmitTestId, analyticsSource, }: BackendConnectionOptionsProps): import("react/jsx-runtime").JSX.Element;
 /**
  * Modal wrapper. In **add** mode it renders a two-column layout
  * (manual connection | OR | Cloud login). In **edit** mode it wraps