@openhands/agent-canvas 1.12.0 → 1.13.0

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

@@ -1,2 +1,2 @@
-const e=require("../../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../../utils/status.cjs"),n=require("../../../../utils/utils.cjs"),r=require("../ellipsis-button.cjs"),i=require("./conversation-card-context-menu.cjs");let a=require("react");a=e.__toESM(a,1);let o=require("react/jsx-runtime"),s=require("react-dom");function c({contextMenuOpen:e,onContextMenuToggle:c,onDelete:l,onStop:u,onEdit:d,onDownloadViaVSCode:f,onDownloadConversation:p,executionStatus:m,conversationId:h,showOptions:g}){let _=t.isExecutionPaused(m),v=t.isExecutionActive(m),y=(0,a.useRef)(null),[,b]=(0,a.useReducer)(e=>e+1,0);(0,a.useLayoutEffect)(()=>{if(!e)return;b();let t=0,n=()=>{t||=window.requestAnimationFrame(()=>{t=0,b()})};return window.addEventListener(`resize`,n),window.addEventListener(`scroll`,n,!0),()=>{t&&window.cancelAnimationFrame(t),window.removeEventListener(`resize`,n),window.removeEventListener(`scroll`,n,!0)}},[e]);let x=(()=>{if(!e||!y.current)return;let t=y.current.getBoundingClientRect(),n=Number(window.innerWidth)||0,r=Number(window.innerHeight)||0,i=Number(t.bottom)||0,a=Number(t.right)||0;return{position:`fixed`,top:i+280+8>r?Math.max(8,t.top-280-4):i+4,right:Math.max(8,n-a),zIndex:1e5}})(),S=typeof document<`u`?document.body:null;return(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(r.EllipsisButton,{ref:y,onClick:t=>{t.preventDefault(),t.stopPropagation(),c(!e)},className:n.cn(_&&`opacity-60`)}),e&&x&&S?(0,s.createPortal)((0,o.jsx)(i.ConversationCardContextMenu,{ignoreOutsideClickRef:y,floatingStyle:x,onClose:()=>c(!1),onDelete:l,onStop:v?u:void 0,onEdit:d,onDownloadViaVSCode:h&&g?f:void 0,onDownloadConversation:h?p:void 0,position:`bottom`}),S):null]})}exports.ConversationCardActions=c;
+const e=require("../../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../../node_modules/react-i18next/dist/es/useTranslation.cjs"),n=require("../../../../i18n/declaration.cjs"),r=require("../../../../utils/status.cjs"),i=require("../../../../utils/utils.cjs"),a=require("../ellipsis-button.cjs"),o=require("./conversation-card-context-menu.cjs");let s=require("react");s=e.__toESM(s,1);let c=require("react/jsx-runtime"),l=require("react-dom");function u({contextMenuOpen:e,onContextMenuToggle:u,onDelete:d,onArchive:f,onUnarchive:p,onStop:m,onEdit:h,onDownloadViaVSCode:g,onDownloadConversation:_,executionStatus:v,conversationId:y,showOptions:b}){let{t:x}=t.useTranslation(`openhands`),S=r.isExecutionPaused(v),C=r.isExecutionActive(v),w=(0,s.useRef)(null),[,T]=(0,s.useReducer)(e=>e+1,0);(0,s.useLayoutEffect)(()=>{if(!e)return;T();let t=0,n=()=>{t||=window.requestAnimationFrame(()=>{t=0,T()})};return window.addEventListener(`resize`,n),window.addEventListener(`scroll`,n,!0),()=>{t&&window.cancelAnimationFrame(t),window.removeEventListener(`resize`,n),window.removeEventListener(`scroll`,n,!0)}},[e]);let E=(()=>{if(!e||!w.current)return;let t=w.current.getBoundingClientRect(),n=Number(window.innerWidth)||0,r=Number(window.innerHeight)||0,i=Number(t.bottom)||0,a=Number(t.right)||0;return{position:`fixed`,top:i+320+8>r?Math.max(8,t.top-320-4):i+4,right:Math.max(8,n-a),zIndex:1e5}})(),D=typeof document<`u`?document.body:null;return(0,c.jsxs)(c.Fragment,{children:[(0,c.jsx)(a.EllipsisButton,{ref:w,onClick:t=>{t.preventDefault(),t.stopPropagation(),u(!e)},ariaLabel:x(n.I18nKey.COMMON$MORE_OPTIONS),className:i.cn(S&&`opacity-60`)}),e&&E&&D?(0,l.createPortal)((0,c.jsx)(o.ConversationCardContextMenu,{ignoreOutsideClickRef:w,floatingStyle:E,onClose:()=>u(!1),onDelete:d,onArchive:f,onUnarchive:p,onStop:C?m:void 0,onEdit:h,onDownloadViaVSCode:y&&b?g:void 0,onDownloadConversation:y?_:void 0,position:`bottom`}),D):null]})}exports.ConversationCardActions=u;
 //# sourceMappingURL=conversation-card-actions.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"conversation-card-actions.cjs","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 { cn } from \"#/utils/utils\";\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  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  onStop,\n  onEdit,\n  onDownloadViaVSCode,\n  onDownloadConversation,\n  executionStatus,\n  conversationId,\n  showOptions,\n}: ConversationCardActionsProps) {\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 = 280;\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        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              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":"yUAqBA,SAAgB,EAAwB,CACtC,kBACA,sBACA,WACA,SACA,SACA,sBACA,yBACA,kBACA,iBACA,eAC+B,CAC/B,IAAM,EAAW,EAAA,kBAAkB,CAAe,EAC5C,EAAW,EAAA,kBAAkB,CAAe,EAC5C,GAAA,EAAA,EAAA,QAAsC,IAAI,EAC1C,EAAG,IAAA,EAAA,EAAA,YAA4B,GAAc,EAAI,EAAG,CAAC,GAE3D,EAAA,EAAA,qBAAsB,CACpB,GAAI,CAAC,EAAiB,OAEtB,EAAa,EAIb,IAAI,EAAQ,EACN,MAAe,CACf,AACJ,IAAQ,OAAO,0BAA4B,CACzC,EAAQ,EACR,EAAa,CACf,CAAC,CACH,EAGA,OAFA,OAAO,iBAAiB,SAAU,CAAM,EACxC,OAAO,iBAAiB,SAAU,EAAQ,EAAI,MACjC,CACP,GAAO,OAAO,qBAAqB,CAAK,EAC5C,OAAO,oBAAoB,SAAU,CAAM,EAC3C,OAAO,oBAAoB,SAAU,EAAQ,EAAI,CACnD,CACF,EAAG,CAAC,CAAe,CAAC,EAEpB,IAAM,OAAwD,CAC5D,GAAI,CAAC,GAAmB,CAAC,EAAU,QAAS,OAC5C,IAAM,EAAO,EAAU,QAAQ,sBAAsB,EAC/C,EAAK,OAAO,OAAO,UAAU,GAAK,EAClC,EAAK,OAAO,OAAO,WAAW,GAAK,EACnC,EAAS,OAAO,EAAK,MAAM,GAAK,EAChC,EAAY,OAAO,EAAK,KAAK,GAAK,EAYxC,MAAO,CACL,SAAU,QACV,IANwB,EAAS,IAAwB,EAAS,EAEhE,KAAK,IAAI,EAAQ,EAAK,IAAM,IAAwB,CAAC,EACrD,EAAS,EAIX,MAAO,KAAK,IAAI,EAAQ,EAAK,CAAS,EACtC,OAAQ,GACV,CACF,GAAG,EAEG,EAAe,OAAO,SAAa,IAAc,SAAS,KAAO,KAEvE,OACE,EAAA,EAAA,MAAA,EAAA,SAAA,CAAA,SAAA,EACE,EAAA,EAAA,KAAC,EAAA,eAAD,CACE,IAAK,EACL,QAAU,GAAU,CAClB,EAAM,eAAe,EACrB,EAAM,gBAAgB,EACtB,EAAoB,CAAC,CAAe,CACtC,EACA,UAAW,EAAA,GAAG,GAAY,YAAY,CACvC,CAAA,EACA,GAAmB,GAAiB,GAAA,EAAA,EAAA,eAE/B,EAAA,EAAA,KAAC,EAAA,4BAAD,CACE,sBAAuB,EACR,gBACf,YAAe,EAAoB,EAAK,EAC9B,WACV,OAAQ,EAAW,EAAS,IAAA,GACpB,SACR,oBACE,GAAkB,EAAc,EAAsB,IAAA,GAExD,uBACE,EAAiB,EAAyB,IAAA,GAE5C,SAAS,QACV,CAAA,EACD,CACF,EACA,IACJ,CAAA,CAAA,CAEN"}
+{"version":3,"file":"conversation-card-actions.cjs","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":"scAyBA,SAAgB,EAAwB,CACtC,kBACA,sBACA,WACA,YACA,cACA,SACA,SACA,sBACA,yBACA,kBACA,iBACA,eAC+B,CAC/B,GAAM,CAAE,KAAM,EAAA,eAAe,WAAW,EAClC,EAAW,EAAA,kBAAkB,CAAe,EAC5C,EAAW,EAAA,kBAAkB,CAAe,EAC5C,GAAA,EAAA,EAAA,QAAsC,IAAI,EAC1C,EAAG,IAAA,EAAA,EAAA,YAA4B,GAAc,EAAI,EAAG,CAAC,GAE3D,EAAA,EAAA,qBAAsB,CACpB,GAAI,CAAC,EAAiB,OAEtB,EAAa,EAIb,IAAI,EAAQ,EACN,MAAe,CACf,AACJ,IAAQ,OAAO,0BAA4B,CACzC,EAAQ,EACR,EAAa,CACf,CAAC,CACH,EAGA,OAFA,OAAO,iBAAiB,SAAU,CAAM,EACxC,OAAO,iBAAiB,SAAU,EAAQ,EAAI,MACjC,CACP,GAAO,OAAO,qBAAqB,CAAK,EAC5C,OAAO,oBAAoB,SAAU,CAAM,EAC3C,OAAO,oBAAoB,SAAU,EAAQ,EAAI,CACnD,CACF,EAAG,CAAC,CAAe,CAAC,EAEpB,IAAM,OAAwD,CAC5D,GAAI,CAAC,GAAmB,CAAC,EAAU,QAAS,OAC5C,IAAM,EAAO,EAAU,QAAQ,sBAAsB,EAC/C,EAAK,OAAO,OAAO,UAAU,GAAK,EAClC,EAAK,OAAO,OAAO,WAAW,GAAK,EACnC,EAAS,OAAO,EAAK,MAAM,GAAK,EAChC,EAAY,OAAO,EAAK,KAAK,GAAK,EAYxC,MAAO,CACL,SAAU,QACV,IANwB,EAAS,IAAwB,EAAS,EAEhE,KAAK,IAAI,EAAQ,EAAK,IAAM,IAAwB,CAAC,EACrD,EAAS,EAIX,MAAO,KAAK,IAAI,EAAQ,EAAK,CAAS,EACtC,OAAQ,GACV,CACF,GAAG,EAEG,EAAe,OAAO,SAAa,IAAc,SAAS,KAAO,KAEvE,OACE,EAAA,EAAA,MAAA,EAAA,SAAA,CAAA,SAAA,EACE,EAAA,EAAA,KAAC,EAAA,eAAD,CACE,IAAK,EACL,QAAU,GAAU,CAClB,EAAM,eAAe,EACrB,EAAM,gBAAgB,EACtB,EAAoB,CAAC,CAAe,CACtC,EACA,UAAW,EAAE,EAAA,QAAQ,mBAAmB,EACxC,UAAW,EAAA,GAAG,GAAY,YAAY,CACvC,CAAA,EACA,GAAmB,GAAiB,GAAA,EAAA,EAAA,eAE/B,EAAA,EAAA,KAAC,EAAA,4BAAD,CACE,sBAAuB,EACR,gBACf,YAAe,EAAoB,EAAK,EAC9B,WACC,YACE,cACb,OAAQ,EAAW,EAAS,IAAA,GACpB,SACR,oBACE,GAAkB,EAAc,EAAsB,IAAA,GAExD,uBACE,EAAiB,EAAyB,IAAA,GAE5C,SAAS,QACV,CAAA,EACD,CACF,EACA,IACJ,CAAA,CAAA,CAEN"}

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

@@ -4,6 +4,8 @@ interface ConversationCardActionsProps {
     contextMenuOpen: boolean;
     onContextMenuToggle: (isOpen: boolean) => void;
     onDelete?: (event: React.MouseEvent<HTMLButtonElement>) => void;
+    onArchive?: (event: React.MouseEvent<HTMLButtonElement>) => void;
+    onUnarchive?: (event: React.MouseEvent<HTMLButtonElement>) => void;
     onStop?: (event: React.MouseEvent<HTMLButtonElement>) => void;
     onEdit?: (event: React.MouseEvent<HTMLButtonElement>) => void;
     onDownloadViaVSCode?: (event: React.MouseEvent<HTMLButtonElement>) => void;
@@ -12,5 +14,5 @@ interface ConversationCardActionsProps {
     conversationId?: string;
     showOptions?: boolean;
 }
-export declare function ConversationCardActions({ contextMenuOpen, onContextMenuToggle, onDelete, onStop, onEdit, onDownloadViaVSCode, onDownloadConversation, executionStatus, conversationId, showOptions, }: ConversationCardActionsProps): React.JSX.Element;
+export declare function ConversationCardActions({ contextMenuOpen, onContextMenuToggle, onDelete, onArchive, onUnarchive, onStop, onEdit, onDownloadViaVSCode, onDownloadConversation, executionStatus, conversationId, showOptions, }: ConversationCardActionsProps): React.JSX.Element;
 export {};

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

@@ -1,54 +1,59 @@
-import { isExecutionActive as e, isExecutionPaused as t } from "../../../../utils/status.js";
-import { cn as n } from "../../../../utils/utils.js";
-import { EllipsisButton as r } from "../ellipsis-button.js";
-import { ConversationCardContextMenu as i } from "./conversation-card-context-menu.js";
-import { useLayoutEffect as a, useReducer as o, useRef as s } from "react";
-import { Fragment as c, jsx as l, jsxs as u } from "react/jsx-runtime";
-import { createPortal as d } from "react-dom";
+import { useTranslation as e } from "../../../../node_modules/react-i18next/dist/es/useTranslation.js";
+import { I18nKey as t } from "../../../../i18n/declaration.js";
+import { isExecutionActive as n, isExecutionPaused as r } from "../../../../utils/status.js";
+import { cn as i } from "../../../../utils/utils.js";
+import { EllipsisButton as a } from "../ellipsis-button.js";
+import { ConversationCardContextMenu as o } from "./conversation-card-context-menu.js";
+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 f({ contextMenuOpen: f, onContextMenuToggle: p, onDelete: m, onStop: h, onEdit: g, onDownloadViaVSCode: _, onDownloadConversation: v, executionStatus: y, conversationId: b, showOptions: x }) {
-	let S = t(y), C = e(y), w = s(null), [, T] = o((e) => e + 1, 0);
-	a(() => {
-		if (!f) return;
-		T();
+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);
+	s(() => {
+		if (!m) return;
+		A();
 		let e = 0, t = () => {
 			e ||= window.requestAnimationFrame(() => {
-				e = 0, T();
+				e = 0, A();
 			});
 		};
 		return window.addEventListener("resize", t), window.addEventListener("scroll", t, !0), () => {
 			e && window.cancelAnimationFrame(e), window.removeEventListener("resize", t), window.removeEventListener("scroll", t, !0);
 		};
-	}, [f]);
-	let E = (() => {
-		if (!f || !w.current) return;
-		let e = w.current.getBoundingClientRect(), t = Number(window.innerWidth) || 0, n = Number(window.innerHeight) || 0, r = Number(e.bottom) || 0, i = Number(e.right) || 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;
 		return {
 			position: "fixed",
-			top: r + 280 + 8 > n ? Math.max(8, e.top - 280 - 4) : r + 4,
+			top: r + 320 + 8 > n ? Math.max(8, e.top - 320 - 4) : r + 4,
 			right: Math.max(8, t - i),
 			zIndex: 1e5
 		};
-	})(), D = typeof document < "u" ? document.body : null;
-	return /* @__PURE__ */ u(c, { children: [/* @__PURE__ */ l(r, {
-		ref: w,
+	})(), M = typeof document < "u" ? document.body : null;
+	return /* @__PURE__ */ f(u, { children: [/* @__PURE__ */ d(a, {
+		ref: k,
 		onClick: (e) => {
-			e.preventDefault(), e.stopPropagation(), p(!f);
+			e.preventDefault(), e.stopPropagation(), h(!m);
 		},
-		className: n(S && "opacity-60")
-	}), f && E && D ? d(/* @__PURE__ */ l(i, {
-		ignoreOutsideClickRef: w,
-		floatingStyle: E,
-		onClose: () => p(!1),
-		onDelete: m,
-		onStop: C ? h : void 0,
-		onEdit: g,
-		onDownloadViaVSCode: b && x ? _ : void 0,
-		onDownloadConversation: b ? v : void 0,
+		ariaLabel: E(t.COMMON$MORE_OPTIONS),
+		className: i(D && "opacity-60")
+	}), m && j && M ? p(/* @__PURE__ */ d(o, {
+		ignoreOutsideClickRef: k,
+		floatingStyle: j,
+		onClose: () => h(!1),
+		onDelete: g,
+		onArchive: _,
+		onUnarchive: v,
+		onStop: O ? y : void 0,
+		onEdit: b,
+		onDownloadViaVSCode: w && T ? x : void 0,
+		onDownloadConversation: w ? S : void 0,
 		position: "bottom"
-	}), D) : null] });
+	}), M) : null] });
 }
 //#endregion
-export { f as ConversationCardActions };
+export { m as ConversationCardActions };
 
 //# sourceMappingURL=conversation-card-actions.js.map

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 { cn } from \"#/utils/utils\";\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  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  onStop,\n  onEdit,\n  onDownloadViaVSCode,\n  onDownloadConversation,\n  executionStatus,\n  conversationId,\n  showOptions,\n}: ConversationCardActionsProps) {\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 = 280;\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        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              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":";;;;;;;;AAqBA,SAAgB,EAAwB,EACtC,oBACA,wBACA,aACA,WACA,WACA,wBACA,2BACA,oBACA,mBACA,kBAC+B;CAC/B,IAAM,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,EAAG,KAAY,YAAY;CACvC,CAAA,GACA,KAAmB,KAAiB,IACjC,EACE,kBAAC,GAAD;EACE,uBAAuB;EACR;EACf,eAAe,EAAoB,EAAK;EAC9B;EACV,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  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"}

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

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

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

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