admin-ui-starter-kit 0.1.0

package/dist/_shared/mentions-DzG8mX5H.js

@@ -0,0 +1,493 @@
+import { useStrings as e } from "../lib/strings.js";
+import { cn as t } from "../lib/utils.js";
+import { t as n } from "./text-DIxMTECE.js";
+import { t as r } from "./badge-BbUN6W7E.js";
+import { i } from "./command-Sq8XbHbA.js";
+import { a, i as o, n as s, r as c, t as l } from "./command-CvZ6Emb8.js";
+import { t as u } from "./popover-CF9VWt-l.js";
+import { Fragment as d, useCallback as f, useEffect as p, useMemo as m, useRef as h, useState as g } from "react";
+import { Fragment as _, jsx as v, jsxs as y } from "react/jsx-runtime";
+import { Loader2 as b } from "lucide-react";
+//#region src/components/features/mentions/hooks/use-mentions-search.ts
+function x(e = {}) {
+	let { resources: t, onResourceSearch: n, initialMentions: r, debounceMs: i = 200 } = e, a = m(() => t ? Object.keys(t) : [], [t]), [o, s] = g(() => a[0] ?? null), [c, l] = g(!1), [u, d] = g(""), [_, v] = g({}), [y, b] = g(!1), [x, S] = g(() => r ? [...r] : []), C = h(0), w = h(null);
+	p(() => {
+		if (a.length === 0) {
+			s(null);
+			return;
+		}
+		(!o || !a.includes(o)) && s(a[0]);
+	}, [o, a]);
+	let T = m(() => o && t ? t[o] ?? null : null, [o, t]), E = f(async (e, r) => {
+		let i = t?.[e];
+		if (i?.search) return (await i.search(r)).map((t) => ({
+			...t,
+			kind: e
+		}));
+		if (i?.suggestions) {
+			let t = i.suggestions;
+			return (r.trim().length === 0 ? t : t.filter((e) => e.label.toLowerCase().includes(r.toLowerCase()))).map((t) => ({
+				...t,
+				kind: e
+			}));
+		}
+		return n ? (await n(r, e)).map((t) => ({
+			...t,
+			kind: e
+		})) : [];
+	}, [t, n]);
+	p(() => {
+		if (w.current && clearTimeout(w.current), a.length === 0) {
+			v({});
+			return;
+		}
+		let e = ++C.current, t = async () => {
+			b(!0);
+			try {
+				let t = await Promise.all(a.map(async (e) => {
+					try {
+						return [e, await E(e, u)];
+					} catch {
+						return [e, []];
+					}
+				}));
+				if (e !== C.current) return;
+				let n = {};
+				for (let [e, r] of t) n[e] = r;
+				v(n);
+			} finally {
+				e === C.current && b(!1);
+			}
+		};
+		return w.current = setTimeout(() => {
+			t();
+		}, i), () => {
+			w.current && clearTimeout(w.current);
+		};
+	}, [
+		a,
+		u,
+		E,
+		i
+	]), p(() => {
+		if (c || !o || (_[o] ?? []).length > 0) return;
+		let e = a.find((e) => (_[e]?.length ?? 0) > 0);
+		e && e !== o && s(e);
+	}, [
+		o,
+		a,
+		c,
+		_
+	]);
+	let D = f((e) => {
+		s(e);
+	}, []), O = f((e) => {
+		d(e);
+	}, []), k = f((e) => {
+		S((t) => t.some((t) => t.id === e.id) ? t : [...t, e]);
+	}, []), A = f((e) => {
+		S((t) => t.filter((t) => t.id !== e));
+	}, []), j = f((e) => {
+		S([...e]);
+	}, []), M = f(() => {
+		S([]), d(""), l(!1), C.current++;
+	}, []), N = f((e) => {
+		let n = e.kind ?? o, r = `${n}:${e.id}`, i = t?.[n], a = e.href ?? i?.buildHref?.(e), s = {
+			id: r,
+			kind: n,
+			label: e.label,
+			href: a,
+			data: e.data
+		};
+		return k(s), s;
+	}, [
+		o,
+		k,
+		t
+	]);
+	return {
+		kinds: a,
+		activeKind: o,
+		setActiveKind: D,
+		activeResource: T,
+		query: u,
+		setQuery: O,
+		suggestions: m(() => o ? _[o] ?? [] : [], [o, _]),
+		suggestionsByKind: _,
+		isLoading: y,
+		mentions: x,
+		addMention: k,
+		removeMention: A,
+		setMentions: j,
+		reset: M,
+		selectSuggestion: N,
+		manualKindOverride: c,
+		setManualKindOverride: l
+	};
+}
+//#endregion
+//#region src/components/features/mentions/utils/build-mention-html.ts
+function S(e, t) {
+	let n = String(e.label ?? "").replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;"), r = String(e.id).replace(/"/g, "&quot;"), i = String(e.kind).replace(/"/g, "&quot;"), a = t?.tone ? String(t.tone).replace(/"/g, "&quot;") : "", o = t?.triggerChar ?? (e.kind === "user" ? "@" : "");
+	return `<span class="rsc-mention" data-ref-id="${r}" data-ref-kind="${i}"${a ? ` data-ref-tone="${a}"` : ""} contenteditable="false">${o}${n}</span>&nbsp;`;
+}
+//#endregion
+//#region src/components/features/mentions/hooks/use-mentions.ts
+function C(e = {}) {
+	let t = e.resources, n = e.onResourceSearch, r = x({
+		...e,
+		resources: t,
+		onResourceSearch: n
+	}), [i, a] = g(!1), [o, s] = g(!1), c = h(null), l = h(null), u = f((e) => {
+		a(e), e || (c.current = null, l.current = null, s(!1), r.setManualKindOverride(!1));
+	}, [r]), d = e.editorRef, p = f(() => {
+		if (!t) return;
+		let e = {};
+		for (let [n, r] of Object.entries(t)) {
+			let t = r?.trigger;
+			typeof t == "string" && t.length > 0 && (e[t] = n);
+		}
+		if (Object.keys(e).length === 0) return;
+		let n = d?.current?.getCaretContext();
+		if (!n) {
+			c.current && (c.current = null, u(!1));
+			return;
+		}
+		let i = Object.keys(e).map((e) => e.replace(/[.*+?^${}()|[\]\\]/g, "\\$&")).join(""), o = RegExp(`(?:^|\\s)([${i}])([\\p{L}\\p{N}_-]*)$`, "u"), f = n.textBefore.match(o);
+		if (!f) {
+			c.current && (c.current = null, u(!1));
+			return;
+		}
+		let p = f[1], m = f[2] ?? "", h = e[p];
+		c.current = {
+			kind: h,
+			triggerChar: p,
+			consumedLength: p.length + m.length
+		}, s(!0), l.current !== p && (r.activeKind !== h && r.setActiveKind(h), r.setManualKindOverride(!1), l.current = p), r.query !== m && r.setQuery(m), a(!0);
+	}, [
+		d,
+		t,
+		r,
+		u
+	]), m = f((e) => {
+		let n = r.selectSuggestion(e), i = c.current, a = t?.[n.kind]?.tone, o = S(n, {
+			triggerChar: i?.triggerChar,
+			tone: a
+		});
+		return i && i.consumedLength > 0 && d?.current ? (d.current.replaceBeforeCaret(i.consumedLength, o), c.current = null) : d?.current && d.current.insertHTML(o), u(!1), n;
+	}, [
+		d,
+		t,
+		r,
+		u
+	]);
+	return {
+		...r,
+		pickerOpen: i,
+		setPickerOpen: u,
+		triggerActive: o,
+		handleCaretChange: p,
+		pickSuggestion: m
+	};
+}
+//#endregion
+//#region src/components/features/mentions/partials/mention-chip.tsx
+var w = {
+	primary: "secondary",
+	success: "success",
+	warning: "warning",
+	destructive: "destructive",
+	info: "info",
+	secondary: "secondary"
+}, T = ({ mention: e, resource: n, asLink: i = !0, onClick: a, trailing: o, className: s }) => {
+	if (n?.renderChip) return /* @__PURE__ */ v(_, { children: n.renderChip(e) });
+	let c = w[n?.tone ?? "secondary"] ?? w.secondary, l = n?.icon, u = /* @__PURE__ */ y(r, {
+		variant: c,
+		inline: !0,
+		"data-ref-id": e.id,
+		"data-ref-kind": e.kind,
+		className: t("align-[-0.15em] cursor-default whitespace-nowrap", s),
+		children: [
+			l ? /* @__PURE__ */ v(l, {
+				className: "size-3 shrink-0",
+				"aria-hidden": !0
+			}) : null,
+			/* @__PURE__ */ v("span", {
+				className: "truncate max-w-[14rem]",
+				children: e.label
+			}),
+			o
+		]
+	});
+	return i && e.href ? /* @__PURE__ */ v("a", {
+		href: e.href,
+		target: "_blank",
+		rel: "noreferrer noopener",
+		onClick: a,
+		className: "inline align-baseline no-underline hover:opacity-90",
+		children: u
+	}) : a ? /* @__PURE__ */ v("span", {
+		onClick: a,
+		className: "inline align-baseline",
+		children: u
+	}) : u;
+}, E = /<(span|a)\b([^>]*?)data-ref-id\s*=\s*"([^"]+)"([^>]*)>([\s\S]*?)<\/\1>/gi;
+function D(e) {
+	if (!e) return [];
+	let t = [], n = 0, r;
+	for (E.lastIndex = 0; (r = E.exec(e)) !== null;) {
+		let [i, , , a] = r, o = e.slice(n, r.index);
+		o.length > 0 && t.push({
+			kind: "html",
+			value: o
+		}), t.push({
+			kind: "mention",
+			refId: a,
+			fallback: i
+		}), n = r.index + i.length;
+	}
+	let i = e.slice(n);
+	return i.length > 0 && t.push({
+		kind: "html",
+		value: i
+	}), t;
+}
+//#endregion
+//#region src/components/features/mentions/partials/mention-content.tsx
+var O = "prose prose-sm prose-p:my-0.5 prose-p:leading-relaxed prose-headings:my-1 prose-a:text-primary prose-a:no-underline hover:prose-a:underline prose-strong:font-semibold prose-ul:my-0.5 prose-ol:my-0.5 prose-li:my-0.5 max-w-none";
+function k(e) {
+	let { html: n, mentions: r, resources: i, renderMention: a, sanitizer: o, className: s, prose: c = !0 } = e, l = i, u = o ? o(n ?? "") : n ?? "", f = /* @__PURE__ */ new Map();
+	for (let e of r ?? []) f.set(e.id, e);
+	let p = f.size > 0 ? D(u) : [{
+		kind: "html",
+		value: u
+	}], m = (e) => {
+		if (a) return a(e);
+		let t = l?.[e.kind];
+		return /* @__PURE__ */ v(T, {
+			mention: e,
+			resource: t
+		});
+	}, h = p.map((e, t) => {
+		if (e.kind === "mention") {
+			let n = f.get(e.refId);
+			return n ? /* @__PURE__ */ v(d, { children: m(n) }, `ref-${t}-${e.refId}`) : /* @__PURE__ */ v("span", { dangerouslySetInnerHTML: { __html: e.fallback } }, `fallback-${t}`);
+		}
+		return /* @__PURE__ */ v("span", { dangerouslySetInnerHTML: { __html: e.value } }, `html-${t}`);
+	});
+	return c ? /* @__PURE__ */ v("div", {
+		className: t(O, s),
+		children: h
+	}) : /* @__PURE__ */ v(_, { children: h });
+}
+var A = (e) => /* @__PURE__ */ v(k, { ...e }), j = {
+	title: "Insert reference",
+	searchPlaceholder: "Search…",
+	empty: "No matches.",
+	loading: "Searching…"
+}, M = {
+	title: "Insert reference",
+	empty: "No matches.",
+	loading: "Searching…"
+};
+//#endregion
+//#region src/components/features/mentions/partials/mention-picker.tsx
+function N({ open: r, activeKind: d, setActiveKind: f, kinds: p, resources: m, query: h, setQuery: g, suggestions: _, isLoading: x, onSelect: S, strings: C, className: w }) {
+	let T = e(j, C);
+	return r ? /* @__PURE__ */ y(u, {
+		align: "start",
+		className: t("w-72 overflow-hidden p-0", w),
+		children: [/* @__PURE__ */ y("div", {
+			className: "border-b border-border/60 px-3 py-2",
+			children: [/* @__PURE__ */ v(n, {
+				size: "xxs",
+				type: "secondary",
+				weight: "medium",
+				className: "uppercase tracking-wide",
+				children: T.title
+			}), p.length > 1 && /* @__PURE__ */ v("div", {
+				className: "mt-2 flex flex-wrap gap-1",
+				children: p.map((e) => {
+					let n = m?.[e], r = n?.icon;
+					return /* @__PURE__ */ y("button", {
+						type: "button",
+						onClick: () => f(e),
+						className: t("inline-flex items-center gap-1 rounded px-1.5 py-0.5 text-xxs font-medium ring-1 ring-inset transition-colors", e === d ? "bg-primary text-primary-foreground ring-primary" : "bg-muted text-muted-foreground ring-border/60 hover:bg-muted/80"),
+						children: [r ? /* @__PURE__ */ v(r, { className: "size-3" }) : null, /* @__PURE__ */ v("span", { children: n?.label ?? String(e) })]
+					}, e);
+				})
+			})]
+		}), /* @__PURE__ */ y(l, {
+			shouldFilter: !1,
+			children: [/* @__PURE__ */ v(i, {
+				placeholder: T.searchPlaceholder,
+				value: h,
+				onValueChange: g
+			}), /* @__PURE__ */ y(a, { children: [
+				x ? /* @__PURE__ */ y("div", {
+					className: "text-muted-foreground flex items-center justify-center gap-2 py-3",
+					children: [/* @__PURE__ */ v(b, {
+						className: "size-3.5 animate-spin",
+						"aria-hidden": !0
+					}), /* @__PURE__ */ v(n, {
+						tag: "span",
+						size: "xs",
+						type: "secondary",
+						children: T.loading
+					})]
+				}) : null,
+				/* @__PURE__ */ v(s, { children: T.empty }),
+				/* @__PURE__ */ v(c, { children: _.map((e) => {
+					let t = e.kind ?? d ?? "";
+					return /* @__PURE__ */ v(o, {
+						value: `${t}:${e.id}`,
+						onSelect: () => S(e),
+						children: /* @__PURE__ */ y("div", {
+							className: "flex min-w-0 flex-1 flex-col leading-tight",
+							children: [/* @__PURE__ */ v(n, {
+								tag: "span",
+								size: "xs",
+								weight: "medium",
+								className: "truncate",
+								children: e.label
+							}), e.description ? /* @__PURE__ */ v(n, {
+								tag: "span",
+								size: "xxs",
+								type: "secondary",
+								className: "mt-0.5 truncate",
+								children: e.description
+							}) : null]
+						})
+					}, `${t}:${e.id}`);
+				}) })
+			] })]
+		})]
+	}) : null;
+}
+//#endregion
+//#region src/components/features/mentions/partials/mention-inline-suggestions.tsx
+function P({ open: r, activeKind: i, setActiveKind: a, kinds: o, resources: s, suggestionsByKind: c, suggestions: l, isLoading: u, query: d, onManualKindChange: f, onSelect: p, strings: m, className: h }) {
+	let g = e(M, m);
+	return r ? /* @__PURE__ */ y("div", {
+		onMouseDown: (e) => e.preventDefault(),
+		className: t("bg-popover text-popover-foreground absolute left-0 top-full z-40 mt-1 w-80 max-w-[min(theme(spacing.96),100%)]", "border-border/60 rounded-md border shadow-md ring-1 ring-foreground/[0.04]", "overflow-hidden", h),
+		role: "listbox",
+		children: [/* @__PURE__ */ y("div", {
+			className: "border-b border-border/60 px-3 py-2",
+			children: [/* @__PURE__ */ y("div", {
+				className: "flex items-baseline justify-between gap-2",
+				children: [/* @__PURE__ */ v(n, {
+					size: "xxs",
+					type: "secondary",
+					weight: "medium",
+					className: "uppercase tracking-wide",
+					children: g.title
+				}), d ? /* @__PURE__ */ y(n, {
+					tag: "span",
+					size: "xxs",
+					type: "secondary",
+					className: "truncate font-mono",
+					children: [
+						"“",
+						d,
+						"”"
+					]
+				}) : null]
+			}), o.length > 1 && /* @__PURE__ */ v("div", {
+				className: "mt-2 flex flex-wrap gap-1",
+				children: o.map((e) => {
+					let n = s?.[e], r = n?.icon, o = e === i, l = c?.[e]?.length ?? 0;
+					return /* @__PURE__ */ y("button", {
+						type: "button",
+						onClick: () => {
+							a(e), f?.();
+						},
+						className: t("inline-flex items-center gap-1 rounded px-1.5 py-0.5 text-xxs font-medium ring-1 ring-inset transition-colors", o ? "bg-primary text-primary-foreground ring-primary" : l > 0 ? "bg-muted text-foreground ring-border/60 hover:bg-muted/80" : "bg-muted/40 text-muted-foreground ring-border/40 hover:bg-muted/60"),
+						children: [
+							r ? /* @__PURE__ */ v(r, { className: "size-3" }) : null,
+							/* @__PURE__ */ v("span", { children: n?.label ?? String(e) }),
+							l > 0 && /* @__PURE__ */ v("span", {
+								className: t("tabular-nums", o ? "opacity-90" : "opacity-70"),
+								children: l
+							})
+						]
+					}, e);
+				})
+			})]
+		}), /* @__PURE__ */ y("div", {
+			className: "max-h-72 overflow-y-auto py-1",
+			children: [
+				u ? /* @__PURE__ */ y("div", {
+					className: "text-muted-foreground flex items-center justify-center gap-2 py-3",
+					children: [/* @__PURE__ */ v(b, {
+						className: "size-3.5 animate-spin",
+						"aria-hidden": !0
+					}), /* @__PURE__ */ v(n, {
+						tag: "span",
+						size: "xs",
+						type: "secondary",
+						children: g.loading
+					})]
+				}) : null,
+				!u && l.length === 0 ? /* @__PURE__ */ v("div", {
+					className: "px-3 py-3",
+					children: /* @__PURE__ */ v(n, {
+						size: "xs",
+						type: "secondary",
+						children: g.empty
+					})
+				}) : null,
+				l.map((e) => {
+					let r = e.kind ?? i ?? "";
+					return /* @__PURE__ */ v("button", {
+						type: "button",
+						role: "option",
+						"data-ref-id": `${r}:${e.id}`,
+						onClick: () => p(e),
+						className: t("flex w-full min-w-0 items-start gap-2 px-3 py-1.5 text-left", "hover:bg-muted/60 focus-visible:bg-muted/60 transition-colors"),
+						children: /* @__PURE__ */ y("div", {
+							className: "flex min-w-0 flex-1 flex-col leading-tight",
+							children: [/* @__PURE__ */ v(n, {
+								tag: "span",
+								size: "xs",
+								weight: "medium",
+								className: "truncate",
+								children: e.label
+							}), e.description ? /* @__PURE__ */ v(n, {
+								tag: "span",
+								size: "xxs",
+								type: "secondary",
+								className: "mt-0.5 truncate",
+								children: e.description
+							}) : null]
+						})
+					}, `${r}:${e.id}`);
+				})
+			]
+		})]
+	}) : null;
+}
+//#endregion
+//#region src/components/features/mentions/utils/parse-mentions-from-html.ts
+var F = /<(?:span|a)\b[^>]*?data-ref-id\s*=\s*"([^"]+)"[^>]*?>([\s\S]*?)<\/(?:span|a)>/gi, I = /data-ref-kind\s*=\s*"([^"]+)"/i;
+function L(e) {
+	let t = [];
+	if (!e) return t;
+	let n = /* @__PURE__ */ new Set(), r;
+	for (F.lastIndex = 0; (r = F.exec(e)) !== null;) {
+		let [e, i, a] = r;
+		if (n.has(i)) continue;
+		n.add(i);
+		let o = e.match(I)?.[1] ?? i.split(":")[0] ?? "", s = (a ?? "").replace(/<[^>]*>/g, "").replace(/&nbsp;/g, " ").replace(/^[@#$&%!~]\s*/, "").trim();
+		t.push({
+			id: i,
+			kind: o,
+			label: s
+		});
+	}
+	return t;
+}
+//#endregion
+export { j as a, D as c, S as d, x as f, M as i, T as l, P as n, k as o, N as r, A as s, L as t, C as u };
+
+//# sourceMappingURL=mentions-DzG8mX5H.js.map

package/dist/_shared/mentions-DzG8mX5H.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mentions-DzG8mX5H.js","names":[],"sources":["../../src/components/features/mentions/hooks/use-mentions-search.ts","../../src/components/features/mentions/utils/build-mention-html.ts","../../src/components/features/mentions/hooks/use-mentions.ts","../../src/components/features/mentions/partials/mention-chip.tsx","../../src/components/features/mentions/utils/split-html-by-mentions.ts","../../src/components/features/mentions/partials/mention-content.tsx","../../src/components/features/mentions/mentions.strings.ts","../../src/components/features/mentions/partials/mention-picker.tsx","../../src/components/features/mentions/partials/mention-inline-suggestions.tsx","../../src/components/features/mentions/utils/parse-mentions-from-html.ts"],"sourcesContent":["/**\n * useMentionsSearch — pure search state for the mention picker.\n *\n * Runs **all registered kinds in parallel** for the same needle so the\n * caller can render mixed results in tabs and the picker can auto-\n * switch when the active kind has zero matches but another does. The\n * caller still controls which kind is *active* (the one whose\n * suggestions render); manual switches are remembered and not\n * overridden by subsequent caret-driven re-detections.\n *\n * Suggestion lookup order per kind:\n *   1. `resources[kind].search(needle)` — per-kind callback\n *   2. `resources[kind].suggestions` — static catalogue\n *   3. global `onResourceSearch(needle, kind)` — fallback\n */\nimport { useCallback, useEffect, useMemo, useRef, useState } from 'react';\n\nimport type {\n    Mention,\n    MentionResource,\n    MentionSuggestion,\n    MentionsResourceSearch,\n} from '../mentions.types';\n\nexport interface UseMentionsSearchOptions<TResource extends string = string> {\n    resources?: Partial<Record<TResource, MentionResource<TResource>>>;\n    onResourceSearch?: MentionsResourceSearch<TResource>;\n    initialMentions?: ReadonlyArray<Mention<TResource>>;\n    /** Debounce window for async search. Default: 200ms. */\n    debounceMs?: number;\n}\n\nexport interface UseMentionsSearchReturn<TResource extends string = string> {\n    kinds: ReadonlyArray<TResource>;\n    activeKind: TResource | null;\n    setActiveKind: (kind: TResource | null) => void;\n    activeResource: MentionResource<TResource> | null;\n\n    query: string;\n    setQuery: (q: string) => void;\n\n    /** Suggestions for the active kind (`suggestionsByKind[activeKind]`). */\n    suggestions: ReadonlyArray<MentionSuggestion<TResource>>;\n    /** Per-kind suggestion buckets — useful for cross-kind UIs. */\n    suggestionsByKind: Readonly<Record<string, ReadonlyArray<MentionSuggestion<TResource>>>>;\n    isLoading: boolean;\n\n    mentions: ReadonlyArray<Mention<TResource>>;\n    addMention: (mention: Mention<TResource>) => void;\n    removeMention: (id: string) => void;\n    setMentions: (next: ReadonlyArray<Mention<TResource>>) => void;\n    reset: () => void;\n\n    selectSuggestion: (\n        suggestion: MentionSuggestion<TResource>,\n    ) => Mention<TResource>;\n\n    /** True if the consumer manually picked a tab. The trigger detector\n     * checks this and refuses to override the active kind on next caret\n     * change while it's true. Reset on `setManualKindOverride(false)` or\n     * `reset()`. */\n    manualKindOverride: boolean;\n    setManualKindOverride: (override: boolean) => void;\n}\n\nexport function useMentionsSearch<TResource extends string = string>(\n    options: UseMentionsSearchOptions<TResource> = {},\n): UseMentionsSearchReturn<TResource> {\n    const { resources, onResourceSearch, initialMentions, debounceMs = 200 } = options;\n\n    const kinds = useMemo<ReadonlyArray<TResource>>(\n        () => (resources ? (Object.keys(resources) as TResource[]) : []),\n        [resources],\n    );\n\n    const [activeKind, setActiveKindState] = useState<TResource | null>(\n        () => kinds[0] ?? null,\n    );\n    const [manualKindOverride, setManualKindOverride] = useState(false);\n    const [query, setQueryState] = useState('');\n    const [suggestionsByKind, setSuggestionsByKind] = useState<\n        Record<string, ReadonlyArray<MentionSuggestion<TResource>>>\n    >({});\n    const [isLoading, setIsLoading] = useState(false);\n    const [mentions, setMentionsState] = useState<Mention<TResource>[]>(() =>\n        initialMentions ? [...initialMentions] : [],\n    );\n\n    const requestIdRef = useRef(0);\n    const debounceRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n\n    useEffect(() => {\n        if (kinds.length === 0) {\n            setActiveKindState(null);\n            return;\n        }\n        if (!activeKind || !kinds.includes(activeKind)) {\n            setActiveKindState(kinds[0]);\n        }\n    }, [activeKind, kinds]);\n\n    const activeResource = useMemo(\n        () => (activeKind && resources ? resources[activeKind] ?? null : null),\n        [activeKind, resources],\n    );\n\n    /**\n     * Search a single kind. Per-kind `search` wins, then static\n     * `suggestions`, then the global `onResourceSearch` fallback.\n     */\n    const searchOneKind = useCallback(\n        async (\n            kind: TResource,\n            q: string,\n        ): Promise<ReadonlyArray<MentionSuggestion<TResource>>> => {\n            const config = resources?.[kind];\n            if (config?.search) {\n                const result = await config.search(q);\n                return result.map((s) => ({ ...s, kind }));\n            }\n            if (config?.suggestions) {\n                const stat = config.suggestions;\n                const filtered =\n                    q.trim().length === 0\n                        ? stat\n                        : stat.filter((s) =>\n                                s.label.toLowerCase().includes(q.toLowerCase()),\n                            );\n                return filtered.map((s) => ({ ...s, kind }));\n            }\n            if (onResourceSearch) {\n                const result = await onResourceSearch(q, kind);\n                return result.map((s) => ({ ...s, kind }));\n            }\n            return [];\n        },\n        [resources, onResourceSearch],\n    );\n\n    // Debounced cross-kind search runner. Populates `suggestionsByKind`\n    // for every registered kind in parallel.\n    useEffect(() => {\n        if (debounceRef.current) {\n            clearTimeout(debounceRef.current);\n        }\n        if (kinds.length === 0) {\n            setSuggestionsByKind({});\n            return;\n        }\n\n        const requestId = ++requestIdRef.current;\n        const run = async () => {\n            setIsLoading(true);\n            try {\n                const entries = await Promise.all(\n                    kinds.map(async (kind) => {\n                        try {\n                            const list = await searchOneKind(kind, query);\n                            return [kind, list] as const;\n                        } catch {\n                            return [kind, []] as const;\n                        }\n                    }),\n                );\n                if (requestId !== requestIdRef.current) return;\n                const next: Record<string, ReadonlyArray<MentionSuggestion<TResource>>> = {};\n                for (const [kind, list] of entries) {\n                    next[kind] = list;\n                }\n                setSuggestionsByKind(next);\n            } finally {\n                if (requestId === requestIdRef.current) {\n                    setIsLoading(false);\n                }\n            }\n        };\n\n        debounceRef.current = setTimeout(() => {\n            void run();\n        }, debounceMs);\n\n        return () => {\n            if (debounceRef.current) clearTimeout(debounceRef.current);\n        };\n    }, [kinds, query, searchOneKind, debounceMs]);\n\n    /**\n     * Auto-switch behaviour: when the active kind has zero results but\n     * another kind has matches, jump to the first kind with results.\n     * Skipped while `manualKindOverride` is true so the consumer's tab\n     * choice sticks.\n     */\n    useEffect(() => {\n        if (manualKindOverride) return;\n        if (!activeKind) return;\n        const activeList = suggestionsByKind[activeKind] ?? [];\n        if (activeList.length > 0) return;\n        const first = kinds.find((k) => (suggestionsByKind[k]?.length ?? 0) > 0);\n        if (first && first !== activeKind) {\n            setActiveKindState(first);\n        }\n    }, [activeKind, kinds, manualKindOverride, suggestionsByKind]);\n\n    /**\n     * Set the active kind. **Does not** toggle `manualKindOverride` —\n     * the picker UI is responsible for calling\n     * `setManualKindOverride(true)` when the user explicitly clicks a\n     * tab so the auto-switch / auto-detect logic respects their choice.\n     */\n    const setActiveKind = useCallback((kind: TResource | null) => {\n        setActiveKindState(kind);\n    }, []);\n\n    const setQuery = useCallback((q: string) => {\n        setQueryState(q);\n    }, []);\n\n    const addMention = useCallback((mention: Mention<TResource>) => {\n        setMentionsState((prev) => {\n            if (prev.some((m) => m.id === mention.id)) return prev;\n            return [...prev, mention];\n        });\n    }, []);\n\n    const removeMention = useCallback((id: string) => {\n        setMentionsState((prev) => prev.filter((m) => m.id !== id));\n    }, []);\n\n    const setMentions = useCallback(\n        (next: ReadonlyArray<Mention<TResource>>) => {\n            setMentionsState([...next]);\n        },\n        [],\n    );\n\n    const reset = useCallback(() => {\n        setMentionsState([]);\n        setQueryState('');\n        setManualKindOverride(false);\n        requestIdRef.current++;\n    }, []);\n\n    const selectSuggestion = useCallback(\n        (suggestion: MentionSuggestion<TResource>) => {\n            const kind = (suggestion.kind ?? activeKind) as TResource;\n            const id = `${kind}:${suggestion.id}`;\n            const cfg = resources?.[kind];\n            const href = suggestion.href ?? cfg?.buildHref?.(suggestion);\n            const mention: Mention<TResource> = {\n                id,\n                kind,\n                label: suggestion.label,\n                href,\n                data: suggestion.data,\n            };\n            addMention(mention);\n            return mention;\n        },\n        [activeKind, addMention, resources],\n    );\n\n    const suggestions = useMemo<ReadonlyArray<MentionSuggestion<TResource>>>(\n        () => (activeKind ? suggestionsByKind[activeKind] ?? [] : []),\n        [activeKind, suggestionsByKind],\n    );\n\n    return {\n        kinds,\n        activeKind,\n        setActiveKind,\n        activeResource,\n        query,\n        setQuery,\n        suggestions,\n        suggestionsByKind,\n        isLoading,\n        mentions,\n        addMention,\n        removeMention,\n        setMentions,\n        reset,\n        selectSuggestion,\n        manualKindOverride,\n        setManualKindOverride,\n    };\n}\n","import type { Mention, MentionTone } from '../mentions.types';\n\n/**\n * Serialize a `Mention` into the HTML span that gets inserted into a\n * rich-text body. The structure mirrors `<MentionChip>` so the editor\n * can style it via `[data-ref-id]` selectors (see App.css `.ProseMirror\n * [data-ref-id]` rules) and the read-time renderer (`<MentionContent>`)\n * can find it again.\n *\n *   <span class=\"rsc-mention\" data-ref-id=\"kind:id\" data-ref-kind=\"kind\"\n *         data-ref-tone=\"info\" contenteditable=\"false\">@Maria Petrova</span>&nbsp;\n *\n * `data-ref-tone` is what drives the badge colour in both the editor\n * (CSS-only, since contenteditable can't host React) and the read-time\n * renderer (which respects it as a hint when the resource registry\n * isn't available).\n *\n * `contenteditable=\"false\"` tells the browser to treat the chip as an\n * atomic glyph — backspace deletes the whole span, the cursor moves\n * past it, and the inner label can't be edited character-by-character.\n */\nexport function buildMentionHtml<TKind extends string = string>(\n    mention: Mention<TKind>,\n    options?: { triggerChar?: string; tone?: MentionTone },\n): string {\n    const safeLabel = String(mention.label ?? '')\n        .replace(/&/g, '&amp;')\n        .replace(/</g, '&lt;')\n        .replace(/>/g, '&gt;');\n    const id = String(mention.id).replace(/\"/g, '&quot;');\n    const kind = String(mention.kind).replace(/\"/g, '&quot;');\n    const tone = options?.tone ? String(options.tone).replace(/\"/g, '&quot;') : '';\n    const trigger =\n        options?.triggerChar ?? (mention.kind === 'user' ? '@' : '');\n    const toneAttr = tone ? ` data-ref-tone=\"${tone}\"` : '';\n    return (\n        `<span class=\"rsc-mention\" data-ref-id=\"${id}\" data-ref-kind=\"${kind}\"${toneAttr} contenteditable=\"false\">` +\n        `${trigger}${safeLabel}` +\n        `</span>&nbsp;`\n    );\n}\n","/**\n * useMentions — picker state + caret-trigger detection bound to an editor.\n *\n * Composes `useMentionsSearch` (suggestion state) with caret-watch\n * logic. The editor it binds to must implement the minimal handle\n * surface in `MentionEditorHandle` — `<RichTextEditor>` from\n * `features/rich-text-editor` already does. Other editors (Slate,\n * Lexical, ProseMirror, plain contenteditable, …) can be plugged in by\n * implementing the same four methods on their imperative handle.\n *\n * Behaviour summary:\n *   - On every editor `onCaretChange`, the hook reads `getCaretContext()`\n *     and looks for a registered trigger char (`@`, `#`, …) preceded by\n *     start-of-line / whitespace and followed by `\\p{L}\\p{N}_-` chars.\n *   - On match, the picker opens, `activeKind` is seeded from the\n *     trigger char (only on a *fresh* trigger session — manual tab\n *     switches survive subsequent keystrokes), and `query` syncs from\n *     the typed needle.\n *   - All registered kinds are searched in parallel; the active kind\n *     auto-switches to the first kind with results when the current\n *     active is empty (skipped if `manualKindOverride` is true).\n *   - `pickSuggestion` deletes the trigger range and inserts the chip\n *     atomically via `replaceBeforeCaret` — selection-extension means\n *     no manual text mutation, no race between delete + insert.\n *   - When opened via the manual button (no trigger detected), the\n *     selection runs `insertHTML` instead — caret stays where it was.\n *\n * Returned API:\n *   pickerOpen, setPickerOpen, triggerActive,\n *   kinds, activeKind, setActiveKind, manualKindOverride, setManualKindOverride,\n *   query, setQuery, suggestions, suggestionsByKind, isLoading,\n *   mentions, addMention, removeMention, setMentions, reset,\n *   handleCaretChange()  — wire to the editor's `onCaretChange`\n *   pickSuggestion(s)    — convert suggestion → Mention + insert chip\n *\n * @example\n *   const editorRef = useRef<RichTextEditorHandle>(null);\n *   const mentions = useMentions<'user' | 'order'>({ editorRef });\n *\n *   <RichTextEditor ref={editorRef} onCaretChange={mentions.handleCaretChange} />\n *   <MentionInlineSuggestions\n *     open={mentions.triggerActive && mentions.pickerOpen}\n *     activeKind={mentions.activeKind}\n *     setActiveKind={mentions.setActiveKind}\n *     onManualKindChange={() => mentions.setManualKindOverride(true)}\n *     {...mentions}\n *     onSelect={mentions.pickSuggestion}\n *   />\n */\nimport { useCallback, useRef, useState } from 'react';\nimport type { RefObject } from 'react';\n\nimport type {\n    Mention,\n    MentionResource,\n    MentionSuggestion,\n    MentionsResourceSearch,\n} from '../mentions.types';\nimport { buildMentionHtml } from '../utils/build-mention-html';\nimport {\n    useMentionsSearch,\n    type UseMentionsSearchOptions,\n    type UseMentionsSearchReturn,\n} from './use-mentions-search';\n\n/**\n * Minimal editor handle the trigger detector needs. Compatible with the\n * library's `<RichTextEditor>` handle — implement these on any custom\n * editor to plug in.\n */\nexport interface MentionEditorHandle {\n    getCaretContext(): { textBefore: string } | null;\n    insertHTML(html: string): void;\n    replaceBeforeCaret(length: number, html: string): void;\n    focus(): void;\n}\n\nexport interface UseMentionsOptions<TResource extends string = string>\n    extends UseMentionsSearchOptions<TResource> {\n    /** Ref to the editor surface the trigger detector reads from. */\n    editorRef?: RefObject<MentionEditorHandle | null>;\n}\n\nexport interface UseMentionsReturn<TResource extends string = string>\n    extends UseMentionsSearchReturn<TResource> {\n    pickerOpen: boolean;\n    setPickerOpen: (open: boolean) => void;\n    /** True while the picker is open from an inline `@`/`#` trigger. */\n    triggerActive: boolean;\n    /** Wire to the editor's `onCaretChange` to enable inline triggers. */\n    handleCaretChange: () => void;\n    /**\n     * Convert a suggestion into a Mention, register it, insert the chip\n     * into the editor (replacing the trigger range when one is active),\n     * and close the picker. Returns the Mention.\n     */\n    pickSuggestion: (\n        suggestion: MentionSuggestion<TResource>,\n    ) => Mention<TResource>;\n}\n\ninterface TriggerState {\n    kind: string;\n    triggerChar: string;\n    consumedLength: number;\n}\n\nexport function useMentions<TResource extends string = string>(\n    options: UseMentionsOptions<TResource> = {},\n): UseMentionsReturn<TResource> {\n    const resources = options.resources;\n    const onResourceSearch: MentionsResourceSearch<TResource> | undefined =\n        options.onResourceSearch;\n\n    const search = useMentionsSearch<TResource>({\n        ...options,\n        resources,\n        onResourceSearch,\n    });\n\n    const [pickerOpen, setPickerOpenState] = useState(false);\n    const [triggerActive, setTriggerActive] = useState(false);\n    const triggerStateRef = useRef<TriggerState | null>(null);\n    /** Tracks the trigger char from the most recent detection — lets us\n     *  set the initial active kind on a fresh trigger without overriding\n     *  the user's manual tab switch on every subsequent keystroke. */\n    const lastTriggerCharRef = useRef<string | null>(null);\n\n    const setPickerOpen = useCallback((open: boolean) => {\n        setPickerOpenState(open);\n        if (!open) {\n            triggerStateRef.current = null;\n            lastTriggerCharRef.current = null;\n            setTriggerActive(false);\n            search.setManualKindOverride(false);\n        }\n    }, [search]);\n\n    const editorRef = options.editorRef;\n\n    const handleCaretChange = useCallback(() => {\n        if (!resources) return;\n        const triggerMap: Record<string, string> = {};\n        for (const [kind, cfg] of Object.entries(resources)) {\n            const trig = (cfg as MentionResource | undefined)?.trigger;\n            if (typeof trig === 'string' && trig.length > 0) {\n                triggerMap[trig] = kind;\n            }\n        }\n        if (Object.keys(triggerMap).length === 0) return;\n\n        const ctx = editorRef?.current?.getCaretContext();\n        if (!ctx) {\n            if (triggerStateRef.current) {\n                triggerStateRef.current = null;\n                setPickerOpen(false);\n            }\n            return;\n        }\n        const triggers = Object.keys(triggerMap)\n            .map((c) => c.replace(/[.*+?^${}()|[\\]\\\\]/g, '\\\\$&'))\n            .join('');\n        const re = new RegExp(`(?:^|\\\\s)([${triggers}])([\\\\p{L}\\\\p{N}_-]*)$`, 'u');\n        const match = ctx.textBefore.match(re);\n        if (!match) {\n            if (triggerStateRef.current) {\n                triggerStateRef.current = null;\n                setPickerOpen(false);\n            }\n            return;\n        }\n        const triggerChar = match[1];\n        const needle = match[2] ?? '';\n        const kind = triggerMap[triggerChar];\n        const consumedLength = triggerChar.length + needle.length;\n\n        triggerStateRef.current = { kind, triggerChar, consumedLength };\n        setTriggerActive(true);\n\n        // Only seed the initial active kind on a *fresh* trigger session.\n        // If the user has already picked a tab in the panel,\n        // `manualKindOverride` is true and we skip — their choice sticks\n        // even as they keep typing or deleting characters.\n        const isNewTriggerSession = lastTriggerCharRef.current !== triggerChar;\n        if (isNewTriggerSession) {\n            if (search.activeKind !== kind) {\n                search.setActiveKind(kind as TResource);\n            }\n            search.setManualKindOverride(false);\n            lastTriggerCharRef.current = triggerChar;\n        }\n\n        if (search.query !== needle) {\n            search.setQuery(needle);\n        }\n        setPickerOpenState(true);\n    }, [editorRef, resources, search, setPickerOpen]);\n\n    const pickSuggestion = useCallback(\n        (suggestion: MentionSuggestion<TResource>) => {\n            const mention = search.selectSuggestion(suggestion);\n            const trigger = triggerStateRef.current;\n            const tone = (resources?.[mention.kind] as MentionResource | undefined)?.tone;\n            const html = buildMentionHtml(mention, {\n                triggerChar: trigger?.triggerChar,\n                tone,\n            });\n\n            if (trigger && trigger.consumedLength > 0 && editorRef?.current) {\n                editorRef.current.replaceBeforeCaret(trigger.consumedLength, html);\n                triggerStateRef.current = null;\n            } else if (editorRef?.current) {\n                editorRef.current.insertHTML(html);\n            }\n            setPickerOpen(false);\n            return mention;\n        },\n        [editorRef, resources, search, setPickerOpen],\n    );\n\n    return {\n        ...search,\n        pickerOpen,\n        setPickerOpen,\n        triggerActive,\n        handleCaretChange,\n        pickSuggestion,\n    };\n}\n","/**\n * MentionChip — default rendering for an inline mention/reference.\n *\n * Wraps the lib's `<Badge>` base component with the variant driven by\n * the resource registry's `tone` field. The mapping between the\n * mentions module's `MentionTone` and the badge's variant lives below\n * (`TONE_TO_VARIANT`) so consumers can rebrand by editing one table.\n *\n * Override paths:\n *   - `renderMention` on `<MentionContent>` — full takeover\n *   - `resources.<kind>.renderChip(mention)` — per-kind takeover\n *   - `resources.<kind>.tone` — quickest \"just change the color\" override\n */\nimport type { FC, ReactNode } from 'react';\n\nimport { Badge, type ComposedBadgeVariant } from '@/components/base/badge';\nimport { cn } from '@/lib/utils';\n\nimport type {\n    Mention,\n    MentionResource,\n    MentionTone,\n} from '../mentions.types';\n\nexport interface MentionChipProps {\n    mention: Mention;\n    resource?: MentionResource<string>;\n    /** Force-disable the chip's link (useful inside the composer draft list). */\n    asLink?: boolean;\n    onClick?: () => void;\n    /** Trailing slot — typically a remove button when shown in the composer. */\n    trailing?: ReactNode;\n    className?: string;\n}\n\n/**\n * Single source of truth for `MentionTone → Badge variant`. Edit here\n * to rebrand all chips library-wide; override per-kind via\n * `resources.<kind>.tone`.\n */\nconst TONE_TO_VARIANT: Record<MentionTone, ComposedBadgeVariant> = {\n    primary: 'secondary', // calm primary — saturated `primary` overwhelms body copy\n    success: 'success',\n    warning: 'warning',\n    destructive: 'destructive',\n    info: 'info',\n    secondary: 'secondary',\n};\n\nexport const MentionChip: FC<MentionChipProps> = ({\n    mention,\n    resource,\n    asLink = true,\n    onClick,\n    trailing,\n    className,\n}) => {\n    if (resource?.renderChip) {\n        return <>{resource.renderChip(mention)}</>;\n    }\n\n    const tone = resource?.tone ?? 'secondary';\n    const variant = TONE_TO_VARIANT[tone] ?? TONE_TO_VARIANT.secondary;\n    const Icon = resource?.icon;\n\n    const inner = (\n        <Badge\n            variant={variant}\n            inline\n            data-ref-id={mention.id}\n            data-ref-kind={mention.kind}\n            className={cn(\n                /* Inline-flow tweaks: align to the surrounding text baseline\n                   instead of the line's mid-point, which causes wobble next\n                   to text. Keep the badge as `inline-flex` (from `inline`),\n                   add a subtle vertical offset via translate so the icon\n                   sits on the cap-height. */\n                'align-[-0.15em] cursor-default whitespace-nowrap',\n                className,\n            )}\n        >\n            {Icon ? <Icon className=\"size-3 shrink-0\" aria-hidden /> : null}\n            <span className=\"truncate max-w-[14rem]\">{mention.label}</span>\n            {trailing}\n        </Badge>\n    );\n\n    if (asLink && mention.href) {\n        return (\n            <a\n                href={mention.href}\n                target=\"_blank\"\n                rel=\"noreferrer noopener\"\n                onClick={onClick}\n                className=\"inline align-baseline no-underline hover:opacity-90\"\n            >\n                {inner}\n            </a>\n        );\n    }\n\n    if (onClick) {\n        return (\n            <span onClick={onClick} className=\"inline align-baseline\">\n                {inner}\n            </span>\n        );\n    }\n\n    return inner;\n};\n","/**\n * Split an HTML string into a list of `html` chunks and `mention`\n * placeholders, keyed by the `data-ref-id` attribute the writer set.\n *\n * Used by `<MentionContent>` to render the body once with React chips\n * for the references and `dangerouslySetInnerHTML` for everything else.\n */\nexport type MentionHtmlSegment =\n    | { kind: 'html'; value: string }\n    | { kind: 'mention'; refId: string; fallback: string };\n\nconst MENTION_RE =\n    /<(span|a)\\b([^>]*?)data-ref-id\\s*=\\s*\"([^\"]+)\"([^>]*)>([\\s\\S]*?)<\\/\\1>/gi;\n\nexport function splitHtmlByMentions(html: string): MentionHtmlSegment[] {\n    if (!html) return [];\n\n    const segments: MentionHtmlSegment[] = [];\n    let lastIndex = 0;\n    let match: RegExpExecArray | null;\n    MENTION_RE.lastIndex = 0;\n\n    while ((match = MENTION_RE.exec(html)) !== null) {\n        const [full, , , refId] = match;\n        const before = html.slice(lastIndex, match.index);\n        if (before.length > 0) {\n            segments.push({ kind: 'html', value: before });\n        }\n        segments.push({\n            kind: 'mention',\n            refId,\n            fallback: full,\n        });\n        lastIndex = match.index + full.length;\n    }\n\n    const tail = html.slice(lastIndex);\n    if (tail.length > 0) {\n        segments.push({ kind: 'html', value: tail });\n    }\n\n    return segments;\n}\n","/**\n * MentionContent — render an HTML body that may contain inline mention\n * spans (`<span data-ref-id=\"kind:id\">…</span>`) by swapping each ref\n * for a React `<MentionChip>` while leaving the rest of the HTML\n * untouched.\n *\n * Used by:\n *   - `features/comments` — comment bodies\n *   - `features/event-log` — event descriptions\n *   - any other surface that renders rich-text with embedded refs\n *\n * Consumer can override per-mention rendering via `renderMention`, or\n * per-kind via the resource registry's `renderChip`.\n */\nimport { Fragment } from 'react';\nimport type { FC, ReactNode } from 'react';\n\nimport { cn } from '@/lib/utils';\n\nimport type {\n    Mention,\n    MentionResource,\n    MentionsConfig,\n} from '../mentions.types';\nimport { splitHtmlByMentions } from '../utils/split-html-by-mentions';\nimport { MentionChip } from './mention-chip';\n\nexport interface MentionContentProps<TResource extends string = string> {\n    /** HTML body to render. */\n    html: string;\n    /** Mentions resolved on the data — keyed by `data-ref-id`. */\n    mentions?: ReadonlyArray<Mention<TResource>>;\n    /** Resource registry — pass at the call site. */\n    resources?: MentionsConfig<TResource>['resources'];\n    /** Custom per-mention renderer — overrides resource.renderChip. */\n    renderMention?: (mention: Mention<TResource>) => ReactNode;\n    /** Optional sanitizer applied to HTML before rendering. */\n    sanitizer?: (html: string) => string;\n    /** Outer wrapper class. Defaults to a tight prose surface. */\n    className?: string;\n    /**\n     * Set to `false` to skip the default prose wrapper — useful when\n     * embedding inside an existing typed surface (e.g. timeline rows).\n     */\n    prose?: boolean;\n}\n\nconst DEFAULT_PROSE_CLASS =\n    'prose prose-sm prose-p:my-0.5 prose-p:leading-relaxed prose-headings:my-1 prose-a:text-primary prose-a:no-underline hover:prose-a:underline prose-strong:font-semibold prose-ul:my-0.5 prose-ol:my-0.5 prose-li:my-0.5 max-w-none';\n\nexport function MentionContent<TResource extends string = string>(\n    props: MentionContentProps<TResource>,\n): ReactNode {\n    const {\n        html,\n        mentions,\n        resources: resourcesProp,\n        renderMention,\n        sanitizer,\n        className,\n        prose = true,\n    } = props;\n\n    const resources = resourcesProp;\n\n    const sanitized = sanitizer ? sanitizer(html ?? '') : (html ?? '');\n\n    const mentionsById = new Map<string, Mention<TResource>>();\n    for (const m of mentions ?? []) mentionsById.set(m.id, m);\n\n    const hasMentions = mentionsById.size > 0;\n    const segments = hasMentions\n        ? splitHtmlByMentions(sanitized)\n        : [{ kind: 'html' as const, value: sanitized }];\n\n    const renderRef = (mention: Mention<TResource>): ReactNode => {\n        if (renderMention) return renderMention(mention);\n        const resource = resources?.[mention.kind] as\n            | MentionResource<string>\n            | undefined;\n        return <MentionChip mention={mention} resource={resource} />;\n    };\n\n    const body = segments.map((segment, index) => {\n        if (segment.kind === 'mention') {\n            const mention = mentionsById.get(segment.refId);\n            if (!mention) {\n                return (\n                    <span\n                        key={`fallback-${index}`}\n                        dangerouslySetInnerHTML={{ __html: segment.fallback }}\n                    />\n                );\n            }\n            return (\n                <Fragment key={`ref-${index}-${segment.refId}`}>\n                    {renderRef(mention)}\n                </Fragment>\n            );\n        }\n        // Render the HTML segment directly. The lib's `Text asHTML` escapes\n        // via a strict sanitiser — bypass it for trusted editor output.\n        // Consumers must pass `sanitizer` for untrusted content.\n        return (\n            <span\n                key={`html-${index}`}\n                dangerouslySetInnerHTML={{ __html: segment.value }}\n            />\n        );\n    });\n\n    if (!prose) {\n        return <>{body}</>;\n    }\n\n    return (\n        <div className={cn(DEFAULT_PROSE_CLASS, className)}>{body}</div>\n    );\n}\n\n/** FC alias for callsites that prefer the `<MentionContent>` element form. */\nexport const MentionContentComponent: FC<MentionContentProps> = (props) => (\n    <MentionContent {...props} />\n);\n","/**\n * Default user-facing strings for the `features/mentions` partials.\n *\n * Both `<MentionPicker>` and `<MentionInlineSuggestions>` consume their\n * respective slice; `<MentionInlineSuggestions>` is a strict subset.\n * Consumers wire backend i18n at the call site:\n *\n *   <MentionPicker strings={{ empty: t('mentions.empty') }} … />\n */\n\nexport interface MentionPickerStrings {\n\ttitle: string;\n\tsearchPlaceholder: string;\n\tempty: string;\n\tloading: string;\n}\n\nexport const defaultMentionPickerStrings: MentionPickerStrings = {\n\ttitle: 'Insert reference',\n\tsearchPlaceholder: 'Search…',\n\tempty: 'No matches.',\n\tloading: 'Searching…',\n};\n\nexport interface MentionInlineSuggestionsStrings {\n\ttitle: string;\n\tempty: string;\n\tloading: string;\n}\n\nexport const defaultMentionInlineSuggestionsStrings: MentionInlineSuggestionsStrings = {\n\ttitle: 'Insert reference',\n\tempty: 'No matches.',\n\tloading: 'Searching…',\n};\n","/**\n * MentionPicker — popover content for the mention/reference picker.\n *\n * Pure UI: takes the state from `useMentions` (or any equivalent hook)\n * and renders kind tabs + a cmdk search list. Wrapped in `<Popover>` by\n * the consumer:\n *\n *   <Popover open={mentions.pickerOpen} onOpenChange={mentions.setPickerOpen}>\n *     <PopoverTrigger ... />\n *     <MentionPicker ... />\n *   </Popover>\n */\nimport { Loader2 } from 'lucide-react';\n\nimport {\n    Command,\n    CommandEmpty,\n    CommandGroup,\n    CommandInput,\n    CommandItem,\n    CommandList,\n} from '@/components/base/command';\nimport { PopoverContent } from '@/components/base/popover';\nimport { Text } from '@/components/typography';\nimport { useStrings, type StringsProp } from '@/lib/strings';\nimport { cn } from '@/lib/utils';\n\nimport {\n    defaultMentionPickerStrings,\n    type MentionPickerStrings,\n} from '../mentions.strings';\nimport type {\n    MentionResource,\n    MentionSuggestion,\n} from '../mentions.types';\n\nexport type { MentionPickerStrings };\n\nexport interface MentionPickerProps<TResource extends string = string> {\n    open: boolean;\n    activeKind: TResource | null;\n    setActiveKind: (kind: TResource | null) => void;\n    kinds: ReadonlyArray<TResource>;\n    resources?: Partial<Record<TResource, MentionResource<TResource>>>;\n    query: string;\n    setQuery: (query: string) => void;\n    suggestions: ReadonlyArray<MentionSuggestion<TResource>>;\n    isLoading: boolean;\n    onSelect: (suggestion: MentionSuggestion<TResource>) => void;\n    strings?: StringsProp<MentionPickerStrings>;\n    className?: string;\n}\n\nexport function MentionPicker<TResource extends string = string>({\n    open,\n    activeKind,\n    setActiveKind,\n    kinds,\n    resources,\n    query,\n    setQuery,\n    suggestions,\n    isLoading,\n    onSelect,\n    strings: stringsProp,\n    className,\n}: MentionPickerProps<TResource>) {\n    const strings = useStrings(defaultMentionPickerStrings, stringsProp);\n    if (!open) return null;\n\n    return (\n        <PopoverContent\n            align=\"start\"\n            className={cn('w-72 overflow-hidden p-0', className)}\n        >\n            <div className=\"border-b border-border/60 px-3 py-2\">\n                <Text\n                    size=\"xxs\"\n                    type=\"secondary\"\n                    weight=\"medium\"\n                    className=\"uppercase tracking-wide\"\n                >\n                    {strings.title}\n                </Text>\n                {kinds.length > 1 && (\n                    <div className=\"mt-2 flex flex-wrap gap-1\">\n                        {kinds.map((kind) => {\n                            const cfg = resources?.[kind];\n                            const Icon = cfg?.icon;\n                            const active = kind === activeKind;\n                            return (\n                                <button\n                                    key={kind}\n                                    type=\"button\"\n                                    onClick={() => setActiveKind(kind)}\n                                    className={cn(\n                                        'inline-flex items-center gap-1 rounded px-1.5 py-0.5 text-xxs font-medium ring-1 ring-inset transition-colors',\n                                        active\n                                            ? 'bg-primary text-primary-foreground ring-primary'\n                                            : 'bg-muted text-muted-foreground ring-border/60 hover:bg-muted/80',\n                                    )}\n                                >\n                                    {Icon ? <Icon className=\"size-3\" /> : null}\n                                    <span>{cfg?.label ?? String(kind)}</span>\n                                </button>\n                            );\n                        })}\n                    </div>\n                )}\n            </div>\n\n            <Command shouldFilter={false}>\n                <CommandInput\n                    placeholder={strings.searchPlaceholder}\n                    value={query}\n                    onValueChange={setQuery}\n                />\n                <CommandList>\n                    {isLoading ? (\n                        <div className=\"text-muted-foreground flex items-center justify-center gap-2 py-3\">\n                            <Loader2 className=\"size-3.5 animate-spin\" aria-hidden />\n                            <Text tag=\"span\" size=\"xs\" type=\"secondary\">\n                                {strings.loading}\n                            </Text>\n                        </div>\n                    ) : null}\n                    <CommandEmpty>{strings.empty}</CommandEmpty>\n                    <CommandGroup>\n                        {suggestions.map((suggestion) => {\n                            const kind = suggestion.kind ?? activeKind ?? '';\n                            return (\n                                <CommandItem\n                                    key={`${kind}:${suggestion.id}`}\n                                    value={`${kind}:${suggestion.id}`}\n                                    onSelect={() => onSelect(suggestion)}\n                                >\n                                    <div className=\"flex min-w-0 flex-1 flex-col leading-tight\">\n                                        <Text tag=\"span\" size=\"xs\" weight=\"medium\" className=\"truncate\">\n                                            {suggestion.label}\n                                        </Text>\n                                        {suggestion.description ? (\n                                            <Text\n                                                tag=\"span\"\n                                                size=\"xxs\"\n                                                type=\"secondary\"\n                                                className=\"mt-0.5 truncate\"\n                                            >\n                                                {suggestion.description}\n                                            </Text>\n                                        ) : null}\n                                    </div>\n                                </CommandItem>\n                            );\n                        })}\n                    </CommandGroup>\n                </CommandList>\n            </Command>\n        </PopoverContent>\n    );\n}\n","/**\n * MentionInlineSuggestions — non-focus-stealing suggestion list.\n *\n * Used in the *inline-trigger* flow (user typed `@` / `#` / …): the\n * editor stays focused while this panel renders below the surface and\n * updates live as the user keeps typing. No popover, no focus trap,\n * no CommandInput — the editor IS the input, we read the needle from\n * the caret context and stream results in.\n *\n * Position is \"anchored to a wrapping element\" — the consumer puts this\n * inside a `relative`-positioned wrapper around the editor and we\n * absolute-position ourselves below it.\n */\nimport { Loader2 } from 'lucide-react';\n\nimport { Text } from '@/components/typography';\nimport { useStrings, type StringsProp } from '@/lib/strings';\nimport { cn } from '@/lib/utils';\n\nimport {\n    defaultMentionInlineSuggestionsStrings,\n    type MentionInlineSuggestionsStrings,\n} from '../mentions.strings';\nimport type {\n    MentionResource,\n    MentionSuggestion,\n} from '../mentions.types';\n\nexport type { MentionInlineSuggestionsStrings };\n\nexport interface MentionInlineSuggestionsProps<TResource extends string = string> {\n    open: boolean;\n    activeKind: TResource | null;\n    setActiveKind: (kind: TResource | null) => void;\n    kinds: ReadonlyArray<TResource>;\n    resources?: Partial<Record<TResource, MentionResource<TResource>>>;\n    /** Per-kind suggestion buckets — used to render result counts on tabs. */\n    suggestionsByKind?: Readonly<Record<string, ReadonlyArray<MentionSuggestion<TResource>>>>;\n    suggestions: ReadonlyArray<MentionSuggestion<TResource>>;\n    isLoading: boolean;\n    /** Live query the panel echoes in the header; the consumer owns the editor input. */\n    query?: string;\n    /**\n     * Notifies the consumer that the user manually picked a tab, so it\n     * can flip the `manualKindOverride` flag on `useMentionsSearch`.\n     */\n    onManualKindChange?: () => void;\n    onSelect: (suggestion: MentionSuggestion<TResource>) => void;\n    strings?: StringsProp<MentionInlineSuggestionsStrings>;\n    className?: string;\n}\n\nexport function MentionInlineSuggestions<TResource extends string = string>({\n    open,\n    activeKind,\n    setActiveKind,\n    kinds,\n    resources,\n    suggestionsByKind,\n    suggestions,\n    isLoading,\n    query,\n    onManualKindChange,\n    onSelect,\n    strings: stringsProp,\n    className,\n}: MentionInlineSuggestionsProps<TResource>) {\n    const strings = useStrings(defaultMentionInlineSuggestionsStrings, stringsProp);\n    if (!open) return null;\n\n    return (\n        <div\n            // `mousedown.preventDefault` keeps focus in the editor when\n            // the user clicks inside the panel — clicks still bubble to\n            // the underlying button so selection works normally.\n            onMouseDown={(e) => e.preventDefault()}\n            className={cn(\n                'bg-popover text-popover-foreground absolute left-0 top-full z-40 mt-1 w-80 max-w-[min(theme(spacing.96),100%)]',\n                'border-border/60 rounded-md border shadow-md ring-1 ring-foreground/[0.04]',\n                'overflow-hidden',\n                className,\n            )}\n            role=\"listbox\"\n        >\n            <div className=\"border-b border-border/60 px-3 py-2\">\n                <div className=\"flex items-baseline justify-between gap-2\">\n                    <Text\n                        size=\"xxs\"\n                        type=\"secondary\"\n                        weight=\"medium\"\n                        className=\"uppercase tracking-wide\"\n                    >\n                        {strings.title}\n                    </Text>\n                    {query ? (\n                        <Text\n                            tag=\"span\"\n                            size=\"xxs\"\n                            type=\"secondary\"\n                            className=\"truncate font-mono\"\n                        >\n                            “{query}”\n                        </Text>\n                    ) : null}\n                </div>\n                {kinds.length > 1 && (\n                    <div className=\"mt-2 flex flex-wrap gap-1\">\n                        {kinds.map((kind) => {\n                            const cfg = resources?.[kind];\n                            const Icon = cfg?.icon;\n                            const active = kind === activeKind;\n                            const count = suggestionsByKind?.[kind as string]?.length ?? 0;\n                            return (\n                                <button\n                                    key={kind}\n                                    type=\"button\"\n                                    onClick={() => {\n                                        setActiveKind(kind);\n                                        onManualKindChange?.();\n                                    }}\n                                    className={cn(\n                                        'inline-flex items-center gap-1 rounded px-1.5 py-0.5 text-xxs font-medium ring-1 ring-inset transition-colors',\n                                        active\n                                            ? 'bg-primary text-primary-foreground ring-primary'\n                                            : count > 0\n                                              ? 'bg-muted text-foreground ring-border/60 hover:bg-muted/80'\n                                              : 'bg-muted/40 text-muted-foreground ring-border/40 hover:bg-muted/60',\n                                    )}\n                                >\n                                    {Icon ? <Icon className=\"size-3\" /> : null}\n                                    <span>{cfg?.label ?? String(kind)}</span>\n                                    {count > 0 && (\n                                        <span\n                                            className={cn(\n                                                'tabular-nums',\n                                                active ? 'opacity-90' : 'opacity-70',\n                                            )}\n                                        >\n                                            {count}\n                                        </span>\n                                    )}\n                                </button>\n                            );\n                        })}\n                    </div>\n                )}\n            </div>\n\n            <div className=\"max-h-72 overflow-y-auto py-1\">\n                {isLoading ? (\n                    <div className=\"text-muted-foreground flex items-center justify-center gap-2 py-3\">\n                        <Loader2 className=\"size-3.5 animate-spin\" aria-hidden />\n                        <Text tag=\"span\" size=\"xs\" type=\"secondary\">\n                            {strings.loading}\n                        </Text>\n                    </div>\n                ) : null}\n\n                {!isLoading && suggestions.length === 0 ? (\n                    <div className=\"px-3 py-3\">\n                        <Text size=\"xs\" type=\"secondary\">\n                            {strings.empty}\n                        </Text>\n                    </div>\n                ) : null}\n\n                {suggestions.map((suggestion) => {\n                    const kind = suggestion.kind ?? activeKind ?? '';\n                    return (\n                        <button\n                            key={`${kind}:${suggestion.id}`}\n                            type=\"button\"\n                            role=\"option\"\n                            data-ref-id={`${kind}:${suggestion.id}`}\n                            onClick={() => onSelect(suggestion)}\n                            className={cn(\n                                'flex w-full min-w-0 items-start gap-2 px-3 py-1.5 text-left',\n                                'hover:bg-muted/60 focus-visible:bg-muted/60 transition-colors',\n                            )}\n                        >\n                            <div className=\"flex min-w-0 flex-1 flex-col leading-tight\">\n                                <Text\n                                    tag=\"span\"\n                                    size=\"xs\"\n                                    weight=\"medium\"\n                                    className=\"truncate\"\n                                >\n                                    {suggestion.label}\n                                </Text>\n                                {suggestion.description ? (\n                                    <Text\n                                        tag=\"span\"\n                                        size=\"xxs\"\n                                        type=\"secondary\"\n                                        className=\"mt-0.5 truncate\"\n                                    >\n                                        {suggestion.description}\n                                    </Text>\n                                ) : null}\n                            </div>\n                        </button>\n                    );\n                })}\n            </div>\n        </div>\n    );\n}\n","/**\n * Walk an HTML string and extract `data-ref-id=\"kind:id\"` spans /\n * anchors as a list of `Mention` records. Used by the comment composer\n * to keep its `mentions` state in sync with what's actually present in\n * the editor — when the user backspaces a chip out of the body, the\n * draft's mentions list shrinks too.\n *\n * The output preserves first-occurrence order and deduplicates by id.\n * Caller can merge the resulting Mentions with previously known ones to\n * preserve `href` / `data` payloads that aren't expressible in HTML.\n */\nimport type { Mention } from '../mentions.types';\n\nconst REF_RE =\n    /<(?:span|a)\\b[^>]*?data-ref-id\\s*=\\s*\"([^\"]+)\"[^>]*?>([\\s\\S]*?)<\\/(?:span|a)>/gi;\nconst KIND_ATTR_RE = /data-ref-kind\\s*=\\s*\"([^\"]+)\"/i;\n\nexport function parseMentionsFromHtml<TKind extends string = string>(\n    html: string,\n): Array<Mention<TKind>> {\n    const out: Mention<TKind>[] = [];\n    if (!html) return out;\n\n    const seen = new Set<string>();\n    let match: RegExpExecArray | null;\n    REF_RE.lastIndex = 0;\n\n    while ((match = REF_RE.exec(html)) !== null) {\n        const [tagText, id, inner] = match;\n        if (seen.has(id)) continue;\n        seen.add(id);\n\n        const kindMatch = tagText.match(KIND_ATTR_RE);\n        const kind = (kindMatch?.[1] ?? id.split(':')[0] ?? '') as TKind;\n        const label = (inner ?? '')\n            .replace(/<[^>]*>/g, '')\n            .replace(/&nbsp;/g, ' ')\n            .replace(/^[@#$&%!~]\\s*/, '')\n            .trim();\n\n        out.push({ id, kind, label });\n    }\n\n    return out;\n}\n"],"mappings":"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"}

package/dist/_shared/money-display-B5oxCs_0.cjs

@@ -0,0 +1,2 @@
+require(`./chunk-D3uCBrYO.cjs`);const e=require(`./ui-provider-uiQgATj1.cjs`),t=require(`../lib/utils.cjs`),n=require(`./text-DBnY6fcL.cjs`);let r=require(`react`),i=require(`react/jsx-runtime`),a=require(`lucide-react`);function o(t){let n=e.u(),{defaultCurrency:i,displayCurrency:a,locale:o,dualPricingEnabled:s,displayMode:c,dualPricingDisplay:l,formatMode:u}=(0,r.useMemo)(()=>{let e={...n,...t},r=e.defaultCurrency??`USD`;return{defaultCurrency:r,displayCurrency:e.displayCurrency??r,locale:e.locale,dualPricingEnabled:e.dualPricingEnabled??!1,displayMode:e.displayMode??`default_only`,dualPricingDisplay:e.dualPricingDisplay??`lines`,formatMode:e.formatMode??`with_code`}},[n,t]);return{defaultCurrency:i,displayCurrency:a,dualPricingEnabled:s,displayMode:c,dualPricingDisplay:l,formatMode:u,shouldShowDualPricing:()=>s?c===`dual`:!1,formatAmount:(e,t,n)=>{let r=typeof e==`string`?parseFloat(e):e;if(!Number.isFinite(r))return t?`${String(e)} ${t}`.trim():String(e);let i=new Intl.NumberFormat(o,{minimumFractionDigits:2,maximumFractionDigits:2}).format(r);switch(u){case`decimal`:return i;case`with_code`:return t?`${i} ${t}`:i;case`with_symbol`:return n?`${n}${i}`:t?`${i} ${t}`:i;case`locale_aware`:if(!t)return i;try{return new Intl.NumberFormat(o,{style:`currency`,currency:t}).format(r)}catch{return`${i} ${t}`}default:return t?`${i} ${t}`:i}},getCurrencySymbol:e=>({BGN:`лв`,EUR:`€`,USD:`$`,GBP:`£`,JPY:`¥`})[e]??e}}var s=(0,i.jsx)(a.ArrowRight,{className:`size-3 shrink-0 opacity-60`,"aria-hidden":`true`});function c({pair:r,emptyLabel:a=`—`,separator:c=s,className:l,size:u,tag:d=`span`,...f}){let{defaultTextSize:p}=e.m(),m=u??p??`sm`,{formatAmount:h}=o(),g=r?.source?.value??null,_=r?.source?.currency??null,v=r?.source?.symbol??null,y=r?.target?.value??null,b=r?.target?.currency??null,x=r?.target?.symbol??null;return!g||!y?(0,i.jsx)(n.t,{tag:d,size:m,type:`secondary`,className:t.cn(`currency-pair-preview--component`,`tabular-nums`,l),...f,children:a}):(0,i.jsxs)(n.t,{tag:d,size:m,className:t.cn(`inline-flex items-center gap-1.5 tabular-nums`,l),...f,children:[(0,i.jsx)(`span`,{children:h(g,String(_??``),v??void 0)}),(0,i.jsx)(`span`,{className:`inline-flex items-center text-muted-foreground`,"aria-hidden":`true`,children:c}),(0,i.jsx)(`span`,{children:h(y,String(b??``),x??void 0)})]})}c.displayName=`CurrencyPairPreview`;var l=e=>{if(e==null)return null;let t=typeof e==`number`?e:Number.parseFloat(String(e).trim());return Number.isFinite(t)?t:null},u=e=>{let t=l(e?.value);return t===null?null:{value:t,currency:e?.currency?String(e.currency):null,symbol:e?.symbol?String(e.symbol):null}},d=e=>{let t=l(e?.amount);return t===null?null:{value:t,currency:e?.currency?String(e.currency):null,symbol:null}},f=e=>{let t=l(e?.amount);return t===null?null:{value:t,currency:e?.currency?String(e.currency):null,symbol:null}};function p({money:r,moneyPair:a,amount:s,pair:c,showPair:l=!1,dualPricingDisplay:p,alignment:m,emptyLabel:h=`—`,variant:g=`default`,secondaryEmphasis:_=`discrete`,className:v,size:y,align:b=`right`,weight:x=`medium`,tag:S=`span`,...C}){let{defaultTextSize:w}=e.m(),T=y??w??`sm`,{displayCurrency:E,dualPricingDisplay:D,shouldShowDualPricing:O,formatAmount:k,getCurrencySymbol:A}=o(),j=p??D??`lines`,M=(O()||l)&&a?.primary?d(a.primary):null,N=d(r),P=u(s),F=M??N??P??null,I=F?.currency??E??null,L=(l||O())&&!!(a??c??r?.pair),R=g===`minimal`||_===`hidden`?null:(()=>{if(!L)return null;if(a?.primary&&a?.secondary)return d(a.secondary);if(r?.pair)return f(r.pair);if(c?.source||c?.target){let e=u(c?.source??null),t=u(c?.target??null);if(!e&&!t)return null;let n=e?.currency??null,r=t?.currency??null;return I&&r===I?e:I&&n===I?t:E&&r===E?e:E&&n===E?t:t??e}return null})(),z=m??b,B=z===`left`?`text-left`:z===`center`?`text-center`:`text-right`,V=z===`left`?`justify-start`:z===`center`?`justify-center`:`justify-end`;if(!F)return(0,i.jsx)(n.t,{tag:S,size:T,type:`secondary`,align:z,className:t.cn(`money-display--component`,`money--display inline-flex flex-col tabular-nums`,B,v),...C,children:h});let H=k(F.value,I??``,F.symbol??(I?A(I):void 0)),U=R?k(R.value,R.currency??``,R.symbol??(R.currency?A(R.currency):void 0)):null,W=_===`match`?T:_===`muted`?`xs`:`xxs`,G=_===`match`?void 0:_===`muted`?`secondary`:`discrete`;return j===`inline`&&U?(0,i.jsxs)(`span`,{className:t.cn(`money--display inline-flex items-baseline gap-1.5 tabular-nums whitespace-nowrap`,V,v),...C,children:[(0,i.jsx)(n.t,{tag:`span`,size:T,weight:x,children:H}),(0,i.jsx)(n.t,{tag:`span`,size:`xxs`,type:`discrete`,"aria-hidden":`true`,children:`·`}),(0,i.jsx)(n.t,{tag:`span`,size:W,type:G,weight:`regular`,children:U})]}):(0,i.jsxs)(n.t,{tag:S,size:T,align:z,className:t.cn(`money--display inline-flex flex-col tabular-nums leading-tight`,B,v),...C,children:[(0,i.jsx)(n.t,{tag:`span`,size:T,weight:x,children:H}),!!U&&(0,i.jsx)(n.t,{tag:`span`,size:W,align:z,type:G,className:`block whitespace-nowrap font-normal leading-tight`,children:U})]})}p.displayName=`MoneyDisplay`,Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return c}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return p}});
+//# sourceMappingURL=money-display-B5oxCs_0.cjs.map