@openhands/agent-canvas 1.3.0 → 1.5.0

package/dist/hooks/use-auto-refresh-files-on-edit.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"use-auto-refresh-files-on-edit.cjs","names":[],"sources":["../../src/hooks/use-auto-refresh-files-on-edit.ts"],"sourcesContent":["import { useEffect, useRef } from \"react\";\nimport { useQueryClient } from \"@tanstack/react-query\";\n\nimport { useEventStore, type OHEvent } from \"#/stores/use-event-store\";\nimport { useWorkspaceMutationCounter } from \"#/stores/use-workspace-mutation-counter\";\n\n// `kind` values we treat as a file-mutation observation.\nconst FILE_EDIT_OBSERVATION_KINDS = new Set([\n  \"FileEditorObservation\",\n  \"StrReplaceEditorObservation\",\n  \"PlanningFileEditorObservation\",\n]);\n\n// Commands on the str-replace-editor family that don't change anything on\n// disk. We don't want to invalidate caches for those.\nconst READ_ONLY_COMMANDS = new Set([\"view\"]);\n\n// Bash observations are how `git commit` / `git push` (and any file edit\n// done through the shell) arrive, so they must refresh the Diff view too.\n// Legacy agent-servers emit `ExecuteBashObservation`; the current SDK\n// emits `TerminalObservation`.\nconst BASH_OBSERVATION_KINDS = new Set([\n  \"ExecuteBashObservation\",\n  \"TerminalObservation\",\n]);\n\nfunction isFileMutationObservation(event: OHEvent): boolean {\n  // ObservationEvents have `source: \"environment\"` and an `observation`\n  // field — narrow to that shape without pulling in the whole event union.\n  const obs = (event as { observation?: { kind?: string; command?: string } })\n    .observation;\n  if (!obs || typeof obs.kind !== \"string\") return false;\n  if (!FILE_EDIT_OBSERVATION_KINDS.has(obs.kind)) return false;\n  if (obs.command && READ_ONLY_COMMANDS.has(obs.command)) return false;\n  return true;\n}\n\n// Note: `READ_ONLY_COMMANDS` intentionally doesn't apply here — for bash\n// observations `command` is the whole shell command line, not a\n// file-editor sub-command.\nfunction isBashObservation(event: OHEvent): boolean {\n  const obs = (event as { observation?: { kind?: string } }).observation;\n  return (\n    !!obs &&\n    typeof obs.kind === \"string\" &&\n    BASH_OBSERVATION_KINDS.has(obs.kind)\n  );\n}\n\n/**\n * Watches the conversation event stream and invalidates the workspace file\n * queries whenever the agent commits a file-editor mutation (create / edit /\n * insert / undo_edit). This keeps the Files tab's list, content view and\n * diff view in sync with what the agent has actually written to disk,\n * without requiring the user to click refresh manually.\n *\n * Bash observations also refresh the git-diff queries (`file_changes` /\n * `file_diff`) — a `git commit` or `git push` changes what the Diff view\n * should display, and shell commands can edit files too. They deliberately\n * do NOT touch the workspace file queries or the workspace mutation\n * counter: bumping the counter reloads canvas iframes, and doing that for\n * every shell command the agent runs would cause constant flicker.\n * Invalidation only refetches actively-mounted queries, so the cost is\n * limited to when the Files tab is open.\n *\n * Mount this hook inside any component that should drive auto-refresh —\n * the Files tab is the obvious caller. Multiple mounts are safe because\n * React Query coalesces overlapping invalidations.\n */\nexport function useAutoRefreshFilesOnEdit(): void {\n  const queryClient = useQueryClient();\n  const events = useEventStore((state) => state.events);\n  const bumpWorkspaceMutationCounter = useWorkspaceMutationCounter(\n    (state) => state.bump,\n  );\n\n  // Track which events we've already reacted to. Two parallel stores:\n  //\n  // 1. `processedIdsRef` — keys events that *have* an id. The event store\n  //    re-sorts on insert when out-of-order events arrive (an older event\n  //    can land *between* two newer ones already in the array), so we\n  //    cannot use a `slice(processedCount)` trick — it would miss a\n  //    late-arriving older event because the array length grew but the\n  //    tail we just diffed didn't contain it. Using a Set of ids is O(n)\n  //    per render in the worst case but small in practice and immune to\n  //    reordering. Type matches the event store's own dedup set\n  //    (`Set<string | number>` in `use-event-store.ts`) so a stray\n  //    numeric id (legacy server payload, hand-crafted test event, …)\n  //    can't sneak past.\n  //\n  // 2. `processedEventsRef` — keys events that have NO id. We cannot put\n  //    a literal `undefined` into the id Set: that would make the second,\n  //    third, … id-less arrival collide on the same `undefined` key and\n  //    silently skip them. We also cannot just skip dedup for id-less\n  //    events: the events array is rebuilt on every store mutation but\n  //    its element references are stable, so the same id-less event\n  //    appears in the array forever and would re-bump the workspace\n  //    mutation counter on every subsequent re-render. Keying by object\n  //    reference (via a WeakSet) gives us \"process each id-less event\n  //    exactly once\" — durable, free, no held-onto memory after the\n  //    store clears.\n  const processedIdsRef = useRef<Set<string | number>>(new Set());\n  const processedEventsRef = useRef<WeakSet<OHEvent>>(new WeakSet());\n\n  useEffect(() => {\n    let hasNewFileEdits = false;\n    let hasNewBashCommands = false;\n    for (const event of events) {\n      const id: string | number | undefined =\n        \"id\" in event ? event.id : undefined;\n      const alreadyProcessed =\n        id !== undefined\n          ? processedIdsRef.current.has(id)\n          : processedEventsRef.current.has(event);\n      // Inverted predicate so we avoid `continue` (banned by repo lint).\n      if (!alreadyProcessed) {\n        if (id !== undefined) {\n          processedIdsRef.current.add(id);\n        } else {\n          processedEventsRef.current.add(event);\n        }\n        if (isFileMutationObservation(event)) hasNewFileEdits = true;\n        else if (isBashObservation(event)) hasNewBashCommands = true;\n      }\n    }\n\n    if (!hasNewFileEdits && !hasNewBashCommands) return;\n\n    // Editor and bash mutations both change what the git Diff view shows —\n    // including the per-file diff content of an already-expanded file.\n    queryClient.invalidateQueries({ queryKey: [\"file_changes\"] });\n    queryClient.invalidateQueries({ queryKey: [\"file_diff\"] });\n\n    if (hasNewFileEdits) {\n      queryClient.invalidateQueries({ queryKey: [\"workspace-files\"] });\n      queryClient.invalidateQueries({ queryKey: [\"workspace-file-content\"] });\n      // Force iframes / <img> tags pointing at the static workspace\n      // fileserver to re-fetch. Without this they happily keep showing the\n      // stale (browser-cached) bytes even after the agent has rewritten the\n      // file on disk — e.g. tweaking style.css would silently have no\n      // visible effect on the rendered index.html until the user reloaded\n      // the whole canvas.\n      bumpWorkspaceMutationCounter();\n    }\n  }, [events, queryClient, bumpWorkspaceMutationCounter]);\n}\n"],"mappings":"uQAOA,IAAM,EAA8B,IAAI,IAAI,CAC1C,wBACA,8BACA,gCACD,CAAC,CAII,EAAqB,IAAI,IAAI,CAAC,OAAO,CAAC,CAMtC,EAAyB,IAAI,IAAI,CACrC,yBACA,sBACD,CAAC,CAEF,SAAS,EAA0B,EAAyB,CAG1D,IAAM,EAAO,EACV,YAIH,MADA,EAFI,CAAC,GAAO,OAAO,EAAI,MAAS,UAC5B,CAAC,EAA4B,IAAI,EAAI,KAAK,EAC1C,EAAI,SAAW,EAAmB,IAAI,EAAI,QAAQ,EAOxD,SAAS,EAAkB,EAAyB,CAClD,IAAM,EAAO,EAA8C,YAC3D,MACE,CAAC,CAAC,GACF,OAAO,EAAI,MAAS,UACpB,EAAuB,IAAI,EAAI,KAAK,CAwBxC,SAAgB,GAAkC,CAChD,IAAM,EAAc,EAAA,gBAAgB,CAC9B,EAAS,EAAA,cAAe,GAAU,EAAM,OAAO,CAC/C,EAA+B,EAAA,4BAClC,GAAU,EAAM,KAClB,CA2BK,GAAA,EAAA,EAAA,QAA+C,IAAI,IAAM,CACzD,GAAA,EAAA,EAAA,QAA8C,IAAI,QAAU,EAElE,EAAA,EAAA,eAAgB,CACd,IAAI,EAAkB,GAClB,EAAqB,GACzB,IAAK,IAAM,KAAS,EAAQ,CAC1B,IAAM,EACJ,OAAQ,EAAQ,EAAM,GAAK,IAAA,IAE3B,IAAO,IAAA,GAEH,EAAmB,QAAQ,IAAI,EAAM,CADrC,EAAgB,QAAQ,IAAI,EAAG,IAI/B,IAAO,IAAA,GAGT,EAAmB,QAAQ,IAAI,EAAM,CAFrC,EAAgB,QAAQ,IAAI,EAAG,CAI7B,EAA0B,EAAM,CAAE,EAAkB,GAC/C,EAAkB,EAAM,GAAE,EAAqB,KAIxD,CAAC,GAAmB,CAAC,IAIzB,EAAY,kBAAkB,CAAE,SAAU,CAAC,eAAe,CAAE,CAAC,CAC7D,EAAY,kBAAkB,CAAE,SAAU,CAAC,YAAY,CAAE,CAAC,CAEtD,IACF,EAAY,kBAAkB,CAAE,SAAU,CAAC,kBAAkB,CAAE,CAAC,CAChE,EAAY,kBAAkB,CAAE,SAAU,CAAC,yBAAyB,CAAE,CAAC,CAOvE,GAA8B,IAE/B,CAAC,EAAQ,EAAa,EAA6B,CAAC"}
+{"version":3,"file":"use-auto-refresh-files-on-edit.cjs","names":[],"sources":["../../src/hooks/use-auto-refresh-files-on-edit.ts"],"sourcesContent":["import { useEffect, useRef } from \"react\";\nimport { useQueryClient } from \"@tanstack/react-query\";\n\nimport { useEventStore, type OHEvent } from \"#/stores/use-event-store\";\nimport { useWorkspaceMutationCounter } from \"#/stores/use-workspace-mutation-counter\";\n\n// `kind` values we treat as a file-mutation observation.\nconst FILE_EDIT_OBSERVATION_KINDS = new Set([\n  \"FileEditorObservation\",\n  \"StrReplaceEditorObservation\",\n  \"PlanningFileEditorObservation\",\n]);\n\n// Commands on the str-replace-editor family that don't change anything on\n// disk. We don't want to invalidate caches for those.\nconst READ_ONLY_COMMANDS = new Set([\"view\"]);\n\n// Bash observations are how `git commit` / `git push` (and any file edit\n// done through the shell) arrive, so they must refresh the Diff view too.\n// Legacy agent-servers emit `ExecuteBashObservation`; the current SDK\n// emits `TerminalObservation`.\nconst BASH_OBSERVATION_KINDS = new Set([\n  \"ExecuteBashObservation\",\n  \"TerminalObservation\",\n]);\n\nfunction isFileMutationObservation(event: OHEvent): boolean {\n  // ObservationEvents have `source: \"environment\"` and an `observation`\n  // field — narrow to that shape without pulling in the whole event union.\n  const obs = (event as { observation?: { kind?: string; command?: string } })\n    .observation;\n  if (!obs || typeof obs.kind !== \"string\") return false;\n  if (!FILE_EDIT_OBSERVATION_KINDS.has(obs.kind)) return false;\n  if (obs.command && READ_ONLY_COMMANDS.has(obs.command)) return false;\n  return true;\n}\n\n// Note: `READ_ONLY_COMMANDS` intentionally doesn't apply here — for bash\n// observations `command` is the whole shell command line, not a\n// file-editor sub-command.\nfunction isBashObservation(event: OHEvent): boolean {\n  const obs = (event as { observation?: { kind?: string } }).observation;\n  return (\n    !!obs &&\n    typeof obs.kind === \"string\" &&\n    BASH_OBSERVATION_KINDS.has(obs.kind)\n  );\n}\n\n/**\n * Watches the conversation event stream and invalidates the workspace file\n * queries whenever the agent commits a file-editor mutation (create / edit /\n * insert / undo_edit). This keeps the Files tab's list, content view and\n * diff view in sync with what the agent has actually written to disk,\n * without requiring the user to click refresh manually.\n *\n * Bash observations also refresh the git-diff queries (`file_changes` /\n * `file_diff`) — a `git commit` or `git push` changes what the Diff view\n * should display, and shell commands can edit files too. They deliberately\n * do NOT touch the workspace file queries or the workspace mutation\n * counter: bumping the counter reloads canvas iframes, and doing that for\n * every shell command the agent runs would cause constant flicker.\n * Invalidation only refetches actively-mounted queries, so the cost is\n * limited to when the Files tab is open.\n *\n * Mount this hook inside any component that should drive auto-refresh —\n * the Files tab is the obvious caller. Multiple mounts are safe because\n * React Query coalesces overlapping invalidations.\n */\nexport function useAutoRefreshFilesOnEdit(): void {\n  const queryClient = useQueryClient();\n  const events = useEventStore((state) => state.events);\n  const bumpWorkspaceMutationCounter = useWorkspaceMutationCounter(\n    (state) => state.bump,\n  );\n\n  // Track which events we've already reacted to. Two parallel stores:\n  //\n  // 1. `processedIdsRef` — keys events that *have* an id. The event store\n  //    re-sorts on insert when out-of-order events arrive (an older event\n  //    can land *between* two newer ones already in the array), so we\n  //    cannot use a `slice(processedCount)` trick — it would miss a\n  //    late-arriving older event because the array length grew but the\n  //    tail we just diffed didn't contain it. Using a Set of ids is O(n)\n  //    per render in the worst case but small in practice and immune to\n  //    reordering. Type matches the event store's own dedup set\n  //    (`Set<string | number>` in `use-event-store.ts`) so a stray\n  //    numeric id (legacy server payload, hand-crafted test event, …)\n  //    can't sneak past.\n  //\n  // 2. `processedEventsRef` — keys events that have NO id. We cannot put\n  //    a literal `undefined` into the id Set: that would make the second,\n  //    third, … id-less arrival collide on the same `undefined` key and\n  //    silently skip them. We also cannot just skip dedup for id-less\n  //    events: the events array is rebuilt on every store mutation but\n  //    its element references are stable, so the same id-less event\n  //    appears in the array forever and would re-bump the workspace\n  //    mutation counter on every subsequent re-render. Keying by object\n  //    reference (via a WeakSet) gives us \"process each id-less event\n  //    exactly once\" — durable, free, no held-onto memory after the\n  //    store clears.\n  const processedIdsRef = useRef<Set<string | number>>(new Set());\n  const processedEventsRef = useRef<WeakSet<OHEvent>>(new WeakSet());\n\n  useEffect(() => {\n    let hasNewFileEdits = false;\n    let hasNewBashCommands = false;\n    for (const event of events) {\n      const id: string | number | undefined =\n        \"id\" in event ? event.id : undefined;\n      const alreadyProcessed =\n        id !== undefined\n          ? processedIdsRef.current.has(id)\n          : processedEventsRef.current.has(event);\n      // Inverted predicate so we avoid `continue` (banned by repo lint).\n      if (!alreadyProcessed) {\n        if (id !== undefined) {\n          processedIdsRef.current.add(id);\n        } else {\n          processedEventsRef.current.add(event);\n        }\n        if (isFileMutationObservation(event)) hasNewFileEdits = true;\n        else if (isBashObservation(event)) hasNewBashCommands = true;\n      }\n    }\n\n    if (!hasNewFileEdits && !hasNewBashCommands) return;\n\n    // Editor and bash mutations both change what the git Diff view shows —\n    // including the per-file diff content of an already-expanded file.\n    // The commits list refreshes too (a `git commit` arrives as a bash\n    // observation); per-commit queries (`commit_changes` /\n    // `commit_file_diff`) are sha-addressed and immutable, so they are\n    // deliberately NOT invalidated.\n    queryClient.invalidateQueries({ queryKey: [\"file_changes\"] });\n    queryClient.invalidateQueries({ queryKey: [\"file_diff\"] });\n    queryClient.invalidateQueries({ queryKey: [\"git_commits\"] });\n\n    if (hasNewFileEdits) {\n      queryClient.invalidateQueries({ queryKey: [\"workspace-files\"] });\n      queryClient.invalidateQueries({ queryKey: [\"workspace-file-content\"] });\n      // Force iframes / <img> tags pointing at the static workspace\n      // fileserver to re-fetch. Without this they happily keep showing the\n      // stale (browser-cached) bytes even after the agent has rewritten the\n      // file on disk — e.g. tweaking style.css would silently have no\n      // visible effect on the rendered index.html until the user reloaded\n      // the whole canvas.\n      bumpWorkspaceMutationCounter();\n    }\n  }, [events, queryClient, bumpWorkspaceMutationCounter]);\n}\n"],"mappings":"uQAOA,IAAM,EAA8B,IAAI,IAAI,CAC1C,wBACA,8BACA,gCACD,CAAC,CAII,EAAqB,IAAI,IAAI,CAAC,OAAO,CAAC,CAMtC,EAAyB,IAAI,IAAI,CACrC,yBACA,sBACD,CAAC,CAEF,SAAS,EAA0B,EAAyB,CAG1D,IAAM,EAAO,EACV,YAIH,MADA,EAFI,CAAC,GAAO,OAAO,EAAI,MAAS,UAC5B,CAAC,EAA4B,IAAI,EAAI,KAAK,EAC1C,EAAI,SAAW,EAAmB,IAAI,EAAI,QAAQ,EAOxD,SAAS,EAAkB,EAAyB,CAClD,IAAM,EAAO,EAA8C,YAC3D,MACE,CAAC,CAAC,GACF,OAAO,EAAI,MAAS,UACpB,EAAuB,IAAI,EAAI,KAAK,CAwBxC,SAAgB,GAAkC,CAChD,IAAM,EAAc,EAAA,gBAAgB,CAC9B,EAAS,EAAA,cAAe,GAAU,EAAM,OAAO,CAC/C,EAA+B,EAAA,4BAClC,GAAU,EAAM,KAClB,CA2BK,GAAA,EAAA,EAAA,QAA+C,IAAI,IAAM,CACzD,GAAA,EAAA,EAAA,QAA8C,IAAI,QAAU,EAElE,EAAA,EAAA,eAAgB,CACd,IAAI,EAAkB,GAClB,EAAqB,GACzB,IAAK,IAAM,KAAS,EAAQ,CAC1B,IAAM,EACJ,OAAQ,EAAQ,EAAM,GAAK,IAAA,IAE3B,IAAO,IAAA,GAEH,EAAmB,QAAQ,IAAI,EAAM,CADrC,EAAgB,QAAQ,IAAI,EAAG,IAI/B,IAAO,IAAA,GAGT,EAAmB,QAAQ,IAAI,EAAM,CAFrC,EAAgB,QAAQ,IAAI,EAAG,CAI7B,EAA0B,EAAM,CAAE,EAAkB,GAC/C,EAAkB,EAAM,GAAE,EAAqB,KAIxD,CAAC,GAAmB,CAAC,IAQzB,EAAY,kBAAkB,CAAE,SAAU,CAAC,eAAe,CAAE,CAAC,CAC7D,EAAY,kBAAkB,CAAE,SAAU,CAAC,YAAY,CAAE,CAAC,CAC1D,EAAY,kBAAkB,CAAE,SAAU,CAAC,cAAc,CAAE,CAAC,CAExD,IACF,EAAY,kBAAkB,CAAE,SAAU,CAAC,kBAAkB,CAAE,CAAC,CAChE,EAAY,kBAAkB,CAAE,SAAU,CAAC,yBAAyB,CAAE,CAAC,CAOvE,GAA8B,IAE/B,CAAC,EAAQ,EAAa,EAA6B,CAAC"}

package/dist/hooks/use-auto-refresh-files-on-edit.js

@@ -24,7 +24,7 @@ function u() {
 			let r = "id" in n ? n.id : void 0;
 			(r === void 0 ? d.current.has(n) : u.current.has(r)) || (r === void 0 ? d.current.add(n) : u.current.add(r), c(n) ? e = !0 : l(n) && (t = !0));
 		}
-		!e && !t || (a.invalidateQueries({ queryKey: ["file_changes"] }), a.invalidateQueries({ queryKey: ["file_diff"] }), e && (a.invalidateQueries({ queryKey: ["workspace-files"] }), a.invalidateQueries({ queryKey: ["workspace-file-content"] }), s()));
+		!e && !t || (a.invalidateQueries({ queryKey: ["file_changes"] }), a.invalidateQueries({ queryKey: ["file_diff"] }), a.invalidateQueries({ queryKey: ["git_commits"] }), e && (a.invalidateQueries({ queryKey: ["workspace-files"] }), a.invalidateQueries({ queryKey: ["workspace-file-content"] }), s()));
 	}, [
 		o,
 		a,

package/dist/hooks/use-auto-refresh-files-on-edit.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-auto-refresh-files-on-edit.js","names":[],"sources":["../../src/hooks/use-auto-refresh-files-on-edit.ts"],"sourcesContent":["import { useEffect, useRef } from \"react\";\nimport { useQueryClient } from \"@tanstack/react-query\";\n\nimport { useEventStore, type OHEvent } from \"#/stores/use-event-store\";\nimport { useWorkspaceMutationCounter } from \"#/stores/use-workspace-mutation-counter\";\n\n// `kind` values we treat as a file-mutation observation.\nconst FILE_EDIT_OBSERVATION_KINDS = new Set([\n  \"FileEditorObservation\",\n  \"StrReplaceEditorObservation\",\n  \"PlanningFileEditorObservation\",\n]);\n\n// Commands on the str-replace-editor family that don't change anything on\n// disk. We don't want to invalidate caches for those.\nconst READ_ONLY_COMMANDS = new Set([\"view\"]);\n\n// Bash observations are how `git commit` / `git push` (and any file edit\n// done through the shell) arrive, so they must refresh the Diff view too.\n// Legacy agent-servers emit `ExecuteBashObservation`; the current SDK\n// emits `TerminalObservation`.\nconst BASH_OBSERVATION_KINDS = new Set([\n  \"ExecuteBashObservation\",\n  \"TerminalObservation\",\n]);\n\nfunction isFileMutationObservation(event: OHEvent): boolean {\n  // ObservationEvents have `source: \"environment\"` and an `observation`\n  // field — narrow to that shape without pulling in the whole event union.\n  const obs = (event as { observation?: { kind?: string; command?: string } })\n    .observation;\n  if (!obs || typeof obs.kind !== \"string\") return false;\n  if (!FILE_EDIT_OBSERVATION_KINDS.has(obs.kind)) return false;\n  if (obs.command && READ_ONLY_COMMANDS.has(obs.command)) return false;\n  return true;\n}\n\n// Note: `READ_ONLY_COMMANDS` intentionally doesn't apply here — for bash\n// observations `command` is the whole shell command line, not a\n// file-editor sub-command.\nfunction isBashObservation(event: OHEvent): boolean {\n  const obs = (event as { observation?: { kind?: string } }).observation;\n  return (\n    !!obs &&\n    typeof obs.kind === \"string\" &&\n    BASH_OBSERVATION_KINDS.has(obs.kind)\n  );\n}\n\n/**\n * Watches the conversation event stream and invalidates the workspace file\n * queries whenever the agent commits a file-editor mutation (create / edit /\n * insert / undo_edit). This keeps the Files tab's list, content view and\n * diff view in sync with what the agent has actually written to disk,\n * without requiring the user to click refresh manually.\n *\n * Bash observations also refresh the git-diff queries (`file_changes` /\n * `file_diff`) — a `git commit` or `git push` changes what the Diff view\n * should display, and shell commands can edit files too. They deliberately\n * do NOT touch the workspace file queries or the workspace mutation\n * counter: bumping the counter reloads canvas iframes, and doing that for\n * every shell command the agent runs would cause constant flicker.\n * Invalidation only refetches actively-mounted queries, so the cost is\n * limited to when the Files tab is open.\n *\n * Mount this hook inside any component that should drive auto-refresh —\n * the Files tab is the obvious caller. Multiple mounts are safe because\n * React Query coalesces overlapping invalidations.\n */\nexport function useAutoRefreshFilesOnEdit(): void {\n  const queryClient = useQueryClient();\n  const events = useEventStore((state) => state.events);\n  const bumpWorkspaceMutationCounter = useWorkspaceMutationCounter(\n    (state) => state.bump,\n  );\n\n  // Track which events we've already reacted to. Two parallel stores:\n  //\n  // 1. `processedIdsRef` — keys events that *have* an id. The event store\n  //    re-sorts on insert when out-of-order events arrive (an older event\n  //    can land *between* two newer ones already in the array), so we\n  //    cannot use a `slice(processedCount)` trick — it would miss a\n  //    late-arriving older event because the array length grew but the\n  //    tail we just diffed didn't contain it. Using a Set of ids is O(n)\n  //    per render in the worst case but small in practice and immune to\n  //    reordering. Type matches the event store's own dedup set\n  //    (`Set<string | number>` in `use-event-store.ts`) so a stray\n  //    numeric id (legacy server payload, hand-crafted test event, …)\n  //    can't sneak past.\n  //\n  // 2. `processedEventsRef` — keys events that have NO id. We cannot put\n  //    a literal `undefined` into the id Set: that would make the second,\n  //    third, … id-less arrival collide on the same `undefined` key and\n  //    silently skip them. We also cannot just skip dedup for id-less\n  //    events: the events array is rebuilt on every store mutation but\n  //    its element references are stable, so the same id-less event\n  //    appears in the array forever and would re-bump the workspace\n  //    mutation counter on every subsequent re-render. Keying by object\n  //    reference (via a WeakSet) gives us \"process each id-less event\n  //    exactly once\" — durable, free, no held-onto memory after the\n  //    store clears.\n  const processedIdsRef = useRef<Set<string | number>>(new Set());\n  const processedEventsRef = useRef<WeakSet<OHEvent>>(new WeakSet());\n\n  useEffect(() => {\n    let hasNewFileEdits = false;\n    let hasNewBashCommands = false;\n    for (const event of events) {\n      const id: string | number | undefined =\n        \"id\" in event ? event.id : undefined;\n      const alreadyProcessed =\n        id !== undefined\n          ? processedIdsRef.current.has(id)\n          : processedEventsRef.current.has(event);\n      // Inverted predicate so we avoid `continue` (banned by repo lint).\n      if (!alreadyProcessed) {\n        if (id !== undefined) {\n          processedIdsRef.current.add(id);\n        } else {\n          processedEventsRef.current.add(event);\n        }\n        if (isFileMutationObservation(event)) hasNewFileEdits = true;\n        else if (isBashObservation(event)) hasNewBashCommands = true;\n      }\n    }\n\n    if (!hasNewFileEdits && !hasNewBashCommands) return;\n\n    // Editor and bash mutations both change what the git Diff view shows —\n    // including the per-file diff content of an already-expanded file.\n    queryClient.invalidateQueries({ queryKey: [\"file_changes\"] });\n    queryClient.invalidateQueries({ queryKey: [\"file_diff\"] });\n\n    if (hasNewFileEdits) {\n      queryClient.invalidateQueries({ queryKey: [\"workspace-files\"] });\n      queryClient.invalidateQueries({ queryKey: [\"workspace-file-content\"] });\n      // Force iframes / <img> tags pointing at the static workspace\n      // fileserver to re-fetch. Without this they happily keep showing the\n      // stale (browser-cached) bytes even after the agent has rewritten the\n      // file on disk — e.g. tweaking style.css would silently have no\n      // visible effect on the rendered index.html until the user reloaded\n      // the whole canvas.\n      bumpWorkspaceMutationCounter();\n    }\n  }, [events, queryClient, bumpWorkspaceMutationCounter]);\n}\n"],"mappings":";;;;;AAOA,IAAM,IAA8B,IAAI,IAAI;CAC1C;CACA;CACA;CACD,CAAC,EAII,IAAqB,IAAI,IAAI,CAAC,OAAO,CAAC,EAMtC,IAAyB,IAAI,IAAI,CACrC,0BACA,sBACD,CAAC;AAEF,SAAS,EAA0B,GAAyB;CAG1D,IAAM,IAAO,EACV;AAIH,QADA,EAFI,CAAC,KAAO,OAAO,EAAI,QAAS,YAC5B,CAAC,EAA4B,IAAI,EAAI,KAAK,IAC1C,EAAI,WAAW,EAAmB,IAAI,EAAI,QAAQ;;AAOxD,SAAS,EAAkB,GAAyB;CAClD,IAAM,IAAO,EAA8C;AAC3D,QACE,CAAC,CAAC,KACF,OAAO,EAAI,QAAS,YACpB,EAAuB,IAAI,EAAI,KAAK;;AAwBxC,SAAgB,IAAkC;CAChD,IAAM,IAAc,GAAgB,EAC9B,IAAS,GAAe,MAAU,EAAM,OAAO,EAC/C,IAA+B,GAClC,MAAU,EAAM,KAClB,EA2BK,IAAkB,kBAA6B,IAAI,KAAK,CAAC,EACzD,IAAqB,kBAAyB,IAAI,SAAS,CAAC;AAElE,SAAgB;EACd,IAAI,IAAkB,IAClB,IAAqB;AACzB,OAAK,IAAM,KAAS,GAAQ;GAC1B,IAAM,IACJ,QAAQ,IAAQ,EAAM,KAAK,KAAA;AAM7B,IAJE,MAAO,KAAA,IAEH,EAAmB,QAAQ,IAAI,EAAM,GADrC,EAAgB,QAAQ,IAAI,EAAG,MAI/B,MAAO,KAAA,IAGT,EAAmB,QAAQ,IAAI,EAAM,GAFrC,EAAgB,QAAQ,IAAI,EAAG,EAI7B,EAA0B,EAAM,GAAE,IAAkB,KAC/C,EAAkB,EAAM,KAAE,IAAqB;;AAIxD,GAAC,KAAmB,CAAC,MAIzB,EAAY,kBAAkB,EAAE,UAAU,CAAC,eAAe,EAAE,CAAC,EAC7D,EAAY,kBAAkB,EAAE,UAAU,CAAC,YAAY,EAAE,CAAC,EAEtD,MACF,EAAY,kBAAkB,EAAE,UAAU,CAAC,kBAAkB,EAAE,CAAC,EAChE,EAAY,kBAAkB,EAAE,UAAU,CAAC,yBAAyB,EAAE,CAAC,EAOvE,GAA8B;IAE/B;EAAC;EAAQ;EAAa;EAA6B,CAAC"}
+{"version":3,"file":"use-auto-refresh-files-on-edit.js","names":[],"sources":["../../src/hooks/use-auto-refresh-files-on-edit.ts"],"sourcesContent":["import { useEffect, useRef } from \"react\";\nimport { useQueryClient } from \"@tanstack/react-query\";\n\nimport { useEventStore, type OHEvent } from \"#/stores/use-event-store\";\nimport { useWorkspaceMutationCounter } from \"#/stores/use-workspace-mutation-counter\";\n\n// `kind` values we treat as a file-mutation observation.\nconst FILE_EDIT_OBSERVATION_KINDS = new Set([\n  \"FileEditorObservation\",\n  \"StrReplaceEditorObservation\",\n  \"PlanningFileEditorObservation\",\n]);\n\n// Commands on the str-replace-editor family that don't change anything on\n// disk. We don't want to invalidate caches for those.\nconst READ_ONLY_COMMANDS = new Set([\"view\"]);\n\n// Bash observations are how `git commit` / `git push` (and any file edit\n// done through the shell) arrive, so they must refresh the Diff view too.\n// Legacy agent-servers emit `ExecuteBashObservation`; the current SDK\n// emits `TerminalObservation`.\nconst BASH_OBSERVATION_KINDS = new Set([\n  \"ExecuteBashObservation\",\n  \"TerminalObservation\",\n]);\n\nfunction isFileMutationObservation(event: OHEvent): boolean {\n  // ObservationEvents have `source: \"environment\"` and an `observation`\n  // field — narrow to that shape without pulling in the whole event union.\n  const obs = (event as { observation?: { kind?: string; command?: string } })\n    .observation;\n  if (!obs || typeof obs.kind !== \"string\") return false;\n  if (!FILE_EDIT_OBSERVATION_KINDS.has(obs.kind)) return false;\n  if (obs.command && READ_ONLY_COMMANDS.has(obs.command)) return false;\n  return true;\n}\n\n// Note: `READ_ONLY_COMMANDS` intentionally doesn't apply here — for bash\n// observations `command` is the whole shell command line, not a\n// file-editor sub-command.\nfunction isBashObservation(event: OHEvent): boolean {\n  const obs = (event as { observation?: { kind?: string } }).observation;\n  return (\n    !!obs &&\n    typeof obs.kind === \"string\" &&\n    BASH_OBSERVATION_KINDS.has(obs.kind)\n  );\n}\n\n/**\n * Watches the conversation event stream and invalidates the workspace file\n * queries whenever the agent commits a file-editor mutation (create / edit /\n * insert / undo_edit). This keeps the Files tab's list, content view and\n * diff view in sync with what the agent has actually written to disk,\n * without requiring the user to click refresh manually.\n *\n * Bash observations also refresh the git-diff queries (`file_changes` /\n * `file_diff`) — a `git commit` or `git push` changes what the Diff view\n * should display, and shell commands can edit files too. They deliberately\n * do NOT touch the workspace file queries or the workspace mutation\n * counter: bumping the counter reloads canvas iframes, and doing that for\n * every shell command the agent runs would cause constant flicker.\n * Invalidation only refetches actively-mounted queries, so the cost is\n * limited to when the Files tab is open.\n *\n * Mount this hook inside any component that should drive auto-refresh —\n * the Files tab is the obvious caller. Multiple mounts are safe because\n * React Query coalesces overlapping invalidations.\n */\nexport function useAutoRefreshFilesOnEdit(): void {\n  const queryClient = useQueryClient();\n  const events = useEventStore((state) => state.events);\n  const bumpWorkspaceMutationCounter = useWorkspaceMutationCounter(\n    (state) => state.bump,\n  );\n\n  // Track which events we've already reacted to. Two parallel stores:\n  //\n  // 1. `processedIdsRef` — keys events that *have* an id. The event store\n  //    re-sorts on insert when out-of-order events arrive (an older event\n  //    can land *between* two newer ones already in the array), so we\n  //    cannot use a `slice(processedCount)` trick — it would miss a\n  //    late-arriving older event because the array length grew but the\n  //    tail we just diffed didn't contain it. Using a Set of ids is O(n)\n  //    per render in the worst case but small in practice and immune to\n  //    reordering. Type matches the event store's own dedup set\n  //    (`Set<string | number>` in `use-event-store.ts`) so a stray\n  //    numeric id (legacy server payload, hand-crafted test event, …)\n  //    can't sneak past.\n  //\n  // 2. `processedEventsRef` — keys events that have NO id. We cannot put\n  //    a literal `undefined` into the id Set: that would make the second,\n  //    third, … id-less arrival collide on the same `undefined` key and\n  //    silently skip them. We also cannot just skip dedup for id-less\n  //    events: the events array is rebuilt on every store mutation but\n  //    its element references are stable, so the same id-less event\n  //    appears in the array forever and would re-bump the workspace\n  //    mutation counter on every subsequent re-render. Keying by object\n  //    reference (via a WeakSet) gives us \"process each id-less event\n  //    exactly once\" — durable, free, no held-onto memory after the\n  //    store clears.\n  const processedIdsRef = useRef<Set<string | number>>(new Set());\n  const processedEventsRef = useRef<WeakSet<OHEvent>>(new WeakSet());\n\n  useEffect(() => {\n    let hasNewFileEdits = false;\n    let hasNewBashCommands = false;\n    for (const event of events) {\n      const id: string | number | undefined =\n        \"id\" in event ? event.id : undefined;\n      const alreadyProcessed =\n        id !== undefined\n          ? processedIdsRef.current.has(id)\n          : processedEventsRef.current.has(event);\n      // Inverted predicate so we avoid `continue` (banned by repo lint).\n      if (!alreadyProcessed) {\n        if (id !== undefined) {\n          processedIdsRef.current.add(id);\n        } else {\n          processedEventsRef.current.add(event);\n        }\n        if (isFileMutationObservation(event)) hasNewFileEdits = true;\n        else if (isBashObservation(event)) hasNewBashCommands = true;\n      }\n    }\n\n    if (!hasNewFileEdits && !hasNewBashCommands) return;\n\n    // Editor and bash mutations both change what the git Diff view shows —\n    // including the per-file diff content of an already-expanded file.\n    // The commits list refreshes too (a `git commit` arrives as a bash\n    // observation); per-commit queries (`commit_changes` /\n    // `commit_file_diff`) are sha-addressed and immutable, so they are\n    // deliberately NOT invalidated.\n    queryClient.invalidateQueries({ queryKey: [\"file_changes\"] });\n    queryClient.invalidateQueries({ queryKey: [\"file_diff\"] });\n    queryClient.invalidateQueries({ queryKey: [\"git_commits\"] });\n\n    if (hasNewFileEdits) {\n      queryClient.invalidateQueries({ queryKey: [\"workspace-files\"] });\n      queryClient.invalidateQueries({ queryKey: [\"workspace-file-content\"] });\n      // Force iframes / <img> tags pointing at the static workspace\n      // fileserver to re-fetch. Without this they happily keep showing the\n      // stale (browser-cached) bytes even after the agent has rewritten the\n      // file on disk — e.g. tweaking style.css would silently have no\n      // visible effect on the rendered index.html until the user reloaded\n      // the whole canvas.\n      bumpWorkspaceMutationCounter();\n    }\n  }, [events, queryClient, bumpWorkspaceMutationCounter]);\n}\n"],"mappings":";;;;;AAOA,IAAM,IAA8B,IAAI,IAAI;CAC1C;CACA;CACA;CACD,CAAC,EAII,IAAqB,IAAI,IAAI,CAAC,OAAO,CAAC,EAMtC,IAAyB,IAAI,IAAI,CACrC,0BACA,sBACD,CAAC;AAEF,SAAS,EAA0B,GAAyB;CAG1D,IAAM,IAAO,EACV;AAIH,QADA,EAFI,CAAC,KAAO,OAAO,EAAI,QAAS,YAC5B,CAAC,EAA4B,IAAI,EAAI,KAAK,IAC1C,EAAI,WAAW,EAAmB,IAAI,EAAI,QAAQ;;AAOxD,SAAS,EAAkB,GAAyB;CAClD,IAAM,IAAO,EAA8C;AAC3D,QACE,CAAC,CAAC,KACF,OAAO,EAAI,QAAS,YACpB,EAAuB,IAAI,EAAI,KAAK;;AAwBxC,SAAgB,IAAkC;CAChD,IAAM,IAAc,GAAgB,EAC9B,IAAS,GAAe,MAAU,EAAM,OAAO,EAC/C,IAA+B,GAClC,MAAU,EAAM,KAClB,EA2BK,IAAkB,kBAA6B,IAAI,KAAK,CAAC,EACzD,IAAqB,kBAAyB,IAAI,SAAS,CAAC;AAElE,SAAgB;EACd,IAAI,IAAkB,IAClB,IAAqB;AACzB,OAAK,IAAM,KAAS,GAAQ;GAC1B,IAAM,IACJ,QAAQ,IAAQ,EAAM,KAAK,KAAA;AAM7B,IAJE,MAAO,KAAA,IAEH,EAAmB,QAAQ,IAAI,EAAM,GADrC,EAAgB,QAAQ,IAAI,EAAG,MAI/B,MAAO,KAAA,IAGT,EAAmB,QAAQ,IAAI,EAAM,GAFrC,EAAgB,QAAQ,IAAI,EAAG,EAI7B,EAA0B,EAAM,GAAE,IAAkB,KAC/C,EAAkB,EAAM,KAAE,IAAqB;;AAIxD,GAAC,KAAmB,CAAC,MAQzB,EAAY,kBAAkB,EAAE,UAAU,CAAC,eAAe,EAAE,CAAC,EAC7D,EAAY,kBAAkB,EAAE,UAAU,CAAC,YAAY,EAAE,CAAC,EAC1D,EAAY,kBAAkB,EAAE,UAAU,CAAC,cAAc,EAAE,CAAC,EAExD,MACF,EAAY,kBAAkB,EAAE,UAAU,CAAC,kBAAkB,EAAE,CAAC,EAChE,EAAY,kBAAkB,EAAE,UAAU,CAAC,yBAAyB,EAAE,CAAC,EAOvE,GAA8B;IAE/B;EAAC;EAAQ;EAAa;EAA6B,CAAC"}

package/dist/hooks/use-chat-input-model-state.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"use-chat-input-model-state.cjs","names":[],"sources":["../../src/hooks/use-chat-input-model-state.ts"],"sourcesContent":["import { useActiveConversation } from \"#/hooks/query/use-active-conversation\";\nimport { useSettings } from \"#/hooks/query/use-settings\";\nimport { useAcpModelContext } from \"#/hooks/use-acp-model-context\";\nimport { useOptionalConversationId } from \"#/hooks/use-conversation-id\";\nimport {\n  getAcpPreferredDefaultModel,\n  getAcpProvider,\n  labelForAcpModel,\n  resolveEffectiveAcpModel,\n  type ACPModelOption,\n} from \"#/constants/acp-providers\";\n\nexport interface ChatInputModelState {\n  isAcpContext: boolean;\n  displayModel: string | null;\n  currentModelId: string | null;\n  availableAcpModels: ACPModelOption[];\n  showAcpPicker: boolean;\n  switchConversationId: string | null;\n  destinationPath: \"/settings/agents\" | \"/settings\";\n  destinationLabel: string;\n}\n\nexport function useChatInputModelState(): ChatInputModelState {\n  const { data: conversation } = useActiveConversation();\n  const { data: settings } = useSettings();\n  const { conversationId } = useOptionalConversationId();\n  const {\n    isActiveAcpConversation,\n    isHomeAcp,\n    isAcpContext,\n    destinationPath,\n    destinationLabel,\n  } = useAcpModelContext();\n\n  const acpServerKey = isActiveAcpConversation\n    ? conversation?.acp_server\n    : isHomeAcp\n      ? typeof settings?.agent_settings?.acp_server === \"string\"\n        ? settings.agent_settings.acp_server\n        : null\n      : null;\n  const acpProvider = isAcpContext ? getAcpProvider(acpServerKey) : undefined;\n\n  const acpConfiguredModel =\n    typeof settings?.agent_settings?.acp_model === \"string\"\n      ? settings.agent_settings.acp_model\n      : null;\n\n  let currentModelId: string | null = null;\n  if (isActiveAcpConversation) {\n    // ACP conversations store llm_model as the acp_model (persisted at\n    // creation time). Use it directly if available; fall back to the\n    // settings-configured model or provider default so the chip stays visible.\n    currentModelId =\n      conversation?.llm_model ??\n      resolveEffectiveAcpModel({\n        configured: acpConfiguredModel,\n        providerDefault: getAcpPreferredDefaultModel(acpServerKey),\n      });\n  } else if (isHomeAcp) {\n    currentModelId = resolveEffectiveAcpModel({\n      configured: acpConfiguredModel,\n      // Preferred default (Vertex-safe for Gemini) — must match what the\n      // start request would substitute for an unconfigured model.\n      providerDefault: getAcpPreferredDefaultModel(acpServerKey),\n    });\n  } else {\n    currentModelId = conversation?.llm_model ?? settings?.llm_model ?? null;\n  }\n\n  const displayModel =\n    currentModelId && isAcpContext\n      ? (labelForAcpModel(acpServerKey, currentModelId) ?? currentModelId)\n      : currentModelId;\n  const availableAcpModels = acpProvider?.available_models ?? [];\n  const showAcpPicker = isAcpContext && availableAcpModels.length > 0;\n  const switchConversationId = isActiveAcpConversation\n    ? (conversationId ?? null)\n    : null;\n\n  return {\n    isAcpContext,\n    displayModel,\n    currentModelId,\n    availableAcpModels,\n    showAcpPicker,\n    switchConversationId,\n    destinationPath,\n    destinationLabel,\n  };\n}\n"],"mappings":"sQAuBA,SAAgB,GAA8C,CAC5D,GAAM,CAAE,KAAM,GAAiB,EAAA,uBAAuB,CAChD,CAAE,KAAM,GAAa,EAAA,aAAa,CAClC,CAAE,kBAAmB,EAAA,2BAA2B,CAChD,CACJ,0BACA,YACA,eACA,kBACA,oBACE,EAAA,oBAAoB,CAElB,EAAe,EACjB,GAAc,WACd,GACE,OAAO,GAAU,gBAAgB,YAAe,SAC9C,EAAS,eAAe,WACxB,KAEF,EAAc,EAAe,EAAA,eAAe,EAAa,CAAG,IAAA,GAE5D,EACJ,OAAO,GAAU,gBAAgB,WAAc,SAC3C,EAAS,eAAe,UACxB,KAEF,EAAgC,KACpC,AAkBE,EAlBE,EAKA,GAAc,WACd,EAAA,yBAAyB,CACvB,WAAY,EACZ,gBAAiB,EAAA,4BAA4B,EAAa,CAC3D,CAAC,CACK,EACQ,EAAA,yBAAyB,CACxC,WAAY,EAGZ,gBAAiB,EAAA,4BAA4B,EAAa,CAC3D,CAAC,CAEe,GAAc,WAAa,GAAU,WAAa,KAGrE,IAAM,EACJ,GAAkB,EACb,EAAA,iBAAiB,EAAc,EAAe,EAAI,EACnD,EACA,EAAqB,GAAa,kBAAoB,EAAE,CACxD,EAAgB,GAAgB,EAAmB,OAAS,EAKlE,MAAO,CACL,eACA,eACA,iBACA,qBACA,gBACA,qBAV2B,EACxB,GAAkB,KACnB,KASF,kBACA,mBACD"}
+{"version":3,"file":"use-chat-input-model-state.cjs","names":[],"sources":["../../src/hooks/use-chat-input-model-state.ts"],"sourcesContent":["import { useActiveConversation } from \"#/hooks/query/use-active-conversation\";\nimport { useSettings } from \"#/hooks/query/use-settings\";\nimport {\n  type AcpModelContext,\n  useAcpModelContext,\n} from \"#/hooks/use-acp-model-context\";\nimport { useOptionalConversationId } from \"#/hooks/use-conversation-id\";\nimport {\n  getAcpPreferredDefaultModel,\n  getAcpProvider,\n  labelForAcpModel,\n  resolveEffectiveAcpModel,\n  type ACPModelOption,\n} from \"#/constants/acp-providers\";\n\nexport interface ChatInputModelState {\n  isAcpContext: boolean;\n  displayModel: string | null;\n  currentModelId: string | null;\n  availableAcpModels: ACPModelOption[];\n  showAcpPicker: boolean;\n  switchConversationId: string | null;\n  destinationPath: AcpModelContext[\"destinationPath\"];\n  destinationLabel: string;\n}\n\nexport function useChatInputModelState(): ChatInputModelState {\n  const { data: conversation } = useActiveConversation();\n  const { data: settings } = useSettings();\n  const { conversationId } = useOptionalConversationId();\n  const {\n    isActiveAcpConversation,\n    isHomeAcp,\n    isAcpContext,\n    destinationPath,\n    destinationLabel,\n  } = useAcpModelContext();\n\n  const acpServerKey = isActiveAcpConversation\n    ? conversation?.acp_server\n    : isHomeAcp\n      ? typeof settings?.agent_settings?.acp_server === \"string\"\n        ? settings.agent_settings.acp_server\n        : null\n      : null;\n  const acpProvider = isAcpContext ? getAcpProvider(acpServerKey) : undefined;\n\n  const acpConfiguredModel =\n    typeof settings?.agent_settings?.acp_model === \"string\"\n      ? settings.agent_settings.acp_model\n      : null;\n\n  let currentModelId: string | null = null;\n  if (isActiveAcpConversation) {\n    // ACP conversations store llm_model as the acp_model (persisted at\n    // creation time). Use it directly if available; fall back to the\n    // settings-configured model or provider default so the chip stays visible.\n    currentModelId =\n      conversation?.llm_model ??\n      resolveEffectiveAcpModel({\n        configured: acpConfiguredModel,\n        providerDefault: getAcpPreferredDefaultModel(acpServerKey),\n      });\n  } else if (isHomeAcp) {\n    currentModelId = resolveEffectiveAcpModel({\n      configured: acpConfiguredModel,\n      // Preferred default (Vertex-safe for Gemini) — must match what the\n      // start request would substitute for an unconfigured model.\n      providerDefault: getAcpPreferredDefaultModel(acpServerKey),\n    });\n  } else {\n    currentModelId = conversation?.llm_model ?? settings?.llm_model ?? null;\n  }\n\n  const displayModel =\n    currentModelId && isAcpContext\n      ? (labelForAcpModel(acpServerKey, currentModelId) ?? currentModelId)\n      : currentModelId;\n  const availableAcpModels = acpProvider?.available_models ?? [];\n  const showAcpPicker = isAcpContext && availableAcpModels.length > 0;\n  const switchConversationId = isActiveAcpConversation\n    ? (conversationId ?? null)\n    : null;\n\n  return {\n    isAcpContext,\n    displayModel,\n    currentModelId,\n    availableAcpModels,\n    showAcpPicker,\n    switchConversationId,\n    destinationPath,\n    destinationLabel,\n  };\n}\n"],"mappings":"sQA0BA,SAAgB,GAA8C,CAC5D,GAAM,CAAE,KAAM,GAAiB,EAAA,uBAAuB,CAChD,CAAE,KAAM,GAAa,EAAA,aAAa,CAClC,CAAE,kBAAmB,EAAA,2BAA2B,CAChD,CACJ,0BACA,YACA,eACA,kBACA,oBACE,EAAA,oBAAoB,CAElB,EAAe,EACjB,GAAc,WACd,GACE,OAAO,GAAU,gBAAgB,YAAe,SAC9C,EAAS,eAAe,WACxB,KAEF,EAAc,EAAe,EAAA,eAAe,EAAa,CAAG,IAAA,GAE5D,EACJ,OAAO,GAAU,gBAAgB,WAAc,SAC3C,EAAS,eAAe,UACxB,KAEF,EAAgC,KACpC,AAkBE,EAlBE,EAKA,GAAc,WACd,EAAA,yBAAyB,CACvB,WAAY,EACZ,gBAAiB,EAAA,4BAA4B,EAAa,CAC3D,CAAC,CACK,EACQ,EAAA,yBAAyB,CACxC,WAAY,EAGZ,gBAAiB,EAAA,4BAA4B,EAAa,CAC3D,CAAC,CAEe,GAAc,WAAa,GAAU,WAAa,KAGrE,IAAM,EACJ,GAAkB,EACb,EAAA,iBAAiB,EAAc,EAAe,EAAI,EACnD,EACA,EAAqB,GAAa,kBAAoB,EAAE,CACxD,EAAgB,GAAgB,EAAmB,OAAS,EAKlE,MAAO,CACL,eACA,eACA,iBACA,qBACA,gBACA,qBAV2B,EACxB,GAAkB,KACnB,KASF,kBACA,mBACD"}

package/dist/hooks/use-chat-input-model-state.d.ts

@@ -1,3 +1,4 @@
+import { type AcpModelContext } from "#/hooks/use-acp-model-context";
 import { type ACPModelOption } from "#/constants/acp-providers";
 export interface ChatInputModelState {
     isAcpContext: boolean;
@@ -6,7 +7,7 @@ export interface ChatInputModelState {
     availableAcpModels: ACPModelOption[];
     showAcpPicker: boolean;
     switchConversationId: string | null;
-    destinationPath: "/settings/agents" | "/settings";
+    destinationPath: AcpModelContext["destinationPath"];
     destinationLabel: string;
 }
 export declare function useChatInputModelState(): ChatInputModelState;

package/dist/hooks/use-chat-input-model-state.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-chat-input-model-state.js","names":[],"sources":["../../src/hooks/use-chat-input-model-state.ts"],"sourcesContent":["import { useActiveConversation } from \"#/hooks/query/use-active-conversation\";\nimport { useSettings } from \"#/hooks/query/use-settings\";\nimport { useAcpModelContext } from \"#/hooks/use-acp-model-context\";\nimport { useOptionalConversationId } from \"#/hooks/use-conversation-id\";\nimport {\n  getAcpPreferredDefaultModel,\n  getAcpProvider,\n  labelForAcpModel,\n  resolveEffectiveAcpModel,\n  type ACPModelOption,\n} from \"#/constants/acp-providers\";\n\nexport interface ChatInputModelState {\n  isAcpContext: boolean;\n  displayModel: string | null;\n  currentModelId: string | null;\n  availableAcpModels: ACPModelOption[];\n  showAcpPicker: boolean;\n  switchConversationId: string | null;\n  destinationPath: \"/settings/agents\" | \"/settings\";\n  destinationLabel: string;\n}\n\nexport function useChatInputModelState(): ChatInputModelState {\n  const { data: conversation } = useActiveConversation();\n  const { data: settings } = useSettings();\n  const { conversationId } = useOptionalConversationId();\n  const {\n    isActiveAcpConversation,\n    isHomeAcp,\n    isAcpContext,\n    destinationPath,\n    destinationLabel,\n  } = useAcpModelContext();\n\n  const acpServerKey = isActiveAcpConversation\n    ? conversation?.acp_server\n    : isHomeAcp\n      ? typeof settings?.agent_settings?.acp_server === \"string\"\n        ? settings.agent_settings.acp_server\n        : null\n      : null;\n  const acpProvider = isAcpContext ? getAcpProvider(acpServerKey) : undefined;\n\n  const acpConfiguredModel =\n    typeof settings?.agent_settings?.acp_model === \"string\"\n      ? settings.agent_settings.acp_model\n      : null;\n\n  let currentModelId: string | null = null;\n  if (isActiveAcpConversation) {\n    // ACP conversations store llm_model as the acp_model (persisted at\n    // creation time). Use it directly if available; fall back to the\n    // settings-configured model or provider default so the chip stays visible.\n    currentModelId =\n      conversation?.llm_model ??\n      resolveEffectiveAcpModel({\n        configured: acpConfiguredModel,\n        providerDefault: getAcpPreferredDefaultModel(acpServerKey),\n      });\n  } else if (isHomeAcp) {\n    currentModelId = resolveEffectiveAcpModel({\n      configured: acpConfiguredModel,\n      // Preferred default (Vertex-safe for Gemini) — must match what the\n      // start request would substitute for an unconfigured model.\n      providerDefault: getAcpPreferredDefaultModel(acpServerKey),\n    });\n  } else {\n    currentModelId = conversation?.llm_model ?? settings?.llm_model ?? null;\n  }\n\n  const displayModel =\n    currentModelId && isAcpContext\n      ? (labelForAcpModel(acpServerKey, currentModelId) ?? currentModelId)\n      : currentModelId;\n  const availableAcpModels = acpProvider?.available_models ?? [];\n  const showAcpPicker = isAcpContext && availableAcpModels.length > 0;\n  const switchConversationId = isActiveAcpConversation\n    ? (conversationId ?? null)\n    : null;\n\n  return {\n    isAcpContext,\n    displayModel,\n    currentModelId,\n    availableAcpModels,\n    showAcpPicker,\n    switchConversationId,\n    destinationPath,\n    destinationLabel,\n  };\n}\n"],"mappings":";;;;;;AAuBA,SAAgB,IAA8C;CAC5D,IAAM,EAAE,MAAM,MAAiB,GAAuB,EAChD,EAAE,MAAM,MAAa,GAAa,EAClC,EAAE,sBAAmB,GAA2B,EAChD,EACJ,4BACA,cACA,iBACA,oBACA,wBACE,GAAoB,EAElB,IAAe,IACjB,GAAc,aACd,KACE,OAAO,GAAU,gBAAgB,cAAe,WAC9C,EAAS,eAAe,aACxB,MAEF,IAAc,IAAe,EAAe,EAAa,GAAG,KAAA,GAE5D,IACJ,OAAO,GAAU,gBAAgB,aAAc,WAC3C,EAAS,eAAe,YACxB,MAEF,IAAgC;AACpC,CAkBE,IAlBE,IAKA,GAAc,aACd,EAAyB;EACvB,YAAY;EACZ,iBAAiB,EAA4B,EAAa;EAC3D,CAAC,GACK,IACQ,EAAyB;EACxC,YAAY;EAGZ,iBAAiB,EAA4B,EAAa;EAC3D,CAAC,GAEe,GAAc,aAAa,GAAU,aAAa;CAGrE,IAAM,IACJ,KAAkB,IACb,EAAiB,GAAc,EAAe,IAAI,IACnD,GACA,IAAqB,GAAa,oBAAoB,EAAE,EACxD,IAAgB,KAAgB,EAAmB,SAAS;AAKlE,QAAO;EACL;EACA;EACA;EACA;EACA;EACA,sBAV2B,IACxB,KAAkB,OACnB;EASF;EACA;EACD"}
+{"version":3,"file":"use-chat-input-model-state.js","names":[],"sources":["../../src/hooks/use-chat-input-model-state.ts"],"sourcesContent":["import { useActiveConversation } from \"#/hooks/query/use-active-conversation\";\nimport { useSettings } from \"#/hooks/query/use-settings\";\nimport {\n  type AcpModelContext,\n  useAcpModelContext,\n} from \"#/hooks/use-acp-model-context\";\nimport { useOptionalConversationId } from \"#/hooks/use-conversation-id\";\nimport {\n  getAcpPreferredDefaultModel,\n  getAcpProvider,\n  labelForAcpModel,\n  resolveEffectiveAcpModel,\n  type ACPModelOption,\n} from \"#/constants/acp-providers\";\n\nexport interface ChatInputModelState {\n  isAcpContext: boolean;\n  displayModel: string | null;\n  currentModelId: string | null;\n  availableAcpModels: ACPModelOption[];\n  showAcpPicker: boolean;\n  switchConversationId: string | null;\n  destinationPath: AcpModelContext[\"destinationPath\"];\n  destinationLabel: string;\n}\n\nexport function useChatInputModelState(): ChatInputModelState {\n  const { data: conversation } = useActiveConversation();\n  const { data: settings } = useSettings();\n  const { conversationId } = useOptionalConversationId();\n  const {\n    isActiveAcpConversation,\n    isHomeAcp,\n    isAcpContext,\n    destinationPath,\n    destinationLabel,\n  } = useAcpModelContext();\n\n  const acpServerKey = isActiveAcpConversation\n    ? conversation?.acp_server\n    : isHomeAcp\n      ? typeof settings?.agent_settings?.acp_server === \"string\"\n        ? settings.agent_settings.acp_server\n        : null\n      : null;\n  const acpProvider = isAcpContext ? getAcpProvider(acpServerKey) : undefined;\n\n  const acpConfiguredModel =\n    typeof settings?.agent_settings?.acp_model === \"string\"\n      ? settings.agent_settings.acp_model\n      : null;\n\n  let currentModelId: string | null = null;\n  if (isActiveAcpConversation) {\n    // ACP conversations store llm_model as the acp_model (persisted at\n    // creation time). Use it directly if available; fall back to the\n    // settings-configured model or provider default so the chip stays visible.\n    currentModelId =\n      conversation?.llm_model ??\n      resolveEffectiveAcpModel({\n        configured: acpConfiguredModel,\n        providerDefault: getAcpPreferredDefaultModel(acpServerKey),\n      });\n  } else if (isHomeAcp) {\n    currentModelId = resolveEffectiveAcpModel({\n      configured: acpConfiguredModel,\n      // Preferred default (Vertex-safe for Gemini) — must match what the\n      // start request would substitute for an unconfigured model.\n      providerDefault: getAcpPreferredDefaultModel(acpServerKey),\n    });\n  } else {\n    currentModelId = conversation?.llm_model ?? settings?.llm_model ?? null;\n  }\n\n  const displayModel =\n    currentModelId && isAcpContext\n      ? (labelForAcpModel(acpServerKey, currentModelId) ?? currentModelId)\n      : currentModelId;\n  const availableAcpModels = acpProvider?.available_models ?? [];\n  const showAcpPicker = isAcpContext && availableAcpModels.length > 0;\n  const switchConversationId = isActiveAcpConversation\n    ? (conversationId ?? null)\n    : null;\n\n  return {\n    isAcpContext,\n    displayModel,\n    currentModelId,\n    availableAcpModels,\n    showAcpPicker,\n    switchConversationId,\n    destinationPath,\n    destinationLabel,\n  };\n}\n"],"mappings":";;;;;;AA0BA,SAAgB,IAA8C;CAC5D,IAAM,EAAE,MAAM,MAAiB,GAAuB,EAChD,EAAE,MAAM,MAAa,GAAa,EAClC,EAAE,sBAAmB,GAA2B,EAChD,EACJ,4BACA,cACA,iBACA,oBACA,wBACE,GAAoB,EAElB,IAAe,IACjB,GAAc,aACd,KACE,OAAO,GAAU,gBAAgB,cAAe,WAC9C,EAAS,eAAe,aACxB,MAEF,IAAc,IAAe,EAAe,EAAa,GAAG,KAAA,GAE5D,IACJ,OAAO,GAAU,gBAAgB,aAAc,WAC3C,EAAS,eAAe,YACxB,MAEF,IAAgC;AACpC,CAkBE,IAlBE,IAKA,GAAc,aACd,EAAyB;EACvB,YAAY;EACZ,iBAAiB,EAA4B,EAAa;EAC3D,CAAC,GACK,IACQ,EAAyB;EACxC,YAAY;EAGZ,iBAAiB,EAA4B,EAAa;EAC3D,CAAC,GAEe,GAAc,aAAa,GAAU,aAAa;CAGrE,IAAM,IACJ,KAAkB,IACb,EAAiB,GAAc,EAAe,IAAI,IACnD,GACA,IAAqB,GAAa,oBAAoB,EAAE,EACxD,IAAgB,KAAgB,EAAmB,SAAS;AAKlE,QAAO;EACL;EACA;EACA;EACA;EACA;EACA,sBAV2B,IACxB,KAAkB,OACnB;EASF;EACA;EACD"}

package/dist/hooks/use-chat-input-profile-state.cjs

@@ -1,2 +1,2 @@
-require(`../_virtual/_rolldown/runtime.cjs`);const e=require(`../node_modules/@tanstack/react-query/build/modern/useMutationState.cjs`),t=require(`./query/use-agent-profiles.cjs`),n=require(`./mutation/use-activate-agent-profile.cjs`);let r=require(`react`);function i(){let{data:i,isLoading:a}=t.useAgentProfiles(),o=n.useActivateAgentProfile(),s=e.useIsMutating({mutationKey:n.ACTIVATE_AGENT_PROFILE_MUTATION_KEY})>0,c=i?.profiles??[],l=i?.active_agent_profile_id??null;return{profiles:c,currentProfileId:l,currentProfileName:c.find(e=>e.id!=null&&e.id===l)?.name??null,isLoading:a,isSwitching:s,selectProfile:(0,r.useCallback)(e=>{!e.id||e.id===l||o.mutate(e.id)},[l,o])}}exports.useChatInputProfileState=i;
+require(`../_virtual/_rolldown/runtime.cjs`);const e=require(`../context/navigation-context.cjs`),t=require(`../node_modules/@tanstack/react-query/build/modern/useMutationState.cjs`),n=require(`../api/conversation-metadata-store.cjs`),r=require(`./query/use-active-conversation.cjs`),i=require(`./query/use-agent-profiles.cjs`),a=require(`./mutation/use-create-conversation.cjs`),o=require(`./mutation/use-activate-agent-profile.cjs`);let s=require(`react`);function c(){let{conversationId:c,navigate:l}=e.useNavigation(),{data:u,isLoading:d}=r.useActiveConversation(),{data:f,isLoading:p}=i.useAgentProfiles(),m=a.useCreateConversation(),h=o.useActivateAgentProfile(),g=t.useIsMutating({mutationKey:o.ACTIVATE_AGENT_PROFILE_MUTATION_KEY}),_=t.useIsMutating({mutationKey:a.CREATE_CONVERSATION_MUTATION_KEY}),v=c?.startsWith(`task-`)??!1,y=v||g>0||_>0,b=f?.profiles??[],x=!!c,S=x?u?.launched_agent_profile?.agent_profile_id??f?.active_agent_profile_id??null:f?.active_agent_profile_id??null,C=b.find(e=>e.id!=null&&e.id===S)?.name??null,w=(0,s.useCallback)(e=>{if(v||!e.id||e.id===S)return;if(!x){h.mutate(e.id);return}let t=c?n.getStoredConversationMetadata(c):null,r={agentProfileId:e.id,entryPoint:`blank_conversation_profile_picker`};u?.selected_repository&&(r.repository={name:u.selected_repository,gitProvider:u.git_provider??`github`,branch:u.selected_branch??void 0}),u?.selected_workspace&&(r.workingDir=u.selected_workspace,r.workspaceMode=t?.workspace_mode??`local_repo`),t?.plugins?.length&&(r.plugins=t.plugins),m.mutate(r,{onSuccess:e=>l(`/conversations/${e.conversation_id}`)})},[h,u,c,m,S,x,v,l]);return{profiles:b,currentProfileId:S,currentProfileName:C,isInConversation:x,isLoading:p||v||x&&d,isSwitching:y,selectProfile:w}}exports.useChatInputProfileState=c;
 //# sourceMappingURL=use-chat-input-profile-state.cjs.map

package/dist/hooks/use-chat-input-profile-state.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"use-chat-input-profile-state.cjs","names":[],"sources":["../../src/hooks/use-chat-input-profile-state.ts"],"sourcesContent":["import { useCallback } from \"react\";\nimport { useIsMutating } from \"@tanstack/react-query\";\nimport type { AgentProfileSummary } from \"#/api/agent-profiles-service/agent-profiles-service.api\";\nimport { useAgentProfiles } from \"#/hooks/query/use-agent-profiles\";\nimport {\n  useActivateAgentProfile,\n  ACTIVATE_AGENT_PROFILE_MUTATION_KEY,\n} from \"#/hooks/mutation/use-activate-agent-profile\";\n\nexport interface ChatInputProfileState {\n  profiles: AgentProfileSummary[];\n  /** id of the active profile the next conversation will launch from. */\n  currentProfileId: string | null;\n  currentProfileName: string | null;\n  isLoading: boolean;\n  isSwitching: boolean;\n  /** Activate a profile so the next conversation launches from it. */\n  selectProfile: (profile: AgentProfileSummary) => void;\n}\n\n/**\n * Backs the home chat-input AgentProfile picker. This picker is only rendered\n * on the home screen — inside a conversation the chat input shows the\n * in-conversation LLM-profile picker (OpenHands) or model picker (ACP) instead\n * (see `chat-input-actions.tsx` `pickerKind`). So selecting a profile here\n * simply activates it as the launch default; `useCreateConversation` reads the\n * active profile when the next conversation starts.\n */\nexport function useChatInputProfileState(): ChatInputProfileState {\n  const { data: agentProfiles, isLoading } = useAgentProfiles();\n  const activateProfile = useActivateAgentProfile();\n  // Observe the activation globally by mutation key so the picker button (a\n  // separate hook instance from the menu that fires it) disables correctly\n  // while a switch is in flight (#1571).\n  const isSwitching =\n    useIsMutating({ mutationKey: ACTIVATE_AGENT_PROFILE_MUTATION_KEY }) > 0;\n\n  const profiles = agentProfiles?.profiles ?? [];\n  const currentProfileId = agentProfiles?.active_agent_profile_id ?? null;\n  const currentProfileName =\n    profiles.find((p) => p.id != null && p.id === currentProfileId)?.name ??\n    null;\n\n  const selectProfile = useCallback(\n    (profile: AgentProfileSummary) => {\n      if (!profile.id || profile.id === currentProfileId) return;\n      activateProfile.mutate(profile.id);\n    },\n    [currentProfileId, activateProfile],\n  );\n\n  return {\n    profiles,\n    currentProfileId,\n    currentProfileName,\n    isLoading,\n    isSwitching,\n    selectProfile,\n  };\n}\n"],"mappings":"kQA4BA,SAAgB,GAAkD,CAChE,GAAM,CAAE,KAAM,EAAe,aAAc,EAAA,kBAAkB,CACvD,EAAkB,EAAA,yBAAyB,CAI3C,EACJ,EAAA,cAAc,CAAE,YAAa,EAAA,oCAAqC,CAAC,CAAG,EAElE,EAAW,GAAe,UAAY,EAAE,CACxC,EAAmB,GAAe,yBAA2B,KAanE,MAAO,CACL,WACA,mBACA,mBAdA,EAAS,KAAM,GAAM,EAAE,IAAM,MAAQ,EAAE,KAAO,EAAiB,EAAE,MACjE,KAcA,YACA,cACA,eAAA,EAAA,EAAA,aAbC,GAAiC,CAC5B,CAAC,EAAQ,IAAM,EAAQ,KAAO,GAClC,EAAgB,OAAO,EAAQ,GAAG,EAEpC,CAAC,EAAkB,EAAgB,CASnC,CACD"}
+{"version":3,"file":"use-chat-input-profile-state.cjs","names":[],"sources":["../../src/hooks/use-chat-input-profile-state.ts"],"sourcesContent":["import { useCallback } from \"react\";\nimport { useIsMutating } from \"@tanstack/react-query\";\nimport type { AgentProfileSummary } from \"#/api/agent-profiles-service/agent-profiles-service.api\";\nimport { getStoredConversationMetadata } from \"#/api/conversation-metadata-store\";\nimport { useNavigation } from \"#/context/navigation-context\";\nimport { useAgentProfiles } from \"#/hooks/query/use-agent-profiles\";\nimport { useActiveConversation } from \"#/hooks/query/use-active-conversation\";\nimport {\n  CREATE_CONVERSATION_MUTATION_KEY,\n  useCreateConversation,\n  type CreateConversationVariables,\n} from \"#/hooks/mutation/use-create-conversation\";\nimport {\n  useActivateAgentProfile,\n  ACTIVATE_AGENT_PROFILE_MUTATION_KEY,\n} from \"#/hooks/mutation/use-activate-agent-profile\";\n\nexport interface ChatInputProfileState {\n  profiles: AgentProfileSummary[];\n  currentProfileId: string | null;\n  currentProfileName: string | null;\n  isInConversation: boolean;\n  isLoading: boolean;\n  isSwitching: boolean;\n  selectProfile: (profile: AgentProfileSummary) => void;\n}\n\nexport function useChatInputProfileState(): ChatInputProfileState {\n  const { conversationId, navigate } = useNavigation();\n  const { data: conversation, isLoading: isLoadingConversation } =\n    useActiveConversation();\n  const { data: agentProfiles, isLoading: isLoadingProfiles } =\n    useAgentProfiles();\n  const createConversation = useCreateConversation();\n  const activateProfile = useActivateAgentProfile();\n  const activatingProfiles = useIsMutating({\n    mutationKey: ACTIVATE_AGENT_PROFILE_MUTATION_KEY,\n  });\n  const creatingConversations = useIsMutating({\n    mutationKey: CREATE_CONVERSATION_MUTATION_KEY,\n  });\n  const isTaskRoute = conversationId?.startsWith(\"task-\") ?? false;\n  const isSwitching =\n    isTaskRoute || activatingProfiles > 0 || creatingConversations > 0;\n\n  const profiles = agentProfiles?.profiles ?? [];\n  const isInConversation = Boolean(conversationId);\n  const currentProfileId = isInConversation\n    ? (conversation?.launched_agent_profile?.agent_profile_id ??\n      agentProfiles?.active_agent_profile_id ??\n      null)\n    : (agentProfiles?.active_agent_profile_id ?? null);\n  const currentProfileName =\n    profiles.find((p) => p.id != null && p.id === currentProfileId)?.name ??\n    null;\n\n  const selectProfile = useCallback(\n    (profile: AgentProfileSummary) => {\n      if (isTaskRoute || !profile.id || profile.id === currentProfileId) return;\n      if (!isInConversation) {\n        activateProfile.mutate(profile.id);\n        return;\n      }\n\n      const metadata = conversationId\n        ? getStoredConversationMetadata(conversationId)\n        : null;\n      const variables: CreateConversationVariables = {\n        agentProfileId: profile.id,\n        entryPoint: \"blank_conversation_profile_picker\",\n      };\n      if (conversation?.selected_repository) {\n        variables.repository = {\n          name: conversation.selected_repository,\n          gitProvider: conversation.git_provider ?? \"github\",\n          branch: conversation.selected_branch ?? undefined,\n        };\n      }\n      if (conversation?.selected_workspace) {\n        variables.workingDir = conversation.selected_workspace;\n        variables.workspaceMode = metadata?.workspace_mode ?? \"local_repo\";\n      }\n      if (metadata?.plugins?.length) {\n        variables.plugins = metadata.plugins;\n      }\n\n      createConversation.mutate(variables, {\n        onSuccess: (data) => navigate(`/conversations/${data.conversation_id}`),\n      });\n    },\n    [\n      activateProfile,\n      conversation,\n      conversationId,\n      createConversation,\n      currentProfileId,\n      isInConversation,\n      isTaskRoute,\n      navigate,\n    ],\n  );\n\n  return {\n    profiles,\n    currentProfileId,\n    currentProfileName,\n    isInConversation,\n    isLoading:\n      isLoadingProfiles ||\n      isTaskRoute ||\n      (isInConversation && isLoadingConversation),\n    isSwitching,\n    selectProfile,\n  };\n}\n"],"mappings":"0cA2BA,SAAgB,GAAkD,CAChE,GAAM,CAAE,iBAAgB,YAAa,EAAA,eAAe,CAC9C,CAAE,KAAM,EAAc,UAAW,GACrC,EAAA,uBAAuB,CACnB,CAAE,KAAM,EAAe,UAAW,GACtC,EAAA,kBAAkB,CACd,EAAqB,EAAA,uBAAuB,CAC5C,EAAkB,EAAA,yBAAyB,CAC3C,EAAqB,EAAA,cAAc,CACvC,YAAa,EAAA,oCACd,CAAC,CACI,EAAwB,EAAA,cAAc,CAC1C,YAAa,EAAA,iCACd,CAAC,CACI,EAAc,GAAgB,WAAW,QAAQ,EAAI,GACrD,EACJ,GAAe,EAAqB,GAAK,EAAwB,EAE7D,EAAW,GAAe,UAAY,EAAE,CACxC,EAAmB,EAAQ,EAC3B,EAAmB,EACpB,GAAc,wBAAwB,kBACvC,GAAe,yBACf,KACC,GAAe,yBAA2B,KACzC,EACJ,EAAS,KAAM,GAAM,EAAE,IAAM,MAAQ,EAAE,KAAO,EAAiB,EAAE,MACjE,KAEI,GAAA,EAAA,EAAA,aACH,GAAiC,CAChC,GAAI,GAAe,CAAC,EAAQ,IAAM,EAAQ,KAAO,EAAkB,OACnE,GAAI,CAAC,EAAkB,CACrB,EAAgB,OAAO,EAAQ,GAAG,CAClC,OAGF,IAAM,EAAW,EACb,EAAA,8BAA8B,EAAe,CAC7C,KACE,EAAyC,CAC7C,eAAgB,EAAQ,GACxB,WAAY,oCACb,CACG,GAAc,sBAChB,EAAU,WAAa,CACrB,KAAM,EAAa,oBACnB,YAAa,EAAa,cAAgB,SAC1C,OAAQ,EAAa,iBAAmB,IAAA,GACzC,EAEC,GAAc,qBAChB,EAAU,WAAa,EAAa,mBACpC,EAAU,cAAgB,GAAU,gBAAkB,cAEpD,GAAU,SAAS,SACrB,EAAU,QAAU,EAAS,SAG/B,EAAmB,OAAO,EAAW,CACnC,UAAY,GAAS,EAAS,kBAAkB,EAAK,kBAAkB,CACxE,CAAC,EAEJ,CACE,EACA,EACA,EACA,EACA,EACA,EACA,EACA,EACD,CACF,CAED,MAAO,CACL,WACA,mBACA,qBACA,mBACA,UACE,GACA,GACC,GAAoB,EACvB,cACA,gBACD"}

package/dist/hooks/use-chat-input-profile-state.d.ts

@@ -1,20 +1,11 @@
 import type { AgentProfileSummary } from "#/api/agent-profiles-service/agent-profiles-service.api";
 export interface ChatInputProfileState {
     profiles: AgentProfileSummary[];
-    /** id of the active profile the next conversation will launch from. */
     currentProfileId: string | null;
     currentProfileName: string | null;
+    isInConversation: boolean;
     isLoading: boolean;
     isSwitching: boolean;
-    /** Activate a profile so the next conversation launches from it. */
     selectProfile: (profile: AgentProfileSummary) => void;
 }
-/**
- * Backs the home chat-input AgentProfile picker. This picker is only rendered
- * on the home screen — inside a conversation the chat input shows the
- * in-conversation LLM-profile picker (OpenHands) or model picker (ACP) instead
- * (see `chat-input-actions.tsx` `pickerKind`). So selecting a profile here
- * simply activates it as the launch default; `useCreateConversation` reads the
- * active profile when the next conversation starts.
- */
 export declare function useChatInputProfileState(): ChatInputProfileState;

package/dist/hooks/use-chat-input-profile-state.js

@@ -1,22 +1,49 @@
-import { useIsMutating as e } from "../node_modules/@tanstack/react-query/build/modern/useMutationState.js";
-import { useAgentProfiles as t } from "./query/use-agent-profiles.js";
-import { ACTIVATE_AGENT_PROFILE_MUTATION_KEY as n, useActivateAgentProfile as r } from "./mutation/use-activate-agent-profile.js";
-import { useCallback as i } from "react";
+import { useNavigation as e } from "../context/navigation-context.js";
+import { useIsMutating as t } from "../node_modules/@tanstack/react-query/build/modern/useMutationState.js";
+import { getStoredConversationMetadata as n } from "../api/conversation-metadata-store.js";
+import { useActiveConversation as r } from "./query/use-active-conversation.js";
+import { useAgentProfiles as i } from "./query/use-agent-profiles.js";
+import { CREATE_CONVERSATION_MUTATION_KEY as a, useCreateConversation as o } from "./mutation/use-create-conversation.js";
+import { ACTIVATE_AGENT_PROFILE_MUTATION_KEY as s, useActivateAgentProfile as c } from "./mutation/use-activate-agent-profile.js";
+import { useCallback as l } from "react";
 //#region src/hooks/use-chat-input-profile-state.ts
-function a() {
-	let { data: a, isLoading: o } = t(), s = r(), c = e({ mutationKey: n }) > 0, l = a?.profiles ?? [], u = a?.active_agent_profile_id ?? null;
+function u() {
+	let { conversationId: u, navigate: d } = e(), { data: f, isLoading: p } = r(), { data: m, isLoading: h } = i(), g = o(), _ = c(), v = t({ mutationKey: s }), y = t({ mutationKey: a }), b = u?.startsWith("task-") ?? !1, x = b || v > 0 || y > 0, S = m?.profiles ?? [], C = !!u, w = C ? f?.launched_agent_profile?.agent_profile_id ?? m?.active_agent_profile_id ?? null : m?.active_agent_profile_id ?? null, T = S.find((e) => e.id != null && e.id === w)?.name ?? null, E = l((e) => {
+		if (b || !e.id || e.id === w) return;
+		if (!C) {
+			_.mutate(e.id);
+			return;
+		}
+		let t = u ? n(u) : null, r = {
+			agentProfileId: e.id,
+			entryPoint: "blank_conversation_profile_picker"
+		};
+		f?.selected_repository && (r.repository = {
+			name: f.selected_repository,
+			gitProvider: f.git_provider ?? "github",
+			branch: f.selected_branch ?? void 0
+		}), f?.selected_workspace && (r.workingDir = f.selected_workspace, r.workspaceMode = t?.workspace_mode ?? "local_repo"), t?.plugins?.length && (r.plugins = t.plugins), g.mutate(r, { onSuccess: (e) => d(`/conversations/${e.conversation_id}`) });
+	}, [
+		_,
+		f,
+		u,
+		g,
+		w,
+		C,
+		b,
+		d
+	]);
 	return {
-		profiles: l,
-		currentProfileId: u,
-		currentProfileName: l.find((e) => e.id != null && e.id === u)?.name ?? null,
-		isLoading: o,
-		isSwitching: c,
-		selectProfile: i((e) => {
-			!e.id || e.id === u || s.mutate(e.id);
-		}, [u, s])
+		profiles: S,
+		currentProfileId: w,
+		currentProfileName: T,
+		isInConversation: C,
+		isLoading: h || b || C && p,
+		isSwitching: x,
+		selectProfile: E
 	};
 }
 //#endregion
-export { a as useChatInputProfileState };
+export { u as useChatInputProfileState };
 
 //# sourceMappingURL=use-chat-input-profile-state.js.map

package/dist/hooks/use-chat-input-profile-state.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-chat-input-profile-state.js","names":[],"sources":["../../src/hooks/use-chat-input-profile-state.ts"],"sourcesContent":["import { useCallback } from \"react\";\nimport { useIsMutating } from \"@tanstack/react-query\";\nimport type { AgentProfileSummary } from \"#/api/agent-profiles-service/agent-profiles-service.api\";\nimport { useAgentProfiles } from \"#/hooks/query/use-agent-profiles\";\nimport {\n  useActivateAgentProfile,\n  ACTIVATE_AGENT_PROFILE_MUTATION_KEY,\n} from \"#/hooks/mutation/use-activate-agent-profile\";\n\nexport interface ChatInputProfileState {\n  profiles: AgentProfileSummary[];\n  /** id of the active profile the next conversation will launch from. */\n  currentProfileId: string | null;\n  currentProfileName: string | null;\n  isLoading: boolean;\n  isSwitching: boolean;\n  /** Activate a profile so the next conversation launches from it. */\n  selectProfile: (profile: AgentProfileSummary) => void;\n}\n\n/**\n * Backs the home chat-input AgentProfile picker. This picker is only rendered\n * on the home screen — inside a conversation the chat input shows the\n * in-conversation LLM-profile picker (OpenHands) or model picker (ACP) instead\n * (see `chat-input-actions.tsx` `pickerKind`). So selecting a profile here\n * simply activates it as the launch default; `useCreateConversation` reads the\n * active profile when the next conversation starts.\n */\nexport function useChatInputProfileState(): ChatInputProfileState {\n  const { data: agentProfiles, isLoading } = useAgentProfiles();\n  const activateProfile = useActivateAgentProfile();\n  // Observe the activation globally by mutation key so the picker button (a\n  // separate hook instance from the menu that fires it) disables correctly\n  // while a switch is in flight (#1571).\n  const isSwitching =\n    useIsMutating({ mutationKey: ACTIVATE_AGENT_PROFILE_MUTATION_KEY }) > 0;\n\n  const profiles = agentProfiles?.profiles ?? [];\n  const currentProfileId = agentProfiles?.active_agent_profile_id ?? null;\n  const currentProfileName =\n    profiles.find((p) => p.id != null && p.id === currentProfileId)?.name ??\n    null;\n\n  const selectProfile = useCallback(\n    (profile: AgentProfileSummary) => {\n      if (!profile.id || profile.id === currentProfileId) return;\n      activateProfile.mutate(profile.id);\n    },\n    [currentProfileId, activateProfile],\n  );\n\n  return {\n    profiles,\n    currentProfileId,\n    currentProfileName,\n    isLoading,\n    isSwitching,\n    selectProfile,\n  };\n}\n"],"mappings":";;;;;AA4BA,SAAgB,IAAkD;CAChE,IAAM,EAAE,MAAM,GAAe,iBAAc,GAAkB,EACvD,IAAkB,GAAyB,EAI3C,IACJ,EAAc,EAAE,aAAa,GAAqC,CAAC,GAAG,GAElE,IAAW,GAAe,YAAY,EAAE,EACxC,IAAmB,GAAe,2BAA2B;AAanE,QAAO;EACL;EACA;EACA,oBAdA,EAAS,MAAM,MAAM,EAAE,MAAM,QAAQ,EAAE,OAAO,EAAiB,EAAE,QACjE;EAcA;EACA;EACA,eAdoB,GACnB,MAAiC;AAC5B,IAAC,EAAQ,MAAM,EAAQ,OAAO,KAClC,EAAgB,OAAO,EAAQ,GAAG;KAEpC,CAAC,GAAkB,EAAgB,CASnC;EACD"}
+{"version":3,"file":"use-chat-input-profile-state.js","names":[],"sources":["../../src/hooks/use-chat-input-profile-state.ts"],"sourcesContent":["import { useCallback } from \"react\";\nimport { useIsMutating } from \"@tanstack/react-query\";\nimport type { AgentProfileSummary } from \"#/api/agent-profiles-service/agent-profiles-service.api\";\nimport { getStoredConversationMetadata } from \"#/api/conversation-metadata-store\";\nimport { useNavigation } from \"#/context/navigation-context\";\nimport { useAgentProfiles } from \"#/hooks/query/use-agent-profiles\";\nimport { useActiveConversation } from \"#/hooks/query/use-active-conversation\";\nimport {\n  CREATE_CONVERSATION_MUTATION_KEY,\n  useCreateConversation,\n  type CreateConversationVariables,\n} from \"#/hooks/mutation/use-create-conversation\";\nimport {\n  useActivateAgentProfile,\n  ACTIVATE_AGENT_PROFILE_MUTATION_KEY,\n} from \"#/hooks/mutation/use-activate-agent-profile\";\n\nexport interface ChatInputProfileState {\n  profiles: AgentProfileSummary[];\n  currentProfileId: string | null;\n  currentProfileName: string | null;\n  isInConversation: boolean;\n  isLoading: boolean;\n  isSwitching: boolean;\n  selectProfile: (profile: AgentProfileSummary) => void;\n}\n\nexport function useChatInputProfileState(): ChatInputProfileState {\n  const { conversationId, navigate } = useNavigation();\n  const { data: conversation, isLoading: isLoadingConversation } =\n    useActiveConversation();\n  const { data: agentProfiles, isLoading: isLoadingProfiles } =\n    useAgentProfiles();\n  const createConversation = useCreateConversation();\n  const activateProfile = useActivateAgentProfile();\n  const activatingProfiles = useIsMutating({\n    mutationKey: ACTIVATE_AGENT_PROFILE_MUTATION_KEY,\n  });\n  const creatingConversations = useIsMutating({\n    mutationKey: CREATE_CONVERSATION_MUTATION_KEY,\n  });\n  const isTaskRoute = conversationId?.startsWith(\"task-\") ?? false;\n  const isSwitching =\n    isTaskRoute || activatingProfiles > 0 || creatingConversations > 0;\n\n  const profiles = agentProfiles?.profiles ?? [];\n  const isInConversation = Boolean(conversationId);\n  const currentProfileId = isInConversation\n    ? (conversation?.launched_agent_profile?.agent_profile_id ??\n      agentProfiles?.active_agent_profile_id ??\n      null)\n    : (agentProfiles?.active_agent_profile_id ?? null);\n  const currentProfileName =\n    profiles.find((p) => p.id != null && p.id === currentProfileId)?.name ??\n    null;\n\n  const selectProfile = useCallback(\n    (profile: AgentProfileSummary) => {\n      if (isTaskRoute || !profile.id || profile.id === currentProfileId) return;\n      if (!isInConversation) {\n        activateProfile.mutate(profile.id);\n        return;\n      }\n\n      const metadata = conversationId\n        ? getStoredConversationMetadata(conversationId)\n        : null;\n      const variables: CreateConversationVariables = {\n        agentProfileId: profile.id,\n        entryPoint: \"blank_conversation_profile_picker\",\n      };\n      if (conversation?.selected_repository) {\n        variables.repository = {\n          name: conversation.selected_repository,\n          gitProvider: conversation.git_provider ?? \"github\",\n          branch: conversation.selected_branch ?? undefined,\n        };\n      }\n      if (conversation?.selected_workspace) {\n        variables.workingDir = conversation.selected_workspace;\n        variables.workspaceMode = metadata?.workspace_mode ?? \"local_repo\";\n      }\n      if (metadata?.plugins?.length) {\n        variables.plugins = metadata.plugins;\n      }\n\n      createConversation.mutate(variables, {\n        onSuccess: (data) => navigate(`/conversations/${data.conversation_id}`),\n      });\n    },\n    [\n      activateProfile,\n      conversation,\n      conversationId,\n      createConversation,\n      currentProfileId,\n      isInConversation,\n      isTaskRoute,\n      navigate,\n    ],\n  );\n\n  return {\n    profiles,\n    currentProfileId,\n    currentProfileName,\n    isInConversation,\n    isLoading:\n      isLoadingProfiles ||\n      isTaskRoute ||\n      (isInConversation && isLoadingConversation),\n    isSwitching,\n    selectProfile,\n  };\n}\n"],"mappings":";;;;;;;;;AA2BA,SAAgB,IAAkD;CAChE,IAAM,EAAE,mBAAgB,gBAAa,GAAe,EAC9C,EAAE,MAAM,GAAc,WAAW,MACrC,GAAuB,EACnB,EAAE,MAAM,GAAe,WAAW,MACtC,GAAkB,EACd,IAAqB,GAAuB,EAC5C,IAAkB,GAAyB,EAC3C,IAAqB,EAAc,EACvC,aAAa,GACd,CAAC,EACI,IAAwB,EAAc,EAC1C,aAAa,GACd,CAAC,EACI,IAAc,GAAgB,WAAW,QAAQ,IAAI,IACrD,IACJ,KAAe,IAAqB,KAAK,IAAwB,GAE7D,IAAW,GAAe,YAAY,EAAE,EACxC,IAAmB,EAAQ,GAC3B,IAAmB,IACpB,GAAc,wBAAwB,oBACvC,GAAe,2BACf,OACC,GAAe,2BAA2B,MACzC,IACJ,EAAS,MAAM,MAAM,EAAE,MAAM,QAAQ,EAAE,OAAO,EAAiB,EAAE,QACjE,MAEI,IAAgB,GACnB,MAAiC;AAChC,MAAI,KAAe,CAAC,EAAQ,MAAM,EAAQ,OAAO,EAAkB;AACnE,MAAI,CAAC,GAAkB;AACrB,KAAgB,OAAO,EAAQ,GAAG;AAClC;;EAGF,IAAM,IAAW,IACb,EAA8B,EAAe,GAC7C,MACE,IAAyC;GAC7C,gBAAgB,EAAQ;GACxB,YAAY;GACb;AAgBD,EAfI,GAAc,wBAChB,EAAU,aAAa;GACrB,MAAM,EAAa;GACnB,aAAa,EAAa,gBAAgB;GAC1C,QAAQ,EAAa,mBAAmB,KAAA;GACzC,GAEC,GAAc,uBAChB,EAAU,aAAa,EAAa,oBACpC,EAAU,gBAAgB,GAAU,kBAAkB,eAEpD,GAAU,SAAS,WACrB,EAAU,UAAU,EAAS,UAG/B,EAAmB,OAAO,GAAW,EACnC,YAAY,MAAS,EAAS,kBAAkB,EAAK,kBAAkB,EACxE,CAAC;IAEJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACD,CACF;AAED,QAAO;EACL;EACA;EACA;EACA;EACA,WACE,KACA,KACC,KAAoB;EACvB;EACA;EACD"}

package/dist/hooks/use-device-flow.cjs

@@ -1,2 +1,2 @@
-const e=require(`../_virtual/_rolldown/runtime.cjs`),t=require(`../api/device-flow-client.cjs`);let n=require(`react`);n=e.__toESM(n,1);var r={status:`idle`,verificationUrl:null,userCode:null,apiKey:null,error:null,errorCode:null};function i(){let[e,i]=n.default.useState(r),a=n.default.useRef(null),o=n.default.useCallback(e=>{a.current?.abort();let n=new AbortController;a.current=n,i({...r,status:`starting`}),(async()=>{let a;try{a=await t.startDeviceFlow(e)}catch(e){if(n.signal.aborted)return;let a=e instanceof Error?e.message:`Failed to start device flow`,o=e instanceof t.DeviceFlowError?e.code:void 0;i({...r,status:`error`,error:a,errorCode:o??null});return}if(!n.signal.aborted){i({...r,status:`awaiting_authorization`,verificationUrl:a.verification_uri_complete,userCode:a.user_code});try{let o=await t.pollForToken(e,a.device_code,{interval:a.interval,signal:n.signal});if(n.signal.aborted)return;i({...r,status:`success`,apiKey:o.access_token})}catch(e){if(n.signal.aborted)return;if(e instanceof t.DeviceFlowError&&e.code===`cancelled`){i(r);return}let a=e instanceof Error?e.message:`Authorization failed`,o=e instanceof t.DeviceFlowError?e.code:void 0;i({...r,status:`error`,error:a,errorCode:o??null})}}})()},[]),s=n.default.useCallback(()=>{a.current?.abort(),a.current=null,i(r)},[]),c=n.default.useCallback(()=>{a.current?.abort(),a.current=null,i(r)},[]);return n.default.useEffect(()=>()=>{a.current?.abort()},[]),{...e,start:o,cancel:s,reset:c}}exports.useDeviceFlow=i;
+const e=require(`../_virtual/_rolldown/runtime.cjs`),t=require(`../node_modules/@openhands/typescript-client/dist/client/device-flow-client.cjs`),n=require(`../api/device-flow-client.cjs`),r=require(`../services/cloud-funnel-analytics.cjs`);let i=require(`react`);i=e.__toESM(i,1);var a={status:`idle`,verificationUrl:null,userCode:null,apiKey:null,error:null,errorCode:null};function o(){let[e,o]=i.default.useState(a),s=i.default.useRef(null),c=i.default.useCallback((e,i)=>{s.current?.abort();let c=new AbortController;s.current=c,o({...a,status:`starting`}),(async()=>{let s;try{s=await n.startDeviceFlow(e)}catch(e){if(c.signal.aborted)return;let n=e instanceof Error?e.message:`Failed to start device flow`,r=e instanceof t.DeviceFlowError?e.code:void 0;o({...a,status:`error`,error:n,errorCode:r??null});return}if(!c.signal.aborted){r.trackCloudDeviceAuthorizationStarted(e,i),o({...a,status:`awaiting_authorization`,verificationUrl:s.verification_uri_complete,userCode:s.user_code});try{let t=await n.pollForToken(e,s.device_code,{interval:s.interval,signal:c.signal});if(c.signal.aborted)return;r.trackCloudDeviceAuthorizationSucceeded(e,i),o({...a,status:`success`,apiKey:t.access_token})}catch(e){if(c.signal.aborted)return;if(e instanceof t.DeviceFlowError&&e.code===`cancelled`){o(a);return}let n=e instanceof Error?e.message:`Authorization failed`,r=e instanceof t.DeviceFlowError?e.code:void 0;o({...a,status:`error`,error:n,errorCode:r??null})}}})()},[]),l=i.default.useCallback(()=>{s.current?.abort(),s.current=null,o(a)},[]),u=i.default.useCallback(()=>{s.current?.abort(),s.current=null,o(a)},[]);return i.default.useEffect(()=>()=>{s.current?.abort()},[]),{...e,start:c,cancel:l,reset:u}}exports.useDeviceFlow=o;
 //# sourceMappingURL=use-device-flow.cjs.map

package/dist/hooks/use-device-flow.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"use-device-flow.cjs","names":[],"sources":["../../src/hooks/use-device-flow.ts"],"sourcesContent":["import React from \"react\";\nimport {\n  startDeviceFlow,\n  pollForToken,\n  DeviceFlowError,\n  type DeviceAuthorizationResponse,\n} from \"#/api/device-flow-client\";\n\nexport type DeviceFlowStatus =\n  | \"idle\"\n  | \"starting\"\n  | \"awaiting_authorization\"\n  | \"success\"\n  | \"error\";\n\nexport interface DeviceFlowState {\n  status: DeviceFlowStatus;\n  /** The verification URL to show/open for the user */\n  verificationUrl: string | null;\n  /** User code to display as fallback */\n  userCode: string | null;\n  /** The resulting API key on success */\n  apiKey: string | null;\n  /** Error message if status is \"error\" */\n  error: string | null;\n  /** Error code for programmatic handling */\n  errorCode: string | null;\n}\n\nexport interface UseDeviceFlowReturn extends DeviceFlowState {\n  /** Start the device flow authentication */\n  start: (host: string) => void;\n  /** Cancel an in-progress flow */\n  cancel: () => void;\n  /** Reset state back to idle */\n  reset: () => void;\n}\n\nconst initialState: DeviceFlowState = {\n  status: \"idle\",\n  verificationUrl: null,\n  userCode: null,\n  apiKey: null,\n  error: null,\n  errorCode: null,\n};\n\n/**\n * React hook for managing OAuth 2.0 Device Flow authentication.\n *\n * Usage:\n * ```tsx\n * const { status, verificationUrl, apiKey, error, start, cancel, reset } = useDeviceFlow();\n *\n * // Start auth\n * start(\"https://app.all-hands.dev\");\n *\n * // Open browser when awaiting\n * if (status === \"awaiting_authorization\" && verificationUrl) {\n *   window.open(verificationUrl, \"_blank\");\n * }\n *\n * // Use API key on success\n * if (status === \"success\" && apiKey) {\n *   setApiKeyField(apiKey);\n * }\n * ```\n */\nexport function useDeviceFlow(): UseDeviceFlowReturn {\n  const [state, setState] = React.useState<DeviceFlowState>(initialState);\n  const abortControllerRef = React.useRef<AbortController | null>(null);\n\n  const start = React.useCallback((host: string) => {\n    // Cancel any existing flow\n    abortControllerRef.current?.abort();\n    const abortController = new AbortController();\n    abortControllerRef.current = abortController;\n\n    setState({\n      ...initialState,\n      status: \"starting\",\n    });\n\n    (async () => {\n      let authResponse: DeviceAuthorizationResponse;\n\n      try {\n        authResponse = await startDeviceFlow(host);\n      } catch (error) {\n        if (abortController.signal.aborted) return;\n\n        const message =\n          error instanceof Error\n            ? error.message\n            : \"Failed to start device flow\";\n        const code = error instanceof DeviceFlowError ? error.code : undefined;\n\n        setState({\n          ...initialState,\n          status: \"error\",\n          error: message,\n          errorCode: code ?? null,\n        });\n        return;\n      }\n\n      if (abortController.signal.aborted) return;\n\n      setState({\n        ...initialState,\n        status: \"awaiting_authorization\",\n        verificationUrl: authResponse.verification_uri_complete,\n        userCode: authResponse.user_code,\n      });\n\n      try {\n        const tokenResponse = await pollForToken(\n          host,\n          authResponse.device_code,\n          {\n            interval: authResponse.interval,\n            signal: abortController.signal,\n          },\n        );\n\n        if (abortController.signal.aborted) return;\n\n        setState({\n          ...initialState,\n          status: \"success\",\n          apiKey: tokenResponse.access_token,\n        });\n      } catch (error) {\n        // Early return if component unmounted or user cancelled\n        if (abortController.signal.aborted) return;\n\n        // Defensive: handle cancellation errors that may slip through\n        // (currently pollForToken only throws \"cancelled\" when signal.aborted,\n        // which is caught above, but this guards against future changes)\n        const isCancel =\n          error instanceof DeviceFlowError && error.code === \"cancelled\";\n        if (isCancel) {\n          setState(initialState);\n          return;\n        }\n\n        const message =\n          error instanceof Error ? error.message : \"Authorization failed\";\n        const code = error instanceof DeviceFlowError ? error.code : undefined;\n\n        setState({\n          ...initialState,\n          status: \"error\",\n          error: message,\n          errorCode: code ?? null,\n        });\n      }\n    })();\n  }, []);\n\n  const cancel = React.useCallback(() => {\n    abortControllerRef.current?.abort();\n    abortControllerRef.current = null;\n    setState(initialState);\n  }, []);\n\n  const reset = React.useCallback(() => {\n    abortControllerRef.current?.abort();\n    abortControllerRef.current = null;\n    setState(initialState);\n  }, []);\n\n  // Cleanup on unmount\n  React.useEffect(() => {\n    return () => {\n      abortControllerRef.current?.abort();\n    };\n  }, []);\n\n  return {\n    ...state,\n    start,\n    cancel,\n    reset,\n  };\n}\n"],"mappings":"wIAsCA,IAAM,EAAgC,CACpC,OAAQ,OACR,gBAAiB,KACjB,SAAU,KACV,OAAQ,KACR,MAAO,KACP,UAAW,KACZ,CAuBD,SAAgB,GAAqC,CACnD,GAAM,CAAC,EAAO,GAAY,EAAA,QAAM,SAA0B,EAAa,CACjE,EAAqB,EAAA,QAAM,OAA+B,KAAK,CAE/D,EAAQ,EAAA,QAAM,YAAa,GAAiB,CAEhD,EAAmB,SAAS,OAAO,CACnC,IAAM,EAAkB,IAAI,gBAC5B,EAAmB,QAAU,EAE7B,EAAS,CACP,GAAG,EACH,OAAQ,WACT,CAAC,EAED,SAAY,CACX,IAAI,EAEJ,GAAI,CACF,EAAe,MAAM,EAAA,gBAAgB,EAAK,OACnC,EAAO,CACd,GAAI,EAAgB,OAAO,QAAS,OAEpC,IAAM,EACJ,aAAiB,MACb,EAAM,QACN,8BACA,EAAO,aAAiB,EAAA,gBAAkB,EAAM,KAAO,IAAA,GAE7D,EAAS,CACP,GAAG,EACH,OAAQ,QACR,MAAO,EACP,UAAW,GAAQ,KACpB,CAAC,CACF,OAGE,MAAgB,OAAO,QAE3B,GAAS,CACP,GAAG,EACH,OAAQ,yBACR,gBAAiB,EAAa,0BAC9B,SAAU,EAAa,UACxB,CAAC,CAEF,GAAI,CACF,IAAM,EAAgB,MAAM,EAAA,aAC1B,EACA,EAAa,YACb,CACE,SAAU,EAAa,SACvB,OAAQ,EAAgB,OACzB,CACF,CAED,GAAI,EAAgB,OAAO,QAAS,OAEpC,EAAS,CACP,GAAG,EACH,OAAQ,UACR,OAAQ,EAAc,aACvB,CAAC,OACK,EAAO,CAEd,GAAI,EAAgB,OAAO,QAAS,OAOpC,GADE,aAAiB,EAAA,iBAAmB,EAAM,OAAS,YACvC,CACZ,EAAS,EAAa,CACtB,OAGF,IAAM,EACJ,aAAiB,MAAQ,EAAM,QAAU,uBACrC,EAAO,aAAiB,EAAA,gBAAkB,EAAM,KAAO,IAAA,GAE7D,EAAS,CACP,GAAG,EACH,OAAQ,QACR,MAAO,EACP,UAAW,GAAQ,KACpB,CAAC,MAEF,EACH,EAAE,CAAC,CAEA,EAAS,EAAA,QAAM,gBAAkB,CACrC,EAAmB,SAAS,OAAO,CACnC,EAAmB,QAAU,KAC7B,EAAS,EAAa,EACrB,EAAE,CAAC,CAEA,EAAQ,EAAA,QAAM,gBAAkB,CACpC,EAAmB,SAAS,OAAO,CACnC,EAAmB,QAAU,KAC7B,EAAS,EAAa,EACrB,EAAE,CAAC,CASN,OANA,EAAA,QAAM,kBACS,CACX,EAAmB,SAAS,OAAO,EAEpC,EAAE,CAAC,CAEC,CACL,GAAG,EACH,QACA,SACA,QACD"}
+{"version":3,"file":"use-device-flow.cjs","names":[],"sources":["../../src/hooks/use-device-flow.ts"],"sourcesContent":["import React from \"react\";\nimport {\n  startDeviceFlow,\n  pollForToken,\n  DeviceFlowError,\n  type DeviceAuthorizationResponse,\n} from \"#/api/device-flow-client\";\nimport {\n  trackCloudDeviceAuthorizationStarted,\n  trackCloudDeviceAuthorizationSucceeded,\n  type CloudConnectionSource,\n} from \"#/services/cloud-funnel-analytics\";\n\nexport type DeviceFlowStatus =\n  | \"idle\"\n  | \"starting\"\n  | \"awaiting_authorization\"\n  | \"success\"\n  | \"error\";\n\nexport interface DeviceFlowState {\n  status: DeviceFlowStatus;\n  /** The verification URL to show/open for the user */\n  verificationUrl: string | null;\n  /** User code to display as fallback */\n  userCode: string | null;\n  /** The resulting API key on success */\n  apiKey: string | null;\n  /** Error message if status is \"error\" */\n  error: string | null;\n  /** Error code for programmatic handling */\n  errorCode: string | null;\n}\n\nexport interface UseDeviceFlowReturn extends DeviceFlowState {\n  /** Start the device flow authentication */\n  start: StartDeviceFlow;\n  /** Cancel an in-progress flow */\n  cancel: () => void;\n  /** Reset state back to idle */\n  reset: () => void;\n}\n\ntype StartDeviceFlow = (\n  host: string,\n  analyticsSource?: CloudConnectionSource,\n) => void;\n\nconst initialState: DeviceFlowState = {\n  status: \"idle\",\n  verificationUrl: null,\n  userCode: null,\n  apiKey: null,\n  error: null,\n  errorCode: null,\n};\n\n/**\n * React hook for managing OAuth 2.0 Device Flow authentication.\n *\n * Usage:\n * ```tsx\n * const { status, verificationUrl, apiKey, error, start, cancel, reset } = useDeviceFlow();\n *\n * // Start auth\n * start(\"https://app.all-hands.dev\");\n *\n * // Open browser when awaiting\n * if (status === \"awaiting_authorization\" && verificationUrl) {\n *   window.open(verificationUrl, \"_blank\");\n * }\n *\n * // Use API key on success\n * if (status === \"success\" && apiKey) {\n *   setApiKeyField(apiKey);\n * }\n * ```\n */\nexport function useDeviceFlow(): UseDeviceFlowReturn {\n  const [state, setState] = React.useState<DeviceFlowState>(initialState);\n  const abortControllerRef = React.useRef<AbortController | null>(null);\n\n  const start: StartDeviceFlow = React.useCallback((host, analyticsSource) => {\n    // Cancel any existing flow\n    abortControllerRef.current?.abort();\n    const abortController = new AbortController();\n    abortControllerRef.current = abortController;\n\n    setState({\n      ...initialState,\n      status: \"starting\",\n    });\n\n    (async () => {\n      let authResponse: DeviceAuthorizationResponse;\n\n      try {\n        authResponse = await startDeviceFlow(host);\n      } catch (error) {\n        if (abortController.signal.aborted) return;\n\n        const message =\n          error instanceof Error\n            ? error.message\n            : \"Failed to start device flow\";\n        const code = error instanceof DeviceFlowError ? error.code : undefined;\n\n        setState({\n          ...initialState,\n          status: \"error\",\n          error: message,\n          errorCode: code ?? null,\n        });\n        return;\n      }\n\n      if (abortController.signal.aborted) return;\n\n      trackCloudDeviceAuthorizationStarted(host, analyticsSource);\n\n      setState({\n        ...initialState,\n        status: \"awaiting_authorization\",\n        verificationUrl: authResponse.verification_uri_complete,\n        userCode: authResponse.user_code,\n      });\n\n      try {\n        const tokenResponse = await pollForToken(\n          host,\n          authResponse.device_code,\n          {\n            interval: authResponse.interval,\n            signal: abortController.signal,\n          },\n        );\n\n        if (abortController.signal.aborted) return;\n\n        trackCloudDeviceAuthorizationSucceeded(host, analyticsSource);\n\n        setState({\n          ...initialState,\n          status: \"success\",\n          apiKey: tokenResponse.access_token,\n        });\n      } catch (error) {\n        // Early return if component unmounted or user cancelled\n        if (abortController.signal.aborted) return;\n\n        // Defensive: handle cancellation errors that may slip through\n        // (currently pollForToken only throws \"cancelled\" when signal.aborted,\n        // which is caught above, but this guards against future changes)\n        const isCancel =\n          error instanceof DeviceFlowError && error.code === \"cancelled\";\n        if (isCancel) {\n          setState(initialState);\n          return;\n        }\n\n        const message =\n          error instanceof Error ? error.message : \"Authorization failed\";\n        const code = error instanceof DeviceFlowError ? error.code : undefined;\n\n        setState({\n          ...initialState,\n          status: \"error\",\n          error: message,\n          errorCode: code ?? null,\n        });\n      }\n    })();\n  }, []);\n\n  const cancel = React.useCallback(() => {\n    abortControllerRef.current?.abort();\n    abortControllerRef.current = null;\n    setState(initialState);\n  }, []);\n\n  const reset = React.useCallback(() => {\n    abortControllerRef.current?.abort();\n    abortControllerRef.current = null;\n    setState(initialState);\n  }, []);\n\n  // Cleanup on unmount\n  React.useEffect(() => {\n    return () => {\n      abortControllerRef.current?.abort();\n    };\n  }, []);\n\n  return {\n    ...state,\n    start,\n    cancel,\n    reset,\n  };\n}\n"],"mappings":"yRAgDA,IAAM,EAAgC,CACpC,OAAQ,OACR,gBAAiB,KACjB,SAAU,KACV,OAAQ,KACR,MAAO,KACP,UAAW,KACZ,CAuBD,SAAgB,GAAqC,CACnD,GAAM,CAAC,EAAO,GAAY,EAAA,QAAM,SAA0B,EAAa,CACjE,EAAqB,EAAA,QAAM,OAA+B,KAAK,CAE/D,EAAyB,EAAA,QAAM,aAAa,EAAM,IAAoB,CAE1E,EAAmB,SAAS,OAAO,CACnC,IAAM,EAAkB,IAAI,gBAC5B,EAAmB,QAAU,EAE7B,EAAS,CACP,GAAG,EACH,OAAQ,WACT,CAAC,EAED,SAAY,CACX,IAAI,EAEJ,GAAI,CACF,EAAe,MAAM,EAAA,gBAAgB,EAAK,OACnC,EAAO,CACd,GAAI,EAAgB,OAAO,QAAS,OAEpC,IAAM,EACJ,aAAiB,MACb,EAAM,QACN,8BACA,EAAO,aAAiB,EAAA,gBAAkB,EAAM,KAAO,IAAA,GAE7D,EAAS,CACP,GAAG,EACH,OAAQ,QACR,MAAO,EACP,UAAW,GAAQ,KACpB,CAAC,CACF,OAGE,MAAgB,OAAO,QAI3B,CAFA,EAAA,qCAAqC,EAAM,EAAgB,CAE3D,EAAS,CACP,GAAG,EACH,OAAQ,yBACR,gBAAiB,EAAa,0BAC9B,SAAU,EAAa,UACxB,CAAC,CAEF,GAAI,CACF,IAAM,EAAgB,MAAM,EAAA,aAC1B,EACA,EAAa,YACb,CACE,SAAU,EAAa,SACvB,OAAQ,EAAgB,OACzB,CACF,CAED,GAAI,EAAgB,OAAO,QAAS,OAEpC,EAAA,uCAAuC,EAAM,EAAgB,CAE7D,EAAS,CACP,GAAG,EACH,OAAQ,UACR,OAAQ,EAAc,aACvB,CAAC,OACK,EAAO,CAEd,GAAI,EAAgB,OAAO,QAAS,OAOpC,GADE,aAAiB,EAAA,iBAAmB,EAAM,OAAS,YACvC,CACZ,EAAS,EAAa,CACtB,OAGF,IAAM,EACJ,aAAiB,MAAQ,EAAM,QAAU,uBACrC,EAAO,aAAiB,EAAA,gBAAkB,EAAM,KAAO,IAAA,GAE7D,EAAS,CACP,GAAG,EACH,OAAQ,QACR,MAAO,EACP,UAAW,GAAQ,KACpB,CAAC,MAEF,EACH,EAAE,CAAC,CAEA,EAAS,EAAA,QAAM,gBAAkB,CACrC,EAAmB,SAAS,OAAO,CACnC,EAAmB,QAAU,KAC7B,EAAS,EAAa,EACrB,EAAE,CAAC,CAEA,EAAQ,EAAA,QAAM,gBAAkB,CACpC,EAAmB,SAAS,OAAO,CACnC,EAAmB,QAAU,KAC7B,EAAS,EAAa,EACrB,EAAE,CAAC,CASN,OANA,EAAA,QAAM,kBACS,CACX,EAAmB,SAAS,OAAO,EAEpC,EAAE,CAAC,CAEC,CACL,GAAG,EACH,QACA,SACA,QACD"}

package/dist/hooks/use-device-flow.d.ts

@@ -1,3 +1,4 @@
+import { type CloudConnectionSource } from "#/services/cloud-funnel-analytics";
 export type DeviceFlowStatus = "idle" | "starting" | "awaiting_authorization" | "success" | "error";
 export interface DeviceFlowState {
     status: DeviceFlowStatus;
@@ -14,12 +15,13 @@ export interface DeviceFlowState {
 }
 export interface UseDeviceFlowReturn extends DeviceFlowState {
     /** Start the device flow authentication */
-    start: (host: string) => void;
+    start: StartDeviceFlow;
     /** Cancel an in-progress flow */
     cancel: () => void;
     /** Reset state back to idle */
     reset: () => void;
 }
+type StartDeviceFlow = (host: string, analyticsSource?: CloudConnectionSource) => void;
 /**
  * React hook for managing OAuth 2.0 Device Flow authentication.
  *
@@ -42,3 +44,4 @@ export interface UseDeviceFlowReturn extends DeviceFlowState {
  * ```
  */
 export declare function useDeviceFlow(): UseDeviceFlowReturn;
+export {};

package/dist/hooks/use-device-flow.js

@@ -1,7 +1,9 @@
-import { DeviceFlowError as e, pollForToken as t, startDeviceFlow as n } from "../api/device-flow-client.js";
-import r from "react";
+import { DeviceFlowError as e } from "../node_modules/@openhands/typescript-client/dist/client/device-flow-client.js";
+import { pollForToken as t, startDeviceFlow as n } from "../api/device-flow-client.js";
+import { trackCloudDeviceAuthorizationStarted as r, trackCloudDeviceAuthorizationSucceeded as i } from "../services/cloud-funnel-analytics.js";
+import a from "react";
 //#region src/hooks/use-device-flow.ts
-var i = {
+var o = {
 	status: "idle",
 	verificationUrl: null,
 	userCode: null,
@@ -9,55 +11,55 @@ var i = {
 	error: null,
 	errorCode: null
 };
-function a() {
-	let [a, o] = r.useState(i), s = r.useRef(null), c = r.useCallback((r) => {
-		s.current?.abort();
-		let a = new AbortController();
-		s.current = a, o({
-			...i,
+function s() {
+	let [s, c] = a.useState(o), l = a.useRef(null), u = a.useCallback((a, s) => {
+		l.current?.abort();
+		let u = new AbortController();
+		l.current = u, c({
+			...o,
 			status: "starting"
 		}), (async () => {
-			let s;
+			let l;
 			try {
-				s = await n(r);
+				l = await n(a);
 			} catch (t) {
-				if (a.signal.aborted) return;
+				if (u.signal.aborted) return;
 				let n = t instanceof Error ? t.message : "Failed to start device flow", r = t instanceof e ? t.code : void 0;
-				o({
-					...i,
+				c({
+					...o,
 					status: "error",
 					error: n,
 					errorCode: r ?? null
 				});
 				return;
 			}
-			if (!a.signal.aborted) {
-				o({
-					...i,
+			if (!u.signal.aborted) {
+				r(a, s), c({
+					...o,
 					status: "awaiting_authorization",
-					verificationUrl: s.verification_uri_complete,
-					userCode: s.user_code
+					verificationUrl: l.verification_uri_complete,
+					userCode: l.user_code
 				});
 				try {
-					let e = await t(r, s.device_code, {
-						interval: s.interval,
-						signal: a.signal
+					let e = await t(a, l.device_code, {
+						interval: l.interval,
+						signal: u.signal
 					});
-					if (a.signal.aborted) return;
-					o({
-						...i,
+					if (u.signal.aborted) return;
+					i(a, s), c({
+						...o,
 						status: "success",
 						apiKey: e.access_token
 					});
 				} catch (t) {
-					if (a.signal.aborted) return;
+					if (u.signal.aborted) return;
 					if (t instanceof e && t.code === "cancelled") {
-						o(i);
+						c(o);
 						return;
 					}
 					let n = t instanceof Error ? t.message : "Authorization failed", r = t instanceof e ? t.code : void 0;
-					o({
-						...i,
+					c({
+						...o,
 						status: "error",
 						error: n,
 						errorCode: r ?? null
@@ -65,21 +67,21 @@ function a() {
 				}
 			}
 		})();
-	}, []), l = r.useCallback(() => {
-		s.current?.abort(), s.current = null, o(i);
-	}, []), u = r.useCallback(() => {
-		s.current?.abort(), s.current = null, o(i);
+	}, []), d = a.useCallback(() => {
+		l.current?.abort(), l.current = null, c(o);
+	}, []), f = a.useCallback(() => {
+		l.current?.abort(), l.current = null, c(o);
 	}, []);
-	return r.useEffect(() => () => {
-		s.current?.abort();
+	return a.useEffect(() => () => {
+		l.current?.abort();
 	}, []), {
-		...a,
-		start: c,
-		cancel: l,
-		reset: u
+		...s,
+		start: u,
+		cancel: d,
+		reset: f
 	};
 }
 //#endregion
-export { a as useDeviceFlow };
+export { s as useDeviceFlow };
 
 //# sourceMappingURL=use-device-flow.js.map

package/dist/hooks/use-device-flow.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-device-flow.js","names":[],"sources":["../../src/hooks/use-device-flow.ts"],"sourcesContent":["import React from \"react\";\nimport {\n  startDeviceFlow,\n  pollForToken,\n  DeviceFlowError,\n  type DeviceAuthorizationResponse,\n} from \"#/api/device-flow-client\";\n\nexport type DeviceFlowStatus =\n  | \"idle\"\n  | \"starting\"\n  | \"awaiting_authorization\"\n  | \"success\"\n  | \"error\";\n\nexport interface DeviceFlowState {\n  status: DeviceFlowStatus;\n  /** The verification URL to show/open for the user */\n  verificationUrl: string | null;\n  /** User code to display as fallback */\n  userCode: string | null;\n  /** The resulting API key on success */\n  apiKey: string | null;\n  /** Error message if status is \"error\" */\n  error: string | null;\n  /** Error code for programmatic handling */\n  errorCode: string | null;\n}\n\nexport interface UseDeviceFlowReturn extends DeviceFlowState {\n  /** Start the device flow authentication */\n  start: (host: string) => void;\n  /** Cancel an in-progress flow */\n  cancel: () => void;\n  /** Reset state back to idle */\n  reset: () => void;\n}\n\nconst initialState: DeviceFlowState = {\n  status: \"idle\",\n  verificationUrl: null,\n  userCode: null,\n  apiKey: null,\n  error: null,\n  errorCode: null,\n};\n\n/**\n * React hook for managing OAuth 2.0 Device Flow authentication.\n *\n * Usage:\n * ```tsx\n * const { status, verificationUrl, apiKey, error, start, cancel, reset } = useDeviceFlow();\n *\n * // Start auth\n * start(\"https://app.all-hands.dev\");\n *\n * // Open browser when awaiting\n * if (status === \"awaiting_authorization\" && verificationUrl) {\n *   window.open(verificationUrl, \"_blank\");\n * }\n *\n * // Use API key on success\n * if (status === \"success\" && apiKey) {\n *   setApiKeyField(apiKey);\n * }\n * ```\n */\nexport function useDeviceFlow(): UseDeviceFlowReturn {\n  const [state, setState] = React.useState<DeviceFlowState>(initialState);\n  const abortControllerRef = React.useRef<AbortController | null>(null);\n\n  const start = React.useCallback((host: string) => {\n    // Cancel any existing flow\n    abortControllerRef.current?.abort();\n    const abortController = new AbortController();\n    abortControllerRef.current = abortController;\n\n    setState({\n      ...initialState,\n      status: \"starting\",\n    });\n\n    (async () => {\n      let authResponse: DeviceAuthorizationResponse;\n\n      try {\n        authResponse = await startDeviceFlow(host);\n      } catch (error) {\n        if (abortController.signal.aborted) return;\n\n        const message =\n          error instanceof Error\n            ? error.message\n            : \"Failed to start device flow\";\n        const code = error instanceof DeviceFlowError ? error.code : undefined;\n\n        setState({\n          ...initialState,\n          status: \"error\",\n          error: message,\n          errorCode: code ?? null,\n        });\n        return;\n      }\n\n      if (abortController.signal.aborted) return;\n\n      setState({\n        ...initialState,\n        status: \"awaiting_authorization\",\n        verificationUrl: authResponse.verification_uri_complete,\n        userCode: authResponse.user_code,\n      });\n\n      try {\n        const tokenResponse = await pollForToken(\n          host,\n          authResponse.device_code,\n          {\n            interval: authResponse.interval,\n            signal: abortController.signal,\n          },\n        );\n\n        if (abortController.signal.aborted) return;\n\n        setState({\n          ...initialState,\n          status: \"success\",\n          apiKey: tokenResponse.access_token,\n        });\n      } catch (error) {\n        // Early return if component unmounted or user cancelled\n        if (abortController.signal.aborted) return;\n\n        // Defensive: handle cancellation errors that may slip through\n        // (currently pollForToken only throws \"cancelled\" when signal.aborted,\n        // which is caught above, but this guards against future changes)\n        const isCancel =\n          error instanceof DeviceFlowError && error.code === \"cancelled\";\n        if (isCancel) {\n          setState(initialState);\n          return;\n        }\n\n        const message =\n          error instanceof Error ? error.message : \"Authorization failed\";\n        const code = error instanceof DeviceFlowError ? error.code : undefined;\n\n        setState({\n          ...initialState,\n          status: \"error\",\n          error: message,\n          errorCode: code ?? null,\n        });\n      }\n    })();\n  }, []);\n\n  const cancel = React.useCallback(() => {\n    abortControllerRef.current?.abort();\n    abortControllerRef.current = null;\n    setState(initialState);\n  }, []);\n\n  const reset = React.useCallback(() => {\n    abortControllerRef.current?.abort();\n    abortControllerRef.current = null;\n    setState(initialState);\n  }, []);\n\n  // Cleanup on unmount\n  React.useEffect(() => {\n    return () => {\n      abortControllerRef.current?.abort();\n    };\n  }, []);\n\n  return {\n    ...state,\n    start,\n    cancel,\n    reset,\n  };\n}\n"],"mappings":";;;AAsCA,IAAM,IAAgC;CACpC,QAAQ;CACR,iBAAiB;CACjB,UAAU;CACV,QAAQ;CACR,OAAO;CACP,WAAW;CACZ;AAuBD,SAAgB,IAAqC;CACnD,IAAM,CAAC,GAAO,KAAY,EAAM,SAA0B,EAAa,EACjE,IAAqB,EAAM,OAA+B,KAAK,EAE/D,IAAQ,EAAM,aAAa,MAAiB;AAEhD,IAAmB,SAAS,OAAO;EACnC,IAAM,IAAkB,IAAI,iBAAiB;AAQ7C,EAPA,EAAmB,UAAU,GAE7B,EAAS;GACP,GAAG;GACH,QAAQ;GACT,CAAC,GAED,YAAY;GACX,IAAI;AAEJ,OAAI;AACF,QAAe,MAAM,EAAgB,EAAK;YACnC,GAAO;AACd,QAAI,EAAgB,OAAO,QAAS;IAEpC,IAAM,IACJ,aAAiB,QACb,EAAM,UACN,+BACA,IAAO,aAAiB,IAAkB,EAAM,OAAO,KAAA;AAE7D,MAAS;KACP,GAAG;KACH,QAAQ;KACR,OAAO;KACP,WAAW,KAAQ;KACpB,CAAC;AACF;;AAGE,UAAgB,OAAO,SAE3B;MAAS;KACP,GAAG;KACH,QAAQ;KACR,iBAAiB,EAAa;KAC9B,UAAU,EAAa;KACxB,CAAC;AAEF,QAAI;KACF,IAAM,IAAgB,MAAM,EAC1B,GACA,EAAa,aACb;MACE,UAAU,EAAa;MACvB,QAAQ,EAAgB;MACzB,CACF;AAED,SAAI,EAAgB,OAAO,QAAS;AAEpC,OAAS;MACP,GAAG;MACH,QAAQ;MACR,QAAQ,EAAc;MACvB,CAAC;aACK,GAAO;AAEd,SAAI,EAAgB,OAAO,QAAS;AAOpC,SADE,aAAiB,KAAmB,EAAM,SAAS,aACvC;AACZ,QAAS,EAAa;AACtB;;KAGF,IAAM,IACJ,aAAiB,QAAQ,EAAM,UAAU,wBACrC,IAAO,aAAiB,IAAkB,EAAM,OAAO,KAAA;AAE7D,OAAS;MACP,GAAG;MACH,QAAQ;MACR,OAAO;MACP,WAAW,KAAQ;MACpB,CAAC;;;MAEF;IACH,EAAE,CAAC,EAEA,IAAS,EAAM,kBAAkB;AAGrC,EAFA,EAAmB,SAAS,OAAO,EACnC,EAAmB,UAAU,MAC7B,EAAS,EAAa;IACrB,EAAE,CAAC,EAEA,IAAQ,EAAM,kBAAkB;AAGpC,EAFA,EAAmB,SAAS,OAAO,EACnC,EAAmB,UAAU,MAC7B,EAAS,EAAa;IACrB,EAAE,CAAC;AASN,QANA,EAAM,sBACS;AACX,IAAmB,SAAS,OAAO;IAEpC,EAAE,CAAC,EAEC;EACL,GAAG;EACH;EACA;EACA;EACD"}
+{"version":3,"file":"use-device-flow.js","names":[],"sources":["../../src/hooks/use-device-flow.ts"],"sourcesContent":["import React from \"react\";\nimport {\n  startDeviceFlow,\n  pollForToken,\n  DeviceFlowError,\n  type DeviceAuthorizationResponse,\n} from \"#/api/device-flow-client\";\nimport {\n  trackCloudDeviceAuthorizationStarted,\n  trackCloudDeviceAuthorizationSucceeded,\n  type CloudConnectionSource,\n} from \"#/services/cloud-funnel-analytics\";\n\nexport type DeviceFlowStatus =\n  | \"idle\"\n  | \"starting\"\n  | \"awaiting_authorization\"\n  | \"success\"\n  | \"error\";\n\nexport interface DeviceFlowState {\n  status: DeviceFlowStatus;\n  /** The verification URL to show/open for the user */\n  verificationUrl: string | null;\n  /** User code to display as fallback */\n  userCode: string | null;\n  /** The resulting API key on success */\n  apiKey: string | null;\n  /** Error message if status is \"error\" */\n  error: string | null;\n  /** Error code for programmatic handling */\n  errorCode: string | null;\n}\n\nexport interface UseDeviceFlowReturn extends DeviceFlowState {\n  /** Start the device flow authentication */\n  start: StartDeviceFlow;\n  /** Cancel an in-progress flow */\n  cancel: () => void;\n  /** Reset state back to idle */\n  reset: () => void;\n}\n\ntype StartDeviceFlow = (\n  host: string,\n  analyticsSource?: CloudConnectionSource,\n) => void;\n\nconst initialState: DeviceFlowState = {\n  status: \"idle\",\n  verificationUrl: null,\n  userCode: null,\n  apiKey: null,\n  error: null,\n  errorCode: null,\n};\n\n/**\n * React hook for managing OAuth 2.0 Device Flow authentication.\n *\n * Usage:\n * ```tsx\n * const { status, verificationUrl, apiKey, error, start, cancel, reset } = useDeviceFlow();\n *\n * // Start auth\n * start(\"https://app.all-hands.dev\");\n *\n * // Open browser when awaiting\n * if (status === \"awaiting_authorization\" && verificationUrl) {\n *   window.open(verificationUrl, \"_blank\");\n * }\n *\n * // Use API key on success\n * if (status === \"success\" && apiKey) {\n *   setApiKeyField(apiKey);\n * }\n * ```\n */\nexport function useDeviceFlow(): UseDeviceFlowReturn {\n  const [state, setState] = React.useState<DeviceFlowState>(initialState);\n  const abortControllerRef = React.useRef<AbortController | null>(null);\n\n  const start: StartDeviceFlow = React.useCallback((host, analyticsSource) => {\n    // Cancel any existing flow\n    abortControllerRef.current?.abort();\n    const abortController = new AbortController();\n    abortControllerRef.current = abortController;\n\n    setState({\n      ...initialState,\n      status: \"starting\",\n    });\n\n    (async () => {\n      let authResponse: DeviceAuthorizationResponse;\n\n      try {\n        authResponse = await startDeviceFlow(host);\n      } catch (error) {\n        if (abortController.signal.aborted) return;\n\n        const message =\n          error instanceof Error\n            ? error.message\n            : \"Failed to start device flow\";\n        const code = error instanceof DeviceFlowError ? error.code : undefined;\n\n        setState({\n          ...initialState,\n          status: \"error\",\n          error: message,\n          errorCode: code ?? null,\n        });\n        return;\n      }\n\n      if (abortController.signal.aborted) return;\n\n      trackCloudDeviceAuthorizationStarted(host, analyticsSource);\n\n      setState({\n        ...initialState,\n        status: \"awaiting_authorization\",\n        verificationUrl: authResponse.verification_uri_complete,\n        userCode: authResponse.user_code,\n      });\n\n      try {\n        const tokenResponse = await pollForToken(\n          host,\n          authResponse.device_code,\n          {\n            interval: authResponse.interval,\n            signal: abortController.signal,\n          },\n        );\n\n        if (abortController.signal.aborted) return;\n\n        trackCloudDeviceAuthorizationSucceeded(host, analyticsSource);\n\n        setState({\n          ...initialState,\n          status: \"success\",\n          apiKey: tokenResponse.access_token,\n        });\n      } catch (error) {\n        // Early return if component unmounted or user cancelled\n        if (abortController.signal.aborted) return;\n\n        // Defensive: handle cancellation errors that may slip through\n        // (currently pollForToken only throws \"cancelled\" when signal.aborted,\n        // which is caught above, but this guards against future changes)\n        const isCancel =\n          error instanceof DeviceFlowError && error.code === \"cancelled\";\n        if (isCancel) {\n          setState(initialState);\n          return;\n        }\n\n        const message =\n          error instanceof Error ? error.message : \"Authorization failed\";\n        const code = error instanceof DeviceFlowError ? error.code : undefined;\n\n        setState({\n          ...initialState,\n          status: \"error\",\n          error: message,\n          errorCode: code ?? null,\n        });\n      }\n    })();\n  }, []);\n\n  const cancel = React.useCallback(() => {\n    abortControllerRef.current?.abort();\n    abortControllerRef.current = null;\n    setState(initialState);\n  }, []);\n\n  const reset = React.useCallback(() => {\n    abortControllerRef.current?.abort();\n    abortControllerRef.current = null;\n    setState(initialState);\n  }, []);\n\n  // Cleanup on unmount\n  React.useEffect(() => {\n    return () => {\n      abortControllerRef.current?.abort();\n    };\n  }, []);\n\n  return {\n    ...state,\n    start,\n    cancel,\n    reset,\n  };\n}\n"],"mappings":";;;;;AAgDA,IAAM,IAAgC;CACpC,QAAQ;CACR,iBAAiB;CACjB,UAAU;CACV,QAAQ;CACR,OAAO;CACP,WAAW;CACZ;AAuBD,SAAgB,IAAqC;CACnD,IAAM,CAAC,GAAO,KAAY,EAAM,SAA0B,EAAa,EACjE,IAAqB,EAAM,OAA+B,KAAK,EAE/D,IAAyB,EAAM,aAAa,GAAM,MAAoB;AAE1E,IAAmB,SAAS,OAAO;EACnC,IAAM,IAAkB,IAAI,iBAAiB;AAQ7C,EAPA,EAAmB,UAAU,GAE7B,EAAS;GACP,GAAG;GACH,QAAQ;GACT,CAAC,GAED,YAAY;GACX,IAAI;AAEJ,OAAI;AACF,QAAe,MAAM,EAAgB,EAAK;YACnC,GAAO;AACd,QAAI,EAAgB,OAAO,QAAS;IAEpC,IAAM,IACJ,aAAiB,QACb,EAAM,UACN,+BACA,IAAO,aAAiB,IAAkB,EAAM,OAAO,KAAA;AAE7D,MAAS;KACP,GAAG;KACH,QAAQ;KACR,OAAO;KACP,WAAW,KAAQ;KACpB,CAAC;AACF;;AAGE,UAAgB,OAAO,SAI3B;IAFA,EAAqC,GAAM,EAAgB,EAE3D,EAAS;KACP,GAAG;KACH,QAAQ;KACR,iBAAiB,EAAa;KAC9B,UAAU,EAAa;KACxB,CAAC;AAEF,QAAI;KACF,IAAM,IAAgB,MAAM,EAC1B,GACA,EAAa,aACb;MACE,UAAU,EAAa;MACvB,QAAQ,EAAgB;MACzB,CACF;AAED,SAAI,EAAgB,OAAO,QAAS;AAIpC,KAFA,EAAuC,GAAM,EAAgB,EAE7D,EAAS;MACP,GAAG;MACH,QAAQ;MACR,QAAQ,EAAc;MACvB,CAAC;aACK,GAAO;AAEd,SAAI,EAAgB,OAAO,QAAS;AAOpC,SADE,aAAiB,KAAmB,EAAM,SAAS,aACvC;AACZ,QAAS,EAAa;AACtB;;KAGF,IAAM,IACJ,aAAiB,QAAQ,EAAM,UAAU,wBACrC,IAAO,aAAiB,IAAkB,EAAM,OAAO,KAAA;AAE7D,OAAS;MACP,GAAG;MACH,QAAQ;MACR,OAAO;MACP,WAAW,KAAQ;MACpB,CAAC;;;MAEF;IACH,EAAE,CAAC,EAEA,IAAS,EAAM,kBAAkB;AAGrC,EAFA,EAAmB,SAAS,OAAO,EACnC,EAAmB,UAAU,MAC7B,EAAS,EAAa;IACrB,EAAE,CAAC,EAEA,IAAQ,EAAM,kBAAkB;AAGpC,EAFA,EAAmB,SAAS,OAAO,EACnC,EAAmB,UAAU,MAC7B,EAAS,EAAa;IACrB,EAAE,CAAC;AASN,QANA,EAAM,sBACS;AACX,IAAmB,SAAS,OAAO;IAEpC,EAAE,CAAC,EAEC;EACL,GAAG;EACH;EACA;EACA;EACD"}