@openhands/agent-canvas 1.16.0 → 1.17.0

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"),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;
+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"),a=require("../../../../api/conversation-service/conversation-service.api.cjs"),te=require("../../../../hooks/use-tracking.cjs"),ne=require("../../../../hooks/use-download-conversation.cjs"),o=require("../../../../utils/vscode-url-helper.cjs"),s=require("../../../../utils/format-time-delta.cjs"),c=require("../../../../utils/hover-reveal-classes.cjs"),re=require("./conversation-card-header.cjs"),l=require("./conversation-card-actions.cjs"),ie=require("./conversation-card-footer.cjs"),ae=require("./conversation-status-badges.cjs");let u=require("react");u=e.__toESM(u,1);let d=require("react/jsx-runtime");function f({onClick:e,onDelete:f,onArchive:p,onUnarchive:m,onStop:h,onChangeTitle:g,onEditTags:_,showOptions:v,title:y,selectedRepository:b,lastUpdatedAt:x,createdAt:S,conversationId:C,executionStatus:w,sandboxStatus:T,contextMenuOpen:E=!1,onContextMenuToggle:D,isActive:O=!1,workspaceWorkingDir:oe,showRepositoryMetadata:k=!0,llmModel:A=null,showLlmProfiles:j=!1,agentKind:M=null,acpServer:se=null,tags:N=null,showTags:ce=!1,isArchived:P=!1,isPinned:F=!1,onTogglePin:I,alwaysShowPinIcon:le=!1}){let{t:ue}=t.useTranslation(`openhands`),{trackDownloadVsCodeButtonClicked:de}=te.useTracking(),[L,R]=u.default.useState(`view`),{mutateAsync:z}=ne.useDownloadConversation(),B=i.getDisplayConversationTags(N),V=B.length>0,H=ce&&V,fe=e=>{e!==``&&e!==y&&g?.(e),R(`view`)},U=e=>{e.preventDefault(),e.stopPropagation(),f?.(),D?.(!1)},W=e=>{e.preventDefault(),e.stopPropagation(),p?.(),D?.(!1)},G=e=>{e.preventDefault(),e.stopPropagation(),m?.(),D?.(!1)},K=e=>{e.preventDefault(),e.stopPropagation(),h?.(),D?.(!1)},q=e=>{e.preventDefault(),e.stopPropagation(),R(`edit`),D?.(!1)},J=e=>{e.preventDefault(),e.stopPropagation(),_?.(),D?.(!1)},Y=async e=>{if(e.preventDefault(),e.stopPropagation(),de(),C)try{let e=await a.default.getVSCodeUrl(C);if(e.vscode_url){let t=o.transformVSCodeUrl(e.vscode_url);t&&window.open(t,`_blank`)}}catch{}D?.(!1)},X=async e=>{e.preventDefault(),e.stopPropagation(),C&&await z(C),D?.(!1)},pe=e=>{e.preventDefault(),e.stopPropagation(),I?.()},me=()=>(0,d.jsx)(`button`,{type:`button`,"data-testid":C?`conversation-pin-toggle-${C}`:`conversation-pin-toggle`,"aria-pressed":F,"aria-label":ue(F?n.I18nKey.CONVERSATION_PANEL$UNPIN_CONVERSATION:n.I18nKey.CONVERSATION_PANEL$PIN_CONVERSATION),onClick:pe,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,d.jsx)(ee.Pin,{className:r.cn(`h-3.5 w-3.5`,F&&`fill-current`),"aria-hidden":!0})}),Z=!!(f||p||m||g||_||v),Q=Z||!!I,$=le&&F&&!!I,he=k||P||j&&(M===`acp`||!!A)||H&&B.length>0;return(0,d.jsxs)(`div`,{"data-testid":`conversation-card`,"data-context-menu-open":E.toString(),"data-active":O?`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`,!E&&`hover:bg-[var(--oh-surface)]`,(O||E)&&`bg-[var(--oh-surface)]`),children:[(0,d.jsxs)(`div`,{className:`flex items-center w-full min-w-0`,children:[(0,d.jsxs)(`div`,{className:`flex items-center gap-2 flex-1 min-w-0 overflow-hidden`,children:[(0,d.jsx)(re.ConversationCardHeader,{title:y,titleMode:L,onTitleSave:fe,executionStatus:w,sandboxStatus:T}),T===`ERROR`&&(0,d.jsx)(ae.ConversationStatusBadges,{})]}),(0,d.jsxs)(`div`,{"data-testid":`conversation-card-trailing-slot`,className:r.cn(`relative ml-auto pl-2 flex items-center justify-end shrink-0`,$?`min-w-[3.75rem]`:Q&&c.hoverRevealReserveClassName(E)),children:[!$&&(S??x)&&(0,d.jsx)(`p`,{className:r.cn(`text-xs text-[var(--oh-muted)] text-right whitespace-nowrap transition-opacity -translate-x-1.5`,Q&&c.hoverRevealYieldClassName(E)),children:(0,d.jsx)(`time`,{children:s.formatTimeDelta(x??S)})}),Q?(0,d.jsxs)(`div`,{"data-testid":`conversation-card-hover-actions`,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`:c.hoverRevealActionClassName(E)),children:[I?me():null,$&&(S??x)&&Z?(0,d.jsxs)(`div`,{className:`relative shrink-0`,children:[(0,d.jsx)(`div`,{className:c.hoverRevealActionClassName(E),children:(0,d.jsx)(l.ConversationCardActions,{contextMenuOpen:E,onContextMenuToggle:D||(()=>{}),onDelete:f&&U,onArchive:p&&W,onUnarchive:m&&G,onStop:h&&K,onEdit:g&&q,onEditTags:_&&J,onDownloadViaVSCode:Y,onDownloadConversation:X,executionStatus:w,conversationId:C,showOptions:v})}),(0,d.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`,c.hoverRevealPinnedTimestampClassName(E)),children:(0,d.jsx)(`time`,{children:s.formatTimeDelta(x??S)})})]}):null,!$&&Z?(0,d.jsx)(l.ConversationCardActions,{contextMenuOpen:E,onContextMenuToggle:D||(()=>{}),onDelete:f&&U,onArchive:p&&W,onUnarchive:m&&G,onStop:h&&K,onEdit:g&&q,onEditTags:_&&J,onDownloadViaVSCode:Y,onDownloadConversation:X,executionStatus:w,conversationId:C,showOptions:v}):null]}):null]})]}),he&&(0,d.jsx)(ie.ConversationCardFooter,{selectedRepository:b,lastUpdatedAt:x,createdAt:S,executionStatus:w,workspaceWorkingDir:oe,showRepositoryMetadata:k,showTimestamp:!1,llmModel:A,showAgentChip:j,agentKind:M,acpServer:se,tags:N,showTags:H,isArchived:P})]})}exports.ConversationCard=f;
 //# 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 {\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":"u8BAgEA,SAAgB,EAAiB,CAC/B,UACA,WACA,YACA,cACA,SACA,gBACA,cACA,QACA,qBACA,gBACA,YACA,iBACA,kBACA,gBACA,kBAAkB,GAClB,sBACA,WAAW,GACX,uBACA,yBAAyB,GACzB,WAAW,KACX,kBAAkB,GAClB,YAAY,KACZ,YAAY,KACZ,OAAO,KACP,WAAW,GACX,aAAa,GACb,WAAW,GACX,cACA,qBAAoB,IACI,CACxB,GAAM,CAAE,KAAM,EAAA,eAAe,WAAW,EAClC,CAAE,oCAAqC,GAAA,YAAY,EACnD,CAAC,EAAW,GAAgB,EAAA,QAAM,SAA0B,MAAM,EAClE,CAAE,YAAa,GAAyB,GAAA,wBAAwB,EAEhE,EAAe,GAAqB,CACpC,IAAa,IAAM,IAAa,GAClC,IAAgB,CAAQ,EAE1B,EAAa,MAAM,CACrB,EAEM,EAAgB,GAA+C,CACnE,EAAM,eAAe,EACrB,EAAM,gBAAgB,EACtB,IAAW,EACX,IAAsB,EAAK,CAC7B,EAEM,EAAiB,GAA+C,CACpE,EAAM,eAAe,EACrB,EAAM,gBAAgB,EACtB,IAAY,EACZ,IAAsB,EAAK,CAC7B,EAEM,EAAmB,GAA+C,CACtE,EAAM,eAAe,EACrB,EAAM,gBAAgB,EACtB,IAAc,EACd,IAAsB,EAAK,CAC7B,EAEM,EAAc,GAA+C,CACjE,EAAM,eAAe,EACrB,EAAM,gBAAgB,EACtB,IAAS,EACT,IAAsB,EAAK,CAC7B,EAEM,EAAc,GAA+C,CACjE,EAAM,eAAe,EACrB,EAAM,gBAAgB,EACtB,EAAa,MAAM,EACnB,IAAsB,EAAK,CAC7B,EAEM,EAA0B,KAC9B,IACG,CAMH,GALA,EAAM,eAAe,EACrB,EAAM,gBAAgB,EACtB,EAAiC,EAG7B,EACF,GAAI,CACF,IAAM,EAAO,MAAM,GAAA,QAAoB,aAAa,CAAc,EAClE,GAAI,EAAK,WAAY,CACnB,IAAM,EAAiB,GAAA,mBAAmB,EAAK,UAAU,EACrD,GACF,OAAO,KAAK,EAAgB,QAAQ,CAExC,CAEF,MAAQ,CAER,CAGF,IAAsB,EAAK,CAC7B,EAEM,EAA6B,KACjC,IACG,CACH,EAAM,eAAe,EACrB,EAAM,gBAAgB,EAElB,GACF,MAAM,EAAqB,CAAc,EAE3C,IAAsB,EAAK,CAC7B,EAEM,EAAmB,GAA+C,CACtE,EAAM,eAAe,EACrB,EAAM,gBAAgB,EACtB,IAAc,CAChB,EAEM,QACJ,EAAA,EAAA,KAAC,SAAD,CACE,KAAK,SACL,cACE,EACI,2BAA2B,IAC3B,0BAEN,eAAc,EACd,aAEM,EADJ,EACM,EAAA,QAAQ,sCACR,EAAA,QAAQ,mCAAmC,EAEnD,QAAS,EACT,UAAW,EAAA,GACT,0EACA,2DACF,YAEA,EAAA,EAAA,KAAC,GAAA,IAAD,CACE,UAAW,EAAA,GAAG,cAAe,GAAY,cAAc,EACvD,cAAA,EACD,CAAA,CACK,CAAA,EAGJ,EAAiB,CAAC,EACtB,GACA,GACA,GACA,GACA,GAEI,EAAkB,GAAkB,CAAC,CAAC,EACtC,EAAwB,IAAqB,GAAY,CAAC,CAAC,EAC3D,GACJ,GACA,GACC,IAAoB,IAAc,OAAS,CAAC,CAAC,IAC7C,GAAY,EAAA,2BAA2B,CAAI,EAAE,OAAS,EAEzD,OACE,EAAA,EAAA,MAAC,MAAD,CACE,cAAY,oBACZ,yBAAwB,EAAgB,SAAS,EACjD,cAAa,EAAW,OAAS,QACxB,UACT,UAAW,EAAA,GACT,0FACA,CAAC,GAAmB,gCACnB,GAAY,IAAoB,wBACnC,WATF,EAWE,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,4CAAf,EACE,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,kEAAf,EACE,EAAA,EAAA,KAAC,GAAA,uBAAD,CACS,QACI,YACE,cACI,kBACF,eAChB,CAAA,EACA,IAAkB,UAAW,EAAA,EAAA,KAAC,EAAA,yBAAD,CAA2B,CAAA,CACtD,KAEL,EAAA,EAAA,MAAC,MAAD,CACE,UAAW,EAAA,GACT,+DAOA,EACI,kBACA,GAAmB,EAAA,4BAA4B,CAAe,CACpE,WAZF,CAcG,CAAC,IAA0B,GAAa,KACvC,EAAA,EAAA,KAAC,IAAD,CACE,UAAW,EAAA,GACT,kGACA,GAAmB,EAAA,0BAA0B,CAAe,CAC9D,YAEA,EAAA,EAAA,KAAC,OAAD,CAAA,SAAO,EAAA,gBAAgB,GAAiB,CAAS,CAAQ,CAAA,CACxD,CAAA,EAGJ,GACC,EAAA,EAAA,MAAC,MAAD,CACE,UAAW,EAAA,GACT,yFACA,EACI,0CACA,EAAA,2BAA2B,CAAe,CAChD,WANF,CAQG,EAAc,GAAgB,EAAI,KAClC,IACA,GAAa,IACd,GACE,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,6BAAf,EACE,EAAA,EAAA,KAAC,MAAD,CAAK,UAAW,EAAA,2BAA2B,CAAe,YACxD,EAAA,EAAA,KAAC,EAAA,wBAAD,CACmB,kBACjB,oBAAqB,QAA8B,CAAC,GACpD,SAAU,GAAY,EACtB,UAAW,GAAa,EACxB,YAAa,GAAe,EAC5B,OAAQ,GAAU,EAClB,OAAQ,GAAiB,EACzB,oBAAqB,EACrB,uBAAwB,EACP,kBACD,iBACH,aACd,CAAA,CACE,CAAA,GACL,EAAA,EAAA,KAAC,IAAD,CACE,UAAW,EAAA,GACT,gEACA,oEACA,EAAA,oCAAoC,CAAe,CACrD,YAEA,EAAA,EAAA,KAAC,OAAD,CAAA,SAAO,EAAA,gBAAgB,GAAiB,CAAS,CAAQ,CAAA,CACxD,CAAA,CACA,IACH,KACH,CAAC,GAAyB,GACzB,EAAA,EAAA,KAAC,EAAA,wBAAD,CACmB,kBACjB,oBAAqB,QAA8B,CAAC,GACpD,SAAU,GAAY,EACtB,UAAW,GAAa,EACxB,YAAa,GAAe,EAC5B,OAAQ,GAAU,EAClB,OAAQ,GAAiB,EACzB,oBAAqB,EACrB,uBAAwB,EACP,kBACD,iBACH,aACd,CAAA,EACC,IACD,IACH,IACD,GACF,IAEJ,KACC,EAAA,EAAA,KAAC,GAAA,uBAAD,CACsB,qBACL,gBACJ,YACM,kBACI,uBACG,yBACxB,cAAe,GACL,WACV,cAAe,EACJ,YACA,YACL,OACI,WACE,YACb,CAAA,CAEA,GAET"}
+{"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  /**\n   * Opens the tag editor for this conversation. Local agent-server backends\n   * only — Cloud conversations don't carry server-side tags, so the panel\n   * leaves this undefined there and the menu item disappears.\n   */\n  onEditTags?: () => 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  onEditTags,\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 displayTags = getDisplayConversationTags(tags);\n  const hasDisplayTags = displayTags.length > 0;\n  const showTagChipRow = showTags && hasDisplayTags;\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 handleEditTags = (event: React.MouseEvent<HTMLButtonElement>) => {\n    event.preventDefault();\n    event.stopPropagation();\n    onEditTags?.();\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    onEditTags ||\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    (showTagChipRow && displayTags.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          data-testid=\"conversation-card-trailing-slot\"\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              data-testid=\"conversation-card-hover-actions\"\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                      onEditTags={onEditTags && handleEditTags}\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                  onEditTags={onEditTags && handleEditTags}\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={showTagChipRow}\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

@@ -14,6 +14,12 @@ interface ConversationCardProps {
     onUnarchive?: () => void;
     onStop?: () => void;
     onChangeTitle?: (title: string) => void;
+    /**
+     * Opens the tag editor for this conversation. Local agent-server backends
+     * only — Cloud conversations don't carry server-side tags, so the panel
+     * leaves this undefined there and the menu item disappears.
+     */
+    onEditTags?: () => void;
     showOptions?: boolean;
     title: string;
     selectedRepository: RepositorySelection | null;
@@ -40,5 +46,5 @@ interface ConversationCardProps {
     /** When true and pinned, keep the pin icon visible without hovering. */
     alwaysShowPinIcon?: boolean;
 }
-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 declare function ConversationCard({ onClick, onDelete, onArchive, onUnarchive, onStop, onChangeTitle, onEditTags, 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 {};

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"conversation-card.js","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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"}
+{"version":3,"file":"conversation-card.js","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  /**\n   * Opens the tag editor for this conversation. Local agent-server backends\n   * only — Cloud conversations don't carry server-side tags, so the panel\n   * leaves this undefined there and the menu item disappears.\n   */\n  onEditTags?: () => 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  onEditTags,\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 displayTags = getDisplayConversationTags(tags);\n  const hasDisplayTags = displayTags.length > 0;\n  const showTagChipRow = showTags && hasDisplayTags;\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 handleEditTags = (event: React.MouseEvent<HTMLButtonElement>) => {\n    event.preventDefault();\n    event.stopPropagation();\n    onEditTags?.();\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    onEditTags ||\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    (showTagChipRow && displayTags.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          data-testid=\"conversation-card-trailing-slot\"\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              data-testid=\"conversation-card-hover-actions\"\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                      onEditTags={onEditTags && handleEditTags}\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                  onEditTags={onEditTags && handleEditTags}\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={showTagChipRow}\n          isArchived={isArchived}\n        />\n      )}\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/components/features/conversation-panel/conversation-card/conversation-tag-chips.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("../../../../utils/utils.cjs"),i=require("./conversation-card-meta-chip.cjs"),a=require("./conversation-tag-display.cjs"),o=require("./conversation-tag-icons.cjs");let s=require("react");s=e.__toESM(s,1);let c=require("react/jsx-runtime"),l=require("react-dom");function u({icon:e,keyName:t,testId:n}){return(0,c.jsx)(`span`,{className:i.CONVERSATION_CARD_META_CHIP_ICON_SLOT_CLASSNAME,"aria-hidden":!0,children:(0,c.jsx)(e,{"data-testid":n,"data-tag-key":t,"aria-hidden":!0,className:i.CONVERSATION_CARD_META_CHIP_ICON_CLASSNAME})})}function d({icon:e,keyName:t,value:n,iconTestId:r}){return(0,c.jsxs)(c.Fragment,{children:[(0,c.jsx)(u,{icon:e,keyName:t,testId:r}),(0,c.jsx)(`span`,{className:`truncate leading-4`,children:a.truncateTagChipValue(n)})]})}function f({tags:e}){let{t:f}=t.useTranslation(`openhands`),p=s.default.useRef(null),m=s.default.useRef(null),h=s.default.useRef(null),g=s.default.useRef(null),[_,v]=s.default.useState(e.length),[y,b]=s.default.useState(!1),[x,S]=s.default.useState(null),C=s.default.useCallback(()=>{let e=p.current,t=m.current;!e||!t||v(a.computeVisibleTagChipCount(Array.from(t.children).map(e=>e.offsetWidth),e.clientWidth))},[]),w=s.default.useCallback(()=>{let e=h.current;if(!e)return;let t=e.getBoundingClientRect(),n=t.left;n+256>window.innerWidth-8&&(n=Math.max(8,window.innerWidth-8-256)),S({top:t.bottom+4,left:n})},[]),T=e.map(([e,t])=>`${e}=${t}`).join(``),E=s.default.useRef(null);if(s.default.useLayoutEffect(()=>{E.current!==T&&(E.current=T,b(!1),C())},[T,C]),s.default.useEffect(()=>{let e=p.current;if(!e||typeof ResizeObserver>`u`)return;let t=new ResizeObserver(()=>C());return t.observe(e),()=>t.disconnect()},[C]),s.default.useLayoutEffect(()=>{if(!y){S(null);return}return w(),window.addEventListener(`resize`,w),window.addEventListener(`scroll`,w,!0),()=>{window.removeEventListener(`resize`,w),window.removeEventListener(`scroll`,w,!0)}},[y,w]),s.default.useEffect(()=>{if(!y)return;let e=e=>{let t=e.target;h.current?.contains(t)||g.current?.contains(t)||b(!1)},t=e=>{e.key===`Escape`&&b(!1)};return document.addEventListener(`mousedown`,e),document.addEventListener(`keydown`,t),()=>{document.removeEventListener(`mousedown`,e),document.removeEventListener(`keydown`,t)}},[y]),e.length===0)return null;let D=Math.max(0,e.length-_),O=e.slice(0,_),k=e.slice(_),A=e=>{e.stopPropagation()};return(0,c.jsxs)(`div`,{"data-testid":`conversation-card-tag-chips`,className:`relative min-w-0 w-full`,children:[(0,c.jsx)(`div`,{ref:m,"aria-hidden":!0,className:`pointer-events-none fixed top-0 -left-[10000px] z-[-1] flex flex-nowrap items-center gap-1 opacity-0`,children:e.map(([e,t])=>(0,c.jsx)(`span`,{className:i.CONVERSATION_CARD_META_CHIP_CLASSNAME,children:(0,c.jsx)(d,{icon:o.getConversationTagIcon(e,t),keyName:e,value:t})},e))}),(0,c.jsxs)(`div`,{ref:p,"data-testid":`conversation-card-tag-row`,className:`flex w-full min-w-0 max-w-full flex-nowrap items-center gap-1 overflow-hidden`,children:[O.map(([e,t])=>(0,c.jsx)(`span`,{"data-testid":`conversation-card-tag-chip`,title:a.formatConversationTagTooltip(e,t,f),className:i.CONVERSATION_CARD_META_CHIP_CLASSNAME,children:(0,c.jsx)(d,{icon:o.getConversationTagIcon(e,t),keyName:e,value:t,iconTestId:`conversation-card-tag-chip-icon`})},e)),D>0?(0,c.jsxs)(`button`,{ref:h,type:`button`,"data-testid":`conversation-card-tag-overflow`,"aria-expanded":y,"aria-haspopup":`dialog`,"aria-label":f(n.I18nKey.CONVERSATION$TAGS_OVERFLOW_ARIA,{count:D}),onMouseDown:A,onClick:e=>{e.preventDefault(),e.stopPropagation(),b(e=>!e)},className:r.cn(i.CONVERSATION_CARD_META_CHIP_CLASSNAME,`shrink-0 self-center hover:bg-[var(--oh-interactive-hover)] hover:text-[var(--foreground)]`),children:[(0,c.jsx)(`span`,{className:`inline-flex h-4 w-0 shrink-0`,"aria-hidden":!0}),(0,c.jsx)(`span`,{className:`leading-4`,children:`+${D}`})]}):null]}),y&&x&&typeof document<`u`&&(0,l.createPortal)((0,c.jsx)(`div`,{ref:g,role:`dialog`,"data-testid":`conversation-card-tag-overflow-popover`,className:r.cn(`z-[9999] min-w-[10rem] max-w-[16rem]`,`rounded-md border border-[var(--oh-border-subtle)]`,`bg-[var(--oh-surface)] p-2 shadow-lg`),style:{position:`fixed`,top:x.top,left:x.left},onMouseDown:A,onClick:e=>{e.preventDefault(),e.stopPropagation()},children:(0,c.jsx)(`dl`,{className:`m-0 flex flex-col gap-1`,children:k.map(([e,t])=>(0,c.jsxs)(`div`,{"data-testid":`conversation-card-tag-overflow-row`,className:`grid grid-cols-[minmax(0,auto)_minmax(0,1fr)] gap-x-2 text-[10px] leading-4`,children:[(0,c.jsxs)(`dt`,{className:`m-0 inline-flex min-w-0 items-center gap-1 whitespace-normal break-words text-[var(--oh-muted)]`,children:[(0,c.jsx)(u,{icon:o.getConversationTagIcon(e,t)}),(0,c.jsx)(`span`,{className:`min-w-0 whitespace-normal break-words leading-4`,children:a.getConversationTagLabel(e,f)})]}),(0,c.jsx)(`dd`,{className:`m-0 whitespace-normal break-words text-left leading-4 text-[var(--foreground)]`,title:t,children:t})]},e))})}),document.body)]})}exports.ConversationTagChips=f;
+const e=require("../../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../../node_modules/react-i18next/dist/es/useTranslation.cjs"),n=require("../../../../i18n/declaration.cjs"),r=require("../../../../utils/utils.cjs"),i=require("./conversation-card-meta-chip.cjs"),a=require("./conversation-tag-display.cjs"),o=require("./conversation-tag-icons.cjs");let s=require("react");s=e.__toESM(s,1);let c=require("react/jsx-runtime"),l=require("react-dom");function u({icon:e,keyName:t,testId:n}){return(0,c.jsx)(`span`,{className:i.CONVERSATION_CARD_META_CHIP_ICON_SLOT_CLASSNAME,"aria-hidden":!0,children:(0,c.jsx)(e,{"data-testid":n,"data-tag-key":t,"aria-hidden":!0,className:i.CONVERSATION_CARD_META_CHIP_ICON_CLASSNAME})})}function d({icon:e,keyName:t,value:n,iconTestId:r}){return(0,c.jsxs)(c.Fragment,{children:[(0,c.jsx)(u,{icon:e,keyName:t,testId:r}),(0,c.jsx)(`span`,{className:`truncate leading-4`,children:a.truncateTagChipValue(n||t)})]})}function f({tags:e}){let{t:f}=t.useTranslation(`openhands`),p=s.default.useRef(null),m=s.default.useRef(null),h=s.default.useRef(null),g=s.default.useRef(null),[_,v]=s.default.useState(e.length),[y,b]=s.default.useState(!1),[x,S]=s.default.useState(null),C=s.default.useCallback(()=>{let e=p.current,t=m.current;!e||!t||v(a.computeVisibleTagChipCount(Array.from(t.children).map(e=>e.offsetWidth),e.clientWidth))},[]),w=s.default.useCallback(()=>{let e=h.current;if(!e)return;let t=e.getBoundingClientRect(),n=t.left;n+256>window.innerWidth-8&&(n=Math.max(8,window.innerWidth-8-256)),S({top:t.bottom+4,left:n})},[]),T=e.map(([e,t])=>`${e}=${t}`).join(``),E=s.default.useRef(null);if(s.default.useLayoutEffect(()=>{E.current!==T&&(E.current=T,b(!1),C())},[T,C]),s.default.useEffect(()=>{let e=p.current;if(!e||typeof ResizeObserver>`u`)return;let t=new ResizeObserver(()=>C());return t.observe(e),()=>t.disconnect()},[C]),s.default.useLayoutEffect(()=>{if(!y){S(null);return}return w(),window.addEventListener(`resize`,w),window.addEventListener(`scroll`,w,!0),()=>{window.removeEventListener(`resize`,w),window.removeEventListener(`scroll`,w,!0)}},[y,w]),s.default.useEffect(()=>{if(!y)return;let e=e=>{let t=e.target;h.current?.contains(t)||g.current?.contains(t)||b(!1)},t=e=>{e.key===`Escape`&&b(!1)};return document.addEventListener(`mousedown`,e),document.addEventListener(`keydown`,t),()=>{document.removeEventListener(`mousedown`,e),document.removeEventListener(`keydown`,t)}},[y]),e.length===0)return null;let D=Math.max(0,e.length-_),O=e.slice(0,_),k=e.slice(_),A=e=>{e.stopPropagation()};return(0,c.jsxs)(`div`,{"data-testid":`conversation-card-tag-chips`,className:`relative min-w-0 w-full`,children:[(0,c.jsx)(`div`,{ref:m,"aria-hidden":!0,className:`pointer-events-none fixed top-0 -left-[10000px] z-[-1] flex flex-nowrap items-center gap-1 opacity-0`,children:e.map(([e,t])=>(0,c.jsx)(`span`,{className:i.CONVERSATION_CARD_META_CHIP_CLASSNAME,children:(0,c.jsx)(d,{icon:o.getConversationTagIcon(e,t),keyName:e,value:t})},e))}),(0,c.jsxs)(`div`,{ref:p,"data-testid":`conversation-card-tag-row`,className:`flex w-full min-w-0 max-w-full flex-nowrap items-center gap-1 overflow-hidden`,children:[O.map(([e,t])=>(0,c.jsx)(`span`,{"data-testid":`conversation-card-tag-chip`,title:a.formatConversationTagTooltip(e,t,f),className:i.CONVERSATION_CARD_META_CHIP_CLASSNAME,children:(0,c.jsx)(d,{icon:o.getConversationTagIcon(e,t),keyName:e,value:t,iconTestId:`conversation-card-tag-chip-icon`})},e)),D>0?(0,c.jsxs)(`button`,{ref:h,type:`button`,"data-testid":`conversation-card-tag-overflow`,"aria-expanded":y,"aria-haspopup":`dialog`,"aria-label":f(n.I18nKey.CONVERSATION$TAGS_OVERFLOW_ARIA,{count:D}),onMouseDown:A,onClick:e=>{e.preventDefault(),e.stopPropagation(),b(e=>!e)},className:r.cn(i.CONVERSATION_CARD_META_CHIP_CLASSNAME,`shrink-0 self-center hover:bg-[var(--oh-interactive-hover)] hover:text-[var(--foreground)]`),children:[(0,c.jsx)(`span`,{className:`inline-flex h-4 w-0 shrink-0`,"aria-hidden":!0}),(0,c.jsx)(`span`,{className:`leading-4`,children:`+${D}`})]}):null]}),y&&x&&typeof document<`u`&&(0,l.createPortal)((0,c.jsx)(`div`,{ref:g,role:`dialog`,"data-testid":`conversation-card-tag-overflow-popover`,className:r.cn(`z-[9999] min-w-[10rem] max-w-[16rem]`,`rounded-md border border-[var(--oh-border-subtle)]`,`bg-[var(--oh-surface)] p-2 shadow-lg`),style:{position:`fixed`,top:x.top,left:x.left},onMouseDown:A,onClick:e=>{e.preventDefault(),e.stopPropagation()},children:(0,c.jsx)(`dl`,{className:`m-0 flex flex-col gap-1`,children:k.map(([e,t])=>(0,c.jsxs)(`div`,{"data-testid":`conversation-card-tag-overflow-row`,className:`grid grid-cols-[minmax(0,auto)_minmax(0,1fr)] gap-x-2 text-[10px] leading-4`,children:[(0,c.jsxs)(`dt`,{className:`m-0 inline-flex min-w-0 items-center gap-1 whitespace-normal break-words text-[var(--oh-muted)]`,children:[(0,c.jsx)(u,{icon:o.getConversationTagIcon(e,t)}),(0,c.jsx)(`span`,{className:`min-w-0 whitespace-normal break-words leading-4`,children:a.getConversationTagLabel(e,f)})]}),(0,c.jsx)(`dd`,{className:`m-0 whitespace-normal break-words text-left leading-4 text-[var(--foreground)]`,title:t,children:t})]},e))})}),document.body)]})}exports.ConversationTagChips=f;
 //# sourceMappingURL=conversation-tag-chips.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"conversation-tag-chips.cjs","names":[],"sources":["../../../../../src/components/features/conversation-panel/conversation-card/conversation-tag-chips.tsx"],"sourcesContent":["import React from \"react\";\nimport { createPortal } from \"react-dom\";\nimport { useTranslation } from \"react-i18next\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { cn } from \"#/utils/utils\";\nimport {\n  computeVisibleTagChipCount,\n  formatConversationTagTooltip,\n  getConversationTagLabel,\n  truncateTagChipValue,\n} from \"./conversation-tag-display\";\nimport {\n  getConversationTagIcon,\n  type ConversationTagIcon,\n} from \"./conversation-tag-icons\";\nimport {\n  CONVERSATION_CARD_META_CHIP_CLASSNAME,\n  CONVERSATION_CARD_META_CHIP_ICON_CLASSNAME,\n  CONVERSATION_CARD_META_CHIP_ICON_SLOT_CLASSNAME,\n} from \"./conversation-card-meta-chip\";\n\ninterface ConversationTagChipsProps {\n  tags: Array<[string, string]>;\n}\n\n/**\n * Fixed line-height slot so Lucide / react-icons / local SVGs share the same\n * optical center as the ``leading-4`` chip / overflow text (raw ``h-3 w-3``\n * SVGs sit on the baseline and look high or low depending on the glyph).\n */\nfunction TagIconSlot({\n  icon: Icon,\n  keyName,\n  testId,\n}: {\n  icon: ConversationTagIcon;\n  keyName?: string;\n  testId?: string;\n}) {\n  return (\n    <span\n      className={CONVERSATION_CARD_META_CHIP_ICON_SLOT_CLASSNAME}\n      aria-hidden\n    >\n      <Icon\n        data-testid={testId}\n        data-tag-key={keyName}\n        aria-hidden\n        className={CONVERSATION_CARD_META_CHIP_ICON_CLASSNAME}\n      />\n    </span>\n  );\n}\n\nfunction TagChipContent({\n  icon,\n  keyName,\n  value,\n  iconTestId,\n}: {\n  icon: ConversationTagIcon;\n  keyName: string;\n  value: string;\n  /**\n   * Only the visible row passes this. The off-screen measure row renders the\n   * same chips, so tagging both would emit every chip test id twice and break\n   * ``getByTestId`` (singular) for any card with tags.\n   */\n  iconTestId?: string;\n}) {\n  return (\n    <>\n      <TagIconSlot icon={icon} keyName={keyName} testId={iconTestId} />\n      <span className=\"truncate leading-4\">{truncateTagChipValue(value)}</span>\n    </>\n  );\n}\n\n/**\n * Single-row tag chips for a conversation card. Chip labels are value-only\n * (key lives in the tooltip); chips that do not fit fold behind a ``+N``\n * button that opens a key/value popover.\n *\n * The overflow popover is portaled with ``position: fixed`` so it is not\n * clipped by the chip row's ``overflow-hidden`` or the sidebar scroller.\n */\nexport function ConversationTagChips({ tags }: ConversationTagChipsProps) {\n  const { t } = useTranslation(\"openhands\");\n  const containerRef = React.useRef<HTMLDivElement>(null);\n  const measureRef = React.useRef<HTMLDivElement>(null);\n  const triggerRef = React.useRef<HTMLButtonElement>(null);\n  const popoverRef = React.useRef<HTMLDivElement>(null);\n  const [visibleCount, setVisibleCount] = React.useState(tags.length);\n  const [isOverflowOpen, setIsOverflowOpen] = React.useState(false);\n  const [popoverBox, setPopoverBox] = React.useState<{\n    top: number;\n    left: number;\n  } | null>(null);\n\n  const recomputeVisibleCount = React.useCallback(() => {\n    const container = containerRef.current;\n    const measure = measureRef.current;\n    if (!container || !measure) {\n      return;\n    }\n\n    const widths = Array.from(measure.children).map(\n      (child) => (child as HTMLElement).offsetWidth,\n    );\n    setVisibleCount(computeVisibleTagChipCount(widths, container.clientWidth));\n  }, []);\n\n  const measurePopover = React.useCallback(() => {\n    const trigger = triggerRef.current;\n    if (!trigger) {\n      return;\n    }\n    const rect = trigger.getBoundingClientRect();\n    const gutter = 8;\n    const width = 16 * 16;\n    let left = rect.left;\n    if (left + width > window.innerWidth - gutter) {\n      left = Math.max(gutter, window.innerWidth - gutter - width);\n    }\n    setPopoverBox({ top: rect.bottom + 4, left });\n  }, []);\n\n  // Callers build this array fresh on every render (``getDisplayConversationTags``\n  // returns a new array), so keying the reset effect on ``tags`` identity would\n  // fire on every parent render — closing an open ``+N`` popover and forcing a\n  // layout read on each 10s panel refetch. Compare tag *content* instead.\n  const tagsKey = tags.map(([key, value]) => `${key}=${value}`).join(\"\\u001f\");\n  const lastTagsKeyRef = React.useRef<string | null>(null);\n\n  React.useLayoutEffect(() => {\n    if (lastTagsKeyRef.current === tagsKey) {\n      return;\n    }\n    lastTagsKeyRef.current = tagsKey;\n    setIsOverflowOpen(false);\n    recomputeVisibleCount();\n  }, [tagsKey, recomputeVisibleCount]);\n\n  React.useEffect(() => {\n    const container = containerRef.current;\n    if (!container || typeof ResizeObserver === \"undefined\") {\n      return undefined;\n    }\n\n    const observer = new ResizeObserver(() => recomputeVisibleCount());\n    observer.observe(container);\n    return () => observer.disconnect();\n  }, [recomputeVisibleCount]);\n\n  React.useLayoutEffect(() => {\n    if (!isOverflowOpen) {\n      setPopoverBox(null);\n      return undefined;\n    }\n    measurePopover();\n    window.addEventListener(\"resize\", measurePopover);\n    window.addEventListener(\"scroll\", measurePopover, true);\n    return () => {\n      window.removeEventListener(\"resize\", measurePopover);\n      window.removeEventListener(\"scroll\", measurePopover, true);\n    };\n  }, [isOverflowOpen, measurePopover]);\n\n  React.useEffect(() => {\n    if (!isOverflowOpen) {\n      return undefined;\n    }\n    const onPointerDown = (event: MouseEvent) => {\n      const target = event.target as Node;\n      if (triggerRef.current?.contains(target)) {\n        return;\n      }\n      if (popoverRef.current?.contains(target)) {\n        return;\n      }\n      setIsOverflowOpen(false);\n    };\n    const onKeyDown = (event: KeyboardEvent) => {\n      if (event.key === \"Escape\") {\n        setIsOverflowOpen(false);\n      }\n    };\n    // mousedown (not click) so the opening click cannot race-close the panel,\n    // and so NavigationLink activation is easier to cancel on the trigger.\n    document.addEventListener(\"mousedown\", onPointerDown);\n    document.addEventListener(\"keydown\", onKeyDown);\n    return () => {\n      document.removeEventListener(\"mousedown\", onPointerDown);\n      document.removeEventListener(\"keydown\", onKeyDown);\n    };\n  }, [isOverflowOpen]);\n\n  if (tags.length === 0) {\n    return null;\n  }\n\n  const hiddenCount = Math.max(0, tags.length - visibleCount);\n  const visibleTags = tags.slice(0, visibleCount);\n  const overflowTags = tags.slice(visibleCount);\n\n  const stopCardNavigation = (event: React.SyntheticEvent) => {\n    // Don't preventDefault on mousedown — that suppresses the subsequent click\n    // when the chip sits inside a conversation NavigationLink.\n    event.stopPropagation();\n  };\n\n  const activateOverflow = (event: React.MouseEvent<HTMLButtonElement>) => {\n    event.preventDefault();\n    event.stopPropagation();\n    setIsOverflowOpen((open) => !open);\n  };\n\n  return (\n    <div\n      data-testid=\"conversation-card-tag-chips\"\n      className=\"relative min-w-0 w-full\"\n    >\n      <div\n        ref={measureRef}\n        aria-hidden\n        className=\"pointer-events-none fixed top-0 -left-[10000px] z-[-1] flex flex-nowrap items-center gap-1 opacity-0\"\n      >\n        {tags.map(([key, value]) => (\n          <span key={key} className={CONVERSATION_CARD_META_CHIP_CLASSNAME}>\n            <TagChipContent\n              icon={getConversationTagIcon(key, value)}\n              keyName={key}\n              value={value}\n            />\n          </span>\n        ))}\n      </div>\n\n      <div\n        ref={containerRef}\n        data-testid=\"conversation-card-tag-row\"\n        className=\"flex w-full min-w-0 max-w-full flex-nowrap items-center gap-1 overflow-hidden\"\n      >\n        {visibleTags.map(([key, value]) => (\n          <span\n            key={key}\n            data-testid=\"conversation-card-tag-chip\"\n            title={formatConversationTagTooltip(key, value, t)}\n            className={CONVERSATION_CARD_META_CHIP_CLASSNAME}\n          >\n            <TagChipContent\n              icon={getConversationTagIcon(key, value)}\n              keyName={key}\n              value={value}\n              iconTestId=\"conversation-card-tag-chip-icon\"\n            />\n          </span>\n        ))}\n        {hiddenCount > 0 ? (\n          <button\n            ref={triggerRef}\n            type=\"button\"\n            data-testid=\"conversation-card-tag-overflow\"\n            aria-expanded={isOverflowOpen}\n            aria-haspopup=\"dialog\"\n            aria-label={t(I18nKey.CONVERSATION$TAGS_OVERFLOW_ARIA, {\n              count: hiddenCount,\n            })}\n            onMouseDown={stopCardNavigation}\n            onClick={activateOverflow}\n            className={cn(\n              CONVERSATION_CARD_META_CHIP_CLASSNAME,\n              \"shrink-0 self-center hover:bg-[var(--oh-interactive-hover)] hover:text-[var(--foreground)]\",\n            )}\n          >\n            {/* Match chip height (icon slot + label) so +N shares the same centerline. */}\n            <span className=\"inline-flex h-4 w-0 shrink-0\" aria-hidden />\n            <span className=\"leading-4\">{`+${hiddenCount}`}</span>\n          </button>\n        ) : null}\n      </div>\n\n      {isOverflowOpen &&\n        popoverBox &&\n        typeof document !== \"undefined\" &&\n        createPortal(\n          // Stop card-level click activation when interacting with the list.\n          // eslint-disable-next-line jsx-a11y/no-noninteractive-element-interactions -- dialog surface must swallow clicks\n          <div\n            ref={popoverRef}\n            role=\"dialog\"\n            data-testid=\"conversation-card-tag-overflow-popover\"\n            className={cn(\n              \"z-[9999] min-w-[10rem] max-w-[16rem]\",\n              \"rounded-md border border-[var(--oh-border-subtle)]\",\n              \"bg-[var(--oh-surface)] p-2 shadow-lg\",\n            )}\n            style={{\n              position: \"fixed\",\n              top: popoverBox.top,\n              left: popoverBox.left,\n            }}\n            onMouseDown={stopCardNavigation}\n            onClick={(event) => {\n              event.preventDefault();\n              event.stopPropagation();\n            }}\n          >\n            <dl className=\"m-0 flex flex-col gap-1\">\n              {overflowTags.map(([key, value]) => (\n                <div\n                  key={key}\n                  data-testid=\"conversation-card-tag-overflow-row\"\n                  className=\"grid grid-cols-[minmax(0,auto)_minmax(0,1fr)] gap-x-2 text-[10px] leading-4\"\n                >\n                  <dt className=\"m-0 inline-flex min-w-0 items-center gap-1 whitespace-normal break-words text-[var(--oh-muted)]\">\n                    <TagIconSlot icon={getConversationTagIcon(key, value)} />\n                    <span className=\"min-w-0 whitespace-normal break-words leading-4\">\n                      {getConversationTagLabel(key, t)}\n                    </span>\n                  </dt>\n                  <dd\n                    className=\"m-0 whitespace-normal break-words text-left leading-4 text-[var(--foreground)]\"\n                    title={value}\n                  >\n                    {value}\n                  </dd>\n                </div>\n              ))}\n            </dl>\n          </div>,\n          document.body,\n        )}\n    </div>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"conversation-tag-chips.cjs","names":[],"sources":["../../../../../src/components/features/conversation-panel/conversation-card/conversation-tag-chips.tsx"],"sourcesContent":["import React from \"react\";\nimport { createPortal } from \"react-dom\";\nimport { useTranslation } from \"react-i18next\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { cn } from \"#/utils/utils\";\nimport {\n  computeVisibleTagChipCount,\n  formatConversationTagTooltip,\n  getConversationTagLabel,\n  truncateTagChipValue,\n} from \"./conversation-tag-display\";\nimport {\n  getConversationTagIcon,\n  type ConversationTagIcon,\n} from \"./conversation-tag-icons\";\nimport {\n  CONVERSATION_CARD_META_CHIP_CLASSNAME,\n  CONVERSATION_CARD_META_CHIP_ICON_CLASSNAME,\n  CONVERSATION_CARD_META_CHIP_ICON_SLOT_CLASSNAME,\n} from \"./conversation-card-meta-chip\";\n\ninterface ConversationTagChipsProps {\n  tags: Array<[string, string]>;\n}\n\n/**\n * Fixed line-height slot so Lucide / react-icons / local SVGs share the same\n * optical center as the ``leading-4`` chip / overflow text (raw ``h-3 w-3``\n * SVGs sit on the baseline and look high or low depending on the glyph).\n */\nfunction TagIconSlot({\n  icon: Icon,\n  keyName,\n  testId,\n}: {\n  icon: ConversationTagIcon;\n  keyName?: string;\n  testId?: string;\n}) {\n  return (\n    <span\n      className={CONVERSATION_CARD_META_CHIP_ICON_SLOT_CLASSNAME}\n      aria-hidden\n    >\n      <Icon\n        data-testid={testId}\n        data-tag-key={keyName}\n        aria-hidden\n        className={CONVERSATION_CARD_META_CHIP_ICON_CLASSNAME}\n      />\n    </span>\n  );\n}\n\nfunction TagChipContent({\n  icon,\n  keyName,\n  value,\n  iconTestId,\n}: {\n  icon: ConversationTagIcon;\n  keyName: string;\n  value: string;\n  /**\n   * Only the visible row passes this. The off-screen measure row renders the\n   * same chips, so tagging both would emit every chip test id twice and break\n   * ``getByTestId`` (singular) for any card with tags.\n   */\n  iconTestId?: string;\n}) {\n  return (\n    <>\n      <TagIconSlot icon={icon} keyName={keyName} testId={iconTestId} />\n      {/* Bare tags (empty value) fall back to the key so the chip is never\n          an empty pill. */}\n      <span className=\"truncate leading-4\">\n        {truncateTagChipValue(value || keyName)}\n      </span>\n    </>\n  );\n}\n\n/**\n * Single-row tag chips for a conversation card. Chip labels are value-only\n * (bare tags with an empty value show the key; the full ``key: value`` pair\n * lives in the tooltip); chips that do not fit fold behind a ``+N``\n * button that opens a key/value popover.\n *\n * The overflow popover is portaled with ``position: fixed`` so it is not\n * clipped by the chip row's ``overflow-hidden`` or the sidebar scroller.\n */\nexport function ConversationTagChips({ tags }: ConversationTagChipsProps) {\n  const { t } = useTranslation(\"openhands\");\n  const containerRef = React.useRef<HTMLDivElement>(null);\n  const measureRef = React.useRef<HTMLDivElement>(null);\n  const triggerRef = React.useRef<HTMLButtonElement>(null);\n  const popoverRef = React.useRef<HTMLDivElement>(null);\n  const [visibleCount, setVisibleCount] = React.useState(tags.length);\n  const [isOverflowOpen, setIsOverflowOpen] = React.useState(false);\n  const [popoverBox, setPopoverBox] = React.useState<{\n    top: number;\n    left: number;\n  } | null>(null);\n\n  const recomputeVisibleCount = React.useCallback(() => {\n    const container = containerRef.current;\n    const measure = measureRef.current;\n    if (!container || !measure) {\n      return;\n    }\n\n    const widths = Array.from(measure.children).map(\n      (child) => (child as HTMLElement).offsetWidth,\n    );\n    setVisibleCount(computeVisibleTagChipCount(widths, container.clientWidth));\n  }, []);\n\n  const measurePopover = React.useCallback(() => {\n    const trigger = triggerRef.current;\n    if (!trigger) {\n      return;\n    }\n    const rect = trigger.getBoundingClientRect();\n    const gutter = 8;\n    const width = 16 * 16;\n    let left = rect.left;\n    if (left + width > window.innerWidth - gutter) {\n      left = Math.max(gutter, window.innerWidth - gutter - width);\n    }\n    setPopoverBox({ top: rect.bottom + 4, left });\n  }, []);\n\n  // Callers build this array fresh on every render (``getDisplayConversationTags``\n  // returns a new array), so keying the reset effect on ``tags`` identity would\n  // fire on every parent render — closing an open ``+N`` popover and forcing a\n  // layout read on each 10s panel refetch. Compare tag *content* instead.\n  const tagsKey = tags.map(([key, value]) => `${key}=${value}`).join(\"\\u001f\");\n  const lastTagsKeyRef = React.useRef<string | null>(null);\n\n  React.useLayoutEffect(() => {\n    if (lastTagsKeyRef.current === tagsKey) {\n      return;\n    }\n    lastTagsKeyRef.current = tagsKey;\n    setIsOverflowOpen(false);\n    recomputeVisibleCount();\n  }, [tagsKey, recomputeVisibleCount]);\n\n  React.useEffect(() => {\n    const container = containerRef.current;\n    if (!container || typeof ResizeObserver === \"undefined\") {\n      return undefined;\n    }\n\n    const observer = new ResizeObserver(() => recomputeVisibleCount());\n    observer.observe(container);\n    return () => observer.disconnect();\n  }, [recomputeVisibleCount]);\n\n  React.useLayoutEffect(() => {\n    if (!isOverflowOpen) {\n      setPopoverBox(null);\n      return undefined;\n    }\n    measurePopover();\n    window.addEventListener(\"resize\", measurePopover);\n    window.addEventListener(\"scroll\", measurePopover, true);\n    return () => {\n      window.removeEventListener(\"resize\", measurePopover);\n      window.removeEventListener(\"scroll\", measurePopover, true);\n    };\n  }, [isOverflowOpen, measurePopover]);\n\n  React.useEffect(() => {\n    if (!isOverflowOpen) {\n      return undefined;\n    }\n    const onPointerDown = (event: MouseEvent) => {\n      const target = event.target as Node;\n      if (triggerRef.current?.contains(target)) {\n        return;\n      }\n      if (popoverRef.current?.contains(target)) {\n        return;\n      }\n      setIsOverflowOpen(false);\n    };\n    const onKeyDown = (event: KeyboardEvent) => {\n      if (event.key === \"Escape\") {\n        setIsOverflowOpen(false);\n      }\n    };\n    // mousedown (not click) so the opening click cannot race-close the panel,\n    // and so NavigationLink activation is easier to cancel on the trigger.\n    document.addEventListener(\"mousedown\", onPointerDown);\n    document.addEventListener(\"keydown\", onKeyDown);\n    return () => {\n      document.removeEventListener(\"mousedown\", onPointerDown);\n      document.removeEventListener(\"keydown\", onKeyDown);\n    };\n  }, [isOverflowOpen]);\n\n  if (tags.length === 0) {\n    return null;\n  }\n\n  const hiddenCount = Math.max(0, tags.length - visibleCount);\n  const visibleTags = tags.slice(0, visibleCount);\n  const overflowTags = tags.slice(visibleCount);\n\n  const stopCardNavigation = (event: React.SyntheticEvent) => {\n    // Don't preventDefault on mousedown — that suppresses the subsequent click\n    // when the chip sits inside a conversation NavigationLink.\n    event.stopPropagation();\n  };\n\n  const activateOverflow = (event: React.MouseEvent<HTMLButtonElement>) => {\n    event.preventDefault();\n    event.stopPropagation();\n    setIsOverflowOpen((open) => !open);\n  };\n\n  return (\n    <div\n      data-testid=\"conversation-card-tag-chips\"\n      className=\"relative min-w-0 w-full\"\n    >\n      <div\n        ref={measureRef}\n        aria-hidden\n        className=\"pointer-events-none fixed top-0 -left-[10000px] z-[-1] flex flex-nowrap items-center gap-1 opacity-0\"\n      >\n        {tags.map(([key, value]) => (\n          <span key={key} className={CONVERSATION_CARD_META_CHIP_CLASSNAME}>\n            <TagChipContent\n              icon={getConversationTagIcon(key, value)}\n              keyName={key}\n              value={value}\n            />\n          </span>\n        ))}\n      </div>\n\n      <div\n        ref={containerRef}\n        data-testid=\"conversation-card-tag-row\"\n        className=\"flex w-full min-w-0 max-w-full flex-nowrap items-center gap-1 overflow-hidden\"\n      >\n        {visibleTags.map(([key, value]) => (\n          <span\n            key={key}\n            data-testid=\"conversation-card-tag-chip\"\n            title={formatConversationTagTooltip(key, value, t)}\n            className={CONVERSATION_CARD_META_CHIP_CLASSNAME}\n          >\n            <TagChipContent\n              icon={getConversationTagIcon(key, value)}\n              keyName={key}\n              value={value}\n              iconTestId=\"conversation-card-tag-chip-icon\"\n            />\n          </span>\n        ))}\n        {hiddenCount > 0 ? (\n          <button\n            ref={triggerRef}\n            type=\"button\"\n            data-testid=\"conversation-card-tag-overflow\"\n            aria-expanded={isOverflowOpen}\n            aria-haspopup=\"dialog\"\n            aria-label={t(I18nKey.CONVERSATION$TAGS_OVERFLOW_ARIA, {\n              count: hiddenCount,\n            })}\n            onMouseDown={stopCardNavigation}\n            onClick={activateOverflow}\n            className={cn(\n              CONVERSATION_CARD_META_CHIP_CLASSNAME,\n              \"shrink-0 self-center hover:bg-[var(--oh-interactive-hover)] hover:text-[var(--foreground)]\",\n            )}\n          >\n            {/* Match chip height (icon slot + label) so +N shares the same centerline. */}\n            <span className=\"inline-flex h-4 w-0 shrink-0\" aria-hidden />\n            <span className=\"leading-4\">{`+${hiddenCount}`}</span>\n          </button>\n        ) : null}\n      </div>\n\n      {isOverflowOpen &&\n        popoverBox &&\n        typeof document !== \"undefined\" &&\n        createPortal(\n          // Stop card-level click activation when interacting with the list.\n          // eslint-disable-next-line jsx-a11y/no-noninteractive-element-interactions -- dialog surface must swallow clicks\n          <div\n            ref={popoverRef}\n            role=\"dialog\"\n            data-testid=\"conversation-card-tag-overflow-popover\"\n            className={cn(\n              \"z-[9999] min-w-[10rem] max-w-[16rem]\",\n              \"rounded-md border border-[var(--oh-border-subtle)]\",\n              \"bg-[var(--oh-surface)] p-2 shadow-lg\",\n            )}\n            style={{\n              position: \"fixed\",\n              top: popoverBox.top,\n              left: popoverBox.left,\n            }}\n            onMouseDown={stopCardNavigation}\n            onClick={(event) => {\n              event.preventDefault();\n              event.stopPropagation();\n            }}\n          >\n            <dl className=\"m-0 flex flex-col gap-1\">\n              {overflowTags.map(([key, value]) => (\n                <div\n                  key={key}\n                  data-testid=\"conversation-card-tag-overflow-row\"\n                  className=\"grid grid-cols-[minmax(0,auto)_minmax(0,1fr)] gap-x-2 text-[10px] leading-4\"\n                >\n                  <dt className=\"m-0 inline-flex min-w-0 items-center gap-1 whitespace-normal break-words text-[var(--oh-muted)]\">\n                    <TagIconSlot icon={getConversationTagIcon(key, value)} />\n                    <span className=\"min-w-0 whitespace-normal break-words leading-4\">\n                      {getConversationTagLabel(key, t)}\n                    </span>\n                  </dt>\n                  <dd\n                    className=\"m-0 whitespace-normal break-words text-left leading-4 text-[var(--foreground)]\"\n                    title={value}\n                  >\n                    {value}\n                  </dd>\n                </div>\n              ))}\n            </dl>\n          </div>,\n          document.body,\n        )}\n    </div>\n  );\n}\n"],"mappings":"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"}

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

@@ -4,7 +4,8 @@ interface ConversationTagChipsProps {
 }
 /**
  * Single-row tag chips for a conversation card. Chip labels are value-only
- * (key lives in the tooltip); chips that do not fit fold behind a ``+N``
+ * (bare tags with an empty value show the key; the full ``key: value`` pair
+ * lives in the tooltip); chips that do not fit fold behind a ``+N``
  * button that opens a key/value popover.
  *
  * The overflow popover is portaled with ``position: fixed`` so it is not