@openhands/agent-canvas 1.16.0 → 1.17.0

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

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

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

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

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

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

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

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

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

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

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

@@ -1,2 +1,2 @@
-require("../../../../_virtual/_rolldown/runtime.cjs");const e=require("../../../../node_modules/react-i18next/dist/es/useTranslation.cjs"),t=require("../../../../i18n/declaration.cjs"),n=require("../../../../node_modules/lucide-react/dist/esm/icons/folder.cjs"),r=require("../../../../constants/acp-providers.cjs"),i=require("../../../../api/agent-server-adapter.cjs"),a=require("../../../../node_modules/react-icons/fa/index.cjs"),o=require("../../../../node_modules/react-icons/fa6/index.cjs"),s=require("../../../../assets/branding/azure-devops-logo.cjs"),c=require("../conversation-status-dot.cjs"),l=require("../../../shared/agent-brand-icon.cjs"),u=require("./conversation-tag-display.cjs"),d=require("./conversation-tag-icons.cjs");let f=require("react/jsx-runtime");var p={bitbucket:o.FaBitbucket,bitbucket_data_center:o.FaBitbucket,github:o.FaGithub,gitlab:o.FaGitlab};function m({label:e,children:t}){return(0,f.jsxs)(`div`,{className:`flex items-start gap-2 text-xs leading-4`,children:[(0,f.jsx)(`span`,{className:`w-20 shrink-0 whitespace-normal break-words text-[var(--oh-muted)]`,children:e}),(0,f.jsx)(`span`,{className:`min-w-0 flex-1 overflow-visible whitespace-normal break-words text-[var(--oh-foreground)]`,children:t})]})}function h({icon:e,children:t,testId:n,tagKey:r}){return(0,f.jsxs)(`span`,{"data-testid":n,"data-tag-key":r,className:`inline-flex min-w-0 max-w-full items-start gap-1.5`,children:[e?(0,f.jsx)(`span`,{className:`inline-flex h-4 min-w-3 shrink-0 items-center justify-center [&_svg]:block`,children:e}):null,(0,f.jsx)(`span`,{className:`min-w-0 flex-1 whitespace-normal break-all`,children:t})]})}function g({title:o,executionStatus:g,sandboxStatus:_,selectedRepository:v,workspaceWorkingDir:y,llmModel:b,agentKind:x=null,acpServer:S=null,createdAt:C,tags:w=null}){let{t:T}=e.useTranslation(`openhands`),E=v?.selected_repository??null,D=v?.selected_branch??null,O=v?.git_provider??null,k=O?p[O]:null,A=C?new Date(C).toLocaleString(void 0,{dateStyle:`medium`,timeStyle:`short`}):null,j=i.getDisplayConversationTags(w);return(0,f.jsxs)(`div`,{"data-testid":`conversation-card-preview`,className:`flex w-[280px] max-w-[min(280px,90vw)] flex-col gap-3 overflow-visible p-3`,children:[(0,f.jsxs)(`div`,{className:`flex items-start gap-2`,children:[g===void 0?null:(0,f.jsx)(`span`,{className:`inline-flex h-5 w-2.5 shrink-0 items-center justify-center`,children:(0,f.jsx)(c.ConversationStatusDot,{executionStatus:g,sandboxStatus:_,showTooltip:!1})}),(0,f.jsx)(`span`,{className:`break-words text-sm font-medium leading-5 text-white`,children:o})]}),(0,f.jsxs)(`dl`,{className:`flex flex-col gap-1.5`,children:[E?(0,f.jsxs)(f.Fragment,{children:[(0,f.jsx)(m,{label:T(t.I18nKey.CONVERSATION_PANEL$PREVIEW_REPO),children:(0,f.jsx)(h,{icon:k?(0,f.jsx)(k,{size:12}):O===`azure_devops`?(0,f.jsx)(s.default,{className:`h-3 w-3`}):void 0,children:E})}),D?(0,f.jsx)(m,{label:T(t.I18nKey.CONVERSATION_PANEL$PREVIEW_BRANCH),children:(0,f.jsx)(h,{icon:(0,f.jsx)(a.FaCodeBranch,{size:11}),children:D})}):null]}):y?(0,f.jsx)(m,{label:T(t.I18nKey.CONVERSATION_PANEL$PREVIEW_DIRECTORY),children:(0,f.jsx)(h,{icon:(0,f.jsx)(n.Folder,{size:12}),children:y})}):null,b?(0,f.jsx)(m,{label:T(t.I18nKey.CONVERSATION_PANEL$PREVIEW_MODEL),children:(0,f.jsx)(h,{testId:`conversation-card-preview-model`,icon:(0,f.jsx)(l.AgentBrandIcon,{kind:x===`acp`?r.resolveAcpProviderIcon(S):`openhands`,size:12}),children:b})}):null,j.map(([e,t])=>{let n=d.getConversationTagIcon(e,t);return(0,f.jsx)(m,{label:u.getConversationTagLabel(e,T),children:(0,f.jsx)(h,{testId:`conversation-card-preview-tag-row`,tagKey:e,icon:(0,f.jsx)(n,{"aria-hidden":!0,className:`h-3 w-3`}),children:t})},e)}),A?(0,f.jsx)(m,{label:T(t.I18nKey.CONVERSATION$CREATED),children:A}):null]})]})}exports.ConversationCardPreview=g;
+require("../../../../_virtual/_rolldown/runtime.cjs");const e=require("../../../../node_modules/react-i18next/dist/es/useTranslation.cjs"),t=require("../../../../i18n/declaration.cjs"),n=require("../../../../node_modules/lucide-react/dist/esm/icons/folder.cjs"),r=require("../../../../constants/acp-providers.cjs"),i=require("../../../../api/agent-server-adapter.cjs"),a=require("../../../../node_modules/react-icons/fa/index.cjs"),o=require("../../../../node_modules/react-icons/fa6/index.cjs"),s=require("../../../../assets/branding/azure-devops-logo.cjs"),c=require("../conversation-status-dot.cjs"),l=require("../../../shared/agent-brand-icon.cjs"),u=require("./conversation-tag-display.cjs"),d=require("./conversation-tag-icons.cjs");let f=require("react/jsx-runtime");var p={bitbucket:o.FaBitbucket,bitbucket_data_center:o.FaBitbucket,github:o.FaGithub,gitlab:o.FaGitlab};function m({label:e,children:t}){return(0,f.jsxs)(`div`,{className:`flex items-start gap-2 text-xs leading-4`,children:[(0,f.jsx)(`span`,{className:`w-20 shrink-0 whitespace-normal break-words text-[var(--oh-muted)]`,children:e}),(0,f.jsx)(`span`,{className:`min-w-0 flex-1 overflow-visible whitespace-normal break-words text-[var(--oh-foreground)]`,children:t})]})}function h({icon:e,children:t,testId:n,tagKey:r}){return(0,f.jsxs)(`span`,{"data-testid":n,"data-tag-key":r,className:`inline-flex min-w-0 max-w-full items-start gap-1.5`,children:[e?(0,f.jsx)(`span`,{className:`inline-flex h-4 min-w-3 shrink-0 items-center justify-center [&_svg]:block`,children:e}):null,(0,f.jsx)(`span`,{className:`min-w-0 flex-1 whitespace-normal break-all`,children:t})]})}function g({title:o,executionStatus:g,sandboxStatus:_,selectedRepository:v,workspaceWorkingDir:y,llmModel:b,agentKind:x=null,acpServer:S=null,createdAt:C,tags:w=null}){let{t:T}=e.useTranslation(`openhands`),E=v?.selected_repository??null,D=v?.selected_branch??null,O=v?.git_provider??null,k=O?p[O]:null,A=C?new Date(C).toLocaleString(void 0,{dateStyle:`medium`,timeStyle:`short`}):null,j=i.getDisplayConversationTags(w);return(0,f.jsxs)(`div`,{"data-testid":`conversation-card-preview`,className:`flex w-[280px] max-w-[min(280px,90vw)] flex-col gap-3 overflow-visible p-3`,children:[(0,f.jsxs)(`div`,{className:`flex items-start gap-2`,children:[g===void 0?null:(0,f.jsx)(`span`,{className:`inline-flex h-5 w-2.5 shrink-0 items-center justify-center`,children:(0,f.jsx)(c.ConversationStatusDot,{executionStatus:g,sandboxStatus:_,showTooltip:!1})}),(0,f.jsx)(`span`,{className:`break-words text-sm font-medium leading-5 text-white`,children:o})]}),(0,f.jsxs)(`dl`,{className:`flex flex-col gap-1.5`,children:[E?(0,f.jsxs)(f.Fragment,{children:[(0,f.jsx)(m,{label:T(t.I18nKey.CONVERSATION_PANEL$PREVIEW_REPO),children:(0,f.jsx)(h,{icon:k?(0,f.jsx)(k,{size:12}):O===`azure_devops`?(0,f.jsx)(s.default,{className:`h-3 w-3`}):void 0,children:E})}),D?(0,f.jsx)(m,{label:T(t.I18nKey.CONVERSATION_PANEL$PREVIEW_BRANCH),children:(0,f.jsx)(h,{icon:(0,f.jsx)(a.FaCodeBranch,{size:11}),children:D})}):null]}):y?(0,f.jsx)(m,{label:T(t.I18nKey.CONVERSATION_PANEL$PREVIEW_DIRECTORY),children:(0,f.jsx)(h,{icon:(0,f.jsx)(n.Folder,{size:12}),children:y})}):null,b?(0,f.jsx)(m,{label:T(t.I18nKey.CONVERSATION_PANEL$PREVIEW_MODEL),children:(0,f.jsx)(h,{testId:`conversation-card-preview-model`,icon:(0,f.jsx)(l.AgentBrandIcon,{kind:x===`acp`?r.resolveAcpProviderIcon(S):`openhands`,size:12}),children:b})}):null,j.map(([e,t])=>{let n=d.getConversationTagIcon(e,t);return(0,f.jsx)(m,{label:u.getConversationTagLabel(e,T),children:(0,f.jsx)(h,{testId:`conversation-card-preview-tag-row`,tagKey:e,icon:(0,f.jsx)(n,{"aria-hidden":!0,className:`h-3 w-3`}),children:t||`—`})},e)}),A?(0,f.jsx)(m,{label:T(t.I18nKey.CONVERSATION$CREATED),children:A}):null]})]})}exports.ConversationCardPreview=g;
 //# sourceMappingURL=conversation-card-preview.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"conversation-card-preview.cjs","names":[],"sources":["../../../../../src/components/features/conversation-panel/conversation-card/conversation-card-preview.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport { Folder } from \"lucide-react\";\nimport { FaBitbucket, FaGithub, FaGitlab } from \"react-icons/fa6\";\nimport { FaCodeBranch } from \"react-icons/fa\";\nimport type { IconType } from \"react-icons/lib\";\nimport { useTranslation } from \"react-i18next\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport type { RepositorySelection } from \"#/api/open-hands.types\";\nimport type { Provider } from \"#/types/settings\";\nimport type { ExecutionStatus } from \"#/types/agent-server/core/base/common\";\nimport type { SandboxStatus } from \"#/api/conversation-service/agent-server-conversation-service.types\";\nimport { getDisplayConversationTags } from \"#/api/agent-server-adapter\";\nimport { resolveAcpProviderIcon } from \"#/constants/acp-providers\";\nimport AzureDevOpsLogo from \"#/assets/branding/azure-devops-logo.svg?react\";\nimport { AgentBrandIcon } from \"#/components/shared/agent-brand-icon\";\nimport { ConversationStatusDot } from \"../conversation-status-dot\";\nimport { getConversationTagLabel } from \"./conversation-tag-display\";\nimport { getConversationTagIcon } from \"./conversation-tag-icons\";\n\ninterface ConversationCardPreviewProps {\n  title: string;\n  executionStatus?: ExecutionStatus | null;\n  sandboxStatus?: SandboxStatus | null;\n  selectedRepository: RepositorySelection | null;\n  workspaceWorkingDir?: string | null;\n  llmModel?: string | null;\n  /**\n   * High-level kind of the conversation's agent. Drives the model row's brand\n   * mark exactly like the card chip does — without it an ACP conversation\n   * would show the OpenHands wordmark next to a Claude Code / Codex / Gemini\n   * model, contradicting the chip on the very card being hovered.\n   */\n  agentKind?: \"openhands\" | \"acp\" | null;\n  /** Registry key of the ACP CLI server, resolved to its brand mark. */\n  acpServer?: string | null;\n  createdAt?: string;\n  /**\n   * Server-side conversation tags. Always shown in the hovercard when present\n   * (except keys already covered by repository / branch / directory rows).\n   * Sidebar card chips stay gated by the panel's Tags preference.\n   */\n  tags?: Record<string, string> | null;\n}\n\nconst providerIcon: Partial<Record<Provider, IconType>> = {\n  bitbucket: FaBitbucket,\n  bitbucket_data_center: FaBitbucket,\n  github: FaGithub,\n  gitlab: FaGitlab,\n};\n\ninterface PreviewRowProps {\n  label: string;\n  children: ReactNode;\n}\n\nfunction PreviewRow({ label, children }: PreviewRowProps) {\n  return (\n    <div className=\"flex items-start gap-2 text-xs leading-4\">\n      <span className=\"w-20 shrink-0 whitespace-normal break-words text-[var(--oh-muted)]\">\n        {label}\n      </span>\n      <span className=\"min-w-0 flex-1 overflow-visible whitespace-normal break-words text-[var(--oh-foreground)]\">\n        {children}\n      </span>\n    </div>\n  );\n}\n\n/**\n * Icon + value for preview rows. The icon sits in a box matching the first\n * line's height (``leading-4``) so it stays optically centered when the value\n * wraps to multiple lines. The slot has a 12px *minimum* rather than a fixed\n * width so the wider OpenHands wordmark (18px at ``size={12}``) is not clipped,\n * while the square icons still share one column.\n */\nfunction PreviewValueWithIcon({\n  icon,\n  children,\n  testId,\n  tagKey,\n}: {\n  icon?: ReactNode;\n  children: ReactNode;\n  testId?: string;\n  tagKey?: string;\n}) {\n  return (\n    <span\n      data-testid={testId}\n      data-tag-key={tagKey}\n      className=\"inline-flex min-w-0 max-w-full items-start gap-1.5\"\n    >\n      {icon ? (\n        <span className=\"inline-flex h-4 min-w-3 shrink-0 items-center justify-center [&_svg]:block\">\n          {icon}\n        </span>\n      ) : null}\n      <span className=\"min-w-0 flex-1 whitespace-normal break-all\">\n        {children}\n      </span>\n    </span>\n  );\n}\n\nexport function ConversationCardPreview({\n  title,\n  executionStatus,\n  sandboxStatus,\n  selectedRepository,\n  workspaceWorkingDir,\n  llmModel,\n  agentKind = null,\n  acpServer = null,\n  createdAt,\n  tags = null,\n}: ConversationCardPreviewProps) {\n  const { t } = useTranslation(\"openhands\");\n\n  const repository = selectedRepository?.selected_repository ?? null;\n  const branch = selectedRepository?.selected_branch ?? null;\n  const provider = selectedRepository?.git_provider ?? null;\n  const ProviderIcon = provider ? providerIcon[provider] : null;\n\n  const createdLabel = createdAt\n    ? new Date(createdAt).toLocaleString(undefined, {\n        dateStyle: \"medium\",\n        timeStyle: \"short\",\n      })\n    : null;\n\n  const previewTags = getDisplayConversationTags(tags);\n\n  return (\n    <div\n      data-testid=\"conversation-card-preview\"\n      className=\"flex w-[280px] max-w-[min(280px,90vw)] flex-col gap-3 overflow-visible p-3\"\n    >\n      <div className=\"flex items-start gap-2\">\n        {executionStatus !== undefined ? (\n          <span className=\"inline-flex h-5 w-2.5 shrink-0 items-center justify-center\">\n            <ConversationStatusDot\n              executionStatus={executionStatus}\n              sandboxStatus={sandboxStatus}\n              showTooltip={false}\n            />\n          </span>\n        ) : null}\n        <span className=\"break-words text-sm font-medium leading-5 text-white\">\n          {title}\n        </span>\n      </div>\n\n      <dl className=\"flex flex-col gap-1.5\">\n        {repository ? (\n          <>\n            <PreviewRow label={t(I18nKey.CONVERSATION_PANEL$PREVIEW_REPO)}>\n              <PreviewValueWithIcon\n                icon={\n                  ProviderIcon ? (\n                    <ProviderIcon size={12} />\n                  ) : provider === \"azure_devops\" ? (\n                    <AzureDevOpsLogo className=\"h-3 w-3\" />\n                  ) : undefined\n                }\n              >\n                {repository}\n              </PreviewValueWithIcon>\n            </PreviewRow>\n            {branch ? (\n              <PreviewRow label={t(I18nKey.CONVERSATION_PANEL$PREVIEW_BRANCH)}>\n                <PreviewValueWithIcon icon={<FaCodeBranch size={11} />}>\n                  {branch}\n                </PreviewValueWithIcon>\n              </PreviewRow>\n            ) : null}\n          </>\n        ) : workspaceWorkingDir ? (\n          <PreviewRow label={t(I18nKey.CONVERSATION_PANEL$PREVIEW_DIRECTORY)}>\n            <PreviewValueWithIcon icon={<Folder size={12} />}>\n              {workspaceWorkingDir}\n            </PreviewValueWithIcon>\n          </PreviewRow>\n        ) : null}\n\n        {llmModel ? (\n          <PreviewRow label={t(I18nKey.CONVERSATION_PANEL$PREVIEW_MODEL)}>\n            <PreviewValueWithIcon\n              testId=\"conversation-card-preview-model\"\n              icon={\n                <AgentBrandIcon\n                  kind={\n                    agentKind === \"acp\"\n                      ? resolveAcpProviderIcon(acpServer)\n                      : \"openhands\"\n                  }\n                  size={12}\n                />\n              }\n            >\n              {llmModel}\n            </PreviewValueWithIcon>\n          </PreviewRow>\n        ) : null}\n\n        {previewTags.map(([key, value]) => {\n          const Icon = getConversationTagIcon(key, value);\n          const label = getConversationTagLabel(key, t);\n\n          return (\n            <PreviewRow key={key} label={label}>\n              <PreviewValueWithIcon\n                testId=\"conversation-card-preview-tag-row\"\n                tagKey={key}\n                icon={<Icon aria-hidden className=\"h-3 w-3\" />}\n              >\n                {value}\n              </PreviewValueWithIcon>\n            </PreviewRow>\n          );\n        })}\n\n        {createdLabel ? (\n          <PreviewRow label={t(I18nKey.CONVERSATION$CREATED)}>\n            {createdLabel}\n          </PreviewRow>\n        ) : null}\n      </dl>\n    </div>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"conversation-card-preview.cjs","names":[],"sources":["../../../../../src/components/features/conversation-panel/conversation-card/conversation-card-preview.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport { Folder } from \"lucide-react\";\nimport { FaBitbucket, FaGithub, FaGitlab } from \"react-icons/fa6\";\nimport { FaCodeBranch } from \"react-icons/fa\";\nimport type { IconType } from \"react-icons/lib\";\nimport { useTranslation } from \"react-i18next\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport type { RepositorySelection } from \"#/api/open-hands.types\";\nimport type { Provider } from \"#/types/settings\";\nimport type { ExecutionStatus } from \"#/types/agent-server/core/base/common\";\nimport type { SandboxStatus } from \"#/api/conversation-service/agent-server-conversation-service.types\";\nimport { getDisplayConversationTags } from \"#/api/agent-server-adapter\";\nimport { resolveAcpProviderIcon } from \"#/constants/acp-providers\";\nimport AzureDevOpsLogo from \"#/assets/branding/azure-devops-logo.svg?react\";\nimport { AgentBrandIcon } from \"#/components/shared/agent-brand-icon\";\nimport { ConversationStatusDot } from \"../conversation-status-dot\";\nimport { getConversationTagLabel } from \"./conversation-tag-display\";\nimport { getConversationTagIcon } from \"./conversation-tag-icons\";\n\ninterface ConversationCardPreviewProps {\n  title: string;\n  executionStatus?: ExecutionStatus | null;\n  sandboxStatus?: SandboxStatus | null;\n  selectedRepository: RepositorySelection | null;\n  workspaceWorkingDir?: string | null;\n  llmModel?: string | null;\n  /**\n   * High-level kind of the conversation's agent. Drives the model row's brand\n   * mark exactly like the card chip does — without it an ACP conversation\n   * would show the OpenHands wordmark next to a Claude Code / Codex / Gemini\n   * model, contradicting the chip on the very card being hovered.\n   */\n  agentKind?: \"openhands\" | \"acp\" | null;\n  /** Registry key of the ACP CLI server, resolved to its brand mark. */\n  acpServer?: string | null;\n  createdAt?: string;\n  /**\n   * Server-side conversation tags. Always shown in the hovercard when present\n   * (except keys already covered by repository / branch / directory rows).\n   * Sidebar card chips stay gated by the panel's Tags preference.\n   */\n  tags?: Record<string, string> | null;\n}\n\nconst providerIcon: Partial<Record<Provider, IconType>> = {\n  bitbucket: FaBitbucket,\n  bitbucket_data_center: FaBitbucket,\n  github: FaGithub,\n  gitlab: FaGitlab,\n};\n\ninterface PreviewRowProps {\n  label: string;\n  children: ReactNode;\n}\n\nfunction PreviewRow({ label, children }: PreviewRowProps) {\n  return (\n    <div className=\"flex items-start gap-2 text-xs leading-4\">\n      <span className=\"w-20 shrink-0 whitespace-normal break-words text-[var(--oh-muted)]\">\n        {label}\n      </span>\n      <span className=\"min-w-0 flex-1 overflow-visible whitespace-normal break-words text-[var(--oh-foreground)]\">\n        {children}\n      </span>\n    </div>\n  );\n}\n\n/**\n * Icon + value for preview rows. The icon sits in a box matching the first\n * line's height (``leading-4``) so it stays optically centered when the value\n * wraps to multiple lines. The slot has a 12px *minimum* rather than a fixed\n * width so the wider OpenHands wordmark (18px at ``size={12}``) is not clipped,\n * while the square icons still share one column.\n */\nfunction PreviewValueWithIcon({\n  icon,\n  children,\n  testId,\n  tagKey,\n}: {\n  icon?: ReactNode;\n  children: ReactNode;\n  testId?: string;\n  tagKey?: string;\n}) {\n  return (\n    <span\n      data-testid={testId}\n      data-tag-key={tagKey}\n      className=\"inline-flex min-w-0 max-w-full items-start gap-1.5\"\n    >\n      {icon ? (\n        <span className=\"inline-flex h-4 min-w-3 shrink-0 items-center justify-center [&_svg]:block\">\n          {icon}\n        </span>\n      ) : null}\n      <span className=\"min-w-0 flex-1 whitespace-normal break-all\">\n        {children}\n      </span>\n    </span>\n  );\n}\n\nexport function ConversationCardPreview({\n  title,\n  executionStatus,\n  sandboxStatus,\n  selectedRepository,\n  workspaceWorkingDir,\n  llmModel,\n  agentKind = null,\n  acpServer = null,\n  createdAt,\n  tags = null,\n}: ConversationCardPreviewProps) {\n  const { t } = useTranslation(\"openhands\");\n\n  const repository = selectedRepository?.selected_repository ?? null;\n  const branch = selectedRepository?.selected_branch ?? null;\n  const provider = selectedRepository?.git_provider ?? null;\n  const ProviderIcon = provider ? providerIcon[provider] : null;\n\n  const createdLabel = createdAt\n    ? new Date(createdAt).toLocaleString(undefined, {\n        dateStyle: \"medium\",\n        timeStyle: \"short\",\n      })\n    : null;\n\n  const previewTags = getDisplayConversationTags(tags);\n\n  return (\n    <div\n      data-testid=\"conversation-card-preview\"\n      className=\"flex w-[280px] max-w-[min(280px,90vw)] flex-col gap-3 overflow-visible p-3\"\n    >\n      <div className=\"flex items-start gap-2\">\n        {executionStatus !== undefined ? (\n          <span className=\"inline-flex h-5 w-2.5 shrink-0 items-center justify-center\">\n            <ConversationStatusDot\n              executionStatus={executionStatus}\n              sandboxStatus={sandboxStatus}\n              showTooltip={false}\n            />\n          </span>\n        ) : null}\n        <span className=\"break-words text-sm font-medium leading-5 text-white\">\n          {title}\n        </span>\n      </div>\n\n      <dl className=\"flex flex-col gap-1.5\">\n        {repository ? (\n          <>\n            <PreviewRow label={t(I18nKey.CONVERSATION_PANEL$PREVIEW_REPO)}>\n              <PreviewValueWithIcon\n                icon={\n                  ProviderIcon ? (\n                    <ProviderIcon size={12} />\n                  ) : provider === \"azure_devops\" ? (\n                    <AzureDevOpsLogo className=\"h-3 w-3\" />\n                  ) : undefined\n                }\n              >\n                {repository}\n              </PreviewValueWithIcon>\n            </PreviewRow>\n            {branch ? (\n              <PreviewRow label={t(I18nKey.CONVERSATION_PANEL$PREVIEW_BRANCH)}>\n                <PreviewValueWithIcon icon={<FaCodeBranch size={11} />}>\n                  {branch}\n                </PreviewValueWithIcon>\n              </PreviewRow>\n            ) : null}\n          </>\n        ) : workspaceWorkingDir ? (\n          <PreviewRow label={t(I18nKey.CONVERSATION_PANEL$PREVIEW_DIRECTORY)}>\n            <PreviewValueWithIcon icon={<Folder size={12} />}>\n              {workspaceWorkingDir}\n            </PreviewValueWithIcon>\n          </PreviewRow>\n        ) : null}\n\n        {llmModel ? (\n          <PreviewRow label={t(I18nKey.CONVERSATION_PANEL$PREVIEW_MODEL)}>\n            <PreviewValueWithIcon\n              testId=\"conversation-card-preview-model\"\n              icon={\n                <AgentBrandIcon\n                  kind={\n                    agentKind === \"acp\"\n                      ? resolveAcpProviderIcon(acpServer)\n                      : \"openhands\"\n                  }\n                  size={12}\n                />\n              }\n            >\n              {llmModel}\n            </PreviewValueWithIcon>\n          </PreviewRow>\n        ) : null}\n\n        {previewTags.map(([key, value]) => {\n          const Icon = getConversationTagIcon(key, value);\n          const label = getConversationTagLabel(key, t);\n\n          return (\n            <PreviewRow key={key} label={label}>\n              <PreviewValueWithIcon\n                testId=\"conversation-card-preview-tag-row\"\n                tagKey={key}\n                icon={<Icon aria-hidden className=\"h-3 w-3\" />}\n              >\n                {/* Bare tags (empty value) show an em dash — the row label\n                    already carries the key, so repeating it would stutter. */}\n                {value || \"—\"}\n              </PreviewValueWithIcon>\n            </PreviewRow>\n          );\n        })}\n\n        {createdLabel ? (\n          <PreviewRow label={t(I18nKey.CONVERSATION$CREATED)}>\n            {createdLabel}\n          </PreviewRow>\n        ) : null}\n      </dl>\n    </div>\n  );\n}\n"],"mappings":"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"}

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

@@ -109,7 +109,7 @@ function b({ title: o, executionStatus: s, sandboxStatus: c, selectedRepository:
 								"aria-hidden": !0,
 								className: "h-3 w-3"
 							}),
-							children: t
+							children: t || "—"
 						})
 					}, e);
 				}),

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

@@ -1 +1 @@
-{"version":3,"file":"conversation-card-preview.js","names":[],"sources":["../../../../../src/components/features/conversation-panel/conversation-card/conversation-card-preview.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport { Folder } from \"lucide-react\";\nimport { FaBitbucket, FaGithub, FaGitlab } from \"react-icons/fa6\";\nimport { FaCodeBranch } from \"react-icons/fa\";\nimport type { IconType } from \"react-icons/lib\";\nimport { useTranslation } from \"react-i18next\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport type { RepositorySelection } from \"#/api/open-hands.types\";\nimport type { Provider } from \"#/types/settings\";\nimport type { ExecutionStatus } from \"#/types/agent-server/core/base/common\";\nimport type { SandboxStatus } from \"#/api/conversation-service/agent-server-conversation-service.types\";\nimport { getDisplayConversationTags } from \"#/api/agent-server-adapter\";\nimport { resolveAcpProviderIcon } from \"#/constants/acp-providers\";\nimport AzureDevOpsLogo from \"#/assets/branding/azure-devops-logo.svg?react\";\nimport { AgentBrandIcon } from \"#/components/shared/agent-brand-icon\";\nimport { ConversationStatusDot } from \"../conversation-status-dot\";\nimport { getConversationTagLabel } from \"./conversation-tag-display\";\nimport { getConversationTagIcon } from \"./conversation-tag-icons\";\n\ninterface ConversationCardPreviewProps {\n  title: string;\n  executionStatus?: ExecutionStatus | null;\n  sandboxStatus?: SandboxStatus | null;\n  selectedRepository: RepositorySelection | null;\n  workspaceWorkingDir?: string | null;\n  llmModel?: string | null;\n  /**\n   * High-level kind of the conversation's agent. Drives the model row's brand\n   * mark exactly like the card chip does — without it an ACP conversation\n   * would show the OpenHands wordmark next to a Claude Code / Codex / Gemini\n   * model, contradicting the chip on the very card being hovered.\n   */\n  agentKind?: \"openhands\" | \"acp\" | null;\n  /** Registry key of the ACP CLI server, resolved to its brand mark. */\n  acpServer?: string | null;\n  createdAt?: string;\n  /**\n   * Server-side conversation tags. Always shown in the hovercard when present\n   * (except keys already covered by repository / branch / directory rows).\n   * Sidebar card chips stay gated by the panel's Tags preference.\n   */\n  tags?: Record<string, string> | null;\n}\n\nconst providerIcon: Partial<Record<Provider, IconType>> = {\n  bitbucket: FaBitbucket,\n  bitbucket_data_center: FaBitbucket,\n  github: FaGithub,\n  gitlab: FaGitlab,\n};\n\ninterface PreviewRowProps {\n  label: string;\n  children: ReactNode;\n}\n\nfunction PreviewRow({ label, children }: PreviewRowProps) {\n  return (\n    <div className=\"flex items-start gap-2 text-xs leading-4\">\n      <span className=\"w-20 shrink-0 whitespace-normal break-words text-[var(--oh-muted)]\">\n        {label}\n      </span>\n      <span className=\"min-w-0 flex-1 overflow-visible whitespace-normal break-words text-[var(--oh-foreground)]\">\n        {children}\n      </span>\n    </div>\n  );\n}\n\n/**\n * Icon + value for preview rows. The icon sits in a box matching the first\n * line's height (``leading-4``) so it stays optically centered when the value\n * wraps to multiple lines. The slot has a 12px *minimum* rather than a fixed\n * width so the wider OpenHands wordmark (18px at ``size={12}``) is not clipped,\n * while the square icons still share one column.\n */\nfunction PreviewValueWithIcon({\n  icon,\n  children,\n  testId,\n  tagKey,\n}: {\n  icon?: ReactNode;\n  children: ReactNode;\n  testId?: string;\n  tagKey?: string;\n}) {\n  return (\n    <span\n      data-testid={testId}\n      data-tag-key={tagKey}\n      className=\"inline-flex min-w-0 max-w-full items-start gap-1.5\"\n    >\n      {icon ? (\n        <span className=\"inline-flex h-4 min-w-3 shrink-0 items-center justify-center [&_svg]:block\">\n          {icon}\n        </span>\n      ) : null}\n      <span className=\"min-w-0 flex-1 whitespace-normal break-all\">\n        {children}\n      </span>\n    </span>\n  );\n}\n\nexport function ConversationCardPreview({\n  title,\n  executionStatus,\n  sandboxStatus,\n  selectedRepository,\n  workspaceWorkingDir,\n  llmModel,\n  agentKind = null,\n  acpServer = null,\n  createdAt,\n  tags = null,\n}: ConversationCardPreviewProps) {\n  const { t } = useTranslation(\"openhands\");\n\n  const repository = selectedRepository?.selected_repository ?? null;\n  const branch = selectedRepository?.selected_branch ?? null;\n  const provider = selectedRepository?.git_provider ?? null;\n  const ProviderIcon = provider ? providerIcon[provider] : null;\n\n  const createdLabel = createdAt\n    ? new Date(createdAt).toLocaleString(undefined, {\n        dateStyle: \"medium\",\n        timeStyle: \"short\",\n      })\n    : null;\n\n  const previewTags = getDisplayConversationTags(tags);\n\n  return (\n    <div\n      data-testid=\"conversation-card-preview\"\n      className=\"flex w-[280px] max-w-[min(280px,90vw)] flex-col gap-3 overflow-visible p-3\"\n    >\n      <div className=\"flex items-start gap-2\">\n        {executionStatus !== undefined ? (\n          <span className=\"inline-flex h-5 w-2.5 shrink-0 items-center justify-center\">\n            <ConversationStatusDot\n              executionStatus={executionStatus}\n              sandboxStatus={sandboxStatus}\n              showTooltip={false}\n            />\n          </span>\n        ) : null}\n        <span className=\"break-words text-sm font-medium leading-5 text-white\">\n          {title}\n        </span>\n      </div>\n\n      <dl className=\"flex flex-col gap-1.5\">\n        {repository ? (\n          <>\n            <PreviewRow label={t(I18nKey.CONVERSATION_PANEL$PREVIEW_REPO)}>\n              <PreviewValueWithIcon\n                icon={\n                  ProviderIcon ? (\n                    <ProviderIcon size={12} />\n                  ) : provider === \"azure_devops\" ? (\n                    <AzureDevOpsLogo className=\"h-3 w-3\" />\n                  ) : undefined\n                }\n              >\n                {repository}\n              </PreviewValueWithIcon>\n            </PreviewRow>\n            {branch ? (\n              <PreviewRow label={t(I18nKey.CONVERSATION_PANEL$PREVIEW_BRANCH)}>\n                <PreviewValueWithIcon icon={<FaCodeBranch size={11} />}>\n                  {branch}\n                </PreviewValueWithIcon>\n              </PreviewRow>\n            ) : null}\n          </>\n        ) : workspaceWorkingDir ? (\n          <PreviewRow label={t(I18nKey.CONVERSATION_PANEL$PREVIEW_DIRECTORY)}>\n            <PreviewValueWithIcon icon={<Folder size={12} />}>\n              {workspaceWorkingDir}\n            </PreviewValueWithIcon>\n          </PreviewRow>\n        ) : null}\n\n        {llmModel ? (\n          <PreviewRow label={t(I18nKey.CONVERSATION_PANEL$PREVIEW_MODEL)}>\n            <PreviewValueWithIcon\n              testId=\"conversation-card-preview-model\"\n              icon={\n                <AgentBrandIcon\n                  kind={\n                    agentKind === \"acp\"\n                      ? resolveAcpProviderIcon(acpServer)\n                      : \"openhands\"\n                  }\n                  size={12}\n                />\n              }\n            >\n              {llmModel}\n            </PreviewValueWithIcon>\n          </PreviewRow>\n        ) : null}\n\n        {previewTags.map(([key, value]) => {\n          const Icon = getConversationTagIcon(key, value);\n          const label = getConversationTagLabel(key, t);\n\n          return (\n            <PreviewRow key={key} label={label}>\n              <PreviewValueWithIcon\n                testId=\"conversation-card-preview-tag-row\"\n                tagKey={key}\n                icon={<Icon aria-hidden className=\"h-3 w-3\" />}\n              >\n                {value}\n              </PreviewValueWithIcon>\n            </PreviewRow>\n          );\n        })}\n\n        {createdLabel ? (\n          <PreviewRow label={t(I18nKey.CONVERSATION$CREATED)}>\n            {createdLabel}\n          </PreviewRow>\n        ) : null}\n      </dl>\n    </div>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"conversation-card-preview.js","names":[],"sources":["../../../../../src/components/features/conversation-panel/conversation-card/conversation-card-preview.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport { Folder } from \"lucide-react\";\nimport { FaBitbucket, FaGithub, FaGitlab } from \"react-icons/fa6\";\nimport { FaCodeBranch } from \"react-icons/fa\";\nimport type { IconType } from \"react-icons/lib\";\nimport { useTranslation } from \"react-i18next\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport type { RepositorySelection } from \"#/api/open-hands.types\";\nimport type { Provider } from \"#/types/settings\";\nimport type { ExecutionStatus } from \"#/types/agent-server/core/base/common\";\nimport type { SandboxStatus } from \"#/api/conversation-service/agent-server-conversation-service.types\";\nimport { getDisplayConversationTags } from \"#/api/agent-server-adapter\";\nimport { resolveAcpProviderIcon } from \"#/constants/acp-providers\";\nimport AzureDevOpsLogo from \"#/assets/branding/azure-devops-logo.svg?react\";\nimport { AgentBrandIcon } from \"#/components/shared/agent-brand-icon\";\nimport { ConversationStatusDot } from \"../conversation-status-dot\";\nimport { getConversationTagLabel } from \"./conversation-tag-display\";\nimport { getConversationTagIcon } from \"./conversation-tag-icons\";\n\ninterface ConversationCardPreviewProps {\n  title: string;\n  executionStatus?: ExecutionStatus | null;\n  sandboxStatus?: SandboxStatus | null;\n  selectedRepository: RepositorySelection | null;\n  workspaceWorkingDir?: string | null;\n  llmModel?: string | null;\n  /**\n   * High-level kind of the conversation's agent. Drives the model row's brand\n   * mark exactly like the card chip does — without it an ACP conversation\n   * would show the OpenHands wordmark next to a Claude Code / Codex / Gemini\n   * model, contradicting the chip on the very card being hovered.\n   */\n  agentKind?: \"openhands\" | \"acp\" | null;\n  /** Registry key of the ACP CLI server, resolved to its brand mark. */\n  acpServer?: string | null;\n  createdAt?: string;\n  /**\n   * Server-side conversation tags. Always shown in the hovercard when present\n   * (except keys already covered by repository / branch / directory rows).\n   * Sidebar card chips stay gated by the panel's Tags preference.\n   */\n  tags?: Record<string, string> | null;\n}\n\nconst providerIcon: Partial<Record<Provider, IconType>> = {\n  bitbucket: FaBitbucket,\n  bitbucket_data_center: FaBitbucket,\n  github: FaGithub,\n  gitlab: FaGitlab,\n};\n\ninterface PreviewRowProps {\n  label: string;\n  children: ReactNode;\n}\n\nfunction PreviewRow({ label, children }: PreviewRowProps) {\n  return (\n    <div className=\"flex items-start gap-2 text-xs leading-4\">\n      <span className=\"w-20 shrink-0 whitespace-normal break-words text-[var(--oh-muted)]\">\n        {label}\n      </span>\n      <span className=\"min-w-0 flex-1 overflow-visible whitespace-normal break-words text-[var(--oh-foreground)]\">\n        {children}\n      </span>\n    </div>\n  );\n}\n\n/**\n * Icon + value for preview rows. The icon sits in a box matching the first\n * line's height (``leading-4``) so it stays optically centered when the value\n * wraps to multiple lines. The slot has a 12px *minimum* rather than a fixed\n * width so the wider OpenHands wordmark (18px at ``size={12}``) is not clipped,\n * while the square icons still share one column.\n */\nfunction PreviewValueWithIcon({\n  icon,\n  children,\n  testId,\n  tagKey,\n}: {\n  icon?: ReactNode;\n  children: ReactNode;\n  testId?: string;\n  tagKey?: string;\n}) {\n  return (\n    <span\n      data-testid={testId}\n      data-tag-key={tagKey}\n      className=\"inline-flex min-w-0 max-w-full items-start gap-1.5\"\n    >\n      {icon ? (\n        <span className=\"inline-flex h-4 min-w-3 shrink-0 items-center justify-center [&_svg]:block\">\n          {icon}\n        </span>\n      ) : null}\n      <span className=\"min-w-0 flex-1 whitespace-normal break-all\">\n        {children}\n      </span>\n    </span>\n  );\n}\n\nexport function ConversationCardPreview({\n  title,\n  executionStatus,\n  sandboxStatus,\n  selectedRepository,\n  workspaceWorkingDir,\n  llmModel,\n  agentKind = null,\n  acpServer = null,\n  createdAt,\n  tags = null,\n}: ConversationCardPreviewProps) {\n  const { t } = useTranslation(\"openhands\");\n\n  const repository = selectedRepository?.selected_repository ?? null;\n  const branch = selectedRepository?.selected_branch ?? null;\n  const provider = selectedRepository?.git_provider ?? null;\n  const ProviderIcon = provider ? providerIcon[provider] : null;\n\n  const createdLabel = createdAt\n    ? new Date(createdAt).toLocaleString(undefined, {\n        dateStyle: \"medium\",\n        timeStyle: \"short\",\n      })\n    : null;\n\n  const previewTags = getDisplayConversationTags(tags);\n\n  return (\n    <div\n      data-testid=\"conversation-card-preview\"\n      className=\"flex w-[280px] max-w-[min(280px,90vw)] flex-col gap-3 overflow-visible p-3\"\n    >\n      <div className=\"flex items-start gap-2\">\n        {executionStatus !== undefined ? (\n          <span className=\"inline-flex h-5 w-2.5 shrink-0 items-center justify-center\">\n            <ConversationStatusDot\n              executionStatus={executionStatus}\n              sandboxStatus={sandboxStatus}\n              showTooltip={false}\n            />\n          </span>\n        ) : null}\n        <span className=\"break-words text-sm font-medium leading-5 text-white\">\n          {title}\n        </span>\n      </div>\n\n      <dl className=\"flex flex-col gap-1.5\">\n        {repository ? (\n          <>\n            <PreviewRow label={t(I18nKey.CONVERSATION_PANEL$PREVIEW_REPO)}>\n              <PreviewValueWithIcon\n                icon={\n                  ProviderIcon ? (\n                    <ProviderIcon size={12} />\n                  ) : provider === \"azure_devops\" ? (\n                    <AzureDevOpsLogo className=\"h-3 w-3\" />\n                  ) : undefined\n                }\n              >\n                {repository}\n              </PreviewValueWithIcon>\n            </PreviewRow>\n            {branch ? (\n              <PreviewRow label={t(I18nKey.CONVERSATION_PANEL$PREVIEW_BRANCH)}>\n                <PreviewValueWithIcon icon={<FaCodeBranch size={11} />}>\n                  {branch}\n                </PreviewValueWithIcon>\n              </PreviewRow>\n            ) : null}\n          </>\n        ) : workspaceWorkingDir ? (\n          <PreviewRow label={t(I18nKey.CONVERSATION_PANEL$PREVIEW_DIRECTORY)}>\n            <PreviewValueWithIcon icon={<Folder size={12} />}>\n              {workspaceWorkingDir}\n            </PreviewValueWithIcon>\n          </PreviewRow>\n        ) : null}\n\n        {llmModel ? (\n          <PreviewRow label={t(I18nKey.CONVERSATION_PANEL$PREVIEW_MODEL)}>\n            <PreviewValueWithIcon\n              testId=\"conversation-card-preview-model\"\n              icon={\n                <AgentBrandIcon\n                  kind={\n                    agentKind === \"acp\"\n                      ? resolveAcpProviderIcon(acpServer)\n                      : \"openhands\"\n                  }\n                  size={12}\n                />\n              }\n            >\n              {llmModel}\n            </PreviewValueWithIcon>\n          </PreviewRow>\n        ) : null}\n\n        {previewTags.map(([key, value]) => {\n          const Icon = getConversationTagIcon(key, value);\n          const label = getConversationTagLabel(key, t);\n\n          return (\n            <PreviewRow key={key} label={label}>\n              <PreviewValueWithIcon\n                testId=\"conversation-card-preview-tag-row\"\n                tagKey={key}\n                icon={<Icon aria-hidden className=\"h-3 w-3\" />}\n              >\n                {/* Bare tags (empty value) show an em dash — the row label\n                    already carries the key, so repeating it would stutter. */}\n                {value || \"—\"}\n              </PreviewValueWithIcon>\n            </PreviewRow>\n          );\n        })}\n\n        {createdLabel ? (\n          <PreviewRow label={t(I18nKey.CONVERSATION$CREATED)}>\n            {createdLabel}\n          </PreviewRow>\n        ) : null}\n      </dl>\n    </div>\n  );\n}\n"],"mappings":"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"}