@openhands/agent-canvas 1.15.0 → 1.17.0

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

@@ -10,103 +10,103 @@ import { useConversationId as c } from "../../../../hooks/use-conversation-id.js
 import { useConversationLocalStorageState as l } from "../../../../utils/conversation-local-storage.js";
 import { useConversationStore as u } from "../../../../stores/conversation-store.js";
 import { useActiveBackend as d } from "../../../../contexts/active-backend-context.js";
-import { useAgentState as f } from "../../../../hooks/use-agent-state.js";
-import { LayoutGroup as ee } from "../../../../node_modules/framer-motion/dist/es/components/LayoutGroup/index.js";
-import { Typography as te } from "../../../../ui/typography.js";
-import { useSelectConversationTab as ne } from "../../../../hooks/use-select-conversation-tab.js";
-import re from "../../../../icons/document.js";
-import { useHandleBuildPlanClick as p } from "../../../../hooks/use-handle-build-plan-click.js";
-import { LuFileDiff as m } from "../../../../node_modules/react-icons/lu/index.js";
-import { EllipsisButton as h } from "../../conversation-panel/ellipsis-button.js";
-import { ChatActionTooltip as g } from "../../chat/chat-action-tooltip.js";
-import { mobileTopBarIconClassName as _ } from "../../../../utils/mobile-top-bar-icon-button-classes.js";
-import v from "../../../../icons/double-check.js";
-import { ConversationTabNav as y } from "./conversation-tab-nav.js";
+import { useAgentState as f, usePlanningAgentState as ee } from "../../../../hooks/use-agent-state.js";
+import { LayoutGroup as p } from "../../../../node_modules/framer-motion/dist/es/components/LayoutGroup/index.js";
+import { Typography as m } from "../../../../ui/typography.js";
+import { useSelectConversationTab as h } from "../../../../hooks/use-select-conversation-tab.js";
+import g from "../../../../icons/document.js";
+import { useHandleBuildPlanClick as te } from "../../../../hooks/use-handle-build-plan-click.js";
+import { LuFileDiff as ne } from "../../../../node_modules/react-icons/lu/index.js";
+import { EllipsisButton as re } from "../../conversation-panel/ellipsis-button.js";
+import { ChatActionTooltip as _ } from "../../chat/chat-action-tooltip.js";
+import { mobileTopBarIconClassName as v } from "../../../../utils/mobile-top-bar-icon-button-classes.js";
+import y from "../../../../icons/double-check.js";
+import { ConversationTabNav as b } from "./conversation-tab-nav.js";
 import { DrawerVSCodeLink as ie } from "./drawer-vscode-link.js";
-import { useTaskList as ae } from "../../../../hooks/use-task-list.js";
-import { ConversationTabsContextMenu as oe } from "./conversation-tabs-context-menu.js";
-import { useEffect as b, useLayoutEffect as se, useRef as x, useState as S } from "react";
-import { Fragment as C, jsx as w, jsxs as T } from "react/jsx-runtime";
+import { useTaskList as x } from "../../../../hooks/use-task-list.js";
+import { ConversationTabsContextMenu as S } from "./conversation-tabs-context-menu.js";
+import { useEffect as C, useLayoutEffect as ae, useRef as w, useState as T } from "react";
+import { Fragment as oe, jsx as E, jsxs as D } from "react/jsx-runtime";
 //#region src/components/features/conversation/conversation-tabs/conversation-tabs.tsx
-function E({ variant: E = "default", isPanelResizing: D = !1 }) {
-	let { conversationId: O } = c(), { setSelectedTab: k, planContent: A } = u(), [j, M] = S(!1), { state: N } = l(O), { hasTaskList: P } = ae(), { backend: F } = d(), { handleBuildPlanClick: I } = p(), { curAgentState: L } = f(), { selectTab: R, isTabActive: z, onTabChange: B, selectedTab: V, isRightPanelShown: H } = ne();
-	b(() => {
-		k(N.selectedTab);
-	}, [k, N.selectedTab]), b(() => {
-		H && (V || B("files"));
+function O({ variant: O = "default", isPanelResizing: k = !1 }) {
+	let { conversationId: se } = c(), { setSelectedTab: A, planContent: ce } = u(), [j, M] = T(!1), { state: N } = l(se), { hasTaskList: P } = x(), { backend: F } = d(), { handleBuildPlanClick: I } = te(), { curAgentState: L } = f(), { isPlanningAgentRunning: R } = ee(), { selectTab: z, isTabActive: B, onTabChange: V, selectedTab: H, isRightPanelShown: U } = h();
+	C(() => {
+		A(N.selectedTab);
+	}, [A, N.selectedTab]), C(() => {
+		U && (H || V("files"));
 	}, [
+		U,
 		H,
-		V,
-		B
+		V
 	]);
-	let { t: U, i18n: W } = e("openhands"), G = [
+	let { t: W, i18n: le } = e("openhands"), G = [
 		{
 			tabValue: "files",
-			isActive: z("files"),
-			icon: re,
-			onClick: () => R("files"),
-			tooltipContent: U(t.COMMON$FILES),
-			tooltipAriaLabel: U(t.COMMON$FILES),
-			label: U(t.COMMON$FILES)
+			isActive: B("files"),
+			icon: g,
+			onClick: () => z("files"),
+			tooltipContent: W(t.COMMON$FILES),
+			tooltipAriaLabel: W(t.COMMON$FILES),
+			label: W(t.COMMON$FILES)
 		},
 		{
 			tabValue: "commits",
-			isActive: z("commits"),
-			icon: m,
-			onClick: () => R("commits"),
-			tooltipContent: U(t.DIFF_VIEWER$COMMITS),
-			tooltipAriaLabel: U(t.DIFF_VIEWER$COMMITS),
-			label: U(t.DIFF_VIEWER$COMMITS)
+			isActive: B("commits"),
+			icon: ne,
+			onClick: () => z("commits"),
+			tooltipContent: W(t.DIFF_VIEWER$COMMITS),
+			tooltipAriaLabel: W(t.DIFF_VIEWER$COMMITS),
+			label: W(t.DIFF_VIEWER$COMMITS)
 		},
 		{
 			tabValue: "planner",
-			isActive: z("planner"),
+			isActive: B("planner"),
 			icon: i,
-			onClick: () => R("planner"),
-			tooltipContent: U(t.COMMON$PLANNER),
-			tooltipAriaLabel: U(t.COMMON$PLANNER),
-			label: U(t.COMMON$PLANNER)
+			onClick: () => z("planner"),
+			tooltipContent: W(t.COMMON$PLANNER),
+			tooltipAriaLabel: W(t.COMMON$PLANNER),
+			label: W(t.COMMON$PLANNER)
 		},
 		{
 			tabValue: "terminal",
-			isActive: z("terminal"),
+			isActive: B("terminal"),
 			icon: a,
-			onClick: () => R("terminal"),
-			tooltipContent: U(t.COMMON$TERMINAL),
-			tooltipAriaLabel: U(t.COMMON$TERMINAL),
-			label: U(t.COMMON$TERMINAL),
+			onClick: () => z("terminal"),
+			tooltipContent: W(t.COMMON$TERMINAL),
+			tooltipAriaLabel: W(t.COMMON$TERMINAL),
+			label: W(t.COMMON$TERMINAL),
 			className: "pl-2"
 		},
 		{
 			tabValue: "browser",
-			isActive: z("browser"),
+			isActive: B("browser"),
 			icon: r,
-			onClick: () => R("browser"),
-			tooltipContent: U(t.COMMON$BROWSER),
-			tooltipAriaLabel: U(t.COMMON$BROWSER),
-			label: U(t.COMMON$BROWSER)
+			onClick: () => z("browser"),
+			tooltipContent: W(t.COMMON$BROWSER),
+			tooltipAriaLabel: W(t.COMMON$BROWSER),
+			label: W(t.COMMON$BROWSER)
 		},
 		{
 			tabValue: "usage",
-			isActive: z("usage"),
+			isActive: B("usage"),
 			icon: n,
-			onClick: () => R("usage"),
-			tooltipContent: U(t.COMMON$USAGE),
-			tooltipAriaLabel: U(t.COMMON$USAGE),
-			label: U(t.COMMON$USAGE)
+			onClick: () => z("usage"),
+			tooltipContent: W(t.COMMON$USAGE),
+			tooltipAriaLabel: W(t.COMMON$USAGE),
+			label: W(t.COMMON$USAGE)
 		}
 	];
 	P && G.splice(2, 0, {
 		tabValue: "tasklist",
-		isActive: z("tasklist"),
-		icon: v,
-		onClick: () => R("tasklist"),
-		tooltipContent: U(t.COMMON$TASK_LIST),
-		tooltipAriaLabel: U(t.COMMON$TASK_LIST),
-		label: U(t.COMMON$TASK_LIST)
+		isActive: B("tasklist"),
+		icon: y,
+		onClick: () => z("tasklist"),
+		tooltipContent: W(t.COMMON$TASK_LIST),
+		tooltipAriaLabel: W(t.COMMON$TASK_LIST),
+		label: W(t.COMMON$TASK_LIST)
 	});
-	let K = G.filter((e) => e.tabValue === "planner" && F.kind !== "cloud" ? !1 : N.unpinnedTabs.includes(e.tabValue) ? V === e.tabValue : !0), ce = N.unpinnedTabs.join(","), q = L === o.RUNNING || L === o.LOADING || !A, J = x(null), Y = x(null), X = x(null), Z = x(null), Q = x(null), [le, $] = S(K.length);
-	se(() => {
+	let K = G.filter((e) => N.unpinnedTabs.includes(e.tabValue) ? H === e.tabValue : !0), ue = N.unpinnedTabs.join(","), q = L === o.RUNNING || L === o.LOADING || R || !ce, J = w(null), Y = w(null), X = w(null), Z = w(null), Q = w(null), [de, $] = T(K.length);
+	ae(() => {
 		let e = J.current, t = Y.current, n = X.current, r = Z.current;
 		if (!e || !t || !n || !r) return;
 		let i = () => {
@@ -133,27 +133,27 @@ function E({ variant: E = "default", isPanelResizing: D = !1 }) {
 		};
 		if (i(), typeof ResizeObserver > "u") return;
 		let a = new ResizeObserver(i);
-		return a.observe(e), () => a.disconnect();
+		return a.observe(e), a.observe(r), () => a.disconnect();
 	}, [
-		ce,
+		ue,
 		K.length,
 		P,
 		F.kind,
-		V,
 		H,
-		W.language
+		U,
+		le.language
 	]);
-	let ue = Math.min(le, K.length);
-	return /* @__PURE__ */ T(C, { children: [/* @__PURE__ */ T("div", {
-		className: s("relative w-full min-w-0", E === "compact" ? "flex h-full min-h-0 items-center py-0 pl-0 pr-1" : "min-h-10 p-1"),
-		children: [/* @__PURE__ */ w("div", {
+	let fe = Math.min(de, K.length);
+	return /* @__PURE__ */ D(oe, { children: [/* @__PURE__ */ D("div", {
+		className: s("relative w-full min-w-0", O === "compact" ? "flex h-full min-h-0 items-center py-0 pl-0 pr-1" : "min-h-10 p-1"),
+		children: [/* @__PURE__ */ E("div", {
 			ref: Y,
 			"aria-hidden": !0,
 			className: "pointer-events-none absolute top-0 left-[-10000px] flex flex-nowrap items-center gap-1.5",
-			children: K.map(({ tabValue: e, icon: t, isActive: n, tooltipContent: r, tooltipAriaLabel: i, label: a, className: o }, c) => /* @__PURE__ */ w(g, {
+			children: K.map(({ tabValue: e, icon: t, isActive: n, tooltipContent: r, tooltipAriaLabel: i, label: a, className: o }, c) => /* @__PURE__ */ E(_, {
 				tooltip: r,
 				ariaLabel: i,
-				children: /* @__PURE__ */ w(y, {
+				children: /* @__PURE__ */ E(b, {
 					tabValue: e,
 					icon: t,
 					onClick: () => {},
@@ -163,40 +163,40 @@ function E({ variant: E = "default", isPanelResizing: D = !1 }) {
 					measureOnly: !0
 				})
 			}, `measure-${e}-${c}`))
-		}), /* @__PURE__ */ T("div", {
+		}), /* @__PURE__ */ D("div", {
 			ref: J,
 			className: "flex w-full min-w-0 flex-nowrap items-center justify-start",
-			children: [/* @__PURE__ */ w("div", {
+			children: [/* @__PURE__ */ E("div", {
 				className: "flex min-w-0 flex-1 items-center justify-start overflow-hidden",
-				children: /* @__PURE__ */ T("div", {
+				children: /* @__PURE__ */ D("div", {
 					className: "flex w-fit max-w-full min-w-0 items-center gap-1.5",
-					children: [/* @__PURE__ */ w(ee, {
+					children: [/* @__PURE__ */ E(p, {
 						id: "conversation-drawer-tabs",
-						children: /* @__PURE__ */ w("div", {
+						children: /* @__PURE__ */ E("div", {
 							className: "flex w-fit max-w-full min-w-0 flex-nowrap items-center gap-1.5 overflow-x-hidden",
-							children: K.slice(0, ue).map(({ tabValue: e, icon: t, onClick: n, isActive: r, tooltipContent: i, tooltipAriaLabel: a, label: o, className: c }, l) => /* @__PURE__ */ w(g, {
+							children: K.slice(0, fe).map(({ tabValue: e, icon: t, onClick: n, isActive: r, tooltipContent: i, tooltipAriaLabel: a, label: o, className: c }, l) => /* @__PURE__ */ E(_, {
 								tooltip: i,
 								ariaLabel: a,
-								children: /* @__PURE__ */ w(y, {
+								children: /* @__PURE__ */ E(b, {
 									tabValue: e,
 									icon: t,
 									onClick: n,
 									isActive: r,
 									label: o,
 									className: s(c, "shrink-0"),
-									suppressLayoutAnimation: D
+									suppressLayoutAnimation: k
 								})
 							}, `${e}-${l}`))
 						})
-					}), /* @__PURE__ */ T("div", {
+					}), /* @__PURE__ */ D("div", {
 						ref: X,
 						className: "relative shrink-0",
-						children: [/* @__PURE__ */ w(h, {
+						children: [/* @__PURE__ */ E(re, {
 							ref: Q,
 							onClick: () => M(!j),
-							ariaLabel: U(t.COMMON$MORE_OPTIONS),
-							iconClassName: E === "compact" ? _ : void 0
-						}), /* @__PURE__ */ w(oe, {
+							ariaLabel: W(t.COMMON$MORE_OPTIONS),
+							iconClassName: O === "compact" ? v : void 0
+						}), /* @__PURE__ */ E(S, {
 							isOpen: j,
 							onClose: () => M(!1),
 							ignoreOutsideClickRef: Q,
@@ -204,28 +204,28 @@ function E({ variant: E = "default", isPanelResizing: D = !1 }) {
 						})]
 					})]
 				})
-			}), /* @__PURE__ */ w("div", {
+			}), /* @__PURE__ */ E("div", {
 				ref: Z,
-				className: s("ml-auto shrink-0", F.kind === "cloud" && "pr-1"),
-				children: F.kind === "cloud" && /* @__PURE__ */ w(ie, {})
+				className: "ml-auto shrink-0 pr-1",
+				children: /* @__PURE__ */ E(ie, {})
 			})]
 		})]
-	}), z("planner") && /* @__PURE__ */ w("div", {
+	}), B("planner") && /* @__PURE__ */ E("div", {
 		className: s("flex h-10 min-h-10 shrink-0 items-center border-t border-[var(--oh-border)] pl-[10px] pr-1"),
-		children: /* @__PURE__ */ w("button", {
+		children: /* @__PURE__ */ E("button", {
 			type: "button",
 			onClick: I,
 			disabled: q,
 			className: s("flex h-5 min-w-17 items-center justify-center rounded bg-white px-2 transition-opacity", q ? "cursor-not-allowed opacity-50" : "cursor-pointer hover:opacity-90"),
 			"data-testid": "planner-tab-build-button",
-			children: /* @__PURE__ */ T(te.Text, {
+			children: /* @__PURE__ */ D(m.Text, {
 				className: "text-[11px] font-normal leading-5 text-black",
-				children: [U(t.COMMON$BUILD), " ⌘↩"]
+				children: [W(t.COMMON$BUILD), " ⌘↩"]
 			})
 		})
 	})] });
 }
 //#endregion
-export { E as ConversationTabs };
+export { O as ConversationTabs };
 
 //# sourceMappingURL=conversation-tabs.js.map

package/dist/components/features/conversation/conversation-tabs/conversation-tabs.js.map

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

package/dist/components/features/conversation/conversation-tabs/drawer-vscode-link.cjs

@@ -1,2 +1,2 @@
-require("../../../../_virtual/_rolldown/runtime.cjs");const e=require("../../../../node_modules/react-i18next/dist/es/useTranslation.cjs"),t=require("../../../../i18n/declaration.cjs"),n=require("../../../../node_modules/lucide-react/dist/esm/icons/external-link.cjs"),r=require("../../../../types/agent-state.cjs"),i=require("../../../../utils/utils.cjs"),a=require("../../../../hooks/use-agent-state.cjs"),o=require("../../../../icons/vscode.cjs"),s=require("../../../../hooks/query/use-unified-vscode-url.cjs");let c=require("react/jsx-runtime");function l(){let{t:l}=e.useTranslation(`openhands`),{curAgentState:u}=a.useAgentState(),{data:d,refetch:f,isLoading:p}=s.useUnifiedVSCodeUrl(),m=r.RUNTIME_STARTING_STATES.includes(u);return(0,c.jsxs)(`button`,{type:`button`,onClick:async()=>{let e=d?.url;e||=(await f()).data?.url??null,e&&window.open(e,`_blank`,`noopener,noreferrer`)},disabled:p||m,"aria-label":l(t.I18nKey.VSCODE$OPEN),title:l(t.I18nKey.VSCODE$OPEN),"data-testid":`drawer-vscode-link`,className:i.cn(`inline-flex items-center gap-1.5 rounded-[7px] border border-[var(--oh-border)] bg-base-secondary px-2 py-1 text-xs`,`text-[var(--oh-muted)] transition-colors hover:enabled:bg-surface-raised hover:enabled:text-white`,`cursor-pointer disabled:opacity-50 disabled:cursor-not-allowed`),children:[(0,c.jsx)(o.default,{className:`h-[15px] w-[15px] shrink-0`,"aria-hidden":!0}),(0,c.jsx)(`span`,{children:l(t.I18nKey.FILES$VSCODE)}),(0,c.jsx)(n.ExternalLink,{className:`h-3.5 w-3.5 shrink-0`,"aria-hidden":!0,strokeWidth:2})]})}exports.DrawerVSCodeLink=l;
+require("../../../../_virtual/_rolldown/runtime.cjs");const e=require("../../../../node_modules/react-i18next/dist/es/useTranslation.cjs"),t=require("../../../../i18n/declaration.cjs"),n=require("../../../../node_modules/lucide-react/dist/esm/icons/external-link.cjs"),r=require("../../../../types/agent-state.cjs"),i=require("../../../../utils/utils.cjs"),a=require("../../../../hooks/use-agent-state.cjs"),o=require("../../../../icons/vscode.cjs"),s=require("../../../../hooks/query/use-unified-vscode-url.cjs");let c=require("react/jsx-runtime");function l(){let{t:l}=e.useTranslation(`openhands`),{curAgentState:u}=a.useAgentState(),{data:d,refetch:f,isLoading:p,isUnavailable:m}=s.useUnifiedVSCodeUrl(),h=r.RUNTIME_STARTING_STATES.includes(u);return m?null:(0,c.jsxs)(`button`,{type:`button`,onClick:async()=>{let e=d?.url;e||=(await f()).data?.url??null,e&&window.open(e,`_blank`,`noopener,noreferrer`)},disabled:p||h,"aria-label":l(t.I18nKey.VSCODE$OPEN),title:l(t.I18nKey.VSCODE$OPEN),"data-testid":`drawer-vscode-link`,className:i.cn(`inline-flex items-center gap-1.5 rounded-[7px] border border-[var(--oh-border)] bg-base-secondary px-2 py-1 text-xs`,`text-[var(--oh-muted)] transition-colors hover:enabled:bg-surface-raised hover:enabled:text-white`,`cursor-pointer disabled:opacity-50 disabled:cursor-not-allowed`),children:[(0,c.jsx)(o.default,{className:`h-[15px] w-[15px] shrink-0`,"aria-hidden":!0}),(0,c.jsx)(`span`,{children:l(t.I18nKey.FILES$VSCODE)}),(0,c.jsx)(n.ExternalLink,{className:`h-3.5 w-3.5 shrink-0`,"aria-hidden":!0,strokeWidth:2})]})}exports.DrawerVSCodeLink=l;
 //# sourceMappingURL=drawer-vscode-link.cjs.map

package/dist/components/features/conversation/conversation-tabs/drawer-vscode-link.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"drawer-vscode-link.cjs","names":[],"sources":["../../../../../src/components/features/conversation/conversation-tabs/drawer-vscode-link.tsx"],"sourcesContent":["import { ExternalLink } from \"lucide-react\";\nimport { useTranslation } from \"react-i18next\";\nimport VSCodeIcon from \"#/icons/vscode.svg?react\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { useAgentState } from \"#/hooks/use-agent-state\";\nimport { useUnifiedVSCodeUrl } from \"#/hooks/query/use-unified-vscode-url\";\nimport { RUNTIME_STARTING_STATES } from \"#/types/agent-state\";\nimport { cn } from \"#/utils/utils\";\n\nexport function DrawerVSCodeLink() {\n  const { t } = useTranslation(\"openhands\");\n  const { curAgentState } = useAgentState();\n  const { data, refetch, isLoading } = useUnifiedVSCodeUrl();\n  const isRuntimeStarting = RUNTIME_STARTING_STATES.includes(curAgentState);\n\n  const handleClick = async () => {\n    let vscodeUrl = data?.url;\n\n    if (!vscodeUrl) {\n      const result = await refetch();\n      vscodeUrl = result.data?.url ?? null;\n    }\n\n    if (vscodeUrl) {\n      window.open(vscodeUrl, \"_blank\", \"noopener,noreferrer\");\n    }\n  };\n\n  return (\n    <button\n      type=\"button\"\n      onClick={handleClick}\n      disabled={isLoading || isRuntimeStarting}\n      aria-label={t(I18nKey.VSCODE$OPEN)}\n      title={t(I18nKey.VSCODE$OPEN)}\n      data-testid=\"drawer-vscode-link\"\n      className={cn(\n        \"inline-flex items-center gap-1.5 rounded-[7px] border border-[var(--oh-border)] bg-base-secondary px-2 py-1 text-xs\",\n        \"text-[var(--oh-muted)] transition-colors hover:enabled:bg-surface-raised hover:enabled:text-white\",\n        \"cursor-pointer disabled:opacity-50 disabled:cursor-not-allowed\",\n      )}\n    >\n      <VSCodeIcon className=\"h-[15px] w-[15px] shrink-0\" aria-hidden />\n      <span>{t(I18nKey.FILES$VSCODE)}</span>\n      <ExternalLink\n        className=\"h-3.5 w-3.5 shrink-0\"\n        aria-hidden\n        strokeWidth={2}\n      />\n    </button>\n  );\n}\n"],"mappings":"qiBASA,SAAgB,GAAmB,CACjC,GAAM,CAAE,KAAM,EAAA,eAAe,WAAW,EAClC,CAAE,iBAAkB,EAAA,cAAc,EAClC,CAAE,OAAM,UAAS,aAAc,EAAA,oBAAoB,EACnD,EAAoB,EAAA,wBAAwB,SAAS,CAAa,EAexE,OACE,EAAA,EAAA,MAAC,SAAD,CACE,KAAK,SACL,QAAS,SAhBmB,CAC9B,IAAI,EAAY,GAAM,IAEtB,AAEE,KAAY,MADS,EAAQ,GACV,MAAM,KAAO,KAG9B,GACF,OAAO,KAAK,EAAW,SAAU,qBAAqB,CAE1D,EAMI,SAAU,GAAa,EACvB,aAAY,EAAE,EAAA,QAAQ,WAAW,EACjC,MAAO,EAAE,EAAA,QAAQ,WAAW,EAC5B,cAAY,qBACZ,UAAW,EAAA,GACT,sHACA,oGACA,gEACF,WAXF,EAaE,EAAA,EAAA,KAAC,EAAA,QAAD,CAAY,UAAU,6BAA6B,cAAA,EAAa,CAAA,GAChE,EAAA,EAAA,KAAC,OAAD,CAAA,SAAO,EAAE,EAAA,QAAQ,YAAY,CAAQ,CAAA,GACrC,EAAA,EAAA,KAAC,EAAA,aAAD,CACE,UAAU,uBACV,cAAA,GACA,YAAa,CACd,CAAA,CACK,GAEZ"}
+{"version":3,"file":"drawer-vscode-link.cjs","names":[],"sources":["../../../../../src/components/features/conversation/conversation-tabs/drawer-vscode-link.tsx"],"sourcesContent":["import { ExternalLink } from \"lucide-react\";\nimport { useTranslation } from \"react-i18next\";\nimport VSCodeIcon from \"#/icons/vscode.svg?react\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { useAgentState } from \"#/hooks/use-agent-state\";\nimport { useUnifiedVSCodeUrl } from \"#/hooks/query/use-unified-vscode-url\";\nimport { RUNTIME_STARTING_STATES } from \"#/types/agent-state\";\nimport { cn } from \"#/utils/utils\";\n\nexport function DrawerVSCodeLink() {\n  const { t } = useTranslation(\"openhands\");\n  const { curAgentState } = useAgentState();\n  const { data, refetch, isLoading, isUnavailable } = useUnifiedVSCodeUrl();\n  const isRuntimeStarting = RUNTIME_STARTING_STATES.includes(curAgentState);\n\n  const handleClick = async () => {\n    let vscodeUrl = data?.url;\n\n    if (!vscodeUrl) {\n      const result = await refetch();\n      vscodeUrl = result.data?.url ?? null;\n    }\n\n    if (vscodeUrl) {\n      window.open(vscodeUrl, \"_blank\", \"noopener,noreferrer\");\n    }\n  };\n\n  // Backends that report no editor to open — `enable_vscode: false`, a\n  // configured editor whose process is not running, or no URL reported — get\n  // no button rather than one that does nothing when clicked.\n  if (isUnavailable) {\n    return null;\n  }\n\n  return (\n    <button\n      type=\"button\"\n      onClick={handleClick}\n      disabled={isLoading || isRuntimeStarting}\n      aria-label={t(I18nKey.VSCODE$OPEN)}\n      title={t(I18nKey.VSCODE$OPEN)}\n      data-testid=\"drawer-vscode-link\"\n      className={cn(\n        \"inline-flex items-center gap-1.5 rounded-[7px] border border-[var(--oh-border)] bg-base-secondary px-2 py-1 text-xs\",\n        \"text-[var(--oh-muted)] transition-colors hover:enabled:bg-surface-raised hover:enabled:text-white\",\n        \"cursor-pointer disabled:opacity-50 disabled:cursor-not-allowed\",\n      )}\n    >\n      <VSCodeIcon className=\"h-[15px] w-[15px] shrink-0\" aria-hidden />\n      <span>{t(I18nKey.FILES$VSCODE)}</span>\n      <ExternalLink\n        className=\"h-3.5 w-3.5 shrink-0\"\n        aria-hidden\n        strokeWidth={2}\n      />\n    </button>\n  );\n}\n"],"mappings":"qiBASA,SAAgB,GAAmB,CACjC,GAAM,CAAE,KAAM,EAAA,eAAe,WAAW,EAClC,CAAE,iBAAkB,EAAA,cAAc,EAClC,CAAE,OAAM,UAAS,YAAW,iBAAkB,EAAA,oBAAoB,EAClE,EAAoB,EAAA,wBAAwB,SAAS,CAAa,EAsBxE,OAJI,EACK,MAIP,EAAA,EAAA,MAAC,SAAD,CACE,KAAK,SACL,QAAS,SAvBmB,CAC9B,IAAI,EAAY,GAAM,IAEtB,AAEE,KAAY,MADS,EAAQ,GACV,MAAM,KAAO,KAG9B,GACF,OAAO,KAAK,EAAW,SAAU,qBAAqB,CAE1D,EAaI,SAAU,GAAa,EACvB,aAAY,EAAE,EAAA,QAAQ,WAAW,EACjC,MAAO,EAAE,EAAA,QAAQ,WAAW,EAC5B,cAAY,qBACZ,UAAW,EAAA,GACT,sHACA,oGACA,gEACF,WAXF,EAaE,EAAA,EAAA,KAAC,EAAA,QAAD,CAAY,UAAU,6BAA6B,cAAA,EAAa,CAAA,GAChE,EAAA,EAAA,KAAC,OAAD,CAAA,SAAO,EAAE,EAAA,QAAQ,YAAY,CAAQ,CAAA,GACrC,EAAA,EAAA,KAAC,EAAA,aAAD,CACE,UAAU,uBACV,cAAA,GACA,YAAa,CACd,CAAA,CACK,GAEZ"}

package/dist/components/features/conversation/conversation-tabs/drawer-vscode-link.d.ts

@@ -1 +1 @@
-export declare function DrawerVSCodeLink(): import("react").JSX.Element;
+export declare function DrawerVSCodeLink(): import("react").JSX.Element | null;

package/dist/components/features/conversation/conversation-tabs/drawer-vscode-link.js

@@ -9,14 +9,14 @@ import { useUnifiedVSCodeUrl as s } from "../../../../hooks/query/use-unified-vs
 import { jsx as c, jsxs as l } from "react/jsx-runtime";
 //#region src/components/features/conversation/conversation-tabs/drawer-vscode-link.tsx
 function u() {
-	let { t: u } = e("openhands"), { curAgentState: d } = a(), { data: f, refetch: p, isLoading: m } = s(), h = r.includes(d);
-	return /* @__PURE__ */ l("button", {
+	let { t: u } = e("openhands"), { curAgentState: d } = a(), { data: f, refetch: p, isLoading: m, isUnavailable: h } = s(), g = r.includes(d);
+	return h ? null : /* @__PURE__ */ l("button", {
 		type: "button",
 		onClick: async () => {
 			let e = f?.url;
 			e ||= (await p()).data?.url ?? null, e && window.open(e, "_blank", "noopener,noreferrer");
 		},
-		disabled: m || h,
+		disabled: m || g,
 		"aria-label": u(t.VSCODE$OPEN),
 		title: u(t.VSCODE$OPEN),
 		"data-testid": "drawer-vscode-link",

package/dist/components/features/conversation/conversation-tabs/drawer-vscode-link.js.map

@@ -1 +1 @@
-{"version":3,"file":"drawer-vscode-link.js","names":[],"sources":["../../../../../src/components/features/conversation/conversation-tabs/drawer-vscode-link.tsx"],"sourcesContent":["import { ExternalLink } from \"lucide-react\";\nimport { useTranslation } from \"react-i18next\";\nimport VSCodeIcon from \"#/icons/vscode.svg?react\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { useAgentState } from \"#/hooks/use-agent-state\";\nimport { useUnifiedVSCodeUrl } from \"#/hooks/query/use-unified-vscode-url\";\nimport { RUNTIME_STARTING_STATES } from \"#/types/agent-state\";\nimport { cn } from \"#/utils/utils\";\n\nexport function DrawerVSCodeLink() {\n  const { t } = useTranslation(\"openhands\");\n  const { curAgentState } = useAgentState();\n  const { data, refetch, isLoading } = useUnifiedVSCodeUrl();\n  const isRuntimeStarting = RUNTIME_STARTING_STATES.includes(curAgentState);\n\n  const handleClick = async () => {\n    let vscodeUrl = data?.url;\n\n    if (!vscodeUrl) {\n      const result = await refetch();\n      vscodeUrl = result.data?.url ?? null;\n    }\n\n    if (vscodeUrl) {\n      window.open(vscodeUrl, \"_blank\", \"noopener,noreferrer\");\n    }\n  };\n\n  return (\n    <button\n      type=\"button\"\n      onClick={handleClick}\n      disabled={isLoading || isRuntimeStarting}\n      aria-label={t(I18nKey.VSCODE$OPEN)}\n      title={t(I18nKey.VSCODE$OPEN)}\n      data-testid=\"drawer-vscode-link\"\n      className={cn(\n        \"inline-flex items-center gap-1.5 rounded-[7px] border border-[var(--oh-border)] bg-base-secondary px-2 py-1 text-xs\",\n        \"text-[var(--oh-muted)] transition-colors hover:enabled:bg-surface-raised hover:enabled:text-white\",\n        \"cursor-pointer disabled:opacity-50 disabled:cursor-not-allowed\",\n      )}\n    >\n      <VSCodeIcon className=\"h-[15px] w-[15px] shrink-0\" aria-hidden />\n      <span>{t(I18nKey.FILES$VSCODE)}</span>\n      <ExternalLink\n        className=\"h-3.5 w-3.5 shrink-0\"\n        aria-hidden\n        strokeWidth={2}\n      />\n    </button>\n  );\n}\n"],"mappings":";;;;;;;;;;AASA,SAAgB,IAAmB;CACjC,IAAM,EAAE,SAAM,EAAe,WAAW,GAClC,EAAE,qBAAkB,EAAc,GAClC,EAAE,SAAM,YAAS,iBAAc,EAAoB,GACnD,IAAoB,EAAwB,SAAS,CAAa;CAexE,OACE,kBAAC,UAAD;EACE,MAAK;EACL,SAAS,YAhBmB;GAC9B,IAAI,IAAY,GAAM;GAOtB,AALA,AAEE,OAAY,MADS,EAAQ,GACV,MAAM,OAAO,MAG9B,KACF,OAAO,KAAK,GAAW,UAAU,qBAAqB;EAE1D;EAMI,UAAU,KAAa;EACvB,cAAY,EAAE,EAAQ,WAAW;EACjC,OAAO,EAAE,EAAQ,WAAW;EAC5B,eAAY;EACZ,WAAW,EACT,uHACA,qGACA,gEACF;YAXF;GAaE,kBAAC,GAAD;IAAY,WAAU;IAA6B,eAAA;GAAa,CAAA;GAChE,kBAAC,QAAD,EAAA,UAAO,EAAE,EAAQ,YAAY,EAAQ,CAAA;GACrC,kBAAC,GAAD;IACE,WAAU;IACV,eAAA;IACA,aAAa;GACd,CAAA;EACK;;AAEZ"}
+{"version":3,"file":"drawer-vscode-link.js","names":[],"sources":["../../../../../src/components/features/conversation/conversation-tabs/drawer-vscode-link.tsx"],"sourcesContent":["import { ExternalLink } from \"lucide-react\";\nimport { useTranslation } from \"react-i18next\";\nimport VSCodeIcon from \"#/icons/vscode.svg?react\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { useAgentState } from \"#/hooks/use-agent-state\";\nimport { useUnifiedVSCodeUrl } from \"#/hooks/query/use-unified-vscode-url\";\nimport { RUNTIME_STARTING_STATES } from \"#/types/agent-state\";\nimport { cn } from \"#/utils/utils\";\n\nexport function DrawerVSCodeLink() {\n  const { t } = useTranslation(\"openhands\");\n  const { curAgentState } = useAgentState();\n  const { data, refetch, isLoading, isUnavailable } = useUnifiedVSCodeUrl();\n  const isRuntimeStarting = RUNTIME_STARTING_STATES.includes(curAgentState);\n\n  const handleClick = async () => {\n    let vscodeUrl = data?.url;\n\n    if (!vscodeUrl) {\n      const result = await refetch();\n      vscodeUrl = result.data?.url ?? null;\n    }\n\n    if (vscodeUrl) {\n      window.open(vscodeUrl, \"_blank\", \"noopener,noreferrer\");\n    }\n  };\n\n  // Backends that report no editor to open — `enable_vscode: false`, a\n  // configured editor whose process is not running, or no URL reported — get\n  // no button rather than one that does nothing when clicked.\n  if (isUnavailable) {\n    return null;\n  }\n\n  return (\n    <button\n      type=\"button\"\n      onClick={handleClick}\n      disabled={isLoading || isRuntimeStarting}\n      aria-label={t(I18nKey.VSCODE$OPEN)}\n      title={t(I18nKey.VSCODE$OPEN)}\n      data-testid=\"drawer-vscode-link\"\n      className={cn(\n        \"inline-flex items-center gap-1.5 rounded-[7px] border border-[var(--oh-border)] bg-base-secondary px-2 py-1 text-xs\",\n        \"text-[var(--oh-muted)] transition-colors hover:enabled:bg-surface-raised hover:enabled:text-white\",\n        \"cursor-pointer disabled:opacity-50 disabled:cursor-not-allowed\",\n      )}\n    >\n      <VSCodeIcon className=\"h-[15px] w-[15px] shrink-0\" aria-hidden />\n      <span>{t(I18nKey.FILES$VSCODE)}</span>\n      <ExternalLink\n        className=\"h-3.5 w-3.5 shrink-0\"\n        aria-hidden\n        strokeWidth={2}\n      />\n    </button>\n  );\n}\n"],"mappings":";;;;;;;;;;AASA,SAAgB,IAAmB;CACjC,IAAM,EAAE,SAAM,EAAe,WAAW,GAClC,EAAE,qBAAkB,EAAc,GAClC,EAAE,SAAM,YAAS,cAAW,qBAAkB,EAAoB,GAClE,IAAoB,EAAwB,SAAS,CAAa;CAsBxE,OAJI,IACK,OAIP,kBAAC,UAAD;EACE,MAAK;EACL,SAAS,YAvBmB;GAC9B,IAAI,IAAY,GAAM;GAOtB,AALA,AAEE,OAAY,MADS,EAAQ,GACV,MAAM,OAAO,MAG9B,KACF,OAAO,KAAK,GAAW,UAAU,qBAAqB;EAE1D;EAaI,UAAU,KAAa;EACvB,cAAY,EAAE,EAAQ,WAAW;EACjC,OAAO,EAAE,EAAQ,WAAW;EAC5B,eAAY;EACZ,WAAW,EACT,uHACA,qGACA,gEACF;YAXF;GAaE,kBAAC,GAAD;IAAY,WAAU;IAA6B,eAAA;GAAa,CAAA;GAChE,kBAAC,QAAD,EAAA,UAAO,EAAE,EAAQ,YAAY,EAAQ,CAAA;GACrC,kBAAC,GAAD;IACE,WAAU;IACV,eAAA;IACA,aAAa;GACd,CAAA;EACK;;AAEZ"}

package/dist/components/features/conversation-panel/advanced-conversation-options-modal.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/archive.cjs"),i=require("../../../node_modules/lucide-react/dist/esm/icons/bot.cjs"),a=require("../../../node_modules/lucide-react/dist/esm/icons/calendar-arrow-down.cjs"),o=require("../../../node_modules/lucide-react/dist/esm/icons/clock-3.cjs"),s=require("../../../node_modules/lucide-react/dist/esm/icons/clock-arrow-down.cjs"),c=require("../../../node_modules/lucide-react/dist/esm/icons/eye-off.cjs"),l=require("../../../node_modules/lucide-react/dist/esm/icons/folder.cjs"),u=require("../../../node_modules/lucide-react/dist/esm/icons/git-branch.cjs"),d=require("../../../node_modules/lucide-react/dist/esm/icons/message-circle.cjs"),f=require("../../../node_modules/lucide-react/dist/esm/icons/mouse-pointer-click.cjs"),p=require("../../../node_modules/lucide-react/dist/esm/icons/star.cjs"),m=require("../../../node_modules/lucide-react/dist/esm/icons/tag.cjs"),h=require("../../../utils/utils.cjs"),g=require("../../../utils/scroll-fade-state.cjs"),_=require("../../shared/modals/modal-backdrop.cjs"),v=require("../../shared/modals/modal-body.cjs"),y=require("../../shared/modals/confirmation-modals/base-modal.cjs"),b=require("../../shared/modals/modal-close-button.cjs"),x=require("../settings/brand-button.cjs");require("./conversation-panel-list-helpers.cjs");const S=require("../../../stores/conversation-panel-preferences-store.cjs"),C=require("./menu-heading.cjs"),w=require("./menu-separator.cjs"),T=require("./menu-row.cjs"),E=require("../../../icons/automations.cjs"),D=require("./hide-older-conversations-row.cjs");let O=require("react");O=e.__toESM(O,1);let k=require("react/jsx-runtime");function A({open:e,onClose:A,backendKind:j,automationNameFacets:M}){let{t:N}=t.useTranslation(`openhands`),P=S.useConversationPanelPreferencesStore(),F=O.default.useRef(null),[I,L]=O.default.useState({top:!1,bottom:!1}),R=O.default.useCallback(()=>{let e=F.current;e&&L(g.readVerticalScrollEdgeState(e))},[]);if(O.default.useLayoutEffect(()=>{if(!e)return;R();let t=F.current;if(!t)return;let n=new ResizeObserver(R);return n.observe(t),t.firstElementChild&&n.observe(t.firstElementChild),()=>n.disconnect()},[e,R,P.automationFilterMode]),!e)return null;let z=N(j===`local`?n.I18nKey.CONVERSATION_PANEL$BY_WORKSPACE:n.I18nKey.CONVERSATION_PANEL$BY_REPOSITORY);return(0,k.jsx)(_.ModalBackdrop,{onClose:A,children:(0,k.jsxs)(v.ModalBody,{width:`md`,className:h.cn(`relative items-start overflow-hidden border border-[var(--oh-border)]`,v.MODAL_MAX_WIDTH_VIEWPORT),testID:`advanced-conversation-options-modal`,children:[(0,k.jsx)(b.ModalCloseButton,{onClose:A,testId:`advanced-options-modal-close`}),(0,k.jsxs)(`div`,{className:`flex w-full flex-col gap-2 pr-8`,children:[(0,k.jsx)(y.BaseModalTitle,{title:N(n.I18nKey.CONVERSATION_PANEL$ADVANCED_OPTIONS)}),(0,k.jsx)(y.BaseModalDescription,{children:N(n.I18nKey.CONVERSATION_PANEL$ADVANCED_OPTIONS_DESCRIPTION)})]}),(0,k.jsxs)(`div`,{className:`relative -mx-6 w-[calc(100%+3rem)] min-h-0`,children:[(0,k.jsx)(`div`,{"aria-hidden":!0,"data-testid":`advanced-options-scroll-edge-top`,"data-visible":I.top?`true`:`false`,className:h.cn(`pointer-events-none absolute inset-x-0 top-0 z-10 h-px bg-[var(--oh-border)]`,I.top?`opacity-100`:`opacity-0`)}),(0,k.jsxs)(`div`,{ref:F,role:`menu`,"aria-orientation":`vertical`,"aria-label":N(n.I18nKey.CONVERSATION_PANEL$ADVANCED_OPTIONS),tabIndex:-1,"data-testid":`advanced-options-scroll`,className:`custom-scrollbar-always flex max-h-[60vh] w-full flex-col overflow-y-auto px-6`,onClick:e=>e.stopPropagation(),onScroll:R,children:[(0,k.jsx)(C.MenuHeading,{children:N(n.I18nKey.CONVERSATION_PANEL$ORGANIZE)}),(0,k.jsx)(T.MenuRow,{icon:l.Folder,label:z,selected:P.organizeMode===`grouped`,testId:`organize-grouped`,onClick:()=>P.setOrganizeMode(`grouped`)}),(0,k.jsx)(T.MenuRow,{icon:o.Clock3,label:N(n.I18nKey.CONVERSATION_PANEL$CHRONOLOGICAL),selected:P.organizeMode===`chronological`,testId:`organize-chronological`,onClick:()=>P.setOrganizeMode(`chronological`)}),(0,k.jsx)(w.MenuSeparator,{}),(0,k.jsx)(C.MenuHeading,{children:N(n.I18nKey.CONVERSATION_PANEL$SORT_BY)}),(0,k.jsx)(T.MenuRow,{icon:a.CalendarArrowDown,label:N(n.I18nKey.CONVERSATION_PANEL$SORT_CREATED),selected:P.conversationSort===`created`,testId:`sort-created`,onClick:()=>P.setConversationSort(`created`)}),(0,k.jsx)(T.MenuRow,{icon:s.ClockArrowDown,label:N(n.I18nKey.CONVERSATION_PANEL$SORT_UPDATED),selected:P.conversationSort===`updated`,testId:`sort-updated`,onClick:()=>P.setConversationSort(`updated`)}),(0,k.jsx)(w.MenuSeparator,{}),(0,k.jsx)(C.MenuHeading,{children:N(n.I18nKey.CONVERSATION_PANEL$THREADS)}),(0,k.jsx)(T.MenuRow,{icon:d.MessageCircle,label:N(n.I18nKey.CONVERSATION_PANEL$ALL_THREADS),selected:P.threadScope===`all`,testId:`scope-all`,onClick:()=>P.setThreadScope(`all`)}),(0,k.jsx)(T.MenuRow,{icon:p.Star,label:N(n.I18nKey.CONVERSATION_PANEL$RELEVANT_THREADS),selected:P.threadScope===`relevant`,testId:`scope-relevant`,onClick:()=>P.setThreadScope(`relevant`)}),(0,k.jsx)(w.MenuSeparator,{}),(0,k.jsx)(C.MenuHeading,{children:N(n.I18nKey.CONVERSATION_PANEL$SHOW)}),(0,k.jsx)(T.MenuRow,{icon:r.Archive,label:N(n.I18nKey.CONVERSATION_PANEL$SHOW_ARCHIVED),selected:P.showArchivedConversations,variant:`toggle`,testId:`toggle-show-archived`,onClick:P.toggleShowArchivedConversations}),(0,k.jsx)(D.HideOlderConversationsRow,{}),(0,k.jsx)(w.MenuSeparator,{}),(0,k.jsx)(C.MenuHeading,{children:N(n.I18nKey.CONVERSATION_PANEL$AUTOMATIONS)}),(0,k.jsx)(T.MenuRow,{icon:d.MessageCircle,label:N(n.I18nKey.CONVERSATION_PANEL$AUTOMATIONS_ALL),selected:P.automationFilterMode===`all`,testId:`automation-filter-all`,onClick:()=>P.setAutomationFilterMode(`all`)}),(0,k.jsx)(T.MenuRow,{icon:c.EyeOff,label:N(n.I18nKey.CONVERSATION_PANEL$AUTOMATIONS_HIDE),selected:P.automationFilterMode===`hide-automations`,testId:`automation-filter-hide`,onClick:()=>P.setAutomationFilterMode(`hide-automations`)}),(0,k.jsx)(T.MenuRow,{icon:E.default,label:N(n.I18nKey.CONVERSATION_PANEL$AUTOMATIONS_ONLY),selected:P.automationFilterMode===`only-automations`,testId:`automation-filter-only`,onClick:()=>P.setAutomationFilterMode(`only-automations`)}),P.automationFilterMode===`only-automations`?M.map(e=>(0,k.jsx)(T.MenuRow,{icon:m.Tag,label:e===`__unnamed__`?N(n.I18nKey.CONVERSATION_PANEL$AUTOMATION_UNNAMED):e,selected:P.selectedAutomationNames.includes(e),variant:`toggle`,testId:`automation-name-row-${e}`,onClick:()=>P.toggleAutomationName(e)},e)):null,(0,k.jsx)(w.MenuSeparator,{}),(0,k.jsx)(C.MenuHeading,{children:N(n.I18nKey.CONVERSATION_PANEL$METADATA)}),(0,k.jsx)(T.MenuRow,{icon:u.GitBranch,label:N(n.I18nKey.CONVERSATION_PANEL$REPO_BRANCH),selected:P.showRepoBranchMetadata,variant:`toggle`,testId:`toggle-repo-branch-metadata`,onClick:P.toggleShowRepoBranchMetadata}),(0,k.jsx)(T.MenuRow,{icon:i.Bot,label:N(n.I18nKey.CONVERSATION_PANEL$LLM_MODEL),selected:P.showLlmProfiles,variant:`toggle`,testId:`toggle-llm-profiles`,onClick:P.toggleShowLlmProfiles}),(0,k.jsx)(T.MenuRow,{icon:m.Tag,label:N(n.I18nKey.CONVERSATION_PANEL$TAG_CHIPS),selected:P.showTagsMetadata,variant:`toggle`,testId:`toggle-tags-metadata`,onClick:P.toggleShowTagsMetadata}),(0,k.jsx)(T.MenuRow,{icon:f.MousePointerClick,label:N(n.I18nKey.CONVERSATION_PANEL$HOVER_METADATA),selected:P.showHoverMetadata,variant:`toggle`,testId:`toggle-hover-metadata`,onClick:P.toggleShowHoverMetadata})]}),(0,k.jsx)(`div`,{"aria-hidden":!0,"data-testid":`advanced-options-scroll-edge-bottom`,"data-visible":I.bottom?`true`:`false`,className:h.cn(`pointer-events-none absolute inset-x-0 bottom-0 z-10 h-px bg-[var(--oh-border)]`,I.bottom?`opacity-100`:`opacity-0`)})]}),(0,k.jsx)(`div`,{className:`flex w-full justify-end`,onClick:e=>e.stopPropagation(),children:(0,k.jsx)(x.BrandButton,{type:`button`,variant:`primary`,onClick:A,testId:`advanced-options-close`,children:N(n.I18nKey.BUTTON$CLOSE)})})]})})}exports.AdvancedConversationOptionsModal=A;
+//# sourceMappingURL=advanced-conversation-options-modal.cjs.map

package/dist/components/features/conversation-panel/advanced-conversation-options-modal.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"advanced-conversation-options-modal.cjs","names":[],"sources":["../../../../src/components/features/conversation-panel/advanced-conversation-options-modal.tsx"],"sourcesContent":["import React from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport {\n  Archive,\n  Bot,\n  CalendarArrowDown,\n  Clock3,\n  ClockArrowDown,\n  EyeOff,\n  Folder,\n  GitBranch,\n  MessageCircle,\n  MousePointerClick,\n  Star,\n  Tag,\n} from \"lucide-react\";\nimport AutomationsIcon from \"#/icons/automations.svg?react\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport type { BackendKind } from \"#/api/backend-registry/types\";\nimport { useConversationPanelPreferencesStore } from \"#/stores/conversation-panel-preferences-store\";\nimport {\n  BaseModalDescription,\n  BaseModalTitle,\n} from \"#/components/shared/modals/confirmation-modals/base-modal\";\nimport { ModalBackdrop } from \"#/components/shared/modals/modal-backdrop\";\nimport {\n  MODAL_MAX_WIDTH_VIEWPORT,\n  ModalBody,\n} from \"#/components/shared/modals/modal-body\";\nimport { ModalCloseButton } from \"#/components/shared/modals/modal-close-button\";\nimport { BrandButton } from \"#/components/features/settings/brand-button\";\nimport { cn } from \"#/utils/utils\";\nimport { readVerticalScrollEdgeState } from \"#/utils/scroll-fade-state\";\nimport { MenuHeading } from \"./menu-heading\";\nimport { MenuSeparator } from \"./menu-separator\";\nimport { MenuRow } from \"./menu-row\";\nimport { HideOlderConversationsRow } from \"./hide-older-conversations-row\";\nimport { UNNAMED_AUTOMATION_FACET } from \"./conversation-panel-list-helpers\";\n\nexport interface AdvancedConversationOptionsModalProps {\n  open: boolean;\n  onClose: () => void;\n  backendKind: BackendKind;\n  /**\n   * Distinct automation names among the loaded conversations. Rendered as\n   * selectable rows under the Automations section in `only-automations`\n   * mode — the only control for `selectedAutomationNames`, which is\n   * persisted and narrows the list on its own.\n   */\n  automationNameFacets: readonly string[];\n}\n\n/**\n * The full preference surface, promoted from the old hamburger filter menu\n * into its own modal (design from the 2026-08-14 PM walkthrough video).\n * Rows apply immediately and stay open — the modal closes only via the\n * top-right X, footer Close, Escape, or backdrop click.\n */\nexport function AdvancedConversationOptionsModal({\n  open,\n  onClose,\n  backendKind,\n  automationNameFacets,\n}: AdvancedConversationOptionsModalProps) {\n  const { t } = useTranslation(\"openhands\");\n  const preferences = useConversationPanelPreferencesStore();\n  const scrollRef = React.useRef<HTMLDivElement>(null);\n  const [scrollEdges, setScrollEdges] = React.useState({\n    top: false,\n    bottom: false,\n  });\n\n  const updateScrollEdges = React.useCallback(() => {\n    const element = scrollRef.current;\n    if (!element) {\n      return;\n    }\n    setScrollEdges(readVerticalScrollEdgeState(element));\n  }, []);\n\n  React.useLayoutEffect(() => {\n    if (!open) {\n      return undefined;\n    }\n    updateScrollEdges();\n\n    const element = scrollRef.current;\n    if (!element) {\n      return undefined;\n    }\n\n    const resizeObserver = new ResizeObserver(updateScrollEdges);\n    resizeObserver.observe(element);\n    if (element.firstElementChild) {\n      resizeObserver.observe(element.firstElementChild);\n    }\n\n    return () => resizeObserver.disconnect();\n  }, [open, updateScrollEdges, preferences.automationFilterMode]);\n\n  if (!open) return null;\n\n  const groupedLabel =\n    backendKind === \"local\"\n      ? t(I18nKey.CONVERSATION_PANEL$BY_WORKSPACE)\n      : t(I18nKey.CONVERSATION_PANEL$BY_REPOSITORY);\n\n  return (\n    <ModalBackdrop onClose={onClose}>\n      <ModalBody\n        width=\"md\"\n        className={cn(\n          \"relative items-start overflow-hidden border border-[var(--oh-border)]\",\n          MODAL_MAX_WIDTH_VIEWPORT,\n        )}\n        testID=\"advanced-conversation-options-modal\"\n      >\n        <ModalCloseButton\n          onClose={onClose}\n          testId=\"advanced-options-modal-close\"\n        />\n        <div className=\"flex w-full flex-col gap-2 pr-8\">\n          <BaseModalTitle\n            title={t(I18nKey.CONVERSATION_PANEL$ADVANCED_OPTIONS)}\n          />\n          <BaseModalDescription>\n            {t(I18nKey.CONVERSATION_PANEL$ADVANCED_OPTIONS_DESCRIPTION)}\n          </BaseModalDescription>\n        </div>\n\n        <div className=\"relative -mx-6 w-[calc(100%+3rem)] min-h-0\">\n          <div\n            aria-hidden\n            data-testid=\"advanced-options-scroll-edge-top\"\n            data-visible={scrollEdges.top ? \"true\" : \"false\"}\n            className={cn(\n              \"pointer-events-none absolute inset-x-0 top-0 z-10 h-px bg-[var(--oh-border)]\",\n              scrollEdges.top ? \"opacity-100\" : \"opacity-0\",\n            )}\n          />\n          <div\n            ref={scrollRef}\n            role=\"menu\"\n            aria-orientation=\"vertical\"\n            aria-label={t(I18nKey.CONVERSATION_PANEL$ADVANCED_OPTIONS)}\n            // Same idiom as the old filter menu: focusable for jsx-a11y but\n            // out of the natural Tab order (the rows are tabbable buttons).\n            tabIndex={-1}\n            data-testid=\"advanced-options-scroll\"\n            className=\"custom-scrollbar-always flex max-h-[60vh] w-full flex-col overflow-y-auto px-6\"\n            onClick={(event) => event.stopPropagation()}\n            onScroll={updateScrollEdges}\n          >\n            <MenuHeading>{t(I18nKey.CONVERSATION_PANEL$ORGANIZE)}</MenuHeading>\n            <MenuRow\n              icon={Folder}\n              label={groupedLabel}\n              selected={preferences.organizeMode === \"grouped\"}\n              testId=\"organize-grouped\"\n              onClick={() => preferences.setOrganizeMode(\"grouped\")}\n            />\n            <MenuRow\n              icon={Clock3}\n              label={t(I18nKey.CONVERSATION_PANEL$CHRONOLOGICAL)}\n              selected={preferences.organizeMode === \"chronological\"}\n              testId=\"organize-chronological\"\n              onClick={() => preferences.setOrganizeMode(\"chronological\")}\n            />\n\n            <MenuSeparator />\n            <MenuHeading>{t(I18nKey.CONVERSATION_PANEL$SORT_BY)}</MenuHeading>\n            <MenuRow\n              icon={CalendarArrowDown}\n              label={t(I18nKey.CONVERSATION_PANEL$SORT_CREATED)}\n              selected={preferences.conversationSort === \"created\"}\n              testId=\"sort-created\"\n              onClick={() => preferences.setConversationSort(\"created\")}\n            />\n            <MenuRow\n              icon={ClockArrowDown}\n              label={t(I18nKey.CONVERSATION_PANEL$SORT_UPDATED)}\n              selected={preferences.conversationSort === \"updated\"}\n              testId=\"sort-updated\"\n              onClick={() => preferences.setConversationSort(\"updated\")}\n            />\n\n            <MenuSeparator />\n            <MenuHeading>{t(I18nKey.CONVERSATION_PANEL$THREADS)}</MenuHeading>\n            <MenuRow\n              icon={MessageCircle}\n              label={t(I18nKey.CONVERSATION_PANEL$ALL_THREADS)}\n              selected={preferences.threadScope === \"all\"}\n              testId=\"scope-all\"\n              onClick={() => preferences.setThreadScope(\"all\")}\n            />\n            <MenuRow\n              icon={Star}\n              label={t(I18nKey.CONVERSATION_PANEL$RELEVANT_THREADS)}\n              selected={preferences.threadScope === \"relevant\"}\n              testId=\"scope-relevant\"\n              onClick={() => preferences.setThreadScope(\"relevant\")}\n            />\n\n            <MenuSeparator />\n            <MenuHeading>{t(I18nKey.CONVERSATION_PANEL$SHOW)}</MenuHeading>\n            <MenuRow\n              icon={Archive}\n              label={t(I18nKey.CONVERSATION_PANEL$SHOW_ARCHIVED)}\n              selected={preferences.showArchivedConversations}\n              variant=\"toggle\"\n              testId=\"toggle-show-archived\"\n              onClick={preferences.toggleShowArchivedConversations}\n            />\n            <HideOlderConversationsRow />\n            <MenuSeparator />\n            <MenuHeading>\n              {t(I18nKey.CONVERSATION_PANEL$AUTOMATIONS)}\n            </MenuHeading>\n            <MenuRow\n              icon={MessageCircle}\n              label={t(I18nKey.CONVERSATION_PANEL$AUTOMATIONS_ALL)}\n              selected={preferences.automationFilterMode === \"all\"}\n              testId=\"automation-filter-all\"\n              onClick={() => preferences.setAutomationFilterMode(\"all\")}\n            />\n            <MenuRow\n              icon={EyeOff}\n              label={t(I18nKey.CONVERSATION_PANEL$AUTOMATIONS_HIDE)}\n              selected={preferences.automationFilterMode === \"hide-automations\"}\n              testId=\"automation-filter-hide\"\n              onClick={() =>\n                preferences.setAutomationFilterMode(\"hide-automations\")\n              }\n            />\n            <MenuRow\n              icon={AutomationsIcon}\n              label={t(I18nKey.CONVERSATION_PANEL$AUTOMATIONS_ONLY)}\n              selected={preferences.automationFilterMode === \"only-automations\"}\n              testId=\"automation-filter-only\"\n              onClick={() =>\n                preferences.setAutomationFilterMode(\"only-automations\")\n              }\n            />\n            {/* Name rows only make sense while the list is scoped to\n              automations — and `setAutomationFilterMode` clears the selection\n              on the way out, so a hidden row can never keep narrowing. */}\n            {preferences.automationFilterMode === \"only-automations\"\n              ? automationNameFacets.map((facet) => (\n                  <MenuRow\n                    key={facet}\n                    icon={Tag}\n                    label={\n                      facet === UNNAMED_AUTOMATION_FACET\n                        ? t(I18nKey.CONVERSATION_PANEL$AUTOMATION_UNNAMED)\n                        : facet\n                    }\n                    selected={preferences.selectedAutomationNames.includes(\n                      facet,\n                    )}\n                    variant=\"toggle\"\n                    testId={`automation-name-row-${facet}`}\n                    onClick={() => preferences.toggleAutomationName(facet)}\n                  />\n                ))\n              : null}\n\n            <MenuSeparator />\n            <MenuHeading>{t(I18nKey.CONVERSATION_PANEL$METADATA)}</MenuHeading>\n            <MenuRow\n              icon={GitBranch}\n              label={t(I18nKey.CONVERSATION_PANEL$REPO_BRANCH)}\n              selected={preferences.showRepoBranchMetadata}\n              variant=\"toggle\"\n              testId=\"toggle-repo-branch-metadata\"\n              onClick={preferences.toggleShowRepoBranchMetadata}\n            />\n            <MenuRow\n              icon={Bot}\n              label={t(I18nKey.CONVERSATION_PANEL$LLM_MODEL)}\n              selected={preferences.showLlmProfiles}\n              variant=\"toggle\"\n              testId=\"toggle-llm-profiles\"\n              onClick={preferences.toggleShowLlmProfiles}\n            />\n            <MenuRow\n              icon={Tag}\n              label={t(I18nKey.CONVERSATION_PANEL$TAG_CHIPS)}\n              selected={preferences.showTagsMetadata}\n              variant=\"toggle\"\n              testId=\"toggle-tags-metadata\"\n              onClick={preferences.toggleShowTagsMetadata}\n            />\n            <MenuRow\n              icon={MousePointerClick}\n              label={t(I18nKey.CONVERSATION_PANEL$HOVER_METADATA)}\n              selected={preferences.showHoverMetadata}\n              variant=\"toggle\"\n              testId=\"toggle-hover-metadata\"\n              onClick={preferences.toggleShowHoverMetadata}\n            />\n          </div>\n          <div\n            aria-hidden\n            data-testid=\"advanced-options-scroll-edge-bottom\"\n            data-visible={scrollEdges.bottom ? \"true\" : \"false\"}\n            className={cn(\n              \"pointer-events-none absolute inset-x-0 bottom-0 z-10 h-px bg-[var(--oh-border)]\",\n              scrollEdges.bottom ? \"opacity-100\" : \"opacity-0\",\n            )}\n          />\n        </div>\n\n        <div\n          className=\"flex w-full justify-end\"\n          onClick={(event) => event.stopPropagation()}\n        >\n          <BrandButton\n            type=\"button\"\n            variant=\"primary\"\n            onClick={onClose}\n            testId=\"advanced-options-close\"\n          >\n            {t(I18nKey.BUTTON$CLOSE)}\n          </BrandButton>\n        </div>\n      </ModalBody>\n    </ModalBackdrop>\n  );\n}\n"],"mappings":"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"}

package/dist/components/features/conversation-panel/advanced-conversation-options-modal.d.ts

@@ -0,0 +1,21 @@
+import React from "react";
+import type { BackendKind } from "#/api/backend-registry/types";
+export interface AdvancedConversationOptionsModalProps {
+    open: boolean;
+    onClose: () => void;
+    backendKind: BackendKind;
+    /**
+     * Distinct automation names among the loaded conversations. Rendered as
+     * selectable rows under the Automations section in `only-automations`
+     * mode — the only control for `selectedAutomationNames`, which is
+     * persisted and narrows the list on its own.
+     */
+    automationNameFacets: readonly string[];
+}
+/**
+ * The full preference surface, promoted from the old hamburger filter menu
+ * into its own modal (design from the 2026-08-14 PM walkthrough video).
+ * Rows apply immediately and stay open — the modal closes only via the
+ * top-right X, footer Close, Escape, or backdrop click.
+ */
+export declare function AdvancedConversationOptionsModal({ open, onClose, backendKind, automationNameFacets, }: AdvancedConversationOptionsModalProps): React.JSX.Element | null;