@openhands/agent-canvas 1.12.0 → 1.14.0

package/dist/components/features/conversation/conversation-name-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"),ee=require("../../../node_modules/lucide-react/dist/esm/icons/external-link.cjs"),r=require("../../../node_modules/lucide-react/dist/esm/icons/share-2.cjs"),i=require("../../../utils/utils.cjs"),a=require("../../../contexts/active-backend-context.cjs"),o=require("../../../hooks/query/use-active-conversation.cjs"),s=require("../../../icons/copy.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/fishing-hook.cjs"),h=require("../../../icons/u-tools.cjs"),g=require("../context-menu/archived-disabled-tooltip.cjs"),_=require("../../../hooks/use-is-archived-conversation.cjs"),v=require("../../../hooks/use-breakpoint.cjs"),te=require("../../../icons/u-edit.cjs"),y=require("../../../icons/u-download.cjs"),ne=require("../../../icons/u-credit-card.cjs"),b=require("../../../icons/u-delete.cjs"),x=require("./conversation-name-context-menu-icon-text.cjs");let S=require("react");S=e.__toESM(S,1);let C=require("react/jsx-runtime"),w=require("react-dom");w=e.__toESM(w,1);function T({isPublic:e,onToggle:t,ariaLabel:n}){return(0,C.jsxs)(`label`,{className:`relative inline-flex shrink-0 cursor-pointer items-center`,children:[(0,C.jsx)(`input`,{hidden:!0,type:`checkbox`,"data-testid":`share-publicly-button`,checked:e,"aria-label":n,onChange:e=>t(e.target.checked)}),(0,C.jsx)(`span`,{"aria-hidden":!0,className:i.cn(`inline-flex h-3.5 w-7 items-center rounded-full px-0.5 py-px transition-colors duration-200 ease-in-out`,e?`bg-white`:`bg-base-secondary`),children:(0,C.jsx)(`span`,{className:i.cn(`block h-2 w-2 shrink-0 rounded-full transition-transform duration-200 ease-in-out`,e?`translate-x-[calc(1rem-1px)] bg-base-secondary`:`translate-x-px bg-tertiary-light`)})})]})}function E({onClose:e,onRename:E,onDelete:D,onStop:O,onDisplayCost:k,onShowAgentTools:A,onShowSkills:j,onShowHooks:M,onTogglePublic:N,onCopyShareLink:P,onExportTranscript:F,onDownloadConversation:I,shareUrl:L,position:R=`bottom`,anchorRef:z}){let B=v.useBreakpoint(),{t:V}=t.useTranslation(`openhands`),{backend:H}=a.useActiveBackend(),{data:U}=o.useActiveConversation(),W=_.useIsArchivedConversation(),G=d.useClickOutsideElement(e),K=z?.current??null,[q,J]=S.default.useState();S.default.useLayoutEffect(()=>{if(!K)return;let e=()=>{let e=K.getBoundingClientRect();if(!e)return;let t={position:`fixed`,zIndex:9999};R===`top`?t.bottom=window.innerHeight-e.top+8:t.top=e.bottom+8,t.left=e.left,J(t)};return e(),window.addEventListener(`resize`,e),window.addEventListener(`scroll`,e,!0),()=>{window.removeEventListener(`resize`,e),window.removeEventListener(`scroll`,e,!0)}},[K,R]);let Y=!!(A||j||M),X=!!k,re=!!(O||D),ie=H.kind===`cloud`?n.I18nKey.COMMON$CLOSE_CONVERSATION_STOP_RUNTIME:n.I18nKey.COMMON$STOP_CONVERSATION,ae=H.kind===`cloud`&&!!N,Z=U?.public||!1,Q=!!K,$=(0,C.jsxs)(l.ContextMenu,{ref:G,testId:`conversation-name-context-menu`,position:R,alignment:`left`,className:i.cn(B?`right-0 translate-x-[34%] left-auto`:``,Q?`!static !top-auto !bottom-auto !left-auto !right-auto !mt-0`:``),children:[E&&(0,C.jsx)(u.ContextMenuListItem,{testId:`rename-button`,onClick:E,children:(0,C.jsx)(x.ConversationNameContextMenuIconText,{icon:(0,C.jsx)(te.default,{width:16,height:16}),text:V(n.I18nKey.BUTTON$RENAME)})}),Y&&(0,C.jsx)(f.Divider,{testId:`separator-tools`,inset:`menu`}),j&&(0,C.jsx)(g.ArchivedDisabledTooltip,{isDisabled:W,children:(0,C.jsx)(u.ContextMenuListItem,{testId:`show-skills-button`,onClick:j,isDisabled:W,children:(0,C.jsx)(x.ConversationNameContextMenuIconText,{icon:(0,C.jsx)(p.default,{width:16,height:16,className:`stroke-[1.75]`,"aria-hidden":!0}),text:V(n.I18nKey.CONVERSATION$SHOW_SKILLS)})})}),M&&(0,C.jsx)(g.ArchivedDisabledTooltip,{isDisabled:W,children:(0,C.jsx)(u.ContextMenuListItem,{testId:`show-hooks-button`,onClick:M,isDisabled:W,children:(0,C.jsx)(x.ConversationNameContextMenuIconText,{icon:(0,C.jsx)(m.default,{width:16,height:16,"aria-hidden":!0}),text:V(n.I18nKey.CONVERSATION$SHOW_HOOKS)})})}),A&&(0,C.jsx)(g.ArchivedDisabledTooltip,{isDisabled:W,children:(0,C.jsx)(u.ContextMenuListItem,{testId:`show-agent-tools-button`,onClick:A,isDisabled:W,children:(0,C.jsx)(x.ConversationNameContextMenuIconText,{icon:(0,C.jsx)(h.default,{width:16,height:16}),text:V(n.I18nKey.BUTTON$SHOW_AGENT_TOOLS_AND_METADATA)})})}),F&&(0,C.jsx)(u.ContextMenuListItem,{testId:`export-transcript-button`,onClick:F,children:(0,C.jsx)(x.ConversationNameContextMenuIconText,{icon:(0,C.jsx)(y.default,{width:16,height:16}),text:V(n.I18nKey.BUTTON$EXPORT_TRANSCRIPT)})}),I&&(0,C.jsx)(u.ContextMenuListItem,{testId:`download-trajectory-button`,onClick:I,children:(0,C.jsx)(x.ConversationNameContextMenuIconText,{icon:(0,C.jsx)(y.default,{width:16,height:16}),text:V(n.I18nKey.BUTTON$DOWNLOAD_CONVERSATION_DATA)})}),(X||re)&&(0,C.jsx)(f.Divider,{testId:`separator-info-control`,inset:`menu`}),k&&(0,C.jsx)(u.ContextMenuListItem,{testId:`display-cost-button`,onClick:k,children:(0,C.jsx)(x.ConversationNameContextMenuIconText,{icon:(0,C.jsx)(ne.default,{width:16,height:16}),text:V(n.I18nKey.BUTTON$DISPLAY_COST)})}),ae&&N&&(0,C.jsxs)(`li`,{className:`flex w-full items-center gap-2 rounded px-2 py-2 hover:bg-[var(--oh-interactive-hover)]`,children:[(0,C.jsx)(`span`,{className:`flex shrink-0 items-center text-[var(--oh-muted)]`,"aria-hidden":!0,children:(0,C.jsx)(r.Share2,{size:16})}),(0,C.jsx)(`span`,{className:`min-w-0 flex-1 truncate text-sm`,children:V(n.I18nKey.CONVERSATION$SHARE_PUBLICLY)}),(0,C.jsxs)(`div`,{className:`flex shrink-0 items-center`,children:[Z&&L&&P&&(0,C.jsxs)(`div`,{className:`mr-2 flex items-center gap-0.5`,children:[(0,C.jsx)(`button`,{type:`button`,"data-testid":`copy-share-link-button`,onClick:P,className:`rounded p-0.5 text-[var(--oh-muted)] hover:bg-[var(--oh-interactive-selected)] hover:text-[var(--oh-foreground)] cursor-pointer [&_svg]:text-current`,title:V(n.I18nKey.BUTTON$COPY_TO_CLIPBOARD),children:(0,C.jsx)(s.default,{width:14,height:14})}),(0,C.jsx)(`a`,{"data-testid":`open-share-link-button`,href:L,target:`_blank`,rel:`noopener noreferrer`,onClick:e=>e.stopPropagation(),className:`rounded p-0.5 text-[var(--oh-muted)] no-underline visited:text-[var(--oh-muted)] hover:bg-[var(--oh-interactive-selected)] hover:text-[var(--oh-foreground)] cursor-pointer [&_svg]:text-current`,title:V(n.I18nKey.BUTTON$OPEN_IN_NEW_TAB),children:(0,C.jsx)(ee.ExternalLink,{size:14,"aria-hidden":!0})})]}),(0,C.jsx)(T,{isPublic:Z,onToggle:N,ariaLabel:V(n.I18nKey.CONVERSATION$SHARE_PUBLICLY)})]})]}),O&&(0,C.jsx)(g.ArchivedDisabledTooltip,{isDisabled:W,children:(0,C.jsx)(u.ContextMenuListItem,{testId:`stop-button`,onClick:O,isDisabled:W,children:(0,C.jsx)(x.ConversationNameContextMenuIconText,{icon:(0,C.jsx)(c.default,{width:16,height:16}),text:V(ie)})})}),D&&(0,C.jsx)(u.ContextMenuListItem,{testId:`delete-button`,onClick:D,children:(0,C.jsx)(x.ConversationNameContextMenuIconText,{icon:(0,C.jsx)(b.default,{width:16,height:16}),text:V(n.I18nKey.COMMON$DELETE_CONVERSATION)})})]});return Q?typeof document>`u`||!q?null:w.default.createPortal((0,C.jsx)(`div`,{style:q,children:$}),document.body):$}exports.ConversationNameContextMenu=E;
+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/external-link.cjs"),ee=require("../../../node_modules/lucide-react/dist/esm/icons/gauge.cjs"),i=require("../../../node_modules/lucide-react/dist/esm/icons/share-2.cjs"),a=require("../../../utils/utils.cjs"),o=require("../../../contexts/active-backend-context.cjs"),s=require("../../../hooks/query/use-active-conversation.cjs"),c=require("../../../icons/copy.cjs"),l=require("../../../icons/u-close.cjs"),u=require("../../../ui/context-menu.cjs"),d=require("../context-menu/context-menu-list-item.cjs"),f=require("../../../hooks/use-click-outside-element.cjs"),p=require("../../../ui/divider.cjs"),m=require("../../../icons/skills.cjs"),h=require("../../../icons/fishing-hook.cjs"),g=require("../../../icons/u-tools.cjs"),_=require("../context-menu/archived-disabled-tooltip.cjs"),v=require("../../../hooks/use-is-archived-conversation.cjs"),y=require("./conversation-name-context-menu-icon-text.cjs"),te=require("../../../hooks/use-breakpoint.cjs"),ne=require("../../../icons/u-edit.cjs"),b=require("../../../icons/u-download.cjs"),x=require("../../../icons/u-delete.cjs");let S=require("react");S=e.__toESM(S,1);let C=require("react/jsx-runtime"),w=require("react-dom");w=e.__toESM(w,1);function T({isPublic:e,onToggle:t,ariaLabel:n}){return(0,C.jsxs)(`label`,{className:`relative inline-flex shrink-0 cursor-pointer items-center`,children:[(0,C.jsx)(`input`,{hidden:!0,type:`checkbox`,"data-testid":`share-publicly-button`,checked:e,"aria-label":n,onChange:e=>t(e.target.checked)}),(0,C.jsx)(`span`,{"aria-hidden":!0,className:a.cn(`inline-flex h-3.5 w-7 items-center rounded-full px-0.5 py-px transition-colors duration-200 ease-in-out`,e?`bg-white`:`bg-base-secondary`),children:(0,C.jsx)(`span`,{className:a.cn(`block h-2 w-2 shrink-0 rounded-full transition-transform duration-200 ease-in-out`,e?`translate-x-[calc(1rem-1px)] bg-base-secondary`:`translate-x-px bg-tertiary-light`)})})]})}function E({onClose:e,onRename:E,onDelete:D,onStop:O,onDisplayCost:k,onShowAgentTools:A,onShowSkills:j,onShowHooks:M,onTogglePublic:N,onCopyShareLink:P,onExportTranscript:F,onDownloadConversation:I,shareUrl:L,position:R=`bottom`,anchorRef:z}){let B=te.useBreakpoint(),{t:V}=t.useTranslation(`openhands`),{backend:H}=o.useActiveBackend(),{data:U}=s.useActiveConversation(),W=v.useIsArchivedConversation(),G=f.useClickOutsideElement(e,z),K=z?.current??null,[q,J]=S.default.useState();S.default.useLayoutEffect(()=>{if(!K)return;let e=()=>{let e=K.getBoundingClientRect();if(!e)return;let t={position:`fixed`,zIndex:9999};R===`top`?t.bottom=window.innerHeight-e.top+8:t.top=e.bottom+8,t.left=e.left,J(t)};return e(),window.addEventListener(`resize`,e),window.addEventListener(`scroll`,e,!0),()=>{window.removeEventListener(`resize`,e),window.removeEventListener(`scroll`,e,!0)}},[K,R]);let Y=!!(A||j||M),X=!!k,re=!!(O||D),ie=H.kind===`cloud`?n.I18nKey.COMMON$CLOSE_CONVERSATION_STOP_RUNTIME:n.I18nKey.COMMON$STOP_CONVERSATION,ae=H.kind===`cloud`&&!!N,Z=U?.public||!1,Q=!!K,$=(0,C.jsxs)(u.ContextMenu,{ref:G,testId:`conversation-name-context-menu`,position:R,alignment:`left`,className:a.cn(B?`right-0 translate-x-[34%] left-auto`:``,Q?`!static !top-auto !bottom-auto !left-auto !right-auto !mt-0`:``),children:[E&&(0,C.jsx)(d.ContextMenuListItem,{testId:`rename-button`,onClick:E,children:(0,C.jsx)(y.ConversationNameContextMenuIconText,{icon:(0,C.jsx)(ne.default,{width:16,height:16}),text:V(n.I18nKey.BUTTON$RENAME)})}),Y&&(0,C.jsx)(p.Divider,{testId:`separator-tools`,inset:`menu`}),j&&(0,C.jsx)(_.ArchivedDisabledTooltip,{isDisabled:W,children:(0,C.jsx)(d.ContextMenuListItem,{testId:`show-skills-button`,onClick:j,isDisabled:W,children:(0,C.jsx)(y.ConversationNameContextMenuIconText,{icon:(0,C.jsx)(m.default,{width:16,height:16,className:`stroke-[1.75]`,"aria-hidden":!0}),text:V(n.I18nKey.CONVERSATION$SHOW_SKILLS)})})}),M&&(0,C.jsx)(_.ArchivedDisabledTooltip,{isDisabled:W,children:(0,C.jsx)(d.ContextMenuListItem,{testId:`show-hooks-button`,onClick:M,isDisabled:W,children:(0,C.jsx)(y.ConversationNameContextMenuIconText,{icon:(0,C.jsx)(h.default,{width:16,height:16,"aria-hidden":!0}),text:V(n.I18nKey.CONVERSATION$SHOW_HOOKS)})})}),A&&(0,C.jsx)(_.ArchivedDisabledTooltip,{isDisabled:W,children:(0,C.jsx)(d.ContextMenuListItem,{testId:`show-agent-tools-button`,onClick:A,isDisabled:W,children:(0,C.jsx)(y.ConversationNameContextMenuIconText,{icon:(0,C.jsx)(g.default,{width:16,height:16}),text:V(n.I18nKey.BUTTON$SHOW_AGENT_TOOLS_AND_METADATA)})})}),F&&(0,C.jsx)(d.ContextMenuListItem,{testId:`export-transcript-button`,onClick:F,children:(0,C.jsx)(y.ConversationNameContextMenuIconText,{icon:(0,C.jsx)(b.default,{width:16,height:16}),text:V(n.I18nKey.BUTTON$EXPORT_TRANSCRIPT)})}),I&&(0,C.jsx)(d.ContextMenuListItem,{testId:`download-trajectory-button`,onClick:I,children:(0,C.jsx)(y.ConversationNameContextMenuIconText,{icon:(0,C.jsx)(b.default,{width:16,height:16}),text:V(n.I18nKey.BUTTON$DOWNLOAD_CONVERSATION_DATA)})}),(X||re)&&(0,C.jsx)(p.Divider,{testId:`separator-info-control`,inset:`menu`}),k&&(0,C.jsx)(d.ContextMenuListItem,{testId:`display-cost-button`,onClick:k,children:(0,C.jsx)(y.ConversationNameContextMenuIconText,{icon:(0,C.jsx)(ee.Gauge,{size:16}),text:V(n.I18nKey.BUTTON$DISPLAY_COST)})}),ae&&N&&(0,C.jsxs)(`li`,{className:`flex w-full items-center gap-2 rounded px-2 py-2 hover:bg-[var(--oh-interactive-hover)]`,children:[(0,C.jsx)(`span`,{className:`flex shrink-0 items-center text-[var(--oh-muted)]`,"aria-hidden":!0,children:(0,C.jsx)(i.Share2,{size:16})}),(0,C.jsx)(`span`,{className:`min-w-0 flex-1 truncate text-sm`,children:V(n.I18nKey.CONVERSATION$SHARE_PUBLICLY)}),(0,C.jsxs)(`div`,{className:`flex shrink-0 items-center`,children:[Z&&L&&P&&(0,C.jsxs)(`div`,{className:`mr-2 flex items-center gap-0.5`,children:[(0,C.jsx)(`button`,{type:`button`,"data-testid":`copy-share-link-button`,onClick:P,className:`rounded p-0.5 text-[var(--oh-muted)] hover:bg-[var(--oh-interactive-selected)] hover:text-[var(--oh-foreground)] cursor-pointer [&_svg]:text-current`,title:V(n.I18nKey.BUTTON$COPY_TO_CLIPBOARD),children:(0,C.jsx)(c.default,{width:14,height:14})}),(0,C.jsx)(`a`,{"data-testid":`open-share-link-button`,href:L,target:`_blank`,rel:`noopener noreferrer`,onClick:e=>e.stopPropagation(),className:`rounded p-0.5 text-[var(--oh-muted)] no-underline visited:text-[var(--oh-muted)] hover:bg-[var(--oh-interactive-selected)] hover:text-[var(--oh-foreground)] cursor-pointer [&_svg]:text-current`,title:V(n.I18nKey.BUTTON$OPEN_IN_NEW_TAB),children:(0,C.jsx)(r.ExternalLink,{size:14,"aria-hidden":!0})})]}),(0,C.jsx)(T,{isPublic:Z,onToggle:N,ariaLabel:V(n.I18nKey.CONVERSATION$SHARE_PUBLICLY)})]})]}),O&&(0,C.jsx)(_.ArchivedDisabledTooltip,{isDisabled:W,children:(0,C.jsx)(d.ContextMenuListItem,{testId:`stop-button`,onClick:O,isDisabled:W,children:(0,C.jsx)(y.ConversationNameContextMenuIconText,{icon:(0,C.jsx)(l.default,{width:16,height:16}),text:V(ie)})})}),D&&(0,C.jsx)(d.ContextMenuListItem,{testId:`delete-button`,onClick:D,children:(0,C.jsx)(y.ConversationNameContextMenuIconText,{icon:(0,C.jsx)(x.default,{width:16,height:16}),text:V(n.I18nKey.COMMON$DELETE_CONVERSATION)})})]});return Q?typeof document>`u`||!q?null:w.default.createPortal((0,C.jsx)(`div`,{style:q,children:$}),document.body):$}exports.ConversationNameContextMenu=E;
 //# sourceMappingURL=conversation-name-context-menu.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"conversation-name-context-menu.cjs","names":[],"sources":["../../../../src/components/features/conversation/conversation-name-context-menu.tsx"],"sourcesContent":["import React from \"react\";\nimport ReactDOM from \"react-dom\";\nimport { ExternalLink, Share2 } from \"lucide-react\";\nimport { useTranslation } from \"react-i18next\";\nimport { useActiveBackend } from \"#/contexts/active-backend-context\";\nimport { useActiveConversation } from \"#/hooks/query/use-active-conversation\";\nimport { useClickOutsideElement } from \"#/hooks/use-click-outside-element\";\nimport { useBreakpoint } from \"#/hooks/use-breakpoint\";\nimport { cn } from \"#/utils/utils\";\nimport { ContextMenu } from \"#/ui/context-menu\";\nimport { ContextMenuListItem } from \"../context-menu/context-menu-list-item\";\nimport { Divider } from \"#/ui/divider\";\nimport { I18nKey } from \"#/i18n/declaration\";\n\nimport EditIcon from \"#/icons/u-edit.svg?react\";\nimport SkillsIcon from \"#/icons/skills.svg?react\";\nimport FishingHookIcon from \"#/icons/fishing-hook.svg?react\";\nimport ToolsIcon from \"#/icons/u-tools.svg?react\";\nimport 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 CopyIcon from \"#/icons/copy.svg?react\";\nimport { ConversationNameContextMenuIconText } from \"./conversation-name-context-menu-icon-text\";\nimport { ArchivedDisabledTooltip } from \"../context-menu/archived-disabled-tooltip\";\nimport { useIsArchivedConversation } from \"#/hooks/use-is-archived-conversation\";\n\ninterface ConversationNameContextMenuProps {\n  onClose: () => void;\n  onRename?: (event: React.MouseEvent<HTMLButtonElement>) => void;\n  onDelete?: (event: React.MouseEvent<HTMLButtonElement>) => void;\n  onStop?: (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  onShowHooks?: (event: React.MouseEvent<HTMLButtonElement>) => void;\n  onTogglePublic?: (nextIsPublic: boolean) => void;\n  onCopyShareLink?: (event: React.MouseEvent<HTMLButtonElement>) => void;\n  onExportTranscript?: (event: React.MouseEvent<HTMLButtonElement>) => void;\n  onDownloadConversation?: (event: React.MouseEvent<HTMLButtonElement>) => void;\n  shareUrl?: string;\n  position?: \"top\" | \"bottom\";\n  /**\n   * Element the menu should anchor against. When provided, the menu renders\n   * into a portal at the document body using fixed positioning so it cannot be\n   * clipped by ancestors with `overflow: hidden` (e.g. the chat panel that\n   * sits next to the right-side tabs panel).\n   */\n  anchorRef?: React.RefObject<HTMLElement | null>;\n}\n\nfunction PublicShareToggle({\n  isPublic,\n  onToggle,\n  ariaLabel,\n}: {\n  isPublic: boolean;\n  onToggle: (nextIsPublic: boolean) => void;\n  ariaLabel: string;\n}) {\n  return (\n    <label className=\"relative inline-flex shrink-0 cursor-pointer items-center\">\n      <input\n        hidden\n        type=\"checkbox\"\n        data-testid=\"share-publicly-button\"\n        checked={isPublic}\n        aria-label={ariaLabel}\n        onChange={(event) => onToggle(event.target.checked)}\n      />\n      <span\n        aria-hidden\n        className={cn(\n          \"inline-flex h-3.5 w-7 items-center rounded-full px-0.5 py-px transition-colors duration-200 ease-in-out\",\n          isPublic ? \"bg-white\" : \"bg-base-secondary\",\n        )}\n      >\n        <span\n          className={cn(\n            \"block h-2 w-2 shrink-0 rounded-full transition-transform duration-200 ease-in-out\",\n            isPublic\n              ? \"translate-x-[calc(1rem-1px)] bg-base-secondary\"\n              : \"translate-x-px bg-tertiary-light\",\n          )}\n        />\n      </span>\n    </label>\n  );\n}\n\nexport function ConversationNameContextMenu({\n  onClose,\n  onRename,\n  onDelete,\n  onStop,\n  onDisplayCost,\n  onShowAgentTools,\n  onShowSkills,\n  onShowHooks,\n  onTogglePublic,\n  onCopyShareLink,\n  onExportTranscript,\n  onDownloadConversation,\n  shareUrl,\n  position = \"bottom\",\n  anchorRef,\n}: ConversationNameContextMenuProps) {\n  const isMobile = useBreakpoint();\n\n  const { t } = useTranslation(\"openhands\");\n  const { backend } = useActiveBackend();\n  const { data: conversation } = useActiveConversation();\n  const isArchivedConversation = useIsArchivedConversation();\n  const ref = useClickOutsideElement<HTMLUListElement>(onClose);\n\n  const anchorElement = anchorRef?.current ?? null;\n  const [portalStyle, setPortalStyle] = React.useState<React.CSSProperties>();\n  React.useLayoutEffect(() => {\n    if (!anchorElement) return undefined;\n\n    const updatePosition = () => {\n      const rect = anchorElement.getBoundingClientRect();\n      if (!rect) return;\n      const gap = 8;\n      const style: React.CSSProperties = {\n        position: \"fixed\",\n        zIndex: 9999,\n      };\n      if (position === \"top\") {\n        style.bottom = window.innerHeight - rect.top + gap;\n      } else {\n        style.top = rect.bottom + gap;\n      }\n      style.left = rect.left;\n      setPortalStyle(style);\n    };\n\n    updatePosition();\n    window.addEventListener(\"resize\", updatePosition);\n    window.addEventListener(\"scroll\", updatePosition, true);\n    return () => {\n      window.removeEventListener(\"resize\", updatePosition);\n      window.removeEventListener(\"scroll\", updatePosition, true);\n    };\n  }, [anchorElement, position]);\n  const hasTools = Boolean(onShowAgentTools || onShowSkills || onShowHooks);\n  const hasInfo = Boolean(onDisplayCost);\n  const hasControl = Boolean(onStop || onDelete);\n  const stopLabelKey =\n    backend.kind === \"cloud\"\n      ? I18nKey.COMMON$CLOSE_CONVERSATION_STOP_RUNTIME\n      : I18nKey.COMMON$STOP_CONVERSATION;\n  const shouldShowPublicSharing =\n    backend.kind === \"cloud\" && Boolean(onTogglePublic);\n  const isPublic = conversation?.public || false;\n\n  const isPortaled = Boolean(anchorElement);\n  const portalClassName = isPortaled\n    ? \"!static !top-auto !bottom-auto !left-auto !right-auto !mt-0\"\n    : \"\";\n\n  const menu = (\n    <ContextMenu\n      ref={ref}\n      testId=\"conversation-name-context-menu\"\n      position={position}\n      alignment=\"left\"\n      className={cn(\n        isMobile ? \"right-0 translate-x-[34%] left-auto\" : \"\",\n        portalClassName,\n      )}\n    >\n      {onRename && (\n        <ContextMenuListItem testId=\"rename-button\" onClick={onRename}>\n          <ConversationNameContextMenuIconText\n            icon={<EditIcon width={16} height={16} />}\n            text={t(I18nKey.BUTTON$RENAME)}\n          />\n        </ContextMenuListItem>\n      )}\n\n      {hasTools && <Divider testId=\"separator-tools\" inset=\"menu\" />}\n\n      {onShowSkills && (\n        <ArchivedDisabledTooltip isDisabled={isArchivedConversation}>\n          <ContextMenuListItem\n            testId=\"show-skills-button\"\n            onClick={onShowSkills}\n            isDisabled={isArchivedConversation}\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        </ArchivedDisabledTooltip>\n      )}\n\n      {onShowHooks && (\n        <ArchivedDisabledTooltip isDisabled={isArchivedConversation}>\n          <ContextMenuListItem\n            testId=\"show-hooks-button\"\n            onClick={onShowHooks}\n            isDisabled={isArchivedConversation}\n          >\n            <ConversationNameContextMenuIconText\n              icon={<FishingHookIcon width={16} height={16} aria-hidden />}\n              text={t(I18nKey.CONVERSATION$SHOW_HOOKS)}\n            />\n          </ContextMenuListItem>\n        </ArchivedDisabledTooltip>\n      )}\n\n      {onShowAgentTools && (\n        <ArchivedDisabledTooltip isDisabled={isArchivedConversation}>\n          <ContextMenuListItem\n            testId=\"show-agent-tools-button\"\n            onClick={onShowAgentTools}\n            isDisabled={isArchivedConversation}\n          >\n            <ConversationNameContextMenuIconText\n              icon={<ToolsIcon width={16} height={16} />}\n              text={t(I18nKey.BUTTON$SHOW_AGENT_TOOLS_AND_METADATA)}\n            />\n          </ContextMenuListItem>\n        </ArchivedDisabledTooltip>\n      )}\n\n      {onExportTranscript && (\n        <ContextMenuListItem\n          testId=\"export-transcript-button\"\n          onClick={onExportTranscript}\n        >\n          <ConversationNameContextMenuIconText\n            icon={<DownloadIcon width={16} height={16} />}\n            text={t(I18nKey.BUTTON$EXPORT_TRANSCRIPT)}\n          />\n        </ContextMenuListItem>\n      )}\n\n      {onDownloadConversation && (\n        <ContextMenuListItem\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      {(hasInfo || hasControl) && (\n        <Divider testId=\"separator-info-control\" inset=\"menu\" />\n      )}\n\n      {onDisplayCost && (\n        <ContextMenuListItem\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\n      {shouldShowPublicSharing && onTogglePublic && (\n        <li className=\"flex w-full items-center gap-2 rounded px-2 py-2 hover:bg-[var(--oh-interactive-hover)]\">\n          <span\n            className=\"flex shrink-0 items-center text-[var(--oh-muted)]\"\n            aria-hidden\n          >\n            <Share2 size={16} />\n          </span>\n          <span className=\"min-w-0 flex-1 truncate text-sm\">\n            {t(I18nKey.CONVERSATION$SHARE_PUBLICLY)}\n          </span>\n          <div className=\"flex shrink-0 items-center\">\n            {isPublic && shareUrl && onCopyShareLink && (\n              <div className=\"mr-2 flex items-center gap-0.5\">\n                <button\n                  type=\"button\"\n                  data-testid=\"copy-share-link-button\"\n                  onClick={onCopyShareLink}\n                  className=\"rounded p-0.5 text-[var(--oh-muted)] hover:bg-[var(--oh-interactive-selected)] hover:text-[var(--oh-foreground)] cursor-pointer [&_svg]:text-current\"\n                  title={t(I18nKey.BUTTON$COPY_TO_CLIPBOARD)}\n                >\n                  <CopyIcon width={14} height={14} />\n                </button>\n                <a\n                  data-testid=\"open-share-link-button\"\n                  href={shareUrl}\n                  target=\"_blank\"\n                  rel=\"noopener noreferrer\"\n                  onClick={(event) => event.stopPropagation()}\n                  className=\"rounded p-0.5 text-[var(--oh-muted)] no-underline visited:text-[var(--oh-muted)] hover:bg-[var(--oh-interactive-selected)] hover:text-[var(--oh-foreground)] cursor-pointer [&_svg]:text-current\"\n                  title={t(I18nKey.BUTTON$OPEN_IN_NEW_TAB)}\n                >\n                  <ExternalLink size={14} aria-hidden />\n                </a>\n              </div>\n            )}\n            <PublicShareToggle\n              isPublic={isPublic}\n              onToggle={onTogglePublic}\n              ariaLabel={t(I18nKey.CONVERSATION$SHARE_PUBLICLY)}\n            />\n          </div>\n        </li>\n      )}\n\n      {onStop && (\n        <ArchivedDisabledTooltip isDisabled={isArchivedConversation}>\n          <ContextMenuListItem\n            testId=\"stop-button\"\n            onClick={onStop}\n            isDisabled={isArchivedConversation}\n          >\n            <ConversationNameContextMenuIconText\n              icon={<CloseIcon width={16} height={16} />}\n              text={t(stopLabelKey)}\n            />\n          </ContextMenuListItem>\n        </ArchivedDisabledTooltip>\n      )}\n\n      {onDelete && (\n        <ContextMenuListItem testId=\"delete-button\" onClick={onDelete}>\n          <ConversationNameContextMenuIconText\n            icon={<DeleteIcon width={16} height={16} />}\n            text={t(I18nKey.COMMON$DELETE_CONVERSATION)}\n          />\n        </ContextMenuListItem>\n      )}\n    </ContextMenu>\n  );\n\n  if (isPortaled) {\n    if (typeof document === \"undefined\" || !portalStyle) {\n      return null;\n    }\n    return ReactDOM.createPortal(\n      <div style={portalStyle}>{menu}</div>,\n      document.body,\n    );\n  }\n\n  return menu;\n}\n"],"mappings":"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"}
+{"version":3,"file":"conversation-name-context-menu.cjs","names":[],"sources":["../../../../src/components/features/conversation/conversation-name-context-menu.tsx"],"sourcesContent":["import React from \"react\";\nimport ReactDOM from \"react-dom\";\nimport { ExternalLink, Gauge, Share2 } from \"lucide-react\";\nimport { useTranslation } from \"react-i18next\";\nimport { useActiveBackend } from \"#/contexts/active-backend-context\";\nimport { useActiveConversation } from \"#/hooks/query/use-active-conversation\";\nimport { useClickOutsideElement } from \"#/hooks/use-click-outside-element\";\nimport { useBreakpoint } from \"#/hooks/use-breakpoint\";\nimport { cn } from \"#/utils/utils\";\nimport { ContextMenu } from \"#/ui/context-menu\";\nimport { ContextMenuListItem } from \"../context-menu/context-menu-list-item\";\nimport { Divider } from \"#/ui/divider\";\nimport { I18nKey } from \"#/i18n/declaration\";\n\nimport EditIcon from \"#/icons/u-edit.svg?react\";\nimport SkillsIcon from \"#/icons/skills.svg?react\";\nimport FishingHookIcon from \"#/icons/fishing-hook.svg?react\";\nimport ToolsIcon from \"#/icons/u-tools.svg?react\";\nimport DownloadIcon from \"#/icons/u-download.svg?react\";\nimport CloseIcon from \"#/icons/u-close.svg?react\";\nimport DeleteIcon from \"#/icons/u-delete.svg?react\";\nimport CopyIcon from \"#/icons/copy.svg?react\";\nimport { ConversationNameContextMenuIconText } from \"./conversation-name-context-menu-icon-text\";\nimport { ArchivedDisabledTooltip } from \"../context-menu/archived-disabled-tooltip\";\nimport { useIsArchivedConversation } from \"#/hooks/use-is-archived-conversation\";\n\ninterface ConversationNameContextMenuProps {\n  onClose: () => void;\n  onRename?: (event: React.MouseEvent<HTMLButtonElement>) => void;\n  onDelete?: (event: React.MouseEvent<HTMLButtonElement>) => void;\n  onStop?: (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  onShowHooks?: (event: React.MouseEvent<HTMLButtonElement>) => void;\n  onTogglePublic?: (nextIsPublic: boolean) => void;\n  onCopyShareLink?: (event: React.MouseEvent<HTMLButtonElement>) => void;\n  onExportTranscript?: (event: React.MouseEvent<HTMLButtonElement>) => void;\n  onDownloadConversation?: (event: React.MouseEvent<HTMLButtonElement>) => void;\n  shareUrl?: string;\n  position?: \"top\" | \"bottom\";\n  /**\n   * Element the menu should anchor against. When provided, the menu renders\n   * into a portal at the document body using fixed positioning so it cannot be\n   * clipped by ancestors with `overflow: hidden` (e.g. the chat panel that\n   * sits next to the right-side tabs panel).\n   */\n  anchorRef?: React.RefObject<HTMLElement | null>;\n}\n\nfunction PublicShareToggle({\n  isPublic,\n  onToggle,\n  ariaLabel,\n}: {\n  isPublic: boolean;\n  onToggle: (nextIsPublic: boolean) => void;\n  ariaLabel: string;\n}) {\n  return (\n    <label className=\"relative inline-flex shrink-0 cursor-pointer items-center\">\n      <input\n        hidden\n        type=\"checkbox\"\n        data-testid=\"share-publicly-button\"\n        checked={isPublic}\n        aria-label={ariaLabel}\n        onChange={(event) => onToggle(event.target.checked)}\n      />\n      <span\n        aria-hidden\n        className={cn(\n          \"inline-flex h-3.5 w-7 items-center rounded-full px-0.5 py-px transition-colors duration-200 ease-in-out\",\n          isPublic ? \"bg-white\" : \"bg-base-secondary\",\n        )}\n      >\n        <span\n          className={cn(\n            \"block h-2 w-2 shrink-0 rounded-full transition-transform duration-200 ease-in-out\",\n            isPublic\n              ? \"translate-x-[calc(1rem-1px)] bg-base-secondary\"\n              : \"translate-x-px bg-tertiary-light\",\n          )}\n        />\n      </span>\n    </label>\n  );\n}\n\nexport function ConversationNameContextMenu({\n  onClose,\n  onRename,\n  onDelete,\n  onStop,\n  onDisplayCost,\n  onShowAgentTools,\n  onShowSkills,\n  onShowHooks,\n  onTogglePublic,\n  onCopyShareLink,\n  onExportTranscript,\n  onDownloadConversation,\n  shareUrl,\n  position = \"bottom\",\n  anchorRef,\n}: ConversationNameContextMenuProps) {\n  const isMobile = useBreakpoint();\n\n  const { t } = useTranslation(\"openhands\");\n  const { backend } = useActiveBackend();\n  const { data: conversation } = useActiveConversation();\n  const isArchivedConversation = useIsArchivedConversation();\n  const ref = useClickOutsideElement<HTMLUListElement>(onClose, anchorRef);\n\n  const anchorElement = anchorRef?.current ?? null;\n  const [portalStyle, setPortalStyle] = React.useState<React.CSSProperties>();\n  React.useLayoutEffect(() => {\n    if (!anchorElement) return undefined;\n\n    const updatePosition = () => {\n      const rect = anchorElement.getBoundingClientRect();\n      if (!rect) return;\n      const gap = 8;\n      const style: React.CSSProperties = {\n        position: \"fixed\",\n        zIndex: 9999,\n      };\n      if (position === \"top\") {\n        style.bottom = window.innerHeight - rect.top + gap;\n      } else {\n        style.top = rect.bottom + gap;\n      }\n      style.left = rect.left;\n      setPortalStyle(style);\n    };\n\n    updatePosition();\n    window.addEventListener(\"resize\", updatePosition);\n    window.addEventListener(\"scroll\", updatePosition, true);\n    return () => {\n      window.removeEventListener(\"resize\", updatePosition);\n      window.removeEventListener(\"scroll\", updatePosition, true);\n    };\n  }, [anchorElement, position]);\n  const hasTools = Boolean(onShowAgentTools || onShowSkills || onShowHooks);\n  const hasInfo = Boolean(onDisplayCost);\n  const hasControl = Boolean(onStop || onDelete);\n  const stopLabelKey =\n    backend.kind === \"cloud\"\n      ? I18nKey.COMMON$CLOSE_CONVERSATION_STOP_RUNTIME\n      : I18nKey.COMMON$STOP_CONVERSATION;\n  const shouldShowPublicSharing =\n    backend.kind === \"cloud\" && Boolean(onTogglePublic);\n  const isPublic = conversation?.public || false;\n\n  const isPortaled = Boolean(anchorElement);\n  const portalClassName = isPortaled\n    ? \"!static !top-auto !bottom-auto !left-auto !right-auto !mt-0\"\n    : \"\";\n\n  const menu = (\n    <ContextMenu\n      ref={ref}\n      testId=\"conversation-name-context-menu\"\n      position={position}\n      alignment=\"left\"\n      className={cn(\n        isMobile ? \"right-0 translate-x-[34%] left-auto\" : \"\",\n        portalClassName,\n      )}\n    >\n      {onRename && (\n        <ContextMenuListItem testId=\"rename-button\" onClick={onRename}>\n          <ConversationNameContextMenuIconText\n            icon={<EditIcon width={16} height={16} />}\n            text={t(I18nKey.BUTTON$RENAME)}\n          />\n        </ContextMenuListItem>\n      )}\n\n      {hasTools && <Divider testId=\"separator-tools\" inset=\"menu\" />}\n\n      {onShowSkills && (\n        <ArchivedDisabledTooltip isDisabled={isArchivedConversation}>\n          <ContextMenuListItem\n            testId=\"show-skills-button\"\n            onClick={onShowSkills}\n            isDisabled={isArchivedConversation}\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        </ArchivedDisabledTooltip>\n      )}\n\n      {onShowHooks && (\n        <ArchivedDisabledTooltip isDisabled={isArchivedConversation}>\n          <ContextMenuListItem\n            testId=\"show-hooks-button\"\n            onClick={onShowHooks}\n            isDisabled={isArchivedConversation}\n          >\n            <ConversationNameContextMenuIconText\n              icon={<FishingHookIcon width={16} height={16} aria-hidden />}\n              text={t(I18nKey.CONVERSATION$SHOW_HOOKS)}\n            />\n          </ContextMenuListItem>\n        </ArchivedDisabledTooltip>\n      )}\n\n      {onShowAgentTools && (\n        <ArchivedDisabledTooltip isDisabled={isArchivedConversation}>\n          <ContextMenuListItem\n            testId=\"show-agent-tools-button\"\n            onClick={onShowAgentTools}\n            isDisabled={isArchivedConversation}\n          >\n            <ConversationNameContextMenuIconText\n              icon={<ToolsIcon width={16} height={16} />}\n              text={t(I18nKey.BUTTON$SHOW_AGENT_TOOLS_AND_METADATA)}\n            />\n          </ContextMenuListItem>\n        </ArchivedDisabledTooltip>\n      )}\n\n      {onExportTranscript && (\n        <ContextMenuListItem\n          testId=\"export-transcript-button\"\n          onClick={onExportTranscript}\n        >\n          <ConversationNameContextMenuIconText\n            icon={<DownloadIcon width={16} height={16} />}\n            text={t(I18nKey.BUTTON$EXPORT_TRANSCRIPT)}\n          />\n        </ContextMenuListItem>\n      )}\n\n      {onDownloadConversation && (\n        <ContextMenuListItem\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      {(hasInfo || hasControl) && (\n        <Divider testId=\"separator-info-control\" inset=\"menu\" />\n      )}\n\n      {onDisplayCost && (\n        <ContextMenuListItem\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\n      {shouldShowPublicSharing && onTogglePublic && (\n        <li className=\"flex w-full items-center gap-2 rounded px-2 py-2 hover:bg-[var(--oh-interactive-hover)]\">\n          <span\n            className=\"flex shrink-0 items-center text-[var(--oh-muted)]\"\n            aria-hidden\n          >\n            <Share2 size={16} />\n          </span>\n          <span className=\"min-w-0 flex-1 truncate text-sm\">\n            {t(I18nKey.CONVERSATION$SHARE_PUBLICLY)}\n          </span>\n          <div className=\"flex shrink-0 items-center\">\n            {isPublic && shareUrl && onCopyShareLink && (\n              <div className=\"mr-2 flex items-center gap-0.5\">\n                <button\n                  type=\"button\"\n                  data-testid=\"copy-share-link-button\"\n                  onClick={onCopyShareLink}\n                  className=\"rounded p-0.5 text-[var(--oh-muted)] hover:bg-[var(--oh-interactive-selected)] hover:text-[var(--oh-foreground)] cursor-pointer [&_svg]:text-current\"\n                  title={t(I18nKey.BUTTON$COPY_TO_CLIPBOARD)}\n                >\n                  <CopyIcon width={14} height={14} />\n                </button>\n                <a\n                  data-testid=\"open-share-link-button\"\n                  href={shareUrl}\n                  target=\"_blank\"\n                  rel=\"noopener noreferrer\"\n                  onClick={(event) => event.stopPropagation()}\n                  className=\"rounded p-0.5 text-[var(--oh-muted)] no-underline visited:text-[var(--oh-muted)] hover:bg-[var(--oh-interactive-selected)] hover:text-[var(--oh-foreground)] cursor-pointer [&_svg]:text-current\"\n                  title={t(I18nKey.BUTTON$OPEN_IN_NEW_TAB)}\n                >\n                  <ExternalLink size={14} aria-hidden />\n                </a>\n              </div>\n            )}\n            <PublicShareToggle\n              isPublic={isPublic}\n              onToggle={onTogglePublic}\n              ariaLabel={t(I18nKey.CONVERSATION$SHARE_PUBLICLY)}\n            />\n          </div>\n        </li>\n      )}\n\n      {onStop && (\n        <ArchivedDisabledTooltip isDisabled={isArchivedConversation}>\n          <ContextMenuListItem\n            testId=\"stop-button\"\n            onClick={onStop}\n            isDisabled={isArchivedConversation}\n          >\n            <ConversationNameContextMenuIconText\n              icon={<CloseIcon width={16} height={16} />}\n              text={t(stopLabelKey)}\n            />\n          </ContextMenuListItem>\n        </ArchivedDisabledTooltip>\n      )}\n\n      {onDelete && (\n        <ContextMenuListItem testId=\"delete-button\" onClick={onDelete}>\n          <ConversationNameContextMenuIconText\n            icon={<DeleteIcon width={16} height={16} />}\n            text={t(I18nKey.COMMON$DELETE_CONVERSATION)}\n          />\n        </ContextMenuListItem>\n      )}\n    </ContextMenu>\n  );\n\n  if (isPortaled) {\n    if (typeof document === \"undefined\" || !portalStyle) {\n      return null;\n    }\n    return ReactDOM.createPortal(\n      <div style={portalStyle}>{menu}</div>,\n      document.body,\n    );\n  }\n\n  return menu;\n}\n"],"mappings":"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"}

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

@@ -1,27 +1,27 @@
 import { useTranslation as e } from "../../../node_modules/react-i18next/dist/es/useTranslation.js";
 import { I18nKey as t } from "../../../i18n/declaration.js";
 import { ExternalLink as n } from "../../../node_modules/lucide-react/dist/esm/icons/external-link.js";
-import { Share2 as r } from "../../../node_modules/lucide-react/dist/esm/icons/share-2.js";
-import { cn as i } from "../../../utils/utils.js";
-import { useActiveBackend as a } from "../../../contexts/active-backend-context.js";
-import { useActiveConversation as ee } from "../../../hooks/query/use-active-conversation.js";
-import o from "../../../icons/copy.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/fishing-hook.js";
+import { Gauge as r } from "../../../node_modules/lucide-react/dist/esm/icons/gauge.js";
+import { Share2 as i } from "../../../node_modules/lucide-react/dist/esm/icons/share-2.js";
+import { cn as a } from "../../../utils/utils.js";
+import { useActiveBackend as ee } from "../../../contexts/active-backend-context.js";
+import { useActiveConversation as o } from "../../../hooks/query/use-active-conversation.js";
+import s from "../../../icons/copy.js";
+import c from "../../../icons/u-close.js";
+import { ContextMenu as l } from "../../../ui/context-menu.js";
+import { ContextMenuListItem as u } from "../context-menu/context-menu-list-item.js";
+import { useClickOutsideElement as d } from "../../../hooks/use-click-outside-element.js";
+import { Divider as f } from "../../../ui/divider.js";
+import p from "../../../icons/skills.js";
+import m from "../../../icons/fishing-hook.js";
 import te from "../../../icons/u-tools.js";
-import { ArchivedDisabledTooltip as m } from "../context-menu/archived-disabled-tooltip.js";
+import { ArchivedDisabledTooltip as h } from "../context-menu/archived-disabled-tooltip.js";
 import { useIsArchivedConversation as ne } from "../../../hooks/use-is-archived-conversation.js";
-import { useBreakpoint as h } from "../../../hooks/use-breakpoint.js";
-import g from "../../../icons/u-edit.js";
-import _ from "../../../icons/u-download.js";
-import v from "../../../icons/u-credit-card.js";
-import y from "../../../icons/u-delete.js";
-import { ConversationNameContextMenuIconText as b } from "./conversation-name-context-menu-icon-text.js";
+import { ConversationNameContextMenuIconText as g } from "./conversation-name-context-menu-icon-text.js";
+import { useBreakpoint as _ } from "../../../hooks/use-breakpoint.js";
+import v from "../../../icons/u-edit.js";
+import y from "../../../icons/u-download.js";
+import b from "../../../icons/u-delete.js";
 import x from "react";
 import { jsx as S, jsxs as C } from "react/jsx-runtime";
 import w from "react-dom";
@@ -38,13 +38,13 @@ function T({ isPublic: e, onToggle: t, ariaLabel: n }) {
 			onChange: (e) => t(e.target.checked)
 		}), /* @__PURE__ */ S("span", {
 			"aria-hidden": !0,
-			className: i("inline-flex h-3.5 w-7 items-center rounded-full px-0.5 py-px transition-colors duration-200 ease-in-out", e ? "bg-white" : "bg-base-secondary"),
-			children: /* @__PURE__ */ S("span", { className: i("block h-2 w-2 shrink-0 rounded-full transition-transform duration-200 ease-in-out", e ? "translate-x-[calc(1rem-1px)] bg-base-secondary" : "translate-x-px bg-tertiary-light") })
+			className: a("inline-flex h-3.5 w-7 items-center rounded-full px-0.5 py-px transition-colors duration-200 ease-in-out", e ? "bg-white" : "bg-base-secondary"),
+			children: /* @__PURE__ */ S("span", { className: a("block h-2 w-2 shrink-0 rounded-full transition-transform duration-200 ease-in-out", e ? "translate-x-[calc(1rem-1px)] bg-base-secondary" : "translate-x-px bg-tertiary-light") })
 		})]
 	});
 }
 function E({ onClose: E, onRename: D, onDelete: O, onStop: k, onDisplayCost: A, onShowAgentTools: j, onShowSkills: M, onShowHooks: N, onTogglePublic: P, onCopyShareLink: F, onExportTranscript: I, onDownloadConversation: L, shareUrl: R, position: z = "bottom", anchorRef: B }) {
-	let V = h(), { t: H } = e("openhands"), { backend: U } = a(), { data: W } = ee(), G = ne(), K = u(E), q = B?.current ?? null, [J, Y] = x.useState();
+	let V = _(), { t: H } = e("openhands"), { backend: U } = ee(), { data: W } = o(), G = ne(), K = d(E, B), q = B?.current ?? null, [J, Y] = x.useState();
 	x.useLayoutEffect(() => {
 		if (!q) return;
 		let e = () => {
@@ -60,36 +60,36 @@ function E({ onClose: E, onRename: D, onDelete: O, onStop: k, onDisplayCost: A,
 			window.removeEventListener("resize", e), window.removeEventListener("scroll", e, !0);
 		};
 	}, [q, z]);
-	let X = !!(j || M || N), re = !!A, ie = !!(k || O), ae = U.kind === "cloud" ? t.COMMON$CLOSE_CONVERSATION_STOP_RUNTIME : t.COMMON$STOP_CONVERSATION, oe = U.kind === "cloud" && !!P, Z = W?.public || !1, Q = !!q, $ = /* @__PURE__ */ C(c, {
+	let X = !!(j || M || N), re = !!A, ie = !!(k || O), ae = U.kind === "cloud" ? t.COMMON$CLOSE_CONVERSATION_STOP_RUNTIME : t.COMMON$STOP_CONVERSATION, oe = U.kind === "cloud" && !!P, Z = W?.public || !1, Q = !!q, $ = /* @__PURE__ */ C(l, {
 		ref: K,
 		testId: "conversation-name-context-menu",
 		position: z,
 		alignment: "left",
-		className: i(V ? "right-0 translate-x-[34%] left-auto" : "", Q ? "!static !top-auto !bottom-auto !left-auto !right-auto !mt-0" : ""),
+		className: a(V ? "right-0 translate-x-[34%] left-auto" : "", Q ? "!static !top-auto !bottom-auto !left-auto !right-auto !mt-0" : ""),
 		children: [
-			D && /* @__PURE__ */ S(l, {
+			D && /* @__PURE__ */ S(u, {
 				testId: "rename-button",
 				onClick: D,
-				children: /* @__PURE__ */ S(b, {
-					icon: /* @__PURE__ */ S(g, {
+				children: /* @__PURE__ */ S(g, {
+					icon: /* @__PURE__ */ S(v, {
 						width: 16,
 						height: 16
 					}),
 					text: H(t.BUTTON$RENAME)
 				})
 			}),
-			X && /* @__PURE__ */ S(d, {
+			X && /* @__PURE__ */ S(f, {
 				testId: "separator-tools",
 				inset: "menu"
 			}),
-			M && /* @__PURE__ */ S(m, {
+			M && /* @__PURE__ */ S(h, {
 				isDisabled: G,
-				children: /* @__PURE__ */ S(l, {
+				children: /* @__PURE__ */ S(u, {
 					testId: "show-skills-button",
 					onClick: M,
 					isDisabled: G,
-					children: /* @__PURE__ */ S(b, {
-						icon: /* @__PURE__ */ S(f, {
+					children: /* @__PURE__ */ S(g, {
+						icon: /* @__PURE__ */ S(p, {
 							width: 16,
 							height: 16,
 							className: "stroke-[1.75]",
@@ -99,14 +99,14 @@ function E({ onClose: E, onRename: D, onDelete: O, onStop: k, onDisplayCost: A,
 					})
 				})
 			}),
-			N && /* @__PURE__ */ S(m, {
+			N && /* @__PURE__ */ S(h, {
 				isDisabled: G,
-				children: /* @__PURE__ */ S(l, {
+				children: /* @__PURE__ */ S(u, {
 					testId: "show-hooks-button",
 					onClick: N,
 					isDisabled: G,
-					children: /* @__PURE__ */ S(b, {
-						icon: /* @__PURE__ */ S(p, {
+					children: /* @__PURE__ */ S(g, {
+						icon: /* @__PURE__ */ S(m, {
 							width: 16,
 							height: 16,
 							"aria-hidden": !0
@@ -115,13 +115,13 @@ function E({ onClose: E, onRename: D, onDelete: O, onStop: k, onDisplayCost: A,
 					})
 				})
 			}),
-			j && /* @__PURE__ */ S(m, {
+			j && /* @__PURE__ */ S(h, {
 				isDisabled: G,
-				children: /* @__PURE__ */ S(l, {
+				children: /* @__PURE__ */ S(u, {
 					testId: "show-agent-tools-button",
 					onClick: j,
 					isDisabled: G,
-					children: /* @__PURE__ */ S(b, {
+					children: /* @__PURE__ */ S(g, {
 						icon: /* @__PURE__ */ S(te, {
 							width: 16,
 							height: 16
@@ -130,40 +130,37 @@ function E({ onClose: E, onRename: D, onDelete: O, onStop: k, onDisplayCost: A,
 					})
 				})
 			}),
-			I && /* @__PURE__ */ S(l, {
+			I && /* @__PURE__ */ S(u, {
 				testId: "export-transcript-button",
 				onClick: I,
-				children: /* @__PURE__ */ S(b, {
-					icon: /* @__PURE__ */ S(_, {
+				children: /* @__PURE__ */ S(g, {
+					icon: /* @__PURE__ */ S(y, {
 						width: 16,
 						height: 16
 					}),
 					text: H(t.BUTTON$EXPORT_TRANSCRIPT)
 				})
 			}),
-			L && /* @__PURE__ */ S(l, {
+			L && /* @__PURE__ */ S(u, {
 				testId: "download-trajectory-button",
 				onClick: L,
-				children: /* @__PURE__ */ S(b, {
-					icon: /* @__PURE__ */ S(_, {
+				children: /* @__PURE__ */ S(g, {
+					icon: /* @__PURE__ */ S(y, {
 						width: 16,
 						height: 16
 					}),
 					text: H(t.BUTTON$DOWNLOAD_CONVERSATION_DATA)
 				})
 			}),
-			(re || ie) && /* @__PURE__ */ S(d, {
+			(re || ie) && /* @__PURE__ */ S(f, {
 				testId: "separator-info-control",
 				inset: "menu"
 			}),
-			A && /* @__PURE__ */ S(l, {
+			A && /* @__PURE__ */ S(u, {
 				testId: "display-cost-button",
 				onClick: A,
-				children: /* @__PURE__ */ S(b, {
-					icon: /* @__PURE__ */ S(v, {
-						width: 16,
-						height: 16
-					}),
+				children: /* @__PURE__ */ S(g, {
+					icon: /* @__PURE__ */ S(r, { size: 16 }),
 					text: H(t.BUTTON$DISPLAY_COST)
 				})
 			}),
@@ -173,7 +170,7 @@ function E({ onClose: E, onRename: D, onDelete: O, onStop: k, onDisplayCost: A,
 					/* @__PURE__ */ S("span", {
 						className: "flex shrink-0 items-center text-[var(--oh-muted)]",
 						"aria-hidden": !0,
-						children: /* @__PURE__ */ S(r, { size: 16 })
+						children: /* @__PURE__ */ S(i, { size: 16 })
 					}),
 					/* @__PURE__ */ S("span", {
 						className: "min-w-0 flex-1 truncate text-sm",
@@ -189,7 +186,7 @@ function E({ onClose: E, onRename: D, onDelete: O, onStop: k, onDisplayCost: A,
 								onClick: F,
 								className: "rounded p-0.5 text-[var(--oh-muted)] hover:bg-[var(--oh-interactive-selected)] hover:text-[var(--oh-foreground)] cursor-pointer [&_svg]:text-current",
 								title: H(t.BUTTON$COPY_TO_CLIPBOARD),
-								children: /* @__PURE__ */ S(o, {
+								children: /* @__PURE__ */ S(s, {
 									width: 14,
 									height: 14
 								})
@@ -214,14 +211,14 @@ function E({ onClose: E, onRename: D, onDelete: O, onStop: k, onDisplayCost: A,
 					})
 				]
 			}),
-			k && /* @__PURE__ */ S(m, {
+			k && /* @__PURE__ */ S(h, {
 				isDisabled: G,
-				children: /* @__PURE__ */ S(l, {
+				children: /* @__PURE__ */ S(u, {
 					testId: "stop-button",
 					onClick: k,
 					isDisabled: G,
-					children: /* @__PURE__ */ S(b, {
-						icon: /* @__PURE__ */ S(s, {
+					children: /* @__PURE__ */ S(g, {
+						icon: /* @__PURE__ */ S(c, {
 							width: 16,
 							height: 16
 						}),
@@ -229,11 +226,11 @@ function E({ onClose: E, onRename: D, onDelete: O, onStop: k, onDisplayCost: A,
 					})
 				})
 			}),
-			O && /* @__PURE__ */ S(l, {
+			O && /* @__PURE__ */ S(u, {
 				testId: "delete-button",
 				onClick: O,
-				children: /* @__PURE__ */ S(b, {
-					icon: /* @__PURE__ */ S(y, {
+				children: /* @__PURE__ */ S(g, {
+					icon: /* @__PURE__ */ S(b, {
 						width: 16,
 						height: 16
 					}),

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

@@ -1 +1 @@
-{"version":3,"file":"conversation-name-context-menu.js","names":[],"sources":["../../../../src/components/features/conversation/conversation-name-context-menu.tsx"],"sourcesContent":["import React from \"react\";\nimport ReactDOM from \"react-dom\";\nimport { ExternalLink, Share2 } from \"lucide-react\";\nimport { useTranslation } from \"react-i18next\";\nimport { useActiveBackend } from \"#/contexts/active-backend-context\";\nimport { useActiveConversation } from \"#/hooks/query/use-active-conversation\";\nimport { useClickOutsideElement } from \"#/hooks/use-click-outside-element\";\nimport { useBreakpoint } from \"#/hooks/use-breakpoint\";\nimport { cn } from \"#/utils/utils\";\nimport { ContextMenu } from \"#/ui/context-menu\";\nimport { ContextMenuListItem } from \"../context-menu/context-menu-list-item\";\nimport { Divider } from \"#/ui/divider\";\nimport { I18nKey } from \"#/i18n/declaration\";\n\nimport EditIcon from \"#/icons/u-edit.svg?react\";\nimport SkillsIcon from \"#/icons/skills.svg?react\";\nimport FishingHookIcon from \"#/icons/fishing-hook.svg?react\";\nimport ToolsIcon from \"#/icons/u-tools.svg?react\";\nimport 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 CopyIcon from \"#/icons/copy.svg?react\";\nimport { ConversationNameContextMenuIconText } from \"./conversation-name-context-menu-icon-text\";\nimport { ArchivedDisabledTooltip } from \"../context-menu/archived-disabled-tooltip\";\nimport { useIsArchivedConversation } from \"#/hooks/use-is-archived-conversation\";\n\ninterface ConversationNameContextMenuProps {\n  onClose: () => void;\n  onRename?: (event: React.MouseEvent<HTMLButtonElement>) => void;\n  onDelete?: (event: React.MouseEvent<HTMLButtonElement>) => void;\n  onStop?: (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  onShowHooks?: (event: React.MouseEvent<HTMLButtonElement>) => void;\n  onTogglePublic?: (nextIsPublic: boolean) => void;\n  onCopyShareLink?: (event: React.MouseEvent<HTMLButtonElement>) => void;\n  onExportTranscript?: (event: React.MouseEvent<HTMLButtonElement>) => void;\n  onDownloadConversation?: (event: React.MouseEvent<HTMLButtonElement>) => void;\n  shareUrl?: string;\n  position?: \"top\" | \"bottom\";\n  /**\n   * Element the menu should anchor against. When provided, the menu renders\n   * into a portal at the document body using fixed positioning so it cannot be\n   * clipped by ancestors with `overflow: hidden` (e.g. the chat panel that\n   * sits next to the right-side tabs panel).\n   */\n  anchorRef?: React.RefObject<HTMLElement | null>;\n}\n\nfunction PublicShareToggle({\n  isPublic,\n  onToggle,\n  ariaLabel,\n}: {\n  isPublic: boolean;\n  onToggle: (nextIsPublic: boolean) => void;\n  ariaLabel: string;\n}) {\n  return (\n    <label className=\"relative inline-flex shrink-0 cursor-pointer items-center\">\n      <input\n        hidden\n        type=\"checkbox\"\n        data-testid=\"share-publicly-button\"\n        checked={isPublic}\n        aria-label={ariaLabel}\n        onChange={(event) => onToggle(event.target.checked)}\n      />\n      <span\n        aria-hidden\n        className={cn(\n          \"inline-flex h-3.5 w-7 items-center rounded-full px-0.5 py-px transition-colors duration-200 ease-in-out\",\n          isPublic ? \"bg-white\" : \"bg-base-secondary\",\n        )}\n      >\n        <span\n          className={cn(\n            \"block h-2 w-2 shrink-0 rounded-full transition-transform duration-200 ease-in-out\",\n            isPublic\n              ? \"translate-x-[calc(1rem-1px)] bg-base-secondary\"\n              : \"translate-x-px bg-tertiary-light\",\n          )}\n        />\n      </span>\n    </label>\n  );\n}\n\nexport function ConversationNameContextMenu({\n  onClose,\n  onRename,\n  onDelete,\n  onStop,\n  onDisplayCost,\n  onShowAgentTools,\n  onShowSkills,\n  onShowHooks,\n  onTogglePublic,\n  onCopyShareLink,\n  onExportTranscript,\n  onDownloadConversation,\n  shareUrl,\n  position = \"bottom\",\n  anchorRef,\n}: ConversationNameContextMenuProps) {\n  const isMobile = useBreakpoint();\n\n  const { t } = useTranslation(\"openhands\");\n  const { backend } = useActiveBackend();\n  const { data: conversation } = useActiveConversation();\n  const isArchivedConversation = useIsArchivedConversation();\n  const ref = useClickOutsideElement<HTMLUListElement>(onClose);\n\n  const anchorElement = anchorRef?.current ?? null;\n  const [portalStyle, setPortalStyle] = React.useState<React.CSSProperties>();\n  React.useLayoutEffect(() => {\n    if (!anchorElement) return undefined;\n\n    const updatePosition = () => {\n      const rect = anchorElement.getBoundingClientRect();\n      if (!rect) return;\n      const gap = 8;\n      const style: React.CSSProperties = {\n        position: \"fixed\",\n        zIndex: 9999,\n      };\n      if (position === \"top\") {\n        style.bottom = window.innerHeight - rect.top + gap;\n      } else {\n        style.top = rect.bottom + gap;\n      }\n      style.left = rect.left;\n      setPortalStyle(style);\n    };\n\n    updatePosition();\n    window.addEventListener(\"resize\", updatePosition);\n    window.addEventListener(\"scroll\", updatePosition, true);\n    return () => {\n      window.removeEventListener(\"resize\", updatePosition);\n      window.removeEventListener(\"scroll\", updatePosition, true);\n    };\n  }, [anchorElement, position]);\n  const hasTools = Boolean(onShowAgentTools || onShowSkills || onShowHooks);\n  const hasInfo = Boolean(onDisplayCost);\n  const hasControl = Boolean(onStop || onDelete);\n  const stopLabelKey =\n    backend.kind === \"cloud\"\n      ? I18nKey.COMMON$CLOSE_CONVERSATION_STOP_RUNTIME\n      : I18nKey.COMMON$STOP_CONVERSATION;\n  const shouldShowPublicSharing =\n    backend.kind === \"cloud\" && Boolean(onTogglePublic);\n  const isPublic = conversation?.public || false;\n\n  const isPortaled = Boolean(anchorElement);\n  const portalClassName = isPortaled\n    ? \"!static !top-auto !bottom-auto !left-auto !right-auto !mt-0\"\n    : \"\";\n\n  const menu = (\n    <ContextMenu\n      ref={ref}\n      testId=\"conversation-name-context-menu\"\n      position={position}\n      alignment=\"left\"\n      className={cn(\n        isMobile ? \"right-0 translate-x-[34%] left-auto\" : \"\",\n        portalClassName,\n      )}\n    >\n      {onRename && (\n        <ContextMenuListItem testId=\"rename-button\" onClick={onRename}>\n          <ConversationNameContextMenuIconText\n            icon={<EditIcon width={16} height={16} />}\n            text={t(I18nKey.BUTTON$RENAME)}\n          />\n        </ContextMenuListItem>\n      )}\n\n      {hasTools && <Divider testId=\"separator-tools\" inset=\"menu\" />}\n\n      {onShowSkills && (\n        <ArchivedDisabledTooltip isDisabled={isArchivedConversation}>\n          <ContextMenuListItem\n            testId=\"show-skills-button\"\n            onClick={onShowSkills}\n            isDisabled={isArchivedConversation}\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        </ArchivedDisabledTooltip>\n      )}\n\n      {onShowHooks && (\n        <ArchivedDisabledTooltip isDisabled={isArchivedConversation}>\n          <ContextMenuListItem\n            testId=\"show-hooks-button\"\n            onClick={onShowHooks}\n            isDisabled={isArchivedConversation}\n          >\n            <ConversationNameContextMenuIconText\n              icon={<FishingHookIcon width={16} height={16} aria-hidden />}\n              text={t(I18nKey.CONVERSATION$SHOW_HOOKS)}\n            />\n          </ContextMenuListItem>\n        </ArchivedDisabledTooltip>\n      )}\n\n      {onShowAgentTools && (\n        <ArchivedDisabledTooltip isDisabled={isArchivedConversation}>\n          <ContextMenuListItem\n            testId=\"show-agent-tools-button\"\n            onClick={onShowAgentTools}\n            isDisabled={isArchivedConversation}\n          >\n            <ConversationNameContextMenuIconText\n              icon={<ToolsIcon width={16} height={16} />}\n              text={t(I18nKey.BUTTON$SHOW_AGENT_TOOLS_AND_METADATA)}\n            />\n          </ContextMenuListItem>\n        </ArchivedDisabledTooltip>\n      )}\n\n      {onExportTranscript && (\n        <ContextMenuListItem\n          testId=\"export-transcript-button\"\n          onClick={onExportTranscript}\n        >\n          <ConversationNameContextMenuIconText\n            icon={<DownloadIcon width={16} height={16} />}\n            text={t(I18nKey.BUTTON$EXPORT_TRANSCRIPT)}\n          />\n        </ContextMenuListItem>\n      )}\n\n      {onDownloadConversation && (\n        <ContextMenuListItem\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      {(hasInfo || hasControl) && (\n        <Divider testId=\"separator-info-control\" inset=\"menu\" />\n      )}\n\n      {onDisplayCost && (\n        <ContextMenuListItem\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\n      {shouldShowPublicSharing && onTogglePublic && (\n        <li className=\"flex w-full items-center gap-2 rounded px-2 py-2 hover:bg-[var(--oh-interactive-hover)]\">\n          <span\n            className=\"flex shrink-0 items-center text-[var(--oh-muted)]\"\n            aria-hidden\n          >\n            <Share2 size={16} />\n          </span>\n          <span className=\"min-w-0 flex-1 truncate text-sm\">\n            {t(I18nKey.CONVERSATION$SHARE_PUBLICLY)}\n          </span>\n          <div className=\"flex shrink-0 items-center\">\n            {isPublic && shareUrl && onCopyShareLink && (\n              <div className=\"mr-2 flex items-center gap-0.5\">\n                <button\n                  type=\"button\"\n                  data-testid=\"copy-share-link-button\"\n                  onClick={onCopyShareLink}\n                  className=\"rounded p-0.5 text-[var(--oh-muted)] hover:bg-[var(--oh-interactive-selected)] hover:text-[var(--oh-foreground)] cursor-pointer [&_svg]:text-current\"\n                  title={t(I18nKey.BUTTON$COPY_TO_CLIPBOARD)}\n                >\n                  <CopyIcon width={14} height={14} />\n                </button>\n                <a\n                  data-testid=\"open-share-link-button\"\n                  href={shareUrl}\n                  target=\"_blank\"\n                  rel=\"noopener noreferrer\"\n                  onClick={(event) => event.stopPropagation()}\n                  className=\"rounded p-0.5 text-[var(--oh-muted)] no-underline visited:text-[var(--oh-muted)] hover:bg-[var(--oh-interactive-selected)] hover:text-[var(--oh-foreground)] cursor-pointer [&_svg]:text-current\"\n                  title={t(I18nKey.BUTTON$OPEN_IN_NEW_TAB)}\n                >\n                  <ExternalLink size={14} aria-hidden />\n                </a>\n              </div>\n            )}\n            <PublicShareToggle\n              isPublic={isPublic}\n              onToggle={onTogglePublic}\n              ariaLabel={t(I18nKey.CONVERSATION$SHARE_PUBLICLY)}\n            />\n          </div>\n        </li>\n      )}\n\n      {onStop && (\n        <ArchivedDisabledTooltip isDisabled={isArchivedConversation}>\n          <ContextMenuListItem\n            testId=\"stop-button\"\n            onClick={onStop}\n            isDisabled={isArchivedConversation}\n          >\n            <ConversationNameContextMenuIconText\n              icon={<CloseIcon width={16} height={16} />}\n              text={t(stopLabelKey)}\n            />\n          </ContextMenuListItem>\n        </ArchivedDisabledTooltip>\n      )}\n\n      {onDelete && (\n        <ContextMenuListItem testId=\"delete-button\" onClick={onDelete}>\n          <ConversationNameContextMenuIconText\n            icon={<DeleteIcon width={16} height={16} />}\n            text={t(I18nKey.COMMON$DELETE_CONVERSATION)}\n          />\n        </ContextMenuListItem>\n      )}\n    </ContextMenu>\n  );\n\n  if (isPortaled) {\n    if (typeof document === \"undefined\" || !portalStyle) {\n      return null;\n    }\n    return ReactDOM.createPortal(\n      <div style={portalStyle}>{menu}</div>,\n      document.body,\n    );\n  }\n\n  return menu;\n}\n"],"mappings":"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"}
+{"version":3,"file":"conversation-name-context-menu.js","names":[],"sources":["../../../../src/components/features/conversation/conversation-name-context-menu.tsx"],"sourcesContent":["import React from \"react\";\nimport ReactDOM from \"react-dom\";\nimport { ExternalLink, Gauge, Share2 } from \"lucide-react\";\nimport { useTranslation } from \"react-i18next\";\nimport { useActiveBackend } from \"#/contexts/active-backend-context\";\nimport { useActiveConversation } from \"#/hooks/query/use-active-conversation\";\nimport { useClickOutsideElement } from \"#/hooks/use-click-outside-element\";\nimport { useBreakpoint } from \"#/hooks/use-breakpoint\";\nimport { cn } from \"#/utils/utils\";\nimport { ContextMenu } from \"#/ui/context-menu\";\nimport { ContextMenuListItem } from \"../context-menu/context-menu-list-item\";\nimport { Divider } from \"#/ui/divider\";\nimport { I18nKey } from \"#/i18n/declaration\";\n\nimport EditIcon from \"#/icons/u-edit.svg?react\";\nimport SkillsIcon from \"#/icons/skills.svg?react\";\nimport FishingHookIcon from \"#/icons/fishing-hook.svg?react\";\nimport ToolsIcon from \"#/icons/u-tools.svg?react\";\nimport DownloadIcon from \"#/icons/u-download.svg?react\";\nimport CloseIcon from \"#/icons/u-close.svg?react\";\nimport DeleteIcon from \"#/icons/u-delete.svg?react\";\nimport CopyIcon from \"#/icons/copy.svg?react\";\nimport { ConversationNameContextMenuIconText } from \"./conversation-name-context-menu-icon-text\";\nimport { ArchivedDisabledTooltip } from \"../context-menu/archived-disabled-tooltip\";\nimport { useIsArchivedConversation } from \"#/hooks/use-is-archived-conversation\";\n\ninterface ConversationNameContextMenuProps {\n  onClose: () => void;\n  onRename?: (event: React.MouseEvent<HTMLButtonElement>) => void;\n  onDelete?: (event: React.MouseEvent<HTMLButtonElement>) => void;\n  onStop?: (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  onShowHooks?: (event: React.MouseEvent<HTMLButtonElement>) => void;\n  onTogglePublic?: (nextIsPublic: boolean) => void;\n  onCopyShareLink?: (event: React.MouseEvent<HTMLButtonElement>) => void;\n  onExportTranscript?: (event: React.MouseEvent<HTMLButtonElement>) => void;\n  onDownloadConversation?: (event: React.MouseEvent<HTMLButtonElement>) => void;\n  shareUrl?: string;\n  position?: \"top\" | \"bottom\";\n  /**\n   * Element the menu should anchor against. When provided, the menu renders\n   * into a portal at the document body using fixed positioning so it cannot be\n   * clipped by ancestors with `overflow: hidden` (e.g. the chat panel that\n   * sits next to the right-side tabs panel).\n   */\n  anchorRef?: React.RefObject<HTMLElement | null>;\n}\n\nfunction PublicShareToggle({\n  isPublic,\n  onToggle,\n  ariaLabel,\n}: {\n  isPublic: boolean;\n  onToggle: (nextIsPublic: boolean) => void;\n  ariaLabel: string;\n}) {\n  return (\n    <label className=\"relative inline-flex shrink-0 cursor-pointer items-center\">\n      <input\n        hidden\n        type=\"checkbox\"\n        data-testid=\"share-publicly-button\"\n        checked={isPublic}\n        aria-label={ariaLabel}\n        onChange={(event) => onToggle(event.target.checked)}\n      />\n      <span\n        aria-hidden\n        className={cn(\n          \"inline-flex h-3.5 w-7 items-center rounded-full px-0.5 py-px transition-colors duration-200 ease-in-out\",\n          isPublic ? \"bg-white\" : \"bg-base-secondary\",\n        )}\n      >\n        <span\n          className={cn(\n            \"block h-2 w-2 shrink-0 rounded-full transition-transform duration-200 ease-in-out\",\n            isPublic\n              ? \"translate-x-[calc(1rem-1px)] bg-base-secondary\"\n              : \"translate-x-px bg-tertiary-light\",\n          )}\n        />\n      </span>\n    </label>\n  );\n}\n\nexport function ConversationNameContextMenu({\n  onClose,\n  onRename,\n  onDelete,\n  onStop,\n  onDisplayCost,\n  onShowAgentTools,\n  onShowSkills,\n  onShowHooks,\n  onTogglePublic,\n  onCopyShareLink,\n  onExportTranscript,\n  onDownloadConversation,\n  shareUrl,\n  position = \"bottom\",\n  anchorRef,\n}: ConversationNameContextMenuProps) {\n  const isMobile = useBreakpoint();\n\n  const { t } = useTranslation(\"openhands\");\n  const { backend } = useActiveBackend();\n  const { data: conversation } = useActiveConversation();\n  const isArchivedConversation = useIsArchivedConversation();\n  const ref = useClickOutsideElement<HTMLUListElement>(onClose, anchorRef);\n\n  const anchorElement = anchorRef?.current ?? null;\n  const [portalStyle, setPortalStyle] = React.useState<React.CSSProperties>();\n  React.useLayoutEffect(() => {\n    if (!anchorElement) return undefined;\n\n    const updatePosition = () => {\n      const rect = anchorElement.getBoundingClientRect();\n      if (!rect) return;\n      const gap = 8;\n      const style: React.CSSProperties = {\n        position: \"fixed\",\n        zIndex: 9999,\n      };\n      if (position === \"top\") {\n        style.bottom = window.innerHeight - rect.top + gap;\n      } else {\n        style.top = rect.bottom + gap;\n      }\n      style.left = rect.left;\n      setPortalStyle(style);\n    };\n\n    updatePosition();\n    window.addEventListener(\"resize\", updatePosition);\n    window.addEventListener(\"scroll\", updatePosition, true);\n    return () => {\n      window.removeEventListener(\"resize\", updatePosition);\n      window.removeEventListener(\"scroll\", updatePosition, true);\n    };\n  }, [anchorElement, position]);\n  const hasTools = Boolean(onShowAgentTools || onShowSkills || onShowHooks);\n  const hasInfo = Boolean(onDisplayCost);\n  const hasControl = Boolean(onStop || onDelete);\n  const stopLabelKey =\n    backend.kind === \"cloud\"\n      ? I18nKey.COMMON$CLOSE_CONVERSATION_STOP_RUNTIME\n      : I18nKey.COMMON$STOP_CONVERSATION;\n  const shouldShowPublicSharing =\n    backend.kind === \"cloud\" && Boolean(onTogglePublic);\n  const isPublic = conversation?.public || false;\n\n  const isPortaled = Boolean(anchorElement);\n  const portalClassName = isPortaled\n    ? \"!static !top-auto !bottom-auto !left-auto !right-auto !mt-0\"\n    : \"\";\n\n  const menu = (\n    <ContextMenu\n      ref={ref}\n      testId=\"conversation-name-context-menu\"\n      position={position}\n      alignment=\"left\"\n      className={cn(\n        isMobile ? \"right-0 translate-x-[34%] left-auto\" : \"\",\n        portalClassName,\n      )}\n    >\n      {onRename && (\n        <ContextMenuListItem testId=\"rename-button\" onClick={onRename}>\n          <ConversationNameContextMenuIconText\n            icon={<EditIcon width={16} height={16} />}\n            text={t(I18nKey.BUTTON$RENAME)}\n          />\n        </ContextMenuListItem>\n      )}\n\n      {hasTools && <Divider testId=\"separator-tools\" inset=\"menu\" />}\n\n      {onShowSkills && (\n        <ArchivedDisabledTooltip isDisabled={isArchivedConversation}>\n          <ContextMenuListItem\n            testId=\"show-skills-button\"\n            onClick={onShowSkills}\n            isDisabled={isArchivedConversation}\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        </ArchivedDisabledTooltip>\n      )}\n\n      {onShowHooks && (\n        <ArchivedDisabledTooltip isDisabled={isArchivedConversation}>\n          <ContextMenuListItem\n            testId=\"show-hooks-button\"\n            onClick={onShowHooks}\n            isDisabled={isArchivedConversation}\n          >\n            <ConversationNameContextMenuIconText\n              icon={<FishingHookIcon width={16} height={16} aria-hidden />}\n              text={t(I18nKey.CONVERSATION$SHOW_HOOKS)}\n            />\n          </ContextMenuListItem>\n        </ArchivedDisabledTooltip>\n      )}\n\n      {onShowAgentTools && (\n        <ArchivedDisabledTooltip isDisabled={isArchivedConversation}>\n          <ContextMenuListItem\n            testId=\"show-agent-tools-button\"\n            onClick={onShowAgentTools}\n            isDisabled={isArchivedConversation}\n          >\n            <ConversationNameContextMenuIconText\n              icon={<ToolsIcon width={16} height={16} />}\n              text={t(I18nKey.BUTTON$SHOW_AGENT_TOOLS_AND_METADATA)}\n            />\n          </ContextMenuListItem>\n        </ArchivedDisabledTooltip>\n      )}\n\n      {onExportTranscript && (\n        <ContextMenuListItem\n          testId=\"export-transcript-button\"\n          onClick={onExportTranscript}\n        >\n          <ConversationNameContextMenuIconText\n            icon={<DownloadIcon width={16} height={16} />}\n            text={t(I18nKey.BUTTON$EXPORT_TRANSCRIPT)}\n          />\n        </ContextMenuListItem>\n      )}\n\n      {onDownloadConversation && (\n        <ContextMenuListItem\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      {(hasInfo || hasControl) && (\n        <Divider testId=\"separator-info-control\" inset=\"menu\" />\n      )}\n\n      {onDisplayCost && (\n        <ContextMenuListItem\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\n      {shouldShowPublicSharing && onTogglePublic && (\n        <li className=\"flex w-full items-center gap-2 rounded px-2 py-2 hover:bg-[var(--oh-interactive-hover)]\">\n          <span\n            className=\"flex shrink-0 items-center text-[var(--oh-muted)]\"\n            aria-hidden\n          >\n            <Share2 size={16} />\n          </span>\n          <span className=\"min-w-0 flex-1 truncate text-sm\">\n            {t(I18nKey.CONVERSATION$SHARE_PUBLICLY)}\n          </span>\n          <div className=\"flex shrink-0 items-center\">\n            {isPublic && shareUrl && onCopyShareLink && (\n              <div className=\"mr-2 flex items-center gap-0.5\">\n                <button\n                  type=\"button\"\n                  data-testid=\"copy-share-link-button\"\n                  onClick={onCopyShareLink}\n                  className=\"rounded p-0.5 text-[var(--oh-muted)] hover:bg-[var(--oh-interactive-selected)] hover:text-[var(--oh-foreground)] cursor-pointer [&_svg]:text-current\"\n                  title={t(I18nKey.BUTTON$COPY_TO_CLIPBOARD)}\n                >\n                  <CopyIcon width={14} height={14} />\n                </button>\n                <a\n                  data-testid=\"open-share-link-button\"\n                  href={shareUrl}\n                  target=\"_blank\"\n                  rel=\"noopener noreferrer\"\n                  onClick={(event) => event.stopPropagation()}\n                  className=\"rounded p-0.5 text-[var(--oh-muted)] no-underline visited:text-[var(--oh-muted)] hover:bg-[var(--oh-interactive-selected)] hover:text-[var(--oh-foreground)] cursor-pointer [&_svg]:text-current\"\n                  title={t(I18nKey.BUTTON$OPEN_IN_NEW_TAB)}\n                >\n                  <ExternalLink size={14} aria-hidden />\n                </a>\n              </div>\n            )}\n            <PublicShareToggle\n              isPublic={isPublic}\n              onToggle={onTogglePublic}\n              ariaLabel={t(I18nKey.CONVERSATION$SHARE_PUBLICLY)}\n            />\n          </div>\n        </li>\n      )}\n\n      {onStop && (\n        <ArchivedDisabledTooltip isDisabled={isArchivedConversation}>\n          <ContextMenuListItem\n            testId=\"stop-button\"\n            onClick={onStop}\n            isDisabled={isArchivedConversation}\n          >\n            <ConversationNameContextMenuIconText\n              icon={<CloseIcon width={16} height={16} />}\n              text={t(stopLabelKey)}\n            />\n          </ContextMenuListItem>\n        </ArchivedDisabledTooltip>\n      )}\n\n      {onDelete && (\n        <ContextMenuListItem testId=\"delete-button\" onClick={onDelete}>\n          <ConversationNameContextMenuIconText\n            icon={<DeleteIcon width={16} height={16} />}\n            text={t(I18nKey.COMMON$DELETE_CONVERSATION)}\n          />\n        </ContextMenuListItem>\n      )}\n    </ContextMenu>\n  );\n\n  if (isPortaled) {\n    if (typeof document === \"undefined\" || !portalStyle) {\n      return null;\n    }\n    return ReactDOM.createPortal(\n      <div style={portalStyle}>{menu}</div>,\n      document.body,\n    );\n  }\n\n  return menu;\n}\n"],"mappings":"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"}

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

@@ -1,2 +1,2 @@
-const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../types/agent-state.cjs"),n=require("../../../utils/status.cjs"),r=require("../../../utils/utils.cjs"),i=require("../../../hooks/use-conversation-id.cjs"),a=require("../../../hooks/query/use-active-conversation.cjs"),o=require("../../../hooks/use-agent-state.cjs"),s=require("../../../hooks/query/use-task-polling.cjs"),c=require("../../../hooks/mutation/use-unified-stop-conversation.cjs"),l=require("../../../hooks/use-user-providers.cjs"),u=require("../../../icons/debug-stackframe-dot.cjs"),d=require("../../../hooks/mutation/use-unified-start-conversation.cjs"),f=require("../controls/server-status-context-menu.cjs"),p=require("./conversation-name.cjs"),m=require("./right-panel-toggle.cjs");let h=require("react");h=e.__toESM(h,1);let g=require("react/jsx-runtime");function _(){let{conversationId:e}=i.useConversationId(),{data:h}=a.useActiveConversation(),{curAgentState:_}=o.useAgentState(),{isTask:v,taskStatus:y}=s.useTaskPolling(),{mutate:b}=c.useUnifiedPauseConversation(),{mutate:x}=d.useUnifiedResumeConversation(),{providers:S}=l.useUserProviders(),C=h?.execution_status??null,w=r.getStatusColor({isPausing:!1,isTask:v,taskStatus:y,isStartingStatus:_===t.AgentState.LOADING||_===t.AgentState.INIT,isStopStatus:n.isExecutionErrored(C),curAgentState:_});return(0,g.jsxs)(`div`,{className:`flex items-center justify-between w-full`,children:[(0,g.jsxs)(`div`,{className:`flex items-center min-w-0`,children:[(0,g.jsxs)(`div`,{className:`group relative shrink-0`,children:[(0,g.jsx)(u.default,{className:`ml-[3.5px] w-6 h-6 cursor-pointer`,color:w}),(0,g.jsx)(f.ServerStatusContextMenu,{onClose:()=>{},onStopServer:n.isExecutionActive(C)?t=>{t.preventDefault(),t.stopPropagation(),e&&b({conversationId:e})}:void 0,onStartServer:n.isExecutionPaused(C)?t=>{t.preventDefault(),t.stopPropagation(),e&&x({conversationId:e,providers:S})}:void 0,executionStatus:C,position:`bottom`,className:`opacity-0 invisible pointer-events-none group-hover:opacity-100 group-hover:visible group-hover:pointer-events-auto bottom-full left-0 mt-0 min-h-fit`,isPausing:!1})]}),(0,g.jsx)(p.ConversationName,{})]}),(0,g.jsx)(m.RightPanelToggle,{className:`mr-2`})]})}exports.ConversationNameWithStatus=_;
+const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../node_modules/react-i18next/dist/es/useTranslation.cjs"),n=require("../../../i18n/declaration.cjs"),r=require("../../../types/agent-state.cjs"),i=require("../../../utils/status.cjs"),a=require("../../../utils/utils.cjs"),o=require("../../../hooks/use-conversation-id.cjs"),s=require("../../../hooks/query/use-active-conversation.cjs"),c=require("../../../hooks/use-agent-state.cjs"),l=require("../../../hooks/query/use-task-polling.cjs"),u=require("../../../hooks/mutation/use-unified-stop-conversation.cjs"),d=require("../../../hooks/use-user-providers.cjs"),f=require("../../../icons/debug-stackframe-dot.cjs"),p=require("../../../hooks/mutation/use-unified-start-conversation.cjs"),m=require("../controls/server-status-context-menu.cjs"),h=require("./conversation-name.cjs"),g=require("./right-panel-toggle.cjs");let _=require("react");_=e.__toESM(_,1);let v=require("react/jsx-runtime");function y(){let{t:e}=t.useTranslation(`openhands`),{conversationId:y}=o.useConversationId(),{data:b}=s.useActiveConversation(),{curAgentState:x}=c.useAgentState(),{isTask:S,taskStatus:C}=l.useTaskPolling(),{mutate:w}=u.useUnifiedPauseConversation(),{mutate:T}=p.useUnifiedResumeConversation(),{providers:E}=d.useUserProviders(),[D,O]=_.default.useState(!1),[k,A]=_.default.useState(!1),j=_.default.useRef(null),M=b?.execution_status??null,N=a.getStatusColor({isPausing:!1,isTask:S,taskStatus:C,isStartingStatus:x===r.AgentState.LOADING||x===r.AgentState.INIT,isStopStatus:i.isExecutionErrored(M),curAgentState:x}),P=D||k,F=()=>{O(!1),A(!1)};return(0,v.jsxs)(`div`,{className:`flex items-center justify-between w-full`,children:[(0,v.jsxs)(`div`,{className:`flex items-center min-w-0`,children:[(0,v.jsxs)(`div`,{className:`relative shrink-0`,onPointerEnter:e=>{e.pointerType===`mouse`&&A(!0)},onPointerLeave:e=>{e.pointerType===`mouse`&&A(!1)},children:[(0,v.jsx)(`button`,{ref:j,type:`button`,"data-testid":`server-status-menu-trigger`,"aria-label":e(n.I18nKey.COMMON$SERVER_STATUS),"aria-expanded":P,"aria-haspopup":`menu`,onClick:e=>{if(e.preventDefault(),e.stopPropagation(),P){F();return}O(!0)},className:a.cn(`flex items-center justify-center rounded-md`,`text-[var(--oh-muted)] hover:bg-white/10`),children:(0,v.jsx)(f.default,{className:`ml-[3.5px] w-6 h-6 cursor-pointer`,color:N,"aria-hidden":!0})}),P?(0,v.jsx)(m.ServerStatusContextMenu,{onClose:F,ignoreOutsideClickRef:j,onStopServer:i.isExecutionActive(M)?e=>{e.preventDefault(),e.stopPropagation(),y&&w({conversationId:y}),F()}:void 0,onStartServer:i.isExecutionPaused(M)?e=>{e.preventDefault(),e.stopPropagation(),y&&T({conversationId:y,providers:E}),F()}:void 0,executionStatus:M,position:`bottom`,className:`bottom-full left-0 mt-0 min-h-fit`,isPausing:!1}):null]}),(0,v.jsx)(h.ConversationName,{})]}),(0,v.jsx)(g.RightPanelToggle,{className:`mr-2`})]})}exports.ConversationNameWithStatus=y;
 //# sourceMappingURL=conversation-name-with-status.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"conversation-name-with-status.cjs","names":[],"sources":["../../../../src/components/features/conversation/conversation-name-with-status.tsx"],"sourcesContent":["import React from \"react\";\nimport { useAgentState } from \"#/hooks/use-agent-state\";\nimport { useTaskPolling } from \"#/hooks/query/use-task-polling\";\nimport { useActiveConversation } from \"#/hooks/query/use-active-conversation\";\nimport { useUnifiedPauseConversation } from \"#/hooks/mutation/use-unified-stop-conversation\";\nimport { useUnifiedResumeConversation } from \"#/hooks/mutation/use-unified-start-conversation\";\nimport { useConversationId } from \"#/hooks/use-conversation-id\";\nimport { useUserProviders } from \"#/hooks/use-user-providers\";\nimport { getStatusColor } from \"#/utils/utils\";\nimport { AgentState } from \"#/types/agent-state\";\nimport DebugStackframeDot from \"#/icons/debug-stackframe-dot.svg?react\";\nimport { ServerStatusContextMenu } from \"../controls/server-status-context-menu\";\nimport { ConversationName } from \"./conversation-name\";\nimport { RightPanelToggle } from \"./right-panel-toggle\";\nimport {\n  isExecutionActive,\n  isExecutionErrored,\n  isExecutionPaused,\n} from \"#/utils/status\";\n\nexport function ConversationNameWithStatus() {\n  const { conversationId } = useConversationId();\n  const { data: conversation } = useActiveConversation();\n  const { curAgentState } = useAgentState();\n  const { isTask, taskStatus } = useTaskPolling();\n  const { mutate: pauseConversation } = useUnifiedPauseConversation();\n  const { mutate: resumeConversation } = useUnifiedResumeConversation();\n  const { providers } = useUserProviders();\n\n  const executionStatus = conversation?.execution_status ?? null;\n  const isStartingStatus =\n    curAgentState === AgentState.LOADING || curAgentState === AgentState.INIT;\n  const isStopStatus = isExecutionErrored(executionStatus);\n\n  const statusColor = getStatusColor({\n    isPausing: false,\n    isTask,\n    taskStatus,\n    isStartingStatus,\n    isStopStatus,\n    curAgentState,\n  });\n\n  const handleStopServer = (event: React.MouseEvent<HTMLButtonElement>) => {\n    event.preventDefault();\n    event.stopPropagation();\n    if (conversationId) {\n      pauseConversation({ conversationId });\n    }\n  };\n\n  const handleStartServer = (event: React.MouseEvent<HTMLButtonElement>) => {\n    event.preventDefault();\n    event.stopPropagation();\n    if (conversationId) {\n      resumeConversation({ conversationId, providers });\n    }\n  };\n\n  return (\n    <div className=\"flex items-center justify-between w-full\">\n      <div className=\"flex items-center min-w-0\">\n        <div className=\"group relative shrink-0\">\n          <DebugStackframeDot\n            className=\"ml-[3.5px] w-6 h-6 cursor-pointer\"\n            color={statusColor}\n          />\n          <ServerStatusContextMenu\n            onClose={() => {}}\n            onStopServer={\n              isExecutionActive(executionStatus) ? handleStopServer : undefined\n            }\n            onStartServer={\n              isExecutionPaused(executionStatus) ? handleStartServer : undefined\n            }\n            executionStatus={executionStatus}\n            position=\"bottom\"\n            className=\"opacity-0 invisible pointer-events-none group-hover:opacity-100 group-hover:visible group-hover:pointer-events-auto bottom-full left-0 mt-0 min-h-fit\"\n            isPausing={false}\n          />\n        </div>\n        <ConversationName />\n      </div>\n      <RightPanelToggle className=\"mr-2\" />\n    </div>\n  );\n}\n"],"mappings":"k1BAoBA,SAAgB,GAA6B,CAC3C,GAAM,CAAE,kBAAmB,EAAA,kBAAkB,EACvC,CAAE,KAAM,GAAiB,EAAA,sBAAsB,EAC/C,CAAE,iBAAkB,EAAA,cAAc,EAClC,CAAE,SAAQ,cAAe,EAAA,eAAe,EACxC,CAAE,OAAQ,GAAsB,EAAA,4BAA4B,EAC5D,CAAE,OAAQ,GAAuB,EAAA,6BAA6B,EAC9D,CAAE,aAAc,EAAA,iBAAiB,EAEjC,EAAkB,GAAc,kBAAoB,KAKpD,EAAc,EAAA,eAAe,CACjC,UAAW,GACX,SACA,aACA,iBAPA,IAAkB,EAAA,WAAW,SAAW,IAAkB,EAAA,WAAW,KAQrE,aAPmB,EAAA,mBAAmB,CAOtC,EACA,eACF,CAAC,EAkBD,OACE,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,oDAAf,EACE,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,qCAAf,EACE,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,mCAAf,EACE,EAAA,EAAA,KAAC,EAAA,QAAD,CACE,UAAU,oCACV,MAAO,CACR,CAAA,GACD,EAAA,EAAA,KAAC,EAAA,wBAAD,CACE,YAAe,CAAC,EAChB,aACE,EAAA,kBAAkB,CAAe,EA3BnB,GAA+C,CACvE,EAAM,eAAe,EACrB,EAAM,gBAAgB,EAClB,GACF,EAAkB,CAAE,gBAAe,CAAC,CAExC,EAqBoE,IAAA,GAE1D,cACE,EAAA,kBAAkB,CAAe,EAtBlB,GAA+C,CACxE,EAAM,eAAe,EACrB,EAAM,gBAAgB,EAClB,GACF,EAAmB,CAAE,iBAAgB,WAAU,CAAC,CAEpD,EAgBqE,IAAA,GAE1C,kBACjB,SAAS,SACT,UAAU,wJACV,UAAW,EACZ,CAAA,CACE,KACL,EAAA,EAAA,KAAC,EAAA,iBAAD,CAAmB,CAAA,CAChB,KACL,EAAA,EAAA,KAAC,EAAA,iBAAD,CAAkB,UAAU,MAAQ,CAAA,CACjC,GAET"}
+{"version":3,"file":"conversation-name-with-status.cjs","names":[],"sources":["../../../../src/components/features/conversation/conversation-name-with-status.tsx"],"sourcesContent":["import React from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport { useAgentState } from \"#/hooks/use-agent-state\";\nimport { useTaskPolling } from \"#/hooks/query/use-task-polling\";\nimport { useActiveConversation } from \"#/hooks/query/use-active-conversation\";\nimport { useUnifiedPauseConversation } from \"#/hooks/mutation/use-unified-stop-conversation\";\nimport { useUnifiedResumeConversation } from \"#/hooks/mutation/use-unified-start-conversation\";\nimport { useConversationId } from \"#/hooks/use-conversation-id\";\nimport { useUserProviders } from \"#/hooks/use-user-providers\";\nimport { getStatusColor, cn } from \"#/utils/utils\";\nimport { AgentState } from \"#/types/agent-state\";\nimport DebugStackframeDot from \"#/icons/debug-stackframe-dot.svg?react\";\nimport { ServerStatusContextMenu } from \"../controls/server-status-context-menu\";\nimport { ConversationName } from \"./conversation-name\";\nimport { RightPanelToggle } from \"./right-panel-toggle\";\nimport {\n  isExecutionActive,\n  isExecutionErrored,\n  isExecutionPaused,\n} from \"#/utils/status\";\nimport { I18nKey } from \"#/i18n/declaration\";\n\nexport function ConversationNameWithStatus() {\n  const { t } = useTranslation(\"openhands\");\n  const { conversationId } = useConversationId();\n  const { data: conversation } = useActiveConversation();\n  const { curAgentState } = useAgentState();\n  const { isTask, taskStatus } = useTaskPolling();\n  const { mutate: pauseConversation } = useUnifiedPauseConversation();\n  const { mutate: resumeConversation } = useUnifiedResumeConversation();\n  const { providers } = useUserProviders();\n  const [menuOpen, setMenuOpen] = React.useState(false);\n  const [hoveredOpen, setHoveredOpen] = React.useState(false);\n  const triggerRef = React.useRef<HTMLButtonElement>(null);\n\n  const executionStatus = conversation?.execution_status ?? null;\n  const isStartingStatus =\n    curAgentState === AgentState.LOADING || curAgentState === AgentState.INIT;\n  const isStopStatus = isExecutionErrored(executionStatus);\n\n  const statusColor = getStatusColor({\n    isPausing: false,\n    isTask,\n    taskStatus,\n    isStartingStatus,\n    isStopStatus,\n    curAgentState,\n  });\n\n  const isMenuVisible = menuOpen || hoveredOpen;\n\n  const closeMenu = () => {\n    setMenuOpen(false);\n    setHoveredOpen(false);\n  };\n\n  const handleStopServer = (event: React.MouseEvent<HTMLButtonElement>) => {\n    event.preventDefault();\n    event.stopPropagation();\n    if (conversationId) {\n      pauseConversation({ conversationId });\n    }\n    closeMenu();\n  };\n\n  const handleStartServer = (event: React.MouseEvent<HTMLButtonElement>) => {\n    event.preventDefault();\n    event.stopPropagation();\n    if (conversationId) {\n      resumeConversation({ conversationId, providers });\n    }\n    closeMenu();\n  };\n\n  const handleStatusClick = (event: React.MouseEvent<HTMLButtonElement>) => {\n    event.preventDefault();\n    event.stopPropagation();\n    // Click toggles for touch; on desktop it also dismisses a hover-opened menu\n    // instead of \"pinning\" it open under the cursor.\n    if (isMenuVisible) {\n      closeMenu();\n      return;\n    }\n    setMenuOpen(true);\n  };\n\n  return (\n    <div className=\"flex items-center justify-between w-full\">\n      <div className=\"flex items-center min-w-0\">\n        <div\n          className=\"relative shrink-0\"\n          onPointerEnter={(event) => {\n            // Gate on this event's pointer, not device-primary matchMedia — hybrid\n            // laptops can emit compatibility mouseenter for touchscreen taps.\n            if (event.pointerType === \"mouse\") {\n              setHoveredOpen(true);\n            }\n          }}\n          onPointerLeave={(event) => {\n            if (event.pointerType === \"mouse\") {\n              setHoveredOpen(false);\n            }\n          }}\n        >\n          <button\n            ref={triggerRef}\n            type=\"button\"\n            data-testid=\"server-status-menu-trigger\"\n            aria-label={t(I18nKey.COMMON$SERVER_STATUS)}\n            aria-expanded={isMenuVisible}\n            aria-haspopup=\"menu\"\n            onClick={handleStatusClick}\n            className={cn(\n              \"flex items-center justify-center rounded-md\",\n              \"text-[var(--oh-muted)] hover:bg-white/10\",\n            )}\n          >\n            <DebugStackframeDot\n              className=\"ml-[3.5px] w-6 h-6 cursor-pointer\"\n              color={statusColor}\n              aria-hidden\n            />\n          </button>\n          {isMenuVisible ? (\n            <ServerStatusContextMenu\n              onClose={closeMenu}\n              ignoreOutsideClickRef={triggerRef}\n              onStopServer={\n                isExecutionActive(executionStatus)\n                  ? handleStopServer\n                  : undefined\n              }\n              onStartServer={\n                isExecutionPaused(executionStatus)\n                  ? handleStartServer\n                  : undefined\n              }\n              executionStatus={executionStatus}\n              position=\"bottom\"\n              className=\"bottom-full left-0 mt-0 min-h-fit\"\n              isPausing={false}\n            />\n          ) : null}\n        </div>\n        <ConversationName />\n      </div>\n      <RightPanelToggle className=\"mr-2\" />\n    </div>\n  );\n}\n"],"mappings":"y8BAsBA,SAAgB,GAA6B,CAC3C,GAAM,CAAE,KAAM,EAAA,eAAe,WAAW,EAClC,CAAE,kBAAmB,EAAA,kBAAkB,EACvC,CAAE,KAAM,GAAiB,EAAA,sBAAsB,EAC/C,CAAE,iBAAkB,EAAA,cAAc,EAClC,CAAE,SAAQ,cAAe,EAAA,eAAe,EACxC,CAAE,OAAQ,GAAsB,EAAA,4BAA4B,EAC5D,CAAE,OAAQ,GAAuB,EAAA,6BAA6B,EAC9D,CAAE,aAAc,EAAA,iBAAiB,EACjC,CAAC,EAAU,GAAe,EAAA,QAAM,SAAS,EAAK,EAC9C,CAAC,EAAa,GAAkB,EAAA,QAAM,SAAS,EAAK,EACpD,EAAa,EAAA,QAAM,OAA0B,IAAI,EAEjD,EAAkB,GAAc,kBAAoB,KAKpD,EAAc,EAAA,eAAe,CACjC,UAAW,GACX,SACA,aACA,iBAPA,IAAkB,EAAA,WAAW,SAAW,IAAkB,EAAA,WAAW,KAQrE,aAPmB,EAAA,mBAAmB,CAOtC,EACA,eACF,CAAC,EAEK,EAAgB,GAAY,EAE5B,MAAkB,CACtB,EAAY,EAAK,EACjB,EAAe,EAAK,CACtB,EAgCA,OACE,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,oDAAf,EACE,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,qCAAf,EACE,EAAA,EAAA,MAAC,MAAD,CACE,UAAU,oBACV,eAAiB,GAAU,CAGrB,EAAM,cAAgB,SACxB,EAAe,EAAI,CAEvB,EACA,eAAiB,GAAU,CACrB,EAAM,cAAgB,SACxB,EAAe,EAAK,CAExB,WAbF,EAeE,EAAA,EAAA,KAAC,SAAD,CACE,IAAK,EACL,KAAK,SACL,cAAY,6BACZ,aAAY,EAAE,EAAA,QAAQ,oBAAoB,EAC1C,gBAAe,EACf,gBAAc,OACd,QArCiB,GAA+C,CAKxE,GAJA,EAAM,eAAe,EACrB,EAAM,gBAAgB,EAGlB,EAAe,CACjB,EAAU,EACV,MACF,CACA,EAAY,EAAI,CAClB,EA4BU,UAAW,EAAA,GACT,8CACA,0CACF,YAEA,EAAA,EAAA,KAAC,EAAA,QAAD,CACE,UAAU,oCACV,MAAO,EACP,cAAA,EACD,CAAA,CACK,CAAA,EACP,GACC,EAAA,EAAA,KAAC,EAAA,wBAAD,CACE,QAAS,EACT,sBAAuB,EACvB,aACE,EAAA,kBAAkB,CAAe,EAxErB,GAA+C,CACvE,EAAM,eAAe,EACrB,EAAM,gBAAgB,EAClB,GACF,EAAkB,CAAE,gBAAe,CAAC,EAEtC,EAAU,CACZ,EAmEkB,IAAA,GAEN,cACE,EAAA,kBAAkB,CAAe,EApEpB,GAA+C,CACxE,EAAM,eAAe,EACrB,EAAM,gBAAgB,EAClB,GACF,EAAmB,CAAE,iBAAgB,WAAU,CAAC,EAElD,EAAU,CACZ,EA+DkB,IAAA,GAEW,kBACjB,SAAS,SACT,UAAU,oCACV,UAAW,EACZ,CAAA,EACC,IACD,KACL,EAAA,EAAA,KAAC,EAAA,iBAAD,CAAmB,CAAA,CAChB,KACL,EAAA,EAAA,KAAC,EAAA,iBAAD,CAAkB,UAAU,MAAQ,CAAA,CACjC,GAET"}