@openhands/agent-canvas 1.14.0 → 1.16.0

package/dist/routes/conversation.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"conversation.cjs","names":[],"sources":["../../src/routes/conversation.tsx"],"sourcesContent":["import React from \"react\";\nimport { useNavigate, useLocation, useMatch } from \"react-router\";\nimport { useTranslation } from \"react-i18next\";\n\nimport { useConversationId } from \"#/hooks/use-conversation-id\";\nimport { useCommandStore } from \"#/stores/command-store\";\nimport { useConversationStore } from \"#/stores/conversation-store\";\nimport { useAgentStore } from \"#/stores/agent-store\";\nimport { useConversationStateStore } from \"#/stores/conversation-state-store\";\nimport { useActiveBackend } from \"#/contexts/active-backend-context\";\nimport {\n  clearLastConversationId,\n  setLastConversationId,\n} from \"#/api/backend-registry/last-conversation-store\";\nimport { AgentState } from \"#/types/agent-state\";\n\nimport { EventHandler } from \"../wrapper/event-handler\";\n\nimport { useActiveConversation } from \"#/hooks/query/use-active-conversation\";\nimport { useTaskPollingController } from \"#/hooks/query/use-task-polling\";\n\nimport { displayErrorToast } from \"#/utils/custom-toast-handlers\";\nimport { useIsAuthed } from \"#/hooks/query/use-is-authed\";\nimport { ConversationMain } from \"#/components/features/conversation/conversation-main/conversation-main\";\nimport { ConversationMobilePanelPage } from \"#/components/features/conversation/conversation-main/conversation-mobile-panel-page\";\n\nimport { WebSocketProviderWrapper } from \"#/contexts/websocket-provider-wrapper\";\nimport { useErrorMessageStore } from \"#/stores/error-message-store\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { resumeCloudSandbox } from \"#/api/cloud/conversation-service.api\";\n\nfunction AppContent() {\n  const { t } = useTranslation(\"openhands\");\n  const { conversationId } = useConversationId();\n  const panelViewMatch = useMatch(\"/conversations/:conversationId/panel\");\n\n  const { isTask, taskStatus, taskDetail } = useTaskPollingController();\n\n  // The conversationId in the URL belongs to whichever backend was\n  // active when the route first mounted. If the user switches backends\n  // while this route is still mounted, the id is meaningless under the\n  // new backend — disable the active-conversation fetch (and its 404\n  // toast) so we don't fire a request that the BackendSelector's\n  // redirect will immediately navigate away from anyway. Mirrors the\n  // same guard in `routes/automation-detail.tsx`.\n  const active = useActiveBackend();\n  const mountedBackendId = React.useRef(active.backend.id);\n  const mountedOrgId = React.useRef(active.orgId);\n  const backendChanged =\n    mountedBackendId.current !== active.backend.id ||\n    mountedOrgId.current !== active.orgId;\n\n  const { data: conversation, isFetched } = useActiveConversation();\n  const { data: isAuthed } = useIsAuthed();\n  const { resetConversationState } = useConversationStore();\n  const navigate = useNavigate();\n  const location = useLocation();\n  const clearTerminal = useCommandStore((state) => state.clearTerminal);\n  const resetConversationRuntimeState = useConversationStateStore(\n    (state) => state.reset,\n  );\n  const setCurrentAgentState = useAgentStore(\n    (state) => state.setCurrentAgentState,\n  );\n  const removeErrorMessage = useErrorMessageStore(\n    (state) => state.removeErrorMessage,\n  );\n\n  // Per-conversation UI/runtime resets. The event store is cleared separately,\n  // inside ConversationWebSocketProvider, so the clear is ordered *before* the\n  // preloaded-history re-seed (see the note there) — clearing it here would run\n  // too late and wipe the freshly seeded history on a conversation switch.\n  React.useEffect(() => {\n    clearTerminal();\n    resetConversationState();\n    resetConversationRuntimeState();\n    setCurrentAgentState(AgentState.LOADING);\n    removeErrorMessage();\n  }, [\n    conversationId,\n    clearTerminal,\n    resetConversationState,\n    resetConversationRuntimeState,\n    setCurrentAgentState,\n    removeErrorMessage,\n  ]);\n\n  React.useEffect(() => {\n    if (isTask && taskStatus === \"ERROR\") {\n      displayErrorToast(\n        taskDetail || t(I18nKey.CONVERSATION$FAILED_TO_START_FROM_TASK),\n      );\n      // Navigate back to the original conversation when a resume task fails so\n      // the user isn't stranded at the dead task-{id} URL. The resume effect's\n      // ref prevents it from immediately retrying once we land there.\n      const resumedFrom = (location.state as Record<string, unknown> | null)\n        ?.resumedFromConversationId as string | undefined;\n      navigate(\n        resumedFrom ? `/conversations/${resumedFrom}` : \"/conversations\",\n        { replace: true },\n      );\n    }\n  }, [isTask, taskStatus, taskDetail, t, navigate, location.state]);\n\n  React.useEffect(() => {\n    if (!isFetched || !isAuthed) return;\n    // The BackendSelector is in the middle of redirecting us away from\n    // this route — don't toast/navigate based on a 404 that's just\n    // \"this id doesn't exist on the new backend\".\n    if (backendChanged) return;\n\n    if (!conversation) {\n      // Clear the per-backend \"last selected\" slot so the next switch\n      // to this backend doesn't try to revisit a stale id.\n      clearLastConversationId(active.backend.id, active.orgId);\n      displayErrorToast(t(I18nKey.CONVERSATION$NOT_EXIST_OR_NO_PERMISSION));\n      navigate(\"/conversations\");\n    }\n  }, [\n    conversation,\n    isFetched,\n    isAuthed,\n    navigate,\n    t,\n    backendChanged,\n    active.backend.id,\n    active.orgId,\n  ]);\n\n  // Remember the most recently selected conversation for the current\n  // (backend, org) so flipping back to this backend later restores the\n  // user to where they left off. Skip while a backend switch is in\n  // flight: the id in the URL is from the previous backend and would\n  // otherwise overwrite the new backend's memory.\n  React.useEffect(() => {\n    if (backendChanged) return;\n    if (!conversationId) return;\n    if (conversationId.startsWith(\"task-\")) return;\n    setLastConversationId(active.backend.id, active.orgId, conversationId);\n  }, [conversationId, backendChanged, active.backend.id, active.orgId]);\n\n  // Cloud conversation resume: mirrors OpenHands' useSandboxRecovery.\n  //\n  // When the cloud API reports sandbox_status === \"PAUSED\" the sandbox is\n  // sleeping. The correct wake-up call is POST /api/v1/sandboxes/{id}/resume\n  // (a lightweight unpause). The previous approach — creating a new start task\n  // via POST /api/v1/app-conversations — was wrong: it tries to provision a\n  // fresh conversation in the sandbox and is subject to a 120-second cold-start\n  // timeout that can fail. The resume endpoint simply unpauses the existing one.\n  //\n  // After calling resume we stay on the current URL. The 3-second refetch\n  // interval in useActiveConversation (active while conversation_url is null)\n  // polls until conversation_url populates, then the WebSocket connects.\n  //\n  // A ref guards against duplicate triggers per unique conversation.id within\n  // the same route-mount lifetime.\n  const resumeTriggeredForRef = React.useRef<string | null>(null);\n  React.useEffect(() => {\n    if (!isFetched || !conversation) return;\n    if (active.backend.kind !== \"cloud\") return;\n    if (conversation.sandbox_status !== \"PAUSED\") return; // only resume PAUSED sandboxes\n    if (!conversation.sandbox_id) return; // no sandbox to resume\n    if (resumeTriggeredForRef.current === conversation.id) return; // already sent\n\n    resumeTriggeredForRef.current = conversation.id;\n\n    resumeCloudSandbox(conversation.sandbox_id).catch(() => {\n      displayErrorToast(t(I18nKey.CONVERSATION$FAILED_TO_START_FROM_TASK));\n    });\n  }, [\n    isFetched,\n    conversation?.id,\n    conversation?.sandbox_status,\n    conversation?.sandbox_id,\n    active.backend.kind,\n    t,\n  ]);\n\n  // A backend switch is in flight (BackendSelector flips the active backend\n  // and redirects to /conversations on the next tick). The conversationId in\n  // the URL belongs to the *previous* backend, so unmount the whole\n  // conversation subtree now — before any per-conversation query (history,\n  // metrics, sub-conversations, runtime info, …) re-fires against a backend\n  // the id is foreign to. Those foreign fetches fail response validation and\n  // surface \"agent server returned data this UI does not understand\". This is\n  // deterministic regardless of the navigate-vs-setActive render race: React\n  // re-renders this parent before its children, so returning null removes them\n  // before they can issue the request.\n  if (backendChanged) {\n    return null;\n  }\n\n  const content = (\n    <EventHandler>\n      <div data-testid=\"app-route\" className=\"flex h-full flex-col\">\n        {panelViewMatch ? (\n          <ConversationMobilePanelPage\n            onNavigateBack={() => navigate(`/conversations/${conversationId}`)}\n          />\n        ) : (\n          <ConversationMain />\n        )}\n      </div>\n    </EventHandler>\n  );\n\n  return (\n    <WebSocketProviderWrapper conversationId={conversationId}>\n      {content}\n    </WebSocketProviderWrapper>\n  );\n}\n\nexport function ConversationView() {\n  return <AppContent />;\n}\n\nexport default ConversationView;\n"],"mappings":"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"}
+{"version":3,"file":"conversation.cjs","names":[],"sources":["../../src/routes/conversation.tsx"],"sourcesContent":["import React from \"react\";\nimport { useNavigate, useLocation, useMatch } from \"react-router\";\nimport { useTranslation } from \"react-i18next\";\n\nimport { useConversationId } from \"#/hooks/use-conversation-id\";\nimport { useCommandStore } from \"#/stores/command-store\";\nimport { useConversationStore } from \"#/stores/conversation-store\";\nimport { useAgentStore } from \"#/stores/agent-store\";\nimport { useConversationStateStore } from \"#/stores/conversation-state-store\";\nimport { useActiveBackend } from \"#/contexts/active-backend-context\";\nimport {\n  clearLastConversationId,\n  setLastConversationId,\n} from \"#/api/backend-registry/last-conversation-store\";\nimport { AgentState } from \"#/types/agent-state\";\n\nimport { EventHandler } from \"../wrapper/event-handler\";\n\nimport { useActiveConversation } from \"#/hooks/query/use-active-conversation\";\nimport { useTaskPollingController } from \"#/hooks/query/use-task-polling\";\n\nimport { displayErrorToast } from \"#/utils/custom-toast-handlers\";\nimport { useIsAuthed } from \"#/hooks/query/use-is-authed\";\nimport { ConversationMain } from \"#/components/features/conversation/conversation-main/conversation-main\";\nimport { ConversationMobilePanelPage } from \"#/components/features/conversation/conversation-main/conversation-mobile-panel-page\";\nimport { ConversationOverviewDrawerProvider } from \"#/components/features/conversation/conversation-overview-drawer-context\";\n\nimport { WebSocketProviderWrapper } from \"#/contexts/websocket-provider-wrapper\";\nimport { useErrorMessageStore } from \"#/stores/error-message-store\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { resumeCloudSandbox } from \"#/api/cloud/conversation-service.api\";\n\nfunction AppContent() {\n  const { t } = useTranslation(\"openhands\");\n  const { conversationId } = useConversationId();\n  const panelViewMatch = useMatch(\"/conversations/:conversationId/panel\");\n\n  const { isTask, taskStatus, taskDetail } = useTaskPollingController();\n\n  // The conversationId in the URL belongs to whichever backend was\n  // active when the route first mounted. If the user switches backends\n  // while this route is still mounted, the id is meaningless under the\n  // new backend — disable the active-conversation fetch (and its 404\n  // toast) so we don't fire a request that the BackendSelector's\n  // redirect will immediately navigate away from anyway. Mirrors the\n  // same guard in `routes/automation-detail.tsx`.\n  const active = useActiveBackend();\n  const mountedBackendId = React.useRef(active.backend.id);\n  const mountedOrgId = React.useRef(active.orgId);\n  const backendChanged =\n    mountedBackendId.current !== active.backend.id ||\n    mountedOrgId.current !== active.orgId;\n\n  const { data: conversation, isFetched } = useActiveConversation();\n  const { data: isAuthed } = useIsAuthed();\n  const { resetConversationState } = useConversationStore();\n  const navigate = useNavigate();\n  const location = useLocation();\n  const clearTerminal = useCommandStore((state) => state.clearTerminal);\n  const resetConversationRuntimeState = useConversationStateStore(\n    (state) => state.reset,\n  );\n  const setCurrentAgentState = useAgentStore(\n    (state) => state.setCurrentAgentState,\n  );\n  const removeErrorMessage = useErrorMessageStore(\n    (state) => state.removeErrorMessage,\n  );\n\n  // Per-conversation UI/runtime resets. The event store is cleared separately,\n  // inside ConversationWebSocketProvider, so the clear is ordered *before* the\n  // preloaded-history re-seed (see the note there) — clearing it here would run\n  // too late and wipe the freshly seeded history on a conversation switch.\n  React.useEffect(() => {\n    clearTerminal();\n    resetConversationState();\n    resetConversationRuntimeState();\n    setCurrentAgentState(AgentState.LOADING);\n    removeErrorMessage();\n  }, [\n    conversationId,\n    clearTerminal,\n    resetConversationState,\n    resetConversationRuntimeState,\n    setCurrentAgentState,\n    removeErrorMessage,\n  ]);\n\n  React.useEffect(() => {\n    if (isTask && taskStatus === \"ERROR\") {\n      displayErrorToast(\n        taskDetail || t(I18nKey.CONVERSATION$FAILED_TO_START_FROM_TASK),\n      );\n      // Navigate back to the original conversation when a resume task fails so\n      // the user isn't stranded at the dead task-{id} URL. The resume effect's\n      // ref prevents it from immediately retrying once we land there.\n      const resumedFrom = (location.state as Record<string, unknown> | null)\n        ?.resumedFromConversationId as string | undefined;\n      navigate(\n        resumedFrom ? `/conversations/${resumedFrom}` : \"/conversations\",\n        { replace: true },\n      );\n    }\n  }, [isTask, taskStatus, taskDetail, t, navigate, location.state]);\n\n  React.useEffect(() => {\n    if (!isFetched || !isAuthed) return;\n    // The BackendSelector is in the middle of redirecting us away from\n    // this route — don't toast/navigate based on a 404 that's just\n    // \"this id doesn't exist on the new backend\".\n    if (backendChanged) return;\n\n    if (!conversation) {\n      // Clear the per-backend \"last selected\" slot so the next switch\n      // to this backend doesn't try to revisit a stale id.\n      clearLastConversationId(active.backend.id, active.orgId);\n      displayErrorToast(t(I18nKey.CONVERSATION$NOT_EXIST_OR_NO_PERMISSION));\n      navigate(\"/conversations\");\n    }\n  }, [\n    conversation,\n    isFetched,\n    isAuthed,\n    navigate,\n    t,\n    backendChanged,\n    active.backend.id,\n    active.orgId,\n  ]);\n\n  // Remember the most recently selected conversation for the current\n  // (backend, org) so flipping back to this backend later restores the\n  // user to where they left off. Skip while a backend switch is in\n  // flight: the id in the URL is from the previous backend and would\n  // otherwise overwrite the new backend's memory.\n  React.useEffect(() => {\n    if (backendChanged) return;\n    if (!conversationId) return;\n    if (conversationId.startsWith(\"task-\")) return;\n    setLastConversationId(active.backend.id, active.orgId, conversationId);\n  }, [conversationId, backendChanged, active.backend.id, active.orgId]);\n\n  // Cloud conversation resume: mirrors OpenHands' useSandboxRecovery.\n  //\n  // When the cloud API reports sandbox_status === \"PAUSED\" the sandbox is\n  // sleeping. The correct wake-up call is POST /api/v1/sandboxes/{id}/resume\n  // (a lightweight unpause). The previous approach — creating a new start task\n  // via POST /api/v1/app-conversations — was wrong: it tries to provision a\n  // fresh conversation in the sandbox and is subject to a 120-second cold-start\n  // timeout that can fail. The resume endpoint simply unpauses the existing one.\n  //\n  // After calling resume we stay on the current URL. The 3-second refetch\n  // interval in useActiveConversation (active while conversation_url is null)\n  // polls until conversation_url populates, then the WebSocket connects.\n  //\n  // A ref guards against duplicate triggers per unique conversation.id within\n  // the same route-mount lifetime.\n  const resumeTriggeredForRef = React.useRef<string | null>(null);\n  React.useEffect(() => {\n    if (!isFetched || !conversation) return;\n    if (active.backend.kind !== \"cloud\") return;\n    if (conversation.sandbox_status !== \"PAUSED\") return; // only resume PAUSED sandboxes\n    if (!conversation.sandbox_id) return; // no sandbox to resume\n    if (resumeTriggeredForRef.current === conversation.id) return; // already sent\n\n    resumeTriggeredForRef.current = conversation.id;\n\n    resumeCloudSandbox(conversation.sandbox_id).catch(() => {\n      displayErrorToast(t(I18nKey.CONVERSATION$FAILED_TO_START_FROM_TASK));\n    });\n  }, [\n    isFetched,\n    conversation?.id,\n    conversation?.sandbox_status,\n    conversation?.sandbox_id,\n    active.backend.kind,\n    t,\n  ]);\n\n  // A backend switch is in flight (BackendSelector flips the active backend\n  // and redirects to /conversations on the next tick). The conversationId in\n  // the URL belongs to the *previous* backend, so unmount the whole\n  // conversation subtree now — before any per-conversation query (history,\n  // metrics, sub-conversations, runtime info, …) re-fires against a backend\n  // the id is foreign to. Those foreign fetches fail response validation and\n  // surface \"agent server returned data this UI does not understand\". This is\n  // deterministic regardless of the navigate-vs-setActive render race: React\n  // re-renders this parent before its children, so returning null removes them\n  // before they can issue the request.\n  if (backendChanged) {\n    return null;\n  }\n\n  const content = (\n    <EventHandler>\n      <ConversationOverviewDrawerProvider>\n        <div data-testid=\"app-route\" className=\"flex h-full flex-col\">\n          {panelViewMatch ? (\n            <ConversationMobilePanelPage\n              onNavigateBack={() =>\n                navigate(`/conversations/${conversationId}`)\n              }\n            />\n          ) : (\n            <ConversationMain />\n          )}\n        </div>\n      </ConversationOverviewDrawerProvider>\n    </EventHandler>\n  );\n\n  return (\n    <WebSocketProviderWrapper conversationId={conversationId}>\n      {content}\n    </WebSocketProviderWrapper>\n  );\n}\n\nexport function ConversationView() {\n  return <AppContent />;\n}\n\nexport default ConversationView;\n"],"mappings":"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"}

package/dist/routes/conversation.js

@@ -15,81 +15,82 @@ import { useActiveConversation as m } from "../hooks/query/use-active-conversati
 import { EventHandler as h } from "../wrapper/event-handler.js";
 import { useTaskPollingController as g } from "../hooks/query/use-task-polling.js";
 import { useIsAuthed as _ } from "../hooks/query/use-is-authed.js";
-import { ConversationMain as v } from "../components/features/conversation/conversation-main/conversation-main.js";
-import { ConversationMobilePanelPage as y } from "../components/features/conversation/conversation-main/conversation-mobile-panel-page.js";
-import { WebSocketProviderWrapper as b } from "../contexts/websocket-provider-wrapper.js";
-import x from "react";
-import { jsx as S } from "react/jsx-runtime";
-import { useLocation as C, useMatch as w, useNavigate as T } from "react-router";
+import { ConversationOverviewDrawerProvider as v } from "../components/features/conversation/conversation-overview-drawer-context.js";
+import { ConversationMain as y } from "../components/features/conversation/conversation-main/conversation-main.js";
+import { ConversationMobilePanelPage as b } from "../components/features/conversation/conversation-main/conversation-mobile-panel-page.js";
+import { WebSocketProviderWrapper as x } from "../contexts/websocket-provider-wrapper.js";
+import S from "react";
+import { jsx as C } from "react/jsx-runtime";
+import { useLocation as w, useMatch as T, useNavigate as E } from "react-router";
 //#region src/routes/conversation.tsx
-function E() {
-	let { t: E } = e("openhands"), { conversationId: D } = r(), O = w("/conversations/:conversationId/panel"), { isTask: k, taskStatus: A, taskDetail: j } = g(), M = l(), N = x.useRef(M.backend.id), P = x.useRef(M.orgId), F = N.current !== M.backend.id || P.current !== M.orgId, { data: I, isFetched: L } = m(), { data: R } = _(), { resetConversationState: z } = a(), B = T(), V = C(), H = i((e) => e.clearTerminal), U = s((e) => e.reset), W = o((e) => e.setCurrentAgentState), G = f((e) => e.removeErrorMessage);
-	x.useEffect(() => {
-		H(), z(), U(), W(n.LOADING), G();
+function D() {
+	let { t: D } = e("openhands"), { conversationId: O } = r(), k = T("/conversations/:conversationId/panel"), { isTask: A, taskStatus: j, taskDetail: M } = g(), N = l(), P = S.useRef(N.backend.id), F = S.useRef(N.orgId), I = P.current !== N.backend.id || F.current !== N.orgId, { data: L, isFetched: R } = m(), { data: z } = _(), { resetConversationState: B } = a(), V = E(), H = w(), U = i((e) => e.clearTerminal), W = s((e) => e.reset), G = o((e) => e.setCurrentAgentState), K = f((e) => e.removeErrorMessage);
+	S.useEffect(() => {
+		U(), B(), W(), G(n.LOADING), K();
 	}, [
-		D,
-		H,
-		z,
+		O,
 		U,
+		B,
 		W,
-		G
-	]), x.useEffect(() => {
-		if (k && A === "ERROR") {
-			c(j || E(t.CONVERSATION$FAILED_TO_START_FROM_TASK));
-			let e = V.state?.resumedFromConversationId;
-			B(e ? `/conversations/${e}` : "/conversations", { replace: !0 });
+		G,
+		K
+	]), S.useEffect(() => {
+		if (A && j === "ERROR") {
+			c(M || D(t.CONVERSATION$FAILED_TO_START_FROM_TASK));
+			let e = H.state?.resumedFromConversationId;
+			V(e ? `/conversations/${e}` : "/conversations", { replace: !0 });
 		}
 	}, [
-		k,
 		A,
 		j,
-		E,
-		B,
-		V.state
-	]), x.useEffect(() => {
-		!L || !R || F || I || (u(M.backend.id, M.orgId), c(E(t.CONVERSATION$NOT_EXIST_OR_NO_PERMISSION)), B("/conversations"));
+		M,
+		D,
+		V,
+		H.state
+	]), S.useEffect(() => {
+		!R || !z || I || L || (u(N.backend.id, N.orgId), c(D(t.CONVERSATION$NOT_EXIST_OR_NO_PERMISSION)), V("/conversations"));
 	}, [
-		I,
 		L,
 		R,
-		B,
-		E,
-		F,
-		M.backend.id,
-		M.orgId
-	]), x.useEffect(() => {
-		F || D && (D.startsWith("task-") || d(M.backend.id, M.orgId, D));
-	}, [
+		z,
+		V,
 		D,
-		F,
-		M.backend.id,
-		M.orgId
+		I,
+		N.backend.id,
+		N.orgId
+	]), S.useEffect(() => {
+		I || O && (O.startsWith("task-") || d(N.backend.id, N.orgId, O));
+	}, [
+		O,
+		I,
+		N.backend.id,
+		N.orgId
 	]);
-	let K = x.useRef(null);
-	return x.useEffect(() => {
-		!L || !I || M.backend.kind === "cloud" && I.sandbox_status === "PAUSED" && I.sandbox_id && K.current !== I.id && (K.current = I.id, p(I.sandbox_id).catch(() => {
-			c(E(t.CONVERSATION$FAILED_TO_START_FROM_TASK));
+	let q = S.useRef(null);
+	return S.useEffect(() => {
+		!R || !L || N.backend.kind === "cloud" && L.sandbox_status === "PAUSED" && L.sandbox_id && q.current !== L.id && (q.current = L.id, p(L.sandbox_id).catch(() => {
+			c(D(t.CONVERSATION$FAILED_TO_START_FROM_TASK));
 		}));
 	}, [
-		L,
-		I?.id,
-		I?.sandbox_status,
-		I?.sandbox_id,
-		M.backend.kind,
-		E
-	]), F ? null : /* @__PURE__ */ S(b, {
-		conversationId: D,
-		children: /* @__PURE__ */ S(h, { children: /* @__PURE__ */ S("div", {
+		R,
+		L?.id,
+		L?.sandbox_status,
+		L?.sandbox_id,
+		N.backend.kind,
+		D
+	]), I ? null : /* @__PURE__ */ C(x, {
+		conversationId: O,
+		children: /* @__PURE__ */ C(h, { children: /* @__PURE__ */ C(v, { children: /* @__PURE__ */ C("div", {
 			"data-testid": "app-route",
 			className: "flex h-full flex-col",
-			children: O ? /* @__PURE__ */ S(y, { onNavigateBack: () => B(`/conversations/${D}`) }) : /* @__PURE__ */ S(v, {})
-		}) })
+			children: k ? /* @__PURE__ */ C(b, { onNavigateBack: () => V(`/conversations/${O}`) }) : /* @__PURE__ */ C(y, {})
+		}) }) })
 	});
 }
-function D() {
-	return /* @__PURE__ */ S(E, {});
+function O() {
+	return /* @__PURE__ */ C(D, {});
 }
 //#endregion
-export { D as default };
+export { O as default };
 
 //# sourceMappingURL=conversation.js.map

package/dist/routes/conversation.js.map

@@ -1 +1 @@
-{"version":3,"file":"conversation.js","names":[],"sources":["../../src/routes/conversation.tsx"],"sourcesContent":["import React from \"react\";\nimport { useNavigate, useLocation, useMatch } from \"react-router\";\nimport { useTranslation } from \"react-i18next\";\n\nimport { useConversationId } from \"#/hooks/use-conversation-id\";\nimport { useCommandStore } from \"#/stores/command-store\";\nimport { useConversationStore } from \"#/stores/conversation-store\";\nimport { useAgentStore } from \"#/stores/agent-store\";\nimport { useConversationStateStore } from \"#/stores/conversation-state-store\";\nimport { useActiveBackend } from \"#/contexts/active-backend-context\";\nimport {\n  clearLastConversationId,\n  setLastConversationId,\n} from \"#/api/backend-registry/last-conversation-store\";\nimport { AgentState } from \"#/types/agent-state\";\n\nimport { EventHandler } from \"../wrapper/event-handler\";\n\nimport { useActiveConversation } from \"#/hooks/query/use-active-conversation\";\nimport { useTaskPollingController } from \"#/hooks/query/use-task-polling\";\n\nimport { displayErrorToast } from \"#/utils/custom-toast-handlers\";\nimport { useIsAuthed } from \"#/hooks/query/use-is-authed\";\nimport { ConversationMain } from \"#/components/features/conversation/conversation-main/conversation-main\";\nimport { ConversationMobilePanelPage } from \"#/components/features/conversation/conversation-main/conversation-mobile-panel-page\";\n\nimport { WebSocketProviderWrapper } from \"#/contexts/websocket-provider-wrapper\";\nimport { useErrorMessageStore } from \"#/stores/error-message-store\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { resumeCloudSandbox } from \"#/api/cloud/conversation-service.api\";\n\nfunction AppContent() {\n  const { t } = useTranslation(\"openhands\");\n  const { conversationId } = useConversationId();\n  const panelViewMatch = useMatch(\"/conversations/:conversationId/panel\");\n\n  const { isTask, taskStatus, taskDetail } = useTaskPollingController();\n\n  // The conversationId in the URL belongs to whichever backend was\n  // active when the route first mounted. If the user switches backends\n  // while this route is still mounted, the id is meaningless under the\n  // new backend — disable the active-conversation fetch (and its 404\n  // toast) so we don't fire a request that the BackendSelector's\n  // redirect will immediately navigate away from anyway. Mirrors the\n  // same guard in `routes/automation-detail.tsx`.\n  const active = useActiveBackend();\n  const mountedBackendId = React.useRef(active.backend.id);\n  const mountedOrgId = React.useRef(active.orgId);\n  const backendChanged =\n    mountedBackendId.current !== active.backend.id ||\n    mountedOrgId.current !== active.orgId;\n\n  const { data: conversation, isFetched } = useActiveConversation();\n  const { data: isAuthed } = useIsAuthed();\n  const { resetConversationState } = useConversationStore();\n  const navigate = useNavigate();\n  const location = useLocation();\n  const clearTerminal = useCommandStore((state) => state.clearTerminal);\n  const resetConversationRuntimeState = useConversationStateStore(\n    (state) => state.reset,\n  );\n  const setCurrentAgentState = useAgentStore(\n    (state) => state.setCurrentAgentState,\n  );\n  const removeErrorMessage = useErrorMessageStore(\n    (state) => state.removeErrorMessage,\n  );\n\n  // Per-conversation UI/runtime resets. The event store is cleared separately,\n  // inside ConversationWebSocketProvider, so the clear is ordered *before* the\n  // preloaded-history re-seed (see the note there) — clearing it here would run\n  // too late and wipe the freshly seeded history on a conversation switch.\n  React.useEffect(() => {\n    clearTerminal();\n    resetConversationState();\n    resetConversationRuntimeState();\n    setCurrentAgentState(AgentState.LOADING);\n    removeErrorMessage();\n  }, [\n    conversationId,\n    clearTerminal,\n    resetConversationState,\n    resetConversationRuntimeState,\n    setCurrentAgentState,\n    removeErrorMessage,\n  ]);\n\n  React.useEffect(() => {\n    if (isTask && taskStatus === \"ERROR\") {\n      displayErrorToast(\n        taskDetail || t(I18nKey.CONVERSATION$FAILED_TO_START_FROM_TASK),\n      );\n      // Navigate back to the original conversation when a resume task fails so\n      // the user isn't stranded at the dead task-{id} URL. The resume effect's\n      // ref prevents it from immediately retrying once we land there.\n      const resumedFrom = (location.state as Record<string, unknown> | null)\n        ?.resumedFromConversationId as string | undefined;\n      navigate(\n        resumedFrom ? `/conversations/${resumedFrom}` : \"/conversations\",\n        { replace: true },\n      );\n    }\n  }, [isTask, taskStatus, taskDetail, t, navigate, location.state]);\n\n  React.useEffect(() => {\n    if (!isFetched || !isAuthed) return;\n    // The BackendSelector is in the middle of redirecting us away from\n    // this route — don't toast/navigate based on a 404 that's just\n    // \"this id doesn't exist on the new backend\".\n    if (backendChanged) return;\n\n    if (!conversation) {\n      // Clear the per-backend \"last selected\" slot so the next switch\n      // to this backend doesn't try to revisit a stale id.\n      clearLastConversationId(active.backend.id, active.orgId);\n      displayErrorToast(t(I18nKey.CONVERSATION$NOT_EXIST_OR_NO_PERMISSION));\n      navigate(\"/conversations\");\n    }\n  }, [\n    conversation,\n    isFetched,\n    isAuthed,\n    navigate,\n    t,\n    backendChanged,\n    active.backend.id,\n    active.orgId,\n  ]);\n\n  // Remember the most recently selected conversation for the current\n  // (backend, org) so flipping back to this backend later restores the\n  // user to where they left off. Skip while a backend switch is in\n  // flight: the id in the URL is from the previous backend and would\n  // otherwise overwrite the new backend's memory.\n  React.useEffect(() => {\n    if (backendChanged) return;\n    if (!conversationId) return;\n    if (conversationId.startsWith(\"task-\")) return;\n    setLastConversationId(active.backend.id, active.orgId, conversationId);\n  }, [conversationId, backendChanged, active.backend.id, active.orgId]);\n\n  // Cloud conversation resume: mirrors OpenHands' useSandboxRecovery.\n  //\n  // When the cloud API reports sandbox_status === \"PAUSED\" the sandbox is\n  // sleeping. The correct wake-up call is POST /api/v1/sandboxes/{id}/resume\n  // (a lightweight unpause). The previous approach — creating a new start task\n  // via POST /api/v1/app-conversations — was wrong: it tries to provision a\n  // fresh conversation in the sandbox and is subject to a 120-second cold-start\n  // timeout that can fail. The resume endpoint simply unpauses the existing one.\n  //\n  // After calling resume we stay on the current URL. The 3-second refetch\n  // interval in useActiveConversation (active while conversation_url is null)\n  // polls until conversation_url populates, then the WebSocket connects.\n  //\n  // A ref guards against duplicate triggers per unique conversation.id within\n  // the same route-mount lifetime.\n  const resumeTriggeredForRef = React.useRef<string | null>(null);\n  React.useEffect(() => {\n    if (!isFetched || !conversation) return;\n    if (active.backend.kind !== \"cloud\") return;\n    if (conversation.sandbox_status !== \"PAUSED\") return; // only resume PAUSED sandboxes\n    if (!conversation.sandbox_id) return; // no sandbox to resume\n    if (resumeTriggeredForRef.current === conversation.id) return; // already sent\n\n    resumeTriggeredForRef.current = conversation.id;\n\n    resumeCloudSandbox(conversation.sandbox_id).catch(() => {\n      displayErrorToast(t(I18nKey.CONVERSATION$FAILED_TO_START_FROM_TASK));\n    });\n  }, [\n    isFetched,\n    conversation?.id,\n    conversation?.sandbox_status,\n    conversation?.sandbox_id,\n    active.backend.kind,\n    t,\n  ]);\n\n  // A backend switch is in flight (BackendSelector flips the active backend\n  // and redirects to /conversations on the next tick). The conversationId in\n  // the URL belongs to the *previous* backend, so unmount the whole\n  // conversation subtree now — before any per-conversation query (history,\n  // metrics, sub-conversations, runtime info, …) re-fires against a backend\n  // the id is foreign to. Those foreign fetches fail response validation and\n  // surface \"agent server returned data this UI does not understand\". This is\n  // deterministic regardless of the navigate-vs-setActive render race: React\n  // re-renders this parent before its children, so returning null removes them\n  // before they can issue the request.\n  if (backendChanged) {\n    return null;\n  }\n\n  const content = (\n    <EventHandler>\n      <div data-testid=\"app-route\" className=\"flex h-full flex-col\">\n        {panelViewMatch ? (\n          <ConversationMobilePanelPage\n            onNavigateBack={() => navigate(`/conversations/${conversationId}`)}\n          />\n        ) : (\n          <ConversationMain />\n        )}\n      </div>\n    </EventHandler>\n  );\n\n  return (\n    <WebSocketProviderWrapper conversationId={conversationId}>\n      {content}\n    </WebSocketProviderWrapper>\n  );\n}\n\nexport function ConversationView() {\n  return <AppContent />;\n}\n\nexport default ConversationView;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AA+BA,SAAS,IAAa;CACpB,IAAM,EAAE,SAAM,EAAe,WAAW,GAClC,EAAE,sBAAmB,EAAkB,GACvC,IAAiB,EAAS,sCAAsC,GAEhE,EAAE,WAAQ,eAAY,kBAAe,EAAyB,GAS9D,IAAS,EAAiB,GAC1B,IAAmB,EAAM,OAAO,EAAO,QAAQ,EAAE,GACjD,IAAe,EAAM,OAAO,EAAO,KAAK,GACxC,IACJ,EAAiB,YAAY,EAAO,QAAQ,MAC5C,EAAa,YAAY,EAAO,OAE5B,EAAE,MAAM,GAAc,iBAAc,EAAsB,GAC1D,EAAE,MAAM,MAAa,EAAY,GACjC,EAAE,8BAA2B,EAAqB,GAClD,IAAW,EAAY,GACvB,IAAW,EAAY,GACvB,IAAgB,GAAiB,MAAU,EAAM,aAAa,GAC9D,IAAgC,GACnC,MAAU,EAAM,KACnB,GACM,IAAuB,GAC1B,MAAU,EAAM,oBACnB,GACM,IAAqB,GACxB,MAAU,EAAM,kBACnB;CAoEA,AA9DA,EAAM,gBAAgB;EAKpB,AAJA,EAAc,GACd,EAAuB,GACvB,EAA8B,GAC9B,EAAqB,EAAW,OAAO,GACvC,EAAmB;CACrB,GAAG;EACD;EACA;EACA;EACA;EACA;EACA;CACF,CAAC,GAED,EAAM,gBAAgB;EACpB,IAAI,KAAU,MAAe,SAAS;GACpC,EACE,KAAc,EAAE,EAAQ,sCAAsC,CAChE;GAIA,IAAM,IAAe,EAAS,OAC1B;GACJ,EACE,IAAc,kBAAkB,MAAgB,kBAChD,EAAE,SAAS,GAAK,CAClB;EACF;CACF,GAAG;EAAC;EAAQ;EAAY;EAAY;EAAG;EAAU,EAAS;CAAK,CAAC,GAEhE,EAAM,gBAAgB;EAChB,CAAC,KAAa,CAAC,KAIf,KAEC,MAGH,EAAwB,EAAO,QAAQ,IAAI,EAAO,KAAK,GACvD,EAAkB,EAAE,EAAQ,uCAAuC,CAAC,GACpE,EAAS,gBAAgB;CAE7B,GAAG;EACD;EACA;EACA;EACA;EACA;EACA;EACA,EAAO,QAAQ;EACf,EAAO;CACT,CAAC,GAOD,EAAM,gBAAgB;EAChB,KACC,MACD,EAAe,WAAW,OAAO,KACrC,EAAsB,EAAO,QAAQ,IAAI,EAAO,OAAO,CAAc;CACvE,GAAG;EAAC;EAAgB;EAAgB,EAAO,QAAQ;EAAI,EAAO;CAAK,CAAC;CAiBpE,IAAM,IAAwB,EAAM,OAAsB,IAAI;CAkD9D,OAjDA,EAAM,gBAAgB;EAChB,CAAC,KAAa,CAAC,KACf,EAAO,QAAQ,SAAS,WACxB,EAAa,mBAAmB,YAC/B,EAAa,cACd,EAAsB,YAAY,EAAa,OAEnD,EAAsB,UAAU,EAAa,IAE7C,EAAmB,EAAa,UAAU,EAAE,YAAY;GACtD,EAAkB,EAAE,EAAQ,sCAAsC,CAAC;EACrE,CAAC;CACH,GAAG;EACD;EACA,GAAc;EACd,GAAc;EACd,GAAc;EACd,EAAO,QAAQ;EACf;CACF,CAAC,GAYG,IACK,OAkBP,kBAAC,GAAD;EAA0C;YAd1C,kBAAC,GAAD,EAAA,UACE,kBAAC,OAAD;GAAK,eAAY;GAAY,WAAU;aACpC,IACC,kBAAC,GAAD,EACE,sBAAsB,EAAS,kBAAkB,GAAgB,EAClE,CAAA,IAED,kBAAC,GAAD,CAAmB,CAAA;EAElB,CAAA,EACO,CAKX;CACuB,CAAA;AAE9B;AAEA,SAAgB,IAAmB;CACjC,OAAO,kBAAC,GAAD,CAAa,CAAA;AACtB"}
+{"version":3,"file":"conversation.js","names":[],"sources":["../../src/routes/conversation.tsx"],"sourcesContent":["import React from \"react\";\nimport { useNavigate, useLocation, useMatch } from \"react-router\";\nimport { useTranslation } from \"react-i18next\";\n\nimport { useConversationId } from \"#/hooks/use-conversation-id\";\nimport { useCommandStore } from \"#/stores/command-store\";\nimport { useConversationStore } from \"#/stores/conversation-store\";\nimport { useAgentStore } from \"#/stores/agent-store\";\nimport { useConversationStateStore } from \"#/stores/conversation-state-store\";\nimport { useActiveBackend } from \"#/contexts/active-backend-context\";\nimport {\n  clearLastConversationId,\n  setLastConversationId,\n} from \"#/api/backend-registry/last-conversation-store\";\nimport { AgentState } from \"#/types/agent-state\";\n\nimport { EventHandler } from \"../wrapper/event-handler\";\n\nimport { useActiveConversation } from \"#/hooks/query/use-active-conversation\";\nimport { useTaskPollingController } from \"#/hooks/query/use-task-polling\";\n\nimport { displayErrorToast } from \"#/utils/custom-toast-handlers\";\nimport { useIsAuthed } from \"#/hooks/query/use-is-authed\";\nimport { ConversationMain } from \"#/components/features/conversation/conversation-main/conversation-main\";\nimport { ConversationMobilePanelPage } from \"#/components/features/conversation/conversation-main/conversation-mobile-panel-page\";\nimport { ConversationOverviewDrawerProvider } from \"#/components/features/conversation/conversation-overview-drawer-context\";\n\nimport { WebSocketProviderWrapper } from \"#/contexts/websocket-provider-wrapper\";\nimport { useErrorMessageStore } from \"#/stores/error-message-store\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { resumeCloudSandbox } from \"#/api/cloud/conversation-service.api\";\n\nfunction AppContent() {\n  const { t } = useTranslation(\"openhands\");\n  const { conversationId } = useConversationId();\n  const panelViewMatch = useMatch(\"/conversations/:conversationId/panel\");\n\n  const { isTask, taskStatus, taskDetail } = useTaskPollingController();\n\n  // The conversationId in the URL belongs to whichever backend was\n  // active when the route first mounted. If the user switches backends\n  // while this route is still mounted, the id is meaningless under the\n  // new backend — disable the active-conversation fetch (and its 404\n  // toast) so we don't fire a request that the BackendSelector's\n  // redirect will immediately navigate away from anyway. Mirrors the\n  // same guard in `routes/automation-detail.tsx`.\n  const active = useActiveBackend();\n  const mountedBackendId = React.useRef(active.backend.id);\n  const mountedOrgId = React.useRef(active.orgId);\n  const backendChanged =\n    mountedBackendId.current !== active.backend.id ||\n    mountedOrgId.current !== active.orgId;\n\n  const { data: conversation, isFetched } = useActiveConversation();\n  const { data: isAuthed } = useIsAuthed();\n  const { resetConversationState } = useConversationStore();\n  const navigate = useNavigate();\n  const location = useLocation();\n  const clearTerminal = useCommandStore((state) => state.clearTerminal);\n  const resetConversationRuntimeState = useConversationStateStore(\n    (state) => state.reset,\n  );\n  const setCurrentAgentState = useAgentStore(\n    (state) => state.setCurrentAgentState,\n  );\n  const removeErrorMessage = useErrorMessageStore(\n    (state) => state.removeErrorMessage,\n  );\n\n  // Per-conversation UI/runtime resets. The event store is cleared separately,\n  // inside ConversationWebSocketProvider, so the clear is ordered *before* the\n  // preloaded-history re-seed (see the note there) — clearing it here would run\n  // too late and wipe the freshly seeded history on a conversation switch.\n  React.useEffect(() => {\n    clearTerminal();\n    resetConversationState();\n    resetConversationRuntimeState();\n    setCurrentAgentState(AgentState.LOADING);\n    removeErrorMessage();\n  }, [\n    conversationId,\n    clearTerminal,\n    resetConversationState,\n    resetConversationRuntimeState,\n    setCurrentAgentState,\n    removeErrorMessage,\n  ]);\n\n  React.useEffect(() => {\n    if (isTask && taskStatus === \"ERROR\") {\n      displayErrorToast(\n        taskDetail || t(I18nKey.CONVERSATION$FAILED_TO_START_FROM_TASK),\n      );\n      // Navigate back to the original conversation when a resume task fails so\n      // the user isn't stranded at the dead task-{id} URL. The resume effect's\n      // ref prevents it from immediately retrying once we land there.\n      const resumedFrom = (location.state as Record<string, unknown> | null)\n        ?.resumedFromConversationId as string | undefined;\n      navigate(\n        resumedFrom ? `/conversations/${resumedFrom}` : \"/conversations\",\n        { replace: true },\n      );\n    }\n  }, [isTask, taskStatus, taskDetail, t, navigate, location.state]);\n\n  React.useEffect(() => {\n    if (!isFetched || !isAuthed) return;\n    // The BackendSelector is in the middle of redirecting us away from\n    // this route — don't toast/navigate based on a 404 that's just\n    // \"this id doesn't exist on the new backend\".\n    if (backendChanged) return;\n\n    if (!conversation) {\n      // Clear the per-backend \"last selected\" slot so the next switch\n      // to this backend doesn't try to revisit a stale id.\n      clearLastConversationId(active.backend.id, active.orgId);\n      displayErrorToast(t(I18nKey.CONVERSATION$NOT_EXIST_OR_NO_PERMISSION));\n      navigate(\"/conversations\");\n    }\n  }, [\n    conversation,\n    isFetched,\n    isAuthed,\n    navigate,\n    t,\n    backendChanged,\n    active.backend.id,\n    active.orgId,\n  ]);\n\n  // Remember the most recently selected conversation for the current\n  // (backend, org) so flipping back to this backend later restores the\n  // user to where they left off. Skip while a backend switch is in\n  // flight: the id in the URL is from the previous backend and would\n  // otherwise overwrite the new backend's memory.\n  React.useEffect(() => {\n    if (backendChanged) return;\n    if (!conversationId) return;\n    if (conversationId.startsWith(\"task-\")) return;\n    setLastConversationId(active.backend.id, active.orgId, conversationId);\n  }, [conversationId, backendChanged, active.backend.id, active.orgId]);\n\n  // Cloud conversation resume: mirrors OpenHands' useSandboxRecovery.\n  //\n  // When the cloud API reports sandbox_status === \"PAUSED\" the sandbox is\n  // sleeping. The correct wake-up call is POST /api/v1/sandboxes/{id}/resume\n  // (a lightweight unpause). The previous approach — creating a new start task\n  // via POST /api/v1/app-conversations — was wrong: it tries to provision a\n  // fresh conversation in the sandbox and is subject to a 120-second cold-start\n  // timeout that can fail. The resume endpoint simply unpauses the existing one.\n  //\n  // After calling resume we stay on the current URL. The 3-second refetch\n  // interval in useActiveConversation (active while conversation_url is null)\n  // polls until conversation_url populates, then the WebSocket connects.\n  //\n  // A ref guards against duplicate triggers per unique conversation.id within\n  // the same route-mount lifetime.\n  const resumeTriggeredForRef = React.useRef<string | null>(null);\n  React.useEffect(() => {\n    if (!isFetched || !conversation) return;\n    if (active.backend.kind !== \"cloud\") return;\n    if (conversation.sandbox_status !== \"PAUSED\") return; // only resume PAUSED sandboxes\n    if (!conversation.sandbox_id) return; // no sandbox to resume\n    if (resumeTriggeredForRef.current === conversation.id) return; // already sent\n\n    resumeTriggeredForRef.current = conversation.id;\n\n    resumeCloudSandbox(conversation.sandbox_id).catch(() => {\n      displayErrorToast(t(I18nKey.CONVERSATION$FAILED_TO_START_FROM_TASK));\n    });\n  }, [\n    isFetched,\n    conversation?.id,\n    conversation?.sandbox_status,\n    conversation?.sandbox_id,\n    active.backend.kind,\n    t,\n  ]);\n\n  // A backend switch is in flight (BackendSelector flips the active backend\n  // and redirects to /conversations on the next tick). The conversationId in\n  // the URL belongs to the *previous* backend, so unmount the whole\n  // conversation subtree now — before any per-conversation query (history,\n  // metrics, sub-conversations, runtime info, …) re-fires against a backend\n  // the id is foreign to. Those foreign fetches fail response validation and\n  // surface \"agent server returned data this UI does not understand\". This is\n  // deterministic regardless of the navigate-vs-setActive render race: React\n  // re-renders this parent before its children, so returning null removes them\n  // before they can issue the request.\n  if (backendChanged) {\n    return null;\n  }\n\n  const content = (\n    <EventHandler>\n      <ConversationOverviewDrawerProvider>\n        <div data-testid=\"app-route\" className=\"flex h-full flex-col\">\n          {panelViewMatch ? (\n            <ConversationMobilePanelPage\n              onNavigateBack={() =>\n                navigate(`/conversations/${conversationId}`)\n              }\n            />\n          ) : (\n            <ConversationMain />\n          )}\n        </div>\n      </ConversationOverviewDrawerProvider>\n    </EventHandler>\n  );\n\n  return (\n    <WebSocketProviderWrapper conversationId={conversationId}>\n      {content}\n    </WebSocketProviderWrapper>\n  );\n}\n\nexport function ConversationView() {\n  return <AppContent />;\n}\n\nexport default ConversationView;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAgCA,SAAS,IAAa;CACpB,IAAM,EAAE,SAAM,EAAe,WAAW,GAClC,EAAE,sBAAmB,EAAkB,GACvC,IAAiB,EAAS,sCAAsC,GAEhE,EAAE,WAAQ,eAAY,kBAAe,EAAyB,GAS9D,IAAS,EAAiB,GAC1B,IAAmB,EAAM,OAAO,EAAO,QAAQ,EAAE,GACjD,IAAe,EAAM,OAAO,EAAO,KAAK,GACxC,IACJ,EAAiB,YAAY,EAAO,QAAQ,MAC5C,EAAa,YAAY,EAAO,OAE5B,EAAE,MAAM,GAAc,iBAAc,EAAsB,GAC1D,EAAE,MAAM,MAAa,EAAY,GACjC,EAAE,8BAA2B,EAAqB,GAClD,IAAW,EAAY,GACvB,IAAW,EAAY,GACvB,IAAgB,GAAiB,MAAU,EAAM,aAAa,GAC9D,IAAgC,GACnC,MAAU,EAAM,KACnB,GACM,IAAuB,GAC1B,MAAU,EAAM,oBACnB,GACM,IAAqB,GACxB,MAAU,EAAM,kBACnB;CAoEA,AA9DA,EAAM,gBAAgB;EAKpB,AAJA,EAAc,GACd,EAAuB,GACvB,EAA8B,GAC9B,EAAqB,EAAW,OAAO,GACvC,EAAmB;CACrB,GAAG;EACD;EACA;EACA;EACA;EACA;EACA;CACF,CAAC,GAED,EAAM,gBAAgB;EACpB,IAAI,KAAU,MAAe,SAAS;GACpC,EACE,KAAc,EAAE,EAAQ,sCAAsC,CAChE;GAIA,IAAM,IAAe,EAAS,OAC1B;GACJ,EACE,IAAc,kBAAkB,MAAgB,kBAChD,EAAE,SAAS,GAAK,CAClB;EACF;CACF,GAAG;EAAC;EAAQ;EAAY;EAAY;EAAG;EAAU,EAAS;CAAK,CAAC,GAEhE,EAAM,gBAAgB;EAChB,CAAC,KAAa,CAAC,KAIf,KAEC,MAGH,EAAwB,EAAO,QAAQ,IAAI,EAAO,KAAK,GACvD,EAAkB,EAAE,EAAQ,uCAAuC,CAAC,GACpE,EAAS,gBAAgB;CAE7B,GAAG;EACD;EACA;EACA;EACA;EACA;EACA;EACA,EAAO,QAAQ;EACf,EAAO;CACT,CAAC,GAOD,EAAM,gBAAgB;EAChB,KACC,MACD,EAAe,WAAW,OAAO,KACrC,EAAsB,EAAO,QAAQ,IAAI,EAAO,OAAO,CAAc;CACvE,GAAG;EAAC;EAAgB;EAAgB,EAAO,QAAQ;EAAI,EAAO;CAAK,CAAC;CAiBpE,IAAM,IAAwB,EAAM,OAAsB,IAAI;CAsD9D,OArDA,EAAM,gBAAgB;EAChB,CAAC,KAAa,CAAC,KACf,EAAO,QAAQ,SAAS,WACxB,EAAa,mBAAmB,YAC/B,EAAa,cACd,EAAsB,YAAY,EAAa,OAEnD,EAAsB,UAAU,EAAa,IAE7C,EAAmB,EAAa,UAAU,EAAE,YAAY;GACtD,EAAkB,EAAE,EAAQ,sCAAsC,CAAC;EACrE,CAAC;CACH,GAAG;EACD;EACA,GAAc;EACd,GAAc;EACd,GAAc;EACd,EAAO,QAAQ;EACf;CACF,CAAC,GAYG,IACK,OAsBP,kBAAC,GAAD;EAA0C;YAlB1C,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD,EAAA,UACE,kBAAC,OAAD;GAAK,eAAY;GAAY,WAAU;aACpC,IACC,kBAAC,GAAD,EACE,sBACE,EAAS,kBAAkB,GAAgB,EAE9C,CAAA,IAED,kBAAC,GAAD,CAAmB,CAAA;EAElB,CAAA,EAC6B,CAAA,EACxB,CAKX;CACuB,CAAA;AAE9B;AAEA,SAAgB,IAAmB;CACjC,OAAO,kBAAC,GAAD,CAAa,CAAA;AACtB"}

package/dist/routes/files-tab.cjs

@@ -1,2 +1,2 @@
-require("../_virtual/_rolldown/runtime.cjs");const e=require("../node_modules/react-i18next/dist/es/useTranslation.cjs"),t=require("../i18n/declaration.cjs"),ee=require("../hooks/use-conversation-id.cjs"),te=require("../utils/conversation-local-storage.cjs"),n=require("../node_modules/@tanstack/react-query/build/modern/QueryClientProvider.cjs"),r=require("../stores/files-tab-store.cjs"),i=require("../icons/link-external.cjs"),a=require("../components/features/files-tab/segmented-toggle.cjs"),o=require("../components/features/files-tab/no-file-selected-message.cjs"),s=require("../hooks/query/use-workspace-files.cjs"),c=require("../stores/use-workspace-mutation-counter.cjs"),l=require("../hooks/query/use-workspace-file-content.cjs"),u=require("../hooks/use-has-attached-source.cjs"),d=require("../hooks/query/use-has-git-commits.cjs"),f=require("../hooks/use-auto-refresh-files-on-edit.cjs"),p=require("../hooks/query/use-unified-get-git-changes.cjs"),m=require("../utils/file-priority.cjs"),ne=require("../components/features/files-tab/file-quick-row.cjs"),h=require("../components/features/files-tab/file-tree-view.cjs"),g=require("../components/features/files-tab/file-content-viewer.cjs"),_=require("../icons/u-refresh.cjs"),v=require("../hooks/query/use-unified-git-commits.cjs"),y=require("./changes-tab.cjs"),b=require("./commits-tab.cjs");let x=require("react"),S=require("react/jsx-runtime");function C(){let{t:C}=e.useTranslation(`openhands`);f.useAutoRefreshFilesOnEdit();let{hasAttachedSource:w,isLoading:T}=u.useHasAttachedSource(),{hasCommits:E}=d.useHasGitCommits({enabled:w}),{conversationId:D}=ee.useOptionalConversationId(),{state:O,setFilesTabDiffView:k,setFilesTabContentViewMode:A}=te.useConversationLocalStorageState(D??``),j=(w||T)&&E!==!1,M=O.filesTabDiffView??j,N=O.filesTabContentViewMode,{isSuccess:P,isUnsupported:F}=v.useUnifiedGitCommits(),I=P&&!F,[L,R]=(0,x.useState)(!1),z=M?`on`:`off`;L&&I&&(z=`commits`);let[B,V]=(0,x.useState)(!1),H=s.useWorkspaceFiles(),U=(0,x.useMemo)(()=>H.data??[],[H.data]),W=r.useFilesTabStore(e=>e.selectedPath),G=r.useFilesTabStore(e=>e.selectedConversationId),K=r.useFilesTabStore(e=>e.setSelectedPath),q=G===D?W:null,J=(0,x.useCallback)(e=>K(e,D),[D,K]),Y=l.useWorkspaceFileContent(q),X=c.useWorkspaceMutationCounter(e=>e.count),Z=c.withWorkspaceCacheBuster(Y.data?.staticUrl??null,X);(0,x.useEffect)(()=>{G!==D&&K(null,D)},[G,D,K]),(0,x.useEffect)(()=>{if(q||U.length===0)return;let[e]=m.sortFilesByPriority(U);e&&K(e,D)},[U,q,D,K]);let Q=n.useQueryClient(),{refetch:re,isFetching:$}=p.useUnifiedGetGitChanges(),ie=()=>{re(),Q.invalidateQueries({queryKey:[`workspace-files`]}),Q.invalidateQueries({queryKey:[`workspace-file-content`]}),Q.invalidateQueries({queryKey:[`git_commits`]})};return(0,S.jsxs)(`main`,{className:`h-full w-full flex flex-col items-stretch`,"data-testid":`files-tab`,children:[(0,S.jsxs)(`div`,{className:`flex items-center gap-3 px-3 py-1.5 border-b border-[var(--oh-border)]`,children:[(0,S.jsx)(a.SegmentedToggle,{ariaLabel:C(t.I18nKey.FILES$DIFF_VIEW),testId:`files-tab-diff-toggle`,value:z,options:[{value:`on`,label:C(t.I18nKey.FILES$DIFF_VIEW)},...I?[{value:`commits`,label:C(t.I18nKey.DIFF_VIEWER$COMMITS)}]:[],{value:`off`,label:C(t.I18nKey.COMMON$FILES)}],onChange:e=>{e===`commits`?R(!0):(R(!1),k(e===`on`))}}),z===`off`&&(0,S.jsx)(a.SegmentedToggle,{ariaLabel:C(t.I18nKey.FILES$RICH),testId:`files-tab-content-mode-toggle`,value:N,options:[{value:`rich`,label:C(t.I18nKey.FILES$RICH)},{value:`plain`,label:C(t.I18nKey.FILES$PLAIN)}],onChange:A}),(0,S.jsxs)(`div`,{className:`ml-auto flex items-center gap-1`,children:[z===`off`&&Z&&(0,S.jsx)(`a`,{href:Z,target:`_blank`,rel:`noopener noreferrer`,"aria-label":C(t.I18nKey.FILES$OPEN_IN_NEW_WINDOW),title:C(t.I18nKey.FILES$OPEN_IN_NEW_WINDOW),"data-testid":`files-tab-open-in-new-window`,className:`flex items-center justify-center w-[26px] py-1 rounded-[7px] hover:bg-[var(--oh-interactive-hover)] cursor-pointer text-white`,children:(0,S.jsx)(i.default,{width:14,height:14})}),(0,S.jsx)(`button`,{type:`button`,onClick:ie,disabled:$,"aria-label":C(t.I18nKey.FILES$REFRESH),title:C(t.I18nKey.FILES$REFRESH),"data-testid":`files-tab-refresh`,className:`flex items-center justify-center w-[26px] py-1 rounded-[7px] hover:enabled:bg-[var(--oh-interactive-hover)] cursor-pointer disabled:opacity-50 disabled:cursor-not-allowed`,children:(0,S.jsx)(_.default,{width:12.75,height:15,color:`#ffffff`,className:$?`animate-spin`:``})})]})]}),z===`on`&&(0,S.jsx)(`div`,{className:`flex-1 min-h-0`,children:(0,S.jsx)(y.default,{})}),z===`commits`&&(0,S.jsx)(`div`,{className:`flex-1 min-h-0`,children:(0,S.jsx)(b.default,{})}),z===`off`&&(0,S.jsx)(`div`,{className:`flex flex-1 flex-col min-h-0`,children:H.isLoading?(0,S.jsx)(`div`,{className:`flex flex-1 items-center justify-center text-sm text-[var(--oh-muted)]`,children:C(t.I18nKey.FILES$LOADING_FILES)}):(0,S.jsxs)(S.Fragment,{children:[(0,S.jsx)(ne.FileQuickRow,{paths:U,selectedPath:q,onSelectFile:J,isTreeVisible:B,onToggleTree:()=>V(e=>!e)}),(0,S.jsxs)(`div`,{className:`flex h-full min-h-0 flex-1`,children:[B&&(0,S.jsx)(`aside`,{className:`w-56 shrink-0 border-r border-[var(--oh-border)] overflow-y-auto custom-scrollbar-always`,"data-testid":`files-tab-tree`,children:(0,S.jsx)(h.FileTreeView,{paths:U,selectedPath:q,onSelectFile:J})}),(0,S.jsx)(`section`,{className:`flex h-full min-h-0 min-w-0 flex-1 flex-col`,"data-testid":`files-tab-content`,children:q?(0,S.jsx)(g.FileContentViewer,{path:q,viewMode:N}):(0,S.jsx)(o.NoFileSelectedMessage,{})})]})]})})]})}exports.default=C;
+require("../_virtual/_rolldown/runtime.cjs");const e=require("../node_modules/react-i18next/dist/es/useTranslation.cjs"),t=require("../i18n/declaration.cjs"),n=require("../hooks/use-conversation-id.cjs"),r=require("../utils/conversation-local-storage.cjs"),i=require("../node_modules/@tanstack/react-query/build/modern/QueryClientProvider.cjs"),a=require("../stores/files-tab-store.cjs"),o=require("../hooks/query/use-active-conversation.cjs"),s=require("../icons/link-external.cjs"),c=require("../stores/use-workspace-mutation-counter.cjs"),l=require("../hooks/use-auto-refresh-files-on-edit.cjs"),u=require("../hooks/query/use-workspace-files.cjs"),d=require("../components/ui/resize-handle.cjs"),f=require("../hooks/use-resizable-drawer-width.cjs"),p=require("../components/features/files-tab/segmented-toggle.cjs"),m=require("../components/features/files-tab/no-file-selected-message.cjs"),h=require("../hooks/query/use-workspace-file-content.cjs"),g=require("../components/features/files-tab/file-quick-row.cjs"),_=require("../components/features/files-tab/file-tree-view.cjs"),v=require("../components/features/files-tab/file-content-viewer.cjs"),y=require("../components/features/files-tab/workspace-path.cjs"),b=require("../components/features/files-tab/files-tab-tree.constants.cjs"),x=require("../icons/u-refresh.cjs");let S=require("react"),C=require("react/jsx-runtime");function w(){let{t:w}=e.useTranslation(`openhands`);l.useAutoRefreshFilesOnEdit();let{data:ee}=o.useActiveConversation(),T=ee?.workspace?.working_dir,{conversationId:E}=n.useOptionalConversationId(),{state:D,setFilesTabContentViewMode:O,setFilesTabTreeVisible:k}=r.useConversationLocalStorageState(E??``),A=D.filesTabContentViewMode,j=D.filesTabTreeVisible??!0,M=(0,S.useCallback)(()=>{k?.(!j)},[j,k]),N=(0,S.useRef)(null),{drawerWidth:P,isDragging:F,handleMouseDown:I}=f.useResizableDrawerWidth({containerRef:N,defaultWidth:224,minWidth:160,maxWidth:480,storageKey:b.FILES_TAB_TREE_WIDTH_STORAGE_KEY,enabled:j,edge:`left`}),L=u.useWorkspaceFiles(),R=(0,S.useMemo)(()=>L.data??[],[L.data]),z=a.useFilesTabStore(e=>e.selectedPath),B=a.useFilesTabStore(e=>e.selectedConversationId),V=a.useFilesTabStore(e=>e.openPaths),H=a.useFilesTabStore(e=>e.setSelectedPath),U=a.useFilesTabStore(e=>e.closeOpenPath),W=a.useFilesTabStore(e=>e.hydrateForConversation),G=B===E?z:null,K=B===E?V:[],q=(0,S.useCallback)(e=>H(e,E),[E,H]),J=h.useWorkspaceFileContent(G),Y=c.useWorkspaceMutationCounter(e=>e.count),X=c.withWorkspaceCacheBuster(J.data?.staticUrl??null,Y);(0,S.useEffect)(()=>{if(!E||B===E)return;let e=r.getConversationState(E);W(E,e.filesTabOpenPaths??[],e.filesTabSelectedPath??null)},[E,B,W]);let Z=i.useQueryClient(),[Q,$]=(0,S.useState)(!1),te=(0,C.jsx)(`button`,{type:`button`,onClick:async()=>{$(!0);try{await Promise.all([Z.invalidateQueries({queryKey:[`workspace-files`]}),Z.invalidateQueries({queryKey:[`workspace-file-content`]})])}finally{$(!1)}},disabled:Q,"aria-label":w(t.I18nKey.FILES$REFRESH),title:w(t.I18nKey.FILES$REFRESH),"data-testid":`files-tab-refresh`,className:`flex items-center justify-center w-[26px] py-1 rounded-[7px] hover:enabled:bg-[var(--oh-interactive-hover)] cursor-pointer disabled:opacity-50 disabled:cursor-not-allowed`,children:(0,C.jsx)(x.default,{width:12.75,height:15,color:`#ffffff`,className:Q?`animate-spin`:``})});return(0,C.jsxs)(`main`,{className:`h-full w-full flex flex-col items-stretch`,"data-testid":`files-tab`,children:[(0,C.jsx)(y.WorkspacePath,{path:T}),L.isLoading?(0,C.jsx)(`div`,{className:`flex flex-1 items-center justify-center text-sm text-[var(--oh-muted)]`,children:w(t.I18nKey.FILES$LOADING_FILES)}):(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)(g.FileQuickRow,{openPaths:K,selectedPath:G,onSelectFile:q,onCloseFile:U,isTreeVisible:j,onToggleTree:M,actions:te}),(0,C.jsxs)(`div`,{ref:N,className:`flex h-full min-h-0 flex-1`,children:[j&&(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)(`aside`,{className:`shrink-0 border-r border-[var(--oh-border)] overflow-y-auto custom-scrollbar-always`,"data-testid":`files-tab-tree`,style:{width:`${P}px`},children:(0,C.jsx)(_.FileTreeView,{paths:R,selectedPath:G,onSelectFile:q})}),(0,C.jsx)(d.ResizeHandle,{testId:`files-tab-tree-resize-handle`,onMouseDown:I,isDragging:F})]}),(0,C.jsx)(`section`,{className:`flex h-full min-h-0 min-w-0 flex-1 flex-col`,"data-testid":`files-tab-content`,children:G?(0,C.jsxs)(C.Fragment,{children:[(0,C.jsxs)(`div`,{className:`flex items-center gap-3 px-3 py-1.5 border-b border-[var(--oh-border)]`,children:[(0,C.jsx)(p.SegmentedToggle,{ariaLabel:w(t.I18nKey.FILES$RICH),testId:`files-tab-content-mode-toggle`,value:A,options:[{value:`rich`,label:w(t.I18nKey.FILES$RICH)},{value:`plain`,label:w(t.I18nKey.FILES$PLAIN)}],onChange:O}),X?(0,C.jsx)(`a`,{href:X,target:`_blank`,rel:`noopener noreferrer`,"aria-label":w(t.I18nKey.FILES$OPEN_IN_NEW_WINDOW),title:w(t.I18nKey.FILES$OPEN_IN_NEW_WINDOW),"data-testid":`files-tab-open-in-new-window`,className:`ml-auto flex items-center justify-center w-[26px] py-1 rounded-[7px] hover:bg-[var(--oh-interactive-hover)] cursor-pointer text-white`,children:(0,C.jsx)(s.default,{width:14,height:14})}):null]}),(0,C.jsx)(v.FileContentViewer,{path:G,viewMode:A})]}):(0,C.jsx)(m.NoFileSelectedMessage,{})})]})]})]})}exports.default=w;
 //# sourceMappingURL=files-tab.cjs.map

package/dist/routes/files-tab.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"files-tab.cjs","names":[],"sources":["../../src/routes/files-tab.tsx"],"sourcesContent":["import { useCallback, useEffect, useMemo, useState } from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport { useQueryClient } from \"@tanstack/react-query\";\n\nimport { NoFileSelectedMessage } from \"#/components/features/files-tab/no-file-selected-message\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { useFilesTabStore } from \"#/stores/files-tab-store\";\nimport { useWorkspaceFiles } from \"#/hooks/query/use-workspace-files\";\nimport { useWorkspaceFileContent } from \"#/hooks/query/use-workspace-file-content\";\nimport { useHasAttachedSource } from \"#/hooks/use-has-attached-source\";\nimport { useHasGitCommits } from \"#/hooks/query/use-has-git-commits\";\nimport { useAutoRefreshFilesOnEdit } from \"#/hooks/use-auto-refresh-files-on-edit\";\nimport { useUnifiedGetGitChanges } from \"#/hooks/query/use-unified-get-git-changes\";\nimport { useOptionalConversationId } from \"#/hooks/use-conversation-id\";\nimport { useConversationLocalStorageState } from \"#/utils/conversation-local-storage\";\nimport {\n  useWorkspaceMutationCounter,\n  withWorkspaceCacheBuster,\n} from \"#/stores/use-workspace-mutation-counter\";\nimport { sortFilesByPriority } from \"#/utils/file-priority\";\nimport { FileQuickRow } from \"#/components/features/files-tab/file-quick-row\";\nimport { FileTreeView } from \"#/components/features/files-tab/file-tree-view\";\nimport { FileContentViewer } from \"#/components/features/files-tab/file-content-viewer\";\nimport { SegmentedToggle } from \"#/components/features/files-tab/segmented-toggle\";\nimport type { ViewMode } from \"#/components/features/files-tab/view-mode\";\nimport RefreshIcon from \"#/icons/u-refresh.svg?react\";\nimport LinkExternalIcon from \"#/icons/link-external.svg?react\";\nimport { useUnifiedGitCommits } from \"#/hooks/query/use-unified-git-commits\";\nimport GitChanges from \"./changes-tab\";\nimport GitCommits from \"./commits-tab\";\n\nfunction FilesTab() {\n  const { t } = useTranslation(\"openhands\");\n\n  // Keep the list / content / diff caches fresh as the agent writes files.\n  useAutoRefreshFilesOnEdit();\n\n  const { hasAttachedSource, isLoading: isAttachedSourceLoading } =\n    useHasAttachedSource();\n  // A workspace with zero commits has no diff base to compare against, so\n  // the diff view would just be empty / misleading. Only probe when we\n  // already believe the user attached a source — saves a workspace round\n  // trip on every plain (no-attachment) conversation.\n  const { hasCommits } = useHasGitCommits({ enabled: hasAttachedSource });\n\n  // Diff view defaults to ON when the user attached a source (repo or\n  // local workspace) *and* there's at least one commit, OFF otherwise\n  // (no attachment, or attachment with no commits yet).\n  //\n  // While the attachment / commit probes are still resolving we stay\n  // optimistic — most attached conversations live in a real repo, so\n  // defaulting to diff during the brief loading window avoids a\n  // \"files → diff\" flash on initial load. We only flip to files-view\n  // once `hasAttachedSource` *or* `hasCommits` definitively resolves\n  // false. The user's persisted choice always wins.\n  const { conversationId } = useOptionalConversationId();\n  const {\n    state: persistedState,\n    setFilesTabDiffView,\n    setFilesTabContentViewMode,\n  } = useConversationLocalStorageState(conversationId ?? \"\");\n\n  const diffViewDefault =\n    (hasAttachedSource || isAttachedSourceLoading) && hasCommits !== false;\n  const diffViewEnabled = persistedState.filesTabDiffView ?? diffViewDefault;\n  const contentViewMode = persistedState.filesTabContentViewMode;\n\n  // Commit history gets a third toggle segment, offered only when the\n  // agent server supports the commits API (older servers 404 → the toggle\n  // stays two-way and the tab looks exactly as it did before). The\n  // selection is session-local; the persisted diff/files preference is\n  // untouched so falling out of the commits view restores it.\n  const { isSuccess: commitsIsSuccess, isUnsupported: commitsUnsupported } =\n    useUnifiedGitCommits();\n  const showCommitsOption = commitsIsSuccess && !commitsUnsupported;\n  const [commitsViewSelected, setCommitsViewSelected] = useState(false);\n  let activeView: \"on\" | \"off\" | \"commits\" = diffViewEnabled ? \"on\" : \"off\";\n  if (commitsViewSelected && showCommitsOption) activeView = \"commits\";\n\n  // Collapsed by default — the quick-access pill row at the top is usually\n  // enough; the user can expand the tree on demand.\n  const [isTreeVisible, setIsTreeVisible] = useState(false);\n\n  const filesQuery = useWorkspaceFiles();\n  const paths = useMemo(() => filesQuery.data ?? [], [filesQuery.data]);\n\n  const storedSelectedPath = useFilesTabStore((s) => s.selectedPath);\n  const selectedConversationId = useFilesTabStore(\n    (s) => s.selectedConversationId,\n  );\n  const setSelectedPath = useFilesTabStore((s) => s.setSelectedPath);\n\n  // A selection is scoped to the conversation it was made in. Ignore a path\n  // that belongs to a different conversation so we never try to open a file\n  // that only exists in the previous conversation's workspace (issue #1350).\n  // The auto-select effect below then picks this conversation's top file.\n  const selectedPath =\n    selectedConversationId === conversationId ? storedSelectedPath : null;\n\n  // Tag every selection with the active conversation so it can't leak into\n  // the next one. FileQuickRow / FileTreeView call this with just the path.\n  const handleSelectFile = useCallback(\n    (path: string) => setSelectedPath(path, conversationId),\n    [conversationId, setSelectedPath],\n  );\n\n  // Pre-fetch the selected file's content here too so the toolbar's\n  // \"open in new window\" link can reach for its `staticUrl`. react-query\n  // dedupes against `FileContentViewer`'s identical call, so this costs\n  // nothing extra.\n  const selectedFileContent = useWorkspaceFileContent(selectedPath);\n  const mutationCounter = useWorkspaceMutationCounter((state) => state.count);\n  const selectedFileStaticUrl = withWorkspaceCacheBuster(\n    selectedFileContent.data?.staticUrl ?? null,\n    mutationCounter,\n  );\n\n  useEffect(() => {\n    if (selectedConversationId === conversationId) return;\n    setSelectedPath(null, conversationId);\n  }, [selectedConversationId, conversationId, setSelectedPath]);\n\n  // Auto-select the highest-priority file the first time we load the list,\n  // so users see something useful immediately.\n  useEffect(() => {\n    if (selectedPath || paths.length === 0) return;\n    const [first] = sortFilesByPriority(paths);\n    if (first) setSelectedPath(first, conversationId);\n  }, [paths, selectedPath, conversationId, setSelectedPath]);\n\n  // Refresh button: covers the diff view (git changes) and the file viewer\n  // (workspace listing + cached file contents). Lives in this toolbar — not\n  // in the outer ConversationTabs bar — so it sits with the other\n  // files-tab-local controls.\n  const queryClient = useQueryClient();\n  const { refetch: refetchGitChanges, isFetching: isFetchingGitChanges } =\n    useUnifiedGetGitChanges();\n  const refreshFiles = () => {\n    refetchGitChanges();\n    queryClient.invalidateQueries({ queryKey: [\"workspace-files\"] });\n    queryClient.invalidateQueries({ queryKey: [\"workspace-file-content\"] });\n    queryClient.invalidateQueries({ queryKey: [\"git_commits\"] });\n  };\n\n  return (\n    <main\n      className=\"h-full w-full flex flex-col items-stretch\"\n      data-testid=\"files-tab\"\n    >\n      {/* Top toolbar: diff/files + rich/plain toggles (left-aligned) plus\n          the refresh button on the right. */}\n      <div className=\"flex items-center gap-3 px-3 py-1.5 border-b border-[var(--oh-border)]\">\n        <SegmentedToggle<\"on\" | \"off\" | \"commits\">\n          ariaLabel={t(I18nKey.FILES$DIFF_VIEW)}\n          testId=\"files-tab-diff-toggle\"\n          value={activeView}\n          options={[\n            { value: \"on\", label: t(I18nKey.FILES$DIFF_VIEW) },\n            ...(showCommitsOption\n              ? [\n                  {\n                    value: \"commits\" as const,\n                    label: t(I18nKey.DIFF_VIEWER$COMMITS),\n                  },\n                ]\n              : []),\n            { value: \"off\", label: t(I18nKey.COMMON$FILES) },\n          ]}\n          onChange={(value) => {\n            if (value === \"commits\") {\n              setCommitsViewSelected(true);\n            } else {\n              setCommitsViewSelected(false);\n              setFilesTabDiffView(value === \"on\");\n            }\n          }}\n        />\n\n        {activeView === \"off\" && (\n          <SegmentedToggle<ViewMode>\n            ariaLabel={t(I18nKey.FILES$RICH)}\n            testId=\"files-tab-content-mode-toggle\"\n            value={contentViewMode}\n            options={[\n              { value: \"rich\", label: t(I18nKey.FILES$RICH) },\n              { value: \"plain\", label: t(I18nKey.FILES$PLAIN) },\n            ]}\n            onChange={setFilesTabContentViewMode}\n          />\n        )}\n\n        <div className=\"ml-auto flex items-center gap-1\">\n          {/* Open the currently-selected file in a new browser tab. Only\n              meaningful while we're showing a file (not the diff view) and\n              we've resolved its staticUrl from the workspace fileserver. */}\n          {activeView === \"off\" && selectedFileStaticUrl && (\n            <a\n              href={selectedFileStaticUrl}\n              target=\"_blank\"\n              rel=\"noopener noreferrer\"\n              aria-label={t(I18nKey.FILES$OPEN_IN_NEW_WINDOW)}\n              title={t(I18nKey.FILES$OPEN_IN_NEW_WINDOW)}\n              data-testid=\"files-tab-open-in-new-window\"\n              className=\"flex items-center justify-center w-[26px] py-1 rounded-[7px] hover:bg-[var(--oh-interactive-hover)] cursor-pointer text-white\"\n            >\n              <LinkExternalIcon width={14} height={14} />\n            </a>\n          )}\n          <button\n            type=\"button\"\n            onClick={refreshFiles}\n            disabled={isFetchingGitChanges}\n            aria-label={t(I18nKey.FILES$REFRESH)}\n            title={t(I18nKey.FILES$REFRESH)}\n            data-testid=\"files-tab-refresh\"\n            className=\"flex items-center justify-center w-[26px] py-1 rounded-[7px] hover:enabled:bg-[var(--oh-interactive-hover)] cursor-pointer disabled:opacity-50 disabled:cursor-not-allowed\"\n          >\n            <RefreshIcon\n              width={12.75}\n              height={15}\n              color=\"#ffffff\"\n              className={isFetchingGitChanges ? \"animate-spin\" : \"\"}\n            />\n          </button>\n        </div>\n      </div>\n\n      {activeView === \"on\" && (\n        <div className=\"flex-1 min-h-0\">\n          <GitChanges />\n        </div>\n      )}\n      {activeView === \"commits\" && (\n        <div className=\"flex-1 min-h-0\">\n          <GitCommits />\n        </div>\n      )}\n      {activeView === \"off\" && (\n        <div className=\"flex flex-1 flex-col min-h-0\">\n          {filesQuery.isLoading ? (\n            <div className=\"flex flex-1 items-center justify-center text-sm text-[var(--oh-muted)]\">\n              {t(I18nKey.FILES$LOADING_FILES)}\n            </div>\n          ) : (\n            <>\n              <FileQuickRow\n                paths={paths}\n                selectedPath={selectedPath}\n                onSelectFile={handleSelectFile}\n                isTreeVisible={isTreeVisible}\n                onToggleTree={() => setIsTreeVisible((prev) => !prev)}\n              />\n              <div className=\"flex h-full min-h-0 flex-1\">\n                {isTreeVisible && (\n                  <aside\n                    className=\"w-56 shrink-0 border-r border-[var(--oh-border)] overflow-y-auto custom-scrollbar-always\"\n                    data-testid=\"files-tab-tree\"\n                  >\n                    <FileTreeView\n                      paths={paths}\n                      selectedPath={selectedPath}\n                      onSelectFile={handleSelectFile}\n                    />\n                  </aside>\n                )}\n                <section\n                  className=\"flex h-full min-h-0 min-w-0 flex-1 flex-col\"\n                  data-testid=\"files-tab-content\"\n                >\n                  {selectedPath ? (\n                    <FileContentViewer\n                      path={selectedPath}\n                      viewMode={contentViewMode}\n                    />\n                  ) : (\n                    <NoFileSelectedMessage />\n                  )}\n                </section>\n              </div>\n            </>\n          )}\n        </div>\n      )}\n    </main>\n  );\n}\n\nexport default FilesTab;\n"],"mappings":"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"}
+{"version":3,"file":"files-tab.cjs","names":[],"sources":["../../src/routes/files-tab.tsx"],"sourcesContent":["import { useCallback, useEffect, useMemo, useRef, useState } from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport { useQueryClient } from \"@tanstack/react-query\";\n\nimport { NoFileSelectedMessage } from \"#/components/features/files-tab/no-file-selected-message\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { useFilesTabStore } from \"#/stores/files-tab-store\";\nimport { useWorkspaceFiles } from \"#/hooks/query/use-workspace-files\";\nimport { useWorkspaceFileContent } from \"#/hooks/query/use-workspace-file-content\";\nimport { useAutoRefreshFilesOnEdit } from \"#/hooks/use-auto-refresh-files-on-edit\";\nimport { useOptionalConversationId } from \"#/hooks/use-conversation-id\";\nimport { useResizableDrawerWidth } from \"#/hooks/use-resizable-drawer-width\";\nimport {\n  getConversationState,\n  useConversationLocalStorageState,\n} from \"#/utils/conversation-local-storage\";\nimport {\n  useWorkspaceMutationCounter,\n  withWorkspaceCacheBuster,\n} from \"#/stores/use-workspace-mutation-counter\";\nimport { FileQuickRow } from \"#/components/features/files-tab/file-quick-row\";\nimport { FileTreeView } from \"#/components/features/files-tab/file-tree-view\";\nimport { FileContentViewer } from \"#/components/features/files-tab/file-content-viewer\";\nimport { SegmentedToggle } from \"#/components/features/files-tab/segmented-toggle\";\nimport { WorkspacePath } from \"#/components/features/files-tab/workspace-path\";\nimport type { ViewMode } from \"#/components/features/files-tab/view-mode\";\nimport {\n  FILES_TAB_TREE_DEFAULT_WIDTH_PX,\n  FILES_TAB_TREE_MAX_WIDTH_PX,\n  FILES_TAB_TREE_MIN_WIDTH_PX,\n  FILES_TAB_TREE_RESIZE_HANDLE_TEST_ID,\n  FILES_TAB_TREE_WIDTH_STORAGE_KEY,\n} from \"#/components/features/files-tab/files-tab-tree.constants\";\nimport { ResizeHandle } from \"#/components/ui/resize-handle\";\nimport RefreshIcon from \"#/icons/u-refresh.svg?react\";\nimport LinkExternalIcon from \"#/icons/link-external.svg?react\";\nimport { useActiveConversation } from \"#/hooks/query/use-active-conversation\";\n\n/**\n * Workspace file browser. Diff/Commits live in the sibling Commits\n * conversation tab — this surface is only the file tree / content viewer.\n */\nfunction FilesTab() {\n  const { t } = useTranslation(\"openhands\");\n\n  // Keep the list / content caches fresh as the agent writes files.\n  useAutoRefreshFilesOnEdit();\n\n  const { data: activeConversation } = useActiveConversation();\n  const workspacePath = activeConversation?.workspace?.working_dir;\n\n  const { conversationId } = useOptionalConversationId();\n  const {\n    state: persistedState,\n    setFilesTabContentViewMode,\n    setFilesTabTreeVisible,\n  } = useConversationLocalStorageState(conversationId ?? \"\");\n  const contentViewMode = persistedState.filesTabContentViewMode;\n  const isTreeVisible = persistedState.filesTabTreeVisible ?? true;\n  const toggleTreeVisible = useCallback(() => {\n    setFilesTabTreeVisible?.(!isTreeVisible);\n  }, [isTreeVisible, setFilesTabTreeVisible]);\n\n  const treeLayoutRef = useRef<HTMLDivElement>(null);\n  const {\n    drawerWidth: treeWidth,\n    isDragging: isTreeResizing,\n    handleMouseDown: handleTreeResizeMouseDown,\n  } = useResizableDrawerWidth({\n    containerRef: treeLayoutRef,\n    defaultWidth: FILES_TAB_TREE_DEFAULT_WIDTH_PX,\n    minWidth: FILES_TAB_TREE_MIN_WIDTH_PX,\n    maxWidth: FILES_TAB_TREE_MAX_WIDTH_PX,\n    storageKey: FILES_TAB_TREE_WIDTH_STORAGE_KEY,\n    enabled: isTreeVisible,\n    edge: \"left\",\n  });\n\n  const filesQuery = useWorkspaceFiles();\n  const paths = useMemo(() => filesQuery.data ?? [], [filesQuery.data]);\n\n  const storedSelectedPath = useFilesTabStore((s) => s.selectedPath);\n  const selectedConversationId = useFilesTabStore(\n    (s) => s.selectedConversationId,\n  );\n  const openPaths = useFilesTabStore((s) => s.openPaths);\n  const setSelectedPath = useFilesTabStore((s) => s.setSelectedPath);\n  const closeOpenPath = useFilesTabStore((s) => s.closeOpenPath);\n  const hydrateForConversation = useFilesTabStore(\n    (s) => s.hydrateForConversation,\n  );\n\n  // A selection is scoped to the conversation it was made in. Ignore a path\n  // that belongs to a different conversation so we never try to open a file\n  // that only exists in the previous conversation's workspace (issue #1350).\n  const selectedPath =\n    selectedConversationId === conversationId ? storedSelectedPath : null;\n  const conversationOpenPaths =\n    selectedConversationId === conversationId ? openPaths : [];\n\n  // Tag every selection with the active conversation so it can't leak into\n  // the next one. Opening a path also appends it to the tab strip.\n  const handleSelectFile = useCallback(\n    (path: string) => setSelectedPath(path, conversationId),\n    [conversationId, setSelectedPath],\n  );\n\n  // Pre-fetch the selected file's content here too so the toolbar's\n  // \"open in new window\" link can reach for its `staticUrl`. react-query\n  // dedupes against `FileContentViewer`'s identical call, so this costs\n  // nothing extra.\n  const selectedFileContent = useWorkspaceFileContent(selectedPath);\n  const mutationCounter = useWorkspaceMutationCounter((state) => state.count);\n  const selectedFileStaticUrl = withWorkspaceCacheBuster(\n    selectedFileContent.data?.staticUrl ?? null,\n    mutationCounter,\n  );\n\n  // Restore open tabs / selection from conversation-scoped localStorage on\n  // mount and when switching conversations (survives a full page refresh).\n  // Read localStorage directly — the React hook mirror can briefly hold the\n  // previous conversation's state until its sync effect runs.\n  useEffect(() => {\n    if (!conversationId) return;\n    if (selectedConversationId === conversationId) return;\n    const persisted = getConversationState(conversationId);\n    hydrateForConversation(\n      conversationId,\n      persisted.filesTabOpenPaths ?? [],\n      persisted.filesTabSelectedPath ?? null,\n    );\n  }, [conversationId, selectedConversationId, hydrateForConversation]);\n\n  const queryClient = useQueryClient();\n  const [isRefreshing, setIsRefreshing] = useState(false);\n  const refreshFiles = async () => {\n    setIsRefreshing(true);\n    try {\n      await Promise.all([\n        queryClient.invalidateQueries({ queryKey: [\"workspace-files\"] }),\n        queryClient.invalidateQueries({ queryKey: [\"workspace-file-content\"] }),\n      ]);\n    } finally {\n      setIsRefreshing(false);\n    }\n  };\n\n  const quickRowActions = (\n    <button\n      type=\"button\"\n      onClick={refreshFiles}\n      disabled={isRefreshing}\n      aria-label={t(I18nKey.FILES$REFRESH)}\n      title={t(I18nKey.FILES$REFRESH)}\n      data-testid=\"files-tab-refresh\"\n      className=\"flex items-center justify-center w-[26px] py-1 rounded-[7px] hover:enabled:bg-[var(--oh-interactive-hover)] cursor-pointer disabled:opacity-50 disabled:cursor-not-allowed\"\n    >\n      <RefreshIcon\n        width={12.75}\n        height={15}\n        color=\"#ffffff\"\n        className={isRefreshing ? \"animate-spin\" : \"\"}\n      />\n    </button>\n  );\n\n  return (\n    <main\n      className=\"h-full w-full flex flex-col items-stretch\"\n      data-testid=\"files-tab\"\n    >\n      <WorkspacePath path={workspacePath} />\n      {filesQuery.isLoading ? (\n        <div className=\"flex flex-1 items-center justify-center text-sm text-[var(--oh-muted)]\">\n          {t(I18nKey.FILES$LOADING_FILES)}\n        </div>\n      ) : (\n        <>\n          <FileQuickRow\n            openPaths={conversationOpenPaths}\n            selectedPath={selectedPath}\n            onSelectFile={handleSelectFile}\n            onCloseFile={closeOpenPath}\n            isTreeVisible={isTreeVisible}\n            onToggleTree={toggleTreeVisible}\n            actions={quickRowActions}\n          />\n          <div ref={treeLayoutRef} className=\"flex h-full min-h-0 flex-1\">\n            {isTreeVisible && (\n              <>\n                <aside\n                  className=\"shrink-0 border-r border-[var(--oh-border)] overflow-y-auto custom-scrollbar-always\"\n                  data-testid=\"files-tab-tree\"\n                  style={{ width: `${treeWidth}px` }}\n                >\n                  <FileTreeView\n                    paths={paths}\n                    selectedPath={selectedPath}\n                    onSelectFile={handleSelectFile}\n                  />\n                </aside>\n                <ResizeHandle\n                  testId={FILES_TAB_TREE_RESIZE_HANDLE_TEST_ID}\n                  onMouseDown={handleTreeResizeMouseDown}\n                  isDragging={isTreeResizing}\n                />\n              </>\n            )}\n            <section\n              className=\"flex h-full min-h-0 min-w-0 flex-1 flex-col\"\n              data-testid=\"files-tab-content\"\n            >\n              {selectedPath ? (\n                <>\n                  <div className=\"flex items-center gap-3 px-3 py-1.5 border-b border-[var(--oh-border)]\">\n                    <SegmentedToggle<ViewMode>\n                      ariaLabel={t(I18nKey.FILES$RICH)}\n                      testId=\"files-tab-content-mode-toggle\"\n                      value={contentViewMode}\n                      options={[\n                        { value: \"rich\", label: t(I18nKey.FILES$RICH) },\n                        { value: \"plain\", label: t(I18nKey.FILES$PLAIN) },\n                      ]}\n                      onChange={setFilesTabContentViewMode}\n                    />\n                    {selectedFileStaticUrl ? (\n                      <a\n                        href={selectedFileStaticUrl}\n                        target=\"_blank\"\n                        rel=\"noopener noreferrer\"\n                        aria-label={t(I18nKey.FILES$OPEN_IN_NEW_WINDOW)}\n                        title={t(I18nKey.FILES$OPEN_IN_NEW_WINDOW)}\n                        data-testid=\"files-tab-open-in-new-window\"\n                        className=\"ml-auto flex items-center justify-center w-[26px] py-1 rounded-[7px] hover:bg-[var(--oh-interactive-hover)] cursor-pointer text-white\"\n                      >\n                        <LinkExternalIcon width={14} height={14} />\n                      </a>\n                    ) : null}\n                  </div>\n                  <FileContentViewer\n                    path={selectedPath}\n                    viewMode={contentViewMode}\n                  />\n                </>\n              ) : (\n                <NoFileSelectedMessage />\n              )}\n            </section>\n          </div>\n        </>\n      )}\n    </main>\n  );\n}\n\nexport default FilesTab;\n"],"mappings":"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"}

package/dist/routes/files-tab.d.ts

@@ -1,2 +1,6 @@
+/**
+ * Workspace file browser. Diff/Commits live in the sibling Commits
+ * conversation tab — this surface is only the file tree / content viewer.
+ */
 declare function FilesTab(): import("react").JSX.Element;
 export default FilesTab;