@openhands/agent-canvas 1.10.0 → 1.12.0

package/dist/components/features/chat/model-messages.js

@@ -5,66 +5,67 @@ import { ChevronRight as r } from "../../../node_modules/lucide-react/dist/esm/i
 import { useModelStore as i } from "../../../stores/model-store.js";
 import { GenericEventMessage as a } from "./generic-event-message.js";
 import o from "../../../icons/info-circle.js";
-import s from "react";
-import { Fragment as c, jsx as l, jsxs as u } from "react/jsx-runtime";
+import { formatModelNameForDisplay as s } from "../../../utils/format-model-name.js";
+import c from "react";
+import { Fragment as l, jsx as u, jsxs as d } from "react/jsx-runtime";
 //#region src/components/features/chat/model-messages.tsx
-function d({ profile: e }) {
-	let [t, i] = s.useState(!1);
-	return /* @__PURE__ */ u("div", {
+function f({ profile: e }) {
+	let [t, i] = c.useState(!1), a = s(e.model);
+	return /* @__PURE__ */ d("div", {
 		className: "border border-neutral-700 rounded-md overflow-hidden",
-		children: [/* @__PURE__ */ u("button", {
+		children: [/* @__PURE__ */ d("button", {
 			type: "button",
 			onClick: () => i((e) => !e),
 			"aria-expanded": t,
 			"aria-label": `Toggle details for ${e.name}`,
 			className: "w-full py-1.5 px-2 text-left flex items-center gap-2 hover:bg-neutral-700 transition-colors cursor-pointer",
-			children: [/* @__PURE__ */ l("span", {
+			children: [/* @__PURE__ */ u("span", {
 				className: "text-neutral-300",
-				children: l(t ? n : r, { size: 14 })
-			}), /* @__PURE__ */ l("span", {
+				children: u(t ? n : r, { size: 14 })
+			}), /* @__PURE__ */ u("span", {
 				className: "font-normal text-neutral-200 text-sm",
 				children: e.name
 			})]
-		}), t && /* @__PURE__ */ u(c, { children: [/* @__PURE__ */ l("hr", { className: "border-neutral-700" }), /* @__PURE__ */ l("div", {
+		}), t && /* @__PURE__ */ d(l, { children: [/* @__PURE__ */ u("hr", { className: "border-neutral-700" }), /* @__PURE__ */ u("div", {
 			className: "px-3 py-2 text-xs text-neutral-300 font-mono whitespace-pre-wrap",
-			children: `model:    ${e.model ?? "—"}\nbase_url: ${e.base_url ?? "—"}\napi_key:  ${e.api_key_set ? "set" : "not set"}`
+			children: `model:    ${a ?? "—"}\nbase_url: ${e.base_url ?? "—"}\napi_key:  ${e.api_key_set ? "set" : "not set"}`
 		})] })]
 	});
 }
-function f({ conversationId: n, anchorEventId: r }) {
+function p({ conversationId: n, anchorEventId: r }) {
 	let s = i((e) => e.entriesByConversation), c = (n ? s[n] ?? [] : []).filter((e) => e.anchorEventId === r);
-	return !n || c.length === 0 ? null : /* @__PURE__ */ l("div", {
+	return !n || c.length === 0 ? null : /* @__PURE__ */ u("div", {
 		"data-testid": "model-messages",
 		className: "flex flex-col w-full",
 		children: c.map((n) => {
-			if (n.switchedTo) return /* @__PURE__ */ l(a, {
-				title: /* @__PURE__ */ u("span", {
+			if (n.switchedTo) return /* @__PURE__ */ u(a, {
+				title: /* @__PURE__ */ d("span", {
 					className: "inline-flex items-center gap-1.5",
-					children: [/* @__PURE__ */ l(o, {
+					children: [/* @__PURE__ */ u(o, {
 						width: 14,
 						height: 14,
 						className: "shrink-0 text-neutral-400",
 						"aria-hidden": !0
-					}), /* @__PURE__ */ l(e, {
+					}), /* @__PURE__ */ u(e, {
 						i18nKey: t.MODEL$SWITCHED_TO_PROFILE,
 						values: { name: n.switchedTo },
-						components: { cmd: /* @__PURE__ */ l("span", { className: "font-mono text-neutral-200 bg-neutral-800 px-1 rounded" }) }
+						components: { cmd: /* @__PURE__ */ u("span", { className: "font-mono text-neutral-200 bg-neutral-800 px-1 rounded" }) }
 					})]
 				}),
 				details: ""
 			}, n.id);
 			let r = n.profiles.length === 0;
-			return /* @__PURE__ */ l(a, {
-				title: /* @__PURE__ */ l("span", { children: r ? /* @__PURE__ */ l(e, { i18nKey: t.MODEL$NO_SAVED_PROFILES }) : /* @__PURE__ */ l(e, {
+			return /* @__PURE__ */ u(a, {
+				title: /* @__PURE__ */ u("span", { children: r ? /* @__PURE__ */ u(e, { i18nKey: t.MODEL$NO_SAVED_PROFILES }) : /* @__PURE__ */ u(e, {
 					i18nKey: t.MODEL$AVAILABLE_PROFILES,
 					values: { count: n.profiles.length }
 				}) }),
-				details: r ? /* @__PURE__ */ l("span", {
+				details: r ? /* @__PURE__ */ u("span", {
 					className: "text-neutral-300 text-sm px-2 py-1 block",
-					children: /* @__PURE__ */ l(e, { i18nKey: t.MODEL$NO_PROFILES_HINT })
-				}) : /* @__PURE__ */ l("div", {
+					children: /* @__PURE__ */ u(e, { i18nKey: t.MODEL$NO_PROFILES_HINT })
+				}) : /* @__PURE__ */ u("div", {
 					className: "flex flex-col gap-1 mt-1",
-					children: n.profiles.map((e) => /* @__PURE__ */ l(d, { profile: e }, e.name))
+					children: n.profiles.map((e) => /* @__PURE__ */ u(f, { profile: e }, e.name))
 				}),
 				initiallyExpanded: r
 			}, n.id);
@@ -72,6 +73,6 @@ function f({ conversationId: n, anchorEventId: r }) {
 	});
 }
 //#endregion
-export { f as ModelMessages };
+export { p as ModelMessages };
 
 //# sourceMappingURL=model-messages.js.map

package/dist/components/features/chat/model-messages.js.map

@@ -1 +1 @@
-{"version":3,"file":"model-messages.js","names":[],"sources":["../../../../src/components/features/chat/model-messages.tsx"],"sourcesContent":["import React from \"react\";\nimport { Trans } from \"react-i18next\";\nimport { ChevronDown, ChevronRight } from \"lucide-react\";\nimport { useModelStore } from \"#/stores/model-store\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport InfoCircleIcon from \"#/icons/info-circle.svg?react\";\nimport type { ProfileInfo } from \"#/api/profiles-service/profiles-service.api\";\nimport { GenericEventMessage } from \"./generic-event-message\";\n\ninterface ProfileRowProps {\n  profile: ProfileInfo;\n}\n\nfunction ProfileRow({ profile }: ProfileRowProps) {\n  const [expanded, setExpanded] = React.useState(false);\n\n  return (\n    <div className=\"border border-neutral-700 rounded-md overflow-hidden\">\n      <button\n        type=\"button\"\n        onClick={() => setExpanded((v) => !v)}\n        aria-expanded={expanded}\n        aria-label={`Toggle details for ${profile.name}`}\n        className=\"w-full py-1.5 px-2 text-left flex items-center gap-2 hover:bg-neutral-700 transition-colors cursor-pointer\"\n      >\n        <span className=\"text-neutral-300\">\n          {expanded ? <ChevronDown size={14} /> : <ChevronRight size={14} />}\n        </span>\n        <span className=\"font-normal text-neutral-200 text-sm\">\n          {profile.name}\n        </span>\n      </button>\n      {expanded && (\n        <>\n          <hr className=\"border-neutral-700\" />\n          <div className=\"px-3 py-2 text-xs text-neutral-300 font-mono whitespace-pre-wrap\">\n            {`model:    ${profile.model ?? \"—\"}\\n` +\n              `base_url: ${profile.base_url ?? \"—\"}\\n` +\n              // eslint-disable-next-line i18next/no-literal-string -- diagnostic readout; field labels are intentionally untranslated\n              `api_key:  ${profile.api_key_set ? \"set\" : \"not set\"}`}\n          </div>\n        </>\n      )}\n    </div>\n  );\n}\n\nexport interface ModelMessagesProps {\n  conversationId: string | null | undefined;\n  /**\n   * Render only entries anchored to this event id. Use `null` to render the\n   * \"no events at the time of /model\" entries (top of the chat history).\n   */\n  anchorEventId: string | null;\n}\n\nexport function ModelMessages({\n  conversationId,\n  anchorEventId,\n}: ModelMessagesProps) {\n  const entriesById = useModelStore((s) => s.entriesByConversation);\n  const allEntries = conversationId ? (entriesById[conversationId] ?? []) : [];\n  const entries = allEntries.filter((e) => e.anchorEventId === anchorEventId);\n\n  if (!conversationId || entries.length === 0) return null;\n\n  return (\n    <div data-testid=\"model-messages\" className=\"flex flex-col w-full\">\n      {entries.map((entry) => {\n        if (entry.switchedTo) {\n          return (\n            <GenericEventMessage\n              key={entry.id}\n              title={\n                <span className=\"inline-flex items-center gap-1.5\">\n                  <InfoCircleIcon\n                    width={14}\n                    height={14}\n                    className=\"shrink-0 text-neutral-400\"\n                    aria-hidden\n                  />\n                  <Trans\n                    i18nKey={I18nKey.MODEL$SWITCHED_TO_PROFILE}\n                    values={{ name: entry.switchedTo }}\n                    components={{\n                      cmd: (\n                        <span className=\"font-mono text-neutral-200 bg-neutral-800 px-1 rounded\" />\n                      ),\n                    }}\n                  />\n                </span>\n              }\n              details=\"\"\n            />\n          );\n        }\n\n        const isEmpty = entry.profiles.length === 0;\n        return (\n          <GenericEventMessage\n            key={entry.id}\n            title={\n              <span>\n                {isEmpty ? (\n                  <Trans i18nKey={I18nKey.MODEL$NO_SAVED_PROFILES} />\n                ) : (\n                  <Trans\n                    i18nKey={I18nKey.MODEL$AVAILABLE_PROFILES}\n                    values={{ count: entry.profiles.length }}\n                  />\n                )}\n              </span>\n            }\n            details={\n              isEmpty ? (\n                <span className=\"text-neutral-300 text-sm px-2 py-1 block\">\n                  <Trans i18nKey={I18nKey.MODEL$NO_PROFILES_HINT} />\n                </span>\n              ) : (\n                <div className=\"flex flex-col gap-1 mt-1\">\n                  {entry.profiles.map((p) => (\n                    <ProfileRow key={p.name} profile={p} />\n                  ))}\n                </div>\n              )\n            }\n            initiallyExpanded={isEmpty}\n          />\n        );\n      })}\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;AAaA,SAAS,EAAW,EAAE,cAA4B;CAChD,IAAM,CAAC,GAAU,KAAe,EAAM,SAAS,EAAK;CAEpD,OACE,kBAAC,OAAD;EAAK,WAAU;YAAf,CACE,kBAAC,UAAD;GACE,MAAK;GACL,eAAe,GAAa,MAAM,CAAC,CAAC;GACpC,iBAAe;GACf,cAAY,sBAAsB,EAAQ;GAC1C,WAAU;aALZ,CAOE,kBAAC,QAAD;IAAM,WAAU;cACF,EAAX,IAAY,IAA4B,GAA7B,EAAa,MAAM,GAAK,CAA6B;GAC7D,CAAA,GACN,kBAAC,QAAD;IAAM,WAAU;cACb,EAAQ;GACL,CAAA,CACA;MACP,KACC,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,MAAD,EAAI,WAAU,qBAAsB,CAAA,GACpC,kBAAC,OAAD;GAAK,WAAU;aACZ,aAAa,EAAQ,SAAS,IAAI,cACpB,EAAQ,YAAY,IAAI,cAExB,EAAQ,cAAc,QAAQ;EAC1C,CAAA,CACL,EAAA,CAAA,CAED;;AAET;AAWA,SAAgB,EAAc,EAC5B,mBACA,oBACqB;CACrB,IAAM,IAAc,GAAe,MAAM,EAAE,qBAAqB,GAE1D,KADa,IAAkB,EAAY,MAAmB,CAAC,IAAK,CAAC,GAChD,QAAQ,MAAM,EAAE,kBAAkB,CAAa;CAI1E,OAFI,CAAC,KAAkB,EAAQ,WAAW,IAAU,OAGlD,kBAAC,OAAD;EAAK,eAAY;EAAiB,WAAU;YACzC,EAAQ,KAAK,MAAU;GACtB,IAAI,EAAM,YACR,OACE,kBAAC,GAAD;IAEE,OACE,kBAAC,QAAD;KAAM,WAAU;eAAhB,CACE,kBAAC,GAAD;MACE,OAAO;MACP,QAAQ;MACR,WAAU;MACV,eAAA;KACD,CAAA,GACD,kBAAC,GAAD;MACE,SAAS,EAAQ;MACjB,QAAQ,EAAE,MAAM,EAAM,WAAW;MACjC,YAAY,EACV,KACE,kBAAC,QAAD,EAAM,WAAU,yDAA0D,CAAA,EAE9E;KACD,CAAA,CACG;;IAER,SAAQ;GACT,GArBM,EAAM,EAqBZ;GAIL,IAAM,IAAU,EAAM,SAAS,WAAW;GAC1C,OACE,kBAAC,GAAD;IAEE,OACE,kBAAC,QAAD,EAAA,UACG,IACC,kBAAC,GAAD,EAAO,SAAS,EAAQ,wBAA0B,CAAA,IAElD,kBAAC,GAAD;KACE,SAAS,EAAQ;KACjB,QAAQ,EAAE,OAAO,EAAM,SAAS,OAAO;IACxC,CAAA,EAEC,CAAA;IAER,SACE,IACE,kBAAC,QAAD;KAAM,WAAU;eACd,kBAAC,GAAD,EAAO,SAAS,EAAQ,uBAAyB,CAAA;IAC7C,CAAA,IAEN,kBAAC,OAAD;KAAK,WAAU;eACZ,EAAM,SAAS,KAAK,MACnB,kBAAC,GAAD,EAAyB,SAAS,EAAI,GAArB,EAAE,IAAmB,CACvC;IACE,CAAA;IAGT,mBAAmB;GACpB,GA3BM,EAAM,EA2BZ;EAEL,CAAC;CACE,CAAA;AAET"}
+{"version":3,"file":"model-messages.js","names":[],"sources":["../../../../src/components/features/chat/model-messages.tsx"],"sourcesContent":["import React from \"react\";\nimport { Trans } from \"react-i18next\";\nimport { ChevronDown, ChevronRight } from \"lucide-react\";\nimport { useModelStore } from \"#/stores/model-store\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport InfoCircleIcon from \"#/icons/info-circle.svg?react\";\nimport type { ProfileInfo } from \"#/api/profiles-service/profiles-service.api\";\nimport { formatModelNameForDisplay } from \"#/utils/format-model-name\";\nimport { GenericEventMessage } from \"./generic-event-message\";\n\ninterface ProfileRowProps {\n  profile: ProfileInfo;\n}\n\nfunction ProfileRow({ profile }: ProfileRowProps) {\n  const [expanded, setExpanded] = React.useState(false);\n  const displayModel = formatModelNameForDisplay(profile.model);\n\n  return (\n    <div className=\"border border-neutral-700 rounded-md overflow-hidden\">\n      <button\n        type=\"button\"\n        onClick={() => setExpanded((v) => !v)}\n        aria-expanded={expanded}\n        aria-label={`Toggle details for ${profile.name}`}\n        className=\"w-full py-1.5 px-2 text-left flex items-center gap-2 hover:bg-neutral-700 transition-colors cursor-pointer\"\n      >\n        <span className=\"text-neutral-300\">\n          {expanded ? <ChevronDown size={14} /> : <ChevronRight size={14} />}\n        </span>\n        <span className=\"font-normal text-neutral-200 text-sm\">\n          {profile.name}\n        </span>\n      </button>\n      {expanded && (\n        <>\n          <hr className=\"border-neutral-700\" />\n          <div className=\"px-3 py-2 text-xs text-neutral-300 font-mono whitespace-pre-wrap\">\n            {`model:    ${displayModel ?? \"—\"}\\n` +\n              `base_url: ${profile.base_url ?? \"—\"}\\n` +\n              // eslint-disable-next-line i18next/no-literal-string -- diagnostic readout; field labels are intentionally untranslated\n              `api_key:  ${profile.api_key_set ? \"set\" : \"not set\"}`}\n          </div>\n        </>\n      )}\n    </div>\n  );\n}\n\nexport interface ModelMessagesProps {\n  conversationId: string | null | undefined;\n  /**\n   * Render only entries anchored to this event id. Use `null` to render the\n   * \"no events at the time of /model\" entries (top of the chat history).\n   */\n  anchorEventId: string | null;\n}\n\nexport function ModelMessages({\n  conversationId,\n  anchorEventId,\n}: ModelMessagesProps) {\n  const entriesById = useModelStore((s) => s.entriesByConversation);\n  const allEntries = conversationId ? (entriesById[conversationId] ?? []) : [];\n  const entries = allEntries.filter((e) => e.anchorEventId === anchorEventId);\n\n  if (!conversationId || entries.length === 0) return null;\n\n  return (\n    <div data-testid=\"model-messages\" className=\"flex flex-col w-full\">\n      {entries.map((entry) => {\n        if (entry.switchedTo) {\n          return (\n            <GenericEventMessage\n              key={entry.id}\n              title={\n                <span className=\"inline-flex items-center gap-1.5\">\n                  <InfoCircleIcon\n                    width={14}\n                    height={14}\n                    className=\"shrink-0 text-neutral-400\"\n                    aria-hidden\n                  />\n                  <Trans\n                    i18nKey={I18nKey.MODEL$SWITCHED_TO_PROFILE}\n                    values={{ name: entry.switchedTo }}\n                    components={{\n                      cmd: (\n                        <span className=\"font-mono text-neutral-200 bg-neutral-800 px-1 rounded\" />\n                      ),\n                    }}\n                  />\n                </span>\n              }\n              details=\"\"\n            />\n          );\n        }\n\n        const isEmpty = entry.profiles.length === 0;\n        return (\n          <GenericEventMessage\n            key={entry.id}\n            title={\n              <span>\n                {isEmpty ? (\n                  <Trans i18nKey={I18nKey.MODEL$NO_SAVED_PROFILES} />\n                ) : (\n                  <Trans\n                    i18nKey={I18nKey.MODEL$AVAILABLE_PROFILES}\n                    values={{ count: entry.profiles.length }}\n                  />\n                )}\n              </span>\n            }\n            details={\n              isEmpty ? (\n                <span className=\"text-neutral-300 text-sm px-2 py-1 block\">\n                  <Trans i18nKey={I18nKey.MODEL$NO_PROFILES_HINT} />\n                </span>\n              ) : (\n                <div className=\"flex flex-col gap-1 mt-1\">\n                  {entry.profiles.map((p) => (\n                    <ProfileRow key={p.name} profile={p} />\n                  ))}\n                </div>\n              )\n            }\n            initiallyExpanded={isEmpty}\n          />\n        );\n      })}\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;AAcA,SAAS,EAAW,EAAE,cAA4B;CAChD,IAAM,CAAC,GAAU,KAAe,EAAM,SAAS,EAAK,GAC9C,IAAe,EAA0B,EAAQ,KAAK;CAE5D,OACE,kBAAC,OAAD;EAAK,WAAU;YAAf,CACE,kBAAC,UAAD;GACE,MAAK;GACL,eAAe,GAAa,MAAM,CAAC,CAAC;GACpC,iBAAe;GACf,cAAY,sBAAsB,EAAQ;GAC1C,WAAU;aALZ,CAOE,kBAAC,QAAD;IAAM,WAAU;cACF,EAAX,IAAY,IAA4B,GAA7B,EAAa,MAAM,GAAK,CAA6B;GAC7D,CAAA,GACN,kBAAC,QAAD;IAAM,WAAU;cACb,EAAQ;GACL,CAAA,CACA;MACP,KACC,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,MAAD,EAAI,WAAU,qBAAsB,CAAA,GACpC,kBAAC,OAAD;GAAK,WAAU;aACZ,aAAa,KAAgB,IAAI,cACnB,EAAQ,YAAY,IAAI,cAExB,EAAQ,cAAc,QAAQ;EAC1C,CAAA,CACL,EAAA,CAAA,CAED;;AAET;AAWA,SAAgB,EAAc,EAC5B,mBACA,oBACqB;CACrB,IAAM,IAAc,GAAe,MAAM,EAAE,qBAAqB,GAE1D,KADa,IAAkB,EAAY,MAAmB,CAAC,IAAK,CAAC,GAChD,QAAQ,MAAM,EAAE,kBAAkB,CAAa;CAI1E,OAFI,CAAC,KAAkB,EAAQ,WAAW,IAAU,OAGlD,kBAAC,OAAD;EAAK,eAAY;EAAiB,WAAU;YACzC,EAAQ,KAAK,MAAU;GACtB,IAAI,EAAM,YACR,OACE,kBAAC,GAAD;IAEE,OACE,kBAAC,QAAD;KAAM,WAAU;eAAhB,CACE,kBAAC,GAAD;MACE,OAAO;MACP,QAAQ;MACR,WAAU;MACV,eAAA;KACD,CAAA,GACD,kBAAC,GAAD;MACE,SAAS,EAAQ;MACjB,QAAQ,EAAE,MAAM,EAAM,WAAW;MACjC,YAAY,EACV,KACE,kBAAC,QAAD,EAAM,WAAU,yDAA0D,CAAA,EAE9E;KACD,CAAA,CACG;;IAER,SAAQ;GACT,GArBM,EAAM,EAqBZ;GAIL,IAAM,IAAU,EAAM,SAAS,WAAW;GAC1C,OACE,kBAAC,GAAD;IAEE,OACE,kBAAC,QAAD,EAAA,UACG,IACC,kBAAC,GAAD,EAAO,SAAS,EAAQ,wBAA0B,CAAA,IAElD,kBAAC,GAAD;KACE,SAAS,EAAQ;KACjB,QAAQ,EAAE,OAAO,EAAM,SAAS,OAAO;IACxC,CAAA,EAEC,CAAA;IAER,SACE,IACE,kBAAC,QAAD;KAAM,WAAU;eACd,kBAAC,GAAD,EAAO,SAAS,EAAQ,uBAAyB,CAAA;IAC7C,CAAA,IAEN,kBAAC,OAAD;KAAK,WAAU;eACZ,EAAM,SAAS,KAAK,MACnB,kBAAC,GAAD,EAAyB,SAAS,EAAI,GAArB,EAAE,IAAmB,CACvC;IACE,CAAA;IAGT,mBAAmB;GACpB,GA3BM,EAAM,EA2BZ;EAEL,CAAC;CACE,CAAA;AAET"}

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

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

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

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

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

@@ -1,11 +1,5 @@
 import { RepositorySelection } from "#/api/open-hands.types";
 import { ExecutionStatus } from "#/types/agent-server/core/base/common";
-/**
- * Display budget for the tag-chip row. Tags are server-/API-controlled, so a
- * conversation can carry arbitrarily many; the card shows at most this many
- * chips (sorted by key) and folds the rest into a "+N" overflow chip.
- */
-export declare const MAX_VISIBLE_TAG_CHIPS = 3;
 interface ConversationCardFooterProps {
     selectedRepository: RepositorySelection | null;
     lastUpdatedAt: string;
@@ -38,8 +32,8 @@ interface ConversationCardFooterProps {
     acpServer?: string | null;
     /**
      * Server-side conversation tags (``AppConversation.tags``). Non-reserved
-     * entries render as ``key: value`` chips so API-/automation-born
-     * conversations can surface attribution (e.g. ``origin: slack``).
+     * entries render as value-only chips so API-/automation-born
+     * conversations can surface attribution (e.g. ``origin: slack`` → ``slack``).
      */
     tags?: Record<string, string> | null;
     /**

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

@@ -4,73 +4,70 @@ 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 { formatTimeDelta as c } from "../../../../utils/format-time-delta.js";
-import { formatNativeModelName as l } from "../../../../utils/format-model-name.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 { 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: c(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: `${l(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-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":"swBA4CA,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,oDAAf,EACE,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,8EACb,CACG,CAAA,GACN,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,4FACb,UACG,CAAA,CACH,GAET,CASA,SAAS,EAAqB,CAC5B,OACA,WACA,SACA,UAMC,CACD,OACE,EAAA,EAAA,MAAC,OAAD,CACE,cAAa,EACb,eAAc,EACd,UAAU,8DAHZ,CAKG,GACC,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,sFACb,CACG,CAAA,EACJ,MACJ,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,6CACb,UACG,CAAA,CACF,GAEV,CAEA,SAAgB,EAAwB,CACtC,QACA,kBACA,gBACA,qBACA,sBACA,WACA,YAAY,KACZ,YAAY,KACZ,YACA,OAAO,MACwB,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,KAEE,EAAc,EAAA,2BAA2B,CAAI,EAEnD,OACE,EAAA,EAAA,MAAC,MAAD,CACE,cAAY,4BACZ,UAAU,sFAFZ,EAIE,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,kCAAf,CACG,IAAoB,IAAA,GAQjB,MAPF,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,uEACd,EAAA,EAAA,KAAC,EAAA,sBAAD,CACmB,kBACF,gBACf,YAAa,EACd,CAAA,CACG,CAAA,GAER,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,gEACb,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,+BAA+B,YAC1D,EAAA,EAAA,KAAC,EAAD,CACE,KACE,GACE,EAAA,EAAA,KAAC,EAAD,CAAc,KAAM,EAAK,CAAA,EACvB,IAAa,gBACf,EAAA,EAAA,KAAC,EAAA,QAAD,CAAiB,UAAU,SAAW,CAAA,EACpC,IAAA,YAGL,CACmB,CAAA,CACZ,CAAA,EACX,GACC,EAAA,EAAA,KAAC,EAAD,CAAY,MAAO,EAAE,EAAA,QAAQ,iCAAiC,YAC5D,EAAA,EAAA,KAAC,EAAD,CAAsB,MAAM,EAAA,EAAA,KAAC,EAAA,aAAD,CAAc,KAAM,EAAK,CAAA,WAClD,CACmB,CAAA,CACZ,CAAA,EACV,IACJ,CAAA,CAAA,EACA,GACF,EAAA,EAAA,KAAC,EAAD,CAAY,MAAO,EAAE,EAAA,QAAQ,oCAAoC,YAC/D,EAAA,EAAA,KAAC,EAAD,CAAsB,MAAM,EAAA,EAAA,KAAC,EAAA,OAAD,CAAQ,KAAM,EAAK,CAAA,WAC5C,CACmB,CAAA,CACZ,CAAA,EACV,KAEH,GACC,EAAA,EAAA,KAAC,EAAD,CAAY,MAAO,EAAE,EAAA,QAAQ,gCAAgC,YAC3D,EAAA,EAAA,KAAC,EAAD,CACE,OAAO,kCACP,MACE,EAAA,EAAA,KAAC,EAAA,eAAD,CACE,KACE,IAAc,MACV,EAAA,uBAAuB,CAAS,EAChC,YAEN,KAAM,EACP,CAAA,WAGF,CACmB,CAAA,CACZ,CAAA,EACV,KAEH,EAAY,KAAK,CAAC,EAAK,KAAW,CACjC,IAAM,EAAO,EAAA,uBAAuB,EAAK,CAAK,EAG9C,OACE,EAAA,EAAA,KAAC,EAAD,CAA6B,MAHjB,EAAA,wBAAwB,EAAK,CAGZ,YAC3B,EAAA,EAAA,KAAC,EAAD,CACE,OAAO,oCACP,OAAQ,EACR,MAAM,EAAA,EAAA,KAAC,EAAD,CAAM,cAAA,GAAY,UAAU,SAAW,CAAA,WAE5C,CACmB,CAAA,CACZ,EARK,CAQL,CAEhB,CAAC,EAEA,GACC,EAAA,EAAA,KAAC,EAAD,CAAY,MAAO,EAAE,EAAA,QAAQ,oBAAoB,WAC9C,CACS,CAAA,EACV,IACF,GACD,GAET"}

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.Element;
+export declare function ConversationCardPreview({ title, executionStatus, sandboxStatus, selectedRepository, workspaceWorkingDir, llmModel, agentKind, acpServer, createdAt, tags, }: ConversationCardPreviewProps): import("react").JSX.Element;
 export {};