@openhands/agent-canvas 1.12.0 → 1.14.0

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

@@ -1,130 +1,154 @@
 import { useTranslation as e } from "../../../../node_modules/react-i18next/dist/es/useTranslation.js";
 import { I18nKey as t } from "../../../../i18n/declaration.js";
-import { useActiveBackend as n } from "../../../../contexts/active-backend-context.js";
-import r from "../../../../icons/u-close.js";
-import { ContextMenu as i } from "../../../../ui/context-menu.js";
-import { ContextMenuListItem as a } from "../../context-menu/context-menu-list-item.js";
-import { useClickOutsideElement as o } from "../../../../hooks/use-click-outside-element.js";
-import { Divider as s } from "../../../../ui/divider.js";
-import c from "../../../../icons/skills.js";
-import l from "../../../../icons/u-tools.js";
-import u from "../../../../icons/u-edit.js";
-import d from "../../../../icons/u-download.js";
-import f from "../../../../icons/u-credit-card.js";
-import p from "../../../../icons/u-delete.js";
-import { ConversationNameContextMenuIconText as m } from "../../conversation/conversation-name-context-menu-icon-text.js";
-import h, { useCallback as g } from "react";
-import { jsx as _, jsxs as v } from "react/jsx-runtime";
+import { ArchiveRestore as n } from "../../../../node_modules/lucide-react/dist/esm/icons/archive-restore.js";
+import { Archive as r } from "../../../../node_modules/lucide-react/dist/esm/icons/archive.js";
+import { Gauge as i } from "../../../../node_modules/lucide-react/dist/esm/icons/gauge.js";
+import { useActiveBackend as a } from "../../../../contexts/active-backend-context.js";
+import o from "../../../../icons/u-close.js";
+import { ContextMenu as s } from "../../../../ui/context-menu.js";
+import { ContextMenuListItem as c } from "../../context-menu/context-menu-list-item.js";
+import { useClickOutsideElement as l } from "../../../../hooks/use-click-outside-element.js";
+import { Divider as u } from "../../../../ui/divider.js";
+import d from "../../../../icons/skills.js";
+import f from "../../../../icons/u-tools.js";
+import { ConversationNameContextMenuIconText as p } from "../../conversation/conversation-name-context-menu-icon-text.js";
+import m from "../../../../icons/u-edit.js";
+import h from "../../../../icons/u-download.js";
+import g from "../../../../icons/u-delete.js";
+import _, { useCallback as v } from "react";
+import { jsx as y, jsxs as b } from "react/jsx-runtime";
 //#region src/components/features/conversation-panel/conversation-card/conversation-card-context-menu.tsx
-function y({ onClose: y, onDelete: b, onStop: x, onEdit: S, onDisplayCost: C, onShowAgentTools: w, onShowSkills: T, onDownloadViaVSCode: E, onDownloadConversation: D, position: O = "bottom", floatingStyle: k, ignoreOutsideClickRef: A }) {
-	let { t: j } = e("openhands"), { backend: M } = n(), N = o(y, A), P = M.kind === "cloud" ? t.COMMON$CLOSE_CONVERSATION_STOP_RUNTIME : t.COMMON$STOP_CONVERSATION, F = g((e, t, n) => {
+function x({ onClose: x, onDelete: S, onArchive: C, onUnarchive: w, onStop: T, onEdit: E, onDisplayCost: D, onShowAgentTools: O, onShowSkills: k, onDownloadViaVSCode: A, onDownloadConversation: j, position: M = "bottom", floatingStyle: N, ignoreOutsideClickRef: P }) {
+	let { t: F } = e("openhands"), { backend: I } = a(), L = l(x, P), R = I.kind === "cloud" ? t.COMMON$CLOSE_CONVERSATION_STOP_RUNTIME : t.COMMON$STOP_CONVERSATION, z = v((e, t, n) => {
 		let r = e.filter((e) => e != null);
-		return r.length > 0 ? n ? /* @__PURE__ */ _(h.Fragment, { children: r }, t) : /* @__PURE__ */ v(h.Fragment, { children: [r, /* @__PURE__ */ _(s, { inset: "menu" })] }, t) : null;
-	}, []), I = k != null;
-	return /* @__PURE__ */ v(i, {
-		ref: N,
+		return r.length > 0 ? n ? /* @__PURE__ */ y(_.Fragment, { children: r }, t) : /* @__PURE__ */ b(_.Fragment, { children: [r, /* @__PURE__ */ y(u, { inset: "menu" })] }, t) : null;
+	}, []), B = N != null;
+	return /* @__PURE__ */ b(s, {
+		ref: L,
 		testId: "context-menu",
-		style: I ? k : void 0,
-		theme: I ? "popover" : "default",
-		position: I ? "none" : O,
-		alignment: I ? "none" : "right",
-		spacing: I ? "none" : "default",
-		className: I ? "mt-0 min-w-[200px] w-max max-w-[min(280px,100vw-16px)]" : "z-[200] mt-0",
+		style: B ? N : void 0,
+		theme: B ? "popover" : "default",
+		position: B ? "none" : M,
+		alignment: B ? "none" : "right",
+		spacing: B ? "none" : "default",
+		className: B ? "mt-0 min-w-[200px] w-max max-w-[min(280px,100vw-16px)]" : "z-[200] mt-0",
 		children: [
-			F([S && /* @__PURE__ */ _(a, {
+			z([E && /* @__PURE__ */ y(c, {
 				testId: "edit-button",
-				onClick: S,
-				children: /* @__PURE__ */ _(m, {
-					icon: /* @__PURE__ */ _(u, {
+				onClick: E,
+				children: /* @__PURE__ */ y(p, {
+					icon: /* @__PURE__ */ y(m, {
 						width: 16,
 						height: 16
 					}),
-					text: j(t.BUTTON$RENAME)
+					text: F(t.BUTTON$RENAME)
 				})
 			}, "edit-button")], "edit-section"),
-			F([w && /* @__PURE__ */ _(a, {
+			z([O && /* @__PURE__ */ y(c, {
 				testId: "show-agent-tools-button",
-				onClick: w,
-				children: /* @__PURE__ */ _(m, {
-					icon: /* @__PURE__ */ _(l, {
+				onClick: O,
+				children: /* @__PURE__ */ y(p, {
+					icon: /* @__PURE__ */ y(f, {
 						width: 16,
 						height: 16
 					}),
-					text: j(t.BUTTON$SHOW_AGENT_TOOLS_AND_METADATA)
+					text: F(t.BUTTON$SHOW_AGENT_TOOLS_AND_METADATA)
 				})
-			}, "show-agent-tools-button"), T && /* @__PURE__ */ _(a, {
+			}, "show-agent-tools-button"), k && /* @__PURE__ */ y(c, {
 				testId: "show-skills-button",
-				onClick: T,
-				children: /* @__PURE__ */ _(m, {
-					icon: /* @__PURE__ */ _(c, {
+				onClick: k,
+				children: /* @__PURE__ */ y(p, {
+					icon: /* @__PURE__ */ y(d, {
 						width: 16,
 						height: 16,
 						className: "stroke-[1.75]",
 						"aria-hidden": !0
 					}),
-					text: j(t.CONVERSATION$SHOW_SKILLS)
+					text: F(t.CONVERSATION$SHOW_SKILLS)
 				})
 			}, "show-skills-button")], "tools-section"),
-			F([
-				x && /* @__PURE__ */ _(a, {
+			z([
+				T && /* @__PURE__ */ y(c, {
 					testId: "stop-button",
-					onClick: x,
-					children: /* @__PURE__ */ _(m, {
-						icon: /* @__PURE__ */ _(r, {
+					onClick: T,
+					children: /* @__PURE__ */ y(p, {
+						icon: /* @__PURE__ */ y(o, {
 							width: 16,
 							height: 16
 						}),
-						text: j(P)
+						text: F(R)
 					})
 				}, "stop-button"),
-				E && /* @__PURE__ */ _(a, {
+				A && /* @__PURE__ */ y(c, {
 					testId: "download-vscode-button",
-					onClick: E,
-					children: /* @__PURE__ */ _(m, {
-						icon: /* @__PURE__ */ _(d, {
+					onClick: A,
+					children: /* @__PURE__ */ y(p, {
+						icon: /* @__PURE__ */ y(h, {
 							width: 16,
 							height: 16
 						}),
-						text: j(t.BUTTON$DOWNLOAD_VIA_VSCODE)
+						text: F(t.BUTTON$DOWNLOAD_VIA_VSCODE)
 					})
 				}, "download-vscode-button"),
-				D && /* @__PURE__ */ _(a, {
+				j && /* @__PURE__ */ y(c, {
 					testId: "download-trajectory-button",
-					onClick: D,
-					children: /* @__PURE__ */ _(m, {
-						icon: /* @__PURE__ */ _(d, {
+					onClick: j,
+					children: /* @__PURE__ */ y(p, {
+						icon: /* @__PURE__ */ y(h, {
 							width: 16,
 							height: 16
 						}),
-						text: j(t.BUTTON$DOWNLOAD_CONVERSATION_DATA)
+						text: F(t.BUTTON$DOWNLOAD_CONVERSATION_DATA)
 					})
 				}, "download-trajectory-button")
 			], "control-section"),
-			F([C && /* @__PURE__ */ _(a, {
-				testId: "display-cost-button",
-				onClick: C,
-				children: /* @__PURE__ */ _(m, {
-					icon: /* @__PURE__ */ _(f, {
-						width: 16,
-						height: 16
-					}),
-					text: j(t.BUTTON$DISPLAY_COST)
-				})
-			}, "display-cost-button"), b && /* @__PURE__ */ _(a, {
-				testId: "delete-button",
-				onClick: b,
-				children: /* @__PURE__ */ _(m, {
-					icon: /* @__PURE__ */ _(p, {
-						width: 16,
-						height: 16
-					}),
-					text: j(t.COMMON$DELETE_CONVERSATION)
-				})
-			}, "delete-button")], "info-section", !0)
+			z([
+				D && /* @__PURE__ */ y(c, {
+					testId: "display-cost-button",
+					onClick: D,
+					children: /* @__PURE__ */ y(p, {
+						icon: /* @__PURE__ */ y(i, { size: 16 }),
+						text: F(t.BUTTON$DISPLAY_COST)
+					})
+				}, "display-cost-button"),
+				C && /* @__PURE__ */ y(c, {
+					testId: "archive-button",
+					onClick: C,
+					children: /* @__PURE__ */ y(p, {
+						icon: /* @__PURE__ */ y(r, {
+							className: "h-4 w-4",
+							"aria-hidden": !0
+						}),
+						text: F(t.COMMON$ARCHIVE_CONVERSATION)
+					})
+				}, "archive-button"),
+				w && /* @__PURE__ */ y(c, {
+					testId: "unarchive-button",
+					onClick: w,
+					children: /* @__PURE__ */ y(p, {
+						icon: /* @__PURE__ */ y(n, {
+							className: "h-4 w-4",
+							"aria-hidden": !0
+						}),
+						text: F(t.COMMON$UNARCHIVE_CONVERSATION)
+					})
+				}, "unarchive-button"),
+				S && /* @__PURE__ */ y(c, {
+					testId: "delete-button",
+					onClick: S,
+					children: /* @__PURE__ */ y(p, {
+						icon: /* @__PURE__ */ y(g, {
+							width: 16,
+							height: 16
+						}),
+						text: F(t.COMMON$DELETE_CONVERSATION)
+					})
+				}, "delete-button")
+			], "info-section", !0)
 		]
 	});
 }
 //#endregion
-export { y as ConversationCardContextMenu };
+export { x as ConversationCardContextMenu };
 
 //# sourceMappingURL=conversation-card-context-menu.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"conversation-card-context-menu.js","names":[],"sources":["../../../../../src/components/features/conversation-panel/conversation-card/conversation-card-context-menu.tsx"],"sourcesContent":["import React, { useCallback } from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport { useActiveBackend } from \"#/contexts/active-backend-context\";\nimport { useClickOutsideElement } from \"#/hooks/use-click-outside-element\";\nimport { ContextMenu } from \"#/ui/context-menu\";\nimport { ContextMenuListItem } from \"../../context-menu/context-menu-list-item\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { ConversationNameContextMenuIconText } from \"../../conversation/conversation-name-context-menu-icon-text\";\n\nimport EditIcon from \"#/icons/u-edit.svg?react\";\nimport SkillsIcon from \"#/icons/skills.svg?react\";\nimport ToolsIcon from \"#/icons/u-tools.svg?react\";\nimport DownloadIcon from \"#/icons/u-download.svg?react\";\nimport CreditCardIcon from \"#/icons/u-credit-card.svg?react\";\nimport CloseIcon from \"#/icons/u-close.svg?react\";\nimport DeleteIcon from \"#/icons/u-delete.svg?react\";\nimport { Divider } from \"#/ui/divider\";\n\ninterface ConversationCardContextMenuProps {\n  onClose: () => void;\n  onDelete?: (event: React.MouseEvent<HTMLButtonElement>) => void;\n  onStop?: (event: React.MouseEvent<HTMLButtonElement>) => void;\n  onEdit?: (event: React.MouseEvent<HTMLButtonElement>) => void;\n  onDisplayCost?: (event: React.MouseEvent<HTMLButtonElement>) => void;\n  onShowAgentTools?: (event: React.MouseEvent<HTMLButtonElement>) => void;\n  onShowSkills?: (event: React.MouseEvent<HTMLButtonElement>) => void;\n  onDownloadViaVSCode?: (event: React.MouseEvent<HTMLButtonElement>) => void;\n  onDownloadConversation?: (event: React.MouseEvent<HTMLButtonElement>) => void;\n  position?: \"top\" | \"bottom\";\n  /**\n   * Fixed coordinates for a portaled menu (conversation list overflow\n   * stacking). When set, theme/position switch to non-absolute layout.\n   */\n  floatingStyle?: React.CSSProperties;\n  ignoreOutsideClickRef?: React.RefObject<HTMLElement | null>;\n}\n\nexport function ConversationCardContextMenu({\n  onClose,\n  onDelete,\n  onStop,\n  onEdit,\n  onDisplayCost,\n  onShowAgentTools,\n  onShowSkills,\n  onDownloadViaVSCode,\n  onDownloadConversation,\n  position = \"bottom\",\n  floatingStyle,\n  ignoreOutsideClickRef,\n}: ConversationCardContextMenuProps) {\n  const { t } = useTranslation(\"openhands\");\n  const { backend } = useActiveBackend();\n  const ref = useClickOutsideElement<HTMLUListElement>(\n    onClose,\n    ignoreOutsideClickRef,\n  );\n  const stopLabelKey =\n    backend.kind === \"cloud\"\n      ? I18nKey.COMMON$CLOSE_CONVERSATION_STOP_RUNTIME\n      : I18nKey.COMMON$STOP_CONVERSATION;\n\n  const generateSection = useCallback(\n    (items: React.ReactNode[], sectionKey: string, isLast?: boolean) => {\n      const filteredItems = items.filter((i) => i != null);\n\n      if (filteredItems.length > 0) {\n        return !isLast ? (\n          <React.Fragment key={sectionKey}>\n            {filteredItems}\n            <Divider inset=\"menu\" />\n          </React.Fragment>\n        ) : (\n          <React.Fragment key={sectionKey}>{filteredItems}</React.Fragment>\n        );\n      }\n      return null;\n    },\n    [],\n  );\n\n  const isPortaled = floatingStyle != null;\n\n  return (\n    <ContextMenu\n      ref={ref}\n      testId=\"context-menu\"\n      style={isPortaled ? floatingStyle : undefined}\n      theme={isPortaled ? \"popover\" : \"default\"}\n      position={isPortaled ? \"none\" : position}\n      alignment={isPortaled ? \"none\" : \"right\"}\n      spacing={isPortaled ? \"none\" : \"default\"}\n      className={\n        isPortaled\n          ? \"mt-0 min-w-[200px] w-max max-w-[min(280px,100vw-16px)]\"\n          : \"z-[200] mt-0\"\n      }\n    >\n      {generateSection(\n        [\n          onEdit && (\n            <ContextMenuListItem\n              key=\"edit-button\"\n              testId=\"edit-button\"\n              onClick={onEdit}\n            >\n              <ConversationNameContextMenuIconText\n                icon={<EditIcon width={16} height={16} />}\n                text={t(I18nKey.BUTTON$RENAME)}\n              />\n            </ContextMenuListItem>\n          ),\n        ],\n        // eslint-disable-next-line i18next/no-literal-string -- internal section id, not user-facing\n        \"edit-section\",\n      )}\n      {generateSection(\n        [\n          onShowAgentTools && (\n            <ContextMenuListItem\n              key=\"show-agent-tools-button\"\n              testId=\"show-agent-tools-button\"\n              onClick={onShowAgentTools}\n            >\n              <ConversationNameContextMenuIconText\n                icon={<ToolsIcon width={16} height={16} />}\n                text={t(I18nKey.BUTTON$SHOW_AGENT_TOOLS_AND_METADATA)}\n              />\n            </ContextMenuListItem>\n          ),\n          onShowSkills && (\n            <ContextMenuListItem\n              key=\"show-skills-button\"\n              testId=\"show-skills-button\"\n              onClick={onShowSkills}\n            >\n              <ConversationNameContextMenuIconText\n                icon={\n                  <SkillsIcon\n                    width={16}\n                    height={16}\n                    className=\"stroke-[1.75]\"\n                    aria-hidden\n                  />\n                }\n                text={t(I18nKey.CONVERSATION$SHOW_SKILLS)}\n              />\n            </ContextMenuListItem>\n          ),\n        ],\n        // eslint-disable-next-line i18next/no-literal-string -- internal section id, not user-facing\n        \"tools-section\",\n      )}\n      {generateSection(\n        [\n          onStop && (\n            <ContextMenuListItem\n              key=\"stop-button\"\n              testId=\"stop-button\"\n              onClick={onStop}\n            >\n              <ConversationNameContextMenuIconText\n                icon={<CloseIcon width={16} height={16} />}\n                text={t(stopLabelKey)}\n              />\n            </ContextMenuListItem>\n          ),\n          onDownloadViaVSCode && (\n            <ContextMenuListItem\n              key=\"download-vscode-button\"\n              testId=\"download-vscode-button\"\n              onClick={onDownloadViaVSCode}\n            >\n              <ConversationNameContextMenuIconText\n                icon={<DownloadIcon width={16} height={16} />}\n                text={t(I18nKey.BUTTON$DOWNLOAD_VIA_VSCODE)}\n              />\n            </ContextMenuListItem>\n          ),\n          onDownloadConversation && (\n            <ContextMenuListItem\n              key=\"download-trajectory-button\"\n              testId=\"download-trajectory-button\"\n              onClick={onDownloadConversation}\n            >\n              <ConversationNameContextMenuIconText\n                icon={<DownloadIcon width={16} height={16} />}\n                text={t(I18nKey.BUTTON$DOWNLOAD_CONVERSATION_DATA)}\n              />\n            </ContextMenuListItem>\n          ),\n        ],\n        // eslint-disable-next-line i18next/no-literal-string -- internal section id, not user-facing\n        \"control-section\",\n      )}\n      {generateSection(\n        [\n          onDisplayCost && (\n            <ContextMenuListItem\n              key=\"display-cost-button\"\n              testId=\"display-cost-button\"\n              onClick={onDisplayCost}\n            >\n              <ConversationNameContextMenuIconText\n                icon={<CreditCardIcon width={16} height={16} />}\n                text={t(I18nKey.BUTTON$DISPLAY_COST)}\n              />\n            </ContextMenuListItem>\n          ),\n          onDelete && (\n            <ContextMenuListItem\n              key=\"delete-button\"\n              testId=\"delete-button\"\n              onClick={onDelete}\n            >\n              <ConversationNameContextMenuIconText\n                icon={<DeleteIcon width={16} height={16} />}\n                text={t(I18nKey.COMMON$DELETE_CONVERSATION)}\n              />\n            </ContextMenuListItem>\n          ),\n        ],\n        // eslint-disable-next-line i18next/no-literal-string -- internal section id, not user-facing\n        \"info-section\",\n        true,\n      )}\n    </ContextMenu>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAqCA,SAAgB,EAA4B,EAC1C,YACA,aACA,WACA,WACA,kBACA,qBACA,iBACA,wBACA,2BACA,cAAW,UACX,kBACA,4BACmC;CACnC,IAAM,EAAE,SAAM,EAAe,WAAW,GAClC,EAAE,eAAY,EAAiB,GAC/B,IAAM,EACV,GACA,CACF,GACM,IACJ,EAAQ,SAAS,UACb,EAAQ,yCACR,EAAQ,0BAER,IAAkB,GACrB,GAA0B,GAAoB,MAAqB;EAClE,IAAM,IAAgB,EAAM,QAAQ,MAAM,KAAK,IAAI;EAYnD,OAVI,EAAc,SAAS,IACjB,IAMN,kBAAC,EAAM,UAAP,EAAA,UAAkC,EAA8B,GAA3C,CAA2C,IALhE,kBAAC,EAAM,UAAP,EAAA,UAAA,CACG,GACD,kBAAC,GAAD,EAAS,OAAM,OAAQ,CAAA,CACT,EAAA,GAHK,CAGL,IAKb;CACT,GACA,CAAC,CACH,GAEM,IAAa,KAAiB;CAEpC,OACE,kBAAC,GAAD;EACO;EACL,QAAO;EACP,OAAO,IAAa,IAAgB,KAAA;EACpC,OAAO,IAAa,YAAY;EAChC,UAAU,IAAa,SAAS;EAChC,WAAW,IAAa,SAAS;EACjC,SAAS,IAAa,SAAS;EAC/B,WACE,IACI,2DACA;YAXR;GAcG,EACC,CACE,KACE,kBAAC,GAAD;IAEE,QAAO;IACP,SAAS;cAET,kBAAC,GAAD;KACE,MAAM,kBAAC,GAAD;MAAU,OAAO;MAAI,QAAQ;KAAK,CAAA;KACxC,MAAM,EAAE,EAAQ,aAAa;IAC9B,CAAA;GACkB,GARf,aAQe,CAEzB,GAEA,cACF;GACC,EACC,CACE,KACE,kBAAC,GAAD;IAEE,QAAO;IACP,SAAS;cAET,kBAAC,GAAD;KACE,MAAM,kBAAC,GAAD;MAAW,OAAO;MAAI,QAAQ;KAAK,CAAA;KACzC,MAAM,EAAE,EAAQ,oCAAoC;IACrD,CAAA;GACkB,GARf,yBAQe,GAEvB,KACE,kBAAC,GAAD;IAEE,QAAO;IACP,SAAS;cAET,kBAAC,GAAD;KACE,MACE,kBAAC,GAAD;MACE,OAAO;MACP,QAAQ;MACR,WAAU;MACV,eAAA;KACD,CAAA;KAEH,MAAM,EAAE,EAAQ,wBAAwB;IACzC,CAAA;GACkB,GAff,oBAee,CAEzB,GAEA,eACF;GACC,EACC;IACE,KACE,kBAAC,GAAD;KAEE,QAAO;KACP,SAAS;eAET,kBAAC,GAAD;MACE,MAAM,kBAAC,GAAD;OAAW,OAAO;OAAI,QAAQ;MAAK,CAAA;MACzC,MAAM,EAAE,CAAY;KACrB,CAAA;IACkB,GARf,aAQe;IAEvB,KACE,kBAAC,GAAD;KAEE,QAAO;KACP,SAAS;eAET,kBAAC,GAAD;MACE,MAAM,kBAAC,GAAD;OAAc,OAAO;OAAI,QAAQ;MAAK,CAAA;MAC5C,MAAM,EAAE,EAAQ,0BAA0B;KAC3C,CAAA;IACkB,GARf,wBAQe;IAEvB,KACE,kBAAC,GAAD;KAEE,QAAO;KACP,SAAS;eAET,kBAAC,GAAD;MACE,MAAM,kBAAC,GAAD;OAAc,OAAO;OAAI,QAAQ;MAAK,CAAA;MAC5C,MAAM,EAAE,EAAQ,iCAAiC;KAClD,CAAA;IACkB,GARf,4BAQe;GAEzB,GAEA,iBACF;GACC,EACC,CACE,KACE,kBAAC,GAAD;IAEE,QAAO;IACP,SAAS;cAET,kBAAC,GAAD;KACE,MAAM,kBAAC,GAAD;MAAgB,OAAO;MAAI,QAAQ;KAAK,CAAA;KAC9C,MAAM,EAAE,EAAQ,mBAAmB;IACpC,CAAA;GACkB,GARf,qBAQe,GAEvB,KACE,kBAAC,GAAD;IAEE,QAAO;IACP,SAAS;cAET,kBAAC,GAAD;KACE,MAAM,kBAAC,GAAD;MAAY,OAAO;MAAI,QAAQ;KAAK,CAAA;KAC1C,MAAM,EAAE,EAAQ,0BAA0B;IAC3C,CAAA;GACkB,GARf,eAQe,CAEzB,GAEA,gBACA,EACF;EACW;;AAEjB"}
+{"version":3,"file":"conversation-card-context-menu.js","names":[],"sources":["../../../../../src/components/features/conversation-panel/conversation-card/conversation-card-context-menu.tsx"],"sourcesContent":["import React, { useCallback } from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport { useActiveBackend } from \"#/contexts/active-backend-context\";\nimport { useClickOutsideElement } from \"#/hooks/use-click-outside-element\";\nimport { ContextMenu } from \"#/ui/context-menu\";\nimport { ContextMenuListItem } from \"../../context-menu/context-menu-list-item\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { ConversationNameContextMenuIconText } from \"../../conversation/conversation-name-context-menu-icon-text\";\n\nimport { Archive, ArchiveRestore } from \"lucide-react\";\nimport EditIcon from \"#/icons/u-edit.svg?react\";\nimport SkillsIcon from \"#/icons/skills.svg?react\";\nimport ToolsIcon from \"#/icons/u-tools.svg?react\";\nimport DownloadIcon from \"#/icons/u-download.svg?react\";\nimport CloseIcon from \"#/icons/u-close.svg?react\";\nimport DeleteIcon from \"#/icons/u-delete.svg?react\";\nimport { Divider } from \"#/ui/divider\";\nimport { Gauge } from \"lucide-react\";\n\ninterface ConversationCardContextMenuProps {\n  onClose: () => void;\n  onDelete?: (event: React.MouseEvent<HTMLButtonElement>) => void;\n  onArchive?: (event: React.MouseEvent<HTMLButtonElement>) => void;\n  onUnarchive?: (event: React.MouseEvent<HTMLButtonElement>) => void;\n  onStop?: (event: React.MouseEvent<HTMLButtonElement>) => void;\n  onEdit?: (event: React.MouseEvent<HTMLButtonElement>) => void;\n  onDisplayCost?: (event: React.MouseEvent<HTMLButtonElement>) => void;\n  onShowAgentTools?: (event: React.MouseEvent<HTMLButtonElement>) => void;\n  onShowSkills?: (event: React.MouseEvent<HTMLButtonElement>) => void;\n  onDownloadViaVSCode?: (event: React.MouseEvent<HTMLButtonElement>) => void;\n  onDownloadConversation?: (event: React.MouseEvent<HTMLButtonElement>) => void;\n  position?: \"top\" | \"bottom\";\n  /**\n   * Fixed coordinates for a portaled menu (conversation list overflow\n   * stacking). When set, theme/position switch to non-absolute layout.\n   */\n  floatingStyle?: React.CSSProperties;\n  ignoreOutsideClickRef?: React.RefObject<HTMLElement | null>;\n}\n\nexport function ConversationCardContextMenu({\n  onClose,\n  onDelete,\n  onArchive,\n  onUnarchive,\n  onStop,\n  onEdit,\n  onDisplayCost,\n  onShowAgentTools,\n  onShowSkills,\n  onDownloadViaVSCode,\n  onDownloadConversation,\n  position = \"bottom\",\n  floatingStyle,\n  ignoreOutsideClickRef,\n}: ConversationCardContextMenuProps) {\n  const { t } = useTranslation(\"openhands\");\n  const { backend } = useActiveBackend();\n  const ref = useClickOutsideElement<HTMLUListElement>(\n    onClose,\n    ignoreOutsideClickRef,\n  );\n  const stopLabelKey =\n    backend.kind === \"cloud\"\n      ? I18nKey.COMMON$CLOSE_CONVERSATION_STOP_RUNTIME\n      : I18nKey.COMMON$STOP_CONVERSATION;\n\n  const generateSection = useCallback(\n    (items: React.ReactNode[], sectionKey: string, isLast?: boolean) => {\n      const filteredItems = items.filter((i) => i != null);\n\n      if (filteredItems.length > 0) {\n        return !isLast ? (\n          <React.Fragment key={sectionKey}>\n            {filteredItems}\n            <Divider inset=\"menu\" />\n          </React.Fragment>\n        ) : (\n          <React.Fragment key={sectionKey}>{filteredItems}</React.Fragment>\n        );\n      }\n      return null;\n    },\n    [],\n  );\n\n  const isPortaled = floatingStyle != null;\n\n  return (\n    <ContextMenu\n      ref={ref}\n      testId=\"context-menu\"\n      style={isPortaled ? floatingStyle : undefined}\n      theme={isPortaled ? \"popover\" : \"default\"}\n      position={isPortaled ? \"none\" : position}\n      alignment={isPortaled ? \"none\" : \"right\"}\n      spacing={isPortaled ? \"none\" : \"default\"}\n      className={\n        isPortaled\n          ? \"mt-0 min-w-[200px] w-max max-w-[min(280px,100vw-16px)]\"\n          : \"z-[200] mt-0\"\n      }\n    >\n      {generateSection(\n        [\n          onEdit && (\n            <ContextMenuListItem\n              key=\"edit-button\"\n              testId=\"edit-button\"\n              onClick={onEdit}\n            >\n              <ConversationNameContextMenuIconText\n                icon={<EditIcon width={16} height={16} />}\n                text={t(I18nKey.BUTTON$RENAME)}\n              />\n            </ContextMenuListItem>\n          ),\n        ],\n        // eslint-disable-next-line i18next/no-literal-string -- internal section id, not user-facing\n        \"edit-section\",\n      )}\n      {generateSection(\n        [\n          onShowAgentTools && (\n            <ContextMenuListItem\n              key=\"show-agent-tools-button\"\n              testId=\"show-agent-tools-button\"\n              onClick={onShowAgentTools}\n            >\n              <ConversationNameContextMenuIconText\n                icon={<ToolsIcon width={16} height={16} />}\n                text={t(I18nKey.BUTTON$SHOW_AGENT_TOOLS_AND_METADATA)}\n              />\n            </ContextMenuListItem>\n          ),\n          onShowSkills && (\n            <ContextMenuListItem\n              key=\"show-skills-button\"\n              testId=\"show-skills-button\"\n              onClick={onShowSkills}\n            >\n              <ConversationNameContextMenuIconText\n                icon={\n                  <SkillsIcon\n                    width={16}\n                    height={16}\n                    className=\"stroke-[1.75]\"\n                    aria-hidden\n                  />\n                }\n                text={t(I18nKey.CONVERSATION$SHOW_SKILLS)}\n              />\n            </ContextMenuListItem>\n          ),\n        ],\n        // eslint-disable-next-line i18next/no-literal-string -- internal section id, not user-facing\n        \"tools-section\",\n      )}\n      {generateSection(\n        [\n          onStop && (\n            <ContextMenuListItem\n              key=\"stop-button\"\n              testId=\"stop-button\"\n              onClick={onStop}\n            >\n              <ConversationNameContextMenuIconText\n                icon={<CloseIcon width={16} height={16} />}\n                text={t(stopLabelKey)}\n              />\n            </ContextMenuListItem>\n          ),\n          onDownloadViaVSCode && (\n            <ContextMenuListItem\n              key=\"download-vscode-button\"\n              testId=\"download-vscode-button\"\n              onClick={onDownloadViaVSCode}\n            >\n              <ConversationNameContextMenuIconText\n                icon={<DownloadIcon width={16} height={16} />}\n                text={t(I18nKey.BUTTON$DOWNLOAD_VIA_VSCODE)}\n              />\n            </ContextMenuListItem>\n          ),\n          onDownloadConversation && (\n            <ContextMenuListItem\n              key=\"download-trajectory-button\"\n              testId=\"download-trajectory-button\"\n              onClick={onDownloadConversation}\n            >\n              <ConversationNameContextMenuIconText\n                icon={<DownloadIcon width={16} height={16} />}\n                text={t(I18nKey.BUTTON$DOWNLOAD_CONVERSATION_DATA)}\n              />\n            </ContextMenuListItem>\n          ),\n        ],\n        // eslint-disable-next-line i18next/no-literal-string -- internal section id, not user-facing\n        \"control-section\",\n      )}\n      {generateSection(\n        [\n          onDisplayCost && (\n            <ContextMenuListItem\n              key=\"display-cost-button\"\n              testId=\"display-cost-button\"\n              onClick={onDisplayCost}\n            >\n              <ConversationNameContextMenuIconText\n                icon={<Gauge size={16} />}\n                text={t(I18nKey.BUTTON$DISPLAY_COST)}\n              />\n            </ContextMenuListItem>\n          ),\n          onArchive && (\n            <ContextMenuListItem\n              key=\"archive-button\"\n              testId=\"archive-button\"\n              onClick={onArchive}\n            >\n              <ConversationNameContextMenuIconText\n                icon={<Archive className=\"h-4 w-4\" aria-hidden />}\n                text={t(I18nKey.COMMON$ARCHIVE_CONVERSATION)}\n              />\n            </ContextMenuListItem>\n          ),\n          onUnarchive && (\n            <ContextMenuListItem\n              key=\"unarchive-button\"\n              testId=\"unarchive-button\"\n              onClick={onUnarchive}\n            >\n              <ConversationNameContextMenuIconText\n                icon={<ArchiveRestore className=\"h-4 w-4\" aria-hidden />}\n                text={t(I18nKey.COMMON$UNARCHIVE_CONVERSATION)}\n              />\n            </ContextMenuListItem>\n          ),\n          onDelete && (\n            <ContextMenuListItem\n              key=\"delete-button\"\n              testId=\"delete-button\"\n              onClick={onDelete}\n            >\n              <ConversationNameContextMenuIconText\n                icon={<DeleteIcon width={16} height={16} />}\n                text={t(I18nKey.COMMON$DELETE_CONVERSATION)}\n              />\n            </ContextMenuListItem>\n          ),\n        ],\n        // eslint-disable-next-line i18next/no-literal-string -- internal section id, not user-facing\n        \"info-section\",\n        true,\n      )}\n    </ContextMenu>\n  );\n}\n"],"mappings":"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"}

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

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

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

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

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

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

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

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

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

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

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

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