@openhands/agent-canvas 1.10.0 → 1.12.0

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"conversation-tag-display.js","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":";AAwCA,SAAgB,EACd,GAC0B;CAC1B,QAAQ,EAAI,KAAK,EAAE,YAAY,GAA/B;EACE,KAAK,gBACH,OAAO;EACT,KAAK;EACL,KAAK;EACL,KAAK,cACH,OAAO;EACT,KAAK;EACL,KAAK,UACH,OAAO;EACT,KAAK;EACL,KAAK;EACL,KAAK,eACH,OAAO;EACT,KAAK;EACL,KAAK;EACL,KAAK,QACH,OAAO;EACT,KAAK;EACL,KAAK;EACL,KAAK,SACH,OAAO;EACT,KAAK;EACL,KAAK;EACL,KAAK;EACL,KAAK,gBACH,OAAO;EACT,SACE,OAAO;CACX;AACF;AAOA,SAAgB,EAA2B,GAAqB;CAC9D,IAAM,IAAU,EAAI,KAAK;CACzB,IAAI,CAAC,GACH,OAAO;CAET,IAAM,IAAQ,EAAQ,QAAQ,UAAU,GAAG,EAAE,QAAQ,QAAQ,GAAG;CAChE,OAAO,EAAM,OAAO,CAAC,EAAE,YAAY,IAAI,EAAM,MAAM,CAAC;AACtD;AAMA,SAAgB,EACd,GACA,GACQ;CACR,QAAQ,EAA4B,CAAG,GAAvC;EACE,KAAK,OACH,OAAO,EAAE,EAAQ,8BAA8B;EACjD,KAAK,QACH,OAAO,EAAE,EAAQ,+BAA+B;EAClD,KAAK,UACH,OAAO,EAAE,EAAQ,iCAAiC;EACpD,KAAK,aACH,OAAO,EAAE,EAAQ,oCAAoC;EACvD,KAAK,YACH,OAAO,EAAE,EAAQ,mCAAmC;EACtD,KAAK,cACH,OAAO,EAAE,EAAQ,qCAAqC;EACxD,KAAK,aACH,OAAO,EAAE,EAAQ,oCAAoC;EACvD,SACE,OAAO,EAA2B,CAAG;CACzC;AACF;AAGA,SAAgB,EACd,GACA,GACA,GACQ;CACR,OAAO,GAAG,EAAwB,GAAK,CAAC,EAAE,IAAI;AAChD;AAWA,SAAgB,EACd,GACA,IAAA,IACQ;CACR,IAAM,IAAa,MAAM,KAAK,CAAK;CAOnC,OANI,EAAW,UAAU,IAChB,IAEL,KAAa,IACR,MAEF,GAAG,EAAW,MAAM,GAAG,IAAY,CAAC,EAAE,KAAK,EAAE,EAAE;AACxD;AAWA,SAAgB,EACd,GACA,GACA,IAGI,CAAC,GACG;CACR,IAAM,IAAQ,EAAQ,SAAA,GAChB,IAAkB,EAAQ,mBAAA;CAEhC,IAAI,EAAO,WAAW,GACpB,OAAO;CAET,IAAI,KAAkB,GACpB,OAAO,EAAO;CAGhB,IAAI,IAAO;CACX,KAAK,IAAI,IAAI,GAAG,IAAI,EAAO,QAAQ,KAAK,GAAG;EACzC,IAAM,IAAQ,EAAO,IACf,IAAM,IAAI,IAAI,IAAQ,GAEtB,IADY,EAAO,SAAS,IAAI,IACV,IAAI,IAAkB,IAAQ;EAC1D,IAAI,IAAO,IAAM,IAAQ,IAAU,GACjC,OAAO;EAET,KAAQ,IAAM;CAChB;CACA,OAAO,EAAO;AAChB"}

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

@@ -0,0 +1,2 @@
+require("../../../../_virtual/_rolldown/runtime.cjs");const e=require("../../../../node_modules/lucide-react/dist/esm/icons/bot.cjs"),t=require("../../../../node_modules/lucide-react/dist/esm/icons/briefcase.cjs"),n=require("../../../../node_modules/lucide-react/dist/esm/icons/building-2.cjs"),r=require("../../../../node_modules/lucide-react/dist/esm/icons/circle-user-round.cjs"),i=require("../../../../node_modules/lucide-react/dist/esm/icons/cloud-cog.cjs"),a=require("../../../../node_modules/lucide-react/dist/esm/icons/earth.cjs"),o=require("../../../../node_modules/lucide-react/dist/esm/icons/flag.cjs"),s=require("../../../../node_modules/lucide-react/dist/esm/icons/folder-git-2.cjs"),c=require("../../../../node_modules/lucide-react/dist/esm/icons/folder-key.cjs"),l=require("../../../../node_modules/lucide-react/dist/esm/icons/folder.cjs"),u=require("../../../../node_modules/lucide-react/dist/esm/icons/git-branch.cjs"),d=require("../../../../node_modules/lucide-react/dist/esm/icons/git-pull-request.cjs"),f=require("../../../../node_modules/lucide-react/dist/esm/icons/hash.cjs"),p=require("../../../../node_modules/lucide-react/dist/esm/icons/house.cjs"),m=require("../../../../node_modules/lucide-react/dist/esm/icons/id-card.cjs"),h=require("../../../../node_modules/lucide-react/dist/esm/icons/key-round.cjs"),g=require("../../../../node_modules/lucide-react/dist/esm/icons/layers.cjs"),_=require("../../../../node_modules/lucide-react/dist/esm/icons/link-2.cjs"),v=require("../../../../node_modules/lucide-react/dist/esm/icons/mails.cjs"),y=require("../../../../node_modules/lucide-react/dist/esm/icons/messages-square.cjs"),b=require("../../../../node_modules/lucide-react/dist/esm/icons/plug.cjs"),x=require("../../../../node_modules/lucide-react/dist/esm/icons/square-kanban.cjs"),S=require("../../../../node_modules/lucide-react/dist/esm/icons/tag.cjs"),C=require("../../../../node_modules/lucide-react/dist/esm/icons/ticket.cjs"),w=require("../../../../node_modules/lucide-react/dist/esm/icons/users-round.cjs"),T=require("../../../../node_modules/lucide-react/dist/esm/icons/waypoints.cjs"),E=require("../../../../node_modules/lucide-react/dist/esm/icons/webhook.cjs"),D=require("../../../../node_modules/lucide-react/dist/esm/icons/wrench.cjs"),O=require("../../../../node_modules/lucide-react/dist/esm/icons/zap.cjs"),k=require("../../../../node_modules/react-icons/fa6/index.cjs"),A=require("../../../../icons/slack.cjs");var j=new Set([`origin`,`source`,`git_provider`]),M=new Set([`appmode`,`app_mode`,`mode`]),N={origin:T.Waypoints,source:_.Link2,git_provider:k.FaGithub,owner:r.CircleUserRound,user:r.CircleUserRound,author:r.CircleUserRound,assignee:r.CircleUserRound,env:i.CloudCog,environment:i.CloudCog,repo:s.FolderGit2,repository:s.FolderGit2,repo_name:s.FolderGit2,branch:u.GitBranch,selected_branch:u.GitBranch,archiveworkspacepath:l.Folder,workspace:l.Folder,working_dir:l.Folder,team:w.UsersRound,org:n.Building2,organization:n.Building2,channel:f.Hash,email:v.Mails,automation:O.Zap,webhook:E.Webhook,agent:e.Bot,project:x.SquareKanban,ticket:C.Ticket,issue:C.Ticket,pr:d.GitPullRequest,pull_request:d.GitPullRequest,priority:o.Flag,status:m.IdCard,id:h.KeyRound,integration:b.Plug,appmode:g.Layers,app_mode:g.Layers,mode:g.Layers,worktools:D.Wrench,work_tools:D.Wrench,tools:D.Wrench,workwsid:c.FolderKey,work_wsid:c.FolderKey,wsid:c.FolderKey,workspace_id:c.FolderKey},P={slack:A.default,discord:y.MessagesSquare,github:k.FaGithub,gitlab:k.FaGitlab,bitbucket:k.FaBitbucket,bitbucket_data_center:k.FaBitbucket,azure_devops:u.GitBranch,email:v.Mails,mail:v.Mails,api:b.Plug,webhook:E.Webhook,automation:O.Zap,review:d.GitPullRequest,linear:x.SquareKanban,web:a.Earth,ui:a.Earth,canvas:a.Earth},F={work:t.Briefcase,personal:p.House,home:p.House,private:p.House};function I(e,t){let n=e.trim().toLowerCase(),r=t.trim().toLowerCase();return j.has(n)?P[r]??N[n]??S.Tag:M.has(n)?F[r]??N[n]??g.Layers:N[n]??S.Tag}exports.getConversationTagIcon=I;
+//# sourceMappingURL=conversation-tag-icons.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"conversation-tag-icons.cjs","names":[],"sources":["../../../../../src/components/features/conversation-panel/conversation-card/conversation-tag-icons.ts"],"sourcesContent":["import type { ComponentType, SVGProps } from \"react\";\nimport {\n  Bot,\n  Briefcase,\n  Building2,\n  CircleUserRound,\n  CloudCog,\n  Flag,\n  Folder,\n  FolderGit2,\n  FolderKey,\n  GitBranch,\n  GitPullRequest,\n  Globe2,\n  Hash,\n  House,\n  IdCard,\n  KeyRound,\n  Layers,\n  Link2,\n  Mails,\n  MessagesSquare,\n  Plug,\n  SquareKanban,\n  Tag,\n  Ticket,\n  UsersRound,\n  Waypoints,\n  Webhook,\n  Wrench,\n  Zap,\n  type LucideIcon,\n} from \"lucide-react\";\nimport { FaBitbucket, FaGithub, FaGitlab } from \"react-icons/fa6\";\nimport type { IconType } from \"react-icons/lib\";\nimport SlackIcon from \"#/icons/slack.svg?react\";\n\n/**\n * Any icon renderable inside a tag chip / overflow row. Lucide, react-icons,\n * and local SVG React components all work as long as they accept ``className``\n * and inherit ``currentColor`` for the muted chip text.\n */\nexport type ConversationTagIcon =\n  | LucideIcon\n  | IconType\n  | ComponentType<SVGProps<SVGSVGElement>>;\n\n/**\n * Tag keys whose value names a git host / chat source — resolve the icon from\n * the value (e.g. ``git_provider: github`` → GitHub mark) instead of the key.\n */\nconst SOURCE_VALUE_DRIVEN_TAG_KEYS = new Set([\n  \"origin\",\n  \"source\",\n  \"git_provider\",\n]);\n\n/**\n * App-mode keys resolve from the mode value (``work`` → briefcase) when known,\n * otherwise fall back to {@link Layers}.\n */\nconst APP_MODE_TAG_KEYS = new Set([\"appmode\", \"app_mode\", \"mode\"]);\n\n/**\n * Icons for well-known conversation tag keys. Unknown keys fall back to\n * {@link Tag}. Value-driven keys additionally resolve via the value maps below.\n */\nconst KEY_ICONS: Record<string, ConversationTagIcon> = {\n  origin: Waypoints,\n  source: Link2,\n  git_provider: FaGithub,\n  owner: CircleUserRound,\n  user: CircleUserRound,\n  author: CircleUserRound,\n  assignee: CircleUserRound,\n  env: CloudCog,\n  environment: CloudCog,\n  repo: FolderGit2,\n  repository: FolderGit2,\n  repo_name: FolderGit2,\n  branch: GitBranch,\n  selected_branch: GitBranch,\n  archiveworkspacepath: Folder,\n  workspace: Folder,\n  working_dir: Folder,\n  team: UsersRound,\n  org: Building2,\n  organization: Building2,\n  channel: Hash,\n  email: Mails,\n  automation: Zap,\n  webhook: Webhook,\n  agent: Bot,\n  project: SquareKanban,\n  ticket: Ticket,\n  issue: Ticket,\n  pr: GitPullRequest,\n  pull_request: GitPullRequest,\n  priority: Flag,\n  status: IdCard,\n  id: KeyRound,\n  integration: Plug,\n  appmode: Layers,\n  app_mode: Layers,\n  mode: Layers,\n  worktools: Wrench,\n  work_tools: Wrench,\n  tools: Wrench,\n  workwsid: FolderKey,\n  work_wsid: FolderKey,\n  wsid: FolderKey,\n  workspace_id: FolderKey,\n};\n\n/**\n * Value-specific icons for source / provider stamps (``origin``,\n * ``git_provider``, …), keyed by the lowercase stamp value.\n */\nconst SOURCE_VALUE_ICONS: Record<string, ConversationTagIcon> = {\n  slack: SlackIcon,\n  discord: MessagesSquare,\n  github: FaGithub,\n  gitlab: FaGitlab,\n  bitbucket: FaBitbucket,\n  bitbucket_data_center: FaBitbucket,\n  azure_devops: GitBranch,\n  email: Mails,\n  mail: Mails,\n  api: Plug,\n  webhook: Webhook,\n  automation: Zap,\n  review: GitPullRequest,\n  linear: SquareKanban,\n  web: Globe2,\n  ui: Globe2,\n  canvas: Globe2,\n};\n\n/**\n * Value-specific icons for app-mode stamps (``Appmode: work`` → briefcase).\n */\nconst APP_MODE_VALUE_ICONS: Record<string, ConversationTagIcon> = {\n  work: Briefcase,\n  personal: House,\n  home: House,\n  private: House,\n};\n\n/**\n * Pick an icon that matches a conversation tag. Prefer value-specific icons\n * for source/provider and app-mode keys; otherwise map by key; finally fall\n * back to ``Tag``.\n */\nexport function getConversationTagIcon(\n  key: string,\n  value: string,\n): ConversationTagIcon {\n  const normalizedKey = key.trim().toLowerCase();\n  const normalizedValue = value.trim().toLowerCase();\n\n  if (SOURCE_VALUE_DRIVEN_TAG_KEYS.has(normalizedKey)) {\n    return (\n      SOURCE_VALUE_ICONS[normalizedValue] ?? KEY_ICONS[normalizedKey] ?? Tag\n    );\n  }\n\n  if (APP_MODE_TAG_KEYS.has(normalizedKey)) {\n    return (\n      APP_MODE_VALUE_ICONS[normalizedValue] ??\n      KEY_ICONS[normalizedKey] ??\n      Layers\n    );\n  }\n\n  return KEY_ICONS[normalizedKey] ?? Tag;\n}\n"],"mappings":"s5EAmDA,IAAM,EAA+B,IAAI,IAAI,CAC3C,SACA,SACA,cACF,CAAC,EAMK,EAAoB,IAAI,IAAI,CAAC,UAAW,WAAY,MAAM,CAAC,EAM3D,EAAiD,CACrD,OAAQ,EAAA,UACR,OAAQ,EAAA,MACR,aAAc,EAAA,SACd,MAAO,EAAA,gBACP,KAAM,EAAA,gBACN,OAAQ,EAAA,gBACR,SAAU,EAAA,gBACV,IAAK,EAAA,SACL,YAAa,EAAA,SACb,KAAM,EAAA,WACN,WAAY,EAAA,WACZ,UAAW,EAAA,WACX,OAAQ,EAAA,UACR,gBAAiB,EAAA,UACjB,qBAAsB,EAAA,OACtB,UAAW,EAAA,OACX,YAAa,EAAA,OACb,KAAM,EAAA,WACN,IAAK,EAAA,UACL,aAAc,EAAA,UACd,QAAS,EAAA,KACT,MAAO,EAAA,MACP,WAAY,EAAA,IACZ,QAAS,EAAA,QACT,MAAO,EAAA,IACP,QAAS,EAAA,aACT,OAAQ,EAAA,OACR,MAAO,EAAA,OACP,GAAI,EAAA,eACJ,aAAc,EAAA,eACd,SAAU,EAAA,KACV,OAAQ,EAAA,OACR,GAAI,EAAA,SACJ,YAAa,EAAA,KACb,QAAS,EAAA,OACT,SAAU,EAAA,OACV,KAAM,EAAA,OACN,UAAW,EAAA,OACX,WAAY,EAAA,OACZ,MAAO,EAAA,OACP,SAAU,EAAA,UACV,UAAW,EAAA,UACX,KAAM,EAAA,UACN,aAAc,EAAA,SAChB,EAMM,EAA0D,CAC9D,MAAO,EAAA,QACP,QAAS,EAAA,eACT,OAAQ,EAAA,SACR,OAAQ,EAAA,SACR,UAAW,EAAA,YACX,sBAAuB,EAAA,YACvB,aAAc,EAAA,UACd,MAAO,EAAA,MACP,KAAM,EAAA,MACN,IAAK,EAAA,KACL,QAAS,EAAA,QACT,WAAY,EAAA,IACZ,OAAQ,EAAA,eACR,OAAQ,EAAA,aACR,IAAK,EAAA,MACL,GAAI,EAAA,MACJ,OAAQ,EAAA,KACV,EAKM,EAA4D,CAChE,KAAM,EAAA,UACN,SAAU,EAAA,MACV,KAAM,EAAA,MACN,QAAS,EAAA,KACX,EAOA,SAAgB,EACd,EACA,EACqB,CACrB,IAAM,EAAgB,EAAI,KAAK,EAAE,YAAY,EACvC,EAAkB,EAAM,KAAK,EAAE,YAAY,EAgBjD,OAdI,EAA6B,IAAI,CAAa,EAE9C,EAAmB,IAAoB,EAAU,IAAkB,EAAA,IAInE,EAAkB,IAAI,CAAa,EAEnC,EAAqB,IACrB,EAAU,IACV,EAAA,OAIG,EAAU,IAAkB,EAAA,GACrC"}

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

@@ -0,0 +1,15 @@
+import type { ComponentType, SVGProps } from "react";
+import { type LucideIcon } from "lucide-react";
+import type { IconType } from "react-icons/lib";
+/**
+ * Any icon renderable inside a tag chip / overflow row. Lucide, react-icons,
+ * and local SVG React components all work as long as they accept ``className``
+ * and inherit ``currentColor`` for the muted chip text.
+ */
+export type ConversationTagIcon = LucideIcon | IconType | ComponentType<SVGProps<SVGSVGElement>>;
+/**
+ * Pick an icon that matches a conversation tag. Prefer value-specific icons
+ * for source/provider and app-mode keys; otherwise map by key; finally fall
+ * back to ``Tag``.
+ */
+export declare function getConversationTagIcon(key: string, value: string): ConversationTagIcon;

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

@@ -0,0 +1,117 @@
+import { Bot as e } from "../../../../node_modules/lucide-react/dist/esm/icons/bot.js";
+import { Briefcase as t } from "../../../../node_modules/lucide-react/dist/esm/icons/briefcase.js";
+import { Building2 as n } from "../../../../node_modules/lucide-react/dist/esm/icons/building-2.js";
+import { CircleUserRound as r } from "../../../../node_modules/lucide-react/dist/esm/icons/circle-user-round.js";
+import { CloudCog as i } from "../../../../node_modules/lucide-react/dist/esm/icons/cloud-cog.js";
+import { Earth as a } from "../../../../node_modules/lucide-react/dist/esm/icons/earth.js";
+import { Flag as o } from "../../../../node_modules/lucide-react/dist/esm/icons/flag.js";
+import { FolderGit2 as s } from "../../../../node_modules/lucide-react/dist/esm/icons/folder-git-2.js";
+import { FolderKey as c } from "../../../../node_modules/lucide-react/dist/esm/icons/folder-key.js";
+import { Folder as l } from "../../../../node_modules/lucide-react/dist/esm/icons/folder.js";
+import { GitBranch as u } from "../../../../node_modules/lucide-react/dist/esm/icons/git-branch.js";
+import { GitPullRequest as d } from "../../../../node_modules/lucide-react/dist/esm/icons/git-pull-request.js";
+import { Hash as f } from "../../../../node_modules/lucide-react/dist/esm/icons/hash.js";
+import { House as p } from "../../../../node_modules/lucide-react/dist/esm/icons/house.js";
+import { IdCard as m } from "../../../../node_modules/lucide-react/dist/esm/icons/id-card.js";
+import { KeyRound as h } from "../../../../node_modules/lucide-react/dist/esm/icons/key-round.js";
+import { Layers as g } from "../../../../node_modules/lucide-react/dist/esm/icons/layers.js";
+import { Link2 as _ } from "../../../../node_modules/lucide-react/dist/esm/icons/link-2.js";
+import { Mails as v } from "../../../../node_modules/lucide-react/dist/esm/icons/mails.js";
+import { MessagesSquare as y } from "../../../../node_modules/lucide-react/dist/esm/icons/messages-square.js";
+import { Plug as b } from "../../../../node_modules/lucide-react/dist/esm/icons/plug.js";
+import { SquareKanban as x } from "../../../../node_modules/lucide-react/dist/esm/icons/square-kanban.js";
+import { Tag as S } from "../../../../node_modules/lucide-react/dist/esm/icons/tag.js";
+import { Ticket as C } from "../../../../node_modules/lucide-react/dist/esm/icons/ticket.js";
+import { UsersRound as w } from "../../../../node_modules/lucide-react/dist/esm/icons/users-round.js";
+import { Waypoints as T } from "../../../../node_modules/lucide-react/dist/esm/icons/waypoints.js";
+import { Webhook as E } from "../../../../node_modules/lucide-react/dist/esm/icons/webhook.js";
+import { Wrench as D } from "../../../../node_modules/lucide-react/dist/esm/icons/wrench.js";
+import { Zap as O } from "../../../../node_modules/lucide-react/dist/esm/icons/zap.js";
+import { FaBitbucket as k, FaGithub as A, FaGitlab as j } from "../../../../node_modules/react-icons/fa6/index.js";
+import M from "../../../../icons/slack.js";
+//#region src/components/features/conversation-panel/conversation-card/conversation-tag-icons.ts
+var N = new Set([
+	"origin",
+	"source",
+	"git_provider"
+]), P = new Set([
+	"appmode",
+	"app_mode",
+	"mode"
+]), F = {
+	origin: T,
+	source: _,
+	git_provider: A,
+	owner: r,
+	user: r,
+	author: r,
+	assignee: r,
+	env: i,
+	environment: i,
+	repo: s,
+	repository: s,
+	repo_name: s,
+	branch: u,
+	selected_branch: u,
+	archiveworkspacepath: l,
+	workspace: l,
+	working_dir: l,
+	team: w,
+	org: n,
+	organization: n,
+	channel: f,
+	email: v,
+	automation: O,
+	webhook: E,
+	agent: e,
+	project: x,
+	ticket: C,
+	issue: C,
+	pr: d,
+	pull_request: d,
+	priority: o,
+	status: m,
+	id: h,
+	integration: b,
+	appmode: g,
+	app_mode: g,
+	mode: g,
+	worktools: D,
+	work_tools: D,
+	tools: D,
+	workwsid: c,
+	work_wsid: c,
+	wsid: c,
+	workspace_id: c
+}, I = {
+	slack: M,
+	discord: y,
+	github: A,
+	gitlab: j,
+	bitbucket: k,
+	bitbucket_data_center: k,
+	azure_devops: u,
+	email: v,
+	mail: v,
+	api: b,
+	webhook: E,
+	automation: O,
+	review: d,
+	linear: x,
+	web: a,
+	ui: a,
+	canvas: a
+}, L = {
+	work: t,
+	personal: p,
+	home: p,
+	private: p
+};
+function R(e, t) {
+	let n = e.trim().toLowerCase(), r = t.trim().toLowerCase();
+	return N.has(n) ? I[r] ?? F[n] ?? S : P.has(n) ? L[r] ?? F[n] ?? g : F[n] ?? S;
+}
+//#endregion
+export { R as getConversationTagIcon };
+
+//# sourceMappingURL=conversation-tag-icons.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"conversation-tag-icons.js","names":[],"sources":["../../../../../src/components/features/conversation-panel/conversation-card/conversation-tag-icons.ts"],"sourcesContent":["import type { ComponentType, SVGProps } from \"react\";\nimport {\n  Bot,\n  Briefcase,\n  Building2,\n  CircleUserRound,\n  CloudCog,\n  Flag,\n  Folder,\n  FolderGit2,\n  FolderKey,\n  GitBranch,\n  GitPullRequest,\n  Globe2,\n  Hash,\n  House,\n  IdCard,\n  KeyRound,\n  Layers,\n  Link2,\n  Mails,\n  MessagesSquare,\n  Plug,\n  SquareKanban,\n  Tag,\n  Ticket,\n  UsersRound,\n  Waypoints,\n  Webhook,\n  Wrench,\n  Zap,\n  type LucideIcon,\n} from \"lucide-react\";\nimport { FaBitbucket, FaGithub, FaGitlab } from \"react-icons/fa6\";\nimport type { IconType } from \"react-icons/lib\";\nimport SlackIcon from \"#/icons/slack.svg?react\";\n\n/**\n * Any icon renderable inside a tag chip / overflow row. Lucide, react-icons,\n * and local SVG React components all work as long as they accept ``className``\n * and inherit ``currentColor`` for the muted chip text.\n */\nexport type ConversationTagIcon =\n  | LucideIcon\n  | IconType\n  | ComponentType<SVGProps<SVGSVGElement>>;\n\n/**\n * Tag keys whose value names a git host / chat source — resolve the icon from\n * the value (e.g. ``git_provider: github`` → GitHub mark) instead of the key.\n */\nconst SOURCE_VALUE_DRIVEN_TAG_KEYS = new Set([\n  \"origin\",\n  \"source\",\n  \"git_provider\",\n]);\n\n/**\n * App-mode keys resolve from the mode value (``work`` → briefcase) when known,\n * otherwise fall back to {@link Layers}.\n */\nconst APP_MODE_TAG_KEYS = new Set([\"appmode\", \"app_mode\", \"mode\"]);\n\n/**\n * Icons for well-known conversation tag keys. Unknown keys fall back to\n * {@link Tag}. Value-driven keys additionally resolve via the value maps below.\n */\nconst KEY_ICONS: Record<string, ConversationTagIcon> = {\n  origin: Waypoints,\n  source: Link2,\n  git_provider: FaGithub,\n  owner: CircleUserRound,\n  user: CircleUserRound,\n  author: CircleUserRound,\n  assignee: CircleUserRound,\n  env: CloudCog,\n  environment: CloudCog,\n  repo: FolderGit2,\n  repository: FolderGit2,\n  repo_name: FolderGit2,\n  branch: GitBranch,\n  selected_branch: GitBranch,\n  archiveworkspacepath: Folder,\n  workspace: Folder,\n  working_dir: Folder,\n  team: UsersRound,\n  org: Building2,\n  organization: Building2,\n  channel: Hash,\n  email: Mails,\n  automation: Zap,\n  webhook: Webhook,\n  agent: Bot,\n  project: SquareKanban,\n  ticket: Ticket,\n  issue: Ticket,\n  pr: GitPullRequest,\n  pull_request: GitPullRequest,\n  priority: Flag,\n  status: IdCard,\n  id: KeyRound,\n  integration: Plug,\n  appmode: Layers,\n  app_mode: Layers,\n  mode: Layers,\n  worktools: Wrench,\n  work_tools: Wrench,\n  tools: Wrench,\n  workwsid: FolderKey,\n  work_wsid: FolderKey,\n  wsid: FolderKey,\n  workspace_id: FolderKey,\n};\n\n/**\n * Value-specific icons for source / provider stamps (``origin``,\n * ``git_provider``, …), keyed by the lowercase stamp value.\n */\nconst SOURCE_VALUE_ICONS: Record<string, ConversationTagIcon> = {\n  slack: SlackIcon,\n  discord: MessagesSquare,\n  github: FaGithub,\n  gitlab: FaGitlab,\n  bitbucket: FaBitbucket,\n  bitbucket_data_center: FaBitbucket,\n  azure_devops: GitBranch,\n  email: Mails,\n  mail: Mails,\n  api: Plug,\n  webhook: Webhook,\n  automation: Zap,\n  review: GitPullRequest,\n  linear: SquareKanban,\n  web: Globe2,\n  ui: Globe2,\n  canvas: Globe2,\n};\n\n/**\n * Value-specific icons for app-mode stamps (``Appmode: work`` → briefcase).\n */\nconst APP_MODE_VALUE_ICONS: Record<string, ConversationTagIcon> = {\n  work: Briefcase,\n  personal: House,\n  home: House,\n  private: House,\n};\n\n/**\n * Pick an icon that matches a conversation tag. Prefer value-specific icons\n * for source/provider and app-mode keys; otherwise map by key; finally fall\n * back to ``Tag``.\n */\nexport function getConversationTagIcon(\n  key: string,\n  value: string,\n): ConversationTagIcon {\n  const normalizedKey = key.trim().toLowerCase();\n  const normalizedValue = value.trim().toLowerCase();\n\n  if (SOURCE_VALUE_DRIVEN_TAG_KEYS.has(normalizedKey)) {\n    return (\n      SOURCE_VALUE_ICONS[normalizedValue] ?? KEY_ICONS[normalizedKey] ?? Tag\n    );\n  }\n\n  if (APP_MODE_TAG_KEYS.has(normalizedKey)) {\n    return (\n      APP_MODE_VALUE_ICONS[normalizedValue] ??\n      KEY_ICONS[normalizedKey] ??\n      Layers\n    );\n  }\n\n  return KEY_ICONS[normalizedKey] ?? Tag;\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmDA,IAAM,IAA+B,IAAI,IAAI;CAC3C;CACA;CACA;AACF,CAAC,GAMK,IAAoB,IAAI,IAAI;CAAC;CAAW;CAAY;AAAM,CAAC,GAM3D,IAAiD;CACrD,QAAQ;CACR,QAAQ;CACR,cAAc;CACd,OAAO;CACP,MAAM;CACN,QAAQ;CACR,UAAU;CACV,KAAK;CACL,aAAa;CACb,MAAM;CACN,YAAY;CACZ,WAAW;CACX,QAAQ;CACR,iBAAiB;CACjB,sBAAsB;CACtB,WAAW;CACX,aAAa;CACb,MAAM;CACN,KAAK;CACL,cAAc;CACd,SAAS;CACT,OAAO;CACP,YAAY;CACZ,SAAS;CACT,OAAO;CACP,SAAS;CACT,QAAQ;CACR,OAAO;CACP,IAAI;CACJ,cAAc;CACd,UAAU;CACV,QAAQ;CACR,IAAI;CACJ,aAAa;CACb,SAAS;CACT,UAAU;CACV,MAAM;CACN,WAAW;CACX,YAAY;CACZ,OAAO;CACP,UAAU;CACV,WAAW;CACX,MAAM;CACN,cAAc;AAChB,GAMM,IAA0D;CAC9D,OAAO;CACP,SAAS;CACT,QAAQ;CACR,QAAQ;CACR,WAAW;CACX,uBAAuB;CACvB,cAAc;CACd,OAAO;CACP,MAAM;CACN,KAAK;CACL,SAAS;CACT,YAAY;CACZ,QAAQ;CACR,QAAQ;CACR,KAAK;CACL,IAAI;CACJ,QAAQ;AACV,GAKM,IAA4D;CAChE,MAAM;CACN,UAAU;CACV,MAAM;CACN,SAAS;AACX;AAOA,SAAgB,EACd,GACA,GACqB;CACrB,IAAM,IAAgB,EAAI,KAAK,EAAE,YAAY,GACvC,IAAkB,EAAM,KAAK,EAAE,YAAY;CAgBjD,OAdI,EAA6B,IAAI,CAAa,IAE9C,EAAmB,MAAoB,EAAU,MAAkB,IAInE,EAAkB,IAAI,CAAa,IAEnC,EAAqB,MACrB,EAAU,MACV,IAIG,EAAU,MAAkB;AACrC"}

package/dist/components/features/conversation-panel/conversation-card/no-repository.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/path-utils.cjs"),r=require("../../../../icons/repo-forked.cjs");let i=require("react/jsx-runtime");function a({workspaceWorkingDir:a}){let{t:o}=e.useTranslation(`openhands`),s=a?n.getPathBasename(a).trim():``;return s?(0,i.jsx)(`span`,{className:`truncate min-w-0 text-xs text-[var(--oh-muted)] flex-1`,title:a??void 0,children:s}):(0,i.jsxs)(`div`,{className:`flex items-center gap-1 text-xs text-[var(--oh-muted)] flex-1 min-w-0 overflow-hidden`,children:[(0,i.jsx)(r.default,{width:14,height:14,className:`text-[var(--oh-muted)]`}),(0,i.jsx)(`span`,{className:`truncate min-w-0`,children:o(t.I18nKey.COMMON$NO_REPOSITORY)})]})}exports.NoRepository=a;
+require("../../../../_virtual/_rolldown/runtime.cjs");const e=require("../../../../node_modules/react-i18next/dist/es/useTranslation.cjs"),t=require("../../../../i18n/declaration.cjs"),n=require("../../../../node_modules/lucide-react/dist/esm/icons/folder.cjs"),r=require("../../../../utils/path-utils.cjs"),i=require("../../../../icons/repo-forked.cjs"),a=require("./conversation-card-meta-chip.cjs");let o=require("react/jsx-runtime");function s({workspaceWorkingDir:s}){let{t:c}=e.useTranslation(`openhands`),l=s?r.getPathBasename(s).trim():``;return l?(0,o.jsxs)(`span`,{"data-testid":`conversation-card-workspace-folder`,className:a.CONVERSATION_CARD_META_CHIP_CLASSNAME,title:s??void 0,children:[(0,o.jsx)(`span`,{className:a.CONVERSATION_CARD_META_CHIP_ICON_SLOT_CLASSNAME,"aria-hidden":!0,children:(0,o.jsx)(n.Folder,{className:a.CONVERSATION_CARD_META_CHIP_ICON_CLASSNAME})}),(0,o.jsx)(`span`,{className:`truncate leading-4`,children:l})]}):(0,o.jsxs)(`span`,{"data-testid":`conversation-card-no-repository`,className:a.CONVERSATION_CARD_META_CHIP_CLASSNAME,children:[(0,o.jsx)(`span`,{className:a.CONVERSATION_CARD_META_CHIP_ICON_SLOT_CLASSNAME,"aria-hidden":!0,children:(0,o.jsx)(i.default,{className:a.CONVERSATION_CARD_META_CHIP_ICON_CLASSNAME})}),(0,o.jsx)(`span`,{className:`truncate leading-4`,children:c(t.I18nKey.COMMON$NO_REPOSITORY)})]})}exports.NoRepository=s;
 //# sourceMappingURL=no-repository.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"no-repository.cjs","names":[],"sources":["../../../../../src/components/features/conversation-panel/conversation-card/no-repository.tsx"],"sourcesContent":["import { useTranslation } from \"react-i18next\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport RepoForkedIcon from \"#/icons/repo-forked.svg?react\";\nimport { getPathBasename } from \"#/utils/path-utils\";\n\ninterface NoRepositoryProps {\n  workspaceWorkingDir?: string | null;\n}\n\nexport function NoRepository({ workspaceWorkingDir }: NoRepositoryProps) {\n  const { t } = useTranslation(\"openhands\");\n\n  const folderName = workspaceWorkingDir\n    ? getPathBasename(workspaceWorkingDir).trim()\n    : \"\";\n\n  if (folderName) {\n    return (\n      <span\n        className=\"truncate min-w-0 text-xs text-[var(--oh-muted)] flex-1\"\n        title={workspaceWorkingDir ?? undefined}\n      >\n        {folderName}\n      </span>\n    );\n  }\n\n  return (\n    <div className=\"flex items-center gap-1 text-xs text-[var(--oh-muted)] flex-1 min-w-0 overflow-hidden\">\n      <RepoForkedIcon\n        width={14}\n        height={14}\n        className=\"text-[var(--oh-muted)]\"\n      />\n      <span className=\"truncate min-w-0\">\n        {t(I18nKey.COMMON$NO_REPOSITORY)}\n      </span>\n    </div>\n  );\n}\n"],"mappings":"yTASA,SAAgB,EAAa,CAAE,uBAA0C,CACvE,GAAM,CAAE,KAAM,EAAA,eAAe,WAAW,EAElC,EAAa,EACf,EAAA,gBAAgB,CAAmB,EAAE,KAAK,EAC1C,GAaJ,OAXI,GAEA,EAAA,EAAA,KAAC,OAAD,CACE,UAAU,yDACV,MAAO,GAAuB,IAAA,YAE7B,CACG,CAAA,GAKR,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,iGAAf,EACE,EAAA,EAAA,KAAC,EAAA,QAAD,CACE,MAAO,GACP,OAAQ,GACR,UAAU,wBACX,CAAA,GACD,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,4BACb,EAAE,EAAA,QAAQ,oBAAoB,CAC3B,CAAA,CACH,GAET"}
+{"version":3,"file":"no-repository.cjs","names":[],"sources":["../../../../../src/components/features/conversation-panel/conversation-card/no-repository.tsx"],"sourcesContent":["import { useTranslation } from \"react-i18next\";\nimport { Folder } from \"lucide-react\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport RepoForkedIcon from \"#/icons/repo-forked.svg?react\";\nimport { getPathBasename } from \"#/utils/path-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\ninterface NoRepositoryProps {\n  workspaceWorkingDir?: string | null;\n}\n\nexport function NoRepository({ workspaceWorkingDir }: NoRepositoryProps) {\n  const { t } = useTranslation(\"openhands\");\n\n  const folderName = workspaceWorkingDir\n    ? getPathBasename(workspaceWorkingDir).trim()\n    : \"\";\n\n  if (folderName) {\n    return (\n      <span\n        data-testid=\"conversation-card-workspace-folder\"\n        className={CONVERSATION_CARD_META_CHIP_CLASSNAME}\n        title={workspaceWorkingDir ?? undefined}\n      >\n        <span\n          className={CONVERSATION_CARD_META_CHIP_ICON_SLOT_CLASSNAME}\n          aria-hidden\n        >\n          <Folder className={CONVERSATION_CARD_META_CHIP_ICON_CLASSNAME} />\n        </span>\n        <span className=\"truncate leading-4\">{folderName}</span>\n      </span>\n    );\n  }\n\n  return (\n    <span\n      data-testid=\"conversation-card-no-repository\"\n      className={CONVERSATION_CARD_META_CHIP_CLASSNAME}\n    >\n      <span\n        className={CONVERSATION_CARD_META_CHIP_ICON_SLOT_CLASSNAME}\n        aria-hidden\n      >\n        <RepoForkedIcon\n          className={CONVERSATION_CARD_META_CHIP_ICON_CLASSNAME}\n        />\n      </span>\n      <span className=\"truncate leading-4\">\n        {t(I18nKey.COMMON$NO_REPOSITORY)}\n      </span>\n    </span>\n  );\n}\n"],"mappings":"qbAeA,SAAgB,EAAa,CAAE,uBAA0C,CACvE,GAAM,CAAE,KAAM,EAAA,eAAe,WAAW,EAElC,EAAa,EACf,EAAA,gBAAgB,CAAmB,EAAE,KAAK,EAC1C,GAoBJ,OAlBI,GAEA,EAAA,EAAA,MAAC,OAAD,CACE,cAAY,qCACZ,UAAW,EAAA,sCACX,MAAO,GAAuB,IAAA,YAHhC,EAKE,EAAA,EAAA,KAAC,OAAD,CACE,UAAW,EAAA,gDACX,cAAA,aAEA,EAAA,EAAA,KAAC,EAAA,OAAD,CAAQ,UAAW,EAAA,0CAA6C,CAAA,CAC5D,CAAA,GACN,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,8BAAsB,CAAiB,CAAA,CACnD,KAKR,EAAA,EAAA,MAAC,OAAD,CACE,cAAY,kCACZ,UAAW,EAAA,+CAFb,EAIE,EAAA,EAAA,KAAC,OAAD,CACE,UAAW,EAAA,gDACX,cAAA,aAEA,EAAA,EAAA,KAAC,EAAA,QAAD,CACE,UAAW,EAAA,0CACZ,CAAA,CACG,CAAA,GACN,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,8BACb,EAAE,EAAA,QAAQ,oBAAoB,CAC3B,CAAA,CACF,GAEV"}