@openhands/agent-canvas 1.9.0 → 1.11.0

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

@@ -1,2 +1,2 @@
-require("../../../../_virtual/_rolldown/runtime.cjs");const e=require("../../../../node_modules/react-icons/fa/index.cjs"),t=require("../../../../node_modules/react-icons/fa6/index.cjs"),n=require("../../../../assets/branding/azure-devops-logo.cjs");let r=require("react/jsx-runtime");var i={bitbucket:t.FaBitbucket,bitbucket_data_center:t.FaBitbucket,github:t.FaGithub,gitlab:t.FaGitlab};function a({selectedRepository:t}){let a=t.git_provider?i[t.git_provider]:null;return(0,r.jsxs)(`div`,{className:`flex min-w-0 flex-1 items-center gap-2 overflow-hidden`,children:[(0,r.jsxs)(`div`,{className:`flex min-w-0 items-center gap-1`,children:[a&&(0,r.jsx)(a,{size:14,className:`shrink-0 text-[var(--oh-muted)]`}),t.git_provider===`azure_devops`&&(0,r.jsx)(n.default,{className:`h-[14px] w-[14px] shrink-0 text-[var(--oh-muted)]`}),(0,r.jsx)(`span`,{"data-testid":`conversation-card-selected-repository`,className:`min-w-0 truncate text-xs text-[var(--oh-muted)]`,children:t.selected_repository})]}),(0,r.jsxs)(`div`,{className:`flex min-w-0 items-center gap-1`,children:[(0,r.jsx)(e.FaCodeBranch,{size:12,className:`shrink-0 text-[var(--oh-muted)]`}),(0,r.jsx)(`span`,{"data-testid":`conversation-card-selected-branch`,className:`min-w-0 truncate text-xs text-[var(--oh-muted)]`,children:t.selected_branch})]})]})}exports.ConversationRepoLink=a;
+require("../../../../_virtual/_rolldown/runtime.cjs");const e=require("../../../../utils/utils.cjs"),t=require("../../../../node_modules/react-icons/fa/index.cjs"),n=require("../../../../node_modules/react-icons/fa6/index.cjs"),r=require("../../../../assets/branding/azure-devops-logo.cjs"),i=require("./conversation-card-meta-chip.cjs");let a=require("react/jsx-runtime");var o=e.cn(i.CONVERSATION_CARD_META_CHIP_CLASSNAME,`shrink`),s={bitbucket:n.FaBitbucket,bitbucket_data_center:n.FaBitbucket,github:n.FaGithub,gitlab:n.FaGitlab};function c({selectedRepository:e}){let n=e.git_provider?s[e.git_provider]:null,c=e.selected_repository,l=e.selected_branch;return(0,a.jsxs)(`div`,{className:`flex min-w-0 flex-1 items-center gap-1 overflow-hidden`,children:[c?(0,a.jsxs)(`span`,{"data-testid":`conversation-card-selected-repository`,title:c,className:o,children:[(n||e.git_provider===`azure_devops`)&&(0,a.jsx)(`span`,{className:`inline-flex h-4 w-3 shrink-0 items-center justify-center [&_svg]:block`,"aria-hidden":!0,children:n?(0,a.jsx)(n,{className:`h-3 w-3`}):(0,a.jsx)(r.default,{className:`h-3 w-3`})}),(0,a.jsx)(`span`,{className:`truncate leading-4`,children:c})]}):null,l?(0,a.jsxs)(`span`,{"data-testid":`conversation-card-selected-branch`,title:l,className:o,children:[(0,a.jsx)(`span`,{className:i.CONVERSATION_CARD_META_CHIP_ICON_SLOT_CLASSNAME,"aria-hidden":!0,children:(0,a.jsx)(t.FaCodeBranch,{className:i.CONVERSATION_CARD_META_CHIP_ICON_CLASSNAME})}),(0,a.jsx)(`span`,{className:`truncate leading-4`,children:l})]}):null]})}exports.ConversationRepoLink=c;
 //# sourceMappingURL=conversation-repo-link.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"conversation-repo-link.cjs","names":[],"sources":["../../../../../src/components/features/conversation-panel/conversation-card/conversation-repo-link.tsx"],"sourcesContent":["import { FaBitbucket, FaGithub, FaGitlab } from \"react-icons/fa6\";\nimport { FaCodeBranch } from \"react-icons/fa\";\nimport { IconType } from \"react-icons/lib\";\nimport { RepositorySelection } from \"#/api/open-hands.types\";\nimport { Provider } from \"#/types/settings\";\nimport AzureDevOpsLogo from \"#/assets/branding/azure-devops-logo.svg?react\";\n\ninterface ConversationRepoLinkProps {\n  selectedRepository: RepositorySelection;\n}\n\nconst providerIcon: Partial<Record<Provider, IconType>> = {\n  bitbucket: FaBitbucket,\n  bitbucket_data_center: FaBitbucket,\n  github: FaGithub,\n  gitlab: FaGitlab,\n};\n\nexport function ConversationRepoLink({\n  selectedRepository,\n}: ConversationRepoLinkProps) {\n  const Icon = selectedRepository.git_provider\n    ? providerIcon[selectedRepository.git_provider]\n    : null;\n\n  return (\n    <div className=\"flex min-w-0 flex-1 items-center gap-2 overflow-hidden\">\n      <div className=\"flex min-w-0 items-center gap-1\">\n        {Icon && <Icon size={14} className=\"shrink-0 text-[var(--oh-muted)]\" />}\n        {selectedRepository.git_provider === \"azure_devops\" && (\n          <AzureDevOpsLogo className=\"h-[14px] w-[14px] shrink-0 text-[var(--oh-muted)]\" />\n        )}\n        <span\n          data-testid=\"conversation-card-selected-repository\"\n          className=\"min-w-0 truncate text-xs text-[var(--oh-muted)]\"\n        >\n          {selectedRepository.selected_repository}\n        </span>\n      </div>\n      <div className=\"flex min-w-0 items-center gap-1\">\n        <FaCodeBranch size={12} className=\"shrink-0 text-[var(--oh-muted)]\" />\n\n        <span\n          data-testid=\"conversation-card-selected-branch\"\n          className=\"min-w-0 truncate text-xs text-[var(--oh-muted)]\"\n        >\n          {selectedRepository.selected_branch}\n        </span>\n      </div>\n    </div>\n  );\n}\n"],"mappings":"6RAWA,IAAM,EAAoD,CACxD,UAAW,EAAA,YACX,sBAAuB,EAAA,YACvB,OAAQ,EAAA,SACR,OAAQ,EAAA,QACV,EAEA,SAAgB,EAAqB,CACnC,sBAC4B,CAC5B,IAAM,EAAO,EAAmB,aAC5B,EAAa,EAAmB,cAChC,KAEJ,OACE,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,kEAAf,EACE,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,2CAAf,CACG,IAAQ,EAAA,EAAA,KAAC,EAAD,CAAM,KAAM,GAAI,UAAU,iCAAmC,CAAA,EACrE,EAAmB,eAAiB,iBACnC,EAAA,EAAA,KAAC,EAAA,QAAD,CAAiB,UAAU,mDAAqD,CAAA,GAElF,EAAA,EAAA,KAAC,OAAD,CACE,cAAY,wCACZ,UAAU,2DAET,EAAmB,mBAChB,CAAA,CACH,KACL,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,2CAAf,EACE,EAAA,EAAA,KAAC,EAAA,aAAD,CAAc,KAAM,GAAI,UAAU,iCAAmC,CAAA,GAErE,EAAA,EAAA,KAAC,OAAD,CACE,cAAY,oCACZ,UAAU,2DAET,EAAmB,eAChB,CAAA,CACH,GACF,GAET"}
+{"version":3,"file":"conversation-repo-link.cjs","names":[],"sources":["../../../../../src/components/features/conversation-panel/conversation-card/conversation-repo-link.tsx"],"sourcesContent":["import { FaBitbucket, FaGithub, FaGitlab } from \"react-icons/fa6\";\nimport { FaCodeBranch } from \"react-icons/fa\";\nimport { IconType } from \"react-icons/lib\";\nimport { RepositorySelection } from \"#/api/open-hands.types\";\nimport { Provider } from \"#/types/settings\";\nimport AzureDevOpsLogo from \"#/assets/branding/azure-devops-logo.svg?react\";\nimport { cn } from \"#/utils/utils\";\nimport {\n  CONVERSATION_CARD_META_CHIP_CLASSNAME,\n  CONVERSATION_CARD_META_CHIP_ICON_CLASSNAME,\n  CONVERSATION_CARD_META_CHIP_ICON_SLOT_CLASSNAME,\n} from \"./conversation-card-meta-chip\";\n\n/**\n * Repo and branch share one ``overflow-hidden`` row, so unlike the standalone\n * chips they must be allowed to shrink: with the shared class's ``shrink-0``\n * a long repository name claims the full row and pushes the branch chip out of\n * view entirely. Shrinking lets both stay visible and truncate proportionally.\n */\nconst REPO_LINK_CHIP_CLASSNAME = cn(\n  CONVERSATION_CARD_META_CHIP_CLASSNAME,\n  \"shrink\",\n);\n\ninterface ConversationRepoLinkProps {\n  selectedRepository: RepositorySelection;\n}\n\nconst providerIcon: Partial<Record<Provider, IconType>> = {\n  bitbucket: FaBitbucket,\n  bitbucket_data_center: FaBitbucket,\n  github: FaGithub,\n  gitlab: FaGitlab,\n};\n\nexport function ConversationRepoLink({\n  selectedRepository,\n}: ConversationRepoLinkProps) {\n  const Icon = selectedRepository.git_provider\n    ? providerIcon[selectedRepository.git_provider]\n    : null;\n  const repository = selectedRepository.selected_repository;\n  const branch = selectedRepository.selected_branch;\n\n  return (\n    <div className=\"flex min-w-0 flex-1 items-center gap-1 overflow-hidden\">\n      {repository ? (\n        <span\n          data-testid=\"conversation-card-selected-repository\"\n          title={repository}\n          className={REPO_LINK_CHIP_CLASSNAME}\n        >\n          {(Icon || selectedRepository.git_provider === \"azure_devops\") && (\n            <span\n              className={CONVERSATION_CARD_META_CHIP_ICON_SLOT_CLASSNAME}\n              aria-hidden\n            >\n              {Icon ? (\n                <Icon className={CONVERSATION_CARD_META_CHIP_ICON_CLASSNAME} />\n              ) : (\n                <AzureDevOpsLogo\n                  className={CONVERSATION_CARD_META_CHIP_ICON_CLASSNAME}\n                />\n              )}\n            </span>\n          )}\n          <span className=\"truncate leading-4\">{repository}</span>\n        </span>\n      ) : null}\n      {branch ? (\n        <span\n          data-testid=\"conversation-card-selected-branch\"\n          title={branch}\n          className={REPO_LINK_CHIP_CLASSNAME}\n        >\n          <span\n            className={CONVERSATION_CARD_META_CHIP_ICON_SLOT_CLASSNAME}\n            aria-hidden\n          >\n            <FaCodeBranch\n              className={CONVERSATION_CARD_META_CHIP_ICON_CLASSNAME}\n            />\n          </span>\n          <span className=\"truncate leading-4\">{branch}</span>\n        </span>\n      ) : null}\n    </div>\n  );\n}\n"],"mappings":"qXAmBA,IAAM,EAA2B,EAAA,GAC/B,EAAA,sCACA,QACF,EAMM,EAAoD,CACxD,UAAW,EAAA,YACX,sBAAuB,EAAA,YACvB,OAAQ,EAAA,SACR,OAAQ,EAAA,QACV,EAEA,SAAgB,EAAqB,CACnC,sBAC4B,CAC5B,IAAM,EAAO,EAAmB,aAC5B,EAAa,EAAmB,cAChC,KACE,EAAa,EAAmB,oBAChC,EAAS,EAAmB,gBAElC,OACE,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,kEAAf,CACG,GACC,EAAA,EAAA,MAAC,OAAD,CACE,cAAY,wCACZ,MAAO,EACP,UAAW,WAHb,EAKI,GAAQ,EAAmB,eAAiB,kBAC5C,EAAA,EAAA,KAAC,OAAD,CACE,UAAA,yEACA,cAAA,YAEC,GACC,EAAA,EAAA,KAAC,EAAD,CAAM,UAAA,SAAwD,CAAA,GAE9D,EAAA,EAAA,KAAC,EAAA,QAAD,CACE,UAAA,SACD,CAAA,CAEC,CAAA,GAER,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,8BAAsB,CAAiB,CAAA,CACnD,IACJ,KACH,GACC,EAAA,EAAA,MAAC,OAAD,CACE,cAAY,oCACZ,MAAO,EACP,UAAW,WAHb,EAKE,EAAA,EAAA,KAAC,OAAD,CACE,UAAW,EAAA,gDACX,cAAA,aAEA,EAAA,EAAA,KAAC,EAAA,aAAD,CACE,UAAW,EAAA,0CACZ,CAAA,CACG,CAAA,GACN,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,8BAAsB,CAAa,CAAA,CAC/C,IACJ,IACD,GAET"}

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

@@ -2,5 +2,5 @@ import { RepositorySelection } from "#/api/open-hands.types";
 interface ConversationRepoLinkProps {
     selectedRepository: RepositorySelection;
 }
-export declare function ConversationRepoLink({ selectedRepository, }: ConversationRepoLinkProps): import("react/jsx-runtime").JSX.Element;
+export declare function ConversationRepoLink({ selectedRepository, }: ConversationRepoLinkProps): import("react").JSX.Element;
 export {};

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

@@ -1,46 +1,48 @@
-import { FaCodeBranch as e } from "../../../../node_modules/react-icons/fa/index.js";
-import { FaBitbucket as t, FaGithub as n, FaGitlab as r } from "../../../../node_modules/react-icons/fa6/index.js";
-import i from "../../../../assets/branding/azure-devops-logo.js";
-import { jsx as a, jsxs as o } from "react/jsx-runtime";
+import { cn as e } from "../../../../utils/utils.js";
+import { FaCodeBranch as t } from "../../../../node_modules/react-icons/fa/index.js";
+import { FaBitbucket as n, FaGithub as r, FaGitlab as i } from "../../../../node_modules/react-icons/fa6/index.js";
+import a from "../../../../assets/branding/azure-devops-logo.js";
+import { CONVERSATION_CARD_META_CHIP_CLASSNAME as o, CONVERSATION_CARD_META_CHIP_ICON_CLASSNAME as s, CONVERSATION_CARD_META_CHIP_ICON_SLOT_CLASSNAME as c } from "./conversation-card-meta-chip.js";
+import { jsx as l, jsxs as u } from "react/jsx-runtime";
 //#region src/components/features/conversation-panel/conversation-card/conversation-repo-link.tsx
-var s = {
-	bitbucket: t,
-	bitbucket_data_center: t,
-	github: n,
-	gitlab: r
+var d = e(o, "shrink"), f = {
+	bitbucket: n,
+	bitbucket_data_center: n,
+	github: r,
+	gitlab: i
 };
-function c({ selectedRepository: t }) {
-	let n = t.git_provider ? s[t.git_provider] : null;
-	return /* @__PURE__ */ o("div", {
-		className: "flex min-w-0 flex-1 items-center gap-2 overflow-hidden",
-		children: [/* @__PURE__ */ o("div", {
-			className: "flex min-w-0 items-center gap-1",
-			children: [
-				n && /* @__PURE__ */ a(n, {
-					size: 14,
-					className: "shrink-0 text-[var(--oh-muted)]"
-				}),
-				t.git_provider === "azure_devops" && /* @__PURE__ */ a(i, { className: "h-[14px] w-[14px] shrink-0 text-[var(--oh-muted)]" }),
-				/* @__PURE__ */ a("span", {
-					"data-testid": "conversation-card-selected-repository",
-					className: "min-w-0 truncate text-xs text-[var(--oh-muted)]",
-					children: t.selected_repository
-				})
-			]
-		}), /* @__PURE__ */ o("div", {
-			className: "flex min-w-0 items-center gap-1",
-			children: [/* @__PURE__ */ a(e, {
-				size: 12,
-				className: "shrink-0 text-[var(--oh-muted)]"
-			}), /* @__PURE__ */ a("span", {
-				"data-testid": "conversation-card-selected-branch",
-				className: "min-w-0 truncate text-xs text-[var(--oh-muted)]",
-				children: t.selected_branch
+function p({ selectedRepository: e }) {
+	let n = e.git_provider ? f[e.git_provider] : null, r = e.selected_repository, i = e.selected_branch;
+	return /* @__PURE__ */ u("div", {
+		className: "flex min-w-0 flex-1 items-center gap-1 overflow-hidden",
+		children: [r ? /* @__PURE__ */ u("span", {
+			"data-testid": "conversation-card-selected-repository",
+			title: r,
+			className: d,
+			children: [(n || e.git_provider === "azure_devops") && /* @__PURE__ */ l("span", {
+				className: "inline-flex h-4 w-3 shrink-0 items-center justify-center [&_svg]:block",
+				"aria-hidden": !0,
+				children: l(n || a, { className: "h-3 w-3" })
+			}), /* @__PURE__ */ l("span", {
+				className: "truncate leading-4",
+				children: r
 			})]
-		})]
+		}) : null, i ? /* @__PURE__ */ u("span", {
+			"data-testid": "conversation-card-selected-branch",
+			title: i,
+			className: d,
+			children: [/* @__PURE__ */ l("span", {
+				className: c,
+				"aria-hidden": !0,
+				children: /* @__PURE__ */ l(t, { className: s })
+			}), /* @__PURE__ */ l("span", {
+				className: "truncate leading-4",
+				children: i
+			})]
+		}) : null]
 	});
 }
 //#endregion
-export { c as ConversationRepoLink };
+export { p as ConversationRepoLink };
 
 //# sourceMappingURL=conversation-repo-link.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"conversation-repo-link.js","names":[],"sources":["../../../../../src/components/features/conversation-panel/conversation-card/conversation-repo-link.tsx"],"sourcesContent":["import { FaBitbucket, FaGithub, FaGitlab } from \"react-icons/fa6\";\nimport { FaCodeBranch } from \"react-icons/fa\";\nimport { IconType } from \"react-icons/lib\";\nimport { RepositorySelection } from \"#/api/open-hands.types\";\nimport { Provider } from \"#/types/settings\";\nimport AzureDevOpsLogo from \"#/assets/branding/azure-devops-logo.svg?react\";\n\ninterface ConversationRepoLinkProps {\n  selectedRepository: RepositorySelection;\n}\n\nconst providerIcon: Partial<Record<Provider, IconType>> = {\n  bitbucket: FaBitbucket,\n  bitbucket_data_center: FaBitbucket,\n  github: FaGithub,\n  gitlab: FaGitlab,\n};\n\nexport function ConversationRepoLink({\n  selectedRepository,\n}: ConversationRepoLinkProps) {\n  const Icon = selectedRepository.git_provider\n    ? providerIcon[selectedRepository.git_provider]\n    : null;\n\n  return (\n    <div className=\"flex min-w-0 flex-1 items-center gap-2 overflow-hidden\">\n      <div className=\"flex min-w-0 items-center gap-1\">\n        {Icon && <Icon size={14} className=\"shrink-0 text-[var(--oh-muted)]\" />}\n        {selectedRepository.git_provider === \"azure_devops\" && (\n          <AzureDevOpsLogo className=\"h-[14px] w-[14px] shrink-0 text-[var(--oh-muted)]\" />\n        )}\n        <span\n          data-testid=\"conversation-card-selected-repository\"\n          className=\"min-w-0 truncate text-xs text-[var(--oh-muted)]\"\n        >\n          {selectedRepository.selected_repository}\n        </span>\n      </div>\n      <div className=\"flex min-w-0 items-center gap-1\">\n        <FaCodeBranch size={12} className=\"shrink-0 text-[var(--oh-muted)]\" />\n\n        <span\n          data-testid=\"conversation-card-selected-branch\"\n          className=\"min-w-0 truncate text-xs text-[var(--oh-muted)]\"\n        >\n          {selectedRepository.selected_branch}\n        </span>\n      </div>\n    </div>\n  );\n}\n"],"mappings":";;;;;AAWA,IAAM,IAAoD;CACxD,WAAW;CACX,uBAAuB;CACvB,QAAQ;CACR,QAAQ;AACV;AAEA,SAAgB,EAAqB,EACnC,yBAC4B;CAC5B,IAAM,IAAO,EAAmB,eAC5B,EAAa,EAAmB,gBAChC;CAEJ,OACE,kBAAC,OAAD;EAAK,WAAU;YAAf,CACE,kBAAC,OAAD;GAAK,WAAU;aAAf;IACG,KAAQ,kBAAC,GAAD;KAAM,MAAM;KAAI,WAAU;IAAmC,CAAA;IACrE,EAAmB,iBAAiB,kBACnC,kBAAC,GAAD,EAAiB,WAAU,oDAAqD,CAAA;IAElF,kBAAC,QAAD;KACE,eAAY;KACZ,WAAU;eAET,EAAmB;IAChB,CAAA;GACH;MACL,kBAAC,OAAD;GAAK,WAAU;aAAf,CACE,kBAAC,GAAD;IAAc,MAAM;IAAI,WAAU;GAAmC,CAAA,GAErE,kBAAC,QAAD;IACE,eAAY;IACZ,WAAU;cAET,EAAmB;GAChB,CAAA,CACH;IACF;;AAET"}
+{"version":3,"file":"conversation-repo-link.js","names":[],"sources":["../../../../../src/components/features/conversation-panel/conversation-card/conversation-repo-link.tsx"],"sourcesContent":["import { FaBitbucket, FaGithub, FaGitlab } from \"react-icons/fa6\";\nimport { FaCodeBranch } from \"react-icons/fa\";\nimport { IconType } from \"react-icons/lib\";\nimport { RepositorySelection } from \"#/api/open-hands.types\";\nimport { Provider } from \"#/types/settings\";\nimport AzureDevOpsLogo from \"#/assets/branding/azure-devops-logo.svg?react\";\nimport { cn } from \"#/utils/utils\";\nimport {\n  CONVERSATION_CARD_META_CHIP_CLASSNAME,\n  CONVERSATION_CARD_META_CHIP_ICON_CLASSNAME,\n  CONVERSATION_CARD_META_CHIP_ICON_SLOT_CLASSNAME,\n} from \"./conversation-card-meta-chip\";\n\n/**\n * Repo and branch share one ``overflow-hidden`` row, so unlike the standalone\n * chips they must be allowed to shrink: with the shared class's ``shrink-0``\n * a long repository name claims the full row and pushes the branch chip out of\n * view entirely. Shrinking lets both stay visible and truncate proportionally.\n */\nconst REPO_LINK_CHIP_CLASSNAME = cn(\n  CONVERSATION_CARD_META_CHIP_CLASSNAME,\n  \"shrink\",\n);\n\ninterface ConversationRepoLinkProps {\n  selectedRepository: RepositorySelection;\n}\n\nconst providerIcon: Partial<Record<Provider, IconType>> = {\n  bitbucket: FaBitbucket,\n  bitbucket_data_center: FaBitbucket,\n  github: FaGithub,\n  gitlab: FaGitlab,\n};\n\nexport function ConversationRepoLink({\n  selectedRepository,\n}: ConversationRepoLinkProps) {\n  const Icon = selectedRepository.git_provider\n    ? providerIcon[selectedRepository.git_provider]\n    : null;\n  const repository = selectedRepository.selected_repository;\n  const branch = selectedRepository.selected_branch;\n\n  return (\n    <div className=\"flex min-w-0 flex-1 items-center gap-1 overflow-hidden\">\n      {repository ? (\n        <span\n          data-testid=\"conversation-card-selected-repository\"\n          title={repository}\n          className={REPO_LINK_CHIP_CLASSNAME}\n        >\n          {(Icon || selectedRepository.git_provider === \"azure_devops\") && (\n            <span\n              className={CONVERSATION_CARD_META_CHIP_ICON_SLOT_CLASSNAME}\n              aria-hidden\n            >\n              {Icon ? (\n                <Icon className={CONVERSATION_CARD_META_CHIP_ICON_CLASSNAME} />\n              ) : (\n                <AzureDevOpsLogo\n                  className={CONVERSATION_CARD_META_CHIP_ICON_CLASSNAME}\n                />\n              )}\n            </span>\n          )}\n          <span className=\"truncate leading-4\">{repository}</span>\n        </span>\n      ) : null}\n      {branch ? (\n        <span\n          data-testid=\"conversation-card-selected-branch\"\n          title={branch}\n          className={REPO_LINK_CHIP_CLASSNAME}\n        >\n          <span\n            className={CONVERSATION_CARD_META_CHIP_ICON_SLOT_CLASSNAME}\n            aria-hidden\n          >\n            <FaCodeBranch\n              className={CONVERSATION_CARD_META_CHIP_ICON_CLASSNAME}\n            />\n          </span>\n          <span className=\"truncate leading-4\">{branch}</span>\n        </span>\n      ) : null}\n    </div>\n  );\n}\n"],"mappings":";;;;;;;AAmBA,IAAM,IAA2B,EAC/B,GACA,QACF,GAMM,IAAoD;CACxD,WAAW;CACX,uBAAuB;CACvB,QAAQ;CACR,QAAQ;AACV;AAEA,SAAgB,EAAqB,EACnC,yBAC4B;CAC5B,IAAM,IAAO,EAAmB,eAC5B,EAAa,EAAmB,gBAChC,MACE,IAAa,EAAmB,qBAChC,IAAS,EAAmB;CAElC,OACE,kBAAC,OAAD;EAAK,WAAU;YAAf,CACG,IACC,kBAAC,QAAD;GACE,eAAY;GACZ,OAAO;GACP,WAAW;aAHb,EAKI,KAAQ,EAAmB,iBAAiB,mBAC5C,kBAAC,QAAD;IACE,WAAA;IACA,eAAA;cAGE,EADD,KAGE,GAFD,EAAM,WAAA,UAAwD,CAI7D;GAEC,CAAA,GAER,kBAAC,QAAD;IAAM,WAAU;cAAsB;GAAiB,CAAA,CACnD;OACJ,MACH,IACC,kBAAC,QAAD;GACE,eAAY;GACZ,OAAO;GACP,WAAW;aAHb,CAKE,kBAAC,QAAD;IACE,WAAW;IACX,eAAA;cAEA,kBAAC,GAAD,EACE,WAAW,EACZ,CAAA;GACG,CAAA,GACN,kBAAC,QAAD;IAAM,WAAU;cAAsB;GAAa,CAAA,CAC/C;OACJ,IACD;;AAET"}

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

@@ -1,2 +1,2 @@
 /** Error sandbox pill beside the conversation title (archived uses the status column icon only). */
-export declare function ConversationStatusBadges(): import("react/jsx-runtime").JSX.Element;
+export declare function ConversationStatusBadges(): import("react").JSX.Element;

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

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

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

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

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

@@ -0,0 +1,14 @@
+import React from "react";
+interface ConversationTagChipsProps {
+    tags: Array<[string, string]>;
+}
+/**
+ * Single-row tag chips for a conversation card. Chip labels are value-only
+ * (key lives in the tooltip); chips that do not fit fold behind a ``+N``
+ * button that opens a key/value popover.
+ *
+ * The overflow popover is portaled with ``position: fixed`` so it is not
+ * clipped by the chip row's ``overflow-hidden`` or the sidebar scroller.
+ */
+export declare function ConversationTagChips({ tags }: ConversationTagChipsProps): React.JSX.Element | null;
+export {};

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

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

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

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

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

@@ -0,0 +1,2 @@
+require("../../../../_virtual/_rolldown/runtime.cjs");const e=require("../../../../i18n/declaration.cjs");function t(e){switch(e.trim().toLowerCase()){case`git_provider`:return`git`;case`repo_name`:case`repo`:case`repository`:return`repo`;case`selected_branch`:case`branch`:return`branch`;case`archiveworkspacepath`:case`workspace`:case`working_dir`:return`workspace`;case`appmode`:case`app_mode`:case`mode`:return`app_mode`;case`worktools`:case`work_tools`:case`tools`:return`work_tools`;case`workwsid`:case`work_wsid`:case`wsid`:case`workspace_id`:return`work_wsid`;default:return`other`}}function n(e){let t=e.trim();if(!t)return t;let n=t.replace(/[_-]+/g,` `).replace(/\s+/g,` `);return n.charAt(0).toUpperCase()+n.slice(1)}function r(r,i){switch(t(r)){case`git`:return i(e.I18nKey.CONVERSATION_PANEL$PREVIEW_GIT);case`repo`:return i(e.I18nKey.CONVERSATION_PANEL$PREVIEW_REPO);case`branch`:return i(e.I18nKey.CONVERSATION_PANEL$PREVIEW_BRANCH);case`workspace`:return i(e.I18nKey.CONVERSATION_PANEL$PREVIEW_WORKSPACE);case`app_mode`:return i(e.I18nKey.CONVERSATION_PANEL$PREVIEW_APP_MODE);case`work_tools`:return i(e.I18nKey.CONVERSATION_PANEL$PREVIEW_WORK_TOOLS);case`work_wsid`:return i(e.I18nKey.CONVERSATION_PANEL$PREVIEW_WORK_WSID);default:return n(r)}}function i(e,t,n){return`${r(e,n)}: ${t}`}function a(e,t=14){let n=Array.from(e);return n.length<=t?e:t<=1?`…`:`${n.slice(0,t-1).join(``)}…`}function o(e,t,n={}){let r=n.gapPx??4,i=n.overflowWidthPx??36;if(e.length===0)return 0;if(t<=0)return e.length;let a=0;for(let n=0;n<e.length;n+=1){let o=e[n],s=n>0?r:0,c=e.length-n-1>0?i+r:0;if(a+s+o+c>t)return n;a+=s+o}return e.length}exports.computeVisibleTagChipCount=o,exports.formatConversationTagTooltip=i,exports.getConversationTagLabel=r,exports.truncateTagChipValue=a;
+//# sourceMappingURL=conversation-tag-display.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"conversation-tag-display.cjs","names":[],"sources":["../../../../../src/components/features/conversation-panel/conversation-card/conversation-tag-display.ts"],"sourcesContent":["/**\n * Display helpers for conversation tag chips. Pure (no React) so fit/truncate\n * behavior can be unit-tested without laying out the sidebar card.\n */\n\nimport { I18nKey } from \"#/i18n/declaration\";\n\n/** Max characters shown on a chip before hard truncation with an ellipsis. */\nexport const TAG_CHIP_VALUE_MAX_LENGTH = 14;\n\n/** Horizontal gap between chips (matches Tailwind ``gap-1`` = 4px). */\nexport const TAG_CHIP_GAP_PX = 4;\n\n/**\n * Reserved width for the ``+N`` overflow control when deciding how many chips\n * fit on one row. Slightly generous so the button never wraps under a chip.\n */\nexport const TAG_CHIP_OVERFLOW_WIDTH_PX = 36;\n\n/** Known tag keys that already have a dedicated hovercard label. */\nexport type ConversationTagLabelKind =\n  | \"git\"\n  | \"repo\"\n  | \"branch\"\n  | \"workspace\"\n  | \"app_mode\"\n  | \"work_tools\"\n  | \"work_wsid\"\n  | \"other\";\n\n/**\n * Map a server tag key to a hovercard label kind. ``archiveworkspacepath`` is\n * treated as \"workspace\" — the sandbox working directory for the conversation.\n * ACM / Work stamps (``Appmode``, ``Worktools``, ``Workwsid``) get dedicated\n * kinds so chips and hovercards show friendly labels instead of the wire key.\n *\n * ``origin`` / ``source`` deliberately stay \"other\" (humanized to \"Origin\" /\n * \"Source\"): they name where a conversation came from — Slack, an API call, an\n * automation — which is not a git fact. Only ``git_provider`` is \"Git\".\n */\nexport function getConversationTagLabelKind(\n  key: string,\n): ConversationTagLabelKind {\n  switch (key.trim().toLowerCase()) {\n    case \"git_provider\":\n      return \"git\";\n    case \"repo_name\":\n    case \"repo\":\n    case \"repository\":\n      return \"repo\";\n    case \"selected_branch\":\n    case \"branch\":\n      return \"branch\";\n    case \"archiveworkspacepath\":\n    case \"workspace\":\n    case \"working_dir\":\n      return \"workspace\";\n    case \"appmode\":\n    case \"app_mode\":\n    case \"mode\":\n      return \"app_mode\";\n    case \"worktools\":\n    case \"work_tools\":\n    case \"tools\":\n      return \"work_tools\";\n    case \"workwsid\":\n    case \"work_wsid\":\n    case \"wsid\":\n    case \"workspace_id\":\n      return \"work_wsid\";\n    default:\n      return \"other\";\n  }\n}\n\n/**\n * Soften unknown snake_case / kebab-case keys for tooltips and overflow rows\n * (``selected_branch`` is mapped above; this covers free-form keys like\n * ``env`` → ``Env``).\n */\nexport function humanizeConversationTagKey(key: string): string {\n  const trimmed = key.trim();\n  if (!trimmed) {\n    return trimmed;\n  }\n  const words = trimmed.replace(/[_-]+/g, \" \").replace(/\\s+/g, \" \");\n  return words.charAt(0).toUpperCase() + words.slice(1);\n}\n\n/**\n * Localized label for a tag key (chip tooltip, overflow popover, hovercard).\n * Known keys use the preview copy; everything else is humanized.\n */\nexport function getConversationTagLabel(\n  key: string,\n  t: (key: I18nKey) => string,\n): string {\n  switch (getConversationTagLabelKind(key)) {\n    case \"git\":\n      return t(I18nKey.CONVERSATION_PANEL$PREVIEW_GIT);\n    case \"repo\":\n      return t(I18nKey.CONVERSATION_PANEL$PREVIEW_REPO);\n    case \"branch\":\n      return t(I18nKey.CONVERSATION_PANEL$PREVIEW_BRANCH);\n    case \"workspace\":\n      return t(I18nKey.CONVERSATION_PANEL$PREVIEW_WORKSPACE);\n    case \"app_mode\":\n      return t(I18nKey.CONVERSATION_PANEL$PREVIEW_APP_MODE);\n    case \"work_tools\":\n      return t(I18nKey.CONVERSATION_PANEL$PREVIEW_WORK_TOOLS);\n    case \"work_wsid\":\n      return t(I18nKey.CONVERSATION_PANEL$PREVIEW_WORK_WSID);\n    default:\n      return humanizeConversationTagKey(key);\n  }\n}\n\n/** ``Branch: main`` — used by chip ``title`` tooltips. */\nexport function formatConversationTagTooltip(\n  key: string,\n  value: string,\n  t: (key: I18nKey) => string,\n): string {\n  return `${getConversationTagLabel(key, t)}: ${value}`;\n}\n\n/**\n * Hard-truncate a tag value for the chip label. The full ``key: value`` string\n * stays available via tooltip / overflow popover.\n *\n * Measures and slices by code point rather than UTF-16 code unit: values\n * stamped by Slack / Discord automations carry emoji, and cutting between the\n * halves of a surrogate pair leaves a lone surrogate that browsers draw as a\n * replacement glyph.\n */\nexport function truncateTagChipValue(\n  value: string,\n  maxLength: number = TAG_CHIP_VALUE_MAX_LENGTH,\n): string {\n  const characters = Array.from(value);\n  if (characters.length <= maxLength) {\n    return value;\n  }\n  if (maxLength <= 1) {\n    return \"…\";\n  }\n  return `${characters.slice(0, maxLength - 1).join(\"\")}…`;\n}\n\n/**\n * How many chips fit in ``containerWidth`` while keeping a single nowrap row\n * and reserving space for a ``+N`` overflow control when any chips would hide.\n *\n * Returns ``widths.length`` when ``containerWidth <= 0`` (not laid out yet /\n * jsdom) so callers can show every chip until a real measurement arrives.\n * Returns ``0`` when the row is too narrow for even one chip + overflow — the\n * UI then shows only the ``+N`` control with the full list in the popover.\n */\nexport function computeVisibleTagChipCount(\n  widths: number[],\n  containerWidth: number,\n  options: {\n    gapPx?: number;\n    overflowWidthPx?: number;\n  } = {},\n): number {\n  const gapPx = options.gapPx ?? TAG_CHIP_GAP_PX;\n  const overflowWidthPx = options.overflowWidthPx ?? TAG_CHIP_OVERFLOW_WIDTH_PX;\n\n  if (widths.length === 0) {\n    return 0;\n  }\n  if (containerWidth <= 0) {\n    return widths.length;\n  }\n\n  let used = 0;\n  for (let i = 0; i < widths.length; i += 1) {\n    const width = widths[i]!;\n    const gap = i > 0 ? gapPx : 0;\n    const remaining = widths.length - i - 1;\n    const reserve = remaining > 0 ? overflowWidthPx + gapPx : 0;\n    if (used + gap + width + reserve > containerWidth) {\n      return i;\n    }\n    used += gap + width;\n  }\n  return widths.length;\n}\n"],"mappings":"0GAwCA,SAAgB,EACd,EAC0B,CAC1B,OAAQ,EAAI,KAAK,EAAE,YAAY,EAA/B,CACE,IAAK,eACH,MAAO,MACT,IAAK,YACL,IAAK,OACL,IAAK,aACH,MAAO,OACT,IAAK,kBACL,IAAK,SACH,MAAO,SACT,IAAK,uBACL,IAAK,YACL,IAAK,cACH,MAAO,YACT,IAAK,UACL,IAAK,WACL,IAAK,OACH,MAAO,WACT,IAAK,YACL,IAAK,aACL,IAAK,QACH,MAAO,aACT,IAAK,WACL,IAAK,YACL,IAAK,OACL,IAAK,eACH,MAAO,YACT,QACE,MAAO,OACX,CACF,CAOA,SAAgB,EAA2B,EAAqB,CAC9D,IAAM,EAAU,EAAI,KAAK,EACzB,GAAI,CAAC,EACH,OAAO,EAET,IAAM,EAAQ,EAAQ,QAAQ,SAAU,GAAG,EAAE,QAAQ,OAAQ,GAAG,EAChE,OAAO,EAAM,OAAO,CAAC,EAAE,YAAY,EAAI,EAAM,MAAM,CAAC,CACtD,CAMA,SAAgB,EACd,EACA,EACQ,CACR,OAAQ,EAA4B,CAAG,EAAvC,CACE,IAAK,MACH,OAAO,EAAE,EAAA,QAAQ,8BAA8B,EACjD,IAAK,OACH,OAAO,EAAE,EAAA,QAAQ,+BAA+B,EAClD,IAAK,SACH,OAAO,EAAE,EAAA,QAAQ,iCAAiC,EACpD,IAAK,YACH,OAAO,EAAE,EAAA,QAAQ,oCAAoC,EACvD,IAAK,WACH,OAAO,EAAE,EAAA,QAAQ,mCAAmC,EACtD,IAAK,aACH,OAAO,EAAE,EAAA,QAAQ,qCAAqC,EACxD,IAAK,YACH,OAAO,EAAE,EAAA,QAAQ,oCAAoC,EACvD,QACE,OAAO,EAA2B,CAAG,CACzC,CACF,CAGA,SAAgB,EACd,EACA,EACA,EACQ,CACR,MAAO,GAAG,EAAwB,EAAK,CAAC,EAAE,IAAI,GAChD,CAWA,SAAgB,EACd,EACA,EAAA,GACQ,CACR,IAAM,EAAa,MAAM,KAAK,CAAK,EAOnC,OANI,EAAW,QAAU,EAChB,EAEL,GAAa,EACR,IAEF,GAAG,EAAW,MAAM,EAAG,EAAY,CAAC,EAAE,KAAK,EAAE,EAAE,EACxD,CAWA,SAAgB,EACd,EACA,EACA,EAGI,CAAC,EACG,CACR,IAAM,EAAQ,EAAQ,OAAA,EAChB,EAAkB,EAAQ,iBAAA,GAEhC,GAAI,EAAO,SAAW,EACpB,MAAO,GAET,GAAI,GAAkB,EACpB,OAAO,EAAO,OAGhB,IAAI,EAAO,EACX,IAAK,IAAI,EAAI,EAAG,EAAI,EAAO,OAAQ,GAAK,EAAG,CACzC,IAAM,EAAQ,EAAO,GACf,EAAM,EAAI,EAAI,EAAQ,EAEtB,EADY,EAAO,OAAS,EAAI,EACV,EAAI,EAAkB,EAAQ,EAC1D,GAAI,EAAO,EAAM,EAAQ,EAAU,EACjC,OAAO,EAET,GAAQ,EAAM,CAChB,CACA,OAAO,EAAO,MAChB"}

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

@@ -0,0 +1,63 @@
+/**
+ * Display helpers for conversation tag chips. Pure (no React) so fit/truncate
+ * behavior can be unit-tested without laying out the sidebar card.
+ */
+import { I18nKey } from "#/i18n/declaration";
+/** Max characters shown on a chip before hard truncation with an ellipsis. */
+export declare const TAG_CHIP_VALUE_MAX_LENGTH = 14;
+/** Horizontal gap between chips (matches Tailwind ``gap-1`` = 4px). */
+export declare const TAG_CHIP_GAP_PX = 4;
+/**
+ * Reserved width for the ``+N`` overflow control when deciding how many chips
+ * fit on one row. Slightly generous so the button never wraps under a chip.
+ */
+export declare const TAG_CHIP_OVERFLOW_WIDTH_PX = 36;
+/** Known tag keys that already have a dedicated hovercard label. */
+export type ConversationTagLabelKind = "git" | "repo" | "branch" | "workspace" | "app_mode" | "work_tools" | "work_wsid" | "other";
+/**
+ * Map a server tag key to a hovercard label kind. ``archiveworkspacepath`` is
+ * treated as "workspace" — the sandbox working directory for the conversation.
+ * ACM / Work stamps (``Appmode``, ``Worktools``, ``Workwsid``) get dedicated
+ * kinds so chips and hovercards show friendly labels instead of the wire key.
+ *
+ * ``origin`` / ``source`` deliberately stay "other" (humanized to "Origin" /
+ * "Source"): they name where a conversation came from — Slack, an API call, an
+ * automation — which is not a git fact. Only ``git_provider`` is "Git".
+ */
+export declare function getConversationTagLabelKind(key: string): ConversationTagLabelKind;
+/**
+ * Soften unknown snake_case / kebab-case keys for tooltips and overflow rows
+ * (``selected_branch`` is mapped above; this covers free-form keys like
+ * ``env`` → ``Env``).
+ */
+export declare function humanizeConversationTagKey(key: string): string;
+/**
+ * Localized label for a tag key (chip tooltip, overflow popover, hovercard).
+ * Known keys use the preview copy; everything else is humanized.
+ */
+export declare function getConversationTagLabel(key: string, t: (key: I18nKey) => string): string;
+/** ``Branch: main`` — used by chip ``title`` tooltips. */
+export declare function formatConversationTagTooltip(key: string, value: string, t: (key: I18nKey) => string): string;
+/**
+ * Hard-truncate a tag value for the chip label. The full ``key: value`` string
+ * stays available via tooltip / overflow popover.
+ *
+ * Measures and slices by code point rather than UTF-16 code unit: values
+ * stamped by Slack / Discord automations carry emoji, and cutting between the
+ * halves of a surrogate pair leaves a lone surrogate that browsers draw as a
+ * replacement glyph.
+ */
+export declare function truncateTagChipValue(value: string, maxLength?: number): string;
+/**
+ * How many chips fit in ``containerWidth`` while keeping a single nowrap row
+ * and reserving space for a ``+N`` overflow control when any chips would hide.
+ *
+ * Returns ``widths.length`` when ``containerWidth <= 0`` (not laid out yet /
+ * jsdom) so callers can show every chip until a real measurement arrives.
+ * Returns ``0`` when the row is too narrow for even one chip + overflow — the
+ * UI then shows only the ``+N`` control with the full list in the popover.
+ */
+export declare function computeVisibleTagChipCount(widths: number[], containerWidth: number, options?: {
+    gapPx?: number;
+    overflowWidthPx?: number;
+}): number;

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

@@ -0,0 +1,66 @@
+import { I18nKey as e } from "../../../../i18n/declaration.js";
+function t(e) {
+	switch (e.trim().toLowerCase()) {
+		case "git_provider": return "git";
+		case "repo_name":
+		case "repo":
+		case "repository": return "repo";
+		case "selected_branch":
+		case "branch": return "branch";
+		case "archiveworkspacepath":
+		case "workspace":
+		case "working_dir": return "workspace";
+		case "appmode":
+		case "app_mode":
+		case "mode": return "app_mode";
+		case "worktools":
+		case "work_tools":
+		case "tools": return "work_tools";
+		case "workwsid":
+		case "work_wsid":
+		case "wsid":
+		case "workspace_id": return "work_wsid";
+		default: return "other";
+	}
+}
+function n(e) {
+	let t = e.trim();
+	if (!t) return t;
+	let n = t.replace(/[_-]+/g, " ").replace(/\s+/g, " ");
+	return n.charAt(0).toUpperCase() + n.slice(1);
+}
+function r(r, i) {
+	switch (t(r)) {
+		case "git": return i(e.CONVERSATION_PANEL$PREVIEW_GIT);
+		case "repo": return i(e.CONVERSATION_PANEL$PREVIEW_REPO);
+		case "branch": return i(e.CONVERSATION_PANEL$PREVIEW_BRANCH);
+		case "workspace": return i(e.CONVERSATION_PANEL$PREVIEW_WORKSPACE);
+		case "app_mode": return i(e.CONVERSATION_PANEL$PREVIEW_APP_MODE);
+		case "work_tools": return i(e.CONVERSATION_PANEL$PREVIEW_WORK_TOOLS);
+		case "work_wsid": return i(e.CONVERSATION_PANEL$PREVIEW_WORK_WSID);
+		default: return n(r);
+	}
+}
+function i(e, t, n) {
+	return `${r(e, n)}: ${t}`;
+}
+function a(e, t = 14) {
+	let n = Array.from(e);
+	return n.length <= t ? e : t <= 1 ? "…" : `${n.slice(0, t - 1).join("")}…`;
+}
+function o(e, t, n = {}) {
+	let r = n.gapPx ?? 4, i = n.overflowWidthPx ?? 36;
+	if (e.length === 0) return 0;
+	if (t <= 0) return e.length;
+	let a = 0;
+	for (let n = 0; n < e.length; n += 1) {
+		let o = e[n], s = n > 0 ? r : 0, c = e.length - n - 1 > 0 ? i + r : 0;
+		if (a + s + o + c > t) return n;
+		a += s + o;
+	}
+	return e.length;
+}
+//#endregion
+export { o as computeVisibleTagChipCount, i as formatConversationTagTooltip, r as getConversationTagLabel, a as truncateTagChipValue };
+
+//# sourceMappingURL=conversation-tag-display.js.map