@openhands/agent-canvas 1.13.0 → 1.15.0

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

@@ -13,75 +13,84 @@ import m from "../../../icons/debug-stackframe-dot.js";
 import { useUnifiedResumeConversation as h } from "../../../hooks/mutation/use-unified-start-conversation.js";
 import { ServerStatusContextMenu as g } from "../controls/server-status-context-menu.js";
 import { ConversationName as _ } from "./conversation-name.js";
-import { RightPanelToggle as v } from "./right-panel-toggle.js";
-import y from "react";
-import { jsx as b, jsxs as x } from "react/jsx-runtime";
+import { ConversationGitActionsToggle as v } from "./conversation-git-actions-toggle.js";
+import { ConversationOverviewToggle as y } from "./conversation-overview-toggle.js";
+import { RightPanelToggle as b } from "./right-panel-toggle.js";
+import x from "react";
+import { jsx as S, jsxs as C } from "react/jsx-runtime";
 //#region src/components/features/conversation/conversation-name-with-status.tsx
-function S() {
-	let { t: S } = e("openhands"), { conversationId: C } = c(), { data: w } = l(), { curAgentState: T } = u(), { isTask: E, taskStatus: D } = d(), { mutate: O } = f(), { mutate: k } = h(), { providers: A } = p(), [j, M] = y.useState(!1), [N, P] = y.useState(!1), F = y.useRef(null), I = w?.execution_status ?? null, L = s({
+function w() {
+	let { t: w } = e("openhands"), { conversationId: T } = c(), { data: E } = l(), { curAgentState: D } = u(), { isTask: O, taskStatus: k } = d(), { mutate: A } = f(), { mutate: j } = h(), { providers: M } = p(), [N, P] = x.useState(!1), [F, I] = x.useState(!1), L = x.useRef(null), R = E?.execution_status ?? null, z = s({
 		isPausing: !1,
-		isTask: E,
-		taskStatus: D,
-		isStartingStatus: T === n.LOADING || T === n.INIT,
-		isStopStatus: i(I),
-		curAgentState: T
-	}), R = j || N, z = () => {
-		M(!1), P(!1);
+		isTask: O,
+		taskStatus: k,
+		isStartingStatus: D === n.LOADING || D === n.INIT,
+		isStopStatus: i(R),
+		curAgentState: D
+	}), B = N || F, V = () => {
+		P(!1), I(!1);
 	};
-	return /* @__PURE__ */ x("div", {
+	return /* @__PURE__ */ C("div", {
 		className: "flex items-center justify-between w-full",
-		children: [/* @__PURE__ */ x("div", {
+		children: [/* @__PURE__ */ C("div", {
 			className: "flex items-center min-w-0",
-			children: [/* @__PURE__ */ x("div", {
+			children: [/* @__PURE__ */ C("div", {
 				className: "relative shrink-0",
 				onPointerEnter: (e) => {
-					e.pointerType === "mouse" && P(!0);
+					e.pointerType === "mouse" && I(!0);
 				},
 				onPointerLeave: (e) => {
-					e.pointerType === "mouse" && P(!1);
+					e.pointerType === "mouse" && I(!1);
 				},
-				children: [/* @__PURE__ */ b("button", {
-					ref: F,
+				children: [/* @__PURE__ */ S("button", {
+					ref: L,
 					type: "button",
 					"data-testid": "server-status-menu-trigger",
-					"aria-label": S(t.COMMON$SERVER_STATUS),
-					"aria-expanded": R,
+					"aria-label": w(t.COMMON$SERVER_STATUS),
+					"aria-expanded": B,
 					"aria-haspopup": "menu",
 					onClick: (e) => {
-						if (e.preventDefault(), e.stopPropagation(), R) {
-							z();
+						if (e.preventDefault(), e.stopPropagation(), B) {
+							V();
 							return;
 						}
-						M(!0);
+						P(!0);
 					},
 					className: o("flex items-center justify-center rounded-md", "text-[var(--oh-muted)] hover:bg-white/10"),
-					children: /* @__PURE__ */ b(m, {
+					children: /* @__PURE__ */ S(m, {
 						className: "ml-[3.5px] w-6 h-6 cursor-pointer",
-						color: L,
+						color: z,
 						"aria-hidden": !0
 					})
-				}), R ? /* @__PURE__ */ b(g, {
-					onClose: z,
-					ignoreOutsideClickRef: F,
-					onStopServer: r(I) ? (e) => {
-						e.preventDefault(), e.stopPropagation(), C && O({ conversationId: C }), z();
+				}), B ? /* @__PURE__ */ S(g, {
+					onClose: V,
+					ignoreOutsideClickRef: L,
+					onStopServer: r(R) ? (e) => {
+						e.preventDefault(), e.stopPropagation(), T && A({ conversationId: T }), V();
 					} : void 0,
-					onStartServer: a(I) ? (e) => {
-						e.preventDefault(), e.stopPropagation(), C && k({
-							conversationId: C,
-							providers: A
-						}), z();
+					onStartServer: a(R) ? (e) => {
+						e.preventDefault(), e.stopPropagation(), T && j({
+							conversationId: T,
+							providers: M
+						}), V();
 					} : void 0,
-					executionStatus: I,
+					executionStatus: R,
 					position: "bottom",
 					className: "bottom-full left-0 mt-0 min-h-fit",
 					isPausing: !1
 				}) : null]
-			}), /* @__PURE__ */ b(_, {})]
-		}), /* @__PURE__ */ b(v, { className: "mr-2" })]
+			}), /* @__PURE__ */ S(_, {})]
+		}), /* @__PURE__ */ C("div", {
+			className: "mr-2 flex shrink-0 items-center gap-1",
+			children: [
+				/* @__PURE__ */ S(v, {}),
+				/* @__PURE__ */ S(y, {}),
+				/* @__PURE__ */ S(b, {})
+			]
+		})]
 	});
 }
 //#endregion
-export { S as ConversationNameWithStatus };
+export { w as ConversationNameWithStatus };
 
 //# sourceMappingURL=conversation-name-with-status.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"conversation-name-with-status.js","names":[],"sources":["../../../../src/components/features/conversation/conversation-name-with-status.tsx"],"sourcesContent":["import React from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport { useAgentState } from \"#/hooks/use-agent-state\";\nimport { useTaskPolling } from \"#/hooks/query/use-task-polling\";\nimport { useActiveConversation } from \"#/hooks/query/use-active-conversation\";\nimport { useUnifiedPauseConversation } from \"#/hooks/mutation/use-unified-stop-conversation\";\nimport { useUnifiedResumeConversation } from \"#/hooks/mutation/use-unified-start-conversation\";\nimport { useConversationId } from \"#/hooks/use-conversation-id\";\nimport { useUserProviders } from \"#/hooks/use-user-providers\";\nimport { getStatusColor, cn } from \"#/utils/utils\";\nimport { AgentState } from \"#/types/agent-state\";\nimport DebugStackframeDot from \"#/icons/debug-stackframe-dot.svg?react\";\nimport { ServerStatusContextMenu } from \"../controls/server-status-context-menu\";\nimport { ConversationName } from \"./conversation-name\";\nimport { RightPanelToggle } from \"./right-panel-toggle\";\nimport {\n  isExecutionActive,\n  isExecutionErrored,\n  isExecutionPaused,\n} from \"#/utils/status\";\nimport { I18nKey } from \"#/i18n/declaration\";\n\nexport function ConversationNameWithStatus() {\n  const { t } = useTranslation(\"openhands\");\n  const { conversationId } = useConversationId();\n  const { data: conversation } = useActiveConversation();\n  const { curAgentState } = useAgentState();\n  const { isTask, taskStatus } = useTaskPolling();\n  const { mutate: pauseConversation } = useUnifiedPauseConversation();\n  const { mutate: resumeConversation } = useUnifiedResumeConversation();\n  const { providers } = useUserProviders();\n  const [menuOpen, setMenuOpen] = React.useState(false);\n  const [hoveredOpen, setHoveredOpen] = React.useState(false);\n  const triggerRef = React.useRef<HTMLButtonElement>(null);\n\n  const executionStatus = conversation?.execution_status ?? null;\n  const isStartingStatus =\n    curAgentState === AgentState.LOADING || curAgentState === AgentState.INIT;\n  const isStopStatus = isExecutionErrored(executionStatus);\n\n  const statusColor = getStatusColor({\n    isPausing: false,\n    isTask,\n    taskStatus,\n    isStartingStatus,\n    isStopStatus,\n    curAgentState,\n  });\n\n  const isMenuVisible = menuOpen || hoveredOpen;\n\n  const closeMenu = () => {\n    setMenuOpen(false);\n    setHoveredOpen(false);\n  };\n\n  const handleStopServer = (event: React.MouseEvent<HTMLButtonElement>) => {\n    event.preventDefault();\n    event.stopPropagation();\n    if (conversationId) {\n      pauseConversation({ conversationId });\n    }\n    closeMenu();\n  };\n\n  const handleStartServer = (event: React.MouseEvent<HTMLButtonElement>) => {\n    event.preventDefault();\n    event.stopPropagation();\n    if (conversationId) {\n      resumeConversation({ conversationId, providers });\n    }\n    closeMenu();\n  };\n\n  const handleStatusClick = (event: React.MouseEvent<HTMLButtonElement>) => {\n    event.preventDefault();\n    event.stopPropagation();\n    // Click toggles for touch; on desktop it also dismisses a hover-opened menu\n    // instead of \"pinning\" it open under the cursor.\n    if (isMenuVisible) {\n      closeMenu();\n      return;\n    }\n    setMenuOpen(true);\n  };\n\n  return (\n    <div className=\"flex items-center justify-between w-full\">\n      <div className=\"flex items-center min-w-0\">\n        <div\n          className=\"relative shrink-0\"\n          onPointerEnter={(event) => {\n            // Gate on this event's pointer, not device-primary matchMedia — hybrid\n            // laptops can emit compatibility mouseenter for touchscreen taps.\n            if (event.pointerType === \"mouse\") {\n              setHoveredOpen(true);\n            }\n          }}\n          onPointerLeave={(event) => {\n            if (event.pointerType === \"mouse\") {\n              setHoveredOpen(false);\n            }\n          }}\n        >\n          <button\n            ref={triggerRef}\n            type=\"button\"\n            data-testid=\"server-status-menu-trigger\"\n            aria-label={t(I18nKey.COMMON$SERVER_STATUS)}\n            aria-expanded={isMenuVisible}\n            aria-haspopup=\"menu\"\n            onClick={handleStatusClick}\n            className={cn(\n              \"flex items-center justify-center rounded-md\",\n              \"text-[var(--oh-muted)] hover:bg-white/10\",\n            )}\n          >\n            <DebugStackframeDot\n              className=\"ml-[3.5px] w-6 h-6 cursor-pointer\"\n              color={statusColor}\n              aria-hidden\n            />\n          </button>\n          {isMenuVisible ? (\n            <ServerStatusContextMenu\n              onClose={closeMenu}\n              ignoreOutsideClickRef={triggerRef}\n              onStopServer={\n                isExecutionActive(executionStatus)\n                  ? handleStopServer\n                  : undefined\n              }\n              onStartServer={\n                isExecutionPaused(executionStatus)\n                  ? handleStartServer\n                  : undefined\n              }\n              executionStatus={executionStatus}\n              position=\"bottom\"\n              className=\"bottom-full left-0 mt-0 min-h-fit\"\n              isPausing={false}\n            />\n          ) : null}\n        </div>\n        <ConversationName />\n      </div>\n      <RightPanelToggle className=\"mr-2\" />\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAsBA,SAAgB,IAA6B;CAC3C,IAAM,EAAE,SAAM,EAAe,WAAW,GAClC,EAAE,sBAAmB,EAAkB,GACvC,EAAE,MAAM,MAAiB,EAAsB,GAC/C,EAAE,qBAAkB,EAAc,GAClC,EAAE,WAAQ,kBAAe,EAAe,GACxC,EAAE,QAAQ,MAAsB,EAA4B,GAC5D,EAAE,QAAQ,MAAuB,EAA6B,GAC9D,EAAE,iBAAc,EAAiB,GACjC,CAAC,GAAU,KAAe,EAAM,SAAS,EAAK,GAC9C,CAAC,GAAa,KAAkB,EAAM,SAAS,EAAK,GACpD,IAAa,EAAM,OAA0B,IAAI,GAEjD,IAAkB,GAAc,oBAAoB,MAKpD,IAAc,EAAe;EACjC,WAAW;EACX;EACA;EACA,kBAPA,MAAkB,EAAW,WAAW,MAAkB,EAAW;EAQrE,cAPmB,EAAmB,CAOtC;EACA;CACF,CAAC,GAEK,IAAgB,KAAY,GAE5B,UAAkB;EAEtB,AADA,EAAY,EAAK,GACjB,EAAe,EAAK;CACtB;CAgCA,OACE,kBAAC,OAAD;EAAK,WAAU;YAAf,CACE,kBAAC,OAAD;GAAK,WAAU;aAAf,CACE,kBAAC,OAAD;IACE,WAAU;IACV,iBAAiB,MAAU;KAGzB,AAAI,EAAM,gBAAgB,WACxB,EAAe,EAAI;IAEvB;IACA,iBAAiB,MAAU;KACzB,AAAI,EAAM,gBAAgB,WACxB,EAAe,EAAK;IAExB;cAbF,CAeE,kBAAC,UAAD;KACE,KAAK;KACL,MAAK;KACL,eAAY;KACZ,cAAY,EAAE,EAAQ,oBAAoB;KAC1C,iBAAe;KACf,iBAAc;KACd,UArCiB,MAA+C;MAKxE,IAJA,EAAM,eAAe,GACrB,EAAM,gBAAgB,GAGlB,GAAe;OACjB,EAAU;OACV;MACF;MACA,EAAY,EAAI;KAClB;KA4BU,WAAW,EACT,+CACA,0CACF;eAEA,kBAAC,GAAD;MACE,WAAU;MACV,OAAO;MACP,eAAA;KACD,CAAA;IACK,CAAA,GACP,IACC,kBAAC,GAAD;KACE,SAAS;KACT,uBAAuB;KACvB,cACE,EAAkB,CAAe,KAxErB,MAA+C;MAMvE,AALA,EAAM,eAAe,GACrB,EAAM,gBAAgB,GAClB,KACF,EAAkB,EAAE,kBAAe,CAAC,GAEtC,EAAU;KACZ,IAmEkB,KAAA;KAEN,eACE,EAAkB,CAAe,KApEpB,MAA+C;MAMxE,AALA,EAAM,eAAe,GACrB,EAAM,gBAAgB,GAClB,KACF,EAAmB;OAAE;OAAgB;MAAU,CAAC,GAElD,EAAU;KACZ,IA+DkB,KAAA;KAEW;KACjB,UAAS;KACT,WAAU;KACV,WAAW;IACZ,CAAA,IACC,IACD;OACL,kBAAC,GAAD,CAAmB,CAAA,CAChB;MACL,kBAAC,GAAD,EAAkB,WAAU,OAAQ,CAAA,CACjC;;AAET"}
+{"version":3,"file":"conversation-name-with-status.js","names":[],"sources":["../../../../src/components/features/conversation/conversation-name-with-status.tsx"],"sourcesContent":["import React from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport { useAgentState } from \"#/hooks/use-agent-state\";\nimport { useTaskPolling } from \"#/hooks/query/use-task-polling\";\nimport { useActiveConversation } from \"#/hooks/query/use-active-conversation\";\nimport { useUnifiedPauseConversation } from \"#/hooks/mutation/use-unified-stop-conversation\";\nimport { useUnifiedResumeConversation } from \"#/hooks/mutation/use-unified-start-conversation\";\nimport { useConversationId } from \"#/hooks/use-conversation-id\";\nimport { useUserProviders } from \"#/hooks/use-user-providers\";\nimport { getStatusColor, cn } from \"#/utils/utils\";\nimport { AgentState } from \"#/types/agent-state\";\nimport DebugStackframeDot from \"#/icons/debug-stackframe-dot.svg?react\";\nimport { ServerStatusContextMenu } from \"../controls/server-status-context-menu\";\nimport { ConversationName } from \"./conversation-name\";\nimport { ConversationGitActionsToggle } from \"./conversation-git-actions-toggle\";\nimport { ConversationOverviewToggle } from \"./conversation-overview-toggle\";\nimport { RightPanelToggle } from \"./right-panel-toggle\";\nimport {\n  isExecutionActive,\n  isExecutionErrored,\n  isExecutionPaused,\n} from \"#/utils/status\";\nimport { I18nKey } from \"#/i18n/declaration\";\n\nexport function ConversationNameWithStatus() {\n  const { t } = useTranslation(\"openhands\");\n  const { conversationId } = useConversationId();\n  const { data: conversation } = useActiveConversation();\n  const { curAgentState } = useAgentState();\n  const { isTask, taskStatus } = useTaskPolling();\n  const { mutate: pauseConversation } = useUnifiedPauseConversation();\n  const { mutate: resumeConversation } = useUnifiedResumeConversation();\n  const { providers } = useUserProviders();\n  const [menuOpen, setMenuOpen] = React.useState(false);\n  const [hoveredOpen, setHoveredOpen] = React.useState(false);\n  const triggerRef = React.useRef<HTMLButtonElement>(null);\n\n  const executionStatus = conversation?.execution_status ?? null;\n  const isStartingStatus =\n    curAgentState === AgentState.LOADING || curAgentState === AgentState.INIT;\n  const isStopStatus = isExecutionErrored(executionStatus);\n\n  const statusColor = getStatusColor({\n    isPausing: false,\n    isTask,\n    taskStatus,\n    isStartingStatus,\n    isStopStatus,\n    curAgentState,\n  });\n\n  const isMenuVisible = menuOpen || hoveredOpen;\n\n  const closeMenu = () => {\n    setMenuOpen(false);\n    setHoveredOpen(false);\n  };\n\n  const handleStopServer = (event: React.MouseEvent<HTMLButtonElement>) => {\n    event.preventDefault();\n    event.stopPropagation();\n    if (conversationId) {\n      pauseConversation({ conversationId });\n    }\n    closeMenu();\n  };\n\n  const handleStartServer = (event: React.MouseEvent<HTMLButtonElement>) => {\n    event.preventDefault();\n    event.stopPropagation();\n    if (conversationId) {\n      resumeConversation({ conversationId, providers });\n    }\n    closeMenu();\n  };\n\n  const handleStatusClick = (event: React.MouseEvent<HTMLButtonElement>) => {\n    event.preventDefault();\n    event.stopPropagation();\n    // Click toggles for touch; on desktop it also dismisses a hover-opened menu\n    // instead of \"pinning\" it open under the cursor.\n    if (isMenuVisible) {\n      closeMenu();\n      return;\n    }\n    setMenuOpen(true);\n  };\n\n  return (\n    <div className=\"flex items-center justify-between w-full\">\n      <div className=\"flex items-center min-w-0\">\n        <div\n          className=\"relative shrink-0\"\n          onPointerEnter={(event) => {\n            // Gate on this event's pointer, not device-primary matchMedia — hybrid\n            // laptops can emit compatibility mouseenter for touchscreen taps.\n            if (event.pointerType === \"mouse\") {\n              setHoveredOpen(true);\n            }\n          }}\n          onPointerLeave={(event) => {\n            if (event.pointerType === \"mouse\") {\n              setHoveredOpen(false);\n            }\n          }}\n        >\n          <button\n            ref={triggerRef}\n            type=\"button\"\n            data-testid=\"server-status-menu-trigger\"\n            aria-label={t(I18nKey.COMMON$SERVER_STATUS)}\n            aria-expanded={isMenuVisible}\n            aria-haspopup=\"menu\"\n            onClick={handleStatusClick}\n            className={cn(\n              \"flex items-center justify-center rounded-md\",\n              \"text-[var(--oh-muted)] hover:bg-white/10\",\n            )}\n          >\n            <DebugStackframeDot\n              className=\"ml-[3.5px] w-6 h-6 cursor-pointer\"\n              color={statusColor}\n              aria-hidden\n            />\n          </button>\n          {isMenuVisible ? (\n            <ServerStatusContextMenu\n              onClose={closeMenu}\n              ignoreOutsideClickRef={triggerRef}\n              onStopServer={\n                isExecutionActive(executionStatus)\n                  ? handleStopServer\n                  : undefined\n              }\n              onStartServer={\n                isExecutionPaused(executionStatus)\n                  ? handleStartServer\n                  : undefined\n              }\n              executionStatus={executionStatus}\n              position=\"bottom\"\n              className=\"bottom-full left-0 mt-0 min-h-fit\"\n              isPausing={false}\n            />\n          ) : null}\n        </div>\n        <ConversationName />\n      </div>\n      <div className=\"mr-2 flex shrink-0 items-center gap-1\">\n        <ConversationGitActionsToggle />\n        <ConversationOverviewToggle />\n        <RightPanelToggle />\n      </div>\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAwBA,SAAgB,IAA6B;CAC3C,IAAM,EAAE,SAAM,EAAe,WAAW,GAClC,EAAE,sBAAmB,EAAkB,GACvC,EAAE,MAAM,MAAiB,EAAsB,GAC/C,EAAE,qBAAkB,EAAc,GAClC,EAAE,WAAQ,kBAAe,EAAe,GACxC,EAAE,QAAQ,MAAsB,EAA4B,GAC5D,EAAE,QAAQ,MAAuB,EAA6B,GAC9D,EAAE,iBAAc,EAAiB,GACjC,CAAC,GAAU,KAAe,EAAM,SAAS,EAAK,GAC9C,CAAC,GAAa,KAAkB,EAAM,SAAS,EAAK,GACpD,IAAa,EAAM,OAA0B,IAAI,GAEjD,IAAkB,GAAc,oBAAoB,MAKpD,IAAc,EAAe;EACjC,WAAW;EACX;EACA;EACA,kBAPA,MAAkB,EAAW,WAAW,MAAkB,EAAW;EAQrE,cAPmB,EAAmB,CAOtC;EACA;CACF,CAAC,GAEK,IAAgB,KAAY,GAE5B,UAAkB;EAEtB,AADA,EAAY,EAAK,GACjB,EAAe,EAAK;CACtB;CAgCA,OACE,kBAAC,OAAD;EAAK,WAAU;YAAf,CACE,kBAAC,OAAD;GAAK,WAAU;aAAf,CACE,kBAAC,OAAD;IACE,WAAU;IACV,iBAAiB,MAAU;KAGzB,AAAI,EAAM,gBAAgB,WACxB,EAAe,EAAI;IAEvB;IACA,iBAAiB,MAAU;KACzB,AAAI,EAAM,gBAAgB,WACxB,EAAe,EAAK;IAExB;cAbF,CAeE,kBAAC,UAAD;KACE,KAAK;KACL,MAAK;KACL,eAAY;KACZ,cAAY,EAAE,EAAQ,oBAAoB;KAC1C,iBAAe;KACf,iBAAc;KACd,UArCiB,MAA+C;MAKxE,IAJA,EAAM,eAAe,GACrB,EAAM,gBAAgB,GAGlB,GAAe;OACjB,EAAU;OACV;MACF;MACA,EAAY,EAAI;KAClB;KA4BU,WAAW,EACT,+CACA,0CACF;eAEA,kBAAC,GAAD;MACE,WAAU;MACV,OAAO;MACP,eAAA;KACD,CAAA;IACK,CAAA,GACP,IACC,kBAAC,GAAD;KACE,SAAS;KACT,uBAAuB;KACvB,cACE,EAAkB,CAAe,KAxErB,MAA+C;MAMvE,AALA,EAAM,eAAe,GACrB,EAAM,gBAAgB,GAClB,KACF,EAAkB,EAAE,kBAAe,CAAC,GAEtC,EAAU;KACZ,IAmEkB,KAAA;KAEN,eACE,EAAkB,CAAe,KApEpB,MAA+C;MAMxE,AALA,EAAM,eAAe,GACrB,EAAM,gBAAgB,GAClB,KACF,EAAmB;OAAE;OAAgB;MAAU,CAAC,GAElD,EAAU;KACZ,IA+DkB,KAAA;KAEW;KACjB,UAAS;KACT,WAAU;KACV,WAAW;IACZ,CAAA,IACC,IACD;OACL,kBAAC,GAAD,CAAmB,CAAA,CAChB;MACL,kBAAC,OAAD;GAAK,WAAU;aAAf;IACE,kBAAC,GAAD,CAA+B,CAAA;IAC/B,kBAAC,GAAD,CAA6B,CAAA;IAC7B,kBAAC,GAAD,CAAmB,CAAA;GAChB;IACF;;AAET"}

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

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

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

@@ -7,8 +7,8 @@ import { useConversationNameContextMenu as a } from "../../../hooks/use-conversa
 import { SystemMessageModal as o } from "../conversation-panel/system-message-modal.js";
 import { SkillsModal as s } from "../conversation-panel/skills-modal.js";
 import { HooksModal as c } from "../conversation-panel/hooks-modal.js";
-import { useUpdateConversation as l } from "../../../hooks/mutation/use-update-conversation.js";
-import { EllipsisButton as u } from "../conversation-panel/ellipsis-button.js";
+import { EllipsisButton as l } from "../conversation-panel/ellipsis-button.js";
+import { useUpdateConversation as u } from "../../../hooks/mutation/use-update-conversation.js";
 import { ConversationNameContextMenu as d } from "./conversation-name-context-menu.js";
 import { ConfirmDeleteModal as f } from "../conversation-panel/confirm-delete-modal.js";
 import { ConfirmStopModal as p } from "../conversation-panel/confirm-stop-modal.js";
@@ -17,7 +17,7 @@ import h from "react";
 import { Fragment as g, jsx as _, jsxs as v } from "react/jsx-runtime";
 //#region src/components/features/conversation/conversation-name.tsx
 function y() {
-	let { t: y } = e("openhands"), { conversationId: b } = n(), { data: x } = i(), { mutate: S } = l(), [C, w] = h.useState("view"), [T, E] = h.useState(!1), [D, O] = h.useState(!1), k = h.useRef(null), A = h.useRef(null), { handleDelete: j, handleStop: M, handleDownloadConversation: N, handleDisplayCost: P, handleShowAgentTools: F, handleShowSkills: ee, handleShowHooks: I, handleTogglePublic: L, handleCopyShareLink: R, shareUrl: z, handleConfirmDelete: B, handleConfirmStop: V, systemModalVisible: H, setSystemModalVisible: U, skillsModalVisible: W, setSkillsModalVisible: G, hooksModalVisible: K, setHooksModalVisible: q, confirmDeleteModalVisible: J, setConfirmDeleteModalVisible: Y, confirmStopModalVisible: X, setConfirmStopModalVisible: Z, systemMessage: Q, shouldShowStop: $, shouldShowDownloadConversation: te, shouldShowDisplayCost: ne, shouldShowAgentTools: re, shouldShowSkills: ie, shouldShowHooks: ae } = a({
+	let { t: y } = e("openhands"), { conversationId: b } = n(), { data: x } = i(), { mutate: S } = u(), [C, w] = h.useState("view"), [T, E] = h.useState(!1), [D, O] = h.useState(!1), k = h.useRef(null), A = h.useRef(null), { handleDelete: j, handleStop: M, handleDownloadConversation: N, handleDisplayCost: P, handleShowAgentTools: F, handleShowSkills: ee, handleShowHooks: I, handleTogglePublic: L, handleCopyShareLink: R, shareUrl: z, handleConfirmDelete: B, handleConfirmStop: V, systemModalVisible: H, setSystemModalVisible: U, skillsModalVisible: W, setSkillsModalVisible: G, hooksModalVisible: K, setHooksModalVisible: q, confirmDeleteModalVisible: J, setConfirmDeleteModalVisible: Y, confirmStopModalVisible: X, setConfirmStopModalVisible: Z, systemMessage: Q, shouldShowStop: $, shouldShowDownloadConversation: te, shouldShowDisplayCost: ne, shouldShowAgentTools: re, shouldShowSkills: ie, shouldShowHooks: ae } = a({
 		conversationId: b,
 		executionStatus: x?.execution_status,
 		showOptions: !0,
@@ -64,7 +64,7 @@ function y() {
 			}), C !== "edit" && /* @__PURE__ */ v("div", {
 				ref: A,
 				className: "relative flex items-center shrink-0",
-				children: [/* @__PURE__ */ _(u, {
+				children: [/* @__PURE__ */ _(l, {
 					onClick: (e) => {
 						e.preventDefault(), e.stopPropagation(), E(!T);
 					},

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

@@ -0,0 +1,2 @@
+require("../../../_virtual/_rolldown/runtime.cjs");const e=require("../../../node_modules/react-i18next/dist/es/useTranslation.cjs"),t=require("../../../i18n/declaration.cjs"),n=require("../automations/automation-card-skeleton.cjs"),r=require("../../../hooks/query/use-automations.cjs"),i=require("../automations/automation-group.cjs"),a=require("../automations/add-automation-modal.cjs"),o=require("../automations/backend-not-configured.cjs"),s=require("../automations/empty-state.cjs"),c=require("../automations/error-state.cjs"),l=require("../../../hooks/query/use-automation-health.cjs");let u=require("react"),d=require("react/jsx-runtime");var f=()=>void 0;function p({openAdd:p}){let{t:m}=e.useTranslation(`openhands`),[h,g]=(0,u.useState)(p),{data:_,isLoading:v,refetch:y}=l.useAutomationHealth(),{data:b,isLoading:x,isError:S,refetch:C}=r.useAutomations({limit:50,offset:0,enabled:_?.status===`ok`});(0,u.useEffect)(()=>{p&&g(!0)},[p]);let w;return w=v||_?.status===`ok`&&x?(0,d.jsx)(n.AutomationCardSkeleton,{}):_?.status===`ok`?S?(0,d.jsx)(c.ErrorState,{onRetry:C}):b?.automations.length?(0,d.jsxs)(d.Fragment,{children:[(0,d.jsx)(i.AutomationGroup,{title:m(t.I18nKey.CONVERSATION_PANEL$AUTOMATIONS),count:b.automations.length,automations:b.automations,view:`list`,onToggle:f,onRunNow:f,onDelete:f,onExport:f}),(0,d.jsx)(a.AddAutomationModal,{isOpen:h,onClose:()=>g(!1)})]}):(0,d.jsxs)(d.Fragment,{children:[(0,d.jsx)(s.EmptyState,{}),(0,d.jsx)(a.AddAutomationModal,{isOpen:h,onClose:()=>g(!1)})]}):(0,d.jsx)(o.BackendUnavailable,{onRetry:y}),(0,d.jsx)(`div`,{"data-testid":`conversation-overview-automations-panel`,children:w})}exports.ConversationOverviewAutomationsPanel=p;
+//# sourceMappingURL=conversation-overview-automations-panel.cjs.map

package/dist/components/features/conversation/conversation-overview-automations-panel.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"conversation-overview-automations-panel.cjs","names":[],"sources":["../../../../src/components/features/conversation/conversation-overview-automations-panel.tsx"],"sourcesContent":["import { useEffect, useState } from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport { AutomationCardSkeleton } from \"#/components/features/automations/automation-card-skeleton\";\nimport { AutomationGroup } from \"#/components/features/automations/automation-group\";\nimport { AddAutomationModal } from \"#/components/features/automations/add-automation-modal\";\nimport { BackendNotConfigured } from \"#/components/features/automations/backend-not-configured\";\nimport { EmptyState } from \"#/components/features/automations/empty-state\";\nimport { ErrorState } from \"#/components/features/automations/error-state\";\nimport { useAutomations } from \"#/hooks/query/use-automations\";\nimport { useAutomationHealth } from \"#/hooks/query/use-automation-health\";\nimport { I18nKey } from \"#/i18n/declaration\";\n\ninterface ConversationOverviewAutomationsPanelProps {\n  openAdd: boolean;\n}\n\nconst NOOP = () => undefined;\n\n/** Reuses the existing Automations list and creation guidance in the drawer. */\nexport function ConversationOverviewAutomationsPanel({\n  openAdd,\n}: ConversationOverviewAutomationsPanelProps) {\n  const { t } = useTranslation(\"openhands\");\n  const [isAddModalOpen, setIsAddModalOpen] = useState(openAdd);\n  const {\n    data: health,\n    isLoading: isHealthLoading,\n    refetch: refetchHealth,\n  } = useAutomationHealth();\n  const { data, isLoading, isError, refetch } = useAutomations({\n    limit: 50,\n    offset: 0,\n    enabled: health?.status === \"ok\",\n  });\n\n  useEffect(() => {\n    if (openAdd) setIsAddModalOpen(true);\n  }, [openAdd]);\n\n  // Every state renders inside the same panel container so the drawer's\n  // DOM contract (one `conversation-overview-automations-panel` node) holds\n  // regardless of backend health or list contents.\n  let body;\n  if (isHealthLoading || (health?.status === \"ok\" && isLoading)) {\n    body = <AutomationCardSkeleton />;\n  } else if (health?.status !== \"ok\") {\n    body = <BackendNotConfigured onRetry={refetchHealth} />;\n  } else if (isError) {\n    body = <ErrorState onRetry={refetch} />;\n  } else if (!data?.automations.length) {\n    body = (\n      <>\n        <EmptyState />\n        <AddAutomationModal\n          isOpen={isAddModalOpen}\n          onClose={() => setIsAddModalOpen(false)}\n        />\n      </>\n    );\n  } else {\n    body = (\n      <>\n        <AutomationGroup\n          title={t(I18nKey.CONVERSATION_PANEL$AUTOMATIONS)}\n          count={data.automations.length}\n          automations={data.automations}\n          view=\"list\"\n          onToggle={NOOP}\n          onRunNow={NOOP}\n          onDelete={NOOP}\n          onExport={NOOP}\n        />\n        <AddAutomationModal\n          isOpen={isAddModalOpen}\n          onClose={() => setIsAddModalOpen(false)}\n        />\n      </>\n    );\n  }\n\n  return (\n    <div data-testid=\"conversation-overview-automations-panel\">{body}</div>\n  );\n}\n"],"mappings":"soBAgBA,IAAM,MAAa,IAAA,GAGnB,SAAgB,EAAqC,CACnD,WAC4C,CAC5C,GAAM,CAAE,KAAM,EAAA,eAAe,WAAW,EAClC,CAAC,EAAgB,IAAA,EAAA,EAAA,UAA8B,CAAO,EACtD,CACJ,KAAM,EACN,UAAW,EACX,QAAS,GACP,EAAA,oBAAoB,EAClB,CAAE,OAAM,YAAW,UAAS,WAAY,EAAA,eAAe,CAC3D,MAAO,GACP,OAAQ,EACR,QAAS,GAAQ,SAAW,IAC9B,CAAC,GAED,EAAA,EAAA,eAAgB,CACV,GAAS,EAAkB,EAAI,CACrC,EAAG,CAAC,CAAO,CAAC,EAKZ,IAAI,EAsCJ,MArCA,CAGE,EAHE,GAAoB,GAAQ,SAAW,MAAQ,GAC1C,EAAA,EAAA,KAAC,EAAA,uBAAD,CAAyB,CAAA,EACvB,GAAQ,SAAW,KAEnB,GACF,EAAA,EAAA,KAAC,EAAA,WAAD,CAAY,QAAS,CAAU,CAAA,EAC5B,GAAM,YAAY,QAY1B,EAAA,EAAA,MAAA,EAAA,SAAA,CAAA,SAAA,EACE,EAAA,EAAA,KAAC,EAAA,gBAAD,CACE,MAAO,EAAE,EAAA,QAAQ,8BAA8B,EAC/C,MAAO,EAAK,YAAY,OACxB,YAAa,EAAK,YAClB,KAAK,OACL,SAAU,EACV,SAAU,EACV,SAAU,EACV,SAAU,CACX,CAAA,GACD,EAAA,EAAA,KAAC,EAAA,mBAAD,CACE,OAAQ,EACR,YAAe,EAAkB,EAAK,CACvC,CAAA,CACD,CAAA,CAAA,GAzBF,EAAA,EAAA,MAAA,EAAA,SAAA,CAAA,SAAA,EACE,EAAA,EAAA,KAAC,EAAA,WAAD,CAAa,CAAA,GACb,EAAA,EAAA,KAAC,EAAA,mBAAD,CACE,OAAQ,EACR,YAAe,EAAkB,EAAK,CACvC,CAAA,CACD,CAAA,CAAA,GAXG,EAAA,EAAA,KAAC,EAAA,mBAAD,CAAsB,QAAS,CAAgB,CAAA,GAmCtD,EAAA,EAAA,KAAC,MAAD,CAAK,cAAY,mDAA2C,CAAU,CAAA,CAE1E"}

package/dist/components/features/conversation/conversation-overview-automations-panel.d.ts

@@ -0,0 +1,6 @@
+interface ConversationOverviewAutomationsPanelProps {
+    openAdd: boolean;
+}
+/** Reuses the existing Automations list and creation guidance in the drawer. */
+export declare function ConversationOverviewAutomationsPanel({ openAdd, }: ConversationOverviewAutomationsPanelProps): import("react").JSX.Element;
+export {};

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

@@ -0,0 +1,48 @@
+import { useTranslation as e } from "../../../node_modules/react-i18next/dist/es/useTranslation.js";
+import { I18nKey as t } from "../../../i18n/declaration.js";
+import { AutomationCardSkeleton as n } from "../automations/automation-card-skeleton.js";
+import { useAutomations as r } from "../../../hooks/query/use-automations.js";
+import { AutomationGroup as i } from "../automations/automation-group.js";
+import { AddAutomationModal as a } from "../automations/add-automation-modal.js";
+import { BackendUnavailable as o } from "../automations/backend-not-configured.js";
+import { EmptyState as s } from "../automations/empty-state.js";
+import { ErrorState as c } from "../automations/error-state.js";
+import { useAutomationHealth as l } from "../../../hooks/query/use-automation-health.js";
+import { useEffect as u, useState as d } from "react";
+import { Fragment as f, jsx as p, jsxs as m } from "react/jsx-runtime";
+//#region src/components/features/conversation/conversation-overview-automations-panel.tsx
+var h = () => void 0;
+function g({ openAdd: g }) {
+	let { t: _ } = e("openhands"), [v, y] = d(g), { data: b, isLoading: x, refetch: S } = l(), { data: C, isLoading: w, isError: T, refetch: E } = r({
+		limit: 50,
+		offset: 0,
+		enabled: b?.status === "ok"
+	});
+	u(() => {
+		g && y(!0);
+	}, [g]);
+	let D;
+	return D = x || b?.status === "ok" && w ? /* @__PURE__ */ p(n, {}) : b?.status === "ok" ? T ? /* @__PURE__ */ p(c, { onRetry: E }) : C?.automations.length ? /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ p(i, {
+		title: _(t.CONVERSATION_PANEL$AUTOMATIONS),
+		count: C.automations.length,
+		automations: C.automations,
+		view: "list",
+		onToggle: h,
+		onRunNow: h,
+		onDelete: h,
+		onExport: h
+	}), /* @__PURE__ */ p(a, {
+		isOpen: v,
+		onClose: () => y(!1)
+	})] }) : /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ p(s, {}), /* @__PURE__ */ p(a, {
+		isOpen: v,
+		onClose: () => y(!1)
+	})] }) : /* @__PURE__ */ p(o, { onRetry: S }), /* @__PURE__ */ p("div", {
+		"data-testid": "conversation-overview-automations-panel",
+		children: D
+	});
+}
+//#endregion
+export { g as ConversationOverviewAutomationsPanel };
+
+//# sourceMappingURL=conversation-overview-automations-panel.js.map

package/dist/components/features/conversation/conversation-overview-automations-panel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"conversation-overview-automations-panel.js","names":[],"sources":["../../../../src/components/features/conversation/conversation-overview-automations-panel.tsx"],"sourcesContent":["import { useEffect, useState } from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport { AutomationCardSkeleton } from \"#/components/features/automations/automation-card-skeleton\";\nimport { AutomationGroup } from \"#/components/features/automations/automation-group\";\nimport { AddAutomationModal } from \"#/components/features/automations/add-automation-modal\";\nimport { BackendNotConfigured } from \"#/components/features/automations/backend-not-configured\";\nimport { EmptyState } from \"#/components/features/automations/empty-state\";\nimport { ErrorState } from \"#/components/features/automations/error-state\";\nimport { useAutomations } from \"#/hooks/query/use-automations\";\nimport { useAutomationHealth } from \"#/hooks/query/use-automation-health\";\nimport { I18nKey } from \"#/i18n/declaration\";\n\ninterface ConversationOverviewAutomationsPanelProps {\n  openAdd: boolean;\n}\n\nconst NOOP = () => undefined;\n\n/** Reuses the existing Automations list and creation guidance in the drawer. */\nexport function ConversationOverviewAutomationsPanel({\n  openAdd,\n}: ConversationOverviewAutomationsPanelProps) {\n  const { t } = useTranslation(\"openhands\");\n  const [isAddModalOpen, setIsAddModalOpen] = useState(openAdd);\n  const {\n    data: health,\n    isLoading: isHealthLoading,\n    refetch: refetchHealth,\n  } = useAutomationHealth();\n  const { data, isLoading, isError, refetch } = useAutomations({\n    limit: 50,\n    offset: 0,\n    enabled: health?.status === \"ok\",\n  });\n\n  useEffect(() => {\n    if (openAdd) setIsAddModalOpen(true);\n  }, [openAdd]);\n\n  // Every state renders inside the same panel container so the drawer's\n  // DOM contract (one `conversation-overview-automations-panel` node) holds\n  // regardless of backend health or list contents.\n  let body;\n  if (isHealthLoading || (health?.status === \"ok\" && isLoading)) {\n    body = <AutomationCardSkeleton />;\n  } else if (health?.status !== \"ok\") {\n    body = <BackendNotConfigured onRetry={refetchHealth} />;\n  } else if (isError) {\n    body = <ErrorState onRetry={refetch} />;\n  } else if (!data?.automations.length) {\n    body = (\n      <>\n        <EmptyState />\n        <AddAutomationModal\n          isOpen={isAddModalOpen}\n          onClose={() => setIsAddModalOpen(false)}\n        />\n      </>\n    );\n  } else {\n    body = (\n      <>\n        <AutomationGroup\n          title={t(I18nKey.CONVERSATION_PANEL$AUTOMATIONS)}\n          count={data.automations.length}\n          automations={data.automations}\n          view=\"list\"\n          onToggle={NOOP}\n          onRunNow={NOOP}\n          onDelete={NOOP}\n          onExport={NOOP}\n        />\n        <AddAutomationModal\n          isOpen={isAddModalOpen}\n          onClose={() => setIsAddModalOpen(false)}\n        />\n      </>\n    );\n  }\n\n  return (\n    <div data-testid=\"conversation-overview-automations-panel\">{body}</div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;AAgBA,IAAM,UAAa,KAAA;AAGnB,SAAgB,EAAqC,EACnD,cAC4C;CAC5C,IAAM,EAAE,SAAM,EAAe,WAAW,GAClC,CAAC,GAAgB,KAAqB,EAAS,CAAO,GACtD,EACJ,MAAM,GACN,WAAW,GACX,SAAS,MACP,EAAoB,GAClB,EAAE,SAAM,cAAW,YAAS,eAAY,EAAe;EAC3D,OAAO;EACP,QAAQ;EACR,SAAS,GAAQ,WAAW;CAC9B,CAAC;CAED,QAAgB;EACd,AAAI,KAAS,EAAkB,EAAI;CACrC,GAAG,CAAC,CAAO,CAAC;CAKZ,IAAI;CAsCJ,OArCA,AAGE,IAHE,KAAoB,GAAQ,WAAW,QAAQ,IAC1C,kBAAC,GAAD,CAAyB,CAAA,IACvB,GAAQ,WAAW,OAEnB,IACF,kBAAC,GAAD,EAAY,SAAS,EAAU,CAAA,IAC5B,GAAM,YAAY,SAY1B,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,GAAD;EACE,OAAO,EAAE,EAAQ,8BAA8B;EAC/C,OAAO,EAAK,YAAY;EACxB,aAAa,EAAK;EAClB,MAAK;EACL,UAAU;EACV,UAAU;EACV,UAAU;EACV,UAAU;CACX,CAAA,GACD,kBAAC,GAAD;EACE,QAAQ;EACR,eAAe,EAAkB,EAAK;CACvC,CAAA,CACD,EAAA,CAAA,IAzBF,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,GAAD,CAAa,CAAA,GACb,kBAAC,GAAD;EACE,QAAQ;EACR,eAAe,EAAkB,EAAK;CACvC,CAAA,CACD,EAAA,CAAA,IAXG,kBAAC,GAAD,EAAsB,SAAS,EAAgB,CAAA,GAmCtD,kBAAC,OAAD;EAAK,eAAY;YAA2C;CAAU,CAAA;AAE1E"}

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

@@ -0,0 +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("../../../node_modules/lucide-react/dist/esm/icons/folder-git-2.cjs"),i=require("../../../node_modules/lucide-react/dist/esm/icons/git-branch.cjs"),a=require("../../../node_modules/lucide-react/dist/esm/icons/git-commit-horizontal.cjs"),o=require("../../../node_modules/lucide-react/dist/esm/icons/laptop.cjs"),s=require("../../../utils/utils.cjs"),c=require("../../../hooks/use-conversation-id.cjs"),l=require("./conversation-overview-sections.cjs"),u=require("../../../utils/conversation-local-storage.cjs"),d=require("../../../utils/dropdown-classes.cjs"),f=require("../../../ui/context-menu.cjs"),p=require("../../../hooks/use-click-outside-element.cjs"),m=require("../../../ui/divider.cjs"),h=require("../../../hooks/use-select-conversation-tab.cjs"),g=require("../../../icons/u-pr.cjs"),_=require("../../../node_modules/react-icons/lu/index.cjs"),v=require("./conversation-overview-drawer-context.cjs"),y=require("../../../icons/pill.cjs"),b=require("../../../icons/pill-fill.cjs"),x=require("./conversation-overview-drawer.types.cjs");let S=require("react");S=e.__toESM(S,1);let C=require("react/jsx-runtime"),w=require("react-dom");w=e.__toESM(w,1);var T={[l.CONVERSATION_OVERVIEW_SECTION.workspace]:{section:l.CONVERSATION_OVERVIEW_SECTION.workspace,icon:o.Laptop,i18nKey:n.I18nKey.CONVERSATION$OVERVIEW_WORKSPACE}},E=[{part:l.CONVERSATION_OVERVIEW_GIT_PART.changes,icon:_.LuFileDiff,i18nKey:n.I18nKey.COMMON$CHANGES,opensChanges:!0},{part:l.CONVERSATION_OVERVIEW_GIT_PART.repository,icon:r.FolderGit2,i18nKey:n.I18nKey.CONVERSATION$REPOSITORY},{part:l.CONVERSATION_OVERVIEW_GIT_PART.branch,icon:i.GitBranch,i18nKey:n.I18nKey.CONVERSATION$BRANCH},{part:l.CONVERSATION_OVERVIEW_GIT_PART.commits,icon:a.GitCommitHorizontal,i18nKey:n.I18nKey.DIFF_VIEWER$COMMITS,opensCommits:!0},{part:l.CONVERSATION_OVERVIEW_GIT_PART.pull_requests,icon:g.default,i18nKey:n.I18nKey.CONVERSATION$OVERVIEW_PULL_REQUESTS,drawerSection:x.CONVERSATION_OVERVIEW_DRAWER_SECTION.pull_requests}];function D({testId:e,pinned:t,pinnedLabel:n,unpinnedLabel:r,onClick:i}){return(0,C.jsx)(`button`,{type:`button`,"data-testid":e,className:s.cn(`flex shrink-0 cursor-pointer items-center justify-center rounded-r px-2 text-white`,d.dropdownInstantColorClassName,`hover:bg-white/10`),"aria-pressed":t,"aria-label":t?n:r,onClick:i,children:(0,C.jsx)(`span`,{className:s.cn(`ml-auto overflow-hidden`,d.dropdownMenuRowIconWrapperClassName),"aria-hidden":!0,children:t?(0,C.jsx)(b.default,{className:`size-4`,width:16,height:16}):(0,C.jsx)(y.default,{className:`size-4`,width:16,height:16})})})}function O({isOpen:e,onClose:r,ignoreOutsideClickRef:a,anchorRef:o}){let g=p.useClickOutsideElement(r,a),[_,y]=(0,S.useState)(),{t:b}=t.useTranslation(`openhands`),{conversationId:x}=c.useConversationId(),{state:O,setUnpinnedOverviewSections:k,setUnpinnedOverviewGitParts:A}=u.useConversationLocalStorageState(x),{navigateToChanges:j,navigateToCommits:M}=h.useSelectConversationTab(),N=v.useConversationOverviewDrawerOptional();(0,S.useLayoutEffect)(()=>{if(!e||!o?.current){y(void 0);return}let t=()=>{let e=o.current?.getBoundingClientRect();e&&y({position:`fixed`,zIndex:9999,top:e.bottom+8,right:window.innerWidth-e.right})};return t(),window.addEventListener(`resize`,t),window.addEventListener(`scroll`,t,!0),()=>{window.removeEventListener(`resize`,t),window.removeEventListener(`scroll`,t,!0)}},[e,o]);let P=e=>{if(e.opensChanges){N?.closeDrawer(),j(),r();return}if(e.opensCommits){N?.closeDrawer(),M(),r();return}e.drawerSection&&(N?.openSection(e.drawerSection),r())},F=(e,t)=>{t.preventDefault(),t.stopPropagation();let n=O.unpinnedOverviewSections??[];if(n.includes(e)){k?.(n.filter(t=>t!==e));return}k?.([...n,e])},I=(e,t)=>{t.preventDefault(),t.stopPropagation();let n=O.unpinnedOverviewGitParts??[];if(n.includes(e)){A?.(n.filter(t=>t!==e));return}A?.([...n,e])};if(!e)return null;let L=!!(o?.current&&_),R=l.isOverviewSectionPinned(l.CONVERSATION_OVERVIEW_SECTION.git,O.unpinnedOverviewSections??[]),z=b(n.I18nKey.CONVERSATION$UNPIN_OVERVIEW_SECTION),B=b(n.I18nKey.CONVERSATION$PIN_OVERVIEW_SECTION),V=({key:e,testIdOpen:t,testIdPin:n,icon:r,label:i,pinned:a,isActionable:o,indent:c=!1,onOpen:l,onPinToggle:u})=>{let f=(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)(`span`,{className:d.dropdownMenuRowIconWrapperClassName,"aria-hidden":!0,children:(0,C.jsx)(r,{className:`h-4 w-4`})}),(0,C.jsx)(`span`,{className:`text-sm`,children:i})]});return(0,C.jsx)(`li`,{className:`list-none`,children:(0,C.jsxs)(`div`,{className:s.cn(`group flex h-[30px] w-full min-w-0 items-stretch rounded hover:bg-[var(--oh-interactive-hover)]`,c&&`pl-4`),children:[o?(0,C.jsx)(`button`,{type:`button`,"data-testid":t,className:s.cn(`flex min-w-0 flex-1 cursor-pointer items-center gap-2 rounded-l p-2 text-start text-white`,d.dropdownInstantColorClassName),onClick:l,children:f}):(0,C.jsx)(`div`,{"data-testid":t,className:s.cn(`flex min-w-0 flex-1 items-center gap-2 rounded-l p-2 text-start text-white`,d.dropdownInstantColorClassName),children:f}),(0,C.jsx)(D,{testId:n,pinned:a,pinnedLabel:z,unpinnedLabel:B,onClick:u})]})},e)},H=e=>{if(e===l.CONVERSATION_OVERVIEW_SECTION.git)return null;let t=T[e];return V({key:e,testIdOpen:`conversation-overview-menu-open-${e}`,testIdPin:`conversation-overview-menu-pin-${e}`,icon:t.icon,label:b(t.i18nKey),pinned:l.isOverviewSectionPinned(e,O.unpinnedOverviewSections??[]),isActionable:!1,onPinToggle:t=>F(e,t)})},U=(0,C.jsxs)(f.ContextMenu,{ref:g,testId:`conversation-overview-context-menu`,theme:L?`popover`:`default`,position:L?`none`:`bottom`,alignment:L?`none`:`right`,spacing:L?`none`:`default`,className:s.cn(`z-[9999] w-fit`,L?`mt-0`:`mt-2`),children:[l.CONVERSATION_OVERVIEW_SECTION_GROUPS.map((e,t)=>(0,C.jsxs)(S.default.Fragment,{children:[t>0?(0,C.jsx)(m.Divider,{testId:`conversation-overview-menu-divider-${t}`,inset:`menu`}):null,e.sections.map(e=>H(e))]},e.sections.join(`-`))),(0,C.jsx)(m.Divider,{testId:`conversation-overview-menu-divider-git`,inset:`menu`}),V({key:l.CONVERSATION_OVERVIEW_SECTION.git,testIdOpen:`conversation-overview-menu-open-${l.CONVERSATION_OVERVIEW_SECTION.git}`,testIdPin:`conversation-overview-menu-pin-${l.CONVERSATION_OVERVIEW_SECTION.git}`,icon:i.GitBranch,label:b(n.I18nKey.CONVERSATION$OVERVIEW_GIT),pinned:R,isActionable:!1,onPinToggle:e=>F(l.CONVERSATION_OVERVIEW_SECTION.git,e)}),E.map(e=>V({key:e.part,testIdOpen:`conversation-overview-menu-open-git-${e.part}`,testIdPin:`conversation-overview-menu-pin-git-${e.part}`,icon:e.icon,label:b(e.i18nKey),pinned:l.isOverviewGitPartPinned(e.part,O.unpinnedOverviewGitParts??[]),isActionable:!!(e.drawerSection||e.opensCommits||e.opensChanges),indent:!0,onOpen:()=>P(e),onPinToggle:t=>I(e.part,t)}))]});return L&&_&&typeof document<`u`?w.default.createPortal((0,C.jsx)(`div`,{style:_,children:U}),document.body):U}exports.ConversationOverviewContextMenu=O;
+//# sourceMappingURL=conversation-overview-context-menu.cjs.map

package/dist/components/features/conversation/conversation-overview-context-menu.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"conversation-overview-context-menu.cjs","names":[],"sources":["../../../../src/components/features/conversation/conversation-overview-context-menu.tsx"],"sourcesContent":["import React, { useLayoutEffect, useState } from \"react\";\nimport ReactDOM from \"react-dom\";\nimport {\n  FolderGit2,\n  GitBranch,\n  GitCommitHorizontal,\n  Laptop,\n} from \"lucide-react\";\nimport { LuFileDiff } from \"react-icons/lu\";\nimport { useTranslation } from \"react-i18next\";\nimport { ContextMenu } from \"#/ui/context-menu\";\nimport { Divider } from \"#/ui/divider\";\nimport { useClickOutsideElement } from \"#/hooks/use-click-outside-element\";\nimport { useConversationId } from \"#/hooks/use-conversation-id\";\nimport { useConversationLocalStorageState } from \"#/utils/conversation-local-storage\";\nimport { useSelectConversationTab } from \"#/hooks/use-select-conversation-tab\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport PrIcon from \"#/icons/u-pr.svg?react\";\nimport PillIcon from \"#/icons/pill.svg?react\";\nimport PillFillIcon from \"#/icons/pill-fill.svg?react\";\nimport { cn } from \"#/utils/utils\";\nimport {\n  dropdownInstantColorClassName,\n  dropdownMenuRowIconWrapperClassName,\n} from \"#/utils/dropdown-classes\";\nimport { useConversationOverviewDrawerOptional } from \"./conversation-overview-drawer-context\";\nimport {\n  CONVERSATION_OVERVIEW_DRAWER_SECTION,\n  type ConversationOverviewDrawerSection,\n} from \"./conversation-overview-drawer.types\";\nimport {\n  CONVERSATION_OVERVIEW_GIT_PART,\n  CONVERSATION_OVERVIEW_SECTION,\n  CONVERSATION_OVERVIEW_SECTION_GROUPS,\n  isOverviewGitPartPinned,\n  isOverviewSectionPinned,\n  type ConversationOverviewGitPart,\n  type ConversationOverviewSection,\n} from \"./conversation-overview-sections\";\n\ninterface ConversationOverviewContextMenuProps {\n  isOpen: boolean;\n  onClose: () => void;\n  ignoreOutsideClickRef?: React.RefObject<HTMLElement | null>;\n  /** Portal anchor so the menu is not clipped by the overview panel. */\n  anchorRef?: React.RefObject<HTMLElement | null>;\n}\n\ntype OverviewMenuItem = {\n  section: ConversationOverviewSection;\n  icon: React.ComponentType<{ className?: string }>;\n  i18nKey: I18nKey;\n};\n\ntype GitPartMenuItem = {\n  part: ConversationOverviewGitPart;\n  icon: React.ComponentType<{ className?: string }>;\n  i18nKey: I18nKey;\n  drawerSection?: ConversationOverviewDrawerSection;\n  opensChanges?: boolean;\n  opensCommits?: boolean;\n};\n\nconst OVERVIEW_MENU_ITEMS_BY_SECTION: Record<\n  Exclude<ConversationOverviewSection, \"git\">,\n  OverviewMenuItem\n> = {\n  [CONVERSATION_OVERVIEW_SECTION.workspace]: {\n    section: CONVERSATION_OVERVIEW_SECTION.workspace,\n    icon: Laptop,\n    i18nKey: I18nKey.CONVERSATION$OVERVIEW_WORKSPACE,\n  },\n};\n\nconst GIT_PART_MENU_ITEMS: GitPartMenuItem[] = [\n  {\n    part: CONVERSATION_OVERVIEW_GIT_PART.changes,\n    icon: LuFileDiff,\n    i18nKey: I18nKey.COMMON$CHANGES,\n    opensChanges: true,\n  },\n  {\n    part: CONVERSATION_OVERVIEW_GIT_PART.repository,\n    icon: FolderGit2,\n    i18nKey: I18nKey.CONVERSATION$REPOSITORY,\n  },\n  {\n    part: CONVERSATION_OVERVIEW_GIT_PART.branch,\n    icon: GitBranch,\n    i18nKey: I18nKey.CONVERSATION$BRANCH,\n  },\n  {\n    part: CONVERSATION_OVERVIEW_GIT_PART.commits,\n    icon: GitCommitHorizontal,\n    i18nKey: I18nKey.DIFF_VIEWER$COMMITS,\n    opensCommits: true,\n  },\n  {\n    part: CONVERSATION_OVERVIEW_GIT_PART.pull_requests,\n    icon: PrIcon,\n    i18nKey: I18nKey.CONVERSATION$OVERVIEW_PULL_REQUESTS,\n    drawerSection: CONVERSATION_OVERVIEW_DRAWER_SECTION.pull_requests,\n  },\n];\n\nfunction OverviewPinButton({\n  testId,\n  pinned,\n  pinnedLabel,\n  unpinnedLabel,\n  onClick,\n}: {\n  testId: string;\n  pinned: boolean;\n  pinnedLabel: string;\n  unpinnedLabel: string;\n  onClick: (event: React.MouseEvent) => void;\n}) {\n  return (\n    <button\n      type=\"button\"\n      data-testid={testId}\n      className={cn(\n        \"flex shrink-0 cursor-pointer items-center justify-center rounded-r px-2 text-white\",\n        dropdownInstantColorClassName,\n        \"hover:bg-white/10\",\n      )}\n      aria-pressed={pinned}\n      aria-label={pinned ? pinnedLabel : unpinnedLabel}\n      onClick={onClick}\n    >\n      <span\n        className={cn(\n          \"ml-auto overflow-hidden\",\n          dropdownMenuRowIconWrapperClassName,\n        )}\n        aria-hidden\n      >\n        {pinned ? (\n          <PillFillIcon className=\"size-4\" width={16} height={16} />\n        ) : (\n          <PillIcon className=\"size-4\" width={16} height={16} />\n        )}\n      </span>\n    </button>\n  );\n}\n\nexport function ConversationOverviewContextMenu({\n  isOpen,\n  onClose,\n  ignoreOutsideClickRef,\n  anchorRef,\n}: ConversationOverviewContextMenuProps) {\n  const ref = useClickOutsideElement<HTMLUListElement>(\n    onClose,\n    ignoreOutsideClickRef,\n  );\n  const [portalStyle, setPortalStyle] = useState<React.CSSProperties>();\n  const { t } = useTranslation(\"openhands\");\n  const { conversationId } = useConversationId();\n  const { state, setUnpinnedOverviewSections, setUnpinnedOverviewGitParts } =\n    useConversationLocalStorageState(conversationId);\n  const { navigateToChanges, navigateToCommits } = useSelectConversationTab();\n  const overviewDrawer = useConversationOverviewDrawerOptional();\n\n  useLayoutEffect(() => {\n    if (!isOpen || !anchorRef?.current) {\n      setPortalStyle(undefined);\n      return undefined;\n    }\n\n    const updatePosition = () => {\n      const rect = anchorRef.current?.getBoundingClientRect();\n      if (!rect) return;\n\n      const gap = 8;\n      setPortalStyle({\n        position: \"fixed\",\n        zIndex: 9999,\n        top: rect.bottom + gap,\n        right: window.innerWidth - rect.right,\n      });\n    };\n\n    updatePosition();\n    window.addEventListener(\"resize\", updatePosition);\n    window.addEventListener(\"scroll\", updatePosition, true);\n    return () => {\n      window.removeEventListener(\"resize\", updatePosition);\n      window.removeEventListener(\"scroll\", updatePosition, true);\n    };\n  }, [isOpen, anchorRef]);\n\n  const handleOpenGitPart = (item: GitPartMenuItem) => {\n    if (item.opensChanges) {\n      overviewDrawer?.closeDrawer();\n      navigateToChanges();\n      onClose();\n      return;\n    }\n\n    if (item.opensCommits) {\n      overviewDrawer?.closeDrawer();\n      navigateToCommits();\n      onClose();\n      return;\n    }\n\n    if (!item.drawerSection) return;\n    overviewDrawer?.openSection(item.drawerSection);\n    onClose();\n  };\n\n  const handlePinToggle = (\n    section: ConversationOverviewSection,\n    event: React.MouseEvent,\n  ) => {\n    event.preventDefault();\n    event.stopPropagation();\n\n    const unpinnedSections = state.unpinnedOverviewSections ?? [];\n    if (unpinnedSections.includes(section)) {\n      setUnpinnedOverviewSections?.(\n        unpinnedSections.filter((item) => item !== section),\n      );\n      return;\n    }\n\n    setUnpinnedOverviewSections?.([...unpinnedSections, section]);\n  };\n\n  const handleGitPartPinToggle = (\n    part: ConversationOverviewGitPart,\n    event: React.MouseEvent,\n  ) => {\n    event.preventDefault();\n    event.stopPropagation();\n\n    const unpinnedGitParts = state.unpinnedOverviewGitParts ?? [];\n    if (unpinnedGitParts.includes(part)) {\n      setUnpinnedOverviewGitParts?.(\n        unpinnedGitParts.filter((item) => item !== part),\n      );\n      return;\n    }\n\n    setUnpinnedOverviewGitParts?.([...unpinnedGitParts, part]);\n  };\n\n  if (!isOpen) return null;\n\n  const isPortaled = Boolean(anchorRef?.current && portalStyle);\n  const gitPinned = isOverviewSectionPinned(\n    CONVERSATION_OVERVIEW_SECTION.git,\n    state.unpinnedOverviewSections ?? [],\n  );\n  const pinnedLabel = t(I18nKey.CONVERSATION$UNPIN_OVERVIEW_SECTION);\n  const unpinnedLabel = t(I18nKey.CONVERSATION$PIN_OVERVIEW_SECTION);\n\n  const renderMenuRow = ({\n    key,\n    testIdOpen,\n    testIdPin,\n    icon: Icon,\n    label,\n    pinned,\n    isActionable,\n    indent = false,\n    onOpen,\n    onPinToggle,\n  }: {\n    key: string;\n    testIdOpen: string;\n    testIdPin: string;\n    icon: React.ComponentType<{ className?: string }>;\n    label: string;\n    pinned: boolean;\n    isActionable: boolean;\n    indent?: boolean;\n    onOpen?: () => void;\n    onPinToggle: (event: React.MouseEvent) => void;\n  }) => {\n    const labelContent = (\n      <>\n        <span className={dropdownMenuRowIconWrapperClassName} aria-hidden>\n          <Icon className=\"h-4 w-4\" />\n        </span>\n        <span className=\"text-sm\">{label}</span>\n      </>\n    );\n\n    return (\n      <li key={key} className=\"list-none\">\n        <div\n          className={cn(\n            \"group flex h-[30px] w-full min-w-0 items-stretch rounded hover:bg-[var(--oh-interactive-hover)]\",\n            indent && \"pl-4\",\n          )}\n        >\n          {isActionable ? (\n            <button\n              type=\"button\"\n              data-testid={testIdOpen}\n              className={cn(\n                \"flex min-w-0 flex-1 cursor-pointer items-center gap-2 rounded-l p-2 text-start text-white\",\n                dropdownInstantColorClassName,\n              )}\n              onClick={onOpen}\n            >\n              {labelContent}\n            </button>\n          ) : (\n            <div\n              data-testid={testIdOpen}\n              className={cn(\n                \"flex min-w-0 flex-1 items-center gap-2 rounded-l p-2 text-start text-white\",\n                dropdownInstantColorClassName,\n              )}\n            >\n              {labelContent}\n            </div>\n          )}\n          <OverviewPinButton\n            testId={testIdPin}\n            pinned={pinned}\n            pinnedLabel={pinnedLabel}\n            unpinnedLabel={unpinnedLabel}\n            onClick={onPinToggle}\n          />\n        </div>\n      </li>\n    );\n  };\n\n  const renderSectionRow = (section: ConversationOverviewSection) => {\n    if (section === CONVERSATION_OVERVIEW_SECTION.git) return null;\n    const item = OVERVIEW_MENU_ITEMS_BY_SECTION[section];\n    return renderMenuRow({\n      key: section,\n      testIdOpen: `conversation-overview-menu-open-${section}`,\n      testIdPin: `conversation-overview-menu-pin-${section}`,\n      icon: item.icon,\n      label: t(item.i18nKey),\n      pinned: isOverviewSectionPinned(\n        section,\n        state.unpinnedOverviewSections ?? [],\n      ),\n      isActionable: false,\n      onPinToggle: (event) => handlePinToggle(section, event),\n    });\n  };\n\n  const menu = (\n    <ContextMenu\n      ref={ref}\n      testId=\"conversation-overview-context-menu\"\n      theme={isPortaled ? \"popover\" : \"default\"}\n      position={isPortaled ? \"none\" : \"bottom\"}\n      alignment={isPortaled ? \"none\" : \"right\"}\n      spacing={isPortaled ? \"none\" : \"default\"}\n      className={cn(\"z-[9999] w-fit\", isPortaled ? \"mt-0\" : \"mt-2\")}\n    >\n      {CONVERSATION_OVERVIEW_SECTION_GROUPS.map((group, groupIndex) => (\n        <React.Fragment key={group.sections.join(\"-\")}>\n          {groupIndex > 0 ? (\n            <Divider\n              testId={`conversation-overview-menu-divider-${groupIndex}`}\n              inset=\"menu\"\n            />\n          ) : null}\n          {group.sections.map((section) => renderSectionRow(section))}\n        </React.Fragment>\n      ))}\n\n      <Divider testId=\"conversation-overview-menu-divider-git\" inset=\"menu\" />\n\n      {renderMenuRow({\n        key: CONVERSATION_OVERVIEW_SECTION.git,\n        testIdOpen: `conversation-overview-menu-open-${CONVERSATION_OVERVIEW_SECTION.git}`,\n        testIdPin: `conversation-overview-menu-pin-${CONVERSATION_OVERVIEW_SECTION.git}`,\n        icon: GitBranch,\n        label: t(I18nKey.CONVERSATION$OVERVIEW_GIT),\n        pinned: gitPinned,\n        isActionable: false,\n        onPinToggle: (event) =>\n          handlePinToggle(CONVERSATION_OVERVIEW_SECTION.git, event),\n      })}\n\n      {GIT_PART_MENU_ITEMS.map((item) =>\n        renderMenuRow({\n          key: item.part,\n          testIdOpen: `conversation-overview-menu-open-git-${item.part}`,\n          testIdPin: `conversation-overview-menu-pin-git-${item.part}`,\n          icon: item.icon,\n          label: t(item.i18nKey),\n          pinned: isOverviewGitPartPinned(\n            item.part,\n            state.unpinnedOverviewGitParts ?? [],\n          ),\n          isActionable: Boolean(\n            item.drawerSection || item.opensCommits || item.opensChanges,\n          ),\n          indent: true,\n          onOpen: () => handleOpenGitPart(item),\n          onPinToggle: (event) => handleGitPartPinToggle(item.part, event),\n        }),\n      )}\n    </ContextMenu>\n  );\n\n  if (isPortaled && portalStyle && typeof document !== \"undefined\") {\n    return ReactDOM.createPortal(\n      <div style={portalStyle}>{menu}</div>,\n      document.body,\n    );\n  }\n\n  return menu;\n}\n"],"mappings":"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"}

package/dist/components/features/conversation/conversation-overview-context-menu.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+interface ConversationOverviewContextMenuProps {
+    isOpen: boolean;
+    onClose: () => void;
+    ignoreOutsideClickRef?: React.RefObject<HTMLElement | null>;
+    /** Portal anchor so the menu is not clipped by the overview panel. */
+    anchorRef?: React.RefObject<HTMLElement | null>;
+}
+export declare function ConversationOverviewContextMenu({ isOpen, onClose, ignoreOutsideClickRef, anchorRef, }: ConversationOverviewContextMenuProps): React.JSX.Element | null;
+export {};

package/dist/components/features/conversation/conversation-overview-context-menu.js

@@ -0,0 +1,221 @@
+import { useTranslation as e } from "../../../node_modules/react-i18next/dist/es/useTranslation.js";
+import { I18nKey as t } from "../../../i18n/declaration.js";
+import { FolderGit2 as n } from "../../../node_modules/lucide-react/dist/esm/icons/folder-git-2.js";
+import { GitBranch as r } from "../../../node_modules/lucide-react/dist/esm/icons/git-branch.js";
+import { GitCommitHorizontal as i } from "../../../node_modules/lucide-react/dist/esm/icons/git-commit-horizontal.js";
+import { Laptop as a } from "../../../node_modules/lucide-react/dist/esm/icons/laptop.js";
+import { cn as o } from "../../../utils/utils.js";
+import { useConversationId as s } from "../../../hooks/use-conversation-id.js";
+import { CONVERSATION_OVERVIEW_GIT_PART as c, CONVERSATION_OVERVIEW_SECTION as l, CONVERSATION_OVERVIEW_SECTION_GROUPS as u, isOverviewGitPartPinned as d, isOverviewSectionPinned as f } from "./conversation-overview-sections.js";
+import { useConversationLocalStorageState as p } from "../../../utils/conversation-local-storage.js";
+import { dropdownInstantColorClassName as m, dropdownMenuRowIconWrapperClassName as h } from "../../../utils/dropdown-classes.js";
+import { ContextMenu as g } from "../../../ui/context-menu.js";
+import { useClickOutsideElement as _ } from "../../../hooks/use-click-outside-element.js";
+import { Divider as v } from "../../../ui/divider.js";
+import { useSelectConversationTab as y } from "../../../hooks/use-select-conversation-tab.js";
+import b from "../../../icons/u-pr.js";
+import { LuFileDiff as x } from "../../../node_modules/react-icons/lu/index.js";
+import { useConversationOverviewDrawerOptional as S } from "./conversation-overview-drawer-context.js";
+import C from "../../../icons/pill.js";
+import w from "../../../icons/pill-fill.js";
+import { CONVERSATION_OVERVIEW_DRAWER_SECTION as T } from "./conversation-overview-drawer.types.js";
+import E, { useLayoutEffect as D, useState as O } from "react";
+import { Fragment as k, jsx as A, jsxs as j } from "react/jsx-runtime";
+import M from "react-dom";
+//#region src/components/features/conversation/conversation-overview-context-menu.tsx
+var N = { [l.workspace]: {
+	section: l.workspace,
+	icon: a,
+	i18nKey: t.CONVERSATION$OVERVIEW_WORKSPACE
+} }, P = [
+	{
+		part: c.changes,
+		icon: x,
+		i18nKey: t.COMMON$CHANGES,
+		opensChanges: !0
+	},
+	{
+		part: c.repository,
+		icon: n,
+		i18nKey: t.CONVERSATION$REPOSITORY
+	},
+	{
+		part: c.branch,
+		icon: r,
+		i18nKey: t.CONVERSATION$BRANCH
+	},
+	{
+		part: c.commits,
+		icon: i,
+		i18nKey: t.DIFF_VIEWER$COMMITS,
+		opensCommits: !0
+	},
+	{
+		part: c.pull_requests,
+		icon: b,
+		i18nKey: t.CONVERSATION$OVERVIEW_PULL_REQUESTS,
+		drawerSection: T.pull_requests
+	}
+];
+function F({ testId: e, pinned: t, pinnedLabel: n, unpinnedLabel: r, onClick: i }) {
+	return /* @__PURE__ */ A("button", {
+		type: "button",
+		"data-testid": e,
+		className: o("flex shrink-0 cursor-pointer items-center justify-center rounded-r px-2 text-white", m, "hover:bg-white/10"),
+		"aria-pressed": t,
+		"aria-label": t ? n : r,
+		onClick: i,
+		children: /* @__PURE__ */ A("span", {
+			className: o("ml-auto overflow-hidden", h),
+			"aria-hidden": !0,
+			children: A(t ? w : C, {
+				className: "size-4",
+				width: 16,
+				height: 16
+			})
+		})
+	});
+}
+function I({ isOpen: n, onClose: i, ignoreOutsideClickRef: a, anchorRef: c }) {
+	let b = _(i, a), [x, C] = O(), { t: w } = e("openhands"), { conversationId: T } = s(), { state: I, setUnpinnedOverviewSections: L, setUnpinnedOverviewGitParts: R } = p(T), { navigateToChanges: z, navigateToCommits: B } = y(), V = S();
+	D(() => {
+		if (!n || !c?.current) {
+			C(void 0);
+			return;
+		}
+		let e = () => {
+			let e = c.current?.getBoundingClientRect();
+			e && C({
+				position: "fixed",
+				zIndex: 9999,
+				top: e.bottom + 8,
+				right: window.innerWidth - e.right
+			});
+		};
+		return e(), window.addEventListener("resize", e), window.addEventListener("scroll", e, !0), () => {
+			window.removeEventListener("resize", e), window.removeEventListener("scroll", e, !0);
+		};
+	}, [n, c]);
+	let H = (e) => {
+		if (e.opensChanges) {
+			V?.closeDrawer(), z(), i();
+			return;
+		}
+		if (e.opensCommits) {
+			V?.closeDrawer(), B(), i();
+			return;
+		}
+		e.drawerSection && (V?.openSection(e.drawerSection), i());
+	}, U = (e, t) => {
+		t.preventDefault(), t.stopPropagation();
+		let n = I.unpinnedOverviewSections ?? [];
+		if (n.includes(e)) {
+			L?.(n.filter((t) => t !== e));
+			return;
+		}
+		L?.([...n, e]);
+	}, W = (e, t) => {
+		t.preventDefault(), t.stopPropagation();
+		let n = I.unpinnedOverviewGitParts ?? [];
+		if (n.includes(e)) {
+			R?.(n.filter((t) => t !== e));
+			return;
+		}
+		R?.([...n, e]);
+	};
+	if (!n) return null;
+	let G = !!(c?.current && x), K = f(l.git, I.unpinnedOverviewSections ?? []), q = w(t.CONVERSATION$UNPIN_OVERVIEW_SECTION), J = w(t.CONVERSATION$PIN_OVERVIEW_SECTION), Y = ({ key: e, testIdOpen: t, testIdPin: n, icon: r, label: i, pinned: a, isActionable: s, indent: c = !1, onOpen: l, onPinToggle: u }) => {
+		let d = /* @__PURE__ */ j(k, { children: [/* @__PURE__ */ A("span", {
+			className: h,
+			"aria-hidden": !0,
+			children: /* @__PURE__ */ A(r, { className: "h-4 w-4" })
+		}), /* @__PURE__ */ A("span", {
+			className: "text-sm",
+			children: i
+		})] });
+		return /* @__PURE__ */ A("li", {
+			className: "list-none",
+			children: /* @__PURE__ */ j("div", {
+				className: o("group flex h-[30px] w-full min-w-0 items-stretch rounded hover:bg-[var(--oh-interactive-hover)]", c && "pl-4"),
+				children: [s ? /* @__PURE__ */ A("button", {
+					type: "button",
+					"data-testid": t,
+					className: o("flex min-w-0 flex-1 cursor-pointer items-center gap-2 rounded-l p-2 text-start text-white", m),
+					onClick: l,
+					children: d
+				}) : /* @__PURE__ */ A("div", {
+					"data-testid": t,
+					className: o("flex min-w-0 flex-1 items-center gap-2 rounded-l p-2 text-start text-white", m),
+					children: d
+				}), /* @__PURE__ */ A(F, {
+					testId: n,
+					pinned: a,
+					pinnedLabel: q,
+					unpinnedLabel: J,
+					onClick: u
+				})]
+			})
+		}, e);
+	}, X = (e) => {
+		if (e === l.git) return null;
+		let t = N[e];
+		return Y({
+			key: e,
+			testIdOpen: `conversation-overview-menu-open-${e}`,
+			testIdPin: `conversation-overview-menu-pin-${e}`,
+			icon: t.icon,
+			label: w(t.i18nKey),
+			pinned: f(e, I.unpinnedOverviewSections ?? []),
+			isActionable: !1,
+			onPinToggle: (t) => U(e, t)
+		});
+	}, Z = /* @__PURE__ */ j(g, {
+		ref: b,
+		testId: "conversation-overview-context-menu",
+		theme: G ? "popover" : "default",
+		position: G ? "none" : "bottom",
+		alignment: G ? "none" : "right",
+		spacing: G ? "none" : "default",
+		className: o("z-[9999] w-fit", G ? "mt-0" : "mt-2"),
+		children: [
+			u.map((e, t) => /* @__PURE__ */ j(E.Fragment, { children: [t > 0 ? /* @__PURE__ */ A(v, {
+				testId: `conversation-overview-menu-divider-${t}`,
+				inset: "menu"
+			}) : null, e.sections.map((e) => X(e))] }, e.sections.join("-"))),
+			/* @__PURE__ */ A(v, {
+				testId: "conversation-overview-menu-divider-git",
+				inset: "menu"
+			}),
+			Y({
+				key: l.git,
+				testIdOpen: `conversation-overview-menu-open-${l.git}`,
+				testIdPin: `conversation-overview-menu-pin-${l.git}`,
+				icon: r,
+				label: w(t.CONVERSATION$OVERVIEW_GIT),
+				pinned: K,
+				isActionable: !1,
+				onPinToggle: (e) => U(l.git, e)
+			}),
+			P.map((e) => Y({
+				key: e.part,
+				testIdOpen: `conversation-overview-menu-open-git-${e.part}`,
+				testIdPin: `conversation-overview-menu-pin-git-${e.part}`,
+				icon: e.icon,
+				label: w(e.i18nKey),
+				pinned: d(e.part, I.unpinnedOverviewGitParts ?? []),
+				isActionable: !!(e.drawerSection || e.opensCommits || e.opensChanges),
+				indent: !0,
+				onOpen: () => H(e),
+				onPinToggle: (t) => W(e.part, t)
+			}))
+		]
+	});
+	return G && x && typeof document < "u" ? M.createPortal(/* @__PURE__ */ A("div", {
+		style: x,
+		children: Z
+	}), document.body) : Z;
+}
+//#endregion
+export { I as ConversationOverviewContextMenu };
+
+//# sourceMappingURL=conversation-overview-context-menu.js.map