@openhands/agent-canvas 1.9.0 → 1.11.0

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

@@ -7,70 +7,67 @@ import { getDisplayConversationTags as s } from "../../../../api/agent-server-ad
 import { formatTimeDelta as c } from "../../../../utils/format-time-delta.js";
 import { formatNativeModelName as l } from "../../../../utils/format-model-name.js";
 import { AgentBrandIcon as u } from "../../../shared/agent-brand-icon.js";
-import { ConversationRepoLink as d } from "./conversation-repo-link.js";
-import { NoRepository as f } from "./no-repository.js";
-import { jsx as p, jsxs as m } from "react/jsx-runtime";
-function h({ selectedRepository: h, lastUpdatedAt: g, createdAt: _, executionStatus: v, workspaceWorkingDir: y, showRepositoryMetadata: b = !0, showTimestamp: x = !0, llmModel: S, showAgentChip: C = !1, agentKind: w = null, acpServer: T = null, tags: E = null, showTags: D = !1 }) {
-	let { t: O } = e("openhands"), k = n(v), A = null;
-	if (C) if (w === "acp") {
-		let e = i(T) ?? O(t.CONVERSATION$ACP_AGENT_GENERIC), n = a(T, S), r = n ?? e;
-		A = {
-			kind: o(T),
+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";
+//#region src/components/features/conversation-panel/conversation-card/conversation-card-footer.tsx
+function _({ selectedRepository: _, lastUpdatedAt: v, createdAt: y, executionStatus: b, workspaceWorkingDir: x, showRepositoryMetadata: S = !0, showTimestamp: C = !0, llmModel: w, showAgentChip: T = !1, agentKind: E = null, acpServer: D = null, tags: O = null, showTags: k = !1 }) {
+	let { t: A } = e("openhands"), j = n(b), M = null;
+	if (T) if (E === "acp") {
+		let e = i(D) ?? A(t.CONVERSATION$ACP_AGENT_GENERIC), n = a(D, w), r = n ?? e;
+		M = {
+			kind: o(D),
 			text: r,
 			tooltip: n ? `${e} · ${n}` : e
 		};
-	} else S && (A = {
+	} else w && (M = {
 		kind: "openhands",
-		text: l(S) ?? S,
-		tooltip: S
+		text: l(w) ?? w,
+		tooltip: w
 	});
-	let j = v === void 0 ? void 0 : "pl-[26px]", M = D ? s(E) : [], N = M.slice(0, 3), P = M.slice(3);
-	return /* @__PURE__ */ m("div", {
-		className: r("flex flex-col gap-0.5 mt-0.5 w-full min-w-0", k && "opacity-60"),
+	let N = b === void 0 ? void 0 : "pl-[26px]", P = k ? s(O) : [];
+	return /* @__PURE__ */ g("div", {
+		className: r("flex flex-col gap-0.5 mt-0.5 w-full min-w-0", j && "opacity-60"),
 		children: [
-			A ? /* @__PURE__ */ p("div", {
-				className: j,
-				children: /* @__PURE__ */ m("span", {
-					"data-testid": "conversation-card-agent-chip",
-					className: "inline-flex items-center gap-1 text-xs text-[var(--oh-muted)] max-w-full min-w-0",
-					title: A.tooltip,
-					children: [/* @__PURE__ */ p(u, { kind: A.kind }), /* @__PURE__ */ p("span", {
-						className: "truncate",
-						children: A.text
-					})]
-				})
-			}) : null,
-			M.length > 0 ? /* @__PURE__ */ m("div", {
-				className: r("flex flex-row flex-wrap items-center gap-1 min-w-0", j),
-				children: [N.map(([e, t]) => /* @__PURE__ */ p("span", {
-					"data-testid": "conversation-card-tag-chip",
-					title: `${e}: ${t}`,
-					className: "inline-flex max-w-full min-w-0 items-center rounded-sm bg-[var(--oh-surface-raised)] px-1 py-px text-[10px] leading-4 text-[var(--oh-muted)]",
-					children: /* @__PURE__ */ p("span", {
-						className: "truncate",
-						children: `${e}: ${t}`
-					})
-				}, e)), P.length > 0 ? /* @__PURE__ */ p("span", {
-					"data-testid": "conversation-card-tag-overflow",
-					title: P.map(([e, t]) => `${e}: ${t}`).join("\n"),
-					className: "inline-flex items-center rounded-sm bg-[var(--oh-surface-raised)] px-1 py-px text-[10px] leading-4 text-[var(--oh-muted)]",
-					children: `+${P.length}`
-				}) : null]
-			}) : null,
-			/* @__PURE__ */ m("div", {
-				className: r("flex flex-row items-center gap-2 w-full min-w-0", b && j),
-				children: [b && (h?.selected_repository ? /* @__PURE__ */ p(d, { selectedRepository: h }) : /* @__PURE__ */ p(f, { workspaceWorkingDir: y })), /* @__PURE__ */ p("div", {
+			/* @__PURE__ */ g("div", {
+				className: r("flex flex-row items-center gap-2 w-full min-w-0", S && N),
+				children: [S && (_?.selected_repository ? /* @__PURE__ */ h(f, { selectedRepository: _ }) : /* @__PURE__ */ h(p, { workspaceWorkingDir: x })), /* @__PURE__ */ h("div", {
 					className: "flex items-center gap-2 shrink-0 ml-auto",
-					children: x && (_ ?? g) && /* @__PURE__ */ p("p", {
+					children: C && (y ?? v) && /* @__PURE__ */ h("p", {
 						className: "text-xs text-[var(--oh-muted)] text-right",
-						children: /* @__PURE__ */ p("time", { children: `${c(g ?? _)} ${O(t.CONVERSATION$AGO)}` })
+						children: /* @__PURE__ */ h("time", { children: `${c(v ?? y)} ${A(t.CONVERSATION$AGO)}` })
 					})
 				})]
-			})
+			}),
+			M ? /* @__PURE__ */ h("div", {
+				className: N,
+				children: /* @__PURE__ */ g("span", {
+					"data-testid": "conversation-card-agent-chip",
+					className: d,
+					title: M.tooltip,
+					children: [/* @__PURE__ */ h("span", {
+						className: "inline-flex h-4 shrink-0 items-center justify-center [&_svg]:block",
+						"aria-hidden": !0,
+						children: /* @__PURE__ */ h(u, {
+							kind: M.kind,
+							size: 12
+						})
+					}), /* @__PURE__ */ h("span", {
+						className: "truncate leading-4",
+						children: M.text
+					})]
+				})
+			}) : null,
+			P.length > 0 ? /* @__PURE__ */ h("div", {
+				className: N,
+				children: /* @__PURE__ */ h(m, { tags: P })
+			}) : null
 		]
 	});
 }
 //#endregion
-export { h as ConversationCardFooter };
+export { _ 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\";\n\n/**\n * Display budget for the tag-chip row. Tags are server-/API-controlled, so a\n * conversation can carry arbitrarily many; the card shows at most this many\n * chips (sorted by key) and folds the rest into a \"+N\" overflow chip.\n */\nexport const MAX_VISIBLE_TAG_CHIPS = 3;\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 ``key: value`` chips so API-/automation-born\n   * conversations can surface attribution (e.g. ``origin: slack``).\n   */\n  tags?: Record<string, string> | null;\n  /**\n   * Whether to render the tag-chip row. Wired to the conversation panel's\n   * \"Tags\" toggle.\n   */\n  showTags?: boolean;\n}\n\nexport function ConversationCardFooter({\n  selectedRepository,\n  lastUpdatedAt,\n  createdAt,\n  executionStatus,\n  workspaceWorkingDir,\n  showRepositoryMetadata = true,\n  showTimestamp = true,\n  llmModel,\n  showAgentChip = false,\n  agentKind = null,\n  acpServer = null,\n  tags = null,\n  showTags = false,\n}: ConversationCardFooterProps) {\n  const { t } = useTranslation(\"openhands\");\n\n  const isPaused = isExecutionPaused(executionStatus);\n\n  // Single inline chip per conversation: [brand mark] {model text}. Gated by\n  // the conversation panel's \"LLM model\" toggle and applied\n  // uniformly to both kinds — OpenHands shows the logo + ``agent.llm.model``;\n  // ACP shows the provider brand mark + model resolved through PR 730's\n  // adapter chain, falling back to the provider display name when no model is\n  // available so the chip never collapses to icon-only.\n  let chip: {\n    kind: AgentBrandIconKind;\n    text: string;\n    tooltip: string;\n  } | null = null;\n  if (showAgentChip) {\n    if (agentKind === \"acp\") {\n      const providerName =\n        getAcpProviderDisplayName(acpServer) ??\n        t(I18nKey.CONVERSATION$ACP_AGENT_GENERIC);\n      // Prefer the provider's picker label (e.g. \"Claude Opus 4.7\") over the\n      // raw ``acp_model`` ID; falls back to the raw ID for custom overrides\n      // and to the provider name when there's no model at all.\n      const modelLabel = labelForAcpModel(acpServer, llmModel);\n      const text = modelLabel ?? providerName;\n      chip = {\n        kind: resolveAcpProviderIcon(acpServer),\n        text,\n        tooltip: modelLabel ? `${providerName} · ${modelLabel}` : providerName,\n      };\n    } else if (llmModel) {\n      // Strip the routing prefix (e.g. \"anthropic/claude-…\" → \"claude-…\") for\n      // the chip text; keep the full routing string in the tooltip.\n      chip = {\n        kind: \"openhands\",\n        text: formatNativeModelName(llmModel) ?? llmModel,\n        tooltip: llmModel,\n      };\n    }\n  }\n\n  // Match title text start: 18px status column + gap-2 (8px).\n  const metadataIndentClass =\n    executionStatus !== undefined ? \"pl-[26px]\" : undefined;\n\n  const displayTags = showTags ? getDisplayConversationTags(tags) : [];\n  // Tags are API-controlled with no server-side count bound, so the card\n  // renders a fixed display budget: the first chips in sorted-key order plus\n  // a \"+N\" affordance whose tooltip reveals the remainder. The full map stays\n  // on ``AppConversation.tags`` for non-display consumers.\n  const visibleTags = displayTags.slice(0, MAX_VISIBLE_TAG_CHIPS);\n  const overflowTags = displayTags.slice(MAX_VISIBLE_TAG_CHIPS);\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      {chip ? (\n        <div className={metadataIndentClass}>\n          <span\n            data-testid=\"conversation-card-agent-chip\"\n            className=\"inline-flex items-center gap-1 text-xs text-[var(--oh-muted)] max-w-full min-w-0\"\n            title={chip.tooltip}\n          >\n            <AgentBrandIcon kind={chip.kind} />\n            <span className=\"truncate\">{chip.text}</span>\n          </span>\n        </div>\n      ) : null}\n      {displayTags.length > 0 ? (\n        <div\n          className={cn(\n            \"flex flex-row flex-wrap items-center gap-1 min-w-0\",\n            metadataIndentClass,\n          )}\n        >\n          {visibleTags.map(([key, value]) => (\n            <span\n              key={key}\n              data-testid=\"conversation-card-tag-chip\"\n              title={`${key}: ${value}`}\n              className=\"inline-flex max-w-full min-w-0 items-center rounded-sm bg-[var(--oh-surface-raised)] px-1 py-px text-[10px] leading-4 text-[var(--oh-muted)]\"\n            >\n              <span className=\"truncate\">{`${key}: ${value}`}</span>\n            </span>\n          ))}\n          {overflowTags.length > 0 ? (\n            <span\n              data-testid=\"conversation-card-tag-overflow\"\n              title={overflowTags\n                .map(([key, value]) => `${key}: ${value}`)\n                .join(\"\\n\")}\n              className=\"inline-flex items-center rounded-sm bg-[var(--oh-surface-raised)] px-1 py-px text-[10px] leading-4 text-[var(--oh-muted)]\"\n            >\n              {`+${overflowTags.length}`}\n            </span>\n          ) : null}\n        </div>\n      ) : null}\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    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;AAuEA,SAAgB,EAAuB,EACrC,uBACA,kBACA,cACA,oBACA,wBACA,4BAAyB,IACzB,mBAAgB,IAChB,aACA,mBAAgB,IAChB,eAAY,MACZ,eAAY,MACZ,UAAO,MACP,cAAW,MACmB;CAC9B,IAAM,EAAE,SAAM,EAAe,WAAW,GAElC,IAAW,EAAkB,CAAe,GAQ9C,IAIO;CACX,IAAI,OACE,MAAc,OAAO;EACvB,IAAM,IACJ,EAA0B,CAAS,KACnC,EAAE,EAAQ,8BAA8B,GAIpC,IAAa,EAAiB,GAAW,CAAQ,GACjD,IAAO,KAAc;EAC3B,IAAO;GACL,MAAM,EAAuB,CAAS;GACtC;GACA,SAAS,IAAa,GAAG,EAAa,KAAK,MAAe;EAC5D;CACF,OAAO,AAAI,MAGT,IAAO;EACL,MAAM;EACN,MAAM,EAAsB,CAAQ,KAAK;EACzC,SAAS;CACX;CAKJ,IAAM,IACJ,MAAoB,KAAA,IAA0B,KAAA,IAAd,aAE5B,IAAc,IAAW,EAA2B,CAAI,IAAI,CAAC,GAK7D,IAAc,EAAY,MAAM,GAAA,CAAwB,GACxD,IAAe,EAAY,MAAA,CAA2B;CAE5D,OACE,kBAAC,OAAD;EACE,WAAW,EACT,+CACA,KAAY,YACd;YAJF;GAMG,IACC,kBAAC,OAAD;IAAK,WAAW;cACd,kBAAC,QAAD;KACE,eAAY;KACZ,WAAU;KACV,OAAO,EAAK;eAHd,CAKE,kBAAC,GAAD,EAAgB,MAAM,EAAK,KAAO,CAAA,GAClC,kBAAC,QAAD;MAAM,WAAU;gBAAY,EAAK;KAAW,CAAA,CACxC;;GACH,CAAA,IACH;GACH,EAAY,SAAS,IACpB,kBAAC,OAAD;IACE,WAAW,EACT,sDACA,CACF;cAJF,CAMG,EAAY,KAAK,CAAC,GAAK,OACtB,kBAAC,QAAD;KAEE,eAAY;KACZ,OAAO,GAAG,EAAI,IAAI;KAClB,WAAU;eAEV,kBAAC,QAAD;MAAM,WAAU;gBAAY,GAAG,EAAI,IAAI;KAAc,CAAA;IACjD,GANC,CAMD,CACP,GACA,EAAa,SAAS,IACrB,kBAAC,QAAD;KACE,eAAY;KACZ,OAAO,EACJ,KAAK,CAAC,GAAK,OAAW,GAAG,EAAI,IAAI,GAAO,EACxC,KAAK,IAAI;KACZ,WAAU;eAET,IAAI,EAAa;IACd,CAAA,IACJ,IACD;QACH;GACJ,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;;EACF;;AAET"}
+{"version":3,"file":"conversation-card-footer.js","names":[],"sources":["../../../../../src/components/features/conversation-panel/conversation-card/conversation-card-footer.tsx"],"sourcesContent":["import { useTranslation } from \"react-i18next\";\nimport { formatTimeDelta } from \"#/utils/format-time-delta\";\nimport { cn } from \"#/utils/utils\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { RepositorySelection } from \"#/api/open-hands.types\";\nimport { ExecutionStatus } from \"#/types/agent-server/core/base/common\";\nimport { isExecutionPaused } from \"#/utils/status\";\nimport {\n  getAcpProviderDisplayName,\n  labelForAcpModel,\n  resolveAcpProviderIcon,\n} from \"#/constants/acp-providers\";\nimport { formatNativeModelName } from \"#/utils/format-model-name\";\nimport {\n  AgentBrandIcon,\n  type AgentBrandIconKind,\n} from \"#/components/shared/agent-brand-icon\";\nimport { getDisplayConversationTags } from \"#/api/agent-server-adapter\";\nimport { ConversationRepoLink } from \"./conversation-repo-link\";\nimport { NoRepository } from \"./no-repository\";\nimport { ConversationTagChips } from \"./conversation-tag-chips\";\nimport { CONVERSATION_CARD_META_CHIP_CLASSNAME } from \"./conversation-card-meta-chip\";\n\ninterface ConversationCardFooterProps {\n  selectedRepository: RepositorySelection | null;\n  lastUpdatedAt: string;\n  createdAt?: string;\n  executionStatus?: ExecutionStatus | null;\n  workspaceWorkingDir?: string | null;\n  showRepositoryMetadata?: boolean;\n  showTimestamp?: boolean;\n  llmModel?: string | null;\n  /**\n   * Whether to render the agent/model chip. Wired to the conversation\n   * panel's \"LLM model\" toggle; gates the chip uniformly\n   * for both ACP and OpenHands cards.\n   */\n  showAgentChip?: boolean;\n  /**\n   * High-level kind of the conversation's agent. Drives the chip's icon:\n   * the OpenHands logo for native conversations and the resolved ACP brand\n   * mark for ACP conversations. Defensive against stray ``acpServer``\n   * values reaching an OpenHands card.\n   */\n  agentKind?: \"openhands\" | \"acp\" | null;\n  /**\n   * Registry key of the ACP CLI server (``\"claude-code\"`` / ``\"codex\"`` /\n   * ``\"gemini-cli\"`` / unknown / null). Resolved to a human display name\n   * via {@link getAcpProviderDisplayName}; unknown / null falls back to\n   * a generic \"ACP\" label so a Custom-command preset still produces a\n   * useful chip.\n   */\n  acpServer?: string | null;\n  /**\n   * Server-side conversation tags (``AppConversation.tags``). Non-reserved\n   * entries render as value-only chips so API-/automation-born\n   * conversations can surface attribution (e.g. ``origin: slack`` → ``slack``).\n   */\n  tags?: Record<string, string> | null;\n  /**\n   * Whether to render the tag-chip row. Wired to the conversation panel's\n   * \"Tags\" toggle.\n   */\n  showTags?: boolean;\n}\n\nexport function ConversationCardFooter({\n  selectedRepository,\n  lastUpdatedAt,\n  createdAt,\n  executionStatus,\n  workspaceWorkingDir,\n  showRepositoryMetadata = true,\n  showTimestamp = true,\n  llmModel,\n  showAgentChip = false,\n  agentKind = null,\n  acpServer = null,\n  tags = null,\n  showTags = false,\n}: ConversationCardFooterProps) {\n  const { t } = useTranslation(\"openhands\");\n\n  const isPaused = isExecutionPaused(executionStatus);\n\n  // Single inline chip per conversation: [brand mark] {model text}. Gated by\n  // the conversation panel's \"LLM model\" toggle and applied\n  // uniformly to both kinds — OpenHands shows the logo + ``agent.llm.model``;\n  // ACP shows the provider brand mark + model resolved through PR 730's\n  // adapter chain, falling back to the provider display name when no model is\n  // available so the chip never collapses to icon-only.\n  let chip: {\n    kind: AgentBrandIconKind;\n    text: string;\n    tooltip: string;\n  } | null = null;\n  if (showAgentChip) {\n    if (agentKind === \"acp\") {\n      const providerName =\n        getAcpProviderDisplayName(acpServer) ??\n        t(I18nKey.CONVERSATION$ACP_AGENT_GENERIC);\n      // Prefer the provider's picker label (e.g. \"Claude Opus 4.7\") over the\n      // raw ``acp_model`` ID; falls back to the raw ID for custom overrides\n      // and to the provider name when there's no model at all.\n      const modelLabel = labelForAcpModel(acpServer, llmModel);\n      const text = modelLabel ?? providerName;\n      chip = {\n        kind: resolveAcpProviderIcon(acpServer),\n        text,\n        tooltip: modelLabel ? `${providerName} · ${modelLabel}` : providerName,\n      };\n    } else if (llmModel) {\n      // Strip the routing prefix (e.g. \"anthropic/claude-…\" → \"claude-…\") for\n      // the chip text; keep the full routing string in the tooltip.\n      chip = {\n        kind: \"openhands\",\n        text: formatNativeModelName(llmModel) ?? llmModel,\n        tooltip: llmModel,\n      };\n    }\n  }\n\n  // Match title text start: 18px status column + gap-2 (8px).\n  const metadataIndentClass =\n    executionStatus !== undefined ? \"pl-[26px]\" : undefined;\n\n  const displayTags = showTags ? getDisplayConversationTags(tags) : [];\n\n  return (\n    <div\n      className={cn(\n        \"flex flex-col gap-0.5 mt-0.5 w-full min-w-0\",\n        isPaused && \"opacity-60\",\n      )}\n    >\n      <div\n        className={cn(\n          \"flex flex-row items-center gap-2 w-full min-w-0\",\n          showRepositoryMetadata && metadataIndentClass,\n        )}\n      >\n        {showRepositoryMetadata &&\n          (selectedRepository?.selected_repository ? (\n            <ConversationRepoLink selectedRepository={selectedRepository} />\n          ) : (\n            <NoRepository workspaceWorkingDir={workspaceWorkingDir} />\n          ))}\n        <div className=\"flex items-center gap-2 shrink-0 ml-auto\">\n          {showTimestamp && (createdAt ?? lastUpdatedAt) && (\n            <p className=\"text-xs text-[var(--oh-muted)] text-right\">\n              <time>\n                {`${formatTimeDelta(lastUpdatedAt ?? createdAt)} ${t(I18nKey.CONVERSATION$AGO)}`}\n              </time>\n            </p>\n          )}\n        </div>\n      </div>\n      {chip ? (\n        <div className={metadataIndentClass}>\n          <span\n            data-testid=\"conversation-card-agent-chip\"\n            className={CONVERSATION_CARD_META_CHIP_CLASSNAME}\n            title={chip.tooltip}\n          >\n            {/* Same line-height slot as tag chips; width flexes for the wider OpenHands mark. */}\n            <span\n              className=\"inline-flex h-4 shrink-0 items-center justify-center [&_svg]:block\"\n              aria-hidden\n            >\n              <AgentBrandIcon kind={chip.kind} size={12} />\n            </span>\n            <span className=\"truncate leading-4\">{chip.text}</span>\n          </span>\n        </div>\n      ) : null}\n      {displayTags.length > 0 ? (\n        <div className={metadataIndentClass}>\n          <ConversationTagChips tags={displayTags} />\n        </div>\n      ) : null}\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;AAkEA,SAAgB,EAAuB,EACrC,uBACA,kBACA,cACA,oBACA,wBACA,4BAAyB,IACzB,mBAAgB,IAChB,aACA,mBAAgB,IAChB,eAAY,MACZ,eAAY,MACZ,UAAO,MACP,cAAW,MACmB;CAC9B,IAAM,EAAE,SAAM,EAAe,WAAW,GAElC,IAAW,EAAkB,CAAe,GAQ9C,IAIO;CACX,IAAI,OACE,MAAc,OAAO;EACvB,IAAM,IACJ,EAA0B,CAAS,KACnC,EAAE,EAAQ,8BAA8B,GAIpC,IAAa,EAAiB,GAAW,CAAQ,GACjD,IAAO,KAAc;EAC3B,IAAO;GACL,MAAM,EAAuB,CAAS;GACtC;GACA,SAAS,IAAa,GAAG,EAAa,KAAK,MAAe;EAC5D;CACF,OAAO,AAAI,MAGT,IAAO;EACL,MAAM;EACN,MAAM,EAAsB,CAAQ,KAAK;EACzC,SAAS;CACX;CAKJ,IAAM,IACJ,MAAoB,KAAA,IAA0B,KAAA,IAAd,aAE5B,IAAc,IAAW,EAA2B,CAAI,IAAI,CAAC;CAEnE,OACE,kBAAC,OAAD;EACE,WAAW,EACT,+CACA,KAAY,YACd;YAJF;GAME,kBAAC,OAAD;IACE,WAAW,EACT,mDACA,KAA0B,CAC5B;cAJF,CAMG,MACE,GAAoB,sBACnB,kBAAC,GAAD,EAA0C,sBAAqB,CAAA,IAE/D,kBAAC,GAAD,EAAmC,uBAAsB,CAAA,IAE7D,kBAAC,OAAD;KAAK,WAAU;eACZ,MAAkB,KAAa,MAC9B,kBAAC,KAAD;MAAG,WAAU;gBACX,kBAAC,QAAD,EAAA,UACG,GAAG,EAAgB,KAAiB,CAAS,EAAE,GAAG,EAAE,EAAQ,gBAAgB,IACzE,CAAA;KACL,CAAA;IAEF,CAAA,CACF;;GACJ,IACC,kBAAC,OAAD;IAAK,WAAW;cACd,kBAAC,QAAD;KACE,eAAY;KACZ,WAAW;KACX,OAAO,EAAK;eAHd,CAME,kBAAC,QAAD;MACE,WAAU;MACV,eAAA;gBAEA,kBAAC,GAAD;OAAgB,MAAM,EAAK;OAAM,MAAM;MAAK,CAAA;KACxC,CAAA,GACN,kBAAC,QAAD;MAAM,WAAU;gBAAsB,EAAK;KAAW,CAAA,CAClD;;GACH,CAAA,IACH;GACH,EAAY,SAAS,IACpB,kBAAC,OAAD;IAAK,WAAW;cACd,kBAAC,GAAD,EAAsB,MAAM,EAAc,CAAA;GACvC,CAAA,IACH;EACD;;AAET"}

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

@@ -7,5 +7,5 @@ interface ConversationCardHeaderProps {
     executionStatus?: ExecutionStatus | null;
     sandboxStatus?: SandboxStatus | null;
 }
-export declare function ConversationCardHeader({ title, titleMode, onTitleSave, executionStatus, sandboxStatus, }: ConversationCardHeaderProps): import("react/jsx-runtime").JSX.Element;
+export declare function ConversationCardHeader({ title, titleMode, onTitleSave, executionStatus, sandboxStatus, }: ConversationCardHeaderProps): import("react").JSX.Element;
 export {};

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

@@ -0,0 +1,2 @@
+require("../../../../_virtual/_rolldown/runtime.cjs");var e=`inline-flex max-w-full min-w-0 shrink-0 items-center gap-0.5 rounded-sm bg-[var(--oh-surface-raised)] px-1 py-px text-[10px] leading-4 text-[var(--oh-muted)]`,t=`inline-flex h-4 w-3 shrink-0 items-center justify-center [&_svg]:block`,n=`h-3 w-3`;exports.CONVERSATION_CARD_META_CHIP_CLASSNAME=e,exports.CONVERSATION_CARD_META_CHIP_ICON_CLASSNAME=n,exports.CONVERSATION_CARD_META_CHIP_ICON_SLOT_CLASSNAME=t;
+//# sourceMappingURL=conversation-card-meta-chip.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"conversation-card-meta-chip.cjs","names":[],"sources":["../../../../../src/components/features/conversation-panel/conversation-card/conversation-card-meta-chip.ts"],"sourcesContent":["/**\n * Shared raised-pill class for conversation-card metadata chips (LLM model,\n * tags, repo, branch, workspace folder). Keep these visually identical so the\n * footer reads as one chip system.\n */\nexport const CONVERSATION_CARD_META_CHIP_CLASSNAME =\n  \"inline-flex max-w-full min-w-0 shrink-0 items-center gap-0.5 rounded-sm bg-[var(--oh-surface-raised)] px-1 py-px text-[10px] leading-4 text-[var(--oh-muted)]\";\n\n/**\n * Fixed line-height icon slot matching ``leading-4`` chip text so Lucide /\n * react-icons / local SVGs share the same optical center.\n */\nexport const CONVERSATION_CARD_META_CHIP_ICON_SLOT_CLASSNAME =\n  \"inline-flex h-4 w-3 shrink-0 items-center justify-center [&_svg]:block\";\n\nexport const CONVERSATION_CARD_META_CHIP_ICON_CLASSNAME = \"h-3 w-3\";\n"],"mappings":"sDAKA,IAAa,EACX,gKAMW,EACX,yEAEW,EAA6C"}

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

@@ -0,0 +1,12 @@
+/**
+ * Shared raised-pill class for conversation-card metadata chips (LLM model,
+ * tags, repo, branch, workspace folder). Keep these visually identical so the
+ * footer reads as one chip system.
+ */
+export declare const CONVERSATION_CARD_META_CHIP_CLASSNAME = "inline-flex max-w-full min-w-0 shrink-0 items-center gap-0.5 rounded-sm bg-[var(--oh-surface-raised)] px-1 py-px text-[10px] leading-4 text-[var(--oh-muted)]";
+/**
+ * Fixed line-height icon slot matching ``leading-4`` chip text so Lucide /
+ * react-icons / local SVGs share the same optical center.
+ */
+export declare const CONVERSATION_CARD_META_CHIP_ICON_SLOT_CLASSNAME = "inline-flex h-4 w-3 shrink-0 items-center justify-center [&_svg]:block";
+export declare const CONVERSATION_CARD_META_CHIP_ICON_CLASSNAME = "h-3 w-3";

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

@@ -0,0 +1,6 @@
+//#region src/components/features/conversation-panel/conversation-card/conversation-card-meta-chip.ts
+var e = "inline-flex max-w-full min-w-0 shrink-0 items-center gap-0.5 rounded-sm bg-[var(--oh-surface-raised)] px-1 py-px text-[10px] leading-4 text-[var(--oh-muted)]", t = "inline-flex h-4 w-3 shrink-0 items-center justify-center [&_svg]:block", n = "h-3 w-3";
+//#endregion
+export { e as CONVERSATION_CARD_META_CHIP_CLASSNAME, n as CONVERSATION_CARD_META_CHIP_ICON_CLASSNAME, t as CONVERSATION_CARD_META_CHIP_ICON_SLOT_CLASSNAME };
+
+//# sourceMappingURL=conversation-card-meta-chip.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"conversation-card-meta-chip.js","names":[],"sources":["../../../../../src/components/features/conversation-panel/conversation-card/conversation-card-meta-chip.ts"],"sourcesContent":["/**\n * Shared raised-pill class for conversation-card metadata chips (LLM model,\n * tags, repo, branch, workspace folder). Keep these visually identical so the\n * footer reads as one chip system.\n */\nexport const CONVERSATION_CARD_META_CHIP_CLASSNAME =\n  \"inline-flex max-w-full min-w-0 shrink-0 items-center gap-0.5 rounded-sm bg-[var(--oh-surface-raised)] px-1 py-px text-[10px] leading-4 text-[var(--oh-muted)]\";\n\n/**\n * Fixed line-height icon slot matching ``leading-4`` chip text so Lucide /\n * react-icons / local SVGs share the same optical center.\n */\nexport const CONVERSATION_CARD_META_CHIP_ICON_SLOT_CLASSNAME =\n  \"inline-flex h-4 w-3 shrink-0 items-center justify-center [&_svg]:block\";\n\nexport const CONVERSATION_CARD_META_CHIP_ICON_CLASSNAME = \"h-3 w-3\";\n"],"mappings":";AAKA,IAAa,IACX,iKAMW,IACX,0EAEW,IAA6C"}

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("../../../../node_modules/react-icons/fa/index.cjs"),i=require("../../../../node_modules/react-icons/fa6/index.cjs"),a=require("../../../../assets/branding/azure-devops-logo.cjs"),o=require("../conversation-status-dot.cjs");let s=require("react/jsx-runtime");var c={bitbucket:i.FaBitbucket,bitbucket_data_center:i.FaBitbucket,github:i.FaGithub,gitlab:i.FaGitlab};function l({label:e,children:t}){return(0,s.jsxs)(`div`,{className:`flex items-start gap-2 text-xs`,children:[(0,s.jsx)(`span`,{className:`w-20 shrink-0 text-[var(--oh-muted)]`,children:e}),(0,s.jsx)(`span`,{className:`min-w-0 flex-1 break-words text-[var(--oh-foreground)]`,children:t})]})}function u({title:i,executionStatus:u,sandboxStatus:d,selectedRepository:f,workspaceWorkingDir:p,llmModel:m,createdAt:h}){let{t:g}=e.useTranslation(`openhands`),_=f?.selected_repository??null,v=f?.selected_branch??null,y=f?.git_provider??null,b=y?c[y]:null,x=h?new Date(h).toLocaleString(void 0,{dateStyle:`medium`,timeStyle:`short`}):null;return(0,s.jsxs)(`div`,{className:`flex w-[280px] flex-col gap-3 p-3`,children:[(0,s.jsxs)(`div`,{className:`flex items-start gap-2`,children:[u===void 0?null:(0,s.jsx)(`div`,{className:`mt-0.5`,children:(0,s.jsx)(o.ConversationStatusDot,{executionStatus:u,sandboxStatus:d,showTooltip:!1})}),(0,s.jsx)(`span`,{className:`break-words text-sm font-medium text-white`,children:i})]}),(0,s.jsxs)(`dl`,{className:`flex flex-col gap-1.5`,children:[_?(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(l,{label:g(t.I18nKey.CONVERSATION$REPOSITORY),children:(0,s.jsxs)(`span`,{className:`inline-flex min-w-0 items-start gap-1.5`,children:[b?(0,s.jsx)(b,{size:12,className:`mt-0.5 shrink-0`}):null,y===`azure_devops`?(0,s.jsx)(a.default,{className:`mt-0.5 h-3 w-3 shrink-0`}):null,(0,s.jsx)(`span`,{className:`break-all`,children:_})]})}),v?(0,s.jsx)(l,{label:g(t.I18nKey.CONVERSATION$BRANCH),children:(0,s.jsxs)(`span`,{className:`inline-flex min-w-0 items-start gap-1.5`,children:[(0,s.jsx)(r.FaCodeBranch,{size:11,className:`mt-0.5 shrink-0`}),(0,s.jsx)(`span`,{className:`break-all`,children:v})]})}):null]}):p?(0,s.jsx)(l,{label:g(t.I18nKey.CONVERSATION_PANEL$PREVIEW_DIRECTORY),children:(0,s.jsxs)(`span`,{className:`inline-flex min-w-0 items-start gap-1.5`,children:[(0,s.jsx)(n.Folder,{size:12,className:`mt-0.5 shrink-0`}),(0,s.jsx)(`span`,{className:`break-all`,children:p})]})}):null,m?(0,s.jsx)(l,{label:g(t.I18nKey.CONVERSATION_PANEL$PREVIEW_MODEL),children:(0,s.jsx)(`span`,{className:`break-all`,children:m})}):null,x?(0,s.jsx)(l,{label:g(t.I18nKey.CONVERSATION$CREATED),children:x}):null]})]})}exports.ConversationCardPreview=u;
+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 AzureDevOpsLogo from \"#/assets/branding/azure-devops-logo.svg?react\";\nimport { ConversationStatusDot } from \"../conversation-status-dot\";\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  createdAt?: string;\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\">\n      <span className=\"w-20 shrink-0 text-[var(--oh-muted)]\">{label}</span>\n      <span className=\"min-w-0 flex-1 break-words text-[var(--oh-foreground)]\">\n        {children}\n      </span>\n    </div>\n  );\n}\n\nexport function ConversationCardPreview({\n  title,\n  executionStatus,\n  sandboxStatus,\n  selectedRepository,\n  workspaceWorkingDir,\n  llmModel,\n  createdAt,\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  return (\n    <div className=\"flex w-[280px] flex-col gap-3 p-3\">\n      <div className=\"flex items-start gap-2\">\n        {executionStatus !== undefined ? (\n          <div className=\"mt-0.5\">\n            <ConversationStatusDot\n              executionStatus={executionStatus}\n              sandboxStatus={sandboxStatus}\n              showTooltip={false}\n            />\n          </div>\n        ) : null}\n        <span className=\"break-words text-sm font-medium 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$REPOSITORY)}>\n              <span className=\"inline-flex min-w-0 items-start gap-1.5\">\n                {ProviderIcon ? (\n                  <ProviderIcon size={12} className=\"mt-0.5 shrink-0\" />\n                ) : null}\n                {provider === \"azure_devops\" ? (\n                  <AzureDevOpsLogo className=\"mt-0.5 h-3 w-3 shrink-0\" />\n                ) : null}\n                <span className=\"break-all\">{repository}</span>\n              </span>\n            </PreviewRow>\n            {branch ? (\n              <PreviewRow label={t(I18nKey.CONVERSATION$BRANCH)}>\n                <span className=\"inline-flex min-w-0 items-start gap-1.5\">\n                  <FaCodeBranch size={11} className=\"mt-0.5 shrink-0\" />\n                  <span className=\"break-all\">{branch}</span>\n                </span>\n              </PreviewRow>\n            ) : null}\n          </>\n        ) : workspaceWorkingDir ? (\n          <PreviewRow label={t(I18nKey.CONVERSATION_PANEL$PREVIEW_DIRECTORY)}>\n            <span className=\"inline-flex min-w-0 items-start gap-1.5\">\n              <Folder size={12} className=\"mt-0.5 shrink-0\" />\n              <span className=\"break-all\">{workspaceWorkingDir}</span>\n            </span>\n          </PreviewRow>\n        ) : null}\n\n        {llmModel ? (\n          <PreviewRow label={t(I18nKey.CONVERSATION_PANEL$PREVIEW_MODEL)}>\n            <span className=\"break-all\">{llmModel}</span>\n          </PreviewRow>\n        ) : null}\n\n        {createdLabel ? (\n          <PreviewRow label={t(I18nKey.CONVERSATION$CREATED)}>\n            {createdLabel}\n          </PreviewRow>\n        ) : null}\n      </dl>\n    </div>\n  );\n}\n"],"mappings":"mhBAwBA,IAAM,EAAoD,CACxD,UAAW,EAAA,YACX,sBAAuB,EAAA,YACvB,OAAQ,EAAA,SACR,OAAQ,EAAA,QACV,EAOA,SAAS,EAAW,CAAE,QAAO,YAA6B,CACxD,OACE,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,0CAAf,EACE,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,gDAAwC,CAAY,CAAA,GACpE,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,yDACb,UACG,CAAA,CACH,GAET,CAEA,SAAgB,EAAwB,CACtC,QACA,kBACA,gBACA,qBACA,sBACA,WACA,aAC+B,CAC/B,GAAM,CAAE,KAAM,EAAA,eAAe,WAAW,EAElC,EAAa,GAAoB,qBAAuB,KACxD,EAAS,GAAoB,iBAAmB,KAChD,EAAW,GAAoB,cAAgB,KAC/C,EAAe,EAAW,EAAa,GAAY,KAEnD,EAAe,EACjB,IAAI,KAAK,CAAS,EAAE,eAAe,IAAA,GAAW,CAC5C,UAAW,SACX,UAAW,OACb,CAAC,EACD,KAEJ,OACE,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,6CAAf,EACE,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,kCAAf,CACG,IAAoB,IAAA,GAQjB,MAPF,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,mBACb,EAAA,EAAA,KAAC,EAAA,sBAAD,CACmB,kBACF,gBACf,YAAa,EACd,CAAA,CACE,CAAA,GAEP,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,sDACb,CACG,CAAA,CACH,KAEL,EAAA,EAAA,MAAC,KAAD,CAAI,UAAU,iCAAd,CACG,GACC,EAAA,EAAA,MAAA,EAAA,SAAA,CAAA,SAAA,EACE,EAAA,EAAA,KAAC,EAAD,CAAY,MAAO,EAAE,EAAA,QAAQ,uBAAuB,YAClD,EAAA,EAAA,MAAC,OAAD,CAAM,UAAU,mDAAhB,CACG,GACC,EAAA,EAAA,KAAC,EAAD,CAAc,KAAM,GAAI,UAAU,iBAAmB,CAAA,EACnD,KACH,IAAa,gBACZ,EAAA,EAAA,KAAC,EAAA,QAAD,CAAiB,UAAU,yBAA2B,CAAA,EACpD,MACJ,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,qBAAa,CAAiB,CAAA,CAC1C,GACI,CAAA,EACX,GACC,EAAA,EAAA,KAAC,EAAD,CAAY,MAAO,EAAE,EAAA,QAAQ,mBAAmB,YAC9C,EAAA,EAAA,MAAC,OAAD,CAAM,UAAU,mDAAhB,EACE,EAAA,EAAA,KAAC,EAAA,aAAD,CAAc,KAAM,GAAI,UAAU,iBAAmB,CAAA,GACrD,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,qBAAa,CAAa,CAAA,CACtC,GACI,CAAA,EACV,IACJ,CAAA,CAAA,EACA,GACF,EAAA,EAAA,KAAC,EAAD,CAAY,MAAO,EAAE,EAAA,QAAQ,oCAAoC,YAC/D,EAAA,EAAA,MAAC,OAAD,CAAM,UAAU,mDAAhB,EACE,EAAA,EAAA,KAAC,EAAA,OAAD,CAAQ,KAAM,GAAI,UAAU,iBAAmB,CAAA,GAC/C,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,qBAAa,CAA0B,CAAA,CACnD,GACI,CAAA,EACV,KAEH,GACC,EAAA,EAAA,KAAC,EAAD,CAAY,MAAO,EAAE,EAAA,QAAQ,gCAAgC,YAC3D,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,qBAAa,CAAe,CAAA,CAClC,CAAA,EACV,KAEH,GACC,EAAA,EAAA,KAAC,EAAD,CAAY,MAAO,EAAE,EAAA,QAAQ,oBAAoB,WAC9C,CACS,CAAA,EACV,IACF,GACD,GAET"}
+{"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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"}

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

@@ -8,7 +8,22 @@ interface ConversationCardPreviewProps {
     selectedRepository: RepositorySelection | null;
     workspaceWorkingDir?: string | null;
     llmModel?: string | null;
+    /**
+     * High-level kind of the conversation's agent. Drives the model row's brand
+     * mark exactly like the card chip does — without it an ACP conversation
+     * would show the OpenHands wordmark next to a Claude Code / Codex / Gemini
+     * model, contradicting the chip on the very card being hovered.
+     */
+    agentKind?: "openhands" | "acp" | null;
+    /** Registry key of the ACP CLI server, resolved to its brand mark. */
+    acpServer?: string | null;
     createdAt?: string;
+    /**
+     * Server-side conversation tags. Always shown in the hovercard when present
+     * (except keys already covered by repository / branch / directory rows).
+     * Sidebar card chips stay gated by the panel's Tags preference.
+     */
+    tags?: Record<string, string> | null;
 }
-export declare function ConversationCardPreview({ title, executionStatus, sandboxStatus, selectedRepository, workspaceWorkingDir, llmModel, createdAt, }: ConversationCardPreviewProps): import("react/jsx-runtime").JSX.Element;
+export declare function ConversationCardPreview({ title, executionStatus, sandboxStatus, selectedRepository, workspaceWorkingDir, llmModel, agentKind, acpServer, createdAt, tags, }: ConversationCardPreviewProps): import("react").JSX.Element;
 export {};

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

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

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 AzureDevOpsLogo from \"#/assets/branding/azure-devops-logo.svg?react\";\nimport { ConversationStatusDot } from \"../conversation-status-dot\";\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  createdAt?: string;\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\">\n      <span className=\"w-20 shrink-0 text-[var(--oh-muted)]\">{label}</span>\n      <span className=\"min-w-0 flex-1 break-words text-[var(--oh-foreground)]\">\n        {children}\n      </span>\n    </div>\n  );\n}\n\nexport function ConversationCardPreview({\n  title,\n  executionStatus,\n  sandboxStatus,\n  selectedRepository,\n  workspaceWorkingDir,\n  llmModel,\n  createdAt,\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  return (\n    <div className=\"flex w-[280px] flex-col gap-3 p-3\">\n      <div className=\"flex items-start gap-2\">\n        {executionStatus !== undefined ? (\n          <div className=\"mt-0.5\">\n            <ConversationStatusDot\n              executionStatus={executionStatus}\n              sandboxStatus={sandboxStatus}\n              showTooltip={false}\n            />\n          </div>\n        ) : null}\n        <span className=\"break-words text-sm font-medium 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$REPOSITORY)}>\n              <span className=\"inline-flex min-w-0 items-start gap-1.5\">\n                {ProviderIcon ? (\n                  <ProviderIcon size={12} className=\"mt-0.5 shrink-0\" />\n                ) : null}\n                {provider === \"azure_devops\" ? (\n                  <AzureDevOpsLogo className=\"mt-0.5 h-3 w-3 shrink-0\" />\n                ) : null}\n                <span className=\"break-all\">{repository}</span>\n              </span>\n            </PreviewRow>\n            {branch ? (\n              <PreviewRow label={t(I18nKey.CONVERSATION$BRANCH)}>\n                <span className=\"inline-flex min-w-0 items-start gap-1.5\">\n                  <FaCodeBranch size={11} className=\"mt-0.5 shrink-0\" />\n                  <span className=\"break-all\">{branch}</span>\n                </span>\n              </PreviewRow>\n            ) : null}\n          </>\n        ) : workspaceWorkingDir ? (\n          <PreviewRow label={t(I18nKey.CONVERSATION_PANEL$PREVIEW_DIRECTORY)}>\n            <span className=\"inline-flex min-w-0 items-start gap-1.5\">\n              <Folder size={12} className=\"mt-0.5 shrink-0\" />\n              <span className=\"break-all\">{workspaceWorkingDir}</span>\n            </span>\n          </PreviewRow>\n        ) : null}\n\n        {llmModel ? (\n          <PreviewRow label={t(I18nKey.CONVERSATION_PANEL$PREVIEW_MODEL)}>\n            <span className=\"break-all\">{llmModel}</span>\n          </PreviewRow>\n        ) : null}\n\n        {createdLabel ? (\n          <PreviewRow label={t(I18nKey.CONVERSATION$CREATED)}>\n            {createdLabel}\n          </PreviewRow>\n        ) : null}\n      </dl>\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;AAwBA,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;aAAwC;EAAY,CAAA,GACpE,kBAAC,QAAD;GAAM,WAAU;GACb;EACG,CAAA,CACH;;AAET;AAEA,SAAgB,EAAwB,EACtC,UACA,oBACA,kBACA,uBACA,wBACA,aACA,gBAC+B;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;CAEJ,OACE,kBAAC,OAAD;EAAK,WAAU;YAAf,CACE,kBAAC,OAAD;GAAK,WAAU;aAAf,CACG,MAAoB,KAAA,IAQjB,OAPF,kBAAC,OAAD;IAAK,WAAU;cACb,kBAAC,GAAD;KACmB;KACF;KACf,aAAa;IACd,CAAA;GACE,CAAA,GAEP,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,uBAAuB;eAClD,kBAAC,QAAD;MAAM,WAAU;gBAAhB;OACG,IACC,kBAAC,GAAD;QAAc,MAAM;QAAI,WAAU;OAAmB,CAAA,IACnD;OACH,MAAa,iBACZ,kBAAC,GAAD,EAAiB,WAAU,0BAA2B,CAAA,IACpD;OACJ,kBAAC,QAAD;QAAM,WAAU;kBAAa;OAAiB,CAAA;MAC1C;;IACI,CAAA,GACX,IACC,kBAAC,GAAD;KAAY,OAAO,EAAE,EAAQ,mBAAmB;eAC9C,kBAAC,QAAD;MAAM,WAAU;gBAAhB,CACE,kBAAC,GAAD;OAAc,MAAM;OAAI,WAAU;MAAmB,CAAA,GACrD,kBAAC,QAAD;OAAM,WAAU;iBAAa;MAAa,CAAA,CACtC;;IACI,CAAA,IACV,IACJ,EAAA,CAAA,IACA,IACF,kBAAC,GAAD;KAAY,OAAO,EAAE,EAAQ,oCAAoC;eAC/D,kBAAC,QAAD;MAAM,WAAU;gBAAhB,CACE,kBAAC,GAAD;OAAQ,MAAM;OAAI,WAAU;MAAmB,CAAA,GAC/C,kBAAC,QAAD;OAAM,WAAU;iBAAa;MAA0B,CAAA,CACnD;;IACI,CAAA,IACV;IAEH,IACC,kBAAC,GAAD;KAAY,OAAO,EAAE,EAAQ,gCAAgC;eAC3D,kBAAC,QAAD;MAAM,WAAU;gBAAa;KAAe,CAAA;IAClC,CAAA,IACV;IAEH,IACC,kBAAC,GAAD;KAAY,OAAO,EAAE,EAAQ,oBAAoB;eAC9C;IACS,CAAA,IACV;GACF;IACD;;AAET"}
+{"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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"}

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

@@ -6,5 +6,5 @@ interface ConversationCardSkeletonProps {
  * compact: three small bars for the icon rail. Pulse stagger comes from
  * `.skeleton-stagger` in `tailwind.css`.
  */
-export declare function ConversationCardSkeleton({ compact, }: ConversationCardSkeletonProps): import("react/jsx-runtime").JSX.Element;
+export declare function ConversationCardSkeleton({ compact, }: ConversationCardSkeletonProps): import("react").JSX.Element;
 export {};

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

@@ -5,4 +5,4 @@ export type ConversationCardTitleProps = {
     onSave: (title: string) => void;
     isConversationArchived?: boolean;
 };
-export declare function ConversationCardTitle({ titleMode, title, onSave, isConversationArchived, }: ConversationCardTitleProps): import("react/jsx-runtime").JSX.Element;
+export declare function ConversationCardTitle({ titleMode, title, onSave, isConversationArchived, }: ConversationCardTitleProps): import("react").JSX.Element;

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

@@ -1,3 +1,4 @@
+import React from "react";
 import { ExecutionStatus } from "#/types/agent-server/core/base/common";
 import { SandboxStatus } from "#/api/conversation-service/agent-server-conversation-service.types";
 import { RepositorySelection } from "#/api/open-hands.types";
@@ -31,5 +32,5 @@ interface ConversationCardProps {
     /** When true and pinned, keep the pin icon visible without hovering. */
     alwaysShowPinIcon?: boolean;
 }
-export declare function ConversationCard({ onClick, onDelete, onStop, onChangeTitle, showOptions, title, selectedRepository, lastUpdatedAt, createdAt, conversationId, executionStatus, sandboxStatus, contextMenuOpen, onContextMenuToggle, isActive, workspaceWorkingDir, showRepositoryMetadata, llmModel, showLlmProfiles, agentKind, acpServer, tags, showTags, isPinned, onTogglePin, alwaysShowPinIcon, }: ConversationCardProps): import("react/jsx-runtime").JSX.Element;
+export declare function ConversationCard({ onClick, onDelete, onStop, onChangeTitle, showOptions, title, selectedRepository, lastUpdatedAt, createdAt, conversationId, executionStatus, sandboxStatus, contextMenuOpen, onContextMenuToggle, isActive, workspaceWorkingDir, showRepositoryMetadata, llmModel, showLlmProfiles, agentKind, acpServer, tags, showTags, isPinned, onTogglePin, alwaysShowPinIcon, }: ConversationCardProps): React.JSX.Element;
 export {};