@openhands/agent-canvas 1.16.0 → 1.18.0

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

@@ -8,50 +8,51 @@ import { useLayoutEffect as s, useReducer as c, useRef as l } from "react";
 import { Fragment as u, jsx as d, jsxs as f } from "react/jsx-runtime";
 import { createPortal as p } from "react-dom";
 //#region src/components/features/conversation-panel/conversation-card/conversation-card-actions.tsx
-function m({ contextMenuOpen: m, onContextMenuToggle: h, onDelete: g, onArchive: _, onUnarchive: v, onStop: y, onEdit: b, onDownloadViaVSCode: x, onDownloadConversation: S, executionStatus: C, conversationId: w, showOptions: T }) {
-	let { t: E } = e("openhands"), D = r(C), O = n(C), k = l(null), [, A] = c((e) => e + 1, 0);
+function m({ contextMenuOpen: m, onContextMenuToggle: h, onDelete: g, onArchive: _, onUnarchive: v, onStop: y, onEdit: b, onEditTags: x, onDownloadViaVSCode: S, onDownloadConversation: C, executionStatus: w, conversationId: T, showOptions: E }) {
+	let { t: D } = e("openhands"), O = r(w), k = n(w), A = l(null), [, j] = c((e) => e + 1, 0);
 	s(() => {
 		if (!m) return;
-		A();
+		j();
 		let e = 0, t = () => {
 			e ||= window.requestAnimationFrame(() => {
-				e = 0, A();
+				e = 0, j();
 			});
 		};
 		return window.addEventListener("resize", t), window.addEventListener("scroll", t, !0), () => {
 			e && window.cancelAnimationFrame(e), window.removeEventListener("resize", t), window.removeEventListener("scroll", t, !0);
 		};
 	}, [m]);
-	let j = (() => {
-		if (!m || !k.current) return;
-		let e = k.current.getBoundingClientRect(), t = Number(window.innerWidth) || 0, n = Number(window.innerHeight) || 0, r = Number(e.bottom) || 0, i = Number(e.right) || 0;
+	let M = (() => {
+		if (!m || !A.current) return;
+		let e = A.current.getBoundingClientRect(), t = Number(window.innerWidth) || 0, n = Number(window.innerHeight) || 0, r = Number(e.bottom) || 0, i = Number(e.right) || 0;
 		return {
 			position: "fixed",
 			top: r + 320 + 8 > n ? Math.max(8, e.top - 320 - 4) : r + 4,
 			right: Math.max(8, t - i),
 			zIndex: 1e5
 		};
-	})(), M = typeof document < "u" ? document.body : null;
+	})(), N = typeof document < "u" ? document.body : null;
 	return /* @__PURE__ */ f(u, { children: [/* @__PURE__ */ d(a, {
-		ref: k,
+		ref: A,
 		onClick: (e) => {
 			e.preventDefault(), e.stopPropagation(), h(!m);
 		},
-		ariaLabel: E(t.COMMON$MORE_OPTIONS),
-		className: i(D && "opacity-60")
-	}), m && j && M ? p(/* @__PURE__ */ d(o, {
-		ignoreOutsideClickRef: k,
-		floatingStyle: j,
+		ariaLabel: D(t.COMMON$MORE_OPTIONS),
+		className: i(O && "opacity-60")
+	}), m && M && N ? p(/* @__PURE__ */ d(o, {
+		ignoreOutsideClickRef: A,
+		floatingStyle: M,
 		onClose: () => h(!1),
 		onDelete: g,
 		onArchive: _,
 		onUnarchive: v,
-		onStop: O ? y : void 0,
+		onStop: k ? y : void 0,
 		onEdit: b,
-		onDownloadViaVSCode: w && T ? x : void 0,
-		onDownloadConversation: w ? S : void 0,
+		onEditTags: x,
+		onDownloadViaVSCode: T && E ? S : void 0,
+		onDownloadConversation: T ? C : void 0,
 		position: "bottom"
-	}), M) : null] });
+	}), N) : null] });
 }
 //#endregion
 export { m as ConversationCardActions };

package/dist/components/features/conversation-panel/conversation-card/conversation-card-actions.js.map

@@ -1 +1 @@
-{"version":3,"file":"conversation-card-actions.js","names":[],"sources":["../../../../../src/components/features/conversation-panel/conversation-card/conversation-card-actions.tsx"],"sourcesContent":["import React, { useLayoutEffect, useReducer, useRef } from \"react\";\nimport { createPortal } from \"react-dom\";\nimport { useTranslation } from \"react-i18next\";\nimport { cn } from \"#/utils/utils\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { ExecutionStatus } from \"#/types/agent-server/core/base/common\";\nimport { isExecutionActive, isExecutionPaused } from \"#/utils/status\";\nimport { ConversationCardContextMenu } from \"./conversation-card-context-menu\";\nimport { EllipsisButton } from \"../ellipsis-button\";\n\ninterface ConversationCardActionsProps {\n  contextMenuOpen: boolean;\n  onContextMenuToggle: (isOpen: boolean) => void;\n  onDelete?: (event: React.MouseEvent<HTMLButtonElement>) => void;\n  onArchive?: (event: React.MouseEvent<HTMLButtonElement>) => void;\n  onUnarchive?: (event: React.MouseEvent<HTMLButtonElement>) => void;\n  onStop?: (event: React.MouseEvent<HTMLButtonElement>) => void;\n  onEdit?: (event: React.MouseEvent<HTMLButtonElement>) => void;\n  onDownloadViaVSCode?: (event: React.MouseEvent<HTMLButtonElement>) => void;\n  onDownloadConversation?: (event: React.MouseEvent<HTMLButtonElement>) => void;\n  executionStatus?: ExecutionStatus | null;\n  conversationId?: string;\n  showOptions?: boolean;\n}\n\nexport function ConversationCardActions({\n  contextMenuOpen,\n  onContextMenuToggle,\n  onDelete,\n  onArchive,\n  onUnarchive,\n  onStop,\n  onEdit,\n  onDownloadViaVSCode,\n  onDownloadConversation,\n  executionStatus,\n  conversationId,\n  showOptions,\n}: ConversationCardActionsProps) {\n  const { t } = useTranslation(\"openhands\");\n  const isPaused = isExecutionPaused(executionStatus);\n  const isActive = isExecutionActive(executionStatus);\n  const anchorRef = useRef<HTMLButtonElement>(null);\n  const [, bumpPosition] = useReducer((i: number) => i + 1, 0);\n\n  useLayoutEffect(() => {\n    if (!contextMenuOpen) return undefined;\n    // Anchor ref is assigned after the ellipsis mounts; measure on the next frame.\n    bumpPosition();\n    // The scroll listener is in capture phase so it fires for nested scroll\n    // containers too. Coalesce bursts via rAF so fast scrolling triggers at\n    // most one reposition per paint frame instead of one per scroll event.\n    let frame = 0;\n    const update = () => {\n      if (frame) return;\n      frame = window.requestAnimationFrame(() => {\n        frame = 0;\n        bumpPosition();\n      });\n    };\n    window.addEventListener(\"resize\", update);\n    window.addEventListener(\"scroll\", update, true);\n    return () => {\n      if (frame) window.cancelAnimationFrame(frame);\n      window.removeEventListener(\"resize\", update);\n      window.removeEventListener(\"scroll\", update, true);\n    };\n  }, [contextMenuOpen]);\n\n  const floatingStyle: React.CSSProperties | undefined = (() => {\n    if (!contextMenuOpen || !anchorRef.current) return undefined;\n    const rect = anchorRef.current.getBoundingClientRect();\n    const vw = Number(window.innerWidth) || 0;\n    const vh = Number(window.innerHeight) || 0;\n    const bottom = Number(rect.bottom) || 0;\n    const rectRight = Number(rect.right) || 0;\n    // Conservative cap on this menu's intrinsic height (~7 items at\n    // ~36px + padding). When the anchor is so close to the viewport\n    // bottom that opening downward would clip the menu, flip it above\n    // the anchor instead. Slight over-estimate is fine — it just means\n    // we flip a few pixels earlier than strictly necessary.\n    const ESTIMATED_MENU_HEIGHT = 320;\n    const gutter = 8;\n    const overflowsDownward = bottom + ESTIMATED_MENU_HEIGHT + gutter > vh;\n    const top = overflowsDownward\n      ? Math.max(gutter, rect.top - ESTIMATED_MENU_HEIGHT - 4)\n      : bottom + 4;\n    return {\n      position: \"fixed\",\n      top,\n      right: Math.max(gutter, vw - rectRight),\n      zIndex: 100_000,\n    };\n  })();\n\n  const portalTarget = typeof document !== \"undefined\" ? document.body : null;\n\n  return (\n    <>\n      <EllipsisButton\n        ref={anchorRef}\n        onClick={(event) => {\n          event.preventDefault();\n          event.stopPropagation();\n          onContextMenuToggle(!contextMenuOpen);\n        }}\n        ariaLabel={t(I18nKey.COMMON$MORE_OPTIONS)}\n        className={cn(isPaused && \"opacity-60\")}\n      />\n      {contextMenuOpen && floatingStyle && portalTarget\n        ? createPortal(\n            <ConversationCardContextMenu\n              ignoreOutsideClickRef={anchorRef}\n              floatingStyle={floatingStyle}\n              onClose={() => onContextMenuToggle(false)}\n              onDelete={onDelete}\n              onArchive={onArchive}\n              onUnarchive={onUnarchive}\n              onStop={isActive ? onStop : undefined}\n              onEdit={onEdit}\n              onDownloadViaVSCode={\n                conversationId && showOptions ? onDownloadViaVSCode : undefined\n              }\n              onDownloadConversation={\n                conversationId ? onDownloadConversation : undefined\n              }\n              position=\"bottom\"\n            />,\n            portalTarget,\n          )\n        : null}\n    </>\n  );\n}\n"],"mappings":";;;;;;;;;;AAyBA,SAAgB,EAAwB,EACtC,oBACA,wBACA,aACA,cACA,gBACA,WACA,WACA,wBACA,2BACA,oBACA,mBACA,kBAC+B;CAC/B,IAAM,EAAE,SAAM,EAAe,WAAW,GAClC,IAAW,EAAkB,CAAe,GAC5C,IAAW,EAAkB,CAAe,GAC5C,IAAY,EAA0B,IAAI,GAC1C,GAAG,KAAgB,GAAY,MAAc,IAAI,GAAG,CAAC;CAE3D,QAAsB;EACpB,IAAI,CAAC,GAAiB;EAEtB,EAAa;EAIb,IAAI,IAAQ,GACN,UAAe;GACf,AACJ,MAAQ,OAAO,4BAA4B;IAEzC,AADA,IAAQ,GACR,EAAa;GACf,CAAC;EACH;EAGA,OAFA,OAAO,iBAAiB,UAAU,CAAM,GACxC,OAAO,iBAAiB,UAAU,GAAQ,EAAI,SACjC;GAGX,AAFI,KAAO,OAAO,qBAAqB,CAAK,GAC5C,OAAO,oBAAoB,UAAU,CAAM,GAC3C,OAAO,oBAAoB,UAAU,GAAQ,EAAI;EACnD;CACF,GAAG,CAAC,CAAe,CAAC;CAEpB,IAAM,WAAwD;EAC5D,IAAI,CAAC,KAAmB,CAAC,EAAU,SAAS;EAC5C,IAAM,IAAO,EAAU,QAAQ,sBAAsB,GAC/C,IAAK,OAAO,OAAO,UAAU,KAAK,GAClC,IAAK,OAAO,OAAO,WAAW,KAAK,GACnC,IAAS,OAAO,EAAK,MAAM,KAAK,GAChC,IAAY,OAAO,EAAK,KAAK,KAAK;EAYxC,OAAO;GACL,UAAU;GACV,KANwB,IAAS,MAAwB,IAAS,IAEhE,KAAK,IAAI,GAAQ,EAAK,MAAM,MAAwB,CAAC,IACrD,IAAS;GAIX,OAAO,KAAK,IAAI,GAAQ,IAAK,CAAS;GACtC,QAAQ;EACV;CACF,GAAG,GAEG,IAAe,OAAO,WAAa,MAAc,SAAS,OAAO;CAEvE,OACE,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,GAAD;EACE,KAAK;EACL,UAAU,MAAU;GAGlB,AAFA,EAAM,eAAe,GACrB,EAAM,gBAAgB,GACtB,EAAoB,CAAC,CAAe;EACtC;EACA,WAAW,EAAE,EAAQ,mBAAmB;EACxC,WAAW,EAAG,KAAY,YAAY;CACvC,CAAA,GACA,KAAmB,KAAiB,IACjC,EACE,kBAAC,GAAD;EACE,uBAAuB;EACR;EACf,eAAe,EAAoB,EAAK;EAC9B;EACC;EACE;EACb,QAAQ,IAAW,IAAS,KAAA;EACpB;EACR,qBACE,KAAkB,IAAc,IAAsB,KAAA;EAExD,wBACE,IAAiB,IAAyB,KAAA;EAE5C,UAAS;CACV,CAAA,GACD,CACF,IACA,IACJ,EAAA,CAAA;AAEN"}
+{"version":3,"file":"conversation-card-actions.js","names":[],"sources":["../../../../../src/components/features/conversation-panel/conversation-card/conversation-card-actions.tsx"],"sourcesContent":["import React, { useLayoutEffect, useReducer, useRef } from \"react\";\nimport { createPortal } from \"react-dom\";\nimport { useTranslation } from \"react-i18next\";\nimport { cn } from \"#/utils/utils\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { ExecutionStatus } from \"#/types/agent-server/core/base/common\";\nimport { isExecutionActive, isExecutionPaused } from \"#/utils/status\";\nimport { ConversationCardContextMenu } from \"./conversation-card-context-menu\";\nimport { EllipsisButton } from \"../ellipsis-button\";\n\ninterface ConversationCardActionsProps {\n  contextMenuOpen: boolean;\n  onContextMenuToggle: (isOpen: boolean) => void;\n  onDelete?: (event: React.MouseEvent<HTMLButtonElement>) => void;\n  onArchive?: (event: React.MouseEvent<HTMLButtonElement>) => void;\n  onUnarchive?: (event: React.MouseEvent<HTMLButtonElement>) => void;\n  onStop?: (event: React.MouseEvent<HTMLButtonElement>) => void;\n  onEdit?: (event: React.MouseEvent<HTMLButtonElement>) => void;\n  onEditTags?: (event: React.MouseEvent<HTMLButtonElement>) => void;\n  onDownloadViaVSCode?: (event: React.MouseEvent<HTMLButtonElement>) => void;\n  onDownloadConversation?: (event: React.MouseEvent<HTMLButtonElement>) => void;\n  executionStatus?: ExecutionStatus | null;\n  conversationId?: string;\n  showOptions?: boolean;\n}\n\nexport function ConversationCardActions({\n  contextMenuOpen,\n  onContextMenuToggle,\n  onDelete,\n  onArchive,\n  onUnarchive,\n  onStop,\n  onEdit,\n  onEditTags,\n  onDownloadViaVSCode,\n  onDownloadConversation,\n  executionStatus,\n  conversationId,\n  showOptions,\n}: ConversationCardActionsProps) {\n  const { t } = useTranslation(\"openhands\");\n  const isPaused = isExecutionPaused(executionStatus);\n  const isActive = isExecutionActive(executionStatus);\n  const anchorRef = useRef<HTMLButtonElement>(null);\n  const [, bumpPosition] = useReducer((i: number) => i + 1, 0);\n\n  useLayoutEffect(() => {\n    if (!contextMenuOpen) return undefined;\n    // Anchor ref is assigned after the ellipsis mounts; measure on the next frame.\n    bumpPosition();\n    // The scroll listener is in capture phase so it fires for nested scroll\n    // containers too. Coalesce bursts via rAF so fast scrolling triggers at\n    // most one reposition per paint frame instead of one per scroll event.\n    let frame = 0;\n    const update = () => {\n      if (frame) return;\n      frame = window.requestAnimationFrame(() => {\n        frame = 0;\n        bumpPosition();\n      });\n    };\n    window.addEventListener(\"resize\", update);\n    window.addEventListener(\"scroll\", update, true);\n    return () => {\n      if (frame) window.cancelAnimationFrame(frame);\n      window.removeEventListener(\"resize\", update);\n      window.removeEventListener(\"scroll\", update, true);\n    };\n  }, [contextMenuOpen]);\n\n  const floatingStyle: React.CSSProperties | undefined = (() => {\n    if (!contextMenuOpen || !anchorRef.current) return undefined;\n    const rect = anchorRef.current.getBoundingClientRect();\n    const vw = Number(window.innerWidth) || 0;\n    const vh = Number(window.innerHeight) || 0;\n    const bottom = Number(rect.bottom) || 0;\n    const rectRight = Number(rect.right) || 0;\n    // Conservative cap on this menu's intrinsic height (~7 items at\n    // ~36px + padding). When the anchor is so close to the viewport\n    // bottom that opening downward would clip the menu, flip it above\n    // the anchor instead. Slight over-estimate is fine — it just means\n    // we flip a few pixels earlier than strictly necessary.\n    const ESTIMATED_MENU_HEIGHT = 320;\n    const gutter = 8;\n    const overflowsDownward = bottom + ESTIMATED_MENU_HEIGHT + gutter > vh;\n    const top = overflowsDownward\n      ? Math.max(gutter, rect.top - ESTIMATED_MENU_HEIGHT - 4)\n      : bottom + 4;\n    return {\n      position: \"fixed\",\n      top,\n      right: Math.max(gutter, vw - rectRight),\n      zIndex: 100_000,\n    };\n  })();\n\n  const portalTarget = typeof document !== \"undefined\" ? document.body : null;\n\n  return (\n    <>\n      <EllipsisButton\n        ref={anchorRef}\n        onClick={(event) => {\n          event.preventDefault();\n          event.stopPropagation();\n          onContextMenuToggle(!contextMenuOpen);\n        }}\n        ariaLabel={t(I18nKey.COMMON$MORE_OPTIONS)}\n        className={cn(isPaused && \"opacity-60\")}\n      />\n      {contextMenuOpen && floatingStyle && portalTarget\n        ? createPortal(\n            <ConversationCardContextMenu\n              ignoreOutsideClickRef={anchorRef}\n              floatingStyle={floatingStyle}\n              onClose={() => onContextMenuToggle(false)}\n              onDelete={onDelete}\n              onArchive={onArchive}\n              onUnarchive={onUnarchive}\n              onStop={isActive ? onStop : undefined}\n              onEdit={onEdit}\n              onEditTags={onEditTags}\n              onDownloadViaVSCode={\n                conversationId && showOptions ? onDownloadViaVSCode : undefined\n              }\n              onDownloadConversation={\n                conversationId ? onDownloadConversation : undefined\n              }\n              position=\"bottom\"\n            />,\n            portalTarget,\n          )\n        : null}\n    </>\n  );\n}\n"],"mappings":";;;;;;;;;;AA0BA,SAAgB,EAAwB,EACtC,oBACA,wBACA,aACA,cACA,gBACA,WACA,WACA,eACA,wBACA,2BACA,oBACA,mBACA,kBAC+B;CAC/B,IAAM,EAAE,SAAM,EAAe,WAAW,GAClC,IAAW,EAAkB,CAAe,GAC5C,IAAW,EAAkB,CAAe,GAC5C,IAAY,EAA0B,IAAI,GAC1C,GAAG,KAAgB,GAAY,MAAc,IAAI,GAAG,CAAC;CAE3D,QAAsB;EACpB,IAAI,CAAC,GAAiB;EAEtB,EAAa;EAIb,IAAI,IAAQ,GACN,UAAe;GACf,AACJ,MAAQ,OAAO,4BAA4B;IAEzC,AADA,IAAQ,GACR,EAAa;GACf,CAAC;EACH;EAGA,OAFA,OAAO,iBAAiB,UAAU,CAAM,GACxC,OAAO,iBAAiB,UAAU,GAAQ,EAAI,SACjC;GAGX,AAFI,KAAO,OAAO,qBAAqB,CAAK,GAC5C,OAAO,oBAAoB,UAAU,CAAM,GAC3C,OAAO,oBAAoB,UAAU,GAAQ,EAAI;EACnD;CACF,GAAG,CAAC,CAAe,CAAC;CAEpB,IAAM,WAAwD;EAC5D,IAAI,CAAC,KAAmB,CAAC,EAAU,SAAS;EAC5C,IAAM,IAAO,EAAU,QAAQ,sBAAsB,GAC/C,IAAK,OAAO,OAAO,UAAU,KAAK,GAClC,IAAK,OAAO,OAAO,WAAW,KAAK,GACnC,IAAS,OAAO,EAAK,MAAM,KAAK,GAChC,IAAY,OAAO,EAAK,KAAK,KAAK;EAYxC,OAAO;GACL,UAAU;GACV,KANwB,IAAS,MAAwB,IAAS,IAEhE,KAAK,IAAI,GAAQ,EAAK,MAAM,MAAwB,CAAC,IACrD,IAAS;GAIX,OAAO,KAAK,IAAI,GAAQ,IAAK,CAAS;GACtC,QAAQ;EACV;CACF,GAAG,GAEG,IAAe,OAAO,WAAa,MAAc,SAAS,OAAO;CAEvE,OACE,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,GAAD;EACE,KAAK;EACL,UAAU,MAAU;GAGlB,AAFA,EAAM,eAAe,GACrB,EAAM,gBAAgB,GACtB,EAAoB,CAAC,CAAe;EACtC;EACA,WAAW,EAAE,EAAQ,mBAAmB;EACxC,WAAW,EAAG,KAAY,YAAY;CACvC,CAAA,GACA,KAAmB,KAAiB,IACjC,EACE,kBAAC,GAAD;EACE,uBAAuB;EACR;EACf,eAAe,EAAoB,EAAK;EAC9B;EACC;EACE;EACb,QAAQ,IAAW,IAAS,KAAA;EACpB;EACI;EACZ,qBACE,KAAkB,IAAc,IAAsB,KAAA;EAExD,wBACE,IAAiB,IAAyB,KAAA;EAE5C,UAAS;CACV,CAAA,GACD,CACF,IACA,IACJ,EAAA,CAAA;AAEN"}

package/dist/components/features/conversation-panel/conversation-card/conversation-card-context-menu.cjs

@@ -1,2 +1,2 @@
-const e=require("../../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../../node_modules/react-i18next/dist/es/useTranslation.cjs"),n=require("../../../../i18n/declaration.cjs"),r=require("../../../../node_modules/lucide-react/dist/esm/icons/archive-restore.cjs"),i=require("../../../../node_modules/lucide-react/dist/esm/icons/archive.cjs"),a=require("../../../../node_modules/lucide-react/dist/esm/icons/gauge.cjs"),o=require("../../../../contexts/active-backend-context.cjs"),s=require("../../../../icons/u-close.cjs"),c=require("../../../../ui/context-menu.cjs"),l=require("../../context-menu/context-menu-list-item.cjs"),u=require("../../../../hooks/use-click-outside-element.cjs"),d=require("../../../../ui/divider.cjs"),f=require("../../../../icons/skills.cjs"),p=require("../../../../icons/u-tools.cjs"),m=require("../../conversation/conversation-name-context-menu-icon-text.cjs"),h=require("../../../../icons/u-edit.cjs"),g=require("../../../../icons/u-download.cjs"),_=require("../../../../icons/u-delete.cjs");let v=require("react");v=e.__toESM(v,1);let y=require("react/jsx-runtime");function b({onClose:e,onDelete:b,onArchive:x,onUnarchive:S,onStop:C,onEdit:w,onDisplayCost:T,onShowAgentTools:E,onShowSkills:D,onDownloadViaVSCode:O,onDownloadConversation:k,position:A=`bottom`,floatingStyle:j,ignoreOutsideClickRef:M}){let{t:N}=t.useTranslation(`openhands`),{backend:P}=o.useActiveBackend(),F=u.useClickOutsideElement(e,M),I=P.kind===`cloud`?n.I18nKey.COMMON$CLOSE_CONVERSATION_STOP_RUNTIME:n.I18nKey.COMMON$STOP_CONVERSATION,L=(0,v.useCallback)((e,t,n)=>{let r=e.filter(e=>e!=null);return r.length>0?n?(0,y.jsx)(v.default.Fragment,{children:r},t):(0,y.jsxs)(v.default.Fragment,{children:[r,(0,y.jsx)(d.Divider,{inset:`menu`})]},t):null},[]),R=j!=null;return(0,y.jsxs)(c.ContextMenu,{ref:F,testId:`context-menu`,style:R?j:void 0,theme:R?`popover`:`default`,position:R?`none`:A,alignment:R?`none`:`right`,spacing:R?`none`:`default`,className:R?`mt-0 min-w-[200px] w-max max-w-[min(280px,100vw-16px)]`:`z-[200] mt-0`,children:[L([w&&(0,y.jsx)(l.ContextMenuListItem,{testId:`edit-button`,onClick:w,children:(0,y.jsx)(m.ConversationNameContextMenuIconText,{icon:(0,y.jsx)(h.default,{width:16,height:16}),text:N(n.I18nKey.BUTTON$RENAME)})},`edit-button`)],`edit-section`),L([E&&(0,y.jsx)(l.ContextMenuListItem,{testId:`show-agent-tools-button`,onClick:E,children:(0,y.jsx)(m.ConversationNameContextMenuIconText,{icon:(0,y.jsx)(p.default,{width:16,height:16}),text:N(n.I18nKey.BUTTON$SHOW_AGENT_TOOLS_AND_METADATA)})},`show-agent-tools-button`),D&&(0,y.jsx)(l.ContextMenuListItem,{testId:`show-skills-button`,onClick:D,children:(0,y.jsx)(m.ConversationNameContextMenuIconText,{icon:(0,y.jsx)(f.default,{width:16,height:16,className:`stroke-[1.75]`,"aria-hidden":!0}),text:N(n.I18nKey.CONVERSATION$SHOW_SKILLS)})},`show-skills-button`)],`tools-section`),L([C&&(0,y.jsx)(l.ContextMenuListItem,{testId:`stop-button`,onClick:C,children:(0,y.jsx)(m.ConversationNameContextMenuIconText,{icon:(0,y.jsx)(s.default,{width:16,height:16}),text:N(I)})},`stop-button`),O&&(0,y.jsx)(l.ContextMenuListItem,{testId:`download-vscode-button`,onClick:O,children:(0,y.jsx)(m.ConversationNameContextMenuIconText,{icon:(0,y.jsx)(g.default,{width:16,height:16}),text:N(n.I18nKey.BUTTON$DOWNLOAD_VIA_VSCODE)})},`download-vscode-button`),k&&(0,y.jsx)(l.ContextMenuListItem,{testId:`download-trajectory-button`,onClick:k,children:(0,y.jsx)(m.ConversationNameContextMenuIconText,{icon:(0,y.jsx)(g.default,{width:16,height:16}),text:N(n.I18nKey.BUTTON$DOWNLOAD_CONVERSATION_DATA)})},`download-trajectory-button`)],`control-section`),L([T&&(0,y.jsx)(l.ContextMenuListItem,{testId:`display-cost-button`,onClick:T,children:(0,y.jsx)(m.ConversationNameContextMenuIconText,{icon:(0,y.jsx)(a.Gauge,{size:16}),text:N(n.I18nKey.BUTTON$DISPLAY_COST)})},`display-cost-button`),x&&(0,y.jsx)(l.ContextMenuListItem,{testId:`archive-button`,onClick:x,children:(0,y.jsx)(m.ConversationNameContextMenuIconText,{icon:(0,y.jsx)(i.Archive,{className:`h-4 w-4`,"aria-hidden":!0}),text:N(n.I18nKey.COMMON$ARCHIVE_CONVERSATION)})},`archive-button`),S&&(0,y.jsx)(l.ContextMenuListItem,{testId:`unarchive-button`,onClick:S,children:(0,y.jsx)(m.ConversationNameContextMenuIconText,{icon:(0,y.jsx)(r.ArchiveRestore,{className:`h-4 w-4`,"aria-hidden":!0}),text:N(n.I18nKey.COMMON$UNARCHIVE_CONVERSATION)})},`unarchive-button`),b&&(0,y.jsx)(l.ContextMenuListItem,{testId:`delete-button`,onClick:b,children:(0,y.jsx)(m.ConversationNameContextMenuIconText,{icon:(0,y.jsx)(_.default,{width:16,height:16}),text:N(n.I18nKey.COMMON$DELETE_CONVERSATION)})},`delete-button`)],`info-section`,!0)]})}exports.ConversationCardContextMenu=b;
+const e=require("../../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../../node_modules/react-i18next/dist/es/useTranslation.cjs"),n=require("../../../../i18n/declaration.cjs"),r=require("../../../../node_modules/lucide-react/dist/esm/icons/archive-restore.cjs"),i=require("../../../../node_modules/lucide-react/dist/esm/icons/archive.cjs"),a=require("../../../../node_modules/lucide-react/dist/esm/icons/gauge.cjs"),o=require("../../../../node_modules/lucide-react/dist/esm/icons/tags.cjs"),s=require("../../../../contexts/active-backend-context.cjs"),c=require("../../../../icons/u-close.cjs"),l=require("../../../../ui/context-menu.cjs"),u=require("../../context-menu/context-menu-list-item.cjs"),d=require("../../../../hooks/use-click-outside-element.cjs"),f=require("../../../../ui/divider.cjs"),p=require("../../../../icons/skills.cjs"),m=require("../../../../icons/u-tools.cjs"),h=require("../../conversation/conversation-name-context-menu-icon-text.cjs"),g=require("../../../../icons/u-edit.cjs"),_=require("../../../../icons/u-download.cjs"),v=require("../../../../icons/u-delete.cjs");let y=require("react");y=e.__toESM(y,1);let b=require("react/jsx-runtime");function x({onClose:e,onDelete:x,onArchive:S,onUnarchive:C,onStop:w,onEdit:T,onEditTags:E,onDisplayCost:D,onShowAgentTools:O,onShowSkills:k,onDownloadViaVSCode:A,onDownloadConversation:j,position:M=`bottom`,floatingStyle:N,ignoreOutsideClickRef:P}){let{t:F}=t.useTranslation(`openhands`),{backend:I}=s.useActiveBackend(),L=d.useClickOutsideElement(e,P),R=I.kind===`cloud`?n.I18nKey.COMMON$CLOSE_CONVERSATION_STOP_RUNTIME:n.I18nKey.COMMON$STOP_CONVERSATION,z=(0,y.useCallback)((e,t,n)=>{let r=e.filter(e=>e!=null);return r.length>0?n?(0,b.jsx)(y.default.Fragment,{children:r},t):(0,b.jsxs)(y.default.Fragment,{children:[r,(0,b.jsx)(f.Divider,{inset:`menu`})]},t):null},[]),B=N!=null;return(0,b.jsxs)(l.ContextMenu,{ref:L,testId:`context-menu`,style:B?N:void 0,theme:B?`popover`:`default`,position:B?`none`:M,alignment:B?`none`:`right`,spacing:B?`none`:`default`,className:B?`mt-0 min-w-[200px] w-max max-w-[min(280px,100vw-16px)]`:`z-[200] mt-0`,children:[z([T&&(0,b.jsx)(u.ContextMenuListItem,{testId:`edit-button`,onClick:T,children:(0,b.jsx)(h.ConversationNameContextMenuIconText,{icon:(0,b.jsx)(g.default,{width:16,height:16}),text:F(n.I18nKey.BUTTON$RENAME)})},`edit-button`),E&&(0,b.jsx)(u.ContextMenuListItem,{testId:`edit-tags-button`,onClick:E,children:(0,b.jsx)(h.ConversationNameContextMenuIconText,{icon:(0,b.jsx)(o.Tags,{className:`h-4 w-4`,"aria-hidden":!0}),text:F(n.I18nKey.CONVERSATION$EDIT_TAGS)})},`edit-tags-button`)],`edit-section`),z([O&&(0,b.jsx)(u.ContextMenuListItem,{testId:`show-agent-tools-button`,onClick:O,children:(0,b.jsx)(h.ConversationNameContextMenuIconText,{icon:(0,b.jsx)(m.default,{width:16,height:16}),text:F(n.I18nKey.BUTTON$SHOW_AGENT_TOOLS_AND_METADATA)})},`show-agent-tools-button`),k&&(0,b.jsx)(u.ContextMenuListItem,{testId:`show-skills-button`,onClick:k,children:(0,b.jsx)(h.ConversationNameContextMenuIconText,{icon:(0,b.jsx)(p.default,{width:16,height:16,className:`stroke-[1.75]`,"aria-hidden":!0}),text:F(n.I18nKey.CONVERSATION$SHOW_SKILLS)})},`show-skills-button`)],`tools-section`),z([w&&(0,b.jsx)(u.ContextMenuListItem,{testId:`stop-button`,onClick:w,children:(0,b.jsx)(h.ConversationNameContextMenuIconText,{icon:(0,b.jsx)(c.default,{width:16,height:16}),text:F(R)})},`stop-button`),A&&(0,b.jsx)(u.ContextMenuListItem,{testId:`download-vscode-button`,onClick:A,children:(0,b.jsx)(h.ConversationNameContextMenuIconText,{icon:(0,b.jsx)(_.default,{width:16,height:16}),text:F(n.I18nKey.BUTTON$DOWNLOAD_VIA_VSCODE)})},`download-vscode-button`),j&&(0,b.jsx)(u.ContextMenuListItem,{testId:`download-trajectory-button`,onClick:j,children:(0,b.jsx)(h.ConversationNameContextMenuIconText,{icon:(0,b.jsx)(_.default,{width:16,height:16}),text:F(n.I18nKey.BUTTON$DOWNLOAD_CONVERSATION_DATA)})},`download-trajectory-button`)],`control-section`),z([D&&(0,b.jsx)(u.ContextMenuListItem,{testId:`display-cost-button`,onClick:D,children:(0,b.jsx)(h.ConversationNameContextMenuIconText,{icon:(0,b.jsx)(a.Gauge,{size:16}),text:F(n.I18nKey.BUTTON$DISPLAY_COST)})},`display-cost-button`),S&&(0,b.jsx)(u.ContextMenuListItem,{testId:`archive-button`,onClick:S,children:(0,b.jsx)(h.ConversationNameContextMenuIconText,{icon:(0,b.jsx)(i.Archive,{className:`h-4 w-4`,"aria-hidden":!0}),text:F(n.I18nKey.COMMON$ARCHIVE_CONVERSATION)})},`archive-button`),C&&(0,b.jsx)(u.ContextMenuListItem,{testId:`unarchive-button`,onClick:C,children:(0,b.jsx)(h.ConversationNameContextMenuIconText,{icon:(0,b.jsx)(r.ArchiveRestore,{className:`h-4 w-4`,"aria-hidden":!0}),text:F(n.I18nKey.COMMON$UNARCHIVE_CONVERSATION)})},`unarchive-button`),x&&(0,b.jsx)(u.ContextMenuListItem,{testId:`delete-button`,onClick:x,children:(0,b.jsx)(h.ConversationNameContextMenuIconText,{icon:(0,b.jsx)(v.default,{width:16,height:16}),text:F(n.I18nKey.COMMON$DELETE_CONVERSATION)})},`delete-button`)],`info-section`,!0)]})}exports.ConversationCardContextMenu=x;
 //# sourceMappingURL=conversation-card-context-menu.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"conversation-card-context-menu.cjs","names":[],"sources":["../../../../../src/components/features/conversation-panel/conversation-card/conversation-card-context-menu.tsx"],"sourcesContent":["import React, { useCallback } from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport { useActiveBackend } from \"#/contexts/active-backend-context\";\nimport { useClickOutsideElement } from \"#/hooks/use-click-outside-element\";\nimport { ContextMenu } from \"#/ui/context-menu\";\nimport { ContextMenuListItem } from \"../../context-menu/context-menu-list-item\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { ConversationNameContextMenuIconText } from \"../../conversation/conversation-name-context-menu-icon-text\";\n\nimport { Archive, ArchiveRestore } from \"lucide-react\";\nimport EditIcon from \"#/icons/u-edit.svg?react\";\nimport SkillsIcon from \"#/icons/skills.svg?react\";\nimport ToolsIcon from \"#/icons/u-tools.svg?react\";\nimport DownloadIcon from \"#/icons/u-download.svg?react\";\nimport CloseIcon from \"#/icons/u-close.svg?react\";\nimport DeleteIcon from \"#/icons/u-delete.svg?react\";\nimport { Divider } from \"#/ui/divider\";\nimport { Gauge } from \"lucide-react\";\n\ninterface ConversationCardContextMenuProps {\n  onClose: () => void;\n  onDelete?: (event: React.MouseEvent<HTMLButtonElement>) => void;\n  onArchive?: (event: React.MouseEvent<HTMLButtonElement>) => void;\n  onUnarchive?: (event: React.MouseEvent<HTMLButtonElement>) => void;\n  onStop?: (event: React.MouseEvent<HTMLButtonElement>) => void;\n  onEdit?: (event: React.MouseEvent<HTMLButtonElement>) => void;\n  onDisplayCost?: (event: React.MouseEvent<HTMLButtonElement>) => void;\n  onShowAgentTools?: (event: React.MouseEvent<HTMLButtonElement>) => void;\n  onShowSkills?: (event: React.MouseEvent<HTMLButtonElement>) => void;\n  onDownloadViaVSCode?: (event: React.MouseEvent<HTMLButtonElement>) => void;\n  onDownloadConversation?: (event: React.MouseEvent<HTMLButtonElement>) => void;\n  position?: \"top\" | \"bottom\";\n  /**\n   * Fixed coordinates for a portaled menu (conversation list overflow\n   * stacking). When set, theme/position switch to non-absolute layout.\n   */\n  floatingStyle?: React.CSSProperties;\n  ignoreOutsideClickRef?: React.RefObject<HTMLElement | null>;\n}\n\nexport function ConversationCardContextMenu({\n  onClose,\n  onDelete,\n  onArchive,\n  onUnarchive,\n  onStop,\n  onEdit,\n  onDisplayCost,\n  onShowAgentTools,\n  onShowSkills,\n  onDownloadViaVSCode,\n  onDownloadConversation,\n  position = \"bottom\",\n  floatingStyle,\n  ignoreOutsideClickRef,\n}: ConversationCardContextMenuProps) {\n  const { t } = useTranslation(\"openhands\");\n  const { backend } = useActiveBackend();\n  const ref = useClickOutsideElement<HTMLUListElement>(\n    onClose,\n    ignoreOutsideClickRef,\n  );\n  const stopLabelKey =\n    backend.kind === \"cloud\"\n      ? I18nKey.COMMON$CLOSE_CONVERSATION_STOP_RUNTIME\n      : I18nKey.COMMON$STOP_CONVERSATION;\n\n  const generateSection = useCallback(\n    (items: React.ReactNode[], sectionKey: string, isLast?: boolean) => {\n      const filteredItems = items.filter((i) => i != null);\n\n      if (filteredItems.length > 0) {\n        return !isLast ? (\n          <React.Fragment key={sectionKey}>\n            {filteredItems}\n            <Divider inset=\"menu\" />\n          </React.Fragment>\n        ) : (\n          <React.Fragment key={sectionKey}>{filteredItems}</React.Fragment>\n        );\n      }\n      return null;\n    },\n    [],\n  );\n\n  const isPortaled = floatingStyle != null;\n\n  return (\n    <ContextMenu\n      ref={ref}\n      testId=\"context-menu\"\n      style={isPortaled ? floatingStyle : undefined}\n      theme={isPortaled ? \"popover\" : \"default\"}\n      position={isPortaled ? \"none\" : position}\n      alignment={isPortaled ? \"none\" : \"right\"}\n      spacing={isPortaled ? \"none\" : \"default\"}\n      className={\n        isPortaled\n          ? \"mt-0 min-w-[200px] w-max max-w-[min(280px,100vw-16px)]\"\n          : \"z-[200] mt-0\"\n      }\n    >\n      {generateSection(\n        [\n          onEdit && (\n            <ContextMenuListItem\n              key=\"edit-button\"\n              testId=\"edit-button\"\n              onClick={onEdit}\n            >\n              <ConversationNameContextMenuIconText\n                icon={<EditIcon width={16} height={16} />}\n                text={t(I18nKey.BUTTON$RENAME)}\n              />\n            </ContextMenuListItem>\n          ),\n        ],\n        // eslint-disable-next-line i18next/no-literal-string -- internal section id, not user-facing\n        \"edit-section\",\n      )}\n      {generateSection(\n        [\n          onShowAgentTools && (\n            <ContextMenuListItem\n              key=\"show-agent-tools-button\"\n              testId=\"show-agent-tools-button\"\n              onClick={onShowAgentTools}\n            >\n              <ConversationNameContextMenuIconText\n                icon={<ToolsIcon width={16} height={16} />}\n                text={t(I18nKey.BUTTON$SHOW_AGENT_TOOLS_AND_METADATA)}\n              />\n            </ContextMenuListItem>\n          ),\n          onShowSkills && (\n            <ContextMenuListItem\n              key=\"show-skills-button\"\n              testId=\"show-skills-button\"\n              onClick={onShowSkills}\n            >\n              <ConversationNameContextMenuIconText\n                icon={\n                  <SkillsIcon\n                    width={16}\n                    height={16}\n                    className=\"stroke-[1.75]\"\n                    aria-hidden\n                  />\n                }\n                text={t(I18nKey.CONVERSATION$SHOW_SKILLS)}\n              />\n            </ContextMenuListItem>\n          ),\n        ],\n        // eslint-disable-next-line i18next/no-literal-string -- internal section id, not user-facing\n        \"tools-section\",\n      )}\n      {generateSection(\n        [\n          onStop && (\n            <ContextMenuListItem\n              key=\"stop-button\"\n              testId=\"stop-button\"\n              onClick={onStop}\n            >\n              <ConversationNameContextMenuIconText\n                icon={<CloseIcon width={16} height={16} />}\n                text={t(stopLabelKey)}\n              />\n            </ContextMenuListItem>\n          ),\n          onDownloadViaVSCode && (\n            <ContextMenuListItem\n              key=\"download-vscode-button\"\n              testId=\"download-vscode-button\"\n              onClick={onDownloadViaVSCode}\n            >\n              <ConversationNameContextMenuIconText\n                icon={<DownloadIcon width={16} height={16} />}\n                text={t(I18nKey.BUTTON$DOWNLOAD_VIA_VSCODE)}\n              />\n            </ContextMenuListItem>\n          ),\n          onDownloadConversation && (\n            <ContextMenuListItem\n              key=\"download-trajectory-button\"\n              testId=\"download-trajectory-button\"\n              onClick={onDownloadConversation}\n            >\n              <ConversationNameContextMenuIconText\n                icon={<DownloadIcon width={16} height={16} />}\n                text={t(I18nKey.BUTTON$DOWNLOAD_CONVERSATION_DATA)}\n              />\n            </ContextMenuListItem>\n          ),\n        ],\n        // eslint-disable-next-line i18next/no-literal-string -- internal section id, not user-facing\n        \"control-section\",\n      )}\n      {generateSection(\n        [\n          onDisplayCost && (\n            <ContextMenuListItem\n              key=\"display-cost-button\"\n              testId=\"display-cost-button\"\n              onClick={onDisplayCost}\n            >\n              <ConversationNameContextMenuIconText\n                icon={<Gauge size={16} />}\n                text={t(I18nKey.BUTTON$DISPLAY_COST)}\n              />\n            </ContextMenuListItem>\n          ),\n          onArchive && (\n            <ContextMenuListItem\n              key=\"archive-button\"\n              testId=\"archive-button\"\n              onClick={onArchive}\n            >\n              <ConversationNameContextMenuIconText\n                icon={<Archive className=\"h-4 w-4\" aria-hidden />}\n                text={t(I18nKey.COMMON$ARCHIVE_CONVERSATION)}\n              />\n            </ContextMenuListItem>\n          ),\n          onUnarchive && (\n            <ContextMenuListItem\n              key=\"unarchive-button\"\n              testId=\"unarchive-button\"\n              onClick={onUnarchive}\n            >\n              <ConversationNameContextMenuIconText\n                icon={<ArchiveRestore className=\"h-4 w-4\" aria-hidden />}\n                text={t(I18nKey.COMMON$UNARCHIVE_CONVERSATION)}\n              />\n            </ContextMenuListItem>\n          ),\n          onDelete && (\n            <ContextMenuListItem\n              key=\"delete-button\"\n              testId=\"delete-button\"\n              onClick={onDelete}\n            >\n              <ConversationNameContextMenuIconText\n                icon={<DeleteIcon width={16} height={16} />}\n                text={t(I18nKey.COMMON$DELETE_CONVERSATION)}\n              />\n            </ContextMenuListItem>\n          ),\n        ],\n        // eslint-disable-next-line i18next/no-literal-string -- internal section id, not user-facing\n        \"info-section\",\n        true,\n      )}\n    </ContextMenu>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"conversation-card-context-menu.cjs","names":[],"sources":["../../../../../src/components/features/conversation-panel/conversation-card/conversation-card-context-menu.tsx"],"sourcesContent":["import React, { useCallback } from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport { useActiveBackend } from \"#/contexts/active-backend-context\";\nimport { useClickOutsideElement } from \"#/hooks/use-click-outside-element\";\nimport { ContextMenu } from \"#/ui/context-menu\";\nimport { ContextMenuListItem } from \"../../context-menu/context-menu-list-item\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { ConversationNameContextMenuIconText } from \"../../conversation/conversation-name-context-menu-icon-text\";\n\nimport { Archive, ArchiveRestore, Gauge, Tags } from \"lucide-react\";\nimport EditIcon from \"#/icons/u-edit.svg?react\";\nimport SkillsIcon from \"#/icons/skills.svg?react\";\nimport ToolsIcon from \"#/icons/u-tools.svg?react\";\nimport DownloadIcon from \"#/icons/u-download.svg?react\";\nimport CloseIcon from \"#/icons/u-close.svg?react\";\nimport DeleteIcon from \"#/icons/u-delete.svg?react\";\nimport { Divider } from \"#/ui/divider\";\n\ninterface ConversationCardContextMenuProps {\n  onClose: () => void;\n  onDelete?: (event: React.MouseEvent<HTMLButtonElement>) => void;\n  onArchive?: (event: React.MouseEvent<HTMLButtonElement>) => void;\n  onUnarchive?: (event: React.MouseEvent<HTMLButtonElement>) => void;\n  onStop?: (event: React.MouseEvent<HTMLButtonElement>) => void;\n  onEdit?: (event: React.MouseEvent<HTMLButtonElement>) => void;\n  onEditTags?: (event: React.MouseEvent<HTMLButtonElement>) => void;\n  onDisplayCost?: (event: React.MouseEvent<HTMLButtonElement>) => void;\n  onShowAgentTools?: (event: React.MouseEvent<HTMLButtonElement>) => void;\n  onShowSkills?: (event: React.MouseEvent<HTMLButtonElement>) => void;\n  onDownloadViaVSCode?: (event: React.MouseEvent<HTMLButtonElement>) => void;\n  onDownloadConversation?: (event: React.MouseEvent<HTMLButtonElement>) => void;\n  position?: \"top\" | \"bottom\";\n  /**\n   * Fixed coordinates for a portaled menu (conversation list overflow\n   * stacking). When set, theme/position switch to non-absolute layout.\n   */\n  floatingStyle?: React.CSSProperties;\n  ignoreOutsideClickRef?: React.RefObject<HTMLElement | null>;\n}\n\nexport function ConversationCardContextMenu({\n  onClose,\n  onDelete,\n  onArchive,\n  onUnarchive,\n  onStop,\n  onEdit,\n  onEditTags,\n  onDisplayCost,\n  onShowAgentTools,\n  onShowSkills,\n  onDownloadViaVSCode,\n  onDownloadConversation,\n  position = \"bottom\",\n  floatingStyle,\n  ignoreOutsideClickRef,\n}: ConversationCardContextMenuProps) {\n  const { t } = useTranslation(\"openhands\");\n  const { backend } = useActiveBackend();\n  const ref = useClickOutsideElement<HTMLUListElement>(\n    onClose,\n    ignoreOutsideClickRef,\n  );\n  const stopLabelKey =\n    backend.kind === \"cloud\"\n      ? I18nKey.COMMON$CLOSE_CONVERSATION_STOP_RUNTIME\n      : I18nKey.COMMON$STOP_CONVERSATION;\n\n  const generateSection = useCallback(\n    (items: React.ReactNode[], sectionKey: string, isLast?: boolean) => {\n      const filteredItems = items.filter((i) => i != null);\n\n      if (filteredItems.length > 0) {\n        return !isLast ? (\n          <React.Fragment key={sectionKey}>\n            {filteredItems}\n            <Divider inset=\"menu\" />\n          </React.Fragment>\n        ) : (\n          <React.Fragment key={sectionKey}>{filteredItems}</React.Fragment>\n        );\n      }\n      return null;\n    },\n    [],\n  );\n\n  const isPortaled = floatingStyle != null;\n\n  return (\n    <ContextMenu\n      ref={ref}\n      testId=\"context-menu\"\n      style={isPortaled ? floatingStyle : undefined}\n      theme={isPortaled ? \"popover\" : \"default\"}\n      position={isPortaled ? \"none\" : position}\n      alignment={isPortaled ? \"none\" : \"right\"}\n      spacing={isPortaled ? \"none\" : \"default\"}\n      className={\n        isPortaled\n          ? \"mt-0 min-w-[200px] w-max max-w-[min(280px,100vw-16px)]\"\n          : \"z-[200] mt-0\"\n      }\n    >\n      {generateSection(\n        [\n          onEdit && (\n            <ContextMenuListItem\n              key=\"edit-button\"\n              testId=\"edit-button\"\n              onClick={onEdit}\n            >\n              <ConversationNameContextMenuIconText\n                icon={<EditIcon width={16} height={16} />}\n                text={t(I18nKey.BUTTON$RENAME)}\n              />\n            </ContextMenuListItem>\n          ),\n          onEditTags && (\n            <ContextMenuListItem\n              key=\"edit-tags-button\"\n              testId=\"edit-tags-button\"\n              onClick={onEditTags}\n            >\n              <ConversationNameContextMenuIconText\n                icon={<Tags className=\"h-4 w-4\" aria-hidden />}\n                text={t(I18nKey.CONVERSATION$EDIT_TAGS)}\n              />\n            </ContextMenuListItem>\n          ),\n        ],\n        // eslint-disable-next-line i18next/no-literal-string -- internal section id, not user-facing\n        \"edit-section\",\n      )}\n      {generateSection(\n        [\n          onShowAgentTools && (\n            <ContextMenuListItem\n              key=\"show-agent-tools-button\"\n              testId=\"show-agent-tools-button\"\n              onClick={onShowAgentTools}\n            >\n              <ConversationNameContextMenuIconText\n                icon={<ToolsIcon width={16} height={16} />}\n                text={t(I18nKey.BUTTON$SHOW_AGENT_TOOLS_AND_METADATA)}\n              />\n            </ContextMenuListItem>\n          ),\n          onShowSkills && (\n            <ContextMenuListItem\n              key=\"show-skills-button\"\n              testId=\"show-skills-button\"\n              onClick={onShowSkills}\n            >\n              <ConversationNameContextMenuIconText\n                icon={\n                  <SkillsIcon\n                    width={16}\n                    height={16}\n                    className=\"stroke-[1.75]\"\n                    aria-hidden\n                  />\n                }\n                text={t(I18nKey.CONVERSATION$SHOW_SKILLS)}\n              />\n            </ContextMenuListItem>\n          ),\n        ],\n        // eslint-disable-next-line i18next/no-literal-string -- internal section id, not user-facing\n        \"tools-section\",\n      )}\n      {generateSection(\n        [\n          onStop && (\n            <ContextMenuListItem\n              key=\"stop-button\"\n              testId=\"stop-button\"\n              onClick={onStop}\n            >\n              <ConversationNameContextMenuIconText\n                icon={<CloseIcon width={16} height={16} />}\n                text={t(stopLabelKey)}\n              />\n            </ContextMenuListItem>\n          ),\n          onDownloadViaVSCode && (\n            <ContextMenuListItem\n              key=\"download-vscode-button\"\n              testId=\"download-vscode-button\"\n              onClick={onDownloadViaVSCode}\n            >\n              <ConversationNameContextMenuIconText\n                icon={<DownloadIcon width={16} height={16} />}\n                text={t(I18nKey.BUTTON$DOWNLOAD_VIA_VSCODE)}\n              />\n            </ContextMenuListItem>\n          ),\n          onDownloadConversation && (\n            <ContextMenuListItem\n              key=\"download-trajectory-button\"\n              testId=\"download-trajectory-button\"\n              onClick={onDownloadConversation}\n            >\n              <ConversationNameContextMenuIconText\n                icon={<DownloadIcon width={16} height={16} />}\n                text={t(I18nKey.BUTTON$DOWNLOAD_CONVERSATION_DATA)}\n              />\n            </ContextMenuListItem>\n          ),\n        ],\n        // eslint-disable-next-line i18next/no-literal-string -- internal section id, not user-facing\n        \"control-section\",\n      )}\n      {generateSection(\n        [\n          onDisplayCost && (\n            <ContextMenuListItem\n              key=\"display-cost-button\"\n              testId=\"display-cost-button\"\n              onClick={onDisplayCost}\n            >\n              <ConversationNameContextMenuIconText\n                icon={<Gauge size={16} />}\n                text={t(I18nKey.BUTTON$DISPLAY_COST)}\n              />\n            </ContextMenuListItem>\n          ),\n          onArchive && (\n            <ContextMenuListItem\n              key=\"archive-button\"\n              testId=\"archive-button\"\n              onClick={onArchive}\n            >\n              <ConversationNameContextMenuIconText\n                icon={<Archive className=\"h-4 w-4\" aria-hidden />}\n                text={t(I18nKey.COMMON$ARCHIVE_CONVERSATION)}\n              />\n            </ContextMenuListItem>\n          ),\n          onUnarchive && (\n            <ContextMenuListItem\n              key=\"unarchive-button\"\n              testId=\"unarchive-button\"\n              onClick={onUnarchive}\n            >\n              <ConversationNameContextMenuIconText\n                icon={<ArchiveRestore className=\"h-4 w-4\" aria-hidden />}\n                text={t(I18nKey.COMMON$UNARCHIVE_CONVERSATION)}\n              />\n            </ContextMenuListItem>\n          ),\n          onDelete && (\n            <ContextMenuListItem\n              key=\"delete-button\"\n              testId=\"delete-button\"\n              onClick={onDelete}\n            >\n              <ConversationNameContextMenuIconText\n                icon={<DeleteIcon width={16} height={16} />}\n                text={t(I18nKey.COMMON$DELETE_CONVERSATION)}\n              />\n            </ContextMenuListItem>\n          ),\n        ],\n        // eslint-disable-next-line i18next/no-literal-string -- internal section id, not user-facing\n        \"info-section\",\n        true,\n      )}\n    </ContextMenu>\n  );\n}\n"],"mappings":"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"}

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

@@ -6,6 +6,7 @@ interface ConversationCardContextMenuProps {
     onUnarchive?: (event: React.MouseEvent<HTMLButtonElement>) => void;
     onStop?: (event: React.MouseEvent<HTMLButtonElement>) => void;
     onEdit?: (event: React.MouseEvent<HTMLButtonElement>) => void;
+    onEditTags?: (event: React.MouseEvent<HTMLButtonElement>) => void;
     onDisplayCost?: (event: React.MouseEvent<HTMLButtonElement>) => void;
     onShowAgentTools?: (event: React.MouseEvent<HTMLButtonElement>) => void;
     onShowSkills?: (event: React.MouseEvent<HTMLButtonElement>) => void;
@@ -19,5 +20,5 @@ interface ConversationCardContextMenuProps {
     floatingStyle?: React.CSSProperties;
     ignoreOutsideClickRef?: React.RefObject<HTMLElement | null>;
 }
-export declare function ConversationCardContextMenu({ onClose, onDelete, onArchive, onUnarchive, onStop, onEdit, onDisplayCost, onShowAgentTools, onShowSkills, onDownloadViaVSCode, onDownloadConversation, position, floatingStyle, ignoreOutsideClickRef, }: ConversationCardContextMenuProps): React.JSX.Element;
+export declare function ConversationCardContextMenu({ onClose, onDelete, onArchive, onUnarchive, onStop, onEdit, onEditTags, onDisplayCost, onShowAgentTools, onShowSkills, onDownloadViaVSCode, onDownloadConversation, position, floatingStyle, ignoreOutsideClickRef, }: ConversationCardContextMenuProps): React.JSX.Element;
 export {};

package/dist/components/features/conversation-panel/conversation-card/conversation-card-context-menu.js

@@ -3,145 +3,156 @@ import { I18nKey as t } from "../../../../i18n/declaration.js";
 import { ArchiveRestore as n } from "../../../../node_modules/lucide-react/dist/esm/icons/archive-restore.js";
 import { Archive as r } from "../../../../node_modules/lucide-react/dist/esm/icons/archive.js";
 import { Gauge as i } from "../../../../node_modules/lucide-react/dist/esm/icons/gauge.js";
-import { useActiveBackend as a } from "../../../../contexts/active-backend-context.js";
-import o from "../../../../icons/u-close.js";
-import { ContextMenu as s } from "../../../../ui/context-menu.js";
-import { ContextMenuListItem as c } from "../../context-menu/context-menu-list-item.js";
-import { useClickOutsideElement as l } from "../../../../hooks/use-click-outside-element.js";
-import { Divider as u } from "../../../../ui/divider.js";
-import d from "../../../../icons/skills.js";
-import f from "../../../../icons/u-tools.js";
-import { ConversationNameContextMenuIconText as p } from "../../conversation/conversation-name-context-menu-icon-text.js";
-import m from "../../../../icons/u-edit.js";
-import h from "../../../../icons/u-download.js";
-import g from "../../../../icons/u-delete.js";
-import _, { useCallback as v } from "react";
-import { jsx as y, jsxs as b } from "react/jsx-runtime";
+import { Tags as a } from "../../../../node_modules/lucide-react/dist/esm/icons/tags.js";
+import { useActiveBackend as o } from "../../../../contexts/active-backend-context.js";
+import s from "../../../../icons/u-close.js";
+import { ContextMenu as c } from "../../../../ui/context-menu.js";
+import { ContextMenuListItem as l } from "../../context-menu/context-menu-list-item.js";
+import { useClickOutsideElement as u } from "../../../../hooks/use-click-outside-element.js";
+import { Divider as d } from "../../../../ui/divider.js";
+import f from "../../../../icons/skills.js";
+import p from "../../../../icons/u-tools.js";
+import { ConversationNameContextMenuIconText as m } from "../../conversation/conversation-name-context-menu-icon-text.js";
+import h from "../../../../icons/u-edit.js";
+import g from "../../../../icons/u-download.js";
+import _ from "../../../../icons/u-delete.js";
+import v, { useCallback as y } from "react";
+import { jsx as b, jsxs as x } from "react/jsx-runtime";
 //#region src/components/features/conversation-panel/conversation-card/conversation-card-context-menu.tsx
-function x({ onClose: x, onDelete: S, onArchive: C, onUnarchive: w, onStop: T, onEdit: E, onDisplayCost: D, onShowAgentTools: O, onShowSkills: k, onDownloadViaVSCode: A, onDownloadConversation: j, position: M = "bottom", floatingStyle: N, ignoreOutsideClickRef: P }) {
-	let { t: F } = e("openhands"), { backend: I } = a(), L = l(x, P), R = I.kind === "cloud" ? t.COMMON$CLOSE_CONVERSATION_STOP_RUNTIME : t.COMMON$STOP_CONVERSATION, z = v((e, t, n) => {
+function S({ onClose: S, onDelete: C, onArchive: w, onUnarchive: T, onStop: E, onEdit: D, onEditTags: O, onDisplayCost: k, onShowAgentTools: A, onShowSkills: j, onDownloadViaVSCode: M, onDownloadConversation: N, position: P = "bottom", floatingStyle: F, ignoreOutsideClickRef: I }) {
+	let { t: L } = e("openhands"), { backend: R } = o(), z = u(S, I), B = R.kind === "cloud" ? t.COMMON$CLOSE_CONVERSATION_STOP_RUNTIME : t.COMMON$STOP_CONVERSATION, V = y((e, t, n) => {
 		let r = e.filter((e) => e != null);
-		return r.length > 0 ? n ? /* @__PURE__ */ y(_.Fragment, { children: r }, t) : /* @__PURE__ */ b(_.Fragment, { children: [r, /* @__PURE__ */ y(u, { inset: "menu" })] }, t) : null;
-	}, []), B = N != null;
-	return /* @__PURE__ */ b(s, {
-		ref: L,
+		return r.length > 0 ? n ? /* @__PURE__ */ b(v.Fragment, { children: r }, t) : /* @__PURE__ */ x(v.Fragment, { children: [r, /* @__PURE__ */ b(d, { inset: "menu" })] }, t) : null;
+	}, []), H = F != null;
+	return /* @__PURE__ */ x(c, {
+		ref: z,
 		testId: "context-menu",
-		style: B ? N : void 0,
-		theme: B ? "popover" : "default",
-		position: B ? "none" : M,
-		alignment: B ? "none" : "right",
-		spacing: B ? "none" : "default",
-		className: B ? "mt-0 min-w-[200px] w-max max-w-[min(280px,100vw-16px)]" : "z-[200] mt-0",
+		style: H ? F : void 0,
+		theme: H ? "popover" : "default",
+		position: H ? "none" : P,
+		alignment: H ? "none" : "right",
+		spacing: H ? "none" : "default",
+		className: H ? "mt-0 min-w-[200px] w-max max-w-[min(280px,100vw-16px)]" : "z-[200] mt-0",
 		children: [
-			z([E && /* @__PURE__ */ y(c, {
+			V([D && /* @__PURE__ */ b(l, {
 				testId: "edit-button",
-				onClick: E,
-				children: /* @__PURE__ */ y(p, {
-					icon: /* @__PURE__ */ y(m, {
+				onClick: D,
+				children: /* @__PURE__ */ b(m, {
+					icon: /* @__PURE__ */ b(h, {
 						width: 16,
 						height: 16
 					}),
-					text: F(t.BUTTON$RENAME)
+					text: L(t.BUTTON$RENAME)
 				})
-			}, "edit-button")], "edit-section"),
-			z([O && /* @__PURE__ */ y(c, {
-				testId: "show-agent-tools-button",
+			}, "edit-button"), O && /* @__PURE__ */ b(l, {
+				testId: "edit-tags-button",
 				onClick: O,
-				children: /* @__PURE__ */ y(p, {
-					icon: /* @__PURE__ */ y(f, {
+				children: /* @__PURE__ */ b(m, {
+					icon: /* @__PURE__ */ b(a, {
+						className: "h-4 w-4",
+						"aria-hidden": !0
+					}),
+					text: L(t.CONVERSATION$EDIT_TAGS)
+				})
+			}, "edit-tags-button")], "edit-section"),
+			V([A && /* @__PURE__ */ b(l, {
+				testId: "show-agent-tools-button",
+				onClick: A,
+				children: /* @__PURE__ */ b(m, {
+					icon: /* @__PURE__ */ b(p, {
 						width: 16,
 						height: 16
 					}),
-					text: F(t.BUTTON$SHOW_AGENT_TOOLS_AND_METADATA)
+					text: L(t.BUTTON$SHOW_AGENT_TOOLS_AND_METADATA)
 				})
-			}, "show-agent-tools-button"), k && /* @__PURE__ */ y(c, {
+			}, "show-agent-tools-button"), j && /* @__PURE__ */ b(l, {
 				testId: "show-skills-button",
-				onClick: k,
-				children: /* @__PURE__ */ y(p, {
-					icon: /* @__PURE__ */ y(d, {
+				onClick: j,
+				children: /* @__PURE__ */ b(m, {
+					icon: /* @__PURE__ */ b(f, {
 						width: 16,
 						height: 16,
 						className: "stroke-[1.75]",
 						"aria-hidden": !0
 					}),
-					text: F(t.CONVERSATION$SHOW_SKILLS)
+					text: L(t.CONVERSATION$SHOW_SKILLS)
 				})
 			}, "show-skills-button")], "tools-section"),
-			z([
-				T && /* @__PURE__ */ y(c, {
+			V([
+				E && /* @__PURE__ */ b(l, {
 					testId: "stop-button",
-					onClick: T,
-					children: /* @__PURE__ */ y(p, {
-						icon: /* @__PURE__ */ y(o, {
+					onClick: E,
+					children: /* @__PURE__ */ b(m, {
+						icon: /* @__PURE__ */ b(s, {
 							width: 16,
 							height: 16
 						}),
-						text: F(R)
+						text: L(B)
 					})
 				}, "stop-button"),
-				A && /* @__PURE__ */ y(c, {
+				M && /* @__PURE__ */ b(l, {
 					testId: "download-vscode-button",
-					onClick: A,
-					children: /* @__PURE__ */ y(p, {
-						icon: /* @__PURE__ */ y(h, {
+					onClick: M,
+					children: /* @__PURE__ */ b(m, {
+						icon: /* @__PURE__ */ b(g, {
 							width: 16,
 							height: 16
 						}),
-						text: F(t.BUTTON$DOWNLOAD_VIA_VSCODE)
+						text: L(t.BUTTON$DOWNLOAD_VIA_VSCODE)
 					})
 				}, "download-vscode-button"),
-				j && /* @__PURE__ */ y(c, {
+				N && /* @__PURE__ */ b(l, {
 					testId: "download-trajectory-button",
-					onClick: j,
-					children: /* @__PURE__ */ y(p, {
-						icon: /* @__PURE__ */ y(h, {
+					onClick: N,
+					children: /* @__PURE__ */ b(m, {
+						icon: /* @__PURE__ */ b(g, {
 							width: 16,
 							height: 16
 						}),
-						text: F(t.BUTTON$DOWNLOAD_CONVERSATION_DATA)
+						text: L(t.BUTTON$DOWNLOAD_CONVERSATION_DATA)
 					})
 				}, "download-trajectory-button")
 			], "control-section"),
-			z([
-				D && /* @__PURE__ */ y(c, {
+			V([
+				k && /* @__PURE__ */ b(l, {
 					testId: "display-cost-button",
-					onClick: D,
-					children: /* @__PURE__ */ y(p, {
-						icon: /* @__PURE__ */ y(i, { size: 16 }),
-						text: F(t.BUTTON$DISPLAY_COST)
+					onClick: k,
+					children: /* @__PURE__ */ b(m, {
+						icon: /* @__PURE__ */ b(i, { size: 16 }),
+						text: L(t.BUTTON$DISPLAY_COST)
 					})
 				}, "display-cost-button"),
-				C && /* @__PURE__ */ y(c, {
+				w && /* @__PURE__ */ b(l, {
 					testId: "archive-button",
-					onClick: C,
-					children: /* @__PURE__ */ y(p, {
-						icon: /* @__PURE__ */ y(r, {
+					onClick: w,
+					children: /* @__PURE__ */ b(m, {
+						icon: /* @__PURE__ */ b(r, {
 							className: "h-4 w-4",
 							"aria-hidden": !0
 						}),
-						text: F(t.COMMON$ARCHIVE_CONVERSATION)
+						text: L(t.COMMON$ARCHIVE_CONVERSATION)
 					})
 				}, "archive-button"),
-				w && /* @__PURE__ */ y(c, {
+				T && /* @__PURE__ */ b(l, {
 					testId: "unarchive-button",
-					onClick: w,
-					children: /* @__PURE__ */ y(p, {
-						icon: /* @__PURE__ */ y(n, {
+					onClick: T,
+					children: /* @__PURE__ */ b(m, {
+						icon: /* @__PURE__ */ b(n, {
 							className: "h-4 w-4",
 							"aria-hidden": !0
 						}),
-						text: F(t.COMMON$UNARCHIVE_CONVERSATION)
+						text: L(t.COMMON$UNARCHIVE_CONVERSATION)
 					})
 				}, "unarchive-button"),
-				S && /* @__PURE__ */ y(c, {
+				C && /* @__PURE__ */ b(l, {
 					testId: "delete-button",
-					onClick: S,
-					children: /* @__PURE__ */ y(p, {
-						icon: /* @__PURE__ */ y(g, {
+					onClick: C,
+					children: /* @__PURE__ */ b(m, {
+						icon: /* @__PURE__ */ b(_, {
 							width: 16,
 							height: 16
 						}),
-						text: F(t.COMMON$DELETE_CONVERSATION)
+						text: L(t.COMMON$DELETE_CONVERSATION)
 					})
 				}, "delete-button")
 			], "info-section", !0)
@@ -149,6 +160,6 @@ function x({ onClose: x, onDelete: S, onArchive: C, onUnarchive: w, onStop: T, o
 	});
 }
 //#endregion
-export { x as ConversationCardContextMenu };
+export { S as ConversationCardContextMenu };
 
 //# sourceMappingURL=conversation-card-context-menu.js.map

package/dist/components/features/conversation-panel/conversation-card/conversation-card-context-menu.js.map

@@ -1 +1 @@
-{"version":3,"file":"conversation-card-context-menu.js","names":[],"sources":["../../../../../src/components/features/conversation-panel/conversation-card/conversation-card-context-menu.tsx"],"sourcesContent":["import React, { useCallback } from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport { useActiveBackend } from \"#/contexts/active-backend-context\";\nimport { useClickOutsideElement } from \"#/hooks/use-click-outside-element\";\nimport { ContextMenu } from \"#/ui/context-menu\";\nimport { ContextMenuListItem } from \"../../context-menu/context-menu-list-item\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { ConversationNameContextMenuIconText } from \"../../conversation/conversation-name-context-menu-icon-text\";\n\nimport { Archive, ArchiveRestore } from \"lucide-react\";\nimport EditIcon from \"#/icons/u-edit.svg?react\";\nimport SkillsIcon from \"#/icons/skills.svg?react\";\nimport ToolsIcon from \"#/icons/u-tools.svg?react\";\nimport DownloadIcon from \"#/icons/u-download.svg?react\";\nimport CloseIcon from \"#/icons/u-close.svg?react\";\nimport DeleteIcon from \"#/icons/u-delete.svg?react\";\nimport { Divider } from \"#/ui/divider\";\nimport { Gauge } from \"lucide-react\";\n\ninterface ConversationCardContextMenuProps {\n  onClose: () => void;\n  onDelete?: (event: React.MouseEvent<HTMLButtonElement>) => void;\n  onArchive?: (event: React.MouseEvent<HTMLButtonElement>) => void;\n  onUnarchive?: (event: React.MouseEvent<HTMLButtonElement>) => void;\n  onStop?: (event: React.MouseEvent<HTMLButtonElement>) => void;\n  onEdit?: (event: React.MouseEvent<HTMLButtonElement>) => void;\n  onDisplayCost?: (event: React.MouseEvent<HTMLButtonElement>) => void;\n  onShowAgentTools?: (event: React.MouseEvent<HTMLButtonElement>) => void;\n  onShowSkills?: (event: React.MouseEvent<HTMLButtonElement>) => void;\n  onDownloadViaVSCode?: (event: React.MouseEvent<HTMLButtonElement>) => void;\n  onDownloadConversation?: (event: React.MouseEvent<HTMLButtonElement>) => void;\n  position?: \"top\" | \"bottom\";\n  /**\n   * Fixed coordinates for a portaled menu (conversation list overflow\n   * stacking). When set, theme/position switch to non-absolute layout.\n   */\n  floatingStyle?: React.CSSProperties;\n  ignoreOutsideClickRef?: React.RefObject<HTMLElement | null>;\n}\n\nexport function ConversationCardContextMenu({\n  onClose,\n  onDelete,\n  onArchive,\n  onUnarchive,\n  onStop,\n  onEdit,\n  onDisplayCost,\n  onShowAgentTools,\n  onShowSkills,\n  onDownloadViaVSCode,\n  onDownloadConversation,\n  position = \"bottom\",\n  floatingStyle,\n  ignoreOutsideClickRef,\n}: ConversationCardContextMenuProps) {\n  const { t } = useTranslation(\"openhands\");\n  const { backend } = useActiveBackend();\n  const ref = useClickOutsideElement<HTMLUListElement>(\n    onClose,\n    ignoreOutsideClickRef,\n  );\n  const stopLabelKey =\n    backend.kind === \"cloud\"\n      ? I18nKey.COMMON$CLOSE_CONVERSATION_STOP_RUNTIME\n      : I18nKey.COMMON$STOP_CONVERSATION;\n\n  const generateSection = useCallback(\n    (items: React.ReactNode[], sectionKey: string, isLast?: boolean) => {\n      const filteredItems = items.filter((i) => i != null);\n\n      if (filteredItems.length > 0) {\n        return !isLast ? (\n          <React.Fragment key={sectionKey}>\n            {filteredItems}\n            <Divider inset=\"menu\" />\n          </React.Fragment>\n        ) : (\n          <React.Fragment key={sectionKey}>{filteredItems}</React.Fragment>\n        );\n      }\n      return null;\n    },\n    [],\n  );\n\n  const isPortaled = floatingStyle != null;\n\n  return (\n    <ContextMenu\n      ref={ref}\n      testId=\"context-menu\"\n      style={isPortaled ? floatingStyle : undefined}\n      theme={isPortaled ? \"popover\" : \"default\"}\n      position={isPortaled ? \"none\" : position}\n      alignment={isPortaled ? \"none\" : \"right\"}\n      spacing={isPortaled ? \"none\" : \"default\"}\n      className={\n        isPortaled\n          ? \"mt-0 min-w-[200px] w-max max-w-[min(280px,100vw-16px)]\"\n          : \"z-[200] mt-0\"\n      }\n    >\n      {generateSection(\n        [\n          onEdit && (\n            <ContextMenuListItem\n              key=\"edit-button\"\n              testId=\"edit-button\"\n              onClick={onEdit}\n            >\n              <ConversationNameContextMenuIconText\n                icon={<EditIcon width={16} height={16} />}\n                text={t(I18nKey.BUTTON$RENAME)}\n              />\n            </ContextMenuListItem>\n          ),\n        ],\n        // eslint-disable-next-line i18next/no-literal-string -- internal section id, not user-facing\n        \"edit-section\",\n      )}\n      {generateSection(\n        [\n          onShowAgentTools && (\n            <ContextMenuListItem\n              key=\"show-agent-tools-button\"\n              testId=\"show-agent-tools-button\"\n              onClick={onShowAgentTools}\n            >\n              <ConversationNameContextMenuIconText\n                icon={<ToolsIcon width={16} height={16} />}\n                text={t(I18nKey.BUTTON$SHOW_AGENT_TOOLS_AND_METADATA)}\n              />\n            </ContextMenuListItem>\n          ),\n          onShowSkills && (\n            <ContextMenuListItem\n              key=\"show-skills-button\"\n              testId=\"show-skills-button\"\n              onClick={onShowSkills}\n            >\n              <ConversationNameContextMenuIconText\n                icon={\n                  <SkillsIcon\n                    width={16}\n                    height={16}\n                    className=\"stroke-[1.75]\"\n                    aria-hidden\n                  />\n                }\n                text={t(I18nKey.CONVERSATION$SHOW_SKILLS)}\n              />\n            </ContextMenuListItem>\n          ),\n        ],\n        // eslint-disable-next-line i18next/no-literal-string -- internal section id, not user-facing\n        \"tools-section\",\n      )}\n      {generateSection(\n        [\n          onStop && (\n            <ContextMenuListItem\n              key=\"stop-button\"\n              testId=\"stop-button\"\n              onClick={onStop}\n            >\n              <ConversationNameContextMenuIconText\n                icon={<CloseIcon width={16} height={16} />}\n                text={t(stopLabelKey)}\n              />\n            </ContextMenuListItem>\n          ),\n          onDownloadViaVSCode && (\n            <ContextMenuListItem\n              key=\"download-vscode-button\"\n              testId=\"download-vscode-button\"\n              onClick={onDownloadViaVSCode}\n            >\n              <ConversationNameContextMenuIconText\n                icon={<DownloadIcon width={16} height={16} />}\n                text={t(I18nKey.BUTTON$DOWNLOAD_VIA_VSCODE)}\n              />\n            </ContextMenuListItem>\n          ),\n          onDownloadConversation && (\n            <ContextMenuListItem\n              key=\"download-trajectory-button\"\n              testId=\"download-trajectory-button\"\n              onClick={onDownloadConversation}\n            >\n              <ConversationNameContextMenuIconText\n                icon={<DownloadIcon width={16} height={16} />}\n                text={t(I18nKey.BUTTON$DOWNLOAD_CONVERSATION_DATA)}\n              />\n            </ContextMenuListItem>\n          ),\n        ],\n        // eslint-disable-next-line i18next/no-literal-string -- internal section id, not user-facing\n        \"control-section\",\n      )}\n      {generateSection(\n        [\n          onDisplayCost && (\n            <ContextMenuListItem\n              key=\"display-cost-button\"\n              testId=\"display-cost-button\"\n              onClick={onDisplayCost}\n            >\n              <ConversationNameContextMenuIconText\n                icon={<Gauge size={16} />}\n                text={t(I18nKey.BUTTON$DISPLAY_COST)}\n              />\n            </ContextMenuListItem>\n          ),\n          onArchive && (\n            <ContextMenuListItem\n              key=\"archive-button\"\n              testId=\"archive-button\"\n              onClick={onArchive}\n            >\n              <ConversationNameContextMenuIconText\n                icon={<Archive className=\"h-4 w-4\" aria-hidden />}\n                text={t(I18nKey.COMMON$ARCHIVE_CONVERSATION)}\n              />\n            </ContextMenuListItem>\n          ),\n          onUnarchive && (\n            <ContextMenuListItem\n              key=\"unarchive-button\"\n              testId=\"unarchive-button\"\n              onClick={onUnarchive}\n            >\n              <ConversationNameContextMenuIconText\n                icon={<ArchiveRestore className=\"h-4 w-4\" aria-hidden />}\n                text={t(I18nKey.COMMON$UNARCHIVE_CONVERSATION)}\n              />\n            </ContextMenuListItem>\n          ),\n          onDelete && (\n            <ContextMenuListItem\n              key=\"delete-button\"\n              testId=\"delete-button\"\n              onClick={onDelete}\n            >\n              <ConversationNameContextMenuIconText\n                icon={<DeleteIcon width={16} height={16} />}\n                text={t(I18nKey.COMMON$DELETE_CONVERSATION)}\n              />\n            </ContextMenuListItem>\n          ),\n        ],\n        // eslint-disable-next-line i18next/no-literal-string -- internal section id, not user-facing\n        \"info-section\",\n        true,\n      )}\n    </ContextMenu>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"conversation-card-context-menu.js","names":[],"sources":["../../../../../src/components/features/conversation-panel/conversation-card/conversation-card-context-menu.tsx"],"sourcesContent":["import React, { useCallback } from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport { useActiveBackend } from \"#/contexts/active-backend-context\";\nimport { useClickOutsideElement } from \"#/hooks/use-click-outside-element\";\nimport { ContextMenu } from \"#/ui/context-menu\";\nimport { ContextMenuListItem } from \"../../context-menu/context-menu-list-item\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { ConversationNameContextMenuIconText } from \"../../conversation/conversation-name-context-menu-icon-text\";\n\nimport { Archive, ArchiveRestore, Gauge, Tags } from \"lucide-react\";\nimport EditIcon from \"#/icons/u-edit.svg?react\";\nimport SkillsIcon from \"#/icons/skills.svg?react\";\nimport ToolsIcon from \"#/icons/u-tools.svg?react\";\nimport DownloadIcon from \"#/icons/u-download.svg?react\";\nimport CloseIcon from \"#/icons/u-close.svg?react\";\nimport DeleteIcon from \"#/icons/u-delete.svg?react\";\nimport { Divider } from \"#/ui/divider\";\n\ninterface ConversationCardContextMenuProps {\n  onClose: () => void;\n  onDelete?: (event: React.MouseEvent<HTMLButtonElement>) => void;\n  onArchive?: (event: React.MouseEvent<HTMLButtonElement>) => void;\n  onUnarchive?: (event: React.MouseEvent<HTMLButtonElement>) => void;\n  onStop?: (event: React.MouseEvent<HTMLButtonElement>) => void;\n  onEdit?: (event: React.MouseEvent<HTMLButtonElement>) => void;\n  onEditTags?: (event: React.MouseEvent<HTMLButtonElement>) => void;\n  onDisplayCost?: (event: React.MouseEvent<HTMLButtonElement>) => void;\n  onShowAgentTools?: (event: React.MouseEvent<HTMLButtonElement>) => void;\n  onShowSkills?: (event: React.MouseEvent<HTMLButtonElement>) => void;\n  onDownloadViaVSCode?: (event: React.MouseEvent<HTMLButtonElement>) => void;\n  onDownloadConversation?: (event: React.MouseEvent<HTMLButtonElement>) => void;\n  position?: \"top\" | \"bottom\";\n  /**\n   * Fixed coordinates for a portaled menu (conversation list overflow\n   * stacking). When set, theme/position switch to non-absolute layout.\n   */\n  floatingStyle?: React.CSSProperties;\n  ignoreOutsideClickRef?: React.RefObject<HTMLElement | null>;\n}\n\nexport function ConversationCardContextMenu({\n  onClose,\n  onDelete,\n  onArchive,\n  onUnarchive,\n  onStop,\n  onEdit,\n  onEditTags,\n  onDisplayCost,\n  onShowAgentTools,\n  onShowSkills,\n  onDownloadViaVSCode,\n  onDownloadConversation,\n  position = \"bottom\",\n  floatingStyle,\n  ignoreOutsideClickRef,\n}: ConversationCardContextMenuProps) {\n  const { t } = useTranslation(\"openhands\");\n  const { backend } = useActiveBackend();\n  const ref = useClickOutsideElement<HTMLUListElement>(\n    onClose,\n    ignoreOutsideClickRef,\n  );\n  const stopLabelKey =\n    backend.kind === \"cloud\"\n      ? I18nKey.COMMON$CLOSE_CONVERSATION_STOP_RUNTIME\n      : I18nKey.COMMON$STOP_CONVERSATION;\n\n  const generateSection = useCallback(\n    (items: React.ReactNode[], sectionKey: string, isLast?: boolean) => {\n      const filteredItems = items.filter((i) => i != null);\n\n      if (filteredItems.length > 0) {\n        return !isLast ? (\n          <React.Fragment key={sectionKey}>\n            {filteredItems}\n            <Divider inset=\"menu\" />\n          </React.Fragment>\n        ) : (\n          <React.Fragment key={sectionKey}>{filteredItems}</React.Fragment>\n        );\n      }\n      return null;\n    },\n    [],\n  );\n\n  const isPortaled = floatingStyle != null;\n\n  return (\n    <ContextMenu\n      ref={ref}\n      testId=\"context-menu\"\n      style={isPortaled ? floatingStyle : undefined}\n      theme={isPortaled ? \"popover\" : \"default\"}\n      position={isPortaled ? \"none\" : position}\n      alignment={isPortaled ? \"none\" : \"right\"}\n      spacing={isPortaled ? \"none\" : \"default\"}\n      className={\n        isPortaled\n          ? \"mt-0 min-w-[200px] w-max max-w-[min(280px,100vw-16px)]\"\n          : \"z-[200] mt-0\"\n      }\n    >\n      {generateSection(\n        [\n          onEdit && (\n            <ContextMenuListItem\n              key=\"edit-button\"\n              testId=\"edit-button\"\n              onClick={onEdit}\n            >\n              <ConversationNameContextMenuIconText\n                icon={<EditIcon width={16} height={16} />}\n                text={t(I18nKey.BUTTON$RENAME)}\n              />\n            </ContextMenuListItem>\n          ),\n          onEditTags && (\n            <ContextMenuListItem\n              key=\"edit-tags-button\"\n              testId=\"edit-tags-button\"\n              onClick={onEditTags}\n            >\n              <ConversationNameContextMenuIconText\n                icon={<Tags className=\"h-4 w-4\" aria-hidden />}\n                text={t(I18nKey.CONVERSATION$EDIT_TAGS)}\n              />\n            </ContextMenuListItem>\n          ),\n        ],\n        // eslint-disable-next-line i18next/no-literal-string -- internal section id, not user-facing\n        \"edit-section\",\n      )}\n      {generateSection(\n        [\n          onShowAgentTools && (\n            <ContextMenuListItem\n              key=\"show-agent-tools-button\"\n              testId=\"show-agent-tools-button\"\n              onClick={onShowAgentTools}\n            >\n              <ConversationNameContextMenuIconText\n                icon={<ToolsIcon width={16} height={16} />}\n                text={t(I18nKey.BUTTON$SHOW_AGENT_TOOLS_AND_METADATA)}\n              />\n            </ContextMenuListItem>\n          ),\n          onShowSkills && (\n            <ContextMenuListItem\n              key=\"show-skills-button\"\n              testId=\"show-skills-button\"\n              onClick={onShowSkills}\n            >\n              <ConversationNameContextMenuIconText\n                icon={\n                  <SkillsIcon\n                    width={16}\n                    height={16}\n                    className=\"stroke-[1.75]\"\n                    aria-hidden\n                  />\n                }\n                text={t(I18nKey.CONVERSATION$SHOW_SKILLS)}\n              />\n            </ContextMenuListItem>\n          ),\n        ],\n        // eslint-disable-next-line i18next/no-literal-string -- internal section id, not user-facing\n        \"tools-section\",\n      )}\n      {generateSection(\n        [\n          onStop && (\n            <ContextMenuListItem\n              key=\"stop-button\"\n              testId=\"stop-button\"\n              onClick={onStop}\n            >\n              <ConversationNameContextMenuIconText\n                icon={<CloseIcon width={16} height={16} />}\n                text={t(stopLabelKey)}\n              />\n            </ContextMenuListItem>\n          ),\n          onDownloadViaVSCode && (\n            <ContextMenuListItem\n              key=\"download-vscode-button\"\n              testId=\"download-vscode-button\"\n              onClick={onDownloadViaVSCode}\n            >\n              <ConversationNameContextMenuIconText\n                icon={<DownloadIcon width={16} height={16} />}\n                text={t(I18nKey.BUTTON$DOWNLOAD_VIA_VSCODE)}\n              />\n            </ContextMenuListItem>\n          ),\n          onDownloadConversation && (\n            <ContextMenuListItem\n              key=\"download-trajectory-button\"\n              testId=\"download-trajectory-button\"\n              onClick={onDownloadConversation}\n            >\n              <ConversationNameContextMenuIconText\n                icon={<DownloadIcon width={16} height={16} />}\n                text={t(I18nKey.BUTTON$DOWNLOAD_CONVERSATION_DATA)}\n              />\n            </ContextMenuListItem>\n          ),\n        ],\n        // eslint-disable-next-line i18next/no-literal-string -- internal section id, not user-facing\n        \"control-section\",\n      )}\n      {generateSection(\n        [\n          onDisplayCost && (\n            <ContextMenuListItem\n              key=\"display-cost-button\"\n              testId=\"display-cost-button\"\n              onClick={onDisplayCost}\n            >\n              <ConversationNameContextMenuIconText\n                icon={<Gauge size={16} />}\n                text={t(I18nKey.BUTTON$DISPLAY_COST)}\n              />\n            </ContextMenuListItem>\n          ),\n          onArchive && (\n            <ContextMenuListItem\n              key=\"archive-button\"\n              testId=\"archive-button\"\n              onClick={onArchive}\n            >\n              <ConversationNameContextMenuIconText\n                icon={<Archive className=\"h-4 w-4\" aria-hidden />}\n                text={t(I18nKey.COMMON$ARCHIVE_CONVERSATION)}\n              />\n            </ContextMenuListItem>\n          ),\n          onUnarchive && (\n            <ContextMenuListItem\n              key=\"unarchive-button\"\n              testId=\"unarchive-button\"\n              onClick={onUnarchive}\n            >\n              <ConversationNameContextMenuIconText\n                icon={<ArchiveRestore className=\"h-4 w-4\" aria-hidden />}\n                text={t(I18nKey.COMMON$UNARCHIVE_CONVERSATION)}\n              />\n            </ContextMenuListItem>\n          ),\n          onDelete && (\n            <ContextMenuListItem\n              key=\"delete-button\"\n              testId=\"delete-button\"\n              onClick={onDelete}\n            >\n              <ConversationNameContextMenuIconText\n                icon={<DeleteIcon width={16} height={16} />}\n                text={t(I18nKey.COMMON$DELETE_CONVERSATION)}\n              />\n            </ContextMenuListItem>\n          ),\n        ],\n        // eslint-disable-next-line i18next/no-literal-string -- internal section id, not user-facing\n        \"info-section\",\n        true,\n      )}\n    </ContextMenu>\n  );\n}\n"],"mappings":"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"}

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

@@ -1,2 +1,2 @@
-require("../../../../_virtual/_rolldown/runtime.cjs");const e=require("../../../../node_modules/react-i18next/dist/es/useTranslation.cjs"),t=require("../../../../i18n/declaration.cjs"),n=require("../../../../utils/status.cjs"),r=require("../../../../utils/utils.cjs"),i=require("../../../../constants/acp-providers.cjs"),a=require("../../../../api/agent-server-adapter.cjs"),o=require("../../../../utils/format-model-name.cjs"),s=require("../../../../utils/format-time-delta.cjs"),c=require("../../../shared/agent-brand-icon.cjs"),l=require("./conversation-card-meta-chip.cjs"),u=require("./conversation-repo-link.cjs"),d=require("./no-repository.cjs"),f=require("./conversation-tag-chips.cjs");let p=require("react/jsx-runtime");function m({selectedRepository:m,lastUpdatedAt:h,createdAt:g,executionStatus:_,workspaceWorkingDir:v,showRepositoryMetadata:y=!0,showTimestamp:b=!0,llmModel:x,showAgentChip:S=!1,agentKind:C=null,acpServer:w=null,tags:T=null,showTags:E=!1,isArchived:D=!1}){let{t:O}=e.useTranslation(`openhands`),k=n.isExecutionPaused(_),A=null;if(S)if(C===`acp`){let e=i.getAcpProviderDisplayName(w)??O(t.I18nKey.CONVERSATION$ACP_AGENT_GENERIC),n=i.labelForAcpModel(w,x),r=n??e;A={kind:i.resolveAcpProviderIcon(w),text:r,tooltip:n?`${e} · ${n}`:e}}else x&&(A={kind:`openhands`,text:o.formatNativeModelName(x)??x,tooltip:x});let j=_===void 0?void 0:`pl-[26px]`,M=E?a.getDisplayConversationTags(T):[];return(0,p.jsxs)(`div`,{className:r.cn(`flex flex-col gap-0.5 mt-0.5 w-full min-w-0`,k&&`opacity-60`),children:[(0,p.jsxs)(`div`,{className:r.cn(`flex flex-row items-center gap-2 w-full min-w-0`,y&&j),children:[y&&(m?.selected_repository?(0,p.jsx)(u.ConversationRepoLink,{selectedRepository:m}):(0,p.jsx)(d.NoRepository,{workspaceWorkingDir:v})),(0,p.jsx)(`div`,{className:`flex items-center gap-2 shrink-0 ml-auto`,children:b&&(g??h)&&(0,p.jsx)(`p`,{className:`text-xs text-[var(--oh-muted)] text-right`,children:(0,p.jsx)(`time`,{children:`${s.formatTimeDelta(h??g)} ${O(t.I18nKey.CONVERSATION$AGO)}`})})})]}),A?(0,p.jsx)(`div`,{className:j,children:(0,p.jsxs)(`span`,{"data-testid":`conversation-card-agent-chip`,className:l.CONVERSATION_CARD_META_CHIP_CLASSNAME,title:A.tooltip,children:[(0,p.jsx)(`span`,{className:`inline-flex h-4 shrink-0 items-center justify-center [&_svg]:block`,"aria-hidden":!0,children:(0,p.jsx)(c.AgentBrandIcon,{kind:A.kind,size:12})}),(0,p.jsx)(`span`,{className:`truncate leading-4`,children:A.text})]})}):null,D?(0,p.jsx)(`div`,{className:j,children:(0,p.jsx)(`span`,{"data-testid":`conversation-card-archived-chip`,className:l.CONVERSATION_CARD_META_CHIP_CLASSNAME,children:O(t.I18nKey.COMMON$ARCHIVED)})}):null,M.length>0?(0,p.jsx)(`div`,{className:j,children:(0,p.jsx)(f.ConversationTagChips,{tags:M})}):null]})}exports.ConversationCardFooter=m;
+require("../../../../_virtual/_rolldown/runtime.cjs");const e=require("../../../../node_modules/react-i18next/dist/es/useTranslation.cjs"),t=require("../../../../i18n/declaration.cjs"),n=require("../../../../utils/status.cjs"),r=require("../../../../utils/utils.cjs"),i=require("../../../../constants/acp-providers.cjs"),a=require("../../../../api/agent-server-adapter.cjs"),o=require("../../../../hooks/query/use-free-models.cjs"),s=require("../../../../utils/format-model-name.cjs"),c=require("../../../../utils/format-time-delta.cjs"),l=require("../../../shared/agent-brand-icon.cjs"),u=require("./conversation-card-meta-chip.cjs"),d=require("./conversation-repo-link.cjs"),f=require("./no-repository.cjs"),p=require("./conversation-tag-chips.cjs");let m=require("react/jsx-runtime");function h({selectedRepository:h,lastUpdatedAt:g,createdAt:_,executionStatus:v,workspaceWorkingDir:y,showRepositoryMetadata:b=!0,showTimestamp:x=!0,llmModel:S,showAgentChip:C=!1,agentKind:w=null,acpServer:T=null,tags:E=null,showTags:D=!1,isArchived:O=!1}){let{t:k}=e.useTranslation(`openhands`),A=o.useFreeModels(),j=n.isExecutionPaused(v),M=null;if(C)if(w===`acp`){let e=i.getAcpProviderDisplayName(T)??k(t.I18nKey.CONVERSATION$ACP_AGENT_GENERIC),n=i.labelForAcpModel(T,S),r=n??e;M={kind:i.resolveAcpProviderIcon(T),text:r,tooltip:n?`${e} · ${n}`:e}}else S&&(M={kind:`openhands`,text:s.formatNativeModelName(S,A)??S,tooltip:S});let N=v===void 0?void 0:`pl-[26px]`,P=D?a.getDisplayConversationTags(E):[];return(0,m.jsxs)(`div`,{className:r.cn(`flex flex-col gap-0.5 mt-0.5 w-full min-w-0`,j&&`opacity-60`),children:[(0,m.jsxs)(`div`,{className:r.cn(`flex flex-row items-center gap-2 w-full min-w-0`,b&&N),children:[b&&(h?.selected_repository?(0,m.jsx)(d.ConversationRepoLink,{selectedRepository:h}):(0,m.jsx)(f.NoRepository,{workspaceWorkingDir:y})),(0,m.jsx)(`div`,{className:`flex items-center gap-2 shrink-0 ml-auto`,children:x&&(_??g)&&(0,m.jsx)(`p`,{className:`text-xs text-[var(--oh-muted)] text-right`,children:(0,m.jsx)(`time`,{children:`${c.formatTimeDelta(g??_)} ${k(t.I18nKey.CONVERSATION$AGO)}`})})})]}),M?(0,m.jsx)(`div`,{className:N,children:(0,m.jsxs)(`span`,{"data-testid":`conversation-card-agent-chip`,className:u.CONVERSATION_CARD_META_CHIP_CLASSNAME,title:M.tooltip,children:[(0,m.jsx)(`span`,{className:`inline-flex h-4 shrink-0 items-center justify-center [&_svg]:block`,"aria-hidden":!0,children:(0,m.jsx)(l.AgentBrandIcon,{kind:M.kind,size:12})}),(0,m.jsx)(`span`,{className:`truncate leading-4`,children:M.text})]})}):null,O?(0,m.jsx)(`div`,{className:N,children:(0,m.jsx)(`span`,{"data-testid":`conversation-card-archived-chip`,className:u.CONVERSATION_CARD_META_CHIP_CLASSNAME,children:k(t.I18nKey.COMMON$ARCHIVED)})}):null,P.length>0?(0,m.jsx)(`div`,{className:N,children:(0,m.jsx)(p.ConversationTagChips,{tags:P})}):null]})}exports.ConversationCardFooter=h;
 //# sourceMappingURL=conversation-card-footer.cjs.map