npm - @openhands/agent-canvas - Versions diffs - 1.0.0-alpha.7 → 1.0.0-alpha.8 - Mend

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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (691) hide show

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

	@@ -1 +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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"}
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\";\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 CHANGED Viewed

@@ -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 CHANGED Viewed

	@@ -1 +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"}
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 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 CHANGED Viewed

@@ -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 CHANGED Viewed

	@@ -1 +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"}
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 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 CHANGED Viewed

@@ -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 CHANGED Viewed

	@@ -1 +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":"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,gFACV,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,gDACV,cAAY,0BACZ,kBAtFsB,CAC9B,EAAa,OAAO,EAsFZ,MAAO,EAAa,OAAS,YAE5B,EAAa,MACV,CAAA,CAGP,IAAc,SACb,EAAA,EAAA,MAAC,MAAD,CAAK,IAAK,EAAmB,UAAU,sCAAvC,EACE,EAAA,EAAA,KAAC,EAAA,eAAD,CAAgB,QArDG,GAA+C,CAC1E,EAAM,gBAAgB,CACtB,EAAM,iBAAiB,CACvB,EAAmB,CAAC,EAAgB,EAkDoB,CAAA,CAC/C,IACC,EAAA,EAAA,KAAC,EAAA,4BAAD,CACE,YAAe,EAAmB,GAAM,CACxC,SAnDQ,GAA+C,CACnE,EAAM,gBAAgB,CACtB,EAAM,iBAAiB,CACvB,EAAa,OAAO,CACpB,EAAmB,GAAM,EAgDb,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,CAtGI"}
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 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-name.js CHANGED Viewed

@@ -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 CHANGED Viewed

	@@ -1 +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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"}
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 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":";;;;;;;;;;;;;;;;;;AAiBA,SAAgB,IAAmB;CACjC,IAAM,EAAE,SAAM,EAAe,YAAY,EACnC,EAAE,sBAAmB,GAAmB,EACxC,EAAE,MAAM,MAAiB,GAAuB,EAChD,EAAE,QAAQ,MAAuB,GAAuB,EAExD,CAAC,GAAW,KAAgB,EAAM,SAA0B,OAAO,EACnE,CAAC,GAAiB,KAAsB,EAAM,SAAS,GAAM,EAC7D,IAAW,EAAM,OAAyB,KAAK,EAC/C,IAAoB,EAAM,OAAuB,KAAK,EAGtD,EACJ,iBACA,eACA,+BACA,sBACA,yBACA,sBACA,oBACA,uBACA,wBACA,aACA,wBACA,sBACA,wBACA,2BACA,uBACA,0BACA,uBACA,0BACA,sBACA,yBACA,8BACA,iCACA,4BACA,+BACA,kBACA,mBACA,oCACA,2BACA,0BACA,sBACA,wBACE,EAA+B;EACjC;EACA,iBAAiB,GAAc;EAC/B,aAAa;EACb,qBAAqB;EACtB,CAAC;AAmEF,QAVA,EAAM,gBAAgB;AACpB,EAAI,MAAc,UAChB,EAAS,SAAS,OAAO;IAE1B,CAAC,EAAU,CAAC,EAEV,IAKH,kBAAA,GAAA,EAAA,UAAA;EACE,kBAAC,OAAD;GACE,WAAU;GACV,eAAY;aAFd,CAIG,MAAc,SACb,kBAAC,SAAD;IACE,KAAK;IACL,eAAY;IACZ,UAxCgB,MAA8C;AACtE,KAAI,MAAc,WAChB,EAAM,gBAAgB,EACtB,EAAM,iBAAiB;;IAsCjB,cAxEe;AACvB,SAAI,EAAS,SAAS,SAAS,GAAgB;MAC7C,IAAM,IAAU,EAAS,QAAQ,MAAM,MAAM;AAC7C,MAAI,MAAY,GAAc,SAC5B,EACE;OAAE;OAAgB,UAAU;OAAS,EACrC,EACE,iBAAiB;AACf,SAAoB,EAAE,EAAQ,2BAA2B,CAAC;SAE7D,CACF;YAEM,EAAS,YAElB,EAAS,QAAQ,QAAQ,GAAc,SAAS;AAGlD,OAAa,OAAO;;IAuDZ,UApDW,MAAiD;AAEhE,OAAM,YAAY,eAGlB,EAAM,QAAQ,WAChB,EAAM,cAAc,MAAM;;IA+CpB,MAAK;IACL,cAAc,EAAa,SAAS;IACpC,WAAU;IACV,CAAA,GAEF,kBAAC,OAAD;IACE,WAAU;IACV,eAAY;IACZ,qBAtFsB;AAC9B,OAAa,OAAO;;IAsFZ,OAAO,EAAa,SAAS;cAE5B,EAAa;IACV,CAAA,EAGP,MAAc,UACb,kBAAC,OAAD;IACE,KAAK;IACL,WAAU;cAFZ,CAIE,kBAAC,GAAD,EAAgB,UAxDG,MAA+C;AAG1E,KAFA,EAAM,gBAAgB,EACtB,EAAM,iBAAiB,EACvB,EAAmB,CAAC,EAAgB;OAqDoB,CAAA,EAC/C,KACC,kBAAC,GAAD;KACE,eAAe,EAAmB,GAAM;KACxC,WAtDQ,MAA+C;AAInE,MAHA,EAAM,gBAAgB,EACtB,EAAM,iBAAiB,EACvB,EAAa,OAAO,EACpB,EAAmB,GAAM;;KAmDb,UAAU;KACV,QAAQ,IAAiB,IAAa,KAAA;KACtC,eACE,KAAwB,IAAoB,KAAA;KAE9C,kBACE,KAAuB,IAAuB,KAAA;KAEhD,cAAc,KAAmB,KAAmB,KAAA;KACpD,aAAa,KAAkB,IAAkB,KAAA;KACjD,gBAAgB;KAChB,iBAAiB;KACP;KACV,wBACE,KACI,IACA,KAAA;KAEN,UAAS;KACT,WAAW;KACX,CAAA,CAEA;MAEJ;;EAGN,kBAAC,GAAD;GACE,QAAQ;GACR,cAAc;GACd,CAAA;EAGF,kBAAC,GAAD;GACE,QAAQ;GACR,eAAe,EAAsB,GAAM;GAC3C,eAAe,KAAiB;GAChC,CAAA;EAGD,KACC,kBAAC,GAAD,EAAa,eAAe,EAAsB,GAAM,EAAI,CAAA;EAI7D,KACC,kBAAC,GAAD,EAAY,eAAe,EAAqB,GAAM,EAAI,CAAA;EAI3D,KACC,kBAAC,GAAD;GACE,WAAW;GACX,gBAAgB,EAA6B,GAAM;GACnD,mBAAmB,GAAc,SAAS;GAC1C,CAAA;EAGH,KACC,kBAAC,GAAD;GACE,WAAW;GACX,gBAAgB,EAA2B,GAAM;GACjD,CAAA;EAEH,EAAA,CAAA,GAzGI"}

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

@@ -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

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

	@@ -1 +1 @@
1	- {"version":3,"file":"conversation-tabs-context-menu.cjs","names":[],"sources":["../../../../../src/components/features/conversation/conversation-tabs/conversation-tabs-context-menu.tsx"],"sourcesContent":["import React from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport { ContextMenu } from \"#/ui/context-menu\";\nimport { useClickOutsideElement } from \"#/hooks/use-click-outside-element\";\nimport { useConversationId } from \"#/hooks/use-conversation-id\";\nimport { useConversationLocalStorageState } from \"#/utils/conversation-local-storage\";\nimport {\n useConversationStore,\n type ConversationTab,\n} from \"#/stores/conversation-store\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport TerminalIcon from \"#/icons/terminal.svg?react\";\nimport GlobeIcon from \"#/icons/globe.svg?react\";\nimport DocumentIcon from \"#/icons/document.svg?react\";\nimport VSCodeIcon from \"#/icons/vscode.svg?react\";\nimport PillIcon from \"#/icons/pill.svg?react\";\nimport PillFillIcon from \"#/icons/pill-fill.svg?react\";\nimport LessonPlanIcon from \"#/icons/lesson-plan.svg?react\";\nimport DoubleCheckIcon from \"#/icons/double-check.svg?react\";\nimport { useTaskList } from \"#/hooks/use-task-list\";\nimport { useActiveBackend } from \"#/contexts/active-backend-context\";\nimport { useSelectConversationTab } from \"#/hooks/use-select-conversation-tab\";\nimport { cn } from \"#/utils/utils\";\n\ninterface ConversationTabsContextMenuProps {\n isOpen: boolean;\n onClose: () => void;\n ignoreOutsideClickRef?: React.RefObject<HTMLElement \| null>;\n}\n\nexport function ConversationTabsContextMenu({\n isOpen,\n onClose,\n ignoreOutsideClickRef,\n}: ConversationTabsContextMenuProps) {\n const ref = useClickOutsideElement<HTMLUListElement>(\n onClose,\n ignoreOutsideClickRef,\n );\n const { t } = useTranslation(\"openhands\");\n const { conversationId } = useConversationId();\n const {\n state,\n setUnpinnedTabs,\n setSelectedTab: setPersistedSelectedTab,\n } = useConversationLocalStorageState(conversationId);\n const { selectedTab, isRightPanelShown, setSelectedTab } =\n useConversationStore();\n\n const { navigateToTab } = useSelectConversationTab();\n\n const { hasTaskList } = useTaskList();\n const { backend } = useActiveBackend();\n\n const tabConfig = [\n {\n tab: \"planner\",\n icon: LessonPlanIcon,\n i18nKey: I18nKey.COMMON$PLANNER,\n },\n { tab: \"files\", icon: DocumentIcon, i18nKey: I18nKey.COMMON$FILES },\n { tab: \"vscode\", icon: VSCodeIcon, i18nKey: I18nKey.COMMON$CODE },\n { tab: \"terminal\", icon: TerminalIcon, i18nKey: I18nKey.COMMON$TERMINAL },\n { tab: \"browser\", icon: GlobeIcon, i18nKey: I18nKey.COMMON$BROWSER },\n ];\n\n if (hasTaskList) {\n tabConfig.unshift({\n tab: \"tasklist\",\n icon: DoubleCheckIcon,\n i18nKey: I18nKey.COMMON$TASK_LIST,\n });\n }\n\n const visibleTabConfig = tabConfig.filter(\n ({ tab }) => tab !== \"vscode\" \|\| backend.kind === \"cloud\",\n );\n\n if (!isOpen) return null;\n\n const handleOpenTab = (tab: string) => {\n navigateToTab(tab as ConversationTab);\n onClose();\n };\n\n const handlePinToggle = (tab: string, e: React.MouseEvent) => {\n e.preventDefault();\n e.stopPropagation();\n if (state.unpinnedTabs.includes(tab)) {\n setUnpinnedTabs(state.unpinnedTabs.filter((item) => item !== tab));\n } else {\n const newUnpinnedTabs = [...state.unpinnedTabs, tab];\n setUnpinnedTabs(newUnpinnedTabs);\n\n if (selectedTab === tab && isRightPanelShown) {\n const nextPinnedTab = visibleTabConfig.find(\n ({ tab: tabKey }) =>\n tabKey !== tab && !newUnpinnedTabs.includes(tabKey),\n );\n\n if (nextPinnedTab) {\n setSelectedTab(nextPinnedTab.tab as ConversationTab);\n setPersistedSelectedTab(nextPinnedTab.tab as ConversationTab);\n }\n }\n }\n };\n\n return (\n <ContextMenu\n ref={ref}\n alignment=\"right\"\n position=\"bottom\"\n className=\"z-[9999] mt-2 w-fit\"\n >\n {visibleTabConfig.map(({ tab, icon: Icon, i18nKey }) => {\n const pinned = !state.unpinnedTabs.includes(tab);\n return (\n <li key={tab} className=\"list-none\">\n <div\n className={cn(\n \"flex h-[30px] w-full min-w-0 items-stretch rounded\",\n \"hover:bg-[var(--oh-interactive-hover)]\",\n )}\n >\n <button\n type=\"button\"\n data-testid={`conversation-tabs-menu-open-${tab}`}\n className={cn(\n \"flex min-w-0 flex-1 cursor-pointer items-center gap-2 rounded-l p-2 text-start\",\n \"text-white transition-colors\",\n )}\n onClick={() => handleOpenTab(tab)}\n >\n <Icon className=\"h-4 w-4 shrink-0\" />\n <span className=\"text-sm\">{t(i18nKey)}</span>\n </button>\n <button\n type=\"button\"\n data-testid={`conversation-tabs-menu-pin-${tab}`}\n className={cn(\n \"flex shrink-0 cursor-pointer items-center justify-center rounded-r px-2\",\n \"text-white transition-colors hover:bg-white/10\",\n )}\n aria-pressed={pinned}\n aria-label={pinned ? \"Unpin tab from bar\" : \"Pin tab to bar\"}\n onClick={(e) => handlePinToggle(tab, e)}\n >\n {pinned ? (\n <PillFillIcon className=\"-mr-[5px] ml-auto h-7 w-7\" />\n ) : (\n <PillIcon className=\"ml-auto h-4.5 w-4.5\" />\n )}\n </button>\n </div>\n </li>\n );\n })}\n </ContextMenu>\n );\n}\n"],"mappings":"ilCA8BA,SAAgB,EAA4B,CAC1C,SACA,UACA,yBACmC,CACnC,IAAM,EAAM,EAAA,uBACV,EACA,EACD,CACK,CAAE,KAAM,EAAA,eAAe,YAAY,CACnC,CAAE,kBAAmB,EAAA,mBAAmB,CACxC,CACJ,QACA,kBACA,eAAgB,GACd,EAAA,iCAAiC,EAAe,CAC9C,CAAE,cAAa,oBAAmB,kBACtC,EAAA,sBAAsB,CAElB,CAAE,iBAAkB,EAAA,0BAA0B,CAE9C,CAAE,eAAgB,EAAA,aAAa,CAC/B,CAAE,WAAY,EAAA,kBAAkB,CAEhC,EAAY,CAChB,CACE,IAAK,UACL,KAAM,EAAA,QACN,QAAS,EAAA,QAAQ,eAClB,CACD,CAAE,IAAK,QAAS,KAAM,EAAA,QAAc,QAAS,EAAA,QAAQ,aAAc,CACnE,CAAE,IAAK,SAAU,KAAM,EAAA,QAAY,QAAS,EAAA,QAAQ,YAAa,CACjE,CAAE,IAAK,WAAY,KAAM,EAAA,QAAc,QAAS,EAAA,QAAQ,gBAAiB,CACzE,CAAE,IAAK,UAAW,KAAM,EAAA,QAAW,QAAS,EAAA,QAAQ,eAAgB,CACrE,CAEG,GACF,EAAU,QAAQ,CAChB,IAAK,WACL,KAAM,EAAA,QACN,QAAS,EAAA,QAAQ,iBAClB,CAAC,CAGJ,IAAM,EAAmB,EAAU,QAChC,CAAE,~~SAAU~~,IAAQ,UAAY,EAAQ,OAAS,~~QACnD~~,CAED,GAAI,CAAC,EAAQ,OAAO,KAEpB,IAAM,EAAiB,GAAgB,CACrC,EAAc,EAAuB,CACrC,GAAS,EAGL,GAAmB,EAAa,IAAwB,CAG5D,GAFA,EAAE,gBAAgB,CAClB,EAAE,iBAAiB,CACf,EAAM,aAAa,SAAS,EAAI,CAClC,EAAgB,EAAM,aAAa,OAAQ,GAAS,IAAS,EAAI,CAAC,KAC7D,CACL,IAAM,EAAkB,CAAC,GAAG,EAAM,aAAc,EAAI,CAGpD,GAFA,EAAgB,EAAgB,CAE5B,IAAgB,GAAO,EAAmB,CAC5C,IAAM,EAAgB,EAAiB,MACpC,CAAE,IAAK,KACN,IAAW,GAAO,CAAC,EAAgB,SAAS,EAAO,CACtD,CAEG,IACF,EAAe,EAAc,IAAuB,CACpD,EAAwB,EAAc,IAAuB,KAMrE,OACE,EAAA,EAAA,KAAC,EAAA,YAAD,CACO,MACL,UAAU,QACV,SAAS,SACT,UAAU,+BAET,EAAiB,KAAK,CAAE,MAAK,KAAM,EAAM,aAAc,CACtD,IAAM,EAAS,CAAC,EAAM,aAAa,SAAS,EAAI,CAChD,OACE,EAAA,EAAA,KAAC,KAAD,CAAc,UAAU,sBACtB,EAAA,EAAA,MAAC,MAAD,CACE,UAAW,EAAA,GACT,qDACA,yCACD,UAJH,EAME,EAAA,EAAA,MAAC,SAAD,CACE,KAAK,SACL,cAAa,+BAA+B,IAC5C,UAAW,EAAA,GACT,iFACA,+BACD,CACD,YAAe,EAAc,EAAI,UAPnC,EASE,EAAA,EAAA,KAAC,EAAD,CAAM,UAAU,mBAAqB,CAAA,EACrC,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,mBAAW,EAAE,EAAQ,CAAQ,CAAA,CACtC,IACT,EAAA,EAAA,KAAC,SAAD,CACE,KAAK,SACL,cAAa,8BAA8B,IAC3C,UAAW,EAAA,GACT,0EACA,iDACD,CACD,eAAc,EACd,aAAY,EAAS,qBAAuB,iBAC5C,QAAU,GAAM,EAAgB,EAAK,EAAE,UAEtC,GACC,EAAA,EAAA,KAAC,EAAA,QAAD,CAAc,UAAU,4BAA8B,CAAA,EAEtD,EAAA,EAAA,KAAC,EAAA,QAAD,CAAU,UAAU,sBAAwB,CAAA,CAEvC,CAAA,CACL,GACH,CArCI,EAqCJ,EAEP,CACU,CAAA"}
1	+ {"version":3,"file":"conversation-tabs-context-menu.cjs","names":[],"sources":["../../../../../src/components/features/conversation/conversation-tabs/conversation-tabs-context-menu.tsx"],"sourcesContent":["import React from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport { ContextMenu } from \"#/ui/context-menu\";\nimport { useClickOutsideElement } from \"#/hooks/use-click-outside-element\";\nimport { useConversationId } from \"#/hooks/use-conversation-id\";\nimport { useConversationLocalStorageState } from \"#/utils/conversation-local-storage\";\nimport {\n useConversationStore,\n type ConversationTab,\n} from \"#/stores/conversation-store\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport TerminalIcon from \"#/icons/terminal.svg?react\";\nimport GlobeIcon from \"#/icons/globe.svg?react\";\nimport DocumentIcon from \"#/icons/document.svg?react\";\nimport VSCodeIcon from \"#/icons/vscode.svg?react\";\nimport PillIcon from \"#/icons/pill.svg?react\";\nimport PillFillIcon from \"#/icons/pill-fill.svg?react\";\nimport LessonPlanIcon from \"#/icons/lesson-plan.svg?react\";\nimport DoubleCheckIcon from \"#/icons/double-check.svg?react\";\nimport { useTaskList } from \"#/hooks/use-task-list\";\nimport { useActiveBackend } from \"#/contexts/active-backend-context\";\nimport { useSelectConversationTab } from \"#/hooks/use-select-conversation-tab\";\nimport { cn } from \"#/utils/utils\";\n\ninterface ConversationTabsContextMenuProps {\n isOpen: boolean;\n onClose: () => void;\n ignoreOutsideClickRef?: React.RefObject<HTMLElement \| null>;\n}\n\nexport function ConversationTabsContextMenu({\n isOpen,\n onClose,\n ignoreOutsideClickRef,\n}: ConversationTabsContextMenuProps) {\n const ref = useClickOutsideElement<HTMLUListElement>(\n onClose,\n ignoreOutsideClickRef,\n );\n const { t } = useTranslation(\"openhands\");\n const { conversationId } = useConversationId();\n const {\n state,\n setUnpinnedTabs,\n setSelectedTab: setPersistedSelectedTab,\n } = useConversationLocalStorageState(conversationId);\n const { selectedTab, isRightPanelShown, setSelectedTab } =\n useConversationStore();\n\n const { navigateToTab } = useSelectConversationTab();\n\n const { hasTaskList } = useTaskList();\n const { backend } = useActiveBackend();\n\n const tabConfig = [\n {\n tab: \"planner\",\n icon: LessonPlanIcon,\n i18nKey: I18nKey.COMMON$PLANNER,\n },\n { tab: \"files\", icon: DocumentIcon, i18nKey: I18nKey.COMMON$FILES },\n { tab: \"vscode\", icon: VSCodeIcon, i18nKey: I18nKey.COMMON$CODE },\n { tab: \"terminal\", icon: TerminalIcon, i18nKey: I18nKey.COMMON$TERMINAL },\n { tab: \"browser\", icon: GlobeIcon, i18nKey: I18nKey.COMMON$BROWSER },\n ];\n\n if (hasTaskList) {\n tabConfig.unshift({\n tab: \"tasklist\",\n icon: DoubleCheckIcon,\n i18nKey: I18nKey.COMMON$TASK_LIST,\n });\n }\n\n const visibleTabConfig = tabConfig.filter(\n ({ tab }) =>\n (tab !== \"vscode\" && tab !== \"planner\") \|\| backend.kind === \"cloud\",\n );\n\n if (!isOpen) return null;\n\n const handleOpenTab = (tab: string) => {\n navigateToTab(tab as ConversationTab);\n onClose();\n };\n\n const handlePinToggle = (tab: string, e: React.MouseEvent) => {\n e.preventDefault();\n e.stopPropagation();\n if (state.unpinnedTabs.includes(tab)) {\n setUnpinnedTabs(state.unpinnedTabs.filter((item) => item !== tab));\n } else {\n const newUnpinnedTabs = [...state.unpinnedTabs, tab];\n setUnpinnedTabs(newUnpinnedTabs);\n\n if (selectedTab === tab && isRightPanelShown) {\n const nextPinnedTab = visibleTabConfig.find(\n ({ tab: tabKey }) =>\n tabKey !== tab && !newUnpinnedTabs.includes(tabKey),\n );\n\n if (nextPinnedTab) {\n setSelectedTab(nextPinnedTab.tab as ConversationTab);\n setPersistedSelectedTab(nextPinnedTab.tab as ConversationTab);\n }\n }\n }\n };\n\n return (\n <ContextMenu\n ref={ref}\n alignment=\"right\"\n position=\"bottom\"\n className=\"z-[9999] mt-2 w-fit\"\n >\n {visibleTabConfig.map(({ tab, icon: Icon, i18nKey }) => {\n const pinned = !state.unpinnedTabs.includes(tab);\n return (\n <li key={tab} className=\"list-none\">\n <div\n className={cn(\n \"flex h-[30px] w-full min-w-0 items-stretch rounded\",\n \"hover:bg-[var(--oh-interactive-hover)]\",\n )}\n >\n <button\n type=\"button\"\n data-testid={`conversation-tabs-menu-open-${tab}`}\n className={cn(\n \"flex min-w-0 flex-1 cursor-pointer items-center gap-2 rounded-l p-2 text-start\",\n \"text-white transition-colors\",\n )}\n onClick={() => handleOpenTab(tab)}\n >\n <Icon className=\"h-4 w-4 shrink-0\" />\n <span className=\"text-sm\">{t(i18nKey)}</span>\n </button>\n <button\n type=\"button\"\n data-testid={`conversation-tabs-menu-pin-${tab}`}\n className={cn(\n \"flex shrink-0 cursor-pointer items-center justify-center rounded-r px-2\",\n \"text-white transition-colors hover:bg-white/10\",\n )}\n aria-pressed={pinned}\n aria-label={pinned ? \"Unpin tab from bar\" : \"Pin tab to bar\"}\n onClick={(e) => handlePinToggle(tab, e)}\n >\n {pinned ? (\n <PillFillIcon className=\"-mr-[5px] ml-auto h-7 w-7\" />\n ) : (\n <PillIcon className=\"ml-auto h-4.5 w-4.5\" />\n )}\n </button>\n </div>\n </li>\n );\n })}\n </ContextMenu>\n );\n}\n"],"mappings":"ilCA8BA,SAAgB,EAA4B,CAC1C,SACA,UACA,yBACmC,CACnC,IAAM,EAAM,EAAA,uBACV,EACA,EACD,CACK,CAAE,KAAM,EAAA,eAAe,YAAY,CACnC,CAAE,kBAAmB,EAAA,mBAAmB,CACxC,CACJ,QACA,kBACA,eAAgB,GACd,EAAA,iCAAiC,EAAe,CAC9C,CAAE,cAAa,oBAAmB,kBACtC,EAAA,sBAAsB,CAElB,CAAE,iBAAkB,EAAA,0BAA0B,CAE9C,CAAE,eAAgB,EAAA,aAAa,CAC/B,CAAE,WAAY,EAAA,kBAAkB,CAEhC,EAAY,CAChB,CACE,IAAK,UACL,KAAM,EAAA,QACN,QAAS,EAAA,QAAQ,eAClB,CACD,CAAE,IAAK,QAAS,KAAM,EAAA,QAAc,QAAS,EAAA,QAAQ,aAAc,CACnE,CAAE,IAAK,SAAU,KAAM,EAAA,QAAY,QAAS,EAAA,QAAQ,YAAa,CACjE,CAAE,IAAK,WAAY,KAAM,EAAA,QAAc,QAAS,EAAA,QAAQ,gBAAiB,CACzE,CAAE,IAAK,UAAW,KAAM,EAAA,QAAW,QAAS,EAAA,QAAQ,eAAgB,CACrE,CAEG,GACF,EAAU,QAAQ,CAChB,IAAK,WACL,KAAM,EAAA,QACN,QAAS,EAAA,QAAQ,iBAClB,CAAC,CAGJ,IAAM,EAAmB,EAAU,QAChC,CAAE,SACA,IAAQ,UAAY,IAAQ,WAAc,EAAQ,OAAS,QAC/D,CAED,GAAI,CAAC,EAAQ,OAAO,KAEpB,IAAM,EAAiB,GAAgB,CACrC,EAAc,EAAuB,CACrC,GAAS,EAGL,GAAmB,EAAa,IAAwB,CAG5D,GAFA,EAAE,gBAAgB,CAClB,EAAE,iBAAiB,CACf,EAAM,aAAa,SAAS,EAAI,CAClC,EAAgB,EAAM,aAAa,OAAQ,GAAS,IAAS,EAAI,CAAC,KAC7D,CACL,IAAM,EAAkB,CAAC,GAAG,EAAM,aAAc,EAAI,CAGpD,GAFA,EAAgB,EAAgB,CAE5B,IAAgB,GAAO,EAAmB,CAC5C,IAAM,EAAgB,EAAiB,MACpC,CAAE,IAAK,KACN,IAAW,GAAO,CAAC,EAAgB,SAAS,EAAO,CACtD,CAEG,IACF,EAAe,EAAc,IAAuB,CACpD,EAAwB,EAAc,IAAuB,KAMrE,OACE,EAAA,EAAA,KAAC,EAAA,YAAD,CACO,MACL,UAAU,QACV,SAAS,SACT,UAAU,+BAET,EAAiB,KAAK,CAAE,MAAK,KAAM,EAAM,aAAc,CACtD,IAAM,EAAS,CAAC,EAAM,aAAa,SAAS,EAAI,CAChD,OACE,EAAA,EAAA,KAAC,KAAD,CAAc,UAAU,sBACtB,EAAA,EAAA,MAAC,MAAD,CACE,UAAW,EAAA,GACT,qDACA,yCACD,UAJH,EAME,EAAA,EAAA,MAAC,SAAD,CACE,KAAK,SACL,cAAa,+BAA+B,IAC5C,UAAW,EAAA,GACT,iFACA,+BACD,CACD,YAAe,EAAc,EAAI,UAPnC,EASE,EAAA,EAAA,KAAC,EAAD,CAAM,UAAU,mBAAqB,CAAA,EACrC,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,mBAAW,EAAE,EAAQ,CAAQ,CAAA,CACtC,IACT,EAAA,EAAA,KAAC,SAAD,CACE,KAAK,SACL,cAAa,8BAA8B,IAC3C,UAAW,EAAA,GACT,0EACA,iDACD,CACD,eAAc,EACd,aAAY,EAAS,qBAAuB,iBAC5C,QAAU,GAAM,EAAgB,EAAK,EAAE,UAEtC,GACC,EAAA,EAAA,KAAC,EAAA,QAAD,CAAc,UAAU,4BAA8B,CAAA,EAEtD,EAAA,EAAA,KAAC,EAAA,QAAD,CAAU,UAAU,sBAAwB,CAAA,CAEvC,CAAA,CACL,GACH,CArCI,EAqCJ,EAEP,CACU,CAAA"}

package/dist/components/features/conversation/conversation-tabs/conversation-tabs-context-menu.js CHANGED Viewed

@@ -53,7 +53,7 @@ function x({ isOpen: x, onClose: S, ignoreOutsideClickRef: C }) {
 		icon: h,
 		i18nKey: t.COMMON$TASK_LIST
 	});
-	let L = I.filter(({ tab: e }) => e !== "vscode" || F.kind === "cloud");
+	let L = I.filter(({ tab: e }) => e !== "vscode" && e !== "planner" || F.kind === "cloud");
 	if (!x) return null;
 	let R = (e) => {
 		N(e), S();

package/dist/components/features/conversation/conversation-tabs/conversation-tabs-context-menu.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"conversation-tabs-context-menu.js","names":[],"sources":["../../../../../src/components/features/conversation/conversation-tabs/conversation-tabs-context-menu.tsx"],"sourcesContent":["import React from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport { ContextMenu } from \"#/ui/context-menu\";\nimport { useClickOutsideElement } from \"#/hooks/use-click-outside-element\";\nimport { useConversationId } from \"#/hooks/use-conversation-id\";\nimport { useConversationLocalStorageState } from \"#/utils/conversation-local-storage\";\nimport {\n useConversationStore,\n type ConversationTab,\n} from \"#/stores/conversation-store\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport TerminalIcon from \"#/icons/terminal.svg?react\";\nimport GlobeIcon from \"#/icons/globe.svg?react\";\nimport DocumentIcon from \"#/icons/document.svg?react\";\nimport VSCodeIcon from \"#/icons/vscode.svg?react\";\nimport PillIcon from \"#/icons/pill.svg?react\";\nimport PillFillIcon from \"#/icons/pill-fill.svg?react\";\nimport LessonPlanIcon from \"#/icons/lesson-plan.svg?react\";\nimport DoubleCheckIcon from \"#/icons/double-check.svg?react\";\nimport { useTaskList } from \"#/hooks/use-task-list\";\nimport { useActiveBackend } from \"#/contexts/active-backend-context\";\nimport { useSelectConversationTab } from \"#/hooks/use-select-conversation-tab\";\nimport { cn } from \"#/utils/utils\";\n\ninterface ConversationTabsContextMenuProps {\n isOpen: boolean;\n onClose: () => void;\n ignoreOutsideClickRef?: React.RefObject<HTMLElement \| null>;\n}\n\nexport function ConversationTabsContextMenu({\n isOpen,\n onClose,\n ignoreOutsideClickRef,\n}: ConversationTabsContextMenuProps) {\n const ref = useClickOutsideElement<HTMLUListElement>(\n onClose,\n ignoreOutsideClickRef,\n );\n const { t } = useTranslation(\"openhands\");\n const { conversationId } = useConversationId();\n const {\n state,\n setUnpinnedTabs,\n setSelectedTab: setPersistedSelectedTab,\n } = useConversationLocalStorageState(conversationId);\n const { selectedTab, isRightPanelShown, setSelectedTab } =\n useConversationStore();\n\n const { navigateToTab } = useSelectConversationTab();\n\n const { hasTaskList } = useTaskList();\n const { backend } = useActiveBackend();\n\n const tabConfig = [\n {\n tab: \"planner\",\n icon: LessonPlanIcon,\n i18nKey: I18nKey.COMMON$PLANNER,\n },\n { tab: \"files\", icon: DocumentIcon, i18nKey: I18nKey.COMMON$FILES },\n { tab: \"vscode\", icon: VSCodeIcon, i18nKey: I18nKey.COMMON$CODE },\n { tab: \"terminal\", icon: TerminalIcon, i18nKey: I18nKey.COMMON$TERMINAL },\n { tab: \"browser\", icon: GlobeIcon, i18nKey: I18nKey.COMMON$BROWSER },\n ];\n\n if (hasTaskList) {\n tabConfig.unshift({\n tab: \"tasklist\",\n icon: DoubleCheckIcon,\n i18nKey: I18nKey.COMMON$TASK_LIST,\n });\n }\n\n const visibleTabConfig = tabConfig.filter(\n ({ tab }) => tab !== \"vscode\" \|\| backend.kind === \"cloud\",\n );\n\n if (!isOpen) return null;\n\n const handleOpenTab = (tab: string) => {\n navigateToTab(tab as ConversationTab);\n onClose();\n };\n\n const handlePinToggle = (tab: string, e: React.MouseEvent) => {\n e.preventDefault();\n e.stopPropagation();\n if (state.unpinnedTabs.includes(tab)) {\n setUnpinnedTabs(state.unpinnedTabs.filter((item) => item !== tab));\n } else {\n const newUnpinnedTabs = [...state.unpinnedTabs, tab];\n setUnpinnedTabs(newUnpinnedTabs);\n\n if (selectedTab === tab && isRightPanelShown) {\n const nextPinnedTab = visibleTabConfig.find(\n ({ tab: tabKey }) =>\n tabKey !== tab && !newUnpinnedTabs.includes(tabKey),\n );\n\n if (nextPinnedTab) {\n setSelectedTab(nextPinnedTab.tab as ConversationTab);\n setPersistedSelectedTab(nextPinnedTab.tab as ConversationTab);\n }\n }\n }\n };\n\n return (\n <ContextMenu\n ref={ref}\n alignment=\"right\"\n position=\"bottom\"\n className=\"z-[9999] mt-2 w-fit\"\n >\n {visibleTabConfig.map(({ tab, icon: Icon, i18nKey }) => {\n const pinned = !state.unpinnedTabs.includes(tab);\n return (\n <li key={tab} className=\"list-none\">\n <div\n className={cn(\n \"flex h-[30px] w-full min-w-0 items-stretch rounded\",\n \"hover:bg-[var(--oh-interactive-hover)]\",\n )}\n >\n <button\n type=\"button\"\n data-testid={`conversation-tabs-menu-open-${tab}`}\n className={cn(\n \"flex min-w-0 flex-1 cursor-pointer items-center gap-2 rounded-l p-2 text-start\",\n \"text-white transition-colors\",\n )}\n onClick={() => handleOpenTab(tab)}\n >\n <Icon className=\"h-4 w-4 shrink-0\" />\n <span className=\"text-sm\">{t(i18nKey)}</span>\n </button>\n <button\n type=\"button\"\n data-testid={`conversation-tabs-menu-pin-${tab}`}\n className={cn(\n \"flex shrink-0 cursor-pointer items-center justify-center rounded-r px-2\",\n \"text-white transition-colors hover:bg-white/10\",\n )}\n aria-pressed={pinned}\n aria-label={pinned ? \"Unpin tab from bar\" : \"Pin tab to bar\"}\n onClick={(e) => handlePinToggle(tab, e)}\n >\n {pinned ? (\n <PillFillIcon className=\"-mr-[5px] ml-auto h-7 w-7\" />\n ) : (\n <PillIcon className=\"ml-auto h-4.5 w-4.5\" />\n )}\n </button>\n </div>\n </li>\n );\n })}\n </ContextMenu>\n );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AA8BA,SAAgB,EAA4B,EAC1C,WACA,YACA,4BACmC;CACnC,IAAM,IAAM,EACV,GACA,EACD,EACK,EAAE,SAAM,EAAe,YAAY,EACnC,EAAE,sBAAmB,GAAmB,EACxC,EACJ,UACA,oBACA,gBAAgB,MACd,EAAiC,EAAe,EAC9C,EAAE,gBAAa,sBAAmB,sBACtC,GAAsB,EAElB,EAAE,qBAAkB,GAA0B,EAE9C,EAAE,mBAAgB,GAAa,EAC/B,EAAE,eAAY,GAAkB,EAEhC,IAAY;EAChB;GACE,KAAK;GACL,MAAM;GACN,SAAS,EAAQ;GAClB;EACD;GAAE,KAAK;GAAS,MAAM;GAAc,SAAS,EAAQ;GAAc;EACnE;GAAE,KAAK;GAAU,MAAM;GAAY,SAAS,EAAQ;GAAa;EACjE;GAAE,KAAK;GAAY,MAAM;GAAc,SAAS,EAAQ;GAAiB;EACzE;GAAE,KAAK;GAAW,MAAM;GAAW,SAAS,EAAQ;GAAgB;EACrE;AAED,CAAI,KACF,EAAU,QAAQ;EAChB,KAAK;EACL,MAAM;EACN,SAAS,EAAQ;EAClB,CAAC;CAGJ,IAAM,IAAmB,EAAU,QAChC,EAAE,~~aAAU~~,MAAQ,YAAY,EAAQ,SAAS,~~QACnD~~;AAED,KAAI,CAAC,EAAQ,QAAO;CAEpB,IAAM,KAAiB,MAAgB;AAErC,EADA,EAAc,EAAuB,EACrC,GAAS;IAGL,KAAmB,GAAa,MAAwB;AAG5D,MAFA,EAAE,gBAAgB,EAClB,EAAE,iBAAiB,EACf,EAAM,aAAa,SAAS,EAAI,CAClC,GAAgB,EAAM,aAAa,QAAQ,MAAS,MAAS,EAAI,CAAC;OAC7D;GACL,IAAM,IAAkB,CAAC,GAAG,EAAM,cAAc,EAAI;AAGpD,OAFA,EAAgB,EAAgB,EAE5B,MAAgB,KAAO,GAAmB;IAC5C,IAAM,IAAgB,EAAiB,MACpC,EAAE,KAAK,QACN,MAAW,KAAO,CAAC,EAAgB,SAAS,EAAO,CACtD;AAED,IAAI,MACF,EAAe,EAAc,IAAuB,EACpD,EAAwB,EAAc,IAAuB;;;;AAMrE,QACE,kBAAC,GAAD;EACO;EACL,WAAU;EACV,UAAS;EACT,WAAU;YAET,EAAiB,KAAK,EAAE,QAAK,MAAM,GAAM,iBAAc;GACtD,IAAM,IAAS,CAAC,EAAM,aAAa,SAAS,EAAI;AAChD,UACE,kBAAC,MAAD;IAAc,WAAU;cACtB,kBAAC,OAAD;KACE,WAAW,EACT,sDACA,yCACD;eAJH,CAME,kBAAC,UAAD;MACE,MAAK;MACL,eAAa,+BAA+B;MAC5C,WAAW,EACT,kFACA,+BACD;MACD,eAAe,EAAc,EAAI;gBAPnC,CASE,kBAAC,GAAD,EAAM,WAAU,oBAAqB,CAAA,EACrC,kBAAC,QAAD;OAAM,WAAU;iBAAW,EAAE,EAAQ;OAAQ,CAAA,CACtC;SACT,kBAAC,UAAD;MACE,MAAK;MACL,eAAa,8BAA8B;MAC3C,WAAW,EACT,2EACA,iDACD;MACD,gBAAc;MACd,cAAY,IAAS,uBAAuB;MAC5C,UAAU,MAAM,EAAgB,GAAK,EAAE;gBAEtC,IACC,kBAAC,GAAD,EAAc,WAAU,6BAA8B,CAAA,GAEtD,kBAAC,GAAD,EAAU,WAAU,uBAAwB,CAAA;MAEvC,CAAA,CACL;;IACH,EArCI,EAqCJ;IAEP;EACU,CAAA"}
1	+ {"version":3,"file":"conversation-tabs-context-menu.js","names":[],"sources":["../../../../../src/components/features/conversation/conversation-tabs/conversation-tabs-context-menu.tsx"],"sourcesContent":["import React from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport { ContextMenu } from \"#/ui/context-menu\";\nimport { useClickOutsideElement } from \"#/hooks/use-click-outside-element\";\nimport { useConversationId } from \"#/hooks/use-conversation-id\";\nimport { useConversationLocalStorageState } from \"#/utils/conversation-local-storage\";\nimport {\n useConversationStore,\n type ConversationTab,\n} from \"#/stores/conversation-store\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport TerminalIcon from \"#/icons/terminal.svg?react\";\nimport GlobeIcon from \"#/icons/globe.svg?react\";\nimport DocumentIcon from \"#/icons/document.svg?react\";\nimport VSCodeIcon from \"#/icons/vscode.svg?react\";\nimport PillIcon from \"#/icons/pill.svg?react\";\nimport PillFillIcon from \"#/icons/pill-fill.svg?react\";\nimport LessonPlanIcon from \"#/icons/lesson-plan.svg?react\";\nimport DoubleCheckIcon from \"#/icons/double-check.svg?react\";\nimport { useTaskList } from \"#/hooks/use-task-list\";\nimport { useActiveBackend } from \"#/contexts/active-backend-context\";\nimport { useSelectConversationTab } from \"#/hooks/use-select-conversation-tab\";\nimport { cn } from \"#/utils/utils\";\n\ninterface ConversationTabsContextMenuProps {\n isOpen: boolean;\n onClose: () => void;\n ignoreOutsideClickRef?: React.RefObject<HTMLElement \| null>;\n}\n\nexport function ConversationTabsContextMenu({\n isOpen,\n onClose,\n ignoreOutsideClickRef,\n}: ConversationTabsContextMenuProps) {\n const ref = useClickOutsideElement<HTMLUListElement>(\n onClose,\n ignoreOutsideClickRef,\n );\n const { t } = useTranslation(\"openhands\");\n const { conversationId } = useConversationId();\n const {\n state,\n setUnpinnedTabs,\n setSelectedTab: setPersistedSelectedTab,\n } = useConversationLocalStorageState(conversationId);\n const { selectedTab, isRightPanelShown, setSelectedTab } =\n useConversationStore();\n\n const { navigateToTab } = useSelectConversationTab();\n\n const { hasTaskList } = useTaskList();\n const { backend } = useActiveBackend();\n\n const tabConfig = [\n {\n tab: \"planner\",\n icon: LessonPlanIcon,\n i18nKey: I18nKey.COMMON$PLANNER,\n },\n { tab: \"files\", icon: DocumentIcon, i18nKey: I18nKey.COMMON$FILES },\n { tab: \"vscode\", icon: VSCodeIcon, i18nKey: I18nKey.COMMON$CODE },\n { tab: \"terminal\", icon: TerminalIcon, i18nKey: I18nKey.COMMON$TERMINAL },\n { tab: \"browser\", icon: GlobeIcon, i18nKey: I18nKey.COMMON$BROWSER },\n ];\n\n if (hasTaskList) {\n tabConfig.unshift({\n tab: \"tasklist\",\n icon: DoubleCheckIcon,\n i18nKey: I18nKey.COMMON$TASK_LIST,\n });\n }\n\n const visibleTabConfig = tabConfig.filter(\n ({ tab }) =>\n (tab !== \"vscode\" && tab !== \"planner\") \|\| backend.kind === \"cloud\",\n );\n\n if (!isOpen) return null;\n\n const handleOpenTab = (tab: string) => {\n navigateToTab(tab as ConversationTab);\n onClose();\n };\n\n const handlePinToggle = (tab: string, e: React.MouseEvent) => {\n e.preventDefault();\n e.stopPropagation();\n if (state.unpinnedTabs.includes(tab)) {\n setUnpinnedTabs(state.unpinnedTabs.filter((item) => item !== tab));\n } else {\n const newUnpinnedTabs = [...state.unpinnedTabs, tab];\n setUnpinnedTabs(newUnpinnedTabs);\n\n if (selectedTab === tab && isRightPanelShown) {\n const nextPinnedTab = visibleTabConfig.find(\n ({ tab: tabKey }) =>\n tabKey !== tab && !newUnpinnedTabs.includes(tabKey),\n );\n\n if (nextPinnedTab) {\n setSelectedTab(nextPinnedTab.tab as ConversationTab);\n setPersistedSelectedTab(nextPinnedTab.tab as ConversationTab);\n }\n }\n }\n };\n\n return (\n <ContextMenu\n ref={ref}\n alignment=\"right\"\n position=\"bottom\"\n className=\"z-[9999] mt-2 w-fit\"\n >\n {visibleTabConfig.map(({ tab, icon: Icon, i18nKey }) => {\n const pinned = !state.unpinnedTabs.includes(tab);\n return (\n <li key={tab} className=\"list-none\">\n <div\n className={cn(\n \"flex h-[30px] w-full min-w-0 items-stretch rounded\",\n \"hover:bg-[var(--oh-interactive-hover)]\",\n )}\n >\n <button\n type=\"button\"\n data-testid={`conversation-tabs-menu-open-${tab}`}\n className={cn(\n \"flex min-w-0 flex-1 cursor-pointer items-center gap-2 rounded-l p-2 text-start\",\n \"text-white transition-colors\",\n )}\n onClick={() => handleOpenTab(tab)}\n >\n <Icon className=\"h-4 w-4 shrink-0\" />\n <span className=\"text-sm\">{t(i18nKey)}</span>\n </button>\n <button\n type=\"button\"\n data-testid={`conversation-tabs-menu-pin-${tab}`}\n className={cn(\n \"flex shrink-0 cursor-pointer items-center justify-center rounded-r px-2\",\n \"text-white transition-colors hover:bg-white/10\",\n )}\n aria-pressed={pinned}\n aria-label={pinned ? \"Unpin tab from bar\" : \"Pin tab to bar\"}\n onClick={(e) => handlePinToggle(tab, e)}\n >\n {pinned ? (\n <PillFillIcon className=\"-mr-[5px] ml-auto h-7 w-7\" />\n ) : (\n <PillIcon className=\"ml-auto h-4.5 w-4.5\" />\n )}\n </button>\n </div>\n </li>\n );\n })}\n </ContextMenu>\n );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AA8BA,SAAgB,EAA4B,EAC1C,WACA,YACA,4BACmC;CACnC,IAAM,IAAM,EACV,GACA,EACD,EACK,EAAE,SAAM,EAAe,YAAY,EACnC,EAAE,sBAAmB,GAAmB,EACxC,EACJ,UACA,oBACA,gBAAgB,MACd,EAAiC,EAAe,EAC9C,EAAE,gBAAa,sBAAmB,sBACtC,GAAsB,EAElB,EAAE,qBAAkB,GAA0B,EAE9C,EAAE,mBAAgB,GAAa,EAC/B,EAAE,eAAY,GAAkB,EAEhC,IAAY;EAChB;GACE,KAAK;GACL,MAAM;GACN,SAAS,EAAQ;GAClB;EACD;GAAE,KAAK;GAAS,MAAM;GAAc,SAAS,EAAQ;GAAc;EACnE;GAAE,KAAK;GAAU,MAAM;GAAY,SAAS,EAAQ;GAAa;EACjE;GAAE,KAAK;GAAY,MAAM;GAAc,SAAS,EAAQ;GAAiB;EACzE;GAAE,KAAK;GAAW,MAAM;GAAW,SAAS,EAAQ;GAAgB;EACrE;AAED,CAAI,KACF,EAAU,QAAQ;EAChB,KAAK;EACL,MAAM;EACN,SAAS,EAAQ;EAClB,CAAC;CAGJ,IAAM,IAAmB,EAAU,QAChC,EAAE,aACA,MAAQ,YAAY,MAAQ,aAAc,EAAQ,SAAS,QAC/D;AAED,KAAI,CAAC,EAAQ,QAAO;CAEpB,IAAM,KAAiB,MAAgB;AAErC,EADA,EAAc,EAAuB,EACrC,GAAS;IAGL,KAAmB,GAAa,MAAwB;AAG5D,MAFA,EAAE,gBAAgB,EAClB,EAAE,iBAAiB,EACf,EAAM,aAAa,SAAS,EAAI,CAClC,GAAgB,EAAM,aAAa,QAAQ,MAAS,MAAS,EAAI,CAAC;OAC7D;GACL,IAAM,IAAkB,CAAC,GAAG,EAAM,cAAc,EAAI;AAGpD,OAFA,EAAgB,EAAgB,EAE5B,MAAgB,KAAO,GAAmB;IAC5C,IAAM,IAAgB,EAAiB,MACpC,EAAE,KAAK,QACN,MAAW,KAAO,CAAC,EAAgB,SAAS,EAAO,CACtD;AAED,IAAI,MACF,EAAe,EAAc,IAAuB,EACpD,EAAwB,EAAc,IAAuB;;;;AAMrE,QACE,kBAAC,GAAD;EACO;EACL,WAAU;EACV,UAAS;EACT,WAAU;YAET,EAAiB,KAAK,EAAE,QAAK,MAAM,GAAM,iBAAc;GACtD,IAAM,IAAS,CAAC,EAAM,aAAa,SAAS,EAAI;AAChD,UACE,kBAAC,MAAD;IAAc,WAAU;cACtB,kBAAC,OAAD;KACE,WAAW,EACT,sDACA,yCACD;eAJH,CAME,kBAAC,UAAD;MACE,MAAK;MACL,eAAa,+BAA+B;MAC5C,WAAW,EACT,kFACA,+BACD;MACD,eAAe,EAAc,EAAI;gBAPnC,CASE,kBAAC,GAAD,EAAM,WAAU,oBAAqB,CAAA,EACrC,kBAAC,QAAD;OAAM,WAAU;iBAAW,EAAE,EAAQ;OAAQ,CAAA,CACtC;SACT,kBAAC,UAAD;MACE,MAAK;MACL,eAAa,8BAA8B;MAC3C,WAAW,EACT,2EACA,iDACD;MACD,gBAAc;MACd,cAAY,IAAS,uBAAuB;MAC5C,UAAU,MAAM,EAAgB,GAAK,EAAE;gBAEtC,IACC,kBAAC,GAAD,EAAc,WAAU,6BAA8B,CAAA,GAEtD,kBAAC,GAAD,EAAU,WAAU,uBAAwB,CAAA;MAEvC,CAAA,CACL;;IACH,EArCI,EAqCJ;IAEP;EACU,CAAA"}

package/dist/components/features/conversation/conversation-tabs/conversation-tabs.cjs CHANGED Viewed

@@ -1,2 +1,2 @@
-require(`../../../../_virtual/_rolldown/runtime.cjs`);const e=require(`../../../../node_modules/react-i18next/dist/es/useTranslation.cjs`),t=require(`../../../../i18n/declaration.cjs`),n=require(`../../../../types/agent-state.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(`../../../../hooks/use-agent-state.cjs`),l=require(`../../../../utils/mobile-top-bar-icon-button-classes.cjs`),u=require(`../../../../ui/typography.cjs`),d=require(`../../../../icons/lesson-plan.cjs`),f=require(`../../../../icons/document.cjs`),p=require(`../../../../hooks/use-handle-build-plan-click.cjs`),m=require(`../../../../hooks/use-select-conversation-tab.cjs`),h=require(`../../conversation-panel/ellipsis-button.cjs`),g=require(`../../chat/chat-action-tooltip.cjs`),_=require(`../../../../icons/terminal.cjs`),v=require(`../../../../icons/globe.cjs`),y=require(`../../../../icons/vscode.cjs`),b=require(`../../../../icons/double-check.cjs`),x=require(`./conversation-tab-nav.cjs`),ee=require(`./vscode-tooltip-content.cjs`),S=require(`../../../../hooks/use-task-list.cjs`),C=require(`./conversation-tabs-context-menu.cjs`);let w=require(`react`),T=require(`react/jsx-runtime`);function E({variant:E=`default`}){let{conversationId:D}=i.useConversationId(),{setSelectedTab:O,planContent:k}=o.useConversationStore(),[A,j]=(0,w.useState)(!1),{state:M}=a.useConversationLocalStorageState(D),{hasTaskList:N}=S.useTaskList(),{backend:P}=s.useActiveBackend(),{handleBuildPlanClick:F}=p.useHandleBuildPlanClick(),{curAgentState:I}=c.useAgentState(),{selectTab:L,isTabActive:R,onTabChange:z,selectedTab:B,isRightPanelShown:V}=m.useSelectConversationTab();(0,w.useEffect)(()=>{O(M.selectedTab)},[O,M.selectedTab]),(0,w.useEffect)(()=>{V&&(B||z(`files`))},[V,B,z]);let{t:H,i18n:U}=e.useTranslation(`openhands`),W=[{tabValue:`files`,isActive:R(`files`),icon:f.default,onClick:()=>L(`files`),tooltipContent:H(t.I18nKey.COMMON$FILES),tooltipAriaLabel:H(t.I18nKey.COMMON$FILES),label:H(t.I18nKey.COMMON$FILES)},{tabValue:`planner`,isActive:R(`planner`),icon:d.default,onClick:()=>L(`planner`),tooltipContent:H(t.I18nKey.COMMON$PLANNER),tooltipAriaLabel:H(t.I18nKey.COMMON$PLANNER),label:H(t.I18nKey.COMMON$PLANNER)},{tabValue:`vscode`,isActive:R(`vscode`),icon:y.default,onClick:()=>L(`vscode`),tooltipContent:(0,T.jsx)(ee.VSCodeTooltipContent,{}),tooltipAriaLabel:H(t.I18nKey.COMMON$CODE),label:H(t.I18nKey.COMMON$CODE)},{tabValue:`terminal`,isActive:R(`terminal`),icon:_.default,onClick:()=>L(`terminal`),tooltipContent:H(t.I18nKey.COMMON$TERMINAL),tooltipAriaLabel:H(t.I18nKey.COMMON$TERMINAL),label:H(t.I18nKey.COMMON$TERMINAL),className:`pl-2`},{tabValue:`browser`,isActive:R(`browser`),icon:v.default,onClick:()=>L(`browser`),tooltipContent:H(t.I18nKey.COMMON$BROWSER),tooltipAriaLabel:H(t.I18nKey.COMMON$BROWSER),label:H(t.I18nKey.COMMON$BROWSER)}];N&&W.splice(1,0,{tabValue:`tasklist`,isActive:R(`tasklist`),icon:b.default,onClick:()=>L(`tasklist`),tooltipContent:H(t.I18nKey.COMMON$TASK_LIST),tooltipAriaLabel:H(t.I18nKey.COMMON$TASK_LIST),label:H(t.I18nKey.COMMON$TASK_LIST)});let G=W.filter(e=>e.tabValue===`vscode`&&P.kind!==`cloud`?!1:M.unpinnedTabs.includes(e.tabValue)?B===e.tabValue:!0),K=M.unpinnedTabs.join(`,`),q=I===n.AgentState.RUNNING||I===n.AgentState.LOADING||!k,J=(0,w.useRef)(null),Y=(0,w.useRef)(null),X=(0,w.useRef)(null),Z=(0,w.useRef)(null),[Q,$]=(0,w.useState)(G.length);(0,w.useLayoutEffect)(()=>{let e=J.current,t=Y.current,n=X.current;if(!e||!t||!n)return;let r=()=>{let r=t.querySelectorAll(`[data-tab-measure="true"]`),i=r.length,a=e.getBoundingClientRect().width;if(a===0){$(i);return}let o=Array.from(r).map(e=>e.getBoundingClientRect().width);if(o.length!==i||i===0){$(Math.max(0,i));return}let s=n.getBoundingClientRect().width,c=getComputedStyle(e).columnGap||getComputedStyle(e).gap,l=parseFloat(c)||6,u=0;for(let e=i;e>=0;--e){let t=s;for(let n=0;n<e;n+=1)t+=o[n]??0;if(e>0&&(t+=e*l),t<=a+.5){u=e;break}}$(e=>e===u?e:u)};if(r(),typeof ResizeObserver>`u`)return;let i=new ResizeObserver(r);return i.observe(e),()=>i.disconnect()},[K,G.length,N,P.kind,B,V,U.language]);let te=Math.min(Q,G.length);return(0,T.jsxs)(T.Fragment,{children:[(0,T.jsxs)(`div`,{className:r.cn(`relative w-full min-w-0`,E===`compact`?`flex h-full min-h-0 items-center py-0 pl-0 pr-1`:`min-h-10 p-1`),children:[(0,T.jsx)(`div`,{ref:Y,"aria-hidden":!0,className:`pointer-events-none absolute top-0 left-[-10000px] flex flex-nowrap items-center gap-1.5`,children:G.map(({tabValue:e,icon:t,isActive:n,tooltipContent:i,tooltipAriaLabel:a,label:o,className:s},c)=>(0,T.jsx)(g.ChatActionTooltip,{tooltip:i,ariaLabel:a,children:(0,T.jsx)(x.ConversationTabNav,{tabValue:e,icon:t,onClick:()=>{},isActive:n,label:o,className:r.cn(s,`shrink-0`),measureOnly:!0})},`measure-${e}-${c}`))}),(0,T.jsx)(`div`,{ref:J,className:`flex w-full min-w-0 flex-nowrap items-center justify-start`,children:(0,T.jsxs)(`div`,{className:`flex w-fit max-w-full min-w-0 flex-nowrap items-center gap-1.5`,children:[(0,T.jsx)(`div`,{className:`flex min-w-0 flex-1 flex-nowrap items-center gap-1.5 overflow-x-hidden`,children:G.slice(0,te).map(({tabValue:e,icon:t,onClick:n,isActive:i,tooltipContent:a,tooltipAriaLabel:o,label:s,className:c},l)=>(0,T.jsx)(g.ChatActionTooltip,{tooltip:a,ariaLabel:o,children:(0,T.jsx)(x.ConversationTabNav,{tabValue:e,icon:t,onClick:n,isActive:i,label:s,className:r.cn(c,`shrink-0`)})},`${e}-${l}`))}),(0,T.jsxs)(`div`,{ref:X,className:`relative shrink-0`,children:[(0,T.jsx)(h.EllipsisButton,{ref:Z,onClick:()=>j(!A),ariaLabel:H(t.I18nKey.COMMON$MORE_OPTIONS),iconClassName:E===`compact`?l.mobileTopBarIconClassName:void 0}),(0,T.jsx)(C.ConversationTabsContextMenu,{isOpen:A,onClose:()=>j(!1),ignoreOutsideClickRef:Z})]})]})})]}),R(`planner`)&&(0,T.jsx)(`div`,{className:r.cn(`flex h-10 min-h-10 shrink-0 items-center border-t border-[var(--oh-border)] pl-[10px] pr-1`),children:(0,T.jsx)(`button`,{type:`button`,onClick:F,disabled:q,className:r.cn(`flex h-5 min-w-17 items-center justify-center rounded bg-white px-2 transition-opacity`,q?`cursor-not-allowed opacity-50`:`cursor-pointer hover:opacity-90`),"data-testid":`planner-tab-build-button`,children:(0,T.jsxs)(u.Typography.Text,{className:`text-[11px] font-normal leading-5 text-black`,children:[H(t.I18nKey.COMMON$BUILD),` ⌘↩`]})})})]})}exports.ConversationTabs=E;
+require(`../../../../_virtual/_rolldown/runtime.cjs`);const e=require(`../../../../node_modules/react-i18next/dist/es/useTranslation.cjs`),t=require(`../../../../i18n/declaration.cjs`),n=require(`../../../../types/agent-state.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(`../../../../hooks/use-agent-state.cjs`),l=require(`../../../../utils/mobile-top-bar-icon-button-classes.cjs`),u=require(`../../../../ui/typography.cjs`),d=require(`../../../../icons/lesson-plan.cjs`),f=require(`../../../../icons/document.cjs`),p=require(`../../../../hooks/use-handle-build-plan-click.cjs`),m=require(`../../../../hooks/use-select-conversation-tab.cjs`),h=require(`../../conversation-panel/ellipsis-button.cjs`),g=require(`../../chat/chat-action-tooltip.cjs`),_=require(`../../../../icons/terminal.cjs`),v=require(`../../../../icons/globe.cjs`),y=require(`../../../../icons/vscode.cjs`),b=require(`../../../../icons/double-check.cjs`),x=require(`./conversation-tab-nav.cjs`),S=require(`./vscode-tooltip-content.cjs`),ee=require(`../../../../hooks/use-task-list.cjs`),C=require(`./conversation-tabs-context-menu.cjs`);let w=require(`react`),T=require(`react/jsx-runtime`);function E({variant:E=`default`}){let{conversationId:D}=i.useConversationId(),{setSelectedTab:O,planContent:k}=o.useConversationStore(),[A,j]=(0,w.useState)(!1),{state:M}=a.useConversationLocalStorageState(D),{hasTaskList:N}=ee.useTaskList(),{backend:P}=s.useActiveBackend(),{handleBuildPlanClick:F}=p.useHandleBuildPlanClick(),{curAgentState:I}=c.useAgentState(),{selectTab:L,isTabActive:R,onTabChange:z,selectedTab:B,isRightPanelShown:V}=m.useSelectConversationTab();(0,w.useEffect)(()=>{O(M.selectedTab)},[O,M.selectedTab]),(0,w.useEffect)(()=>{V&&(B||z(`files`))},[V,B,z]);let{t:H,i18n:U}=e.useTranslation(`openhands`),W=[{tabValue:`files`,isActive:R(`files`),icon:f.default,onClick:()=>L(`files`),tooltipContent:H(t.I18nKey.COMMON$FILES),tooltipAriaLabel:H(t.I18nKey.COMMON$FILES),label:H(t.I18nKey.COMMON$FILES)},{tabValue:`planner`,isActive:R(`planner`),icon:d.default,onClick:()=>L(`planner`),tooltipContent:H(t.I18nKey.COMMON$PLANNER),tooltipAriaLabel:H(t.I18nKey.COMMON$PLANNER),label:H(t.I18nKey.COMMON$PLANNER)},{tabValue:`vscode`,isActive:R(`vscode`),icon:y.default,onClick:()=>L(`vscode`),tooltipContent:(0,T.jsx)(S.VSCodeTooltipContent,{}),tooltipAriaLabel:H(t.I18nKey.COMMON$CODE),label:H(t.I18nKey.COMMON$CODE)},{tabValue:`terminal`,isActive:R(`terminal`),icon:_.default,onClick:()=>L(`terminal`),tooltipContent:H(t.I18nKey.COMMON$TERMINAL),tooltipAriaLabel:H(t.I18nKey.COMMON$TERMINAL),label:H(t.I18nKey.COMMON$TERMINAL),className:`pl-2`},{tabValue:`browser`,isActive:R(`browser`),icon:v.default,onClick:()=>L(`browser`),tooltipContent:H(t.I18nKey.COMMON$BROWSER),tooltipAriaLabel:H(t.I18nKey.COMMON$BROWSER),label:H(t.I18nKey.COMMON$BROWSER)}];N&&W.splice(1,0,{tabValue:`tasklist`,isActive:R(`tasklist`),icon:b.default,onClick:()=>L(`tasklist`),tooltipContent:H(t.I18nKey.COMMON$TASK_LIST),tooltipAriaLabel:H(t.I18nKey.COMMON$TASK_LIST),label:H(t.I18nKey.COMMON$TASK_LIST)});let G=W.filter(e=>e.tabValue===`vscode`&&P.kind!==`cloud`||e.tabValue===`planner`&&P.kind!==`cloud`?!1:M.unpinnedTabs.includes(e.tabValue)?B===e.tabValue:!0),K=M.unpinnedTabs.join(`,`),q=I===n.AgentState.RUNNING||I===n.AgentState.LOADING||!k,J=(0,w.useRef)(null),Y=(0,w.useRef)(null),X=(0,w.useRef)(null),Z=(0,w.useRef)(null),[Q,$]=(0,w.useState)(G.length);(0,w.useLayoutEffect)(()=>{let e=J.current,t=Y.current,n=X.current;if(!e||!t||!n)return;let r=()=>{let r=t.querySelectorAll(`[data-tab-measure="true"]`),i=r.length,a=e.getBoundingClientRect().width;if(a===0){$(i);return}let o=Array.from(r).map(e=>e.getBoundingClientRect().width);if(o.length!==i||i===0){$(Math.max(0,i));return}let s=n.getBoundingClientRect().width,c=getComputedStyle(e).columnGap||getComputedStyle(e).gap,l=parseFloat(c)||6,u=0;for(let e=i;e>=0;--e){let t=s;for(let n=0;n<e;n+=1)t+=o[n]??0;if(e>0&&(t+=e*l),t<=a+.5){u=e;break}}$(e=>e===u?e:u)};if(r(),typeof ResizeObserver>`u`)return;let i=new ResizeObserver(r);return i.observe(e),()=>i.disconnect()},[K,G.length,N,P.kind,B,V,U.language]);let te=Math.min(Q,G.length);return(0,T.jsxs)(T.Fragment,{children:[(0,T.jsxs)(`div`,{className:r.cn(`relative w-full min-w-0`,E===`compact`?`flex h-full min-h-0 items-center py-0 pl-0 pr-1`:`min-h-10 p-1`),children:[(0,T.jsx)(`div`,{ref:Y,"aria-hidden":!0,className:`pointer-events-none absolute top-0 left-[-10000px] flex flex-nowrap items-center gap-1.5`,children:G.map(({tabValue:e,icon:t,isActive:n,tooltipContent:i,tooltipAriaLabel:a,label:o,className:s},c)=>(0,T.jsx)(g.ChatActionTooltip,{tooltip:i,ariaLabel:a,children:(0,T.jsx)(x.ConversationTabNav,{tabValue:e,icon:t,onClick:()=>{},isActive:n,label:o,className:r.cn(s,`shrink-0`),measureOnly:!0})},`measure-${e}-${c}`))}),(0,T.jsx)(`div`,{ref:J,className:`flex w-full min-w-0 flex-nowrap items-center justify-start`,children:(0,T.jsxs)(`div`,{className:`flex w-fit max-w-full min-w-0 flex-nowrap items-center gap-1.5`,children:[(0,T.jsx)(`div`,{className:`flex min-w-0 flex-1 flex-nowrap items-center gap-1.5 overflow-x-hidden`,children:G.slice(0,te).map(({tabValue:e,icon:t,onClick:n,isActive:i,tooltipContent:a,tooltipAriaLabel:o,label:s,className:c},l)=>(0,T.jsx)(g.ChatActionTooltip,{tooltip:a,ariaLabel:o,children:(0,T.jsx)(x.ConversationTabNav,{tabValue:e,icon:t,onClick:n,isActive:i,label:s,className:r.cn(c,`shrink-0`)})},`${e}-${l}`))}),(0,T.jsxs)(`div`,{ref:X,className:`relative shrink-0`,children:[(0,T.jsx)(h.EllipsisButton,{ref:Z,onClick:()=>j(!A),ariaLabel:H(t.I18nKey.COMMON$MORE_OPTIONS),iconClassName:E===`compact`?l.mobileTopBarIconClassName:void 0}),(0,T.jsx)(C.ConversationTabsContextMenu,{isOpen:A,onClose:()=>j(!1),ignoreOutsideClickRef:Z})]})]})})]}),R(`planner`)&&(0,T.jsx)(`div`,{className:r.cn(`flex h-10 min-h-10 shrink-0 items-center border-t border-[var(--oh-border)] pl-[10px] pr-1`),children:(0,T.jsx)(`button`,{type:`button`,onClick:F,disabled:q,className:r.cn(`flex h-5 min-w-17 items-center justify-center rounded bg-white px-2 transition-opacity`,q?`cursor-not-allowed opacity-50`:`cursor-pointer hover:opacity-90`),"data-testid":`planner-tab-build-button`,children:(0,T.jsxs)(u.Typography.Text,{className:`text-[11px] font-normal leading-5 text-black`,children:[H(t.I18nKey.COMMON$BUILD),` ⌘↩`]})})})]})}exports.ConversationTabs=E;
 //# sourceMappingURL=conversation-tabs.cjs.map

package/dist/components/features/conversation/conversation-tabs/conversation-tabs.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"conversation-tabs.cjs","names":[],"sources":["../../../../../src/components/features/conversation/conversation-tabs/conversation-tabs.tsx"],"sourcesContent":["import { useEffect, useLayoutEffect, useRef, useState } from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport TerminalIcon from \"#/icons/terminal.svg?react\";\nimport GlobeIcon from \"#/icons/globe.svg?react\";\nimport DocumentIcon from \"#/icons/document.svg?react\";\nimport VSCodeIcon from \"#/icons/vscode.svg?react\";\nimport LessonPlanIcon from \"#/icons/lesson-plan.svg?react\";\nimport DoubleCheckIcon from \"#/icons/double-check.svg?react\";\nimport { EllipsisButton } from \"#/components/features/conversation-panel/ellipsis-button\";\nimport { cn } from \"#/utils/utils\";\nimport { useConversationLocalStorageState } from \"#/utils/conversation-local-storage\";\nimport { ConversationTabNav } from \"./conversation-tab-nav\";\nimport { ChatActionTooltip } from \"../../chat/chat-action-tooltip\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { VSCodeTooltipContent } from \"./vscode-tooltip-content\";\nimport { useConversationStore } from \"#/stores/conversation-store\";\nimport { ConversationTabsContextMenu } from \"./conversation-tabs-context-menu\";\nimport { useConversationId } from \"#/hooks/use-conversation-id\";\nimport { useSelectConversationTab } from \"#/hooks/use-select-conversation-tab\";\nimport { useTaskList } from \"#/hooks/use-task-list\";\nimport { useActiveBackend } from \"#/contexts/active-backend-context\";\nimport { useHandleBuildPlanClick } from \"#/hooks/use-handle-build-plan-click\";\nimport { useAgentState } from \"#/hooks/use-agent-state\";\nimport { AgentState } from \"#/types/agent-state\";\nimport { Typography } from \"#/ui/typography\";\nimport { mobileTopBarIconClassName } from \"#/utils/mobile-top-bar-icon-button-classes\";\n\nexport function ConversationTabs({\n variant = \"default\",\n}: {\n variant?: \"default\" \| \"compact\";\n}) {\n const { conversationId } = useConversationId();\n const { setSelectedTab, planContent } = useConversationStore();\n\n const [isMenuOpen, setIsMenuOpen] = useState(false);\n\n const { state: persistedState } =\n useConversationLocalStorageState(conversationId);\n\n const { hasTaskList } = useTaskList();\n const { backend } = useActiveBackend();\n\n const { handleBuildPlanClick } = useHandleBuildPlanClick();\n const { curAgentState } = useAgentState();\n\n const {\n selectTab,\n isTabActive,\n onTabChange,\n selectedTab,\n isRightPanelShown,\n } = useSelectConversationTab();\n\n // Restore the most-recently-used tab from localStorage so users don't\n // lose their tab selection across reloads.\n //\n // Note: we deliberately do NOT mirror `rightPanelShown` from\n // localStorage. The drawer's open/closed state is session-only — see\n // the comment in `useConversationStore` and the schema note in\n // `conversation-local-storage.ts` for the rationale.\n useEffect(() => {\n setSelectedTab(persistedState.selectedTab);\n }, [setSelectedTab, persistedState.selectedTab]);\n\n useEffect(() => {\n const handlePanelVisibilityChange = () => {\n if (isRightPanelShown) {\n // If no tab is selected, default to files tab\n if (!selectedTab) {\n onTabChange(\"files\");\n }\n }\n };\n\n handlePanelVisibilityChange();\n }, [isRightPanelShown, selectedTab, onTabChange]);\n\n const { t, i18n } = useTranslation(\"openhands\");\n\n // `files` is intentionally the leftmost tab — it's the primary entry\n // point for inspecting agent output (workspace files + git diff).\n const tabs = [\n {\n tabValue: \"files\",\n isActive: isTabActive(\"files\"),\n icon: DocumentIcon,\n onClick: () => selectTab(\"files\"),\n tooltipContent: t(I18nKey.COMMON$FILES),\n tooltipAriaLabel: t(I18nKey.COMMON$FILES),\n label: t(I18nKey.COMMON$FILES),\n },\n {\n tabValue: \"planner\",\n isActive: isTabActive(\"planner\"),\n icon: LessonPlanIcon,\n onClick: () => selectTab(\"planner\"),\n tooltipContent: t(I18nKey.COMMON$PLANNER),\n tooltipAriaLabel: t(I18nKey.COMMON$PLANNER),\n label: t(I18nKey.COMMON$PLANNER),\n },\n {\n tabValue: \"vscode\",\n isActive: isTabActive(\"vscode\"),\n icon: VSCodeIcon,\n onClick: () => selectTab(\"vscode\"),\n tooltipContent: <VSCodeTooltipContent />,\n tooltipAriaLabel: t(I18nKey.COMMON$CODE),\n label: t(I18nKey.COMMON$CODE),\n },\n {\n tabValue: \"terminal\",\n isActive: isTabActive(\"terminal\"),\n icon: TerminalIcon,\n onClick: () => selectTab(\"terminal\"),\n tooltipContent: t(I18nKey.COMMON$TERMINAL),\n tooltipAriaLabel: t(I18nKey.COMMON$TERMINAL),\n label: t(I18nKey.COMMON$TERMINAL),\n className: \"pl-2\",\n },\n {\n tabValue: \"browser\",\n isActive: isTabActive(\"browser\"),\n icon: GlobeIcon,\n onClick: () => selectTab(\"browser\"),\n tooltipContent: t(I18nKey.COMMON$BROWSER),\n tooltipAriaLabel: t(I18nKey.COMMON$BROWSER),\n label: t(I18nKey.COMMON$BROWSER),\n },\n ];\n\n if (hasTaskList) {\n // Insert after `files` so the leftmost slot stays Files.\n tabs.splice(1, 0, {\n tabValue: \"tasklist\",\n isActive: isTabActive(\"tasklist\"),\n icon: DoubleCheckIcon,\n onClick: () => selectTab(\"tasklist\"),\n tooltipContent: t(I18nKey.COMMON$TASK_LIST),\n tooltipAriaLabel: t(I18nKey.COMMON$TASK_LIST),\n label: t(I18nKey.COMMON$TASK_LIST),\n });\n }\n\n // Pinned tabs always show in the bar. Unpinned tabs stay hidden unless the\n // user has that tab selected — then it appears while active so the bar\n // matches the open panel. Hide VS Code on local backends (cloud-only URL).\n const visibleTabs = tabs.filter((tab) => {\n if (tab.tabValue === \"vscode\" && backend.kind !== \"cloud\") return false;\n if (!persistedState.unpinnedTabs.includes(tab.tabValue)) return true;\n return selectedTab === tab.tabValue;\n });\n\n const unpinnedSignature = persistedState.unpinnedTabs.join(\",\");\n\n const isAgentRunning =\n curAgentState === AgentState.RUNNING \|\|\n curAgentState === AgentState.LOADING;\n const isBuildDisabled = isAgentRunning \|\| !planContent;\n\n const tabsRowInnerRef = useRef<HTMLDivElement>(null);\n const measureRowRef = useRef<HTMLDivElement>(null);\n const menuRef = useRef<HTMLDivElement>(null);\n const anchorRef = useRef<HTMLButtonElement>(null);\n const [inlineTabCount, setInlineTabCount] = useState(visibleTabs.length);\n\n useLayoutEffect(() => {\n const rowInner = tabsRowInnerRef.current;\n const measureRow = measureRowRef.current;\n const menuEl = menuRef.current;\n if (!rowInner \|\| !measureRow \|\| !menuEl) return undefined;\n\n const measure = () => {\n const measureButtons = measureRow.querySelectorAll<HTMLButtonElement>(\n '[data-tab-measure=\"true\"]',\n );\n const tabCount = measureButtons.length;\n\n const rowWidth = rowInner.getBoundingClientRect().width;\n if (rowWidth === 0) {\n setInlineTabCount(tabCount);\n return;\n }\n\n const widths = Array.from(measureButtons).map(\n (button) => button.getBoundingClientRect().width,\n );\n\n if (widths.length !== tabCount \|\| tabCount === 0) {\n setInlineTabCount(Math.max(0, tabCount));\n return;\n }\n\n const menuWidth = menuEl.getBoundingClientRect().width;\n const gapCss =\n getComputedStyle(rowInner).columnGap \|\| getComputedStyle(rowInner).gap;\n const gapPx = parseFloat(gapCss) \|\| 6;\n\n let nextCount = 0;\n for (let k = tabCount; k >= 0; k -= 1) {\n let total = menuWidth;\n for (let i = 0; i < k; i += 1) {\n total += widths[i] ?? 0;\n }\n if (k > 0) {\n total += k * gapPx;\n }\n if (total <= rowWidth + 0.5) {\n nextCount = k;\n break;\n }\n }\n\n setInlineTabCount((prev) => (prev === nextCount ? prev : nextCount));\n };\n\n measure();\n if (typeof ResizeObserver === \"undefined\") return undefined;\n const ro = new ResizeObserver(measure);\n ro.observe(rowInner);\n return () => ro.disconnect();\n }, [\n unpinnedSignature,\n visibleTabs.length,\n hasTaskList,\n backend.kind,\n selectedTab,\n isRightPanelShown,\n i18n.language,\n ]);\n\n const safeInlineTabCount = Math.min(inlineTabCount, visibleTabs.length);\n\n return (\n <>\n <div\n className={cn(\n \"relative w-full min-w-0\",\n variant === \"compact\"\n ? \"flex h-full min-h-0 items-center py-0 pl-0 pr-1\"\n : \"min-h-10 p-1\",\n )}\n >\n <div\n ref={measureRowRef}\n aria-hidden\n className=\"pointer-events-none absolute top-0 left-[-10000px] flex flex-nowrap items-center gap-1.5\"\n >\n {visibleTabs.map(\n (\n {\n tabValue,\n icon,\n isActive,\n tooltipContent,\n tooltipAriaLabel,\n label,\n className: tabClassName,\n },\n index,\n ) => (\n <ChatActionTooltip\n key={`measure-${tabValue}-${index}`}\n tooltip={tooltipContent}\n ariaLabel={tooltipAriaLabel}\n >\n <ConversationTabNav\n tabValue={tabValue}\n icon={icon}\n onClick={() => {}}\n isActive={isActive}\n label={label}\n className={cn(tabClassName, \"shrink-0\")}\n measureOnly\n />\n </ChatActionTooltip>\n ),\n )}\n </div>\n <div\n ref={tabsRowInnerRef}\n className=\"flex w-full min-w-0 flex-nowrap items-center justify-start\"\n >\n <div className=\"flex w-fit max-w-full min-w-0 flex-nowrap items-center gap-1.5\">\n <div className=\"flex min-w-0 flex-1 flex-nowrap items-center gap-1.5 overflow-x-hidden\">\n {visibleTabs\n .slice(0, safeInlineTabCount)\n .map(\n (\n {\n tabValue,\n icon,\n onClick,\n isActive,\n tooltipContent,\n tooltipAriaLabel,\n label,\n className: tabClassName,\n },\n index,\n ) => (\n <ChatActionTooltip\n key={`${tabValue}-${index}`}\n tooltip={tooltipContent}\n ariaLabel={tooltipAriaLabel}\n >\n <ConversationTabNav\n tabValue={tabValue}\n icon={icon}\n onClick={onClick}\n isActive={isActive}\n label={label}\n className={cn(tabClassName, \"shrink-0\")}\n />\n </ChatActionTooltip>\n ),\n )}\n </div>\n <div ref={menuRef} className=\"relative shrink-0\">\n <EllipsisButton\n ref={anchorRef}\n onClick={() => setIsMenuOpen(!isMenuOpen)}\n ariaLabel={t(I18nKey.COMMON$MORE_OPTIONS)}\n iconClassName={\n variant === \"compact\" ? mobileTopBarIconClassName : undefined\n }\n />\n <ConversationTabsContextMenu\n isOpen={isMenuOpen}\n onClose={() => setIsMenuOpen(false)}\n ignoreOutsideClickRef={anchorRef}\n />\n </div>\n </div>\n </div>\n </div>\n {isTabActive(\"planner\") && (\n <div\n className={cn(\n \"flex h-10 min-h-10 shrink-0 items-center border-t border-[var(--oh-border)] pl-[10px] pr-1\",\n )}\n >\n <button\n type=\"button\"\n onClick={handleBuildPlanClick}\n disabled={isBuildDisabled}\n className={cn(\n \"flex h-5 min-w-17 items-center justify-center rounded bg-white px-2 transition-opacity\",\n isBuildDisabled\n ? \"cursor-not-allowed opacity-50\"\n : \"cursor-pointer hover:opacity-90\",\n )}\n data-testid=\"planner-tab-build-button\"\n >\n <Typography.Text className=\"text-[11px] font-normal leading-5 text-black\">\n {/* eslint-disable-next-line i18next/no-literal-string */}\n {t(I18nKey.COMMON$BUILD)} ⌘↩\n </Typography.Text>\n </button>\n </div>\n )}\n </>\n );\n}\n"],"mappings":"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"}
1	+ {"version":3,"file":"conversation-tabs.cjs","names":[],"sources":["../../../../../src/components/features/conversation/conversation-tabs/conversation-tabs.tsx"],"sourcesContent":["import { useEffect, useLayoutEffect, useRef, useState } from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport TerminalIcon from \"#/icons/terminal.svg?react\";\nimport GlobeIcon from \"#/icons/globe.svg?react\";\nimport DocumentIcon from \"#/icons/document.svg?react\";\nimport VSCodeIcon from \"#/icons/vscode.svg?react\";\nimport LessonPlanIcon from \"#/icons/lesson-plan.svg?react\";\nimport DoubleCheckIcon from \"#/icons/double-check.svg?react\";\nimport { EllipsisButton } from \"#/components/features/conversation-panel/ellipsis-button\";\nimport { cn } from \"#/utils/utils\";\nimport { useConversationLocalStorageState } from \"#/utils/conversation-local-storage\";\nimport { ConversationTabNav } from \"./conversation-tab-nav\";\nimport { ChatActionTooltip } from \"../../chat/chat-action-tooltip\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { VSCodeTooltipContent } from \"./vscode-tooltip-content\";\nimport { useConversationStore } from \"#/stores/conversation-store\";\nimport { ConversationTabsContextMenu } from \"./conversation-tabs-context-menu\";\nimport { useConversationId } from \"#/hooks/use-conversation-id\";\nimport { useSelectConversationTab } from \"#/hooks/use-select-conversation-tab\";\nimport { useTaskList } from \"#/hooks/use-task-list\";\nimport { useActiveBackend } from \"#/contexts/active-backend-context\";\nimport { useHandleBuildPlanClick } from \"#/hooks/use-handle-build-plan-click\";\nimport { useAgentState } from \"#/hooks/use-agent-state\";\nimport { AgentState } from \"#/types/agent-state\";\nimport { Typography } from \"#/ui/typography\";\nimport { mobileTopBarIconClassName } from \"#/utils/mobile-top-bar-icon-button-classes\";\n\nexport function ConversationTabs({\n variant = \"default\",\n}: {\n variant?: \"default\" \| \"compact\";\n}) {\n const { conversationId } = useConversationId();\n const { setSelectedTab, planContent } = useConversationStore();\n\n const [isMenuOpen, setIsMenuOpen] = useState(false);\n\n const { state: persistedState } =\n useConversationLocalStorageState(conversationId);\n\n const { hasTaskList } = useTaskList();\n const { backend } = useActiveBackend();\n\n const { handleBuildPlanClick } = useHandleBuildPlanClick();\n const { curAgentState } = useAgentState();\n\n const {\n selectTab,\n isTabActive,\n onTabChange,\n selectedTab,\n isRightPanelShown,\n } = useSelectConversationTab();\n\n // Restore the most-recently-used tab from localStorage so users don't\n // lose their tab selection across reloads.\n //\n // Note: we deliberately do NOT mirror `rightPanelShown` from\n // localStorage. The drawer's open/closed state is session-only — see\n // the comment in `useConversationStore` and the schema note in\n // `conversation-local-storage.ts` for the rationale.\n useEffect(() => {\n setSelectedTab(persistedState.selectedTab);\n }, [setSelectedTab, persistedState.selectedTab]);\n\n useEffect(() => {\n const handlePanelVisibilityChange = () => {\n if (isRightPanelShown) {\n // If no tab is selected, default to files tab\n if (!selectedTab) {\n onTabChange(\"files\");\n }\n }\n };\n\n handlePanelVisibilityChange();\n }, [isRightPanelShown, selectedTab, onTabChange]);\n\n const { t, i18n } = useTranslation(\"openhands\");\n\n // `files` is intentionally the leftmost tab — it's the primary entry\n // point for inspecting agent output (workspace files + git diff).\n const tabs = [\n {\n tabValue: \"files\",\n isActive: isTabActive(\"files\"),\n icon: DocumentIcon,\n onClick: () => selectTab(\"files\"),\n tooltipContent: t(I18nKey.COMMON$FILES),\n tooltipAriaLabel: t(I18nKey.COMMON$FILES),\n label: t(I18nKey.COMMON$FILES),\n },\n {\n tabValue: \"planner\",\n isActive: isTabActive(\"planner\"),\n icon: LessonPlanIcon,\n onClick: () => selectTab(\"planner\"),\n tooltipContent: t(I18nKey.COMMON$PLANNER),\n tooltipAriaLabel: t(I18nKey.COMMON$PLANNER),\n label: t(I18nKey.COMMON$PLANNER),\n },\n {\n tabValue: \"vscode\",\n isActive: isTabActive(\"vscode\"),\n icon: VSCodeIcon,\n onClick: () => selectTab(\"vscode\"),\n tooltipContent: <VSCodeTooltipContent />,\n tooltipAriaLabel: t(I18nKey.COMMON$CODE),\n label: t(I18nKey.COMMON$CODE),\n },\n {\n tabValue: \"terminal\",\n isActive: isTabActive(\"terminal\"),\n icon: TerminalIcon,\n onClick: () => selectTab(\"terminal\"),\n tooltipContent: t(I18nKey.COMMON$TERMINAL),\n tooltipAriaLabel: t(I18nKey.COMMON$TERMINAL),\n label: t(I18nKey.COMMON$TERMINAL),\n className: \"pl-2\",\n },\n {\n tabValue: \"browser\",\n isActive: isTabActive(\"browser\"),\n icon: GlobeIcon,\n onClick: () => selectTab(\"browser\"),\n tooltipContent: t(I18nKey.COMMON$BROWSER),\n tooltipAriaLabel: t(I18nKey.COMMON$BROWSER),\n label: t(I18nKey.COMMON$BROWSER),\n },\n ];\n\n if (hasTaskList) {\n // Insert after `files` so the leftmost slot stays Files.\n tabs.splice(1, 0, {\n tabValue: \"tasklist\",\n isActive: isTabActive(\"tasklist\"),\n icon: DoubleCheckIcon,\n onClick: () => selectTab(\"tasklist\"),\n tooltipContent: t(I18nKey.COMMON$TASK_LIST),\n tooltipAriaLabel: t(I18nKey.COMMON$TASK_LIST),\n label: t(I18nKey.COMMON$TASK_LIST),\n });\n }\n\n // Pinned tabs always show in the bar. Unpinned tabs stay hidden unless the\n // user has that tab selected — then it appears while active so the bar\n // matches the open panel. Hide VS Code and Planner on local backends —\n // both are cloud-only (the planning agent isn't supported locally).\n const visibleTabs = tabs.filter((tab) => {\n if (tab.tabValue === \"vscode\" && backend.kind !== \"cloud\") return false;\n if (tab.tabValue === \"planner\" && backend.kind !== \"cloud\") return false;\n if (!persistedState.unpinnedTabs.includes(tab.tabValue)) return true;\n return selectedTab === tab.tabValue;\n });\n\n const unpinnedSignature = persistedState.unpinnedTabs.join(\",\");\n\n const isAgentRunning =\n curAgentState === AgentState.RUNNING \|\|\n curAgentState === AgentState.LOADING;\n const isBuildDisabled = isAgentRunning \|\| !planContent;\n\n const tabsRowInnerRef = useRef<HTMLDivElement>(null);\n const measureRowRef = useRef<HTMLDivElement>(null);\n const menuRef = useRef<HTMLDivElement>(null);\n const anchorRef = useRef<HTMLButtonElement>(null);\n const [inlineTabCount, setInlineTabCount] = useState(visibleTabs.length);\n\n useLayoutEffect(() => {\n const rowInner = tabsRowInnerRef.current;\n const measureRow = measureRowRef.current;\n const menuEl = menuRef.current;\n if (!rowInner \|\| !measureRow \|\| !menuEl) return undefined;\n\n const measure = () => {\n const measureButtons = measureRow.querySelectorAll<HTMLButtonElement>(\n '[data-tab-measure=\"true\"]',\n );\n const tabCount = measureButtons.length;\n\n const rowWidth = rowInner.getBoundingClientRect().width;\n if (rowWidth === 0) {\n setInlineTabCount(tabCount);\n return;\n }\n\n const widths = Array.from(measureButtons).map(\n (button) => button.getBoundingClientRect().width,\n );\n\n if (widths.length !== tabCount \|\| tabCount === 0) {\n setInlineTabCount(Math.max(0, tabCount));\n return;\n }\n\n const menuWidth = menuEl.getBoundingClientRect().width;\n const gapCss =\n getComputedStyle(rowInner).columnGap \|\| getComputedStyle(rowInner).gap;\n const gapPx = parseFloat(gapCss) \|\| 6;\n\n let nextCount = 0;\n for (let k = tabCount; k >= 0; k -= 1) {\n let total = menuWidth;\n for (let i = 0; i < k; i += 1) {\n total += widths[i] ?? 0;\n }\n if (k > 0) {\n total += k * gapPx;\n }\n if (total <= rowWidth + 0.5) {\n nextCount = k;\n break;\n }\n }\n\n setInlineTabCount((prev) => (prev === nextCount ? prev : nextCount));\n };\n\n measure();\n if (typeof ResizeObserver === \"undefined\") return undefined;\n const ro = new ResizeObserver(measure);\n ro.observe(rowInner);\n return () => ro.disconnect();\n }, [\n unpinnedSignature,\n visibleTabs.length,\n hasTaskList,\n backend.kind,\n selectedTab,\n isRightPanelShown,\n i18n.language,\n ]);\n\n const safeInlineTabCount = Math.min(inlineTabCount, visibleTabs.length);\n\n return (\n <>\n <div\n className={cn(\n \"relative w-full min-w-0\",\n variant === \"compact\"\n ? \"flex h-full min-h-0 items-center py-0 pl-0 pr-1\"\n : \"min-h-10 p-1\",\n )}\n >\n <div\n ref={measureRowRef}\n aria-hidden\n className=\"pointer-events-none absolute top-0 left-[-10000px] flex flex-nowrap items-center gap-1.5\"\n >\n {visibleTabs.map(\n (\n {\n tabValue,\n icon,\n isActive,\n tooltipContent,\n tooltipAriaLabel,\n label,\n className: tabClassName,\n },\n index,\n ) => (\n <ChatActionTooltip\n key={`measure-${tabValue}-${index}`}\n tooltip={tooltipContent}\n ariaLabel={tooltipAriaLabel}\n >\n <ConversationTabNav\n tabValue={tabValue}\n icon={icon}\n onClick={() => {}}\n isActive={isActive}\n label={label}\n className={cn(tabClassName, \"shrink-0\")}\n measureOnly\n />\n </ChatActionTooltip>\n ),\n )}\n </div>\n <div\n ref={tabsRowInnerRef}\n className=\"flex w-full min-w-0 flex-nowrap items-center justify-start\"\n >\n <div className=\"flex w-fit max-w-full min-w-0 flex-nowrap items-center gap-1.5\">\n <div className=\"flex min-w-0 flex-1 flex-nowrap items-center gap-1.5 overflow-x-hidden\">\n {visibleTabs\n .slice(0, safeInlineTabCount)\n .map(\n (\n {\n tabValue,\n icon,\n onClick,\n isActive,\n tooltipContent,\n tooltipAriaLabel,\n label,\n className: tabClassName,\n },\n index,\n ) => (\n <ChatActionTooltip\n key={`${tabValue}-${index}`}\n tooltip={tooltipContent}\n ariaLabel={tooltipAriaLabel}\n >\n <ConversationTabNav\n tabValue={tabValue}\n icon={icon}\n onClick={onClick}\n isActive={isActive}\n label={label}\n className={cn(tabClassName, \"shrink-0\")}\n />\n </ChatActionTooltip>\n ),\n )}\n </div>\n <div ref={menuRef} className=\"relative shrink-0\">\n <EllipsisButton\n ref={anchorRef}\n onClick={() => setIsMenuOpen(!isMenuOpen)}\n ariaLabel={t(I18nKey.COMMON$MORE_OPTIONS)}\n iconClassName={\n variant === \"compact\" ? mobileTopBarIconClassName : undefined\n }\n />\n <ConversationTabsContextMenu\n isOpen={isMenuOpen}\n onClose={() => setIsMenuOpen(false)}\n ignoreOutsideClickRef={anchorRef}\n />\n </div>\n </div>\n </div>\n </div>\n {isTabActive(\"planner\") && (\n <div\n className={cn(\n \"flex h-10 min-h-10 shrink-0 items-center border-t border-[var(--oh-border)] pl-[10px] pr-1\",\n )}\n >\n <button\n type=\"button\"\n onClick={handleBuildPlanClick}\n disabled={isBuildDisabled}\n className={cn(\n \"flex h-5 min-w-17 items-center justify-center rounded bg-white px-2 transition-opacity\",\n isBuildDisabled\n ? \"cursor-not-allowed opacity-50\"\n : \"cursor-pointer hover:opacity-90\",\n )}\n data-testid=\"planner-tab-build-button\"\n >\n <Typography.Text className=\"text-[11px] font-normal leading-5 text-black\">\n {/* eslint-disable-next-line i18next/no-literal-string */}\n {t(I18nKey.COMMON$BUILD)} ⌘↩\n </Typography.Text>\n </button>\n </div>\n )}\n </>\n );\n}\n"],"mappings":"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"}