@openhands/agent-canvas 1.12.0 → 1.13.0

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

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"conversation-card-footer.cjs","names":[],"sources":["../../../../../src/components/features/conversation-panel/conversation-card/conversation-card-footer.tsx"],"sourcesContent":["import { useTranslation } from \"react-i18next\";\nimport { formatTimeDelta } from \"#/utils/format-time-delta\";\nimport { cn } from \"#/utils/utils\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { RepositorySelection } from \"#/api/open-hands.types\";\nimport { ExecutionStatus } from \"#/types/agent-server/core/base/common\";\nimport { isExecutionPaused } from \"#/utils/status\";\nimport {\n  getAcpProviderDisplayName,\n  labelForAcpModel,\n  resolveAcpProviderIcon,\n} from \"#/constants/acp-providers\";\nimport { formatNativeModelName } from \"#/utils/format-model-name\";\nimport {\n  AgentBrandIcon,\n  type AgentBrandIconKind,\n} from \"#/components/shared/agent-brand-icon\";\nimport { getDisplayConversationTags } from \"#/api/agent-server-adapter\";\nimport { ConversationRepoLink } from \"./conversation-repo-link\";\nimport { NoRepository } from \"./no-repository\";\nimport { ConversationTagChips } from \"./conversation-tag-chips\";\nimport { CONVERSATION_CARD_META_CHIP_CLASSNAME } from \"./conversation-card-meta-chip\";\n\ninterface ConversationCardFooterProps {\n  selectedRepository: RepositorySelection | null;\n  lastUpdatedAt: string;\n  createdAt?: string;\n  executionStatus?: ExecutionStatus | null;\n  workspaceWorkingDir?: string | null;\n  showRepositoryMetadata?: boolean;\n  showTimestamp?: boolean;\n  llmModel?: string | null;\n  /**\n   * Whether to render the agent/model chip. Wired to the conversation\n   * panel's \"LLM model\" toggle; gates the chip uniformly\n   * for both ACP and OpenHands cards.\n   */\n  showAgentChip?: boolean;\n  /**\n   * High-level kind of the conversation's agent. Drives the chip's icon:\n   * the OpenHands logo for native conversations and the resolved ACP brand\n   * mark for ACP conversations. Defensive against stray ``acpServer``\n   * values reaching an OpenHands card.\n   */\n  agentKind?: \"openhands\" | \"acp\" | null;\n  /**\n   * Registry key of the ACP CLI server (``\"claude-code\"`` / ``\"codex\"`` /\n   * ``\"gemini-cli\"`` / unknown / null). Resolved to a human display name\n   * via {@link getAcpProviderDisplayName}; unknown / null falls back to\n   * a generic \"ACP\" label so a Custom-command preset still produces a\n   * useful chip.\n   */\n  acpServer?: string | null;\n  /**\n   * Server-side conversation tags (``AppConversation.tags``). Non-reserved\n   * entries render as value-only chips so API-/automation-born\n   * conversations can surface attribution (e.g. ``origin: slack`` → ``slack``).\n   */\n  tags?: Record<string, string> | null;\n  /**\n   * Whether to render the tag-chip row. Wired to the conversation panel's\n   * \"Tags\" toggle.\n   */\n  showTags?: boolean;\n}\n\nexport function ConversationCardFooter({\n  selectedRepository,\n  lastUpdatedAt,\n  createdAt,\n  executionStatus,\n  workspaceWorkingDir,\n  showRepositoryMetadata = true,\n  showTimestamp = true,\n  llmModel,\n  showAgentChip = false,\n  agentKind = null,\n  acpServer = null,\n  tags = null,\n  showTags = false,\n}: ConversationCardFooterProps) {\n  const { t } = useTranslation(\"openhands\");\n\n  const isPaused = isExecutionPaused(executionStatus);\n\n  // Single inline chip per conversation: [brand mark] {model text}. Gated by\n  // the conversation panel's \"LLM model\" toggle and applied\n  // uniformly to both kinds — OpenHands shows the logo + ``agent.llm.model``;\n  // ACP shows the provider brand mark + model resolved through PR 730's\n  // adapter chain, falling back to the provider display name when no model is\n  // available so the chip never collapses to icon-only.\n  let chip: {\n    kind: AgentBrandIconKind;\n    text: string;\n    tooltip: string;\n  } | null = null;\n  if (showAgentChip) {\n    if (agentKind === \"acp\") {\n      const providerName =\n        getAcpProviderDisplayName(acpServer) ??\n        t(I18nKey.CONVERSATION$ACP_AGENT_GENERIC);\n      // Prefer the provider's picker label (e.g. \"Claude Opus 4.7\") over the\n      // raw ``acp_model`` ID; falls back to the raw ID for custom overrides\n      // and to the provider name when there's no model at all.\n      const modelLabel = labelForAcpModel(acpServer, llmModel);\n      const text = modelLabel ?? providerName;\n      chip = {\n        kind: resolveAcpProviderIcon(acpServer),\n        text,\n        tooltip: modelLabel ? `${providerName} · ${modelLabel}` : providerName,\n      };\n    } else if (llmModel) {\n      // Strip the routing prefix (e.g. \"anthropic/claude-…\" → \"claude-…\") for\n      // the chip text; keep the full routing string in the tooltip.\n      chip = {\n        kind: \"openhands\",\n        text: formatNativeModelName(llmModel) ?? llmModel,\n        tooltip: llmModel,\n      };\n    }\n  }\n\n  // Match title text start: 18px status column + gap-2 (8px).\n  const metadataIndentClass =\n    executionStatus !== undefined ? \"pl-[26px]\" : undefined;\n\n  const displayTags = showTags ? getDisplayConversationTags(tags) : [];\n\n  return (\n    <div\n      className={cn(\n        \"flex flex-col gap-0.5 mt-0.5 w-full min-w-0\",\n        isPaused && \"opacity-60\",\n      )}\n    >\n      <div\n        className={cn(\n          \"flex flex-row items-center gap-2 w-full min-w-0\",\n          showRepositoryMetadata && metadataIndentClass,\n        )}\n      >\n        {showRepositoryMetadata &&\n          (selectedRepository?.selected_repository ? (\n            <ConversationRepoLink selectedRepository={selectedRepository} />\n          ) : (\n            <NoRepository workspaceWorkingDir={workspaceWorkingDir} />\n          ))}\n        <div className=\"flex items-center gap-2 shrink-0 ml-auto\">\n          {showTimestamp && (createdAt ?? lastUpdatedAt) && (\n            <p className=\"text-xs text-[var(--oh-muted)] text-right\">\n              <time>\n                {`${formatTimeDelta(lastUpdatedAt ?? createdAt)} ${t(I18nKey.CONVERSATION$AGO)}`}\n              </time>\n            </p>\n          )}\n        </div>\n      </div>\n      {chip ? (\n        <div className={metadataIndentClass}>\n          <span\n            data-testid=\"conversation-card-agent-chip\"\n            className={CONVERSATION_CARD_META_CHIP_CLASSNAME}\n            title={chip.tooltip}\n          >\n            {/* Same line-height slot as tag chips; width flexes for the wider OpenHands mark. */}\n            <span\n              className=\"inline-flex h-4 shrink-0 items-center justify-center [&_svg]:block\"\n              aria-hidden\n            >\n              <AgentBrandIcon kind={chip.kind} size={12} />\n            </span>\n            <span className=\"truncate leading-4\">{chip.text}</span>\n          </span>\n        </div>\n      ) : null}\n      {displayTags.length > 0 ? (\n        <div className={metadataIndentClass}>\n          <ConversationTagChips tags={displayTags} />\n        </div>\n      ) : null}\n    </div>\n  );\n}\n"],"mappings":"0tBAkEA,SAAgB,EAAuB,CACrC,qBACA,gBACA,YACA,kBACA,sBACA,yBAAyB,GACzB,gBAAgB,GAChB,WACA,gBAAgB,GAChB,YAAY,KACZ,YAAY,KACZ,OAAO,KACP,WAAW,IACmB,CAC9B,GAAM,CAAE,KAAM,EAAA,eAAe,WAAW,EAElC,EAAW,EAAA,kBAAkB,CAAe,EAQ9C,EAIO,KACX,GAAI,KACE,IAAc,MAAO,CACvB,IAAM,EACJ,EAAA,0BAA0B,CAAS,GACnC,EAAE,EAAA,QAAQ,8BAA8B,EAIpC,EAAa,EAAA,iBAAiB,EAAW,CAAQ,EACjD,EAAO,GAAc,EAC3B,EAAO,CACL,KAAM,EAAA,uBAAuB,CAAS,EACtC,OACA,QAAS,EAAa,GAAG,EAAa,KAAK,IAAe,CAC5D,CACF,MAAW,IAGT,EAAO,CACL,KAAM,YACN,KAAM,EAAA,sBAAsB,CAAQ,GAAK,EACzC,QAAS,CACX,GAKJ,IAAM,EACJ,IAAoB,IAAA,GAA0B,IAAA,GAAd,YAE5B,EAAc,EAAW,EAAA,2BAA2B,CAAI,EAAI,CAAC,EAEnE,OACE,EAAA,EAAA,MAAC,MAAD,CACE,UAAW,EAAA,GACT,8CACA,GAAY,YACd,WAJF,EAME,EAAA,EAAA,MAAC,MAAD,CACE,UAAW,EAAA,GACT,kDACA,GAA0B,CAC5B,WAJF,CAMG,IACE,GAAoB,qBACnB,EAAA,EAAA,KAAC,EAAA,qBAAD,CAA0C,oBAAqB,CAAA,GAE/D,EAAA,EAAA,KAAC,EAAA,aAAD,CAAmC,qBAAsB,CAAA,IAE7D,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,oDACZ,IAAkB,GAAa,KAC9B,EAAA,EAAA,KAAC,IAAD,CAAG,UAAU,sDACX,EAAA,EAAA,KAAC,OAAD,CAAA,SACG,GAAG,EAAA,gBAAgB,GAAiB,CAAS,EAAE,GAAG,EAAE,EAAA,QAAQ,gBAAgB,GACzE,CAAA,CACL,CAAA,CAEF,CAAA,CACF,IACJ,GACC,EAAA,EAAA,KAAC,MAAD,CAAK,UAAW,YACd,EAAA,EAAA,MAAC,OAAD,CACE,cAAY,+BACZ,UAAW,EAAA,sCACX,MAAO,EAAK,iBAHd,EAME,EAAA,EAAA,KAAC,OAAD,CACE,UAAU,qEACV,cAAA,aAEA,EAAA,EAAA,KAAC,EAAA,eAAD,CAAgB,KAAM,EAAK,KAAM,KAAM,EAAK,CAAA,CACxC,CAAA,GACN,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,8BAAsB,EAAK,IAAW,CAAA,CAClD,GACH,CAAA,EACH,KACH,EAAY,OAAS,GACpB,EAAA,EAAA,KAAC,MAAD,CAAK,UAAW,YACd,EAAA,EAAA,KAAC,EAAA,qBAAD,CAAsB,KAAM,CAAc,CAAA,CACvC,CAAA,EACH,IACD,GAET"}
+{"version":3,"file":"conversation-card-footer.cjs","names":[],"sources":["../../../../../src/components/features/conversation-panel/conversation-card/conversation-card-footer.tsx"],"sourcesContent":["import { useTranslation } from \"react-i18next\";\nimport { formatTimeDelta } from \"#/utils/format-time-delta\";\nimport { cn } from \"#/utils/utils\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { RepositorySelection } from \"#/api/open-hands.types\";\nimport { ExecutionStatus } from \"#/types/agent-server/core/base/common\";\nimport { isExecutionPaused } from \"#/utils/status\";\nimport {\n  getAcpProviderDisplayName,\n  labelForAcpModel,\n  resolveAcpProviderIcon,\n} from \"#/constants/acp-providers\";\nimport { formatNativeModelName } from \"#/utils/format-model-name\";\nimport {\n  AgentBrandIcon,\n  type AgentBrandIconKind,\n} from \"#/components/shared/agent-brand-icon\";\nimport { getDisplayConversationTags } from \"#/api/agent-server-adapter\";\nimport { ConversationRepoLink } from \"./conversation-repo-link\";\nimport { NoRepository } from \"./no-repository\";\nimport { ConversationTagChips } from \"./conversation-tag-chips\";\nimport { CONVERSATION_CARD_META_CHIP_CLASSNAME } from \"./conversation-card-meta-chip\";\n\ninterface ConversationCardFooterProps {\n  selectedRepository: RepositorySelection | null;\n  lastUpdatedAt: string;\n  createdAt?: string;\n  executionStatus?: ExecutionStatus | null;\n  workspaceWorkingDir?: string | null;\n  showRepositoryMetadata?: boolean;\n  showTimestamp?: boolean;\n  llmModel?: string | null;\n  /**\n   * Whether to render the agent/model chip. Wired to the conversation\n   * panel's \"LLM model\" toggle; gates the chip uniformly\n   * for both ACP and OpenHands cards.\n   */\n  showAgentChip?: boolean;\n  /**\n   * High-level kind of the conversation's agent. Drives the chip's icon:\n   * the OpenHands logo for native conversations and the resolved ACP brand\n   * mark for ACP conversations. Defensive against stray ``acpServer``\n   * values reaching an OpenHands card.\n   */\n  agentKind?: \"openhands\" | \"acp\" | null;\n  /**\n   * Registry key of the ACP CLI server (``\"claude-code\"`` / ``\"codex\"`` /\n   * ``\"gemini-cli\"`` / unknown / null). Resolved to a human display name\n   * via {@link getAcpProviderDisplayName}; unknown / null falls back to\n   * a generic \"ACP\" label so a Custom-command preset still produces a\n   * useful chip.\n   */\n  acpServer?: string | null;\n  /**\n   * Server-side conversation tags (``AppConversation.tags``). Non-reserved\n   * entries render as value-only chips so API-/automation-born\n   * conversations can surface attribution (e.g. ``origin: slack`` → ``slack``).\n   */\n  tags?: Record<string, string> | null;\n  /**\n   * Whether to render the tag-chip row. Wired to the conversation panel's\n   * \"Tags\" toggle.\n   */\n  showTags?: boolean;\n  /**\n   * Marks the conversation as archived. Archived rows are hidden from the list\n   * unless the panel's \"Show archived\" toggle is on, so the chip is what tells\n   * the user why an otherwise ordinary row is visible.\n   */\n  isArchived?: boolean;\n}\n\nexport function ConversationCardFooter({\n  selectedRepository,\n  lastUpdatedAt,\n  createdAt,\n  executionStatus,\n  workspaceWorkingDir,\n  showRepositoryMetadata = true,\n  showTimestamp = true,\n  llmModel,\n  showAgentChip = false,\n  agentKind = null,\n  acpServer = null,\n  tags = null,\n  showTags = false,\n  isArchived = false,\n}: ConversationCardFooterProps) {\n  const { t } = useTranslation(\"openhands\");\n\n  const isPaused = isExecutionPaused(executionStatus);\n\n  // Single inline chip per conversation: [brand mark] {model text}. Gated by\n  // the conversation panel's \"LLM model\" toggle and applied\n  // uniformly to both kinds — OpenHands shows the logo + ``agent.llm.model``;\n  // ACP shows the provider brand mark + model resolved through PR 730's\n  // adapter chain, falling back to the provider display name when no model is\n  // available so the chip never collapses to icon-only.\n  let chip: {\n    kind: AgentBrandIconKind;\n    text: string;\n    tooltip: string;\n  } | null = null;\n  if (showAgentChip) {\n    if (agentKind === \"acp\") {\n      const providerName =\n        getAcpProviderDisplayName(acpServer) ??\n        t(I18nKey.CONVERSATION$ACP_AGENT_GENERIC);\n      // Prefer the provider's picker label (e.g. \"Claude Opus 4.7\") over the\n      // raw ``acp_model`` ID; falls back to the raw ID for custom overrides\n      // and to the provider name when there's no model at all.\n      const modelLabel = labelForAcpModel(acpServer, llmModel);\n      const text = modelLabel ?? providerName;\n      chip = {\n        kind: resolveAcpProviderIcon(acpServer),\n        text,\n        tooltip: modelLabel ? `${providerName} · ${modelLabel}` : providerName,\n      };\n    } else if (llmModel) {\n      // Strip the routing prefix (e.g. \"anthropic/claude-…\" → \"claude-…\") for\n      // the chip text; keep the full routing string in the tooltip.\n      chip = {\n        kind: \"openhands\",\n        text: formatNativeModelName(llmModel) ?? llmModel,\n        tooltip: llmModel,\n      };\n    }\n  }\n\n  // Match title text start: 18px status column + gap-2 (8px).\n  const metadataIndentClass =\n    executionStatus !== undefined ? \"pl-[26px]\" : undefined;\n\n  const displayTags = showTags ? getDisplayConversationTags(tags) : [];\n\n  return (\n    <div\n      className={cn(\n        \"flex flex-col gap-0.5 mt-0.5 w-full min-w-0\",\n        isPaused && \"opacity-60\",\n      )}\n    >\n      <div\n        className={cn(\n          \"flex flex-row items-center gap-2 w-full min-w-0\",\n          showRepositoryMetadata && metadataIndentClass,\n        )}\n      >\n        {showRepositoryMetadata &&\n          (selectedRepository?.selected_repository ? (\n            <ConversationRepoLink selectedRepository={selectedRepository} />\n          ) : (\n            <NoRepository workspaceWorkingDir={workspaceWorkingDir} />\n          ))}\n        <div className=\"flex items-center gap-2 shrink-0 ml-auto\">\n          {showTimestamp && (createdAt ?? lastUpdatedAt) && (\n            <p className=\"text-xs text-[var(--oh-muted)] text-right\">\n              <time>\n                {`${formatTimeDelta(lastUpdatedAt ?? createdAt)} ${t(I18nKey.CONVERSATION$AGO)}`}\n              </time>\n            </p>\n          )}\n        </div>\n      </div>\n      {chip ? (\n        <div className={metadataIndentClass}>\n          <span\n            data-testid=\"conversation-card-agent-chip\"\n            className={CONVERSATION_CARD_META_CHIP_CLASSNAME}\n            title={chip.tooltip}\n          >\n            {/* Same line-height slot as tag chips; width flexes for the wider OpenHands mark. */}\n            <span\n              className=\"inline-flex h-4 shrink-0 items-center justify-center [&_svg]:block\"\n              aria-hidden\n            >\n              <AgentBrandIcon kind={chip.kind} size={12} />\n            </span>\n            <span className=\"truncate leading-4\">{chip.text}</span>\n          </span>\n        </div>\n      ) : null}\n      {isArchived ? (\n        <div className={metadataIndentClass}>\n          <span\n            data-testid=\"conversation-card-archived-chip\"\n            className={CONVERSATION_CARD_META_CHIP_CLASSNAME}\n          >\n            {t(I18nKey.COMMON$ARCHIVED)}\n          </span>\n        </div>\n      ) : null}\n      {displayTags.length > 0 ? (\n        <div className={metadataIndentClass}>\n          <ConversationTagChips tags={displayTags} />\n        </div>\n      ) : null}\n    </div>\n  );\n}\n"],"mappings":"0tBAwEA,SAAgB,EAAuB,CACrC,qBACA,gBACA,YACA,kBACA,sBACA,yBAAyB,GACzB,gBAAgB,GAChB,WACA,gBAAgB,GAChB,YAAY,KACZ,YAAY,KACZ,OAAO,KACP,WAAW,GACX,aAAa,IACiB,CAC9B,GAAM,CAAE,KAAM,EAAA,eAAe,WAAW,EAElC,EAAW,EAAA,kBAAkB,CAAe,EAQ9C,EAIO,KACX,GAAI,KACE,IAAc,MAAO,CACvB,IAAM,EACJ,EAAA,0BAA0B,CAAS,GACnC,EAAE,EAAA,QAAQ,8BAA8B,EAIpC,EAAa,EAAA,iBAAiB,EAAW,CAAQ,EACjD,EAAO,GAAc,EAC3B,EAAO,CACL,KAAM,EAAA,uBAAuB,CAAS,EACtC,OACA,QAAS,EAAa,GAAG,EAAa,KAAK,IAAe,CAC5D,CACF,MAAW,IAGT,EAAO,CACL,KAAM,YACN,KAAM,EAAA,sBAAsB,CAAQ,GAAK,EACzC,QAAS,CACX,GAKJ,IAAM,EACJ,IAAoB,IAAA,GAA0B,IAAA,GAAd,YAE5B,EAAc,EAAW,EAAA,2BAA2B,CAAI,EAAI,CAAC,EAEnE,OACE,EAAA,EAAA,MAAC,MAAD,CACE,UAAW,EAAA,GACT,8CACA,GAAY,YACd,WAJF,EAME,EAAA,EAAA,MAAC,MAAD,CACE,UAAW,EAAA,GACT,kDACA,GAA0B,CAC5B,WAJF,CAMG,IACE,GAAoB,qBACnB,EAAA,EAAA,KAAC,EAAA,qBAAD,CAA0C,oBAAqB,CAAA,GAE/D,EAAA,EAAA,KAAC,EAAA,aAAD,CAAmC,qBAAsB,CAAA,IAE7D,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,oDACZ,IAAkB,GAAa,KAC9B,EAAA,EAAA,KAAC,IAAD,CAAG,UAAU,sDACX,EAAA,EAAA,KAAC,OAAD,CAAA,SACG,GAAG,EAAA,gBAAgB,GAAiB,CAAS,EAAE,GAAG,EAAE,EAAA,QAAQ,gBAAgB,GACzE,CAAA,CACL,CAAA,CAEF,CAAA,CACF,IACJ,GACC,EAAA,EAAA,KAAC,MAAD,CAAK,UAAW,YACd,EAAA,EAAA,MAAC,OAAD,CACE,cAAY,+BACZ,UAAW,EAAA,sCACX,MAAO,EAAK,iBAHd,EAME,EAAA,EAAA,KAAC,OAAD,CACE,UAAU,qEACV,cAAA,aAEA,EAAA,EAAA,KAAC,EAAA,eAAD,CAAgB,KAAM,EAAK,KAAM,KAAM,EAAK,CAAA,CACxC,CAAA,GACN,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,8BAAsB,EAAK,IAAW,CAAA,CAClD,GACH,CAAA,EACH,KACH,GACC,EAAA,EAAA,KAAC,MAAD,CAAK,UAAW,YACd,EAAA,EAAA,KAAC,OAAD,CACE,cAAY,kCACZ,UAAW,EAAA,+CAEV,EAAE,EAAA,QAAQ,eAAe,CACtB,CAAA,CACH,CAAA,EACH,KACH,EAAY,OAAS,GACpB,EAAA,EAAA,KAAC,MAAD,CAAK,UAAW,YACd,EAAA,EAAA,KAAC,EAAA,qBAAD,CAAsB,KAAM,CAAc,CAAA,CACvC,CAAA,EACH,IACD,GAET"}

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

@@ -41,6 +41,12 @@ interface ConversationCardFooterProps {
      * "Tags" toggle.
      */
     showTags?: boolean;
+    /**
+     * Marks the conversation as archived. Archived rows are hidden from the list
+     * unless the panel's "Show archived" toggle is on, so the chip is what tells
+     * the user why an otherwise ordinary row is visible.
+     */
+    isArchived?: boolean;
 }
-export declare function ConversationCardFooter({ selectedRepository, lastUpdatedAt, createdAt, executionStatus, workspaceWorkingDir, showRepositoryMetadata, showTimestamp, llmModel, showAgentChip, agentKind, acpServer, tags, showTags, }: ConversationCardFooterProps): import("react").JSX.Element;
+export declare function ConversationCardFooter({ selectedRepository, lastUpdatedAt, createdAt, executionStatus, workspaceWorkingDir, showRepositoryMetadata, showTimestamp, llmModel, showAgentChip, agentKind, acpServer, tags, showTags, isArchived, }: ConversationCardFooterProps): import("react").JSX.Element;
 export {};

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

@@ -13,56 +13,64 @@ import { NoRepository as p } from "./no-repository.js";
 import { ConversationTagChips as m } from "./conversation-tag-chips.js";
 import { jsx as h, jsxs as g } from "react/jsx-runtime";
 //#region src/components/features/conversation-panel/conversation-card/conversation-card-footer.tsx
-function _({ selectedRepository: _, lastUpdatedAt: v, createdAt: y, executionStatus: b, workspaceWorkingDir: x, showRepositoryMetadata: S = !0, showTimestamp: C = !0, llmModel: w, showAgentChip: T = !1, agentKind: E = null, acpServer: D = null, tags: O = null, showTags: k = !1 }) {
-	let { t: A } = e("openhands"), j = n(b), M = null;
+function _({ selectedRepository: _, lastUpdatedAt: v, createdAt: y, executionStatus: b, workspaceWorkingDir: x, showRepositoryMetadata: S = !0, showTimestamp: C = !0, llmModel: w, showAgentChip: T = !1, agentKind: E = null, acpServer: D = null, tags: O = null, showTags: k = !1, isArchived: A = !1 }) {
+	let { t: j } = e("openhands"), M = n(b), N = null;
 	if (T) if (E === "acp") {
-		let e = i(D) ?? A(t.CONVERSATION$ACP_AGENT_GENERIC), n = a(D, w), r = n ?? e;
-		M = {
+		let e = i(D) ?? j(t.CONVERSATION$ACP_AGENT_GENERIC), n = a(D, w), r = n ?? e;
+		N = {
 			kind: o(D),
 			text: r,
 			tooltip: n ? `${e} · ${n}` : e
 		};
-	} else w && (M = {
+	} else w && (N = {
 		kind: "openhands",
 		text: c(w) ?? w,
 		tooltip: w
 	});
-	let N = b === void 0 ? void 0 : "pl-[26px]", P = k ? s(O) : [];
+	let P = b === void 0 ? void 0 : "pl-[26px]", F = k ? s(O) : [];
 	return /* @__PURE__ */ g("div", {
-		className: r("flex flex-col gap-0.5 mt-0.5 w-full min-w-0", j && "opacity-60"),
+		className: r("flex flex-col gap-0.5 mt-0.5 w-full min-w-0", M && "opacity-60"),
 		children: [
 			/* @__PURE__ */ g("div", {
-				className: r("flex flex-row items-center gap-2 w-full min-w-0", S && N),
+				className: r("flex flex-row items-center gap-2 w-full min-w-0", S && P),
 				children: [S && (_?.selected_repository ? /* @__PURE__ */ h(f, { selectedRepository: _ }) : /* @__PURE__ */ h(p, { workspaceWorkingDir: x })), /* @__PURE__ */ h("div", {
 					className: "flex items-center gap-2 shrink-0 ml-auto",
 					children: C && (y ?? v) && /* @__PURE__ */ h("p", {
 						className: "text-xs text-[var(--oh-muted)] text-right",
-						children: /* @__PURE__ */ h("time", { children: `${l(v ?? y)} ${A(t.CONVERSATION$AGO)}` })
+						children: /* @__PURE__ */ h("time", { children: `${l(v ?? y)} ${j(t.CONVERSATION$AGO)}` })
 					})
 				})]
 			}),
-			M ? /* @__PURE__ */ h("div", {
-				className: N,
+			N ? /* @__PURE__ */ h("div", {
+				className: P,
 				children: /* @__PURE__ */ g("span", {
 					"data-testid": "conversation-card-agent-chip",
 					className: d,
-					title: M.tooltip,
+					title: N.tooltip,
 					children: [/* @__PURE__ */ h("span", {
 						className: "inline-flex h-4 shrink-0 items-center justify-center [&_svg]:block",
 						"aria-hidden": !0,
 						children: /* @__PURE__ */ h(u, {
-							kind: M.kind,
+							kind: N.kind,
 							size: 12
 						})
 					}), /* @__PURE__ */ h("span", {
 						className: "truncate leading-4",
-						children: M.text
+						children: N.text
 					})]
 				})
 			}) : null,
-			P.length > 0 ? /* @__PURE__ */ h("div", {
-				className: N,
-				children: /* @__PURE__ */ h(m, { tags: P })
+			A ? /* @__PURE__ */ h("div", {
+				className: P,
+				children: /* @__PURE__ */ h("span", {
+					"data-testid": "conversation-card-archived-chip",
+					className: d,
+					children: j(t.COMMON$ARCHIVED)
+				})
+			}) : null,
+			F.length > 0 ? /* @__PURE__ */ h("div", {
+				className: P,
+				children: /* @__PURE__ */ h(m, { tags: F })
 			}) : null
 		]
 	});

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

@@ -1 +1 @@
-{"version":3,"file":"conversation-card-footer.js","names":[],"sources":["../../../../../src/components/features/conversation-panel/conversation-card/conversation-card-footer.tsx"],"sourcesContent":["import { useTranslation } from \"react-i18next\";\nimport { formatTimeDelta } from \"#/utils/format-time-delta\";\nimport { cn } from \"#/utils/utils\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { RepositorySelection } from \"#/api/open-hands.types\";\nimport { ExecutionStatus } from \"#/types/agent-server/core/base/common\";\nimport { isExecutionPaused } from \"#/utils/status\";\nimport {\n  getAcpProviderDisplayName,\n  labelForAcpModel,\n  resolveAcpProviderIcon,\n} from \"#/constants/acp-providers\";\nimport { formatNativeModelName } from \"#/utils/format-model-name\";\nimport {\n  AgentBrandIcon,\n  type AgentBrandIconKind,\n} from \"#/components/shared/agent-brand-icon\";\nimport { getDisplayConversationTags } from \"#/api/agent-server-adapter\";\nimport { ConversationRepoLink } from \"./conversation-repo-link\";\nimport { NoRepository } from \"./no-repository\";\nimport { ConversationTagChips } from \"./conversation-tag-chips\";\nimport { CONVERSATION_CARD_META_CHIP_CLASSNAME } from \"./conversation-card-meta-chip\";\n\ninterface ConversationCardFooterProps {\n  selectedRepository: RepositorySelection | null;\n  lastUpdatedAt: string;\n  createdAt?: string;\n  executionStatus?: ExecutionStatus | null;\n  workspaceWorkingDir?: string | null;\n  showRepositoryMetadata?: boolean;\n  showTimestamp?: boolean;\n  llmModel?: string | null;\n  /**\n   * Whether to render the agent/model chip. Wired to the conversation\n   * panel's \"LLM model\" toggle; gates the chip uniformly\n   * for both ACP and OpenHands cards.\n   */\n  showAgentChip?: boolean;\n  /**\n   * High-level kind of the conversation's agent. Drives the chip's icon:\n   * the OpenHands logo for native conversations and the resolved ACP brand\n   * mark for ACP conversations. Defensive against stray ``acpServer``\n   * values reaching an OpenHands card.\n   */\n  agentKind?: \"openhands\" | \"acp\" | null;\n  /**\n   * Registry key of the ACP CLI server (``\"claude-code\"`` / ``\"codex\"`` /\n   * ``\"gemini-cli\"`` / unknown / null). Resolved to a human display name\n   * via {@link getAcpProviderDisplayName}; unknown / null falls back to\n   * a generic \"ACP\" label so a Custom-command preset still produces a\n   * useful chip.\n   */\n  acpServer?: string | null;\n  /**\n   * Server-side conversation tags (``AppConversation.tags``). Non-reserved\n   * entries render as value-only chips so API-/automation-born\n   * conversations can surface attribution (e.g. ``origin: slack`` → ``slack``).\n   */\n  tags?: Record<string, string> | null;\n  /**\n   * Whether to render the tag-chip row. Wired to the conversation panel's\n   * \"Tags\" toggle.\n   */\n  showTags?: boolean;\n}\n\nexport function ConversationCardFooter({\n  selectedRepository,\n  lastUpdatedAt,\n  createdAt,\n  executionStatus,\n  workspaceWorkingDir,\n  showRepositoryMetadata = true,\n  showTimestamp = true,\n  llmModel,\n  showAgentChip = false,\n  agentKind = null,\n  acpServer = null,\n  tags = null,\n  showTags = false,\n}: ConversationCardFooterProps) {\n  const { t } = useTranslation(\"openhands\");\n\n  const isPaused = isExecutionPaused(executionStatus);\n\n  // Single inline chip per conversation: [brand mark] {model text}. Gated by\n  // the conversation panel's \"LLM model\" toggle and applied\n  // uniformly to both kinds — OpenHands shows the logo + ``agent.llm.model``;\n  // ACP shows the provider brand mark + model resolved through PR 730's\n  // adapter chain, falling back to the provider display name when no model is\n  // available so the chip never collapses to icon-only.\n  let chip: {\n    kind: AgentBrandIconKind;\n    text: string;\n    tooltip: string;\n  } | null = null;\n  if (showAgentChip) {\n    if (agentKind === \"acp\") {\n      const providerName =\n        getAcpProviderDisplayName(acpServer) ??\n        t(I18nKey.CONVERSATION$ACP_AGENT_GENERIC);\n      // Prefer the provider's picker label (e.g. \"Claude Opus 4.7\") over the\n      // raw ``acp_model`` ID; falls back to the raw ID for custom overrides\n      // and to the provider name when there's no model at all.\n      const modelLabel = labelForAcpModel(acpServer, llmModel);\n      const text = modelLabel ?? providerName;\n      chip = {\n        kind: resolveAcpProviderIcon(acpServer),\n        text,\n        tooltip: modelLabel ? `${providerName} · ${modelLabel}` : providerName,\n      };\n    } else if (llmModel) {\n      // Strip the routing prefix (e.g. \"anthropic/claude-…\" → \"claude-…\") for\n      // the chip text; keep the full routing string in the tooltip.\n      chip = {\n        kind: \"openhands\",\n        text: formatNativeModelName(llmModel) ?? llmModel,\n        tooltip: llmModel,\n      };\n    }\n  }\n\n  // Match title text start: 18px status column + gap-2 (8px).\n  const metadataIndentClass =\n    executionStatus !== undefined ? \"pl-[26px]\" : undefined;\n\n  const displayTags = showTags ? getDisplayConversationTags(tags) : [];\n\n  return (\n    <div\n      className={cn(\n        \"flex flex-col gap-0.5 mt-0.5 w-full min-w-0\",\n        isPaused && \"opacity-60\",\n      )}\n    >\n      <div\n        className={cn(\n          \"flex flex-row items-center gap-2 w-full min-w-0\",\n          showRepositoryMetadata && metadataIndentClass,\n        )}\n      >\n        {showRepositoryMetadata &&\n          (selectedRepository?.selected_repository ? (\n            <ConversationRepoLink selectedRepository={selectedRepository} />\n          ) : (\n            <NoRepository workspaceWorkingDir={workspaceWorkingDir} />\n          ))}\n        <div className=\"flex items-center gap-2 shrink-0 ml-auto\">\n          {showTimestamp && (createdAt ?? lastUpdatedAt) && (\n            <p className=\"text-xs text-[var(--oh-muted)] text-right\">\n              <time>\n                {`${formatTimeDelta(lastUpdatedAt ?? createdAt)} ${t(I18nKey.CONVERSATION$AGO)}`}\n              </time>\n            </p>\n          )}\n        </div>\n      </div>\n      {chip ? (\n        <div className={metadataIndentClass}>\n          <span\n            data-testid=\"conversation-card-agent-chip\"\n            className={CONVERSATION_CARD_META_CHIP_CLASSNAME}\n            title={chip.tooltip}\n          >\n            {/* Same line-height slot as tag chips; width flexes for the wider OpenHands mark. */}\n            <span\n              className=\"inline-flex h-4 shrink-0 items-center justify-center [&_svg]:block\"\n              aria-hidden\n            >\n              <AgentBrandIcon kind={chip.kind} size={12} />\n            </span>\n            <span className=\"truncate leading-4\">{chip.text}</span>\n          </span>\n        </div>\n      ) : null}\n      {displayTags.length > 0 ? (\n        <div className={metadataIndentClass}>\n          <ConversationTagChips tags={displayTags} />\n        </div>\n      ) : null}\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;AAkEA,SAAgB,EAAuB,EACrC,uBACA,kBACA,cACA,oBACA,wBACA,4BAAyB,IACzB,mBAAgB,IAChB,aACA,mBAAgB,IAChB,eAAY,MACZ,eAAY,MACZ,UAAO,MACP,cAAW,MACmB;CAC9B,IAAM,EAAE,SAAM,EAAe,WAAW,GAElC,IAAW,EAAkB,CAAe,GAQ9C,IAIO;CACX,IAAI,OACE,MAAc,OAAO;EACvB,IAAM,IACJ,EAA0B,CAAS,KACnC,EAAE,EAAQ,8BAA8B,GAIpC,IAAa,EAAiB,GAAW,CAAQ,GACjD,IAAO,KAAc;EAC3B,IAAO;GACL,MAAM,EAAuB,CAAS;GACtC;GACA,SAAS,IAAa,GAAG,EAAa,KAAK,MAAe;EAC5D;CACF,OAAO,AAAI,MAGT,IAAO;EACL,MAAM;EACN,MAAM,EAAsB,CAAQ,KAAK;EACzC,SAAS;CACX;CAKJ,IAAM,IACJ,MAAoB,KAAA,IAA0B,KAAA,IAAd,aAE5B,IAAc,IAAW,EAA2B,CAAI,IAAI,CAAC;CAEnE,OACE,kBAAC,OAAD;EACE,WAAW,EACT,+CACA,KAAY,YACd;YAJF;GAME,kBAAC,OAAD;IACE,WAAW,EACT,mDACA,KAA0B,CAC5B;cAJF,CAMG,MACE,GAAoB,sBACnB,kBAAC,GAAD,EAA0C,sBAAqB,CAAA,IAE/D,kBAAC,GAAD,EAAmC,uBAAsB,CAAA,IAE7D,kBAAC,OAAD;KAAK,WAAU;eACZ,MAAkB,KAAa,MAC9B,kBAAC,KAAD;MAAG,WAAU;gBACX,kBAAC,QAAD,EAAA,UACG,GAAG,EAAgB,KAAiB,CAAS,EAAE,GAAG,EAAE,EAAQ,gBAAgB,IACzE,CAAA;KACL,CAAA;IAEF,CAAA,CACF;;GACJ,IACC,kBAAC,OAAD;IAAK,WAAW;cACd,kBAAC,QAAD;KACE,eAAY;KACZ,WAAW;KACX,OAAO,EAAK;eAHd,CAME,kBAAC,QAAD;MACE,WAAU;MACV,eAAA;gBAEA,kBAAC,GAAD;OAAgB,MAAM,EAAK;OAAM,MAAM;MAAK,CAAA;KACxC,CAAA,GACN,kBAAC,QAAD;MAAM,WAAU;gBAAsB,EAAK;KAAW,CAAA,CAClD;;GACH,CAAA,IACH;GACH,EAAY,SAAS,IACpB,kBAAC,OAAD;IAAK,WAAW;cACd,kBAAC,GAAD,EAAsB,MAAM,EAAc,CAAA;GACvC,CAAA,IACH;EACD;;AAET"}
+{"version":3,"file":"conversation-card-footer.js","names":[],"sources":["../../../../../src/components/features/conversation-panel/conversation-card/conversation-card-footer.tsx"],"sourcesContent":["import { useTranslation } from \"react-i18next\";\nimport { formatTimeDelta } from \"#/utils/format-time-delta\";\nimport { cn } from \"#/utils/utils\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { RepositorySelection } from \"#/api/open-hands.types\";\nimport { ExecutionStatus } from \"#/types/agent-server/core/base/common\";\nimport { isExecutionPaused } from \"#/utils/status\";\nimport {\n  getAcpProviderDisplayName,\n  labelForAcpModel,\n  resolveAcpProviderIcon,\n} from \"#/constants/acp-providers\";\nimport { formatNativeModelName } from \"#/utils/format-model-name\";\nimport {\n  AgentBrandIcon,\n  type AgentBrandIconKind,\n} from \"#/components/shared/agent-brand-icon\";\nimport { getDisplayConversationTags } from \"#/api/agent-server-adapter\";\nimport { ConversationRepoLink } from \"./conversation-repo-link\";\nimport { NoRepository } from \"./no-repository\";\nimport { ConversationTagChips } from \"./conversation-tag-chips\";\nimport { CONVERSATION_CARD_META_CHIP_CLASSNAME } from \"./conversation-card-meta-chip\";\n\ninterface ConversationCardFooterProps {\n  selectedRepository: RepositorySelection | null;\n  lastUpdatedAt: string;\n  createdAt?: string;\n  executionStatus?: ExecutionStatus | null;\n  workspaceWorkingDir?: string | null;\n  showRepositoryMetadata?: boolean;\n  showTimestamp?: boolean;\n  llmModel?: string | null;\n  /**\n   * Whether to render the agent/model chip. Wired to the conversation\n   * panel's \"LLM model\" toggle; gates the chip uniformly\n   * for both ACP and OpenHands cards.\n   */\n  showAgentChip?: boolean;\n  /**\n   * High-level kind of the conversation's agent. Drives the chip's icon:\n   * the OpenHands logo for native conversations and the resolved ACP brand\n   * mark for ACP conversations. Defensive against stray ``acpServer``\n   * values reaching an OpenHands card.\n   */\n  agentKind?: \"openhands\" | \"acp\" | null;\n  /**\n   * Registry key of the ACP CLI server (``\"claude-code\"`` / ``\"codex\"`` /\n   * ``\"gemini-cli\"`` / unknown / null). Resolved to a human display name\n   * via {@link getAcpProviderDisplayName}; unknown / null falls back to\n   * a generic \"ACP\" label so a Custom-command preset still produces a\n   * useful chip.\n   */\n  acpServer?: string | null;\n  /**\n   * Server-side conversation tags (``AppConversation.tags``). Non-reserved\n   * entries render as value-only chips so API-/automation-born\n   * conversations can surface attribution (e.g. ``origin: slack`` → ``slack``).\n   */\n  tags?: Record<string, string> | null;\n  /**\n   * Whether to render the tag-chip row. Wired to the conversation panel's\n   * \"Tags\" toggle.\n   */\n  showTags?: boolean;\n  /**\n   * Marks the conversation as archived. Archived rows are hidden from the list\n   * unless the panel's \"Show archived\" toggle is on, so the chip is what tells\n   * the user why an otherwise ordinary row is visible.\n   */\n  isArchived?: boolean;\n}\n\nexport function ConversationCardFooter({\n  selectedRepository,\n  lastUpdatedAt,\n  createdAt,\n  executionStatus,\n  workspaceWorkingDir,\n  showRepositoryMetadata = true,\n  showTimestamp = true,\n  llmModel,\n  showAgentChip = false,\n  agentKind = null,\n  acpServer = null,\n  tags = null,\n  showTags = false,\n  isArchived = false,\n}: ConversationCardFooterProps) {\n  const { t } = useTranslation(\"openhands\");\n\n  const isPaused = isExecutionPaused(executionStatus);\n\n  // Single inline chip per conversation: [brand mark] {model text}. Gated by\n  // the conversation panel's \"LLM model\" toggle and applied\n  // uniformly to both kinds — OpenHands shows the logo + ``agent.llm.model``;\n  // ACP shows the provider brand mark + model resolved through PR 730's\n  // adapter chain, falling back to the provider display name when no model is\n  // available so the chip never collapses to icon-only.\n  let chip: {\n    kind: AgentBrandIconKind;\n    text: string;\n    tooltip: string;\n  } | null = null;\n  if (showAgentChip) {\n    if (agentKind === \"acp\") {\n      const providerName =\n        getAcpProviderDisplayName(acpServer) ??\n        t(I18nKey.CONVERSATION$ACP_AGENT_GENERIC);\n      // Prefer the provider's picker label (e.g. \"Claude Opus 4.7\") over the\n      // raw ``acp_model`` ID; falls back to the raw ID for custom overrides\n      // and to the provider name when there's no model at all.\n      const modelLabel = labelForAcpModel(acpServer, llmModel);\n      const text = modelLabel ?? providerName;\n      chip = {\n        kind: resolveAcpProviderIcon(acpServer),\n        text,\n        tooltip: modelLabel ? `${providerName} · ${modelLabel}` : providerName,\n      };\n    } else if (llmModel) {\n      // Strip the routing prefix (e.g. \"anthropic/claude-…\" → \"claude-…\") for\n      // the chip text; keep the full routing string in the tooltip.\n      chip = {\n        kind: \"openhands\",\n        text: formatNativeModelName(llmModel) ?? llmModel,\n        tooltip: llmModel,\n      };\n    }\n  }\n\n  // Match title text start: 18px status column + gap-2 (8px).\n  const metadataIndentClass =\n    executionStatus !== undefined ? \"pl-[26px]\" : undefined;\n\n  const displayTags = showTags ? getDisplayConversationTags(tags) : [];\n\n  return (\n    <div\n      className={cn(\n        \"flex flex-col gap-0.5 mt-0.5 w-full min-w-0\",\n        isPaused && \"opacity-60\",\n      )}\n    >\n      <div\n        className={cn(\n          \"flex flex-row items-center gap-2 w-full min-w-0\",\n          showRepositoryMetadata && metadataIndentClass,\n        )}\n      >\n        {showRepositoryMetadata &&\n          (selectedRepository?.selected_repository ? (\n            <ConversationRepoLink selectedRepository={selectedRepository} />\n          ) : (\n            <NoRepository workspaceWorkingDir={workspaceWorkingDir} />\n          ))}\n        <div className=\"flex items-center gap-2 shrink-0 ml-auto\">\n          {showTimestamp && (createdAt ?? lastUpdatedAt) && (\n            <p className=\"text-xs text-[var(--oh-muted)] text-right\">\n              <time>\n                {`${formatTimeDelta(lastUpdatedAt ?? createdAt)} ${t(I18nKey.CONVERSATION$AGO)}`}\n              </time>\n            </p>\n          )}\n        </div>\n      </div>\n      {chip ? (\n        <div className={metadataIndentClass}>\n          <span\n            data-testid=\"conversation-card-agent-chip\"\n            className={CONVERSATION_CARD_META_CHIP_CLASSNAME}\n            title={chip.tooltip}\n          >\n            {/* Same line-height slot as tag chips; width flexes for the wider OpenHands mark. */}\n            <span\n              className=\"inline-flex h-4 shrink-0 items-center justify-center [&_svg]:block\"\n              aria-hidden\n            >\n              <AgentBrandIcon kind={chip.kind} size={12} />\n            </span>\n            <span className=\"truncate leading-4\">{chip.text}</span>\n          </span>\n        </div>\n      ) : null}\n      {isArchived ? (\n        <div className={metadataIndentClass}>\n          <span\n            data-testid=\"conversation-card-archived-chip\"\n            className={CONVERSATION_CARD_META_CHIP_CLASSNAME}\n          >\n            {t(I18nKey.COMMON$ARCHIVED)}\n          </span>\n        </div>\n      ) : null}\n      {displayTags.length > 0 ? (\n        <div className={metadataIndentClass}>\n          <ConversationTagChips tags={displayTags} />\n        </div>\n      ) : null}\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;AAwEA,SAAgB,EAAuB,EACrC,uBACA,kBACA,cACA,oBACA,wBACA,4BAAyB,IACzB,mBAAgB,IAChB,aACA,mBAAgB,IAChB,eAAY,MACZ,eAAY,MACZ,UAAO,MACP,cAAW,IACX,gBAAa,MACiB;CAC9B,IAAM,EAAE,SAAM,EAAe,WAAW,GAElC,IAAW,EAAkB,CAAe,GAQ9C,IAIO;CACX,IAAI,OACE,MAAc,OAAO;EACvB,IAAM,IACJ,EAA0B,CAAS,KACnC,EAAE,EAAQ,8BAA8B,GAIpC,IAAa,EAAiB,GAAW,CAAQ,GACjD,IAAO,KAAc;EAC3B,IAAO;GACL,MAAM,EAAuB,CAAS;GACtC;GACA,SAAS,IAAa,GAAG,EAAa,KAAK,MAAe;EAC5D;CACF,OAAO,AAAI,MAGT,IAAO;EACL,MAAM;EACN,MAAM,EAAsB,CAAQ,KAAK;EACzC,SAAS;CACX;CAKJ,IAAM,IACJ,MAAoB,KAAA,IAA0B,KAAA,IAAd,aAE5B,IAAc,IAAW,EAA2B,CAAI,IAAI,CAAC;CAEnE,OACE,kBAAC,OAAD;EACE,WAAW,EACT,+CACA,KAAY,YACd;YAJF;GAME,kBAAC,OAAD;IACE,WAAW,EACT,mDACA,KAA0B,CAC5B;cAJF,CAMG,MACE,GAAoB,sBACnB,kBAAC,GAAD,EAA0C,sBAAqB,CAAA,IAE/D,kBAAC,GAAD,EAAmC,uBAAsB,CAAA,IAE7D,kBAAC,OAAD;KAAK,WAAU;eACZ,MAAkB,KAAa,MAC9B,kBAAC,KAAD;MAAG,WAAU;gBACX,kBAAC,QAAD,EAAA,UACG,GAAG,EAAgB,KAAiB,CAAS,EAAE,GAAG,EAAE,EAAQ,gBAAgB,IACzE,CAAA;KACL,CAAA;IAEF,CAAA,CACF;;GACJ,IACC,kBAAC,OAAD;IAAK,WAAW;cACd,kBAAC,QAAD;KACE,eAAY;KACZ,WAAW;KACX,OAAO,EAAK;eAHd,CAME,kBAAC,QAAD;MACE,WAAU;MACV,eAAA;gBAEA,kBAAC,GAAD;OAAgB,MAAM,EAAK;OAAM,MAAM;MAAK,CAAA;KACxC,CAAA,GACN,kBAAC,QAAD;MAAM,WAAU;gBAAsB,EAAK;KAAW,CAAA,CAClD;;GACH,CAAA,IACH;GACH,IACC,kBAAC,OAAD;IAAK,WAAW;cACd,kBAAC,QAAD;KACE,eAAY;KACZ,WAAW;eAEV,EAAE,EAAQ,eAAe;IACtB,CAAA;GACH,CAAA,IACH;GACH,EAAY,SAAS,IACpB,kBAAC,OAAD;IAAK,WAAW;cACd,kBAAC,GAAD,EAAsB,MAAM,EAAc,CAAA;GACvC,CAAA,IACH;EACD;;AAET"}

package/dist/components/features/conversation-panel/conversation-card/conversation-card.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/pin.cjs"),i=require("../../../../utils/utils.cjs"),a=require("../../../../api/agent-server-adapter.cjs"),o=require("../../../../api/conversation-service/conversation-service.api.cjs"),ee=require("../../../../hooks/use-tracking.cjs"),te=require("../../../../hooks/use-download-conversation.cjs"),ne=require("../../../../utils/vscode-url-helper.cjs"),s=require("../../../../utils/format-time-delta.cjs"),c=require("./conversation-card-header.cjs"),l=require("./conversation-card-actions.cjs"),u=require("./conversation-card-footer.cjs"),d=require("./conversation-status-badges.cjs");let f=require("react");f=e.__toESM(f,1);let p=require("react/jsx-runtime");function m({onClick:e,onDelete:m,onStop:h,onChangeTitle:g,showOptions:_,title:v,selectedRepository:y,lastUpdatedAt:b,createdAt:x,conversationId:S,executionStatus:C,sandboxStatus:w,contextMenuOpen:T=!1,onContextMenuToggle:E,isActive:D=!1,workspaceWorkingDir:O,showRepositoryMetadata:k=!0,llmModel:A=null,showLlmProfiles:j=!1,agentKind:M=null,acpServer:N=null,tags:P=null,showTags:F=!1,isPinned:I=!1,onTogglePin:L,alwaysShowPinIcon:R=!1}){let{t:z}=t.useTranslation(`openhands`),{trackDownloadVsCodeButtonClicked:B}=ee.useTracking(),[V,H]=f.default.useState(`view`),{mutateAsync:U}=te.useDownloadConversation(),W=e=>{e!==``&&e!==v&&g?.(e),H(`view`)},G=e=>{e.preventDefault(),e.stopPropagation(),m?.(),E?.(!1)},K=e=>{e.preventDefault(),e.stopPropagation(),h?.(),E?.(!1)},q=e=>{e.preventDefault(),e.stopPropagation(),H(`edit`),E?.(!1)},J=async e=>{if(e.preventDefault(),e.stopPropagation(),B(),S)try{let e=await o.default.getVSCodeUrl(S);if(e.vscode_url){let t=ne.transformVSCodeUrl(e.vscode_url);t&&window.open(t,`_blank`)}}catch{}E?.(!1)},Y=async e=>{e.preventDefault(),e.stopPropagation(),S&&await U(S),E?.(!1)},X=e=>{e.preventDefault(),e.stopPropagation(),L?.()},re=()=>(0,p.jsx)(`button`,{type:`button`,"data-testid":S?`conversation-pin-toggle-${S}`:`conversation-pin-toggle`,"aria-pressed":I,"aria-label":z(I?n.I18nKey.CONVERSATION_PANEL$UNPIN_CONVERSATION:n.I18nKey.CONVERSATION_PANEL$PIN_CONVERSATION),onClick:X,className:i.cn(`flex shrink-0 cursor-pointer items-center justify-center rounded-md p-1`,`text-[var(--oh-muted)] hover:bg-white/10 hover:text-white`),children:(0,p.jsx)(r.Pin,{className:i.cn(`h-3.5 w-3.5`,I&&`fill-current`),"aria-hidden":!0})}),Z=!!(m||g||_),Q=Z||!!L,$=R&&I&&!!L,ie=k||j&&(M===`acp`||!!A)||F&&a.getDisplayConversationTags(P).length>0;return(0,p.jsxs)(`div`,{"data-testid":`conversation-card`,"data-context-menu-open":T.toString(),"data-active":D?`true`:`false`,onClick:e,className:i.cn(`group relative h-auto w-full cursor-pointer rounded-md py-1 pl-2 pr-1 transition-colors`,!T&&`hover:bg-[var(--oh-surface)]`,(D||T)&&`bg-[var(--oh-surface)]`),children:[(0,p.jsxs)(`div`,{className:`flex items-center w-full min-w-0`,children:[(0,p.jsxs)(`div`,{className:`flex items-center gap-2 flex-1 min-w-0 overflow-hidden`,children:[(0,p.jsx)(c.ConversationCardHeader,{title:v,titleMode:V,onTitleSave:W,executionStatus:C,sandboxStatus:w}),w===`ERROR`&&(0,p.jsx)(d.ConversationStatusBadges,{})]}),(0,p.jsxs)(`div`,{className:i.cn(`relative ml-auto pl-2 flex items-center justify-end shrink-0`,$?`min-w-[3.75rem]`:Q&&`group-hover:min-w-[3.75rem] group-focus-within:min-w-[3.75rem]`,T&&`min-w-[3.75rem]`),children:[!$&&(x??b)&&(0,p.jsx)(`p`,{className:i.cn(`text-xs text-[var(--oh-muted)] text-right whitespace-nowrap transition-opacity -translate-x-1.5`,Q&&`group-hover:opacity-0 group-focus-within:opacity-0`,T&&`opacity-0`),children:(0,p.jsx)(`time`,{children:s.formatTimeDelta(b??x)})}),Q?(0,p.jsxs)(`div`,{className:i.cn(`absolute right-0 top-1/2 flex -translate-y-1/2 items-center gap-0.5 transition-opacity`,$?`pointer-events-auto visible opacity-100`:i.cn(`pointer-events-none opacity-0 invisible`,`group-hover:pointer-events-auto group-hover:opacity-100 group-hover:visible`,`group-focus-within:pointer-events-auto group-focus-within:opacity-100 group-focus-within:visible`),T&&`pointer-events-auto visible opacity-100`),children:[L?re():null,$&&(x??b)&&Z?(0,p.jsxs)(`div`,{className:`relative shrink-0`,children:[(0,p.jsx)(`div`,{className:i.cn(!T&&`invisible pointer-events-none group-hover:visible group-hover:pointer-events-auto group-focus-within:visible group-focus-within:pointer-events-auto`),children:(0,p.jsx)(l.ConversationCardActions,{contextMenuOpen:T,onContextMenuToggle:E||(()=>{}),onDelete:m&&G,onStop:h&&K,onEdit:g&&q,onDownloadViaVSCode:J,onDownloadConversation:Y,executionStatus:C,conversationId:S,showOptions:_})}),(0,p.jsx)(`p`,{className:i.cn(`pointer-events-none absolute inset-0 flex items-center justify-end`,`text-xs text-[var(--oh-muted)] whitespace-nowrap -translate-x-1.5`,`group-hover:hidden group-focus-within:hidden`,T&&`hidden`),children:(0,p.jsx)(`time`,{children:s.formatTimeDelta(b??x)})})]}):null,!$&&Z?(0,p.jsx)(l.ConversationCardActions,{contextMenuOpen:T,onContextMenuToggle:E||(()=>{}),onDelete:m&&G,onStop:h&&K,onEdit:g&&q,onDownloadViaVSCode:J,onDownloadConversation:Y,executionStatus:C,conversationId:S,showOptions:_}):null]}):null]})]}),ie&&(0,p.jsx)(u.ConversationCardFooter,{selectedRepository:y,lastUpdatedAt:b,createdAt:x,executionStatus:C,workspaceWorkingDir:O,showRepositoryMetadata:k,showTimestamp:!1,llmModel:A,showAgentChip:j,agentKind:M,acpServer:N,tags:P,showTags:F})]})}exports.ConversationCard=m;
+const e=require("../../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../../node_modules/react-i18next/dist/es/useTranslation.cjs"),n=require("../../../../i18n/declaration.cjs"),ee=require("../../../../node_modules/lucide-react/dist/esm/icons/pin.cjs"),r=require("../../../../utils/utils.cjs"),i=require("../../../../api/agent-server-adapter.cjs"),te=require("../../../../api/conversation-service/conversation-service.api.cjs"),ne=require("../../../../hooks/use-tracking.cjs"),re=require("../../../../hooks/use-download-conversation.cjs"),ie=require("../../../../utils/vscode-url-helper.cjs"),a=require("../../../../utils/format-time-delta.cjs"),o=require("../../../../utils/hover-reveal-classes.cjs"),ae=require("./conversation-card-header.cjs"),s=require("./conversation-card-actions.cjs"),oe=require("./conversation-card-footer.cjs"),c=require("./conversation-status-badges.cjs");let l=require("react");l=e.__toESM(l,1);let u=require("react/jsx-runtime");function d({onClick:e,onDelete:d,onArchive:f,onUnarchive:p,onStop:m,onChangeTitle:h,showOptions:g,title:_,selectedRepository:v,lastUpdatedAt:y,createdAt:b,conversationId:x,executionStatus:S,sandboxStatus:C,contextMenuOpen:w=!1,onContextMenuToggle:T,isActive:E=!1,workspaceWorkingDir:se,showRepositoryMetadata:D=!0,llmModel:O=null,showLlmProfiles:k=!1,agentKind:A=null,acpServer:j=null,tags:M=null,showTags:N=!1,isArchived:P=!1,isPinned:F=!1,onTogglePin:I,alwaysShowPinIcon:ce=!1}){let{t:L}=t.useTranslation(`openhands`),{trackDownloadVsCodeButtonClicked:R}=ne.useTracking(),[z,B]=l.default.useState(`view`),{mutateAsync:V}=re.useDownloadConversation(),H=e=>{e!==``&&e!==_&&h?.(e),B(`view`)},U=e=>{e.preventDefault(),e.stopPropagation(),d?.(),T?.(!1)},W=e=>{e.preventDefault(),e.stopPropagation(),f?.(),T?.(!1)},G=e=>{e.preventDefault(),e.stopPropagation(),p?.(),T?.(!1)},K=e=>{e.preventDefault(),e.stopPropagation(),m?.(),T?.(!1)},q=e=>{e.preventDefault(),e.stopPropagation(),B(`edit`),T?.(!1)},J=async e=>{if(e.preventDefault(),e.stopPropagation(),R(),x)try{let e=await te.default.getVSCodeUrl(x);if(e.vscode_url){let t=ie.transformVSCodeUrl(e.vscode_url);t&&window.open(t,`_blank`)}}catch{}T?.(!1)},Y=async e=>{e.preventDefault(),e.stopPropagation(),x&&await V(x),T?.(!1)},X=e=>{e.preventDefault(),e.stopPropagation(),I?.()},le=()=>(0,u.jsx)(`button`,{type:`button`,"data-testid":x?`conversation-pin-toggle-${x}`:`conversation-pin-toggle`,"aria-pressed":F,"aria-label":L(F?n.I18nKey.CONVERSATION_PANEL$UNPIN_CONVERSATION:n.I18nKey.CONVERSATION_PANEL$PIN_CONVERSATION),onClick:X,className:r.cn(`flex shrink-0 cursor-pointer items-center justify-center rounded-md p-1`,`text-[var(--oh-muted)] hover:bg-white/10 hover:text-white`),children:(0,u.jsx)(ee.Pin,{className:r.cn(`h-3.5 w-3.5`,F&&`fill-current`),"aria-hidden":!0})}),Z=!!(d||f||p||h||g),Q=Z||!!I,$=ce&&F&&!!I,ue=D||P||k&&(A===`acp`||!!O)||N&&i.getDisplayConversationTags(M).length>0;return(0,u.jsxs)(`div`,{"data-testid":`conversation-card`,"data-context-menu-open":w.toString(),"data-active":E?`true`:`false`,onClick:e,className:r.cn(`group relative h-auto w-full cursor-pointer rounded-md py-1 pl-2 pr-1 transition-colors`,!w&&`hover:bg-[var(--oh-surface)]`,(E||w)&&`bg-[var(--oh-surface)]`),children:[(0,u.jsxs)(`div`,{className:`flex items-center w-full min-w-0`,children:[(0,u.jsxs)(`div`,{className:`flex items-center gap-2 flex-1 min-w-0 overflow-hidden`,children:[(0,u.jsx)(ae.ConversationCardHeader,{title:_,titleMode:z,onTitleSave:H,executionStatus:S,sandboxStatus:C}),C===`ERROR`&&(0,u.jsx)(c.ConversationStatusBadges,{})]}),(0,u.jsxs)(`div`,{className:r.cn(`relative ml-auto pl-2 flex items-center justify-end shrink-0`,$?`min-w-[3.75rem]`:Q&&o.hoverRevealReserveClassName(w)),children:[!$&&(b??y)&&(0,u.jsx)(`p`,{className:r.cn(`text-xs text-[var(--oh-muted)] text-right whitespace-nowrap transition-opacity -translate-x-1.5`,Q&&o.hoverRevealYieldClassName(w)),children:(0,u.jsx)(`time`,{children:a.formatTimeDelta(y??b)})}),Q?(0,u.jsxs)(`div`,{className:r.cn(`absolute right-0 top-1/2 flex -translate-y-1/2 items-center gap-0.5 transition-opacity`,$?`pointer-events-auto visible opacity-100`:o.hoverRevealActionClassName(w)),children:[I?le():null,$&&(b??y)&&Z?(0,u.jsxs)(`div`,{className:`relative shrink-0`,children:[(0,u.jsx)(`div`,{className:o.hoverRevealActionClassName(w),children:(0,u.jsx)(s.ConversationCardActions,{contextMenuOpen:w,onContextMenuToggle:T||(()=>{}),onDelete:d&&U,onArchive:f&&W,onUnarchive:p&&G,onStop:m&&K,onEdit:h&&q,onDownloadViaVSCode:J,onDownloadConversation:Y,executionStatus:S,conversationId:x,showOptions:g})}),(0,u.jsx)(`p`,{className:r.cn(`pointer-events-none absolute inset-0 items-center justify-end`,`text-xs text-[var(--oh-muted)] whitespace-nowrap -translate-x-1.5`,o.hoverRevealPinnedTimestampClassName(w)),children:(0,u.jsx)(`time`,{children:a.formatTimeDelta(y??b)})})]}):null,!$&&Z?(0,u.jsx)(s.ConversationCardActions,{contextMenuOpen:w,onContextMenuToggle:T||(()=>{}),onDelete:d&&U,onArchive:f&&W,onUnarchive:p&&G,onStop:m&&K,onEdit:h&&q,onDownloadViaVSCode:J,onDownloadConversation:Y,executionStatus:S,conversationId:x,showOptions:g}):null]}):null]})]}),ue&&(0,u.jsx)(oe.ConversationCardFooter,{selectedRepository:v,lastUpdatedAt:y,createdAt:b,executionStatus:S,workspaceWorkingDir:se,showRepositoryMetadata:D,showTimestamp:!1,llmModel:O,showAgentChip:k,agentKind:A,acpServer:j,tags:M,showTags:N,isArchived:P})]})}exports.ConversationCard=d;
 //# sourceMappingURL=conversation-card.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"conversation-card.cjs","names":[],"sources":["../../../../../src/components/features/conversation-panel/conversation-card/conversation-card.tsx"],"sourcesContent":["import React from \"react\";\nimport { Pin } from \"lucide-react\";\nimport { useTranslation } from \"react-i18next\";\nimport { useTracking } from \"#/hooks/use-tracking\";\nimport { cn } from \"#/utils/utils\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { transformVSCodeUrl } from \"#/utils/vscode-url-helper\";\nimport ConversationService from \"#/api/conversation-service/conversation-service.api\";\nimport { getDisplayConversationTags } from \"#/api/agent-server-adapter\";\nimport { ExecutionStatus } from \"#/types/agent-server/core/base/common\";\nimport { SandboxStatus } from \"#/api/conversation-service/agent-server-conversation-service.types\";\nimport { RepositorySelection } from \"#/api/open-hands.types\";\nimport { formatTimeDelta } from \"#/utils/format-time-delta\";\nimport { ConversationCardHeader } from \"./conversation-card-header\";\nimport { ConversationCardActions } from \"./conversation-card-actions\";\nimport { ConversationCardFooter } from \"./conversation-card-footer\";\nimport { ConversationStatusBadges } from \"./conversation-status-badges\";\nimport { useDownloadConversation } from \"#/hooks/use-download-conversation\";\n\ninterface ConversationCardProps {\n  onClick?: () => void;\n  onDelete?: () => void;\n  onStop?: () => void;\n  onChangeTitle?: (title: string) => void;\n  showOptions?: boolean;\n  title: string;\n  selectedRepository: RepositorySelection | null;\n  lastUpdatedAt: string;\n  createdAt?: string;\n  executionStatus?: ExecutionStatus | null;\n  sandboxStatus?: SandboxStatus | null;\n  conversationId?: string;\n  contextMenuOpen?: boolean;\n  onContextMenuToggle?: (isOpen: boolean) => void;\n  isActive?: boolean;\n  workspaceWorkingDir?: string | null;\n  showRepositoryMetadata?: boolean;\n  llmModel?: string | null;\n  showLlmProfiles?: boolean;\n  agentKind?: \"openhands\" | \"acp\" | null;\n  acpServer?: string | null;\n  tags?: Record<string, string> | null;\n  /** Gates the tag-chip row; wired to the panel's \"Tags\" metadata toggle. */\n  showTags?: boolean;\n  isPinned?: boolean;\n  onTogglePin?: () => void;\n  /** When true and pinned, keep the pin icon visible without hovering. */\n  alwaysShowPinIcon?: boolean;\n}\n\nexport function ConversationCard({\n  onClick,\n  onDelete,\n  onStop,\n  onChangeTitle,\n  showOptions,\n  title,\n  selectedRepository,\n  lastUpdatedAt,\n  createdAt,\n  conversationId,\n  executionStatus,\n  sandboxStatus,\n  contextMenuOpen = false,\n  onContextMenuToggle,\n  isActive = false,\n  workspaceWorkingDir,\n  showRepositoryMetadata = true,\n  llmModel = null,\n  showLlmProfiles = false,\n  agentKind = null,\n  acpServer = null,\n  tags = null,\n  showTags = false,\n  isPinned = false,\n  onTogglePin,\n  alwaysShowPinIcon = false,\n}: ConversationCardProps) {\n  const { t } = useTranslation(\"openhands\");\n  const { trackDownloadVsCodeButtonClicked } = useTracking();\n  const [titleMode, setTitleMode] = React.useState<\"view\" | \"edit\">(\"view\");\n  const { mutateAsync: downloadConversation } = useDownloadConversation();\n\n  const onTitleSave = (newTitle: string) => {\n    if (newTitle !== \"\" && newTitle !== title) {\n      onChangeTitle?.(newTitle);\n    }\n    setTitleMode(\"view\");\n  };\n\n  const handleDelete = (event: React.MouseEvent<HTMLButtonElement>) => {\n    event.preventDefault();\n    event.stopPropagation();\n    onDelete?.();\n    onContextMenuToggle?.(false);\n  };\n\n  const handleStop = (event: React.MouseEvent<HTMLButtonElement>) => {\n    event.preventDefault();\n    event.stopPropagation();\n    onStop?.();\n    onContextMenuToggle?.(false);\n  };\n\n  const handleEdit = (event: React.MouseEvent<HTMLButtonElement>) => {\n    event.preventDefault();\n    event.stopPropagation();\n    setTitleMode(\"edit\");\n    onContextMenuToggle?.(false);\n  };\n\n  const handleDownloadViaVSCode = async (\n    event: React.MouseEvent<HTMLButtonElement>,\n  ) => {\n    event.preventDefault();\n    event.stopPropagation();\n    trackDownloadVsCodeButtonClicked();\n\n    // Fetch the VS Code URL from the API\n    if (conversationId) {\n      try {\n        const data = await ConversationService.getVSCodeUrl(conversationId);\n        if (data.vscode_url) {\n          const transformedUrl = transformVSCodeUrl(data.vscode_url);\n          if (transformedUrl) {\n            window.open(transformedUrl, \"_blank\");\n          }\n        }\n        // VS Code URL not available\n      } catch {\n        // Failed to fetch VS Code URL\n      }\n    }\n\n    onContextMenuToggle?.(false);\n  };\n\n  const handleDownloadConversation = async (\n    event: React.MouseEvent<HTMLButtonElement>,\n  ) => {\n    event.preventDefault();\n    event.stopPropagation();\n\n    if (conversationId) {\n      await downloadConversation(conversationId);\n    }\n    onContextMenuToggle?.(false);\n  };\n\n  const handleTogglePin = (event: React.MouseEvent<HTMLButtonElement>) => {\n    event.preventDefault();\n    event.stopPropagation();\n    onTogglePin?.();\n  };\n\n  const renderPinButton = () => (\n    <button\n      type=\"button\"\n      data-testid={\n        conversationId\n          ? `conversation-pin-toggle-${conversationId}`\n          : \"conversation-pin-toggle\"\n      }\n      aria-pressed={isPinned}\n      aria-label={\n        isPinned\n          ? t(I18nKey.CONVERSATION_PANEL$UNPIN_CONVERSATION)\n          : t(I18nKey.CONVERSATION_PANEL$PIN_CONVERSATION)\n      }\n      onClick={handleTogglePin}\n      className={cn(\n        \"flex shrink-0 cursor-pointer items-center justify-center rounded-md p-1\",\n        \"text-[var(--oh-muted)] hover:bg-white/10 hover:text-white\",\n      )}\n    >\n      <Pin\n        className={cn(\"h-3.5 w-3.5\", isPinned && \"fill-current\")}\n        aria-hidden\n      />\n    </button>\n  );\n\n  const hasContextMenu = !!(onDelete || onChangeTitle || showOptions);\n  const hasHoverActions = hasContextMenu || !!onTogglePin;\n  const showPersistentPinIcon = alwaysShowPinIcon && isPinned && !!onTogglePin;\n  const shouldRenderFooter =\n    showRepositoryMetadata ||\n    (showLlmProfiles && (agentKind === \"acp\" || !!llmModel)) ||\n    (showTags && getDisplayConversationTags(tags).length > 0);\n\n  return (\n    <div\n      data-testid=\"conversation-card\"\n      data-context-menu-open={contextMenuOpen.toString()}\n      data-active={isActive ? \"true\" : \"false\"}\n      onClick={onClick}\n      className={cn(\n        \"group relative h-auto w-full cursor-pointer rounded-md py-1 pl-2 pr-1 transition-colors\",\n        !contextMenuOpen && \"hover:bg-[var(--oh-surface)]\",\n        (isActive || contextMenuOpen) && \"bg-[var(--oh-surface)]\",\n      )}\n    >\n      <div className=\"flex items-center w-full min-w-0\">\n        <div className=\"flex items-center gap-2 flex-1 min-w-0 overflow-hidden\">\n          <ConversationCardHeader\n            title={title}\n            titleMode={titleMode}\n            onTitleSave={onTitleSave}\n            executionStatus={executionStatus}\n            sandboxStatus={sandboxStatus}\n          />\n          {sandboxStatus === \"ERROR\" && <ConversationStatusBadges />}\n        </div>\n\n        <div\n          className={cn(\n            \"relative ml-auto pl-2 flex items-center justify-end shrink-0\",\n            // The hover action overlay (pin + ellipsis) is absolutely\n            // positioned, so reserve its width so the flex-1 title truncates\n            // instead of colliding with the buttons. Pinned cards keep the pin\n            // visible at rest, so reserve the width always for those.\n            showPersistentPinIcon\n              ? \"min-w-[3.75rem]\"\n              : hasHoverActions &&\n                  \"group-hover:min-w-[3.75rem] group-focus-within:min-w-[3.75rem]\",\n            contextMenuOpen && \"min-w-[3.75rem]\",\n          )}\n        >\n          {!showPersistentPinIcon && (createdAt ?? lastUpdatedAt) && (\n            <p\n              className={cn(\n                \"text-xs text-[var(--oh-muted)] text-right whitespace-nowrap transition-opacity -translate-x-1.5\",\n                hasHoverActions &&\n                  \"group-hover:opacity-0 group-focus-within:opacity-0\",\n                contextMenuOpen && \"opacity-0\",\n              )}\n            >\n              <time>{formatTimeDelta(lastUpdatedAt ?? createdAt)}</time>\n            </p>\n          )}\n\n          {hasHoverActions ? (\n            <div\n              className={cn(\n                \"absolute right-0 top-1/2 flex -translate-y-1/2 items-center gap-0.5 transition-opacity\",\n                showPersistentPinIcon\n                  ? \"pointer-events-auto visible opacity-100\"\n                  : cn(\n                      \"pointer-events-none opacity-0 invisible\",\n                      \"group-hover:pointer-events-auto group-hover:opacity-100 group-hover:visible\",\n                      \"group-focus-within:pointer-events-auto group-focus-within:opacity-100 group-focus-within:visible\",\n                    ),\n                contextMenuOpen && \"pointer-events-auto visible opacity-100\",\n              )}\n            >\n              {onTogglePin ? renderPinButton() : null}\n              {showPersistentPinIcon &&\n              (createdAt ?? lastUpdatedAt) &&\n              hasContextMenu ? (\n                <div className=\"relative shrink-0\">\n                  <div\n                    className={cn(\n                      !contextMenuOpen &&\n                        \"invisible pointer-events-none group-hover:visible group-hover:pointer-events-auto group-focus-within:visible group-focus-within:pointer-events-auto\",\n                    )}\n                  >\n                    <ConversationCardActions\n                      contextMenuOpen={contextMenuOpen}\n                      onContextMenuToggle={onContextMenuToggle || (() => {})}\n                      onDelete={onDelete && handleDelete}\n                      onStop={onStop && handleStop}\n                      onEdit={onChangeTitle && handleEdit}\n                      onDownloadViaVSCode={handleDownloadViaVSCode}\n                      onDownloadConversation={handleDownloadConversation}\n                      executionStatus={executionStatus}\n                      conversationId={conversationId}\n                      showOptions={showOptions}\n                    />\n                  </div>\n                  <p\n                    className={cn(\n                      \"pointer-events-none absolute inset-0 flex items-center justify-end\",\n                      \"text-xs text-[var(--oh-muted)] whitespace-nowrap -translate-x-1.5\",\n                      \"group-hover:hidden group-focus-within:hidden\",\n                      contextMenuOpen && \"hidden\",\n                    )}\n                  >\n                    <time>{formatTimeDelta(lastUpdatedAt ?? createdAt)}</time>\n                  </p>\n                </div>\n              ) : null}\n              {!showPersistentPinIcon && hasContextMenu ? (\n                <ConversationCardActions\n                  contextMenuOpen={contextMenuOpen}\n                  onContextMenuToggle={onContextMenuToggle || (() => {})}\n                  onDelete={onDelete && handleDelete}\n                  onStop={onStop && handleStop}\n                  onEdit={onChangeTitle && handleEdit}\n                  onDownloadViaVSCode={handleDownloadViaVSCode}\n                  onDownloadConversation={handleDownloadConversation}\n                  executionStatus={executionStatus}\n                  conversationId={conversationId}\n                  showOptions={showOptions}\n                />\n              ) : null}\n            </div>\n          ) : null}\n        </div>\n      </div>\n\n      {shouldRenderFooter && (\n        <ConversationCardFooter\n          selectedRepository={selectedRepository}\n          lastUpdatedAt={lastUpdatedAt}\n          createdAt={createdAt}\n          executionStatus={executionStatus}\n          workspaceWorkingDir={workspaceWorkingDir}\n          showRepositoryMetadata={showRepositoryMetadata}\n          showTimestamp={false}\n          llmModel={llmModel}\n          showAgentChip={showLlmProfiles}\n          agentKind={agentKind}\n          acpServer={acpServer}\n          tags={tags}\n          showTags={showTags}\n        />\n      )}\n    </div>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"conversation-card.cjs","names":[],"sources":["../../../../../src/components/features/conversation-panel/conversation-card/conversation-card.tsx"],"sourcesContent":["import React from \"react\";\nimport { Pin } from \"lucide-react\";\nimport { useTranslation } from \"react-i18next\";\nimport { useTracking } from \"#/hooks/use-tracking\";\nimport { cn } from \"#/utils/utils\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { transformVSCodeUrl } from \"#/utils/vscode-url-helper\";\nimport ConversationService from \"#/api/conversation-service/conversation-service.api\";\nimport { getDisplayConversationTags } from \"#/api/agent-server-adapter\";\nimport { ExecutionStatus } from \"#/types/agent-server/core/base/common\";\nimport { SandboxStatus } from \"#/api/conversation-service/agent-server-conversation-service.types\";\nimport { RepositorySelection } from \"#/api/open-hands.types\";\nimport { formatTimeDelta } from \"#/utils/format-time-delta\";\nimport {\n  hoverRevealActionClassName,\n  hoverRevealPinnedTimestampClassName,\n  hoverRevealReserveClassName,\n  hoverRevealYieldClassName,\n} from \"#/utils/hover-reveal-classes\";\nimport { ConversationCardHeader } from \"./conversation-card-header\";\nimport { ConversationCardActions } from \"./conversation-card-actions\";\nimport { ConversationCardFooter } from \"./conversation-card-footer\";\nimport { ConversationStatusBadges } from \"./conversation-status-badges\";\nimport { useDownloadConversation } from \"#/hooks/use-download-conversation\";\n\ninterface ConversationCardProps {\n  onClick?: () => void;\n  onDelete?: () => void;\n  onArchive?: () => void;\n  /**\n   * Restores an archived conversation. The panel passes this instead of\n   * `onArchive` for rows that are already archived, so the menu offers exactly\n   * one of the two directions.\n   */\n  onUnarchive?: () => void;\n  onStop?: () => void;\n  onChangeTitle?: (title: string) => void;\n  showOptions?: boolean;\n  title: string;\n  selectedRepository: RepositorySelection | null;\n  lastUpdatedAt: string;\n  createdAt?: string;\n  executionStatus?: ExecutionStatus | null;\n  sandboxStatus?: SandboxStatus | null;\n  conversationId?: string;\n  contextMenuOpen?: boolean;\n  onContextMenuToggle?: (isOpen: boolean) => void;\n  isActive?: boolean;\n  workspaceWorkingDir?: string | null;\n  showRepositoryMetadata?: boolean;\n  llmModel?: string | null;\n  showLlmProfiles?: boolean;\n  agentKind?: \"openhands\" | \"acp\" | null;\n  acpServer?: string | null;\n  tags?: Record<string, string> | null;\n  /** Gates the tag-chip row; wired to the panel's \"Tags\" metadata toggle. */\n  showTags?: boolean;\n  isArchived?: boolean;\n  isPinned?: boolean;\n  onTogglePin?: () => void;\n  /** When true and pinned, keep the pin icon visible without hovering. */\n  alwaysShowPinIcon?: boolean;\n}\n\nexport function ConversationCard({\n  onClick,\n  onDelete,\n  onArchive,\n  onUnarchive,\n  onStop,\n  onChangeTitle,\n  showOptions,\n  title,\n  selectedRepository,\n  lastUpdatedAt,\n  createdAt,\n  conversationId,\n  executionStatus,\n  sandboxStatus,\n  contextMenuOpen = false,\n  onContextMenuToggle,\n  isActive = false,\n  workspaceWorkingDir,\n  showRepositoryMetadata = true,\n  llmModel = null,\n  showLlmProfiles = false,\n  agentKind = null,\n  acpServer = null,\n  tags = null,\n  showTags = false,\n  isArchived = false,\n  isPinned = false,\n  onTogglePin,\n  alwaysShowPinIcon = false,\n}: ConversationCardProps) {\n  const { t } = useTranslation(\"openhands\");\n  const { trackDownloadVsCodeButtonClicked } = useTracking();\n  const [titleMode, setTitleMode] = React.useState<\"view\" | \"edit\">(\"view\");\n  const { mutateAsync: downloadConversation } = useDownloadConversation();\n\n  const onTitleSave = (newTitle: string) => {\n    if (newTitle !== \"\" && newTitle !== title) {\n      onChangeTitle?.(newTitle);\n    }\n    setTitleMode(\"view\");\n  };\n\n  const handleDelete = (event: React.MouseEvent<HTMLButtonElement>) => {\n    event.preventDefault();\n    event.stopPropagation();\n    onDelete?.();\n    onContextMenuToggle?.(false);\n  };\n\n  const handleArchive = (event: React.MouseEvent<HTMLButtonElement>) => {\n    event.preventDefault();\n    event.stopPropagation();\n    onArchive?.();\n    onContextMenuToggle?.(false);\n  };\n\n  const handleUnarchive = (event: React.MouseEvent<HTMLButtonElement>) => {\n    event.preventDefault();\n    event.stopPropagation();\n    onUnarchive?.();\n    onContextMenuToggle?.(false);\n  };\n\n  const handleStop = (event: React.MouseEvent<HTMLButtonElement>) => {\n    event.preventDefault();\n    event.stopPropagation();\n    onStop?.();\n    onContextMenuToggle?.(false);\n  };\n\n  const handleEdit = (event: React.MouseEvent<HTMLButtonElement>) => {\n    event.preventDefault();\n    event.stopPropagation();\n    setTitleMode(\"edit\");\n    onContextMenuToggle?.(false);\n  };\n\n  const handleDownloadViaVSCode = async (\n    event: React.MouseEvent<HTMLButtonElement>,\n  ) => {\n    event.preventDefault();\n    event.stopPropagation();\n    trackDownloadVsCodeButtonClicked();\n\n    // Fetch the VS Code URL from the API\n    if (conversationId) {\n      try {\n        const data = await ConversationService.getVSCodeUrl(conversationId);\n        if (data.vscode_url) {\n          const transformedUrl = transformVSCodeUrl(data.vscode_url);\n          if (transformedUrl) {\n            window.open(transformedUrl, \"_blank\");\n          }\n        }\n        // VS Code URL not available\n      } catch {\n        // Failed to fetch VS Code URL\n      }\n    }\n\n    onContextMenuToggle?.(false);\n  };\n\n  const handleDownloadConversation = async (\n    event: React.MouseEvent<HTMLButtonElement>,\n  ) => {\n    event.preventDefault();\n    event.stopPropagation();\n\n    if (conversationId) {\n      await downloadConversation(conversationId);\n    }\n    onContextMenuToggle?.(false);\n  };\n\n  const handleTogglePin = (event: React.MouseEvent<HTMLButtonElement>) => {\n    event.preventDefault();\n    event.stopPropagation();\n    onTogglePin?.();\n  };\n\n  const renderPinButton = () => (\n    <button\n      type=\"button\"\n      data-testid={\n        conversationId\n          ? `conversation-pin-toggle-${conversationId}`\n          : \"conversation-pin-toggle\"\n      }\n      aria-pressed={isPinned}\n      aria-label={\n        isPinned\n          ? t(I18nKey.CONVERSATION_PANEL$UNPIN_CONVERSATION)\n          : t(I18nKey.CONVERSATION_PANEL$PIN_CONVERSATION)\n      }\n      onClick={handleTogglePin}\n      className={cn(\n        \"flex shrink-0 cursor-pointer items-center justify-center rounded-md p-1\",\n        \"text-[var(--oh-muted)] hover:bg-white/10 hover:text-white\",\n      )}\n    >\n      <Pin\n        className={cn(\"h-3.5 w-3.5\", isPinned && \"fill-current\")}\n        aria-hidden\n      />\n    </button>\n  );\n\n  const hasContextMenu = !!(\n    onDelete ||\n    onArchive ||\n    onUnarchive ||\n    onChangeTitle ||\n    showOptions\n  );\n  const hasHoverActions = hasContextMenu || !!onTogglePin;\n  const showPersistentPinIcon = alwaysShowPinIcon && isPinned && !!onTogglePin;\n  const shouldRenderFooter =\n    showRepositoryMetadata ||\n    isArchived ||\n    (showLlmProfiles && (agentKind === \"acp\" || !!llmModel)) ||\n    (showTags && getDisplayConversationTags(tags).length > 0);\n\n  return (\n    <div\n      data-testid=\"conversation-card\"\n      data-context-menu-open={contextMenuOpen.toString()}\n      data-active={isActive ? \"true\" : \"false\"}\n      onClick={onClick}\n      className={cn(\n        \"group relative h-auto w-full cursor-pointer rounded-md py-1 pl-2 pr-1 transition-colors\",\n        !contextMenuOpen && \"hover:bg-[var(--oh-surface)]\",\n        (isActive || contextMenuOpen) && \"bg-[var(--oh-surface)]\",\n      )}\n    >\n      <div className=\"flex items-center w-full min-w-0\">\n        <div className=\"flex items-center gap-2 flex-1 min-w-0 overflow-hidden\">\n          <ConversationCardHeader\n            title={title}\n            titleMode={titleMode}\n            onTitleSave={onTitleSave}\n            executionStatus={executionStatus}\n            sandboxStatus={sandboxStatus}\n          />\n          {sandboxStatus === \"ERROR\" && <ConversationStatusBadges />}\n        </div>\n\n        <div\n          className={cn(\n            \"relative ml-auto pl-2 flex items-center justify-end shrink-0\",\n            // The hover action overlay (pin + ellipsis) is absolutely\n            // positioned, so reserve its width so the flex-1 title truncates\n            // instead of colliding with the buttons. Pinned cards keep the pin\n            // visible at rest, so reserve the width always for those. Touch /\n            // coarse-pointer devices also keep the reserve so the ellipsis stays\n            // clickable without a hover pass.\n            showPersistentPinIcon\n              ? \"min-w-[3.75rem]\"\n              : hasHoverActions && hoverRevealReserveClassName(contextMenuOpen),\n          )}\n        >\n          {!showPersistentPinIcon && (createdAt ?? lastUpdatedAt) && (\n            <p\n              className={cn(\n                \"text-xs text-[var(--oh-muted)] text-right whitespace-nowrap transition-opacity -translate-x-1.5\",\n                hasHoverActions && hoverRevealYieldClassName(contextMenuOpen),\n              )}\n            >\n              <time>{formatTimeDelta(lastUpdatedAt ?? createdAt)}</time>\n            </p>\n          )}\n\n          {hasHoverActions ? (\n            <div\n              className={cn(\n                \"absolute right-0 top-1/2 flex -translate-y-1/2 items-center gap-0.5 transition-opacity\",\n                showPersistentPinIcon\n                  ? \"pointer-events-auto visible opacity-100\"\n                  : hoverRevealActionClassName(contextMenuOpen),\n              )}\n            >\n              {onTogglePin ? renderPinButton() : null}\n              {showPersistentPinIcon &&\n              (createdAt ?? lastUpdatedAt) &&\n              hasContextMenu ? (\n                <div className=\"relative shrink-0\">\n                  <div className={hoverRevealActionClassName(contextMenuOpen)}>\n                    <ConversationCardActions\n                      contextMenuOpen={contextMenuOpen}\n                      onContextMenuToggle={onContextMenuToggle || (() => {})}\n                      onDelete={onDelete && handleDelete}\n                      onArchive={onArchive && handleArchive}\n                      onUnarchive={onUnarchive && handleUnarchive}\n                      onStop={onStop && handleStop}\n                      onEdit={onChangeTitle && handleEdit}\n                      onDownloadViaVSCode={handleDownloadViaVSCode}\n                      onDownloadConversation={handleDownloadConversation}\n                      executionStatus={executionStatus}\n                      conversationId={conversationId}\n                      showOptions={showOptions}\n                    />\n                  </div>\n                  <p\n                    className={cn(\n                      \"pointer-events-none absolute inset-0 items-center justify-end\",\n                      \"text-xs text-[var(--oh-muted)] whitespace-nowrap -translate-x-1.5\",\n                      hoverRevealPinnedTimestampClassName(contextMenuOpen),\n                    )}\n                  >\n                    <time>{formatTimeDelta(lastUpdatedAt ?? createdAt)}</time>\n                  </p>\n                </div>\n              ) : null}\n              {!showPersistentPinIcon && hasContextMenu ? (\n                <ConversationCardActions\n                  contextMenuOpen={contextMenuOpen}\n                  onContextMenuToggle={onContextMenuToggle || (() => {})}\n                  onDelete={onDelete && handleDelete}\n                  onArchive={onArchive && handleArchive}\n                  onUnarchive={onUnarchive && handleUnarchive}\n                  onStop={onStop && handleStop}\n                  onEdit={onChangeTitle && handleEdit}\n                  onDownloadViaVSCode={handleDownloadViaVSCode}\n                  onDownloadConversation={handleDownloadConversation}\n                  executionStatus={executionStatus}\n                  conversationId={conversationId}\n                  showOptions={showOptions}\n                />\n              ) : null}\n            </div>\n          ) : null}\n        </div>\n      </div>\n\n      {shouldRenderFooter && (\n        <ConversationCardFooter\n          selectedRepository={selectedRepository}\n          lastUpdatedAt={lastUpdatedAt}\n          createdAt={createdAt}\n          executionStatus={executionStatus}\n          workspaceWorkingDir={workspaceWorkingDir}\n          showRepositoryMetadata={showRepositoryMetadata}\n          showTimestamp={false}\n          llmModel={llmModel}\n          showAgentChip={showLlmProfiles}\n          agentKind={agentKind}\n          acpServer={acpServer}\n          tags={tags}\n          showTags={showTags}\n          isArchived={isArchived}\n        />\n      )}\n    </div>\n  );\n}\n"],"mappings":"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"}

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

@@ -5,6 +5,13 @@ import { RepositorySelection } from "#/api/open-hands.types";
 interface ConversationCardProps {
     onClick?: () => void;
     onDelete?: () => void;
+    onArchive?: () => void;
+    /**
+     * Restores an archived conversation. The panel passes this instead of
+     * `onArchive` for rows that are already archived, so the menu offers exactly
+     * one of the two directions.
+     */
+    onUnarchive?: () => void;
     onStop?: () => void;
     onChangeTitle?: (title: string) => void;
     showOptions?: boolean;
@@ -27,10 +34,11 @@ interface ConversationCardProps {
     tags?: Record<string, string> | null;
     /** Gates the tag-chip row; wired to the panel's "Tags" metadata toggle. */
     showTags?: boolean;
+    isArchived?: boolean;
     isPinned?: boolean;
     onTogglePin?: () => void;
     /** When true and pinned, keep the pin icon visible without hovering. */
     alwaysShowPinIcon?: boolean;
 }
-export declare function ConversationCard({ onClick, onDelete, onStop, onChangeTitle, showOptions, title, selectedRepository, lastUpdatedAt, createdAt, conversationId, executionStatus, sandboxStatus, contextMenuOpen, onContextMenuToggle, isActive, workspaceWorkingDir, showRepositoryMetadata, llmModel, showLlmProfiles, agentKind, acpServer, tags, showTags, isPinned, onTogglePin, alwaysShowPinIcon, }: ConversationCardProps): React.JSX.Element;
+export declare function ConversationCard({ onClick, onDelete, onArchive, onUnarchive, onStop, onChangeTitle, showOptions, title, selectedRepository, lastUpdatedAt, createdAt, conversationId, executionStatus, sandboxStatus, contextMenuOpen, onContextMenuToggle, isActive, workspaceWorkingDir, showRepositoryMetadata, llmModel, showLlmProfiles, agentKind, acpServer, tags, showTags, isArchived, isPinned, onTogglePin, alwaysShowPinIcon, }: ConversationCardProps): React.JSX.Element;
 export {};