@openhands/agent-canvas 1.0.0-beta.9 → 1.0.0-rc.2

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

@@ -1,66 +1,63 @@
 import { useTranslation as e } from "../../../node_modules/react-i18next/dist/es/useTranslation.js";
 import { I18nKey as t } from "../../../i18n/declaration.js";
-import { AgentState as n } from "../../../types/agent-state.js";
-import { getAgentServerWorkingDir as r } from "../../../api/agent-server-config.js";
-import { useAgentState as i } from "../../../hooks/use-agent-state.js";
-import { useConversationSkills as a } from "../../../hooks/query/use-conversation-skills.js";
-import { ModalBackdrop as o } from "../../shared/modals/modal-backdrop.js";
-import { ModalBody as s } from "../../shared/modals/modal-body.js";
-import { SKILL_SCOPE_ORDER as c, groupSkillsByScope as l } from "../../../utils/skill-scope.js";
-import { SkillsModalHeader as u } from "./skills-modal-header.js";
-import { SkillsModalSection as d } from "./skills-modal-section.js";
-import { SkillsRuntimeWaitingState as f } from "./skills-runtime-waiting-state.js";
-import { SkillsLoadingState as p } from "./skills-loading-state.js";
-import { SkillsEmptyState as m } from "./skills-empty-state.js";
-import { SkillItem as h } from "./skill-item.js";
-import { useMemo as g, useState as _ } from "react";
-import { jsx as v, jsxs as y } from "react/jsx-runtime";
+import { getAgentServerWorkingDir as n } from "../../../api/agent-server-config.js";
+import { useConversationSkills as r } from "../../../hooks/query/use-conversation-skills.js";
+import { ModalBackdrop as i } from "../../shared/modals/modal-backdrop.js";
+import { ModalBody as a } from "../../shared/modals/modal-body.js";
+import { SKILL_SCOPE_ORDER as o, groupSkillsByScope as s } from "../../../utils/skill-scope.js";
+import { SkillsModalHeader as c } from "./skills-modal-header.js";
+import { SkillsModalSection as l } from "./skills-modal-section.js";
+import { SkillsLoadingState as u } from "./skills-loading-state.js";
+import { SkillsEmptyState as d } from "./skills-empty-state.js";
+import { SkillItem as f } from "./skill-item.js";
+import { useMemo as p, useState as m } from "react";
+import { jsx as h, jsxs as g } from "react/jsx-runtime";
 //#region src/components/features/conversation-panel/skills-modal.tsx
-var b = {
+var _ = {
 	project: t.SKILLS_MODAL$SECTION_PROJECT,
 	personal: t.SKILLS_MODAL$SECTION_USER,
 	public: t.SKILLS_MODAL$SECTION_PUBLIC
 };
-function x({ onClose: t }) {
-	let { t: x } = e("openhands"), { curAgentState: S } = i(), C = r(), [w, T] = _({}), { data: E, isLoading: D, isError: O, refetch: k, isRefetching: A } = a(), j = g(() => E ? l(E, C) : null, [E, C]), M = (e) => {
-		T((t) => ({
+function v({ onClose: t }) {
+	let { t: v } = e("openhands"), y = n(), [b, x] = m({}), { data: S, isLoading: C, isError: w, refetch: T, isRefetching: E } = r(), D = p(() => S ? s(S, y) : null, [S, y]), O = (e) => {
+		x((t) => ({
 			...t,
 			[e]: !t[e]
 		}));
-	}, N = ![n.LOADING, n.INIT].includes(S);
-	return /* @__PURE__ */ v(o, {
+	};
+	return /* @__PURE__ */ h(i, {
 		onClose: t,
-		children: /* @__PURE__ */ y(s, {
+		children: /* @__PURE__ */ g(a, {
 			width: "lg",
 			className: "relative max-h-[80vh] flex flex-col items-start border border-[var(--oh-border)]",
 			testID: "skills-modal",
-			children: [/* @__PURE__ */ v(u, {
-				isLoading: D,
-				isRefetching: A,
-				onRefresh: k,
+			children: [/* @__PURE__ */ h(c, {
+				isLoading: C,
+				isRefetching: E,
+				onRefresh: T,
 				onClose: t
-			}), /* @__PURE__ */ v("div", {
+			}), /* @__PURE__ */ h("div", {
 				className: "w-full h-[60vh] overflow-auto rounded-md border border-[var(--oh-border)] bg-surface-raised custom-scrollbar-always",
-				children: N ? D ? /* @__PURE__ */ v(p, {}) : O || !E || E.length === 0 ? /* @__PURE__ */ v(m, { isError: O }) : j && /* @__PURE__ */ v("div", {
+				children: C ? /* @__PURE__ */ h(u, {}) : w || !S || S.length === 0 ? /* @__PURE__ */ h(d, { isError: w }) : D && /* @__PURE__ */ h("div", {
 					className: "divide-y divide-[var(--oh-border)]",
-					children: c.map((e) => {
-						let t = j[e];
-						return t.length === 0 ? null : /* @__PURE__ */ v(d, {
-							title: x(b[e]),
+					children: o.map((e) => {
+						let t = D[e];
+						return t.length === 0 ? null : /* @__PURE__ */ h(l, {
+							title: v(_[e]),
 							count: t.length,
-							children: t.map((t) => /* @__PURE__ */ v(h, {
+							children: t.map((t) => /* @__PURE__ */ h(f, {
 								skill: t,
-								isExpanded: w[t.name] || !1,
-								onToggle: M
+								isExpanded: b[t.name] || !1,
+								onToggle: O
 							}, `${e}-${t.name}`))
 						}, e);
 					})
-				}) : /* @__PURE__ */ v(f, {})
+				})
 			})]
 		})
 	});
 }
 //#endregion
-export { x as SkillsModal };
+export { v as SkillsModal };
 
 //# sourceMappingURL=skills-modal.js.map

package/dist/components/features/conversation-panel/skills-modal.js.map

@@ -1 +1 @@
-{"version":3,"file":"skills-modal.js","names":[],"sources":["../../../../src/components/features/conversation-panel/skills-modal.tsx"],"sourcesContent":["import { useMemo, useState } from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport { ModalBackdrop } from \"#/components/shared/modals/modal-backdrop\";\nimport { ModalBody } from \"#/components/shared/modals/modal-body\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { getAgentServerWorkingDir } from \"#/api/agent-server-config\";\nimport { useConversationSkills } from \"#/hooks/query/use-conversation-skills\";\nimport { AgentState } from \"#/types/agent-state\";\nimport {\n  groupSkillsByScope,\n  SKILL_SCOPE_ORDER,\n  type SkillScope,\n} from \"#/utils/skill-scope\";\nimport { SkillsModalHeader } from \"./skills-modal-header\";\nimport { SkillsModalSection } from \"./skills-modal-section\";\nimport { SkillsRuntimeWaitingState } from \"./skills-runtime-waiting-state\";\nimport { SkillsLoadingState } from \"./skills-loading-state\";\nimport { SkillsEmptyState } from \"./skills-empty-state\";\nimport { SkillItem } from \"./skill-item\";\nimport { useAgentState } from \"#/hooks/use-agent-state\";\n\ninterface SkillsModalProps {\n  onClose: () => void;\n}\n\nconst SECTION_TITLE_KEY: Record<SkillScope, I18nKey> = {\n  project: I18nKey.SKILLS_MODAL$SECTION_PROJECT,\n  personal: I18nKey.SKILLS_MODAL$SECTION_USER,\n  public: I18nKey.SKILLS_MODAL$SECTION_PUBLIC,\n};\n\nexport function SkillsModal({ onClose }: SkillsModalProps) {\n  const { t } = useTranslation(\"openhands\");\n  const { curAgentState } = useAgentState();\n  const projectDir = getAgentServerWorkingDir();\n  const [expandedAgents, setExpandedAgents] = useState<Record<string, boolean>>(\n    {},\n  );\n  // Scope the catalog to this conversation's attached workspace so the listed\n  // skills match the project skills actually loaded into the conversation.\n  const {\n    data: skills,\n    isLoading,\n    isError,\n    refetch,\n    isRefetching,\n  } = useConversationSkills();\n\n  const groupedSkills = useMemo(\n    () => (skills ? groupSkillsByScope(skills, projectDir) : null),\n    [skills, projectDir],\n  );\n\n  const toggleAgent = (agentName: string) => {\n    setExpandedAgents((prev) => ({\n      ...prev,\n      [agentName]: !prev[agentName],\n    }));\n  };\n\n  const isAgentReady = ![AgentState.LOADING, AgentState.INIT].includes(\n    curAgentState,\n  );\n\n  return (\n    <ModalBackdrop onClose={onClose}>\n      <ModalBody\n        width=\"lg\"\n        className=\"relative max-h-[80vh] flex flex-col items-start border border-[var(--oh-border)]\"\n        testID=\"skills-modal\"\n      >\n        <SkillsModalHeader\n          isLoading={isLoading}\n          isRefetching={isRefetching}\n          onRefresh={refetch}\n          onClose={onClose}\n        />\n\n        <div className=\"w-full h-[60vh] overflow-auto rounded-md border border-[var(--oh-border)] bg-surface-raised custom-scrollbar-always\">\n          {!isAgentReady ? (\n            <SkillsRuntimeWaitingState />\n          ) : isLoading ? (\n            <SkillsLoadingState />\n          ) : isError || !skills || skills.length === 0 ? (\n            <SkillsEmptyState isError={isError} />\n          ) : (\n            groupedSkills && (\n              <div className=\"divide-y divide-[var(--oh-border)]\">\n                {SKILL_SCOPE_ORDER.map((scope) => {\n                  const scopedSkills = groupedSkills[scope];\n                  if (scopedSkills.length === 0) {\n                    return null;\n                  }\n\n                  return (\n                    <SkillsModalSection\n                      key={scope}\n                      title={t(SECTION_TITLE_KEY[scope])}\n                      count={scopedSkills.length}\n                    >\n                      {scopedSkills.map((skill) => {\n                        const isExpanded = expandedAgents[skill.name] || false;\n\n                        return (\n                          <SkillItem\n                            key={`${scope}-${skill.name}`}\n                            skill={skill}\n                            isExpanded={isExpanded}\n                            onToggle={toggleAgent}\n                          />\n                        );\n                      })}\n                    </SkillsModalSection>\n                  );\n                })}\n              </div>\n            )\n          )}\n        </div>\n      </ModalBody>\n    </ModalBackdrop>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAyBA,IAAM,IAAiD;CACrD,SAAS,EAAQ;CACjB,UAAU,EAAQ;CAClB,QAAQ,EAAQ;CACjB;AAED,SAAgB,EAAY,EAAE,cAA6B;CACzD,IAAM,EAAE,SAAM,EAAe,YAAY,EACnC,EAAE,qBAAkB,GAAe,EACnC,IAAa,GAA0B,EACvC,CAAC,GAAgB,KAAqB,EAC1C,EAAE,CACH,EAGK,EACJ,MAAM,GACN,cACA,YACA,YACA,oBACE,GAAuB,EAErB,IAAgB,QACb,IAAS,EAAmB,GAAQ,EAAW,GAAG,MACzD,CAAC,GAAQ,EAAW,CACrB,EAEK,KAAe,MAAsB;AACzC,KAAmB,OAAU;GAC3B,GAAG;IACF,IAAY,CAAC,EAAK;GACpB,EAAE;IAGC,IAAe,CAAC,CAAC,EAAW,SAAS,EAAW,KAAK,CAAC,SAC1D,EACD;AAED,QACE,kBAAC,GAAD;EAAwB;YACtB,kBAAC,GAAD;GACE,OAAM;GACN,WAAU;GACV,QAAO;aAHT,CAKE,kBAAC,GAAD;IACa;IACG;IACd,WAAW;IACF;IACT,CAAA,EAEF,kBAAC,OAAD;IAAK,WAAU;cACX,IAEE,IACF,kBAAC,GAAD,EAAsB,CAAA,GACpB,KAAW,CAAC,KAAU,EAAO,WAAW,IAC1C,kBAAC,GAAD,EAA2B,YAAW,CAAA,GAEtC,KACE,kBAAC,OAAD;KAAK,WAAU;eACZ,EAAkB,KAAK,MAAU;MAChC,IAAM,IAAe,EAAc;AAKnC,aAJI,EAAa,WAAW,IACnB,OAIP,kBAAC,GAAD;OAEE,OAAO,EAAE,EAAkB,GAAO;OAClC,OAAO,EAAa;iBAEnB,EAAa,KAAK,MAIf,kBAAC,GAAD;QAES;QACK,YANG,EAAe,EAAM,SAAS;QAO7C,UAAU;QACV,EAJK,GAAG,EAAM,GAAG,EAAM,OAIvB,CAEJ;OACiB,EAhBd,EAgBc;OAEvB;KACE,CAAA,GAnCR,kBAAC,GAAD,EAA6B,CAAA;IAsC3B,CAAA,CACI;;EACE,CAAA"}
+{"version":3,"file":"skills-modal.js","names":[],"sources":["../../../../src/components/features/conversation-panel/skills-modal.tsx"],"sourcesContent":["import { useMemo, useState } from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport { ModalBackdrop } from \"#/components/shared/modals/modal-backdrop\";\nimport { ModalBody } from \"#/components/shared/modals/modal-body\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { getAgentServerWorkingDir } from \"#/api/agent-server-config\";\nimport { useConversationSkills } from \"#/hooks/query/use-conversation-skills\";\nimport {\n  groupSkillsByScope,\n  SKILL_SCOPE_ORDER,\n  type SkillScope,\n} from \"#/utils/skill-scope\";\nimport { SkillsModalHeader } from \"./skills-modal-header\";\nimport { SkillsModalSection } from \"./skills-modal-section\";\nimport { SkillsLoadingState } from \"./skills-loading-state\";\nimport { SkillsEmptyState } from \"./skills-empty-state\";\nimport { SkillItem } from \"./skill-item\";\n\ninterface SkillsModalProps {\n  onClose: () => void;\n}\n\nconst SECTION_TITLE_KEY: Record<SkillScope, I18nKey> = {\n  project: I18nKey.SKILLS_MODAL$SECTION_PROJECT,\n  personal: I18nKey.SKILLS_MODAL$SECTION_USER,\n  public: I18nKey.SKILLS_MODAL$SECTION_PUBLIC,\n};\n\nexport function SkillsModal({ onClose }: SkillsModalProps) {\n  const { t } = useTranslation(\"openhands\");\n  const projectDir = getAgentServerWorkingDir();\n  const [expandedAgents, setExpandedAgents] = useState<Record<string, boolean>>(\n    {},\n  );\n  // Scope the catalog to this conversation's attached workspace so the listed\n  // skills match the project skills actually loaded into the conversation.\n  const {\n    data: skills,\n    isLoading,\n    isError,\n    refetch,\n    isRefetching,\n  } = useConversationSkills();\n\n  const groupedSkills = useMemo(\n    () => (skills ? groupSkillsByScope(skills, projectDir) : null),\n    [skills, projectDir],\n  );\n\n  const toggleAgent = (agentName: string) => {\n    setExpandedAgents((prev) => ({\n      ...prev,\n      [agentName]: !prev[agentName],\n    }));\n  };\n\n  return (\n    <ModalBackdrop onClose={onClose}>\n      <ModalBody\n        width=\"lg\"\n        className=\"relative max-h-[80vh] flex flex-col items-start border border-[var(--oh-border)]\"\n        testID=\"skills-modal\"\n      >\n        <SkillsModalHeader\n          isLoading={isLoading}\n          isRefetching={isRefetching}\n          onRefresh={refetch}\n          onClose={onClose}\n        />\n\n        <div className=\"w-full h-[60vh] overflow-auto rounded-md border border-[var(--oh-border)] bg-surface-raised custom-scrollbar-always\">\n          {isLoading ? (\n            <SkillsLoadingState />\n          ) : isError || !skills || skills.length === 0 ? (\n            <SkillsEmptyState isError={isError} />\n          ) : (\n            groupedSkills && (\n              <div className=\"divide-y divide-[var(--oh-border)]\">\n                {SKILL_SCOPE_ORDER.map((scope) => {\n                  const scopedSkills = groupedSkills[scope];\n                  if (scopedSkills.length === 0) {\n                    return null;\n                  }\n\n                  return (\n                    <SkillsModalSection\n                      key={scope}\n                      title={t(SECTION_TITLE_KEY[scope])}\n                      count={scopedSkills.length}\n                    >\n                      {scopedSkills.map((skill) => {\n                        const isExpanded = expandedAgents[skill.name] || false;\n\n                        return (\n                          <SkillItem\n                            key={`${scope}-${skill.name}`}\n                            skill={skill}\n                            isExpanded={isExpanded}\n                            onToggle={toggleAgent}\n                          />\n                        );\n                      })}\n                    </SkillsModalSection>\n                  );\n                })}\n              </div>\n            )\n          )}\n        </div>\n      </ModalBody>\n    </ModalBackdrop>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;AAsBA,IAAM,IAAiD;CACrD,SAAS,EAAQ;CACjB,UAAU,EAAQ;CAClB,QAAQ,EAAQ;CACjB;AAED,SAAgB,EAAY,EAAE,cAA6B;CACzD,IAAM,EAAE,SAAM,EAAe,YAAY,EACnC,IAAa,GAA0B,EACvC,CAAC,GAAgB,KAAqB,EAC1C,EAAE,CACH,EAGK,EACJ,MAAM,GACN,cACA,YACA,YACA,oBACE,GAAuB,EAErB,IAAgB,QACb,IAAS,EAAmB,GAAQ,EAAW,GAAG,MACzD,CAAC,GAAQ,EAAW,CACrB,EAEK,KAAe,MAAsB;AACzC,KAAmB,OAAU;GAC3B,GAAG;IACF,IAAY,CAAC,EAAK;GACpB,EAAE;;AAGL,QACE,kBAAC,GAAD;EAAwB;YACtB,kBAAC,GAAD;GACE,OAAM;GACN,WAAU;GACV,QAAO;aAHT,CAKE,kBAAC,GAAD;IACa;IACG;IACd,WAAW;IACF;IACT,CAAA,EAEF,kBAAC,OAAD;IAAK,WAAU;cACZ,IACC,kBAAC,GAAD,EAAsB,CAAA,GACpB,KAAW,CAAC,KAAU,EAAO,WAAW,IAC1C,kBAAC,GAAD,EAA2B,YAAW,CAAA,GAEtC,KACE,kBAAC,OAAD;KAAK,WAAU;eACZ,EAAkB,KAAK,MAAU;MAChC,IAAM,IAAe,EAAc;AAKnC,aAJI,EAAa,WAAW,IACnB,OAIP,kBAAC,GAAD;OAEE,OAAO,EAAE,EAAkB,GAAO;OAClC,OAAO,EAAa;iBAEnB,EAAa,KAAK,MAIf,kBAAC,GAAD;QAES;QACK,YANG,EAAe,EAAM,SAAS;QAO7C,UAAU;QACV,EAJK,GAAG,EAAM,GAAG,EAAM,OAIvB,CAEJ;OACiB,EAhBd,EAgBc;OAEvB;KACE,CAAA;IAGN,CAAA,CACI;;EACE,CAAA"}

package/dist/components/features/settings/llm-profiles/profile-actions-menu.cjs

@@ -1 +1 @@
-const e=require(`../../../../_virtual/_rolldown/runtime.cjs`);require(`../../../../utils/utils.cjs`),require(`../../../../utils/dropdown-classes.cjs`),require(`../../../../icons/u-check-circle.cjs`),require(`../../../../icons/u-edit.cjs`),require(`../../../../icons/u-delete.cjs`),require(`../../conversation/conversation-name-context-menu-icon-text.cjs`),require(`react`),require(`react/jsx-runtime`);let t=require(`react-dom`);t=e.__toESM(t,1);
+const e=require(`../../../../_virtual/_rolldown/runtime.cjs`);require(`../../../../utils/utils.cjs`),require(`../../../shared/buttons/styled-tooltip.cjs`),require(`../../../../utils/dropdown-classes.cjs`),require(`../../../../icons/u-check-circle.cjs`),require(`../../../../icons/u-edit.cjs`),require(`../../../../icons/u-delete.cjs`),require(`../../conversation/conversation-name-context-menu-icon-text.cjs`),require(`react`),require(`react/jsx-runtime`);let t=require(`react-dom`);t=e.__toESM(t,1);

package/dist/components/features/settings/llm-profiles/profile-actions-menu.js

@@ -1,4 +1,5 @@
 import "../../../../utils/utils.js";
+import "../../../shared/buttons/styled-tooltip.js";
 import "../../../../utils/dropdown-classes.js";
 import "../../../../icons/u-check-circle.js";
 import "../../../../icons/u-edit.js";

package/dist/components/features/skills/extensions-navigation.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(`../../../constants/acp-providers.cjs`),i=require(`../../../hooks/query/use-settings.cjs`),a=require(`../../shared/buttons/styled-tooltip.cjs`),o=require(`../../shared/navigation-link.cjs`),s=require(`../../../icons/skills.cjs`),c=require(`../../../hooks/use-breakpoint.cjs`),l=require(`../sidebar/sidebar-layout.cjs`),u=require(`../settings/backend-synced-settings-badge.cjs`),d=require(`../../../icons/server-process.cjs`),f=require(`../../../stores/sidebar-store.cjs`);let p=require(`react/jsx-runtime`);var m=[{to:`/skills`,label:`Skills`,icon:(0,p.jsx)(s.default,{width:16,height:16,"aria-hidden":`true`}),end:!0},{to:`/mcp`,label:`MCP Servers`,icon:(0,p.jsx)(d.default,{width:16,height:16}),end:!0,disabledByAcp:!0},{to:`/plugins`,label:`Plugins`,icon:(0,p.jsxs)(`svg`,{xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:`2`,strokeLinecap:`round`,strokeLinejoin:`round`,width:16,height:16,"aria-hidden":`true`,children:[(0,p.jsx)(`path`,{d:`M21 8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16Z`}),(0,p.jsx)(`path`,{d:`m3.3 7 8.7 5 8.7-5`}),(0,p.jsx)(`path`,{d:`M12 22V12`})]}),end:!0,comingSoon:!0}];function h(){let{t:s}=e.useTranslation(`openhands`),{data:d}=i.useSettings(),h=f.useSidebarStore(e=>e.collapsed),g=c.useBreakpoint(1023),_=c.useBreakpoint(767),v=!h&&g&&!_,y=d?.agent_settings?.agent_kind===`acp`,b=typeof d?.agent_settings?.acp_server==`string`?d.agent_settings.acp_server:void 0,x=y?r.ACP_PROVIDERS.find(({key:e})=>e===b)?.display_name??`ACP Agent`:void 0;return v?null:(0,p.jsxs)(`aside`,{"data-testid":`extensions-navbar-desktop`,className:`hidden md:flex md:w-[260px] md:shrink-0 md:flex-col md:gap-2 md:sticky md:top-8 md:self-start`,children:[(0,p.jsx)(`span`,{className:`px-2 text-sm font-normal text-white`,children:s(t.I18nKey.NAV$CUSTOMIZE)}),(0,p.jsx)(`div`,{className:`flex flex-col gap-0.5 pt-0.5`,children:m.map(e=>{let r=!!(y&&e.disabledByAcp),i=(0,p.jsx)(`span`,{className:`shrink-0 flex items-center justify-center`,children:e.icon}),c=(0,p.jsx)(`span`,{className:`truncate`,children:e.label}),u=e.comingSoon&&(0,p.jsx)(`span`,{className:`ml-auto shrink-0 rounded-full border border-white/20 bg-white/5 px-1.5 py-0.5 text-[10px] font-medium text-[var(--oh-text-dim)]`,children:s(t.I18nKey.NAV$COMING_SOON)});return r?(0,p.jsx)(a.StyledTooltip,{content:s(t.I18nKey.SETTINGS$AGENT_DISABLED_TOOLTIP,{agentName:x}),placement:`right`,children:(0,p.jsxs)(`span`,{"aria-disabled":`true`,"data-testid":`sidebar-extensions-${e.to}`,className:n.cn(l.sidebarNavRowClassName(),`truncate text-[var(--oh-muted)] opacity-50 cursor-not-allowed`),children:[i,c,u]})},e.to):(0,p.jsxs)(o.NavigationLink,{to:e.to,end:e.end,"data-testid":`sidebar-extensions-${e.to}`,className:({isActive:e})=>n.cn(l.sidebarNavRowClassName(),`truncate`,e?l.SIDEBAR_ROW_INTERACTIVE_CLASS.active:l.SIDEBAR_ROW_INTERACTIVE_CLASS.idle),children:[i,c,u]},e.to)})}),(0,p.jsx)(`div`,{className:`px-2 pt-3`,children:(0,p.jsx)(u.BackendSyncedSettingsBadge,{})})]})}exports.ExtensionsNavigation=h;
+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(`../../shared/navigation-link.cjs`),i=require(`../../../icons/skills.cjs`),a=require(`../../../hooks/use-breakpoint.cjs`),o=require(`../sidebar/sidebar-layout.cjs`),s=require(`../settings/backend-synced-settings-badge.cjs`),c=require(`../../../icons/server-process.cjs`),l=require(`../../../stores/sidebar-store.cjs`);let u=require(`react/jsx-runtime`);var d=[{to:`/skills`,label:`Skills`,icon:(0,u.jsx)(i.default,{width:16,height:16,"aria-hidden":`true`}),end:!0},{to:`/mcp`,label:`MCP Servers`,icon:(0,u.jsx)(c.default,{width:16,height:16}),end:!0},{to:`/plugins`,label:`Plugins`,icon:(0,u.jsxs)(`svg`,{xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:`2`,strokeLinecap:`round`,strokeLinejoin:`round`,width:16,height:16,"aria-hidden":`true`,children:[(0,u.jsx)(`path`,{d:`M21 8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16Z`}),(0,u.jsx)(`path`,{d:`m3.3 7 8.7 5 8.7-5`}),(0,u.jsx)(`path`,{d:`M12 22V12`})]}),end:!0,comingSoon:!0}];function f(){let{t:i}=e.useTranslation(`openhands`),c=l.useSidebarStore(e=>e.collapsed),f=a.useBreakpoint(1023),p=a.useBreakpoint(767);return!c&&f&&!p?null:(0,u.jsxs)(`aside`,{"data-testid":`extensions-navbar-desktop`,className:`hidden md:flex md:w-[260px] md:shrink-0 md:flex-col md:gap-2 md:sticky md:top-8 md:self-start`,children:[(0,u.jsx)(`span`,{className:`px-2 text-sm font-normal text-white`,children:i(t.I18nKey.NAV$CUSTOMIZE)}),(0,u.jsx)(`div`,{className:`flex flex-col gap-0.5 pt-0.5`,children:d.map(e=>{let a=(0,u.jsx)(`span`,{className:`shrink-0 flex items-center justify-center`,children:e.icon}),s=(0,u.jsx)(`span`,{className:`truncate`,children:e.label}),c=e.comingSoon&&(0,u.jsx)(`span`,{className:`ml-auto shrink-0 rounded-full border border-white/20 bg-white/5 px-1.5 py-0.5 text-[10px] font-medium text-[var(--oh-text-dim)]`,children:i(t.I18nKey.NAV$COMING_SOON)});return(0,u.jsxs)(r.NavigationLink,{to:e.to,end:e.end,"data-testid":`sidebar-extensions-${e.to}`,className:({isActive:e})=>n.cn(o.sidebarNavRowClassName(),`truncate`,e?o.SIDEBAR_ROW_INTERACTIVE_CLASS.active:o.SIDEBAR_ROW_INTERACTIVE_CLASS.idle),children:[a,s,c]},e.to)})}),(0,u.jsx)(`div`,{className:`px-2 pt-3`,children:(0,u.jsx)(s.BackendSyncedSettingsBadge,{})})]})}exports.ExtensionsNavigation=f;
 //# sourceMappingURL=extensions-navigation.cjs.map

package/dist/components/features/skills/extensions-navigation.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"extensions-navigation.cjs","names":[],"sources":["../../../../src/components/features/skills/extensions-navigation.tsx"],"sourcesContent":["import { useTranslation } from \"react-i18next\";\nimport { NavigationLink } from \"#/components/shared/navigation-link\";\nimport { StyledTooltip } from \"#/components/shared/buttons/styled-tooltip\";\nimport { useSettings } from \"#/hooks/query/use-settings\";\nimport { ACP_PROVIDERS } from \"#/constants/acp-providers\";\nimport { cn } from \"#/utils/utils\";\nimport SkillsIcon from \"#/icons/skills.svg?react\";\nimport ServerProcessIcon from \"#/icons/server-process.svg?react\";\nimport { BackendSyncedSettingsBadge } from \"#/components/features/settings/backend-synced-settings-badge\";\nimport {\n  SIDEBAR_ROW_INTERACTIVE_CLASS,\n  sidebarNavRowClassName,\n} from \"#/components/features/sidebar/sidebar-layout\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { useSidebarStore } from \"#/stores/sidebar-store\";\nimport { useBreakpoint } from \"#/hooks/use-breakpoint\";\n\ninterface ExtensionNavItem {\n  to: string;\n  label: string;\n  icon: React.ReactElement;\n  end?: boolean;\n  comingSoon?: boolean;\n  /**\n   * When true, this item greys out (and the /route's ``clientLoader``\n   * bounces to ``/settings/agent``) while an ACP agent is active.\n   * The ACP sub-agent manages its own MCP servers; the SDK rejects\n   * ``mcp_config`` on ``ACPAgent`` init outright, so the OpenHands-\n   * side editor would silently no-op against the running subprocess.\n   */\n  disabledByAcp?: boolean;\n}\n\nexport const EXTENSIONS_NAV_ITEMS: ExtensionNavItem[] = [\n  {\n    to: \"/skills\",\n    label: \"Skills\",\n    icon: <SkillsIcon width={16} height={16} aria-hidden=\"true\" />,\n    end: true,\n  },\n  {\n    to: \"/mcp\",\n    label: \"MCP Servers\",\n    icon: <ServerProcessIcon width={16} height={16} />,\n    end: true,\n    disabledByAcp: true,\n  },\n  {\n    to: \"/plugins\",\n    label: \"Plugins\",\n    icon: (\n      <svg\n        xmlns=\"http://www.w3.org/2000/svg\"\n        viewBox=\"0 0 24 24\"\n        fill=\"none\"\n        stroke=\"currentColor\"\n        strokeWidth=\"2\"\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n        width={16}\n        height={16}\n        aria-hidden=\"true\"\n      >\n        <path d=\"M21 8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16Z\" />\n        <path d=\"m3.3 7 8.7 5 8.7-5\" />\n        <path d=\"M12 22V12\" />\n      </svg>\n    ),\n    end: true,\n    comingSoon: true,\n  },\n];\n\nexport function ExtensionsNavigation() {\n  const { t } = useTranslation(\"openhands\");\n  const { data: settings } = useSettings();\n  const sidebarCollapsed = useSidebarStore((state) => state.collapsed);\n  // At iPad portrait widths (md to <lg) an expanded primary Sidebar (300px)\n  // plus this nav (260px) leaves the main content unreadable. Hide ourselves\n  // until the user collapses the Sidebar or the viewport reaches `lg`.\n  const belowLg = useBreakpoint(1023);\n  const belowMd = useBreakpoint(767);\n  const hideForExpandedSidebar = !sidebarCollapsed && belowLg && !belowMd;\n  const isAcpAgent = settings?.agent_settings?.agent_kind === \"acp\";\n  const acpServerKey =\n    typeof settings?.agent_settings?.acp_server === \"string\"\n      ? settings.agent_settings.acp_server\n      : undefined;\n  const acpServerName = isAcpAgent\n    ? (ACP_PROVIDERS.find(({ key }) => key === acpServerKey)?.display_name ??\n      \"ACP Agent\")\n    : undefined;\n\n  if (hideForExpandedSidebar) return null;\n\n  return (\n    <aside\n      data-testid=\"extensions-navbar-desktop\"\n      className=\"hidden md:flex md:w-[260px] md:shrink-0 md:flex-col md:gap-2 md:sticky md:top-8 md:self-start\"\n    >\n      <span className=\"px-2 text-sm font-normal text-white\">\n        {t(I18nKey.NAV$CUSTOMIZE)}\n      </span>\n      <div className=\"flex flex-col gap-0.5 pt-0.5\">\n        {EXTENSIONS_NAV_ITEMS.map((item) => {\n          const disabled = !!(isAcpAgent && item.disabledByAcp);\n          const baseRow = (\n            <span className=\"shrink-0 flex items-center justify-center\">\n              {item.icon}\n            </span>\n          );\n          const label = <span className=\"truncate\">{item.label}</span>;\n          const comingSoonBadge = item.comingSoon && (\n            <span className=\"ml-auto shrink-0 rounded-full border border-white/20 bg-white/5 px-1.5 py-0.5 text-[10px] font-medium text-[var(--oh-text-dim)]\">\n              {t(I18nKey.NAV$COMING_SOON)}\n            </span>\n          );\n\n          if (disabled) {\n            // Render a non-clickable surrogate so the URL and a11y tree\n            // both communicate \"you can't go here right now,\" then wrap\n            // in StyledTooltip for the why. Mirrors the SettingsNavLink\n            // disabled rendering — same flag (``disabledByAcp``), same\n            // explanatory tooltip (\"Disabled while {agentName} is the\n            // active agent\"), same greyed styles.\n            return (\n              <StyledTooltip\n                key={item.to}\n                content={t(I18nKey.SETTINGS$AGENT_DISABLED_TOOLTIP, {\n                  agentName: acpServerName,\n                })}\n                placement=\"right\"\n              >\n                <span\n                  aria-disabled=\"true\"\n                  data-testid={`sidebar-extensions-${item.to}`}\n                  className={cn(\n                    sidebarNavRowClassName(),\n                    \"truncate text-[var(--oh-muted)] opacity-50 cursor-not-allowed\",\n                  )}\n                >\n                  {baseRow}\n                  {label}\n                  {comingSoonBadge}\n                </span>\n              </StyledTooltip>\n            );\n          }\n\n          return (\n            <NavigationLink\n              key={item.to}\n              to={item.to}\n              end={item.end}\n              data-testid={`sidebar-extensions-${item.to}`}\n              className={({ isActive }) =>\n                cn(\n                  sidebarNavRowClassName(),\n                  \"truncate\",\n                  isActive\n                    ? SIDEBAR_ROW_INTERACTIVE_CLASS.active\n                    : SIDEBAR_ROW_INTERACTIVE_CLASS.idle,\n                )\n              }\n            >\n              {baseRow}\n              {label}\n              {comingSoonBadge}\n            </NavigationLink>\n          );\n        })}\n      </div>\n      <div className=\"px-2 pt-3\">\n        <BackendSyncedSettingsBadge />\n      </div>\n    </aside>\n  );\n}\n"],"mappings":"2tBAiCA,IAAa,EAA2C,CACtD,CACE,GAAI,UACJ,MAAO,SACP,MAAM,EAAA,EAAA,KAAC,EAAA,QAAD,CAAY,MAAO,GAAI,OAAQ,GAAI,cAAY,OAAS,CAAA,CAC9D,IAAK,GACN,CACD,CACE,GAAI,OACJ,MAAO,cACP,MAAM,EAAA,EAAA,KAAC,EAAA,QAAD,CAAmB,MAAO,GAAI,OAAQ,GAAM,CAAA,CAClD,IAAK,GACL,cAAe,GAChB,CACD,CACE,GAAI,WACJ,MAAO,UACP,MACE,EAAA,EAAA,MAAC,MAAD,CACE,MAAM,6BACN,QAAQ,YACR,KAAK,OACL,OAAO,eACP,YAAY,IACZ,cAAc,QACd,eAAe,QACf,MAAO,GACP,OAAQ,GACR,cAAY,gBAVd,EAYE,EAAA,EAAA,KAAC,OAAD,CAAM,EAAE,yHAA2H,CAAA,EACnI,EAAA,EAAA,KAAC,OAAD,CAAM,EAAE,qBAAuB,CAAA,EAC/B,EAAA,EAAA,KAAC,OAAD,CAAM,EAAE,YAAc,CAAA,CAClB,GAER,IAAK,GACL,WAAY,GACb,CACF,CAED,SAAgB,GAAuB,CACrC,GAAM,CAAE,KAAM,EAAA,eAAe,YAAY,CACnC,CAAE,KAAM,GAAa,EAAA,aAAa,CAClC,EAAmB,EAAA,gBAAiB,GAAU,EAAM,UAAU,CAI9D,EAAU,EAAA,cAAc,KAAK,CAC7B,EAAU,EAAA,cAAc,IAAI,CAC5B,EAAyB,CAAC,GAAoB,GAAW,CAAC,EAC1D,EAAa,GAAU,gBAAgB,aAAe,MACtD,EACJ,OAAO,GAAU,gBAAgB,YAAe,SAC5C,EAAS,eAAe,WACxB,IAAA,GACA,EAAgB,EACjB,EAAA,cAAc,MAAM,CAAE,SAAU,IAAQ,EAAa,EAAE,cACxD,YACA,IAAA,GAIJ,OAFI,EAA+B,MAGjC,EAAA,EAAA,MAAC,QAAD,CACE,cAAY,4BACZ,UAAU,yGAFZ,EAIE,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,+CACb,EAAE,EAAA,QAAQ,cAAc,CACpB,CAAA,EACP,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,wCACZ,EAAqB,IAAK,GAAS,CAClC,IAAM,EAAW,CAAC,EAAE,GAAc,EAAK,eACjC,GACJ,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,qDACb,EAAK,KACD,CAAA,CAEH,GAAQ,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,oBAAY,EAAK,MAAa,CAAA,CACtD,EAAkB,EAAK,aAC3B,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,2IACb,EAAE,EAAA,QAAQ,gBAAgB,CACtB,CAAA,CAkCT,OA/BI,GAQA,EAAA,EAAA,KAAC,EAAA,cAAD,CAEE,QAAS,EAAE,EAAA,QAAQ,gCAAiC,CAClD,UAAW,EACZ,CAAC,CACF,UAAU,kBAEV,EAAA,EAAA,MAAC,OAAD,CACE,gBAAc,OACd,cAAa,sBAAsB,EAAK,KACxC,UAAW,EAAA,GACT,EAAA,wBAAwB,CACxB,gEACD,UANH,CAQG,EACA,EACA,EACI,GACO,CAlBT,EAAK,GAkBI,EAKlB,EAAA,EAAA,MAAC,EAAA,eAAD,CAEE,GAAI,EAAK,GACT,IAAK,EAAK,IACV,cAAa,sBAAsB,EAAK,KACxC,WAAY,CAAE,cACZ,EAAA,GACE,EAAA,wBAAwB,CACxB,WACA,EACI,EAAA,8BAA8B,OAC9B,EAAA,8BAA8B,KACnC,UAZL,CAeG,EACA,EACA,EACc,EAjBV,EAAK,GAiBK,EAEnB,CACE,CAAA,EACN,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,sBACb,EAAA,EAAA,KAAC,EAAA,2BAAD,EAA8B,CAAA,CAC1B,CAAA,CACA"}
+{"version":3,"file":"extensions-navigation.cjs","names":[],"sources":["../../../../src/components/features/skills/extensions-navigation.tsx"],"sourcesContent":["import { useTranslation } from \"react-i18next\";\nimport { NavigationLink } from \"#/components/shared/navigation-link\";\nimport { cn } from \"#/utils/utils\";\nimport SkillsIcon from \"#/icons/skills.svg?react\";\nimport ServerProcessIcon from \"#/icons/server-process.svg?react\";\nimport { BackendSyncedSettingsBadge } from \"#/components/features/settings/backend-synced-settings-badge\";\nimport {\n  SIDEBAR_ROW_INTERACTIVE_CLASS,\n  sidebarNavRowClassName,\n} from \"#/components/features/sidebar/sidebar-layout\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { useSidebarStore } from \"#/stores/sidebar-store\";\nimport { useBreakpoint } from \"#/hooks/use-breakpoint\";\n\ninterface ExtensionNavItem {\n  to: string;\n  label: string;\n  icon: React.ReactElement;\n  end?: boolean;\n  comingSoon?: boolean;\n}\n\nexport const EXTENSIONS_NAV_ITEMS: ExtensionNavItem[] = [\n  {\n    to: \"/skills\",\n    label: \"Skills\",\n    icon: <SkillsIcon width={16} height={16} aria-hidden=\"true\" />,\n    end: true,\n  },\n  {\n    to: \"/mcp\",\n    label: \"MCP Servers\",\n    icon: <ServerProcessIcon width={16} height={16} />,\n    end: true,\n  },\n  {\n    to: \"/plugins\",\n    label: \"Plugins\",\n    icon: (\n      <svg\n        xmlns=\"http://www.w3.org/2000/svg\"\n        viewBox=\"0 0 24 24\"\n        fill=\"none\"\n        stroke=\"currentColor\"\n        strokeWidth=\"2\"\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n        width={16}\n        height={16}\n        aria-hidden=\"true\"\n      >\n        <path d=\"M21 8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16Z\" />\n        <path d=\"m3.3 7 8.7 5 8.7-5\" />\n        <path d=\"M12 22V12\" />\n      </svg>\n    ),\n    end: true,\n    comingSoon: true,\n  },\n];\n\nexport function ExtensionsNavigation() {\n  const { t } = useTranslation(\"openhands\");\n  const sidebarCollapsed = useSidebarStore((state) => state.collapsed);\n  // At iPad portrait widths (md to <lg) an expanded primary Sidebar (300px)\n  // plus this nav (260px) leaves the main content unreadable. Hide ourselves\n  // until the user collapses the Sidebar or the viewport reaches `lg`.\n  const belowLg = useBreakpoint(1023);\n  const belowMd = useBreakpoint(767);\n  const hideForExpandedSidebar = !sidebarCollapsed && belowLg && !belowMd;\n\n  if (hideForExpandedSidebar) return null;\n\n  return (\n    <aside\n      data-testid=\"extensions-navbar-desktop\"\n      className=\"hidden md:flex md:w-[260px] md:shrink-0 md:flex-col md:gap-2 md:sticky md:top-8 md:self-start\"\n    >\n      <span className=\"px-2 text-sm font-normal text-white\">\n        {t(I18nKey.NAV$CUSTOMIZE)}\n      </span>\n      <div className=\"flex flex-col gap-0.5 pt-0.5\">\n        {EXTENSIONS_NAV_ITEMS.map((item) => {\n          const baseRow = (\n            <span className=\"shrink-0 flex items-center justify-center\">\n              {item.icon}\n            </span>\n          );\n          const label = <span className=\"truncate\">{item.label}</span>;\n          const comingSoonBadge = item.comingSoon && (\n            <span className=\"ml-auto shrink-0 rounded-full border border-white/20 bg-white/5 px-1.5 py-0.5 text-[10px] font-medium text-[var(--oh-text-dim)]\">\n              {t(I18nKey.NAV$COMING_SOON)}\n            </span>\n          );\n\n          return (\n            <NavigationLink\n              key={item.to}\n              to={item.to}\n              end={item.end}\n              data-testid={`sidebar-extensions-${item.to}`}\n              className={({ isActive }) =>\n                cn(\n                  sidebarNavRowClassName(),\n                  \"truncate\",\n                  isActive\n                    ? SIDEBAR_ROW_INTERACTIVE_CLASS.active\n                    : SIDEBAR_ROW_INTERACTIVE_CLASS.idle,\n                )\n              }\n            >\n              {baseRow}\n              {label}\n              {comingSoonBadge}\n            </NavigationLink>\n          );\n        })}\n      </div>\n      <div className=\"px-2 pt-3\">\n        <BackendSyncedSettingsBadge />\n      </div>\n    </aside>\n  );\n}\n"],"mappings":"ikBAsBA,IAAa,EAA2C,CACtD,CACE,GAAI,UACJ,MAAO,SACP,MAAM,EAAA,EAAA,KAAC,EAAA,QAAD,CAAY,MAAO,GAAI,OAAQ,GAAI,cAAY,OAAS,CAAA,CAC9D,IAAK,GACN,CACD,CACE,GAAI,OACJ,MAAO,cACP,MAAM,EAAA,EAAA,KAAC,EAAA,QAAD,CAAmB,MAAO,GAAI,OAAQ,GAAM,CAAA,CAClD,IAAK,GACN,CACD,CACE,GAAI,WACJ,MAAO,UACP,MACE,EAAA,EAAA,MAAC,MAAD,CACE,MAAM,6BACN,QAAQ,YACR,KAAK,OACL,OAAO,eACP,YAAY,IACZ,cAAc,QACd,eAAe,QACf,MAAO,GACP,OAAQ,GACR,cAAY,gBAVd,EAYE,EAAA,EAAA,KAAC,OAAD,CAAM,EAAE,yHAA2H,CAAA,EACnI,EAAA,EAAA,KAAC,OAAD,CAAM,EAAE,qBAAuB,CAAA,EAC/B,EAAA,EAAA,KAAC,OAAD,CAAM,EAAE,YAAc,CAAA,CAClB,GAER,IAAK,GACL,WAAY,GACb,CACF,CAED,SAAgB,GAAuB,CACrC,GAAM,CAAE,KAAM,EAAA,eAAe,YAAY,CACnC,EAAmB,EAAA,gBAAiB,GAAU,EAAM,UAAU,CAI9D,EAAU,EAAA,cAAc,KAAK,CAC7B,EAAU,EAAA,cAAc,IAAI,CAKlC,MAJ+B,CAAC,GAAoB,GAAW,CAAC,EAE7B,MAGjC,EAAA,EAAA,MAAC,QAAD,CACE,cAAY,4BACZ,UAAU,yGAFZ,EAIE,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,+CACb,EAAE,EAAA,QAAQ,cAAc,CACpB,CAAA,EACP,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,wCACZ,EAAqB,IAAK,GAAS,CAClC,IAAM,GACJ,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,qDACb,EAAK,KACD,CAAA,CAEH,GAAQ,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,oBAAY,EAAK,MAAa,CAAA,CACtD,EAAkB,EAAK,aAC3B,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,2IACb,EAAE,EAAA,QAAQ,gBAAgB,CACtB,CAAA,CAGT,OACE,EAAA,EAAA,MAAC,EAAA,eAAD,CAEE,GAAI,EAAK,GACT,IAAK,EAAK,IACV,cAAa,sBAAsB,EAAK,KACxC,WAAY,CAAE,cACZ,EAAA,GACE,EAAA,wBAAwB,CACxB,WACA,EACI,EAAA,8BAA8B,OAC9B,EAAA,8BAA8B,KACnC,UAZL,CAeG,EACA,EACA,EACc,EAjBV,EAAK,GAiBK,EAEnB,CACE,CAAA,EACN,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,sBACb,EAAA,EAAA,KAAC,EAAA,2BAAD,EAA8B,CAAA,CAC1B,CAAA,CACA"}

package/dist/components/features/skills/extensions-navigation.d.ts

@@ -4,14 +4,6 @@ interface ExtensionNavItem {
     icon: React.ReactElement;
     end?: boolean;
     comingSoon?: boolean;
-    /**
-     * When true, this item greys out (and the /route's ``clientLoader``
-     * bounces to ``/settings/agent``) while an ACP agent is active.
-     * The ACP sub-agent manages its own MCP servers; the SDK rejects
-     * ``mcp_config`` on ``ACPAgent`` init outright, so the OpenHands-
-     * side editor would silently no-op against the running subprocess.
-     */
-    disabledByAcp?: boolean;
 }
 export declare const EXTENSIONS_NAV_ITEMS: ExtensionNavItem[];
 export declare function ExtensionsNavigation(): import("react/jsx-runtime").JSX.Element | null;

package/dist/components/features/skills/extensions-navigation.js

@@ -1,23 +1,20 @@
 import { useTranslation as e } from "../../../node_modules/react-i18next/dist/es/useTranslation.js";
 import { I18nKey as t } from "../../../i18n/declaration.js";
 import { cn as n } from "../../../utils/utils.js";
-import { ACP_PROVIDERS as r } from "../../../constants/acp-providers.js";
-import { useSettings as i } from "../../../hooks/query/use-settings.js";
-import { StyledTooltip as a } from "../../shared/buttons/styled-tooltip.js";
-import { NavigationLink as o } from "../../shared/navigation-link.js";
-import s from "../../../icons/skills.js";
-import { useBreakpoint as c } from "../../../hooks/use-breakpoint.js";
-import { SIDEBAR_ROW_INTERACTIVE_CLASS as l, sidebarNavRowClassName as u } from "../sidebar/sidebar-layout.js";
-import { BackendSyncedSettingsBadge as d } from "../settings/backend-synced-settings-badge.js";
-import f from "../../../icons/server-process.js";
-import { useSidebarStore as p } from "../../../stores/sidebar-store.js";
-import { jsx as m, jsxs as h } from "react/jsx-runtime";
+import { NavigationLink as r } from "../../shared/navigation-link.js";
+import i from "../../../icons/skills.js";
+import { useBreakpoint as a } from "../../../hooks/use-breakpoint.js";
+import { SIDEBAR_ROW_INTERACTIVE_CLASS as o, sidebarNavRowClassName as s } from "../sidebar/sidebar-layout.js";
+import { BackendSyncedSettingsBadge as c } from "../settings/backend-synced-settings-badge.js";
+import l from "../../../icons/server-process.js";
+import { useSidebarStore as u } from "../../../stores/sidebar-store.js";
+import { jsx as d, jsxs as f } from "react/jsx-runtime";
 //#region src/components/features/skills/extensions-navigation.tsx
-var g = [
+var p = [
 	{
 		to: "/skills",
 		label: "Skills",
-		icon: /* @__PURE__ */ m(s, {
+		icon: /* @__PURE__ */ d(i, {
 			width: 16,
 			height: 16,
 			"aria-hidden": "true"
@@ -27,17 +24,16 @@ var g = [
 	{
 		to: "/mcp",
 		label: "MCP Servers",
-		icon: /* @__PURE__ */ m(f, {
+		icon: /* @__PURE__ */ d(l, {
 			width: 16,
 			height: 16
 		}),
-		end: !0,
-		disabledByAcp: !0
+		end: !0
 	},
 	{
 		to: "/plugins",
 		label: "Plugins",
-		icon: /* @__PURE__ */ h("svg", {
+		icon: /* @__PURE__ */ f("svg", {
 			xmlns: "http://www.w3.org/2000/svg",
 			viewBox: "0 0 24 24",
 			fill: "none",
@@ -49,72 +45,59 @@ var g = [
 			height: 16,
 			"aria-hidden": "true",
 			children: [
-				/* @__PURE__ */ m("path", { d: "M21 8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16Z" }),
-				/* @__PURE__ */ m("path", { d: "m3.3 7 8.7 5 8.7-5" }),
-				/* @__PURE__ */ m("path", { d: "M12 22V12" })
+				/* @__PURE__ */ d("path", { d: "M21 8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16Z" }),
+				/* @__PURE__ */ d("path", { d: "m3.3 7 8.7 5 8.7-5" }),
+				/* @__PURE__ */ d("path", { d: "M12 22V12" })
 			]
 		}),
 		end: !0,
 		comingSoon: !0
 	}
 ];
-function _() {
-	let { t: s } = e("openhands"), { data: f } = i(), _ = p((e) => e.collapsed), v = c(1023), y = c(767), b = !_ && v && !y, x = f?.agent_settings?.agent_kind === "acp", S = typeof f?.agent_settings?.acp_server == "string" ? f.agent_settings.acp_server : void 0, C = x ? r.find(({ key: e }) => e === S)?.display_name ?? "ACP Agent" : void 0;
-	return b ? null : /* @__PURE__ */ h("aside", {
+function m() {
+	let { t: i } = e("openhands"), l = u((e) => e.collapsed), m = a(1023), h = a(767);
+	return !l && m && !h ? null : /* @__PURE__ */ f("aside", {
 		"data-testid": "extensions-navbar-desktop",
 		className: "hidden md:flex md:w-[260px] md:shrink-0 md:flex-col md:gap-2 md:sticky md:top-8 md:self-start",
 		children: [
-			/* @__PURE__ */ m("span", {
+			/* @__PURE__ */ d("span", {
 				className: "px-2 text-sm font-normal text-white",
-				children: s(t.NAV$CUSTOMIZE)
+				children: i(t.NAV$CUSTOMIZE)
 			}),
-			/* @__PURE__ */ m("div", {
+			/* @__PURE__ */ d("div", {
 				className: "flex flex-col gap-0.5 pt-0.5",
-				children: g.map((e) => {
-					let r = !!(x && e.disabledByAcp), i = /* @__PURE__ */ m("span", {
+				children: p.map((e) => {
+					let a = /* @__PURE__ */ d("span", {
 						className: "shrink-0 flex items-center justify-center",
 						children: e.icon
-					}), c = /* @__PURE__ */ m("span", {
+					}), c = /* @__PURE__ */ d("span", {
 						className: "truncate",
 						children: e.label
-					}), d = e.comingSoon && /* @__PURE__ */ m("span", {
+					}), l = e.comingSoon && /* @__PURE__ */ d("span", {
 						className: "ml-auto shrink-0 rounded-full border border-white/20 bg-white/5 px-1.5 py-0.5 text-[10px] font-medium text-[var(--oh-text-dim)]",
-						children: s(t.NAV$COMING_SOON)
+						children: i(t.NAV$COMING_SOON)
 					});
-					return r ? /* @__PURE__ */ m(a, {
-						content: s(t.SETTINGS$AGENT_DISABLED_TOOLTIP, { agentName: C }),
-						placement: "right",
-						children: /* @__PURE__ */ h("span", {
-							"aria-disabled": "true",
-							"data-testid": `sidebar-extensions-${e.to}`,
-							className: n(u(), "truncate text-[var(--oh-muted)] opacity-50 cursor-not-allowed"),
-							children: [
-								i,
-								c,
-								d
-							]
-						})
-					}, e.to) : /* @__PURE__ */ h(o, {
+					return /* @__PURE__ */ f(r, {
 						to: e.to,
 						end: e.end,
 						"data-testid": `sidebar-extensions-${e.to}`,
-						className: ({ isActive: e }) => n(u(), "truncate", e ? l.active : l.idle),
+						className: ({ isActive: e }) => n(s(), "truncate", e ? o.active : o.idle),
 						children: [
-							i,
+							a,
 							c,
-							d
+							l
 						]
 					}, e.to);
 				})
 			}),
-			/* @__PURE__ */ m("div", {
+			/* @__PURE__ */ d("div", {
 				className: "px-2 pt-3",
-				children: /* @__PURE__ */ m(d, {})
+				children: /* @__PURE__ */ d(c, {})
 			})
 		]
 	});
 }
 //#endregion
-export { _ as ExtensionsNavigation };
+export { m as ExtensionsNavigation };
 
 //# sourceMappingURL=extensions-navigation.js.map

package/dist/components/features/skills/extensions-navigation.js.map

@@ -1 +1 @@
-{"version":3,"file":"extensions-navigation.js","names":[],"sources":["../../../../src/components/features/skills/extensions-navigation.tsx"],"sourcesContent":["import { useTranslation } from \"react-i18next\";\nimport { NavigationLink } from \"#/components/shared/navigation-link\";\nimport { StyledTooltip } from \"#/components/shared/buttons/styled-tooltip\";\nimport { useSettings } from \"#/hooks/query/use-settings\";\nimport { ACP_PROVIDERS } from \"#/constants/acp-providers\";\nimport { cn } from \"#/utils/utils\";\nimport SkillsIcon from \"#/icons/skills.svg?react\";\nimport ServerProcessIcon from \"#/icons/server-process.svg?react\";\nimport { BackendSyncedSettingsBadge } from \"#/components/features/settings/backend-synced-settings-badge\";\nimport {\n  SIDEBAR_ROW_INTERACTIVE_CLASS,\n  sidebarNavRowClassName,\n} from \"#/components/features/sidebar/sidebar-layout\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { useSidebarStore } from \"#/stores/sidebar-store\";\nimport { useBreakpoint } from \"#/hooks/use-breakpoint\";\n\ninterface ExtensionNavItem {\n  to: string;\n  label: string;\n  icon: React.ReactElement;\n  end?: boolean;\n  comingSoon?: boolean;\n  /**\n   * When true, this item greys out (and the /route's ``clientLoader``\n   * bounces to ``/settings/agent``) while an ACP agent is active.\n   * The ACP sub-agent manages its own MCP servers; the SDK rejects\n   * ``mcp_config`` on ``ACPAgent`` init outright, so the OpenHands-\n   * side editor would silently no-op against the running subprocess.\n   */\n  disabledByAcp?: boolean;\n}\n\nexport const EXTENSIONS_NAV_ITEMS: ExtensionNavItem[] = [\n  {\n    to: \"/skills\",\n    label: \"Skills\",\n    icon: <SkillsIcon width={16} height={16} aria-hidden=\"true\" />,\n    end: true,\n  },\n  {\n    to: \"/mcp\",\n    label: \"MCP Servers\",\n    icon: <ServerProcessIcon width={16} height={16} />,\n    end: true,\n    disabledByAcp: true,\n  },\n  {\n    to: \"/plugins\",\n    label: \"Plugins\",\n    icon: (\n      <svg\n        xmlns=\"http://www.w3.org/2000/svg\"\n        viewBox=\"0 0 24 24\"\n        fill=\"none\"\n        stroke=\"currentColor\"\n        strokeWidth=\"2\"\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n        width={16}\n        height={16}\n        aria-hidden=\"true\"\n      >\n        <path d=\"M21 8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16Z\" />\n        <path d=\"m3.3 7 8.7 5 8.7-5\" />\n        <path d=\"M12 22V12\" />\n      </svg>\n    ),\n    end: true,\n    comingSoon: true,\n  },\n];\n\nexport function ExtensionsNavigation() {\n  const { t } = useTranslation(\"openhands\");\n  const { data: settings } = useSettings();\n  const sidebarCollapsed = useSidebarStore((state) => state.collapsed);\n  // At iPad portrait widths (md to <lg) an expanded primary Sidebar (300px)\n  // plus this nav (260px) leaves the main content unreadable. Hide ourselves\n  // until the user collapses the Sidebar or the viewport reaches `lg`.\n  const belowLg = useBreakpoint(1023);\n  const belowMd = useBreakpoint(767);\n  const hideForExpandedSidebar = !sidebarCollapsed && belowLg && !belowMd;\n  const isAcpAgent = settings?.agent_settings?.agent_kind === \"acp\";\n  const acpServerKey =\n    typeof settings?.agent_settings?.acp_server === \"string\"\n      ? settings.agent_settings.acp_server\n      : undefined;\n  const acpServerName = isAcpAgent\n    ? (ACP_PROVIDERS.find(({ key }) => key === acpServerKey)?.display_name ??\n      \"ACP Agent\")\n    : undefined;\n\n  if (hideForExpandedSidebar) return null;\n\n  return (\n    <aside\n      data-testid=\"extensions-navbar-desktop\"\n      className=\"hidden md:flex md:w-[260px] md:shrink-0 md:flex-col md:gap-2 md:sticky md:top-8 md:self-start\"\n    >\n      <span className=\"px-2 text-sm font-normal text-white\">\n        {t(I18nKey.NAV$CUSTOMIZE)}\n      </span>\n      <div className=\"flex flex-col gap-0.5 pt-0.5\">\n        {EXTENSIONS_NAV_ITEMS.map((item) => {\n          const disabled = !!(isAcpAgent && item.disabledByAcp);\n          const baseRow = (\n            <span className=\"shrink-0 flex items-center justify-center\">\n              {item.icon}\n            </span>\n          );\n          const label = <span className=\"truncate\">{item.label}</span>;\n          const comingSoonBadge = item.comingSoon && (\n            <span className=\"ml-auto shrink-0 rounded-full border border-white/20 bg-white/5 px-1.5 py-0.5 text-[10px] font-medium text-[var(--oh-text-dim)]\">\n              {t(I18nKey.NAV$COMING_SOON)}\n            </span>\n          );\n\n          if (disabled) {\n            // Render a non-clickable surrogate so the URL and a11y tree\n            // both communicate \"you can't go here right now,\" then wrap\n            // in StyledTooltip for the why. Mirrors the SettingsNavLink\n            // disabled rendering — same flag (``disabledByAcp``), same\n            // explanatory tooltip (\"Disabled while {agentName} is the\n            // active agent\"), same greyed styles.\n            return (\n              <StyledTooltip\n                key={item.to}\n                content={t(I18nKey.SETTINGS$AGENT_DISABLED_TOOLTIP, {\n                  agentName: acpServerName,\n                })}\n                placement=\"right\"\n              >\n                <span\n                  aria-disabled=\"true\"\n                  data-testid={`sidebar-extensions-${item.to}`}\n                  className={cn(\n                    sidebarNavRowClassName(),\n                    \"truncate text-[var(--oh-muted)] opacity-50 cursor-not-allowed\",\n                  )}\n                >\n                  {baseRow}\n                  {label}\n                  {comingSoonBadge}\n                </span>\n              </StyledTooltip>\n            );\n          }\n\n          return (\n            <NavigationLink\n              key={item.to}\n              to={item.to}\n              end={item.end}\n              data-testid={`sidebar-extensions-${item.to}`}\n              className={({ isActive }) =>\n                cn(\n                  sidebarNavRowClassName(),\n                  \"truncate\",\n                  isActive\n                    ? SIDEBAR_ROW_INTERACTIVE_CLASS.active\n                    : SIDEBAR_ROW_INTERACTIVE_CLASS.idle,\n                )\n              }\n            >\n              {baseRow}\n              {label}\n              {comingSoonBadge}\n            </NavigationLink>\n          );\n        })}\n      </div>\n      <div className=\"px-2 pt-3\">\n        <BackendSyncedSettingsBadge />\n      </div>\n    </aside>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;AAiCA,IAAa,IAA2C;CACtD;EACE,IAAI;EACJ,OAAO;EACP,MAAM,kBAAC,GAAD;GAAY,OAAO;GAAI,QAAQ;GAAI,eAAY;GAAS,CAAA;EAC9D,KAAK;EACN;CACD;EACE,IAAI;EACJ,OAAO;EACP,MAAM,kBAAC,GAAD;GAAmB,OAAO;GAAI,QAAQ;GAAM,CAAA;EAClD,KAAK;EACL,eAAe;EAChB;CACD;EACE,IAAI;EACJ,OAAO;EACP,MACE,kBAAC,OAAD;GACE,OAAM;GACN,SAAQ;GACR,MAAK;GACL,QAAO;GACP,aAAY;GACZ,eAAc;GACd,gBAAe;GACf,OAAO;GACP,QAAQ;GACR,eAAY;aAVd;IAYE,kBAAC,QAAD,EAAM,GAAE,0HAA2H,CAAA;IACnI,kBAAC,QAAD,EAAM,GAAE,sBAAuB,CAAA;IAC/B,kBAAC,QAAD,EAAM,GAAE,aAAc,CAAA;IAClB;;EAER,KAAK;EACL,YAAY;EACb;CACF;AAED,SAAgB,IAAuB;CACrC,IAAM,EAAE,SAAM,EAAe,YAAY,EACnC,EAAE,MAAM,MAAa,GAAa,EAClC,IAAmB,GAAiB,MAAU,EAAM,UAAU,EAI9D,IAAU,EAAc,KAAK,EAC7B,IAAU,EAAc,IAAI,EAC5B,IAAyB,CAAC,KAAoB,KAAW,CAAC,GAC1D,IAAa,GAAU,gBAAgB,eAAe,OACtD,IACJ,OAAO,GAAU,gBAAgB,cAAe,WAC5C,EAAS,eAAe,aACxB,KAAA,GACA,IAAgB,IACjB,EAAc,MAAM,EAAE,aAAU,MAAQ,EAAa,EAAE,gBACxD,cACA,KAAA;AAIJ,QAFI,IAA+B,OAGjC,kBAAC,SAAD;EACE,eAAY;EACZ,WAAU;YAFZ;GAIE,kBAAC,QAAD;IAAM,WAAU;cACb,EAAE,EAAQ,cAAc;IACpB,CAAA;GACP,kBAAC,OAAD;IAAK,WAAU;cACZ,EAAqB,KAAK,MAAS;KAClC,IAAM,IAAW,CAAC,EAAE,KAAc,EAAK,gBACjC,IACJ,kBAAC,QAAD;MAAM,WAAU;gBACb,EAAK;MACD,CAAA,EAEH,IAAQ,kBAAC,QAAD;MAAM,WAAU;gBAAY,EAAK;MAAa,CAAA,EACtD,IAAkB,EAAK,cAC3B,kBAAC,QAAD;MAAM,WAAU;gBACb,EAAE,EAAQ,gBAAgB;MACtB,CAAA;AAkCT,YA/BI,IAQA,kBAAC,GAAD;MAEE,SAAS,EAAE,EAAQ,iCAAiC,EAClD,WAAW,GACZ,CAAC;MACF,WAAU;gBAEV,kBAAC,QAAD;OACE,iBAAc;OACd,eAAa,sBAAsB,EAAK;OACxC,WAAW,EACT,GAAwB,EACxB,gEACD;iBANH;QAQG;QACA;QACA;QACI;;MACO,EAlBT,EAAK,GAkBI,GAKlB,kBAAC,GAAD;MAEE,IAAI,EAAK;MACT,KAAK,EAAK;MACV,eAAa,sBAAsB,EAAK;MACxC,YAAY,EAAE,kBACZ,EACE,GAAwB,EACxB,YACA,IACI,EAA8B,SAC9B,EAA8B,KACnC;gBAZL;OAeG;OACA;OACA;OACc;QAjBV,EAAK,GAiBK;MAEnB;IACE,CAAA;GACN,kBAAC,OAAD;IAAK,WAAU;cACb,kBAAC,GAAD,EAA8B,CAAA;IAC1B,CAAA;GACA"}
+{"version":3,"file":"extensions-navigation.js","names":[],"sources":["../../../../src/components/features/skills/extensions-navigation.tsx"],"sourcesContent":["import { useTranslation } from \"react-i18next\";\nimport { NavigationLink } from \"#/components/shared/navigation-link\";\nimport { cn } from \"#/utils/utils\";\nimport SkillsIcon from \"#/icons/skills.svg?react\";\nimport ServerProcessIcon from \"#/icons/server-process.svg?react\";\nimport { BackendSyncedSettingsBadge } from \"#/components/features/settings/backend-synced-settings-badge\";\nimport {\n  SIDEBAR_ROW_INTERACTIVE_CLASS,\n  sidebarNavRowClassName,\n} from \"#/components/features/sidebar/sidebar-layout\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { useSidebarStore } from \"#/stores/sidebar-store\";\nimport { useBreakpoint } from \"#/hooks/use-breakpoint\";\n\ninterface ExtensionNavItem {\n  to: string;\n  label: string;\n  icon: React.ReactElement;\n  end?: boolean;\n  comingSoon?: boolean;\n}\n\nexport const EXTENSIONS_NAV_ITEMS: ExtensionNavItem[] = [\n  {\n    to: \"/skills\",\n    label: \"Skills\",\n    icon: <SkillsIcon width={16} height={16} aria-hidden=\"true\" />,\n    end: true,\n  },\n  {\n    to: \"/mcp\",\n    label: \"MCP Servers\",\n    icon: <ServerProcessIcon width={16} height={16} />,\n    end: true,\n  },\n  {\n    to: \"/plugins\",\n    label: \"Plugins\",\n    icon: (\n      <svg\n        xmlns=\"http://www.w3.org/2000/svg\"\n        viewBox=\"0 0 24 24\"\n        fill=\"none\"\n        stroke=\"currentColor\"\n        strokeWidth=\"2\"\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n        width={16}\n        height={16}\n        aria-hidden=\"true\"\n      >\n        <path d=\"M21 8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16Z\" />\n        <path d=\"m3.3 7 8.7 5 8.7-5\" />\n        <path d=\"M12 22V12\" />\n      </svg>\n    ),\n    end: true,\n    comingSoon: true,\n  },\n];\n\nexport function ExtensionsNavigation() {\n  const { t } = useTranslation(\"openhands\");\n  const sidebarCollapsed = useSidebarStore((state) => state.collapsed);\n  // At iPad portrait widths (md to <lg) an expanded primary Sidebar (300px)\n  // plus this nav (260px) leaves the main content unreadable. Hide ourselves\n  // until the user collapses the Sidebar or the viewport reaches `lg`.\n  const belowLg = useBreakpoint(1023);\n  const belowMd = useBreakpoint(767);\n  const hideForExpandedSidebar = !sidebarCollapsed && belowLg && !belowMd;\n\n  if (hideForExpandedSidebar) return null;\n\n  return (\n    <aside\n      data-testid=\"extensions-navbar-desktop\"\n      className=\"hidden md:flex md:w-[260px] md:shrink-0 md:flex-col md:gap-2 md:sticky md:top-8 md:self-start\"\n    >\n      <span className=\"px-2 text-sm font-normal text-white\">\n        {t(I18nKey.NAV$CUSTOMIZE)}\n      </span>\n      <div className=\"flex flex-col gap-0.5 pt-0.5\">\n        {EXTENSIONS_NAV_ITEMS.map((item) => {\n          const baseRow = (\n            <span className=\"shrink-0 flex items-center justify-center\">\n              {item.icon}\n            </span>\n          );\n          const label = <span className=\"truncate\">{item.label}</span>;\n          const comingSoonBadge = item.comingSoon && (\n            <span className=\"ml-auto shrink-0 rounded-full border border-white/20 bg-white/5 px-1.5 py-0.5 text-[10px] font-medium text-[var(--oh-text-dim)]\">\n              {t(I18nKey.NAV$COMING_SOON)}\n            </span>\n          );\n\n          return (\n            <NavigationLink\n              key={item.to}\n              to={item.to}\n              end={item.end}\n              data-testid={`sidebar-extensions-${item.to}`}\n              className={({ isActive }) =>\n                cn(\n                  sidebarNavRowClassName(),\n                  \"truncate\",\n                  isActive\n                    ? SIDEBAR_ROW_INTERACTIVE_CLASS.active\n                    : SIDEBAR_ROW_INTERACTIVE_CLASS.idle,\n                )\n              }\n            >\n              {baseRow}\n              {label}\n              {comingSoonBadge}\n            </NavigationLink>\n          );\n        })}\n      </div>\n      <div className=\"px-2 pt-3\">\n        <BackendSyncedSettingsBadge />\n      </div>\n    </aside>\n  );\n}\n"],"mappings":";;;;;;;;;;;;AAsBA,IAAa,IAA2C;CACtD;EACE,IAAI;EACJ,OAAO;EACP,MAAM,kBAAC,GAAD;GAAY,OAAO;GAAI,QAAQ;GAAI,eAAY;GAAS,CAAA;EAC9D,KAAK;EACN;CACD;EACE,IAAI;EACJ,OAAO;EACP,MAAM,kBAAC,GAAD;GAAmB,OAAO;GAAI,QAAQ;GAAM,CAAA;EAClD,KAAK;EACN;CACD;EACE,IAAI;EACJ,OAAO;EACP,MACE,kBAAC,OAAD;GACE,OAAM;GACN,SAAQ;GACR,MAAK;GACL,QAAO;GACP,aAAY;GACZ,eAAc;GACd,gBAAe;GACf,OAAO;GACP,QAAQ;GACR,eAAY;aAVd;IAYE,kBAAC,QAAD,EAAM,GAAE,0HAA2H,CAAA;IACnI,kBAAC,QAAD,EAAM,GAAE,sBAAuB,CAAA;IAC/B,kBAAC,QAAD,EAAM,GAAE,aAAc,CAAA;IAClB;;EAER,KAAK;EACL,YAAY;EACb;CACF;AAED,SAAgB,IAAuB;CACrC,IAAM,EAAE,SAAM,EAAe,YAAY,EACnC,IAAmB,GAAiB,MAAU,EAAM,UAAU,EAI9D,IAAU,EAAc,KAAK,EAC7B,IAAU,EAAc,IAAI;AAKlC,QAJ+B,CAAC,KAAoB,KAAW,CAAC,IAE7B,OAGjC,kBAAC,SAAD;EACE,eAAY;EACZ,WAAU;YAFZ;GAIE,kBAAC,QAAD;IAAM,WAAU;cACb,EAAE,EAAQ,cAAc;IACpB,CAAA;GACP,kBAAC,OAAD;IAAK,WAAU;cACZ,EAAqB,KAAK,MAAS;KAClC,IAAM,IACJ,kBAAC,QAAD;MAAM,WAAU;gBACb,EAAK;MACD,CAAA,EAEH,IAAQ,kBAAC,QAAD;MAAM,WAAU;gBAAY,EAAK;MAAa,CAAA,EACtD,IAAkB,EAAK,cAC3B,kBAAC,QAAD;MAAM,WAAU;gBACb,EAAE,EAAQ,gBAAgB;MACtB,CAAA;AAGT,YACE,kBAAC,GAAD;MAEE,IAAI,EAAK;MACT,KAAK,EAAK;MACV,eAAa,sBAAsB,EAAK;MACxC,YAAY,EAAE,kBACZ,EACE,GAAwB,EACxB,YACA,IACI,EAA8B,SAC9B,EAA8B,KACnC;gBAZL;OAeG;OACA;OACA;OACc;QAjBV,EAAK,GAiBK;MAEnB;IACE,CAAA;GACN,kBAAC,OAAD;IAAK,WAAU;cACb,kBAAC,GAAD,EAA8B,CAAA;IAC1B,CAAA;GACA"}

package/dist/constants/acp-providers.cjs

@@ -1,2 +1,2 @@
-require(`../_virtual/_rolldown/runtime.cjs`);const e=require(`../i18n/declaration.cjs`),t=require(`../node_modules/@openhands/typescript-client/dist/models/acp.cjs`);require(`../node_modules/@openhands/typescript-client/dist/index.cjs`);var n=new Set([`default`,`default (recommended)`]);function r(e){if(typeof e!=`string`)return null;let t=e.trim();return!t||n.has(t.toLowerCase())||t===`acp-managed`?null:t}function i(e){for(let t of[e.runtimeName,e.runtimeId,e.configured,e.sdkLlm]){let e=r(t);if(e)return e}return e.providerDefault??null}var a={"claude-code":{icon:`claude-code`,description_key:e.I18nKey.ONBOARDING$AGENT_CLAUDE_CODE_DESCRIPTION},codex:{icon:`codex`,description_key:e.I18nKey.ONBOARDING$AGENT_CODEX_DESCRIPTION},"gemini-cli":{icon:`gemini`,description_key:e.I18nKey.ONBOARDING$AGENT_GEMINI_CLI_DESCRIPTION}},o=Object.entries(a).map(([e,n])=>{let r=t.getAcpProvider(e);return{key:e,display_name:r?.display_name??e,default_command:r?[...r.default_command]:[],available_models:r?.available_models?.map(e=>({id:e.id,label:e.label})),default_model:r?.default_model??void 0,description_key:n.description_key,icon:n.icon}});function s(e){if(e)return o.find(t=>t.key===e)}function c(e){let t=s(e);return t?t.display_name:null}function l(e){return s(e)?.icon??`cli-generic`}function u(e,t){return t?s(e)?.available_models?.find(e=>e.id===t)?.label??t:null}exports.ACP_PROVIDERS=o,exports.getAcpProvider=s,exports.getAcpProviderDisplayName=c,exports.labelForAcpModel=u,exports.resolveAcpProviderIcon=l,exports.resolveEffectiveAcpModel=i;
+require(`../_virtual/_rolldown/runtime.cjs`);const e=require(`../i18n/declaration.cjs`),t=require(`../node_modules/@openhands/typescript-client/dist/models/acp.cjs`);require(`../node_modules/@openhands/typescript-client/dist/index.cjs`);var n=new Set([`default`,`default (recommended)`]);function r(e){if(typeof e!=`string`)return null;let t=e.trim();return!t||n.has(t.toLowerCase())||t===`acp-managed`?null:t}function i(e){for(let t of[e.runtimeName,e.runtimeId,e.configured,e.sdkLlm]){let e=r(t);if(e)return e}return e.providerDefault??null}var a={"claude-code":{icon:`claude-code`,description_key:e.I18nKey.ONBOARDING$AGENT_CLAUDE_CODE_DESCRIPTION},codex:{icon:`codex`,description_key:e.I18nKey.ONBOARDING$AGENT_CODEX_DESCRIPTION},"gemini-cli":{icon:`gemini`,description_key:e.I18nKey.ONBOARDING$AGENT_GEMINI_CLI_DESCRIPTION}},o=Object.entries(a).map(([e,n])=>{let r=t.getAcpProvider(e);return{key:e,display_name:r?.display_name??e,default_command:r?[...r.default_command]:[],available_models:r?.available_models?.map(e=>({id:e.id,label:e.label})),default_model:r?.default_model??void 0,description_key:n.description_key,icon:n.icon}});function s(e){if(e)return o.find(t=>t.key===e)}function c(e){let t=s(e);return t?t.display_name:null}function l(e){return s(e)?.icon??`cli-generic`}function u(e,t){return t?s(e)?.available_models?.find(e=>e.id===t)?.label??t:null}exports.getAcpProvider=s,exports.getAcpProviderDisplayName=c,exports.labelForAcpModel=u,exports.resolveAcpProviderIcon=l,exports.resolveEffectiveAcpModel=i;
 //# sourceMappingURL=acp-providers.cjs.map

package/dist/constants/acp-providers.js

@@ -61,6 +61,6 @@ function u(e, t) {
 	return t ? s(e)?.available_models?.find((e) => e.id === t)?.label ?? t : null;
 }
 //#endregion
-export { o as ACP_PROVIDERS, s as getAcpProvider, c as getAcpProviderDisplayName, u as labelForAcpModel, l as resolveAcpProviderIcon, i as resolveEffectiveAcpModel };
+export { s as getAcpProvider, c as getAcpProviderDisplayName, u as labelForAcpModel, l as resolveAcpProviderIcon, i as resolveEffectiveAcpModel };
 
 //# sourceMappingURL=acp-providers.js.map

package/dist/hooks/mutation/use-create-conversation.cjs

@@ -1,2 +1,2 @@
-require(`../../_virtual/_rolldown/runtime.cjs`);const e=require(`../../node_modules/@tanstack/react-query/build/modern/QueryClientProvider.cjs`),t=require(`../../node_modules/@tanstack/react-query/build/modern/useMutation.cjs`),n=require(`../../api/conversation-service/agent-server-conversation-service.api.cjs`),r=require(`../use-tracking.cjs`);var i=()=>{let i=e.useQueryClient(),{trackConversationCreated:a}=r.useTracking();return t.useMutation({mutationKey:[`create-conversation`],mutationFn:async e=>{let{query:t,conversationInstructions:r,plugins:i,repository:a,workingDir:o,parentConversationId:s,agentType:c}=e,l=await n.default.createConversation(t,r,i,a?{selected_repository:a.name,selected_branch:a.branch??null,git_provider:a.gitProvider}:null,o,s,c);return{conversation_id:l.app_conversation_id?l.app_conversation_id:`task-${l.id}`,session_api_key:null,url:l.agent_server_url,task_id:l.id}},onSuccess:async(e,{repository:t})=>{a({hasRepository:!!t}),i.invalidateQueries({queryKey:[`user`,`conversations`]}),i.invalidateQueries({queryKey:[`start-tasks`]})}})};exports.useCreateConversation=i;
+require(`../../_virtual/_rolldown/runtime.cjs`);const e=require(`../../node_modules/@tanstack/react-query/build/modern/QueryClientProvider.cjs`),t=require(`../../node_modules/@tanstack/react-query/build/modern/useMutation.cjs`),n=require(`../../api/conversation-metadata-store.cjs`),r=require(`../../api/conversation-service/agent-server-conversation-service.api.cjs`),i=require(`../use-tracking.cjs`),a=require(`../query/use-llm-profiles.cjs`);var o=()=>{let o=e.useQueryClient(),{trackConversationCreated:s}=i.useTracking(),{data:c}=a.useLlmProfiles();return t.useMutation({mutationKey:[`create-conversation`],mutationFn:async e=>{let{query:t,conversationInstructions:i,plugins:a,repository:o,workingDir:s,parentConversationId:l,agentType:u}=e,d=await r.default.createConversation(t,i,a,o?{selected_repository:o.name,selected_branch:o.branch??null,git_provider:o.gitProvider}:null,s,l,u),f=d.app_conversation_id;if(f&&c?.active_profile){let e=n.getStoredConversationMetadata(f);n.setStoredConversationMetadata(f,{selected_repository:e?.selected_repository??null,selected_branch:e?.selected_branch??null,git_provider:e?.git_provider??null,selected_workspace:e?.selected_workspace??null,active_profile:c.active_profile})}return{conversation_id:d.app_conversation_id?d.app_conversation_id:`task-${d.id}`,session_api_key:null,url:d.agent_server_url,task_id:d.id}},onSuccess:async(e,{repository:t})=>{s({hasRepository:!!t}),o.invalidateQueries({queryKey:[`user`,`conversations`]}),o.invalidateQueries({queryKey:[`start-tasks`]})}})};exports.useCreateConversation=o;
 //# sourceMappingURL=use-create-conversation.cjs.map

package/dist/hooks/mutation/use-create-conversation.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"use-create-conversation.cjs","names":[],"sources":["../../../src/hooks/mutation/use-create-conversation.ts"],"sourcesContent":["import { useMutation, useQueryClient } from \"@tanstack/react-query\";\nimport AgentServerConversationService from \"#/api/conversation-service/agent-server-conversation-service.api\";\nimport { PluginSpec } from \"#/api/conversation-service/agent-server-conversation-service.types\";\nimport { SuggestedTask } from \"#/utils/types\";\nimport { Provider } from \"#/types/settings\";\nimport { useTracking } from \"#/hooks/use-tracking\";\n\ninterface CreateConversationVariables {\n  query?: string;\n  repository?: {\n    name: string;\n    gitProvider: Provider;\n    branch?: string;\n  };\n  suggestedTask?: SuggestedTask;\n  conversationInstructions?: string;\n  parentConversationId?: string;\n  agentType?: \"default\" | \"plan\";\n  plugins?: PluginSpec[];\n  workingDir?: string;\n}\n\ninterface CreateConversationResponse {\n  conversation_id: string;\n  session_api_key: string | null;\n  url: string | null;\n  task_id?: string;\n}\n\nexport const useCreateConversation = () => {\n  const queryClient = useQueryClient();\n  const { trackConversationCreated } = useTracking();\n\n  return useMutation({\n    mutationKey: [\"create-conversation\"],\n    mutationFn: async (\n      variables: CreateConversationVariables,\n    ): Promise<CreateConversationResponse> => {\n      const {\n        query,\n        conversationInstructions,\n        plugins,\n        repository,\n        workingDir,\n        parentConversationId,\n        agentType,\n      } = variables;\n\n      const conversation =\n        await AgentServerConversationService.createConversation(\n          query,\n          conversationInstructions,\n          plugins,\n          repository\n            ? {\n                selected_repository: repository.name,\n                selected_branch: repository.branch ?? null,\n                git_provider: repository.gitProvider,\n              }\n            : null,\n          workingDir,\n          parentConversationId,\n          agentType,\n        );\n\n      // OpenHands cloud pattern: when the start task isn't immediately\n      // READY (cloud sandbox is still provisioning),\n      // app_conversation_id is null. We return a `task-{id}` URL so the\n      // conversation route's useTaskPolling can drive it to READY and\n      // then redirect to the real `/conversations/{app_conversation_id}`.\n      const conversationId = conversation.app_conversation_id\n        ? conversation.app_conversation_id\n        : `task-${conversation.id}`;\n\n      return {\n        conversation_id: conversationId,\n        session_api_key: null,\n        url: conversation.agent_server_url,\n        task_id: conversation.id,\n      };\n    },\n    onSuccess: async (_, { repository }) => {\n      trackConversationCreated({\n        hasRepository: !!repository,\n      });\n\n      // Invalidate (rather than remove) so the existing paginated list stays\n      // rendered while a background refetch picks up the new conversation.\n      // `removeQueries` would wipe the cache and force the panel back to its\n      // initial loading state, dropping loaded pages and scroll position.\n      queryClient.invalidateQueries({\n        queryKey: [\"user\", \"conversations\"],\n      });\n      // The cloud path returns a start task (no app_conversation_id\n      // yet); the sidebar surfaces those via `useStartTasks` which doesn't\n      // poll, so invalidate it explicitly so the in-flight task shows up\n      // in the conversation list immediately.\n      queryClient.invalidateQueries({\n        queryKey: [\"start-tasks\"],\n      });\n    },\n  });\n};\n"],"mappings":"2VA6BA,IAAa,MAA8B,CACzC,IAAM,EAAc,EAAA,gBAAgB,CAC9B,CAAE,4BAA6B,EAAA,aAAa,CAElD,OAAO,EAAA,YAAY,CACjB,YAAa,CAAC,sBAAsB,CACpC,WAAY,KACV,IACwC,CACxC,GAAM,CACJ,QACA,2BACA,UACA,aACA,aACA,uBACA,aACE,EAEE,EACJ,MAAM,EAAA,QAA+B,mBACnC,EACA,EACA,EACA,EACI,CACE,oBAAqB,EAAW,KAChC,gBAAiB,EAAW,QAAU,KACtC,aAAc,EAAW,YAC1B,CACD,KACJ,EACA,EACA,EACD,CAWH,MAAO,CACL,gBALqB,EAAa,oBAChC,EAAa,oBACb,QAAQ,EAAa,KAIvB,gBAAiB,KACjB,IAAK,EAAa,iBAClB,QAAS,EAAa,GACvB,EAEH,UAAW,MAAO,EAAG,CAAE,gBAAiB,CACtC,EAAyB,CACvB,cAAe,CAAC,CAAC,EAClB,CAAC,CAMF,EAAY,kBAAkB,CAC5B,SAAU,CAAC,OAAQ,gBAAgB,CACpC,CAAC,CAKF,EAAY,kBAAkB,CAC5B,SAAU,CAAC,cAAc,CAC1B,CAAC,EAEL,CAAC"}
+{"version":3,"file":"use-create-conversation.cjs","names":[],"sources":["../../../src/hooks/mutation/use-create-conversation.ts"],"sourcesContent":["import { useMutation, useQueryClient } from \"@tanstack/react-query\";\nimport AgentServerConversationService from \"#/api/conversation-service/agent-server-conversation-service.api\";\nimport { PluginSpec } from \"#/api/conversation-service/agent-server-conversation-service.types\";\nimport { SuggestedTask } from \"#/utils/types\";\nimport { Provider } from \"#/types/settings\";\nimport { useTracking } from \"#/hooks/use-tracking\";\nimport { useLlmProfiles } from \"#/hooks/query/use-llm-profiles\";\nimport {\n  getStoredConversationMetadata,\n  setStoredConversationMetadata,\n} from \"#/api/conversation-metadata-store\";\n\ninterface CreateConversationVariables {\n  query?: string;\n  repository?: {\n    name: string;\n    gitProvider: Provider;\n    branch?: string;\n  };\n  suggestedTask?: SuggestedTask;\n  conversationInstructions?: string;\n  parentConversationId?: string;\n  agentType?: \"default\" | \"plan\";\n  plugins?: PluginSpec[];\n  workingDir?: string;\n}\n\ninterface CreateConversationResponse {\n  conversation_id: string;\n  session_api_key: string | null;\n  url: string | null;\n  task_id?: string;\n}\n\nexport const useCreateConversation = () => {\n  const queryClient = useQueryClient();\n  const { trackConversationCreated } = useTracking();\n  // Cache-warm on the home page (the profile picker reads the same query).\n  // Stamped onto the conversation at creation so the switcher can show the\n  // exact profile even when several profiles share a model (#1082).\n  const { data: llmProfiles } = useLlmProfiles();\n\n  return useMutation({\n    mutationKey: [\"create-conversation\"],\n    mutationFn: async (\n      variables: CreateConversationVariables,\n    ): Promise<CreateConversationResponse> => {\n      const {\n        query,\n        conversationInstructions,\n        plugins,\n        repository,\n        workingDir,\n        parentConversationId,\n        agentType,\n      } = variables;\n\n      const conversation =\n        await AgentServerConversationService.createConversation(\n          query,\n          conversationInstructions,\n          plugins,\n          repository\n            ? {\n                selected_repository: repository.name,\n                selected_branch: repository.branch ?? null,\n                git_provider: repository.gitProvider,\n              }\n            : null,\n          workingDir,\n          parentConversationId,\n          agentType,\n        );\n\n      // Stamp the active LLM profile onto the (local) conversation so the\n      // chat switcher shows the exact profile even when several profiles\n      // share a model (#1082). Cloud conversations don't use local profiles\n      // (app_conversation_id stays null until the sandbox is READY). Merge so\n      // the repo/workspace metadata the service just persisted is preserved.\n      const localConversationId = conversation.app_conversation_id;\n      if (localConversationId && llmProfiles?.active_profile) {\n        const prev = getStoredConversationMetadata(localConversationId);\n        setStoredConversationMetadata(localConversationId, {\n          selected_repository: prev?.selected_repository ?? null,\n          selected_branch: prev?.selected_branch ?? null,\n          git_provider: prev?.git_provider ?? null,\n          selected_workspace: prev?.selected_workspace ?? null,\n          active_profile: llmProfiles.active_profile,\n        });\n      }\n\n      // OpenHands cloud pattern: when the start task isn't immediately\n      // READY (cloud sandbox is still provisioning),\n      // app_conversation_id is null. We return a `task-{id}` URL so the\n      // conversation route's useTaskPolling can drive it to READY and\n      // then redirect to the real `/conversations/{app_conversation_id}`.\n      const conversationId = conversation.app_conversation_id\n        ? conversation.app_conversation_id\n        : `task-${conversation.id}`;\n\n      return {\n        conversation_id: conversationId,\n        session_api_key: null,\n        url: conversation.agent_server_url,\n        task_id: conversation.id,\n      };\n    },\n    onSuccess: async (_, { repository }) => {\n      trackConversationCreated({\n        hasRepository: !!repository,\n      });\n\n      // Invalidate (rather than remove) so the existing paginated list stays\n      // rendered while a background refetch picks up the new conversation.\n      // `removeQueries` would wipe the cache and force the panel back to its\n      // initial loading state, dropping loaded pages and scroll position.\n      queryClient.invalidateQueries({\n        queryKey: [\"user\", \"conversations\"],\n      });\n      // The cloud path returns a start task (no app_conversation_id\n      // yet); the sidebar surfaces those via `useStartTasks` which doesn't\n      // poll, so invalidate it explicitly so the in-flight task shows up\n      // in the conversation list immediately.\n      queryClient.invalidateQueries({\n        queryKey: [\"start-tasks\"],\n      });\n    },\n  });\n};\n"],"mappings":"6bAkCA,IAAa,MAA8B,CACzC,IAAM,EAAc,EAAA,gBAAgB,CAC9B,CAAE,4BAA6B,EAAA,aAAa,CAI5C,CAAE,KAAM,GAAgB,EAAA,gBAAgB,CAE9C,OAAO,EAAA,YAAY,CACjB,YAAa,CAAC,sBAAsB,CACpC,WAAY,KACV,IACwC,CACxC,GAAM,CACJ,QACA,2BACA,UACA,aACA,aACA,uBACA,aACE,EAEE,EACJ,MAAM,EAAA,QAA+B,mBACnC,EACA,EACA,EACA,EACI,CACE,oBAAqB,EAAW,KAChC,gBAAiB,EAAW,QAAU,KACtC,aAAc,EAAW,YAC1B,CACD,KACJ,EACA,EACA,EACD,CAOG,EAAsB,EAAa,oBACzC,GAAI,GAAuB,GAAa,eAAgB,CACtD,IAAM,EAAO,EAAA,8BAA8B,EAAoB,CAC/D,EAAA,8BAA8B,EAAqB,CACjD,oBAAqB,GAAM,qBAAuB,KAClD,gBAAiB,GAAM,iBAAmB,KAC1C,aAAc,GAAM,cAAgB,KACpC,mBAAoB,GAAM,oBAAsB,KAChD,eAAgB,EAAY,eAC7B,CAAC,CAYJ,MAAO,CACL,gBALqB,EAAa,oBAChC,EAAa,oBACb,QAAQ,EAAa,KAIvB,gBAAiB,KACjB,IAAK,EAAa,iBAClB,QAAS,EAAa,GACvB,EAEH,UAAW,MAAO,EAAG,CAAE,gBAAiB,CACtC,EAAyB,CACvB,cAAe,CAAC,CAAC,EAClB,CAAC,CAMF,EAAY,kBAAkB,CAC5B,SAAU,CAAC,OAAQ,gBAAgB,CACpC,CAAC,CAKF,EAAY,kBAAkB,CAC5B,SAAU,CAAC,cAAc,CAC1B,CAAC,EAEL,CAAC"}

package/dist/hooks/mutation/use-create-conversation.js

@@ -1,31 +1,43 @@
 import { useQueryClient as e } from "../../node_modules/@tanstack/react-query/build/modern/QueryClientProvider.js";
 import { useMutation as t } from "../../node_modules/@tanstack/react-query/build/modern/useMutation.js";
-import n from "../../api/conversation-service/agent-server-conversation-service.api.js";
-import { useTracking as r } from "../use-tracking.js";
+import { getStoredConversationMetadata as n, setStoredConversationMetadata as r } from "../../api/conversation-metadata-store.js";
+import i from "../../api/conversation-service/agent-server-conversation-service.api.js";
+import { useTracking as a } from "../use-tracking.js";
+import { useLlmProfiles as o } from "../query/use-llm-profiles.js";
 //#region src/hooks/mutation/use-create-conversation.ts
-var i = () => {
-	let i = e(), { trackConversationCreated: a } = r();
+var s = () => {
+	let s = e(), { trackConversationCreated: c } = a(), { data: l } = o();
 	return t({
 		mutationKey: ["create-conversation"],
 		mutationFn: async (e) => {
-			let { query: t, conversationInstructions: r, plugins: i, repository: a, workingDir: o, parentConversationId: s, agentType: c } = e, l = await n.createConversation(t, r, i, a ? {
-				selected_repository: a.name,
-				selected_branch: a.branch ?? null,
-				git_provider: a.gitProvider
-			} : null, o, s, c);
+			let { query: t, conversationInstructions: a, plugins: o, repository: s, workingDir: c, parentConversationId: u, agentType: d } = e, f = await i.createConversation(t, a, o, s ? {
+				selected_repository: s.name,
+				selected_branch: s.branch ?? null,
+				git_provider: s.gitProvider
+			} : null, c, u, d), p = f.app_conversation_id;
+			if (p && l?.active_profile) {
+				let e = n(p);
+				r(p, {
+					selected_repository: e?.selected_repository ?? null,
+					selected_branch: e?.selected_branch ?? null,
+					git_provider: e?.git_provider ?? null,
+					selected_workspace: e?.selected_workspace ?? null,
+					active_profile: l.active_profile
+				});
+			}
 			return {
-				conversation_id: l.app_conversation_id ? l.app_conversation_id : `task-${l.id}`,
+				conversation_id: f.app_conversation_id ? f.app_conversation_id : `task-${f.id}`,
 				session_api_key: null,
-				url: l.agent_server_url,
-				task_id: l.id
+				url: f.agent_server_url,
+				task_id: f.id
 			};
 		},
 		onSuccess: async (e, { repository: t }) => {
-			a({ hasRepository: !!t }), i.invalidateQueries({ queryKey: ["user", "conversations"] }), i.invalidateQueries({ queryKey: ["start-tasks"] });
+			c({ hasRepository: !!t }), s.invalidateQueries({ queryKey: ["user", "conversations"] }), s.invalidateQueries({ queryKey: ["start-tasks"] });
 		}
 	});
 };
 //#endregion
-export { i as useCreateConversation };
+export { s as useCreateConversation };
 
 //# sourceMappingURL=use-create-conversation.js.map

package/dist/hooks/mutation/use-create-conversation.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-create-conversation.js","names":[],"sources":["../../../src/hooks/mutation/use-create-conversation.ts"],"sourcesContent":["import { useMutation, useQueryClient } from \"@tanstack/react-query\";\nimport AgentServerConversationService from \"#/api/conversation-service/agent-server-conversation-service.api\";\nimport { PluginSpec } from \"#/api/conversation-service/agent-server-conversation-service.types\";\nimport { SuggestedTask } from \"#/utils/types\";\nimport { Provider } from \"#/types/settings\";\nimport { useTracking } from \"#/hooks/use-tracking\";\n\ninterface CreateConversationVariables {\n  query?: string;\n  repository?: {\n    name: string;\n    gitProvider: Provider;\n    branch?: string;\n  };\n  suggestedTask?: SuggestedTask;\n  conversationInstructions?: string;\n  parentConversationId?: string;\n  agentType?: \"default\" | \"plan\";\n  plugins?: PluginSpec[];\n  workingDir?: string;\n}\n\ninterface CreateConversationResponse {\n  conversation_id: string;\n  session_api_key: string | null;\n  url: string | null;\n  task_id?: string;\n}\n\nexport const useCreateConversation = () => {\n  const queryClient = useQueryClient();\n  const { trackConversationCreated } = useTracking();\n\n  return useMutation({\n    mutationKey: [\"create-conversation\"],\n    mutationFn: async (\n      variables: CreateConversationVariables,\n    ): Promise<CreateConversationResponse> => {\n      const {\n        query,\n        conversationInstructions,\n        plugins,\n        repository,\n        workingDir,\n        parentConversationId,\n        agentType,\n      } = variables;\n\n      const conversation =\n        await AgentServerConversationService.createConversation(\n          query,\n          conversationInstructions,\n          plugins,\n          repository\n            ? {\n                selected_repository: repository.name,\n                selected_branch: repository.branch ?? null,\n                git_provider: repository.gitProvider,\n              }\n            : null,\n          workingDir,\n          parentConversationId,\n          agentType,\n        );\n\n      // OpenHands cloud pattern: when the start task isn't immediately\n      // READY (cloud sandbox is still provisioning),\n      // app_conversation_id is null. We return a `task-{id}` URL so the\n      // conversation route's useTaskPolling can drive it to READY and\n      // then redirect to the real `/conversations/{app_conversation_id}`.\n      const conversationId = conversation.app_conversation_id\n        ? conversation.app_conversation_id\n        : `task-${conversation.id}`;\n\n      return {\n        conversation_id: conversationId,\n        session_api_key: null,\n        url: conversation.agent_server_url,\n        task_id: conversation.id,\n      };\n    },\n    onSuccess: async (_, { repository }) => {\n      trackConversationCreated({\n        hasRepository: !!repository,\n      });\n\n      // Invalidate (rather than remove) so the existing paginated list stays\n      // rendered while a background refetch picks up the new conversation.\n      // `removeQueries` would wipe the cache and force the panel back to its\n      // initial loading state, dropping loaded pages and scroll position.\n      queryClient.invalidateQueries({\n        queryKey: [\"user\", \"conversations\"],\n      });\n      // The cloud path returns a start task (no app_conversation_id\n      // yet); the sidebar surfaces those via `useStartTasks` which doesn't\n      // poll, so invalidate it explicitly so the in-flight task shows up\n      // in the conversation list immediately.\n      queryClient.invalidateQueries({\n        queryKey: [\"start-tasks\"],\n      });\n    },\n  });\n};\n"],"mappings":";;;;;AA6BA,IAAa,UAA8B;CACzC,IAAM,IAAc,GAAgB,EAC9B,EAAE,gCAA6B,GAAa;AAElD,QAAO,EAAY;EACjB,aAAa,CAAC,sBAAsB;EACpC,YAAY,OACV,MACwC;GACxC,IAAM,EACJ,UACA,6BACA,YACA,eACA,eACA,yBACA,iBACE,GAEE,IACJ,MAAM,EAA+B,mBACnC,GACA,GACA,GACA,IACI;IACE,qBAAqB,EAAW;IAChC,iBAAiB,EAAW,UAAU;IACtC,cAAc,EAAW;IAC1B,GACD,MACJ,GACA,GACA,EACD;AAWH,UAAO;IACL,iBALqB,EAAa,sBAChC,EAAa,sBACb,QAAQ,EAAa;IAIvB,iBAAiB;IACjB,KAAK,EAAa;IAClB,SAAS,EAAa;IACvB;;EAEH,WAAW,OAAO,GAAG,EAAE,oBAAiB;AAgBtC,GAfA,EAAyB,EACvB,eAAe,CAAC,CAAC,GAClB,CAAC,EAMF,EAAY,kBAAkB,EAC5B,UAAU,CAAC,QAAQ,gBAAgB,EACpC,CAAC,EAKF,EAAY,kBAAkB,EAC5B,UAAU,CAAC,cAAc,EAC1B,CAAC;;EAEL,CAAC"}
+{"version":3,"file":"use-create-conversation.js","names":[],"sources":["../../../src/hooks/mutation/use-create-conversation.ts"],"sourcesContent":["import { useMutation, useQueryClient } from \"@tanstack/react-query\";\nimport AgentServerConversationService from \"#/api/conversation-service/agent-server-conversation-service.api\";\nimport { PluginSpec } from \"#/api/conversation-service/agent-server-conversation-service.types\";\nimport { SuggestedTask } from \"#/utils/types\";\nimport { Provider } from \"#/types/settings\";\nimport { useTracking } from \"#/hooks/use-tracking\";\nimport { useLlmProfiles } from \"#/hooks/query/use-llm-profiles\";\nimport {\n  getStoredConversationMetadata,\n  setStoredConversationMetadata,\n} from \"#/api/conversation-metadata-store\";\n\ninterface CreateConversationVariables {\n  query?: string;\n  repository?: {\n    name: string;\n    gitProvider: Provider;\n    branch?: string;\n  };\n  suggestedTask?: SuggestedTask;\n  conversationInstructions?: string;\n  parentConversationId?: string;\n  agentType?: \"default\" | \"plan\";\n  plugins?: PluginSpec[];\n  workingDir?: string;\n}\n\ninterface CreateConversationResponse {\n  conversation_id: string;\n  session_api_key: string | null;\n  url: string | null;\n  task_id?: string;\n}\n\nexport const useCreateConversation = () => {\n  const queryClient = useQueryClient();\n  const { trackConversationCreated } = useTracking();\n  // Cache-warm on the home page (the profile picker reads the same query).\n  // Stamped onto the conversation at creation so the switcher can show the\n  // exact profile even when several profiles share a model (#1082).\n  const { data: llmProfiles } = useLlmProfiles();\n\n  return useMutation({\n    mutationKey: [\"create-conversation\"],\n    mutationFn: async (\n      variables: CreateConversationVariables,\n    ): Promise<CreateConversationResponse> => {\n      const {\n        query,\n        conversationInstructions,\n        plugins,\n        repository,\n        workingDir,\n        parentConversationId,\n        agentType,\n      } = variables;\n\n      const conversation =\n        await AgentServerConversationService.createConversation(\n          query,\n          conversationInstructions,\n          plugins,\n          repository\n            ? {\n                selected_repository: repository.name,\n                selected_branch: repository.branch ?? null,\n                git_provider: repository.gitProvider,\n              }\n            : null,\n          workingDir,\n          parentConversationId,\n          agentType,\n        );\n\n      // Stamp the active LLM profile onto the (local) conversation so the\n      // chat switcher shows the exact profile even when several profiles\n      // share a model (#1082). Cloud conversations don't use local profiles\n      // (app_conversation_id stays null until the sandbox is READY). Merge so\n      // the repo/workspace metadata the service just persisted is preserved.\n      const localConversationId = conversation.app_conversation_id;\n      if (localConversationId && llmProfiles?.active_profile) {\n        const prev = getStoredConversationMetadata(localConversationId);\n        setStoredConversationMetadata(localConversationId, {\n          selected_repository: prev?.selected_repository ?? null,\n          selected_branch: prev?.selected_branch ?? null,\n          git_provider: prev?.git_provider ?? null,\n          selected_workspace: prev?.selected_workspace ?? null,\n          active_profile: llmProfiles.active_profile,\n        });\n      }\n\n      // OpenHands cloud pattern: when the start task isn't immediately\n      // READY (cloud sandbox is still provisioning),\n      // app_conversation_id is null. We return a `task-{id}` URL so the\n      // conversation route's useTaskPolling can drive it to READY and\n      // then redirect to the real `/conversations/{app_conversation_id}`.\n      const conversationId = conversation.app_conversation_id\n        ? conversation.app_conversation_id\n        : `task-${conversation.id}`;\n\n      return {\n        conversation_id: conversationId,\n        session_api_key: null,\n        url: conversation.agent_server_url,\n        task_id: conversation.id,\n      };\n    },\n    onSuccess: async (_, { repository }) => {\n      trackConversationCreated({\n        hasRepository: !!repository,\n      });\n\n      // Invalidate (rather than remove) so the existing paginated list stays\n      // rendered while a background refetch picks up the new conversation.\n      // `removeQueries` would wipe the cache and force the panel back to its\n      // initial loading state, dropping loaded pages and scroll position.\n      queryClient.invalidateQueries({\n        queryKey: [\"user\", \"conversations\"],\n      });\n      // The cloud path returns a start task (no app_conversation_id\n      // yet); the sidebar surfaces those via `useStartTasks` which doesn't\n      // poll, so invalidate it explicitly so the in-flight task shows up\n      // in the conversation list immediately.\n      queryClient.invalidateQueries({\n        queryKey: [\"start-tasks\"],\n      });\n    },\n  });\n};\n"],"mappings":";;;;;;;AAkCA,IAAa,UAA8B;CACzC,IAAM,IAAc,GAAgB,EAC9B,EAAE,gCAA6B,GAAa,EAI5C,EAAE,MAAM,MAAgB,GAAgB;AAE9C,QAAO,EAAY;EACjB,aAAa,CAAC,sBAAsB;EACpC,YAAY,OACV,MACwC;GACxC,IAAM,EACJ,UACA,6BACA,YACA,eACA,eACA,yBACA,iBACE,GAEE,IACJ,MAAM,EAA+B,mBACnC,GACA,GACA,GACA,IACI;IACE,qBAAqB,EAAW;IAChC,iBAAiB,EAAW,UAAU;IACtC,cAAc,EAAW;IAC1B,GACD,MACJ,GACA,GACA,EACD,EAOG,IAAsB,EAAa;AACzC,OAAI,KAAuB,GAAa,gBAAgB;IACtD,IAAM,IAAO,EAA8B,EAAoB;AAC/D,MAA8B,GAAqB;KACjD,qBAAqB,GAAM,uBAAuB;KAClD,iBAAiB,GAAM,mBAAmB;KAC1C,cAAc,GAAM,gBAAgB;KACpC,oBAAoB,GAAM,sBAAsB;KAChD,gBAAgB,EAAY;KAC7B,CAAC;;AAYJ,UAAO;IACL,iBALqB,EAAa,sBAChC,EAAa,sBACb,QAAQ,EAAa;IAIvB,iBAAiB;IACjB,KAAK,EAAa;IAClB,SAAS,EAAa;IACvB;;EAEH,WAAW,OAAO,GAAG,EAAE,oBAAiB;AAgBtC,GAfA,EAAyB,EACvB,eAAe,CAAC,CAAC,GAClB,CAAC,EAMF,EAAY,kBAAkB,EAC5B,UAAU,CAAC,QAAQ,gBAAgB,EACpC,CAAC,EAKF,EAAY,kBAAkB,EAC5B,UAAU,CAAC,cAAc,EAC1B,CAAC;;EAEL,CAAC"}

package/dist/hooks/mutation/use-switch-llm-profile-and-log.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/custom-toast-handlers.cjs`),r=require(`../chat/model-command-event-anchor.cjs`),i=require(`../chat/record-model-switch-message.cjs`),a=require(`./use-switch-llm-profile.cjs`);let o=require(`react`);function s(){let{mutate:s,isPending:c}=a.useSwitchLlmProfile(),{t:l}=e.useTranslation();return{switchAndLog:(0,o.useCallback)((e,a)=>{let o=r.getLastRenderableEventId();s({conversationId:e,profileName:a},{onSuccess:()=>{e&&i.recordModelSwitchMessage(e,a,o)},onError:e=>{let r=l(t.I18nKey.MODEL$SWITCH_FAILED,{name:a});n.displayErrorToast(e instanceof Error&&e.message?e.message:r)}})},[s,l]),isPending:c}}exports.useSwitchLlmProfileAndLog=s;
+require(`../../_virtual/_rolldown/runtime.cjs`);const e=require(`../../node_modules/react-i18next/dist/es/useTranslation.cjs`),t=require(`../../i18n/declaration.cjs`),n=require(`../../utils/custom-toast-handlers.cjs`),r=require(`../../api/conversation-metadata-store.cjs`),i=require(`../chat/model-command-event-anchor.cjs`),a=require(`../chat/record-model-switch-message.cjs`),o=require(`./use-switch-llm-profile.cjs`);let s=require(`react`);function c(){let{mutate:c,isPending:l}=o.useSwitchLlmProfile(),{t:u}=e.useTranslation();return{switchAndLog:(0,s.useCallback)((e,o)=>{let s=i.getLastRenderableEventId();c({conversationId:e,profileName:o},{onSuccess:()=>{if(e){a.recordModelSwitchMessage(e,o,s);let t=r.getStoredConversationMetadata(e);r.setStoredConversationMetadata(e,{selected_repository:t?.selected_repository??null,selected_branch:t?.selected_branch??null,git_provider:t?.git_provider??null,selected_workspace:t?.selected_workspace??null,active_profile:o})}},onError:e=>{let r=u(t.I18nKey.MODEL$SWITCH_FAILED,{name:o});n.displayErrorToast(e instanceof Error&&e.message?e.message:r)}})},[c,u]),isPending:l}}exports.useSwitchLlmProfileAndLog=c;
 //# sourceMappingURL=use-switch-llm-profile-and-log.cjs.map

package/dist/hooks/mutation/use-switch-llm-profile-and-log.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"use-switch-llm-profile-and-log.cjs","names":[],"sources":["../../../src/hooks/mutation/use-switch-llm-profile-and-log.ts"],"sourcesContent":["import { useCallback } from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport { getLastRenderableEventId } from \"#/hooks/chat/model-command-event-anchor\";\nimport { recordModelSwitchMessage } from \"#/hooks/chat/record-model-switch-message\";\nimport { useSwitchLlmProfile } from \"#/hooks/mutation/use-switch-llm-profile\";\nimport { displayErrorToast } from \"#/utils/custom-toast-handlers\";\nimport { I18nKey } from \"#/i18n/declaration\";\n\n/**\n * Switch the conversation's LLM profile and render the result inline (same\n * UX as `/model <name>`). On success the switch is recorded against the\n * last rendered event so the confirmation lines up with where the user\n * issued the command.\n */\nexport function useSwitchLlmProfileAndLog() {\n  const { mutate, isPending } = useSwitchLlmProfile();\n  const { t } = useTranslation();\n\n  const switchAndLog = useCallback(\n    (conversationId: string | null, profileName: string) => {\n      const anchorEventId = getLastRenderableEventId();\n\n      mutate(\n        { conversationId, profileName },\n        {\n          onSuccess: () => {\n            // The inline \"Switched to\" message is scoped to a conversation;\n            // skip it when activating from the home page (no convo yet).\n            if (conversationId) {\n              recordModelSwitchMessage(\n                conversationId,\n                profileName,\n                anchorEventId,\n              );\n            }\n          },\n          onError: (err: unknown) => {\n            const fallback = t(I18nKey.MODEL$SWITCH_FAILED, {\n              name: profileName,\n            });\n            const message =\n              err instanceof Error && err.message ? err.message : fallback;\n            displayErrorToast(message);\n          },\n        },\n      );\n    },\n    [mutate, t],\n  );\n\n  return { switchAndLog, isPending };\n}\n"],"mappings":"oYAcA,SAAgB,GAA4B,CAC1C,GAAM,CAAE,SAAQ,aAAc,EAAA,qBAAqB,CAC7C,CAAE,KAAM,EAAA,gBAAgB,CAkC9B,MAAO,CAAE,cAAA,EAAA,EAAA,cA/BN,EAA+B,IAAwB,CACtD,IAAM,EAAgB,EAAA,0BAA0B,CAEhD,EACE,CAAE,iBAAgB,cAAa,CAC/B,CACE,cAAiB,CAGX,GACF,EAAA,yBACE,EACA,EACA,EACD,EAGL,QAAU,GAAiB,CACzB,IAAM,EAAW,EAAE,EAAA,QAAQ,oBAAqB,CAC9C,KAAM,EACP,CAAC,CAGF,EAAA,kBADE,aAAe,OAAS,EAAI,QAAU,EAAI,QAAU,EAC5B,EAE7B,CACF,EAEH,CAAC,EAAQ,EAAE,CAGJ,CAAc,YAAW"}
+{"version":3,"file":"use-switch-llm-profile-and-log.cjs","names":[],"sources":["../../../src/hooks/mutation/use-switch-llm-profile-and-log.ts"],"sourcesContent":["import { useCallback } from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport { getLastRenderableEventId } from \"#/hooks/chat/model-command-event-anchor\";\nimport { recordModelSwitchMessage } from \"#/hooks/chat/record-model-switch-message\";\nimport { useSwitchLlmProfile } from \"#/hooks/mutation/use-switch-llm-profile\";\nimport {\n  getStoredConversationMetadata,\n  setStoredConversationMetadata,\n} from \"#/api/conversation-metadata-store\";\nimport { displayErrorToast } from \"#/utils/custom-toast-handlers\";\nimport { I18nKey } from \"#/i18n/declaration\";\n\n/**\n * Switch the conversation's LLM profile and render the result inline (same\n * UX as `/model <name>`). On success the switch is recorded against the\n * last rendered event so the confirmation lines up with where the user\n * issued the command.\n */\nexport function useSwitchLlmProfileAndLog() {\n  const { mutate, isPending } = useSwitchLlmProfile();\n  const { t } = useTranslation();\n\n  const switchAndLog = useCallback(\n    (conversationId: string | null, profileName: string) => {\n      const anchorEventId = getLastRenderableEventId();\n\n      mutate(\n        { conversationId, profileName },\n        {\n          onSuccess: () => {\n            // The inline \"Switched to\" message is scoped to a conversation;\n            // skip it when activating from the home page (no convo yet).\n            if (conversationId) {\n              recordModelSwitchMessage(\n                conversationId,\n                profileName,\n                anchorEventId,\n              );\n              // Keep the per-conversation profile identity fresh so the\n              // chat-header switcher shows the right name after a reload\n              // (the agent-server only round-trips the model string). #1082\n              const prev = getStoredConversationMetadata(conversationId);\n              setStoredConversationMetadata(conversationId, {\n                selected_repository: prev?.selected_repository ?? null,\n                selected_branch: prev?.selected_branch ?? null,\n                git_provider: prev?.git_provider ?? null,\n                selected_workspace: prev?.selected_workspace ?? null,\n                active_profile: profileName,\n              });\n            }\n          },\n          onError: (err: unknown) => {\n            const fallback = t(I18nKey.MODEL$SWITCH_FAILED, {\n              name: profileName,\n            });\n            const message =\n              err instanceof Error && err.message ? err.message : fallback;\n            displayErrorToast(message);\n          },\n        },\n      );\n    },\n    [mutate, t],\n  );\n\n  return { switchAndLog, isPending };\n}\n"],"mappings":"2bAkBA,SAAgB,GAA4B,CAC1C,GAAM,CAAE,SAAQ,aAAc,EAAA,qBAAqB,CAC7C,CAAE,KAAM,EAAA,gBAAgB,CA6C9B,MAAO,CAAE,cAAA,EAAA,EAAA,cA1CN,EAA+B,IAAwB,CACtD,IAAM,EAAgB,EAAA,0BAA0B,CAEhD,EACE,CAAE,iBAAgB,cAAa,CAC/B,CACE,cAAiB,CAGf,GAAI,EAAgB,CAClB,EAAA,yBACE,EACA,EACA,EACD,CAID,IAAM,EAAO,EAAA,8BAA8B,EAAe,CAC1D,EAAA,8BAA8B,EAAgB,CAC5C,oBAAqB,GAAM,qBAAuB,KAClD,gBAAiB,GAAM,iBAAmB,KAC1C,aAAc,GAAM,cAAgB,KACpC,mBAAoB,GAAM,oBAAsB,KAChD,eAAgB,EACjB,CAAC,GAGN,QAAU,GAAiB,CACzB,IAAM,EAAW,EAAE,EAAA,QAAQ,oBAAqB,CAC9C,KAAM,EACP,CAAC,CAGF,EAAA,kBADE,aAAe,OAAS,EAAI,QAAU,EAAI,QAAU,EAC5B,EAE7B,CACF,EAEH,CAAC,EAAQ,EAAE,CAGJ,CAAc,YAAW"}