@mulmoclaude/collection-plugin 0.13.1 → 0.14.0

package/dist/vue.cjs

@@ -27,6 +27,9 @@ let vue_i18n = require("vue-i18n");
 let vuedraggable = require("vuedraggable");
 vuedraggable = __toESM(vuedraggable, 1);
 let _mulmoclaude_core_remote_view = require("@mulmoclaude/core/remote-view");
+let echarts = require("echarts");
+echarts = __toESM(echarts, 1);
+let _mulmoclaude_core_wiki = require("@mulmoclaude/core/wiki");
 let _mulmoclaude_core_translation_client = require("@mulmoclaude/core/translation/client");
 //#region src/vue/uiContext.ts
 var current = null;
@@ -99,6 +102,10 @@ var i18n = (0, vue_i18n.createI18n)({
 					editable: "Editable",
 					data: "Data"
 				},
+				mapTab: "Map",
+				mapEmpty: "Nothing to map yet — the map draws itself as collections and the links between them appear.",
+				mapRecordCount: "{count} records",
+				mapMissingHint: "No collection with this slug — a relation points at it.",
 				notFound: "Collection not found",
 				loadFailed: "Failed to load",
 				requiredField: "This field is required",
@@ -247,6 +254,10 @@ var i18n = (0, vue_i18n.createI18n)({
 					editable: "編集可能",
 					data: "データ"
 				},
+				mapTab: "マップ",
+				mapEmpty: "まだ表示するものがありません。コレクションとその間のリンクが増えると、マップが自動的に描かれます。",
+				mapRecordCount: "{count} 件のレコード",
+				mapMissingHint: "このスラッグのコレクションは存在しません。リレーションが参照しています。",
 				notFound: "コレクションが見つかりません",
 				loadFailed: "読み込みに失敗しました",
 				requiredField: "この項目は必須です",
@@ -395,6 +406,10 @@ var i18n = (0, vue_i18n.createI18n)({
 					editable: "可编辑",
 					data: "数据"
 				},
+				mapTab: "地图",
+				mapEmpty: "暂无可显示的内容。随着集合及其之间的链接增多，地图会自动绘制。",
+				mapRecordCount: "{count} 条记录",
+				mapMissingHint: "不存在此 slug 的集合，但有关系指向它。",
 				notFound: "未找到集合",
 				loadFailed: "加载失败",
 				requiredField: "此字段为必填项",
@@ -543,6 +558,10 @@ var i18n = (0, vue_i18n.createI18n)({
 					editable: "편집 가능",
 					data: "데이터"
 				},
+				mapTab: "맵",
+				mapEmpty: "아직 표시할 내용이 없습니다. 컬렉션과 그 사이의 링크가 생기면 맵이 자동으로 그려집니다.",
+				mapRecordCount: "레코드 {count}개",
+				mapMissingHint: "이 슬러그의 컬렉션이 없습니다. 관계가 이를 참조하고 있습니다.",
 				notFound: "컬렉션을 찾을 수 없습니다",
 				loadFailed: "불러오기에 실패했습니다",
 				requiredField: "이 필드는 필수입니다",
@@ -691,6 +710,10 @@ var i18n = (0, vue_i18n.createI18n)({
 					editable: "Editables",
 					data: "Datos"
 				},
+				mapTab: "Mapa",
+				mapEmpty: "Nada que mostrar todavía: el mapa se dibuja solo a medida que aparecen colecciones y los enlaces entre ellas.",
+				mapRecordCount: "{count} registros",
+				mapMissingHint: "No existe una colección con este slug; una relación apunta a ella.",
 				notFound: "Colección no encontrada",
 				loadFailed: "Error al cargar",
 				requiredField: "Este campo es obligatorio",
@@ -839,6 +862,10 @@ var i18n = (0, vue_i18n.createI18n)({
 					editable: "Editáveis",
 					data: "Dados"
 				},
+				mapTab: "Mapa",
+				mapEmpty: "Nada para mostrar ainda — o mapa se desenha sozinho conforme coleções e os vínculos entre elas aparecem.",
+				mapRecordCount: "{count} registros",
+				mapMissingHint: "Nenhuma coleção com este slug — uma relação aponta para ela.",
 				notFound: "Coleção não encontrada",
 				loadFailed: "Falha ao carregar",
 				requiredField: "Este campo é obrigatório",
@@ -987,6 +1014,10 @@ var i18n = (0, vue_i18n.createI18n)({
 					editable: "Modifiables",
 					data: "Données"
 				},
+				mapTab: "Carte",
+				mapEmpty: "Rien à afficher pour l'instant — la carte se dessine d'elle-même à mesure que les collections et leurs liens apparaissent.",
+				mapRecordCount: "{count} enregistrements",
+				mapMissingHint: "Aucune collection avec ce slug — une relation pointe vers elle.",
 				notFound: "Collection introuvable",
 				loadFailed: "Échec du chargement",
 				requiredField: "Ce champ est obligatoire",
@@ -1135,6 +1166,10 @@ var i18n = (0, vue_i18n.createI18n)({
 					editable: "Bearbeitbar",
 					data: "Daten"
 				},
+				mapTab: "Karte",
+				mapEmpty: "Noch nichts zu zeigen — die Karte entsteht von selbst, sobald Sammlungen und ihre Verknüpfungen entstehen.",
+				mapRecordCount: "{count} Einträge",
+				mapMissingHint: "Keine Sammlung mit diesem Slug — eine Relation verweist darauf.",
 				notFound: "Sammlung nicht gefunden",
 				loadFailed: "Laden fehlgeschlagen",
 				requiredField: "Dieses Feld ist erforderlich",
@@ -1349,8 +1384,8 @@ function isExternalUrl(value) {
 	return typeof value === "string" && /^https?:\/\//i.test(value);
 }
 function detailText(value) {
-	if (value === void 0 || value === null || value === "") return EM_DASH;
-	return String(value);
+	const text = (0, _mulmoclaude_core_collection.fieldText)(value, EM_DASH);
+	return text === "" ? EM_DASH : text;
 }
 function formatCell(value, type) {
 	if (value === void 0 || value === null || value === "") return EM_DASH;
@@ -1374,7 +1409,7 @@ function resolveCurrency(field, record) {
 function formatMoney(value, currency, displayLocale) {
 	if (value === void 0 || value === "") return EM_DASH;
 	const amount = typeof value === "number" ? value : Number(value);
-	if (!Number.isFinite(amount)) return String(value);
+	if (!Number.isFinite(amount)) return (0, _mulmoclaude_core_collection.fieldText)(value, EM_DASH);
 	const currencyCode = currency && currency.length > 0 ? currency : DEFAULT_CURRENCY;
 	try {
 		return new Intl.NumberFormat(displayLocale, {
@@ -1477,7 +1512,7 @@ function buildEmbedOptions(schema, items) {
 	const { fields, primaryKey } = schema;
 	const displayField = displayFieldFor(fields, primaryKey);
 	return items.map((item) => {
-		const slug = String(item[primaryKey] ?? "");
+		const slug = (0, _mulmoclaude_core_collection.fieldText)(item[primaryKey]);
 		const labelRaw = item[displayField];
 		return {
 			slug,
@@ -1487,13 +1522,13 @@ function buildEmbedOptions(schema, items) {
 }
 //#endregion
 //#region src/vue/components/CollectionMutateParamsModal.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$16 = { class: "flex items-center justify-between px-6 pt-5 pb-3" };
-var _hoisted_2$15 = { class: "text-sm font-bold text-slate-800 flex items-center gap-1.5" };
-var _hoisted_3$15 = {
+var _hoisted_1$17 = { class: "flex items-center justify-between px-6 pt-5 pb-3" };
+var _hoisted_2$16 = { class: "text-sm font-bold text-slate-800 flex items-center gap-1.5" };
+var _hoisted_3$16 = {
 	key: 0,
 	class: "material-icons text-base text-indigo-600"
 };
-var _hoisted_4$15 = ["aria-label"];
+var _hoisted_4$16 = ["aria-label"];
 var _hoisted_5$14 = { class: "flex flex-col gap-4 px-6 pb-2" };
 var _hoisted_6$13 = ["for"];
 var _hoisted_7$11 = {
@@ -1591,13 +1626,13 @@ var CollectionMutateParamsModal_default = /* @__PURE__ */ (0, vue.defineComponen
 					"data-testid": "collections-mutate-modal",
 					onSubmit: (0, vue.withModifiers)(submit, ["prevent"])
 				}, [
-					(0, vue.createElementVNode)("div", _hoisted_1$16, [(0, vue.createElementVNode)("h2", _hoisted_2$15, [__props.action.icon ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_3$15, (0, vue.toDisplayString)(__props.action.icon), 1)) : (0, vue.createCommentVNode)("", true), (0, vue.createElementVNode)("span", null, (0, vue.toDisplayString)(__props.action.label), 1)]), (0, vue.createElementVNode)("button", {
+					(0, vue.createElementVNode)("div", _hoisted_1$17, [(0, vue.createElementVNode)("h2", _hoisted_2$16, [__props.action.icon ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_3$16, (0, vue.toDisplayString)(__props.action.icon), 1)) : (0, vue.createCommentVNode)("", true), (0, vue.createElementVNode)("span", null, (0, vue.toDisplayString)(__props.action.label), 1)]), (0, vue.createElementVNode)("button", {
 						type: "button",
 						class: "h-8 w-8 flex items-center justify-center rounded text-slate-400 hover:bg-slate-100 hover:text-slate-600 transition-colors",
 						"aria-label": (0, vue.unref)(t)("common.close"),
 						"data-testid": "collections-mutate-close",
 						onClick: _cache[0] || (_cache[0] = ($event) => emit("close"))
-					}, [..._cache[3] || (_cache[3] = [(0, vue.createElementVNode)("span", { class: "material-icons text-lg" }, "close", -1)])], 8, _hoisted_4$15)]),
+					}, [..._cache[3] || (_cache[3] = [(0, vue.createElementVNode)("span", { class: "material-icons text-lg" }, "close", -1)])], 8, _hoisted_4$16)]),
 					(0, vue.createElementVNode)("div", _hoisted_5$14, [((0, vue.openBlock)(true), (0, vue.createElementBlock)(vue.Fragment, null, (0, vue.renderList)(__props.action.params, (spec, key) => {
 						return (0, vue.openBlock)(), (0, vue.createElementBlock)("div", {
 							key,
@@ -1662,13 +1697,13 @@ var CollectionMutateParamsModal_default = /* @__PURE__ */ (0, vue.defineComponen
 });
 //#endregion
 //#region src/vue/components/CollectionCalendarView.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$15 = {
+var _hoisted_1$16 = {
 	class: "flex flex-col gap-3",
 	"data-testid": "collection-calendar"
 };
-var _hoisted_2$14 = { class: "flex items-center gap-2" };
-var _hoisted_3$14 = ["aria-label"];
-var _hoisted_4$14 = ["aria-label"];
+var _hoisted_2$15 = { class: "flex items-center gap-2" };
+var _hoisted_3$15 = ["aria-label"];
+var _hoisted_4$15 = ["aria-label"];
 var _hoisted_5$13 = {
 	class: "text-sm font-bold text-slate-800 flex-1",
 	"data-testid": "collection-calendar-month"
@@ -1803,22 +1838,22 @@ var CollectionCalendarView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 			viewMonth.value = now.getMonth() + 1;
 		}
 		return (_ctx, _cache) => {
-			return (0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_1$15, [
-				(0, vue.createElementVNode)("div", _hoisted_2$14, [
+			return (0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_1$16, [
+				(0, vue.createElementVNode)("div", _hoisted_2$15, [
 					(0, vue.createElementVNode)("button", {
 						type: "button",
 						class: "h-8 w-8 flex items-center justify-center rounded text-slate-500 hover:bg-slate-100 transition-colors",
 						"aria-label": (0, vue.unref)(t)("collectionsView.calendarPrevMonth"),
 						"data-testid": "collection-calendar-prev",
 						onClick: _cache[0] || (_cache[0] = ($event) => stepMonth(-1))
-					}, [..._cache[2] || (_cache[2] = [(0, vue.createElementVNode)("span", { class: "material-icons text-lg" }, "chevron_left", -1)])], 8, _hoisted_3$14),
+					}, [..._cache[2] || (_cache[2] = [(0, vue.createElementVNode)("span", { class: "material-icons text-lg" }, "chevron_left", -1)])], 8, _hoisted_3$15),
 					(0, vue.createElementVNode)("button", {
 						type: "button",
 						class: "h-8 w-8 flex items-center justify-center rounded text-slate-500 hover:bg-slate-100 transition-colors",
 						"aria-label": (0, vue.unref)(t)("collectionsView.calendarNextMonth"),
 						"data-testid": "collection-calendar-next",
 						onClick: _cache[1] || (_cache[1] = ($event) => stepMonth(1))
-					}, [..._cache[3] || (_cache[3] = [(0, vue.createElementVNode)("span", { class: "material-icons text-lg" }, "chevron_right", -1)])], 8, _hoisted_4$14),
+					}, [..._cache[3] || (_cache[3] = [(0, vue.createElementVNode)("span", { class: "material-icons text-lg" }, "chevron_right", -1)])], 8, _hoisted_4$15),
 					(0, vue.createElementVNode)("h3", _hoisted_5$13, (0, vue.toDisplayString)(monthLabel.value), 1),
 					(0, vue.createElementVNode)("button", {
 						type: "button",
@@ -1868,13 +1903,13 @@ var CollectionCalendarView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 });
 //#endregion
 //#region src/vue/components/CollectionDayView.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$14 = { class: "flex items-center gap-2 border-b border-slate-200 px-4 py-3" };
-var _hoisted_2$13 = {
+var _hoisted_1$15 = { class: "flex items-center gap-2 border-b border-slate-200 px-4 py-3" };
+var _hoisted_2$14 = {
 	class: "flex-1 text-sm font-bold text-slate-800",
 	"data-testid": "collection-day-view-title"
 };
-var _hoisted_3$13 = ["aria-label"];
-var _hoisted_4$13 = ["aria-label"];
+var _hoisted_3$14 = ["aria-label"];
+var _hoisted_4$14 = ["aria-label"];
 var _hoisted_5$12 = {
 	key: 0,
 	class: "px-4 py-10 text-center text-sm text-slate-400"
@@ -2062,8 +2097,8 @@ var CollectionDayView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 				role: "dialog",
 				"aria-modal": "true"
 			}, [(0, vue.createElementVNode)("div", { class: (0, vue.normalizeClass)(["flex min-h-0 flex-col", __props.showDetail ? "w-80 shrink-0 border-r border-slate-200" : "w-full"]) }, [
-				(0, vue.createElementVNode)("div", _hoisted_1$14, [
-					(0, vue.createElementVNode)("h3", _hoisted_2$13, (0, vue.toDisplayString)(dayLabel.value), 1),
+				(0, vue.createElementVNode)("div", _hoisted_1$15, [
+					(0, vue.createElementVNode)("h3", _hoisted_2$14, (0, vue.toDisplayString)(dayLabel.value), 1),
 					__props.canCreate ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("button", {
 						key: 0,
 						type: "button",
@@ -2071,14 +2106,14 @@ var CollectionDayView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 						"aria-label": (0, vue.unref)(t)("collectionsView.calendarCreateOn", { date: dayKey.value }),
 						"data-testid": "collection-day-view-create",
 						onClick: onCreate
-					}, [..._cache[3] || (_cache[3] = [(0, vue.createElementVNode)("span", { class: "material-icons text-lg" }, "add", -1)])], 8, _hoisted_3$13)) : (0, vue.createCommentVNode)("", true),
+					}, [..._cache[3] || (_cache[3] = [(0, vue.createElementVNode)("span", { class: "material-icons text-lg" }, "add", -1)])], 8, _hoisted_3$14)) : (0, vue.createCommentVNode)("", true),
 					(0, vue.createElementVNode)("button", {
 						type: "button",
 						class: "h-8 w-8 flex items-center justify-center rounded text-slate-500 hover:bg-slate-100 transition-colors",
 						"aria-label": (0, vue.unref)(t)("collectionsView.dayViewClose"),
 						"data-testid": "collection-day-view-close",
 						onClick: _cache[0] || (_cache[0] = ($event) => emit("close"))
-					}, [..._cache[4] || (_cache[4] = [(0, vue.createElementVNode)("span", { class: "material-icons text-lg" }, "close", -1)])], 8, _hoisted_4$13)
+					}, [..._cache[4] || (_cache[4] = [(0, vue.createElementVNode)("span", { class: "material-icons text-lg" }, "close", -1)])], 8, _hoisted_4$14)
 				]),
 				timedEntries.value.length === 0 && allDayEntries.value.length === 0 ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_5$12, (0, vue.toDisplayString)((0, vue.unref)(t)("collectionsView.dayViewEmpty")), 1)) : ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", {
 					key: 1,
@@ -2129,13 +2164,13 @@ var CollectionDayView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 });
 //#endregion
 //#region src/vue/components/CollectionKanbanView.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$13 = {
+var _hoisted_1$14 = {
 	class: "h-full overflow-x-auto overflow-y-hidden",
 	"data-testid": "collection-kanban"
 };
-var _hoisted_2$12 = { class: "flex gap-3 h-full p-1 min-w-max" };
-var _hoisted_3$12 = ["data-testid"];
-var _hoisted_4$12 = { class: "flex items-center justify-between px-3 py-2 border-b border-slate-200" };
+var _hoisted_2$13 = { class: "flex gap-3 h-full p-1 min-w-max" };
+var _hoisted_3$13 = ["data-testid"];
+var _hoisted_4$13 = { class: "flex items-center justify-between px-3 py-2 border-b border-slate-200" };
 var _hoisted_5$11 = { class: "flex items-center gap-2 min-w-0" };
 var _hoisted_6$10 = ["title"];
 var _hoisted_7$8 = { class: "text-[11px] text-slate-400 shrink-0" };
@@ -2257,12 +2292,12 @@ var CollectionKanbanView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 			emit("move", itemId(item), next);
 		}
 		return (_ctx, _cache) => {
-			return (0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_1$13, [(0, vue.createElementVNode)("div", _hoisted_2$12, [((0, vue.openBlock)(true), (0, vue.createElementBlock)(vue.Fragment, null, (0, vue.renderList)(columns.value, (column) => {
+			return (0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_1$14, [(0, vue.createElementVNode)("div", _hoisted_2$13, [((0, vue.openBlock)(true), (0, vue.createElementBlock)(vue.Fragment, null, (0, vue.renderList)(columns.value, (column) => {
 				return (0, vue.openBlock)(), (0, vue.createElementBlock)("div", {
 					key: column.value,
 					"data-testid": `collection-kanban-column-${column.value || "uncategorized"}`,
 					class: "w-72 shrink-0 flex flex-col bg-slate-100 rounded-lg"
-				}, [(0, vue.createElementVNode)("div", _hoisted_4$12, [(0, vue.createElementVNode)("div", _hoisted_5$11, [(0, vue.createElementVNode)("span", { class: (0, vue.normalizeClass)(["w-2 h-2 rounded-full shrink-0", (0, vue.unref)(_mulmoclaude_core_collection.resolveEnumColor)(__props.schema, __props.groupField, column.value).dot]) }, null, 2), (0, vue.createElementVNode)("span", {
+				}, [(0, vue.createElementVNode)("div", _hoisted_4$13, [(0, vue.createElementVNode)("div", _hoisted_5$11, [(0, vue.createElementVNode)("span", { class: (0, vue.normalizeClass)(["w-2 h-2 rounded-full shrink-0", (0, vue.unref)(_mulmoclaude_core_collection.resolveEnumColor)(__props.schema, __props.groupField, column.value).dot]) }, null, 2), (0, vue.createElementVNode)("span", {
 					class: "font-semibold text-xs text-slate-600 truncate",
 					title: column.label
 				}, (0, vue.toDisplayString)(column.label), 9, _hoisted_6$10)]), (0, vue.createElementVNode)("span", _hoisted_7$8, (0, vue.toDisplayString)(itemsByColumn(column.value).length), 1)]), (0, vue.createVNode)((0, vue.unref)(vuedraggable.default), {
@@ -2298,7 +2333,7 @@ var CollectionKanbanView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 					"item-key",
 					"disabled",
 					"onChange"
-				])], 8, _hoisted_3$12);
+				])], 8, _hoisted_3$13);
 			}), 128))])]);
 		};
 	}
@@ -2328,10 +2363,10 @@ function activatePathLink(event, path, stop = false) {
 }
 //#endregion
 //#region src/vue/components/CollectionBacklinksView.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$12 = ["data-testid"];
-var _hoisted_2$11 = { class: "w-full text-[11px] text-slate-600 bg-white" };
-var _hoisted_3$11 = { class: "bg-slate-50 border-b border-slate-200 text-slate-500 font-bold uppercase tracking-wider" };
-var _hoisted_4$11 = { class: "divide-y divide-slate-100" };
+var _hoisted_1$13 = ["data-testid"];
+var _hoisted_2$12 = { class: "w-full text-[11px] text-slate-600 bg-white" };
+var _hoisted_3$12 = { class: "bg-slate-50 border-b border-slate-200 text-slate-500 font-bold uppercase tracking-wider" };
+var _hoisted_4$12 = { class: "divide-y divide-slate-100" };
 var _hoisted_5$10 = [
 	"data-testid",
 	"onClick",
@@ -2353,12 +2388,12 @@ var CollectionBacklinksView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 				key: 0,
 				class: "border border-slate-200/80 rounded-xl overflow-hidden shadow-sm mt-1",
 				"data-testid": `collections-backlinks-${__props.fieldKey}`
-			}, [(0, vue.createElementVNode)("table", _hoisted_2$11, [(0, vue.createElementVNode)("thead", _hoisted_3$11, [(0, vue.createElementVNode)("tr", null, [((0, vue.openBlock)(true), (0, vue.createElementBlock)(vue.Fragment, null, (0, vue.renderList)(__props.view.columns, (column) => {
+			}, [(0, vue.createElementVNode)("table", _hoisted_2$12, [(0, vue.createElementVNode)("thead", _hoisted_3$12, [(0, vue.createElementVNode)("tr", null, [((0, vue.openBlock)(true), (0, vue.createElementBlock)(vue.Fragment, null, (0, vue.renderList)(__props.view.columns, (column) => {
 				return (0, vue.openBlock)(), (0, vue.createElementBlock)("th", {
 					key: column.key,
 					class: "text-left px-4 py-2 font-bold"
 				}, (0, vue.toDisplayString)(column.label), 1);
-			}), 128))])]), (0, vue.createElementVNode)("tbody", _hoisted_4$11, [((0, vue.openBlock)(true), (0, vue.createElementBlock)(vue.Fragment, null, (0, vue.renderList)(__props.view.rows, (row) => {
+			}), 128))])]), (0, vue.createElementVNode)("tbody", _hoisted_4$12, [((0, vue.openBlock)(true), (0, vue.createElementBlock)(vue.Fragment, null, (0, vue.renderList)(__props.view.rows, (row) => {
 				return (0, vue.openBlock)(), (0, vue.createElementBlock)("tr", {
 					key: row.id,
 					class: "group hover:bg-indigo-50/30 cursor-pointer transition-colors",
@@ -2373,7 +2408,7 @@ var CollectionBacklinksView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 						class: "px-4 py-2 align-middle font-medium"
 					}, [(0, vue.createElementVNode)("span", { class: (0, vue.normalizeClass)(cellIdx === 0 ? "text-indigo-600 group-hover:text-indigo-800 font-bold" : "") }, (0, vue.toDisplayString)(cell), 3)]);
 				}), 128))], 40, _hoisted_5$10);
-			}), 128))])])], 8, _hoisted_1$12)) : ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", {
+			}), 128))])])], 8, _hoisted_1$13)) : ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", {
 				key: 1,
 				class: "text-slate-400 italic",
 				"data-testid": `collections-backlinks-${__props.fieldKey}`
@@ -2383,14 +2418,14 @@ var CollectionBacklinksView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 });
 //#endregion
 //#region src/vue/components/CollectionEmbedView.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$11 = [
+var _hoisted_1$12 = [
 	"href",
 	"tabindex",
 	"data-testid"
 ];
-var _hoisted_2$10 = { class: "flex items-center justify-between text-[10px] font-bold text-indigo-600/90 tracking-wider uppercase" };
-var _hoisted_3$10 = { class: "flex items-center gap-1.5" };
-var _hoisted_4$10 = { class: "bg-indigo-100/60 text-indigo-700 px-1.5 py-0.5 rounded font-mono font-medium lowercase" };
+var _hoisted_2$11 = { class: "flex items-center justify-between text-[10px] font-bold text-indigo-600/90 tracking-wider uppercase" };
+var _hoisted_3$11 = { class: "flex items-center gap-1.5" };
+var _hoisted_4$11 = { class: "bg-indigo-100/60 text-indigo-700 px-1.5 py-0.5 rounded font-mono font-medium lowercase" };
 var _hoisted_5$9 = { class: "grid gap-x-4 gap-y-3 grid-cols-2" };
 var _hoisted_6$8 = { class: "text-[10px] font-semibold text-slate-400 uppercase tracking-wide" };
 var _hoisted_7$7 = ["data-testid"];
@@ -2436,7 +2471,7 @@ var CollectionEmbedView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 				onKeydown: [_cache[1] || (_cache[1] = (0, vue.withKeys)(($event) => (0, vue.unref)(activateRefLink)($event, __props.view.targetSlug, __props.view.recordId), ["enter"])), _cache[2] || (_cache[2] = (0, vue.withKeys)(($event) => (0, vue.unref)(activateRefLink)($event, __props.view.targetSlug, __props.view.recordId), ["space"]))]
 			}, [
 				_cache[7] || (_cache[7] = (0, vue.createElementVNode)("div", { class: "absolute left-0 top-0 bottom-0 w-1 bg-indigo-500 rounded-l-xl transition-all duration-300 group-hover:w-1.5 group-hover:bg-indigo-600" }, null, -1)),
-				(0, vue.createElementVNode)("div", _hoisted_2$10, [(0, vue.createElementVNode)("div", _hoisted_3$10, [_cache[6] || (_cache[6] = (0, vue.createElementVNode)("span", { class: "material-icons text-sm" }, "link", -1)), (0, vue.createElementVNode)("span", null, (0, vue.toDisplayString)(__props.view.targetSlug), 1)]), (0, vue.createElementVNode)("span", _hoisted_4$10, (0, vue.toDisplayString)(__props.view.recordId), 1)]),
+				(0, vue.createElementVNode)("div", _hoisted_2$11, [(0, vue.createElementVNode)("div", _hoisted_3$11, [_cache[6] || (_cache[6] = (0, vue.createElementVNode)("span", { class: "material-icons text-sm" }, "link", -1)), (0, vue.createElementVNode)("span", null, (0, vue.toDisplayString)(__props.view.targetSlug), 1)]), (0, vue.createElementVNode)("span", _hoisted_4$11, (0, vue.toDisplayString)(__props.view.recordId), 1)]),
 				(0, vue.createElementVNode)("div", _hoisted_5$9, [((0, vue.openBlock)(true), (0, vue.createElementBlock)(vue.Fragment, null, (0, vue.renderList)(__props.view.rows, (row) => {
 					return (0, vue.openBlock)(), (0, vue.createElementBlock)("div", {
 						key: row.key,
@@ -2446,7 +2481,7 @@ var CollectionEmbedView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 						"data-testid": `collections-embed-${__props.fieldKey}-${row.key}`
 					}, [row.type === "boolean" ? ((0, vue.openBlock)(), (0, vue.createElementBlock)(vue.Fragment, { key: 0 }, [row.value === true ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_8$7, "check_circle")) : ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_9$7, "—"))], 64)) : row.type === "markdown" ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("p", _hoisted_10$7, (0, vue.toDisplayString)(row.display), 1)) : ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_11$7, (0, vue.toDisplayString)(row.display), 1))], 8, _hoisted_7$7)]);
 				}), 128))])
-			], 40, _hoisted_1$11)) : ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", {
+			], 40, _hoisted_1$12)) : ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", {
 				key: 1,
 				class: "relative rounded-xl border border-red-100 bg-red-50/30 p-4 pl-5 shadow-sm",
 				"data-testid": `collections-embed-${__props.fieldKey}`
@@ -2474,10 +2509,10 @@ var CollectionEmbedView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 });
 //#endregion
 //#region src/vue/components/CollectionRecordPanel.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$10 = { class: "flex items-center gap-2 mb-4" };
-var _hoisted_2$9 = { class: "flex-1 min-w-0" };
-var _hoisted_3$9 = { class: "block text-[9px] font-bold text-slate-400 uppercase tracking-wider" };
-var _hoisted_4$9 = ["data-testid"];
+var _hoisted_1$11 = { class: "flex items-center gap-2 mb-4" };
+var _hoisted_2$10 = { class: "flex-1 min-w-0" };
+var _hoisted_3$10 = { class: "block text-[9px] font-bold text-slate-400 uppercase tracking-wider" };
+var _hoisted_4$10 = ["data-testid"];
 var _hoisted_5$8 = ["disabled"];
 var _hoisted_6$7 = {
 	key: 1,
@@ -2855,10 +2890,10 @@ var CollectionRecordPanel_default = /* @__PURE__ */ (0, vue.defineComponent)({
 				onSubmit: _cache[5] || (_cache[5] = (0, vue.withModifiers)(($event) => emit("submit"), ["prevent"]))
 			}, {
 				default: (0, vue.withCtx)(() => [
-					(0, vue.createElementVNode)("div", _hoisted_1$10, [(0, vue.createElementVNode)("div", _hoisted_2$9, [(0, vue.createElementVNode)("span", _hoisted_3$9, (0, vue.toDisplayString)(__props.collection.title), 1), (0, vue.createElementVNode)("h2", {
+					(0, vue.createElementVNode)("div", _hoisted_1$11, [(0, vue.createElementVNode)("div", _hoisted_2$10, [(0, vue.createElementVNode)("span", _hoisted_3$10, (0, vue.toDisplayString)(__props.collection.title), 1), (0, vue.createElementVNode)("h2", {
 						class: "text-base font-bold text-slate-800 truncate",
 						"data-testid": editing.value ? "collections-edit-title" : "collections-detail-title"
-					}, (0, vue.toDisplayString)(headerTitle.value), 9, _hoisted_4$9)]), editing.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)(vue.Fragment, { key: 0 }, [(0, vue.createElementVNode)("button", {
+					}, (0, vue.toDisplayString)(headerTitle.value), 9, _hoisted_4$10)]), editing.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)(vue.Fragment, { key: 0 }, [(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-editor-cancel",
@@ -3167,13 +3202,13 @@ var CollectionRecordPanel_default = /* @__PURE__ */ (0, vue.defineComponent)({
 });
 //#endregion
 //#region src/vue/components/CollectionViewConfigModal.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$9 = {
+var _hoisted_1$10 = {
 	"data-testid": "collection-config-modal",
 	class: "flex flex-col overflow-hidden"
 };
-var _hoisted_2$8 = { class: "flex items-center justify-between gap-2 border-b border-slate-100 px-5 py-3" };
-var _hoisted_3$8 = { class: "text-sm font-bold text-slate-700" };
-var _hoisted_4$8 = ["title", "aria-label"];
+var _hoisted_2$9 = { class: "flex items-center justify-between gap-2 border-b border-slate-100 px-5 py-3" };
+var _hoisted_3$9 = { class: "text-sm font-bold text-slate-700" };
+var _hoisted_4$9 = ["title", "aria-label"];
 var _hoisted_5$7 = { class: "overflow-y-auto px-5 py-4" };
 var _hoisted_6$6 = { class: "mb-2 text-[10px] font-bold uppercase tracking-wider text-slate-400" };
 var _hoisted_7$5 = {
@@ -3239,14 +3274,14 @@ var CollectionViewConfigModal_default = /* @__PURE__ */ (0, vue.defineComponent)
 		}
 		return (_ctx, _cache) => {
 			return (0, vue.openBlock)(), (0, vue.createBlock)(CollectionRecordModal_default, { onClose: _cache[1] || (_cache[1] = ($event) => emit("close")) }, {
-				default: (0, vue.withCtx)(() => [(0, vue.createElementVNode)("div", _hoisted_1$9, [(0, vue.createElementVNode)("header", _hoisted_2$8, [(0, vue.createElementVNode)("h2", _hoisted_3$8, (0, vue.toDisplayString)((0, vue.unref)(t)("collectionsView.config.title", { title: __props.title })), 1), (0, vue.createElementVNode)("button", {
+				default: (0, vue.withCtx)(() => [(0, vue.createElementVNode)("div", _hoisted_1$10, [(0, vue.createElementVNode)("header", _hoisted_2$9, [(0, vue.createElementVNode)("h2", _hoisted_3$9, (0, vue.toDisplayString)((0, vue.unref)(t)("collectionsView.config.title", { title: __props.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-50 hover:text-slate-600",
 					title: (0, vue.unref)(t)("common.close"),
 					"aria-label": (0, vue.unref)(t)("common.close"),
 					"data-testid": "collection-config-close",
 					onClick: _cache[0] || (_cache[0] = ($event) => emit("close"))
-				}, [..._cache[2] || (_cache[2] = [(0, vue.createElementVNode)("span", { class: "material-icons text-sm" }, "close", -1)])], 8, _hoisted_4$8)]), (0, vue.createElementVNode)("div", _hoisted_5$7, [
+				}, [..._cache[2] || (_cache[2] = [(0, vue.createElementVNode)("span", { class: "material-icons text-sm" }, "close", -1)])], 8, _hoisted_4$9)]), (0, vue.createElementVNode)("div", _hoisted_5$7, [
 					(0, vue.createElementVNode)("h3", _hoisted_6$6, (0, vue.toDisplayString)((0, vue.unref)(t)("collectionsView.config.viewsHeading")), 1),
 					error.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("p", _hoisted_7$5, (0, vue.toDisplayString)(error.value), 1)) : (0, vue.createCommentVNode)("", true),
 					__props.views.length > 0 ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("ul", _hoisted_8$5, [((0, vue.openBlock)(true), (0, vue.createElementBlock)(vue.Fragment, null, (0, vue.renderList)(__props.views, (view) => {
@@ -3275,19 +3310,19 @@ var CollectionViewConfigModal_default = /* @__PURE__ */ (0, vue.defineComponent)
 });
 //#endregion
 //#region src/vue/components/CollectionCustomView.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$8 = { class: "custom-view-container" };
-var _hoisted_2$7 = {
+var _hoisted_1$9 = { class: "custom-view-container" };
+var _hoisted_2$8 = {
 	key: 0,
 	class: "custom-view-message",
 	role: "alert",
 	"data-testid": "collection-custom-view-error"
 };
-var _hoisted_3$7 = {
+var _hoisted_3$8 = {
 	key: 1,
 	class: "custom-view-message",
 	"data-testid": "collection-custom-view-loading"
 };
-var _hoisted_4$7 = ["title", "srcdoc"];
+var _hoisted_4$8 = ["title", "srcdoc"];
 var REMINT_LEAD_MS = 6e4;
 var MIN_REMINT_DELAY_MS = 1e4;
 var CollectionCustomView_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ (0, vue.defineComponent)({
@@ -3409,7 +3444,7 @@ var CollectionCustomView_vue_vue_type_script_setup_true_lang_default = /*@__PURE
 			window.removeEventListener("message", onWindowMessage);
 		});
 		return (_ctx, _cache) => {
-			return (0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_1$8, [error.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_2$7, (0, vue.toDisplayString)((0, vue.unref)(t)("collectionsView.customViewError", { error: error.value })), 1)) : loading.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_3$7, (0, vue.toDisplayString)((0, vue.unref)(t)("collectionsView.customViewLoading")), 1)) : srcdoc.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("iframe", {
+			return (0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_1$9, [error.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_2$8, (0, vue.toDisplayString)((0, vue.unref)(t)("collectionsView.customViewError", { error: error.value })), 1)) : loading.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_3$8, (0, vue.toDisplayString)((0, vue.unref)(t)("collectionsView.customViewLoading")), 1)) : srcdoc.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("iframe", {
 				ref_key: "iframeEl",
 				ref: iframeEl,
 				key: __props.view.id,
@@ -3418,7 +3453,7 @@ var CollectionCustomView_vue_vue_type_script_setup_true_lang_default = /*@__PURE
 				srcdoc: srcdoc.value,
 				sandbox: "allow-scripts allow-popups allow-popups-to-escape-sandbox allow-downloads",
 				class: "w-full h-full border-0"
-			}, null, 8, _hoisted_4$7)) : (0, vue.createCommentVNode)("", true)]);
+			}, null, 8, _hoisted_4$8)) : (0, vue.createCommentVNode)("", true)]);
 		};
 	}
 });
@@ -3434,22 +3469,22 @@ var _plugin_vue_export_helper_default = (sfc, props) => {
 var CollectionCustomView_default = /*#__PURE__*/ _plugin_vue_export_helper_default(CollectionCustomView_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-02ff1e01"]]);
 //#endregion
 //#region src/vue/components/CollectionRemoteViewPreview.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$7 = {
+var _hoisted_1$8 = {
 	class: "remote-preview-container",
 	"data-testid": "collection-remote-view-preview"
 };
-var _hoisted_2$6 = {
+var _hoisted_2$7 = {
 	key: 0,
 	class: "remote-preview-message",
 	role: "alert",
 	"data-testid": "collection-remote-view-error"
 };
-var _hoisted_3$6 = {
+var _hoisted_3$7 = {
 	key: 1,
 	class: "remote-preview-message",
 	"data-testid": "collection-remote-view-loading"
 };
-var _hoisted_4$6 = { class: "phone-frame" };
+var _hoisted_4$7 = { class: "phone-frame" };
 var _hoisted_5$6 = ["title", "srcdoc"];
 var _hoisted_6$5 = {
 	class: "remote-preview-caption",
@@ -3546,7 +3581,7 @@ var CollectionRemoteViewPreview_default = /*#__PURE__*/ _plugin_vue_export_helpe
 		(0, vue.onMounted)(() => window.addEventListener("message", onWindowMessage));
 		(0, vue.onBeforeUnmount)(() => window.removeEventListener("message", onWindowMessage));
 		return (_ctx, _cache) => {
-			return (0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_1$7, [error.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_2$6, (0, vue.toDisplayString)((0, vue.unref)(t)("collectionsView.customViewError", { error: error.value })), 1)) : loading.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_3$6, (0, vue.toDisplayString)((0, vue.unref)(t)("collectionsView.customViewLoading")), 1)) : srcdoc.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)(vue.Fragment, { key: 2 }, [(0, vue.createElementVNode)("div", _hoisted_4$6, [((0, vue.openBlock)(), (0, vue.createElementBlock)("iframe", {
+			return (0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_1$8, [error.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_2$7, (0, vue.toDisplayString)((0, vue.unref)(t)("collectionsView.customViewError", { error: error.value })), 1)) : loading.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_3$7, (0, vue.toDisplayString)((0, vue.unref)(t)("collectionsView.customViewLoading")), 1)) : srcdoc.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)(vue.Fragment, { key: 2 }, [(0, vue.createElementVNode)("div", _hoisted_4$7, [((0, vue.openBlock)(), (0, vue.createElementBlock)("iframe", {
 				ref_key: "iframeEl",
 				ref: iframeEl,
 				key: __props.view.id,
@@ -3673,7 +3708,7 @@ function resolveEmbed(field, record, embedCache) {
 		schema: null,
 		item: null
 	};
-	const item = data.items.find((entry) => String(entry[data.schema.primaryKey] ?? "") === targetId) ?? null;
+	const item = data.items.find((entry) => (0, _mulmoclaude_core_collection.fieldText)(entry[data.schema.primaryKey]) === targetId) ?? null;
 	return {
 		schema: data.schema,
 		item
@@ -3755,8 +3790,8 @@ function buildBacklinksViews(schema, embedCache, record, locale) {
 		out[key] = {
 			found: true,
 			columns,
-			rows: (0, _mulmoclaude_core_collection.backlinkRows)(field, String(record?.[schema.primaryKey] ?? ""), derivedSourceItems(embedCache, field.from) ?? []).map((row) => ({
-				id: String(row[data.schema.primaryKey] ?? ""),
+			rows: (0, _mulmoclaude_core_collection.backlinkRows)(field, (0, _mulmoclaude_core_collection.fieldText)(record?.[schema.primaryKey]), derivedSourceItems(embedCache, field.from) ?? []).map((row) => ({
+				id: (0, _mulmoclaude_core_collection.fieldText)(row[data.schema.primaryKey]),
 				cells: columns.map((column) => formatBacklinkCell(data.schema.fields[column.key], row[column.key], row, locale))
 			})),
 			fromSlug: field.from
@@ -3789,7 +3824,7 @@ function rollupValueFor(field, record, schema, embedCache) {
 	if (field.type !== "rollup" || !schema || !record) return null;
 	const items = derivedSourceItems(embedCache, field.from);
 	if (items === null) return null;
-	return (0, _mulmoclaude_core_collection.rollupValue)(field, String(record[schema.primaryKey] ?? ""), items);
+	return (0, _mulmoclaude_core_collection.rollupValue)(field, (0, _mulmoclaude_core_collection.fieldText)(record[schema.primaryKey]), items);
 }
 /** Display string for a rollup cell: the aggregate as a plain number,
 *  em-dash when the source collection couldn't be resolved. */
@@ -3987,13 +4022,13 @@ function writeCollectionFlagFilters(slug, filters) {
 }
 //#endregion
 //#region src/vue/components/CollectionView.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$6 = { class: "h-full flex flex-col bg-slate-50/30" };
-var _hoisted_2$5 = {
+var _hoisted_1$7 = { class: "h-full flex flex-col bg-slate-50/30" };
+var _hoisted_2$6 = {
 	key: 0,
 	class: "flex items-center gap-3 px-6 py-2 border-b border-slate-200 bg-white"
 };
-var _hoisted_3$5 = ["title", "aria-label"];
-var _hoisted_4$5 = {
+var _hoisted_3$6 = ["title", "aria-label"];
+var _hoisted_4$6 = {
 	key: 1,
 	class: "h-9 w-9 flex items-center justify-center rounded-xl bg-indigo-50 text-indigo-600 border border-indigo-100"
 };
@@ -4485,8 +4520,18 @@ var CollectionView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 		const activeFlagFilterCount = (0, vue.computed)(() => flagChips.value.filter((chip) => flagFilterMode(chip.key) !== void 0).length);
 		const filterMenuOpen = (0, vue.ref)(false);
 		const filterMenuRef = (0, vue.ref)(null);
+		/** Shadow-DOM-safe "did this event land inside the element?". A document-level
+		*  listener sees `event.target` retargeted to the shadow HOST when the
+		*  component is mounted in a shadow root (MulmoTerminal's PluginFrame), so
+		*  `element.contains()` is always false there and the menu closes on the
+		*  mousedown before the inner button's click can fire. `composedPath()` still
+		*  lists the element for open shadow trees — and in the light DOM too, so both
+		*  hosts share this one test. */
+		function eventInsideElement(event, element) {
+			return element !== null && event.composedPath().includes(element);
+		}
 		function closeFilterMenuOnOutsideClick(event) {
-			if (!filterMenuRef.value?.contains(event.target)) filterMenuOpen.value = false;
+			if (!eventInsideElement(event, filterMenuRef.value)) filterMenuOpen.value = false;
 		}
 		(0, vue.watch)(filterMenuOpen, (open) => {
 			if (open) document.addEventListener("mousedown", closeFilterMenuOnOutsideClick);
@@ -5015,7 +5060,7 @@ var CollectionView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 			addMenuOpen.value = !addMenuOpen.value;
 		}
 		function closeAddMenuOnOutsideClick(event) {
-			if (!addMenuRef.value?.contains(event.target)) addMenuOpen.value = false;
+			if (!eventInsideElement(event, addMenuRef.value)) addMenuOpen.value = false;
 		}
 		(0, vue.watch)(addMenuOpen, (open) => {
 			if (open) document.addEventListener("mousedown", closeAddMenuOnOutsideClick);
@@ -5588,8 +5633,8 @@ var CollectionView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 			openDay.value = viewing.value ? dayOfItem(viewing.value) : null;
 		});
 		return (_ctx, _cache) => {
-			return (0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_1$6, [
-				!__props.hideHeader ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("header", _hoisted_2$5, [
+			return (0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_1$7, [
+				!__props.hideHeader ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("header", _hoisted_2$6, [
 					!embedded.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("button", {
 						key: 0,
 						type: "button",
@@ -5598,8 +5643,8 @@ var CollectionView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 						"aria-label": (0, vue.unref)(t)("collectionsView.backToIndex"),
 						"data-testid": "collections-back",
 						onClick: goBack
-					}, [..._cache[28] || (_cache[28] = [(0, vue.createElementVNode)("span", { class: "material-icons text-lg" }, "arrow_back", -1)])], 8, _hoisted_3$5)) : (0, vue.createCommentVNode)("", true),
-					collection.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_4$5, [(0, vue.createElementVNode)("span", _hoisted_5$5, (0, vue.toDisplayString)(collection.value.icon), 1)])) : (0, vue.createCommentVNode)("", true),
+					}, [..._cache[28] || (_cache[28] = [(0, vue.createElementVNode)("span", { class: "material-icons text-lg" }, "arrow_back", -1)])], 8, _hoisted_3$6)) : (0, vue.createCommentVNode)("", true),
+					collection.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_4$6, [(0, vue.createElementVNode)("span", _hoisted_5$5, (0, vue.toDisplayString)(collection.value.icon), 1)])) : (0, vue.createCommentVNode)("", true),
 					(0, vue.createElementVNode)("div", _hoisted_6$4, [(0, vue.createElementVNode)("h1", _hoisted_7$4, (0, vue.toDisplayString)(collection.value?.title ?? (0, vue.unref)(t)("collectionsView.title")), 1), collection.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_8$4, [(0, vue.createTextVNode)((0, vue.toDisplayString)(collection.value.slug) + " ", 1), isReadOnly.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)(vue.Fragment, { key: 0 }, [(0, vue.createElementVNode)("span", _hoisted_9$4, [_cache[29] || (_cache[29] = (0, vue.createElementVNode)("span", { class: "material-icons text-[11px]" }, "lock", -1)), (0, vue.createTextVNode)(" " + (0, vue.toDisplayString)((0, vue.unref)(t)("collectionsView.readonlyChip")), 1)]), dataSourceRoute.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("a", {
 						key: 0,
 						href: dataSourceRoute.value ?? void 0,
@@ -6216,7 +6261,7 @@ var CollectionView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 });
 //#endregion
 //#region src/vue/chat/View.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$5 = {
+var _hoisted_1$6 = {
 	class: "w-full h-full",
 	"data-testid": "present-collection"
 };
@@ -6268,7 +6313,7 @@ var View_default = /* @__PURE__ */ (0, vue.defineComponent)({
 			});
 		}
 		return (_ctx, _cache) => {
-			return (0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_1$5, [slug.value ? ((0, vue.openBlock)(), (0, vue.createBlock)(CollectionView_default, {
+			return (0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_1$6, [slug.value ? ((0, vue.openBlock)(), (0, vue.createBlock)(CollectionView_default, {
 				key: 0,
 				slug: slug.value,
 				selected: selected.value,
@@ -6291,10 +6336,10 @@ var View_default = /* @__PURE__ */ (0, vue.defineComponent)({
 });
 //#endregion
 //#region src/vue/chat/Preview.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$4 = { class: "w-full h-full flex flex-col items-center justify-center p-4 bg-gradient-to-br from-indigo-50 to-slate-50 rounded-lg border-2 border-gray-200" };
-var _hoisted_2$4 = { class: "text-center" };
-var _hoisted_3$4 = { class: "text-gray-900 font-bold text-lg mb-1 line-clamp-2" };
-var _hoisted_4$4 = {
+var _hoisted_1$5 = { class: "w-full h-full flex flex-col items-center justify-center p-4 bg-gradient-to-br from-indigo-50 to-slate-50 rounded-lg border-2 border-gray-200" };
+var _hoisted_2$5 = { class: "text-center" };
+var _hoisted_3$5 = { class: "text-gray-900 font-bold text-lg mb-1 line-clamp-2" };
+var _hoisted_4$5 = {
 	key: 0,
 	class: "text-gray-600 text-sm"
 };
@@ -6314,26 +6359,26 @@ var Preview_default = /* @__PURE__ */ (0, vue.defineComponent)({
 		const collectionSlug = (0, vue.computed)(() => data.value?.collectionSlug ?? "");
 		const itemId = (0, vue.computed)(() => data.value?.itemId);
 		return (_ctx, _cache) => {
-			return (0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_1$4, [(0, vue.createElementVNode)("div", _hoisted_2$4, [
+			return (0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_1$5, [(0, vue.createElementVNode)("div", _hoisted_2$5, [
 				_cache[0] || (_cache[0] = (0, vue.createElementVNode)("span", { class: "material-icons text-4xl text-indigo-600 mb-2" }, "collections_bookmark", -1)),
-				(0, vue.createElementVNode)("h3", _hoisted_3$4, (0, vue.toDisplayString)(collectionSlug.value || (0, vue.unref)(t)("pluginPresentCollection.fallbackTitle")), 1),
-				itemId.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("p", _hoisted_4$4, (0, vue.toDisplayString)((0, vue.unref)(t)("pluginPresentCollection.itemLabel", { id: itemId.value })), 1)) : ((0, vue.openBlock)(), (0, vue.createElementBlock)("p", _hoisted_5$4, (0, vue.toDisplayString)((0, vue.unref)(t)("pluginPresentCollection.listLabel")), 1))
+				(0, vue.createElementVNode)("h3", _hoisted_3$5, (0, vue.toDisplayString)(collectionSlug.value || (0, vue.unref)(t)("pluginPresentCollection.fallbackTitle")), 1),
+				itemId.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("p", _hoisted_4$5, (0, vue.toDisplayString)((0, vue.unref)(t)("pluginPresentCollection.itemLabel", { id: itemId.value })), 1)) : ((0, vue.openBlock)(), (0, vue.createElementBlock)("p", _hoisted_5$4, (0, vue.toDisplayString)((0, vue.unref)(t)("pluginPresentCollection.listLabel")), 1))
 			])]);
 		};
 	}
 });
 //#endregion
 //#region src/vue/components/DiscoverPanel.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$3 = { "data-testid": "discover-panel" };
-var _hoisted_2$3 = {
+var _hoisted_1$4 = { "data-testid": "discover-panel" };
+var _hoisted_2$4 = {
 	key: 0,
 	class: "flex flex-col items-center justify-center py-20 text-sm text-slate-500 gap-3"
 };
-var _hoisted_3$3 = {
+var _hoisted_3$4 = {
 	key: 1,
 	class: "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_4$3 = {
+var _hoisted_4$4 = {
 	key: 2,
 	class: "rounded-xl border border-slate-200 bg-white px-6 py-12 text-center text-sm text-slate-500 shadow-sm"
 };
@@ -6443,7 +6488,7 @@ var DiscoverPanel_default = /* @__PURE__ */ (0, vue.defineComponent)({
 		}
 		(0, vue.onMounted)(load);
 		return (_ctx, _cache) => {
-			return (0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_1$3, [loading.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_2$3, [_cache[0] || (_cache[0] = (0, vue.createElementVNode)("div", { class: "h-8 w-8 border-2 border-teal-600/20 border-t-teal-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_3$3, [_cache[1] || (_cache[1] = (0, vue.createElementVNode)("span", { class: "material-icons text-red-600" }, "error", -1)), (0, vue.createElementVNode)("span", null, (0, vue.toDisplayString)((0, vue.unref)(t)("collectionsView.discover.loadFailed")) + ": " + (0, vue.toDisplayString)(loadError.value), 1)])) : entries.value.length === 0 ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_4$3, [_cache[2] || (_cache[2] = (0, vue.createElementVNode)("span", { class: "material-icons text-4xl text-slate-300 mb-2" }, "travel_explore", -1)), (0, vue.createElementVNode)("p", _hoisted_5$3, (0, vue.toDisplayString)((0, vue.unref)(t)("collectionsView.discover.empty")), 1)])) : ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_6$3, [((0, vue.openBlock)(true), (0, vue.createElementBlock)(vue.Fragment, null, (0, vue.renderList)(entries.value, (entry) => {
+			return (0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_1$4, [loading.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_2$4, [_cache[0] || (_cache[0] = (0, vue.createElementVNode)("div", { class: "h-8 w-8 border-2 border-teal-600/20 border-t-teal-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_3$4, [_cache[1] || (_cache[1] = (0, vue.createElementVNode)("span", { class: "material-icons text-red-600" }, "error", -1)), (0, vue.createElementVNode)("span", null, (0, vue.toDisplayString)((0, vue.unref)(t)("collectionsView.discover.loadFailed")) + ": " + (0, vue.toDisplayString)(loadError.value), 1)])) : entries.value.length === 0 ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_4$4, [_cache[2] || (_cache[2] = (0, vue.createElementVNode)("span", { class: "material-icons text-4xl text-slate-300 mb-2" }, "travel_explore", -1)), (0, vue.createElementVNode)("p", _hoisted_5$3, (0, vue.toDisplayString)((0, vue.unref)(t)("collectionsView.discover.empty")), 1)])) : ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_6$3, [((0, vue.openBlock)(true), (0, vue.createElementBlock)(vue.Fragment, null, (0, vue.renderList)(entries.value, (entry) => {
 				return (0, vue.openBlock)(), (0, vue.createElementBlock)("div", {
 					key: entryKey(entry),
 					class: "relative rounded-xl border border-slate-200 bg-white p-5 shadow-sm flex flex-col gap-3",
@@ -6490,6 +6535,164 @@ var DiscoverPanel_default = /* @__PURE__ */ (0, vue.defineComponent)({
 	}
 });
 //#endregion
+//#region src/vue/components/CollectionOntologyGraphView.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1$3 = {
+	class: "rounded-xl border border-slate-200 bg-white shadow-sm overflow-hidden",
+	"data-testid": "collections-map-panel"
+};
+var _hoisted_2$3 = {
+	key: 0,
+	class: "flex flex-col items-center justify-center py-20 text-sm text-slate-500 gap-3"
+};
+var _hoisted_3$3 = {
+	key: 1,
+	class: "flex items-center gap-3 p-4 text-sm text-red-800"
+};
+var _hoisted_4$3 = {
+	key: 2,
+	class: "px-6 py-12 text-center text-sm text-slate-500",
+	"data-testid": "collections-map-empty"
+};
+//#endregion
+//#region src/vue/components/CollectionOntologyGraphView.vue
+var CollectionOntologyGraphView_default = /* @__PURE__ */ (0, vue.defineComponent)({
+	__name: "CollectionOntologyGraphView",
+	emits: ["open"],
+	setup(__props, { emit: __emit }) {
+		const emit = __emit;
+		const { t } = useCollectionI18n();
+		const cui = collectionUi();
+		const container = (0, vue.ref)(null);
+		const loading = (0, vue.ref)(true);
+		const loadError = (0, vue.ref)(false);
+		const graph = (0, vue.ref)({
+			nodes: [],
+			edges: []
+		});
+		let instance = null;
+		const nodeSize = (node) => node.missing ? 14 : Math.min(40, 20 + Math.round(Math.log2(node.recordCount + 1) * 4));
+		const nodeItem = (node) => ({
+			id: node.slug,
+			name: node.title,
+			symbolSize: nodeSize(node),
+			itemStyle: node.missing ? {
+				color: "#e2e8f0",
+				borderColor: "#94a3b8",
+				borderType: "dashed",
+				borderWidth: 1
+			} : { color: "#4f46e5" },
+			label: node.missing ? { color: "#94a3b8" } : void 0,
+			missing: node.missing === true,
+			recordCount: node.recordCount
+		});
+		const edgeItem = (edge) => ({
+			source: edge.from,
+			target: edge.to,
+			lineStyle: edge.kind === "ref" ? void 0 : { type: "dashed" },
+			label: {
+				show: true,
+				formatter: edge.field,
+				fontSize: 9,
+				color: "#64748b"
+			},
+			field: edge.field,
+			kind: edge.kind,
+			reverseFields: edge.reverseFields
+		});
+		const nodeTooltip = (data) => {
+			if (data.missing) return `<b>${(0, _mulmoclaude_core_wiki.escapeHtml)(data.id)}</b><br>${(0, _mulmoclaude_core_wiki.escapeHtml)(t("collectionsView.mapMissingHint"))}`;
+			return `<b>${(0, _mulmoclaude_core_wiki.escapeHtml)(data.name)}</b><br>${(0, _mulmoclaude_core_wiki.escapeHtml)(data.id)} · ${(0, _mulmoclaude_core_wiki.escapeHtml)(t("collectionsView.mapRecordCount", { count: data.recordCount }))}`;
+		};
+		const edgeTooltip = (data) => {
+			const reverse = data.reverseFields?.length ? ` ⇄ ${data.reverseFields.join(", ")}` : "";
+			return `${(0, _mulmoclaude_core_wiki.escapeHtml)(data.source)} —${(0, _mulmoclaude_core_wiki.escapeHtml)(data.field)}→ ${(0, _mulmoclaude_core_wiki.escapeHtml)(data.target)}<br><span style="color:#64748b">${(0, _mulmoclaude_core_wiki.escapeHtml)(data.kind)}${(0, _mulmoclaude_core_wiki.escapeHtml)(reverse)}</span>`;
+		};
+		const tooltipFormatter = (params) => {
+			const { dataType, data } = params;
+			return dataType === "edge" ? edgeTooltip(data) : nodeTooltip(data);
+		};
+		const buildOption = (value) => ({
+			tooltip: {
+				show: true,
+				formatter: tooltipFormatter
+			},
+			series: [{
+				type: "graph",
+				layout: "force",
+				roam: true,
+				draggable: true,
+				label: {
+					show: true,
+					position: "right",
+					fontSize: 11
+				},
+				force: {
+					repulsion: 180,
+					edgeLength: 120,
+					gravity: .08
+				},
+				emphasis: { focus: "adjacency" },
+				lineStyle: {
+					color: "#cbd5e1",
+					width: 1.5,
+					curveness: .1
+				},
+				edgeSymbol: ["none", "arrow"],
+				edgeSymbolSize: 7,
+				data: value.nodes.map(nodeItem),
+				links: value.edges.map(edgeItem)
+			}]
+		});
+		const render = () => {
+			const element = container.value;
+			if (!element) return;
+			if (!instance) {
+				instance = echarts.init(element);
+				instance.on("click", (params) => {
+					if (params.dataType !== "node") return;
+					const data = params.data;
+					if (typeof data?.id === "string" && data.missing !== true) emit("open", data.id);
+				});
+			}
+			instance.setOption(buildOption(graph.value), true);
+		};
+		const load = async () => {
+			loading.value = true;
+			loadError.value = false;
+			const result = await cui.fetchOntology?.();
+			loading.value = false;
+			if (!result?.ok) {
+				loadError.value = true;
+				return;
+			}
+			graph.value = (0, _mulmoclaude_core_collection.buildOntologyGraph)(result.data.entries);
+			await (0, vue.nextTick)();
+			render();
+		};
+		const handleResize = () => {
+			instance?.resize();
+		};
+		(0, vue.onMounted)(() => {
+			load();
+			window.addEventListener("resize", handleResize);
+		});
+		(0, vue.onBeforeUnmount)(() => {
+			window.removeEventListener("resize", handleResize);
+			instance?.dispose();
+			instance = null;
+		});
+		return (_ctx, _cache) => {
+			return (0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_1$3, [loading.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_2$3, [_cache[0] || (_cache[0] = (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_3$3, [_cache[1] || (_cache[1] = (0, vue.createElementVNode)("span", { class: "material-icons text-red-600" }, "error", -1)), (0, vue.createElementVNode)("span", null, (0, vue.toDisplayString)((0, vue.unref)(t)("collectionsView.loadFailed")), 1)])) : graph.value.nodes.length === 0 ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_4$3, [_cache[2] || (_cache[2] = (0, vue.createElementVNode)("span", { class: "material-icons text-4xl text-slate-300 mb-2" }, "hub", -1)), (0, vue.createElementVNode)("p", null, (0, vue.toDisplayString)((0, vue.unref)(t)("collectionsView.mapEmpty")), 1)])) : ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", {
+				key: 3,
+				ref_key: "container",
+				ref: container,
+				class: "w-full h-[32rem]",
+				"data-testid": "collections-map-canvas"
+			}, null, 512))]);
+		};
+	}
+});
+//#endregion
 //#region src/vue/starters.ts
 var COLLECTION_STARTERS = [
 	{
@@ -6752,6 +6955,7 @@ var CollectionsIndexView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 		const cui = collectionUi();
 		const { pinToggle, reconcileShortcuts } = cui;
 		const tab = (0, vue.ref)("installed");
+		const hasOntology = cui.fetchOntology !== void 0;
 		const showNewCollectionModal = (0, vue.ref)(false);
 		const collections = (0, vue.ref)([]);
 		const loading = (0, vue.ref)(true);
@@ -6806,31 +7010,44 @@ var CollectionsIndexView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 		(0, vue.onMounted)(loadCollections);
 		return (_ctx, _cache) => {
 			return (0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_1$1, [(0, vue.createElementVNode)("div", _hoisted_2$1, [
-				(0, vue.createElementVNode)("div", _hoisted_3$1, [(0, vue.createElementVNode)("div", _hoisted_4$1, [(0, vue.createElementVNode)("h1", _hoisted_5$1, (0, vue.toDisplayString)((0, vue.unref)(t)("collectionsView.title")), 1), (0, vue.createElementVNode)("div", _hoisted_6$1, [(0, vue.createElementVNode)("button", {
-					type: "button",
-					class: (0, vue.normalizeClass)(["px-3 h-7 rounded-md text-xs font-semibold transition-colors", tab.value === "installed" ? "bg-white text-indigo-700 shadow-sm" : "text-slate-500 hover:text-slate-700"]),
-					"data-testid": "collections-tab-installed",
-					onClick: _cache[0] || (_cache[0] = ($event) => tab.value = "installed")
-				}, (0, vue.toDisplayString)((0, vue.unref)(t)("collectionsView.discover.installedTab")), 3), (0, vue.createElementVNode)("button", {
-					type: "button",
-					class: (0, vue.normalizeClass)(["px-3 h-7 rounded-md text-xs font-semibold transition-colors", tab.value === "discover" ? "bg-white text-teal-700 shadow-sm" : "text-slate-500 hover:text-slate-700"]),
-					"data-testid": "collections-tab-discover",
-					onClick: _cache[1] || (_cache[1] = ($event) => tab.value = "discover")
-				}, (0, vue.toDisplayString)((0, vue.unref)(t)("collectionsView.discover.tab")), 3)])]), tab.value === "installed" ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("button", {
+				(0, vue.createElementVNode)("div", _hoisted_3$1, [(0, vue.createElementVNode)("div", _hoisted_4$1, [(0, vue.createElementVNode)("h1", _hoisted_5$1, (0, vue.toDisplayString)((0, vue.unref)(t)("collectionsView.title")), 1), (0, vue.createElementVNode)("div", _hoisted_6$1, [
+					(0, vue.createElementVNode)("button", {
+						type: "button",
+						class: (0, vue.normalizeClass)(["px-3 h-7 rounded-md text-xs font-semibold transition-colors", tab.value === "installed" ? "bg-white text-indigo-700 shadow-sm" : "text-slate-500 hover:text-slate-700"]),
+						"data-testid": "collections-tab-installed",
+						onClick: _cache[0] || (_cache[0] = ($event) => tab.value = "installed")
+					}, (0, vue.toDisplayString)((0, vue.unref)(t)("collectionsView.discover.installedTab")), 3),
+					(0, vue.createElementVNode)("button", {
+						type: "button",
+						class: (0, vue.normalizeClass)(["px-3 h-7 rounded-md text-xs font-semibold transition-colors", tab.value === "discover" ? "bg-white text-teal-700 shadow-sm" : "text-slate-500 hover:text-slate-700"]),
+						"data-testid": "collections-tab-discover",
+						onClick: _cache[1] || (_cache[1] = ($event) => tab.value = "discover")
+					}, (0, vue.toDisplayString)((0, vue.unref)(t)("collectionsView.discover.tab")), 3),
+					hasOntology ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("button", {
+						key: 0,
+						type: "button",
+						class: (0, vue.normalizeClass)(["px-3 h-7 rounded-md text-xs font-semibold transition-colors", tab.value === "map" ? "bg-white text-indigo-700 shadow-sm" : "text-slate-500 hover:text-slate-700"]),
+						"data-testid": "collections-tab-map",
+						onClick: _cache[2] || (_cache[2] = ($event) => tab.value = "map")
+					}, (0, vue.toDisplayString)((0, vue.unref)(t)("collectionsView.mapTab")), 3)) : (0, vue.createCommentVNode)("", true)
+				])]), tab.value === "installed" ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("button", {
 					key: 0,
 					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-collection",
-					onClick: _cache[2] || (_cache[2] = ($event) => showNewCollectionModal.value = true)
-				}, [_cache[4] || (_cache[4] = (0, vue.createElementVNode)("span", { class: "material-icons text-sm" }, "add", -1)), (0, vue.createElementVNode)("span", null, (0, vue.toDisplayString)((0, vue.unref)(t)("collectionsView.addCollectionLabel")), 1)])) : (0, vue.createCommentVNode)("", true)]),
+					onClick: _cache[3] || (_cache[3] = ($event) => showNewCollectionModal.value = true)
+				}, [_cache[5] || (_cache[5] = (0, vue.createElementVNode)("span", { class: "material-icons text-sm" }, "add", -1)), (0, vue.createElementVNode)("span", null, (0, vue.toDisplayString)((0, vue.unref)(t)("collectionsView.addCollectionLabel")), 1)])) : (0, vue.createCommentVNode)("", true)]),
 				showNewCollectionModal.value ? ((0, vue.openBlock)(), (0, vue.createBlock)(NewCollectionModal_default, {
 					key: 0,
-					onClose: _cache[3] || (_cache[3] = ($event) => showNewCollectionModal.value = false)
+					onClose: _cache[4] || (_cache[4] = ($event) => showNewCollectionModal.value = false)
 				})) : (0, vue.createCommentVNode)("", true),
 				tab.value === "discover" ? ((0, vue.openBlock)(), (0, vue.createBlock)(DiscoverPanel_default, {
 					key: 1,
 					onImported: loadCollections
-				})) : ((0, vue.openBlock)(), (0, vue.createElementBlock)(vue.Fragment, { key: 2 }, [loading.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_7$1, [_cache[5] || (_cache[5] = (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_8$1, [_cache[6] || (_cache[6] = (0, vue.createElementVNode)("span", { class: "material-icons text-red-600" }, "error", -1)), (0, vue.createElementVNode)("span", null, (0, vue.toDisplayString)((0, vue.unref)(t)("collectionsView.loadFailed")) + ": " + (0, vue.toDisplayString)(loadError.value), 1)])) : collections.value.length === 0 ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_9$1, [_cache[7] || (_cache[7] = (0, vue.createElementVNode)("span", { class: "material-icons text-4xl text-slate-300 mb-2" }, "dashboard_customize", -1)), (0, vue.createElementVNode)("p", _hoisted_10$1, (0, vue.toDisplayString)((0, vue.unref)(t)("collectionsView.indexEmpty")), 1)])) : ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_11$1, [hasReadonlyCollections.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_12$1, [((0, vue.openBlock)(), (0, vue.createElementBlock)(vue.Fragment, null, (0, vue.renderList)(FILTER_CHIPS, (chip) => {
+				})) : tab.value === "map" ? ((0, vue.openBlock)(), (0, vue.createBlock)(CollectionOntologyGraphView_default, {
+					key: 2,
+					onOpen: openCollection
+				})) : ((0, vue.openBlock)(), (0, vue.createElementBlock)(vue.Fragment, { key: 3 }, [loading.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_7$1, [_cache[6] || (_cache[6] = (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_8$1, [_cache[7] || (_cache[7] = (0, vue.createElementVNode)("span", { class: "material-icons text-red-600" }, "error", -1)), (0, vue.createElementVNode)("span", null, (0, vue.toDisplayString)((0, vue.unref)(t)("collectionsView.loadFailed")) + ": " + (0, vue.toDisplayString)(loadError.value), 1)])) : collections.value.length === 0 ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_9$1, [_cache[8] || (_cache[8] = (0, vue.createElementVNode)("span", { class: "material-icons text-4xl text-slate-300 mb-2" }, "dashboard_customize", -1)), (0, vue.createElementVNode)("p", _hoisted_10$1, (0, vue.toDisplayString)((0, vue.unref)(t)("collectionsView.indexEmpty")), 1)])) : ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_11$1, [hasReadonlyCollections.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_12$1, [((0, vue.openBlock)(), (0, vue.createElementBlock)(vue.Fragment, null, (0, vue.renderList)(FILTER_CHIPS, (chip) => {
 					return (0, vue.createElementVNode)("button", {
 						key: chip,
 						type: "button",
@@ -6859,7 +7076,7 @@ var CollectionsIndexView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 								key: 0,
 								class: "inline-flex items-center gap-0.5 px-1.5 py-px rounded bg-amber-50 text-amber-700 border border-amber-200 normal-case tracking-normal",
 								"data-testid": `collections-readonly-badge-${collection.slug}`
-							}, [_cache[8] || (_cache[8] = (0, vue.createElementVNode)("span", { class: "material-icons text-[11px]" }, "lock", -1)), (0, vue.createTextVNode)(" " + (0, vue.toDisplayString)((0, vue.unref)(t)("collectionsView.readonlyChip")), 1)], 8, _hoisted_21$1)) : (0, vue.createCommentVNode)("", true)
+							}, [_cache[9] || (_cache[9] = (0, vue.createElementVNode)("span", { class: "material-icons text-[11px]" }, "lock", -1)), (0, vue.createTextVNode)(" " + (0, vue.toDisplayString)((0, vue.unref)(t)("collectionsView.readonlyChip")), 1)], 8, _hoisted_21$1)) : (0, vue.createCommentVNode)("", true)
 						])]),
 						((0, vue.openBlock)(), (0, vue.createBlock)((0, vue.resolveDynamicComponent)((0, vue.unref)(pinToggle)), {
 							kind: "collection",
@@ -6879,8 +7096,8 @@ var CollectionsIndexView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 							"aria-label": (0, vue.unref)(t)("collectionsView.contribute"),
 							"data-testid": `collections-contribute-${collection.slug}`,
 							onClick: (0, vue.withModifiers)(($event) => startContributeChat(collection), ["stop"])
-						}, [..._cache[9] || (_cache[9] = [(0, vue.createElementVNode)("span", { class: "material-icons text-lg" }, "ios_share", -1)])], 8, _hoisted_22$1)) : (0, vue.createCommentVNode)("", true),
-						_cache[10] || (_cache[10] = (0, vue.createElementVNode)("div", { class: "h-8 w-8 flex items-center justify-center rounded-lg bg-slate-50 group-hover:bg-indigo-50 text-slate-400 group-hover:text-indigo-600 transition-all duration-300" }, [(0, vue.createElementVNode)("span", { class: "material-icons text-lg transition-transform duration-300 group-hover:translate-x-0.5" }, "chevron_right")], -1))
+						}, [..._cache[10] || (_cache[10] = [(0, vue.createElementVNode)("span", { class: "material-icons text-lg" }, "ios_share", -1)])], 8, _hoisted_22$1)) : (0, vue.createCommentVNode)("", true),
+						_cache[11] || (_cache[11] = (0, vue.createElementVNode)("div", { class: "h-8 w-8 flex items-center justify-center rounded-lg bg-slate-50 group-hover:bg-indigo-50 text-slate-400 group-hover:text-indigo-600 transition-all duration-300" }, [(0, vue.createElementVNode)("span", { class: "material-icons text-lg transition-transform duration-300 group-hover:translate-x-0.5" }, "chevron_right")], -1))
 					], 40, _hoisted_15$1);
 				}), 128))])]))], 64))
 			])]);