@openhands/agent-canvas 1.16.0 → 1.18.0

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"conversation-card-preview.js","names":[],"sources":["../../../../../src/components/features/conversation-panel/conversation-card/conversation-card-preview.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport { Folder } from \"lucide-react\";\nimport { FaBitbucket, FaGithub, FaGitlab } from \"react-icons/fa6\";\nimport { FaCodeBranch } from \"react-icons/fa\";\nimport type { IconType } from \"react-icons/lib\";\nimport { useTranslation } from \"react-i18next\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport type { RepositorySelection } from \"#/api/open-hands.types\";\nimport type { Provider } from \"#/types/settings\";\nimport type { ExecutionStatus } from \"#/types/agent-server/core/base/common\";\nimport type { SandboxStatus } from \"#/api/conversation-service/agent-server-conversation-service.types\";\nimport { getDisplayConversationTags } from \"#/api/agent-server-adapter\";\nimport { resolveAcpProviderIcon } from \"#/constants/acp-providers\";\nimport AzureDevOpsLogo from \"#/assets/branding/azure-devops-logo.svg?react\";\nimport { AgentBrandIcon } from \"#/components/shared/agent-brand-icon\";\nimport { ConversationStatusDot } from \"../conversation-status-dot\";\nimport { getConversationTagLabel } from \"./conversation-tag-display\";\nimport { getConversationTagIcon } from \"./conversation-tag-icons\";\n\ninterface ConversationCardPreviewProps {\n  title: string;\n  executionStatus?: ExecutionStatus | null;\n  sandboxStatus?: SandboxStatus | null;\n  selectedRepository: RepositorySelection | null;\n  workspaceWorkingDir?: string | null;\n  llmModel?: string | null;\n  /**\n   * High-level kind of the conversation's agent. Drives the model row's brand\n   * mark exactly like the card chip does — without it an ACP conversation\n   * would show the OpenHands wordmark next to a Claude Code / Codex / Gemini\n   * model, contradicting the chip on the very card being hovered.\n   */\n  agentKind?: \"openhands\" | \"acp\" | null;\n  /** Registry key of the ACP CLI server, resolved to its brand mark. */\n  acpServer?: string | null;\n  createdAt?: string;\n  /**\n   * Server-side conversation tags. Always shown in the hovercard when present\n   * (except keys already covered by repository / branch / directory rows).\n   * Sidebar card chips stay gated by the panel's Tags preference.\n   */\n  tags?: Record<string, string> | null;\n}\n\nconst providerIcon: Partial<Record<Provider, IconType>> = {\n  bitbucket: FaBitbucket,\n  bitbucket_data_center: FaBitbucket,\n  github: FaGithub,\n  gitlab: FaGitlab,\n};\n\ninterface PreviewRowProps {\n  label: string;\n  children: ReactNode;\n}\n\nfunction PreviewRow({ label, children }: PreviewRowProps) {\n  return (\n    <div className=\"flex items-start gap-2 text-xs leading-4\">\n      <span className=\"w-20 shrink-0 whitespace-normal break-words text-[var(--oh-muted)]\">\n        {label}\n      </span>\n      <span className=\"min-w-0 flex-1 overflow-visible whitespace-normal break-words text-[var(--oh-foreground)]\">\n        {children}\n      </span>\n    </div>\n  );\n}\n\n/**\n * Icon + value for preview rows. The icon sits in a box matching the first\n * line's height (``leading-4``) so it stays optically centered when the value\n * wraps to multiple lines. The slot has a 12px *minimum* rather than a fixed\n * width so the wider OpenHands wordmark (18px at ``size={12}``) is not clipped,\n * while the square icons still share one column.\n */\nfunction PreviewValueWithIcon({\n  icon,\n  children,\n  testId,\n  tagKey,\n}: {\n  icon?: ReactNode;\n  children: ReactNode;\n  testId?: string;\n  tagKey?: string;\n}) {\n  return (\n    <span\n      data-testid={testId}\n      data-tag-key={tagKey}\n      className=\"inline-flex min-w-0 max-w-full items-start gap-1.5\"\n    >\n      {icon ? (\n        <span className=\"inline-flex h-4 min-w-3 shrink-0 items-center justify-center [&_svg]:block\">\n          {icon}\n        </span>\n      ) : null}\n      <span className=\"min-w-0 flex-1 whitespace-normal break-all\">\n        {children}\n      </span>\n    </span>\n  );\n}\n\nexport function ConversationCardPreview({\n  title,\n  executionStatus,\n  sandboxStatus,\n  selectedRepository,\n  workspaceWorkingDir,\n  llmModel,\n  agentKind = null,\n  acpServer = null,\n  createdAt,\n  tags = null,\n}: ConversationCardPreviewProps) {\n  const { t } = useTranslation(\"openhands\");\n\n  const repository = selectedRepository?.selected_repository ?? null;\n  const branch = selectedRepository?.selected_branch ?? null;\n  const provider = selectedRepository?.git_provider ?? null;\n  const ProviderIcon = provider ? providerIcon[provider] : null;\n\n  const createdLabel = createdAt\n    ? new Date(createdAt).toLocaleString(undefined, {\n        dateStyle: \"medium\",\n        timeStyle: \"short\",\n      })\n    : null;\n\n  const previewTags = getDisplayConversationTags(tags);\n\n  return (\n    <div\n      data-testid=\"conversation-card-preview\"\n      className=\"flex w-[280px] max-w-[min(280px,90vw)] flex-col gap-3 overflow-visible p-3\"\n    >\n      <div className=\"flex items-start gap-2\">\n        {executionStatus !== undefined ? (\n          <span className=\"inline-flex h-5 w-2.5 shrink-0 items-center justify-center\">\n            <ConversationStatusDot\n              executionStatus={executionStatus}\n              sandboxStatus={sandboxStatus}\n              showTooltip={false}\n            />\n          </span>\n        ) : null}\n        <span className=\"break-words text-sm font-medium leading-5 text-white\">\n          {title}\n        </span>\n      </div>\n\n      <dl className=\"flex flex-col gap-1.5\">\n        {repository ? (\n          <>\n            <PreviewRow label={t(I18nKey.CONVERSATION_PANEL$PREVIEW_REPO)}>\n              <PreviewValueWithIcon\n                icon={\n                  ProviderIcon ? (\n                    <ProviderIcon size={12} />\n                  ) : provider === \"azure_devops\" ? (\n                    <AzureDevOpsLogo className=\"h-3 w-3\" />\n                  ) : undefined\n                }\n              >\n                {repository}\n              </PreviewValueWithIcon>\n            </PreviewRow>\n            {branch ? (\n              <PreviewRow label={t(I18nKey.CONVERSATION_PANEL$PREVIEW_BRANCH)}>\n                <PreviewValueWithIcon icon={<FaCodeBranch size={11} />}>\n                  {branch}\n                </PreviewValueWithIcon>\n              </PreviewRow>\n            ) : null}\n          </>\n        ) : workspaceWorkingDir ? (\n          <PreviewRow label={t(I18nKey.CONVERSATION_PANEL$PREVIEW_DIRECTORY)}>\n            <PreviewValueWithIcon icon={<Folder size={12} />}>\n              {workspaceWorkingDir}\n            </PreviewValueWithIcon>\n          </PreviewRow>\n        ) : null}\n\n        {llmModel ? (\n          <PreviewRow label={t(I18nKey.CONVERSATION_PANEL$PREVIEW_MODEL)}>\n            <PreviewValueWithIcon\n              testId=\"conversation-card-preview-model\"\n              icon={\n                <AgentBrandIcon\n                  kind={\n                    agentKind === \"acp\"\n                      ? resolveAcpProviderIcon(acpServer)\n                      : \"openhands\"\n                  }\n                  size={12}\n                />\n              }\n            >\n              {llmModel}\n            </PreviewValueWithIcon>\n          </PreviewRow>\n        ) : null}\n\n        {previewTags.map(([key, value]) => {\n          const Icon = getConversationTagIcon(key, value);\n          const label = getConversationTagLabel(key, t);\n\n          return (\n            <PreviewRow key={key} label={label}>\n              <PreviewValueWithIcon\n                testId=\"conversation-card-preview-tag-row\"\n                tagKey={key}\n                icon={<Icon aria-hidden className=\"h-3 w-3\" />}\n              >\n                {value}\n              </PreviewValueWithIcon>\n            </PreviewRow>\n          );\n        })}\n\n        {createdLabel ? (\n          <PreviewRow label={t(I18nKey.CONVERSATION$CREATED)}>\n            {createdLabel}\n          </PreviewRow>\n        ) : null}\n      </dl>\n    </div>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"conversation-card-preview.js","names":[],"sources":["../../../../../src/components/features/conversation-panel/conversation-card/conversation-card-preview.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport { Folder } from \"lucide-react\";\nimport { FaBitbucket, FaGithub, FaGitlab } from \"react-icons/fa6\";\nimport { FaCodeBranch } from \"react-icons/fa\";\nimport type { IconType } from \"react-icons/lib\";\nimport { useTranslation } from \"react-i18next\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport type { RepositorySelection } from \"#/api/open-hands.types\";\nimport type { Provider } from \"#/types/settings\";\nimport type { ExecutionStatus } from \"#/types/agent-server/core/base/common\";\nimport type { SandboxStatus } from \"#/api/conversation-service/agent-server-conversation-service.types\";\nimport { getDisplayConversationTags } from \"#/api/agent-server-adapter\";\nimport { resolveAcpProviderIcon } from \"#/constants/acp-providers\";\nimport AzureDevOpsLogo from \"#/assets/branding/azure-devops-logo.svg?react\";\nimport { AgentBrandIcon } from \"#/components/shared/agent-brand-icon\";\nimport { ConversationStatusDot } from \"../conversation-status-dot\";\nimport { getConversationTagLabel } from \"./conversation-tag-display\";\nimport { getConversationTagIcon } from \"./conversation-tag-icons\";\n\ninterface ConversationCardPreviewProps {\n  title: string;\n  executionStatus?: ExecutionStatus | null;\n  sandboxStatus?: SandboxStatus | null;\n  selectedRepository: RepositorySelection | null;\n  workspaceWorkingDir?: string | null;\n  llmModel?: string | null;\n  /**\n   * High-level kind of the conversation's agent. Drives the model row's brand\n   * mark exactly like the card chip does — without it an ACP conversation\n   * would show the OpenHands wordmark next to a Claude Code / Codex / Gemini\n   * model, contradicting the chip on the very card being hovered.\n   */\n  agentKind?: \"openhands\" | \"acp\" | null;\n  /** Registry key of the ACP CLI server, resolved to its brand mark. */\n  acpServer?: string | null;\n  createdAt?: string;\n  /**\n   * Server-side conversation tags. Always shown in the hovercard when present\n   * (except keys already covered by repository / branch / directory rows).\n   * Sidebar card chips stay gated by the panel's Tags preference.\n   */\n  tags?: Record<string, string> | null;\n}\n\nconst providerIcon: Partial<Record<Provider, IconType>> = {\n  bitbucket: FaBitbucket,\n  bitbucket_data_center: FaBitbucket,\n  github: FaGithub,\n  gitlab: FaGitlab,\n};\n\ninterface PreviewRowProps {\n  label: string;\n  children: ReactNode;\n}\n\nfunction PreviewRow({ label, children }: PreviewRowProps) {\n  return (\n    <div className=\"flex items-start gap-2 text-xs leading-4\">\n      <span className=\"w-20 shrink-0 whitespace-normal break-words text-[var(--oh-muted)]\">\n        {label}\n      </span>\n      <span className=\"min-w-0 flex-1 overflow-visible whitespace-normal break-words text-[var(--oh-foreground)]\">\n        {children}\n      </span>\n    </div>\n  );\n}\n\n/**\n * Icon + value for preview rows. The icon sits in a box matching the first\n * line's height (``leading-4``) so it stays optically centered when the value\n * wraps to multiple lines. The slot has a 12px *minimum* rather than a fixed\n * width so the wider OpenHands wordmark (18px at ``size={12}``) is not clipped,\n * while the square icons still share one column.\n */\nfunction PreviewValueWithIcon({\n  icon,\n  children,\n  testId,\n  tagKey,\n}: {\n  icon?: ReactNode;\n  children: ReactNode;\n  testId?: string;\n  tagKey?: string;\n}) {\n  return (\n    <span\n      data-testid={testId}\n      data-tag-key={tagKey}\n      className=\"inline-flex min-w-0 max-w-full items-start gap-1.5\"\n    >\n      {icon ? (\n        <span className=\"inline-flex h-4 min-w-3 shrink-0 items-center justify-center [&_svg]:block\">\n          {icon}\n        </span>\n      ) : null}\n      <span className=\"min-w-0 flex-1 whitespace-normal break-all\">\n        {children}\n      </span>\n    </span>\n  );\n}\n\nexport function ConversationCardPreview({\n  title,\n  executionStatus,\n  sandboxStatus,\n  selectedRepository,\n  workspaceWorkingDir,\n  llmModel,\n  agentKind = null,\n  acpServer = null,\n  createdAt,\n  tags = null,\n}: ConversationCardPreviewProps) {\n  const { t } = useTranslation(\"openhands\");\n\n  const repository = selectedRepository?.selected_repository ?? null;\n  const branch = selectedRepository?.selected_branch ?? null;\n  const provider = selectedRepository?.git_provider ?? null;\n  const ProviderIcon = provider ? providerIcon[provider] : null;\n\n  const createdLabel = createdAt\n    ? new Date(createdAt).toLocaleString(undefined, {\n        dateStyle: \"medium\",\n        timeStyle: \"short\",\n      })\n    : null;\n\n  const previewTags = getDisplayConversationTags(tags);\n\n  return (\n    <div\n      data-testid=\"conversation-card-preview\"\n      className=\"flex w-[280px] max-w-[min(280px,90vw)] flex-col gap-3 overflow-visible p-3\"\n    >\n      <div className=\"flex items-start gap-2\">\n        {executionStatus !== undefined ? (\n          <span className=\"inline-flex h-5 w-2.5 shrink-0 items-center justify-center\">\n            <ConversationStatusDot\n              executionStatus={executionStatus}\n              sandboxStatus={sandboxStatus}\n              showTooltip={false}\n            />\n          </span>\n        ) : null}\n        <span className=\"break-words text-sm font-medium leading-5 text-white\">\n          {title}\n        </span>\n      </div>\n\n      <dl className=\"flex flex-col gap-1.5\">\n        {repository ? (\n          <>\n            <PreviewRow label={t(I18nKey.CONVERSATION_PANEL$PREVIEW_REPO)}>\n              <PreviewValueWithIcon\n                icon={\n                  ProviderIcon ? (\n                    <ProviderIcon size={12} />\n                  ) : provider === \"azure_devops\" ? (\n                    <AzureDevOpsLogo className=\"h-3 w-3\" />\n                  ) : undefined\n                }\n              >\n                {repository}\n              </PreviewValueWithIcon>\n            </PreviewRow>\n            {branch ? (\n              <PreviewRow label={t(I18nKey.CONVERSATION_PANEL$PREVIEW_BRANCH)}>\n                <PreviewValueWithIcon icon={<FaCodeBranch size={11} />}>\n                  {branch}\n                </PreviewValueWithIcon>\n              </PreviewRow>\n            ) : null}\n          </>\n        ) : workspaceWorkingDir ? (\n          <PreviewRow label={t(I18nKey.CONVERSATION_PANEL$PREVIEW_DIRECTORY)}>\n            <PreviewValueWithIcon icon={<Folder size={12} />}>\n              {workspaceWorkingDir}\n            </PreviewValueWithIcon>\n          </PreviewRow>\n        ) : null}\n\n        {llmModel ? (\n          <PreviewRow label={t(I18nKey.CONVERSATION_PANEL$PREVIEW_MODEL)}>\n            <PreviewValueWithIcon\n              testId=\"conversation-card-preview-model\"\n              icon={\n                <AgentBrandIcon\n                  kind={\n                    agentKind === \"acp\"\n                      ? resolveAcpProviderIcon(acpServer)\n                      : \"openhands\"\n                  }\n                  size={12}\n                />\n              }\n            >\n              {llmModel}\n            </PreviewValueWithIcon>\n          </PreviewRow>\n        ) : null}\n\n        {previewTags.map(([key, value]) => {\n          const Icon = getConversationTagIcon(key, value);\n          const label = getConversationTagLabel(key, t);\n\n          return (\n            <PreviewRow key={key} label={label}>\n              <PreviewValueWithIcon\n                testId=\"conversation-card-preview-tag-row\"\n                tagKey={key}\n                icon={<Icon aria-hidden className=\"h-3 w-3\" />}\n              >\n                {/* Bare tags (empty value) show an em dash — the row label\n                    already carries the key, so repeating it would stutter. */}\n                {value || \"—\"}\n              </PreviewValueWithIcon>\n            </PreviewRow>\n          );\n        })}\n\n        {createdLabel ? (\n          <PreviewRow label={t(I18nKey.CONVERSATION$CREATED)}>\n            {createdLabel}\n          </PreviewRow>\n        ) : null}\n      </dl>\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;AA4CA,IAAM,IAAoD;CACxD,WAAW;CACX,uBAAuB;CACvB,QAAQ;CACR,QAAQ;AACV;AAOA,SAAS,EAAW,EAAE,UAAO,eAA6B;CACxD,OACE,kBAAC,OAAD;EAAK,WAAU;YAAf,CACE,kBAAC,QAAD;GAAM,WAAU;aACb;EACG,CAAA,GACN,kBAAC,QAAD;GAAM,WAAU;GACb;EACG,CAAA,CACH;;AAET;AASA,SAAS,EAAqB,EAC5B,SACA,aACA,WACA,aAMC;CACD,OACE,kBAAC,QAAD;EACE,eAAa;EACb,gBAAc;EACd,WAAU;YAHZ,CAKG,IACC,kBAAC,QAAD;GAAM,WAAU;aACb;EACG,CAAA,IACJ,MACJ,kBAAC,QAAD;GAAM,WAAU;GACb;EACG,CAAA,CACF;;AAEV;AAEA,SAAgB,EAAwB,EACtC,UACA,oBACA,kBACA,uBACA,wBACA,aACA,eAAY,MACZ,eAAY,MACZ,cACA,UAAO,QACwB;CAC/B,IAAM,EAAE,SAAM,EAAe,WAAW,GAElC,IAAa,GAAoB,uBAAuB,MACxD,IAAS,GAAoB,mBAAmB,MAChD,IAAW,GAAoB,gBAAgB,MAC/C,IAAe,IAAW,EAAa,KAAY,MAEnD,IAAe,IACjB,IAAI,KAAK,CAAS,EAAE,eAAe,KAAA,GAAW;EAC5C,WAAW;EACX,WAAW;CACb,CAAC,IACD,MAEE,IAAc,EAA2B,CAAI;CAEnD,OACE,kBAAC,OAAD;EACE,eAAY;EACZ,WAAU;YAFZ,CAIE,kBAAC,OAAD;GAAK,WAAU;aAAf,CACG,MAAoB,KAAA,IAQjB,OAPF,kBAAC,QAAD;IAAM,WAAU;cACd,kBAAC,GAAD;KACmB;KACF;KACf,aAAa;IACd,CAAA;GACG,CAAA,GAER,kBAAC,QAAD;IAAM,WAAU;cACb;GACG,CAAA,CACH;MAEL,kBAAC,MAAD;GAAI,WAAU;aAAd;IACG,IACC,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,GAAD;KAAY,OAAO,EAAE,EAAQ,+BAA+B;eAC1D,kBAAC,GAAD;MACE,MACE,IACE,kBAAC,GAAD,EAAc,MAAM,GAAK,CAAA,IACvB,MAAa,iBACf,kBAAC,GAAD,EAAiB,WAAU,UAAW,CAAA,IACpC,KAAA;gBAGL;KACmB,CAAA;IACZ,CAAA,GACX,IACC,kBAAC,GAAD;KAAY,OAAO,EAAE,EAAQ,iCAAiC;eAC5D,kBAAC,GAAD;MAAsB,MAAM,kBAAC,GAAD,EAAc,MAAM,GAAK,CAAA;gBAClD;KACmB,CAAA;IACZ,CAAA,IACV,IACJ,EAAA,CAAA,IACA,IACF,kBAAC,GAAD;KAAY,OAAO,EAAE,EAAQ,oCAAoC;eAC/D,kBAAC,GAAD;MAAsB,MAAM,kBAAC,GAAD,EAAQ,MAAM,GAAK,CAAA;gBAC5C;KACmB,CAAA;IACZ,CAAA,IACV;IAEH,IACC,kBAAC,GAAD;KAAY,OAAO,EAAE,EAAQ,gCAAgC;eAC3D,kBAAC,GAAD;MACE,QAAO;MACP,MACE,kBAAC,GAAD;OACE,MACE,MAAc,QACV,EAAuB,CAAS,IAChC;OAEN,MAAM;MACP,CAAA;gBAGF;KACmB,CAAA;IACZ,CAAA,IACV;IAEH,EAAY,KAAK,CAAC,GAAK,OAAW;KACjC,IAAM,IAAO,EAAuB,GAAK,CAAK;KAG9C,OACE,kBAAC,GAAD;MAA6B,OAHjB,EAAwB,GAAK,CAGZ;gBAC3B,kBAAC,GAAD;OACE,QAAO;OACP,QAAQ;OACR,MAAM,kBAAC,GAAD;QAAM,eAAA;QAAY,WAAU;OAAW,CAAA;iBAI5C,KAAS;MACU,CAAA;KACZ,GAVK,CAUL;IAEhB,CAAC;IAEA,IACC,kBAAC,GAAD;KAAY,OAAO,EAAE,EAAQ,oBAAoB;eAC9C;IACS,CAAA,IACV;GACF;IACD;;AAET"}

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

@@ -1,2 +1,2 @@
-const e=require("../../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../../node_modules/react-i18next/dist/es/useTranslation.cjs"),n=require("../../../../i18n/declaration.cjs"),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":"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"}
+{"version":3,"file":"conversation-card.cjs","names":[],"sources":["../../../../../src/components/features/conversation-panel/conversation-card/conversation-card.tsx"],"sourcesContent":["import React from \"react\";\nimport { Pin } from \"lucide-react\";\nimport { useTranslation } from \"react-i18next\";\nimport { useTracking } from \"#/hooks/use-tracking\";\nimport { cn } from \"#/utils/utils\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { transformVSCodeUrl } from \"#/utils/vscode-url-helper\";\nimport ConversationService from \"#/api/conversation-service/conversation-service.api\";\nimport { getDisplayConversationTags } from \"#/api/agent-server-adapter\";\nimport { ExecutionStatus } from \"#/types/agent-server/core/base/common\";\nimport { SandboxStatus } from \"#/api/conversation-service/agent-server-conversation-service.types\";\nimport { RepositorySelection } from \"#/api/open-hands.types\";\nimport { formatTimeDelta } from \"#/utils/format-time-delta\";\nimport {\n  hoverRevealActionClassName,\n  hoverRevealPinnedTimestampClassName,\n  hoverRevealReserveClassName,\n  hoverRevealYieldClassName,\n} from \"#/utils/hover-reveal-classes\";\nimport { ConversationCardHeader } from \"./conversation-card-header\";\nimport { ConversationCardActions } from \"./conversation-card-actions\";\nimport { ConversationCardFooter } from \"./conversation-card-footer\";\nimport { ConversationStatusBadges } from \"./conversation-status-badges\";\nimport { useDownloadConversation } from \"#/hooks/use-download-conversation\";\n\ninterface ConversationCardProps {\n  onClick?: () => void;\n  onDelete?: () => void;\n  onArchive?: () => void;\n  /**\n   * Restores an archived conversation. The panel passes this instead of\n   * `onArchive` for rows that are already archived, so the menu offers exactly\n   * one of the two directions.\n   */\n  onUnarchive?: () => void;\n  onStop?: () => void;\n  onChangeTitle?: (title: string) => void;\n  /**\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 {};