@openhands/agent-canvas 1.1.0 → 1.2.0

package/dist/hooks/chat/use-slash-command.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"use-slash-command.cjs","names":[],"sources":["../../../src/hooks/chat/use-slash-command.ts"],"sourcesContent":["import { useState, useCallback, useEffect, useMemo, useRef } from \"react\";\nimport { useConversationSkills } from \"#/hooks/query/use-conversation-skills\";\nimport { SkillInfo } from \"#/types/settings\";\nimport { Microagent } from \"#/api/open-hands.types\";\nimport { BUILT_IN_COMMANDS, MODEL_COMMAND } from \"#/utils/constants\";\nimport { useActiveBackend } from \"#/contexts/active-backend-context\";\nimport { useLlmProfiles } from \"#/hooks/query/use-llm-profiles\";\n\nexport type SlashCommandSkill = SkillInfo | Microagent;\n\nexport interface SlashCommandItem {\n  skill: SlashCommandSkill;\n  /** The slash command string, e.g. \"/random-number\" */\n  command: string;\n}\n\ntype SlashCompletionKind = \"command\" | \"model-profile\";\n\n/** Get the cursor's character offset within a contentEditable element. */\nfunction getCursorOffset(element: HTMLElement): number {\n  const selection = window.getSelection();\n  if (!selection || selection.rangeCount === 0) return -1;\n  const range = selection.getRangeAt(0);\n  const preRange = range.cloneRange();\n  preRange.selectNodeContents(element);\n  preRange.setEnd(range.startContainer, range.startOffset);\n  return preRange.toString().length;\n}\n\n/**\n * Hook for managing slash command autocomplete in the chat input.\n * Detects when user types \"/\" and provides filtered skill suggestions.\n * Only skills with explicit \"/\" triggers (TaskTrigger) appear in the menu.\n */\nexport const useSlashCommand = (\n  chatInputRef: React.RefObject<HTMLDivElement | null>,\n) => {\n  // Scope the skill catalog to this conversation's attached workspace so the\n  // slash menu lists the same project skills that were loaded into it.\n  const { data: skills, isLoading: isSkillsLoading } = useConversationSkills();\n  const isCloud = useActiveBackend().backend.kind === \"cloud\";\n  const { data: profilesData, isLoading: isProfilesLoading } = useLlmProfiles({\n    enabled: !isCloud,\n  });\n  const [isMenuOpen, setIsMenuOpen] = useState(false);\n  const [filterText, setFilterText] = useState(\"\");\n  const [completionKind, setCompletionKind] =\n    useState<SlashCompletionKind>(\"command\");\n  const [selectedIndex, setSelectedIndex] = useState(0);\n\n  // Build slash command items from built-in commands + skills:\n  // - Built-in commands (like /new) are included for V1 conversations\n  // - /new is cloud-only — local backends don't surface it\n  // - /model is local-only — cloud backends don't have profiles\n  // - Skills with explicit \"/\" triggers use those triggers\n  // - AgentSkills without \"/\" triggers get a derived \"/<name>\" command\n  const slashItems = useMemo(() => {\n    const items: SlashCommandItem[] = BUILT_IN_COMMANDS.filter((cmd) => {\n      if (cmd.command === \"/new\") return isCloud;\n      if (cmd.command === MODEL_COMMAND) return !isCloud;\n      return true;\n    });\n\n    // Wait for skills to finish initial load so all commands appear together\n    if (isSkillsLoading) return items;\n\n    if (!skills) return items;\n    skills.forEach((skill) => {\n      const triggers = skill.triggers || [];\n      const slashTriggers = triggers.filter((t) => t.startsWith(\"/\"));\n\n      if (slashTriggers.length > 0) {\n        // Skill has explicit slash triggers\n        slashTriggers.forEach((trigger) => {\n          items.push({ skill, command: trigger });\n        });\n      } else if (skill.type === \"agentskills\") {\n        // AgentSkills without slash triggers get a derived command\n        items.push({ skill, command: `/${skill.name}` });\n      }\n    });\n    return items;\n  }, [skills, isSkillsLoading, isCloud]);\n\n  const modelProfileItems = useMemo<SlashCommandItem[]>(() => {\n    if (isCloud) return [];\n\n    return (profilesData?.profiles ?? []).map((profile) => {\n      const command = `${MODEL_COMMAND} ${profile.name}`;\n      return {\n        command,\n        skill: {\n          name: profile.name,\n          type: \"agentskills\",\n          content: profile.model\n            ? `Switch to ${profile.model}`\n            : \"Switch to this LLM profile\",\n          triggers: [command],\n        },\n      };\n    });\n  }, [profilesData?.profiles, isCloud]);\n\n  // Filter items based on user input after \"/\"\n  const filteredItems = useMemo(() => {\n    const sourceItems =\n      completionKind === \"model-profile\" ? modelProfileItems : slashItems;\n    if (!filterText) return sourceItems;\n    const lower = filterText.toLowerCase();\n    return sourceItems.filter(\n      (item) =>\n        item.command.toLowerCase().includes(lower) ||\n        item.skill.name.toLowerCase().includes(lower) ||\n        item.skill.content?.toLowerCase().includes(lower),\n    );\n  }, [completionKind, modelProfileItems, slashItems, filterText]);\n\n  // Keep refs in sync so handleSlashKeyDown always reads the latest values,\n  // avoiding stale closures from React's batched state updates.\n  const isMenuOpenRef = useRef(isMenuOpen);\n  isMenuOpenRef.current = isMenuOpen;\n  const filteredItemsRef = useRef(filteredItems);\n  filteredItemsRef.current = filteredItems;\n  const selectedIndexRef = useRef(selectedIndex);\n  selectedIndexRef.current = selectedIndex;\n\n  // Reset selected index when the filter text changes\n  useEffect(() => {\n    setSelectedIndex(0);\n  }, [filterText]);\n\n  // Track the character range of the current slash word so selectItem can\n  // replace only that portion instead of wiping the entire input.\n  const slashRangeRef = useRef<{ start: number; end: number } | null>(null);\n\n  // Detect a slash word at the cursor position.\n  // Returns the filter text (characters after \"/\") and the range of the\n  // slash word within the full input text, or null if no slash word found.\n  const getSlashText = useCallback((): {\n    kind: SlashCompletionKind;\n    text: string;\n    start: number;\n    end: number;\n  } | null => {\n    const element = chatInputRef.current;\n    if (!element) return null;\n\n    // Strip trailing newlines that contentEditable can produce, but preserve\n    // spaces so \"/command \" (after selection) won't re-trigger the menu.\n    const text = (element.innerText || \"\").replace(/[\\n\\r]+$/, \"\");\n    const cursor = getCursorOffset(element);\n    if (cursor < 0) return null;\n\n    const textBeforeCursor = text.slice(0, cursor);\n\n    const modelMatch = textBeforeCursor.match(/(^|\\s)(\\/model(?:\\s+\\S*)?)$/);\n    if (modelMatch) {\n      const modelCommand = modelMatch[2];\n      const start = textBeforeCursor.length - modelCommand.length;\n      const afterCursor = text.slice(cursor);\n      const trailing = afterCursor.match(/^\\S*/);\n      const end = cursor + (trailing ? trailing[0].length : 0);\n\n      return {\n        kind: \"model-profile\",\n        text: modelCommand.replace(/^\\/model(?:\\s+)?/, \"\"),\n        start,\n        end,\n      };\n    }\n\n    // Match a \"/\" preceded by whitespace or at position 0, followed by\n    // non-whitespace characters, ending right at the cursor.\n    const match = textBeforeCursor.match(/(^|\\s)(\\/\\S*)$/);\n    if (!match) return null;\n\n    const slashWord = match[2]; // e.g. \"/hel\"\n    const start = textBeforeCursor.length - slashWord.length;\n    // The end of the slash word extends past the cursor to include any\n    // contiguous non-whitespace characters (covers the case where the\n    // cursor sits in the middle of a word).\n    const afterCursor = text.slice(cursor);\n    const trailing = afterCursor.match(/^\\S*/);\n    const end = cursor + (trailing ? trailing[0].length : 0);\n\n    return { kind: \"command\", text: slashWord.slice(1), start, end }; // strip leading \"/\"\n  }, [chatInputRef]);\n\n  // Update the menu state based on current input\n  const updateSlashMenu = useCallback(() => {\n    const result = getSlashText();\n    const hasItems =\n      result?.kind === \"model-profile\"\n        ? modelProfileItems.length > 0 || isProfilesLoading\n        : slashItems.length > 0;\n\n    if (result !== null && hasItems) {\n      setCompletionKind(result.kind);\n      setFilterText(result.text);\n      slashRangeRef.current = { start: result.start, end: result.end };\n      setIsMenuOpen(true);\n    } else {\n      setIsMenuOpen(false);\n      setFilterText(\"\");\n      setCompletionKind(\"command\");\n      slashRangeRef.current = null;\n    }\n  }, [\n    getSlashText,\n    isProfilesLoading,\n    modelProfileItems.length,\n    slashItems.length,\n  ]);\n\n  // Select an item and replace only the slash word with the command\n  const selectItem = useCallback(\n    (item: SlashCommandItem) => {\n      const element = chatInputRef.current;\n      if (!element) return;\n\n      const slashRange = slashRangeRef.current;\n      const currentText = (element.innerText || \"\").replace(/[\\n\\r]+$/, \"\");\n      const replacement = `${item.command} `;\n\n      if (slashRange) {\n        // Splice the command into the text, replacing only the slash word\n        element.textContent =\n          currentText.slice(0, slashRange.start) +\n          replacement +\n          currentText.slice(slashRange.end);\n\n        // Position cursor right after the inserted command + space\n        const cursorPos = slashRange.start + replacement.length;\n        const textNode = element.firstChild;\n        if (textNode) {\n          const range = document.createRange();\n          const sel = window.getSelection();\n          const offset = Math.min(cursorPos, textNode.textContent!.length);\n          range.setStart(textNode, offset);\n          range.collapse(true);\n          sel?.removeAllRanges();\n          sel?.addRange(range);\n        }\n      } else {\n        // Fallback: replace everything (e.g. if range tracking failed)\n        element.textContent = replacement;\n        const range = document.createRange();\n        const sel = window.getSelection();\n        range.selectNodeContents(element);\n        range.collapse(false);\n        sel?.removeAllRanges();\n        sel?.addRange(range);\n      }\n\n      setIsMenuOpen(false);\n      setFilterText(\"\");\n      setCompletionKind(\"command\");\n      setSelectedIndex(0);\n      slashRangeRef.current = null;\n\n      // Trigger a native InputEvent so React's onInput fires (for smartResize etc.)\n      element.dispatchEvent(new InputEvent(\"input\", { bubbles: true }));\n\n      // Restore focus so keyboard events (Enter to submit) work after selection\n      element.focus();\n    },\n    [chatInputRef],\n  );\n\n  // Handle keyboard navigation in the menu.\n  // Uses refs to always read the latest state, avoiding stale closures.\n  const handleSlashKeyDown = useCallback(\n    (e: React.KeyboardEvent): boolean => {\n      const items = filteredItemsRef.current;\n      if (!isMenuOpenRef.current || items.length === 0) return false;\n\n      switch (e.key) {\n        case \"ArrowDown\":\n          e.preventDefault();\n          setSelectedIndex((prev) => (prev < items.length - 1 ? prev + 1 : 0));\n          return true;\n        case \"ArrowUp\":\n          e.preventDefault();\n          setSelectedIndex((prev) => (prev > 0 ? prev - 1 : items.length - 1));\n          return true;\n        case \"Enter\":\n        case \"Tab\": {\n          const item = items[selectedIndexRef.current];\n          if (!item) return false;\n          e.preventDefault();\n          selectItem(item);\n          return true;\n        }\n        case \"Escape\":\n          e.preventDefault();\n          setIsMenuOpen(false);\n          return true;\n        // Cursor-movement keys: close the menu to avoid acting on a stale\n        // slash-word range, but don't consume the event so the cursor moves.\n        case \"ArrowLeft\":\n        case \"ArrowRight\":\n        case \"Home\":\n        case \"End\":\n          setIsMenuOpen(false);\n          return false;\n        default:\n          return false;\n      }\n    },\n    [selectItem],\n  );\n\n  const closeMenu = useCallback(() => setIsMenuOpen(false), []);\n\n  return {\n    isMenuOpen,\n    filteredItems,\n    selectedIndex,\n    updateSlashMenu,\n    selectItem,\n    handleSlashKeyDown,\n    closeMenu,\n  };\n};\n"],"mappings":"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"}
+{"version":3,"file":"use-slash-command.cjs","names":[],"sources":["../../../src/hooks/chat/use-slash-command.ts"],"sourcesContent":["import { useState, useCallback, useEffect, useMemo, useRef } from \"react\";\nimport { useConversationSkills } from \"#/hooks/query/use-conversation-skills\";\nimport { SkillInfo } from \"#/types/settings\";\nimport { Microagent } from \"#/api/open-hands.types\";\nimport { BUILT_IN_COMMANDS, MODEL_COMMAND } from \"#/utils/constants\";\nimport { useActiveBackend } from \"#/contexts/active-backend-context\";\nimport { useLlmProfiles } from \"#/hooks/query/use-llm-profiles\";\n\nexport type SlashCommandSkill = SkillInfo | Microagent;\n\nexport interface SlashCommandItem {\n  skill: SlashCommandSkill;\n  /** The slash command string, e.g. \"/random-number\" */\n  command: string;\n}\n\ntype SlashCompletionKind = \"command\" | \"model-profile\";\n\n/** Get the cursor's character offset within a contentEditable element. */\nfunction getCursorOffset(element: HTMLElement): number {\n  const selection = window.getSelection();\n  if (!selection || selection.rangeCount === 0) return -1;\n  const range = selection.getRangeAt(0);\n  const preRange = range.cloneRange();\n  preRange.selectNodeContents(element);\n  preRange.setEnd(range.startContainer, range.startOffset);\n  return preRange.toString().length;\n}\n\n/**\n * Hook for managing slash command autocomplete in the chat input.\n * Detects when user types \"/\" and provides filtered skill suggestions.\n * Only skills with explicit \"/\" triggers (TaskTrigger) appear in the menu.\n */\nexport const useSlashCommand = (\n  chatInputRef: React.RefObject<HTMLDivElement | null>,\n) => {\n  // Scope the skill catalog to this conversation's attached workspace so the\n  // slash menu lists the same project skills that were loaded into it.\n  const { data: skills, isLoading: isSkillsLoading } = useConversationSkills();\n  const isCloud = useActiveBackend().backend.kind === \"cloud\";\n  const { data: profilesData, isLoading: isProfilesLoading } = useLlmProfiles();\n  const [isMenuOpen, setIsMenuOpen] = useState(false);\n  const [filterText, setFilterText] = useState(\"\");\n  const [completionKind, setCompletionKind] =\n    useState<SlashCompletionKind>(\"command\");\n  const [selectedIndex, setSelectedIndex] = useState(0);\n\n  // Build slash command items from built-in commands + skills:\n  // - Built-in commands (like /new) are included for V1 conversations\n  // - /new is cloud-only — local backends don't surface it\n  // - /model lists/switches LLM profiles; both local and cloud support them\n  // - Skills with explicit \"/\" triggers use those triggers\n  // - AgentSkills without \"/\" triggers get a derived \"/<name>\" command\n  const slashItems = useMemo(() => {\n    const items: SlashCommandItem[] = BUILT_IN_COMMANDS.filter((cmd) => {\n      if (cmd.command === \"/new\") return isCloud;\n      return true;\n    });\n\n    // Wait for skills to finish initial load so all commands appear together\n    if (isSkillsLoading) return items;\n\n    if (!skills) return items;\n    skills.forEach((skill) => {\n      const triggers = skill.triggers || [];\n      const slashTriggers = triggers.filter((t) => t.startsWith(\"/\"));\n\n      if (slashTriggers.length > 0) {\n        // Skill has explicit slash triggers\n        slashTriggers.forEach((trigger) => {\n          items.push({ skill, command: trigger });\n        });\n      } else if (skill.type === \"agentskills\") {\n        // AgentSkills without slash triggers get a derived command\n        items.push({ skill, command: `/${skill.name}` });\n      }\n    });\n    return items;\n  }, [skills, isSkillsLoading, isCloud]);\n\n  const modelProfileItems = useMemo<SlashCommandItem[]>(() => {\n    return (profilesData?.profiles ?? []).map((profile) => {\n      const command = `${MODEL_COMMAND} ${profile.name}`;\n      return {\n        command,\n        skill: {\n          name: profile.name,\n          type: \"agentskills\",\n          content: profile.model\n            ? `Switch to ${profile.model}`\n            : \"Switch to this LLM profile\",\n          triggers: [command],\n        },\n      };\n    });\n  }, [profilesData?.profiles]);\n\n  // Filter items based on user input after \"/\"\n  const filteredItems = useMemo(() => {\n    const sourceItems =\n      completionKind === \"model-profile\" ? modelProfileItems : slashItems;\n    if (!filterText) return sourceItems;\n    const lower = filterText.toLowerCase();\n    return sourceItems.filter(\n      (item) =>\n        item.command.toLowerCase().includes(lower) ||\n        item.skill.name.toLowerCase().includes(lower) ||\n        item.skill.content?.toLowerCase().includes(lower),\n    );\n  }, [completionKind, modelProfileItems, slashItems, filterText]);\n\n  // Keep refs in sync so handleSlashKeyDown always reads the latest values,\n  // avoiding stale closures from React's batched state updates.\n  const isMenuOpenRef = useRef(isMenuOpen);\n  isMenuOpenRef.current = isMenuOpen;\n  const filteredItemsRef = useRef(filteredItems);\n  filteredItemsRef.current = filteredItems;\n  const selectedIndexRef = useRef(selectedIndex);\n  selectedIndexRef.current = selectedIndex;\n\n  // Reset selected index when the filter text changes\n  useEffect(() => {\n    setSelectedIndex(0);\n  }, [filterText]);\n\n  // Track the character range of the current slash word so selectItem can\n  // replace only that portion instead of wiping the entire input.\n  const slashRangeRef = useRef<{ start: number; end: number } | null>(null);\n\n  // Detect a slash word at the cursor position.\n  // Returns the filter text (characters after \"/\") and the range of the\n  // slash word within the full input text, or null if no slash word found.\n  const getSlashText = useCallback((): {\n    kind: SlashCompletionKind;\n    text: string;\n    start: number;\n    end: number;\n  } | null => {\n    const element = chatInputRef.current;\n    if (!element) return null;\n\n    // Strip trailing newlines that contentEditable can produce, but preserve\n    // spaces so \"/command \" (after selection) won't re-trigger the menu.\n    const text = (element.innerText || \"\").replace(/[\\n\\r]+$/, \"\");\n    const cursor = getCursorOffset(element);\n    if (cursor < 0) return null;\n\n    const textBeforeCursor = text.slice(0, cursor);\n\n    const modelMatch = textBeforeCursor.match(/(^|\\s)(\\/model(?:\\s+\\S*)?)$/);\n    if (modelMatch) {\n      const modelCommand = modelMatch[2];\n      const start = textBeforeCursor.length - modelCommand.length;\n      const afterCursor = text.slice(cursor);\n      const trailing = afterCursor.match(/^\\S*/);\n      const end = cursor + (trailing ? trailing[0].length : 0);\n\n      return {\n        kind: \"model-profile\",\n        text: modelCommand.replace(/^\\/model(?:\\s+)?/, \"\"),\n        start,\n        end,\n      };\n    }\n\n    // Match a \"/\" preceded by whitespace or at position 0, followed by\n    // non-whitespace characters, ending right at the cursor.\n    const match = textBeforeCursor.match(/(^|\\s)(\\/\\S*)$/);\n    if (!match) return null;\n\n    const slashWord = match[2]; // e.g. \"/hel\"\n    const start = textBeforeCursor.length - slashWord.length;\n    // The end of the slash word extends past the cursor to include any\n    // contiguous non-whitespace characters (covers the case where the\n    // cursor sits in the middle of a word).\n    const afterCursor = text.slice(cursor);\n    const trailing = afterCursor.match(/^\\S*/);\n    const end = cursor + (trailing ? trailing[0].length : 0);\n\n    return { kind: \"command\", text: slashWord.slice(1), start, end }; // strip leading \"/\"\n  }, [chatInputRef]);\n\n  // Update the menu state based on current input\n  const updateSlashMenu = useCallback(() => {\n    const result = getSlashText();\n    const hasItems =\n      result?.kind === \"model-profile\"\n        ? modelProfileItems.length > 0 || isProfilesLoading\n        : slashItems.length > 0;\n\n    if (result !== null && hasItems) {\n      setCompletionKind(result.kind);\n      setFilterText(result.text);\n      slashRangeRef.current = { start: result.start, end: result.end };\n      setIsMenuOpen(true);\n    } else {\n      setIsMenuOpen(false);\n      setFilterText(\"\");\n      setCompletionKind(\"command\");\n      slashRangeRef.current = null;\n    }\n  }, [\n    getSlashText,\n    isProfilesLoading,\n    modelProfileItems.length,\n    slashItems.length,\n  ]);\n\n  // Select an item and replace only the slash word with the command\n  const selectItem = useCallback(\n    (item: SlashCommandItem) => {\n      const element = chatInputRef.current;\n      if (!element) return;\n\n      const slashRange = slashRangeRef.current;\n      const currentText = (element.innerText || \"\").replace(/[\\n\\r]+$/, \"\");\n      const replacement = `${item.command} `;\n\n      if (slashRange) {\n        // Splice the command into the text, replacing only the slash word\n        element.textContent =\n          currentText.slice(0, slashRange.start) +\n          replacement +\n          currentText.slice(slashRange.end);\n\n        // Position cursor right after the inserted command + space\n        const cursorPos = slashRange.start + replacement.length;\n        const textNode = element.firstChild;\n        if (textNode) {\n          const range = document.createRange();\n          const sel = window.getSelection();\n          const offset = Math.min(cursorPos, textNode.textContent!.length);\n          range.setStart(textNode, offset);\n          range.collapse(true);\n          sel?.removeAllRanges();\n          sel?.addRange(range);\n        }\n      } else {\n        // Fallback: replace everything (e.g. if range tracking failed)\n        element.textContent = replacement;\n        const range = document.createRange();\n        const sel = window.getSelection();\n        range.selectNodeContents(element);\n        range.collapse(false);\n        sel?.removeAllRanges();\n        sel?.addRange(range);\n      }\n\n      setIsMenuOpen(false);\n      setFilterText(\"\");\n      setCompletionKind(\"command\");\n      setSelectedIndex(0);\n      slashRangeRef.current = null;\n\n      // Trigger a native InputEvent so React's onInput fires (for smartResize etc.)\n      element.dispatchEvent(new InputEvent(\"input\", { bubbles: true }));\n\n      // Restore focus so keyboard events (Enter to submit) work after selection\n      element.focus();\n    },\n    [chatInputRef],\n  );\n\n  // Handle keyboard navigation in the menu.\n  // Uses refs to always read the latest state, avoiding stale closures.\n  const handleSlashKeyDown = useCallback(\n    (e: React.KeyboardEvent): boolean => {\n      const items = filteredItemsRef.current;\n      if (!isMenuOpenRef.current || items.length === 0) return false;\n\n      switch (e.key) {\n        case \"ArrowDown\":\n          e.preventDefault();\n          setSelectedIndex((prev) => (prev < items.length - 1 ? prev + 1 : 0));\n          return true;\n        case \"ArrowUp\":\n          e.preventDefault();\n          setSelectedIndex((prev) => (prev > 0 ? prev - 1 : items.length - 1));\n          return true;\n        case \"Enter\":\n        case \"Tab\": {\n          const item = items[selectedIndexRef.current];\n          if (!item) return false;\n          e.preventDefault();\n          selectItem(item);\n          return true;\n        }\n        case \"Escape\":\n          e.preventDefault();\n          setIsMenuOpen(false);\n          return true;\n        // Cursor-movement keys: close the menu to avoid acting on a stale\n        // slash-word range, but don't consume the event so the cursor moves.\n        case \"ArrowLeft\":\n        case \"ArrowRight\":\n        case \"Home\":\n        case \"End\":\n          setIsMenuOpen(false);\n          return false;\n        default:\n          return false;\n      }\n    },\n    [selectItem],\n  );\n\n  const closeMenu = useCallback(() => setIsMenuOpen(false), []);\n\n  return {\n    isMenuOpen,\n    filteredItems,\n    selectedIndex,\n    updateSlashMenu,\n    selectItem,\n    handleSlashKeyDown,\n    closeMenu,\n  };\n};\n"],"mappings":"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"}

package/dist/hooks/chat/use-slash-command.js

@@ -11,8 +11,8 @@ function u(e) {
 	return r.selectNodeContents(e), r.setEnd(n.startContainer, n.startOffset), r.toString().length;
 }
 var d = (d) => {
-	let { data: f, isLoading: p } = r(), m = n().backend.kind === "cloud", { data: h, isLoading: g } = i({ enabled: !m }), [_, v] = l(!1), [y, b] = l(""), [x, S] = l("command"), [C, w] = l(0), T = s(() => {
-		let t = e.filter((e) => e.command === "/new" ? m : e.command === "/model" ? !m : !0);
+	let { data: f, isLoading: p } = r(), m = n().backend.kind === "cloud", { data: h, isLoading: g } = i(), [_, v] = l(!1), [y, b] = l(""), [x, S] = l("command"), [C, w] = l(0), T = s(() => {
+		let t = e.filter((e) => e.command === "/new" ? m : !0);
 		return p || !f || f.forEach((e) => {
 			let n = (e.triggers || []).filter((e) => e.startsWith("/"));
 			n.length > 0 ? n.forEach((n) => {
@@ -29,7 +29,7 @@ var d = (d) => {
 		f,
 		p,
 		m
-	]), E = s(() => m ? [] : (h?.profiles ?? []).map((e) => {
+	]), E = s(() => (h?.profiles ?? []).map((e) => {
 		let n = `${t} ${e.name}`;
 		return {
 			command: n,
@@ -40,7 +40,7 @@ var d = (d) => {
 				triggers: [n]
 			}
 		};
-	}), [h?.profiles, m]), D = s(() => {
+	}), [h?.profiles]), D = s(() => {
 		let e = x === "model-profile" ? E : T;
 		if (!y) return e;
 		let t = y.toLowerCase();

package/dist/hooks/chat/use-slash-command.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-slash-command.js","names":[],"sources":["../../../src/hooks/chat/use-slash-command.ts"],"sourcesContent":["import { useState, useCallback, useEffect, useMemo, useRef } from \"react\";\nimport { useConversationSkills } from \"#/hooks/query/use-conversation-skills\";\nimport { SkillInfo } from \"#/types/settings\";\nimport { Microagent } from \"#/api/open-hands.types\";\nimport { BUILT_IN_COMMANDS, MODEL_COMMAND } from \"#/utils/constants\";\nimport { useActiveBackend } from \"#/contexts/active-backend-context\";\nimport { useLlmProfiles } from \"#/hooks/query/use-llm-profiles\";\n\nexport type SlashCommandSkill = SkillInfo | Microagent;\n\nexport interface SlashCommandItem {\n  skill: SlashCommandSkill;\n  /** The slash command string, e.g. \"/random-number\" */\n  command: string;\n}\n\ntype SlashCompletionKind = \"command\" | \"model-profile\";\n\n/** Get the cursor's character offset within a contentEditable element. */\nfunction getCursorOffset(element: HTMLElement): number {\n  const selection = window.getSelection();\n  if (!selection || selection.rangeCount === 0) return -1;\n  const range = selection.getRangeAt(0);\n  const preRange = range.cloneRange();\n  preRange.selectNodeContents(element);\n  preRange.setEnd(range.startContainer, range.startOffset);\n  return preRange.toString().length;\n}\n\n/**\n * Hook for managing slash command autocomplete in the chat input.\n * Detects when user types \"/\" and provides filtered skill suggestions.\n * Only skills with explicit \"/\" triggers (TaskTrigger) appear in the menu.\n */\nexport const useSlashCommand = (\n  chatInputRef: React.RefObject<HTMLDivElement | null>,\n) => {\n  // Scope the skill catalog to this conversation's attached workspace so the\n  // slash menu lists the same project skills that were loaded into it.\n  const { data: skills, isLoading: isSkillsLoading } = useConversationSkills();\n  const isCloud = useActiveBackend().backend.kind === \"cloud\";\n  const { data: profilesData, isLoading: isProfilesLoading } = useLlmProfiles({\n    enabled: !isCloud,\n  });\n  const [isMenuOpen, setIsMenuOpen] = useState(false);\n  const [filterText, setFilterText] = useState(\"\");\n  const [completionKind, setCompletionKind] =\n    useState<SlashCompletionKind>(\"command\");\n  const [selectedIndex, setSelectedIndex] = useState(0);\n\n  // Build slash command items from built-in commands + skills:\n  // - Built-in commands (like /new) are included for V1 conversations\n  // - /new is cloud-only — local backends don't surface it\n  // - /model is local-only — cloud backends don't have profiles\n  // - Skills with explicit \"/\" triggers use those triggers\n  // - AgentSkills without \"/\" triggers get a derived \"/<name>\" command\n  const slashItems = useMemo(() => {\n    const items: SlashCommandItem[] = BUILT_IN_COMMANDS.filter((cmd) => {\n      if (cmd.command === \"/new\") return isCloud;\n      if (cmd.command === MODEL_COMMAND) return !isCloud;\n      return true;\n    });\n\n    // Wait for skills to finish initial load so all commands appear together\n    if (isSkillsLoading) return items;\n\n    if (!skills) return items;\n    skills.forEach((skill) => {\n      const triggers = skill.triggers || [];\n      const slashTriggers = triggers.filter((t) => t.startsWith(\"/\"));\n\n      if (slashTriggers.length > 0) {\n        // Skill has explicit slash triggers\n        slashTriggers.forEach((trigger) => {\n          items.push({ skill, command: trigger });\n        });\n      } else if (skill.type === \"agentskills\") {\n        // AgentSkills without slash triggers get a derived command\n        items.push({ skill, command: `/${skill.name}` });\n      }\n    });\n    return items;\n  }, [skills, isSkillsLoading, isCloud]);\n\n  const modelProfileItems = useMemo<SlashCommandItem[]>(() => {\n    if (isCloud) return [];\n\n    return (profilesData?.profiles ?? []).map((profile) => {\n      const command = `${MODEL_COMMAND} ${profile.name}`;\n      return {\n        command,\n        skill: {\n          name: profile.name,\n          type: \"agentskills\",\n          content: profile.model\n            ? `Switch to ${profile.model}`\n            : \"Switch to this LLM profile\",\n          triggers: [command],\n        },\n      };\n    });\n  }, [profilesData?.profiles, isCloud]);\n\n  // Filter items based on user input after \"/\"\n  const filteredItems = useMemo(() => {\n    const sourceItems =\n      completionKind === \"model-profile\" ? modelProfileItems : slashItems;\n    if (!filterText) return sourceItems;\n    const lower = filterText.toLowerCase();\n    return sourceItems.filter(\n      (item) =>\n        item.command.toLowerCase().includes(lower) ||\n        item.skill.name.toLowerCase().includes(lower) ||\n        item.skill.content?.toLowerCase().includes(lower),\n    );\n  }, [completionKind, modelProfileItems, slashItems, filterText]);\n\n  // Keep refs in sync so handleSlashKeyDown always reads the latest values,\n  // avoiding stale closures from React's batched state updates.\n  const isMenuOpenRef = useRef(isMenuOpen);\n  isMenuOpenRef.current = isMenuOpen;\n  const filteredItemsRef = useRef(filteredItems);\n  filteredItemsRef.current = filteredItems;\n  const selectedIndexRef = useRef(selectedIndex);\n  selectedIndexRef.current = selectedIndex;\n\n  // Reset selected index when the filter text changes\n  useEffect(() => {\n    setSelectedIndex(0);\n  }, [filterText]);\n\n  // Track the character range of the current slash word so selectItem can\n  // replace only that portion instead of wiping the entire input.\n  const slashRangeRef = useRef<{ start: number; end: number } | null>(null);\n\n  // Detect a slash word at the cursor position.\n  // Returns the filter text (characters after \"/\") and the range of the\n  // slash word within the full input text, or null if no slash word found.\n  const getSlashText = useCallback((): {\n    kind: SlashCompletionKind;\n    text: string;\n    start: number;\n    end: number;\n  } | null => {\n    const element = chatInputRef.current;\n    if (!element) return null;\n\n    // Strip trailing newlines that contentEditable can produce, but preserve\n    // spaces so \"/command \" (after selection) won't re-trigger the menu.\n    const text = (element.innerText || \"\").replace(/[\\n\\r]+$/, \"\");\n    const cursor = getCursorOffset(element);\n    if (cursor < 0) return null;\n\n    const textBeforeCursor = text.slice(0, cursor);\n\n    const modelMatch = textBeforeCursor.match(/(^|\\s)(\\/model(?:\\s+\\S*)?)$/);\n    if (modelMatch) {\n      const modelCommand = modelMatch[2];\n      const start = textBeforeCursor.length - modelCommand.length;\n      const afterCursor = text.slice(cursor);\n      const trailing = afterCursor.match(/^\\S*/);\n      const end = cursor + (trailing ? trailing[0].length : 0);\n\n      return {\n        kind: \"model-profile\",\n        text: modelCommand.replace(/^\\/model(?:\\s+)?/, \"\"),\n        start,\n        end,\n      };\n    }\n\n    // Match a \"/\" preceded by whitespace or at position 0, followed by\n    // non-whitespace characters, ending right at the cursor.\n    const match = textBeforeCursor.match(/(^|\\s)(\\/\\S*)$/);\n    if (!match) return null;\n\n    const slashWord = match[2]; // e.g. \"/hel\"\n    const start = textBeforeCursor.length - slashWord.length;\n    // The end of the slash word extends past the cursor to include any\n    // contiguous non-whitespace characters (covers the case where the\n    // cursor sits in the middle of a word).\n    const afterCursor = text.slice(cursor);\n    const trailing = afterCursor.match(/^\\S*/);\n    const end = cursor + (trailing ? trailing[0].length : 0);\n\n    return { kind: \"command\", text: slashWord.slice(1), start, end }; // strip leading \"/\"\n  }, [chatInputRef]);\n\n  // Update the menu state based on current input\n  const updateSlashMenu = useCallback(() => {\n    const result = getSlashText();\n    const hasItems =\n      result?.kind === \"model-profile\"\n        ? modelProfileItems.length > 0 || isProfilesLoading\n        : slashItems.length > 0;\n\n    if (result !== null && hasItems) {\n      setCompletionKind(result.kind);\n      setFilterText(result.text);\n      slashRangeRef.current = { start: result.start, end: result.end };\n      setIsMenuOpen(true);\n    } else {\n      setIsMenuOpen(false);\n      setFilterText(\"\");\n      setCompletionKind(\"command\");\n      slashRangeRef.current = null;\n    }\n  }, [\n    getSlashText,\n    isProfilesLoading,\n    modelProfileItems.length,\n    slashItems.length,\n  ]);\n\n  // Select an item and replace only the slash word with the command\n  const selectItem = useCallback(\n    (item: SlashCommandItem) => {\n      const element = chatInputRef.current;\n      if (!element) return;\n\n      const slashRange = slashRangeRef.current;\n      const currentText = (element.innerText || \"\").replace(/[\\n\\r]+$/, \"\");\n      const replacement = `${item.command} `;\n\n      if (slashRange) {\n        // Splice the command into the text, replacing only the slash word\n        element.textContent =\n          currentText.slice(0, slashRange.start) +\n          replacement +\n          currentText.slice(slashRange.end);\n\n        // Position cursor right after the inserted command + space\n        const cursorPos = slashRange.start + replacement.length;\n        const textNode = element.firstChild;\n        if (textNode) {\n          const range = document.createRange();\n          const sel = window.getSelection();\n          const offset = Math.min(cursorPos, textNode.textContent!.length);\n          range.setStart(textNode, offset);\n          range.collapse(true);\n          sel?.removeAllRanges();\n          sel?.addRange(range);\n        }\n      } else {\n        // Fallback: replace everything (e.g. if range tracking failed)\n        element.textContent = replacement;\n        const range = document.createRange();\n        const sel = window.getSelection();\n        range.selectNodeContents(element);\n        range.collapse(false);\n        sel?.removeAllRanges();\n        sel?.addRange(range);\n      }\n\n      setIsMenuOpen(false);\n      setFilterText(\"\");\n      setCompletionKind(\"command\");\n      setSelectedIndex(0);\n      slashRangeRef.current = null;\n\n      // Trigger a native InputEvent so React's onInput fires (for smartResize etc.)\n      element.dispatchEvent(new InputEvent(\"input\", { bubbles: true }));\n\n      // Restore focus so keyboard events (Enter to submit) work after selection\n      element.focus();\n    },\n    [chatInputRef],\n  );\n\n  // Handle keyboard navigation in the menu.\n  // Uses refs to always read the latest state, avoiding stale closures.\n  const handleSlashKeyDown = useCallback(\n    (e: React.KeyboardEvent): boolean => {\n      const items = filteredItemsRef.current;\n      if (!isMenuOpenRef.current || items.length === 0) return false;\n\n      switch (e.key) {\n        case \"ArrowDown\":\n          e.preventDefault();\n          setSelectedIndex((prev) => (prev < items.length - 1 ? prev + 1 : 0));\n          return true;\n        case \"ArrowUp\":\n          e.preventDefault();\n          setSelectedIndex((prev) => (prev > 0 ? prev - 1 : items.length - 1));\n          return true;\n        case \"Enter\":\n        case \"Tab\": {\n          const item = items[selectedIndexRef.current];\n          if (!item) return false;\n          e.preventDefault();\n          selectItem(item);\n          return true;\n        }\n        case \"Escape\":\n          e.preventDefault();\n          setIsMenuOpen(false);\n          return true;\n        // Cursor-movement keys: close the menu to avoid acting on a stale\n        // slash-word range, but don't consume the event so the cursor moves.\n        case \"ArrowLeft\":\n        case \"ArrowRight\":\n        case \"Home\":\n        case \"End\":\n          setIsMenuOpen(false);\n          return false;\n        default:\n          return false;\n      }\n    },\n    [selectItem],\n  );\n\n  const closeMenu = useCallback(() => setIsMenuOpen(false), []);\n\n  return {\n    isMenuOpen,\n    filteredItems,\n    selectedIndex,\n    updateSlashMenu,\n    selectItem,\n    handleSlashKeyDown,\n    closeMenu,\n  };\n};\n"],"mappings":"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"}
+{"version":3,"file":"use-slash-command.js","names":[],"sources":["../../../src/hooks/chat/use-slash-command.ts"],"sourcesContent":["import { useState, useCallback, useEffect, useMemo, useRef } from \"react\";\nimport { useConversationSkills } from \"#/hooks/query/use-conversation-skills\";\nimport { SkillInfo } from \"#/types/settings\";\nimport { Microagent } from \"#/api/open-hands.types\";\nimport { BUILT_IN_COMMANDS, MODEL_COMMAND } from \"#/utils/constants\";\nimport { useActiveBackend } from \"#/contexts/active-backend-context\";\nimport { useLlmProfiles } from \"#/hooks/query/use-llm-profiles\";\n\nexport type SlashCommandSkill = SkillInfo | Microagent;\n\nexport interface SlashCommandItem {\n  skill: SlashCommandSkill;\n  /** The slash command string, e.g. \"/random-number\" */\n  command: string;\n}\n\ntype SlashCompletionKind = \"command\" | \"model-profile\";\n\n/** Get the cursor's character offset within a contentEditable element. */\nfunction getCursorOffset(element: HTMLElement): number {\n  const selection = window.getSelection();\n  if (!selection || selection.rangeCount === 0) return -1;\n  const range = selection.getRangeAt(0);\n  const preRange = range.cloneRange();\n  preRange.selectNodeContents(element);\n  preRange.setEnd(range.startContainer, range.startOffset);\n  return preRange.toString().length;\n}\n\n/**\n * Hook for managing slash command autocomplete in the chat input.\n * Detects when user types \"/\" and provides filtered skill suggestions.\n * Only skills with explicit \"/\" triggers (TaskTrigger) appear in the menu.\n */\nexport const useSlashCommand = (\n  chatInputRef: React.RefObject<HTMLDivElement | null>,\n) => {\n  // Scope the skill catalog to this conversation's attached workspace so the\n  // slash menu lists the same project skills that were loaded into it.\n  const { data: skills, isLoading: isSkillsLoading } = useConversationSkills();\n  const isCloud = useActiveBackend().backend.kind === \"cloud\";\n  const { data: profilesData, isLoading: isProfilesLoading } = useLlmProfiles();\n  const [isMenuOpen, setIsMenuOpen] = useState(false);\n  const [filterText, setFilterText] = useState(\"\");\n  const [completionKind, setCompletionKind] =\n    useState<SlashCompletionKind>(\"command\");\n  const [selectedIndex, setSelectedIndex] = useState(0);\n\n  // Build slash command items from built-in commands + skills:\n  // - Built-in commands (like /new) are included for V1 conversations\n  // - /new is cloud-only — local backends don't surface it\n  // - /model lists/switches LLM profiles; both local and cloud support them\n  // - Skills with explicit \"/\" triggers use those triggers\n  // - AgentSkills without \"/\" triggers get a derived \"/<name>\" command\n  const slashItems = useMemo(() => {\n    const items: SlashCommandItem[] = BUILT_IN_COMMANDS.filter((cmd) => {\n      if (cmd.command === \"/new\") return isCloud;\n      return true;\n    });\n\n    // Wait for skills to finish initial load so all commands appear together\n    if (isSkillsLoading) return items;\n\n    if (!skills) return items;\n    skills.forEach((skill) => {\n      const triggers = skill.triggers || [];\n      const slashTriggers = triggers.filter((t) => t.startsWith(\"/\"));\n\n      if (slashTriggers.length > 0) {\n        // Skill has explicit slash triggers\n        slashTriggers.forEach((trigger) => {\n          items.push({ skill, command: trigger });\n        });\n      } else if (skill.type === \"agentskills\") {\n        // AgentSkills without slash triggers get a derived command\n        items.push({ skill, command: `/${skill.name}` });\n      }\n    });\n    return items;\n  }, [skills, isSkillsLoading, isCloud]);\n\n  const modelProfileItems = useMemo<SlashCommandItem[]>(() => {\n    return (profilesData?.profiles ?? []).map((profile) => {\n      const command = `${MODEL_COMMAND} ${profile.name}`;\n      return {\n        command,\n        skill: {\n          name: profile.name,\n          type: \"agentskills\",\n          content: profile.model\n            ? `Switch to ${profile.model}`\n            : \"Switch to this LLM profile\",\n          triggers: [command],\n        },\n      };\n    });\n  }, [profilesData?.profiles]);\n\n  // Filter items based on user input after \"/\"\n  const filteredItems = useMemo(() => {\n    const sourceItems =\n      completionKind === \"model-profile\" ? modelProfileItems : slashItems;\n    if (!filterText) return sourceItems;\n    const lower = filterText.toLowerCase();\n    return sourceItems.filter(\n      (item) =>\n        item.command.toLowerCase().includes(lower) ||\n        item.skill.name.toLowerCase().includes(lower) ||\n        item.skill.content?.toLowerCase().includes(lower),\n    );\n  }, [completionKind, modelProfileItems, slashItems, filterText]);\n\n  // Keep refs in sync so handleSlashKeyDown always reads the latest values,\n  // avoiding stale closures from React's batched state updates.\n  const isMenuOpenRef = useRef(isMenuOpen);\n  isMenuOpenRef.current = isMenuOpen;\n  const filteredItemsRef = useRef(filteredItems);\n  filteredItemsRef.current = filteredItems;\n  const selectedIndexRef = useRef(selectedIndex);\n  selectedIndexRef.current = selectedIndex;\n\n  // Reset selected index when the filter text changes\n  useEffect(() => {\n    setSelectedIndex(0);\n  }, [filterText]);\n\n  // Track the character range of the current slash word so selectItem can\n  // replace only that portion instead of wiping the entire input.\n  const slashRangeRef = useRef<{ start: number; end: number } | null>(null);\n\n  // Detect a slash word at the cursor position.\n  // Returns the filter text (characters after \"/\") and the range of the\n  // slash word within the full input text, or null if no slash word found.\n  const getSlashText = useCallback((): {\n    kind: SlashCompletionKind;\n    text: string;\n    start: number;\n    end: number;\n  } | null => {\n    const element = chatInputRef.current;\n    if (!element) return null;\n\n    // Strip trailing newlines that contentEditable can produce, but preserve\n    // spaces so \"/command \" (after selection) won't re-trigger the menu.\n    const text = (element.innerText || \"\").replace(/[\\n\\r]+$/, \"\");\n    const cursor = getCursorOffset(element);\n    if (cursor < 0) return null;\n\n    const textBeforeCursor = text.slice(0, cursor);\n\n    const modelMatch = textBeforeCursor.match(/(^|\\s)(\\/model(?:\\s+\\S*)?)$/);\n    if (modelMatch) {\n      const modelCommand = modelMatch[2];\n      const start = textBeforeCursor.length - modelCommand.length;\n      const afterCursor = text.slice(cursor);\n      const trailing = afterCursor.match(/^\\S*/);\n      const end = cursor + (trailing ? trailing[0].length : 0);\n\n      return {\n        kind: \"model-profile\",\n        text: modelCommand.replace(/^\\/model(?:\\s+)?/, \"\"),\n        start,\n        end,\n      };\n    }\n\n    // Match a \"/\" preceded by whitespace or at position 0, followed by\n    // non-whitespace characters, ending right at the cursor.\n    const match = textBeforeCursor.match(/(^|\\s)(\\/\\S*)$/);\n    if (!match) return null;\n\n    const slashWord = match[2]; // e.g. \"/hel\"\n    const start = textBeforeCursor.length - slashWord.length;\n    // The end of the slash word extends past the cursor to include any\n    // contiguous non-whitespace characters (covers the case where the\n    // cursor sits in the middle of a word).\n    const afterCursor = text.slice(cursor);\n    const trailing = afterCursor.match(/^\\S*/);\n    const end = cursor + (trailing ? trailing[0].length : 0);\n\n    return { kind: \"command\", text: slashWord.slice(1), start, end }; // strip leading \"/\"\n  }, [chatInputRef]);\n\n  // Update the menu state based on current input\n  const updateSlashMenu = useCallback(() => {\n    const result = getSlashText();\n    const hasItems =\n      result?.kind === \"model-profile\"\n        ? modelProfileItems.length > 0 || isProfilesLoading\n        : slashItems.length > 0;\n\n    if (result !== null && hasItems) {\n      setCompletionKind(result.kind);\n      setFilterText(result.text);\n      slashRangeRef.current = { start: result.start, end: result.end };\n      setIsMenuOpen(true);\n    } else {\n      setIsMenuOpen(false);\n      setFilterText(\"\");\n      setCompletionKind(\"command\");\n      slashRangeRef.current = null;\n    }\n  }, [\n    getSlashText,\n    isProfilesLoading,\n    modelProfileItems.length,\n    slashItems.length,\n  ]);\n\n  // Select an item and replace only the slash word with the command\n  const selectItem = useCallback(\n    (item: SlashCommandItem) => {\n      const element = chatInputRef.current;\n      if (!element) return;\n\n      const slashRange = slashRangeRef.current;\n      const currentText = (element.innerText || \"\").replace(/[\\n\\r]+$/, \"\");\n      const replacement = `${item.command} `;\n\n      if (slashRange) {\n        // Splice the command into the text, replacing only the slash word\n        element.textContent =\n          currentText.slice(0, slashRange.start) +\n          replacement +\n          currentText.slice(slashRange.end);\n\n        // Position cursor right after the inserted command + space\n        const cursorPos = slashRange.start + replacement.length;\n        const textNode = element.firstChild;\n        if (textNode) {\n          const range = document.createRange();\n          const sel = window.getSelection();\n          const offset = Math.min(cursorPos, textNode.textContent!.length);\n          range.setStart(textNode, offset);\n          range.collapse(true);\n          sel?.removeAllRanges();\n          sel?.addRange(range);\n        }\n      } else {\n        // Fallback: replace everything (e.g. if range tracking failed)\n        element.textContent = replacement;\n        const range = document.createRange();\n        const sel = window.getSelection();\n        range.selectNodeContents(element);\n        range.collapse(false);\n        sel?.removeAllRanges();\n        sel?.addRange(range);\n      }\n\n      setIsMenuOpen(false);\n      setFilterText(\"\");\n      setCompletionKind(\"command\");\n      setSelectedIndex(0);\n      slashRangeRef.current = null;\n\n      // Trigger a native InputEvent so React's onInput fires (for smartResize etc.)\n      element.dispatchEvent(new InputEvent(\"input\", { bubbles: true }));\n\n      // Restore focus so keyboard events (Enter to submit) work after selection\n      element.focus();\n    },\n    [chatInputRef],\n  );\n\n  // Handle keyboard navigation in the menu.\n  // Uses refs to always read the latest state, avoiding stale closures.\n  const handleSlashKeyDown = useCallback(\n    (e: React.KeyboardEvent): boolean => {\n      const items = filteredItemsRef.current;\n      if (!isMenuOpenRef.current || items.length === 0) return false;\n\n      switch (e.key) {\n        case \"ArrowDown\":\n          e.preventDefault();\n          setSelectedIndex((prev) => (prev < items.length - 1 ? prev + 1 : 0));\n          return true;\n        case \"ArrowUp\":\n          e.preventDefault();\n          setSelectedIndex((prev) => (prev > 0 ? prev - 1 : items.length - 1));\n          return true;\n        case \"Enter\":\n        case \"Tab\": {\n          const item = items[selectedIndexRef.current];\n          if (!item) return false;\n          e.preventDefault();\n          selectItem(item);\n          return true;\n        }\n        case \"Escape\":\n          e.preventDefault();\n          setIsMenuOpen(false);\n          return true;\n        // Cursor-movement keys: close the menu to avoid acting on a stale\n        // slash-word range, but don't consume the event so the cursor moves.\n        case \"ArrowLeft\":\n        case \"ArrowRight\":\n        case \"Home\":\n        case \"End\":\n          setIsMenuOpen(false);\n          return false;\n        default:\n          return false;\n      }\n    },\n    [selectItem],\n  );\n\n  const closeMenu = useCallback(() => setIsMenuOpen(false), []);\n\n  return {\n    isMenuOpen,\n    filteredItems,\n    selectedIndex,\n    updateSlashMenu,\n    selectItem,\n    handleSlashKeyDown,\n    closeMenu,\n  };\n};\n"],"mappings":"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"}

package/dist/hooks/mutation/conversation-mutation-utils.cjs

@@ -1,2 +1,2 @@
-require(`../../_virtual/_rolldown/runtime.cjs`);const e=require(`../../node_modules/@openhands/typescript-client/dist/client/conversation-client.cjs`),t=require(`../../api/backend-registry/active-store.cjs`),n=require(`../../api/agent-server-client-options.cjs`),r=require(`../../api/cloud/conversation-service.api.cjs`),i=require(`../../api/conversation-service/agent-server-conversation-service.api.cjs`);var a=async e=>{let t=(await i.default.batchGetAppConversations([e]))[0];if(!t)throw Error(`V1 conversation not found: ${e}`);return{conversationUrl:t.conversation_url,sessionApiKey:t.session_api_key,sandboxId:t.sandbox_id}},o=async i=>{let{conversationUrl:o,sessionApiKey:s,sandboxId:c}=await a(i);if(t.getActiveBackend().backend.kind===`cloud`){if(!c)throw Error(`Cannot stop runtime: cloud conversation ${i} has no sandbox_id.`);return await r.pauseCloudSandbox(c),{success:!0}}return new e.ConversationClient(n.getAgentServerClientOptions({conversationUrl:o,sessionApiKey:s})).interruptConversation(i)},s=async(t,r)=>{let{conversationUrl:i,sessionApiKey:o}=await a(t);return new e.ConversationClient(n.getAgentServerClientOptions({conversationUrl:i,sessionApiKey:o})).askAgent(t,r)},c=async t=>{let{conversationUrl:r,sessionApiKey:i}=await a(t);return new e.ConversationClient(n.getAgentServerClientOptions({conversationUrl:r,sessionApiKey:i})).runConversation(t)},l=(e,t,n)=>{e.setQueriesData({queryKey:[`user`,`conversation`,t]},e=>e&&{...e,...n}),e.setQueriesData({queryKey:[`user`,`conversations`]},e=>e&&{...e,pages:e.pages.map(e=>({...e,items:e.items.map(e=>e.id===t?{...e,...n}:e)}))})},u=(e,t,n)=>l(e,t,{execution_status:n}),d=(e,t,n)=>l(e,t,{llm_model:n}),f=(e,t)=>{e.invalidateQueries({queryKey:[`user`,`conversation`,t]}),e.invalidateQueries({queryKey:[`user`,`conversations`]}),e.invalidateQueries({queryKey:[`v1-batch-get-app-conversations`]}),e.invalidateQueries({queryKey:[`unified`,`vscode_url`]})};exports.askAgent=s,exports.invalidateConversationQueries=f,exports.patchConversationInCache=l,exports.pauseConversation=o,exports.resumeConversation=c,exports.updateConversationExecutionStatusInCache=u,exports.updateConversationLlmModelInCache=d;
+require(`../../_virtual/_rolldown/runtime.cjs`);const e=require(`../../node_modules/@openhands/typescript-client/dist/client/conversation-client.cjs`);require(`../../node_modules/@openhands/typescript-client/dist/clients.cjs`);const t=require(`../../api/backend-registry/active-store.cjs`),n=require(`../../api/agent-server-client-options.cjs`),r=require(`../../api/cloud/conversation-service.api.cjs`),i=require(`../../api/conversation-service/agent-server-conversation-service.api.cjs`);var a=async e=>{let t=(await i.default.batchGetAppConversations([e]))[0];if(!t)throw Error(`V1 conversation not found: ${e}`);return{conversationUrl:t.conversation_url,sessionApiKey:t.session_api_key,sandboxId:t.sandbox_id}},o=async i=>{let{conversationUrl:o,sessionApiKey:s,sandboxId:c}=await a(i);if(t.getActiveBackend().backend.kind===`cloud`){if(!c)throw Error(`Cannot stop runtime: cloud conversation ${i} has no sandbox_id.`);return await r.pauseCloudSandbox(c),{success:!0}}return new e.ConversationClient(n.getAgentServerClientOptions({conversationUrl:o,sessionApiKey:s})).interruptConversation(i)},s=async(t,r)=>{let{conversationUrl:i,sessionApiKey:o}=await a(t);return new e.ConversationClient(n.getAgentServerClientOptions({conversationUrl:i,sessionApiKey:o})).askAgent(t,r)},c=async(t,r)=>{let{conversationUrl:i,sessionApiKey:o}=await a(t);await new e.ConversationClient(n.getAgentServerClientOptions({conversationUrl:i,sessionApiKey:o})).startGoal(t,r)},l=async t=>{let{conversationUrl:r,sessionApiKey:i}=await a(t);await new e.ConversationClient(n.getAgentServerClientOptions({conversationUrl:r,sessionApiKey:i})).stopGoal(t)},u=async t=>{let{conversationUrl:r,sessionApiKey:i}=await a(t);await new e.ConversationClient(n.getAgentServerClientOptions({conversationUrl:r,sessionApiKey:i})).resumeGoal(t)},d=async t=>{let{conversationUrl:r,sessionApiKey:i}=await a(t);return new e.ConversationClient(n.getAgentServerClientOptions({conversationUrl:r,sessionApiKey:i})).runConversation(t)},f=(e,t,n)=>{e.setQueriesData({queryKey:[`user`,`conversation`,t]},e=>e&&{...e,...n}),e.setQueriesData({queryKey:[`user`,`conversations`]},e=>e&&{...e,pages:e.pages.map(e=>({...e,items:e.items.map(e=>e.id===t?{...e,...n}:e)}))})},p=(e,t,n)=>f(e,t,{execution_status:n}),m=(e,t,n)=>f(e,t,{llm_model:n}),h=(e,t)=>{e.invalidateQueries({queryKey:[`user`,`conversation`,t]}),e.invalidateQueries({queryKey:[`user`,`conversations`]}),e.invalidateQueries({queryKey:[`v1-batch-get-app-conversations`]}),e.invalidateQueries({queryKey:[`unified`,`vscode_url`]})};exports.askAgent=s,exports.invalidateConversationQueries=h,exports.patchConversationInCache=f,exports.pauseConversation=o,exports.resumeConversation=d,exports.resumeGoal=u,exports.startGoal=c,exports.stopGoal=l,exports.updateConversationExecutionStatusInCache=p,exports.updateConversationLlmModelInCache=m;
 //# sourceMappingURL=conversation-mutation-utils.cjs.map

package/dist/hooks/mutation/conversation-mutation-utils.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"conversation-mutation-utils.cjs","names":[],"sources":["../../../src/hooks/mutation/conversation-mutation-utils.ts"],"sourcesContent":["import { QueryClient } from \"@tanstack/react-query\";\nimport { ConversationClient } from \"@openhands/typescript-client/clients\";\nimport { getActiveBackend } from \"#/api/backend-registry/active-store\";\nimport { pauseCloudSandbox } from \"#/api/cloud/conversation-service.api\";\nimport { getAgentServerClientOptions } from \"#/api/agent-server-client-options\";\nimport AgentServerConversationService from \"#/api/conversation-service/agent-server-conversation-service.api\";\nimport { AppConversation } from \"#/api/conversation-service/agent-server-conversation-service.types\";\n\ntype ExecutionStatusValue = AppConversation[\"execution_status\"];\n\nconst fetchConversationData = async (\n  conversationId: string,\n): Promise<{\n  conversationUrl: string | null;\n  sessionApiKey: string | null;\n  sandboxId: string | null;\n}> => {\n  const conversations =\n    await AgentServerConversationService.batchGetAppConversations([\n      conversationId,\n    ]);\n\n  const appConversation = conversations[0];\n  if (!appConversation) {\n    throw new Error(`V1 conversation not found: ${conversationId}`);\n  }\n\n  return {\n    conversationUrl: appConversation.conversation_url,\n    sessionApiKey: appConversation.session_api_key,\n    sandboxId: appConversation.sandbox_id,\n  };\n};\n\n/**\n * Stop a running conversation.\n * - Cloud mode: Pauses the sandbox (waits for current LLM call to finish).\n * - Local mode: Interrupts immediately (cancels in-flight requests).\n */\nexport const pauseConversation = async (conversationId: string) => {\n  const { conversationUrl, sessionApiKey, sandboxId } =\n    await fetchConversationData(conversationId);\n\n  if (getActiveBackend().backend.kind === \"cloud\") {\n    if (!sandboxId) {\n      throw new Error(\n        `Cannot stop runtime: cloud conversation ${conversationId} has no sandbox_id.`,\n      );\n    }\n    await pauseCloudSandbox(sandboxId);\n    return { success: true };\n  }\n\n  // In local mode, use /interrupt instead of /pause so in-flight LLM\n  // requests are cancelled immediately rather than waiting for the\n  // current call to finish.\n  return new ConversationClient(\n    getAgentServerClientOptions({ conversationUrl, sessionApiKey }),\n  ).interruptConversation(conversationId);\n};\n\n/**\n * Ask the agent a side question on a V1 conversation\n */\nexport const askAgent = async (\n  conversationId: string,\n  question: string,\n): Promise<{ response: string }> => {\n  const { conversationUrl, sessionApiKey } =\n    await fetchConversationData(conversationId);\n  return new ConversationClient(\n    getAgentServerClientOptions({ conversationUrl, sessionApiKey }),\n  ).askAgent(conversationId, question);\n};\n\nexport const resumeConversation = async (conversationId: string) => {\n  const { conversationUrl, sessionApiKey } =\n    await fetchConversationData(conversationId);\n  return new ConversationClient(\n    getAgentServerClientOptions({ conversationUrl, sessionApiKey }),\n  ).runConversation(conversationId);\n};\n\n/**\n * Patch arbitrary fields on a cached AppConversation in both the single-item\n * and paginated list query caches.  Prefer this over the narrower\n * `updateConversationExecutionStatusInCache` when you need to update more than\n * one field atomically (e.g. `execution_status` + `sandbox_status` together).\n */\nexport const patchConversationInCache = (\n  queryClient: QueryClient,\n  conversationId: string,\n  patch: Partial<AppConversation>,\n): void => {\n  // useUserConversation stores data under a 5-part key that includes the active\n  // backend id and org id. Use setQueriesData with prefix matching so the\n  // update reaches whichever (backend, org) variant is currently mounted.\n  queryClient.setQueriesData<AppConversation | null>(\n    { queryKey: [\"user\", \"conversation\", conversationId] },\n    (oldData) => (oldData ? { ...oldData, ...patch } : oldData),\n  );\n\n  queryClient.setQueriesData<{\n    pages: Array<{ items: AppConversation[] }>;\n  }>({ queryKey: [\"user\", \"conversations\"] }, (oldData) => {\n    if (!oldData) return oldData;\n    return {\n      ...oldData,\n      pages: oldData.pages.map((page) => ({\n        ...page,\n        items: page.items.map((conv) =>\n          conv.id === conversationId ? { ...conv, ...patch } : conv,\n        ),\n      })),\n    };\n  });\n};\n\nexport const updateConversationExecutionStatusInCache = (\n  queryClient: QueryClient,\n  conversationId: string,\n  execution_status: ExecutionStatusValue,\n): void =>\n  patchConversationInCache(queryClient, conversationId, { execution_status });\n\nexport const updateConversationLlmModelInCache = (\n  queryClient: QueryClient,\n  conversationId: string,\n  llm_model: string,\n): void => patchConversationInCache(queryClient, conversationId, { llm_model });\n\nexport const invalidateConversationQueries = (\n  queryClient: QueryClient,\n  conversationId: string,\n): void => {\n  queryClient.invalidateQueries({\n    queryKey: [\"user\", \"conversation\", conversationId],\n  });\n  queryClient.invalidateQueries({ queryKey: [\"user\", \"conversations\"] });\n  queryClient.invalidateQueries({\n    queryKey: [\"v1-batch-get-app-conversations\"],\n  });\n  queryClient.invalidateQueries({ queryKey: [\"unified\", \"vscode_url\"] });\n};\n"],"mappings":"uZAUA,IAAM,EAAwB,KAC5B,IAKI,CAMJ,IAAM,GAAkB,MAJhB,EAAA,QAA+B,yBAAyB,CAC5D,EACD,CAAC,EAEkC,GACtC,GAAI,CAAC,EACH,MAAU,MAAM,8BAA8B,IAAiB,CAGjE,MAAO,CACL,gBAAiB,EAAgB,iBACjC,cAAe,EAAgB,gBAC/B,UAAW,EAAgB,WAC5B,EAQU,EAAoB,KAAO,IAA2B,CACjE,GAAM,CAAE,kBAAiB,gBAAe,aACtC,MAAM,EAAsB,EAAe,CAE7C,GAAI,EAAA,kBAAkB,CAAC,QAAQ,OAAS,QAAS,CAC/C,GAAI,CAAC,EACH,MAAU,MACR,2CAA2C,EAAe,qBAC3D,CAGH,OADA,MAAM,EAAA,kBAAkB,EAAU,CAC3B,CAAE,QAAS,GAAM,CAM1B,OAAO,IAAI,EAAA,mBACT,EAAA,4BAA4B,CAAE,kBAAiB,gBAAe,CAAC,CAChE,CAAC,sBAAsB,EAAe,EAM5B,EAAW,MACtB,EACA,IACkC,CAClC,GAAM,CAAE,kBAAiB,iBACvB,MAAM,EAAsB,EAAe,CAC7C,OAAO,IAAI,EAAA,mBACT,EAAA,4BAA4B,CAAE,kBAAiB,gBAAe,CAAC,CAChE,CAAC,SAAS,EAAgB,EAAS,EAGzB,EAAqB,KAAO,IAA2B,CAClE,GAAM,CAAE,kBAAiB,iBACvB,MAAM,EAAsB,EAAe,CAC7C,OAAO,IAAI,EAAA,mBACT,EAAA,4BAA4B,CAAE,kBAAiB,gBAAe,CAAC,CAChE,CAAC,gBAAgB,EAAe,EAStB,GACX,EACA,EACA,IACS,CAIT,EAAY,eACV,CAAE,SAAU,CAAC,OAAQ,eAAgB,EAAe,CAAE,CACrD,GAAa,GAAU,CAAE,GAAG,EAAS,GAAG,EAAO,CACjD,CAED,EAAY,eAET,CAAE,SAAU,CAAC,OAAQ,gBAAgB,CAAE,CAAG,GACtC,GACE,CACL,GAAG,EACH,MAAO,EAAQ,MAAM,IAAK,IAAU,CAClC,GAAG,EACH,MAAO,EAAK,MAAM,IAAK,GACrB,EAAK,KAAO,EAAiB,CAAE,GAAG,EAAM,GAAG,EAAO,CAAG,EACtD,CACF,EAAE,CACJ,CACD,EAGS,GACX,EACA,EACA,IAEA,EAAyB,EAAa,EAAgB,CAAE,mBAAkB,CAAC,CAEhE,GACX,EACA,EACA,IACS,EAAyB,EAAa,EAAgB,CAAE,YAAW,CAAC,CAElE,GACX,EACA,IACS,CACT,EAAY,kBAAkB,CAC5B,SAAU,CAAC,OAAQ,eAAgB,EAAe,CACnD,CAAC,CACF,EAAY,kBAAkB,CAAE,SAAU,CAAC,OAAQ,gBAAgB,CAAE,CAAC,CACtE,EAAY,kBAAkB,CAC5B,SAAU,CAAC,iCAAiC,CAC7C,CAAC,CACF,EAAY,kBAAkB,CAAE,SAAU,CAAC,UAAW,aAAa,CAAE,CAAC"}
+{"version":3,"file":"conversation-mutation-utils.cjs","names":[],"sources":["../../../src/hooks/mutation/conversation-mutation-utils.ts"],"sourcesContent":["import { QueryClient } from \"@tanstack/react-query\";\nimport { ConversationClient } from \"@openhands/typescript-client/clients\";\nimport type { StartGoalRequest } from \"@openhands/typescript-client\";\nimport { getActiveBackend } from \"#/api/backend-registry/active-store\";\nimport { pauseCloudSandbox } from \"#/api/cloud/conversation-service.api\";\nimport { getAgentServerClientOptions } from \"#/api/agent-server-client-options\";\nimport AgentServerConversationService from \"#/api/conversation-service/agent-server-conversation-service.api\";\nimport { AppConversation } from \"#/api/conversation-service/agent-server-conversation-service.types\";\n\ntype ExecutionStatusValue = AppConversation[\"execution_status\"];\n\nconst fetchConversationData = async (\n  conversationId: string,\n): Promise<{\n  conversationUrl: string | null;\n  sessionApiKey: string | null;\n  sandboxId: string | null;\n}> => {\n  const conversations =\n    await AgentServerConversationService.batchGetAppConversations([\n      conversationId,\n    ]);\n\n  const appConversation = conversations[0];\n  if (!appConversation) {\n    throw new Error(`V1 conversation not found: ${conversationId}`);\n  }\n\n  return {\n    conversationUrl: appConversation.conversation_url,\n    sessionApiKey: appConversation.session_api_key,\n    sandboxId: appConversation.sandbox_id,\n  };\n};\n\n/**\n * Stop a running conversation.\n * - Cloud mode: Pauses the sandbox (waits for current LLM call to finish).\n * - Local mode: Interrupts immediately (cancels in-flight requests).\n */\nexport const pauseConversation = async (conversationId: string) => {\n  const { conversationUrl, sessionApiKey, sandboxId } =\n    await fetchConversationData(conversationId);\n\n  if (getActiveBackend().backend.kind === \"cloud\") {\n    if (!sandboxId) {\n      throw new Error(\n        `Cannot stop runtime: cloud conversation ${conversationId} has no sandbox_id.`,\n      );\n    }\n    await pauseCloudSandbox(sandboxId);\n    return { success: true };\n  }\n\n  // In local mode, use /interrupt instead of /pause so in-flight LLM\n  // requests are cancelled immediately rather than waiting for the\n  // current call to finish.\n  return new ConversationClient(\n    getAgentServerClientOptions({ conversationUrl, sessionApiKey }),\n  ).interruptConversation(conversationId);\n};\n\n/**\n * Ask the agent a side question on a V1 conversation\n */\nexport const askAgent = async (\n  conversationId: string,\n  question: string,\n): Promise<{ response: string }> => {\n  const { conversationUrl, sessionApiKey } =\n    await fetchConversationData(conversationId);\n  return new ConversationClient(\n    getAgentServerClientOptions({ conversationUrl, sessionApiKey }),\n  ).askAgent(conversationId, question);\n};\n\n/**\n * Start a `/goal` loop on a V1 conversation. The agent server drives the agent\n * toward the objective, judging completion after each run until it is done or\n * `max_iterations` is reached, streaming progress as goal\n * ConversationStateUpdateEvents over the conversation's event stream.\n */\nexport const startGoal = async (\n  conversationId: string,\n  request: StartGoalRequest,\n): Promise<void> => {\n  const { conversationUrl, sessionApiKey } =\n    await fetchConversationData(conversationId);\n  await new ConversationClient(\n    getAgentServerClientOptions({ conversationUrl, sessionApiKey }),\n  ).startGoal(conversationId, request);\n};\n\n/**\n * Stop the active `/goal` loop. The backend only cancels the background loop\n * (recording an `interrupted` status so {@link resumeGoal} can continue it) and\n * deliberately leaves the in-flight agent turn running, so callers should also\n * interrupt the conversation (e.g. `pauseConversation`) to actually halt it.\n */\nexport const stopGoal = async (conversationId: string): Promise<void> => {\n  const { conversationUrl, sessionApiKey } =\n    await fetchConversationData(conversationId);\n  await new ConversationClient(\n    getAgentServerClientOptions({ conversationUrl, sessionApiKey }),\n  ).stopGoal(conversationId);\n};\n\n/** Resume the last interrupted `/goal` loop in this conversation. */\nexport const resumeGoal = async (conversationId: string): Promise<void> => {\n  const { conversationUrl, sessionApiKey } =\n    await fetchConversationData(conversationId);\n  await new ConversationClient(\n    getAgentServerClientOptions({ conversationUrl, sessionApiKey }),\n  ).resumeGoal(conversationId);\n};\n\nexport const resumeConversation = async (conversationId: string) => {\n  const { conversationUrl, sessionApiKey } =\n    await fetchConversationData(conversationId);\n  return new ConversationClient(\n    getAgentServerClientOptions({ conversationUrl, sessionApiKey }),\n  ).runConversation(conversationId);\n};\n\n/**\n * Patch arbitrary fields on a cached AppConversation in both the single-item\n * and paginated list query caches.  Prefer this over the narrower\n * `updateConversationExecutionStatusInCache` when you need to update more than\n * one field atomically (e.g. `execution_status` + `sandbox_status` together).\n */\nexport const patchConversationInCache = (\n  queryClient: QueryClient,\n  conversationId: string,\n  patch: Partial<AppConversation>,\n): void => {\n  // useUserConversation stores data under a 5-part key that includes the active\n  // backend id and org id. Use setQueriesData with prefix matching so the\n  // update reaches whichever (backend, org) variant is currently mounted.\n  queryClient.setQueriesData<AppConversation | null>(\n    { queryKey: [\"user\", \"conversation\", conversationId] },\n    (oldData) => (oldData ? { ...oldData, ...patch } : oldData),\n  );\n\n  queryClient.setQueriesData<{\n    pages: Array<{ items: AppConversation[] }>;\n  }>({ queryKey: [\"user\", \"conversations\"] }, (oldData) => {\n    if (!oldData) return oldData;\n    return {\n      ...oldData,\n      pages: oldData.pages.map((page) => ({\n        ...page,\n        items: page.items.map((conv) =>\n          conv.id === conversationId ? { ...conv, ...patch } : conv,\n        ),\n      })),\n    };\n  });\n};\n\nexport const updateConversationExecutionStatusInCache = (\n  queryClient: QueryClient,\n  conversationId: string,\n  execution_status: ExecutionStatusValue,\n): void =>\n  patchConversationInCache(queryClient, conversationId, { execution_status });\n\nexport const updateConversationLlmModelInCache = (\n  queryClient: QueryClient,\n  conversationId: string,\n  llm_model: string,\n): void => patchConversationInCache(queryClient, conversationId, { llm_model });\n\nexport const invalidateConversationQueries = (\n  queryClient: QueryClient,\n  conversationId: string,\n): void => {\n  queryClient.invalidateQueries({\n    queryKey: [\"user\", \"conversation\", conversationId],\n  });\n  queryClient.invalidateQueries({ queryKey: [\"user\", \"conversations\"] });\n  queryClient.invalidateQueries({\n    queryKey: [\"v1-batch-get-app-conversations\"],\n  });\n  queryClient.invalidateQueries({ queryKey: [\"unified\", \"vscode_url\"] });\n};\n"],"mappings":"yeAWA,IAAM,EAAwB,KAC5B,IAKI,CAMJ,IAAM,GAAkB,MAJhB,EAAA,QAA+B,yBAAyB,CAC5D,EACD,CAAC,EAEkC,GACtC,GAAI,CAAC,EACH,MAAU,MAAM,8BAA8B,IAAiB,CAGjE,MAAO,CACL,gBAAiB,EAAgB,iBACjC,cAAe,EAAgB,gBAC/B,UAAW,EAAgB,WAC5B,EAQU,EAAoB,KAAO,IAA2B,CACjE,GAAM,CAAE,kBAAiB,gBAAe,aACtC,MAAM,EAAsB,EAAe,CAE7C,GAAI,EAAA,kBAAkB,CAAC,QAAQ,OAAS,QAAS,CAC/C,GAAI,CAAC,EACH,MAAU,MACR,2CAA2C,EAAe,qBAC3D,CAGH,OADA,MAAM,EAAA,kBAAkB,EAAU,CAC3B,CAAE,QAAS,GAAM,CAM1B,OAAO,IAAI,EAAA,mBACT,EAAA,4BAA4B,CAAE,kBAAiB,gBAAe,CAAC,CAChE,CAAC,sBAAsB,EAAe,EAM5B,EAAW,MACtB,EACA,IACkC,CAClC,GAAM,CAAE,kBAAiB,iBACvB,MAAM,EAAsB,EAAe,CAC7C,OAAO,IAAI,EAAA,mBACT,EAAA,4BAA4B,CAAE,kBAAiB,gBAAe,CAAC,CAChE,CAAC,SAAS,EAAgB,EAAS,EASzB,EAAY,MACvB,EACA,IACkB,CAClB,GAAM,CAAE,kBAAiB,iBACvB,MAAM,EAAsB,EAAe,CAC7C,MAAM,IAAI,EAAA,mBACR,EAAA,4BAA4B,CAAE,kBAAiB,gBAAe,CAAC,CAChE,CAAC,UAAU,EAAgB,EAAQ,EASzB,EAAW,KAAO,IAA0C,CACvE,GAAM,CAAE,kBAAiB,iBACvB,MAAM,EAAsB,EAAe,CAC7C,MAAM,IAAI,EAAA,mBACR,EAAA,4BAA4B,CAAE,kBAAiB,gBAAe,CAAC,CAChE,CAAC,SAAS,EAAe,EAIf,EAAa,KAAO,IAA0C,CACzE,GAAM,CAAE,kBAAiB,iBACvB,MAAM,EAAsB,EAAe,CAC7C,MAAM,IAAI,EAAA,mBACR,EAAA,4BAA4B,CAAE,kBAAiB,gBAAe,CAAC,CAChE,CAAC,WAAW,EAAe,EAGjB,EAAqB,KAAO,IAA2B,CAClE,GAAM,CAAE,kBAAiB,iBACvB,MAAM,EAAsB,EAAe,CAC7C,OAAO,IAAI,EAAA,mBACT,EAAA,4BAA4B,CAAE,kBAAiB,gBAAe,CAAC,CAChE,CAAC,gBAAgB,EAAe,EAStB,GACX,EACA,EACA,IACS,CAIT,EAAY,eACV,CAAE,SAAU,CAAC,OAAQ,eAAgB,EAAe,CAAE,CACrD,GAAa,GAAU,CAAE,GAAG,EAAS,GAAG,EAAO,CACjD,CAED,EAAY,eAET,CAAE,SAAU,CAAC,OAAQ,gBAAgB,CAAE,CAAG,GACtC,GACE,CACL,GAAG,EACH,MAAO,EAAQ,MAAM,IAAK,IAAU,CAClC,GAAG,EACH,MAAO,EAAK,MAAM,IAAK,GACrB,EAAK,KAAO,EAAiB,CAAE,GAAG,EAAM,GAAG,EAAO,CAAG,EACtD,CACF,EAAE,CACJ,CACD,EAGS,GACX,EACA,EACA,IAEA,EAAyB,EAAa,EAAgB,CAAE,mBAAkB,CAAC,CAEhE,GACX,EACA,EACA,IACS,EAAyB,EAAa,EAAgB,CAAE,YAAW,CAAC,CAElE,GACX,EACA,IACS,CACT,EAAY,kBAAkB,CAC5B,SAAU,CAAC,OAAQ,eAAgB,EAAe,CACnD,CAAC,CACF,EAAY,kBAAkB,CAAE,SAAU,CAAC,OAAQ,gBAAgB,CAAE,CAAC,CACtE,EAAY,kBAAkB,CAC5B,SAAU,CAAC,iCAAiC,CAC7C,CAAC,CACF,EAAY,kBAAkB,CAAE,SAAU,CAAC,UAAW,aAAa,CAAE,CAAC"}

package/dist/hooks/mutation/conversation-mutation-utils.d.ts

@@ -1,4 +1,5 @@
 import { QueryClient } from "@tanstack/react-query";
+import type { StartGoalRequest } from "@openhands/typescript-client";
 import { AppConversation } from "#/api/conversation-service/agent-server-conversation-service.types";
 type ExecutionStatusValue = AppConversation["execution_status"];
 /**
@@ -13,6 +14,22 @@ export declare const pauseConversation: (conversationId: string) => Promise<impo
 export declare const askAgent: (conversationId: string, question: string) => Promise<{
     response: string;
 }>;
+/**
+ * Start a `/goal` loop on a V1 conversation. The agent server drives the agent
+ * toward the objective, judging completion after each run until it is done or
+ * `max_iterations` is reached, streaming progress as goal
+ * ConversationStateUpdateEvents over the conversation's event stream.
+ */
+export declare const startGoal: (conversationId: string, request: StartGoalRequest) => Promise<void>;
+/**
+ * Stop the active `/goal` loop. The backend only cancels the background loop
+ * (recording an `interrupted` status so {@link resumeGoal} can continue it) and
+ * deliberately leaves the in-flight agent turn running, so callers should also
+ * interrupt the conversation (e.g. `pauseConversation`) to actually halt it.
+ */
+export declare const stopGoal: (conversationId: string) => Promise<void>;
+/** Resume the last interrupted `/goal` loop in this conversation. */
+export declare const resumeGoal: (conversationId: string) => Promise<void>;
 export declare const resumeConversation: (conversationId: string) => Promise<import("@openhands/typescript-client").Success>;
 /**
  * Patch arbitrary fields on a cached AppConversation in both the single-item

package/dist/hooks/mutation/conversation-mutation-utils.js

@@ -1,4 +1,5 @@
 import { ConversationClient as e } from "../../node_modules/@openhands/typescript-client/dist/client/conversation-client.js";
+import "../../node_modules/@openhands/typescript-client/dist/clients.js";
 import { getActiveBackend as t } from "../../api/backend-registry/active-store.js";
 import { getAgentServerClientOptions as n } from "../../api/agent-server-client-options.js";
 import { pauseCloudSandbox as r } from "../../api/cloud/conversation-service.api.js";
@@ -28,13 +29,31 @@ var a = async (e) => {
 		conversationUrl: i,
 		sessionApiKey: o
 	})).askAgent(t, r);
-}, c = async (t) => {
+}, c = async (t, r) => {
+	let { conversationUrl: i, sessionApiKey: o } = await a(t);
+	await new e(n({
+		conversationUrl: i,
+		sessionApiKey: o
+	})).startGoal(t, r);
+}, l = async (t) => {
+	let { conversationUrl: r, sessionApiKey: i } = await a(t);
+	await new e(n({
+		conversationUrl: r,
+		sessionApiKey: i
+	})).stopGoal(t);
+}, u = async (t) => {
+	let { conversationUrl: r, sessionApiKey: i } = await a(t);
+	await new e(n({
+		conversationUrl: r,
+		sessionApiKey: i
+	})).resumeGoal(t);
+}, d = async (t) => {
 	let { conversationUrl: r, sessionApiKey: i } = await a(t);
 	return new e(n({
 		conversationUrl: r,
 		sessionApiKey: i
 	})).runConversation(t);
-}, l = (e, t, n) => {
+}, f = (e, t, n) => {
 	e.setQueriesData({ queryKey: [
 		"user",
 		"conversation",
@@ -52,7 +71,7 @@ var a = async (e) => {
 			} : e)
 		}))
 	});
-}, u = (e, t, n) => l(e, t, { execution_status: n }), d = (e, t, n) => l(e, t, { llm_model: n }), f = (e, t) => {
+}, p = (e, t, n) => f(e, t, { execution_status: n }), m = (e, t, n) => f(e, t, { llm_model: n }), h = (e, t) => {
 	e.invalidateQueries({ queryKey: [
 		"user",
 		"conversation",
@@ -60,6 +79,6 @@ var a = async (e) => {
 	] }), e.invalidateQueries({ queryKey: ["user", "conversations"] }), e.invalidateQueries({ queryKey: ["v1-batch-get-app-conversations"] }), e.invalidateQueries({ queryKey: ["unified", "vscode_url"] });
 };
 //#endregion
-export { s as askAgent, f as invalidateConversationQueries, l as patchConversationInCache, o as pauseConversation, c as resumeConversation, u as updateConversationExecutionStatusInCache, d as updateConversationLlmModelInCache };
+export { s as askAgent, h as invalidateConversationQueries, f as patchConversationInCache, o as pauseConversation, d as resumeConversation, u as resumeGoal, c as startGoal, l as stopGoal, p as updateConversationExecutionStatusInCache, m as updateConversationLlmModelInCache };
 
 //# sourceMappingURL=conversation-mutation-utils.js.map

package/dist/hooks/mutation/conversation-mutation-utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"conversation-mutation-utils.js","names":[],"sources":["../../../src/hooks/mutation/conversation-mutation-utils.ts"],"sourcesContent":["import { QueryClient } from \"@tanstack/react-query\";\nimport { ConversationClient } from \"@openhands/typescript-client/clients\";\nimport { getActiveBackend } from \"#/api/backend-registry/active-store\";\nimport { pauseCloudSandbox } from \"#/api/cloud/conversation-service.api\";\nimport { getAgentServerClientOptions } from \"#/api/agent-server-client-options\";\nimport AgentServerConversationService from \"#/api/conversation-service/agent-server-conversation-service.api\";\nimport { AppConversation } from \"#/api/conversation-service/agent-server-conversation-service.types\";\n\ntype ExecutionStatusValue = AppConversation[\"execution_status\"];\n\nconst fetchConversationData = async (\n  conversationId: string,\n): Promise<{\n  conversationUrl: string | null;\n  sessionApiKey: string | null;\n  sandboxId: string | null;\n}> => {\n  const conversations =\n    await AgentServerConversationService.batchGetAppConversations([\n      conversationId,\n    ]);\n\n  const appConversation = conversations[0];\n  if (!appConversation) {\n    throw new Error(`V1 conversation not found: ${conversationId}`);\n  }\n\n  return {\n    conversationUrl: appConversation.conversation_url,\n    sessionApiKey: appConversation.session_api_key,\n    sandboxId: appConversation.sandbox_id,\n  };\n};\n\n/**\n * Stop a running conversation.\n * - Cloud mode: Pauses the sandbox (waits for current LLM call to finish).\n * - Local mode: Interrupts immediately (cancels in-flight requests).\n */\nexport const pauseConversation = async (conversationId: string) => {\n  const { conversationUrl, sessionApiKey, sandboxId } =\n    await fetchConversationData(conversationId);\n\n  if (getActiveBackend().backend.kind === \"cloud\") {\n    if (!sandboxId) {\n      throw new Error(\n        `Cannot stop runtime: cloud conversation ${conversationId} has no sandbox_id.`,\n      );\n    }\n    await pauseCloudSandbox(sandboxId);\n    return { success: true };\n  }\n\n  // In local mode, use /interrupt instead of /pause so in-flight LLM\n  // requests are cancelled immediately rather than waiting for the\n  // current call to finish.\n  return new ConversationClient(\n    getAgentServerClientOptions({ conversationUrl, sessionApiKey }),\n  ).interruptConversation(conversationId);\n};\n\n/**\n * Ask the agent a side question on a V1 conversation\n */\nexport const askAgent = async (\n  conversationId: string,\n  question: string,\n): Promise<{ response: string }> => {\n  const { conversationUrl, sessionApiKey } =\n    await fetchConversationData(conversationId);\n  return new ConversationClient(\n    getAgentServerClientOptions({ conversationUrl, sessionApiKey }),\n  ).askAgent(conversationId, question);\n};\n\nexport const resumeConversation = async (conversationId: string) => {\n  const { conversationUrl, sessionApiKey } =\n    await fetchConversationData(conversationId);\n  return new ConversationClient(\n    getAgentServerClientOptions({ conversationUrl, sessionApiKey }),\n  ).runConversation(conversationId);\n};\n\n/**\n * Patch arbitrary fields on a cached AppConversation in both the single-item\n * and paginated list query caches.  Prefer this over the narrower\n * `updateConversationExecutionStatusInCache` when you need to update more than\n * one field atomically (e.g. `execution_status` + `sandbox_status` together).\n */\nexport const patchConversationInCache = (\n  queryClient: QueryClient,\n  conversationId: string,\n  patch: Partial<AppConversation>,\n): void => {\n  // useUserConversation stores data under a 5-part key that includes the active\n  // backend id and org id. Use setQueriesData with prefix matching so the\n  // update reaches whichever (backend, org) variant is currently mounted.\n  queryClient.setQueriesData<AppConversation | null>(\n    { queryKey: [\"user\", \"conversation\", conversationId] },\n    (oldData) => (oldData ? { ...oldData, ...patch } : oldData),\n  );\n\n  queryClient.setQueriesData<{\n    pages: Array<{ items: AppConversation[] }>;\n  }>({ queryKey: [\"user\", \"conversations\"] }, (oldData) => {\n    if (!oldData) return oldData;\n    return {\n      ...oldData,\n      pages: oldData.pages.map((page) => ({\n        ...page,\n        items: page.items.map((conv) =>\n          conv.id === conversationId ? { ...conv, ...patch } : conv,\n        ),\n      })),\n    };\n  });\n};\n\nexport const updateConversationExecutionStatusInCache = (\n  queryClient: QueryClient,\n  conversationId: string,\n  execution_status: ExecutionStatusValue,\n): void =>\n  patchConversationInCache(queryClient, conversationId, { execution_status });\n\nexport const updateConversationLlmModelInCache = (\n  queryClient: QueryClient,\n  conversationId: string,\n  llm_model: string,\n): void => patchConversationInCache(queryClient, conversationId, { llm_model });\n\nexport const invalidateConversationQueries = (\n  queryClient: QueryClient,\n  conversationId: string,\n): void => {\n  queryClient.invalidateQueries({\n    queryKey: [\"user\", \"conversation\", conversationId],\n  });\n  queryClient.invalidateQueries({ queryKey: [\"user\", \"conversations\"] });\n  queryClient.invalidateQueries({\n    queryKey: [\"v1-batch-get-app-conversations\"],\n  });\n  queryClient.invalidateQueries({ queryKey: [\"unified\", \"vscode_url\"] });\n};\n"],"mappings":";;;;;;AAUA,IAAM,IAAwB,OAC5B,MAKI;CAMJ,IAAM,KAAkB,MAJhB,EAA+B,yBAAyB,CAC5D,EACD,CAAC,EAEkC;AACtC,KAAI,CAAC,EACH,OAAU,MAAM,8BAA8B,IAAiB;AAGjE,QAAO;EACL,iBAAiB,EAAgB;EACjC,eAAe,EAAgB;EAC/B,WAAW,EAAgB;EAC5B;GAQU,IAAoB,OAAO,MAA2B;CACjE,IAAM,EAAE,oBAAiB,kBAAe,iBACtC,MAAM,EAAsB,EAAe;AAE7C,KAAI,GAAkB,CAAC,QAAQ,SAAS,SAAS;AAC/C,MAAI,CAAC,EACH,OAAU,MACR,2CAA2C,EAAe,qBAC3D;AAGH,SADA,MAAM,EAAkB,EAAU,EAC3B,EAAE,SAAS,IAAM;;AAM1B,QAAO,IAAI,EACT,EAA4B;EAAE;EAAiB;EAAe,CAAC,CAChE,CAAC,sBAAsB,EAAe;GAM5B,IAAW,OACtB,GACA,MACkC;CAClC,IAAM,EAAE,oBAAiB,qBACvB,MAAM,EAAsB,EAAe;AAC7C,QAAO,IAAI,EACT,EAA4B;EAAE;EAAiB;EAAe,CAAC,CAChE,CAAC,SAAS,GAAgB,EAAS;GAGzB,IAAqB,OAAO,MAA2B;CAClE,IAAM,EAAE,oBAAiB,qBACvB,MAAM,EAAsB,EAAe;AAC7C,QAAO,IAAI,EACT,EAA4B;EAAE;EAAiB;EAAe,CAAC,CAChE,CAAC,gBAAgB,EAAe;GAStB,KACX,GACA,GACA,MACS;AAST,CALA,EAAY,eACV,EAAE,UAAU;EAAC;EAAQ;EAAgB;EAAe,EAAE,GACrD,MAAa,KAAU;EAAE,GAAG;EAAS,GAAG;EAAO,CACjD,EAED,EAAY,eAET,EAAE,UAAU,CAAC,QAAQ,gBAAgB,EAAE,GAAG,MACtC,KACE;EACL,GAAG;EACH,OAAO,EAAQ,MAAM,KAAK,OAAU;GAClC,GAAG;GACH,OAAO,EAAK,MAAM,KAAK,MACrB,EAAK,OAAO,IAAiB;IAAE,GAAG;IAAM,GAAG;IAAO,GAAG,EACtD;GACF,EAAE;EACJ,CACD;GAGS,KACX,GACA,GACA,MAEA,EAAyB,GAAa,GAAgB,EAAE,qBAAkB,CAAC,EAEhE,KACX,GACA,GACA,MACS,EAAyB,GAAa,GAAgB,EAAE,cAAW,CAAC,EAElE,KACX,GACA,MACS;AAQT,CAPA,EAAY,kBAAkB,EAC5B,UAAU;EAAC;EAAQ;EAAgB;EAAe,EACnD,CAAC,EACF,EAAY,kBAAkB,EAAE,UAAU,CAAC,QAAQ,gBAAgB,EAAE,CAAC,EACtE,EAAY,kBAAkB,EAC5B,UAAU,CAAC,iCAAiC,EAC7C,CAAC,EACF,EAAY,kBAAkB,EAAE,UAAU,CAAC,WAAW,aAAa,EAAE,CAAC"}
+{"version":3,"file":"conversation-mutation-utils.js","names":[],"sources":["../../../src/hooks/mutation/conversation-mutation-utils.ts"],"sourcesContent":["import { QueryClient } from \"@tanstack/react-query\";\nimport { ConversationClient } from \"@openhands/typescript-client/clients\";\nimport type { StartGoalRequest } from \"@openhands/typescript-client\";\nimport { getActiveBackend } from \"#/api/backend-registry/active-store\";\nimport { pauseCloudSandbox } from \"#/api/cloud/conversation-service.api\";\nimport { getAgentServerClientOptions } from \"#/api/agent-server-client-options\";\nimport AgentServerConversationService from \"#/api/conversation-service/agent-server-conversation-service.api\";\nimport { AppConversation } from \"#/api/conversation-service/agent-server-conversation-service.types\";\n\ntype ExecutionStatusValue = AppConversation[\"execution_status\"];\n\nconst fetchConversationData = async (\n  conversationId: string,\n): Promise<{\n  conversationUrl: string | null;\n  sessionApiKey: string | null;\n  sandboxId: string | null;\n}> => {\n  const conversations =\n    await AgentServerConversationService.batchGetAppConversations([\n      conversationId,\n    ]);\n\n  const appConversation = conversations[0];\n  if (!appConversation) {\n    throw new Error(`V1 conversation not found: ${conversationId}`);\n  }\n\n  return {\n    conversationUrl: appConversation.conversation_url,\n    sessionApiKey: appConversation.session_api_key,\n    sandboxId: appConversation.sandbox_id,\n  };\n};\n\n/**\n * Stop a running conversation.\n * - Cloud mode: Pauses the sandbox (waits for current LLM call to finish).\n * - Local mode: Interrupts immediately (cancels in-flight requests).\n */\nexport const pauseConversation = async (conversationId: string) => {\n  const { conversationUrl, sessionApiKey, sandboxId } =\n    await fetchConversationData(conversationId);\n\n  if (getActiveBackend().backend.kind === \"cloud\") {\n    if (!sandboxId) {\n      throw new Error(\n        `Cannot stop runtime: cloud conversation ${conversationId} has no sandbox_id.`,\n      );\n    }\n    await pauseCloudSandbox(sandboxId);\n    return { success: true };\n  }\n\n  // In local mode, use /interrupt instead of /pause so in-flight LLM\n  // requests are cancelled immediately rather than waiting for the\n  // current call to finish.\n  return new ConversationClient(\n    getAgentServerClientOptions({ conversationUrl, sessionApiKey }),\n  ).interruptConversation(conversationId);\n};\n\n/**\n * Ask the agent a side question on a V1 conversation\n */\nexport const askAgent = async (\n  conversationId: string,\n  question: string,\n): Promise<{ response: string }> => {\n  const { conversationUrl, sessionApiKey } =\n    await fetchConversationData(conversationId);\n  return new ConversationClient(\n    getAgentServerClientOptions({ conversationUrl, sessionApiKey }),\n  ).askAgent(conversationId, question);\n};\n\n/**\n * Start a `/goal` loop on a V1 conversation. The agent server drives the agent\n * toward the objective, judging completion after each run until it is done or\n * `max_iterations` is reached, streaming progress as goal\n * ConversationStateUpdateEvents over the conversation's event stream.\n */\nexport const startGoal = async (\n  conversationId: string,\n  request: StartGoalRequest,\n): Promise<void> => {\n  const { conversationUrl, sessionApiKey } =\n    await fetchConversationData(conversationId);\n  await new ConversationClient(\n    getAgentServerClientOptions({ conversationUrl, sessionApiKey }),\n  ).startGoal(conversationId, request);\n};\n\n/**\n * Stop the active `/goal` loop. The backend only cancels the background loop\n * (recording an `interrupted` status so {@link resumeGoal} can continue it) and\n * deliberately leaves the in-flight agent turn running, so callers should also\n * interrupt the conversation (e.g. `pauseConversation`) to actually halt it.\n */\nexport const stopGoal = async (conversationId: string): Promise<void> => {\n  const { conversationUrl, sessionApiKey } =\n    await fetchConversationData(conversationId);\n  await new ConversationClient(\n    getAgentServerClientOptions({ conversationUrl, sessionApiKey }),\n  ).stopGoal(conversationId);\n};\n\n/** Resume the last interrupted `/goal` loop in this conversation. */\nexport const resumeGoal = async (conversationId: string): Promise<void> => {\n  const { conversationUrl, sessionApiKey } =\n    await fetchConversationData(conversationId);\n  await new ConversationClient(\n    getAgentServerClientOptions({ conversationUrl, sessionApiKey }),\n  ).resumeGoal(conversationId);\n};\n\nexport const resumeConversation = async (conversationId: string) => {\n  const { conversationUrl, sessionApiKey } =\n    await fetchConversationData(conversationId);\n  return new ConversationClient(\n    getAgentServerClientOptions({ conversationUrl, sessionApiKey }),\n  ).runConversation(conversationId);\n};\n\n/**\n * Patch arbitrary fields on a cached AppConversation in both the single-item\n * and paginated list query caches.  Prefer this over the narrower\n * `updateConversationExecutionStatusInCache` when you need to update more than\n * one field atomically (e.g. `execution_status` + `sandbox_status` together).\n */\nexport const patchConversationInCache = (\n  queryClient: QueryClient,\n  conversationId: string,\n  patch: Partial<AppConversation>,\n): void => {\n  // useUserConversation stores data under a 5-part key that includes the active\n  // backend id and org id. Use setQueriesData with prefix matching so the\n  // update reaches whichever (backend, org) variant is currently mounted.\n  queryClient.setQueriesData<AppConversation | null>(\n    { queryKey: [\"user\", \"conversation\", conversationId] },\n    (oldData) => (oldData ? { ...oldData, ...patch } : oldData),\n  );\n\n  queryClient.setQueriesData<{\n    pages: Array<{ items: AppConversation[] }>;\n  }>({ queryKey: [\"user\", \"conversations\"] }, (oldData) => {\n    if (!oldData) return oldData;\n    return {\n      ...oldData,\n      pages: oldData.pages.map((page) => ({\n        ...page,\n        items: page.items.map((conv) =>\n          conv.id === conversationId ? { ...conv, ...patch } : conv,\n        ),\n      })),\n    };\n  });\n};\n\nexport const updateConversationExecutionStatusInCache = (\n  queryClient: QueryClient,\n  conversationId: string,\n  execution_status: ExecutionStatusValue,\n): void =>\n  patchConversationInCache(queryClient, conversationId, { execution_status });\n\nexport const updateConversationLlmModelInCache = (\n  queryClient: QueryClient,\n  conversationId: string,\n  llm_model: string,\n): void => patchConversationInCache(queryClient, conversationId, { llm_model });\n\nexport const invalidateConversationQueries = (\n  queryClient: QueryClient,\n  conversationId: string,\n): void => {\n  queryClient.invalidateQueries({\n    queryKey: [\"user\", \"conversation\", conversationId],\n  });\n  queryClient.invalidateQueries({ queryKey: [\"user\", \"conversations\"] });\n  queryClient.invalidateQueries({\n    queryKey: [\"v1-batch-get-app-conversations\"],\n  });\n  queryClient.invalidateQueries({ queryKey: [\"unified\", \"vscode_url\"] });\n};\n"],"mappings":";;;;;;;AAWA,IAAM,IAAwB,OAC5B,MAKI;CAMJ,IAAM,KAAkB,MAJhB,EAA+B,yBAAyB,CAC5D,EACD,CAAC,EAEkC;AACtC,KAAI,CAAC,EACH,OAAU,MAAM,8BAA8B,IAAiB;AAGjE,QAAO;EACL,iBAAiB,EAAgB;EACjC,eAAe,EAAgB;EAC/B,WAAW,EAAgB;EAC5B;GAQU,IAAoB,OAAO,MAA2B;CACjE,IAAM,EAAE,oBAAiB,kBAAe,iBACtC,MAAM,EAAsB,EAAe;AAE7C,KAAI,GAAkB,CAAC,QAAQ,SAAS,SAAS;AAC/C,MAAI,CAAC,EACH,OAAU,MACR,2CAA2C,EAAe,qBAC3D;AAGH,SADA,MAAM,EAAkB,EAAU,EAC3B,EAAE,SAAS,IAAM;;AAM1B,QAAO,IAAI,EACT,EAA4B;EAAE;EAAiB;EAAe,CAAC,CAChE,CAAC,sBAAsB,EAAe;GAM5B,IAAW,OACtB,GACA,MACkC;CAClC,IAAM,EAAE,oBAAiB,qBACvB,MAAM,EAAsB,EAAe;AAC7C,QAAO,IAAI,EACT,EAA4B;EAAE;EAAiB;EAAe,CAAC,CAChE,CAAC,SAAS,GAAgB,EAAS;GASzB,IAAY,OACvB,GACA,MACkB;CAClB,IAAM,EAAE,oBAAiB,qBACvB,MAAM,EAAsB,EAAe;AAC7C,OAAM,IAAI,EACR,EAA4B;EAAE;EAAiB;EAAe,CAAC,CAChE,CAAC,UAAU,GAAgB,EAAQ;GASzB,IAAW,OAAO,MAA0C;CACvE,IAAM,EAAE,oBAAiB,qBACvB,MAAM,EAAsB,EAAe;AAC7C,OAAM,IAAI,EACR,EAA4B;EAAE;EAAiB;EAAe,CAAC,CAChE,CAAC,SAAS,EAAe;GAIf,IAAa,OAAO,MAA0C;CACzE,IAAM,EAAE,oBAAiB,qBACvB,MAAM,EAAsB,EAAe;AAC7C,OAAM,IAAI,EACR,EAA4B;EAAE;EAAiB;EAAe,CAAC,CAChE,CAAC,WAAW,EAAe;GAGjB,IAAqB,OAAO,MAA2B;CAClE,IAAM,EAAE,oBAAiB,qBACvB,MAAM,EAAsB,EAAe;AAC7C,QAAO,IAAI,EACT,EAA4B;EAAE;EAAiB;EAAe,CAAC,CAChE,CAAC,gBAAgB,EAAe;GAStB,KACX,GACA,GACA,MACS;AAST,CALA,EAAY,eACV,EAAE,UAAU;EAAC;EAAQ;EAAgB;EAAe,EAAE,GACrD,MAAa,KAAU;EAAE,GAAG;EAAS,GAAG;EAAO,CACjD,EAED,EAAY,eAET,EAAE,UAAU,CAAC,QAAQ,gBAAgB,EAAE,GAAG,MACtC,KACE;EACL,GAAG;EACH,OAAO,EAAQ,MAAM,KAAK,OAAU;GAClC,GAAG;GACH,OAAO,EAAK,MAAM,KAAK,MACrB,EAAK,OAAO,IAAiB;IAAE,GAAG;IAAM,GAAG;IAAO,GAAG,EACtD;GACF,EAAE;EACJ,CACD;GAGS,KACX,GACA,GACA,MAEA,EAAyB,GAAa,GAAgB,EAAE,qBAAkB,CAAC,EAEhE,KACX,GACA,GACA,MACS,EAAyB,GAAa,GAAgB,EAAE,cAAW,CAAC,EAElE,KACX,GACA,MACS;AAQT,CAPA,EAAY,kBAAkB,EAC5B,UAAU;EAAC;EAAQ;EAAgB;EAAe,EACnD,CAAC,EACF,EAAY,kBAAkB,EAAE,UAAU,CAAC,QAAQ,gBAAgB,EAAE,CAAC,EACtE,EAAY,kBAAkB,EAC5B,UAAU,CAAC,iCAAiC,EAC7C,CAAC,EACF,EAAY,kBAAkB,EAAE,UAAU,CAAC,WAAW,aAAa,EAAE,CAAC"}

package/dist/hooks/mutation/use-activate-agent-profile.cjs

@@ -0,0 +1,2 @@
+require(`../../_virtual/_rolldown/runtime.cjs`);const e=require(`../query/query-keys.cjs`),t=require(`../../node_modules/@tanstack/react-query/build/modern/QueryClientProvider.cjs`),n=require(`../../node_modules/@tanstack/react-query/build/modern/useMutation.cjs`),r=require(`../../api/settings-service/settings-service.api.cjs`),i=require(`../../api/agent-profiles-service/agent-profiles-service.api.cjs`);var a=[`activate-agent-profile`];function o(){let o=t.useQueryClient();return n.useMutation({mutationKey:a,mutationFn:e=>i.default.activateProfile(e),onMutate:async t=>{await o.cancelQueries({queryKey:e.AGENT_PROFILES_QUERY_KEYS.all});let n=o.getQueriesData({queryKey:e.AGENT_PROFILES_QUERY_KEYS.all});return o.setQueriesData({queryKey:e.AGENT_PROFILES_QUERY_KEYS.all},e=>e&&{...e,active_agent_profile_id:t}),{snapshots:n}},onError:(e,t,n)=>{n?.snapshots?.forEach(([e,t])=>{o.setQueryData(e,t)})},onSuccess:async()=>{r.default.invalidateCache(),await o.invalidateQueries({queryKey:e.AGENT_PROFILES_QUERY_KEYS.all}),await o.invalidateQueries({queryKey:e.SETTINGS_QUERY_KEYS.personal()})}})}exports.ACTIVATE_AGENT_PROFILE_MUTATION_KEY=a,exports.useActivateAgentProfile=o;
+//# sourceMappingURL=use-activate-agent-profile.cjs.map

package/dist/hooks/mutation/use-activate-agent-profile.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-activate-agent-profile.cjs","names":[],"sources":["../../../src/hooks/mutation/use-activate-agent-profile.ts"],"sourcesContent":["import { useMutation, useQueryClient } from \"@tanstack/react-query\";\nimport AgentProfilesService, {\n  type AgentProfileListResponse,\n} from \"#/api/agent-profiles-service/agent-profiles-service.api\";\nimport SettingsService from \"#/api/settings-service/settings-service.api\";\nimport {\n  AGENT_PROFILES_QUERY_KEYS,\n  SETTINGS_QUERY_KEYS,\n} from \"#/hooks/query/query-keys\";\n\n/**\n * Shared key so any picker instance can observe an in-flight activation via\n * `useIsMutating` (the pill button and the menu that fires it are separate\n * hook instances, so per-observer `isPending` wouldn't line up).\n */\nexport const ACTIVATE_AGENT_PROFILE_MUTATION_KEY = [\"activate-agent-profile\"];\n\n/**\n * Activate an agent profile by its stable UUID `id`. Activation is\n * pointer-only (it does NOT write agent_settings), but it changes the launch\n * default the backend resolves for new conversations, so the settings cache is\n * invalidated defensively alongside the profiles list.\n *\n * The active pointer is flipped optimistically so the picker label and the\n * launch default (`useCreateConversation` reads `active_agent_profile_id`)\n * reflect the selection before the refetch lands. Errors roll the pointer back\n * and surface via the global mutation toast (no `meta.disableToast`) so a\n * failure isn't silent when fired from the chat-input picker, whose menu\n * unmounts on select.\n */\nexport function useActivateAgentProfile() {\n  const queryClient = useQueryClient();\n\n  return useMutation({\n    mutationKey: ACTIVATE_AGENT_PROFILE_MUTATION_KEY,\n    mutationFn: (profileId: string) =>\n      AgentProfilesService.activateProfile(profileId),\n    onMutate: async (profileId) => {\n      await queryClient.cancelQueries({\n        queryKey: AGENT_PROFILES_QUERY_KEYS.all,\n      });\n      const snapshots = queryClient.getQueriesData<AgentProfileListResponse>({\n        queryKey: AGENT_PROFILES_QUERY_KEYS.all,\n      });\n      queryClient.setQueriesData<AgentProfileListResponse>(\n        { queryKey: AGENT_PROFILES_QUERY_KEYS.all },\n        (prev) =>\n          prev ? { ...prev, active_agent_profile_id: profileId } : prev,\n      );\n      return { snapshots };\n    },\n    onError: (_err, _profileId, context) => {\n      context?.snapshots?.forEach(([key, data]) => {\n        queryClient.setQueryData(key, data);\n      });\n    },\n    onSuccess: async () => {\n      SettingsService.invalidateCache();\n      await queryClient.invalidateQueries({\n        queryKey: AGENT_PROFILES_QUERY_KEYS.all,\n      });\n      await queryClient.invalidateQueries({\n        queryKey: SETTINGS_QUERY_KEYS.personal(),\n      });\n    },\n  });\n}\n"],"mappings":"uZAeA,IAAa,EAAsC,CAAC,yBAAyB,CAe7E,SAAgB,GAA0B,CACxC,IAAM,EAAc,EAAA,gBAAgB,CAEpC,OAAO,EAAA,YAAY,CACjB,YAAa,EACb,WAAa,GACX,EAAA,QAAqB,gBAAgB,EAAU,CACjD,SAAU,KAAO,IAAc,CAC7B,MAAM,EAAY,cAAc,CAC9B,SAAU,EAAA,0BAA0B,IACrC,CAAC,CACF,IAAM,EAAY,EAAY,eAAyC,CACrE,SAAU,EAAA,0BAA0B,IACrC,CAAC,CAMF,OALA,EAAY,eACV,CAAE,SAAU,EAAA,0BAA0B,IAAK,CAC1C,GACC,GAAO,CAAE,GAAG,EAAM,wBAAyB,EAAW,CACzD,CACM,CAAE,YAAW,EAEtB,SAAU,EAAM,EAAY,IAAY,CACtC,GAAS,WAAW,SAAS,CAAC,EAAK,KAAU,CAC3C,EAAY,aAAa,EAAK,EAAK,EACnC,EAEJ,UAAW,SAAY,CACrB,EAAA,QAAgB,iBAAiB,CACjC,MAAM,EAAY,kBAAkB,CAClC,SAAU,EAAA,0BAA0B,IACrC,CAAC,CACF,MAAM,EAAY,kBAAkB,CAClC,SAAU,EAAA,oBAAoB,UAAU,CACzC,CAAC,EAEL,CAAC"}

package/dist/hooks/mutation/use-activate-agent-profile.d.ts

@@ -0,0 +1,23 @@
+import { type AgentProfileListResponse } from "#/api/agent-profiles-service/agent-profiles-service.api";
+/**
+ * Shared key so any picker instance can observe an in-flight activation via
+ * `useIsMutating` (the pill button and the menu that fires it are separate
+ * hook instances, so per-observer `isPending` wouldn't line up).
+ */
+export declare const ACTIVATE_AGENT_PROFILE_MUTATION_KEY: string[];
+/**
+ * Activate an agent profile by its stable UUID `id`. Activation is
+ * pointer-only (it does NOT write agent_settings), but it changes the launch
+ * default the backend resolves for new conversations, so the settings cache is
+ * invalidated defensively alongside the profiles list.
+ *
+ * The active pointer is flipped optimistically so the picker label and the
+ * launch default (`useCreateConversation` reads `active_agent_profile_id`)
+ * reflect the selection before the refetch lands. Errors roll the pointer back
+ * and surface via the global mutation toast (no `meta.disableToast`) so a
+ * failure isn't silent when fired from the chat-input picker, whose menu
+ * unmounts on select.
+ */
+export declare function useActivateAgentProfile(): import("@tanstack/react-query").UseMutationResult<import("@openhands/typescript-client").ActivateAgentProfileResponse, import("axios").AxiosError<unknown, any>, string, {
+    snapshots: [readonly unknown[], AgentProfileListResponse | undefined][];
+}>;

package/dist/hooks/mutation/use-activate-agent-profile.js

@@ -0,0 +1,34 @@
+import { AGENT_PROFILES_QUERY_KEYS as e, SETTINGS_QUERY_KEYS as t } from "../query/query-keys.js";
+import { useQueryClient as n } from "../../node_modules/@tanstack/react-query/build/modern/QueryClientProvider.js";
+import { useMutation as r } from "../../node_modules/@tanstack/react-query/build/modern/useMutation.js";
+import i from "../../api/settings-service/settings-service.api.js";
+import a from "../../api/agent-profiles-service/agent-profiles-service.api.js";
+//#region src/hooks/mutation/use-activate-agent-profile.ts
+var o = ["activate-agent-profile"];
+function s() {
+	let s = n();
+	return r({
+		mutationKey: o,
+		mutationFn: (e) => a.activateProfile(e),
+		onMutate: async (t) => {
+			await s.cancelQueries({ queryKey: e.all });
+			let n = s.getQueriesData({ queryKey: e.all });
+			return s.setQueriesData({ queryKey: e.all }, (e) => e && {
+				...e,
+				active_agent_profile_id: t
+			}), { snapshots: n };
+		},
+		onError: (e, t, n) => {
+			n?.snapshots?.forEach(([e, t]) => {
+				s.setQueryData(e, t);
+			});
+		},
+		onSuccess: async () => {
+			i.invalidateCache(), await s.invalidateQueries({ queryKey: e.all }), await s.invalidateQueries({ queryKey: t.personal() });
+		}
+	});
+}
+//#endregion
+export { o as ACTIVATE_AGENT_PROFILE_MUTATION_KEY, s as useActivateAgentProfile };
+
+//# sourceMappingURL=use-activate-agent-profile.js.map

package/dist/hooks/mutation/use-activate-agent-profile.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-activate-agent-profile.js","names":[],"sources":["../../../src/hooks/mutation/use-activate-agent-profile.ts"],"sourcesContent":["import { useMutation, useQueryClient } from \"@tanstack/react-query\";\nimport AgentProfilesService, {\n  type AgentProfileListResponse,\n} from \"#/api/agent-profiles-service/agent-profiles-service.api\";\nimport SettingsService from \"#/api/settings-service/settings-service.api\";\nimport {\n  AGENT_PROFILES_QUERY_KEYS,\n  SETTINGS_QUERY_KEYS,\n} from \"#/hooks/query/query-keys\";\n\n/**\n * Shared key so any picker instance can observe an in-flight activation via\n * `useIsMutating` (the pill button and the menu that fires it are separate\n * hook instances, so per-observer `isPending` wouldn't line up).\n */\nexport const ACTIVATE_AGENT_PROFILE_MUTATION_KEY = [\"activate-agent-profile\"];\n\n/**\n * Activate an agent profile by its stable UUID `id`. Activation is\n * pointer-only (it does NOT write agent_settings), but it changes the launch\n * default the backend resolves for new conversations, so the settings cache is\n * invalidated defensively alongside the profiles list.\n *\n * The active pointer is flipped optimistically so the picker label and the\n * launch default (`useCreateConversation` reads `active_agent_profile_id`)\n * reflect the selection before the refetch lands. Errors roll the pointer back\n * and surface via the global mutation toast (no `meta.disableToast`) so a\n * failure isn't silent when fired from the chat-input picker, whose menu\n * unmounts on select.\n */\nexport function useActivateAgentProfile() {\n  const queryClient = useQueryClient();\n\n  return useMutation({\n    mutationKey: ACTIVATE_AGENT_PROFILE_MUTATION_KEY,\n    mutationFn: (profileId: string) =>\n      AgentProfilesService.activateProfile(profileId),\n    onMutate: async (profileId) => {\n      await queryClient.cancelQueries({\n        queryKey: AGENT_PROFILES_QUERY_KEYS.all,\n      });\n      const snapshots = queryClient.getQueriesData<AgentProfileListResponse>({\n        queryKey: AGENT_PROFILES_QUERY_KEYS.all,\n      });\n      queryClient.setQueriesData<AgentProfileListResponse>(\n        { queryKey: AGENT_PROFILES_QUERY_KEYS.all },\n        (prev) =>\n          prev ? { ...prev, active_agent_profile_id: profileId } : prev,\n      );\n      return { snapshots };\n    },\n    onError: (_err, _profileId, context) => {\n      context?.snapshots?.forEach(([key, data]) => {\n        queryClient.setQueryData(key, data);\n      });\n    },\n    onSuccess: async () => {\n      SettingsService.invalidateCache();\n      await queryClient.invalidateQueries({\n        queryKey: AGENT_PROFILES_QUERY_KEYS.all,\n      });\n      await queryClient.invalidateQueries({\n        queryKey: SETTINGS_QUERY_KEYS.personal(),\n      });\n    },\n  });\n}\n"],"mappings":";;;;;;AAeA,IAAa,IAAsC,CAAC,yBAAyB;AAe7E,SAAgB,IAA0B;CACxC,IAAM,IAAc,GAAgB;AAEpC,QAAO,EAAY;EACjB,aAAa;EACb,aAAa,MACX,EAAqB,gBAAgB,EAAU;EACjD,UAAU,OAAO,MAAc;AAC7B,SAAM,EAAY,cAAc,EAC9B,UAAU,EAA0B,KACrC,CAAC;GACF,IAAM,IAAY,EAAY,eAAyC,EACrE,UAAU,EAA0B,KACrC,CAAC;AAMF,UALA,EAAY,eACV,EAAE,UAAU,EAA0B,KAAK,GAC1C,MACC,KAAO;IAAE,GAAG;IAAM,yBAAyB;IAAW,CACzD,EACM,EAAE,cAAW;;EAEtB,UAAU,GAAM,GAAY,MAAY;AACtC,MAAS,WAAW,SAAS,CAAC,GAAK,OAAU;AAC3C,MAAY,aAAa,GAAK,EAAK;KACnC;;EAEJ,WAAW,YAAY;AAKrB,GAJA,EAAgB,iBAAiB,EACjC,MAAM,EAAY,kBAAkB,EAClC,UAAU,EAA0B,KACrC,CAAC,EACF,MAAM,EAAY,kBAAkB,EAClC,UAAU,EAAoB,UAAU,EACzC,CAAC;;EAEL,CAAC"}

package/dist/hooks/mutation/use-activate-llm-profile.cjs

@@ -1 +1 @@
-require(`../../_virtual/_rolldown/runtime.cjs`),require(`../../api/settings-service/settings-service.api.cjs`),require(`../../api/profiles-service/profiles-service.api.cjs`);
+require(`../../_virtual/_rolldown/runtime.cjs`),require(`../../api/profiles-service/profiles-service.api.cjs`),require(`../../api/settings-service/settings-service.api.cjs`);

package/dist/hooks/mutation/use-activate-llm-profile.js

@@ -1,2 +1,2 @@
-import "../../api/settings-service/settings-service.api.js";
 import "../../api/profiles-service/profiles-service.api.js";
+import "../../api/settings-service/settings-service.api.js";

package/dist/hooks/mutation/use-add-mcp-server.cjs

@@ -1,2 +1,2 @@
-require(`../../_virtual/_rolldown/runtime.cjs`);const e=require(`../query/query-keys.cjs`),t=require(`../../node_modules/@tanstack/react-query/build/modern/QueryClientProvider.cjs`),n=require(`../../node_modules/@tanstack/react-query/build/modern/useMutation.cjs`),r=require(`../../api/settings-service/settings-service.api.cjs`),i=require(`../../utils/mcp-config.cjs`),a=require(`../query/use-settings.cjs`);function o(){let o=t.useQueryClient(),{data:s}=a.useSettings();return n.useMutation({mutationFn:async e=>{if(!s)return;let t=i.parseMcpConfig(s.agent_settings?.mcp_config),n={sse_servers:[...t.sse_servers],stdio_servers:[...t.stdio_servers],shttp_servers:[...t.shttp_servers]};if(e.type===`sse`){let t={...e.name&&{name:e.name},url:e.url,...e.api_key&&{api_key:e.api_key}};n.sse_servers.push(t)}else if(e.type===`stdio`){let t={name:e.name,command:e.command,...e.args&&{args:e.args},...e.env&&{env:e.env}};n.stdio_servers.push(t)}else if(e.type===`shttp`){let t={...e.name&&{name:e.name},url:e.url,...e.api_key&&{api_key:e.api_key},...e.timeout!==void 0&&{timeout:e.timeout}};n.shttp_servers.push(t)}await r.default.saveSettings({agent_settings_diff:{mcp_config:i.toSdkMcpConfig(n)}})},onSuccess:()=>{o.invalidateQueries({queryKey:e.SETTINGS_QUERY_KEYS.personal()})}})}exports.useAddMcpServer=o;
+require(`../../_virtual/_rolldown/runtime.cjs`);const e=require(`../query/query-keys.cjs`),t=require(`../../node_modules/@tanstack/react-query/build/modern/QueryClientProvider.cjs`),n=require(`../../node_modules/@tanstack/react-query/build/modern/useMutation.cjs`),r=require(`../../utils/mcp-config.cjs`),i=require(`../../api/settings-service/settings-service.api.cjs`),a=require(`../query/use-settings.cjs`);function o(){let o=t.useQueryClient(),{data:s}=a.useSettings();return n.useMutation({mutationFn:async e=>{if(!s)return;let t=r.parseMcpConfig(s.agent_settings?.mcp_config),n={sse_servers:[...t.sse_servers],stdio_servers:[...t.stdio_servers],shttp_servers:[...t.shttp_servers]};e.type===`sse`?n.sse_servers.push(r.toMcpSseServer(e)):e.type===`stdio`?n.stdio_servers.push(r.toMcpStdioServer(e)):e.type===`shttp`&&n.shttp_servers.push(r.toMcpShttpServer(e)),await i.default.saveSettings({agent_settings_diff:{mcp_config:r.toSdkMcpConfig(n)}})},onSuccess:()=>{o.invalidateQueries({queryKey:e.SETTINGS_QUERY_KEYS.personal()})}})}exports.useAddMcpServer=o;
 //# sourceMappingURL=use-add-mcp-server.cjs.map

package/dist/hooks/mutation/use-add-mcp-server.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"use-add-mcp-server.cjs","names":[],"sources":["../../../src/hooks/mutation/use-add-mcp-server.ts"],"sourcesContent":["import { useMutation, useQueryClient } from \"@tanstack/react-query\";\nimport { useSettings } from \"#/hooks/query/use-settings\";\nimport SettingsService from \"#/api/settings-service/settings-service.api\";\nimport {\n  MCPSHTTPServer,\n  MCPConfig,\n  MCPSSEServer,\n  MCPStdioServer,\n} from \"#/types/settings\";\nimport { parseMcpConfig, toSdkMcpConfig } from \"#/utils/mcp-config\";\nimport { SETTINGS_QUERY_KEYS } from \"#/hooks/query/query-keys\";\n\ntype MCPServerType = \"sse\" | \"stdio\" | \"shttp\";\n\ninterface MCPServerConfig {\n  type: MCPServerType;\n  name?: string;\n  url?: string;\n  api_key?: string;\n  timeout?: number;\n  command?: string;\n  args?: string[];\n  env?: Record<string, string>;\n}\n\nexport function useAddMcpServer() {\n  const queryClient = useQueryClient();\n  const { data: settings } = useSettings();\n\n  return useMutation({\n    mutationFn: async (server: MCPServerConfig): Promise<void> => {\n      if (!settings) return;\n\n      const currentConfig = parseMcpConfig(settings.agent_settings?.mcp_config);\n\n      const newConfig: MCPConfig = {\n        sse_servers: [...currentConfig.sse_servers],\n        stdio_servers: [...currentConfig.stdio_servers],\n        shttp_servers: [...currentConfig.shttp_servers],\n      };\n\n      if (server.type === \"sse\") {\n        const sseServer: MCPSSEServer = {\n          ...(server.name && { name: server.name }),\n          url: server.url!,\n          ...(server.api_key && { api_key: server.api_key }),\n        };\n        newConfig.sse_servers.push(sseServer);\n      } else if (server.type === \"stdio\") {\n        const stdioServer: MCPStdioServer = {\n          name: server.name!,\n          command: server.command!,\n          ...(server.args && { args: server.args }),\n          ...(server.env && { env: server.env }),\n        };\n        newConfig.stdio_servers.push(stdioServer);\n      } else if (server.type === \"shttp\") {\n        const shttpServer: MCPSHTTPServer = {\n          ...(server.name && { name: server.name }),\n          url: server.url!,\n          ...(server.api_key && { api_key: server.api_key }),\n          ...(server.timeout !== undefined && { timeout: server.timeout }),\n        };\n        newConfig.shttp_servers.push(shttpServer);\n      }\n\n      await SettingsService.saveSettings({\n        agent_settings_diff: { mcp_config: toSdkMcpConfig(newConfig) },\n      });\n    },\n    onSuccess: () => {\n      queryClient.invalidateQueries({\n        queryKey: SETTINGS_QUERY_KEYS.personal(),\n      });\n    },\n  });\n}\n"],"mappings":"yZAyBA,SAAgB,GAAkB,CAChC,IAAM,EAAc,EAAA,gBAAgB,CAC9B,CAAE,KAAM,GAAa,EAAA,aAAa,CAExC,OAAO,EAAA,YAAY,CACjB,WAAY,KAAO,IAA2C,CAC5D,GAAI,CAAC,EAAU,OAEf,IAAM,EAAgB,EAAA,eAAe,EAAS,gBAAgB,WAAW,CAEnE,EAAuB,CAC3B,YAAa,CAAC,GAAG,EAAc,YAAY,CAC3C,cAAe,CAAC,GAAG,EAAc,cAAc,CAC/C,cAAe,CAAC,GAAG,EAAc,cAAc,CAChD,CAED,GAAI,EAAO,OAAS,MAAO,CACzB,IAAM,EAA0B,CAC9B,GAAI,EAAO,MAAQ,CAAE,KAAM,EAAO,KAAM,CACxC,IAAK,EAAO,IACZ,GAAI,EAAO,SAAW,CAAE,QAAS,EAAO,QAAS,CAClD,CACD,EAAU,YAAY,KAAK,EAAU,SAC5B,EAAO,OAAS,QAAS,CAClC,IAAM,EAA8B,CAClC,KAAM,EAAO,KACb,QAAS,EAAO,QAChB,GAAI,EAAO,MAAQ,CAAE,KAAM,EAAO,KAAM,CACxC,GAAI,EAAO,KAAO,CAAE,IAAK,EAAO,IAAK,CACtC,CACD,EAAU,cAAc,KAAK,EAAY,SAChC,EAAO,OAAS,QAAS,CAClC,IAAM,EAA8B,CAClC,GAAI,EAAO,MAAQ,CAAE,KAAM,EAAO,KAAM,CACxC,IAAK,EAAO,IACZ,GAAI,EAAO,SAAW,CAAE,QAAS,EAAO,QAAS,CACjD,GAAI,EAAO,UAAY,IAAA,IAAa,CAAE,QAAS,EAAO,QAAS,CAChE,CACD,EAAU,cAAc,KAAK,EAAY,CAG3C,MAAM,EAAA,QAAgB,aAAa,CACjC,oBAAqB,CAAE,WAAY,EAAA,eAAe,EAAU,CAAE,CAC/D,CAAC,EAEJ,cAAiB,CACf,EAAY,kBAAkB,CAC5B,SAAU,EAAA,oBAAoB,UAAU,CACzC,CAAC,EAEL,CAAC"}
+{"version":3,"file":"use-add-mcp-server.cjs","names":[],"sources":["../../../src/hooks/mutation/use-add-mcp-server.ts"],"sourcesContent":["import { useMutation, useQueryClient } from \"@tanstack/react-query\";\nimport { useSettings } from \"#/hooks/query/use-settings\";\nimport SettingsService from \"#/api/settings-service/settings-service.api\";\nimport { MCPConfig } from \"#/types/settings\";\nimport type { MCPServerConfig } from \"#/types/mcp-server\";\nimport {\n  parseMcpConfig,\n  toMcpShttpServer,\n  toMcpSseServer,\n  toMcpStdioServer,\n  toSdkMcpConfig,\n} from \"#/utils/mcp-config\";\nimport { SETTINGS_QUERY_KEYS } from \"#/hooks/query/query-keys\";\n\nexport function useAddMcpServer() {\n  const queryClient = useQueryClient();\n  const { data: settings } = useSettings();\n\n  return useMutation({\n    mutationFn: async (server: MCPServerConfig): Promise<void> => {\n      if (!settings) return;\n\n      const currentConfig = parseMcpConfig(settings.agent_settings?.mcp_config);\n\n      const newConfig: MCPConfig = {\n        sse_servers: [...currentConfig.sse_servers],\n        stdio_servers: [...currentConfig.stdio_servers],\n        shttp_servers: [...currentConfig.shttp_servers],\n      };\n\n      if (server.type === \"sse\") {\n        newConfig.sse_servers.push(toMcpSseServer(server));\n      } else if (server.type === \"stdio\") {\n        newConfig.stdio_servers.push(toMcpStdioServer(server));\n      } else if (server.type === \"shttp\") {\n        newConfig.shttp_servers.push(toMcpShttpServer(server));\n      }\n\n      await SettingsService.saveSettings({\n        agent_settings_diff: { mcp_config: toSdkMcpConfig(newConfig) },\n      });\n    },\n    onSuccess: () => {\n      queryClient.invalidateQueries({\n        queryKey: SETTINGS_QUERY_KEYS.personal(),\n      });\n    },\n  });\n}\n"],"mappings":"yZAcA,SAAgB,GAAkB,CAChC,IAAM,EAAc,EAAA,gBAAgB,CAC9B,CAAE,KAAM,GAAa,EAAA,aAAa,CAExC,OAAO,EAAA,YAAY,CACjB,WAAY,KAAO,IAA2C,CAC5D,GAAI,CAAC,EAAU,OAEf,IAAM,EAAgB,EAAA,eAAe,EAAS,gBAAgB,WAAW,CAEnE,EAAuB,CAC3B,YAAa,CAAC,GAAG,EAAc,YAAY,CAC3C,cAAe,CAAC,GAAG,EAAc,cAAc,CAC/C,cAAe,CAAC,GAAG,EAAc,cAAc,CAChD,CAEG,EAAO,OAAS,MAClB,EAAU,YAAY,KAAK,EAAA,eAAe,EAAO,CAAC,CACzC,EAAO,OAAS,QACzB,EAAU,cAAc,KAAK,EAAA,iBAAiB,EAAO,CAAC,CAC7C,EAAO,OAAS,SACzB,EAAU,cAAc,KAAK,EAAA,iBAAiB,EAAO,CAAC,CAGxD,MAAM,EAAA,QAAgB,aAAa,CACjC,oBAAqB,CAAE,WAAY,EAAA,eAAe,EAAU,CAAE,CAC/D,CAAC,EAEJ,cAAiB,CACf,EAAY,kBAAkB,CAC5B,SAAU,EAAA,oBAAoB,UAAU,CACzC,CAAC,EAEL,CAAC"}

package/dist/hooks/mutation/use-add-mcp-server.d.ts

@@ -1,13 +1,2 @@
-type MCPServerType = "sse" | "stdio" | "shttp";
-interface MCPServerConfig {
-    type: MCPServerType;
-    name?: string;
-    url?: string;
-    api_key?: string;
-    timeout?: number;
-    command?: string;
-    args?: string[];
-    env?: Record<string, string>;
-}
+import type { MCPServerConfig } from "#/types/mcp-server";
 export declare function useAddMcpServer(): import("@tanstack/react-query").UseMutationResult<void, import("axios").AxiosError<unknown, any>, MCPServerConfig, unknown>;
-export {};

package/dist/hooks/mutation/use-add-mcp-server.js

@@ -1,52 +1,28 @@
 import { SETTINGS_QUERY_KEYS as e } from "../query/query-keys.js";
 import { useQueryClient as t } from "../../node_modules/@tanstack/react-query/build/modern/QueryClientProvider.js";
 import { useMutation as n } from "../../node_modules/@tanstack/react-query/build/modern/useMutation.js";
-import r from "../../api/settings-service/settings-service.api.js";
-import { parseMcpConfig as i, toSdkMcpConfig as a } from "../../utils/mcp-config.js";
-import { useSettings as o } from "../query/use-settings.js";
+import { parseMcpConfig as r, toMcpShttpServer as i, toMcpSseServer as a, toMcpStdioServer as o, toSdkMcpConfig as s } from "../../utils/mcp-config.js";
+import c from "../../api/settings-service/settings-service.api.js";
+import { useSettings as l } from "../query/use-settings.js";
 //#region src/hooks/mutation/use-add-mcp-server.ts
-function s() {
-	let s = t(), { data: c } = o();
+function u() {
+	let u = t(), { data: d } = l();
 	return n({
 		mutationFn: async (e) => {
-			if (!c) return;
-			let t = i(c.agent_settings?.mcp_config), n = {
+			if (!d) return;
+			let t = r(d.agent_settings?.mcp_config), n = {
 				sse_servers: [...t.sse_servers],
 				stdio_servers: [...t.stdio_servers],
 				shttp_servers: [...t.shttp_servers]
 			};
-			if (e.type === "sse") {
-				let t = {
-					...e.name && { name: e.name },
-					url: e.url,
-					...e.api_key && { api_key: e.api_key }
-				};
-				n.sse_servers.push(t);
-			} else if (e.type === "stdio") {
-				let t = {
-					name: e.name,
-					command: e.command,
-					...e.args && { args: e.args },
-					...e.env && { env: e.env }
-				};
-				n.stdio_servers.push(t);
-			} else if (e.type === "shttp") {
-				let t = {
-					...e.name && { name: e.name },
-					url: e.url,
-					...e.api_key && { api_key: e.api_key },
-					...e.timeout !== void 0 && { timeout: e.timeout }
-				};
-				n.shttp_servers.push(t);
-			}
-			await r.saveSettings({ agent_settings_diff: { mcp_config: a(n) } });
+			e.type === "sse" ? n.sse_servers.push(a(e)) : e.type === "stdio" ? n.stdio_servers.push(o(e)) : e.type === "shttp" && n.shttp_servers.push(i(e)), await c.saveSettings({ agent_settings_diff: { mcp_config: s(n) } });
 		},
 		onSuccess: () => {
-			s.invalidateQueries({ queryKey: e.personal() });
+			u.invalidateQueries({ queryKey: e.personal() });
 		}
 	});
 }
 //#endregion
-export { s as useAddMcpServer };
+export { u as useAddMcpServer };
 
 //# sourceMappingURL=use-add-mcp-server.js.map