@openhands/agent-canvas 1.0.0-alpha.6 → 1.0.0-alpha.8

package/dist/components/features/chat/git-control-bar.js

@@ -2,136 +2,137 @@ import { useTranslation as e } from "../../../node_modules/react-i18next/dist/es
 import { I18nKey as t } from "../../../i18n/declaration.js";
 import { useConversationId as n } from "../../../hooks/use-conversation-id.js";
 import { useActiveBackend as r } from "../../../contexts/active-backend-context.js";
-import { displayErrorToast as i } from "../../../utils/custom-toast-handlers.js";
-import { useOptimisticUserMessageStore as a } from "../../../stores/optimistic-user-message-store.js";
-import { getStoredConversationMetadata as o } from "../../../api/conversation-metadata-store.js";
-import { useSendMessage as s } from "../../../hooks/use-send-message.js";
-import { useActiveConversation as c } from "../../../hooks/query/use-active-conversation.js";
-import { useTaskPolling as l } from "../../../hooks/query/use-task-polling.js";
-import { useUnifiedWebSocketStatus as u } from "../../../hooks/use-unified-websocket-status.js";
-import { useCreateConversation as d } from "../../../hooks/mutation/use-create-conversation.js";
-import { useUserProviders as ee } from "../../../hooks/use-user-providers.js";
-import { GitControlBarRepoButton as te } from "./git-control-bar-repo-button.js";
-import { GitControlBarBranchButton as ne } from "./git-control-bar-branch-button.js";
-import { GitControlBarPullButton as re } from "./git-control-bar-pull-button.js";
-import { GitControlBarPushButton as ie } from "./git-control-bar-push-button.js";
-import { GitControlBarPrButton as ae } from "./git-control-bar-pr-button.js";
-import { useLocalGitInfo as oe } from "../../../hooks/query/use-local-git-info.js";
-import { useUpdateConversationRepository as f } from "../../../hooks/mutation/use-update-conversation-repository.js";
-import { GitControlBarTooltipWrapper as p } from "./git-control-bar-tooltip-wrapper.js";
-import { useHomeStore as m } from "../../../stores/home-store.js";
-import { OpenRepositoryModal as h } from "./open-repository-modal.js";
+import { displayErrorToast as ee } from "../../../utils/custom-toast-handlers.js";
+import { useOptimisticUserMessageStore as i } from "../../../stores/optimistic-user-message-store.js";
+import { getStoredConversationMetadata as a } from "../../../api/conversation-metadata-store.js";
+import { useSendMessage as te } from "../../../hooks/use-send-message.js";
+import { useActiveConversation as o } from "../../../hooks/query/use-active-conversation.js";
+import { useTaskPolling as ne } from "../../../hooks/query/use-task-polling.js";
+import { useUnifiedWebSocketStatus as re } from "../../../hooks/use-unified-websocket-status.js";
+import { useCreateConversation as s } from "../../../hooks/mutation/use-create-conversation.js";
+import { useUserProviders as c } from "../../../hooks/use-user-providers.js";
+import { GitControlBarRepoButton as ie } from "./git-control-bar-repo-button.js";
+import { GitControlBarBranchButton as ae } from "./git-control-bar-branch-button.js";
+import { GitControlBarPullButton as l } from "./git-control-bar-pull-button.js";
+import { GitControlBarPushButton as u } from "./git-control-bar-push-button.js";
+import { GitControlBarPrButton as d } from "./git-control-bar-pr-button.js";
+import { useLocalGitInfo as f } from "../../../hooks/query/use-local-git-info.js";
+import { useUpdateConversationRepository as p } from "../../../hooks/mutation/use-update-conversation-repository.js";
+import { GitControlBarTooltipWrapper as m } from "./git-control-bar-tooltip-wrapper.js";
+import { useHomeStore as h } from "../../../stores/home-store.js";
+import { OpenRepositoryModal as oe } from "./open-repository-modal.js";
+import { useOptionalScrollContext as se } from "../../../context/scroll-context.js";
 import { useEffect as g, useRef as _, useState as v } from "react";
 import { Fragment as y, jsx as b, jsxs as x } from "react/jsx-runtime";
 //#region src/components/features/chat/git-control-bar.tsx
 function S({ onSuggestionsClick: S }) {
-	let { t: C } = e("openhands"), { conversationId: w } = n(), [se, T] = v(!1), [E, D] = v(!1), O = _(null), { addRecentRepository: k } = m(), A = a((e) => e.enqueuePendingMessage), j = a((e) => e.markPendingMessageError), { backend: M } = r(), N = M.kind === "local", { providers: P } = ee(), F = N || P.length > 0, { data: I } = c(), { repositoryInfo: L } = l(), { data: R } = oe(), z = u(), B = _(z);
+	let { t: C } = e("openhands"), { conversationId: w } = n(), [T, E] = v(!1), [D, O] = v(!1), k = _(null), { addRecentRepository: A } = h(), j = i((e) => e.enqueuePendingMessage), M = i((e) => e.markPendingMessageError), { backend: N } = r(), P = N.kind === "local", { providers: F } = c(), I = P || F.length > 0, { data: L } = o(), { repositoryInfo: R } = ne(), { data: z } = f(), B = re(), V = _(B);
 	g(() => {
-		B.current = z;
-	}, [z]);
-	let { send: V } = s(), H = _(V);
+		V.current = B;
+	}, [B]);
+	let { send: H } = te(), U = _(H);
 	g(() => {
-		H.current = V;
-	}, [V]);
-	let { mutate: U } = f(), { mutate: ce, isPending: le } = d(), W = I?.selected_repository || L?.selectedRepository, G = I?.git_provider || L?.gitProvider, ue = I?.selected_branch || L?.selectedBranch, K = W || R?.repository || void 0, q = G || R?.provider, J = ue || R?.branch || void 0, Y = (I?.id ? o(I.id) : null)?.selected_workspace ?? null, X = Y && Y.replace(/\/+$/, "").split("/").pop() || null, Z = !!K && !!q, Q = !!I && z === "OPEN";
+		U.current = H;
+	}, [H]);
+	let W = se(), { mutate: G } = p(), { mutate: ce, isPending: le } = s(), ue = L?.selected_repository || R?.selectedRepository, de = L?.git_provider || R?.gitProvider, fe = L?.selected_branch || R?.selectedBranch, K = ue || z?.repository || void 0, q = de || z?.provider, J = fe || z?.branch || void 0, Y = (L?.id ? a(L.id) : null)?.selected_workspace ?? null, X = Y && Y.replace(/\/+$/, "").split("/").pop() || null, Z = !!K && !!q, Q = !!L && B === "OPEN";
 	g(() => {
-		if (!E) return;
+		if (!D) return;
 		let e = (e) => {
-			O.current && !O.current.contains(e.target) && D(!1);
+			k.current && !k.current.contains(e.target) && O(!1);
 		};
 		return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
-	}, [E]), g(() => {
-		if (!E) return;
+	}, [D]), g(() => {
+		if (!D) return;
 		let e = (e) => {
-			e.key === "Escape" && D(!1);
+			e.key === "Escape" && O(!1);
 		};
 		return window.addEventListener("keydown", e), () => window.removeEventListener("keydown", e);
-	}, [E]);
-	let de = (e, n) => {
-		w && (k(e), U({
+	}, [D]);
+	let pe = (e, n) => {
+		w && (A(e), G({
 			conversationId: w,
 			repository: e.full_name,
 			branch: n.name,
 			gitProvider: e.git_provider
 		}, { onSuccess: () => {
-			if (B.current !== "OPEN") {
-				i(C(t.CONVERSATION$CLONE_COMMAND_FAILED_DISCONNECTED));
+			if (V.current !== "OPEN") {
+				ee(C(t.CONVERSATION$CLONE_COMMAND_FAILED_DISCONNECTED));
 				return;
 			}
-			let r = e.git_provider.charAt(0).toUpperCase() + e.git_provider.slice(1), a = `Clone ${e.full_name} from ${r} and checkout branch ${n.name}.`, o = w ? A({
+			let r = e.git_provider.charAt(0).toUpperCase() + e.git_provider.slice(1), i = `Clone ${e.full_name} from ${r} and checkout branch ${n.name}.`, a = w ? j({
 				conversationId: w,
-				text: a
+				text: i
 			}) : null;
-			Promise.resolve(H.current({
+			W?.scrollDomToBottom(), Promise.resolve(U.current({
 				action: "message",
 				args: {
-					content: a,
+					content: i,
 					timestamp: (/* @__PURE__ */ new Date()).toISOString()
 				}
 			})).catch((e) => {
-				o && j(o, e instanceof Error ? e.message : "Failed to send message");
+				a && M(a, e instanceof Error ? e.message : "Failed to send message");
 			});
 		} }));
-	}, $ = !N || !!K || !!X;
+	}, $ = !P || !!K || !!X;
 	return $ || J || Z ? /* @__PURE__ */ x("div", {
 		className: "flex flex-row items-center",
 		children: [/* @__PURE__ */ x("div", {
 			className: "flex flex-row gap-2.5 items-center overflow-x-auto flex-nowrap relative scrollbar-hide",
 			children: [
-				$ ? /* @__PURE__ */ b(te, {
+				$ ? /* @__PURE__ */ b(ie, {
 					selectedRepository: K,
 					gitProvider: q,
 					workspaceName: X,
-					onClick: () => T(!0),
-					disabled: !Q || N && !Z
+					onClick: () => E(!0),
+					disabled: !Q || P && !Z
 				}) : null,
-				J ? /* @__PURE__ */ b(ne, {
+				J ? /* @__PURE__ */ b(ae, {
 					selectedBranch: J,
 					selectedRepository: K,
 					gitProvider: q
 				}) : null,
 				Z ? /* @__PURE__ */ x(y, { children: [
-					/* @__PURE__ */ b(p, {
+					/* @__PURE__ */ b(m, {
 						tooltipMessage: C(t.COMMON$GIT_TOOLS_DISABLED_CONTENT),
 						testId: "git-control-bar-pull-button-tooltip",
 						shouldShowTooltip: !Z,
-						children: /* @__PURE__ */ b(re, {
+						children: /* @__PURE__ */ b(l, {
 							onSuggestionsClick: S,
 							hasRepository: Z,
-							providerTokensReady: F,
+							providerTokensReady: I,
 							isConversationReady: Q
 						})
 					}),
-					/* @__PURE__ */ b(p, {
+					/* @__PURE__ */ b(m, {
 						tooltipMessage: C(t.COMMON$GIT_TOOLS_DISABLED_CONTENT),
 						testId: "git-control-bar-push-button-tooltip",
 						shouldShowTooltip: !Z,
-						children: /* @__PURE__ */ b(ie, {
+						children: /* @__PURE__ */ b(u, {
 							onSuggestionsClick: S,
 							hasRepository: Z,
-							providerTokensReady: F,
+							providerTokensReady: I,
 							currentGitProvider: q,
 							isConversationReady: Q
 						})
 					}),
-					/* @__PURE__ */ b(p, {
+					/* @__PURE__ */ b(m, {
 						tooltipMessage: C(t.COMMON$GIT_TOOLS_DISABLED_CONTENT),
 						testId: "git-control-bar-pr-button-tooltip",
 						shouldShowTooltip: !Z,
-						children: /* @__PURE__ */ b(ae, {
+						children: /* @__PURE__ */ b(d, {
 							onSuggestionsClick: S,
 							hasRepository: Z,
-							providerTokensReady: F,
+							providerTokensReady: I,
 							currentGitProvider: q,
 							isConversationReady: Q
 						})
 					})
 				] }) : null
 			]
-		}), /* @__PURE__ */ b(h, {
-			isOpen: se,
-			onClose: () => T(!1),
-			onLaunch: de,
+		}), /* @__PURE__ */ b(oe, {
+			isOpen: T,
+			onClose: () => E(!1),
+			onLaunch: pe,
 			defaultProvider: q
 		})]
 	}) : null;

package/dist/components/features/chat/git-control-bar.js.map

@@ -1 +1 @@
-{"version":3,"file":"git-control-bar.js","names":[],"sources":["../../../../src/components/features/chat/git-control-bar.tsx"],"sourcesContent":["import { useState, useRef, useEffect } from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport { GitControlBarRepoButton } from \"./git-control-bar-repo-button\";\nimport { GitControlBarBranchButton } from \"./git-control-bar-branch-button\";\nimport { GitControlBarPullButton } from \"./git-control-bar-pull-button\";\nimport { GitControlBarPushButton } from \"./git-control-bar-push-button\";\nimport { GitControlBarPrButton } from \"./git-control-bar-pr-button\";\nimport { useActiveConversation } from \"#/hooks/query/use-active-conversation\";\nimport { useLocalGitInfo } from \"#/hooks/query/use-local-git-info\";\nimport { useTaskPolling } from \"#/hooks/query/use-task-polling\";\nimport { useUnifiedWebSocketStatus } from \"#/hooks/use-unified-websocket-status\";\nimport { useSendMessage } from \"#/hooks/use-send-message\";\nimport { useUpdateConversationRepository } from \"#/hooks/mutation/use-update-conversation-repository\";\nimport { useCreateConversation } from \"#/hooks/mutation/use-create-conversation\";\nimport { Provider } from \"#/types/settings\";\nimport { Branch, GitRepository } from \"#/types/git\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { GitControlBarTooltipWrapper } from \"./git-control-bar-tooltip-wrapper\";\nimport { OpenRepositoryModal } from \"./open-repository-modal\";\nimport { useConversationId } from \"#/hooks/use-conversation-id\";\nimport { displayErrorToast } from \"#/utils/custom-toast-handlers\";\nimport { useHomeStore } from \"#/stores/home-store\";\nimport { useOptimisticUserMessageStore } from \"#/stores/optimistic-user-message-store\";\nimport { getStoredConversationMetadata } from \"#/api/conversation-metadata-store\";\nimport { useActiveBackend } from \"#/contexts/active-backend-context\";\nimport { useUserProviders } from \"#/hooks/use-user-providers\";\n\ninterface GitControlBarProps {\n  onSuggestionsClick: (value: string) => void;\n}\n\nexport function GitControlBar({ onSuggestionsClick }: GitControlBarProps) {\n  const { t } = useTranslation(\"openhands\");\n  const { conversationId } = useConversationId();\n  const [isOpenRepoModalOpen, setIsOpenRepoModalOpen] = useState(false);\n  const [isWorkspaceMenuOpen, setIsWorkspaceMenuOpen] = useState(false);\n  const workspaceMenuContainerRef = useRef<HTMLDivElement>(null);\n  const { addRecentRepository } = useHomeStore();\n  const enqueuePendingMessage = useOptimisticUserMessageStore(\n    (state) => state.enqueuePendingMessage,\n  );\n  const markPendingMessageError = useOptimisticUserMessageStore(\n    (state) => state.markPendingMessageError,\n  );\n  const { backend } = useActiveBackend();\n  const isLocalBackend = backend.kind === \"local\";\n  const { providers } = useUserProviders();\n  const providerTokensReady = isLocalBackend || providers.length > 0;\n\n  const { data: conversation } = useActiveConversation();\n  const { repositoryInfo } = useTaskPolling();\n  const { data: localGitInfo } = useLocalGitInfo();\n  const webSocketStatus = useUnifiedWebSocketStatus();\n  const webSocketStatusRef = useRef(webSocketStatus);\n  useEffect(() => {\n    webSocketStatusRef.current = webSocketStatus;\n  }, [webSocketStatus]);\n  const { send } = useSendMessage();\n  const sendRef = useRef(send);\n  useEffect(() => {\n    sendRef.current = send;\n  }, [send]);\n  const { mutate: updateRepository } = useUpdateConversationRepository();\n  const { mutate: _createConversation, isPending: _isCreatingConversation } =\n    useCreateConversation();\n\n  // Priority: conversation data > task data > locally-detected git info.\n  // The local fallback runs `git remote get-url origin` / `git rev-parse --abbrev-ref HEAD`\n  // in the conversation's working dir so local-workspace conversations can\n  // still display a repo and branch in the control bar.\n  const conversationRepository =\n    conversation?.selected_repository || repositoryInfo?.selectedRepository;\n  const conversationProvider = (conversation?.git_provider ||\n    repositoryInfo?.gitProvider) as Provider | undefined;\n  const conversationBranch =\n    conversation?.selected_branch || repositoryInfo?.selectedBranch;\n\n  const selectedRepository =\n    conversationRepository || localGitInfo?.repository || undefined;\n  const gitProvider = (conversationProvider ||\n    localGitInfo?.provider) as Provider;\n  const selectedBranch =\n    conversationBranch || localGitInfo?.branch || undefined;\n\n  // For folder-only conversations (no remote repo), surface the basename of\n  // the originally attached workspace path so the button reads e.g. \"test\"\n  // rather than \"No Repo Connected\". `selected_workspace` is recorded at\n  // conversation creation; we prefer it over `workspace.working_dir` because\n  // the latter may point at a worktree subdir.\n  const storedMetadata = conversation?.id\n    ? getStoredConversationMetadata(conversation.id)\n    : null;\n  const workspacePath = storedMetadata?.selected_workspace ?? null;\n  const workspaceName = workspacePath\n    ? workspacePath.replace(/\\/+$/, \"\").split(\"/\").pop() || null\n    : null;\n\n  // Enable git actions whenever a repository and provider are known, including\n  // local conversations where repo metadata is inferred from git remotes.\n  const hasRepository = !!selectedRepository && !!gitProvider;\n\n  // Enable buttons only when conversation exists and WS is connected\n  const isConversationReady = !!conversation && webSocketStatus === \"OPEN\";\n\n  useEffect(() => {\n    if (!isWorkspaceMenuOpen) return undefined;\n    const onMouseDown = (event: MouseEvent) => {\n      if (\n        workspaceMenuContainerRef.current &&\n        !workspaceMenuContainerRef.current.contains(event.target as Node)\n      ) {\n        setIsWorkspaceMenuOpen(false);\n      }\n    };\n    document.addEventListener(\"mousedown\", onMouseDown);\n    return () => document.removeEventListener(\"mousedown\", onMouseDown);\n  }, [isWorkspaceMenuOpen]);\n\n  useEffect(() => {\n    if (!isWorkspaceMenuOpen) return undefined;\n    const onKeyDown = (event: KeyboardEvent) => {\n      if (event.key === \"Escape\") {\n        setIsWorkspaceMenuOpen(false);\n      }\n    };\n    window.addEventListener(\"keydown\", onKeyDown);\n    return () => window.removeEventListener(\"keydown\", onKeyDown);\n  }, [isWorkspaceMenuOpen]);\n\n  const handleLaunchRepository = (\n    repository: GitRepository,\n    branch: Branch,\n  ) => {\n    if (!conversationId) return;\n\n    // Persist to recent repositories list (matches home page behavior)\n    addRecentRepository(repository);\n\n    // Note: We update repository metadata first, then send clone command.\n    // The clone command is sent to the agent via WebSocket (fire-and-forget).\n    // If cloning fails, the agent will report the error in the chat,\n    // and the user can retry or change the repository.\n    // This is a trade-off: immediate UI feedback vs. strict atomicity.\n    updateRepository(\n      {\n        conversationId,\n        repository: repository.full_name,\n        branch: branch.name,\n        gitProvider: repository.git_provider,\n      },\n      {\n        onSuccess: () => {\n          // Use ref to read the latest WebSocket status (avoids stale closure)\n          if (webSocketStatusRef.current !== \"OPEN\") {\n            displayErrorToast(\n              t(I18nKey.CONVERSATION$CLONE_COMMAND_FAILED_DISCONNECTED),\n            );\n            return;\n          }\n\n          // Send clone command to agent after metadata is updated\n          // Use ref to always call the latest send function (avoids stale closure\n          // where V1 sendMessage holds a reference to a now-closed WebSocket)\n          // Include git provider in prompt so agent clones from correct source\n          const providerName =\n            repository.git_provider.charAt(0).toUpperCase() +\n            repository.git_provider.slice(1);\n          const clonePrompt = `Clone ${repository.full_name} from ${providerName} and checkout branch ${branch.name}.`;\n          const pendingId = conversationId\n            ? enqueuePendingMessage({ conversationId, text: clonePrompt })\n            : null;\n          // `send` returns a Promise; surface a failed send by flipping the\n          // matching pending entry to \"error\" so the user gets the retry link\n          // rather than a perpetual \"Sending…\" bubble.\n          Promise.resolve(\n            sendRef.current({\n              action: \"message\",\n              args: {\n                content: clonePrompt,\n                timestamp: new Date().toISOString(),\n              },\n            }),\n          ).catch((error) => {\n            if (!pendingId) return;\n            const errorMessage =\n              error instanceof Error ? error.message : \"Failed to send message\";\n            markPendingMessageError(pendingId, errorMessage);\n          });\n        },\n      },\n    );\n  };\n\n  // Local backends never use the remote-repo \"Connect Repo\" CTA, so suppress the\n  // empty-state button there. A repo or workspace label inferred from local git\n  // metadata is still informational and stays visible.\n  const showRepoButton =\n    !isLocalBackend || !!selectedRepository || !!workspaceName;\n  // On a local backend the informational pill (e.g. workspace name, or a repo\n  // detected without a recognized provider) should not open the remote-repo\n  // modal — that flow is cloud-only. Disable the button in that case so the\n  // click is a no-op. Linkable repos render as <a> and ignore `disabled`.\n  const isRepoButtonInert = isLocalBackend && !hasRepository;\n\n  // True when the bar will render at least one chip (cloud always shows\n  // \"Open Repository\"; local needs a repo or a workspace name; selected\n  // branch or push/pull/PR also count). When false, the bar has nothing to\n  // show — return null so the wrapper above collapses to its natural padding\n  // instead of leaving an empty DOM node below the chat input.\n  const hasAnyContent = showRepoButton || !!selectedBranch || hasRepository;\n  if (!hasAnyContent) return null;\n\n  return (\n    <div className=\"flex flex-row items-center\">\n      <div className=\"flex flex-row gap-2.5 items-center overflow-x-auto flex-nowrap relative scrollbar-hide\">\n        {showRepoButton ? (\n          <GitControlBarRepoButton\n            selectedRepository={selectedRepository}\n            gitProvider={gitProvider}\n            workspaceName={workspaceName}\n            onClick={() => setIsOpenRepoModalOpen(true)}\n            disabled={!isConversationReady || isRepoButtonInert}\n          />\n        ) : null}\n\n        {selectedBranch ? (\n          <GitControlBarBranchButton\n            selectedBranch={selectedBranch}\n            selectedRepository={selectedRepository}\n            gitProvider={gitProvider}\n          />\n        ) : null}\n\n        {hasRepository ? (\n          <>\n            <GitControlBarTooltipWrapper\n              tooltipMessage={t(I18nKey.COMMON$GIT_TOOLS_DISABLED_CONTENT)}\n              testId=\"git-control-bar-pull-button-tooltip\"\n              shouldShowTooltip={!hasRepository}\n            >\n              <GitControlBarPullButton\n                onSuggestionsClick={onSuggestionsClick}\n                hasRepository={hasRepository}\n                providerTokensReady={providerTokensReady}\n                isConversationReady={isConversationReady}\n              />\n            </GitControlBarTooltipWrapper>\n\n            <GitControlBarTooltipWrapper\n              tooltipMessage={t(I18nKey.COMMON$GIT_TOOLS_DISABLED_CONTENT)}\n              testId=\"git-control-bar-push-button-tooltip\"\n              shouldShowTooltip={!hasRepository}\n            >\n              <GitControlBarPushButton\n                onSuggestionsClick={onSuggestionsClick}\n                hasRepository={hasRepository}\n                providerTokensReady={providerTokensReady}\n                currentGitProvider={gitProvider}\n                isConversationReady={isConversationReady}\n              />\n            </GitControlBarTooltipWrapper>\n\n            <GitControlBarTooltipWrapper\n              tooltipMessage={t(I18nKey.COMMON$GIT_TOOLS_DISABLED_CONTENT)}\n              testId=\"git-control-bar-pr-button-tooltip\"\n              shouldShowTooltip={!hasRepository}\n            >\n              <GitControlBarPrButton\n                onSuggestionsClick={onSuggestionsClick}\n                hasRepository={hasRepository}\n                providerTokensReady={providerTokensReady}\n                currentGitProvider={gitProvider}\n                isConversationReady={isConversationReady}\n              />\n            </GitControlBarTooltipWrapper>\n          </>\n        ) : null}\n      </div>\n\n      <OpenRepositoryModal\n        isOpen={isOpenRepoModalOpen}\n        onClose={() => setIsOpenRepoModalOpen(false)}\n        onLaunch={handleLaunchRepository}\n        defaultProvider={gitProvider}\n      />\n    </div>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"git-control-bar.js","names":[],"sources":["../../../../src/components/features/chat/git-control-bar.tsx"],"sourcesContent":["import { useState, useRef, useEffect } from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport { GitControlBarRepoButton } from \"./git-control-bar-repo-button\";\nimport { GitControlBarBranchButton } from \"./git-control-bar-branch-button\";\nimport { GitControlBarPullButton } from \"./git-control-bar-pull-button\";\nimport { GitControlBarPushButton } from \"./git-control-bar-push-button\";\nimport { GitControlBarPrButton } from \"./git-control-bar-pr-button\";\nimport { useActiveConversation } from \"#/hooks/query/use-active-conversation\";\nimport { useLocalGitInfo } from \"#/hooks/query/use-local-git-info\";\nimport { useTaskPolling } from \"#/hooks/query/use-task-polling\";\nimport { useUnifiedWebSocketStatus } from \"#/hooks/use-unified-websocket-status\";\nimport { useSendMessage } from \"#/hooks/use-send-message\";\nimport { useUpdateConversationRepository } from \"#/hooks/mutation/use-update-conversation-repository\";\nimport { useCreateConversation } from \"#/hooks/mutation/use-create-conversation\";\nimport { Provider } from \"#/types/settings\";\nimport { Branch, GitRepository } from \"#/types/git\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { GitControlBarTooltipWrapper } from \"./git-control-bar-tooltip-wrapper\";\nimport { OpenRepositoryModal } from \"./open-repository-modal\";\nimport { useConversationId } from \"#/hooks/use-conversation-id\";\nimport { displayErrorToast } from \"#/utils/custom-toast-handlers\";\nimport { useHomeStore } from \"#/stores/home-store\";\nimport { useOptimisticUserMessageStore } from \"#/stores/optimistic-user-message-store\";\nimport { getStoredConversationMetadata } from \"#/api/conversation-metadata-store\";\nimport { useActiveBackend } from \"#/contexts/active-backend-context\";\nimport { useUserProviders } from \"#/hooks/use-user-providers\";\nimport { useOptionalScrollContext } from \"#/context/scroll-context\";\n\ninterface GitControlBarProps {\n  onSuggestionsClick: (value: string) => void;\n}\n\nexport function GitControlBar({ onSuggestionsClick }: GitControlBarProps) {\n  const { t } = useTranslation(\"openhands\");\n  const { conversationId } = useConversationId();\n  const [isOpenRepoModalOpen, setIsOpenRepoModalOpen] = useState(false);\n  const [isWorkspaceMenuOpen, setIsWorkspaceMenuOpen] = useState(false);\n  const workspaceMenuContainerRef = useRef<HTMLDivElement>(null);\n  const { addRecentRepository } = useHomeStore();\n  const enqueuePendingMessage = useOptimisticUserMessageStore(\n    (state) => state.enqueuePendingMessage,\n  );\n  const markPendingMessageError = useOptimisticUserMessageStore(\n    (state) => state.markPendingMessageError,\n  );\n  const { backend } = useActiveBackend();\n  const isLocalBackend = backend.kind === \"local\";\n  const { providers } = useUserProviders();\n  const providerTokensReady = isLocalBackend || providers.length > 0;\n\n  const { data: conversation } = useActiveConversation();\n  const { repositoryInfo } = useTaskPolling();\n  const { data: localGitInfo } = useLocalGitInfo();\n  const webSocketStatus = useUnifiedWebSocketStatus();\n  const webSocketStatusRef = useRef(webSocketStatus);\n  useEffect(() => {\n    webSocketStatusRef.current = webSocketStatus;\n  }, [webSocketStatus]);\n  const { send } = useSendMessage();\n  const sendRef = useRef(send);\n  useEffect(() => {\n    sendRef.current = send;\n  }, [send]);\n  const scrollContext = useOptionalScrollContext();\n  const { mutate: updateRepository } = useUpdateConversationRepository();\n  const { mutate: _createConversation, isPending: _isCreatingConversation } =\n    useCreateConversation();\n\n  // Priority: conversation data > task data > locally-detected git info.\n  // The local fallback runs `git remote get-url origin` / `git rev-parse --abbrev-ref HEAD`\n  // in the conversation's working dir so local-workspace conversations can\n  // still display a repo and branch in the control bar.\n  const conversationRepository =\n    conversation?.selected_repository || repositoryInfo?.selectedRepository;\n  const conversationProvider = (conversation?.git_provider ||\n    repositoryInfo?.gitProvider) as Provider | undefined;\n  const conversationBranch =\n    conversation?.selected_branch || repositoryInfo?.selectedBranch;\n\n  const selectedRepository =\n    conversationRepository || localGitInfo?.repository || undefined;\n  const gitProvider = (conversationProvider ||\n    localGitInfo?.provider) as Provider;\n  const selectedBranch =\n    conversationBranch || localGitInfo?.branch || undefined;\n\n  // For folder-only conversations (no remote repo), surface the basename of\n  // the originally attached workspace path so the button reads e.g. \"test\"\n  // rather than \"No Repo Connected\". `selected_workspace` is recorded at\n  // conversation creation; we prefer it over `workspace.working_dir` because\n  // the latter may point at a worktree subdir.\n  const storedMetadata = conversation?.id\n    ? getStoredConversationMetadata(conversation.id)\n    : null;\n  const workspacePath = storedMetadata?.selected_workspace ?? null;\n  const workspaceName = workspacePath\n    ? workspacePath.replace(/\\/+$/, \"\").split(\"/\").pop() || null\n    : null;\n\n  // Enable git actions whenever a repository and provider are known, including\n  // local conversations where repo metadata is inferred from git remotes.\n  const hasRepository = !!selectedRepository && !!gitProvider;\n\n  // Enable buttons only when conversation exists and WS is connected\n  const isConversationReady = !!conversation && webSocketStatus === \"OPEN\";\n\n  useEffect(() => {\n    if (!isWorkspaceMenuOpen) return undefined;\n    const onMouseDown = (event: MouseEvent) => {\n      if (\n        workspaceMenuContainerRef.current &&\n        !workspaceMenuContainerRef.current.contains(event.target as Node)\n      ) {\n        setIsWorkspaceMenuOpen(false);\n      }\n    };\n    document.addEventListener(\"mousedown\", onMouseDown);\n    return () => document.removeEventListener(\"mousedown\", onMouseDown);\n  }, [isWorkspaceMenuOpen]);\n\n  useEffect(() => {\n    if (!isWorkspaceMenuOpen) return undefined;\n    const onKeyDown = (event: KeyboardEvent) => {\n      if (event.key === \"Escape\") {\n        setIsWorkspaceMenuOpen(false);\n      }\n    };\n    window.addEventListener(\"keydown\", onKeyDown);\n    return () => window.removeEventListener(\"keydown\", onKeyDown);\n  }, [isWorkspaceMenuOpen]);\n\n  const handleLaunchRepository = (\n    repository: GitRepository,\n    branch: Branch,\n  ) => {\n    if (!conversationId) return;\n\n    // Persist to recent repositories list (matches home page behavior)\n    addRecentRepository(repository);\n\n    // Note: We update repository metadata first, then send clone command.\n    // The clone command is sent to the agent via WebSocket (fire-and-forget).\n    // If cloning fails, the agent will report the error in the chat,\n    // and the user can retry or change the repository.\n    // This is a trade-off: immediate UI feedback vs. strict atomicity.\n    updateRepository(\n      {\n        conversationId,\n        repository: repository.full_name,\n        branch: branch.name,\n        gitProvider: repository.git_provider,\n      },\n      {\n        onSuccess: () => {\n          // Use ref to read the latest WebSocket status (avoids stale closure)\n          if (webSocketStatusRef.current !== \"OPEN\") {\n            displayErrorToast(\n              t(I18nKey.CONVERSATION$CLONE_COMMAND_FAILED_DISCONNECTED),\n            );\n            return;\n          }\n\n          // Send clone command to agent after metadata is updated\n          // Use ref to always call the latest send function (avoids stale closure\n          // where V1 sendMessage holds a reference to a now-closed WebSocket)\n          // Include git provider in prompt so agent clones from correct source\n          const providerName =\n            repository.git_provider.charAt(0).toUpperCase() +\n            repository.git_provider.slice(1);\n          const clonePrompt = `Clone ${repository.full_name} from ${providerName} and checkout branch ${branch.name}.`;\n          const pendingId = conversationId\n            ? enqueuePendingMessage({ conversationId, text: clonePrompt })\n            : null;\n          // Pull chat back to the bottom so the optimistic \"Clone …\" bubble\n          // is visible even if the user had scrolled up.\n          scrollContext?.scrollDomToBottom();\n          // `send` returns a Promise; surface a failed send by flipping the\n          // matching pending entry to \"error\" so the user gets the retry link\n          // rather than a perpetual \"Sending…\" bubble.\n          Promise.resolve(\n            sendRef.current({\n              action: \"message\",\n              args: {\n                content: clonePrompt,\n                timestamp: new Date().toISOString(),\n              },\n            }),\n          ).catch((error) => {\n            if (!pendingId) return;\n            const errorMessage =\n              error instanceof Error ? error.message : \"Failed to send message\";\n            markPendingMessageError(pendingId, errorMessage);\n          });\n        },\n      },\n    );\n  };\n\n  // Local backends never use the remote-repo \"Connect Repo\" CTA, so suppress the\n  // empty-state button there. A repo or workspace label inferred from local git\n  // metadata is still informational and stays visible.\n  const showRepoButton =\n    !isLocalBackend || !!selectedRepository || !!workspaceName;\n  // On a local backend the informational pill (e.g. workspace name, or a repo\n  // detected without a recognized provider) should not open the remote-repo\n  // modal — that flow is cloud-only. Disable the button in that case so the\n  // click is a no-op. Linkable repos render as <a> and ignore `disabled`.\n  const isRepoButtonInert = isLocalBackend && !hasRepository;\n\n  // True when the bar will render at least one chip (cloud always shows\n  // \"Open Repository\"; local needs a repo or a workspace name; selected\n  // branch or push/pull/PR also count). When false, the bar has nothing to\n  // show — return null so the wrapper above collapses to its natural padding\n  // instead of leaving an empty DOM node below the chat input.\n  const hasAnyContent = showRepoButton || !!selectedBranch || hasRepository;\n  if (!hasAnyContent) return null;\n\n  return (\n    <div className=\"flex flex-row items-center\">\n      <div className=\"flex flex-row gap-2.5 items-center overflow-x-auto flex-nowrap relative scrollbar-hide\">\n        {showRepoButton ? (\n          <GitControlBarRepoButton\n            selectedRepository={selectedRepository}\n            gitProvider={gitProvider}\n            workspaceName={workspaceName}\n            onClick={() => setIsOpenRepoModalOpen(true)}\n            disabled={!isConversationReady || isRepoButtonInert}\n          />\n        ) : null}\n\n        {selectedBranch ? (\n          <GitControlBarBranchButton\n            selectedBranch={selectedBranch}\n            selectedRepository={selectedRepository}\n            gitProvider={gitProvider}\n          />\n        ) : null}\n\n        {hasRepository ? (\n          <>\n            <GitControlBarTooltipWrapper\n              tooltipMessage={t(I18nKey.COMMON$GIT_TOOLS_DISABLED_CONTENT)}\n              testId=\"git-control-bar-pull-button-tooltip\"\n              shouldShowTooltip={!hasRepository}\n            >\n              <GitControlBarPullButton\n                onSuggestionsClick={onSuggestionsClick}\n                hasRepository={hasRepository}\n                providerTokensReady={providerTokensReady}\n                isConversationReady={isConversationReady}\n              />\n            </GitControlBarTooltipWrapper>\n\n            <GitControlBarTooltipWrapper\n              tooltipMessage={t(I18nKey.COMMON$GIT_TOOLS_DISABLED_CONTENT)}\n              testId=\"git-control-bar-push-button-tooltip\"\n              shouldShowTooltip={!hasRepository}\n            >\n              <GitControlBarPushButton\n                onSuggestionsClick={onSuggestionsClick}\n                hasRepository={hasRepository}\n                providerTokensReady={providerTokensReady}\n                currentGitProvider={gitProvider}\n                isConversationReady={isConversationReady}\n              />\n            </GitControlBarTooltipWrapper>\n\n            <GitControlBarTooltipWrapper\n              tooltipMessage={t(I18nKey.COMMON$GIT_TOOLS_DISABLED_CONTENT)}\n              testId=\"git-control-bar-pr-button-tooltip\"\n              shouldShowTooltip={!hasRepository}\n            >\n              <GitControlBarPrButton\n                onSuggestionsClick={onSuggestionsClick}\n                hasRepository={hasRepository}\n                providerTokensReady={providerTokensReady}\n                currentGitProvider={gitProvider}\n                isConversationReady={isConversationReady}\n              />\n            </GitControlBarTooltipWrapper>\n          </>\n        ) : null}\n      </div>\n\n      <OpenRepositoryModal\n        isOpen={isOpenRepoModalOpen}\n        onClose={() => setIsOpenRepoModalOpen(false)}\n        onLaunch={handleLaunchRepository}\n        defaultProvider={gitProvider}\n      />\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/components/features/conversation/conversation-name-with-status.cjs

@@ -1,2 +1,2 @@
-const e=require(`../../../_virtual/_rolldown/runtime.cjs`),t=require(`../../../types/agent-state.cjs`),n=require(`../../../utils/utils.cjs`),r=require(`../../../hooks/use-conversation-id.cjs`),i=require(`../../../hooks/query/use-active-conversation.cjs`),a=require(`../../../hooks/use-agent-state.cjs`),o=require(`../../../hooks/query/use-task-polling.cjs`),s=require(`../../../utils/status.cjs`),c=require(`../../../hooks/mutation/use-unified-stop-conversation.cjs`),l=require(`../../../hooks/use-user-providers.cjs`),u=require(`../../../icons/debug-stackframe-dot.cjs`),d=require(`../../../hooks/mutation/use-unified-start-conversation.cjs`),f=require(`../controls/server-status-context-menu.cjs`),p=require(`./conversation-name.cjs`),m=require(`./right-panel-toggle.cjs`);let h=require(`react`);h=e.__toESM(h,1);let g=require(`react/jsx-runtime`);function _(){let{conversationId:e}=r.useConversationId(),{data:h}=i.useActiveConversation(),{curAgentState:_}=a.useAgentState(),{isTask:v,taskStatus:y}=o.useTaskPolling(),{mutate:b}=c.useUnifiedPauseConversation(),{mutate:x}=d.useUnifiedResumeConversation(),{providers:S}=l.useUserProviders(),C=h?.execution_status??null,w=n.getStatusColor({isPausing:!1,isTask:v,taskStatus:y,isStartingStatus:_===t.AgentState.LOADING||_===t.AgentState.INIT,isStopStatus:s.isExecutionErrored(C),curAgentState:_});return(0,g.jsxs)(`div`,{className:`flex items-center justify-between w-full`,children:[(0,g.jsxs)(`div`,{className:`flex items-center`,children:[(0,g.jsxs)(`div`,{className:`group relative`,children:[(0,g.jsx)(u.default,{className:`ml-[3.5px] w-6 h-6 cursor-pointer`,color:w}),(0,g.jsx)(f.ServerStatusContextMenu,{onClose:()=>{},onStopServer:s.isExecutionActive(C)?t=>{t.preventDefault(),t.stopPropagation(),e&&b({conversationId:e})}:void 0,onStartServer:s.isExecutionPaused(C)?t=>{t.preventDefault(),t.stopPropagation(),e&&x({conversationId:e,providers:S})}:void 0,executionStatus:C,position:`bottom`,className:`opacity-0 invisible pointer-events-none group-hover:opacity-100 group-hover:visible group-hover:pointer-events-auto bottom-full left-0 mt-0 min-h-fit`,isPausing:!1})]}),(0,g.jsx)(p.ConversationName,{})]}),(0,g.jsx)(m.RightPanelToggle,{className:`mr-2`})]})}exports.ConversationNameWithStatus=_;
+const e=require(`../../../_virtual/_rolldown/runtime.cjs`),t=require(`../../../types/agent-state.cjs`),n=require(`../../../utils/utils.cjs`),r=require(`../../../hooks/use-conversation-id.cjs`),i=require(`../../../hooks/query/use-active-conversation.cjs`),a=require(`../../../hooks/use-agent-state.cjs`),o=require(`../../../hooks/query/use-task-polling.cjs`),s=require(`../../../utils/status.cjs`),c=require(`../../../hooks/mutation/use-unified-stop-conversation.cjs`),l=require(`../../../hooks/use-user-providers.cjs`),u=require(`../../../icons/debug-stackframe-dot.cjs`),d=require(`../../../hooks/mutation/use-unified-start-conversation.cjs`),f=require(`../controls/server-status-context-menu.cjs`),p=require(`./conversation-name.cjs`),m=require(`./right-panel-toggle.cjs`);let h=require(`react`);h=e.__toESM(h,1);let g=require(`react/jsx-runtime`);function _(){let{conversationId:e}=r.useConversationId(),{data:h}=i.useActiveConversation(),{curAgentState:_}=a.useAgentState(),{isTask:v,taskStatus:y}=o.useTaskPolling(),{mutate:b}=c.useUnifiedPauseConversation(),{mutate:x}=d.useUnifiedResumeConversation(),{providers:S}=l.useUserProviders(),C=h?.execution_status??null,w=n.getStatusColor({isPausing:!1,isTask:v,taskStatus:y,isStartingStatus:_===t.AgentState.LOADING||_===t.AgentState.INIT,isStopStatus:s.isExecutionErrored(C),curAgentState:_});return(0,g.jsxs)(`div`,{className:`flex items-center justify-between w-full`,children:[(0,g.jsxs)(`div`,{className:`flex items-center min-w-0`,children:[(0,g.jsxs)(`div`,{className:`group relative shrink-0`,children:[(0,g.jsx)(u.default,{className:`ml-[3.5px] w-6 h-6 cursor-pointer`,color:w}),(0,g.jsx)(f.ServerStatusContextMenu,{onClose:()=>{},onStopServer:s.isExecutionActive(C)?t=>{t.preventDefault(),t.stopPropagation(),e&&b({conversationId:e})}:void 0,onStartServer:s.isExecutionPaused(C)?t=>{t.preventDefault(),t.stopPropagation(),e&&x({conversationId:e,providers:S})}:void 0,executionStatus:C,position:`bottom`,className:`opacity-0 invisible pointer-events-none group-hover:opacity-100 group-hover:visible group-hover:pointer-events-auto bottom-full left-0 mt-0 min-h-fit`,isPausing:!1})]}),(0,g.jsx)(p.ConversationName,{})]}),(0,g.jsx)(m.RightPanelToggle,{className:`mr-2`})]})}exports.ConversationNameWithStatus=_;
 //# sourceMappingURL=conversation-name-with-status.cjs.map

package/dist/components/features/conversation/conversation-name-with-status.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"conversation-name-with-status.cjs","names":[],"sources":["../../../../src/components/features/conversation/conversation-name-with-status.tsx"],"sourcesContent":["import React from \"react\";\nimport { useAgentState } from \"#/hooks/use-agent-state\";\nimport { useTaskPolling } from \"#/hooks/query/use-task-polling\";\nimport { useActiveConversation } from \"#/hooks/query/use-active-conversation\";\nimport { useUnifiedPauseConversation } from \"#/hooks/mutation/use-unified-stop-conversation\";\nimport { useUnifiedResumeConversation } from \"#/hooks/mutation/use-unified-start-conversation\";\nimport { useConversationId } from \"#/hooks/use-conversation-id\";\nimport { useUserProviders } from \"#/hooks/use-user-providers\";\nimport { getStatusColor } from \"#/utils/utils\";\nimport { AgentState } from \"#/types/agent-state\";\nimport DebugStackframeDot from \"#/icons/debug-stackframe-dot.svg?react\";\nimport { ServerStatusContextMenu } from \"../controls/server-status-context-menu\";\nimport { ConversationName } from \"./conversation-name\";\nimport { RightPanelToggle } from \"./right-panel-toggle\";\nimport {\n  isExecutionActive,\n  isExecutionErrored,\n  isExecutionPaused,\n} from \"#/utils/status\";\n\nexport function ConversationNameWithStatus() {\n  const { conversationId } = useConversationId();\n  const { data: conversation } = useActiveConversation();\n  const { curAgentState } = useAgentState();\n  const { isTask, taskStatus } = useTaskPolling();\n  const { mutate: pauseConversation } = useUnifiedPauseConversation();\n  const { mutate: resumeConversation } = useUnifiedResumeConversation();\n  const { providers } = useUserProviders();\n\n  const executionStatus = conversation?.execution_status ?? null;\n  const isStartingStatus =\n    curAgentState === AgentState.LOADING || curAgentState === AgentState.INIT;\n  const isStopStatus = isExecutionErrored(executionStatus);\n\n  const statusColor = getStatusColor({\n    isPausing: false,\n    isTask,\n    taskStatus,\n    isStartingStatus,\n    isStopStatus,\n    curAgentState,\n  });\n\n  const handleStopServer = (event: React.MouseEvent<HTMLButtonElement>) => {\n    event.preventDefault();\n    event.stopPropagation();\n    if (conversationId) {\n      pauseConversation({ conversationId });\n    }\n  };\n\n  const handleStartServer = (event: React.MouseEvent<HTMLButtonElement>) => {\n    event.preventDefault();\n    event.stopPropagation();\n    if (conversationId) {\n      resumeConversation({ conversationId, providers });\n    }\n  };\n\n  return (\n    <div className=\"flex items-center justify-between w-full\">\n      <div className=\"flex items-center\">\n        <div className=\"group relative\">\n          <DebugStackframeDot\n            className=\"ml-[3.5px] w-6 h-6 cursor-pointer\"\n            color={statusColor}\n          />\n          <ServerStatusContextMenu\n            onClose={() => {}}\n            onStopServer={\n              isExecutionActive(executionStatus) ? handleStopServer : undefined\n            }\n            onStartServer={\n              isExecutionPaused(executionStatus) ? handleStartServer : undefined\n            }\n            executionStatus={executionStatus}\n            position=\"bottom\"\n            className=\"opacity-0 invisible pointer-events-none group-hover:opacity-100 group-hover:visible group-hover:pointer-events-auto bottom-full left-0 mt-0 min-h-fit\"\n            isPausing={false}\n          />\n        </div>\n        <ConversationName />\n      </div>\n      <RightPanelToggle className=\"mr-2\" />\n    </div>\n  );\n}\n"],"mappings":"k1BAoBA,SAAgB,GAA6B,CAC3C,GAAM,CAAE,kBAAmB,EAAA,mBAAmB,CACxC,CAAE,KAAM,GAAiB,EAAA,uBAAuB,CAChD,CAAE,iBAAkB,EAAA,eAAe,CACnC,CAAE,SAAQ,cAAe,EAAA,gBAAgB,CACzC,CAAE,OAAQ,GAAsB,EAAA,6BAA6B,CAC7D,CAAE,OAAQ,GAAuB,EAAA,8BAA8B,CAC/D,CAAE,aAAc,EAAA,kBAAkB,CAElC,EAAkB,GAAc,kBAAoB,KAKpD,EAAc,EAAA,eAAe,CACjC,UAAW,GACX,SACA,aACA,iBAPA,IAAkB,EAAA,WAAW,SAAW,IAAkB,EAAA,WAAW,KAQrE,aAPmB,EAAA,mBAAmB,EAOtC,CACA,gBACD,CAAC,CAkBF,OACE,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,oDAAf,EACE,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,6BAAf,EACE,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,0BAAf,EACE,EAAA,EAAA,KAAC,EAAA,QAAD,CACE,UAAU,oCACV,MAAO,EACP,CAAA,EACF,EAAA,EAAA,KAAC,EAAA,wBAAD,CACE,YAAe,GACf,aACE,EAAA,kBAAkB,EAAgB,CA3BpB,GAA+C,CACvE,EAAM,gBAAgB,CACtB,EAAM,iBAAiB,CACnB,GACF,EAAkB,CAAE,iBAAgB,CAAC,EAuB2B,IAAA,GAE1D,cACE,EAAA,kBAAkB,EAAgB,CAtBnB,GAA+C,CACxE,EAAM,gBAAgB,CACtB,EAAM,iBAAiB,CACnB,GACF,EAAmB,CAAE,iBAAgB,YAAW,CAAC,EAkBgB,IAAA,GAE1C,kBACjB,SAAS,SACT,UAAU,wJACV,UAAW,GACX,CAAA,CACE,IACN,EAAA,EAAA,KAAC,EAAA,iBAAD,EAAoB,CAAA,CAChB,IACN,EAAA,EAAA,KAAC,EAAA,iBAAD,CAAkB,UAAU,OAAS,CAAA,CACjC"}
+{"version":3,"file":"conversation-name-with-status.cjs","names":[],"sources":["../../../../src/components/features/conversation/conversation-name-with-status.tsx"],"sourcesContent":["import React from \"react\";\nimport { useAgentState } from \"#/hooks/use-agent-state\";\nimport { useTaskPolling } from \"#/hooks/query/use-task-polling\";\nimport { useActiveConversation } from \"#/hooks/query/use-active-conversation\";\nimport { useUnifiedPauseConversation } from \"#/hooks/mutation/use-unified-stop-conversation\";\nimport { useUnifiedResumeConversation } from \"#/hooks/mutation/use-unified-start-conversation\";\nimport { useConversationId } from \"#/hooks/use-conversation-id\";\nimport { useUserProviders } from \"#/hooks/use-user-providers\";\nimport { getStatusColor } from \"#/utils/utils\";\nimport { AgentState } from \"#/types/agent-state\";\nimport DebugStackframeDot from \"#/icons/debug-stackframe-dot.svg?react\";\nimport { ServerStatusContextMenu } from \"../controls/server-status-context-menu\";\nimport { ConversationName } from \"./conversation-name\";\nimport { RightPanelToggle } from \"./right-panel-toggle\";\nimport {\n  isExecutionActive,\n  isExecutionErrored,\n  isExecutionPaused,\n} from \"#/utils/status\";\n\nexport function ConversationNameWithStatus() {\n  const { conversationId } = useConversationId();\n  const { data: conversation } = useActiveConversation();\n  const { curAgentState } = useAgentState();\n  const { isTask, taskStatus } = useTaskPolling();\n  const { mutate: pauseConversation } = useUnifiedPauseConversation();\n  const { mutate: resumeConversation } = useUnifiedResumeConversation();\n  const { providers } = useUserProviders();\n\n  const executionStatus = conversation?.execution_status ?? null;\n  const isStartingStatus =\n    curAgentState === AgentState.LOADING || curAgentState === AgentState.INIT;\n  const isStopStatus = isExecutionErrored(executionStatus);\n\n  const statusColor = getStatusColor({\n    isPausing: false,\n    isTask,\n    taskStatus,\n    isStartingStatus,\n    isStopStatus,\n    curAgentState,\n  });\n\n  const handleStopServer = (event: React.MouseEvent<HTMLButtonElement>) => {\n    event.preventDefault();\n    event.stopPropagation();\n    if (conversationId) {\n      pauseConversation({ conversationId });\n    }\n  };\n\n  const handleStartServer = (event: React.MouseEvent<HTMLButtonElement>) => {\n    event.preventDefault();\n    event.stopPropagation();\n    if (conversationId) {\n      resumeConversation({ conversationId, providers });\n    }\n  };\n\n  return (\n    <div className=\"flex items-center justify-between w-full\">\n      <div className=\"flex items-center min-w-0\">\n        <div className=\"group relative shrink-0\">\n          <DebugStackframeDot\n            className=\"ml-[3.5px] w-6 h-6 cursor-pointer\"\n            color={statusColor}\n          />\n          <ServerStatusContextMenu\n            onClose={() => {}}\n            onStopServer={\n              isExecutionActive(executionStatus) ? handleStopServer : undefined\n            }\n            onStartServer={\n              isExecutionPaused(executionStatus) ? handleStartServer : undefined\n            }\n            executionStatus={executionStatus}\n            position=\"bottom\"\n            className=\"opacity-0 invisible pointer-events-none group-hover:opacity-100 group-hover:visible group-hover:pointer-events-auto bottom-full left-0 mt-0 min-h-fit\"\n            isPausing={false}\n          />\n        </div>\n        <ConversationName />\n      </div>\n      <RightPanelToggle className=\"mr-2\" />\n    </div>\n  );\n}\n"],"mappings":"k1BAoBA,SAAgB,GAA6B,CAC3C,GAAM,CAAE,kBAAmB,EAAA,mBAAmB,CACxC,CAAE,KAAM,GAAiB,EAAA,uBAAuB,CAChD,CAAE,iBAAkB,EAAA,eAAe,CACnC,CAAE,SAAQ,cAAe,EAAA,gBAAgB,CACzC,CAAE,OAAQ,GAAsB,EAAA,6BAA6B,CAC7D,CAAE,OAAQ,GAAuB,EAAA,8BAA8B,CAC/D,CAAE,aAAc,EAAA,kBAAkB,CAElC,EAAkB,GAAc,kBAAoB,KAKpD,EAAc,EAAA,eAAe,CACjC,UAAW,GACX,SACA,aACA,iBAPA,IAAkB,EAAA,WAAW,SAAW,IAAkB,EAAA,WAAW,KAQrE,aAPmB,EAAA,mBAAmB,EAOtC,CACA,gBACD,CAAC,CAkBF,OACE,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,oDAAf,EACE,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,qCAAf,EACE,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,mCAAf,EACE,EAAA,EAAA,KAAC,EAAA,QAAD,CACE,UAAU,oCACV,MAAO,EACP,CAAA,EACF,EAAA,EAAA,KAAC,EAAA,wBAAD,CACE,YAAe,GACf,aACE,EAAA,kBAAkB,EAAgB,CA3BpB,GAA+C,CACvE,EAAM,gBAAgB,CACtB,EAAM,iBAAiB,CACnB,GACF,EAAkB,CAAE,iBAAgB,CAAC,EAuB2B,IAAA,GAE1D,cACE,EAAA,kBAAkB,EAAgB,CAtBnB,GAA+C,CACxE,EAAM,gBAAgB,CACtB,EAAM,iBAAiB,CACnB,GACF,EAAmB,CAAE,iBAAgB,YAAW,CAAC,EAkBgB,IAAA,GAE1C,kBACjB,SAAS,SACT,UAAU,wJACV,UAAW,GACX,CAAA,CACE,IACN,EAAA,EAAA,KAAC,EAAA,iBAAD,EAAoB,CAAA,CAChB,IACN,EAAA,EAAA,KAAC,EAAA,iBAAD,CAAkB,UAAU,OAAS,CAAA,CACjC"}

package/dist/components/features/conversation/conversation-name-with-status.js

@@ -20,9 +20,9 @@ function v() {
 	return /* @__PURE__ */ _("div", {
 		className: "flex items-center justify-between w-full",
 		children: [/* @__PURE__ */ _("div", {
-			className: "flex items-center",
+			className: "flex items-center min-w-0",
 			children: [/* @__PURE__ */ _("div", {
-				className: "group relative",
+				className: "group relative shrink-0",
 				children: [/* @__PURE__ */ g(d, {
 					className: "ml-[3.5px] w-6 h-6 cursor-pointer",
 					color: t({

package/dist/components/features/conversation/conversation-name-with-status.js.map

@@ -1 +1 @@
-{"version":3,"file":"conversation-name-with-status.js","names":[],"sources":["../../../../src/components/features/conversation/conversation-name-with-status.tsx"],"sourcesContent":["import React from \"react\";\nimport { useAgentState } from \"#/hooks/use-agent-state\";\nimport { useTaskPolling } from \"#/hooks/query/use-task-polling\";\nimport { useActiveConversation } from \"#/hooks/query/use-active-conversation\";\nimport { useUnifiedPauseConversation } from \"#/hooks/mutation/use-unified-stop-conversation\";\nimport { useUnifiedResumeConversation } from \"#/hooks/mutation/use-unified-start-conversation\";\nimport { useConversationId } from \"#/hooks/use-conversation-id\";\nimport { useUserProviders } from \"#/hooks/use-user-providers\";\nimport { getStatusColor } from \"#/utils/utils\";\nimport { AgentState } from \"#/types/agent-state\";\nimport DebugStackframeDot from \"#/icons/debug-stackframe-dot.svg?react\";\nimport { ServerStatusContextMenu } from \"../controls/server-status-context-menu\";\nimport { ConversationName } from \"./conversation-name\";\nimport { RightPanelToggle } from \"./right-panel-toggle\";\nimport {\n  isExecutionActive,\n  isExecutionErrored,\n  isExecutionPaused,\n} from \"#/utils/status\";\n\nexport function ConversationNameWithStatus() {\n  const { conversationId } = useConversationId();\n  const { data: conversation } = useActiveConversation();\n  const { curAgentState } = useAgentState();\n  const { isTask, taskStatus } = useTaskPolling();\n  const { mutate: pauseConversation } = useUnifiedPauseConversation();\n  const { mutate: resumeConversation } = useUnifiedResumeConversation();\n  const { providers } = useUserProviders();\n\n  const executionStatus = conversation?.execution_status ?? null;\n  const isStartingStatus =\n    curAgentState === AgentState.LOADING || curAgentState === AgentState.INIT;\n  const isStopStatus = isExecutionErrored(executionStatus);\n\n  const statusColor = getStatusColor({\n    isPausing: false,\n    isTask,\n    taskStatus,\n    isStartingStatus,\n    isStopStatus,\n    curAgentState,\n  });\n\n  const handleStopServer = (event: React.MouseEvent<HTMLButtonElement>) => {\n    event.preventDefault();\n    event.stopPropagation();\n    if (conversationId) {\n      pauseConversation({ conversationId });\n    }\n  };\n\n  const handleStartServer = (event: React.MouseEvent<HTMLButtonElement>) => {\n    event.preventDefault();\n    event.stopPropagation();\n    if (conversationId) {\n      resumeConversation({ conversationId, providers });\n    }\n  };\n\n  return (\n    <div className=\"flex items-center justify-between w-full\">\n      <div className=\"flex items-center\">\n        <div className=\"group relative\">\n          <DebugStackframeDot\n            className=\"ml-[3.5px] w-6 h-6 cursor-pointer\"\n            color={statusColor}\n          />\n          <ServerStatusContextMenu\n            onClose={() => {}}\n            onStopServer={\n              isExecutionActive(executionStatus) ? handleStopServer : undefined\n            }\n            onStartServer={\n              isExecutionPaused(executionStatus) ? handleStartServer : undefined\n            }\n            executionStatus={executionStatus}\n            position=\"bottom\"\n            className=\"opacity-0 invisible pointer-events-none group-hover:opacity-100 group-hover:visible group-hover:pointer-events-auto bottom-full left-0 mt-0 min-h-fit\"\n            isPausing={false}\n          />\n        </div>\n        <ConversationName />\n      </div>\n      <RightPanelToggle className=\"mr-2\" />\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;AAoBA,SAAgB,IAA6B;CAC3C,IAAM,EAAE,sBAAmB,GAAmB,EACxC,EAAE,MAAM,MAAiB,GAAuB,EAChD,EAAE,qBAAkB,GAAe,EACnC,EAAE,WAAQ,kBAAe,GAAgB,EACzC,EAAE,QAAQ,MAAsB,GAA6B,EAC7D,EAAE,QAAQ,MAAuB,GAA8B,EAC/D,EAAE,iBAAc,GAAkB,EAElC,IAAkB,GAAc,oBAAoB;AA8B1D,QACE,kBAAC,OAAD;EAAK,WAAU;YAAf,CACE,kBAAC,OAAD;GAAK,WAAU;aAAf,CACE,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,GAAD;KACE,WAAU;KACV,OA/BU,EAAe;MACjC,WAAW;MACX;MACA;MACA,kBAPA,MAAkB,EAAW,WAAW,MAAkB,EAAW;MAQrE,cAPmB,EAAmB,EAOtC;MACA;MACD,CAwBgB;KACP,CAAA,EACF,kBAAC,GAAD;KACE,eAAe;KACf,cACE,EAAkB,EAAgB,IA3BpB,MAA+C;AAGvE,MAFA,EAAM,gBAAgB,EACtB,EAAM,iBAAiB,EACnB,KACF,EAAkB,EAAE,mBAAgB,CAAC;SAuB2B,KAAA;KAE1D,eACE,EAAkB,EAAgB,IAtBnB,MAA+C;AAGxE,MAFA,EAAM,gBAAgB,EACtB,EAAM,iBAAiB,EACnB,KACF,EAAmB;OAAE;OAAgB;OAAW,CAAC;SAkBgB,KAAA;KAE1C;KACjB,UAAS;KACT,WAAU;KACV,WAAW;KACX,CAAA,CACE;OACN,kBAAC,GAAD,EAAoB,CAAA,CAChB;MACN,kBAAC,GAAD,EAAkB,WAAU,QAAS,CAAA,CACjC"}
+{"version":3,"file":"conversation-name-with-status.js","names":[],"sources":["../../../../src/components/features/conversation/conversation-name-with-status.tsx"],"sourcesContent":["import React from \"react\";\nimport { useAgentState } from \"#/hooks/use-agent-state\";\nimport { useTaskPolling } from \"#/hooks/query/use-task-polling\";\nimport { useActiveConversation } from \"#/hooks/query/use-active-conversation\";\nimport { useUnifiedPauseConversation } from \"#/hooks/mutation/use-unified-stop-conversation\";\nimport { useUnifiedResumeConversation } from \"#/hooks/mutation/use-unified-start-conversation\";\nimport { useConversationId } from \"#/hooks/use-conversation-id\";\nimport { useUserProviders } from \"#/hooks/use-user-providers\";\nimport { getStatusColor } from \"#/utils/utils\";\nimport { AgentState } from \"#/types/agent-state\";\nimport DebugStackframeDot from \"#/icons/debug-stackframe-dot.svg?react\";\nimport { ServerStatusContextMenu } from \"../controls/server-status-context-menu\";\nimport { ConversationName } from \"./conversation-name\";\nimport { RightPanelToggle } from \"./right-panel-toggle\";\nimport {\n  isExecutionActive,\n  isExecutionErrored,\n  isExecutionPaused,\n} from \"#/utils/status\";\n\nexport function ConversationNameWithStatus() {\n  const { conversationId } = useConversationId();\n  const { data: conversation } = useActiveConversation();\n  const { curAgentState } = useAgentState();\n  const { isTask, taskStatus } = useTaskPolling();\n  const { mutate: pauseConversation } = useUnifiedPauseConversation();\n  const { mutate: resumeConversation } = useUnifiedResumeConversation();\n  const { providers } = useUserProviders();\n\n  const executionStatus = conversation?.execution_status ?? null;\n  const isStartingStatus =\n    curAgentState === AgentState.LOADING || curAgentState === AgentState.INIT;\n  const isStopStatus = isExecutionErrored(executionStatus);\n\n  const statusColor = getStatusColor({\n    isPausing: false,\n    isTask,\n    taskStatus,\n    isStartingStatus,\n    isStopStatus,\n    curAgentState,\n  });\n\n  const handleStopServer = (event: React.MouseEvent<HTMLButtonElement>) => {\n    event.preventDefault();\n    event.stopPropagation();\n    if (conversationId) {\n      pauseConversation({ conversationId });\n    }\n  };\n\n  const handleStartServer = (event: React.MouseEvent<HTMLButtonElement>) => {\n    event.preventDefault();\n    event.stopPropagation();\n    if (conversationId) {\n      resumeConversation({ conversationId, providers });\n    }\n  };\n\n  return (\n    <div className=\"flex items-center justify-between w-full\">\n      <div className=\"flex items-center min-w-0\">\n        <div className=\"group relative shrink-0\">\n          <DebugStackframeDot\n            className=\"ml-[3.5px] w-6 h-6 cursor-pointer\"\n            color={statusColor}\n          />\n          <ServerStatusContextMenu\n            onClose={() => {}}\n            onStopServer={\n              isExecutionActive(executionStatus) ? handleStopServer : undefined\n            }\n            onStartServer={\n              isExecutionPaused(executionStatus) ? handleStartServer : undefined\n            }\n            executionStatus={executionStatus}\n            position=\"bottom\"\n            className=\"opacity-0 invisible pointer-events-none group-hover:opacity-100 group-hover:visible group-hover:pointer-events-auto bottom-full left-0 mt-0 min-h-fit\"\n            isPausing={false}\n          />\n        </div>\n        <ConversationName />\n      </div>\n      <RightPanelToggle className=\"mr-2\" />\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;AAoBA,SAAgB,IAA6B;CAC3C,IAAM,EAAE,sBAAmB,GAAmB,EACxC,EAAE,MAAM,MAAiB,GAAuB,EAChD,EAAE,qBAAkB,GAAe,EACnC,EAAE,WAAQ,kBAAe,GAAgB,EACzC,EAAE,QAAQ,MAAsB,GAA6B,EAC7D,EAAE,QAAQ,MAAuB,GAA8B,EAC/D,EAAE,iBAAc,GAAkB,EAElC,IAAkB,GAAc,oBAAoB;AA8B1D,QACE,kBAAC,OAAD;EAAK,WAAU;YAAf,CACE,kBAAC,OAAD;GAAK,WAAU;aAAf,CACE,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,GAAD;KACE,WAAU;KACV,OA/BU,EAAe;MACjC,WAAW;MACX;MACA;MACA,kBAPA,MAAkB,EAAW,WAAW,MAAkB,EAAW;MAQrE,cAPmB,EAAmB,EAOtC;MACA;MACD,CAwBgB;KACP,CAAA,EACF,kBAAC,GAAD;KACE,eAAe;KACf,cACE,EAAkB,EAAgB,IA3BpB,MAA+C;AAGvE,MAFA,EAAM,gBAAgB,EACtB,EAAM,iBAAiB,EACnB,KACF,EAAkB,EAAE,mBAAgB,CAAC;SAuB2B,KAAA;KAE1D,eACE,EAAkB,EAAgB,IAtBnB,MAA+C;AAGxE,MAFA,EAAM,gBAAgB,EACtB,EAAM,iBAAiB,EACnB,KACF,EAAmB;OAAE;OAAgB;OAAW,CAAC;SAkBgB,KAAA;KAE1C;KACjB,UAAS;KACT,WAAU;KACV,WAAW;KACX,CAAA,CACE;OACN,kBAAC,GAAD,EAAoB,CAAA,CAChB;MACN,kBAAC,GAAD,EAAkB,WAAU,QAAS,CAAA,CACjC"}

package/dist/components/features/conversation/conversation-name.cjs

@@ -1,2 +1,2 @@
-const e=require(`../../../_virtual/_rolldown/runtime.cjs`),t=require(`../../../node_modules/react-i18next/dist/es/useTranslation.cjs`),n=require(`../../../i18n/declaration.cjs`),r=require(`../../../hooks/use-conversation-id.cjs`),i=require(`../../../utils/custom-toast-handlers.cjs`),a=require(`../../../hooks/query/use-active-conversation.cjs`),o=require(`../../../hooks/use-conversation-name-context-menu.cjs`),s=require(`../conversation-panel/system-message-modal.cjs`),c=require(`../conversation-panel/skills-modal.cjs`),l=require(`../conversation-panel/hooks-modal.cjs`),u=require(`../../../hooks/mutation/use-update-conversation.cjs`),d=require(`../conversation-panel/ellipsis-button.cjs`),f=require(`./conversation-name-context-menu.cjs`),p=require(`../conversation-panel/confirm-delete-modal.cjs`),m=require(`../conversation-panel/confirm-stop-modal.cjs`),h=require(`./metrics-modal/metrics-modal.cjs`);let g=require(`react`);g=e.__toESM(g,1);let _=require(`react/jsx-runtime`);function v(){let{t:e}=t.useTranslation(`openhands`),{conversationId:v}=r.useConversationId(),{data:y}=a.useActiveConversation(),{mutate:b}=u.useUpdateConversation(),[x,S]=g.default.useState(`view`),[C,w]=g.default.useState(!1),T=g.default.useRef(null),E=g.default.useRef(null),{handleDelete:D,handleStop:O,handleDownloadConversation:k,handleDisplayCost:A,handleShowAgentTools:j,handleShowSkills:M,handleShowHooks:ee,handleTogglePublic:N,handleCopyShareLink:P,shareUrl:F,handleConfirmDelete:I,handleConfirmStop:L,metricsModalVisible:R,setMetricsModalVisible:z,systemModalVisible:B,setSystemModalVisible:V,skillsModalVisible:H,setSkillsModalVisible:U,hooksModalVisible:W,setHooksModalVisible:G,confirmDeleteModalVisible:K,setConfirmDeleteModalVisible:q,confirmStopModalVisible:J,setConfirmStopModalVisible:Y,systemMessage:X,shouldShowStop:Z,shouldShowDownloadConversation:Q,shouldShowDisplayCost:$,shouldShowAgentTools:te,shouldShowSkills:ne,shouldShowHooks:re}=o.useConversationNameContextMenu({conversationId:v,executionStatus:y?.execution_status,showOptions:!0,onContextMenuToggle:w});return g.default.useEffect(()=>{x===`edit`&&T.current?.focus()},[x]),y?(0,_.jsxs)(_.Fragment,{children:[(0,_.jsxs)(`div`,{className:`flex items-center gap-2 h-[22px] text-base font-normal text-left pl-0 lg:pl-1`,"data-testid":`conversation-name`,children:[x===`edit`?(0,_.jsx)(`input`,{ref:T,"data-testid":`conversation-name-input`,onClick:e=>{x===`edit`&&(e.preventDefault(),e.stopPropagation())},onBlur:()=>{if(T.current?.value&&v){let t=T.current.value.trim();t!==y?.title&&b({conversationId:v,newTitle:t},{onSuccess:()=>{i.displaySuccessToast(e(n.I18nKey.CONVERSATION$TITLE_UPDATED))}})}else T.current&&(T.current.value=y?.title??``);S(`view`)},onKeyUp:e=>{e.nativeEvent.isComposing||e.key===`Enter`&&e.currentTarget.blur()},type:`text`,defaultValue:y.title||``,className:`text-white leading-5 bg-transparent border-none outline-none text-base font-normal w-fit max-w-fit field-sizing-content`}):(0,_.jsx)(`div`,{className:`text-white leading-5 w-fit max-w-fit truncate`,"data-testid":`conversation-name-title`,onDoubleClick:()=>{S(`edit`)},title:y.title||``,children:y.title}),x!==`edit`&&(0,_.jsxs)(`div`,{ref:E,className:`relative flex items-center`,children:[(0,_.jsx)(d.EllipsisButton,{onClick:e=>{e.preventDefault(),e.stopPropagation(),w(!C)}}),C&&(0,_.jsx)(f.ConversationNameContextMenu,{onClose:()=>w(!1),onRename:e=>{e.preventDefault(),e.stopPropagation(),S(`edit`),w(!1)},onDelete:D,onStop:Z?O:void 0,onDisplayCost:$?A:void 0,onShowAgentTools:te?j:void 0,onShowSkills:ne?M:void 0,onShowHooks:re?ee:void 0,onTogglePublic:N,onCopyShareLink:P,shareUrl:F,onDownloadConversation:Q?k:void 0,position:`bottom`,anchorRef:E})]})]}),(0,_.jsx)(h.MetricsModal,{isOpen:R,onOpenChange:z}),(0,_.jsx)(s.SystemMessageModal,{isOpen:B,onClose:()=>V(!1),systemMessage:X||null}),H&&(0,_.jsx)(c.SkillsModal,{onClose:()=>U(!1)}),W&&(0,_.jsx)(l.HooksModal,{onClose:()=>G(!1)}),K&&(0,_.jsx)(p.ConfirmDeleteModal,{onConfirm:I,onCancel:()=>q(!1),conversationTitle:y?.title||``}),J&&(0,_.jsx)(m.ConfirmStopModal,{onConfirm:L,onCancel:()=>Y(!1)})]}):null}exports.ConversationName=v;
+const e=require(`../../../_virtual/_rolldown/runtime.cjs`),t=require(`../../../node_modules/react-i18next/dist/es/useTranslation.cjs`),n=require(`../../../i18n/declaration.cjs`),r=require(`../../../hooks/use-conversation-id.cjs`),i=require(`../../../utils/custom-toast-handlers.cjs`),a=require(`../../../hooks/query/use-active-conversation.cjs`),o=require(`../../../hooks/use-conversation-name-context-menu.cjs`),s=require(`../conversation-panel/system-message-modal.cjs`),c=require(`../conversation-panel/skills-modal.cjs`),l=require(`../conversation-panel/hooks-modal.cjs`),u=require(`../../../hooks/mutation/use-update-conversation.cjs`),d=require(`../conversation-panel/ellipsis-button.cjs`),f=require(`./conversation-name-context-menu.cjs`),p=require(`../conversation-panel/confirm-delete-modal.cjs`),m=require(`../conversation-panel/confirm-stop-modal.cjs`),h=require(`./metrics-modal/metrics-modal.cjs`);let g=require(`react`);g=e.__toESM(g,1);let _=require(`react/jsx-runtime`);function v(){let{t:e}=t.useTranslation(`openhands`),{conversationId:v}=r.useConversationId(),{data:y}=a.useActiveConversation(),{mutate:b}=u.useUpdateConversation(),[x,S]=g.default.useState(`view`),[C,w]=g.default.useState(!1),T=g.default.useRef(null),E=g.default.useRef(null),{handleDelete:D,handleStop:O,handleDownloadConversation:k,handleDisplayCost:A,handleShowAgentTools:j,handleShowSkills:M,handleShowHooks:ee,handleTogglePublic:N,handleCopyShareLink:P,shareUrl:F,handleConfirmDelete:I,handleConfirmStop:L,metricsModalVisible:R,setMetricsModalVisible:z,systemModalVisible:B,setSystemModalVisible:V,skillsModalVisible:H,setSkillsModalVisible:U,hooksModalVisible:W,setHooksModalVisible:G,confirmDeleteModalVisible:K,setConfirmDeleteModalVisible:q,confirmStopModalVisible:J,setConfirmStopModalVisible:Y,systemMessage:X,shouldShowStop:Z,shouldShowDownloadConversation:Q,shouldShowDisplayCost:$,shouldShowAgentTools:te,shouldShowSkills:ne,shouldShowHooks:re}=o.useConversationNameContextMenu({conversationId:v,executionStatus:y?.execution_status,showOptions:!0,onContextMenuToggle:w});return g.default.useEffect(()=>{x===`edit`&&T.current?.focus()},[x]),y?(0,_.jsxs)(_.Fragment,{children:[(0,_.jsxs)(`div`,{className:`flex items-center gap-2 h-[22px] text-base font-normal text-left pl-0 lg:pl-1 min-w-0`,"data-testid":`conversation-name`,children:[x===`edit`?(0,_.jsx)(`input`,{ref:T,"data-testid":`conversation-name-input`,onClick:e=>{x===`edit`&&(e.preventDefault(),e.stopPropagation())},onBlur:()=>{if(T.current?.value&&v){let t=T.current.value.trim();t!==y?.title&&b({conversationId:v,newTitle:t},{onSuccess:()=>{i.displaySuccessToast(e(n.I18nKey.CONVERSATION$TITLE_UPDATED))}})}else T.current&&(T.current.value=y?.title??``);S(`view`)},onKeyUp:e=>{e.nativeEvent.isComposing||e.key===`Enter`&&e.currentTarget.blur()},type:`text`,defaultValue:y.title||``,className:`text-white leading-5 bg-transparent border-none outline-none text-base font-normal w-fit max-w-fit field-sizing-content`}):(0,_.jsx)(`div`,{className:`text-white leading-5 truncate`,"data-testid":`conversation-name-title`,onDoubleClick:()=>{S(`edit`)},title:y.title||``,children:y.title}),x!==`edit`&&(0,_.jsxs)(`div`,{ref:E,className:`relative flex items-center shrink-0`,children:[(0,_.jsx)(d.EllipsisButton,{onClick:e=>{e.preventDefault(),e.stopPropagation(),w(!C)}}),C&&(0,_.jsx)(f.ConversationNameContextMenu,{onClose:()=>w(!1),onRename:e=>{e.preventDefault(),e.stopPropagation(),S(`edit`),w(!1)},onDelete:D,onStop:Z?O:void 0,onDisplayCost:$?A:void 0,onShowAgentTools:te?j:void 0,onShowSkills:ne?M:void 0,onShowHooks:re?ee:void 0,onTogglePublic:N,onCopyShareLink:P,shareUrl:F,onDownloadConversation:Q?k:void 0,position:`bottom`,anchorRef:E})]})]}),(0,_.jsx)(h.MetricsModal,{isOpen:R,onOpenChange:z}),(0,_.jsx)(s.SystemMessageModal,{isOpen:B,onClose:()=>V(!1),systemMessage:X||null}),H&&(0,_.jsx)(c.SkillsModal,{onClose:()=>U(!1)}),W&&(0,_.jsx)(l.HooksModal,{onClose:()=>G(!1)}),K&&(0,_.jsx)(p.ConfirmDeleteModal,{onConfirm:I,onCancel:()=>q(!1),conversationTitle:y?.title||``}),J&&(0,_.jsx)(m.ConfirmStopModal,{onConfirm:L,onCancel:()=>Y(!1)})]}):null}exports.ConversationName=v;
 //# sourceMappingURL=conversation-name.cjs.map

package/dist/components/features/conversation/conversation-name.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"conversation-name.cjs","names":[],"sources":["../../../../src/components/features/conversation/conversation-name.tsx"],"sourcesContent":["import React from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport { useActiveConversation } from \"#/hooks/query/use-active-conversation\";\nimport { useUpdateConversation } from \"#/hooks/mutation/use-update-conversation\";\nimport { useConversationId } from \"#/hooks/use-conversation-id\";\nimport { useConversationNameContextMenu } from \"#/hooks/use-conversation-name-context-menu\";\nimport { displaySuccessToast } from \"#/utils/custom-toast-handlers\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { EllipsisButton } from \"../conversation-panel/ellipsis-button\";\nimport { ConversationNameContextMenu } from \"./conversation-name-context-menu\";\nimport { SystemMessageModal } from \"../conversation-panel/system-message-modal\";\nimport { SkillsModal } from \"../conversation-panel/skills-modal\";\nimport { HooksModal } from \"../conversation-panel/hooks-modal\";\nimport { ConfirmDeleteModal } from \"../conversation-panel/confirm-delete-modal\";\nimport { ConfirmStopModal } from \"../conversation-panel/confirm-stop-modal\";\nimport { MetricsModal } from \"./metrics-modal/metrics-modal\";\n\nexport function ConversationName() {\n  const { t } = useTranslation(\"openhands\");\n  const { conversationId } = useConversationId();\n  const { data: conversation } = useActiveConversation();\n  const { mutate: updateConversation } = useUpdateConversation();\n\n  const [titleMode, setTitleMode] = React.useState<\"view\" | \"edit\">(\"view\");\n  const [contextMenuOpen, setContextMenuOpen] = React.useState(false);\n  const inputRef = React.useRef<HTMLInputElement>(null);\n  const ellipsisAnchorRef = React.useRef<HTMLDivElement>(null);\n\n  // Use the custom hook for context menu handlers\n  const {\n    handleDelete,\n    handleStop,\n    handleDownloadConversation,\n    handleDisplayCost,\n    handleShowAgentTools,\n    handleShowSkills,\n    handleShowHooks,\n    handleTogglePublic,\n    handleCopyShareLink,\n    shareUrl,\n    handleConfirmDelete,\n    handleConfirmStop,\n    metricsModalVisible,\n    setMetricsModalVisible,\n    systemModalVisible,\n    setSystemModalVisible,\n    skillsModalVisible,\n    setSkillsModalVisible,\n    hooksModalVisible,\n    setHooksModalVisible,\n    confirmDeleteModalVisible,\n    setConfirmDeleteModalVisible,\n    confirmStopModalVisible,\n    setConfirmStopModalVisible,\n    systemMessage,\n    shouldShowStop,\n    shouldShowDownloadConversation,\n    shouldShowDisplayCost,\n    shouldShowAgentTools,\n    shouldShowSkills,\n    shouldShowHooks,\n  } = useConversationNameContextMenu({\n    conversationId,\n    executionStatus: conversation?.execution_status,\n    showOptions: true,\n    onContextMenuToggle: setContextMenuOpen,\n  });\n\n  const handleDoubleClick = () => {\n    setTitleMode(\"edit\");\n  };\n\n  const handleBlur = () => {\n    if (inputRef.current?.value && conversationId) {\n      const trimmed = inputRef.current.value.trim();\n      if (trimmed !== conversation?.title) {\n        updateConversation(\n          { conversationId, newTitle: trimmed },\n          {\n            onSuccess: () => {\n              displaySuccessToast(t(I18nKey.CONVERSATION$TITLE_UPDATED));\n            },\n          },\n        );\n      }\n    } else if (inputRef.current) {\n      // reset the value if it's empty\n      inputRef.current.value = conversation?.title ?? \"\";\n    }\n\n    setTitleMode(\"view\");\n  };\n\n  const handleKeyUp = (event: React.KeyboardEvent<HTMLInputElement>) => {\n    // Ignore Enter key during IME composition (e.g., Chinese, Japanese, Korean input)\n    if (event.nativeEvent.isComposing) {\n      return;\n    }\n    if (event.key === \"Enter\") {\n      event.currentTarget.blur();\n    }\n  };\n\n  const handleInputClick = (event: React.MouseEvent<HTMLInputElement>) => {\n    if (titleMode === \"edit\") {\n      event.preventDefault();\n      event.stopPropagation();\n    }\n  };\n\n  const handleEllipsisClick = (event: React.MouseEvent<HTMLButtonElement>) => {\n    event.preventDefault();\n    event.stopPropagation();\n    setContextMenuOpen(!contextMenuOpen);\n  };\n\n  const handleRename = (event: React.MouseEvent<HTMLButtonElement>) => {\n    event.preventDefault();\n    event.stopPropagation();\n    setTitleMode(\"edit\");\n    setContextMenuOpen(false);\n  };\n\n  React.useEffect(() => {\n    if (titleMode === \"edit\") {\n      inputRef.current?.focus();\n    }\n  }, [titleMode]);\n\n  if (!conversation) {\n    return null;\n  }\n\n  return (\n    <>\n      <div\n        className=\"flex items-center gap-2 h-[22px] text-base font-normal text-left pl-0 lg:pl-1\"\n        data-testid=\"conversation-name\"\n      >\n        {titleMode === \"edit\" ? (\n          <input\n            ref={inputRef}\n            data-testid=\"conversation-name-input\"\n            onClick={handleInputClick}\n            onBlur={handleBlur}\n            onKeyUp={handleKeyUp}\n            type=\"text\"\n            defaultValue={conversation.title || \"\"}\n            className=\"text-white leading-5 bg-transparent border-none outline-none text-base font-normal w-fit max-w-fit field-sizing-content\"\n          />\n        ) : (\n          <div\n            className=\"text-white leading-5 w-fit max-w-fit truncate\"\n            data-testid=\"conversation-name-title\"\n            onDoubleClick={handleDoubleClick}\n            title={conversation.title || \"\"}\n          >\n            {conversation.title}\n          </div>\n        )}\n\n        {titleMode !== \"edit\" && (\n          <div ref={ellipsisAnchorRef} className=\"relative flex items-center\">\n            <EllipsisButton onClick={handleEllipsisClick} />\n            {contextMenuOpen && (\n              <ConversationNameContextMenu\n                onClose={() => setContextMenuOpen(false)}\n                onRename={handleRename}\n                onDelete={handleDelete}\n                onStop={shouldShowStop ? handleStop : undefined}\n                onDisplayCost={\n                  shouldShowDisplayCost ? handleDisplayCost : undefined\n                }\n                onShowAgentTools={\n                  shouldShowAgentTools ? handleShowAgentTools : undefined\n                }\n                onShowSkills={shouldShowSkills ? handleShowSkills : undefined}\n                onShowHooks={shouldShowHooks ? handleShowHooks : undefined}\n                onTogglePublic={handleTogglePublic}\n                onCopyShareLink={handleCopyShareLink}\n                shareUrl={shareUrl}\n                onDownloadConversation={\n                  shouldShowDownloadConversation\n                    ? handleDownloadConversation\n                    : undefined\n                }\n                position=\"bottom\"\n                anchorRef={ellipsisAnchorRef}\n              />\n            )}\n          </div>\n        )}\n      </div>\n\n      {/* Metrics Modal */}\n      <MetricsModal\n        isOpen={metricsModalVisible}\n        onOpenChange={setMetricsModalVisible}\n      />\n\n      {/* System Message Modal */}\n      <SystemMessageModal\n        isOpen={systemModalVisible}\n        onClose={() => setSystemModalVisible(false)}\n        systemMessage={systemMessage || null}\n      />\n\n      {/* Skills Modal */}\n      {skillsModalVisible && (\n        <SkillsModal onClose={() => setSkillsModalVisible(false)} />\n      )}\n\n      {/* Hooks Modal */}\n      {hooksModalVisible && (\n        <HooksModal onClose={() => setHooksModalVisible(false)} />\n      )}\n\n      {/* Confirm Delete Modal */}\n      {confirmDeleteModalVisible && (\n        <ConfirmDeleteModal\n          onConfirm={handleConfirmDelete}\n          onCancel={() => setConfirmDeleteModalVisible(false)}\n          conversationTitle={conversation?.title || \"\"}\n        />\n      )}\n\n      {confirmStopModalVisible && (\n        <ConfirmStopModal\n          onConfirm={handleConfirmStop}\n          onCancel={() => setConfirmStopModalVisible(false)}\n        />\n      )}\n    </>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"conversation-name.cjs","names":[],"sources":["../../../../src/components/features/conversation/conversation-name.tsx"],"sourcesContent":["import React from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport { useActiveConversation } from \"#/hooks/query/use-active-conversation\";\nimport { useUpdateConversation } from \"#/hooks/mutation/use-update-conversation\";\nimport { useConversationId } from \"#/hooks/use-conversation-id\";\nimport { useConversationNameContextMenu } from \"#/hooks/use-conversation-name-context-menu\";\nimport { displaySuccessToast } from \"#/utils/custom-toast-handlers\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { EllipsisButton } from \"../conversation-panel/ellipsis-button\";\nimport { ConversationNameContextMenu } from \"./conversation-name-context-menu\";\nimport { SystemMessageModal } from \"../conversation-panel/system-message-modal\";\nimport { SkillsModal } from \"../conversation-panel/skills-modal\";\nimport { HooksModal } from \"../conversation-panel/hooks-modal\";\nimport { ConfirmDeleteModal } from \"../conversation-panel/confirm-delete-modal\";\nimport { ConfirmStopModal } from \"../conversation-panel/confirm-stop-modal\";\nimport { MetricsModal } from \"./metrics-modal/metrics-modal\";\n\nexport function ConversationName() {\n  const { t } = useTranslation(\"openhands\");\n  const { conversationId } = useConversationId();\n  const { data: conversation } = useActiveConversation();\n  const { mutate: updateConversation } = useUpdateConversation();\n\n  const [titleMode, setTitleMode] = React.useState<\"view\" | \"edit\">(\"view\");\n  const [contextMenuOpen, setContextMenuOpen] = React.useState(false);\n  const inputRef = React.useRef<HTMLInputElement>(null);\n  const ellipsisAnchorRef = React.useRef<HTMLDivElement>(null);\n\n  // Use the custom hook for context menu handlers\n  const {\n    handleDelete,\n    handleStop,\n    handleDownloadConversation,\n    handleDisplayCost,\n    handleShowAgentTools,\n    handleShowSkills,\n    handleShowHooks,\n    handleTogglePublic,\n    handleCopyShareLink,\n    shareUrl,\n    handleConfirmDelete,\n    handleConfirmStop,\n    metricsModalVisible,\n    setMetricsModalVisible,\n    systemModalVisible,\n    setSystemModalVisible,\n    skillsModalVisible,\n    setSkillsModalVisible,\n    hooksModalVisible,\n    setHooksModalVisible,\n    confirmDeleteModalVisible,\n    setConfirmDeleteModalVisible,\n    confirmStopModalVisible,\n    setConfirmStopModalVisible,\n    systemMessage,\n    shouldShowStop,\n    shouldShowDownloadConversation,\n    shouldShowDisplayCost,\n    shouldShowAgentTools,\n    shouldShowSkills,\n    shouldShowHooks,\n  } = useConversationNameContextMenu({\n    conversationId,\n    executionStatus: conversation?.execution_status,\n    showOptions: true,\n    onContextMenuToggle: setContextMenuOpen,\n  });\n\n  const handleDoubleClick = () => {\n    setTitleMode(\"edit\");\n  };\n\n  const handleBlur = () => {\n    if (inputRef.current?.value && conversationId) {\n      const trimmed = inputRef.current.value.trim();\n      if (trimmed !== conversation?.title) {\n        updateConversation(\n          { conversationId, newTitle: trimmed },\n          {\n            onSuccess: () => {\n              displaySuccessToast(t(I18nKey.CONVERSATION$TITLE_UPDATED));\n            },\n          },\n        );\n      }\n    } else if (inputRef.current) {\n      // reset the value if it's empty\n      inputRef.current.value = conversation?.title ?? \"\";\n    }\n\n    setTitleMode(\"view\");\n  };\n\n  const handleKeyUp = (event: React.KeyboardEvent<HTMLInputElement>) => {\n    // Ignore Enter key during IME composition (e.g., Chinese, Japanese, Korean input)\n    if (event.nativeEvent.isComposing) {\n      return;\n    }\n    if (event.key === \"Enter\") {\n      event.currentTarget.blur();\n    }\n  };\n\n  const handleInputClick = (event: React.MouseEvent<HTMLInputElement>) => {\n    if (titleMode === \"edit\") {\n      event.preventDefault();\n      event.stopPropagation();\n    }\n  };\n\n  const handleEllipsisClick = (event: React.MouseEvent<HTMLButtonElement>) => {\n    event.preventDefault();\n    event.stopPropagation();\n    setContextMenuOpen(!contextMenuOpen);\n  };\n\n  const handleRename = (event: React.MouseEvent<HTMLButtonElement>) => {\n    event.preventDefault();\n    event.stopPropagation();\n    setTitleMode(\"edit\");\n    setContextMenuOpen(false);\n  };\n\n  React.useEffect(() => {\n    if (titleMode === \"edit\") {\n      inputRef.current?.focus();\n    }\n  }, [titleMode]);\n\n  if (!conversation) {\n    return null;\n  }\n\n  return (\n    <>\n      <div\n        className=\"flex items-center gap-2 h-[22px] text-base font-normal text-left pl-0 lg:pl-1 min-w-0\"\n        data-testid=\"conversation-name\"\n      >\n        {titleMode === \"edit\" ? (\n          <input\n            ref={inputRef}\n            data-testid=\"conversation-name-input\"\n            onClick={handleInputClick}\n            onBlur={handleBlur}\n            onKeyUp={handleKeyUp}\n            type=\"text\"\n            defaultValue={conversation.title || \"\"}\n            className=\"text-white leading-5 bg-transparent border-none outline-none text-base font-normal w-fit max-w-fit field-sizing-content\"\n          />\n        ) : (\n          <div\n            className=\"text-white leading-5 truncate\"\n            data-testid=\"conversation-name-title\"\n            onDoubleClick={handleDoubleClick}\n            title={conversation.title || \"\"}\n          >\n            {conversation.title}\n          </div>\n        )}\n\n        {titleMode !== \"edit\" && (\n          <div\n            ref={ellipsisAnchorRef}\n            className=\"relative flex items-center shrink-0\"\n          >\n            <EllipsisButton onClick={handleEllipsisClick} />\n            {contextMenuOpen && (\n              <ConversationNameContextMenu\n                onClose={() => setContextMenuOpen(false)}\n                onRename={handleRename}\n                onDelete={handleDelete}\n                onStop={shouldShowStop ? handleStop : undefined}\n                onDisplayCost={\n                  shouldShowDisplayCost ? handleDisplayCost : undefined\n                }\n                onShowAgentTools={\n                  shouldShowAgentTools ? handleShowAgentTools : undefined\n                }\n                onShowSkills={shouldShowSkills ? handleShowSkills : undefined}\n                onShowHooks={shouldShowHooks ? handleShowHooks : undefined}\n                onTogglePublic={handleTogglePublic}\n                onCopyShareLink={handleCopyShareLink}\n                shareUrl={shareUrl}\n                onDownloadConversation={\n                  shouldShowDownloadConversation\n                    ? handleDownloadConversation\n                    : undefined\n                }\n                position=\"bottom\"\n                anchorRef={ellipsisAnchorRef}\n              />\n            )}\n          </div>\n        )}\n      </div>\n\n      {/* Metrics Modal */}\n      <MetricsModal\n        isOpen={metricsModalVisible}\n        onOpenChange={setMetricsModalVisible}\n      />\n\n      {/* System Message Modal */}\n      <SystemMessageModal\n        isOpen={systemModalVisible}\n        onClose={() => setSystemModalVisible(false)}\n        systemMessage={systemMessage || null}\n      />\n\n      {/* Skills Modal */}\n      {skillsModalVisible && (\n        <SkillsModal onClose={() => setSkillsModalVisible(false)} />\n      )}\n\n      {/* Hooks Modal */}\n      {hooksModalVisible && (\n        <HooksModal onClose={() => setHooksModalVisible(false)} />\n      )}\n\n      {/* Confirm Delete Modal */}\n      {confirmDeleteModalVisible && (\n        <ConfirmDeleteModal\n          onConfirm={handleConfirmDelete}\n          onCancel={() => setConfirmDeleteModalVisible(false)}\n          conversationTitle={conversation?.title || \"\"}\n        />\n      )}\n\n      {confirmStopModalVisible && (\n        <ConfirmStopModal\n          onConfirm={handleConfirmStop}\n          onCancel={() => setConfirmStopModalVisible(false)}\n        />\n      )}\n    </>\n  );\n}\n"],"mappings":"09BAiBA,SAAgB,GAAmB,CACjC,GAAM,CAAE,KAAM,EAAA,eAAe,YAAY,CACnC,CAAE,kBAAmB,EAAA,mBAAmB,CACxC,CAAE,KAAM,GAAiB,EAAA,uBAAuB,CAChD,CAAE,OAAQ,GAAuB,EAAA,uBAAuB,CAExD,CAAC,EAAW,GAAgB,EAAA,QAAM,SAA0B,OAAO,CACnE,CAAC,EAAiB,GAAsB,EAAA,QAAM,SAAS,GAAM,CAC7D,EAAW,EAAA,QAAM,OAAyB,KAAK,CAC/C,EAAoB,EAAA,QAAM,OAAuB,KAAK,CAGtD,CACJ,eACA,aACA,6BACA,oBACA,uBACA,mBACA,mBACA,qBACA,sBACA,WACA,sBACA,oBACA,sBACA,yBACA,qBACA,wBACA,qBACA,wBACA,oBACA,uBACA,4BACA,+BACA,0BACA,6BACA,gBACA,iBACA,iCACA,wBACA,wBACA,oBACA,oBACE,EAAA,+BAA+B,CACjC,iBACA,gBAAiB,GAAc,iBAC/B,YAAa,GACb,oBAAqB,EACtB,CAAC,CAmEF,OAVA,EAAA,QAAM,cAAgB,CAChB,IAAc,QAChB,EAAS,SAAS,OAAO,EAE1B,CAAC,EAAU,CAAC,CAEV,GAKH,EAAA,EAAA,MAAA,EAAA,SAAA,CAAA,SAAA,EACE,EAAA,EAAA,MAAC,MAAD,CACE,UAAU,wFACV,cAAY,6BAFd,CAIG,IAAc,QACb,EAAA,EAAA,KAAC,QAAD,CACE,IAAK,EACL,cAAY,0BACZ,QAxCgB,GAA8C,CAClE,IAAc,SAChB,EAAM,gBAAgB,CACtB,EAAM,iBAAiB,GAsCjB,WAxEe,CACvB,GAAI,EAAS,SAAS,OAAS,EAAgB,CAC7C,IAAM,EAAU,EAAS,QAAQ,MAAM,MAAM,CACzC,IAAY,GAAc,OAC5B,EACE,CAAE,iBAAgB,SAAU,EAAS,CACrC,CACE,cAAiB,CACf,EAAA,oBAAoB,EAAE,EAAA,QAAQ,2BAA2B,CAAC,EAE7D,CACF,MAEM,EAAS,UAElB,EAAS,QAAQ,MAAQ,GAAc,OAAS,IAGlD,EAAa,OAAO,EAuDZ,QApDW,GAAiD,CAEhE,EAAM,YAAY,aAGlB,EAAM,MAAQ,SAChB,EAAM,cAAc,MAAM,EA+CpB,KAAK,OACL,aAAc,EAAa,OAAS,GACpC,UAAU,0HACV,CAAA,EAEF,EAAA,EAAA,KAAC,MAAD,CACE,UAAU,gCACV,cAAY,0BACZ,kBAtFsB,CAC9B,EAAa,OAAO,EAsFZ,MAAO,EAAa,OAAS,YAE5B,EAAa,MACV,CAAA,CAGP,IAAc,SACb,EAAA,EAAA,MAAC,MAAD,CACE,IAAK,EACL,UAAU,+CAFZ,EAIE,EAAA,EAAA,KAAC,EAAA,eAAD,CAAgB,QAxDG,GAA+C,CAC1E,EAAM,gBAAgB,CACtB,EAAM,iBAAiB,CACvB,EAAmB,CAAC,EAAgB,EAqDoB,CAAA,CAC/C,IACC,EAAA,EAAA,KAAC,EAAA,4BAAD,CACE,YAAe,EAAmB,GAAM,CACxC,SAtDQ,GAA+C,CACnE,EAAM,gBAAgB,CACtB,EAAM,iBAAiB,CACvB,EAAa,OAAO,CACpB,EAAmB,GAAM,EAmDb,SAAU,EACV,OAAQ,EAAiB,EAAa,IAAA,GACtC,cACE,EAAwB,EAAoB,IAAA,GAE9C,iBACE,GAAuB,EAAuB,IAAA,GAEhD,aAAc,GAAmB,EAAmB,IAAA,GACpD,YAAa,GAAkB,GAAkB,IAAA,GACjD,eAAgB,EAChB,gBAAiB,EACP,WACV,uBACE,EACI,EACA,IAAA,GAEN,SAAS,SACT,UAAW,EACX,CAAA,CAEA,GAEJ,IAGN,EAAA,EAAA,KAAC,EAAA,aAAD,CACE,OAAQ,EACR,aAAc,EACd,CAAA,EAGF,EAAA,EAAA,KAAC,EAAA,mBAAD,CACE,OAAQ,EACR,YAAe,EAAsB,GAAM,CAC3C,cAAe,GAAiB,KAChC,CAAA,CAGD,IACC,EAAA,EAAA,KAAC,EAAA,YAAD,CAAa,YAAe,EAAsB,GAAM,CAAI,CAAA,CAI7D,IACC,EAAA,EAAA,KAAC,EAAA,WAAD,CAAY,YAAe,EAAqB,GAAM,CAAI,CAAA,CAI3D,IACC,EAAA,EAAA,KAAC,EAAA,mBAAD,CACE,UAAW,EACX,aAAgB,EAA6B,GAAM,CACnD,kBAAmB,GAAc,OAAS,GAC1C,CAAA,CAGH,IACC,EAAA,EAAA,KAAC,EAAA,iBAAD,CACE,UAAW,EACX,aAAgB,EAA2B,GAAM,CACjD,CAAA,CAEH,CAAA,CAAA,CAzGI"}

package/dist/components/features/conversation/conversation-name.js

@@ -27,7 +27,7 @@ function y() {
 		C === "edit" && D.current?.focus();
 	}, [C]), x ? /* @__PURE__ */ v(g, { children: [
 		/* @__PURE__ */ v("div", {
-			className: "flex items-center gap-2 h-[22px] text-base font-normal text-left pl-0 lg:pl-1",
+			className: "flex items-center gap-2 h-[22px] text-base font-normal text-left pl-0 lg:pl-1 min-w-0",
 			"data-testid": "conversation-name",
 			children: [C === "edit" ? /* @__PURE__ */ _("input", {
 				ref: D,
@@ -54,7 +54,7 @@ function y() {
 				defaultValue: x.title || "",
 				className: "text-white leading-5 bg-transparent border-none outline-none text-base font-normal w-fit max-w-fit field-sizing-content"
 			}) : /* @__PURE__ */ _("div", {
-				className: "text-white leading-5 w-fit max-w-fit truncate",
+				className: "text-white leading-5 truncate",
 				"data-testid": "conversation-name-title",
 				onDoubleClick: () => {
 					w("edit");
@@ -63,7 +63,7 @@ function y() {
 				children: x.title
 			}), C !== "edit" && /* @__PURE__ */ v("div", {
 				ref: O,
-				className: "relative flex items-center",
+				className: "relative flex items-center shrink-0",
 				children: [/* @__PURE__ */ _(u, { onClick: (e) => {
 					e.preventDefault(), e.stopPropagation(), E(!T);
 				} }), T && /* @__PURE__ */ _(d, {

package/dist/components/features/conversation/conversation-name.js.map

@@ -1 +1 @@
-{"version":3,"file":"conversation-name.js","names":[],"sources":["../../../../src/components/features/conversation/conversation-name.tsx"],"sourcesContent":["import React from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport { useActiveConversation } from \"#/hooks/query/use-active-conversation\";\nimport { useUpdateConversation } from \"#/hooks/mutation/use-update-conversation\";\nimport { useConversationId } from \"#/hooks/use-conversation-id\";\nimport { useConversationNameContextMenu } from \"#/hooks/use-conversation-name-context-menu\";\nimport { displaySuccessToast } from \"#/utils/custom-toast-handlers\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { EllipsisButton } from \"../conversation-panel/ellipsis-button\";\nimport { ConversationNameContextMenu } from \"./conversation-name-context-menu\";\nimport { SystemMessageModal } from \"../conversation-panel/system-message-modal\";\nimport { SkillsModal } from \"../conversation-panel/skills-modal\";\nimport { HooksModal } from \"../conversation-panel/hooks-modal\";\nimport { ConfirmDeleteModal } from \"../conversation-panel/confirm-delete-modal\";\nimport { ConfirmStopModal } from \"../conversation-panel/confirm-stop-modal\";\nimport { MetricsModal } from \"./metrics-modal/metrics-modal\";\n\nexport function ConversationName() {\n  const { t } = useTranslation(\"openhands\");\n  const { conversationId } = useConversationId();\n  const { data: conversation } = useActiveConversation();\n  const { mutate: updateConversation } = useUpdateConversation();\n\n  const [titleMode, setTitleMode] = React.useState<\"view\" | \"edit\">(\"view\");\n  const [contextMenuOpen, setContextMenuOpen] = React.useState(false);\n  const inputRef = React.useRef<HTMLInputElement>(null);\n  const ellipsisAnchorRef = React.useRef<HTMLDivElement>(null);\n\n  // Use the custom hook for context menu handlers\n  const {\n    handleDelete,\n    handleStop,\n    handleDownloadConversation,\n    handleDisplayCost,\n    handleShowAgentTools,\n    handleShowSkills,\n    handleShowHooks,\n    handleTogglePublic,\n    handleCopyShareLink,\n    shareUrl,\n    handleConfirmDelete,\n    handleConfirmStop,\n    metricsModalVisible,\n    setMetricsModalVisible,\n    systemModalVisible,\n    setSystemModalVisible,\n    skillsModalVisible,\n    setSkillsModalVisible,\n    hooksModalVisible,\n    setHooksModalVisible,\n    confirmDeleteModalVisible,\n    setConfirmDeleteModalVisible,\n    confirmStopModalVisible,\n    setConfirmStopModalVisible,\n    systemMessage,\n    shouldShowStop,\n    shouldShowDownloadConversation,\n    shouldShowDisplayCost,\n    shouldShowAgentTools,\n    shouldShowSkills,\n    shouldShowHooks,\n  } = useConversationNameContextMenu({\n    conversationId,\n    executionStatus: conversation?.execution_status,\n    showOptions: true,\n    onContextMenuToggle: setContextMenuOpen,\n  });\n\n  const handleDoubleClick = () => {\n    setTitleMode(\"edit\");\n  };\n\n  const handleBlur = () => {\n    if (inputRef.current?.value && conversationId) {\n      const trimmed = inputRef.current.value.trim();\n      if (trimmed !== conversation?.title) {\n        updateConversation(\n          { conversationId, newTitle: trimmed },\n          {\n            onSuccess: () => {\n              displaySuccessToast(t(I18nKey.CONVERSATION$TITLE_UPDATED));\n            },\n          },\n        );\n      }\n    } else if (inputRef.current) {\n      // reset the value if it's empty\n      inputRef.current.value = conversation?.title ?? \"\";\n    }\n\n    setTitleMode(\"view\");\n  };\n\n  const handleKeyUp = (event: React.KeyboardEvent<HTMLInputElement>) => {\n    // Ignore Enter key during IME composition (e.g., Chinese, Japanese, Korean input)\n    if (event.nativeEvent.isComposing) {\n      return;\n    }\n    if (event.key === \"Enter\") {\n      event.currentTarget.blur();\n    }\n  };\n\n  const handleInputClick = (event: React.MouseEvent<HTMLInputElement>) => {\n    if (titleMode === \"edit\") {\n      event.preventDefault();\n      event.stopPropagation();\n    }\n  };\n\n  const handleEllipsisClick = (event: React.MouseEvent<HTMLButtonElement>) => {\n    event.preventDefault();\n    event.stopPropagation();\n    setContextMenuOpen(!contextMenuOpen);\n  };\n\n  const handleRename = (event: React.MouseEvent<HTMLButtonElement>) => {\n    event.preventDefault();\n    event.stopPropagation();\n    setTitleMode(\"edit\");\n    setContextMenuOpen(false);\n  };\n\n  React.useEffect(() => {\n    if (titleMode === \"edit\") {\n      inputRef.current?.focus();\n    }\n  }, [titleMode]);\n\n  if (!conversation) {\n    return null;\n  }\n\n  return (\n    <>\n      <div\n        className=\"flex items-center gap-2 h-[22px] text-base font-normal text-left pl-0 lg:pl-1\"\n        data-testid=\"conversation-name\"\n      >\n        {titleMode === \"edit\" ? (\n          <input\n            ref={inputRef}\n            data-testid=\"conversation-name-input\"\n            onClick={handleInputClick}\n            onBlur={handleBlur}\n            onKeyUp={handleKeyUp}\n            type=\"text\"\n            defaultValue={conversation.title || \"\"}\n            className=\"text-white leading-5 bg-transparent border-none outline-none text-base font-normal w-fit max-w-fit field-sizing-content\"\n          />\n        ) : (\n          <div\n            className=\"text-white leading-5 w-fit max-w-fit truncate\"\n            data-testid=\"conversation-name-title\"\n            onDoubleClick={handleDoubleClick}\n            title={conversation.title || \"\"}\n          >\n            {conversation.title}\n          </div>\n        )}\n\n        {titleMode !== \"edit\" && (\n          <div ref={ellipsisAnchorRef} className=\"relative flex items-center\">\n            <EllipsisButton onClick={handleEllipsisClick} />\n            {contextMenuOpen && (\n              <ConversationNameContextMenu\n                onClose={() => setContextMenuOpen(false)}\n                onRename={handleRename}\n                onDelete={handleDelete}\n                onStop={shouldShowStop ? handleStop : undefined}\n                onDisplayCost={\n                  shouldShowDisplayCost ? handleDisplayCost : undefined\n                }\n                onShowAgentTools={\n                  shouldShowAgentTools ? handleShowAgentTools : undefined\n                }\n                onShowSkills={shouldShowSkills ? handleShowSkills : undefined}\n                onShowHooks={shouldShowHooks ? handleShowHooks : undefined}\n                onTogglePublic={handleTogglePublic}\n                onCopyShareLink={handleCopyShareLink}\n                shareUrl={shareUrl}\n                onDownloadConversation={\n                  shouldShowDownloadConversation\n                    ? handleDownloadConversation\n                    : undefined\n                }\n                position=\"bottom\"\n                anchorRef={ellipsisAnchorRef}\n              />\n            )}\n          </div>\n        )}\n      </div>\n\n      {/* Metrics Modal */}\n      <MetricsModal\n        isOpen={metricsModalVisible}\n        onOpenChange={setMetricsModalVisible}\n      />\n\n      {/* System Message Modal */}\n      <SystemMessageModal\n        isOpen={systemModalVisible}\n        onClose={() => setSystemModalVisible(false)}\n        systemMessage={systemMessage || null}\n      />\n\n      {/* Skills Modal */}\n      {skillsModalVisible && (\n        <SkillsModal onClose={() => setSkillsModalVisible(false)} />\n      )}\n\n      {/* Hooks Modal */}\n      {hooksModalVisible && (\n        <HooksModal onClose={() => setHooksModalVisible(false)} />\n      )}\n\n      {/* Confirm Delete Modal */}\n      {confirmDeleteModalVisible && (\n        <ConfirmDeleteModal\n          onConfirm={handleConfirmDelete}\n          onCancel={() => setConfirmDeleteModalVisible(false)}\n          conversationTitle={conversation?.title || \"\"}\n        />\n      )}\n\n      {confirmStopModalVisible && (\n        <ConfirmStopModal\n          onConfirm={handleConfirmStop}\n          onCancel={() => setConfirmStopModalVisible(false)}\n        />\n      )}\n    </>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"conversation-name.js","names":[],"sources":["../../../../src/components/features/conversation/conversation-name.tsx"],"sourcesContent":["import React from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport { useActiveConversation } from \"#/hooks/query/use-active-conversation\";\nimport { useUpdateConversation } from \"#/hooks/mutation/use-update-conversation\";\nimport { useConversationId } from \"#/hooks/use-conversation-id\";\nimport { useConversationNameContextMenu } from \"#/hooks/use-conversation-name-context-menu\";\nimport { displaySuccessToast } from \"#/utils/custom-toast-handlers\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { EllipsisButton } from \"../conversation-panel/ellipsis-button\";\nimport { ConversationNameContextMenu } from \"./conversation-name-context-menu\";\nimport { SystemMessageModal } from \"../conversation-panel/system-message-modal\";\nimport { SkillsModal } from \"../conversation-panel/skills-modal\";\nimport { HooksModal } from \"../conversation-panel/hooks-modal\";\nimport { ConfirmDeleteModal } from \"../conversation-panel/confirm-delete-modal\";\nimport { ConfirmStopModal } from \"../conversation-panel/confirm-stop-modal\";\nimport { MetricsModal } from \"./metrics-modal/metrics-modal\";\n\nexport function ConversationName() {\n  const { t } = useTranslation(\"openhands\");\n  const { conversationId } = useConversationId();\n  const { data: conversation } = useActiveConversation();\n  const { mutate: updateConversation } = useUpdateConversation();\n\n  const [titleMode, setTitleMode] = React.useState<\"view\" | \"edit\">(\"view\");\n  const [contextMenuOpen, setContextMenuOpen] = React.useState(false);\n  const inputRef = React.useRef<HTMLInputElement>(null);\n  const ellipsisAnchorRef = React.useRef<HTMLDivElement>(null);\n\n  // Use the custom hook for context menu handlers\n  const {\n    handleDelete,\n    handleStop,\n    handleDownloadConversation,\n    handleDisplayCost,\n    handleShowAgentTools,\n    handleShowSkills,\n    handleShowHooks,\n    handleTogglePublic,\n    handleCopyShareLink,\n    shareUrl,\n    handleConfirmDelete,\n    handleConfirmStop,\n    metricsModalVisible,\n    setMetricsModalVisible,\n    systemModalVisible,\n    setSystemModalVisible,\n    skillsModalVisible,\n    setSkillsModalVisible,\n    hooksModalVisible,\n    setHooksModalVisible,\n    confirmDeleteModalVisible,\n    setConfirmDeleteModalVisible,\n    confirmStopModalVisible,\n    setConfirmStopModalVisible,\n    systemMessage,\n    shouldShowStop,\n    shouldShowDownloadConversation,\n    shouldShowDisplayCost,\n    shouldShowAgentTools,\n    shouldShowSkills,\n    shouldShowHooks,\n  } = useConversationNameContextMenu({\n    conversationId,\n    executionStatus: conversation?.execution_status,\n    showOptions: true,\n    onContextMenuToggle: setContextMenuOpen,\n  });\n\n  const handleDoubleClick = () => {\n    setTitleMode(\"edit\");\n  };\n\n  const handleBlur = () => {\n    if (inputRef.current?.value && conversationId) {\n      const trimmed = inputRef.current.value.trim();\n      if (trimmed !== conversation?.title) {\n        updateConversation(\n          { conversationId, newTitle: trimmed },\n          {\n            onSuccess: () => {\n              displaySuccessToast(t(I18nKey.CONVERSATION$TITLE_UPDATED));\n            },\n          },\n        );\n      }\n    } else if (inputRef.current) {\n      // reset the value if it's empty\n      inputRef.current.value = conversation?.title ?? \"\";\n    }\n\n    setTitleMode(\"view\");\n  };\n\n  const handleKeyUp = (event: React.KeyboardEvent<HTMLInputElement>) => {\n    // Ignore Enter key during IME composition (e.g., Chinese, Japanese, Korean input)\n    if (event.nativeEvent.isComposing) {\n      return;\n    }\n    if (event.key === \"Enter\") {\n      event.currentTarget.blur();\n    }\n  };\n\n  const handleInputClick = (event: React.MouseEvent<HTMLInputElement>) => {\n    if (titleMode === \"edit\") {\n      event.preventDefault();\n      event.stopPropagation();\n    }\n  };\n\n  const handleEllipsisClick = (event: React.MouseEvent<HTMLButtonElement>) => {\n    event.preventDefault();\n    event.stopPropagation();\n    setContextMenuOpen(!contextMenuOpen);\n  };\n\n  const handleRename = (event: React.MouseEvent<HTMLButtonElement>) => {\n    event.preventDefault();\n    event.stopPropagation();\n    setTitleMode(\"edit\");\n    setContextMenuOpen(false);\n  };\n\n  React.useEffect(() => {\n    if (titleMode === \"edit\") {\n      inputRef.current?.focus();\n    }\n  }, [titleMode]);\n\n  if (!conversation) {\n    return null;\n  }\n\n  return (\n    <>\n      <div\n        className=\"flex items-center gap-2 h-[22px] text-base font-normal text-left pl-0 lg:pl-1 min-w-0\"\n        data-testid=\"conversation-name\"\n      >\n        {titleMode === \"edit\" ? (\n          <input\n            ref={inputRef}\n            data-testid=\"conversation-name-input\"\n            onClick={handleInputClick}\n            onBlur={handleBlur}\n            onKeyUp={handleKeyUp}\n            type=\"text\"\n            defaultValue={conversation.title || \"\"}\n            className=\"text-white leading-5 bg-transparent border-none outline-none text-base font-normal w-fit max-w-fit field-sizing-content\"\n          />\n        ) : (\n          <div\n            className=\"text-white leading-5 truncate\"\n            data-testid=\"conversation-name-title\"\n            onDoubleClick={handleDoubleClick}\n            title={conversation.title || \"\"}\n          >\n            {conversation.title}\n          </div>\n        )}\n\n        {titleMode !== \"edit\" && (\n          <div\n            ref={ellipsisAnchorRef}\n            className=\"relative flex items-center shrink-0\"\n          >\n            <EllipsisButton onClick={handleEllipsisClick} />\n            {contextMenuOpen && (\n              <ConversationNameContextMenu\n                onClose={() => setContextMenuOpen(false)}\n                onRename={handleRename}\n                onDelete={handleDelete}\n                onStop={shouldShowStop ? handleStop : undefined}\n                onDisplayCost={\n                  shouldShowDisplayCost ? handleDisplayCost : undefined\n                }\n                onShowAgentTools={\n                  shouldShowAgentTools ? handleShowAgentTools : undefined\n                }\n                onShowSkills={shouldShowSkills ? handleShowSkills : undefined}\n                onShowHooks={shouldShowHooks ? handleShowHooks : undefined}\n                onTogglePublic={handleTogglePublic}\n                onCopyShareLink={handleCopyShareLink}\n                shareUrl={shareUrl}\n                onDownloadConversation={\n                  shouldShowDownloadConversation\n                    ? handleDownloadConversation\n                    : undefined\n                }\n                position=\"bottom\"\n                anchorRef={ellipsisAnchorRef}\n              />\n            )}\n          </div>\n        )}\n      </div>\n\n      {/* Metrics Modal */}\n      <MetricsModal\n        isOpen={metricsModalVisible}\n        onOpenChange={setMetricsModalVisible}\n      />\n\n      {/* System Message Modal */}\n      <SystemMessageModal\n        isOpen={systemModalVisible}\n        onClose={() => setSystemModalVisible(false)}\n        systemMessage={systemMessage || null}\n      />\n\n      {/* Skills Modal */}\n      {skillsModalVisible && (\n        <SkillsModal onClose={() => setSkillsModalVisible(false)} />\n      )}\n\n      {/* Hooks Modal */}\n      {hooksModalVisible && (\n        <HooksModal onClose={() => setHooksModalVisible(false)} />\n      )}\n\n      {/* Confirm Delete Modal */}\n      {confirmDeleteModalVisible && (\n        <ConfirmDeleteModal\n          onConfirm={handleConfirmDelete}\n          onCancel={() => setConfirmDeleteModalVisible(false)}\n          conversationTitle={conversation?.title || \"\"}\n        />\n      )}\n\n      {confirmStopModalVisible && (\n        <ConfirmStopModal\n          onConfirm={handleConfirmStop}\n          onCancel={() => setConfirmStopModalVisible(false)}\n        />\n      )}\n    </>\n  );\n}\n"],"mappings":"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"}

package/dist/components/features/conversation/conversation-tabs/conversation-tabs-context-menu.cjs

@@ -1,2 +1,2 @@
-const e=require(`../../../../_virtual/_rolldown/runtime.cjs`),t=require(`../../../../node_modules/react-i18next/dist/es/useTranslation.cjs`),n=require(`../../../../i18n/declaration.cjs`),r=require(`../../../../utils/utils.cjs`),i=require(`../../../../hooks/use-conversation-id.cjs`),a=require(`../../../../utils/conversation-local-storage.cjs`),o=require(`../../../../stores/conversation-store.cjs`),s=require(`../../../../contexts/active-backend-context.cjs`),c=require(`../../../../icons/lesson-plan.cjs`),l=require(`../../../../ui/context-menu.cjs`),u=require(`../../../../hooks/use-click-outside-element.cjs`),d=require(`../../../../icons/document.cjs`),f=require(`../../../../hooks/use-select-conversation-tab.cjs`),p=require(`../../../../icons/terminal.cjs`),m=require(`../../../../icons/globe.cjs`),h=require(`../../../../icons/vscode.cjs`),g=require(`../../../../icons/double-check.cjs`),_=require(`../../../../icons/pill.cjs`),v=require(`../../../../icons/pill-fill.cjs`),y=require(`../../../../hooks/use-task-list.cjs`);let b=require(`react`);b=e.__toESM(b,1);let x=require(`react/jsx-runtime`);function S({isOpen:e,onClose:b,ignoreOutsideClickRef:S}){let C=u.useClickOutsideElement(b,S),{t:w}=t.useTranslation(`openhands`),{conversationId:T}=i.useConversationId(),{state:E,setUnpinnedTabs:D,setSelectedTab:O}=a.useConversationLocalStorageState(T),{selectedTab:k,isRightPanelShown:A,setSelectedTab:j}=o.useConversationStore(),{navigateToTab:M}=f.useSelectConversationTab(),{hasTaskList:N}=y.useTaskList(),{backend:P}=s.useActiveBackend(),F=[{tab:`planner`,icon:c.default,i18nKey:n.I18nKey.COMMON$PLANNER},{tab:`files`,icon:d.default,i18nKey:n.I18nKey.COMMON$FILES},{tab:`vscode`,icon:h.default,i18nKey:n.I18nKey.COMMON$CODE},{tab:`terminal`,icon:p.default,i18nKey:n.I18nKey.COMMON$TERMINAL},{tab:`browser`,icon:m.default,i18nKey:n.I18nKey.COMMON$BROWSER}];N&&F.unshift({tab:`tasklist`,icon:g.default,i18nKey:n.I18nKey.COMMON$TASK_LIST});let I=F.filter(({tab:e})=>e!==`vscode`||P.kind===`cloud`);if(!e)return null;let L=e=>{M(e),b()},R=(e,t)=>{if(t.preventDefault(),t.stopPropagation(),E.unpinnedTabs.includes(e))D(E.unpinnedTabs.filter(t=>t!==e));else{let t=[...E.unpinnedTabs,e];if(D(t),k===e&&A){let n=I.find(({tab:n})=>n!==e&&!t.includes(n));n&&(j(n.tab),O(n.tab))}}};return(0,x.jsx)(l.ContextMenu,{ref:C,alignment:`right`,position:`bottom`,className:`z-[9999] mt-2 w-fit`,children:I.map(({tab:e,icon:t,i18nKey:n})=>{let i=!E.unpinnedTabs.includes(e);return(0,x.jsx)(`li`,{className:`list-none`,children:(0,x.jsxs)(`div`,{className:r.cn(`flex h-[30px] w-full min-w-0 items-stretch rounded`,`hover:bg-[var(--oh-interactive-hover)]`),children:[(0,x.jsxs)(`button`,{type:`button`,"data-testid":`conversation-tabs-menu-open-${e}`,className:r.cn(`flex min-w-0 flex-1 cursor-pointer items-center gap-2 rounded-l p-2 text-start`,`text-white transition-colors`),onClick:()=>L(e),children:[(0,x.jsx)(t,{className:`h-4 w-4 shrink-0`}),(0,x.jsx)(`span`,{className:`text-sm`,children:w(n)})]}),(0,x.jsx)(`button`,{type:`button`,"data-testid":`conversation-tabs-menu-pin-${e}`,className:r.cn(`flex shrink-0 cursor-pointer items-center justify-center rounded-r px-2`,`text-white transition-colors hover:bg-white/10`),"aria-pressed":i,"aria-label":i?`Unpin tab from bar`:`Pin tab to bar`,onClick:t=>R(e,t),children:i?(0,x.jsx)(v.default,{className:`-mr-[5px] ml-auto h-7 w-7`}):(0,x.jsx)(_.default,{className:`ml-auto h-4.5 w-4.5`})})]})},e)})})}exports.ConversationTabsContextMenu=S;
+const e=require(`../../../../_virtual/_rolldown/runtime.cjs`),t=require(`../../../../node_modules/react-i18next/dist/es/useTranslation.cjs`),n=require(`../../../../i18n/declaration.cjs`),r=require(`../../../../utils/utils.cjs`),i=require(`../../../../hooks/use-conversation-id.cjs`),a=require(`../../../../utils/conversation-local-storage.cjs`),o=require(`../../../../stores/conversation-store.cjs`),s=require(`../../../../contexts/active-backend-context.cjs`),c=require(`../../../../icons/lesson-plan.cjs`),l=require(`../../../../ui/context-menu.cjs`),u=require(`../../../../hooks/use-click-outside-element.cjs`),d=require(`../../../../icons/document.cjs`),f=require(`../../../../hooks/use-select-conversation-tab.cjs`),p=require(`../../../../icons/terminal.cjs`),m=require(`../../../../icons/globe.cjs`),h=require(`../../../../icons/vscode.cjs`),g=require(`../../../../icons/double-check.cjs`),_=require(`../../../../icons/pill.cjs`),v=require(`../../../../icons/pill-fill.cjs`),y=require(`../../../../hooks/use-task-list.cjs`);let b=require(`react`);b=e.__toESM(b,1);let x=require(`react/jsx-runtime`);function S({isOpen:e,onClose:b,ignoreOutsideClickRef:S}){let C=u.useClickOutsideElement(b,S),{t:w}=t.useTranslation(`openhands`),{conversationId:T}=i.useConversationId(),{state:E,setUnpinnedTabs:D,setSelectedTab:O}=a.useConversationLocalStorageState(T),{selectedTab:k,isRightPanelShown:A,setSelectedTab:j}=o.useConversationStore(),{navigateToTab:M}=f.useSelectConversationTab(),{hasTaskList:N}=y.useTaskList(),{backend:P}=s.useActiveBackend(),F=[{tab:`planner`,icon:c.default,i18nKey:n.I18nKey.COMMON$PLANNER},{tab:`files`,icon:d.default,i18nKey:n.I18nKey.COMMON$FILES},{tab:`vscode`,icon:h.default,i18nKey:n.I18nKey.COMMON$CODE},{tab:`terminal`,icon:p.default,i18nKey:n.I18nKey.COMMON$TERMINAL},{tab:`browser`,icon:m.default,i18nKey:n.I18nKey.COMMON$BROWSER}];N&&F.unshift({tab:`tasklist`,icon:g.default,i18nKey:n.I18nKey.COMMON$TASK_LIST});let I=F.filter(({tab:e})=>e!==`vscode`&&e!==`planner`||P.kind===`cloud`);if(!e)return null;let L=e=>{M(e),b()},R=(e,t)=>{if(t.preventDefault(),t.stopPropagation(),E.unpinnedTabs.includes(e))D(E.unpinnedTabs.filter(t=>t!==e));else{let t=[...E.unpinnedTabs,e];if(D(t),k===e&&A){let n=I.find(({tab:n})=>n!==e&&!t.includes(n));n&&(j(n.tab),O(n.tab))}}};return(0,x.jsx)(l.ContextMenu,{ref:C,alignment:`right`,position:`bottom`,className:`z-[9999] mt-2 w-fit`,children:I.map(({tab:e,icon:t,i18nKey:n})=>{let i=!E.unpinnedTabs.includes(e);return(0,x.jsx)(`li`,{className:`list-none`,children:(0,x.jsxs)(`div`,{className:r.cn(`flex h-[30px] w-full min-w-0 items-stretch rounded`,`hover:bg-[var(--oh-interactive-hover)]`),children:[(0,x.jsxs)(`button`,{type:`button`,"data-testid":`conversation-tabs-menu-open-${e}`,className:r.cn(`flex min-w-0 flex-1 cursor-pointer items-center gap-2 rounded-l p-2 text-start`,`text-white transition-colors`),onClick:()=>L(e),children:[(0,x.jsx)(t,{className:`h-4 w-4 shrink-0`}),(0,x.jsx)(`span`,{className:`text-sm`,children:w(n)})]}),(0,x.jsx)(`button`,{type:`button`,"data-testid":`conversation-tabs-menu-pin-${e}`,className:r.cn(`flex shrink-0 cursor-pointer items-center justify-center rounded-r px-2`,`text-white transition-colors hover:bg-white/10`),"aria-pressed":i,"aria-label":i?`Unpin tab from bar`:`Pin tab to bar`,onClick:t=>R(e,t),children:i?(0,x.jsx)(v.default,{className:`-mr-[5px] ml-auto h-7 w-7`}):(0,x.jsx)(_.default,{className:`ml-auto h-4.5 w-4.5`})})]})},e)})})}exports.ConversationTabsContextMenu=S;
 //# sourceMappingURL=conversation-tabs-context-menu.cjs.map