@mulmoclaude/collection-plugin 0.14.1 → 0.15.0

package/dist/vue.cjs

@@ -133,6 +133,11 @@ var i18n = (0, vue_i18n.createI18n)({
 				derivedLabel: "Derived",
 				embedMissingTitle: "Embedded reference missing",
 				chat: "Chat",
+				related: "Related",
+				relatedEmpty: "No related collections",
+				relatedOut: "This collection links to it",
+				relatedIn: "It links to this collection",
+				relatedBoth: "Linked both ways",
 				refreshFeed: "Refresh",
 				refreshFailed: "Refresh failed: {error}",
 				refreshDispatched: "Refresh started in the background.",
@@ -286,6 +291,11 @@ var i18n = (0, vue_i18n.createI18n)({
 				derivedLabel: "計算値",
 				embedMissingTitle: "埋め込み参照が見つかりません",
 				chat: "チャット",
+				related: "関連",
+				relatedEmpty: "関連するコレクションはありません",
+				relatedOut: "このコレクションからのリンク",
+				relatedIn: "このコレクションへのリンク",
+				relatedBoth: "相互にリンク",
 				refreshFeed: "更新",
 				refreshFailed: "更新に失敗しました: {error}",
 				refreshDispatched: "バックグラウンドで更新を開始しました。",
@@ -439,6 +449,11 @@ var i18n = (0, vue_i18n.createI18n)({
 				derivedLabel: "派生",
 				embedMissingTitle: "缺少嵌入引用",
 				chat: "对话",
+				related: "关联",
+				relatedEmpty: "没有关联的集合",
+				relatedOut: "此集合链接到它",
+				relatedIn: "它链接到此集合",
+				relatedBoth: "双向关联",
 				refreshFeed: "刷新",
 				refreshFailed: "刷新失败：{error}",
 				refreshDispatched: "已在后台开始刷新。",
@@ -592,6 +607,11 @@ var i18n = (0, vue_i18n.createI18n)({
 				derivedLabel: "파생",
 				embedMissingTitle: "임베드된 참조 없음",
 				chat: "채팅",
+				related: "관련",
+				relatedEmpty: "관련 컬렉션이 없습니다",
+				relatedOut: "이 컬렉션이 링크함",
+				relatedIn: "이 컬렉션으로 링크함",
+				relatedBoth: "양방향 링크",
 				refreshFeed: "새로고침",
 				refreshFailed: "새로고침 실패: {error}",
 				refreshDispatched: "백그라운드에서 새로고침을 시작했습니다.",
@@ -745,6 +765,11 @@ var i18n = (0, vue_i18n.createI18n)({
 				derivedLabel: "Derivado",
 				embedMissingTitle: "Falta la referencia incrustada",
 				chat: "Chat",
+				related: "Relacionadas",
+				relatedEmpty: "No hay colecciones relacionadas",
+				relatedOut: "Esta colección enlaza con ella",
+				relatedIn: "Enlaza con esta colección",
+				relatedBoth: "Enlazadas en ambos sentidos",
 				refreshFeed: "Actualizar",
 				refreshFailed: "Error al actualizar: {error}",
 				refreshDispatched: "Actualización iniciada en segundo plano.",
@@ -898,6 +923,11 @@ var i18n = (0, vue_i18n.createI18n)({
 				derivedLabel: "Derivado",
 				embedMissingTitle: "Referência incorporada ausente",
 				chat: "Chat",
+				related: "Relacionadas",
+				relatedEmpty: "Nenhuma coleção relacionada",
+				relatedOut: "Esta coleção faz referência a ela",
+				relatedIn: "Faz referência a esta coleção",
+				relatedBoth: "Vinculadas nos dois sentidos",
 				refreshFeed: "Atualizar",
 				refreshFailed: "Falha ao atualizar: {error}",
 				refreshDispatched: "Atualização iniciada em segundo plano.",
@@ -1051,6 +1081,11 @@ var i18n = (0, vue_i18n.createI18n)({
 				derivedLabel: "Calculé",
 				embedMissingTitle: "Référence intégrée manquante",
 				chat: "Discussion",
+				related: "Associées",
+				relatedEmpty: "Aucune collection associée",
+				relatedOut: "Cette collection y renvoie",
+				relatedIn: "Renvoie à cette collection",
+				relatedBoth: "Liées dans les deux sens",
 				refreshFeed: "Actualiser",
 				refreshFailed: "Échec de l'actualisation : {error}",
 				refreshDispatched: "Actualisation lancée en arrière-plan.",
@@ -1204,6 +1239,11 @@ var i18n = (0, vue_i18n.createI18n)({
 				derivedLabel: "Abgeleitet",
 				embedMissingTitle: "Eingebettete Referenz fehlt",
 				chat: "Chat",
+				related: "Verwandt",
+				relatedEmpty: "Keine verwandten Sammlungen",
+				relatedOut: "Diese Sammlung verweist darauf",
+				relatedIn: "Verweist auf diese Sammlung",
+				relatedBoth: "In beide Richtungen verknüpft",
 				refreshFeed: "Aktualisieren",
 				refreshFailed: "Aktualisierung fehlgeschlagen: {error}",
 				refreshDispatched: "Aktualisierung im Hintergrund gestartet.",
@@ -4029,6 +4069,55 @@ function writeCollectionFlagFilters(slug, filters) {
 	} catch {}
 }
 //#endregion
+//#region src/vue/relatedCollections.ts
+/** Fold a new direction observation into the one already recorded for a
+*  neighbor: same direction is idempotent, opposing directions become `both`. */
+var mergeDirection = (prev, next) => prev === void 0 || prev === next ? next : "both";
+/** Walk the graph edges touching `slug` and record each neighbor's direction.
+*  Skips self-edges (a collection ref-ing itself) and ghost nodes (a relation
+*  target no discovered collection backs — nothing to navigate to). An edge
+*  carrying `reverseFields` is a bidirectional pair collapsed to one edge, so
+*  it contributes BOTH directions to its neighbor. */
+function collectDirections(graph, slug) {
+	const nodeBySlug = new Map(graph.nodes.map((node) => [node.slug, node]));
+	const directions = /* @__PURE__ */ new Map();
+	const add = (neighbor, direction) => {
+		if (neighbor === slug) return;
+		const node = nodeBySlug.get(neighbor);
+		if (!node || node.missing) return;
+		directions.set(neighbor, mergeDirection(directions.get(neighbor), direction));
+	};
+	for (const edge of graph.edges) {
+		const bidirectional = (edge.reverseFields?.length ?? 0) > 0;
+		if (edge.from === slug) {
+			add(edge.to, "out");
+			if (bidirectional) add(edge.to, "in");
+		}
+		if (edge.to === slug) {
+			add(edge.from, "in");
+			if (bidirectional) add(edge.from, "out");
+		}
+	}
+	return directions;
+}
+/** Collections related to `slug`, in graph node order (title/icon from the
+*  node), empty when it has no navigable relations. */
+function relatedCollections(entries, slug) {
+	const graph = (0, _mulmoclaude_core_collection.buildOntologyGraph)(entries);
+	const directions = collectDirections(graph, slug);
+	const related = [];
+	for (const node of graph.nodes) {
+		const direction = directions.get(node.slug);
+		if (direction !== void 0) related.push({
+			slug: node.slug,
+			title: node.title,
+			icon: node.icon,
+			direction
+		});
+	}
+	return related;
+}
+//#endregion
 //#region src/vue/components/CollectionView.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1$7 = { class: "h-full flex flex-col bg-slate-50/30" };
 var _hoisted_2$6 = {
@@ -4054,233 +4143,253 @@ var _hoisted_9$4 = {
 var _hoisted_10$4 = ["href"];
 var _hoisted_11$4 = ["disabled"];
 var _hoisted_12$4 = { class: "material-icons text-sm" };
-var _hoisted_13$4 = [
+var _hoisted_13$4 = ["aria-expanded"];
+var _hoisted_14$4 = {
+	key: 0,
+	class: "absolute right-0 top-full mt-1 z-20 min-w-max rounded border border-slate-200 bg-white shadow-lg py-1",
+	"data-testid": "collections-related-menu-panel"
+};
+var _hoisted_15$4 = {
+	key: 0,
+	class: "w-full h-8 px-3 flex items-center gap-2 text-xs text-slate-400",
+	"data-testid": "collections-related-loading"
+};
+var _hoisted_16$4 = {
+	key: 1,
+	class: "w-full h-8 px-3 flex items-center text-xs text-slate-400",
+	"data-testid": "collections-related-empty"
+};
+var _hoisted_17$4 = ["data-testid", "onClick"];
+var _hoisted_18$4 = { class: "material-symbols-outlined text-base" };
+var _hoisted_19$3 = { class: "flex-1 text-left" };
+var _hoisted_20$3 = ["title", "aria-label"];
+var _hoisted_21$3 = [
 	"disabled",
 	"data-testid",
 	"onClick"
 ];
-var _hoisted_14$4 = {
+var _hoisted_22$3 = {
 	key: 0,
 	class: "material-icons text-sm animate-spin"
 };
-var _hoisted_15$4 = {
+var _hoisted_23$2 = {
 	key: 1,
 	class: "material-icons text-sm"
 };
-var _hoisted_16$4 = ["title", "aria-label"];
-var _hoisted_17$4 = ["title", "aria-label"];
-var _hoisted_18$4 = {
+var _hoisted_24$1 = ["title", "aria-label"];
+var _hoisted_25$1 = ["title", "aria-label"];
+var _hoisted_26$1 = {
 	key: 1,
 	class: "mx-6 mt-2 rounded-lg border border-indigo-200 bg-indigo-50/60 px-4 py-2 text-sm text-indigo-800 flex items-center gap-2",
 	"data-testid": "collections-refresh-note"
 };
-var _hoisted_19$3 = { class: "flex-1" };
-var _hoisted_20$3 = {
+var _hoisted_27$1 = { class: "flex-1" };
+var _hoisted_28 = {
 	key: 2,
 	class: "px-6 py-3 bg-white border-b border-slate-100 flex items-center justify-between gap-4"
 };
-var _hoisted_21$3 = {
+var _hoisted_29 = {
 	key: 0,
 	class: "relative flex-1 max-w-md"
 };
-var _hoisted_22$3 = ["placeholder", "aria-label"];
-var _hoisted_23$2 = ["aria-label"];
-var _hoisted_24$1 = { class: "flex items-center gap-2" };
-var _hoisted_25$1 = ["aria-label", "aria-expanded"];
-var _hoisted_26$1 = {
+var _hoisted_30 = ["placeholder", "aria-label"];
+var _hoisted_31 = ["aria-label"];
+var _hoisted_32 = { class: "flex items-center gap-2" };
+var _hoisted_33 = ["aria-label", "aria-expanded"];
+var _hoisted_34 = {
 	key: 0,
 	class: "min-w-4 h-4 px-1 flex items-center justify-center rounded-full bg-indigo-600 text-white text-[10px] font-bold"
 };
-var _hoisted_27$1 = ["aria-label"];
-var _hoisted_28 = [
+var _hoisted_35 = ["aria-label"];
+var _hoisted_36 = [
 	"title",
 	"aria-label",
 	"aria-pressed",
 	"data-testid",
 	"onClick"
 ];
-var _hoisted_29 = { class: "flex-1 text-left" };
-var _hoisted_30 = ["aria-label"];
-var _hoisted_31 = ["aria-pressed"];
-var _hoisted_32 = ["aria-pressed"];
-var _hoisted_33 = ["aria-pressed"];
-var _hoisted_34 = [
+var _hoisted_37 = { class: "flex-1 text-left" };
+var _hoisted_38 = ["aria-label"];
+var _hoisted_39 = ["aria-pressed"];
+var _hoisted_40 = ["aria-pressed"];
+var _hoisted_41 = ["aria-pressed"];
+var _hoisted_42 = [
 	"aria-pressed",
 	"data-testid",
 	"onClick"
 ];
-var _hoisted_35 = { class: "material-icons text-sm" };
-var _hoisted_36 = [
+var _hoisted_43 = { class: "material-icons text-sm" };
+var _hoisted_44 = [
 	"title",
 	"aria-label",
 	"aria-expanded"
 ];
-var _hoisted_37 = {
+var _hoisted_45 = {
 	key: 0,
 	class: "absolute left-0 top-full mt-1 z-20 min-w-max rounded border border-slate-200 bg-white shadow-lg py-1",
 	"data-testid": "collection-view-add-menu"
 };
-var _hoisted_38 = ["title", "aria-label"];
-var _hoisted_39 = ["value", "aria-label"];
-var _hoisted_40 = ["value"];
-var _hoisted_41 = ["value", "aria-label"];
-var _hoisted_42 = ["value"];
-var _hoisted_43 = {
+var _hoisted_46 = ["title", "aria-label"];
+var _hoisted_47 = ["value", "aria-label"];
+var _hoisted_48 = ["value"];
+var _hoisted_49 = ["value", "aria-label"];
+var _hoisted_50 = ["value"];
+var _hoisted_51 = {
 	key: 4,
 	class: "text-[10px] text-slate-400 font-bold uppercase tracking-wider select-none"
 };
-var _hoisted_44 = {
+var _hoisted_52 = {
 	key: 3,
 	class: "mx-6 mt-4 rounded-xl border border-amber-200 bg-amber-50/60 p-4 text-sm text-amber-900 shadow-sm flex items-center gap-3",
 	"data-testid": "collections-data-issues"
 };
-var _hoisted_45 = { class: "flex-1" };
-var _hoisted_46 = { class: "flex-1 overflow-auto" };
-var _hoisted_47 = {
+var _hoisted_53 = { class: "flex-1" };
+var _hoisted_54 = { class: "flex-1 overflow-auto" };
+var _hoisted_55 = {
 	key: 0,
 	class: "flex flex-col items-center justify-center py-20 text-sm text-slate-500 gap-3"
 };
-var _hoisted_48 = {
+var _hoisted_56 = {
 	key: 1,
 	class: "m-6 rounded-xl border border-red-200 bg-red-50/50 p-4 text-sm text-red-800 shadow-sm flex items-center gap-3"
 };
-var _hoisted_49 = { key: 2 };
-var _hoisted_50 = {
+var _hoisted_57 = { key: 2 };
+var _hoisted_58 = {
 	key: 3,
 	class: "p-4"
 };
-var _hoisted_51 = {
+var _hoisted_59 = {
 	key: 4,
 	class: "h-full flex flex-col"
 };
-var _hoisted_52 = {
+var _hoisted_60 = {
 	key: 0,
 	class: "m-3 mb-0 rounded-xl border border-red-200 bg-red-50/50 p-4 text-sm text-red-800 shadow-sm flex items-center gap-3",
 	"data-testid": "collections-inline-error"
 };
-var _hoisted_53 = { class: "flex-1" };
-var _hoisted_54 = ["aria-label"];
-var _hoisted_55 = { class: "flex-1 min-h-0 px-3 py-2" };
-var _hoisted_56 = {
+var _hoisted_61 = { class: "flex-1" };
+var _hoisted_62 = ["aria-label"];
+var _hoisted_63 = { class: "flex-1 min-h-0 px-3 py-2" };
+var _hoisted_64 = {
 	key: 5,
 	class: "h-full",
 	"data-testid": "collection-custom-view-body"
 };
-var _hoisted_57 = {
+var _hoisted_65 = {
 	key: 6,
 	class: "flex flex-col items-center justify-center py-20 text-sm text-slate-400 gap-2"
 };
-var _hoisted_58 = { class: "font-semibold text-slate-600" };
-var _hoisted_59 = {
+var _hoisted_66 = { class: "font-semibold text-slate-600" };
+var _hoisted_67 = {
 	key: 7,
 	class: "flex flex-col items-center justify-center py-20 text-sm text-slate-400 gap-2"
 };
-var _hoisted_60 = { class: "font-semibold text-slate-600" };
-var _hoisted_61 = {
+var _hoisted_68 = { class: "font-semibold text-slate-600" };
+var _hoisted_69 = {
 	key: 8,
 	class: "overflow-x-auto [container-type:inline-size]"
 };
-var _hoisted_62 = {
+var _hoisted_70 = {
 	key: 0,
 	class: "m-4 rounded-xl border border-red-200 bg-red-50/50 p-4 text-sm text-red-800 shadow-sm flex items-center gap-3",
 	"data-testid": "collections-inline-error"
 };
-var _hoisted_63 = { class: "flex-1" };
-var _hoisted_64 = ["aria-label"];
-var _hoisted_65 = { class: "min-w-full text-xs" };
-var _hoisted_66 = { class: "bg-slate-50 border-b border-slate-200" };
-var _hoisted_67 = ["aria-sort"];
-var _hoisted_68 = { class: "flex items-center gap-1" };
-var _hoisted_69 = ["title"];
-var _hoisted_70 = [
+var _hoisted_71 = { class: "flex-1" };
+var _hoisted_72 = ["aria-label"];
+var _hoisted_73 = { class: "min-w-full text-xs" };
+var _hoisted_74 = { class: "bg-slate-50 border-b border-slate-200" };
+var _hoisted_75 = ["aria-sort"];
+var _hoisted_76 = { class: "flex items-center gap-1" };
+var _hoisted_77 = ["title"];
+var _hoisted_78 = [
 	"data-testid",
 	"aria-label",
 	"onClick",
 	"onPointerenter"
 ];
-var _hoisted_71 = { class: "material-icons text-base align-middle" };
-var _hoisted_72 = { class: "divide-y divide-slate-100 bg-white" };
-var _hoisted_73 = [
+var _hoisted_79 = { class: "material-icons text-base align-middle" };
+var _hoisted_80 = { class: "divide-y divide-slate-100 bg-white" };
+var _hoisted_81 = [
 	"aria-label",
 	"data-testid",
 	"onClick",
 	"onKeydown"
 ];
-var _hoisted_74 = [
+var _hoisted_82 = [
 	"checked",
 	"disabled",
 	"data-testid",
 	"aria-label",
 	"onChange"
 ];
-var _hoisted_75 = [
+var _hoisted_83 = [
 	"checked",
 	"disabled",
 	"data-testid",
 	"aria-label",
 	"onChange"
 ];
-var _hoisted_76 = ["data-testid", "aria-label"];
-var _hoisted_77 = {
+var _hoisted_84 = ["data-testid", "aria-label"];
+var _hoisted_85 = {
 	key: 3,
 	class: "block truncate"
 };
-var _hoisted_78 = [
+var _hoisted_86 = [
 	"href",
 	"tabindex",
 	"data-testid",
 	"onClick",
 	"onKeydown"
 ];
-var _hoisted_79 = [
+var _hoisted_87 = [
 	"value",
 	"disabled",
 	"data-testid",
 	"aria-label",
 	"onChange"
 ];
-var _hoisted_80 = {
+var _hoisted_88 = {
 	key: 0,
 	value: ""
 };
-var _hoisted_81 = ["value"];
-var _hoisted_82 = {
+var _hoisted_89 = ["value"];
+var _hoisted_90 = {
 	key: 5,
 	class: "block truncate tabular-nums font-semibold text-slate-900"
 };
-var _hoisted_83 = {
+var _hoisted_91 = {
 	key: 6,
 	class: "inline-flex items-center gap-1 px-2 py-0.5 rounded-lg text-[10px] font-bold bg-slate-100 text-slate-600 border border-slate-200/40"
 };
-var _hoisted_84 = {
+var _hoisted_92 = {
 	key: 7,
 	class: "inline-block truncate tabular-nums font-bold text-indigo-900 bg-indigo-50/50 px-1.5 py-0.5 rounded border border-indigo-100/50"
 };
-var _hoisted_85 = ["data-testid"];
-var _hoisted_86 = ["href", "data-testid"];
-var _hoisted_87 = ["href", "data-testid"];
-var _hoisted_88 = [
+var _hoisted_93 = ["data-testid"];
+var _hoisted_94 = ["href", "data-testid"];
+var _hoisted_95 = ["href", "data-testid"];
+var _hoisted_96 = [
 	"href",
 	"data-testid",
 	"onClick"
 ];
-var _hoisted_89 = {
+var _hoisted_97 = {
 	key: 12,
 	class: "block truncate text-slate-600"
 };
-var _hoisted_90 = { class: "bg-white rounded-2xl shadow-2xl w-full max-w-xl flex flex-col border border-slate-200 overflow-hidden" };
-var _hoisted_91 = { class: "px-6 py-4 border-b border-slate-100 flex items-center gap-3 bg-slate-50/50" };
-var _hoisted_92 = { class: "flex-1" };
-var _hoisted_93 = {
+var _hoisted_98 = { class: "bg-white rounded-2xl shadow-2xl w-full max-w-xl flex flex-col border border-slate-200 overflow-hidden" };
+var _hoisted_99 = { class: "px-6 py-4 border-b border-slate-100 flex items-center gap-3 bg-slate-50/50" };
+var _hoisted_100 = { class: "flex-1" };
+var _hoisted_101 = {
 	id: "collections-chat-title",
 	class: "text-sm font-bold text-slate-800 uppercase tracking-wide"
 };
-var _hoisted_94 = { class: "text-xs text-slate-400 font-semibold" };
-var _hoisted_95 = ["aria-label"];
-var _hoisted_96 = { class: "px-6 py-5" };
-var _hoisted_97 = ["placeholder", "onKeydown"];
-var _hoisted_98 = { class: "px-6 py-3.5 border-t border-slate-100 flex items-center justify-end gap-2 bg-slate-50/50" };
-var _hoisted_99 = ["disabled"];
+var _hoisted_102 = { class: "text-xs text-slate-400 font-semibold" };
+var _hoisted_103 = ["aria-label"];
+var _hoisted_104 = { class: "px-6 py-5" };
+var _hoisted_105 = ["placeholder", "onKeydown"];
+var _hoisted_106 = { class: "px-6 py-3.5 border-t border-slate-100 flex items-center justify-end gap-2 bg-slate-50/50" };
+var _hoisted_107 = ["disabled"];
 /** `slug` / `selected` are supplied only in EMBEDDED mode (the
 *  `presentCollection` chat card mounts this component and drives both
 *  from the tool result). In standalone route mode (the
@@ -4850,6 +4959,60 @@ var CollectionView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 		function closeChat() {
 			chatOpen.value = false;
 		}
+		const relatedMenuOpen = (0, vue.ref)(false);
+		const relatedMenuRef = (0, vue.ref)(null);
+		const relatedLoading = (0, vue.ref)(false);
+		/** Derived neighbors for `relatedFetchedSlug` (null until first fetched). */
+		const relatedList = (0, vue.ref)(null);
+		/** Slug the cached `relatedList` was built for — a mismatch on open forces
+		*  a re-fetch (e.g. after navigating to a different collection). */
+		const relatedFetchedSlug = (0, vue.ref)(null);
+		const showRelatedMenu = (0, vue.computed)(() => Boolean(collection.value) && !embedded.value && cui.fetchOntology !== void 0);
+		const relatedItems = (0, vue.computed)(() => relatedList.value ?? []);
+		function relatedDirectionIcon(direction) {
+			if (direction === "out") return "arrow_outward";
+			if (direction === "in") return "arrow_back";
+			return "sync_alt";
+		}
+		function relatedDirectionLabel(direction) {
+			if (direction === "out") return t("collectionsView.relatedOut");
+			if (direction === "in") return t("collectionsView.relatedIn");
+			return t("collectionsView.relatedBoth");
+		}
+		/** Fetch the ontology and derive this slug's neighbors. Fail-soft: a
+		*  non-ok result (the `apiGet` wrapper already caught the network/HTTP
+		*  error) leaves an empty list, which the panel shows as its empty row.
+		*
+		*  Sets `relatedFetchedSlug` synchronously (before the await) so a rapid
+		*  re-open can't kick a duplicate fetch, and DROPS a stale response whose
+		*  slug no longer matches the active collection — otherwise a slower fetch
+		*  for a since-abandoned slug, resolving after a fast switch, would apply
+		*  the wrong collection's neighbors (Codex / CodeRabbit on PR #2251). */
+		async function loadRelated(slug) {
+			relatedFetchedSlug.value = slug;
+			relatedLoading.value = true;
+			const result = await cui.fetchOntology?.();
+			if (collection.value?.slug !== slug) return;
+			relatedLoading.value = false;
+			relatedList.value = result?.ok ? relatedCollections(result.data.entries, slug) : [];
+		}
+		function toggleRelatedMenu() {
+			relatedMenuOpen.value = !relatedMenuOpen.value;
+			const slug = collection.value?.slug;
+			if (relatedMenuOpen.value && slug && relatedFetchedSlug.value !== slug) loadRelated(slug);
+		}
+		function closeRelatedMenuOnOutsideClick(event) {
+			if (!eventInsideElement(event, relatedMenuRef.value)) relatedMenuOpen.value = false;
+		}
+		(0, vue.watch)(relatedMenuOpen, (open) => {
+			if (open) document.addEventListener("mousedown", closeRelatedMenuOnOutsideClick);
+			else document.removeEventListener("mousedown", closeRelatedMenuOnOutsideClick);
+		});
+		/** Hop to a related collection's detail page (same nav as the index cards). */
+		function gotoRelated(slug) {
+			relatedMenuOpen.value = false;
+			cui.gotoDetail("collection", slug);
+		}
 		/** Build the chat seed text for the current view.
 		*
 		*  A collection IS a skill, so its slug doubles as a slash command:
@@ -5564,6 +5727,10 @@ var CollectionView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 				kanbanOverride.value = null;
 				addMenuOpen.value = false;
 				filterMenuOpen.value = false;
+				relatedMenuOpen.value = false;
+				relatedList.value = null;
+				relatedFetchedSlug.value = null;
+				relatedLoading.value = false;
 				sortState.value = storedSortFor(slug);
 				flagFilters.value = storedFlagFiltersFor(slug);
 			}
@@ -5615,6 +5782,7 @@ var CollectionView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 			if (refreshNoteTimer !== void 0) clearTimeout(refreshNoteTimer);
 			document.removeEventListener("mousedown", closeAddMenuOnOutsideClick);
 			document.removeEventListener("mousedown", closeFilterMenuOnOutsideClick);
+			document.removeEventListener("mousedown", closeRelatedMenuOnOutsideClick);
 		});
 		(0, vue.watch)([
 			activeView,
@@ -5687,6 +5855,35 @@ var CollectionView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 						"data-testid": "collections-chat",
 						onClick: openChat
 					}, [_cache[30] || (_cache[30] = (0, vue.createElementVNode)("span", { class: "material-icons text-sm" }, "forum", -1)), (0, vue.createElementVNode)("span", null, (0, vue.toDisplayString)((0, vue.unref)(t)("collectionsView.chat")), 1)])) : (0, vue.createCommentVNode)("", true),
+					showRelatedMenu.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", {
+						key: 5,
+						ref_key: "relatedMenuRef",
+						ref: relatedMenuRef,
+						class: "relative"
+					}, [(0, vue.createElementVNode)("button", {
+						type: "button",
+						class: "h-8 px-2.5 flex items-center gap-1 rounded border border-indigo-200 bg-white hover:bg-indigo-50 text-indigo-600 font-bold text-xs transition-colors",
+						"aria-expanded": relatedMenuOpen.value,
+						"data-testid": "collections-related-menu",
+						onClick: toggleRelatedMenu
+					}, [_cache[31] || (_cache[31] = (0, vue.createElementVNode)("span", { class: "material-icons text-sm" }, "hub", -1)), (0, vue.createElementVNode)("span", null, (0, vue.toDisplayString)((0, vue.unref)(t)("collectionsView.related")), 1)], 8, _hoisted_13$4), relatedMenuOpen.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_14$4, [relatedLoading.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_15$4, [_cache[32] || (_cache[32] = (0, vue.createElementVNode)("span", { class: "material-icons text-sm animate-spin" }, "hourglass_empty", -1)), (0, vue.createElementVNode)("span", null, (0, vue.toDisplayString)((0, vue.unref)(t)("common.loading")), 1)])) : relatedItems.value.length === 0 ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_16$4, (0, vue.toDisplayString)((0, vue.unref)(t)("collectionsView.relatedEmpty")), 1)) : (0, vue.createCommentVNode)("", true), ((0, vue.openBlock)(true), (0, vue.createElementBlock)(vue.Fragment, null, (0, vue.renderList)(relatedItems.value, (related) => {
+						return (0, vue.openBlock)(), (0, vue.createElementBlock)("button", {
+							key: related.slug,
+							type: "button",
+							class: "w-full h-8 px-3 flex items-center gap-2 text-xs text-slate-600 hover:bg-slate-50 transition-colors",
+							"data-testid": `collections-related-item-${related.slug}`,
+							onClick: ($event) => gotoRelated(related.slug)
+						}, [
+							(0, vue.createElementVNode)("span", _hoisted_18$4, (0, vue.toDisplayString)(related.icon), 1),
+							(0, vue.createElementVNode)("span", _hoisted_19$3, (0, vue.toDisplayString)(related.title), 1),
+							(0, vue.createElementVNode)("span", {
+								class: "material-icons text-sm text-slate-400",
+								title: relatedDirectionLabel(related.direction),
+								"aria-label": relatedDirectionLabel(related.direction),
+								role: "img"
+							}, (0, vue.toDisplayString)(relatedDirectionIcon(related.direction)), 9, _hoisted_20$3)
+						], 8, _hoisted_17$4);
+					}), 128))])) : (0, vue.createCommentVNode)("", true)], 512)) : (0, vue.createCommentVNode)("", true),
 					((0, vue.openBlock)(true), (0, vue.createElementBlock)(vue.Fragment, null, (0, vue.renderList)(collectionActions.value, (action) => {
 						return (0, vue.openBlock)(), (0, vue.createElementBlock)("button", {
 							key: action.id,
@@ -5695,52 +5892,52 @@ var CollectionView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 							disabled: collectionActionPending.value || isActionRunning(action.id),
 							"data-testid": `collections-action-${action.id}`,
 							onClick: ($event) => runCollectionAction(action)
-						}, [isActionRunning(action.id) ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_14$4, "progress_activity")) : action.icon ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_15$4, (0, vue.toDisplayString)(action.icon), 1)) : (0, vue.createCommentVNode)("", true), (0, vue.createElementVNode)("span", null, (0, vue.toDisplayString)(action.label), 1)], 8, _hoisted_13$4);
+						}, [isActionRunning(action.id) ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_22$3, "progress_activity")) : action.icon ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_23$2, (0, vue.toDisplayString)(action.icon), 1)) : (0, vue.createCommentVNode)("", true), (0, vue.createElementVNode)("span", null, (0, vue.toDisplayString)(action.label), 1)], 8, _hoisted_21$3);
 					}), 128)),
 					canCreate.value && !calendarActive.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("button", {
-						key: 5,
+						key: 6,
 						type: "button",
 						class: "h-8 px-2.5 flex items-center gap-1 rounded bg-indigo-600 hover:bg-indigo-700 text-white font-bold text-xs transition-colors shadow-sm",
 						"data-testid": "collections-add-item",
 						onClick: openCreate
-					}, [_cache[31] || (_cache[31] = (0, vue.createElementVNode)("span", { class: "material-icons text-sm" }, "add", -1)), (0, vue.createElementVNode)("span", null, (0, vue.toDisplayString)((0, vue.unref)(t)("common.add")), 1)])) : (0, vue.createCommentVNode)("", true),
+					}, [_cache[33] || (_cache[33] = (0, vue.createElementVNode)("span", { class: "material-icons text-sm" }, "add", -1)), (0, vue.createElementVNode)("span", null, (0, vue.toDisplayString)((0, vue.unref)(t)("common.add")), 1)])) : (0, vue.createCommentVNode)("", true),
 					canDeleteCollection.value && !embedded.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("button", {
-						key: 6,
+						key: 7,
 						type: "button",
 						class: "h-8 w-8 flex items-center justify-center rounded border border-rose-200 bg-white text-rose-600 hover:bg-rose-50 transition-colors",
 						title: (0, vue.unref)(t)("collectionsView.deleteCollection"),
 						"aria-label": (0, vue.unref)(t)("collectionsView.deleteCollection"),
 						"data-testid": "collections-delete",
 						onClick: confirmCollectionDelete
-					}, [..._cache[32] || (_cache[32] = [(0, vue.createElementVNode)("span", { class: "material-icons text-sm" }, "delete_forever", -1)])], 8, _hoisted_16$4)) : (0, vue.createCommentVNode)("", true),
+					}, [..._cache[34] || (_cache[34] = [(0, vue.createElementVNode)("span", { class: "material-icons text-sm" }, "delete_forever", -1)])], 8, _hoisted_24$1)) : (0, vue.createCommentVNode)("", true),
 					canDeleteFeed.value && !embedded.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("button", {
-						key: 7,
+						key: 8,
 						type: "button",
 						class: "h-8 w-8 flex items-center justify-center rounded border border-rose-200 bg-white text-rose-600 hover:bg-rose-50 transition-colors",
 						title: (0, vue.unref)(t)("collectionsView.deleteFeed"),
 						"aria-label": (0, vue.unref)(t)("collectionsView.deleteFeed"),
 						"data-testid": "feeds-delete",
 						onClick: confirmFeedDelete
-					}, [..._cache[33] || (_cache[33] = [(0, vue.createElementVNode)("span", { class: "material-icons text-sm" }, "delete_forever", -1)])], 8, _hoisted_17$4)) : (0, vue.createCommentVNode)("", true)
+					}, [..._cache[35] || (_cache[35] = [(0, vue.createElementVNode)("span", { class: "material-icons text-sm" }, "delete_forever", -1)])], 8, _hoisted_25$1)) : (0, vue.createCommentVNode)("", true)
 				])) : (0, vue.createCommentVNode)("", true),
-				refreshNote.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_18$4, [_cache[34] || (_cache[34] = (0, vue.createElementVNode)("span", { class: "material-icons text-base text-indigo-600" }, "hourglass_top", -1)), (0, vue.createElementVNode)("span", _hoisted_19$3, (0, vue.toDisplayString)(refreshNote.value), 1)])) : (0, vue.createCommentVNode)("", true),
-				collection.value && (!__props.hideSearch && items.value.length > 0 || !__props.hideViewToggle && (hasCalendar.value || hasKanban.value || hasCustomViews.value || canAddCustomView.value)) ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_20$3, [!__props.hideSearch && items.value.length > 0 ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_21$3, [
-					_cache[36] || (_cache[36] = (0, vue.createElementVNode)("span", { class: "absolute inset-y-0 left-0 flex items-center pl-3 text-slate-400 pointer-events-none" }, [(0, vue.createElementVNode)("span", { class: "material-icons text-lg" }, "search")], -1)),
+				refreshNote.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_26$1, [_cache[36] || (_cache[36] = (0, vue.createElementVNode)("span", { class: "material-icons text-base text-indigo-600" }, "hourglass_top", -1)), (0, vue.createElementVNode)("span", _hoisted_27$1, (0, vue.toDisplayString)(refreshNote.value), 1)])) : (0, vue.createCommentVNode)("", true),
+				collection.value && (!__props.hideSearch && items.value.length > 0 || !__props.hideViewToggle && (hasCalendar.value || hasKanban.value || hasCustomViews.value || canAddCustomView.value)) ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_28, [!__props.hideSearch && items.value.length > 0 ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_29, [
+					_cache[38] || (_cache[38] = (0, vue.createElementVNode)("span", { class: "absolute inset-y-0 left-0 flex items-center pl-3 text-slate-400 pointer-events-none" }, [(0, vue.createElementVNode)("span", { class: "material-icons text-lg" }, "search")], -1)),
 					(0, vue.withDirectives)((0, vue.createElementVNode)("input", {
 						"onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => searchQuery.value = $event),
 						type: "text",
 						placeholder: (0, vue.unref)(t)("collectionsView.searchPlaceholder"),
 						"aria-label": (0, vue.unref)(t)("collectionsView.searchPlaceholder"),
 						class: "w-full bg-slate-50 border border-slate-200/80 rounded-xl pl-9 pr-8 py-1.5 text-xs placeholder-slate-400 focus:outline-none focus:ring-2 focus:ring-indigo-500/20 focus:border-indigo-500 focus:bg-white transition-all font-medium"
-					}, null, 8, _hoisted_22$3), [[vue.vModelText, searchQuery.value]]),
+					}, null, 8, _hoisted_30), [[vue.vModelText, searchQuery.value]]),
 					searchQuery.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("button", {
 						key: 0,
 						type: "button",
 						"aria-label": (0, vue.unref)(t)("collectionsView.clearSearch"),
 						class: "absolute inset-y-0 right-0 flex items-center pr-2.5 text-slate-400 hover:text-slate-600",
 						onClick: _cache[2] || (_cache[2] = ($event) => searchQuery.value = "")
-					}, [..._cache[35] || (_cache[35] = [(0, vue.createElementVNode)("span", { class: "material-icons text-sm" }, "close", -1)])], 8, _hoisted_23$2)) : (0, vue.createCommentVNode)("", true)
-				])) : (0, vue.createCommentVNode)("", true), (0, vue.createElementVNode)("div", _hoisted_24$1, [
+					}, [..._cache[37] || (_cache[37] = [(0, vue.createElementVNode)("span", { class: "material-icons text-sm" }, "close", -1)])], 8, _hoisted_31)) : (0, vue.createCommentVNode)("", true)
+				])) : (0, vue.createCommentVNode)("", true), (0, vue.createElementVNode)("div", _hoisted_32, [
 					activeView.value === "table" && flagChips.value.length > 0 && items.value.length > 0 ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", {
 						key: 0,
 						ref_key: "filterMenuRef",
@@ -5754,13 +5951,13 @@ var CollectionView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 						"data-testid": "collections-filter-menu",
 						onClick: _cache[3] || (_cache[3] = ($event) => filterMenuOpen.value = !filterMenuOpen.value)
 					}, [
-						_cache[37] || (_cache[37] = (0, vue.createElementVNode)("span", {
+						_cache[39] || (_cache[39] = (0, vue.createElementVNode)("span", {
 							class: "material-icons text-sm",
 							"aria-hidden": "true"
 						}, "filter_alt", -1)),
 						(0, vue.createElementVNode)("span", null, (0, vue.toDisplayString)((0, vue.unref)(t)("collectionsView.flagFilterButton")), 1),
-						activeFlagFilterCount.value > 0 ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_26$1, (0, vue.toDisplayString)(activeFlagFilterCount.value), 1)) : (0, vue.createCommentVNode)("", true)
-					], 10, _hoisted_25$1), filterMenuOpen.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", {
+						activeFlagFilterCount.value > 0 ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_34, (0, vue.toDisplayString)(activeFlagFilterCount.value), 1)) : (0, vue.createCommentVNode)("", true)
+					], 10, _hoisted_33), filterMenuOpen.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", {
 						key: 0,
 						class: "absolute left-0 top-full mt-1 z-20 min-w-max rounded border border-slate-200 bg-white shadow-lg py-1",
 						role: "group",
@@ -5779,8 +5976,8 @@ var CollectionView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 						}, [(0, vue.createElementVNode)("span", {
 							class: (0, vue.normalizeClass)(["material-icons text-sm", flagChipIconClass(chip.key)]),
 							"aria-hidden": "true"
-						}, (0, vue.toDisplayString)(flagChipIcon(chip.key)), 3), (0, vue.createElementVNode)("span", _hoisted_29, (0, vue.toDisplayString)(chip.label), 1)], 10, _hoisted_28);
-					}), 128))], 8, _hoisted_27$1)) : (0, vue.createCommentVNode)("", true)], 512)) : (0, vue.createCommentVNode)("", true),
+						}, (0, vue.toDisplayString)(flagChipIcon(chip.key)), 3), (0, vue.createElementVNode)("span", _hoisted_37, (0, vue.toDisplayString)(chip.label), 1)], 10, _hoisted_36);
+					}), 128))], 8, _hoisted_35)) : (0, vue.createCommentVNode)("", true)], 512)) : (0, vue.createCommentVNode)("", true),
 					!__props.hideViewToggle && (hasCalendar.value || hasKanban.value || hasCustomViews.value || canAddCustomView.value) ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", {
 						key: 1,
 						class: "flex gap-0.5",
@@ -5793,7 +5990,7 @@ var CollectionView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 							"aria-pressed": activeView.value === "table",
 							"data-testid": "collection-view-toggle-table",
 							onClick: _cache[4] || (_cache[4] = ($event) => setView("table"))
-						}, [_cache[38] || (_cache[38] = (0, vue.createElementVNode)("span", { class: "material-icons text-sm" }, "table_rows", -1)), (0, vue.createElementVNode)("span", null, (0, vue.toDisplayString)((0, vue.unref)(t)("collectionsView.viewTable")), 1)], 10, _hoisted_31),
+						}, [_cache[40] || (_cache[40] = (0, vue.createElementVNode)("span", { class: "material-icons text-sm" }, "table_rows", -1)), (0, vue.createElementVNode)("span", null, (0, vue.toDisplayString)((0, vue.unref)(t)("collectionsView.viewTable")), 1)], 10, _hoisted_39),
 						hasCalendar.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("button", {
 							key: 0,
 							type: "button",
@@ -5801,7 +5998,7 @@ var CollectionView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 							"aria-pressed": activeView.value === "calendar",
 							"data-testid": "collection-view-toggle-calendar",
 							onClick: _cache[5] || (_cache[5] = ($event) => setView("calendar"))
-						}, [_cache[39] || (_cache[39] = (0, vue.createElementVNode)("span", { class: "material-icons text-sm" }, "calendar_month", -1)), (0, vue.createElementVNode)("span", null, (0, vue.toDisplayString)((0, vue.unref)(t)("collectionsView.viewCalendar")), 1)], 10, _hoisted_32)) : (0, vue.createCommentVNode)("", true),
+						}, [_cache[41] || (_cache[41] = (0, vue.createElementVNode)("span", { class: "material-icons text-sm" }, "calendar_month", -1)), (0, vue.createElementVNode)("span", null, (0, vue.toDisplayString)((0, vue.unref)(t)("collectionsView.viewCalendar")), 1)], 10, _hoisted_40)) : (0, vue.createCommentVNode)("", true),
 						hasKanban.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("button", {
 							key: 1,
 							type: "button",
@@ -5809,7 +6006,7 @@ var CollectionView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 							"aria-pressed": activeView.value === "kanban",
 							"data-testid": "collection-view-toggle-kanban",
 							onClick: _cache[6] || (_cache[6] = ($event) => setView("kanban"))
-						}, [_cache[40] || (_cache[40] = (0, vue.createElementVNode)("span", { class: "material-icons text-sm" }, "view_kanban", -1)), (0, vue.createElementVNode)("span", null, (0, vue.toDisplayString)((0, vue.unref)(t)("collectionsView.viewKanban")), 1)], 10, _hoisted_33)) : (0, vue.createCommentVNode)("", true),
+						}, [_cache[42] || (_cache[42] = (0, vue.createElementVNode)("span", { class: "material-icons text-sm" }, "view_kanban", -1)), (0, vue.createElementVNode)("span", null, (0, vue.toDisplayString)((0, vue.unref)(t)("collectionsView.viewKanban")), 1)], 10, _hoisted_41)) : (0, vue.createCommentVNode)("", true),
 						((0, vue.openBlock)(true), (0, vue.createElementBlock)(vue.Fragment, null, (0, vue.renderList)(customViews.value, (cv) => {
 							return (0, vue.openBlock)(), (0, vue.createElementBlock)("button", {
 								key: cv.id,
@@ -5818,7 +6015,7 @@ var CollectionView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 								"aria-pressed": activeView.value === (0, vue.unref)(customViewKey)(cv.id),
 								"data-testid": `collection-view-custom-${cv.id}`,
 								onClick: ($event) => setCustomView(cv.id)
-							}, [(0, vue.createElementVNode)("span", _hoisted_35, (0, vue.toDisplayString)(cv.icon || (cv.target === "mobile" ? "smartphone" : "dashboard_customize")), 1), (0, vue.createElementVNode)("span", null, (0, vue.toDisplayString)(cv.label), 1)], 10, _hoisted_34);
+							}, [(0, vue.createElementVNode)("span", _hoisted_43, (0, vue.toDisplayString)(cv.icon || (cv.target === "mobile" ? "smartphone" : "dashboard_customize")), 1), (0, vue.createElementVNode)("span", null, (0, vue.toDisplayString)(cv.label), 1)], 10, _hoisted_42);
 						}), 128)),
 						canAddCustomView.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", {
 							key: 2,
@@ -5833,17 +6030,17 @@ var CollectionView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 							"aria-expanded": addMenuOpen.value,
 							"data-testid": "collection-view-add",
 							onClick: onAddViewClick
-						}, [..._cache[41] || (_cache[41] = [(0, vue.createElementVNode)("span", { class: "material-icons text-sm" }, "add", -1)])], 8, _hoisted_36), addMenuOpen.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_37, [(0, vue.createElementVNode)("button", {
+						}, [..._cache[43] || (_cache[43] = [(0, vue.createElementVNode)("span", { class: "material-icons text-sm" }, "add", -1)])], 8, _hoisted_44), addMenuOpen.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_45, [(0, vue.createElementVNode)("button", {
 							type: "button",
 							class: "w-full h-8 px-3 flex items-center gap-2 text-xs font-bold text-slate-600 hover:bg-slate-50",
 							"data-testid": "collection-view-add-desktop",
 							onClick: _cache[7] || (_cache[7] = ($event) => addCustomView("desktop"))
-						}, [_cache[42] || (_cache[42] = (0, vue.createElementVNode)("span", { class: "material-icons text-sm" }, "dashboard_customize", -1)), (0, vue.createElementVNode)("span", null, (0, vue.toDisplayString)((0, vue.unref)(t)("collectionsView.addViewDesktop")), 1)]), (0, vue.createElementVNode)("button", {
+						}, [_cache[44] || (_cache[44] = (0, vue.createElementVNode)("span", { class: "material-icons text-sm" }, "dashboard_customize", -1)), (0, vue.createElementVNode)("span", null, (0, vue.toDisplayString)((0, vue.unref)(t)("collectionsView.addViewDesktop")), 1)]), (0, vue.createElementVNode)("button", {
 							type: "button",
 							class: "w-full h-8 px-3 flex items-center gap-2 text-xs font-bold text-slate-600 hover:bg-slate-50",
 							"data-testid": "collection-view-add-mobile",
 							onClick: _cache[8] || (_cache[8] = ($event) => addCustomView("mobile"))
-						}, [_cache[43] || (_cache[43] = (0, vue.createElementVNode)("span", { class: "material-icons text-sm" }, "smartphone", -1)), (0, vue.createElementVNode)("span", null, (0, vue.toDisplayString)((0, vue.unref)(t)("collectionsView.addViewMobile")), 1)])])) : (0, vue.createCommentVNode)("", true)], 512)) : (0, vue.createCommentVNode)("", true),
+						}, [_cache[45] || (_cache[45] = (0, vue.createElementVNode)("span", { class: "material-icons text-sm" }, "smartphone", -1)), (0, vue.createElementVNode)("span", null, (0, vue.toDisplayString)((0, vue.unref)(t)("collectionsView.addViewMobile")), 1)])])) : (0, vue.createCommentVNode)("", true)], 512)) : (0, vue.createCommentVNode)("", true),
 						canConfigureViews.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("button", {
 							key: 3,
 							type: "button",
@@ -5852,8 +6049,8 @@ var CollectionView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 							"aria-label": (0, vue.unref)(t)("collectionsView.config.open"),
 							"data-testid": "collection-config-open",
 							onClick: _cache[9] || (_cache[9] = ($event) => configOpen.value = true)
-						}, [..._cache[44] || (_cache[44] = [(0, vue.createElementVNode)("span", { class: "material-icons text-sm" }, "settings", -1)])], 8, _hoisted_38)) : (0, vue.createCommentVNode)("", true)
-					], 8, _hoisted_30)) : (0, vue.createCommentVNode)("", true),
+						}, [..._cache[46] || (_cache[46] = [(0, vue.createElementVNode)("span", { class: "material-icons text-sm" }, "settings", -1)])], 8, _hoisted_46)) : (0, vue.createCommentVNode)("", true)
+					], 8, _hoisted_38)) : (0, vue.createCommentVNode)("", true),
 					calendarActive.value && dateFields.value.length > 1 ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("select", {
 						key: 2,
 						value: calendarAnchorField.value,
@@ -5865,8 +6062,8 @@ var CollectionView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 						return (0, vue.openBlock)(), (0, vue.createElementBlock)("option", {
 							key,
 							value: key
-						}, (0, vue.toDisplayString)(collection.value?.schema.fields[key]?.label ?? key), 9, _hoisted_40);
-					}), 128))], 40, _hoisted_39)) : (0, vue.createCommentVNode)("", true),
+						}, (0, vue.toDisplayString)(collection.value?.schema.fields[key]?.label ?? key), 9, _hoisted_48);
+					}), 128))], 40, _hoisted_47)) : (0, vue.createCommentVNode)("", true),
 					kanbanActive.value && enumFields.value.length > 1 ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("select", {
 						key: 3,
 						value: kanbanGroupField.value,
@@ -5878,24 +6075,24 @@ var CollectionView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 						return (0, vue.openBlock)(), (0, vue.createElementBlock)("option", {
 							key,
 							value: key
-						}, (0, vue.toDisplayString)(collection.value?.schema.fields[key]?.label ?? key), 9, _hoisted_42);
-					}), 128))], 40, _hoisted_41)) : (0, vue.createCommentVNode)("", true),
-					items.value.length > 0 ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_43, (0, vue.toDisplayString)((0, vue.unref)(t)("collectionsView.searchSummary", {
+						}, (0, vue.toDisplayString)(collection.value?.schema.fields[key]?.label ?? key), 9, _hoisted_50);
+					}), 128))], 40, _hoisted_49)) : (0, vue.createCommentVNode)("", true),
+					items.value.length > 0 ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_51, (0, vue.toDisplayString)((0, vue.unref)(t)("collectionsView.searchSummary", {
 						shown: activeView.value === "table" ? tableFilteredItems.value.length : filteredItems.value.length,
 						total: items.value.length
 					})), 1)) : (0, vue.createCommentVNode)("", true)
 				])])) : (0, vue.createCommentVNode)("", true),
-				collection.value && dataIssues.value.length > 0 ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_44, [
-					_cache[46] || (_cache[46] = (0, vue.createElementVNode)("span", { class: "material-icons text-amber-600" }, "warning", -1)),
-					(0, vue.createElementVNode)("span", _hoisted_45, (0, vue.toDisplayString)((0, vue.unref)(t)("collectionsView.dataIssuesDetected", { count: dataIssues.value.length })), 1),
+				collection.value && dataIssues.value.length > 0 ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_52, [
+					_cache[48] || (_cache[48] = (0, vue.createElementVNode)("span", { class: "material-icons text-amber-600" }, "warning", -1)),
+					(0, vue.createElementVNode)("span", _hoisted_53, (0, vue.toDisplayString)((0, vue.unref)(t)("collectionsView.dataIssuesDetected", { count: dataIssues.value.length })), 1),
 					(0, vue.createElementVNode)("button", {
 						type: "button",
 						class: "h-8 px-2.5 flex items-center gap-1 rounded border border-amber-300 bg-white hover:bg-amber-100 text-amber-700 font-bold text-xs transition-colors",
 						"data-testid": "collections-repair",
 						onClick: repairCollection
-					}, [_cache[45] || (_cache[45] = (0, vue.createElementVNode)("span", { class: "material-icons text-sm" }, "build", -1)), (0, vue.createElementVNode)("span", null, (0, vue.toDisplayString)((0, vue.unref)(t)("collectionsView.repair")), 1)])
+					}, [_cache[47] || (_cache[47] = (0, vue.createElementVNode)("span", { class: "material-icons text-sm" }, "build", -1)), (0, vue.createElementVNode)("span", null, (0, vue.toDisplayString)((0, vue.unref)(t)("collectionsView.repair")), 1)])
 				])) : (0, vue.createCommentVNode)("", true),
-				(0, vue.createElementVNode)("div", _hoisted_46, [loading.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_47, [_cache[47] || (_cache[47] = (0, vue.createElementVNode)("div", { class: "h-8 w-8 border-2 border-indigo-600/20 border-t-indigo-600 rounded-full animate-spin" }, null, -1)), (0, vue.createElementVNode)("span", null, (0, vue.toDisplayString)((0, vue.unref)(t)("common.loading")), 1)])) : loadError.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_48, [_cache[48] || (_cache[48] = (0, vue.createElementVNode)("span", { class: "material-icons text-red-600" }, "error", -1)), (0, vue.createElementVNode)("span", null, (0, vue.toDisplayString)(loadError.value === "not-found" ? (0, vue.unref)(t)("collectionsView.notFound") : `${(0, vue.unref)(t)("collectionsView.loadFailed")}: ${loadError.value}`), 1)])) : !collection.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_49)) : calendarActive.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_50, [(0, vue.createVNode)(CollectionCalendarView_default, {
+				(0, vue.createElementVNode)("div", _hoisted_54, [loading.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_55, [_cache[49] || (_cache[49] = (0, vue.createElementVNode)("div", { class: "h-8 w-8 border-2 border-indigo-600/20 border-t-indigo-600 rounded-full animate-spin" }, null, -1)), (0, vue.createElementVNode)("span", null, (0, vue.toDisplayString)((0, vue.unref)(t)("common.loading")), 1)])) : loadError.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_56, [_cache[50] || (_cache[50] = (0, vue.createElementVNode)("span", { class: "material-icons text-red-600" }, "error", -1)), (0, vue.createElementVNode)("span", null, (0, vue.toDisplayString)(loadError.value === "not-found" ? (0, vue.unref)(t)("collectionsView.notFound") : `${(0, vue.unref)(t)("collectionsView.loadFailed")}: ${loadError.value}`), 1)])) : !collection.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_57)) : calendarActive.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_58, [(0, vue.createVNode)(CollectionCalendarView_default, {
 					schema: collection.value.schema,
 					items: filteredItems.value,
 					"anchor-field": calendarAnchorField.value,
@@ -5984,16 +6181,16 @@ var CollectionView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 					"selected",
 					"can-create",
 					"show-detail"
-				])) : (0, vue.createCommentVNode)("", true)])) : kanbanActive.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_51, [inlineError.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_52, [
-					_cache[50] || (_cache[50] = (0, vue.createElementVNode)("span", { class: "material-icons text-red-600" }, "error", -1)),
-					(0, vue.createElementVNode)("span", _hoisted_53, (0, vue.toDisplayString)((0, vue.unref)(t)("collectionsView.inlineSaveFailed", { error: inlineError.value })), 1),
+				])) : (0, vue.createCommentVNode)("", true)])) : kanbanActive.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_59, [inlineError.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_60, [
+					_cache[52] || (_cache[52] = (0, vue.createElementVNode)("span", { class: "material-icons text-red-600" }, "error", -1)),
+					(0, vue.createElementVNode)("span", _hoisted_61, (0, vue.toDisplayString)((0, vue.unref)(t)("collectionsView.inlineSaveFailed", { error: inlineError.value })), 1),
 					(0, vue.createElementVNode)("button", {
 						type: "button",
 						class: "h-8 w-8 flex items-center justify-center rounded text-red-600 hover:bg-red-100",
 						"aria-label": (0, vue.unref)(t)("common.close"),
 						onClick: _cache[14] || (_cache[14] = ($event) => inlineError.value = null)
-					}, [..._cache[49] || (_cache[49] = [(0, vue.createElementVNode)("span", { class: "material-icons text-base" }, "close", -1)])], 8, _hoisted_54)
-				])) : (0, vue.createCommentVNode)("", true), (0, vue.createElementVNode)("div", _hoisted_55, [(0, vue.createVNode)(CollectionKanbanView_default, {
+					}, [..._cache[51] || (_cache[51] = [(0, vue.createElementVNode)("span", { class: "material-icons text-base" }, "close", -1)])], 8, _hoisted_62)
+				])) : (0, vue.createCommentVNode)("", true), (0, vue.createElementVNode)("div", _hoisted_63, [(0, vue.createVNode)(CollectionKanbanView_default, {
 					schema: collection.value.schema,
 					items: filteredItems.value,
 					"group-field": kanbanGroupField.value,
@@ -6009,7 +6206,7 @@ var CollectionView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 					"selected",
 					"notified",
 					"readonly"
-				])])])) : activeCustomView.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_56, [activeCustomView.value.target === "mobile" ? ((0, vue.openBlock)(), (0, vue.createBlock)(CollectionRemoteViewPreview_default, {
+				])])])) : activeCustomView.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_64, [activeCustomView.value.target === "mobile" ? ((0, vue.openBlock)(), (0, vue.createBlock)(CollectionRemoteViewPreview_default, {
 					key: 0,
 					slug: collection.value.slug,
 					view: activeCustomView.value,
@@ -6020,32 +6217,32 @@ var CollectionView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 					view: activeCustomView.value,
 					onOpenItem: onCustomViewOpenItem,
 					onStartChat: onCustomViewStartChat
-				}, null, 8, ["slug", "view"]))])) : items.value.length === 0 && editing.value?.mode !== "create" ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_57, [_cache[51] || (_cache[51] = (0, vue.createElementVNode)("span", { class: "material-icons text-4xl text-slate-300" }, "folder_open", -1)), (0, vue.createElementVNode)("p", _hoisted_58, (0, vue.toDisplayString)((0, vue.unref)(t)(isReadOnly.value ? "collectionsView.itemsEmptyReadonly" : "collectionsView.itemsEmpty")), 1)])) : tableFilteredItems.value.length === 0 && editing.value?.mode !== "create" ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_59, [
-					_cache[52] || (_cache[52] = (0, vue.createElementVNode)("span", { class: "material-icons text-4xl text-slate-300" }, "search_off", -1)),
-					(0, vue.createElementVNode)("p", _hoisted_60, (0, vue.toDisplayString)((0, vue.unref)(t)("collectionsView.noMatchingItems")), 1),
+				}, null, 8, ["slug", "view"]))])) : items.value.length === 0 && editing.value?.mode !== "create" ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_65, [_cache[53] || (_cache[53] = (0, vue.createElementVNode)("span", { class: "material-icons text-4xl text-slate-300" }, "folder_open", -1)), (0, vue.createElementVNode)("p", _hoisted_66, (0, vue.toDisplayString)((0, vue.unref)(t)(isReadOnly.value ? "collectionsView.itemsEmptyReadonly" : "collectionsView.itemsEmpty")), 1)])) : tableFilteredItems.value.length === 0 && editing.value?.mode !== "create" ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_67, [
+					_cache[54] || (_cache[54] = (0, vue.createElementVNode)("span", { class: "material-icons text-4xl text-slate-300" }, "search_off", -1)),
+					(0, vue.createElementVNode)("p", _hoisted_68, (0, vue.toDisplayString)((0, vue.unref)(t)("collectionsView.noMatchingItems")), 1),
 					(0, vue.createElementVNode)("button", {
 						type: "button",
 						class: "text-xs text-indigo-600 font-semibold hover:underline",
 						onClick: _cache[15] || (_cache[15] = ($event) => (searchQuery.value = "", flagFilters.value = {}))
 					}, (0, vue.toDisplayString)((0, vue.unref)(t)("collectionsView.clearSearch")), 1)
-				])) : ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_61, [inlineError.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_62, [
-					_cache[54] || (_cache[54] = (0, vue.createElementVNode)("span", { class: "material-icons text-red-600" }, "error", -1)),
-					(0, vue.createElementVNode)("span", _hoisted_63, (0, vue.toDisplayString)((0, vue.unref)(t)("collectionsView.inlineSaveFailed", { error: inlineError.value })), 1),
+				])) : ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_69, [inlineError.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_70, [
+					_cache[56] || (_cache[56] = (0, vue.createElementVNode)("span", { class: "material-icons text-red-600" }, "error", -1)),
+					(0, vue.createElementVNode)("span", _hoisted_71, (0, vue.toDisplayString)((0, vue.unref)(t)("collectionsView.inlineSaveFailed", { error: inlineError.value })), 1),
 					(0, vue.createElementVNode)("button", {
 						type: "button",
 						class: "h-8 w-8 flex items-center justify-center rounded text-red-600 hover:bg-red-100",
 						"aria-label": (0, vue.unref)(t)("common.close"),
 						onClick: _cache[16] || (_cache[16] = ($event) => inlineError.value = null)
-					}, [..._cache[53] || (_cache[53] = [(0, vue.createElementVNode)("span", { class: "material-icons text-base" }, "close", -1)])], 8, _hoisted_64)
-				])) : (0, vue.createCommentVNode)("", true), (0, vue.createElementVNode)("table", _hoisted_65, [(0, vue.createElementVNode)("thead", null, [(0, vue.createElementVNode)("tr", _hoisted_66, [((0, vue.openBlock)(true), (0, vue.createElementBlock)(vue.Fragment, null, (0, vue.renderList)(listColumnFields.value, ([key, field]) => {
+					}, [..._cache[55] || (_cache[55] = [(0, vue.createElementVNode)("span", { class: "material-icons text-base" }, "close", -1)])], 8, _hoisted_72)
+				])) : (0, vue.createCommentVNode)("", true), (0, vue.createElementVNode)("table", _hoisted_73, [(0, vue.createElementVNode)("thead", null, [(0, vue.createElementVNode)("tr", _hoisted_74, [((0, vue.openBlock)(true), (0, vue.createElementBlock)(vue.Fragment, null, (0, vue.renderList)(listColumnFields.value, ([key, field]) => {
 					return (0, vue.openBlock)(), (0, vue.createElementBlock)("th", {
 						key,
 						"aria-sort": (0, vue.unref)(_mulmoclaude_core_collection.isSortableField)(field) ? sortAriaValue(key) : void 0,
 						class: "px-5 py-3 font-bold text-slate-500 text-left uppercase tracking-wider whitespace-nowrap"
-					}, [(0, vue.createElementVNode)("div", _hoisted_68, [(0, vue.createElementVNode)("span", {
+					}, [(0, vue.createElementVNode)("div", _hoisted_76, [(0, vue.createElementVNode)("span", {
 						class: "truncate max-w-[14rem]",
 						title: field.label
-					}, (0, vue.toDisplayString)(field.label), 9, _hoisted_69), (0, vue.unref)(_mulmoclaude_core_collection.isSortableField)(field) ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("button", {
+					}, (0, vue.toDisplayString)(field.label), 9, _hoisted_77), (0, vue.unref)(_mulmoclaude_core_collection.isSortableField)(field) ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("button", {
 						key: 0,
 						type: "button",
 						class: (0, vue.normalizeClass)(["inline-flex items-center justify-center rounded p-0.5 -my-1 leading-none transition-colors", sortButtonClass(key)]),
@@ -6054,8 +6251,8 @@ var CollectionView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 						onClick: (0, vue.withModifiers)(($event) => cycleSort(key), ["stop"]),
 						onPointerenter: ($event) => hoveredSortKey.value = key,
 						onPointerleave: _cache[17] || (_cache[17] = ($event) => hoveredSortKey.value = null)
-					}, [(0, vue.createElementVNode)("span", _hoisted_71, (0, vue.toDisplayString)(sortIconName(key)), 1)], 42, _hoisted_70)) : (0, vue.createCommentVNode)("", true)])], 8, _hoisted_67);
-				}), 128))])]), (0, vue.createElementVNode)("tbody", _hoisted_72, [((0, vue.openBlock)(true), (0, vue.createElementBlock)(vue.Fragment, null, (0, vue.renderList)(sortedItems.value, (item) => {
+					}, [(0, vue.createElementVNode)("span", _hoisted_79, (0, vue.toDisplayString)(sortIconName(key)), 1)], 42, _hoisted_78)) : (0, vue.createCommentVNode)("", true)])], 8, _hoisted_75);
+				}), 128))])]), (0, vue.createElementVNode)("tbody", _hoisted_80, [((0, vue.openBlock)(true), (0, vue.createElementBlock)(vue.Fragment, null, (0, vue.renderList)(sortedItems.value, (item) => {
 					return (0, vue.openBlock)(), (0, vue.createElementBlock)("tr", {
 						key: String(item[collection.value.schema.primaryKey] ?? ""),
 						class: (0, vue.normalizeClass)(["hover:bg-slate-50/70 cursor-pointer transition-colors focus:outline-none focus:bg-indigo-50/30", isRowOpen(item) || isEditingRow(item) ? "bg-indigo-50/40" : ""]),
@@ -6079,7 +6276,7 @@ var CollectionView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 							"aria-label": field.label,
 							onClick: _cache[18] || (_cache[18] = (0, vue.withModifiers)(() => {}, ["stop"])),
 							onChange: ($event) => commitToggle(item, field)
-						}, null, 40, _hoisted_74)) : field.type === "boolean" ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("input", {
+						}, null, 40, _hoisted_82)) : field.type === "boolean" ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("input", {
 							key: 1,
 							type: "checkbox",
 							checked: item[key] === true,
@@ -6089,13 +6286,13 @@ var CollectionView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 							"aria-label": field.label,
 							onClick: _cache[19] || (_cache[19] = (0, vue.withModifiers)(() => {}, ["stop"])),
 							onChange: ($event) => commitInlineEdit(item, String(key), field, $event.target.checked)
-						}, null, 40, _hoisted_75)) : field.type === "flag" ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", {
+						}, null, 40, _hoisted_83)) : field.type === "flag" ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", {
 							key: 2,
 							class: (0, vue.normalizeClass)(["material-icons text-lg align-middle", flagValueOf(String(key), item) ? "text-emerald-600" : "text-slate-300"]),
 							"data-testid": `collections-flag-${key}-${item[collection.value.schema.primaryKey]}`,
 							"aria-label": `${field.label}: ${(0, vue.unref)(t)(flagValueOf(String(key), item) ? "common.yes" : "common.no")}`,
 							role: "img"
-						}, (0, vue.toDisplayString)(flagValueOf(String(key), item) ? "check_circle" : "radio_button_unchecked"), 11, _hoisted_76)) : field.type === "ref" && field.to && typeof item[key] === "string" && item[key] ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_77, [(0, vue.createElementVNode)("a", {
+						}, (0, vue.toDisplayString)(flagValueOf(String(key), item) ? "check_circle" : "radio_button_unchecked"), 11, _hoisted_84)) : field.type === "ref" && field.to && typeof item[key] === "string" && item[key] ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_85, [(0, vue.createElementVNode)("a", {
 							href: (0, vue.unref)(cui).recordHref?.(field.to, String(item[key])),
 							tabindex: (0, vue.unref)(cui).recordHref?.(field.to, String(item[key])) ? void 0 : 0,
 							role: "link",
@@ -6103,7 +6300,7 @@ var CollectionView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 							"data-testid": `collections-ref-link-${key}-${item[key]}`,
 							onClick: ($event) => (0, vue.unref)(activateRefLink)($event, field.to, String(item[key]), true),
 							onKeydown: [(0, vue.withKeys)(($event) => (0, vue.unref)(activateRefLink)($event, field.to, String(item[key]), true), ["enter"]), (0, vue.withKeys)(($event) => (0, vue.unref)(activateRefLink)($event, field.to, String(item[key]), true), ["space"])]
-						}, (0, vue.toDisplayString)((0, vue.unref)(refDisplay)(field.to, String(item[key]))), 41, _hoisted_78)])) : field.type === "enum" && Array.isArray(field.values) && field.values.length > 0 ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("select", {
+						}, (0, vue.toDisplayString)((0, vue.unref)(refDisplay)(field.to, String(item[key]))), 41, _hoisted_86)])) : field.type === "enum" && Array.isArray(field.values) && field.values.length > 0 ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("select", {
 							key: 4,
 							value: item[key] == null ? "" : String(item[key]),
 							disabled: isReadOnly.value || isRowInlineSaving(item),
@@ -6112,16 +6309,16 @@ var CollectionView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 							"aria-label": field.label,
 							onClick: _cache[20] || (_cache[20] = (0, vue.withModifiers)(() => {}, ["stop"])),
 							onChange: ($event) => commitInlineEdit(item, String(key), field, $event.target.value)
-						}, [showEnumPlaceholder(item, String(key)) ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("option", _hoisted_80, (0, vue.toDisplayString)((0, vue.unref)(t)("collectionsView.selectPlaceholder")), 1)) : (0, vue.createCommentVNode)("", true), ((0, vue.openBlock)(true), (0, vue.createElementBlock)(vue.Fragment, null, (0, vue.renderList)(field.values, (value) => {
+						}, [showEnumPlaceholder(item, String(key)) ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("option", _hoisted_88, (0, vue.toDisplayString)((0, vue.unref)(t)("collectionsView.selectPlaceholder")), 1)) : (0, vue.createCommentVNode)("", true), ((0, vue.openBlock)(true), (0, vue.createElementBlock)(vue.Fragment, null, (0, vue.renderList)(field.values, (value) => {
 							return (0, vue.openBlock)(), (0, vue.createElementBlock)("option", {
 								key: value,
 								value
-							}, (0, vue.toDisplayString)(value), 9, _hoisted_81);
-						}), 128))], 42, _hoisted_79)) : field.type === "money" ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_82, (0, vue.toDisplayString)((0, vue.unref)(formatMoney)(item[key], (0, vue.unref)(resolveCurrency)(field, item), (0, vue.unref)(locale))), 1)) : field.type === "table" ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_83, [_cache[55] || (_cache[55] = (0, vue.createElementVNode)("span", { class: "material-icons text-[11px]" }, "list", -1)), (0, vue.createElementVNode)("span", null, (0, vue.toDisplayString)(tableSummary(item[key])), 1)])) : field.type === "derived" ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_84, (0, vue.toDisplayString)((0, vue.unref)(derivedDisplay)(field, (0, vue.unref)(evaluateDerivedAgainstItem)(field, String(key), item), item)), 1)) : field.type === "rollup" ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", {
+							}, (0, vue.toDisplayString)(value), 9, _hoisted_89);
+						}), 128))], 42, _hoisted_87)) : field.type === "money" ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_90, (0, vue.toDisplayString)((0, vue.unref)(formatMoney)(item[key], (0, vue.unref)(resolveCurrency)(field, item), (0, vue.unref)(locale))), 1)) : field.type === "table" ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_91, [_cache[57] || (_cache[57] = (0, vue.createElementVNode)("span", { class: "material-icons text-[11px]" }, "list", -1)), (0, vue.createElementVNode)("span", null, (0, vue.toDisplayString)(tableSummary(item[key])), 1)])) : field.type === "derived" ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_92, (0, vue.toDisplayString)((0, vue.unref)(derivedDisplay)(field, (0, vue.unref)(evaluateDerivedAgainstItem)(field, String(key), item), item)), 1)) : field.type === "rollup" ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", {
 							key: 8,
 							class: "inline-block truncate tabular-nums font-bold text-indigo-900 bg-indigo-50/50 px-1.5 py-0.5 rounded border border-indigo-100/50",
 							"data-testid": `collections-rollup-${key}-${item[collection.value.schema.primaryKey]}`
-						}, (0, vue.toDisplayString)((0, vue.unref)(render).rollupDisplay(field, item)), 9, _hoisted_85)) : field.type !== "file" && (0, vue.unref)(isExternalUrl)(item[key]) ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("a", {
+						}, (0, vue.toDisplayString)((0, vue.unref)(render).rollupDisplay(field, item)), 9, _hoisted_93)) : field.type !== "file" && (0, vue.unref)(isExternalUrl)(item[key]) ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("a", {
 							key: 9,
 							href: String(item[key]),
 							target: "_blank",
@@ -6129,7 +6326,7 @@ var CollectionView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 							class: "block truncate text-blue-600 hover:text-blue-800 hover:underline font-semibold",
 							"data-testid": `collections-url-link-${key}-${item[collection.value.schema.primaryKey]}`,
 							onClick: _cache[21] || (_cache[21] = (0, vue.withModifiers)(() => {}, ["stop"]))
-						}, (0, vue.toDisplayString)(String(item[key])), 9, _hoisted_86)) : field.type === "file" && (0, vue.unref)(artifactUrl)(item[key]) ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("a", {
+						}, (0, vue.toDisplayString)(String(item[key])), 9, _hoisted_94)) : field.type === "file" && (0, vue.unref)(artifactUrl)(item[key]) ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("a", {
 							key: 10,
 							href: (0, vue.unref)(artifactUrl)(item[key]) ?? void 0,
 							target: "_blank",
@@ -6137,14 +6334,14 @@ var CollectionView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 							class: "block truncate text-blue-600 hover:text-blue-800 hover:underline font-semibold",
 							"data-testid": `collections-file-link-${key}-${item[collection.value.schema.primaryKey]}`,
 							onClick: _cache[22] || (_cache[22] = (0, vue.withModifiers)(() => {}, ["stop"]))
-						}, (0, vue.toDisplayString)(String(item[key])), 9, _hoisted_87)) : field.type === "file" && (0, vue.unref)(fileRoutePath)(item[key]) ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("a", {
+						}, (0, vue.toDisplayString)(String(item[key])), 9, _hoisted_95)) : field.type === "file" && (0, vue.unref)(fileRoutePath)(item[key]) ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("a", {
 							key: 11,
 							href: (0, vue.unref)(fileRoutePath)(item[key]) ?? void 0,
 							class: "block truncate text-blue-600 hover:text-blue-800 hover:underline font-semibold",
 							"data-testid": `collections-file-link-${key}-${item[collection.value.schema.primaryKey]}`,
 							onClick: ($event) => (0, vue.unref)(activatePathLink)($event, (0, vue.unref)(fileRoutePath)(item[key]) ?? "", true)
-						}, (0, vue.toDisplayString)(String(item[key])), 9, _hoisted_88)) : ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_89, (0, vue.toDisplayString)((0, vue.unref)(formatCell)(item[key], field.type)), 1))], 64)) : (0, vue.createCommentVNode)("", true)]);
-					}), 128))], 42, _hoisted_73);
+						}, (0, vue.toDisplayString)(String(item[key])), 9, _hoisted_96)) : ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_97, (0, vue.toDisplayString)((0, vue.unref)(formatCell)(item[key], field.type)), 1))], 64)) : (0, vue.createCommentVNode)("", true)]);
+					}), 128))], 42, _hoisted_81);
 				}), 128))])])]))]),
 				collection.value && (viewing.value || editing.value) && !(calendarActive.value && openDay.value) ? ((0, vue.openBlock)(), (0, vue.createBlock)(CollectionRecordModal_default, {
 					key: 4,
@@ -6228,19 +6425,19 @@ var CollectionView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 					"data-testid": "collections-chat-modal",
 					onClick: (0, vue.withModifiers)(closeChat, ["self"]),
 					onKeydown: (0, vue.withKeys)(closeChat, ["esc"])
-				}, [(0, vue.createElementVNode)("div", _hoisted_90, [
-					(0, vue.createElementVNode)("header", _hoisted_91, [
-						_cache[57] || (_cache[57] = (0, vue.createElementVNode)("div", { class: "h-9 w-9 flex items-center justify-center rounded-xl bg-indigo-50 text-indigo-600 border border-indigo-100/50" }, [(0, vue.createElementVNode)("span", { class: "material-icons text-lg" }, "forum")], -1)),
-						(0, vue.createElementVNode)("div", _hoisted_92, [(0, vue.createElementVNode)("h2", _hoisted_93, (0, vue.toDisplayString)((0, vue.unref)(t)("collectionsView.chatTitle")), 1), (0, vue.createElementVNode)("span", _hoisted_94, (0, vue.toDisplayString)(collection.value.title), 1)]),
+				}, [(0, vue.createElementVNode)("div", _hoisted_98, [
+					(0, vue.createElementVNode)("header", _hoisted_99, [
+						_cache[59] || (_cache[59] = (0, vue.createElementVNode)("div", { class: "h-9 w-9 flex items-center justify-center rounded-xl bg-indigo-50 text-indigo-600 border border-indigo-100/50" }, [(0, vue.createElementVNode)("span", { class: "material-icons text-lg" }, "forum")], -1)),
+						(0, vue.createElementVNode)("div", _hoisted_100, [(0, vue.createElementVNode)("h2", _hoisted_101, (0, vue.toDisplayString)((0, vue.unref)(t)("collectionsView.chatTitle")), 1), (0, vue.createElementVNode)("span", _hoisted_102, (0, vue.toDisplayString)(collection.value.title), 1)]),
 						(0, vue.createElementVNode)("button", {
 							type: "button",
 							class: "h-8 w-8 flex items-center justify-center rounded text-slate-400 hover:bg-slate-200/50 hover:text-slate-600 transition-colors",
 							"aria-label": (0, vue.unref)(t)("common.close"),
 							"data-testid": "collections-chat-close",
 							onClick: closeChat
-						}, [..._cache[56] || (_cache[56] = [(0, vue.createElementVNode)("span", { class: "material-icons text-lg" }, "close", -1)])], 8, _hoisted_95)
+						}, [..._cache[58] || (_cache[58] = [(0, vue.createElementVNode)("span", { class: "material-icons text-lg" }, "close", -1)])], 8, _hoisted_103)
 					]),
-					(0, vue.createElementVNode)("div", _hoisted_96, [(0, vue.withDirectives)((0, vue.createElementVNode)("textarea", {
+					(0, vue.createElementVNode)("div", _hoisted_104, [(0, vue.withDirectives)((0, vue.createElementVNode)("textarea", {
 						ref_key: "chatInputEl",
 						ref: chatInputEl,
 						"onUpdate:modelValue": _cache[27] || (_cache[27] = ($event) => chatMessage.value = $event),
@@ -6249,8 +6446,8 @@ var CollectionView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 						class: "w-full bg-slate-50 border border-slate-200/80 rounded-xl px-3 py-2.5 text-sm placeholder-slate-400 focus:outline-none focus:ring-2 focus:ring-indigo-500/20 focus:border-indigo-500 focus:bg-white transition-all resize-none",
 						"data-testid": "collections-chat-input",
 						onKeydown: [(0, vue.withKeys)((0, vue.withModifiers)(submitChat, ["meta"]), ["enter"]), (0, vue.withKeys)((0, vue.withModifiers)(submitChat, ["ctrl"]), ["enter"])]
-					}, null, 40, _hoisted_97), [[vue.vModelText, chatMessage.value]])]),
-					(0, vue.createElementVNode)("footer", _hoisted_98, [(0, vue.createElementVNode)("button", {
+					}, null, 40, _hoisted_105), [[vue.vModelText, chatMessage.value]])]),
+					(0, vue.createElementVNode)("footer", _hoisted_106, [(0, vue.createElementVNode)("button", {
 						type: "button",
 						class: "h-8 px-2.5 rounded text-xs font-bold text-slate-500 hover:bg-slate-200/50 transition-colors",
 						"data-testid": "collections-chat-cancel",
@@ -6261,7 +6458,7 @@ var CollectionView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 						disabled: !chatMessage.value.trim(),
 						"data-testid": "collections-chat-send",
 						onClick: submitChat
-					}, (0, vue.toDisplayString)((0, vue.unref)(t)("collectionsView.chatStart")), 9, _hoisted_99)])
+					}, (0, vue.toDisplayString)((0, vue.unref)(t)("collectionsView.chatStart")), 9, _hoisted_107)])
 				])], 32)) : (0, vue.createCommentVNode)("", true)
 			]);
 		};