@openhands/agent-canvas 1.5.1 → 1.6.1

package/dist/components/features/chat/skill-install-restart-banner.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"skill-install-restart-banner.cjs","names":[],"sources":["../../../../src/components/features/chat/skill-install-restart-banner.tsx"],"sourcesContent":["import { useTranslation } from \"react-i18next\";\nimport { X } from \"lucide-react\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { useSkillInstalls } from \"#/hooks/use-skill-installs\";\nimport { useCreateConversation } from \"#/hooks/mutation/use-create-conversation\";\nimport { useIsCreatingConversation } from \"#/hooks/use-is-creating-conversation\";\nimport { useNavigation } from \"#/context/navigation-context\";\nimport { useActiveConversation } from \"#/hooks/query/use-active-conversation\";\nimport { useActiveBackend } from \"#/contexts/active-backend-context\";\nimport { displayErrorToast } from \"#/utils/custom-toast-handlers\";\n\nexport interface SkillInstallRestartBannerProps {\n  conversationId: string | null | undefined;\n}\n\n/**\n * Pinned notice shown after the agent installs a skill via the bundled\n * add-skill flow. The SDK loads skills once at conversation start, so a\n * chat-installed skill can't activate in the running conversation — this\n * banner says so and offers one action: start a new conversation in the\n * directory the skill was installed to.\n */\nexport function SkillInstallRestartBanner({\n  conversationId,\n}: SkillInstallRestartBannerProps) {\n  const { t } = useTranslation(\"openhands\");\n  const { installs, dismissAll } = useSkillInstalls(conversationId);\n  const { backend } = useActiveBackend();\n  const { mutate: createConversation, isPending } = useCreateConversation();\n  const isCreatingElsewhere = useIsCreatingConversation();\n  const { navigate } = useNavigation();\n  const { data: conversation } = useActiveConversation();\n\n  // Local-only: the cloud create path ignores workingDir entirely.\n  if (backend.kind !== \"local\" || installs.length === 0) return null;\n\n  const latest = installs[installs.length - 1];\n  const skillNames = installs\n    .filter((install) => install.workspacePath === latest.workspacePath)\n    .map((install) => install.skillName);\n\n  const handleRestart = () => {\n    if (isPending || isCreatingElsewhere) return;\n    createConversation(\n      {\n        // The agent's real install root, parsed from the fetch_skill.py\n        // success line — correct even for worktree conversations where\n        // selected_workspace would point elsewhere.\n        workingDir: latest.workspacePath,\n        // new_worktree would start from a fresh worktree without the\n        // freshly installed .agents/skills/ directory.\n        workspaceMode: \"local_repo\",\n        repository:\n          conversation?.selected_repository && conversation?.git_provider\n            ? {\n                name: conversation.selected_repository,\n                gitProvider: conversation.git_provider,\n                branch: conversation.selected_branch ?? undefined,\n              }\n            : undefined,\n        entryPoint: \"skill_install_restart_banner\",\n      },\n      {\n        onSuccess: (data) => navigate(`/conversations/${data.conversation_id}`),\n        onError: (error) => displayErrorToast(error.message),\n      },\n    );\n  };\n\n  return (\n    <div\n      className=\"flex w-full items-start gap-2 rounded-lg border border-[var(--oh-border)] bg-[var(--oh-surface-raised)] p-2 text-[var(--oh-foreground)]\"\n      data-testid=\"skill-install-restart-banner\"\n    >\n      <div className=\"min-w-0 flex-1\">\n        <p className=\"text-sm text-[var(--oh-foreground)]\">\n          {t(I18nKey.SKILLS$INSTALL_BANNER_MESSAGE, {\n            skills: skillNames.join(\", \"),\n          })}\n        </p>\n        <button\n          type=\"button\"\n          onClick={handleRestart}\n          disabled={isPending || isCreatingElsewhere}\n          className=\"mt-2 cursor-pointer rounded-md border border-[var(--oh-border)] px-2 py-1 text-xs font-normal text-[var(--oh-foreground)] hover:bg-[var(--oh-interactive-hover)] disabled:cursor-not-allowed disabled:opacity-50\"\n          data-testid=\"skill-install-restart-action\"\n        >\n          {t(I18nKey.SKILLS$INSTALL_BANNER_ACTION)}\n        </button>\n      </div>\n      <button\n        type=\"button\"\n        onClick={dismissAll}\n        className=\"shrink-0 cursor-pointer rounded-md p-1 text-[var(--oh-muted)] hover:bg-[var(--oh-interactive-hover)] hover:text-[var(--oh-foreground)]\"\n        aria-label={t(I18nKey.BUTTON$CLOSE)}\n        data-testid=\"skill-install-restart-dismiss\"\n      >\n        <X className=\"h-4 w-4\" aria-hidden />\n      </button>\n    </div>\n  );\n}\n"],"mappings":"4qBAsBA,SAAgB,EAA0B,CACxC,kBACiC,CACjC,GAAM,CAAE,KAAM,EAAA,eAAe,YAAY,CACnC,CAAE,WAAU,cAAe,EAAA,iBAAiB,EAAe,CAC3D,CAAE,WAAY,EAAA,kBAAkB,CAChC,CAAE,OAAQ,EAAoB,aAAc,EAAA,uBAAuB,CACnE,EAAsB,EAAA,2BAA2B,CACjD,CAAE,YAAa,EAAA,eAAe,CAC9B,CAAE,KAAM,GAAiB,EAAA,uBAAuB,CAGtD,GAAI,EAAQ,OAAS,SAAW,EAAS,SAAW,EAAG,OAAO,KAE9D,IAAM,EAAS,EAAS,EAAS,OAAS,GACpC,EAAa,EAChB,OAAQ,GAAY,EAAQ,gBAAkB,EAAO,cAAc,CACnE,IAAK,GAAY,EAAQ,UAAU,CA8BtC,OACE,EAAA,EAAA,MAAC,MAAD,CACE,UAAU,0IACV,cAAY,wCAFd,EAIE,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,0BAAf,EACE,EAAA,EAAA,KAAC,IAAD,CAAG,UAAU,+CACV,EAAE,EAAA,QAAQ,8BAA+B,CACxC,OAAQ,EAAW,KAAK,KAAK,CAC9B,CAAC,CACA,CAAA,EACJ,EAAA,EAAA,KAAC,SAAD,CACE,KAAK,SACL,YAzCoB,CACtB,GAAa,GACjB,EACE,CAIE,WAAY,EAAO,cAGnB,cAAe,aACf,WACE,GAAc,qBAAuB,GAAc,aAC/C,CACE,KAAM,EAAa,oBACnB,YAAa,EAAa,aAC1B,OAAQ,EAAa,iBAAmB,IAAA,GACzC,CACD,IAAA,GACN,WAAY,+BACb,CACD,CACE,UAAY,GAAS,EAAS,kBAAkB,EAAK,kBAAkB,CACvE,QAAU,GAAU,EAAA,kBAAkB,EAAM,QAAQ,CACrD,CACF,EAiBK,SAAU,GAAa,EACvB,UAAU,mNACV,cAAY,wCAEX,EAAE,EAAA,QAAQ,6BAA6B,CACjC,CAAA,CACL,IACN,EAAA,EAAA,KAAC,SAAD,CACE,KAAK,SACL,QAAS,EACT,UAAU,yIACV,aAAY,EAAE,EAAA,QAAQ,aAAa,CACnC,cAAY,0CAEZ,EAAA,EAAA,KAAC,EAAA,EAAD,CAAG,UAAU,UAAU,cAAA,GAAc,CAAA,CAC9B,CAAA,CACL"}

package/dist/components/features/chat/skill-install-restart-banner.d.ts

@@ -0,0 +1,11 @@
+export interface SkillInstallRestartBannerProps {
+    conversationId: string | null | undefined;
+}
+/**
+ * Pinned notice shown after the agent installs a skill via the bundled
+ * add-skill flow. The SDK loads skills once at conversation start, so a
+ * chat-installed skill can't activate in the running conversation — this
+ * banner says so and offers one action: start a new conversation in the
+ * directory the skill was installed to.
+ */
+export declare function SkillInstallRestartBanner({ conversationId, }: SkillInstallRestartBannerProps): import("react/jsx-runtime").JSX.Element | null;

package/dist/components/features/chat/skill-install-restart-banner.js

@@ -0,0 +1,63 @@
+import { useTranslation as e } from "../../../node_modules/react-i18next/dist/es/useTranslation.js";
+import { I18nKey as t } from "../../../i18n/declaration.js";
+import { X as n } from "../../../node_modules/lucide-react/dist/esm/icons/x.js";
+import { useNavigation as r } from "../../../context/navigation-context.js";
+import { displayErrorToast as i } from "../../../utils/custom-toast-handlers.js";
+import { useActiveBackend as a } from "../../../contexts/active-backend-context.js";
+import { useActiveConversation as o } from "../../../hooks/query/use-active-conversation.js";
+import { useCreateConversation as s } from "../../../hooks/mutation/use-create-conversation.js";
+import { useSkillInstalls as c } from "../../../hooks/use-skill-installs.js";
+import { useIsCreatingConversation as l } from "../../../hooks/use-is-creating-conversation.js";
+import { jsx as u, jsxs as d } from "react/jsx-runtime";
+//#region src/components/features/chat/skill-install-restart-banner.tsx
+function f({ conversationId: f }) {
+	let { t: p } = e("openhands"), { installs: m, dismissAll: h } = c(f), { backend: g } = a(), { mutate: _, isPending: v } = s(), y = l(), { navigate: b } = r(), { data: x } = o();
+	if (g.kind !== "local" || m.length === 0) return null;
+	let S = m[m.length - 1], C = m.filter((e) => e.workspacePath === S.workspacePath).map((e) => e.skillName);
+	return /* @__PURE__ */ d("div", {
+		className: "flex w-full items-start gap-2 rounded-lg border border-[var(--oh-border)] bg-[var(--oh-surface-raised)] p-2 text-[var(--oh-foreground)]",
+		"data-testid": "skill-install-restart-banner",
+		children: [/* @__PURE__ */ d("div", {
+			className: "min-w-0 flex-1",
+			children: [/* @__PURE__ */ u("p", {
+				className: "text-sm text-[var(--oh-foreground)]",
+				children: p(t.SKILLS$INSTALL_BANNER_MESSAGE, { skills: C.join(", ") })
+			}), /* @__PURE__ */ u("button", {
+				type: "button",
+				onClick: () => {
+					v || y || _({
+						workingDir: S.workspacePath,
+						workspaceMode: "local_repo",
+						repository: x?.selected_repository && x?.git_provider ? {
+							name: x.selected_repository,
+							gitProvider: x.git_provider,
+							branch: x.selected_branch ?? void 0
+						} : void 0,
+						entryPoint: "skill_install_restart_banner"
+					}, {
+						onSuccess: (e) => b(`/conversations/${e.conversation_id}`),
+						onError: (e) => i(e.message)
+					});
+				},
+				disabled: v || y,
+				className: "mt-2 cursor-pointer rounded-md border border-[var(--oh-border)] px-2 py-1 text-xs font-normal text-[var(--oh-foreground)] hover:bg-[var(--oh-interactive-hover)] disabled:cursor-not-allowed disabled:opacity-50",
+				"data-testid": "skill-install-restart-action",
+				children: p(t.SKILLS$INSTALL_BANNER_ACTION)
+			})]
+		}), /* @__PURE__ */ u("button", {
+			type: "button",
+			onClick: h,
+			className: "shrink-0 cursor-pointer rounded-md p-1 text-[var(--oh-muted)] hover:bg-[var(--oh-interactive-hover)] hover:text-[var(--oh-foreground)]",
+			"aria-label": p(t.BUTTON$CLOSE),
+			"data-testid": "skill-install-restart-dismiss",
+			children: /* @__PURE__ */ u(n, {
+				className: "h-4 w-4",
+				"aria-hidden": !0
+			})
+		})]
+	});
+}
+//#endregion
+export { f as SkillInstallRestartBanner };
+
+//# sourceMappingURL=skill-install-restart-banner.js.map

package/dist/components/features/chat/skill-install-restart-banner.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"skill-install-restart-banner.js","names":[],"sources":["../../../../src/components/features/chat/skill-install-restart-banner.tsx"],"sourcesContent":["import { useTranslation } from \"react-i18next\";\nimport { X } from \"lucide-react\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { useSkillInstalls } from \"#/hooks/use-skill-installs\";\nimport { useCreateConversation } from \"#/hooks/mutation/use-create-conversation\";\nimport { useIsCreatingConversation } from \"#/hooks/use-is-creating-conversation\";\nimport { useNavigation } from \"#/context/navigation-context\";\nimport { useActiveConversation } from \"#/hooks/query/use-active-conversation\";\nimport { useActiveBackend } from \"#/contexts/active-backend-context\";\nimport { displayErrorToast } from \"#/utils/custom-toast-handlers\";\n\nexport interface SkillInstallRestartBannerProps {\n  conversationId: string | null | undefined;\n}\n\n/**\n * Pinned notice shown after the agent installs a skill via the bundled\n * add-skill flow. The SDK loads skills once at conversation start, so a\n * chat-installed skill can't activate in the running conversation — this\n * banner says so and offers one action: start a new conversation in the\n * directory the skill was installed to.\n */\nexport function SkillInstallRestartBanner({\n  conversationId,\n}: SkillInstallRestartBannerProps) {\n  const { t } = useTranslation(\"openhands\");\n  const { installs, dismissAll } = useSkillInstalls(conversationId);\n  const { backend } = useActiveBackend();\n  const { mutate: createConversation, isPending } = useCreateConversation();\n  const isCreatingElsewhere = useIsCreatingConversation();\n  const { navigate } = useNavigation();\n  const { data: conversation } = useActiveConversation();\n\n  // Local-only: the cloud create path ignores workingDir entirely.\n  if (backend.kind !== \"local\" || installs.length === 0) return null;\n\n  const latest = installs[installs.length - 1];\n  const skillNames = installs\n    .filter((install) => install.workspacePath === latest.workspacePath)\n    .map((install) => install.skillName);\n\n  const handleRestart = () => {\n    if (isPending || isCreatingElsewhere) return;\n    createConversation(\n      {\n        // The agent's real install root, parsed from the fetch_skill.py\n        // success line — correct even for worktree conversations where\n        // selected_workspace would point elsewhere.\n        workingDir: latest.workspacePath,\n        // new_worktree would start from a fresh worktree without the\n        // freshly installed .agents/skills/ directory.\n        workspaceMode: \"local_repo\",\n        repository:\n          conversation?.selected_repository && conversation?.git_provider\n            ? {\n                name: conversation.selected_repository,\n                gitProvider: conversation.git_provider,\n                branch: conversation.selected_branch ?? undefined,\n              }\n            : undefined,\n        entryPoint: \"skill_install_restart_banner\",\n      },\n      {\n        onSuccess: (data) => navigate(`/conversations/${data.conversation_id}`),\n        onError: (error) => displayErrorToast(error.message),\n      },\n    );\n  };\n\n  return (\n    <div\n      className=\"flex w-full items-start gap-2 rounded-lg border border-[var(--oh-border)] bg-[var(--oh-surface-raised)] p-2 text-[var(--oh-foreground)]\"\n      data-testid=\"skill-install-restart-banner\"\n    >\n      <div className=\"min-w-0 flex-1\">\n        <p className=\"text-sm text-[var(--oh-foreground)]\">\n          {t(I18nKey.SKILLS$INSTALL_BANNER_MESSAGE, {\n            skills: skillNames.join(\", \"),\n          })}\n        </p>\n        <button\n          type=\"button\"\n          onClick={handleRestart}\n          disabled={isPending || isCreatingElsewhere}\n          className=\"mt-2 cursor-pointer rounded-md border border-[var(--oh-border)] px-2 py-1 text-xs font-normal text-[var(--oh-foreground)] hover:bg-[var(--oh-interactive-hover)] disabled:cursor-not-allowed disabled:opacity-50\"\n          data-testid=\"skill-install-restart-action\"\n        >\n          {t(I18nKey.SKILLS$INSTALL_BANNER_ACTION)}\n        </button>\n      </div>\n      <button\n        type=\"button\"\n        onClick={dismissAll}\n        className=\"shrink-0 cursor-pointer rounded-md p-1 text-[var(--oh-muted)] hover:bg-[var(--oh-interactive-hover)] hover:text-[var(--oh-foreground)]\"\n        aria-label={t(I18nKey.BUTTON$CLOSE)}\n        data-testid=\"skill-install-restart-dismiss\"\n      >\n        <X className=\"h-4 w-4\" aria-hidden />\n      </button>\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;AAsBA,SAAgB,EAA0B,EACxC,qBACiC;CACjC,IAAM,EAAE,SAAM,EAAe,YAAY,EACnC,EAAE,aAAU,kBAAe,EAAiB,EAAe,EAC3D,EAAE,eAAY,GAAkB,EAChC,EAAE,QAAQ,GAAoB,iBAAc,GAAuB,EACnE,IAAsB,GAA2B,EACjD,EAAE,gBAAa,GAAe,EAC9B,EAAE,MAAM,MAAiB,GAAuB;AAGtD,KAAI,EAAQ,SAAS,WAAW,EAAS,WAAW,EAAG,QAAO;CAE9D,IAAM,IAAS,EAAS,EAAS,SAAS,IACpC,IAAa,EAChB,QAAQ,MAAY,EAAQ,kBAAkB,EAAO,cAAc,CACnE,KAAK,MAAY,EAAQ,UAAU;AA8BtC,QACE,kBAAC,OAAD;EACE,WAAU;EACV,eAAY;YAFd,CAIE,kBAAC,OAAD;GAAK,WAAU;aAAf,CACE,kBAAC,KAAD;IAAG,WAAU;cACV,EAAE,EAAQ,+BAA+B,EACxC,QAAQ,EAAW,KAAK,KAAK,EAC9B,CAAC;IACA,CAAA,EACJ,kBAAC,UAAD;IACE,MAAK;IACL,eAzCoB;AACtB,UAAa,KACjB,EACE;MAIE,YAAY,EAAO;MAGnB,eAAe;MACf,YACE,GAAc,uBAAuB,GAAc,eAC/C;OACE,MAAM,EAAa;OACnB,aAAa,EAAa;OAC1B,QAAQ,EAAa,mBAAmB,KAAA;OACzC,GACD,KAAA;MACN,YAAY;MACb,EACD;MACE,YAAY,MAAS,EAAS,kBAAkB,EAAK,kBAAkB;MACvE,UAAU,MAAU,EAAkB,EAAM,QAAQ;MACrD,CACF;;IAiBK,UAAU,KAAa;IACvB,WAAU;IACV,eAAY;cAEX,EAAE,EAAQ,6BAA6B;IACjC,CAAA,CACL;MACN,kBAAC,UAAD;GACE,MAAK;GACL,SAAS;GACT,WAAU;GACV,cAAY,EAAE,EAAQ,aAAa;GACnC,eAAY;aAEZ,kBAAC,GAAD;IAAG,WAAU;IAAU,eAAA;IAAc,CAAA;GAC9B,CAAA,CACL"}

package/dist/components/features/conversation/right-panel-toggle.cjs

@@ -1,2 +1,2 @@
-require(`../../../_virtual/_rolldown/runtime.cjs`);const e=require(`../../../node_modules/react-i18next/dist/es/useTranslation.cjs`),t=require(`../../../i18n/declaration.cjs`),n=require(`../../../utils/utils.cjs`),r=require(`../../../hooks/use-conversation-id.cjs`),i=require(`../../../stores/conversation-store.cjs`),a=require(`../../../hooks/use-is-archived-conversation.cjs`),o=require(`../../../hooks/use-breakpoint.cjs`),s=require(`../../../utils/mobile-top-bar-icon-button-classes.cjs`),c=require(`../../../icons/block-drawer-left.cjs`),l=require(`../chat/chat-action-tooltip.cjs`);let u=require(`react/jsx-runtime`),d=require(`react-router`);function f({className:f}){let{t:p}=e.useTranslation(`openhands`),m=o.useBreakpoint(),h=a.useIsArchivedConversation(),g=(0,d.useNavigate)(),{conversationId:_}=r.useConversationId(),{isRightPanelShown:v,setHasRightPanelToggled:y,setIsRightPanelShown:b,setSelectedTab:x}=i.useConversationStore(),S=()=>{if(h)return;if(m){if(!_)return;y(!0),b(!0);let{selectedTab:e}=i.useConversationStore.getState();e||x(`files`),g(`/conversations/${_}/panel`);return}let e=!v;if(y(e),e){let{selectedTab:e}=i.useConversationStore.getState();e||x(`files`)}},C=p(h?t.I18nKey.CONVERSATION$UNAVAILABLE_FOR_ARCHIVES:m?t.I18nKey.COMMON$SHOW_PANEL:v?t.I18nKey.COMMON$HIDE_PANEL:t.I18nKey.COMMON$SHOW_PANEL),w=m?!1:v;return(0,u.jsx)(l.ChatActionTooltip,{tooltip:C,ariaLabel:C,children:(0,u.jsx)(`button`,{type:`button`,onClick:S,disabled:h,className:n.cn(s.mobileTopBarIconButtonClassName,h&&`cursor-not-allowed opacity-50 hover:bg-transparent hover:text-[var(--oh-muted)]`,f),"aria-label":C,"aria-pressed":w,"aria-disabled":h,"data-testid":`right-panel-toggle`,children:(0,u.jsx)(c.default,{className:`w-5 h-5 -scale-x-100`})})})}exports.RightPanelToggle=f;
+require(`../../../_virtual/_rolldown/runtime.cjs`);const e=require(`../../../node_modules/react-i18next/dist/es/useTranslation.cjs`),t=require(`../../../i18n/declaration.cjs`),n=require(`../../../utils/utils.cjs`),r=require(`../../../hooks/use-conversation-id.cjs`),i=require(`../../../stores/conversation-store.cjs`),a=require(`../../../hooks/use-is-archived-conversation.cjs`),o=require(`../../../hooks/use-breakpoint.cjs`),s=require(`../../../utils/mobile-top-bar-icon-button-classes.cjs`),c=require(`../../../icons/block-drawer-left.cjs`),l=require(`../chat/chat-action-tooltip.cjs`);let u=require(`react/jsx-runtime`),d=require(`react-router`);function f({className:f}){let{t:p}=e.useTranslation(`openhands`),m=o.useBreakpoint(),h=a.useIsArchivedConversation(),g=(0,d.useNavigate)(),{conversationId:_}=r.useConversationId(),{isRightPanelShown:v,setHasRightPanelToggled:y,setIsRightPanelShown:b,setSelectedTab:x}=i.useConversationStore(),S=()=>{if(h)return;if(m){if(!_)return;y(!0),b(!0);let{selectedTab:e}=i.useConversationStore.getState();e||x(`files`),g(`/conversations/${_}/panel`);return}let e=!v;if(y(e),b(e),e){let{selectedTab:e}=i.useConversationStore.getState();e||x(`files`)}},C=p(h?t.I18nKey.CONVERSATION$UNAVAILABLE_FOR_ARCHIVES:m?t.I18nKey.COMMON$SHOW_PANEL:v?t.I18nKey.COMMON$HIDE_PANEL:t.I18nKey.COMMON$SHOW_PANEL),w=m?!1:v;return(0,u.jsx)(l.ChatActionTooltip,{tooltip:C,ariaLabel:C,children:(0,u.jsx)(`button`,{type:`button`,onClick:S,disabled:h,className:n.cn(s.mobileTopBarIconButtonClassName,h&&`cursor-not-allowed opacity-50 hover:bg-transparent hover:text-[var(--oh-muted)]`,f),"aria-label":C,"aria-pressed":w,"aria-disabled":h,"data-testid":`right-panel-toggle`,children:(0,u.jsx)(c.default,{className:`w-5 h-5 -scale-x-100`})})})}exports.RightPanelToggle=f;
 //# sourceMappingURL=right-panel-toggle.cjs.map

package/dist/components/features/conversation/right-panel-toggle.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"right-panel-toggle.cjs","names":[],"sources":["../../../../src/components/features/conversation/right-panel-toggle.tsx"],"sourcesContent":["import { useNavigate } from \"react-router\";\nimport { useTranslation } from \"react-i18next\";\nimport { useConversationStore } from \"#/stores/conversation-store\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { cn } from \"#/utils/utils\";\nimport { mobileTopBarIconButtonClassName } from \"#/utils/mobile-top-bar-icon-button-classes\";\nimport BlockDrawerLeftIcon from \"#/icons/block-drawer-left.svg?react\";\nimport { ChatActionTooltip } from \"../chat/chat-action-tooltip\";\nimport { useBreakpoint } from \"#/hooks/use-breakpoint\";\nimport { useConversationId } from \"#/hooks/use-conversation-id\";\nimport { useIsArchivedConversation } from \"#/hooks/use-is-archived-conversation\";\n\ninterface RightPanelToggleProps {\n  className?: string;\n}\n\n/**\n * Toggle button for showing/hiding the right panel.\n *\n * Placed in the chat header so users can always restore the panel,\n * even when it's hidden. The open/closed state lives in the in-memory\n * Zustand store and is intentionally not persisted across full reloads —\n * see the comment in `useConversationStore` for the rationale.\n */\nexport function RightPanelToggle({ className }: RightPanelToggleProps) {\n  const { t } = useTranslation(\"openhands\");\n  const isMobile = useBreakpoint();\n  const isArchivedConversation = useIsArchivedConversation();\n  const navigate = useNavigate();\n  const { conversationId } = useConversationId();\n  const {\n    isRightPanelShown,\n    setHasRightPanelToggled,\n    setIsRightPanelShown,\n    setSelectedTab,\n  } = useConversationStore();\n\n  const handleToggle = () => {\n    if (isArchivedConversation) {\n      return;\n    }\n\n    if (isMobile) {\n      if (!conversationId) return;\n      setHasRightPanelToggled(true);\n      setIsRightPanelShown(true);\n      const { selectedTab } = useConversationStore.getState();\n      if (!selectedTab) {\n        setSelectedTab(\"files\");\n      }\n      navigate(`/conversations/${conversationId}/panel`);\n      return;\n    }\n\n    const newState = !isRightPanelShown;\n    setHasRightPanelToggled(newState);\n\n    if (newState) {\n      const { selectedTab } = useConversationStore.getState();\n      if (!selectedTab) {\n        setSelectedTab(\"files\");\n      }\n    }\n  };\n\n  const tooltipText = isArchivedConversation\n    ? t(I18nKey.CONVERSATION$UNAVAILABLE_FOR_ARCHIVES)\n    : isMobile\n      ? t(I18nKey.COMMON$SHOW_PANEL)\n      : isRightPanelShown\n        ? t(I18nKey.COMMON$HIDE_PANEL)\n        : t(I18nKey.COMMON$SHOW_PANEL);\n\n  const ariaPressed = isMobile ? false : isRightPanelShown;\n\n  return (\n    <ChatActionTooltip tooltip={tooltipText} ariaLabel={tooltipText}>\n      <button\n        type=\"button\"\n        onClick={handleToggle}\n        disabled={isArchivedConversation}\n        className={cn(\n          mobileTopBarIconButtonClassName,\n          isArchivedConversation &&\n            \"cursor-not-allowed opacity-50 hover:bg-transparent hover:text-[var(--oh-muted)]\",\n          className,\n        )}\n        aria-label={tooltipText}\n        aria-pressed={ariaPressed}\n        aria-disabled={isArchivedConversation}\n        data-testid=\"right-panel-toggle\"\n      >\n        <BlockDrawerLeftIcon className=\"w-5 h-5 -scale-x-100\" />\n      </button>\n    </ChatActionTooltip>\n  );\n}\n"],"mappings":"yoBAwBA,SAAgB,EAAiB,CAAE,aAAoC,CACrE,GAAM,CAAE,KAAM,EAAA,eAAe,YAAY,CACnC,EAAW,EAAA,eAAe,CAC1B,EAAyB,EAAA,2BAA2B,CACpD,GAAA,EAAA,EAAA,cAAwB,CACxB,CAAE,kBAAmB,EAAA,mBAAmB,CACxC,CACJ,oBACA,0BACA,uBACA,kBACE,EAAA,sBAAsB,CAEpB,MAAqB,CACzB,GAAI,EACF,OAGF,GAAI,EAAU,CACZ,GAAI,CAAC,EAAgB,OACrB,EAAwB,GAAK,CAC7B,EAAqB,GAAK,CAC1B,GAAM,CAAE,eAAgB,EAAA,qBAAqB,UAAU,CAClD,GACH,EAAe,QAAQ,CAEzB,EAAS,kBAAkB,EAAe,QAAQ,CAClD,OAGF,IAAM,EAAW,CAAC,EAGlB,GAFA,EAAwB,EAAS,CAE7B,EAAU,CACZ,GAAM,CAAE,eAAgB,EAAA,qBAAqB,UAAU,CAClD,GACH,EAAe,QAAQ,GAKvB,EACF,EADgB,EACd,EAAA,QAAQ,sCACV,EACI,EAAA,QAAQ,kBACV,EACI,EAAA,QAAQ,kBACR,EAAA,QAAQ,kBAAkB,CAE9B,EAAc,EAAW,GAAQ,EAEvC,OACE,EAAA,EAAA,KAAC,EAAA,kBAAD,CAAmB,QAAS,EAAa,UAAW,YAClD,EAAA,EAAA,KAAC,SAAD,CACE,KAAK,SACL,QAAS,EACT,SAAU,EACV,UAAW,EAAA,GACT,EAAA,gCACA,GACE,kFACF,EACD,CACD,aAAY,EACZ,eAAc,EACd,gBAAe,EACf,cAAY,+BAEZ,EAAA,EAAA,KAAC,EAAA,QAAD,CAAqB,UAAU,uBAAyB,CAAA,CACjD,CAAA,CACS,CAAA"}
+{"version":3,"file":"right-panel-toggle.cjs","names":[],"sources":["../../../../src/components/features/conversation/right-panel-toggle.tsx"],"sourcesContent":["import { useNavigate } from \"react-router\";\nimport { useTranslation } from \"react-i18next\";\nimport { useConversationStore } from \"#/stores/conversation-store\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { cn } from \"#/utils/utils\";\nimport { mobileTopBarIconButtonClassName } from \"#/utils/mobile-top-bar-icon-button-classes\";\nimport BlockDrawerLeftIcon from \"#/icons/block-drawer-left.svg?react\";\nimport { ChatActionTooltip } from \"../chat/chat-action-tooltip\";\nimport { useBreakpoint } from \"#/hooks/use-breakpoint\";\nimport { useConversationId } from \"#/hooks/use-conversation-id\";\nimport { useIsArchivedConversation } from \"#/hooks/use-is-archived-conversation\";\n\ninterface RightPanelToggleProps {\n  className?: string;\n}\n\n/**\n * Toggle button for showing/hiding the right panel.\n *\n * Placed in the chat header so users can always restore the panel,\n * even when it's hidden. The open/closed state lives in the in-memory\n * Zustand store and is intentionally not persisted across full reloads —\n * see the comment in `useConversationStore` for the rationale.\n */\nexport function RightPanelToggle({ className }: RightPanelToggleProps) {\n  const { t } = useTranslation(\"openhands\");\n  const isMobile = useBreakpoint();\n  const isArchivedConversation = useIsArchivedConversation();\n  const navigate = useNavigate();\n  const { conversationId } = useConversationId();\n  const {\n    isRightPanelShown,\n    setHasRightPanelToggled,\n    setIsRightPanelShown,\n    setSelectedTab,\n  } = useConversationStore();\n\n  const handleToggle = () => {\n    if (isArchivedConversation) {\n      return;\n    }\n\n    if (isMobile) {\n      if (!conversationId) return;\n      setHasRightPanelToggled(true);\n      setIsRightPanelShown(true);\n      const { selectedTab } = useConversationStore.getState();\n      if (!selectedTab) {\n        setSelectedTab(\"files\");\n      }\n      navigate(`/conversations/${conversationId}/panel`);\n      return;\n    }\n\n    const newState = !isRightPanelShown;\n    setHasRightPanelToggled(newState);\n    setIsRightPanelShown(newState);\n\n    if (newState) {\n      const { selectedTab } = useConversationStore.getState();\n      if (!selectedTab) {\n        setSelectedTab(\"files\");\n      }\n    }\n  };\n\n  const tooltipText = isArchivedConversation\n    ? t(I18nKey.CONVERSATION$UNAVAILABLE_FOR_ARCHIVES)\n    : isMobile\n      ? t(I18nKey.COMMON$SHOW_PANEL)\n      : isRightPanelShown\n        ? t(I18nKey.COMMON$HIDE_PANEL)\n        : t(I18nKey.COMMON$SHOW_PANEL);\n\n  const ariaPressed = isMobile ? false : isRightPanelShown;\n\n  return (\n    <ChatActionTooltip tooltip={tooltipText} ariaLabel={tooltipText}>\n      <button\n        type=\"button\"\n        onClick={handleToggle}\n        disabled={isArchivedConversation}\n        className={cn(\n          mobileTopBarIconButtonClassName,\n          isArchivedConversation &&\n            \"cursor-not-allowed opacity-50 hover:bg-transparent hover:text-[var(--oh-muted)]\",\n          className,\n        )}\n        aria-label={tooltipText}\n        aria-pressed={ariaPressed}\n        aria-disabled={isArchivedConversation}\n        data-testid=\"right-panel-toggle\"\n      >\n        <BlockDrawerLeftIcon className=\"w-5 h-5 -scale-x-100\" />\n      </button>\n    </ChatActionTooltip>\n  );\n}\n"],"mappings":"yoBAwBA,SAAgB,EAAiB,CAAE,aAAoC,CACrE,GAAM,CAAE,KAAM,EAAA,eAAe,YAAY,CACnC,EAAW,EAAA,eAAe,CAC1B,EAAyB,EAAA,2BAA2B,CACpD,GAAA,EAAA,EAAA,cAAwB,CACxB,CAAE,kBAAmB,EAAA,mBAAmB,CACxC,CACJ,oBACA,0BACA,uBACA,kBACE,EAAA,sBAAsB,CAEpB,MAAqB,CACzB,GAAI,EACF,OAGF,GAAI,EAAU,CACZ,GAAI,CAAC,EAAgB,OACrB,EAAwB,GAAK,CAC7B,EAAqB,GAAK,CAC1B,GAAM,CAAE,eAAgB,EAAA,qBAAqB,UAAU,CAClD,GACH,EAAe,QAAQ,CAEzB,EAAS,kBAAkB,EAAe,QAAQ,CAClD,OAGF,IAAM,EAAW,CAAC,EAIlB,GAHA,EAAwB,EAAS,CACjC,EAAqB,EAAS,CAE1B,EAAU,CACZ,GAAM,CAAE,eAAgB,EAAA,qBAAqB,UAAU,CAClD,GACH,EAAe,QAAQ,GAKvB,EACF,EADgB,EACd,EAAA,QAAQ,sCACV,EACI,EAAA,QAAQ,kBACV,EACI,EAAA,QAAQ,kBACR,EAAA,QAAQ,kBAAkB,CAE9B,EAAc,EAAW,GAAQ,EAEvC,OACE,EAAA,EAAA,KAAC,EAAA,kBAAD,CAAmB,QAAS,EAAa,UAAW,YAClD,EAAA,EAAA,KAAC,SAAD,CACE,KAAK,SACL,QAAS,EACT,SAAU,EACV,UAAW,EAAA,GACT,EAAA,gCACA,GACE,kFACF,EACD,CACD,aAAY,EACZ,eAAc,EACd,gBAAe,EACf,cAAY,+BAEZ,EAAA,EAAA,KAAC,EAAA,QAAD,CAAqB,UAAU,uBAAyB,CAAA,CACjD,CAAA,CACS,CAAA"}

package/dist/components/features/conversation/right-panel-toggle.js

@@ -22,7 +22,7 @@ function f({ className: f }) {
 			return;
 		}
 		let e = !v;
-		if (y(e), e) {
+		if (y(e), b(e), e) {
 			let { selectedTab: e } = i.getState();
 			e || x("files");
 		}

package/dist/components/features/conversation/right-panel-toggle.js.map

@@ -1 +1 @@
-{"version":3,"file":"right-panel-toggle.js","names":[],"sources":["../../../../src/components/features/conversation/right-panel-toggle.tsx"],"sourcesContent":["import { useNavigate } from \"react-router\";\nimport { useTranslation } from \"react-i18next\";\nimport { useConversationStore } from \"#/stores/conversation-store\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { cn } from \"#/utils/utils\";\nimport { mobileTopBarIconButtonClassName } from \"#/utils/mobile-top-bar-icon-button-classes\";\nimport BlockDrawerLeftIcon from \"#/icons/block-drawer-left.svg?react\";\nimport { ChatActionTooltip } from \"../chat/chat-action-tooltip\";\nimport { useBreakpoint } from \"#/hooks/use-breakpoint\";\nimport { useConversationId } from \"#/hooks/use-conversation-id\";\nimport { useIsArchivedConversation } from \"#/hooks/use-is-archived-conversation\";\n\ninterface RightPanelToggleProps {\n  className?: string;\n}\n\n/**\n * Toggle button for showing/hiding the right panel.\n *\n * Placed in the chat header so users can always restore the panel,\n * even when it's hidden. The open/closed state lives in the in-memory\n * Zustand store and is intentionally not persisted across full reloads —\n * see the comment in `useConversationStore` for the rationale.\n */\nexport function RightPanelToggle({ className }: RightPanelToggleProps) {\n  const { t } = useTranslation(\"openhands\");\n  const isMobile = useBreakpoint();\n  const isArchivedConversation = useIsArchivedConversation();\n  const navigate = useNavigate();\n  const { conversationId } = useConversationId();\n  const {\n    isRightPanelShown,\n    setHasRightPanelToggled,\n    setIsRightPanelShown,\n    setSelectedTab,\n  } = useConversationStore();\n\n  const handleToggle = () => {\n    if (isArchivedConversation) {\n      return;\n    }\n\n    if (isMobile) {\n      if (!conversationId) return;\n      setHasRightPanelToggled(true);\n      setIsRightPanelShown(true);\n      const { selectedTab } = useConversationStore.getState();\n      if (!selectedTab) {\n        setSelectedTab(\"files\");\n      }\n      navigate(`/conversations/${conversationId}/panel`);\n      return;\n    }\n\n    const newState = !isRightPanelShown;\n    setHasRightPanelToggled(newState);\n\n    if (newState) {\n      const { selectedTab } = useConversationStore.getState();\n      if (!selectedTab) {\n        setSelectedTab(\"files\");\n      }\n    }\n  };\n\n  const tooltipText = isArchivedConversation\n    ? t(I18nKey.CONVERSATION$UNAVAILABLE_FOR_ARCHIVES)\n    : isMobile\n      ? t(I18nKey.COMMON$SHOW_PANEL)\n      : isRightPanelShown\n        ? t(I18nKey.COMMON$HIDE_PANEL)\n        : t(I18nKey.COMMON$SHOW_PANEL);\n\n  const ariaPressed = isMobile ? false : isRightPanelShown;\n\n  return (\n    <ChatActionTooltip tooltip={tooltipText} ariaLabel={tooltipText}>\n      <button\n        type=\"button\"\n        onClick={handleToggle}\n        disabled={isArchivedConversation}\n        className={cn(\n          mobileTopBarIconButtonClassName,\n          isArchivedConversation &&\n            \"cursor-not-allowed opacity-50 hover:bg-transparent hover:text-[var(--oh-muted)]\",\n          className,\n        )}\n        aria-label={tooltipText}\n        aria-pressed={ariaPressed}\n        aria-disabled={isArchivedConversation}\n        data-testid=\"right-panel-toggle\"\n      >\n        <BlockDrawerLeftIcon className=\"w-5 h-5 -scale-x-100\" />\n      </button>\n    </ChatActionTooltip>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;AAwBA,SAAgB,EAAiB,EAAE,gBAAoC;CACrE,IAAM,EAAE,SAAM,EAAe,YAAY,EACnC,IAAW,GAAe,EAC1B,IAAyB,GAA2B,EACpD,IAAW,GAAa,EACxB,EAAE,sBAAmB,GAAmB,EACxC,EACJ,sBACA,4BACA,yBACA,sBACE,GAAsB,EAEpB,UAAqB;AACzB,MAAI,EACF;AAGF,MAAI,GAAU;AACZ,OAAI,CAAC,EAAgB;AAErB,GADA,EAAwB,GAAK,EAC7B,EAAqB,GAAK;GAC1B,IAAM,EAAE,mBAAgB,EAAqB,UAAU;AAIvD,GAHK,KACH,EAAe,QAAQ,EAEzB,EAAS,kBAAkB,EAAe,QAAQ;AAClD;;EAGF,IAAM,IAAW,CAAC;AAGlB,MAFA,EAAwB,EAAS,EAE7B,GAAU;GACZ,IAAM,EAAE,mBAAgB,EAAqB,UAAU;AACvD,GAAK,KACH,EAAe,QAAQ;;IAKvB,IACF,EADgB,IACd,EAAQ,wCACV,IACI,EAAQ,oBACV,IACI,EAAQ,oBACR,EAAQ,kBAAkB,EAE9B,IAAc,IAAW,KAAQ;AAEvC,QACE,kBAAC,GAAD;EAAmB,SAAS;EAAa,WAAW;YAClD,kBAAC,UAAD;GACE,MAAK;GACL,SAAS;GACT,UAAU;GACV,WAAW,EACT,GACA,KACE,mFACF,EACD;GACD,cAAY;GACZ,gBAAc;GACd,iBAAe;GACf,eAAY;aAEZ,kBAAC,GAAD,EAAqB,WAAU,wBAAyB,CAAA;GACjD,CAAA;EACS,CAAA"}
+{"version":3,"file":"right-panel-toggle.js","names":[],"sources":["../../../../src/components/features/conversation/right-panel-toggle.tsx"],"sourcesContent":["import { useNavigate } from \"react-router\";\nimport { useTranslation } from \"react-i18next\";\nimport { useConversationStore } from \"#/stores/conversation-store\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { cn } from \"#/utils/utils\";\nimport { mobileTopBarIconButtonClassName } from \"#/utils/mobile-top-bar-icon-button-classes\";\nimport BlockDrawerLeftIcon from \"#/icons/block-drawer-left.svg?react\";\nimport { ChatActionTooltip } from \"../chat/chat-action-tooltip\";\nimport { useBreakpoint } from \"#/hooks/use-breakpoint\";\nimport { useConversationId } from \"#/hooks/use-conversation-id\";\nimport { useIsArchivedConversation } from \"#/hooks/use-is-archived-conversation\";\n\ninterface RightPanelToggleProps {\n  className?: string;\n}\n\n/**\n * Toggle button for showing/hiding the right panel.\n *\n * Placed in the chat header so users can always restore the panel,\n * even when it's hidden. The open/closed state lives in the in-memory\n * Zustand store and is intentionally not persisted across full reloads —\n * see the comment in `useConversationStore` for the rationale.\n */\nexport function RightPanelToggle({ className }: RightPanelToggleProps) {\n  const { t } = useTranslation(\"openhands\");\n  const isMobile = useBreakpoint();\n  const isArchivedConversation = useIsArchivedConversation();\n  const navigate = useNavigate();\n  const { conversationId } = useConversationId();\n  const {\n    isRightPanelShown,\n    setHasRightPanelToggled,\n    setIsRightPanelShown,\n    setSelectedTab,\n  } = useConversationStore();\n\n  const handleToggle = () => {\n    if (isArchivedConversation) {\n      return;\n    }\n\n    if (isMobile) {\n      if (!conversationId) return;\n      setHasRightPanelToggled(true);\n      setIsRightPanelShown(true);\n      const { selectedTab } = useConversationStore.getState();\n      if (!selectedTab) {\n        setSelectedTab(\"files\");\n      }\n      navigate(`/conversations/${conversationId}/panel`);\n      return;\n    }\n\n    const newState = !isRightPanelShown;\n    setHasRightPanelToggled(newState);\n    setIsRightPanelShown(newState);\n\n    if (newState) {\n      const { selectedTab } = useConversationStore.getState();\n      if (!selectedTab) {\n        setSelectedTab(\"files\");\n      }\n    }\n  };\n\n  const tooltipText = isArchivedConversation\n    ? t(I18nKey.CONVERSATION$UNAVAILABLE_FOR_ARCHIVES)\n    : isMobile\n      ? t(I18nKey.COMMON$SHOW_PANEL)\n      : isRightPanelShown\n        ? t(I18nKey.COMMON$HIDE_PANEL)\n        : t(I18nKey.COMMON$SHOW_PANEL);\n\n  const ariaPressed = isMobile ? false : isRightPanelShown;\n\n  return (\n    <ChatActionTooltip tooltip={tooltipText} ariaLabel={tooltipText}>\n      <button\n        type=\"button\"\n        onClick={handleToggle}\n        disabled={isArchivedConversation}\n        className={cn(\n          mobileTopBarIconButtonClassName,\n          isArchivedConversation &&\n            \"cursor-not-allowed opacity-50 hover:bg-transparent hover:text-[var(--oh-muted)]\",\n          className,\n        )}\n        aria-label={tooltipText}\n        aria-pressed={ariaPressed}\n        aria-disabled={isArchivedConversation}\n        data-testid=\"right-panel-toggle\"\n      >\n        <BlockDrawerLeftIcon className=\"w-5 h-5 -scale-x-100\" />\n      </button>\n    </ChatActionTooltip>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;AAwBA,SAAgB,EAAiB,EAAE,gBAAoC;CACrE,IAAM,EAAE,SAAM,EAAe,YAAY,EACnC,IAAW,GAAe,EAC1B,IAAyB,GAA2B,EACpD,IAAW,GAAa,EACxB,EAAE,sBAAmB,GAAmB,EACxC,EACJ,sBACA,4BACA,yBACA,sBACE,GAAsB,EAEpB,UAAqB;AACzB,MAAI,EACF;AAGF,MAAI,GAAU;AACZ,OAAI,CAAC,EAAgB;AAErB,GADA,EAAwB,GAAK,EAC7B,EAAqB,GAAK;GAC1B,IAAM,EAAE,mBAAgB,EAAqB,UAAU;AAIvD,GAHK,KACH,EAAe,QAAQ,EAEzB,EAAS,kBAAkB,EAAe,QAAQ;AAClD;;EAGF,IAAM,IAAW,CAAC;AAIlB,MAHA,EAAwB,EAAS,EACjC,EAAqB,EAAS,EAE1B,GAAU;GACZ,IAAM,EAAE,mBAAgB,EAAqB,UAAU;AACvD,GAAK,KACH,EAAe,QAAQ;;IAKvB,IACF,EADgB,IACd,EAAQ,wCACV,IACI,EAAQ,oBACV,IACI,EAAQ,oBACR,EAAQ,kBAAkB,EAE9B,IAAc,IAAW,KAAQ;AAEvC,QACE,kBAAC,GAAD;EAAmB,SAAS;EAAa,WAAW;YAClD,kBAAC,UAAD;GACE,MAAK;GACL,SAAS;GACT,UAAU;GACV,WAAW,EACT,GACA,KACE,mFACF,EACD;GACD,cAAY;GACZ,gBAAc;GACd,iBAAe;GACf,eAAY;aAEZ,kBAAC,GAAD,EAAqB,WAAU,wBAAyB,CAAA;GACjD,CAAA;EACS,CAAA"}

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

@@ -1,2 +1,2 @@
-const e=require(`../../../_virtual/_rolldown/runtime.cjs`),t=require(`../../../node_modules/react-i18next/dist/es/useTranslation.cjs`),n=require(`../../../i18n/declaration.cjs`),r=require(`../../../utils/status.cjs`),i=require(`../../../utils/utils.cjs`),ee=require(`../../../context/navigation-context.cjs`),te=require(`../../../utils/custom-toast-handlers.cjs`),ne=require(`../../../contexts/active-backend-context.cjs`),re=require(`../../../node_modules/@heroui/tooltip/dist/chunk-AUA5GDXN.cjs`),ie=require(`../../../hooks/use-click-outside-element.cjs`),ae=require(`../../../hooks/mutation/use-create-conversation.cjs`),oe=require(`../../shared/navigation-link.cjs`),se=require(`../../../hooks/mutation/use-delete-conversation.cjs`),ce=require(`../../../hooks/mutation/use-unified-stop-conversation.cjs`),le=require(`../../../hooks/mutation/use-update-conversation.cjs`),ue=require(`./confirm-delete-modal.cjs`),de=require(`./confirm-stop-modal.cjs`),fe=require(`../../../hooks/query/use-paginated-conversations.cjs`),pe=require(`../../../hooks/query/use-start-tasks.cjs`),me=require(`./exit-conversation-modal.cjs`),he=require(`../../../hooks/use-is-creating-conversation.cjs`),ge=require(`./conversation-card/conversation-card.cjs`),_e=require(`./conversation-card/conversation-card-preview.cjs`),ve=require(`./start-task-card/start-task-card.cjs`),ye=require(`./conversation-card/conversation-card-skeleton.cjs`),be=require(`./compact-conversation-row.cjs`),a=require(`../../../stores/conversation-panel-preferences-store.cjs`),xe=require(`./conversation-panel-filter-menu.cjs`),Se=require(`./conversation-panel-new-thread-picker.cjs`),o=require(`./conversation-panel-list-helpers.cjs`),Ce=require(`./conversation-group-folder-list.cjs`),we=require(`./conversation-panel-pinned-section.cjs`),s=require(`../../../stores/pinned-conversations-store.cjs`);let c=require(`react`);c=e.__toESM(c,1);let l=require(`react/jsx-runtime`);var Te=()=>{},Ee=[],u=3600*1e3,De=e=>{let t=Date.now()-u,n=[],r=[];for(let i of e){let e=i.updated_at?Date.parse(i.updated_at):NaN;Number.isFinite(e)&&e<t?r.push(i):n.push(i)}return{recent:n,older:r}};function d({onClose:e,compact:u=!1}){let{t:d}=t.useTranslation(`openhands`),{conversationId:f,navigate:p}=ee.useNavigation(),{backend:m}=ne.useActiveBackend(),Oe=ie.useClickOutsideElement(e??Te),[ke,h]=c.default.useState(!1),[Ae,g]=c.default.useState(!1),[je,Me]=c.default.useState(!1),[Ne,_]=c.default.useState(!1),v=a.useConversationPanelPreferencesStore(e=>e.showOlderConversations),Pe=a.useConversationPanelPreferencesStore(e=>e.toggleShowOlderConversations),y=a.useConversationPanelPreferencesStore(e=>e.showRepoBranchMetadata),Fe=a.useConversationPanelPreferencesStore(e=>e.toggleShowRepoBranchMetadata),b=a.useConversationPanelPreferencesStore(e=>e.showLlmProfiles),Ie=a.useConversationPanelPreferencesStore(e=>e.toggleShowLlmProfiles),x=a.useConversationPanelPreferencesStore(e=>e.showHoverMetadata),Le=a.useConversationPanelPreferencesStore(e=>e.toggleShowHoverMetadata),S=a.useConversationPanelPreferencesStore(e=>e.organizeMode),Re=a.useConversationPanelPreferencesStore(e=>e.setOrganizeMode),C=a.useConversationPanelPreferencesStore(e=>e.conversationSort),ze=a.useConversationPanelPreferencesStore(e=>e.setConversationSort),w=a.useConversationPanelPreferencesStore(e=>e.threadScope),Be=a.useConversationPanelPreferencesStore(e=>e.setThreadScope),T=a.useConversationPanelPreferencesStore(e=>e.groupFolderOrder),Ve=a.useConversationPanelPreferencesStore(e=>e.setGroupFolderOrder),[He,E]=c.default.useState(!1),[Ue,We]=c.default.useState(!1),Ge=ie.useClickOutsideElement(()=>{E(!1)}),[Ke,D]=c.default.useState(()=>new Set),[qe,O]=c.default.useState(()=>new Set),[Je,k]=c.default.useState(!1),A=s.usePinnedConversationsStore(e=>e.pinsByBackendId[m.id]??Ee),Ye=s.usePinnedConversationsStore(e=>e.togglePin),Xe=s.usePinnedConversationsStore(e=>e.pruneMissingConversations),Ze=c.default.useCallback(e=>{D(t=>{let n=new Set(t);return n.has(e)?n.delete(e):n.add(e),n})},[]),Qe=c.default.useCallback(e=>{O(t=>{let n=new Set(t);return n.has(e)?n.delete(e):n.add(e),n})},[]);c.default.useEffect(()=>{S!==`grouped`&&(D(new Set),O(new Set))},[S]);let $e=c.default.useRef(null),[j,M]=c.default.useState(null),[et,N]=c.default.useState(null),[P,tt]=c.default.useState(null),{data:nt,isLoading:rt,isFetched:F,hasNextPage:I,isFetching:L,isFetchingNextPage:R,fetchNextPage:z}=fe.usePaginatedConversations(),{data:B}=pe.useStartTasks(),V=c.default.useMemo(()=>{let e=nt?.pages.flatMap(e=>e.items)??[],t=new Set;return e.filter(e=>t.has(e.id)?!1:(t.add(e.id),!0))},[nt]),H=c.default.useMemo(()=>o.resolvePinnedConversations(A,V),[V,A]);c.default.useEffect(()=>{F&&Xe(m.id,V.map(e=>e.id))},[m.id,V,F,Xe]),c.default.useEffect(()=>{A.length===0&&k(!1)},[A.length]);let U=c.default.useMemo(()=>{let e=w===`relevant`?V.filter(e=>r.isExecutionActive(e.execution_status)):V;return u?e:o.filterOutPinnedConversations(e,A)},[u,V,A,w]),{recent:W,older:G}=c.default.useMemo(()=>De(U),[U]),it=c.default.useMemo(()=>o.sortConversationsByField(v?[...W,...G]:W,C),[W,G,v,C]),at=c.default.useMemo(()=>({emptyWorkspace:d(n.I18nKey.CONVERSATION_PANEL$NO_WORKSPACE),emptyRepository:d(n.I18nKey.CONVERSATION_PANEL$NO_REPOSITORY)}),[d]),K=c.default.useMemo(()=>u||S!==`grouped`?null:o.groupConversations([...W,...v?G:[]],m.kind,C,at),[m.kind,u,C,at,G,S,W,v]),q=c.default.useMemo(()=>K?o.applyGroupFolderOrder(K,T):null,[K,T]),ot=c.default.useMemo(()=>K?.map(e=>e.id)??[],[K]),st=c.default.useMemo(()=>o.sortConversationsByField(W.filter(e=>r.isExecutionActive(e.execution_status)),C),[C,W]),ct=it.length,lt=c.default.useMemo(()=>q?q.reduce((e,t)=>e+t.conversations.length,0):0,[q]),ut=S===`grouped`&&!u?lt===0:ct===0,J=S===`grouped`&&!u?lt:ct,[Y,X]=c.default.useState(null),dt=c.default.useRef(J);dt.current=J;let ft=c.default.useCallback(()=>{I&&X(dt.current)},[I]);c.default.useEffect(()=>{if(Y!==null){if(J>Y){X(null);return}if(!I){X(null);return}L||R||z()}},[Y,J,I,L,R,z]);let pt=Y!==null||R,{mutate:mt,mutateAsync:ht}=se.useDeleteConversation(),{mutate:gt}=ce.useUnifiedPauseConversation(),{mutate:_t}=le.useUpdateConversation(),vt=G.length>0&&!v,yt=!!I&&!vt&&!u&&!ut,{mutate:bt}=ae.useCreateConversation(),Z=he.useIsCreatingConversation(),xt=c.default.useCallback(e=>{Z||bt({workingDir:e.workingDir,repository:e.repository,entryPoint:`sidebar_relaunch_project`},{onSuccess:e=>{p(`/conversations/${e.conversation_id}`)}})},[bt,Z,p]),St=c.default.useCallback((e,t)=>{h(!0),M(e),N(t)},[]),Ct=c.default.useCallback(e=>{g(!0),M(e)},[]),wt=c.default.useCallback((e,t)=>{_t({conversationId:e,newTitle:t},{onSuccess:()=>{te.displaySuccessToast(d(n.I18nKey.CONVERSATION$TITLE_UPDATED))}})},[d,_t]),Tt=()=>{j&&mt({conversationId:j},{onSuccess:()=>{j===f&&p(`/conversations`)}})},Et=()=>{j&&gt({conversationId:j})},Dt=async()=>{let e=V.map(e=>e.id),t=await Promise.allSettled(e.map(e=>ht({conversationId:e}))),n=t.flatMap((t,n)=>t.status===`fulfilled`?[e[n]]:[]),r=t.length-n.length;f!==null&&n.includes(f)&&p(`/conversations`),r>0&&te.displayErrorToast(`${r} conversation${r===1?``:`s`} could not be deleted.`)},Q=c.default.useCallback((t,n)=>{let r=A.includes(t.id);return u?(0,l.jsx)(be.CompactConversationRow,{conversationId:t.id,title:t.title??``,selectedRepository:{selected_repository:t.selected_repository,selected_branch:t.selected_branch,git_provider:t.git_provider},executionStatus:t.execution_status,sandboxStatus:t.sandbox_status,lastUpdatedAt:t.updated_at,createdAt:t.created_at,workspaceWorkingDir:t.selected_workspace??t.workspace?.working_dir,isActive:t.id===f,onClose:e,showRepositoryMetadata:y,llmModel:t.llm_model,showLlmProfiles:b,agentKind:t.agent_kind,acpServer:t.acp_server},t.id):(0,l.jsx)(re.tooltip_default,{placement:`right-start`,delay:1e3,closeDelay:100,isDisabled:!x||P===t.id,disableAnimation:!1,className:`rounded-xl border border-[var(--oh-border)] bg-base-secondary p-0 text-white shadow-xl`,content:(0,l.jsx)(_e.ConversationCardPreview,{title:t.title??``,executionStatus:t.execution_status,sandboxStatus:t.sandbox_status,selectedRepository:{selected_repository:t.selected_repository,selected_branch:t.selected_branch,git_provider:t.git_provider},workspaceWorkingDir:t.selected_workspace??t.workspace?.working_dir,llmModel:t.llm_model,createdAt:t.created_at}),children:(0,l.jsx)(oe.NavigationLink,{to:`/conversations/${t.id}`,onClick:e,className:i.cn(`block rounded-md transition-colors`,P!==t.id&&`hover:bg-[var(--oh-surface)]`,(t.id===f||P===t.id)&&`bg-[var(--oh-surface)]`),children:(0,l.jsx)(ge.ConversationCard,{onDelete:()=>St(t.id,t.title??``),onStop:()=>Ct(t.id),onChangeTitle:e=>wt(t.id,e),title:t.title??``,selectedRepository:{selected_repository:t.selected_repository,selected_branch:t.selected_branch,git_provider:t.git_provider},lastUpdatedAt:t.updated_at,createdAt:t.created_at,executionStatus:t.execution_status,sandboxStatus:t.sandbox_status,conversationId:t.id,contextMenuOpen:P===t.id,onContextMenuToggle:e=>tt(e?t.id:null),isActive:t.id===f,workspaceWorkingDir:t.selected_workspace??t.workspace?.working_dir,showRepositoryMetadata:y,llmModel:t.llm_model,showLlmProfiles:b,agentKind:t.agent_kind,acpServer:t.acp_server,isPinned:r,onTogglePin:()=>Ye(m.id,t.id),alwaysShowPinIcon:r&&!n?.inPinnedSection})})},t.id)},[m.id,u,f,wt,St,Ct,e,P,A,y,b,x,Ye]),$=rt||!F,Ot=!u&&!$&&H.length>0,kt=F&&!rt&&!u&&ut&&!Ot&&!B?.length;return(0,l.jsxs)(`div`,{ref:Oe,"data-testid":`conversation-panel`,className:`flex h-full min-h-0 w-full flex-col`,children:[!u&&(0,l.jsx)(`div`,{className:i.cn(`-ml-2.5 w-[calc(100%+0.625rem)] max-w-none box-border border-b`,Ue?`border-[var(--oh-border)]`:`border-transparent`),children:(0,l.jsxs)(`div`,{"data-testid":`older-conversations-summary`,className:`flex min-w-0 flex-nowrap items-center gap-x-2 py-2 pl-4 pr-2.5 text-[var(--oh-muted)]`,children:[(0,l.jsx)(`span`,{className:`min-w-0 truncate text-sm font-medium text-[var(--oh-muted)]`,children:d(n.I18nKey.SIDEBAR$CONVERSATIONS)}),(0,l.jsxs)(`div`,{className:`ml-auto flex shrink-0 items-center gap-0.5`,children:[(0,l.jsx)(Se.ConversationPanelNewThreadPicker,{backendKind:m.kind}),(0,l.jsx)(xe.ConversationPanelFilterMenu,{filterMenuOpen:He,setFilterMenuOpen:E,menuRef:Ge,backendKind:m.kind,organizeMode:S,setOrganizeMode:Re,conversationSort:C,setConversationSort:ze,threadScope:w,setThreadScope:Be,showOlderConversations:v,toggleShowOlderConversations:Pe,showRepoBranchMetadata:y,toggleShowRepoBranchMetadata:Fe,showLlmProfiles:b,toggleShowLlmProfiles:Ie,showHoverMetadata:x,toggleShowHoverMetadata:Le,totalConversationsCount:V.length,onRequestDeleteAll:()=>_(!0)})]})]})}),(0,l.jsxs)(`div`,{ref:$e,"data-testid":`conversation-panel-list-scroll`,onScroll:e=>{We(e.currentTarget.scrollTop>0)},className:i.cn(`flex min-h-0 flex-1 flex-col overflow-y-auto overflow-x-hidden overscroll-contain custom-scrollbar-always`,!u&&`conversation-panel-list-scroll`),children:[$&&(0,l.jsx)(ye.ConversationCardSkeleton,{compact:u}),!u&&kt&&(0,l.jsx)(`div`,{"data-testid":`conversation-panel-empty-state`,className:`flex min-h-0 flex-1 flex-col items-center justify-center px-4 py-8`,children:(0,l.jsx)(`p`,{className:`text-xs text-[var(--oh-muted)]`,children:d(n.I18nKey.CONVERSATION$NO_CONVERSATIONS)})}),Ot?(0,l.jsx)(we.ConversationPanelPinnedSection,{pinnedConversations:H,isPreviewExpanded:Je,onTogglePreviewExpanded:()=>k(e=>!e),activeConversationId:f,showDivider:!u&&S===`chronological`,renderConversationCard:e=>Q(e,{inPinnedSection:!0})}):null,!u&&B?.map(t=>(0,l.jsx)(oe.NavigationLink,{to:`/conversations/task-${t.id}`,onClick:e,className:`block`,children:(0,l.jsx)(ve.StartTaskCard,{task:t})},t.id)),!$&&u?st.map(e=>Q(e)):null,!$&&!u&&S===`grouped`&&q&&q.length>0?(0,l.jsx)(Ce.ConversationGroupFolderList,{groups:q,groupIds:ot,groupFolderOrder:T,setGroupFolderOrder:Ve,collapsedGroupIds:Ke,expandedGroupPreviewIds:qe,onToggleGroupCollapsed:Ze,onToggleGroupPreviewExpanded:Qe,isCreatingConversationFlow:Z,activeConversationId:f,onLaunchFromGroup:xt,renderConversationCard:e=>Q(e)}):null,!$&&!u&&S===`chronological`?(0,l.jsx)(`div`,{className:`space-y-0.5`,children:it.map(e=>Q(e))}):null,yt&&(pt?(0,l.jsx)(`div`,{className:`py-1`,children:(0,l.jsx)(ye.ConversationCardSkeleton,{compact:u})}):(0,l.jsx)(`div`,{className:`flex justify-center py-4`,children:(0,l.jsx)(`button`,{type:`button`,"data-testid":`load-more-conversations`,onClick:ft,className:`text-xs text-[var(--oh-muted)] hover:text-white`,children:d(n.I18nKey.CONVERSATION$LOAD_MORE)})}))]}),ke&&(0,l.jsx)(ue.ConfirmDeleteModal,{onConfirm:()=>{Tt(),h(!1),N(null)},onCancel:()=>{h(!1),N(null)},conversationTitle:et??void 0}),Ne&&(0,l.jsx)(ue.ConfirmDeleteModal,{title:d(n.I18nKey.CONVERSATION$CONFIRM_DELETE_ALL_TITLE),description:d(n.I18nKey.CONVERSATION$CONFIRM_DELETE_ALL_DESC,{count:V.length}),onConfirm:async()=>{await Dt(),_(!1)},onCancel:()=>_(!1)}),Ae&&(0,l.jsx)(de.ConfirmStopModal,{onConfirm:()=>{Et(),g(!1)},onCancel:()=>g(!1)}),je&&(0,l.jsx)(me.ExitConversationModal,{onConfirm:()=>{e?.()},onClose:()=>Me(!1),onCancel:()=>Me(!1)})]})}exports.ConversationPanel=d;
+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/status.cjs`),i=require(`../../../utils/utils.cjs`),ee=require(`../../../context/navigation-context.cjs`),te=require(`../../../utils/custom-toast-handlers.cjs`),ne=require(`../../../contexts/active-backend-context.cjs`),re=require(`../../../node_modules/@heroui/tooltip/dist/chunk-AUA5GDXN.cjs`),ie=require(`../../../hooks/use-click-outside-element.cjs`),ae=require(`../../../hooks/mutation/use-create-conversation.cjs`),oe=require(`../../shared/navigation-link.cjs`),se=require(`../../../hooks/mutation/use-delete-conversation.cjs`),ce=require(`../../../hooks/mutation/use-unified-stop-conversation.cjs`),le=require(`../../../hooks/use-is-creating-conversation.cjs`),ue=require(`../../../hooks/mutation/use-update-conversation.cjs`),de=require(`./confirm-delete-modal.cjs`),fe=require(`./confirm-stop-modal.cjs`),pe=require(`../../../hooks/query/use-paginated-conversations.cjs`),me=require(`../../../hooks/query/use-start-tasks.cjs`),he=require(`./exit-conversation-modal.cjs`),ge=require(`./conversation-card/conversation-card.cjs`),_e=require(`./conversation-card/conversation-card-preview.cjs`),ve=require(`./start-task-card/start-task-card.cjs`),ye=require(`./conversation-card/conversation-card-skeleton.cjs`),be=require(`./compact-conversation-row.cjs`),a=require(`../../../stores/conversation-panel-preferences-store.cjs`),xe=require(`./conversation-panel-filter-menu.cjs`),Se=require(`./conversation-panel-new-thread-picker.cjs`),o=require(`./conversation-panel-list-helpers.cjs`),Ce=require(`./conversation-group-folder-list.cjs`),we=require(`./conversation-panel-pinned-section.cjs`),s=require(`../../../stores/pinned-conversations-store.cjs`);let c=require(`react`);c=e.__toESM(c,1);let l=require(`react/jsx-runtime`);var Te=()=>{},Ee=[],u=3600*1e3,De=e=>{let t=Date.now()-u,n=[],r=[];for(let i of e){let e=i.updated_at?Date.parse(i.updated_at):NaN;Number.isFinite(e)&&e<t?r.push(i):n.push(i)}return{recent:n,older:r}};function d({onClose:e,compact:u=!1}){let{t:d}=t.useTranslation(`openhands`),{conversationId:f,navigate:p}=ee.useNavigation(),{backend:m}=ne.useActiveBackend(),Oe=ie.useClickOutsideElement(e??Te),[ke,h]=c.default.useState(!1),[Ae,g]=c.default.useState(!1),[je,Me]=c.default.useState(!1),[Ne,_]=c.default.useState(!1),v=a.useConversationPanelPreferencesStore(e=>e.showOlderConversations),Pe=a.useConversationPanelPreferencesStore(e=>e.toggleShowOlderConversations),y=a.useConversationPanelPreferencesStore(e=>e.showRepoBranchMetadata),Fe=a.useConversationPanelPreferencesStore(e=>e.toggleShowRepoBranchMetadata),b=a.useConversationPanelPreferencesStore(e=>e.showLlmProfiles),Ie=a.useConversationPanelPreferencesStore(e=>e.toggleShowLlmProfiles),x=a.useConversationPanelPreferencesStore(e=>e.showHoverMetadata),Le=a.useConversationPanelPreferencesStore(e=>e.toggleShowHoverMetadata),S=a.useConversationPanelPreferencesStore(e=>e.organizeMode),Re=a.useConversationPanelPreferencesStore(e=>e.setOrganizeMode),C=a.useConversationPanelPreferencesStore(e=>e.conversationSort),ze=a.useConversationPanelPreferencesStore(e=>e.setConversationSort),w=a.useConversationPanelPreferencesStore(e=>e.threadScope),Be=a.useConversationPanelPreferencesStore(e=>e.setThreadScope),T=a.useConversationPanelPreferencesStore(e=>e.groupFolderOrder),Ve=a.useConversationPanelPreferencesStore(e=>e.setGroupFolderOrder),[He,E]=c.default.useState(!1),[Ue,We]=c.default.useState(!1),Ge=ie.useClickOutsideElement(()=>{E(!1)}),[Ke,D]=c.default.useState(()=>new Set),[qe,O]=c.default.useState(()=>new Set),[Je,k]=c.default.useState(!1),A=s.usePinnedConversationsStore(e=>e.pinsByBackendId[m.id]??Ee),Ye=s.usePinnedConversationsStore(e=>e.togglePin),Xe=s.usePinnedConversationsStore(e=>e.pruneMissingConversations),Ze=c.default.useCallback(e=>{D(t=>{let n=new Set(t);return n.has(e)?n.delete(e):n.add(e),n})},[]),Qe=c.default.useCallback(e=>{O(t=>{let n=new Set(t);return n.has(e)?n.delete(e):n.add(e),n})},[]);c.default.useEffect(()=>{S!==`grouped`&&(D(new Set),O(new Set))},[S]);let $e=c.default.useRef(null),[j,M]=c.default.useState(null),[et,N]=c.default.useState(null),[P,tt]=c.default.useState(null),{data:nt,isLoading:rt,isFetched:F,hasNextPage:I,isFetching:L,isFetchingNextPage:R,fetchNextPage:z}=pe.usePaginatedConversations(),{data:B}=me.useStartTasks(),V=c.default.useMemo(()=>{let e=nt?.pages.flatMap(e=>e.items)??[],t=new Set;return e.filter(e=>t.has(e.id)?!1:(t.add(e.id),!0))},[nt]),H=c.default.useMemo(()=>o.resolvePinnedConversations(A,V),[V,A]);c.default.useEffect(()=>{F&&Xe(m.id,V.map(e=>e.id))},[m.id,V,F,Xe]),c.default.useEffect(()=>{A.length===0&&k(!1)},[A.length]);let U=c.default.useMemo(()=>{let e=w===`relevant`?V.filter(e=>r.isExecutionActive(e.execution_status)):V;return u?e:o.filterOutPinnedConversations(e,A)},[u,V,A,w]),{recent:W,older:G}=c.default.useMemo(()=>De(U),[U]),it=c.default.useMemo(()=>o.sortConversationsByField(v?[...W,...G]:W,C),[W,G,v,C]),at=c.default.useMemo(()=>({emptyWorkspace:d(n.I18nKey.CONVERSATION_PANEL$NO_WORKSPACE),emptyRepository:d(n.I18nKey.CONVERSATION_PANEL$NO_REPOSITORY)}),[d]),K=c.default.useMemo(()=>u||S!==`grouped`?null:o.groupConversations([...W,...v?G:[]],m.kind,C,at),[m.kind,u,C,at,G,S,W,v]),q=c.default.useMemo(()=>K?o.applyGroupFolderOrder(K,T):null,[K,T]),ot=c.default.useMemo(()=>K?.map(e=>e.id)??[],[K]),st=c.default.useMemo(()=>o.sortConversationsByField(W.filter(e=>r.isExecutionActive(e.execution_status)),C),[C,W]),ct=it.length,lt=c.default.useMemo(()=>q?q.reduce((e,t)=>e+t.conversations.length,0):0,[q]),ut=S===`grouped`&&!u?lt===0:ct===0,J=S===`grouped`&&!u?lt:ct,[Y,X]=c.default.useState(null),dt=c.default.useRef(J);dt.current=J;let ft=c.default.useCallback(()=>{I&&X(dt.current)},[I]);c.default.useEffect(()=>{if(Y!==null){if(J>Y){X(null);return}if(!I){X(null);return}L||R||z()}},[Y,J,I,L,R,z]);let pt=Y!==null||R,{mutate:mt,mutateAsync:ht}=se.useDeleteConversation(),{mutate:gt}=ce.useUnifiedPauseConversation(),{mutate:_t}=ue.useUpdateConversation(),vt=G.length>0&&!v,yt=!!I&&!vt&&!u&&!ut,{mutate:bt}=ae.useCreateConversation(),Z=le.useIsCreatingConversation(),xt=c.default.useCallback(e=>{Z||bt({workingDir:e.workingDir,repository:e.repository,entryPoint:`sidebar_relaunch_project`},{onSuccess:e=>{p(`/conversations/${e.conversation_id}`)}})},[bt,Z,p]),St=c.default.useCallback((e,t)=>{h(!0),M(e),N(t)},[]),Ct=c.default.useCallback(e=>{g(!0),M(e)},[]),wt=c.default.useCallback((e,t)=>{_t({conversationId:e,newTitle:t},{onSuccess:()=>{te.displaySuccessToast(d(n.I18nKey.CONVERSATION$TITLE_UPDATED))}})},[d,_t]),Tt=()=>{j&&mt({conversationId:j},{onSuccess:()=>{j===f&&p(`/conversations`)}})},Et=()=>{j&&gt({conversationId:j})},Dt=async()=>{let e=V.map(e=>e.id),t=await Promise.allSettled(e.map(e=>ht({conversationId:e}))),n=t.flatMap((t,n)=>t.status===`fulfilled`?[e[n]]:[]),r=t.length-n.length;f!==null&&n.includes(f)&&p(`/conversations`),r>0&&te.displayErrorToast(`${r} conversation${r===1?``:`s`} could not be deleted.`)},Q=c.default.useCallback((t,n)=>{let r=A.includes(t.id);return u?(0,l.jsx)(be.CompactConversationRow,{conversationId:t.id,title:t.title??``,selectedRepository:{selected_repository:t.selected_repository,selected_branch:t.selected_branch,git_provider:t.git_provider},executionStatus:t.execution_status,sandboxStatus:t.sandbox_status,lastUpdatedAt:t.updated_at,createdAt:t.created_at,workspaceWorkingDir:t.selected_workspace??t.workspace?.working_dir,isActive:t.id===f,onClose:e,showRepositoryMetadata:y,llmModel:t.llm_model,showLlmProfiles:b,agentKind:t.agent_kind,acpServer:t.acp_server},t.id):(0,l.jsx)(re.tooltip_default,{placement:`right-start`,delay:1e3,closeDelay:100,isDisabled:!x||P===t.id,disableAnimation:!1,className:`rounded-xl border border-[var(--oh-border)] bg-base-secondary p-0 text-white shadow-xl`,content:(0,l.jsx)(_e.ConversationCardPreview,{title:t.title??``,executionStatus:t.execution_status,sandboxStatus:t.sandbox_status,selectedRepository:{selected_repository:t.selected_repository,selected_branch:t.selected_branch,git_provider:t.git_provider},workspaceWorkingDir:t.selected_workspace??t.workspace?.working_dir,llmModel:t.llm_model,createdAt:t.created_at}),children:(0,l.jsx)(oe.NavigationLink,{to:`/conversations/${t.id}`,onClick:e,className:i.cn(`block rounded-md transition-colors`,P!==t.id&&`hover:bg-[var(--oh-surface)]`,(t.id===f||P===t.id)&&`bg-[var(--oh-surface)]`),children:(0,l.jsx)(ge.ConversationCard,{onDelete:()=>St(t.id,t.title??``),onStop:()=>Ct(t.id),onChangeTitle:e=>wt(t.id,e),title:t.title??``,selectedRepository:{selected_repository:t.selected_repository,selected_branch:t.selected_branch,git_provider:t.git_provider},lastUpdatedAt:t.updated_at,createdAt:t.created_at,executionStatus:t.execution_status,sandboxStatus:t.sandbox_status,conversationId:t.id,contextMenuOpen:P===t.id,onContextMenuToggle:e=>tt(e?t.id:null),isActive:t.id===f,workspaceWorkingDir:t.selected_workspace??t.workspace?.working_dir,showRepositoryMetadata:y,llmModel:t.llm_model,showLlmProfiles:b,agentKind:t.agent_kind,acpServer:t.acp_server,isPinned:r,onTogglePin:()=>Ye(m.id,t.id),alwaysShowPinIcon:r&&!n?.inPinnedSection})})},t.id)},[m.id,u,f,wt,St,Ct,e,P,A,y,b,x,Ye]),$=rt||!F,Ot=!u&&!$&&H.length>0,kt=F&&!rt&&!u&&ut&&!Ot&&!B?.length;return(0,l.jsxs)(`div`,{ref:Oe,"data-testid":`conversation-panel`,className:`flex h-full min-h-0 w-full flex-col`,children:[!u&&(0,l.jsx)(`div`,{className:i.cn(`-ml-2.5 w-[calc(100%+0.625rem)] max-w-none box-border border-b`,Ue?`border-[var(--oh-border)]`:`border-transparent`),children:(0,l.jsxs)(`div`,{"data-testid":`older-conversations-summary`,className:`flex min-w-0 flex-nowrap items-center gap-x-2 py-2 pl-4 pr-2.5 text-[var(--oh-muted)]`,children:[(0,l.jsx)(`span`,{className:`min-w-0 truncate text-sm font-medium text-[var(--oh-muted)]`,children:d(n.I18nKey.SIDEBAR$CONVERSATIONS)}),(0,l.jsxs)(`div`,{className:`ml-auto flex shrink-0 items-center gap-0.5`,children:[(0,l.jsx)(Se.ConversationPanelNewThreadPicker,{backendKind:m.kind}),(0,l.jsx)(xe.ConversationPanelFilterMenu,{filterMenuOpen:He,setFilterMenuOpen:E,menuRef:Ge,backendKind:m.kind,organizeMode:S,setOrganizeMode:Re,conversationSort:C,setConversationSort:ze,threadScope:w,setThreadScope:Be,showOlderConversations:v,toggleShowOlderConversations:Pe,showRepoBranchMetadata:y,toggleShowRepoBranchMetadata:Fe,showLlmProfiles:b,toggleShowLlmProfiles:Ie,showHoverMetadata:x,toggleShowHoverMetadata:Le,totalConversationsCount:V.length,onRequestDeleteAll:()=>_(!0)})]})]})}),(0,l.jsxs)(`div`,{ref:$e,"data-testid":`conversation-panel-list-scroll`,onScroll:e=>{We(e.currentTarget.scrollTop>0)},className:i.cn(`flex min-h-0 flex-1 flex-col overflow-y-auto overflow-x-hidden overscroll-contain custom-scrollbar-always`,!u&&`conversation-panel-list-scroll`),children:[$&&(0,l.jsx)(ye.ConversationCardSkeleton,{compact:u}),!u&&kt&&(0,l.jsx)(`div`,{"data-testid":`conversation-panel-empty-state`,className:`flex min-h-0 flex-1 flex-col items-center justify-center px-4 py-8`,children:(0,l.jsx)(`p`,{className:`text-xs text-[var(--oh-muted)]`,children:d(n.I18nKey.CONVERSATION$NO_CONVERSATIONS)})}),Ot?(0,l.jsx)(we.ConversationPanelPinnedSection,{pinnedConversations:H,isPreviewExpanded:Je,onTogglePreviewExpanded:()=>k(e=>!e),activeConversationId:f,showDivider:!u&&S===`chronological`,renderConversationCard:e=>Q(e,{inPinnedSection:!0})}):null,!u&&B?.map(t=>(0,l.jsx)(oe.NavigationLink,{to:`/conversations/task-${t.id}`,onClick:e,className:`block`,children:(0,l.jsx)(ve.StartTaskCard,{task:t})},t.id)),!$&&u?st.map(e=>Q(e)):null,!$&&!u&&S===`grouped`&&q&&q.length>0?(0,l.jsx)(Ce.ConversationGroupFolderList,{groups:q,groupIds:ot,groupFolderOrder:T,setGroupFolderOrder:Ve,collapsedGroupIds:Ke,expandedGroupPreviewIds:qe,onToggleGroupCollapsed:Ze,onToggleGroupPreviewExpanded:Qe,isCreatingConversationFlow:Z,activeConversationId:f,onLaunchFromGroup:xt,renderConversationCard:e=>Q(e)}):null,!$&&!u&&S===`chronological`?(0,l.jsx)(`div`,{className:`space-y-0.5`,children:it.map(e=>Q(e))}):null,yt&&(pt?(0,l.jsx)(`div`,{className:`py-1`,children:(0,l.jsx)(ye.ConversationCardSkeleton,{compact:u})}):(0,l.jsx)(`div`,{className:`flex justify-center py-4`,children:(0,l.jsx)(`button`,{type:`button`,"data-testid":`load-more-conversations`,onClick:ft,className:`text-xs text-[var(--oh-muted)] hover:text-white`,children:d(n.I18nKey.CONVERSATION$LOAD_MORE)})}))]}),ke&&(0,l.jsx)(de.ConfirmDeleteModal,{onConfirm:()=>{Tt(),h(!1),N(null)},onCancel:()=>{h(!1),N(null)},conversationTitle:et??void 0}),Ne&&(0,l.jsx)(de.ConfirmDeleteModal,{title:d(n.I18nKey.CONVERSATION$CONFIRM_DELETE_ALL_TITLE),description:d(n.I18nKey.CONVERSATION$CONFIRM_DELETE_ALL_DESC,{count:V.length}),onConfirm:async()=>{await Dt(),_(!1)},onCancel:()=>_(!1)}),Ae&&(0,l.jsx)(fe.ConfirmStopModal,{onConfirm:()=>{Et(),g(!1)},onCancel:()=>g(!1)}),je&&(0,l.jsx)(he.ExitConversationModal,{onConfirm:()=>{e?.()},onClose:()=>Me(!1),onCancel:()=>Me(!1)})]})}exports.ConversationPanel=d;
 //# sourceMappingURL=conversation-panel.cjs.map

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

@@ -11,13 +11,13 @@ import { useCreateConversation as ae } from "../../../hooks/mutation/use-create-
 import { NavigationLink as oe } from "../../shared/navigation-link.js";
 import { useDeleteConversation as se } from "../../../hooks/mutation/use-delete-conversation.js";
 import { useUnifiedPauseConversation as ce } from "../../../hooks/mutation/use-unified-stop-conversation.js";
-import { useUpdateConversation as le } from "../../../hooks/mutation/use-update-conversation.js";
+import { useIsCreatingConversation as le } from "../../../hooks/use-is-creating-conversation.js";
+import { useUpdateConversation as ue } from "../../../hooks/mutation/use-update-conversation.js";
 import { ConfirmDeleteModal as a } from "./confirm-delete-modal.js";
-import { ConfirmStopModal as ue } from "./confirm-stop-modal.js";
-import { usePaginatedConversations as de } from "../../../hooks/query/use-paginated-conversations.js";
-import { useStartTasks as fe } from "../../../hooks/query/use-start-tasks.js";
-import { ExitConversationModal as pe } from "./exit-conversation-modal.js";
-import { useIsCreatingConversation as me } from "../../../hooks/use-is-creating-conversation.js";
+import { ConfirmStopModal as de } from "./confirm-stop-modal.js";
+import { usePaginatedConversations as fe } from "../../../hooks/query/use-paginated-conversations.js";
+import { useStartTasks as pe } from "../../../hooks/query/use-start-tasks.js";
+import { ExitConversationModal as me } from "./exit-conversation-modal.js";
 import { ConversationCard as he } from "./conversation-card/conversation-card.js";
 import { ConversationCardPreview as ge } from "./conversation-card/conversation-card-preview.js";
 import { StartTaskCard as _e } from "./start-task-card/start-task-card.js";
@@ -61,7 +61,7 @@ function p({ onClose: f, compact: p = !1 }) {
 	l.useEffect(() => {
 		E !== "grouped" && (j(/* @__PURE__ */ new Set()), M(/* @__PURE__ */ new Set()));
 	}, [E]);
-	let et = l.useRef(null), [I, tt] = l.useState(null), [nt, L] = l.useState(null), [R, rt] = l.useState(null), { data: it, isLoading: at, isFetched: z, hasNextPage: B, isFetching: ot, isFetchingNextPage: V, fetchNextPage: st } = de(), { data: ct } = fe(), H = l.useMemo(() => {
+	let et = l.useRef(null), [I, tt] = l.useState(null), [nt, L] = l.useState(null), [R, rt] = l.useState(null), { data: it, isLoading: at, isFetched: z, hasNextPage: B, isFetching: ot, isFetchingNextPage: V, fetchNextPage: st } = fe(), { data: ct } = pe(), H = l.useMemo(() => {
 		let e = it?.pages.flatMap((e) => e.items) ?? [], t = /* @__PURE__ */ new Set();
 		return e.filter((e) => t.has(e.id) ? !1 : (t.add(e.id), !0));
 	}, [it]), lt = l.useMemo(() => we(P, H), [H, P]);
@@ -125,7 +125,7 @@ function p({ onClose: f, compact: p = !1 }) {
 		V,
 		st
 	]);
-	let bt = J !== null || V, { mutate: xt, mutateAsync: St } = se(), { mutate: Ct } = ce(), { mutate: wt } = le(), Tt = W.length > 0 && !S, Et = !!B && !Tt && !p && !_t, { mutate: Dt } = ae(), X = me(), Ot = l.useCallback((e) => {
+	let bt = J !== null || V, { mutate: xt, mutateAsync: St } = se(), { mutate: Ct } = ce(), { mutate: wt } = ue(), Tt = W.length > 0 && !S, Et = !!B && !Tt && !p && !_t, { mutate: Dt } = ae(), X = le(), Ot = l.useCallback((e) => {
 		X || Dt({
 			workingDir: e.workingDir,
 			repository: e.repository,
@@ -370,13 +370,13 @@ function p({ onClose: f, compact: p = !1 }) {
 				},
 				onCancel: () => x(!1)
 			}),
-			Ne && /* @__PURE__ */ u(ue, {
+			Ne && /* @__PURE__ */ u(de, {
 				onConfirm: () => {
 					Nt(), y(!1);
 				},
 				onCancel: () => y(!1)
 			}),
-			Pe && /* @__PURE__ */ u(pe, {
+			Pe && /* @__PURE__ */ u(me, {
 				onConfirm: () => {
 					f?.();
 				},

package/dist/components/features/mcp-page/custom-server-editor.cjs

@@ -1,2 +1,2 @@
-const e=require(`../../../_virtual/_rolldown/runtime.cjs`),t=require(`../../../node_modules/react-i18next/dist/es/useTranslation.cjs`),n=require(`../../../i18n/declaration.cjs`),r=require(`../../../utils/utils.cjs`),i=require(`../../../utils/retrieve-axios-error-message.cjs`),a=require(`../../../utils/custom-toast-handlers.cjs`),o=require(`../../../contexts/active-backend-context.cjs`),s=require(`../../shared/modals/modal-backdrop.cjs`),c=require(`../../../utils/modal-classes.cjs`),l=require(`../../shared/modals/modal-close-button.cjs`),u=require(`../../shared/modals/confirmation-modal.cjs`),d=require(`../../../hooks/mutation/use-delete-mcp-server.cjs`),f=require(`../../../hooks/mutation/use-add-mcp-server.cjs`),p=require(`../../../api/mcp-service/mcp-service.api.cjs`),m=require(`../../../hooks/mutation/use-test-mcp-server.cjs`),h=require(`../settings/mcp-settings/mcp-server-form.cjs`),g=require(`../../../hooks/mutation/use-update-mcp-server.cjs`);let _=require(`react`);_=e.__toESM(_,1);let v=require(`react/jsx-runtime`);function y({server:e,existingServers:y,onClose:b}){let{t:x}=t.useTranslation(`openhands`),{mutate:S,isPending:C}=f.useAddMcpServer(),{mutate:w,isPending:T}=g.useUpdateMcpServer(),{mutate:E,isPending:D}=d.useDeleteMcpServer(),{mutate:O,isPending:k,data:A,reset:j}=m.useTestMcpServer(),[M,N]=_.default.useState(!1),[P,F]=_.default.useState(null),[I,L]=_.default.useState(!1),{backend:R}=o.useActiveBackend(),z=R.kind===`cloud`,B=!!e.id,V=C||T||D,H=V||k||I||M,U=e=>{switch(e.error_kind){case`timeout`:return x(n.I18nKey.MCP$TEST_ERROR_TIMEOUT);case`connection`:return x(n.I18nKey.MCP$TEST_ERROR_CONNECTION);case`credentials`:return x(n.I18nKey.MCP$TEST_ERROR_CREDENTIALS,{error:e.error});default:return x(n.I18nKey.MCP$TEST_ERROR_UNKNOWN,{error:e.error})}},W=_.default.useMemo(()=>{let e=P??A;return e?e.ok?{ok:!0,text:x(n.I18nKey.MCP$TEST_SUCCESS,{count:e.tools.length})}:{ok:!1,text:U(e)}:null},[P,A,x]),G=e=>{a.displayErrorToast(i.retrieveAxiosErrorMessage(e)||x(n.I18nKey.ERROR$GENERIC))};return(0,v.jsxs)(v.Fragment,{children:[(0,v.jsx)(s.ModalBackdrop,{onClose:H?void 0:b,closeOnEscape:!H,"aria-label":x(B?n.I18nKey.MCP$EDIT_CUSTOM_TITLE:n.I18nKey.MCP$ADD_CUSTOM_TITLE),children:(0,v.jsxs)(`div`,{"data-testid":`mcp-custom-editor`,className:`relative bg-base-secondary p-6 rounded-xl border border-[var(--oh-border)] w-[520px] max-w-[90vw] max-h-[90vh] overflow-y-auto custom-scrollbar`,children:[(0,v.jsx)(l.ModalCloseButton,{onClose:b,testId:`mcp-custom-editor-close`,disabled:H}),(0,v.jsx)(`h2`,{className:r.cn(`mb-4 pr-6`,c.modalTitleLgClassName),children:x(B?n.I18nKey.MCP$EDIT_CUSTOM_TITLE:n.I18nKey.MCP$ADD_CUSTOM_TITLE)}),(0,v.jsx)(h.MCPServerForm,{mode:B?`edit`:`add`,server:B?e:void 0,existingServers:y,onSubmit:t=>{if(j(),F(null),t.auth?.strategy===`oauth2`){L(!0),p.default.authorizeOAuth(t).then(n=>{if(F(n),!n.ok)return;let r=n.oauth_state?{...t,auth:{...t.auth,state:n.oauth_state}}:t;B?w({serverId:e.id,server:r},{onSuccess:b,onError:G}):S(r,{onSuccess:b,onError:G})}).catch(G).finally(()=>L(!1));return}O(t,{onSuccess:n=>{if(!n.ok)return;let r=n.oauth_state&&t.auth?.strategy===`oauth2`?{...t,auth:{...t.auth,state:n.oauth_state}}:t;B?w({serverId:e.id,server:r},{onSuccess:b,onError:G}):S(r,{onSuccess:b,onError:G})},onError:G})},onCancel:b,onDelete:B?()=>N(!0):void 0,isActionDisabled:V,onTest:z?void 0:e=>{if(F(null),e.auth?.strategy===`oauth2`&&!z){L(!0),p.default.authorizeOAuth(e).then(F).catch(G).finally(()=>L(!1));return}O(e)},isTestPending:k||I,testMessage:z?null:W})]})}),M?(0,v.jsx)(u.ConfirmationModal,{text:x(n.I18nKey.SETTINGS$MCP_CONFIRM_DELETE),onCancel:()=>N(!1),onConfirm:()=>{E(e,{onSuccess:()=>{a.displaySuccessToast(x(n.I18nKey.MCP$REMOVE_SUCCESS)),N(!1),b()},onError:e=>{G(e),N(!1)}})},isConfirming:D}):null]})}exports.CustomServerEditor=y;
+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(`../../../utils/retrieve-axios-error-message.cjs`),a=require(`../../../utils/custom-toast-handlers.cjs`),o=require(`../../../contexts/active-backend-context.cjs`),s=require(`../../shared/modals/modal-backdrop.cjs`),c=require(`../../../utils/modal-classes.cjs`),l=require(`../../shared/modals/modal-close-button.cjs`),u=require(`../../shared/modals/confirmation-modal.cjs`),d=require(`../../../hooks/mutation/use-delete-mcp-server.cjs`),f=require(`../../../api/mcp-service/mcp-service.api.cjs`),p=require(`../../../api/mcp-health/probe-mcp-server-health.cjs`),m=require(`../../../hooks/mutation/use-update-mcp-server.cjs`),h=require(`../../../utils/mcp-test-error-message.cjs`),g=require(`../../../hooks/mutation/use-add-mcp-server.cjs`),_=require(`../../../hooks/mutation/use-test-mcp-server.cjs`),v=require(`../settings/mcp-settings/mcp-server-form.cjs`);let y=require(`react`);y=e.__toESM(y,1);let b=require(`react/jsx-runtime`);function x({server:e,existingServers:x,onClose:S}){let{t:C}=t.useTranslation(`openhands`),{mutate:w,isPending:T}=g.useAddMcpServer(),{mutate:E,isPending:D}=m.useUpdateMcpServer(),{mutate:O,isPending:k}=d.useDeleteMcpServer(),{mutate:A,isPending:j,data:M,reset:N}=_.useTestMcpServer(),[P,F]=y.default.useState(!1),[I,L]=y.default.useState(null),[R,z]=y.default.useState(!1),{backend:B}=o.useActiveBackend(),V=B.kind===`cloud`,H=!!e.id,U=T||D||k,W=U||j||R||P,G=y.default.useMemo(()=>{let e=I??M;return e?e.ok?{ok:!0,text:C(n.I18nKey.MCP$TEST_SUCCESS,{count:e.tools.length})}:{ok:!1,text:h.makeMcpTestErrorMessage(C,e.error_kind,e.error)}:null},[I,M,C]),K=(t,n)=>{V||p.seedMcpServerHealth(t,n,H?x.filter(t=>t.id!==e.id):x)},q=e=>{a.displayErrorToast(i.retrieveAxiosErrorMessage(e)||C(n.I18nKey.ERROR$GENERIC))};return(0,b.jsxs)(b.Fragment,{children:[(0,b.jsx)(s.ModalBackdrop,{onClose:W?void 0:S,closeOnEscape:!W,"aria-label":C(H?n.I18nKey.MCP$EDIT_CUSTOM_TITLE:n.I18nKey.MCP$ADD_CUSTOM_TITLE),children:(0,b.jsxs)(`div`,{"data-testid":`mcp-custom-editor`,className:`relative bg-base-secondary p-6 rounded-xl border border-[var(--oh-border)] w-[520px] max-w-[90vw] max-h-[90vh] overflow-y-auto custom-scrollbar`,children:[(0,b.jsx)(l.ModalCloseButton,{onClose:S,testId:`mcp-custom-editor-close`,disabled:W}),(0,b.jsx)(`h2`,{className:r.cn(`mb-4 pr-6`,c.modalTitleLgClassName),children:C(H?n.I18nKey.MCP$EDIT_CUSTOM_TITLE:n.I18nKey.MCP$ADD_CUSTOM_TITLE)}),(0,b.jsx)(v.MCPServerForm,{mode:H?`edit`:`add`,server:H?e:void 0,existingServers:x,onSubmit:t=>{if(N(),L(null),t.auth?.strategy===`oauth2`){z(!0),f.default.authorizeOAuth(t).then(n=>{if(L(n),!n.ok)return;let r=n.oauth_state?{...t,auth:{...t.auth,state:n.oauth_state}}:t,i=()=>{K(r,n),S()};H?E({serverId:e.id,server:r},{onSuccess:i,onError:q}):w(r,{onSuccess:i,onError:q})}).catch(q).finally(()=>z(!1));return}A(t,{onSuccess:n=>{if(!n.ok)return;let r=n.oauth_state&&t.auth?.strategy===`oauth2`?{...t,auth:{...t.auth,state:n.oauth_state}}:t,i=()=>{K(r,n),S()};H?E({serverId:e.id,server:r},{onSuccess:i,onError:q}):w(r,{onSuccess:i,onError:q})},onError:q})},onCancel:S,onDelete:H?()=>F(!0):void 0,isActionDisabled:U,onTest:V?void 0:e=>{if(L(null),e.auth?.strategy===`oauth2`&&!V){z(!0),f.default.authorizeOAuth(e).then(L).catch(q).finally(()=>z(!1));return}A(e)},isTestPending:j||R,testMessage:V?null:G})]})}),P?(0,b.jsx)(u.ConfirmationModal,{text:C(n.I18nKey.SETTINGS$MCP_CONFIRM_DELETE),onCancel:()=>F(!1),onConfirm:()=>{O(e,{onSuccess:()=>{a.displaySuccessToast(C(n.I18nKey.MCP$REMOVE_SUCCESS)),F(!1),S()},onError:e=>{q(e),F(!1)}})},isConfirming:k}):null]})}exports.CustomServerEditor=x;
 //# sourceMappingURL=custom-server-editor.cjs.map

package/dist/components/features/mcp-page/custom-server-editor.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"custom-server-editor.cjs","names":[],"sources":["../../../../src/components/features/mcp-page/custom-server-editor.tsx"],"sourcesContent":["import React from \"react\";\nimport { AxiosError } from \"axios\";\nimport { useTranslation } from \"react-i18next\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { ModalBackdrop } from \"#/components/shared/modals/modal-backdrop\";\nimport { ModalCloseButton } from \"#/components/shared/modals/modal-close-button\";\nimport { ConfirmationModal } from \"#/components/shared/modals/confirmation-modal\";\nimport {\n  MCPServerForm,\n  type TestMessage,\n} from \"#/components/features/settings/mcp-settings/mcp-server-form\";\nimport { useAddMcpServer } from \"#/hooks/mutation/use-add-mcp-server\";\nimport { useUpdateMcpServer } from \"#/hooks/mutation/use-update-mcp-server\";\nimport { useDeleteMcpServer } from \"#/hooks/mutation/use-delete-mcp-server\";\nimport { useTestMcpServer } from \"#/hooks/mutation/use-test-mcp-server\";\nimport { useActiveBackend } from \"#/contexts/active-backend-context\";\nimport {\n  ExtendedMCPTestFailure,\n  ExtendedMCPTestResponse,\n  MCPServerConfig,\n} from \"#/types/mcp-server\";\nimport {\n  displayErrorToast,\n  displaySuccessToast,\n} from \"#/utils/custom-toast-handlers\";\nimport { retrieveAxiosErrorMessage } from \"#/utils/retrieve-axios-error-message\";\nimport { cn } from \"#/utils/utils\";\nimport { modalTitleLgClassName } from \"#/utils/modal-classes\";\nimport McpService from \"#/api/mcp-service/mcp-service.api\";\n\ninterface CustomServerEditorProps {\n  server: MCPServerConfig;\n  existingServers: MCPServerConfig[];\n  onClose: () => void;\n}\n\n/**\n * Modal wrapper around `MCPServerForm` so users can hand-author\n * arbitrary stdio / SSE / SHTTP entries without reaching for raw JSON.\n * An empty `server.id` means \"Add new\".\n */\nexport function CustomServerEditor({\n  server,\n  existingServers,\n  onClose,\n}: CustomServerEditorProps) {\n  const { t } = useTranslation(\"openhands\");\n  const { mutate: addMcpServer, isPending: isAdding } = useAddMcpServer();\n  const { mutate: updateMcpServer, isPending: isUpdating } =\n    useUpdateMcpServer();\n  const { mutate: deleteMcpServer, isPending: isDeleting } =\n    useDeleteMcpServer();\n  const {\n    mutate: testServer,\n    isPending: isTesting,\n    data: testResult,\n    reset: resetTest,\n  } = useTestMcpServer();\n  const [showDeleteConfirm, setShowDeleteConfirm] = React.useState(false);\n  const [oauthTestResult, setOauthTestResult] =\n    React.useState<ExtendedMCPTestResponse | null>(null);\n  const [isOauthTesting, setIsOauthTesting] = React.useState(false);\n\n  // The MCP connectivity-test endpoint only exists on the local agent-server.\n  // For cloud backends `McpService.testServer` short-circuits with a synthetic\n  // success so the save still completes; we hide the manual \"Test connection\"\n  // button here so cloud users aren't shown a misleading \"0 tools\" result.\n  const { backend } = useActiveBackend();\n  const isCloudBackend = backend.kind === \"cloud\";\n\n  const isEditing = !!server.id;\n  const isPending = isAdding || isUpdating || isDeleting;\n  const isDismissBlocked =\n    isPending || isTesting || isOauthTesting || showDeleteConfirm;\n\n  const makeTestErrorMessage = (failure: ExtendedMCPTestFailure): string => {\n    switch (failure.error_kind) {\n      case \"timeout\":\n        return t(I18nKey.MCP$TEST_ERROR_TIMEOUT);\n      case \"connection\":\n        return t(I18nKey.MCP$TEST_ERROR_CONNECTION);\n      case \"credentials\":\n        return t(I18nKey.MCP$TEST_ERROR_CREDENTIALS, { error: failure.error });\n      default:\n        return t(I18nKey.MCP$TEST_ERROR_UNKNOWN, { error: failure.error });\n    }\n  };\n\n  const testMessage: TestMessage | null = React.useMemo(() => {\n    const result = oauthTestResult ?? testResult;\n    if (!result) return null;\n    if (result.ok) {\n      return {\n        ok: true,\n        text: t(I18nKey.MCP$TEST_SUCCESS, { count: result.tools.length }),\n      };\n    }\n    return { ok: false, text: makeTestErrorMessage(result) };\n  }, [oauthTestResult, testResult, t]);\n\n  // Shared error handler so both add and update surface backend errors\n  // as a toast instead of failing silently — previously these calls\n  // had no `onError` and the modal closed even on a 4xx/5xx, leaving\n  // the user to discover the failure on the next page load.\n  const handleError = (err: unknown) => {\n    const message = retrieveAxiosErrorMessage(err as AxiosError);\n    displayErrorToast(message || t(I18nKey.ERROR$GENERIC));\n  };\n\n  const handleSubmit = (payload: MCPServerConfig) => {\n    resetTest();\n    setOauthTestResult(null);\n    if (payload.auth?.strategy === \"oauth2\") {\n      setIsOauthTesting(true);\n      void McpService.authorizeOAuth(payload)\n        .then((result) => {\n          setOauthTestResult(result);\n          if (!result.ok) return;\n          const serverToSave = result.oauth_state\n            ? {\n                ...payload,\n                auth: { ...payload.auth!, state: result.oauth_state },\n              }\n            : payload;\n          if (isEditing) {\n            updateMcpServer(\n              { serverId: server.id, server: serverToSave },\n              { onSuccess: onClose, onError: handleError },\n            );\n          } else {\n            addMcpServer(serverToSave, {\n              onSuccess: onClose,\n              onError: handleError,\n            });\n          }\n        })\n        .catch(handleError)\n        .finally(() => setIsOauthTesting(false));\n      return;\n    }\n    testServer(payload, {\n      onSuccess: (result) => {\n        if (!result.ok) {\n          // Test failed — modal stays open, error shown via testMessage.\n          return;\n        }\n        const serverToSave =\n          result.oauth_state && payload.auth?.strategy === \"oauth2\"\n            ? {\n                ...payload,\n                auth: { ...payload.auth, state: result.oauth_state },\n              }\n            : payload;\n        if (isEditing) {\n          updateMcpServer(\n            { serverId: server.id, server: serverToSave },\n            { onSuccess: onClose, onError: handleError },\n          );\n        } else {\n          addMcpServer(serverToSave, {\n            onSuccess: onClose,\n            onError: handleError,\n          });\n        }\n      },\n      onError: handleError,\n    });\n  };\n\n  const handleTestClick = (payload: MCPServerConfig) => {\n    setOauthTestResult(null);\n    if (payload.auth?.strategy === \"oauth2\" && !isCloudBackend) {\n      setIsOauthTesting(true);\n      void McpService.authorizeOAuth(payload)\n        .then(setOauthTestResult)\n        .catch(handleError)\n        .finally(() => setIsOauthTesting(false));\n      return;\n    }\n    testServer(payload);\n  };\n\n  const handleConfirmDelete = () => {\n    deleteMcpServer(server, {\n      onSuccess: () => {\n        displaySuccessToast(t(I18nKey.MCP$REMOVE_SUCCESS));\n        setShowDeleteConfirm(false);\n        onClose();\n      },\n      onError: (err) => {\n        handleError(err);\n        setShowDeleteConfirm(false);\n      },\n    });\n  };\n\n  return (\n    <>\n      <ModalBackdrop\n        // Block backdrop-click / Escape from dismissing the modal while\n        // a mutation is in flight — closing mid-request would orphan\n        // the request and leave the user with no error feedback.\n        onClose={isDismissBlocked ? undefined : onClose}\n        closeOnEscape={!isDismissBlocked}\n        aria-label={\n          isEditing\n            ? t(I18nKey.MCP$EDIT_CUSTOM_TITLE)\n            : t(I18nKey.MCP$ADD_CUSTOM_TITLE)\n        }\n      >\n        <div\n          data-testid=\"mcp-custom-editor\"\n          className=\"relative bg-base-secondary p-6 rounded-xl border border-[var(--oh-border)] w-[520px] max-w-[90vw] max-h-[90vh] overflow-y-auto custom-scrollbar\"\n        >\n          <ModalCloseButton\n            onClose={onClose}\n            testId=\"mcp-custom-editor-close\"\n            disabled={isDismissBlocked}\n          />\n          <h2 className={cn(\"mb-4 pr-6\", modalTitleLgClassName)}>\n            {isEditing\n              ? t(I18nKey.MCP$EDIT_CUSTOM_TITLE)\n              : t(I18nKey.MCP$ADD_CUSTOM_TITLE)}\n          </h2>\n          <MCPServerForm\n            mode={isEditing ? \"edit\" : \"add\"}\n            server={isEditing ? server : undefined}\n            existingServers={existingServers}\n            onSubmit={handleSubmit}\n            onCancel={onClose}\n            onDelete={isEditing ? () => setShowDeleteConfirm(true) : undefined}\n            isActionDisabled={isPending}\n            onTest={isCloudBackend ? undefined : handleTestClick}\n            isTestPending={isTesting || isOauthTesting}\n            testMessage={isCloudBackend ? null : testMessage}\n          />\n        </div>\n      </ModalBackdrop>\n\n      {showDeleteConfirm ? (\n        <ConfirmationModal\n          text={t(I18nKey.SETTINGS$MCP_CONFIRM_DELETE)}\n          onCancel={() => setShowDeleteConfirm(false)}\n          onConfirm={handleConfirmDelete}\n          isConfirming={isDeleting}\n        />\n      ) : null}\n    </>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"custom-server-editor.cjs","names":[],"sources":["../../../../src/components/features/mcp-page/custom-server-editor.tsx"],"sourcesContent":["import React from \"react\";\nimport { AxiosError } from \"axios\";\nimport { useTranslation } from \"react-i18next\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { ModalBackdrop } from \"#/components/shared/modals/modal-backdrop\";\nimport { ModalCloseButton } from \"#/components/shared/modals/modal-close-button\";\nimport { ConfirmationModal } from \"#/components/shared/modals/confirmation-modal\";\nimport {\n  MCPServerForm,\n  type TestMessage,\n} from \"#/components/features/settings/mcp-settings/mcp-server-form\";\nimport { seedMcpServerHealth } from \"#/api/mcp-health/probe-mcp-server-health\";\nimport { useAddMcpServer } from \"#/hooks/mutation/use-add-mcp-server\";\nimport { useUpdateMcpServer } from \"#/hooks/mutation/use-update-mcp-server\";\nimport { useDeleteMcpServer } from \"#/hooks/mutation/use-delete-mcp-server\";\nimport { useTestMcpServer } from \"#/hooks/mutation/use-test-mcp-server\";\nimport { useActiveBackend } from \"#/contexts/active-backend-context\";\nimport { ExtendedMCPTestResponse, MCPServerConfig } from \"#/types/mcp-server\";\nimport {\n  displayErrorToast,\n  displaySuccessToast,\n} from \"#/utils/custom-toast-handlers\";\nimport { makeMcpTestErrorMessage } from \"#/utils/mcp-test-error-message\";\nimport { retrieveAxiosErrorMessage } from \"#/utils/retrieve-axios-error-message\";\nimport { cn } from \"#/utils/utils\";\nimport { modalTitleLgClassName } from \"#/utils/modal-classes\";\nimport McpService from \"#/api/mcp-service/mcp-service.api\";\n\ninterface CustomServerEditorProps {\n  server: MCPServerConfig;\n  existingServers: MCPServerConfig[];\n  onClose: () => void;\n}\n\n/**\n * Modal wrapper around `MCPServerForm` so users can hand-author\n * arbitrary stdio / SSE / SHTTP entries without reaching for raw JSON.\n * An empty `server.id` means \"Add new\".\n */\nexport function CustomServerEditor({\n  server,\n  existingServers,\n  onClose,\n}: CustomServerEditorProps) {\n  const { t } = useTranslation(\"openhands\");\n  const { mutate: addMcpServer, isPending: isAdding } = useAddMcpServer();\n  const { mutate: updateMcpServer, isPending: isUpdating } =\n    useUpdateMcpServer();\n  const { mutate: deleteMcpServer, isPending: isDeleting } =\n    useDeleteMcpServer();\n  const {\n    mutate: testServer,\n    isPending: isTesting,\n    data: testResult,\n    reset: resetTest,\n  } = useTestMcpServer();\n  const [showDeleteConfirm, setShowDeleteConfirm] = React.useState(false);\n  const [oauthTestResult, setOauthTestResult] =\n    React.useState<ExtendedMCPTestResponse | null>(null);\n  const [isOauthTesting, setIsOauthTesting] = React.useState(false);\n\n  // The MCP connectivity-test endpoint only exists on the local agent-server.\n  // For cloud backends `McpService.testServer` short-circuits with a synthetic\n  // success so the save still completes; we hide the manual \"Test connection\"\n  // button here so cloud users aren't shown a misleading \"0 tools\" result.\n  const { backend } = useActiveBackend();\n  const isCloudBackend = backend.kind === \"cloud\";\n\n  const isEditing = !!server.id;\n  const isPending = isAdding || isUpdating || isDeleting;\n  const isDismissBlocked =\n    isPending || isTesting || isOauthTesting || showDeleteConfirm;\n\n  const testMessage: TestMessage | null = React.useMemo(() => {\n    const result = oauthTestResult ?? testResult;\n    if (!result) return null;\n    if (result.ok) {\n      return {\n        ok: true,\n        text: t(I18nKey.MCP$TEST_SUCCESS, { count: result.tools.length }),\n      };\n    }\n    return {\n      ok: false,\n      text: makeMcpTestErrorMessage(t, result.error_kind, result.error),\n    };\n  }, [oauthTestResult, testResult, t]);\n\n  // A save always follows a fresh successful probe of the exact config being\n  // saved, so publish that result to the card's health entry. On cloud\n  // backends the probe is synthetic — never present it as a health verdict.\n  const seedSavedServerHealth = (\n    serverToSave: MCPServerConfig,\n    result: ExtendedMCPTestResponse,\n  ) => {\n    if (isCloudBackend) return;\n    // When editing, the server's own entry must be overwritten, so only the\n    // OTHER servers guard against a same-key collision.\n    const otherServers = isEditing\n      ? existingServers.filter((existing) => existing.id !== server.id)\n      : existingServers;\n    seedMcpServerHealth(serverToSave, result, otherServers);\n  };\n\n  // Shared error handler so both add and update surface backend errors\n  // as a toast instead of failing silently — previously these calls\n  // had no `onError` and the modal closed even on a 4xx/5xx, leaving\n  // the user to discover the failure on the next page load.\n  const handleError = (err: unknown) => {\n    const message = retrieveAxiosErrorMessage(err as AxiosError);\n    displayErrorToast(message || t(I18nKey.ERROR$GENERIC));\n  };\n\n  const handleSubmit = (payload: MCPServerConfig) => {\n    resetTest();\n    setOauthTestResult(null);\n    if (payload.auth?.strategy === \"oauth2\") {\n      setIsOauthTesting(true);\n      void McpService.authorizeOAuth(payload)\n        .then((result) => {\n          setOauthTestResult(result);\n          if (!result.ok) return;\n          const serverToSave = result.oauth_state\n            ? {\n                ...payload,\n                auth: { ...payload.auth!, state: result.oauth_state },\n              }\n            : payload;\n          const onSaved = () => {\n            seedSavedServerHealth(serverToSave, result);\n            onClose();\n          };\n          if (isEditing) {\n            updateMcpServer(\n              { serverId: server.id, server: serverToSave },\n              { onSuccess: onSaved, onError: handleError },\n            );\n          } else {\n            addMcpServer(serverToSave, {\n              onSuccess: onSaved,\n              onError: handleError,\n            });\n          }\n        })\n        .catch(handleError)\n        .finally(() => setIsOauthTesting(false));\n      return;\n    }\n    testServer(payload, {\n      onSuccess: (result) => {\n        if (!result.ok) {\n          // Test failed — modal stays open, error shown via testMessage.\n          return;\n        }\n        const serverToSave =\n          result.oauth_state && payload.auth?.strategy === \"oauth2\"\n            ? {\n                ...payload,\n                auth: { ...payload.auth, state: result.oauth_state },\n              }\n            : payload;\n        const onSaved = () => {\n          seedSavedServerHealth(serverToSave, result);\n          onClose();\n        };\n        if (isEditing) {\n          updateMcpServer(\n            { serverId: server.id, server: serverToSave },\n            { onSuccess: onSaved, onError: handleError },\n          );\n        } else {\n          addMcpServer(serverToSave, {\n            onSuccess: onSaved,\n            onError: handleError,\n          });\n        }\n      },\n      onError: handleError,\n    });\n  };\n\n  const handleTestClick = (payload: MCPServerConfig) => {\n    setOauthTestResult(null);\n    if (payload.auth?.strategy === \"oauth2\" && !isCloudBackend) {\n      setIsOauthTesting(true);\n      void McpService.authorizeOAuth(payload)\n        .then(setOauthTestResult)\n        .catch(handleError)\n        .finally(() => setIsOauthTesting(false));\n      return;\n    }\n    testServer(payload);\n  };\n\n  const handleConfirmDelete = () => {\n    deleteMcpServer(server, {\n      onSuccess: () => {\n        displaySuccessToast(t(I18nKey.MCP$REMOVE_SUCCESS));\n        setShowDeleteConfirm(false);\n        onClose();\n      },\n      onError: (err) => {\n        handleError(err);\n        setShowDeleteConfirm(false);\n      },\n    });\n  };\n\n  return (\n    <>\n      <ModalBackdrop\n        // Block backdrop-click / Escape from dismissing the modal while\n        // a mutation is in flight — closing mid-request would orphan\n        // the request and leave the user with no error feedback.\n        onClose={isDismissBlocked ? undefined : onClose}\n        closeOnEscape={!isDismissBlocked}\n        aria-label={\n          isEditing\n            ? t(I18nKey.MCP$EDIT_CUSTOM_TITLE)\n            : t(I18nKey.MCP$ADD_CUSTOM_TITLE)\n        }\n      >\n        <div\n          data-testid=\"mcp-custom-editor\"\n          className=\"relative bg-base-secondary p-6 rounded-xl border border-[var(--oh-border)] w-[520px] max-w-[90vw] max-h-[90vh] overflow-y-auto custom-scrollbar\"\n        >\n          <ModalCloseButton\n            onClose={onClose}\n            testId=\"mcp-custom-editor-close\"\n            disabled={isDismissBlocked}\n          />\n          <h2 className={cn(\"mb-4 pr-6\", modalTitleLgClassName)}>\n            {isEditing\n              ? t(I18nKey.MCP$EDIT_CUSTOM_TITLE)\n              : t(I18nKey.MCP$ADD_CUSTOM_TITLE)}\n          </h2>\n          <MCPServerForm\n            mode={isEditing ? \"edit\" : \"add\"}\n            server={isEditing ? server : undefined}\n            existingServers={existingServers}\n            onSubmit={handleSubmit}\n            onCancel={onClose}\n            onDelete={isEditing ? () => setShowDeleteConfirm(true) : undefined}\n            isActionDisabled={isPending}\n            onTest={isCloudBackend ? undefined : handleTestClick}\n            isTestPending={isTesting || isOauthTesting}\n            testMessage={isCloudBackend ? null : testMessage}\n          />\n        </div>\n      </ModalBackdrop>\n\n      {showDeleteConfirm ? (\n        <ConfirmationModal\n          text={t(I18nKey.SETTINGS$MCP_CONFIRM_DELETE)}\n          onCancel={() => setShowDeleteConfirm(false)}\n          onConfirm={handleConfirmDelete}\n          isConfirming={isDeleting}\n        />\n      ) : null}\n    </>\n  );\n}\n"],"mappings":"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"}