@openhands/agent-canvas 1.1.0 → 1.2.0

package/dist/components/features/controls/tools-context-menu.js

@@ -6,147 +6,164 @@ import { ContextMenu as i } from "../../../ui/context-menu.js";
 import { ContextMenuListItem as a } from "../context-menu/context-menu-list-item.js";
 import { useClickOutsideElement as o } from "../../../hooks/use-click-outside-element.js";
 import { Divider as s } from "../../../ui/divider.js";
-import c from "../../../icons/settings.js";
-import { useUserProviders as l } from "../../../hooks/use-user-providers.js";
-import u from "../../../icons/u-code-branch.js";
-import d from "../../../icons/skills.js";
+import { useUserProviders as c } from "../../../hooks/use-user-providers.js";
+import l from "../../../icons/u-code-branch.js";
+import u from "../../../icons/skills.js";
+import d from "../../../icons/u-puzzle-piece.js";
 import f from "../../../icons/fishing-hook.js";
 import p from "../../../icons/u-tools.js";
-import m from "../../../icons/carret-right-fill.js";
-import { ToolsContextMenuIconText as h } from "./tools-context-menu-icon-text.js";
-import { GitToolsSubmenu as g } from "./git-tools-submenu.js";
-import { MacrosSubmenu as _ } from "./macros-submenu.js";
-import { ArchivedDisabledTooltip as v } from "../context-menu/archived-disabled-tooltip.js";
-import { useIsArchivedConversation as y } from "../../../hooks/use-is-archived-conversation.js";
-import { useState as b } from "react";
-import { Fragment as x, jsx as S, jsxs as C } from "react/jsx-runtime";
+import m from "../../../icons/settings.js";
+import h from "../../../icons/carret-right-fill.js";
+import { ToolsContextMenuIconText as g } from "./tools-context-menu-icon-text.js";
+import { GitToolsSubmenu as _ } from "./git-tools-submenu.js";
+import { MacrosSubmenu as v } from "./macros-submenu.js";
+import { ArchivedDisabledTooltip as y } from "../context-menu/archived-disabled-tooltip.js";
+import { useIsArchivedConversation as b } from "../../../hooks/use-is-archived-conversation.js";
+import { useState as x } from "react";
+import { Fragment as S, jsx as C, jsxs as w } from "react/jsx-runtime";
 //#region src/components/features/controls/tools-context-menu.tsx
-function w({ onClose: w, onShowSkills: T, onShowHooks: E, onShowAgentTools: D, shouldShowAgentTools: O = !0, shouldShowHooks: k = !1, footerAction: A }) {
-	let { t: j } = e("openhands"), { data: M } = r(), { providers: N } = l(), P = y(), [F, I] = b(null), L = !!M?.selected_repository, R = N.length > 0, z = L && R, B = (e) => {
-		P || I(F === e ? null : e);
-	}, V = () => {
-		I(null), w();
+function T({ onClose: T, onShowSkills: E, onShowPlugins: D, onShowHooks: O, onShowAgentTools: k, shouldShowAgentTools: A = !0, shouldShowHooks: j = !1, shouldShowPlugins: M = !1, footerAction: N }) {
+	let { t: P } = e("openhands"), { data: F } = r(), { providers: I } = c(), L = b(), [R, z] = x(null), B = !!F?.selected_repository, V = I.length > 0, H = B && V, U = (e) => {
+		L || z(R === e ? null : e);
+	}, W = () => {
+		z(null), T();
 	};
-	return /* @__PURE__ */ C(i, {
-		ref: o(V),
+	return /* @__PURE__ */ w(i, {
+		ref: o(W),
 		testId: "tools-context-menu",
 		position: "top",
 		alignment: "left",
 		className: "left-[-16px] mb-2 bottom-full overflow-visible min-w-[200px]",
 		children: [
-			z && /* @__PURE__ */ C("div", {
+			H && /* @__PURE__ */ w("div", {
 				className: "relative group/git",
-				children: [/* @__PURE__ */ S(v, {
-					isDisabled: P,
-					children: /* @__PURE__ */ S(a, {
+				children: [/* @__PURE__ */ C(y, {
+					isDisabled: L,
+					children: /* @__PURE__ */ C(a, {
 						testId: "git-tools-button",
-						onClick: () => B("git"),
-						isDisabled: P,
-						children: /* @__PURE__ */ S(h, {
-							icon: /* @__PURE__ */ S(u, {
+						onClick: () => U("git"),
+						isDisabled: L,
+						children: /* @__PURE__ */ C(g, {
+							icon: /* @__PURE__ */ C(l, {
 								width: 16,
 								height: 16
 							}),
-							text: j(t.COMMON$GIT_TOOLS),
-							rightIcon: /* @__PURE__ */ S(m, {
+							text: P(t.COMMON$GIT_TOOLS),
+							rightIcon: /* @__PURE__ */ C(h, {
 								width: 10,
 								height: 10
 							})
 						})
 					})
-				}), !P && /* @__PURE__ */ S("div", {
-					className: n("absolute left-full top-[-6px] z-60 opacity-0 invisible pointer-events-none transition-all duration-200 ml-[1px]", "group-hover/git:opacity-100 group-hover/git:visible group-hover/git:pointer-events-auto", "hover:opacity-100 hover:visible hover:pointer-events-auto", F === "git" && "opacity-100 visible pointer-events-auto"),
-					children: /* @__PURE__ */ S(g, { onClose: V })
+				}), !L && /* @__PURE__ */ C("div", {
+					className: n("absolute left-full top-[-6px] z-60 opacity-0 invisible pointer-events-none transition-all duration-200 ml-[1px]", "group-hover/git:opacity-100 group-hover/git:visible group-hover/git:pointer-events-auto", "hover:opacity-100 hover:visible hover:pointer-events-auto", R === "git" && "opacity-100 visible pointer-events-auto"),
+					children: /* @__PURE__ */ C(_, { onClose: W })
 				})]
 			}),
-			/* @__PURE__ */ C("div", {
+			/* @__PURE__ */ w("div", {
 				className: "relative group/macros",
-				children: [/* @__PURE__ */ S(v, {
-					isDisabled: P,
-					children: /* @__PURE__ */ S(a, {
+				children: [/* @__PURE__ */ C(y, {
+					isDisabled: L,
+					children: /* @__PURE__ */ C(a, {
 						testId: "macros-button",
-						onClick: () => B("macros"),
-						isDisabled: P,
-						children: /* @__PURE__ */ S(h, {
-							icon: /* @__PURE__ */ S(c, {
+						onClick: () => U("macros"),
+						isDisabled: L,
+						children: /* @__PURE__ */ C(g, {
+							icon: /* @__PURE__ */ C(m, {
 								width: 16,
 								height: 16
 							}),
-							text: j(t.COMMON$MACROS),
-							rightIcon: /* @__PURE__ */ S(m, {
+							text: P(t.COMMON$MACROS),
+							rightIcon: /* @__PURE__ */ C(h, {
 								width: 10,
 								height: 10
 							})
 						})
 					})
-				}), !P && /* @__PURE__ */ S("div", {
-					className: n("absolute left-full top-[-4px] z-60 opacity-0 invisible pointer-events-none transition-all duration-200 ml-[1px]", "group-hover/macros:opacity-100 group-hover/macros:visible group-hover/macros:pointer-events-auto", "hover:opacity-100 hover:visible hover:pointer-events-auto", F === "macros" && "opacity-100 visible pointer-events-auto"),
-					children: /* @__PURE__ */ S(_, { onClose: V })
+				}), !L && /* @__PURE__ */ C("div", {
+					className: n("absolute left-full top-[-4px] z-60 opacity-0 invisible pointer-events-none transition-all duration-200 ml-[1px]", "group-hover/macros:opacity-100 group-hover/macros:visible group-hover/macros:pointer-events-auto", "hover:opacity-100 hover:visible hover:pointer-events-auto", R === "macros" && "opacity-100 visible pointer-events-auto"),
+					children: /* @__PURE__ */ C(v, { onClose: W })
 				})]
 			}),
-			O && /* @__PURE__ */ S(s, { inset: "menu" }),
-			/* @__PURE__ */ S(v, {
-				isDisabled: P,
-				children: /* @__PURE__ */ S(a, {
+			A && /* @__PURE__ */ C(s, { inset: "menu" }),
+			/* @__PURE__ */ C(y, {
+				isDisabled: L,
+				children: /* @__PURE__ */ C(a, {
 					testId: "show-skills-button",
-					onClick: T,
-					isDisabled: P,
-					children: /* @__PURE__ */ S(h, {
-						icon: /* @__PURE__ */ S(d, {
+					onClick: E,
+					isDisabled: L,
+					children: /* @__PURE__ */ C(g, {
+						icon: /* @__PURE__ */ C(u, {
 							width: 16,
 							height: 16,
 							className: "stroke-[1.75]",
 							"aria-hidden": !0
 						}),
-						text: j(t.CONVERSATION$SHOW_SKILLS)
+						text: P(t.CONVERSATION$SHOW_SKILLS)
 					})
 				})
 			}),
-			k && /* @__PURE__ */ S(v, {
-				isDisabled: P,
-				children: /* @__PURE__ */ S(a, {
+			M && /* @__PURE__ */ C(y, {
+				isDisabled: L,
+				children: /* @__PURE__ */ C(a, {
+					testId: "show-plugins-button",
+					onClick: D,
+					isDisabled: L,
+					children: /* @__PURE__ */ C(g, {
+						icon: /* @__PURE__ */ C(d, {
+							width: 16,
+							height: 16,
+							"aria-hidden": !0
+						}),
+						text: P(t.CONVERSATION$SHOW_PLUGINS)
+					})
+				})
+			}),
+			j && /* @__PURE__ */ C(y, {
+				isDisabled: L,
+				children: /* @__PURE__ */ C(a, {
 					testId: "show-hooks-button",
-					onClick: E,
-					isDisabled: P,
-					children: /* @__PURE__ */ S(h, {
-						icon: /* @__PURE__ */ S(f, {
+					onClick: O,
+					isDisabled: L,
+					children: /* @__PURE__ */ C(g, {
+						icon: /* @__PURE__ */ C(f, {
 							width: 16,
 							height: 16,
 							"aria-hidden": !0
 						}),
-						text: j(t.CONVERSATION$SHOW_HOOKS)
+						text: P(t.CONVERSATION$SHOW_HOOKS)
 					})
 				})
 			}),
-			O && /* @__PURE__ */ S(v, {
-				isDisabled: P,
-				children: /* @__PURE__ */ S(a, {
+			A && /* @__PURE__ */ C(y, {
+				isDisabled: L,
+				children: /* @__PURE__ */ C(a, {
 					testId: "show-agent-tools-button",
-					onClick: D,
-					isDisabled: P,
-					children: /* @__PURE__ */ S(h, {
-						icon: /* @__PURE__ */ S(p, {
+					onClick: k,
+					isDisabled: L,
+					children: /* @__PURE__ */ C(g, {
+						icon: /* @__PURE__ */ C(p, {
 							width: 16,
 							height: 16
 						}),
-						text: j(t.BUTTON$SHOW_AGENT_TOOLS_AND_METADATA)
+						text: P(t.BUTTON$SHOW_AGENT_TOOLS_AND_METADATA)
 					})
 				})
 			}),
-			A && /* @__PURE__ */ C(x, { children: [/* @__PURE__ */ S(s, {}), /* @__PURE__ */ S(a, {
-				testId: A.testId,
+			N && /* @__PURE__ */ w(S, { children: [/* @__PURE__ */ C(s, {}), /* @__PURE__ */ C(a, {
+				testId: N.testId,
 				onClick: (e) => {
-					e.preventDefault(), e.stopPropagation(), A.onClick(), V();
+					e.preventDefault(), e.stopPropagation(), N.onClick(), W();
 				},
-				children: /* @__PURE__ */ S(h, {
-					icon: A.icon,
-					text: A.label
+				children: /* @__PURE__ */ C(g, {
+					icon: N.icon,
+					text: N.label
 				})
 			})] })
 		]
 	});
 }
 //#endregion
-export { w as ToolsContextMenu };
+export { T as ToolsContextMenu };
 
 //# sourceMappingURL=tools-context-menu.js.map

package/dist/components/features/controls/tools-context-menu.js.map

@@ -1 +1 @@
-{"version":3,"file":"tools-context-menu.js","names":[],"sources":["../../../../src/components/features/controls/tools-context-menu.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport { useClickOutsideElement } from \"#/hooks/use-click-outside-element\";\nimport { useActiveConversation } from \"#/hooks/query/use-active-conversation\";\nimport { useUserProviders } from \"#/hooks/use-user-providers\";\nimport { cn } from \"#/utils/utils\";\nimport { ContextMenu } from \"#/ui/context-menu\";\nimport { ContextMenuListItem } from \"../context-menu/context-menu-list-item\";\nimport { Divider } from \"#/ui/divider\";\nimport { I18nKey } from \"#/i18n/declaration\";\n\nimport CodeBranchIcon from \"#/icons/u-code-branch.svg?react\";\nimport SkillsIcon from \"#/icons/skills.svg?react\";\nimport FishingHookIcon from \"#/icons/fishing-hook.svg?react\";\nimport ToolsIcon from \"#/icons/u-tools.svg?react\";\nimport SettingsIcon from \"#/icons/settings.svg?react\";\nimport CarretRightFillIcon from \"#/icons/carret-right-fill.svg?react\";\nimport { ToolsContextMenuIconText } from \"./tools-context-menu-icon-text\";\nimport { GitToolsSubmenu } from \"./git-tools-submenu\";\nimport { MacrosSubmenu } from \"./macros-submenu\";\nimport { ArchivedDisabledTooltip } from \"../context-menu/archived-disabled-tooltip\";\nimport { useIsArchivedConversation } from \"#/hooks/use-is-archived-conversation\";\n\ninterface ToolsContextMenuProps {\n  onClose: () => void;\n  onShowSkills: (event: React.MouseEvent<HTMLButtonElement>) => void;\n  onShowHooks: (event: React.MouseEvent<HTMLButtonElement>) => void;\n  onShowAgentTools: (event: React.MouseEvent<HTMLButtonElement>) => void;\n  shouldShowAgentTools?: boolean;\n  shouldShowHooks?: boolean;\n  /** When set, renders a divider and this action as the last menu item. */\n  footerAction?: {\n    testId: string;\n    icon: React.ReactNode;\n    label: string;\n    onClick: () => void;\n  };\n}\n\nexport function ToolsContextMenu({\n  onClose,\n  onShowSkills,\n  onShowHooks,\n  onShowAgentTools,\n  shouldShowAgentTools = true,\n  shouldShowHooks = false,\n  footerAction,\n}: ToolsContextMenuProps) {\n  const { t } = useTranslation(\"openhands\");\n  const { data: conversation } = useActiveConversation();\n  const { providers } = useUserProviders();\n  const isArchivedConversation = useIsArchivedConversation();\n\n  const [activeSubmenu, setActiveSubmenu] = useState<\"git\" | \"macros\" | null>(\n    null,\n  );\n\n  const hasRepository = !!conversation?.selected_repository;\n  const providersAreSet = providers.length > 0;\n  const showGitTools = hasRepository && providersAreSet;\n\n  const handleSubmenuClick = (submenu: \"git\" | \"macros\") => {\n    if (isArchivedConversation) {\n      return;\n    }\n    setActiveSubmenu(activeSubmenu === submenu ? null : submenu);\n  };\n\n  const handleClose = () => {\n    setActiveSubmenu(null);\n    onClose();\n  };\n\n  const ref = useClickOutsideElement<HTMLUListElement>(handleClose);\n\n  return (\n    <ContextMenu\n      ref={ref}\n      testId=\"tools-context-menu\"\n      position=\"top\"\n      alignment=\"left\"\n      className=\"left-[-16px] mb-2 bottom-full overflow-visible min-w-[200px]\"\n    >\n      {/* Git Tools */}\n      {showGitTools && (\n        <div className=\"relative group/git\">\n          <ArchivedDisabledTooltip isDisabled={isArchivedConversation}>\n            <ContextMenuListItem\n              testId=\"git-tools-button\"\n              onClick={() => handleSubmenuClick(\"git\")}\n              isDisabled={isArchivedConversation}\n            >\n              <ToolsContextMenuIconText\n                icon={<CodeBranchIcon width={16} height={16} />}\n                text={t(I18nKey.COMMON$GIT_TOOLS)}\n                rightIcon={<CarretRightFillIcon width={10} height={10} />}\n              />\n            </ContextMenuListItem>\n          </ArchivedDisabledTooltip>\n          {!isArchivedConversation && (\n            <div\n              className={cn(\n                \"absolute left-full top-[-6px] z-60 opacity-0 invisible pointer-events-none transition-all duration-200 ml-[1px]\",\n                \"group-hover/git:opacity-100 group-hover/git:visible group-hover/git:pointer-events-auto\",\n                \"hover:opacity-100 hover:visible hover:pointer-events-auto\",\n                activeSubmenu === \"git\" &&\n                  \"opacity-100 visible pointer-events-auto\",\n              )}\n            >\n              <GitToolsSubmenu onClose={handleClose} />\n            </div>\n          )}\n        </div>\n      )}\n\n      {/* Macros */}\n      <div className=\"relative group/macros\">\n        <ArchivedDisabledTooltip isDisabled={isArchivedConversation}>\n          <ContextMenuListItem\n            testId=\"macros-button\"\n            onClick={() => handleSubmenuClick(\"macros\")}\n            isDisabled={isArchivedConversation}\n          >\n            <ToolsContextMenuIconText\n              icon={<SettingsIcon width={16} height={16} />}\n              text={t(I18nKey.COMMON$MACROS)}\n              rightIcon={<CarretRightFillIcon width={10} height={10} />}\n            />\n          </ContextMenuListItem>\n        </ArchivedDisabledTooltip>\n        {!isArchivedConversation && (\n          <div\n            className={cn(\n              \"absolute left-full top-[-4px] z-60 opacity-0 invisible pointer-events-none transition-all duration-200 ml-[1px]\",\n              \"group-hover/macros:opacity-100 group-hover/macros:visible group-hover/macros:pointer-events-auto\",\n              \"hover:opacity-100 hover:visible hover:pointer-events-auto\",\n              activeSubmenu === \"macros\" &&\n                \"opacity-100 visible pointer-events-auto\",\n            )}\n          >\n            <MacrosSubmenu onClose={handleClose} />\n          </div>\n        )}\n      </div>\n\n      {shouldShowAgentTools && <Divider inset=\"menu\" />}\n\n      <ArchivedDisabledTooltip isDisabled={isArchivedConversation}>\n        <ContextMenuListItem\n          testId=\"show-skills-button\"\n          onClick={onShowSkills}\n          isDisabled={isArchivedConversation}\n        >\n          <ToolsContextMenuIconText\n            icon={\n              <SkillsIcon\n                width={16}\n                height={16}\n                className=\"stroke-[1.75]\"\n                aria-hidden\n              />\n            }\n            text={t(I18nKey.CONVERSATION$SHOW_SKILLS)}\n          />\n        </ContextMenuListItem>\n      </ArchivedDisabledTooltip>\n\n      {/* Show Hooks - Only show for V1 conversations */}\n      {shouldShowHooks && (\n        <ArchivedDisabledTooltip isDisabled={isArchivedConversation}>\n          <ContextMenuListItem\n            testId=\"show-hooks-button\"\n            onClick={onShowHooks}\n            isDisabled={isArchivedConversation}\n          >\n            <ToolsContextMenuIconText\n              icon={<FishingHookIcon width={16} height={16} aria-hidden />}\n              text={t(I18nKey.CONVERSATION$SHOW_HOOKS)}\n            />\n          </ContextMenuListItem>\n        </ArchivedDisabledTooltip>\n      )}\n\n      {/* Show Agent Tools and Metadata - Only show if system message is available */}\n      {shouldShowAgentTools && (\n        <ArchivedDisabledTooltip isDisabled={isArchivedConversation}>\n          <ContextMenuListItem\n            testId=\"show-agent-tools-button\"\n            onClick={onShowAgentTools}\n            isDisabled={isArchivedConversation}\n          >\n            <ToolsContextMenuIconText\n              icon={<ToolsIcon width={16} height={16} />}\n              text={t(I18nKey.BUTTON$SHOW_AGENT_TOOLS_AND_METADATA)}\n            />\n          </ContextMenuListItem>\n        </ArchivedDisabledTooltip>\n      )}\n\n      {footerAction && (\n        <>\n          <Divider />\n          <ContextMenuListItem\n            testId={footerAction.testId}\n            onClick={(event) => {\n              event.preventDefault();\n              event.stopPropagation();\n              footerAction.onClick();\n              handleClose();\n            }}\n          >\n            <ToolsContextMenuIconText\n              icon={footerAction.icon}\n              text={footerAction.label}\n            />\n          </ContextMenuListItem>\n        </>\n      )}\n    </ContextMenu>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"tools-context-menu.js","names":[],"sources":["../../../../src/components/features/controls/tools-context-menu.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport { useClickOutsideElement } from \"#/hooks/use-click-outside-element\";\nimport { useActiveConversation } from \"#/hooks/query/use-active-conversation\";\nimport { useUserProviders } from \"#/hooks/use-user-providers\";\nimport { cn } from \"#/utils/utils\";\nimport { ContextMenu } from \"#/ui/context-menu\";\nimport { ContextMenuListItem } from \"../context-menu/context-menu-list-item\";\nimport { Divider } from \"#/ui/divider\";\nimport { I18nKey } from \"#/i18n/declaration\";\n\nimport CodeBranchIcon from \"#/icons/u-code-branch.svg?react\";\nimport SkillsIcon from \"#/icons/skills.svg?react\";\nimport PuzzleIcon from \"#/icons/u-puzzle-piece.svg?react\";\nimport FishingHookIcon from \"#/icons/fishing-hook.svg?react\";\nimport ToolsIcon from \"#/icons/u-tools.svg?react\";\nimport SettingsIcon from \"#/icons/settings.svg?react\";\nimport CarretRightFillIcon from \"#/icons/carret-right-fill.svg?react\";\nimport { ToolsContextMenuIconText } from \"./tools-context-menu-icon-text\";\nimport { GitToolsSubmenu } from \"./git-tools-submenu\";\nimport { MacrosSubmenu } from \"./macros-submenu\";\nimport { ArchivedDisabledTooltip } from \"../context-menu/archived-disabled-tooltip\";\nimport { useIsArchivedConversation } from \"#/hooks/use-is-archived-conversation\";\n\ninterface ToolsContextMenuProps {\n  onClose: () => void;\n  onShowSkills: (event: React.MouseEvent<HTMLButtonElement>) => void;\n  onShowPlugins: (event: React.MouseEvent<HTMLButtonElement>) => void;\n  onShowHooks: (event: React.MouseEvent<HTMLButtonElement>) => void;\n  onShowAgentTools: (event: React.MouseEvent<HTMLButtonElement>) => void;\n  shouldShowAgentTools?: boolean;\n  shouldShowHooks?: boolean;\n  shouldShowPlugins?: boolean;\n  /** When set, renders a divider and this action as the last menu item. */\n  footerAction?: {\n    testId: string;\n    icon: React.ReactNode;\n    label: string;\n    onClick: () => void;\n  };\n}\n\nexport function ToolsContextMenu({\n  onClose,\n  onShowSkills,\n  onShowPlugins,\n  onShowHooks,\n  onShowAgentTools,\n  shouldShowAgentTools = true,\n  shouldShowHooks = false,\n  shouldShowPlugins = false,\n  footerAction,\n}: ToolsContextMenuProps) {\n  const { t } = useTranslation(\"openhands\");\n  const { data: conversation } = useActiveConversation();\n  const { providers } = useUserProviders();\n  const isArchivedConversation = useIsArchivedConversation();\n\n  const [activeSubmenu, setActiveSubmenu] = useState<\"git\" | \"macros\" | null>(\n    null,\n  );\n\n  const hasRepository = !!conversation?.selected_repository;\n  const providersAreSet = providers.length > 0;\n  const showGitTools = hasRepository && providersAreSet;\n\n  const handleSubmenuClick = (submenu: \"git\" | \"macros\") => {\n    if (isArchivedConversation) {\n      return;\n    }\n    setActiveSubmenu(activeSubmenu === submenu ? null : submenu);\n  };\n\n  const handleClose = () => {\n    setActiveSubmenu(null);\n    onClose();\n  };\n\n  const ref = useClickOutsideElement<HTMLUListElement>(handleClose);\n\n  return (\n    <ContextMenu\n      ref={ref}\n      testId=\"tools-context-menu\"\n      position=\"top\"\n      alignment=\"left\"\n      className=\"left-[-16px] mb-2 bottom-full overflow-visible min-w-[200px]\"\n    >\n      {/* Git Tools */}\n      {showGitTools && (\n        <div className=\"relative group/git\">\n          <ArchivedDisabledTooltip isDisabled={isArchivedConversation}>\n            <ContextMenuListItem\n              testId=\"git-tools-button\"\n              onClick={() => handleSubmenuClick(\"git\")}\n              isDisabled={isArchivedConversation}\n            >\n              <ToolsContextMenuIconText\n                icon={<CodeBranchIcon width={16} height={16} />}\n                text={t(I18nKey.COMMON$GIT_TOOLS)}\n                rightIcon={<CarretRightFillIcon width={10} height={10} />}\n              />\n            </ContextMenuListItem>\n          </ArchivedDisabledTooltip>\n          {!isArchivedConversation && (\n            <div\n              className={cn(\n                \"absolute left-full top-[-6px] z-60 opacity-0 invisible pointer-events-none transition-all duration-200 ml-[1px]\",\n                \"group-hover/git:opacity-100 group-hover/git:visible group-hover/git:pointer-events-auto\",\n                \"hover:opacity-100 hover:visible hover:pointer-events-auto\",\n                activeSubmenu === \"git\" &&\n                  \"opacity-100 visible pointer-events-auto\",\n              )}\n            >\n              <GitToolsSubmenu onClose={handleClose} />\n            </div>\n          )}\n        </div>\n      )}\n\n      {/* Macros */}\n      <div className=\"relative group/macros\">\n        <ArchivedDisabledTooltip isDisabled={isArchivedConversation}>\n          <ContextMenuListItem\n            testId=\"macros-button\"\n            onClick={() => handleSubmenuClick(\"macros\")}\n            isDisabled={isArchivedConversation}\n          >\n            <ToolsContextMenuIconText\n              icon={<SettingsIcon width={16} height={16} />}\n              text={t(I18nKey.COMMON$MACROS)}\n              rightIcon={<CarretRightFillIcon width={10} height={10} />}\n            />\n          </ContextMenuListItem>\n        </ArchivedDisabledTooltip>\n        {!isArchivedConversation && (\n          <div\n            className={cn(\n              \"absolute left-full top-[-4px] z-60 opacity-0 invisible pointer-events-none transition-all duration-200 ml-[1px]\",\n              \"group-hover/macros:opacity-100 group-hover/macros:visible group-hover/macros:pointer-events-auto\",\n              \"hover:opacity-100 hover:visible hover:pointer-events-auto\",\n              activeSubmenu === \"macros\" &&\n                \"opacity-100 visible pointer-events-auto\",\n            )}\n          >\n            <MacrosSubmenu onClose={handleClose} />\n          </div>\n        )}\n      </div>\n\n      {shouldShowAgentTools && <Divider inset=\"menu\" />}\n\n      <ArchivedDisabledTooltip isDisabled={isArchivedConversation}>\n        <ContextMenuListItem\n          testId=\"show-skills-button\"\n          onClick={onShowSkills}\n          isDisabled={isArchivedConversation}\n        >\n          <ToolsContextMenuIconText\n            icon={\n              <SkillsIcon\n                width={16}\n                height={16}\n                className=\"stroke-[1.75]\"\n                aria-hidden\n              />\n            }\n            text={t(I18nKey.CONVERSATION$SHOW_SKILLS)}\n          />\n        </ContextMenuListItem>\n      </ArchivedDisabledTooltip>\n\n      {/* Show Plugins - only when this conversation has attached plugins */}\n      {shouldShowPlugins && (\n        <ArchivedDisabledTooltip isDisabled={isArchivedConversation}>\n          <ContextMenuListItem\n            testId=\"show-plugins-button\"\n            onClick={onShowPlugins}\n            isDisabled={isArchivedConversation}\n          >\n            <ToolsContextMenuIconText\n              icon={<PuzzleIcon width={16} height={16} aria-hidden />}\n              text={t(I18nKey.CONVERSATION$SHOW_PLUGINS)}\n            />\n          </ContextMenuListItem>\n        </ArchivedDisabledTooltip>\n      )}\n\n      {/* Show Hooks - Only show for V1 conversations */}\n      {shouldShowHooks && (\n        <ArchivedDisabledTooltip isDisabled={isArchivedConversation}>\n          <ContextMenuListItem\n            testId=\"show-hooks-button\"\n            onClick={onShowHooks}\n            isDisabled={isArchivedConversation}\n          >\n            <ToolsContextMenuIconText\n              icon={<FishingHookIcon width={16} height={16} aria-hidden />}\n              text={t(I18nKey.CONVERSATION$SHOW_HOOKS)}\n            />\n          </ContextMenuListItem>\n        </ArchivedDisabledTooltip>\n      )}\n\n      {/* Show Agent Tools and Metadata - Only show if system message is available */}\n      {shouldShowAgentTools && (\n        <ArchivedDisabledTooltip isDisabled={isArchivedConversation}>\n          <ContextMenuListItem\n            testId=\"show-agent-tools-button\"\n            onClick={onShowAgentTools}\n            isDisabled={isArchivedConversation}\n          >\n            <ToolsContextMenuIconText\n              icon={<ToolsIcon width={16} height={16} />}\n              text={t(I18nKey.BUTTON$SHOW_AGENT_TOOLS_AND_METADATA)}\n            />\n          </ContextMenuListItem>\n        </ArchivedDisabledTooltip>\n      )}\n\n      {footerAction && (\n        <>\n          <Divider />\n          <ContextMenuListItem\n            testId={footerAction.testId}\n            onClick={(event) => {\n              event.preventDefault();\n              event.stopPropagation();\n              footerAction.onClick();\n              handleClose();\n            }}\n          >\n            <ToolsContextMenuIconText\n              icon={footerAction.icon}\n              text={footerAction.label}\n            />\n          </ContextMenuListItem>\n        </>\n      )}\n    </ContextMenu>\n  );\n}\n"],"mappings":"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"}

package/dist/components/features/conversation-panel/cloud-new-conversation-menu.cjs

@@ -1,2 +1,2 @@
-const e=require(`../../../_virtual/_rolldown/runtime.cjs`),t=require(`../../../node_modules/react-i18next/dist/es/useTranslation.cjs`),n=require(`../../../i18n/declaration.cjs`),r=require(`../../../utils/utils.cjs`),i=require(`../../../context/navigation-context.cjs`),a=require(`../../../utils/dropdown-classes.cjs`),o=require(`../../../hooks/mutation/use-create-conversation.cjs`),s=require(`../../../ui/divider.cjs`),ee=require(`../../../hooks/use-user-providers.cjs`),c=require(`../../shared/git-provider-icon.cjs`),l=require(`../../../hooks/use-debounce.cjs`),u=require(`../../../hooks/query/use-git-repositories.cjs`),d=require(`../../../hooks/query/use-search-repositories.cjs`),f=require(`../../../icons/repo.cjs`),p=require(`../../../stores/home-store.cjs`),te=require(`../../../hooks/use-is-creating-conversation.cjs`),m=require(`./new-conversation-dropdown-styles.cjs`),h=require(`../../../hooks/use-popover-fixed-placement.cjs`),g=require(`../../../icons/search.cjs`);let _=require(`react`);_=e.__toESM(_,1);let v=require(`react/jsx-runtime`);function y({repo:e,disabled:t,onSelect:n,itemClass:r}){return(0,v.jsx)(`li`,{children:(0,v.jsxs)(`button`,{type:`button`,disabled:t,"data-testid":`launch-repository`,"data-repo-name":e.full_name,onClick:()=>n(e),className:r,children:[(0,v.jsx)(`span`,{className:a.dropdownMenuRowIconWrapperClassName,"aria-hidden":!0,children:(0,v.jsx)(f.default,{width:14,height:14})}),(0,v.jsx)(`span`,{className:`truncate`,children:e.full_name})]})})}function b({trigger:e,className:f,popoverClassName:b,popoverTestId:x=`new-conversation-popover`,useFixedPlacement:S=!1}){let{t:C}=t.useTranslation(`openhands`),{navigate:w}=i.useNavigation(),{providers:T}=ee.useUserProviders(),{lastSelectedProvider:E,setLastSelectedProvider:D}=p.useHomeStore(),[O,k]=_.default.useState(!1),A=_.default.useRef(null),j=_.default.useRef(null),M=h.usePopoverFixedPlacement(j,{open:O,enabled:S}),[N,P]=_.default.useState(E??null),[F,I]=_.default.useState(``),L=l.useDebounce(F,300);_.default.useEffect(()=>{if(T.length===0){N!==null&&P(null);return}N&&T.includes(N)||P(E&&T.includes(E)?E:T[0])},[T,N,E]);let{data:R,isLoading:z,isError:B,hasNextPage:V,isFetchingNextPage:H,fetchNextPage:U}=u.useGitRepositories({provider:N}),{data:W,isLoading:G}=d.useSearchRepositories(L,N),K=_.default.useMemo(()=>R?.pages.flatMap(e=>e.items)??[],[R]),q=L?W??[]:K,{mutate:J,isPending:Y}=o.useCreateConversation(),X=te.useIsCreatingConversation(),Z=Y||X;_.default.useEffect(()=>{if(!O)return;let e=e=>{A.current&&!A.current.contains(e.target)&&k(!1)};return document.addEventListener(`mousedown`,e),()=>document.removeEventListener(`mousedown`,e)},[O]),_.default.useEffect(()=>{if(!O)return;let e=e=>{e.key===`Escape`&&k(!1)};return window.addEventListener(`keydown`,e),()=>window.removeEventListener(`keydown`,e)},[O]);let ne=e=>{Z||J({repository:{name:e.full_name,gitProvider:e.git_provider,branch:e.main_branch??`main`}},{onSuccess:e=>{k(!1),w(`/conversations/${e.conversation_id}`)}})},re=e=>{P(e),D(e),I(``)},Q=a.dropdownMenuRowClassName;_.default.useEffect(()=>{O&&(L||!V||H||z||q.length===0||q.length>=10||U())},[O,L,V,H,z,q.length,U]);let $=L?G:z,ie=!L&&V&&q.length>0,ae=_.default.useCallback(()=>{k(e=>!e)},[]),oe=O&&(!S||M!==null),se=S&&M?{position:`fixed`,top:M.top,left:M.left,width:M.width}:void 0;return(0,v.jsxs)(`div`,{className:r.cn(!S&&`relative`,f),ref:A,children:[(0,v.jsx)(`span`,{ref:j,className:`inline-flex`,children:e({onClick:ae,"aria-expanded":O,"aria-haspopup":`menu`,disabled:Z})}),oe&&(0,v.jsxs)(`div`,{"data-testid":x,className:r.cn(m.NEW_CONVERSATION_DROPDOWN_SURFACE,!S&&r.cn(`absolute top-full mt-0`,b)),style:se,children:[T.length>1&&(0,v.jsx)(`div`,{className:`flex items-center gap-1 px-1 py-1`,"data-testid":`cloud-provider-tabs`,children:T.map(e=>{let t=e===N;return(0,v.jsxs)(`button`,{type:`button`,"data-testid":`cloud-provider-tab-${e}`,onClick:()=>re(e),className:r.cn(`flex items-center gap-1 rounded border px-2 py-1 text-xs`,`transition-none`,t?`border-[var(--oh-border-subtle)] bg-[var(--oh-interactive-hover)] text-white`:`border-transparent text-[var(--oh-text-secondary)] hover:text-white`),children:[(0,v.jsx)(c.GitProviderIcon,{gitProvider:e}),(0,v.jsx)(`span`,{className:`capitalize`,children:e})]},e)})}),(0,v.jsx)(`div`,{className:`px-2`,children:(0,v.jsxs)(`div`,{className:`relative`,children:[(0,v.jsx)(g.default,{width:16,height:16,"aria-hidden":!0,className:`pointer-events-none absolute left-0 top-1/2 -translate-y-1/2 text-[var(--oh-muted)]`}),(0,v.jsx)(`input`,{type:`text`,"data-testid":`cloud-repo-search-input`,value:F,onChange:e=>I(e.target.value),placeholder:C(n.I18nKey.COMMON$SEARCH_REPOSITORIES),disabled:!N,className:r.cn(`w-full border-0 bg-transparent py-1.5 pl-6 pr-0 text-sm text-white`,`outline-none placeholder:text-[var(--oh-muted)]`,`focus:outline-none focus:ring-0`,`disabled:cursor-not-allowed disabled:opacity-60`)})]})}),(0,v.jsx)(s.Divider,{inset:`menu`}),(0,v.jsxs)(`ul`,{className:r.cn(`max-h-[40vh] overflow-y-auto custom-scrollbar-always sm:max-h-[280px]`,a.dropdownMenuListClassName),children:[$&&q.length===0&&(0,v.jsx)(`li`,{className:`px-2 py-2 text-sm text-[var(--oh-muted)] italic`,"data-testid":`cloud-repo-loading`,children:C(n.I18nKey.HOME$LOADING_REPOSITORIES)}),B&&(0,v.jsx)(`li`,{className:`px-2 py-2 text-sm text-[#F87171]`,"data-testid":`cloud-repo-error`,children:C(n.I18nKey.HOME$FAILED_TO_LOAD_REPOSITORIES)}),!$&&!B&&q.length===0&&!!N&&(0,v.jsx)(`li`,{className:`px-2 py-2 text-sm text-[var(--oh-muted)] italic`,"data-testid":`cloud-repo-empty`,children:C(n.I18nKey.GITHUB$NO_RESULTS)}),q.map(e=>(0,v.jsx)(y,{repo:e,disabled:Z,onSelect:ne,itemClass:Q},`${e.git_provider}:${e.id}`)),ie&&(0,v.jsx)(`li`,{children:(0,v.jsx)(`button`,{type:`button`,"data-testid":`cloud-repo-load-more`,disabled:H,onClick:()=>U(),className:Q,children:(0,v.jsx)(`span`,{className:`text-[var(--oh-text-secondary)]`,children:C(H?n.I18nKey.HOME$LOADING_MORE_REPOSITORIES:n.I18nKey.CONVERSATION$LOAD_MORE)})})})]})]})]})}exports.CloudNewConversationMenu=b;
+const e=require(`../../../_virtual/_rolldown/runtime.cjs`),t=require(`../../../node_modules/react-i18next/dist/es/useTranslation.cjs`),n=require(`../../../i18n/declaration.cjs`),r=require(`../../../utils/utils.cjs`),i=require(`../../../context/navigation-context.cjs`),a=require(`../../../utils/dropdown-classes.cjs`),o=require(`../../../hooks/mutation/use-create-conversation.cjs`),s=require(`../../../ui/divider.cjs`),ee=require(`../../../hooks/use-user-providers.cjs`),c=require(`../../shared/git-provider-icon.cjs`),l=require(`../../../hooks/use-debounce.cjs`),u=require(`../../../hooks/query/use-git-repositories.cjs`),d=require(`../../../hooks/query/use-search-repositories.cjs`),f=require(`../../../icons/repo.cjs`),p=require(`../../../stores/home-store.cjs`),te=require(`../../../hooks/use-is-creating-conversation.cjs`),m=require(`./new-conversation-dropdown-styles.cjs`),h=require(`../../../hooks/use-popover-fixed-placement.cjs`),g=require(`../../../icons/search.cjs`);let _=require(`react`);_=e.__toESM(_,1);let v=require(`react/jsx-runtime`);function y({repo:e,disabled:t,onSelect:n,itemClass:r}){return(0,v.jsx)(`li`,{children:(0,v.jsxs)(`button`,{type:`button`,disabled:t,"data-testid":`launch-repository`,"data-repo-name":e.full_name,onClick:()=>n(e),className:r,children:[(0,v.jsx)(`span`,{className:a.dropdownMenuRowIconWrapperClassName,"aria-hidden":!0,children:(0,v.jsx)(f.default,{width:14,height:14})}),(0,v.jsx)(`span`,{className:`truncate`,children:e.full_name})]})})}function b({trigger:e,className:f,popoverClassName:b,popoverTestId:x=`new-conversation-popover`,useFixedPlacement:S=!1}){let{t:C}=t.useTranslation(`openhands`),{navigate:w}=i.useNavigation(),{providers:T}=ee.useUserProviders(),{lastSelectedProvider:E,setLastSelectedProvider:D}=p.useHomeStore(),[O,k]=_.default.useState(!1),A=_.default.useRef(null),j=_.default.useRef(null),M=h.usePopoverFixedPlacement(j,{open:O,enabled:S}),[N,P]=_.default.useState(E??null),[F,I]=_.default.useState(``),L=l.useDebounce(F,300);_.default.useEffect(()=>{if(T.length===0){N!==null&&P(null);return}N&&T.includes(N)||P(E&&T.includes(E)?E:T[0])},[T,N,E]);let{data:R,isLoading:z,isError:B,hasNextPage:V,isFetchingNextPage:H,fetchNextPage:U}=u.useGitRepositories({provider:N}),{data:W,isLoading:G}=d.useSearchRepositories(L,N),K=_.default.useMemo(()=>R?.pages.flatMap(e=>e.items)??[],[R]),q=L?W??[]:K,{mutate:J,isPending:Y}=o.useCreateConversation(),X=te.useIsCreatingConversation(),Z=Y||X;_.default.useEffect(()=>{if(!O)return;let e=e=>{A.current&&!A.current.contains(e.target)&&k(!1)};return document.addEventListener(`mousedown`,e),()=>document.removeEventListener(`mousedown`,e)},[O]),_.default.useEffect(()=>{if(!O)return;let e=e=>{e.key===`Escape`&&k(!1)};return window.addEventListener(`keydown`,e),()=>window.removeEventListener(`keydown`,e)},[O]);let ne=e=>{Z||J({repository:{name:e.full_name,gitProvider:e.git_provider,branch:e.main_branch??`main`},entryPoint:`sidebar_cloud_menu`},{onSuccess:e=>{k(!1),w(`/conversations/${e.conversation_id}`)}})},re=e=>{P(e),D(e),I(``)},Q=a.dropdownMenuRowClassName;_.default.useEffect(()=>{O&&(L||!V||H||z||q.length===0||q.length>=10||U())},[O,L,V,H,z,q.length,U]);let $=L?G:z,ie=!L&&V&&q.length>0,ae=_.default.useCallback(()=>{k(e=>!e)},[]),oe=O&&(!S||M!==null),se=S&&M?{position:`fixed`,top:M.top,left:M.left,width:M.width}:void 0;return(0,v.jsxs)(`div`,{className:r.cn(!S&&`relative`,f),ref:A,children:[(0,v.jsx)(`span`,{ref:j,className:`inline-flex`,children:e({onClick:ae,"aria-expanded":O,"aria-haspopup":`menu`,disabled:Z})}),oe&&(0,v.jsxs)(`div`,{"data-testid":x,className:r.cn(m.NEW_CONVERSATION_DROPDOWN_SURFACE,!S&&r.cn(`absolute top-full mt-0`,b)),style:se,children:[T.length>1&&(0,v.jsx)(`div`,{className:`flex items-center gap-1 px-1 py-1`,"data-testid":`cloud-provider-tabs`,children:T.map(e=>{let t=e===N;return(0,v.jsxs)(`button`,{type:`button`,"data-testid":`cloud-provider-tab-${e}`,onClick:()=>re(e),className:r.cn(`flex items-center gap-1 rounded border px-2 py-1 text-xs`,`transition-none`,t?`border-[var(--oh-border-subtle)] bg-[var(--oh-interactive-hover)] text-white`:`border-transparent text-[var(--oh-text-secondary)] hover:text-white`),children:[(0,v.jsx)(c.GitProviderIcon,{gitProvider:e}),(0,v.jsx)(`span`,{className:`capitalize`,children:e})]},e)})}),(0,v.jsx)(`div`,{className:`px-2`,children:(0,v.jsxs)(`div`,{className:`relative`,children:[(0,v.jsx)(g.default,{width:16,height:16,"aria-hidden":!0,className:`pointer-events-none absolute left-0 top-1/2 -translate-y-1/2 text-[var(--oh-muted)]`}),(0,v.jsx)(`input`,{type:`text`,"data-testid":`cloud-repo-search-input`,value:F,onChange:e=>I(e.target.value),placeholder:C(n.I18nKey.COMMON$SEARCH_REPOSITORIES),disabled:!N,className:r.cn(`w-full border-0 bg-transparent py-1.5 pl-6 pr-0 text-sm text-white`,`outline-none placeholder:text-[var(--oh-muted)]`,`focus:outline-none focus:ring-0`,`disabled:cursor-not-allowed disabled:opacity-60`)})]})}),(0,v.jsx)(s.Divider,{inset:`menu`}),(0,v.jsxs)(`ul`,{className:r.cn(`max-h-[40vh] overflow-y-auto custom-scrollbar-always sm:max-h-[280px]`,a.dropdownMenuListClassName),children:[$&&q.length===0&&(0,v.jsx)(`li`,{className:`px-2 py-2 text-sm text-[var(--oh-muted)] italic`,"data-testid":`cloud-repo-loading`,children:C(n.I18nKey.HOME$LOADING_REPOSITORIES)}),B&&(0,v.jsx)(`li`,{className:`px-2 py-2 text-sm text-[#F87171]`,"data-testid":`cloud-repo-error`,children:C(n.I18nKey.HOME$FAILED_TO_LOAD_REPOSITORIES)}),!$&&!B&&q.length===0&&!!N&&(0,v.jsx)(`li`,{className:`px-2 py-2 text-sm text-[var(--oh-muted)] italic`,"data-testid":`cloud-repo-empty`,children:C(n.I18nKey.GITHUB$NO_RESULTS)}),q.map(e=>(0,v.jsx)(y,{repo:e,disabled:Z,onSelect:ne,itemClass:Q},`${e.git_provider}:${e.id}`)),ie&&(0,v.jsx)(`li`,{children:(0,v.jsx)(`button`,{type:`button`,"data-testid":`cloud-repo-load-more`,disabled:H,onClick:()=>U(),className:Q,children:(0,v.jsx)(`span`,{className:`text-[var(--oh-text-secondary)]`,children:C(H?n.I18nKey.HOME$LOADING_MORE_REPOSITORIES:n.I18nKey.CONVERSATION$LOAD_MORE)})})})]})]})]})}exports.CloudNewConversationMenu=b;
 //# sourceMappingURL=cloud-new-conversation-menu.cjs.map

package/dist/components/features/conversation-panel/cloud-new-conversation-menu.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"cloud-new-conversation-menu.cjs","names":[],"sources":["../../../../src/components/features/conversation-panel/cloud-new-conversation-menu.tsx"],"sourcesContent":["import React from \"react\";\nimport { useTranslation } from \"react-i18next\";\n\nimport { useCreateConversation } from \"#/hooks/mutation/use-create-conversation\";\nimport { useNavigation } from \"#/context/navigation-context\";\nimport { useIsCreatingConversation } from \"#/hooks/use-is-creating-conversation\";\nimport { useGitRepositories } from \"#/hooks/query/use-git-repositories\";\nimport { useSearchRepositories } from \"#/hooks/query/use-search-repositories\";\nimport { useUserProviders } from \"#/hooks/use-user-providers\";\nimport { useDebounce } from \"#/hooks/use-debounce\";\nimport { useHomeStore } from \"#/stores/home-store\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { cn } from \"#/utils/utils\";\nimport {\n  dropdownMenuRowClassName,\n  dropdownInstantColorClassName,\n  dropdownMenuListClassName,\n  dropdownMenuRowIconWrapperClassName,\n} from \"#/utils/dropdown-classes\";\nimport { GitRepository } from \"#/types/git\";\nimport { Provider } from \"#/types/settings\";\nimport RepoIcon from \"#/icons/repo.svg?react\";\nimport SearchIcon from \"#/icons/search.svg?react\";\nimport { GitProviderIcon } from \"#/components/shared/git-provider-icon\";\nimport { Divider } from \"#/ui/divider\";\nimport { NEW_CONVERSATION_DROPDOWN_SURFACE } from \"./new-conversation-dropdown-styles\";\nimport { usePopoverFixedPlacement } from \"#/hooks/use-popover-fixed-placement\";\n\nexport type CloudNewConversationMenuTriggerProps = {\n  onClick: () => void;\n  \"aria-expanded\": boolean;\n  \"aria-haspopup\": \"menu\";\n  disabled?: boolean;\n};\n\nexport interface CloudNewConversationMenuProps {\n  trigger: (props: CloudNewConversationMenuTriggerProps) => React.ReactNode;\n  className?: string;\n  popoverClassName: string;\n  popoverTestId?: string;\n  useFixedPlacement?: boolean;\n}\n\ninterface RepoListItemProps {\n  repo: GitRepository;\n  disabled: boolean;\n  onSelect: (repo: GitRepository) => void;\n  itemClass: string;\n}\n\nfunction RepoListItem({\n  repo,\n  disabled,\n  onSelect,\n  itemClass,\n}: RepoListItemProps) {\n  return (\n    <li>\n      <button\n        type=\"button\"\n        disabled={disabled}\n        data-testid=\"launch-repository\"\n        data-repo-name={repo.full_name}\n        onClick={() => onSelect(repo)}\n        className={itemClass}\n      >\n        <span className={dropdownMenuRowIconWrapperClassName} aria-hidden>\n          <RepoIcon width={14} height={14} />\n        </span>\n        <span className=\"truncate\">{repo.full_name}</span>\n      </button>\n    </li>\n  );\n}\n\n/**\n * Repository search + launch flow for cloud backends.\n * Shared by the sidebar \"+ New conversation\" control and the conversation\n * panel \"new thread folder\" opener.\n */\nexport function CloudNewConversationMenu({\n  trigger,\n  className,\n  popoverClassName,\n  popoverTestId = \"new-conversation-popover\",\n  useFixedPlacement = false,\n}: CloudNewConversationMenuProps) {\n  const { t } = useTranslation(\"openhands\");\n  const { navigate } = useNavigation();\n\n  const { providers } = useUserProviders();\n  const { lastSelectedProvider, setLastSelectedProvider } = useHomeStore();\n\n  const [open, setOpen] = React.useState(false);\n  const popoverRef = React.useRef<HTMLDivElement>(null);\n  const triggerWrapRef = React.useRef<HTMLSpanElement>(null);\n  const fixedBox = usePopoverFixedPlacement(triggerWrapRef, {\n    open,\n    enabled: useFixedPlacement,\n  });\n  const [selectedProvider, setSelectedProvider] =\n    React.useState<Provider | null>(lastSelectedProvider ?? null);\n  const [query, setQuery] = React.useState(\"\");\n  const debouncedQuery = useDebounce(query, 300);\n\n  React.useEffect(() => {\n    if (providers.length === 0) {\n      if (selectedProvider !== null) setSelectedProvider(null);\n      return;\n    }\n    if (selectedProvider && providers.includes(selectedProvider)) return;\n    const fallback =\n      lastSelectedProvider && providers.includes(lastSelectedProvider)\n        ? lastSelectedProvider\n        : providers[0];\n    setSelectedProvider(fallback);\n  }, [providers, selectedProvider, lastSelectedProvider]);\n\n  const {\n    data: repoPages,\n    isLoading,\n    isError,\n    hasNextPage,\n    isFetchingNextPage,\n    fetchNextPage,\n  } = useGitRepositories({ provider: selectedProvider });\n\n  const { data: searchResults, isLoading: isSearchLoading } =\n    useSearchRepositories(debouncedQuery, selectedProvider);\n\n  const allRepositories = React.useMemo(\n    () => repoPages?.pages.flatMap((page) => page.items) ?? [],\n    [repoPages],\n  );\n\n  const repositories = debouncedQuery ? (searchResults ?? []) : allRepositories;\n\n  const { mutate: createConversation, isPending } = useCreateConversation();\n  const isCreatingElsewhere = useIsCreatingConversation();\n  const isCreating = isPending || isCreatingElsewhere;\n\n  React.useEffect(() => {\n    if (!open) return undefined;\n    const onDown = (e: MouseEvent) => {\n      if (\n        popoverRef.current &&\n        !popoverRef.current.contains(e.target as Node)\n      ) {\n        setOpen(false);\n      }\n    };\n    document.addEventListener(\"mousedown\", onDown);\n    return () => document.removeEventListener(\"mousedown\", onDown);\n  }, [open]);\n\n  React.useEffect(() => {\n    if (!open) return undefined;\n    const onKeyDown = (event: KeyboardEvent) => {\n      if (event.key === \"Escape\") setOpen(false);\n    };\n    window.addEventListener(\"keydown\", onKeyDown);\n    return () => window.removeEventListener(\"keydown\", onKeyDown);\n  }, [open]);\n\n  const launchRepository = (repo: GitRepository) => {\n    if (isCreating) return;\n    createConversation(\n      {\n        repository: {\n          name: repo.full_name,\n          gitProvider: repo.git_provider,\n          branch: repo.main_branch ?? \"main\",\n        },\n      },\n      {\n        onSuccess: (data) => {\n          setOpen(false);\n          navigate(`/conversations/${data.conversation_id}`);\n        },\n      },\n    );\n  };\n\n  const handleProviderChange = (provider: Provider) => {\n    setSelectedProvider(provider);\n    setLastSelectedProvider(provider);\n    setQuery(\"\");\n  };\n\n  const itemClass = dropdownMenuRowClassName;\n\n  React.useEffect(() => {\n    if (!open) return;\n    if (debouncedQuery) return;\n    if (!hasNextPage || isFetchingNextPage || isLoading) return;\n    if (repositories.length === 0 || repositories.length >= 10) return;\n    fetchNextPage();\n  }, [\n    open,\n    debouncedQuery,\n    hasNextPage,\n    isFetchingNextPage,\n    isLoading,\n    repositories.length,\n    fetchNextPage,\n  ]);\n\n  const isListLoading = debouncedQuery ? isSearchLoading : isLoading;\n  const showLoadMore =\n    !debouncedQuery && hasNextPage && repositories.length > 0;\n\n  const toggleOpen = React.useCallback(() => {\n    setOpen((o) => !o);\n  }, []);\n\n  const showPopover = open && (!useFixedPlacement || fixedBox !== null);\n\n  const fixedStyle: React.CSSProperties | undefined =\n    useFixedPlacement && fixedBox\n      ? {\n          position: \"fixed\",\n          top: fixedBox.top,\n          left: fixedBox.left,\n          width: fixedBox.width,\n        }\n      : undefined;\n\n  return (\n    <div\n      className={cn(!useFixedPlacement && \"relative\", className)}\n      ref={popoverRef}\n    >\n      <span ref={triggerWrapRef} className=\"inline-flex\">\n        {trigger({\n          onClick: toggleOpen,\n          \"aria-expanded\": open,\n          \"aria-haspopup\": \"menu\",\n          disabled: isCreating,\n        })}\n      </span>\n\n      {showPopover && (\n        <div\n          data-testid={popoverTestId}\n          className={cn(\n            NEW_CONVERSATION_DROPDOWN_SURFACE,\n            !useFixedPlacement &&\n              cn(\"absolute top-full mt-0\", popoverClassName),\n          )}\n          style={fixedStyle}\n        >\n          {providers.length > 1 && (\n            <div\n              className=\"flex items-center gap-1 px-1 py-1\"\n              data-testid=\"cloud-provider-tabs\"\n            >\n              {providers.map((provider) => {\n                const isActive = provider === selectedProvider;\n                return (\n                  <button\n                    key={provider}\n                    type=\"button\"\n                    data-testid={`cloud-provider-tab-${provider}`}\n                    onClick={() => handleProviderChange(provider)}\n                    className={cn(\n                      \"flex items-center gap-1 rounded border px-2 py-1 text-xs\",\n                      dropdownInstantColorClassName,\n                      isActive\n                        ? \"border-[var(--oh-border-subtle)] bg-[var(--oh-interactive-hover)] text-white\"\n                        : \"border-transparent text-[var(--oh-text-secondary)] hover:text-white\",\n                    )}\n                  >\n                    <GitProviderIcon gitProvider={provider} />\n                    <span className=\"capitalize\">{provider}</span>\n                  </button>\n                );\n              })}\n            </div>\n          )}\n\n          <div className=\"px-2\">\n            <div className=\"relative\">\n              <SearchIcon\n                width={16}\n                height={16}\n                aria-hidden\n                className=\"pointer-events-none absolute left-0 top-1/2 -translate-y-1/2 text-[var(--oh-muted)]\"\n              />\n              <input\n                type=\"text\"\n                data-testid=\"cloud-repo-search-input\"\n                value={query}\n                onChange={(e) => setQuery(e.target.value)}\n                placeholder={t(I18nKey.COMMON$SEARCH_REPOSITORIES)}\n                disabled={!selectedProvider}\n                className={cn(\n                  \"w-full border-0 bg-transparent py-1.5 pl-6 pr-0 text-sm text-white\",\n                  \"outline-none placeholder:text-[var(--oh-muted)]\",\n                  \"focus:outline-none focus:ring-0\",\n                  \"disabled:cursor-not-allowed disabled:opacity-60\",\n                )}\n              />\n            </div>\n          </div>\n\n          <Divider inset=\"menu\" />\n\n          <ul\n            className={cn(\n              \"max-h-[40vh] overflow-y-auto custom-scrollbar-always sm:max-h-[280px]\",\n              dropdownMenuListClassName,\n            )}\n          >\n            {isListLoading && repositories.length === 0 && (\n              <li\n                className=\"px-2 py-2 text-sm text-[var(--oh-muted)] italic\"\n                data-testid=\"cloud-repo-loading\"\n              >\n                {t(I18nKey.HOME$LOADING_REPOSITORIES)}\n              </li>\n            )}\n            {isError && (\n              <li\n                className=\"px-2 py-2 text-sm text-[#F87171]\"\n                data-testid=\"cloud-repo-error\"\n              >\n                {t(I18nKey.HOME$FAILED_TO_LOAD_REPOSITORIES)}\n              </li>\n            )}\n            {!isListLoading &&\n              !isError &&\n              repositories.length === 0 &&\n              !!selectedProvider && (\n                <li\n                  className=\"px-2 py-2 text-sm text-[var(--oh-muted)] italic\"\n                  data-testid=\"cloud-repo-empty\"\n                >\n                  {t(I18nKey.GITHUB$NO_RESULTS)}\n                </li>\n              )}\n            {repositories.map((repo) => (\n              <RepoListItem\n                key={`${repo.git_provider}:${repo.id}`}\n                repo={repo}\n                disabled={isCreating}\n                onSelect={launchRepository}\n                itemClass={itemClass}\n              />\n            ))}\n            {showLoadMore && (\n              <li>\n                <button\n                  type=\"button\"\n                  data-testid=\"cloud-repo-load-more\"\n                  disabled={isFetchingNextPage}\n                  onClick={() => fetchNextPage()}\n                  className={itemClass}\n                >\n                  <span className=\"text-[var(--oh-text-secondary)]\">\n                    {isFetchingNextPage\n                      ? t(I18nKey.HOME$LOADING_MORE_REPOSITORIES)\n                      : t(I18nKey.CONVERSATION$LOAD_MORE)}\n                  </span>\n                </button>\n              </li>\n            )}\n          </ul>\n        </div>\n      )}\n    </div>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"cloud-new-conversation-menu.cjs","names":[],"sources":["../../../../src/components/features/conversation-panel/cloud-new-conversation-menu.tsx"],"sourcesContent":["import React from \"react\";\nimport { useTranslation } from \"react-i18next\";\n\nimport { useCreateConversation } from \"#/hooks/mutation/use-create-conversation\";\nimport { useNavigation } from \"#/context/navigation-context\";\nimport { useIsCreatingConversation } from \"#/hooks/use-is-creating-conversation\";\nimport { useGitRepositories } from \"#/hooks/query/use-git-repositories\";\nimport { useSearchRepositories } from \"#/hooks/query/use-search-repositories\";\nimport { useUserProviders } from \"#/hooks/use-user-providers\";\nimport { useDebounce } from \"#/hooks/use-debounce\";\nimport { useHomeStore } from \"#/stores/home-store\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { cn } from \"#/utils/utils\";\nimport {\n  dropdownMenuRowClassName,\n  dropdownInstantColorClassName,\n  dropdownMenuListClassName,\n  dropdownMenuRowIconWrapperClassName,\n} from \"#/utils/dropdown-classes\";\nimport { GitRepository } from \"#/types/git\";\nimport { Provider } from \"#/types/settings\";\nimport RepoIcon from \"#/icons/repo.svg?react\";\nimport SearchIcon from \"#/icons/search.svg?react\";\nimport { GitProviderIcon } from \"#/components/shared/git-provider-icon\";\nimport { Divider } from \"#/ui/divider\";\nimport { NEW_CONVERSATION_DROPDOWN_SURFACE } from \"./new-conversation-dropdown-styles\";\nimport { usePopoverFixedPlacement } from \"#/hooks/use-popover-fixed-placement\";\n\nexport type CloudNewConversationMenuTriggerProps = {\n  onClick: () => void;\n  \"aria-expanded\": boolean;\n  \"aria-haspopup\": \"menu\";\n  disabled?: boolean;\n};\n\nexport interface CloudNewConversationMenuProps {\n  trigger: (props: CloudNewConversationMenuTriggerProps) => React.ReactNode;\n  className?: string;\n  popoverClassName: string;\n  popoverTestId?: string;\n  useFixedPlacement?: boolean;\n}\n\ninterface RepoListItemProps {\n  repo: GitRepository;\n  disabled: boolean;\n  onSelect: (repo: GitRepository) => void;\n  itemClass: string;\n}\n\nfunction RepoListItem({\n  repo,\n  disabled,\n  onSelect,\n  itemClass,\n}: RepoListItemProps) {\n  return (\n    <li>\n      <button\n        type=\"button\"\n        disabled={disabled}\n        data-testid=\"launch-repository\"\n        data-repo-name={repo.full_name}\n        onClick={() => onSelect(repo)}\n        className={itemClass}\n      >\n        <span className={dropdownMenuRowIconWrapperClassName} aria-hidden>\n          <RepoIcon width={14} height={14} />\n        </span>\n        <span className=\"truncate\">{repo.full_name}</span>\n      </button>\n    </li>\n  );\n}\n\n/**\n * Repository search + launch flow for cloud backends.\n * Shared by the sidebar \"+ New conversation\" control and the conversation\n * panel \"new thread folder\" opener.\n */\nexport function CloudNewConversationMenu({\n  trigger,\n  className,\n  popoverClassName,\n  popoverTestId = \"new-conversation-popover\",\n  useFixedPlacement = false,\n}: CloudNewConversationMenuProps) {\n  const { t } = useTranslation(\"openhands\");\n  const { navigate } = useNavigation();\n\n  const { providers } = useUserProviders();\n  const { lastSelectedProvider, setLastSelectedProvider } = useHomeStore();\n\n  const [open, setOpen] = React.useState(false);\n  const popoverRef = React.useRef<HTMLDivElement>(null);\n  const triggerWrapRef = React.useRef<HTMLSpanElement>(null);\n  const fixedBox = usePopoverFixedPlacement(triggerWrapRef, {\n    open,\n    enabled: useFixedPlacement,\n  });\n  const [selectedProvider, setSelectedProvider] =\n    React.useState<Provider | null>(lastSelectedProvider ?? null);\n  const [query, setQuery] = React.useState(\"\");\n  const debouncedQuery = useDebounce(query, 300);\n\n  React.useEffect(() => {\n    if (providers.length === 0) {\n      if (selectedProvider !== null) setSelectedProvider(null);\n      return;\n    }\n    if (selectedProvider && providers.includes(selectedProvider)) return;\n    const fallback =\n      lastSelectedProvider && providers.includes(lastSelectedProvider)\n        ? lastSelectedProvider\n        : providers[0];\n    setSelectedProvider(fallback);\n  }, [providers, selectedProvider, lastSelectedProvider]);\n\n  const {\n    data: repoPages,\n    isLoading,\n    isError,\n    hasNextPage,\n    isFetchingNextPage,\n    fetchNextPage,\n  } = useGitRepositories({ provider: selectedProvider });\n\n  const { data: searchResults, isLoading: isSearchLoading } =\n    useSearchRepositories(debouncedQuery, selectedProvider);\n\n  const allRepositories = React.useMemo(\n    () => repoPages?.pages.flatMap((page) => page.items) ?? [],\n    [repoPages],\n  );\n\n  const repositories = debouncedQuery ? (searchResults ?? []) : allRepositories;\n\n  const { mutate: createConversation, isPending } = useCreateConversation();\n  const isCreatingElsewhere = useIsCreatingConversation();\n  const isCreating = isPending || isCreatingElsewhere;\n\n  React.useEffect(() => {\n    if (!open) return undefined;\n    const onDown = (e: MouseEvent) => {\n      if (\n        popoverRef.current &&\n        !popoverRef.current.contains(e.target as Node)\n      ) {\n        setOpen(false);\n      }\n    };\n    document.addEventListener(\"mousedown\", onDown);\n    return () => document.removeEventListener(\"mousedown\", onDown);\n  }, [open]);\n\n  React.useEffect(() => {\n    if (!open) return undefined;\n    const onKeyDown = (event: KeyboardEvent) => {\n      if (event.key === \"Escape\") setOpen(false);\n    };\n    window.addEventListener(\"keydown\", onKeyDown);\n    return () => window.removeEventListener(\"keydown\", onKeyDown);\n  }, [open]);\n\n  const launchRepository = (repo: GitRepository) => {\n    if (isCreating) return;\n    createConversation(\n      {\n        repository: {\n          name: repo.full_name,\n          gitProvider: repo.git_provider,\n          branch: repo.main_branch ?? \"main\",\n        },\n        entryPoint: \"sidebar_cloud_menu\",\n      },\n      {\n        onSuccess: (data) => {\n          setOpen(false);\n          navigate(`/conversations/${data.conversation_id}`);\n        },\n      },\n    );\n  };\n\n  const handleProviderChange = (provider: Provider) => {\n    setSelectedProvider(provider);\n    setLastSelectedProvider(provider);\n    setQuery(\"\");\n  };\n\n  const itemClass = dropdownMenuRowClassName;\n\n  React.useEffect(() => {\n    if (!open) return;\n    if (debouncedQuery) return;\n    if (!hasNextPage || isFetchingNextPage || isLoading) return;\n    if (repositories.length === 0 || repositories.length >= 10) return;\n    fetchNextPage();\n  }, [\n    open,\n    debouncedQuery,\n    hasNextPage,\n    isFetchingNextPage,\n    isLoading,\n    repositories.length,\n    fetchNextPage,\n  ]);\n\n  const isListLoading = debouncedQuery ? isSearchLoading : isLoading;\n  const showLoadMore =\n    !debouncedQuery && hasNextPage && repositories.length > 0;\n\n  const toggleOpen = React.useCallback(() => {\n    setOpen((o) => !o);\n  }, []);\n\n  const showPopover = open && (!useFixedPlacement || fixedBox !== null);\n\n  const fixedStyle: React.CSSProperties | undefined =\n    useFixedPlacement && fixedBox\n      ? {\n          position: \"fixed\",\n          top: fixedBox.top,\n          left: fixedBox.left,\n          width: fixedBox.width,\n        }\n      : undefined;\n\n  return (\n    <div\n      className={cn(!useFixedPlacement && \"relative\", className)}\n      ref={popoverRef}\n    >\n      <span ref={triggerWrapRef} className=\"inline-flex\">\n        {trigger({\n          onClick: toggleOpen,\n          \"aria-expanded\": open,\n          \"aria-haspopup\": \"menu\",\n          disabled: isCreating,\n        })}\n      </span>\n\n      {showPopover && (\n        <div\n          data-testid={popoverTestId}\n          className={cn(\n            NEW_CONVERSATION_DROPDOWN_SURFACE,\n            !useFixedPlacement &&\n              cn(\"absolute top-full mt-0\", popoverClassName),\n          )}\n          style={fixedStyle}\n        >\n          {providers.length > 1 && (\n            <div\n              className=\"flex items-center gap-1 px-1 py-1\"\n              data-testid=\"cloud-provider-tabs\"\n            >\n              {providers.map((provider) => {\n                const isActive = provider === selectedProvider;\n                return (\n                  <button\n                    key={provider}\n                    type=\"button\"\n                    data-testid={`cloud-provider-tab-${provider}`}\n                    onClick={() => handleProviderChange(provider)}\n                    className={cn(\n                      \"flex items-center gap-1 rounded border px-2 py-1 text-xs\",\n                      dropdownInstantColorClassName,\n                      isActive\n                        ? \"border-[var(--oh-border-subtle)] bg-[var(--oh-interactive-hover)] text-white\"\n                        : \"border-transparent text-[var(--oh-text-secondary)] hover:text-white\",\n                    )}\n                  >\n                    <GitProviderIcon gitProvider={provider} />\n                    <span className=\"capitalize\">{provider}</span>\n                  </button>\n                );\n              })}\n            </div>\n          )}\n\n          <div className=\"px-2\">\n            <div className=\"relative\">\n              <SearchIcon\n                width={16}\n                height={16}\n                aria-hidden\n                className=\"pointer-events-none absolute left-0 top-1/2 -translate-y-1/2 text-[var(--oh-muted)]\"\n              />\n              <input\n                type=\"text\"\n                data-testid=\"cloud-repo-search-input\"\n                value={query}\n                onChange={(e) => setQuery(e.target.value)}\n                placeholder={t(I18nKey.COMMON$SEARCH_REPOSITORIES)}\n                disabled={!selectedProvider}\n                className={cn(\n                  \"w-full border-0 bg-transparent py-1.5 pl-6 pr-0 text-sm text-white\",\n                  \"outline-none placeholder:text-[var(--oh-muted)]\",\n                  \"focus:outline-none focus:ring-0\",\n                  \"disabled:cursor-not-allowed disabled:opacity-60\",\n                )}\n              />\n            </div>\n          </div>\n\n          <Divider inset=\"menu\" />\n\n          <ul\n            className={cn(\n              \"max-h-[40vh] overflow-y-auto custom-scrollbar-always sm:max-h-[280px]\",\n              dropdownMenuListClassName,\n            )}\n          >\n            {isListLoading && repositories.length === 0 && (\n              <li\n                className=\"px-2 py-2 text-sm text-[var(--oh-muted)] italic\"\n                data-testid=\"cloud-repo-loading\"\n              >\n                {t(I18nKey.HOME$LOADING_REPOSITORIES)}\n              </li>\n            )}\n            {isError && (\n              <li\n                className=\"px-2 py-2 text-sm text-[#F87171]\"\n                data-testid=\"cloud-repo-error\"\n              >\n                {t(I18nKey.HOME$FAILED_TO_LOAD_REPOSITORIES)}\n              </li>\n            )}\n            {!isListLoading &&\n              !isError &&\n              repositories.length === 0 &&\n              !!selectedProvider && (\n                <li\n                  className=\"px-2 py-2 text-sm text-[var(--oh-muted)] italic\"\n                  data-testid=\"cloud-repo-empty\"\n                >\n                  {t(I18nKey.GITHUB$NO_RESULTS)}\n                </li>\n              )}\n            {repositories.map((repo) => (\n              <RepoListItem\n                key={`${repo.git_provider}:${repo.id}`}\n                repo={repo}\n                disabled={isCreating}\n                onSelect={launchRepository}\n                itemClass={itemClass}\n              />\n            ))}\n            {showLoadMore && (\n              <li>\n                <button\n                  type=\"button\"\n                  data-testid=\"cloud-repo-load-more\"\n                  disabled={isFetchingNextPage}\n                  onClick={() => fetchNextPage()}\n                  className={itemClass}\n                >\n                  <span className=\"text-[var(--oh-text-secondary)]\">\n                    {isFetchingNextPage\n                      ? t(I18nKey.HOME$LOADING_MORE_REPOSITORIES)\n                      : t(I18nKey.CONVERSATION$LOAD_MORE)}\n                  </span>\n                </button>\n              </li>\n            )}\n          </ul>\n        </div>\n      )}\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/components/features/conversation-panel/cloud-new-conversation-menu.js

@@ -71,11 +71,14 @@ function x({ trigger: a, className: p, popoverClassName: x, popoverTestId: S = "
 		return window.addEventListener("keydown", e), () => window.removeEventListener("keydown", e);
 	}, [O]);
 	let ae = (e) => {
-		X || J({ repository: {
-			name: e.full_name,
-			gitProvider: e.git_provider,
-			branch: e.main_branch ?? "main"
-		} }, { onSuccess: (e) => {
+		X || J({
+			repository: {
+				name: e.full_name,
+				gitProvider: e.git_provider,
+				branch: e.main_branch ?? "main"
+			},
+			entryPoint: "sidebar_cloud_menu"
+		}, { onSuccess: (e) => {
 			k(!1), T(`/conversations/${e.conversation_id}`);
 		} });
 	}, oe = (e) => {

package/dist/components/features/conversation-panel/cloud-new-conversation-menu.js.map

@@ -1 +1 @@
-{"version":3,"file":"cloud-new-conversation-menu.js","names":[],"sources":["../../../../src/components/features/conversation-panel/cloud-new-conversation-menu.tsx"],"sourcesContent":["import React from \"react\";\nimport { useTranslation } from \"react-i18next\";\n\nimport { useCreateConversation } from \"#/hooks/mutation/use-create-conversation\";\nimport { useNavigation } from \"#/context/navigation-context\";\nimport { useIsCreatingConversation } from \"#/hooks/use-is-creating-conversation\";\nimport { useGitRepositories } from \"#/hooks/query/use-git-repositories\";\nimport { useSearchRepositories } from \"#/hooks/query/use-search-repositories\";\nimport { useUserProviders } from \"#/hooks/use-user-providers\";\nimport { useDebounce } from \"#/hooks/use-debounce\";\nimport { useHomeStore } from \"#/stores/home-store\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { cn } from \"#/utils/utils\";\nimport {\n  dropdownMenuRowClassName,\n  dropdownInstantColorClassName,\n  dropdownMenuListClassName,\n  dropdownMenuRowIconWrapperClassName,\n} from \"#/utils/dropdown-classes\";\nimport { GitRepository } from \"#/types/git\";\nimport { Provider } from \"#/types/settings\";\nimport RepoIcon from \"#/icons/repo.svg?react\";\nimport SearchIcon from \"#/icons/search.svg?react\";\nimport { GitProviderIcon } from \"#/components/shared/git-provider-icon\";\nimport { Divider } from \"#/ui/divider\";\nimport { NEW_CONVERSATION_DROPDOWN_SURFACE } from \"./new-conversation-dropdown-styles\";\nimport { usePopoverFixedPlacement } from \"#/hooks/use-popover-fixed-placement\";\n\nexport type CloudNewConversationMenuTriggerProps = {\n  onClick: () => void;\n  \"aria-expanded\": boolean;\n  \"aria-haspopup\": \"menu\";\n  disabled?: boolean;\n};\n\nexport interface CloudNewConversationMenuProps {\n  trigger: (props: CloudNewConversationMenuTriggerProps) => React.ReactNode;\n  className?: string;\n  popoverClassName: string;\n  popoverTestId?: string;\n  useFixedPlacement?: boolean;\n}\n\ninterface RepoListItemProps {\n  repo: GitRepository;\n  disabled: boolean;\n  onSelect: (repo: GitRepository) => void;\n  itemClass: string;\n}\n\nfunction RepoListItem({\n  repo,\n  disabled,\n  onSelect,\n  itemClass,\n}: RepoListItemProps) {\n  return (\n    <li>\n      <button\n        type=\"button\"\n        disabled={disabled}\n        data-testid=\"launch-repository\"\n        data-repo-name={repo.full_name}\n        onClick={() => onSelect(repo)}\n        className={itemClass}\n      >\n        <span className={dropdownMenuRowIconWrapperClassName} aria-hidden>\n          <RepoIcon width={14} height={14} />\n        </span>\n        <span className=\"truncate\">{repo.full_name}</span>\n      </button>\n    </li>\n  );\n}\n\n/**\n * Repository search + launch flow for cloud backends.\n * Shared by the sidebar \"+ New conversation\" control and the conversation\n * panel \"new thread folder\" opener.\n */\nexport function CloudNewConversationMenu({\n  trigger,\n  className,\n  popoverClassName,\n  popoverTestId = \"new-conversation-popover\",\n  useFixedPlacement = false,\n}: CloudNewConversationMenuProps) {\n  const { t } = useTranslation(\"openhands\");\n  const { navigate } = useNavigation();\n\n  const { providers } = useUserProviders();\n  const { lastSelectedProvider, setLastSelectedProvider } = useHomeStore();\n\n  const [open, setOpen] = React.useState(false);\n  const popoverRef = React.useRef<HTMLDivElement>(null);\n  const triggerWrapRef = React.useRef<HTMLSpanElement>(null);\n  const fixedBox = usePopoverFixedPlacement(triggerWrapRef, {\n    open,\n    enabled: useFixedPlacement,\n  });\n  const [selectedProvider, setSelectedProvider] =\n    React.useState<Provider | null>(lastSelectedProvider ?? null);\n  const [query, setQuery] = React.useState(\"\");\n  const debouncedQuery = useDebounce(query, 300);\n\n  React.useEffect(() => {\n    if (providers.length === 0) {\n      if (selectedProvider !== null) setSelectedProvider(null);\n      return;\n    }\n    if (selectedProvider && providers.includes(selectedProvider)) return;\n    const fallback =\n      lastSelectedProvider && providers.includes(lastSelectedProvider)\n        ? lastSelectedProvider\n        : providers[0];\n    setSelectedProvider(fallback);\n  }, [providers, selectedProvider, lastSelectedProvider]);\n\n  const {\n    data: repoPages,\n    isLoading,\n    isError,\n    hasNextPage,\n    isFetchingNextPage,\n    fetchNextPage,\n  } = useGitRepositories({ provider: selectedProvider });\n\n  const { data: searchResults, isLoading: isSearchLoading } =\n    useSearchRepositories(debouncedQuery, selectedProvider);\n\n  const allRepositories = React.useMemo(\n    () => repoPages?.pages.flatMap((page) => page.items) ?? [],\n    [repoPages],\n  );\n\n  const repositories = debouncedQuery ? (searchResults ?? []) : allRepositories;\n\n  const { mutate: createConversation, isPending } = useCreateConversation();\n  const isCreatingElsewhere = useIsCreatingConversation();\n  const isCreating = isPending || isCreatingElsewhere;\n\n  React.useEffect(() => {\n    if (!open) return undefined;\n    const onDown = (e: MouseEvent) => {\n      if (\n        popoverRef.current &&\n        !popoverRef.current.contains(e.target as Node)\n      ) {\n        setOpen(false);\n      }\n    };\n    document.addEventListener(\"mousedown\", onDown);\n    return () => document.removeEventListener(\"mousedown\", onDown);\n  }, [open]);\n\n  React.useEffect(() => {\n    if (!open) return undefined;\n    const onKeyDown = (event: KeyboardEvent) => {\n      if (event.key === \"Escape\") setOpen(false);\n    };\n    window.addEventListener(\"keydown\", onKeyDown);\n    return () => window.removeEventListener(\"keydown\", onKeyDown);\n  }, [open]);\n\n  const launchRepository = (repo: GitRepository) => {\n    if (isCreating) return;\n    createConversation(\n      {\n        repository: {\n          name: repo.full_name,\n          gitProvider: repo.git_provider,\n          branch: repo.main_branch ?? \"main\",\n        },\n      },\n      {\n        onSuccess: (data) => {\n          setOpen(false);\n          navigate(`/conversations/${data.conversation_id}`);\n        },\n      },\n    );\n  };\n\n  const handleProviderChange = (provider: Provider) => {\n    setSelectedProvider(provider);\n    setLastSelectedProvider(provider);\n    setQuery(\"\");\n  };\n\n  const itemClass = dropdownMenuRowClassName;\n\n  React.useEffect(() => {\n    if (!open) return;\n    if (debouncedQuery) return;\n    if (!hasNextPage || isFetchingNextPage || isLoading) return;\n    if (repositories.length === 0 || repositories.length >= 10) return;\n    fetchNextPage();\n  }, [\n    open,\n    debouncedQuery,\n    hasNextPage,\n    isFetchingNextPage,\n    isLoading,\n    repositories.length,\n    fetchNextPage,\n  ]);\n\n  const isListLoading = debouncedQuery ? isSearchLoading : isLoading;\n  const showLoadMore =\n    !debouncedQuery && hasNextPage && repositories.length > 0;\n\n  const toggleOpen = React.useCallback(() => {\n    setOpen((o) => !o);\n  }, []);\n\n  const showPopover = open && (!useFixedPlacement || fixedBox !== null);\n\n  const fixedStyle: React.CSSProperties | undefined =\n    useFixedPlacement && fixedBox\n      ? {\n          position: \"fixed\",\n          top: fixedBox.top,\n          left: fixedBox.left,\n          width: fixedBox.width,\n        }\n      : undefined;\n\n  return (\n    <div\n      className={cn(!useFixedPlacement && \"relative\", className)}\n      ref={popoverRef}\n    >\n      <span ref={triggerWrapRef} className=\"inline-flex\">\n        {trigger({\n          onClick: toggleOpen,\n          \"aria-expanded\": open,\n          \"aria-haspopup\": \"menu\",\n          disabled: isCreating,\n        })}\n      </span>\n\n      {showPopover && (\n        <div\n          data-testid={popoverTestId}\n          className={cn(\n            NEW_CONVERSATION_DROPDOWN_SURFACE,\n            !useFixedPlacement &&\n              cn(\"absolute top-full mt-0\", popoverClassName),\n          )}\n          style={fixedStyle}\n        >\n          {providers.length > 1 && (\n            <div\n              className=\"flex items-center gap-1 px-1 py-1\"\n              data-testid=\"cloud-provider-tabs\"\n            >\n              {providers.map((provider) => {\n                const isActive = provider === selectedProvider;\n                return (\n                  <button\n                    key={provider}\n                    type=\"button\"\n                    data-testid={`cloud-provider-tab-${provider}`}\n                    onClick={() => handleProviderChange(provider)}\n                    className={cn(\n                      \"flex items-center gap-1 rounded border px-2 py-1 text-xs\",\n                      dropdownInstantColorClassName,\n                      isActive\n                        ? \"border-[var(--oh-border-subtle)] bg-[var(--oh-interactive-hover)] text-white\"\n                        : \"border-transparent text-[var(--oh-text-secondary)] hover:text-white\",\n                    )}\n                  >\n                    <GitProviderIcon gitProvider={provider} />\n                    <span className=\"capitalize\">{provider}</span>\n                  </button>\n                );\n              })}\n            </div>\n          )}\n\n          <div className=\"px-2\">\n            <div className=\"relative\">\n              <SearchIcon\n                width={16}\n                height={16}\n                aria-hidden\n                className=\"pointer-events-none absolute left-0 top-1/2 -translate-y-1/2 text-[var(--oh-muted)]\"\n              />\n              <input\n                type=\"text\"\n                data-testid=\"cloud-repo-search-input\"\n                value={query}\n                onChange={(e) => setQuery(e.target.value)}\n                placeholder={t(I18nKey.COMMON$SEARCH_REPOSITORIES)}\n                disabled={!selectedProvider}\n                className={cn(\n                  \"w-full border-0 bg-transparent py-1.5 pl-6 pr-0 text-sm text-white\",\n                  \"outline-none placeholder:text-[var(--oh-muted)]\",\n                  \"focus:outline-none focus:ring-0\",\n                  \"disabled:cursor-not-allowed disabled:opacity-60\",\n                )}\n              />\n            </div>\n          </div>\n\n          <Divider inset=\"menu\" />\n\n          <ul\n            className={cn(\n              \"max-h-[40vh] overflow-y-auto custom-scrollbar-always sm:max-h-[280px]\",\n              dropdownMenuListClassName,\n            )}\n          >\n            {isListLoading && repositories.length === 0 && (\n              <li\n                className=\"px-2 py-2 text-sm text-[var(--oh-muted)] italic\"\n                data-testid=\"cloud-repo-loading\"\n              >\n                {t(I18nKey.HOME$LOADING_REPOSITORIES)}\n              </li>\n            )}\n            {isError && (\n              <li\n                className=\"px-2 py-2 text-sm text-[#F87171]\"\n                data-testid=\"cloud-repo-error\"\n              >\n                {t(I18nKey.HOME$FAILED_TO_LOAD_REPOSITORIES)}\n              </li>\n            )}\n            {!isListLoading &&\n              !isError &&\n              repositories.length === 0 &&\n              !!selectedProvider && (\n                <li\n                  className=\"px-2 py-2 text-sm text-[var(--oh-muted)] italic\"\n                  data-testid=\"cloud-repo-empty\"\n                >\n                  {t(I18nKey.GITHUB$NO_RESULTS)}\n                </li>\n              )}\n            {repositories.map((repo) => (\n              <RepoListItem\n                key={`${repo.git_provider}:${repo.id}`}\n                repo={repo}\n                disabled={isCreating}\n                onSelect={launchRepository}\n                itemClass={itemClass}\n              />\n            ))}\n            {showLoadMore && (\n              <li>\n                <button\n                  type=\"button\"\n                  data-testid=\"cloud-repo-load-more\"\n                  disabled={isFetchingNextPage}\n                  onClick={() => fetchNextPage()}\n                  className={itemClass}\n                >\n                  <span className=\"text-[var(--oh-text-secondary)]\">\n                    {isFetchingNextPage\n                      ? t(I18nKey.HOME$LOADING_MORE_REPOSITORIES)\n                      : t(I18nKey.CONVERSATION$LOAD_MORE)}\n                  </span>\n                </button>\n              </li>\n            )}\n          </ul>\n        </div>\n      )}\n    </div>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"cloud-new-conversation-menu.js","names":[],"sources":["../../../../src/components/features/conversation-panel/cloud-new-conversation-menu.tsx"],"sourcesContent":["import React from \"react\";\nimport { useTranslation } from \"react-i18next\";\n\nimport { useCreateConversation } from \"#/hooks/mutation/use-create-conversation\";\nimport { useNavigation } from \"#/context/navigation-context\";\nimport { useIsCreatingConversation } from \"#/hooks/use-is-creating-conversation\";\nimport { useGitRepositories } from \"#/hooks/query/use-git-repositories\";\nimport { useSearchRepositories } from \"#/hooks/query/use-search-repositories\";\nimport { useUserProviders } from \"#/hooks/use-user-providers\";\nimport { useDebounce } from \"#/hooks/use-debounce\";\nimport { useHomeStore } from \"#/stores/home-store\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { cn } from \"#/utils/utils\";\nimport {\n  dropdownMenuRowClassName,\n  dropdownInstantColorClassName,\n  dropdownMenuListClassName,\n  dropdownMenuRowIconWrapperClassName,\n} from \"#/utils/dropdown-classes\";\nimport { GitRepository } from \"#/types/git\";\nimport { Provider } from \"#/types/settings\";\nimport RepoIcon from \"#/icons/repo.svg?react\";\nimport SearchIcon from \"#/icons/search.svg?react\";\nimport { GitProviderIcon } from \"#/components/shared/git-provider-icon\";\nimport { Divider } from \"#/ui/divider\";\nimport { NEW_CONVERSATION_DROPDOWN_SURFACE } from \"./new-conversation-dropdown-styles\";\nimport { usePopoverFixedPlacement } from \"#/hooks/use-popover-fixed-placement\";\n\nexport type CloudNewConversationMenuTriggerProps = {\n  onClick: () => void;\n  \"aria-expanded\": boolean;\n  \"aria-haspopup\": \"menu\";\n  disabled?: boolean;\n};\n\nexport interface CloudNewConversationMenuProps {\n  trigger: (props: CloudNewConversationMenuTriggerProps) => React.ReactNode;\n  className?: string;\n  popoverClassName: string;\n  popoverTestId?: string;\n  useFixedPlacement?: boolean;\n}\n\ninterface RepoListItemProps {\n  repo: GitRepository;\n  disabled: boolean;\n  onSelect: (repo: GitRepository) => void;\n  itemClass: string;\n}\n\nfunction RepoListItem({\n  repo,\n  disabled,\n  onSelect,\n  itemClass,\n}: RepoListItemProps) {\n  return (\n    <li>\n      <button\n        type=\"button\"\n        disabled={disabled}\n        data-testid=\"launch-repository\"\n        data-repo-name={repo.full_name}\n        onClick={() => onSelect(repo)}\n        className={itemClass}\n      >\n        <span className={dropdownMenuRowIconWrapperClassName} aria-hidden>\n          <RepoIcon width={14} height={14} />\n        </span>\n        <span className=\"truncate\">{repo.full_name}</span>\n      </button>\n    </li>\n  );\n}\n\n/**\n * Repository search + launch flow for cloud backends.\n * Shared by the sidebar \"+ New conversation\" control and the conversation\n * panel \"new thread folder\" opener.\n */\nexport function CloudNewConversationMenu({\n  trigger,\n  className,\n  popoverClassName,\n  popoverTestId = \"new-conversation-popover\",\n  useFixedPlacement = false,\n}: CloudNewConversationMenuProps) {\n  const { t } = useTranslation(\"openhands\");\n  const { navigate } = useNavigation();\n\n  const { providers } = useUserProviders();\n  const { lastSelectedProvider, setLastSelectedProvider } = useHomeStore();\n\n  const [open, setOpen] = React.useState(false);\n  const popoverRef = React.useRef<HTMLDivElement>(null);\n  const triggerWrapRef = React.useRef<HTMLSpanElement>(null);\n  const fixedBox = usePopoverFixedPlacement(triggerWrapRef, {\n    open,\n    enabled: useFixedPlacement,\n  });\n  const [selectedProvider, setSelectedProvider] =\n    React.useState<Provider | null>(lastSelectedProvider ?? null);\n  const [query, setQuery] = React.useState(\"\");\n  const debouncedQuery = useDebounce(query, 300);\n\n  React.useEffect(() => {\n    if (providers.length === 0) {\n      if (selectedProvider !== null) setSelectedProvider(null);\n      return;\n    }\n    if (selectedProvider && providers.includes(selectedProvider)) return;\n    const fallback =\n      lastSelectedProvider && providers.includes(lastSelectedProvider)\n        ? lastSelectedProvider\n        : providers[0];\n    setSelectedProvider(fallback);\n  }, [providers, selectedProvider, lastSelectedProvider]);\n\n  const {\n    data: repoPages,\n    isLoading,\n    isError,\n    hasNextPage,\n    isFetchingNextPage,\n    fetchNextPage,\n  } = useGitRepositories({ provider: selectedProvider });\n\n  const { data: searchResults, isLoading: isSearchLoading } =\n    useSearchRepositories(debouncedQuery, selectedProvider);\n\n  const allRepositories = React.useMemo(\n    () => repoPages?.pages.flatMap((page) => page.items) ?? [],\n    [repoPages],\n  );\n\n  const repositories = debouncedQuery ? (searchResults ?? []) : allRepositories;\n\n  const { mutate: createConversation, isPending } = useCreateConversation();\n  const isCreatingElsewhere = useIsCreatingConversation();\n  const isCreating = isPending || isCreatingElsewhere;\n\n  React.useEffect(() => {\n    if (!open) return undefined;\n    const onDown = (e: MouseEvent) => {\n      if (\n        popoverRef.current &&\n        !popoverRef.current.contains(e.target as Node)\n      ) {\n        setOpen(false);\n      }\n    };\n    document.addEventListener(\"mousedown\", onDown);\n    return () => document.removeEventListener(\"mousedown\", onDown);\n  }, [open]);\n\n  React.useEffect(() => {\n    if (!open) return undefined;\n    const onKeyDown = (event: KeyboardEvent) => {\n      if (event.key === \"Escape\") setOpen(false);\n    };\n    window.addEventListener(\"keydown\", onKeyDown);\n    return () => window.removeEventListener(\"keydown\", onKeyDown);\n  }, [open]);\n\n  const launchRepository = (repo: GitRepository) => {\n    if (isCreating) return;\n    createConversation(\n      {\n        repository: {\n          name: repo.full_name,\n          gitProvider: repo.git_provider,\n          branch: repo.main_branch ?? \"main\",\n        },\n        entryPoint: \"sidebar_cloud_menu\",\n      },\n      {\n        onSuccess: (data) => {\n          setOpen(false);\n          navigate(`/conversations/${data.conversation_id}`);\n        },\n      },\n    );\n  };\n\n  const handleProviderChange = (provider: Provider) => {\n    setSelectedProvider(provider);\n    setLastSelectedProvider(provider);\n    setQuery(\"\");\n  };\n\n  const itemClass = dropdownMenuRowClassName;\n\n  React.useEffect(() => {\n    if (!open) return;\n    if (debouncedQuery) return;\n    if (!hasNextPage || isFetchingNextPage || isLoading) return;\n    if (repositories.length === 0 || repositories.length >= 10) return;\n    fetchNextPage();\n  }, [\n    open,\n    debouncedQuery,\n    hasNextPage,\n    isFetchingNextPage,\n    isLoading,\n    repositories.length,\n    fetchNextPage,\n  ]);\n\n  const isListLoading = debouncedQuery ? isSearchLoading : isLoading;\n  const showLoadMore =\n    !debouncedQuery && hasNextPage && repositories.length > 0;\n\n  const toggleOpen = React.useCallback(() => {\n    setOpen((o) => !o);\n  }, []);\n\n  const showPopover = open && (!useFixedPlacement || fixedBox !== null);\n\n  const fixedStyle: React.CSSProperties | undefined =\n    useFixedPlacement && fixedBox\n      ? {\n          position: \"fixed\",\n          top: fixedBox.top,\n          left: fixedBox.left,\n          width: fixedBox.width,\n        }\n      : undefined;\n\n  return (\n    <div\n      className={cn(!useFixedPlacement && \"relative\", className)}\n      ref={popoverRef}\n    >\n      <span ref={triggerWrapRef} className=\"inline-flex\">\n        {trigger({\n          onClick: toggleOpen,\n          \"aria-expanded\": open,\n          \"aria-haspopup\": \"menu\",\n          disabled: isCreating,\n        })}\n      </span>\n\n      {showPopover && (\n        <div\n          data-testid={popoverTestId}\n          className={cn(\n            NEW_CONVERSATION_DROPDOWN_SURFACE,\n            !useFixedPlacement &&\n              cn(\"absolute top-full mt-0\", popoverClassName),\n          )}\n          style={fixedStyle}\n        >\n          {providers.length > 1 && (\n            <div\n              className=\"flex items-center gap-1 px-1 py-1\"\n              data-testid=\"cloud-provider-tabs\"\n            >\n              {providers.map((provider) => {\n                const isActive = provider === selectedProvider;\n                return (\n                  <button\n                    key={provider}\n                    type=\"button\"\n                    data-testid={`cloud-provider-tab-${provider}`}\n                    onClick={() => handleProviderChange(provider)}\n                    className={cn(\n                      \"flex items-center gap-1 rounded border px-2 py-1 text-xs\",\n                      dropdownInstantColorClassName,\n                      isActive\n                        ? \"border-[var(--oh-border-subtle)] bg-[var(--oh-interactive-hover)] text-white\"\n                        : \"border-transparent text-[var(--oh-text-secondary)] hover:text-white\",\n                    )}\n                  >\n                    <GitProviderIcon gitProvider={provider} />\n                    <span className=\"capitalize\">{provider}</span>\n                  </button>\n                );\n              })}\n            </div>\n          )}\n\n          <div className=\"px-2\">\n            <div className=\"relative\">\n              <SearchIcon\n                width={16}\n                height={16}\n                aria-hidden\n                className=\"pointer-events-none absolute left-0 top-1/2 -translate-y-1/2 text-[var(--oh-muted)]\"\n              />\n              <input\n                type=\"text\"\n                data-testid=\"cloud-repo-search-input\"\n                value={query}\n                onChange={(e) => setQuery(e.target.value)}\n                placeholder={t(I18nKey.COMMON$SEARCH_REPOSITORIES)}\n                disabled={!selectedProvider}\n                className={cn(\n                  \"w-full border-0 bg-transparent py-1.5 pl-6 pr-0 text-sm text-white\",\n                  \"outline-none placeholder:text-[var(--oh-muted)]\",\n                  \"focus:outline-none focus:ring-0\",\n                  \"disabled:cursor-not-allowed disabled:opacity-60\",\n                )}\n              />\n            </div>\n          </div>\n\n          <Divider inset=\"menu\" />\n\n          <ul\n            className={cn(\n              \"max-h-[40vh] overflow-y-auto custom-scrollbar-always sm:max-h-[280px]\",\n              dropdownMenuListClassName,\n            )}\n          >\n            {isListLoading && repositories.length === 0 && (\n              <li\n                className=\"px-2 py-2 text-sm text-[var(--oh-muted)] italic\"\n                data-testid=\"cloud-repo-loading\"\n              >\n                {t(I18nKey.HOME$LOADING_REPOSITORIES)}\n              </li>\n            )}\n            {isError && (\n              <li\n                className=\"px-2 py-2 text-sm text-[#F87171]\"\n                data-testid=\"cloud-repo-error\"\n              >\n                {t(I18nKey.HOME$FAILED_TO_LOAD_REPOSITORIES)}\n              </li>\n            )}\n            {!isListLoading &&\n              !isError &&\n              repositories.length === 0 &&\n              !!selectedProvider && (\n                <li\n                  className=\"px-2 py-2 text-sm text-[var(--oh-muted)] italic\"\n                  data-testid=\"cloud-repo-empty\"\n                >\n                  {t(I18nKey.GITHUB$NO_RESULTS)}\n                </li>\n              )}\n            {repositories.map((repo) => (\n              <RepoListItem\n                key={`${repo.git_provider}:${repo.id}`}\n                repo={repo}\n                disabled={isCreating}\n                onSelect={launchRepository}\n                itemClass={itemClass}\n              />\n            ))}\n            {showLoadMore && (\n              <li>\n                <button\n                  type=\"button\"\n                  data-testid=\"cloud-repo-load-more\"\n                  disabled={isFetchingNextPage}\n                  onClick={() => fetchNextPage()}\n                  className={itemClass}\n                >\n                  <span className=\"text-[var(--oh-text-secondary)]\">\n                    {isFetchingNextPage\n                      ? t(I18nKey.HOME$LOADING_MORE_REPOSITORIES)\n                      : t(I18nKey.CONVERSATION$LOAD_MORE)}\n                  </span>\n                </button>\n              </li>\n            )}\n          </ul>\n        </div>\n      )}\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/components/features/conversation-panel/conversation-card/conversation-card-footer.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"conversation-card-footer.cjs","names":[],"sources":["../../../../../src/components/features/conversation-panel/conversation-card/conversation-card-footer.tsx"],"sourcesContent":["import { useTranslation } from \"react-i18next\";\nimport { formatTimeDelta } from \"#/utils/format-time-delta\";\nimport { cn } from \"#/utils/utils\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { RepositorySelection } from \"#/api/open-hands.types\";\nimport { ExecutionStatus } from \"#/types/agent-server/core/base/common\";\nimport { isExecutionPaused } from \"#/utils/status\";\nimport {\n  getAcpProviderDisplayName,\n  labelForAcpModel,\n  resolveAcpProviderIcon,\n} from \"#/constants/acp-providers\";\nimport { formatNativeModelName } from \"#/utils/format-model-name\";\nimport {\n  AgentBrandIcon,\n  type AgentBrandIconKind,\n} from \"#/components/shared/agent-brand-icon\";\nimport { ConversationRepoLink } from \"./conversation-repo-link\";\nimport { NoRepository } from \"./no-repository\";\n\ninterface ConversationCardFooterProps {\n  selectedRepository: RepositorySelection | null;\n  lastUpdatedAt: string;\n  createdAt?: string;\n  executionStatus?: ExecutionStatus | null;\n  workspaceWorkingDir?: string | null;\n  showRepositoryMetadata?: boolean;\n  showTimestamp?: boolean;\n  llmModel?: string | null;\n  /**\n   * Whether to render the agent/model chip. Wired to the conversation\n   * panel's \"LLM model\" toggle (off by default); gates the chip uniformly\n   * for both ACP and OpenHands cards.\n   */\n  showAgentChip?: boolean;\n  /**\n   * High-level kind of the conversation's agent. Drives the chip's icon:\n   * the OpenHands logo for native conversations and the resolved ACP brand\n   * mark for ACP conversations. Defensive against stray ``acpServer``\n   * values reaching an OpenHands card.\n   */\n  agentKind?: \"openhands\" | \"acp\" | null;\n  /**\n   * Registry key of the ACP CLI server (``\"claude-code\"`` / ``\"codex\"`` /\n   * ``\"gemini-cli\"`` / unknown / null). Resolved to a human display name\n   * via {@link getAcpProviderDisplayName}; unknown / null falls back to\n   * a generic \"ACP\" label so a Custom-command preset still produces a\n   * useful chip.\n   */\n  acpServer?: string | null;\n}\n\nexport function ConversationCardFooter({\n  selectedRepository,\n  lastUpdatedAt,\n  createdAt,\n  executionStatus,\n  workspaceWorkingDir,\n  showRepositoryMetadata = true,\n  showTimestamp = true,\n  llmModel,\n  showAgentChip = false,\n  agentKind = null,\n  acpServer = null,\n}: ConversationCardFooterProps) {\n  const { t } = useTranslation(\"openhands\");\n\n  const isPaused = isExecutionPaused(executionStatus);\n\n  // Single inline chip per conversation: [brand mark] {model text}. Gated by\n  // the conversation panel's \"LLM model\" toggle (off by default) and applied\n  // uniformly to both kinds — OpenHands shows the logo + ``agent.llm.model``;\n  // ACP shows the provider brand mark + model resolved through PR 730's\n  // adapter chain, falling back to the provider display name when no model is\n  // available so the chip never collapses to icon-only.\n  let chip: {\n    kind: AgentBrandIconKind;\n    text: string;\n    tooltip: string;\n  } | null = null;\n  if (showAgentChip) {\n    if (agentKind === \"acp\") {\n      const providerName =\n        getAcpProviderDisplayName(acpServer) ??\n        t(I18nKey.CONVERSATION$ACP_AGENT_GENERIC);\n      // Prefer the provider's picker label (e.g. \"Claude Opus 4.7\") over the\n      // raw ``acp_model`` ID; falls back to the raw ID for custom overrides\n      // and to the provider name when there's no model at all.\n      const modelLabel = labelForAcpModel(acpServer, llmModel);\n      const text = modelLabel ?? providerName;\n      chip = {\n        kind: resolveAcpProviderIcon(acpServer),\n        text,\n        tooltip: modelLabel ? `${providerName} · ${modelLabel}` : providerName,\n      };\n    } else if (llmModel) {\n      // Strip the routing prefix (e.g. \"anthropic/claude-…\" → \"claude-…\") for\n      // the chip text; keep the full routing string in the tooltip.\n      chip = {\n        kind: \"openhands\",\n        text: formatNativeModelName(llmModel) ?? llmModel,\n        tooltip: llmModel,\n      };\n    }\n  }\n\n  // Match title text start: 18px status column + gap-2 (8px).\n  const metadataIndentClass =\n    executionStatus !== undefined ? \"pl-[26px]\" : undefined;\n\n  return (\n    <div\n      className={cn(\n        \"flex flex-col gap-0.5 mt-0.5 w-full min-w-0\",\n        isPaused && \"opacity-60\",\n      )}\n    >\n      {chip ? (\n        <div className={metadataIndentClass}>\n          <span\n            data-testid=\"conversation-card-agent-chip\"\n            className=\"inline-flex items-center gap-1 text-xs text-[var(--oh-muted)] max-w-full min-w-0\"\n            title={chip.tooltip}\n          >\n            <AgentBrandIcon kind={chip.kind} />\n            <span className=\"truncate\">{chip.text}</span>\n          </span>\n        </div>\n      ) : null}\n      <div\n        className={cn(\n          \"flex flex-row items-center gap-2 w-full min-w-0\",\n          showRepositoryMetadata && metadataIndentClass,\n        )}\n      >\n        {showRepositoryMetadata &&\n          (selectedRepository?.selected_repository ? (\n            <ConversationRepoLink selectedRepository={selectedRepository} />\n          ) : (\n            <NoRepository workspaceWorkingDir={workspaceWorkingDir} />\n          ))}\n        <div className=\"flex items-center gap-2 shrink-0 ml-auto\">\n          {showTimestamp && (createdAt ?? lastUpdatedAt) && (\n            <p className=\"text-xs text-[var(--oh-muted)] text-right\">\n              <time>\n                {`${formatTimeDelta(lastUpdatedAt ?? createdAt)} ${t(I18nKey.CONVERSATION$AGO)}`}\n              </time>\n            </p>\n          )}\n        </div>\n      </div>\n    </div>\n  );\n}\n"],"mappings":"2kBAoDA,SAAgB,EAAuB,CACrC,qBACA,gBACA,YACA,kBACA,sBACA,yBAAyB,GACzB,gBAAgB,GAChB,WACA,gBAAgB,GAChB,YAAY,KACZ,YAAY,MACkB,CAC9B,GAAM,CAAE,KAAM,EAAA,eAAe,YAAY,CAEnC,EAAW,EAAA,kBAAkB,EAAgB,CAQ/C,EAIO,KACX,GAAI,KACE,IAAc,MAAO,CACvB,IAAM,EACJ,EAAA,0BAA0B,EAAU,EACpC,EAAE,EAAA,QAAQ,+BAA+B,CAIrC,EAAa,EAAA,iBAAiB,EAAW,EAAS,CAClD,EAAO,GAAc,EAC3B,EAAO,CACL,KAAM,EAAA,uBAAuB,EAAU,CACvC,OACA,QAAS,EAAa,GAAG,EAAa,KAAK,IAAe,EAC3D,MACQ,IAGT,EAAO,CACL,KAAM,YACN,KAAM,EAAA,sBAAsB,EAAS,EAAI,EACzC,QAAS,EACV,EAKL,IAAM,EACJ,IAAoB,IAAA,GAA0B,IAAA,GAAd,YAElC,OACE,EAAA,EAAA,MAAC,MAAD,CACE,UAAW,EAAA,GACT,8CACA,GAAY,aACb,UAJH,CAMG,GACC,EAAA,EAAA,KAAC,MAAD,CAAK,UAAW,YACd,EAAA,EAAA,MAAC,OAAD,CACE,cAAY,+BACZ,UAAU,mFACV,MAAO,EAAK,iBAHd,EAKE,EAAA,EAAA,KAAC,EAAA,eAAD,CAAgB,KAAM,EAAK,KAAQ,CAAA,EACnC,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,oBAAY,EAAK,KAAY,CAAA,CACxC,GACH,CAAA,CACJ,MACJ,EAAA,EAAA,MAAC,MAAD,CACE,UAAW,EAAA,GACT,kDACA,GAA0B,EAC3B,UAJH,CAMG,IACE,GAAoB,qBACnB,EAAA,EAAA,KAAC,EAAA,qBAAD,CAA0C,qBAAsB,CAAA,EAEhE,EAAA,EAAA,KAAC,EAAA,aAAD,CAAmC,sBAAuB,CAAA,GAE9D,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,oDACZ,IAAkB,GAAa,KAC9B,EAAA,EAAA,KAAC,IAAD,CAAG,UAAU,sDACX,EAAA,EAAA,KAAC,OAAD,CAAA,SACG,GAAG,EAAA,gBAAgB,GAAiB,EAAU,CAAC,GAAG,EAAE,EAAA,QAAQ,iBAAiB,GACzE,CAAA,CACL,CAAA,CAEF,CAAA,CACF,GACF"}
+{"version":3,"file":"conversation-card-footer.cjs","names":[],"sources":["../../../../../src/components/features/conversation-panel/conversation-card/conversation-card-footer.tsx"],"sourcesContent":["import { useTranslation } from \"react-i18next\";\nimport { formatTimeDelta } from \"#/utils/format-time-delta\";\nimport { cn } from \"#/utils/utils\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { RepositorySelection } from \"#/api/open-hands.types\";\nimport { ExecutionStatus } from \"#/types/agent-server/core/base/common\";\nimport { isExecutionPaused } from \"#/utils/status\";\nimport {\n  getAcpProviderDisplayName,\n  labelForAcpModel,\n  resolveAcpProviderIcon,\n} from \"#/constants/acp-providers\";\nimport { formatNativeModelName } from \"#/utils/format-model-name\";\nimport {\n  AgentBrandIcon,\n  type AgentBrandIconKind,\n} from \"#/components/shared/agent-brand-icon\";\nimport { ConversationRepoLink } from \"./conversation-repo-link\";\nimport { NoRepository } from \"./no-repository\";\n\ninterface ConversationCardFooterProps {\n  selectedRepository: RepositorySelection | null;\n  lastUpdatedAt: string;\n  createdAt?: string;\n  executionStatus?: ExecutionStatus | null;\n  workspaceWorkingDir?: string | null;\n  showRepositoryMetadata?: boolean;\n  showTimestamp?: boolean;\n  llmModel?: string | null;\n  /**\n   * Whether to render the agent/model chip. Wired to the conversation\n   * panel's \"LLM model\" toggle; gates the chip uniformly\n   * for both ACP and OpenHands cards.\n   */\n  showAgentChip?: boolean;\n  /**\n   * High-level kind of the conversation's agent. Drives the chip's icon:\n   * the OpenHands logo for native conversations and the resolved ACP brand\n   * mark for ACP conversations. Defensive against stray ``acpServer``\n   * values reaching an OpenHands card.\n   */\n  agentKind?: \"openhands\" | \"acp\" | null;\n  /**\n   * Registry key of the ACP CLI server (``\"claude-code\"`` / ``\"codex\"`` /\n   * ``\"gemini-cli\"`` / unknown / null). Resolved to a human display name\n   * via {@link getAcpProviderDisplayName}; unknown / null falls back to\n   * a generic \"ACP\" label so a Custom-command preset still produces a\n   * useful chip.\n   */\n  acpServer?: string | null;\n}\n\nexport function ConversationCardFooter({\n  selectedRepository,\n  lastUpdatedAt,\n  createdAt,\n  executionStatus,\n  workspaceWorkingDir,\n  showRepositoryMetadata = true,\n  showTimestamp = true,\n  llmModel,\n  showAgentChip = false,\n  agentKind = null,\n  acpServer = null,\n}: ConversationCardFooterProps) {\n  const { t } = useTranslation(\"openhands\");\n\n  const isPaused = isExecutionPaused(executionStatus);\n\n  // Single inline chip per conversation: [brand mark] {model text}. Gated by\n  // the conversation panel's \"LLM model\" toggle and applied\n  // uniformly to both kinds — OpenHands shows the logo + ``agent.llm.model``;\n  // ACP shows the provider brand mark + model resolved through PR 730's\n  // adapter chain, falling back to the provider display name when no model is\n  // available so the chip never collapses to icon-only.\n  let chip: {\n    kind: AgentBrandIconKind;\n    text: string;\n    tooltip: string;\n  } | null = null;\n  if (showAgentChip) {\n    if (agentKind === \"acp\") {\n      const providerName =\n        getAcpProviderDisplayName(acpServer) ??\n        t(I18nKey.CONVERSATION$ACP_AGENT_GENERIC);\n      // Prefer the provider's picker label (e.g. \"Claude Opus 4.7\") over the\n      // raw ``acp_model`` ID; falls back to the raw ID for custom overrides\n      // and to the provider name when there's no model at all.\n      const modelLabel = labelForAcpModel(acpServer, llmModel);\n      const text = modelLabel ?? providerName;\n      chip = {\n        kind: resolveAcpProviderIcon(acpServer),\n        text,\n        tooltip: modelLabel ? `${providerName} · ${modelLabel}` : providerName,\n      };\n    } else if (llmModel) {\n      // Strip the routing prefix (e.g. \"anthropic/claude-…\" → \"claude-…\") for\n      // the chip text; keep the full routing string in the tooltip.\n      chip = {\n        kind: \"openhands\",\n        text: formatNativeModelName(llmModel) ?? llmModel,\n        tooltip: llmModel,\n      };\n    }\n  }\n\n  // Match title text start: 18px status column + gap-2 (8px).\n  const metadataIndentClass =\n    executionStatus !== undefined ? \"pl-[26px]\" : undefined;\n\n  return (\n    <div\n      className={cn(\n        \"flex flex-col gap-0.5 mt-0.5 w-full min-w-0\",\n        isPaused && \"opacity-60\",\n      )}\n    >\n      {chip ? (\n        <div className={metadataIndentClass}>\n          <span\n            data-testid=\"conversation-card-agent-chip\"\n            className=\"inline-flex items-center gap-1 text-xs text-[var(--oh-muted)] max-w-full min-w-0\"\n            title={chip.tooltip}\n          >\n            <AgentBrandIcon kind={chip.kind} />\n            <span className=\"truncate\">{chip.text}</span>\n          </span>\n        </div>\n      ) : null}\n      <div\n        className={cn(\n          \"flex flex-row items-center gap-2 w-full min-w-0\",\n          showRepositoryMetadata && metadataIndentClass,\n        )}\n      >\n        {showRepositoryMetadata &&\n          (selectedRepository?.selected_repository ? (\n            <ConversationRepoLink selectedRepository={selectedRepository} />\n          ) : (\n            <NoRepository workspaceWorkingDir={workspaceWorkingDir} />\n          ))}\n        <div className=\"flex items-center gap-2 shrink-0 ml-auto\">\n          {showTimestamp && (createdAt ?? lastUpdatedAt) && (\n            <p className=\"text-xs text-[var(--oh-muted)] text-right\">\n              <time>\n                {`${formatTimeDelta(lastUpdatedAt ?? createdAt)} ${t(I18nKey.CONVERSATION$AGO)}`}\n              </time>\n            </p>\n          )}\n        </div>\n      </div>\n    </div>\n  );\n}\n"],"mappings":"2kBAoDA,SAAgB,EAAuB,CACrC,qBACA,gBACA,YACA,kBACA,sBACA,yBAAyB,GACzB,gBAAgB,GAChB,WACA,gBAAgB,GAChB,YAAY,KACZ,YAAY,MACkB,CAC9B,GAAM,CAAE,KAAM,EAAA,eAAe,YAAY,CAEnC,EAAW,EAAA,kBAAkB,EAAgB,CAQ/C,EAIO,KACX,GAAI,KACE,IAAc,MAAO,CACvB,IAAM,EACJ,EAAA,0BAA0B,EAAU,EACpC,EAAE,EAAA,QAAQ,+BAA+B,CAIrC,EAAa,EAAA,iBAAiB,EAAW,EAAS,CAClD,EAAO,GAAc,EAC3B,EAAO,CACL,KAAM,EAAA,uBAAuB,EAAU,CACvC,OACA,QAAS,EAAa,GAAG,EAAa,KAAK,IAAe,EAC3D,MACQ,IAGT,EAAO,CACL,KAAM,YACN,KAAM,EAAA,sBAAsB,EAAS,EAAI,EACzC,QAAS,EACV,EAKL,IAAM,EACJ,IAAoB,IAAA,GAA0B,IAAA,GAAd,YAElC,OACE,EAAA,EAAA,MAAC,MAAD,CACE,UAAW,EAAA,GACT,8CACA,GAAY,aACb,UAJH,CAMG,GACC,EAAA,EAAA,KAAC,MAAD,CAAK,UAAW,YACd,EAAA,EAAA,MAAC,OAAD,CACE,cAAY,+BACZ,UAAU,mFACV,MAAO,EAAK,iBAHd,EAKE,EAAA,EAAA,KAAC,EAAA,eAAD,CAAgB,KAAM,EAAK,KAAQ,CAAA,EACnC,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,oBAAY,EAAK,KAAY,CAAA,CACxC,GACH,CAAA,CACJ,MACJ,EAAA,EAAA,MAAC,MAAD,CACE,UAAW,EAAA,GACT,kDACA,GAA0B,EAC3B,UAJH,CAMG,IACE,GAAoB,qBACnB,EAAA,EAAA,KAAC,EAAA,qBAAD,CAA0C,qBAAsB,CAAA,EAEhE,EAAA,EAAA,KAAC,EAAA,aAAD,CAAmC,sBAAuB,CAAA,GAE9D,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,oDACZ,IAAkB,GAAa,KAC9B,EAAA,EAAA,KAAC,IAAD,CAAG,UAAU,sDACX,EAAA,EAAA,KAAC,OAAD,CAAA,SACG,GAAG,EAAA,gBAAgB,GAAiB,EAAU,CAAC,GAAG,EAAE,EAAA,QAAQ,iBAAiB,GACzE,CAAA,CACL,CAAA,CAEF,CAAA,CACF,GACF"}

package/dist/components/features/conversation-panel/conversation-card/conversation-card-footer.d.ts

@@ -11,7 +11,7 @@ interface ConversationCardFooterProps {
     llmModel?: string | null;
     /**
      * Whether to render the agent/model chip. Wired to the conversation
-     * panel's "LLM model" toggle (off by default); gates the chip uniformly
+     * panel's "LLM model" toggle; gates the chip uniformly
      * for both ACP and OpenHands cards.
      */
     showAgentChip?: boolean;