@mulmoclaude/collection-plugin 0.4.1 → 0.5.1

package/dist/vue.cjs

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const require_chunk = require("./chunk-CKQMccvm.cjs");
-const require_promptSafety = require("./promptSafety-BSO2gdsg.cjs");
+const require_promptSafety = require("./promptSafety-B0pPJkfQ.cjs");
 const require_deriveAll = require("./deriveAll-BJ0Lvm1Q.cjs");
 let vue = require("vue");
 let vue_i18n = require("vue-i18n");
@@ -17,395 +17,6 @@ function collectionUi() {
 	return current;
 }
 //#endregion
-//#region src/vue/useCollectionRendering.ts
-function useCollectionRendering(collection, locale) {
-	const refCache = (0, vue.ref)({});
-	const refRecordCache = (0, vue.ref)({});
-	const embedCache = (0, vue.ref)({});
-	function resetLinkedCaches() {
-		refCache.value = {};
-		refRecordCache.value = {};
-		embedCache.value = {};
-	}
-	function uniqueRefTargets(schema) {
-		const targets = /* @__PURE__ */ new Set();
-		const walk = (fields) => {
-			for (const field of Object.values(fields)) {
-				if (field.type === "ref" && typeof field.to === "string" && field.to.length > 0) targets.add(field.to);
-				if (field.type === "table" && field.of) walk(field.of);
-			}
-		};
-		walk(schema.fields);
-		return [...targets];
-	}
-	function uniqueEmbedTargets(schema) {
-		const targets = /* @__PURE__ */ new Set();
-		for (const field of Object.values(schema.fields)) if (field.type === "embed" && typeof field.to === "string" && field.to.length > 0) targets.add(field.to);
-		return [...targets];
-	}
-	function buildRefDisplayMap(detail) {
-		const { fields, primaryKey } = detail.collection.schema;
-		const displayField = "name" in fields ? "name" : "title" in fields ? "title" : primaryKey;
-		const map = {};
-		for (const item of detail.items) {
-			const slugRaw = item[primaryKey];
-			if (typeof slugRaw !== "string" || slugRaw.length === 0) continue;
-			const displayRaw = item[displayField];
-			map[slugRaw] = typeof displayRaw === "string" && displayRaw.length > 0 ? displayRaw : slugRaw;
-		}
-		return map;
-	}
-	function buildRefRecordMap(detail) {
-		const { schema } = detail.collection;
-		const map = {};
-		for (const item of detail.items) {
-			const slugRaw = item[schema.primaryKey];
-			if (typeof slugRaw === "string" && slugRaw.length > 0) map[slugRaw] = require_deriveAll.deriveAll(schema, item, {});
-		}
-		return map;
-	}
-	async function loadLinkedCollections(schema, expectedSlug) {
-		const refTargets = new Set(uniqueRefTargets(schema));
-		const embedTargets = new Set(uniqueEmbedTargets(schema));
-		const allTargets = [...new Set([...refTargets, ...embedTargets])];
-		if (allTargets.length === 0) return;
-		const binding = collectionUi();
-		const results = await Promise.all(allTargets.map(async (target) => {
-			try {
-				return {
-					target,
-					result: await binding.fetchCollectionDetail(target)
-				};
-			} catch {
-				return {
-					target,
-					result: { ok: false }
-				};
-			}
-		}));
-		if (collection.value?.slug !== expectedSlug) return;
-		const nextRef = {};
-		const nextRefRecords = {};
-		const nextEmbed = {};
-		for (const { target, result } of results) {
-			if (!result.ok) continue;
-			if (refTargets.has(target)) {
-				nextRef[target] = buildRefDisplayMap(result.data);
-				nextRefRecords[target] = buildRefRecordMap(result.data);
-			}
-			if (embedTargets.has(target)) nextEmbed[target] = {
-				schema: result.data.collection.schema,
-				items: result.data.items
-			};
-		}
-		refCache.value = nextRef;
-		refRecordCache.value = nextRefRecords;
-		embedCache.value = nextEmbed;
-	}
-	function refDisplay(targetSlug, itemSlug) {
-		const map = refCache.value[targetSlug];
-		return map && map[itemSlug] || itemSlug;
-	}
-	function refOptions(targetSlug) {
-		const map = refCache.value[targetSlug];
-		if (!map) return [];
-		return Object.entries(map).map(([slug, display]) => ({
-			slug,
-			display
-		})).sort((left, right) => left.display.localeCompare(right.display));
-	}
-	function resolveEmbed(field) {
-		if (field.type !== "embed" || !field.to || !field.id) return {
-			schema: null,
-			item: null
-		};
-		const data = embedCache.value[field.to];
-		if (!data) return {
-			schema: null,
-			item: null
-		};
-		const item = data.items.find((entry) => String(entry[data.schema.primaryKey] ?? "") === field.id) ?? null;
-		return {
-			schema: data.schema,
-			item
-		};
-	}
-	function embedValue(field, value, record) {
-		if (field.type === "money") return formatMoney(value, resolveCurrency(field, record), locale.value);
-		return detailText(value);
-	}
-	const embedViews = (0, vue.computed)(() => {
-		const out = {};
-		if (!collection.value) return out;
-		for (const [key, field] of Object.entries(collection.value.schema.fields)) {
-			if (field.type !== "embed") continue;
-			const { schema, item } = resolveEmbed(field);
-			const rows = [];
-			if (schema && item) for (const [subKey, subField] of Object.entries(schema.fields)) {
-				const value = item[subKey];
-				if (value === void 0 || value === null || value === "") continue;
-				rows.push({
-					key: subKey,
-					label: subField.label,
-					type: subField.type,
-					value,
-					display: embedValue(subField, value, item)
-				});
-			}
-			out[key] = {
-				found: Boolean(item),
-				rows,
-				targetSlug: field.to ?? "",
-				recordId: field.id ?? ""
-			};
-		}
-		return out;
-	});
-	function resolveCurrency(field, record) {
-		if (field.currencyField && record) {
-			const code = record[field.currencyField];
-			if (typeof code === "string" && code.trim().length > 0) return code;
-		}
-		return field.currency;
-	}
-	function currencySymbol(currency) {
-		const code = currency && currency.length > 0 ? currency : "USD";
-		try {
-			return new Intl.NumberFormat(locale.value, {
-				style: "currency",
-				currency: code
-			}).formatToParts(0).find((entry) => entry.type === "currency")?.value ?? code;
-		} catch {
-			return code;
-		}
-	}
-	function formatMoney(value, currency, displayLocale) {
-		if (value === void 0 || value === "") return "—";
-		const amount = typeof value === "number" ? value : Number(value);
-		if (!Number.isFinite(amount)) return String(value);
-		const currencyCode = currency && currency.length > 0 ? currency : "USD";
-		try {
-			return new Intl.NumberFormat(displayLocale, {
-				style: "currency",
-				currency: currencyCode
-			}).format(amount);
-		} catch {
-			return String(amount);
-		}
-	}
-	function formatCell(value, type) {
-		if (value === void 0 || value === null || value === "") return "—";
-		if (type === "markdown" && typeof value === "string") return value.length > 80 ? `${value.slice(0, 80)}…` : value;
-		if (typeof value === "string" || typeof value === "number") return String(value);
-		return JSON.stringify(value);
-	}
-	function isExternalUrl(value) {
-		return typeof value === "string" && /^https?:\/\//i.test(value);
-	}
-	function artifactUrl(value) {
-		return collectionUi().fileAssetUrl(value);
-	}
-	function fileRoutePath(value) {
-		return collectionUi().fileRoutePath(value);
-	}
-	function detailText(value) {
-		if (value === void 0 || value === null || value === "") return "—";
-		return String(value);
-	}
-	function tableRows(value) {
-		if (!Array.isArray(value)) return [];
-		return value.filter((row) => Boolean(row) && typeof row === "object" && !Array.isArray(row));
-	}
-	function hasTableRows(value) {
-		return tableRows(value).length > 0;
-	}
-	function formatSubCell(subField, value, record) {
-		if (subField.type === "money") return formatMoney(value, resolveCurrency(subField, record), locale.value);
-		if (subField.type === "ref" && subField.to && typeof value === "string" && value.length > 0) return refDisplay(subField.to, value);
-		return formatCell(value, subField.type);
-	}
-	function inputTypeFor(type) {
-		if (type === "email") return "email";
-		if (type === "number") return "number";
-		if (type === "money") return "number";
-		if (type === "date") return "date";
-		if (type === "datetime") return "datetime-local";
-		return "text";
-	}
-	function evaluateDerivedAgainstItem(field, fieldKey, item) {
-		if (!field.formula || !collection.value) return null;
-		const result = require_deriveAll.deriveAll(collection.value.schema, item, refRecordCache.value)[fieldKey];
-		return typeof result === "number" && Number.isFinite(result) ? result : null;
-	}
-	function derivedDisplay(field, computedValue, record) {
-		if (computedValue === null || computedValue === void 0) return "—";
-		if (field.display === "money") return formatMoney(computedValue, resolveCurrency(field, record), locale.value);
-		return formatCell(computedValue, field.display ?? "number");
-	}
-	return {
-		refCache,
-		refRecordCache,
-		embedCache,
-		resetLinkedCaches,
-		loadLinkedCollections,
-		refDisplay,
-		refOptions,
-		embedViews,
-		resolveCurrency,
-		currencySymbol,
-		formatMoney,
-		formatCell,
-		detailText,
-		isExternalUrl,
-		artifactUrl,
-		fileRoutePath,
-		tableRows,
-		hasTableRows,
-		formatSubCell,
-		inputTypeFor,
-		deriveAll: require_deriveAll.deriveAll,
-		evaluateDerivedAgainstItem,
-		derivedDisplay
-	};
-}
-//#endregion
-//#region src/vue/collectionViewMode.ts
-var STORAGE_KEY = "collection_view_modes";
-var SORT_STORAGE_KEY = "collection_sorts";
-var BUILT_IN_MODES = [
-	"table",
-	"calendar",
-	"kanban"
-];
-/** A persisted mode is valid if it's a known built-in OR any `custom:<id>`
-*  key (the id is validated against the live schema at render time, so an
-*  unknown custom id simply collapses to the table there). Takes `unknown`
-*  and type-guards `string` first: a corrupted localStorage entry could hold a
-*  number/object, and calling `.startsWith` on that would throw. */
-function isValidViewMode(value) {
-	return typeof value === "string" && (BUILT_IN_MODES.includes(value) || value.startsWith("custom:"));
-}
-function readAll() {
-	try {
-		const raw = localStorage.getItem(STORAGE_KEY);
-		if (!raw) return {};
-		const parsed = JSON.parse(raw);
-		return parsed && typeof parsed === "object" && !Array.isArray(parsed) ? parsed : {};
-	} catch {
-		return {};
-	}
-}
-function readCollectionViewMode(slug) {
-	const stored = readAll()[slug];
-	return isValidViewMode(stored) ? stored : null;
-}
-function writeCollectionViewMode(slug, view) {
-	try {
-		const all = readAll();
-		all[slug] = view;
-		localStorage.setItem(STORAGE_KEY, JSON.stringify(all));
-	} catch {}
-}
-function isSortState(value) {
-	if (!value || typeof value !== "object") return false;
-	const rec = value;
-	return typeof rec.field === "string" && (rec.direction === "asc" || rec.direction === "desc");
-}
-function readAllSorts() {
-	try {
-		const raw = localStorage.getItem(SORT_STORAGE_KEY);
-		if (!raw) return {};
-		const parsed = JSON.parse(raw);
-		if (!parsed || typeof parsed !== "object" || Array.isArray(parsed)) return {};
-		const out = {};
-		for (const [slug, value] of Object.entries(parsed)) if (isSortState(value)) out[slug] = value;
-		return out;
-	} catch {
-		return {};
-	}
-}
-function readCollectionSort(slug) {
-	return readAllSorts()[slug] ?? null;
-}
-/** Persist (or, when `sort` is null, clear) the slug's active column sort. */
-function writeCollectionSort(slug, sort) {
-	try {
-		const all = Object.fromEntries(Object.entries(readAllSorts()).filter(([key]) => key !== slug));
-		if (sort) all[slug] = sort;
-		localStorage.setItem(SORT_STORAGE_KEY, JSON.stringify(all));
-	} catch {}
-}
-//#endregion
-//#region src/vue/components/CollectionRecordModal.vue
-var CollectionRecordModal_default = /* @__PURE__ */ (0, vue.defineComponent)({
-	__name: "CollectionRecordModal",
-	emits: ["close"],
-	setup(__props, { emit: __emit }) {
-		const emit = __emit;
-		const dialogEl = (0, vue.ref)(null);
-		let previouslyFocused = null;
-		const FOCUSABLE_SELECTOR = [
-			"a[href]",
-			"button:not([disabled])",
-			"input:not([disabled])",
-			"select:not([disabled])",
-			"textarea:not([disabled])",
-			"[tabindex]:not([tabindex=\"-1\"])"
-		].join(",");
-		/** Visible, focusable controls inside the dialog, in DOM order. */
-		function focusableItems() {
-			if (!dialogEl.value) return [];
-			return Array.from(dialogEl.value.querySelectorAll(FOCUSABLE_SELECTOR)).filter((node) => node.offsetParent !== null);
-		}
-		/** Trap Tab / Shift+Tab inside the dialog so focus can't escape to the
-		*  page behind the overlay. Wraps at both ends; the dialog container
-		*  itself (tabindex -1) counts as "before the first item". */
-		function onTab(event) {
-			const items = focusableItems();
-			if (items.length === 0) {
-				event.preventDefault();
-				dialogEl.value?.focus();
-				return;
-			}
-			const [first] = items;
-			const last = items[items.length - 1];
-			const active = document.activeElement;
-			if (event.shiftKey) {
-				if (active === first || active === dialogEl.value) {
-					event.preventDefault();
-					last.focus();
-				}
-			} else if (active === last) {
-				event.preventDefault();
-				first.focus();
-			}
-		}
-		(0, vue.onMounted)(async () => {
-			previouslyFocused = document.activeElement instanceof HTMLElement ? document.activeElement : null;
-			await (0, vue.nextTick)();
-			dialogEl.value?.focus();
-		});
-		(0, vue.onBeforeUnmount)(() => {
-			previouslyFocused?.focus?.();
-		});
-		return (_ctx, _cache) => {
-			return (0, vue.openBlock)(), (0, vue.createBlock)(vue.Teleport, { to: "body" }, [(0, vue.createElementVNode)("div", {
-				class: "fixed inset-0 z-40 flex items-center justify-center bg-slate-900/40 p-4",
-				"data-testid": "collections-record-modal",
-				onClick: _cache[1] || (_cache[1] = (0, vue.withModifiers)(($event) => emit("close"), ["self"]))
-			}, [(0, vue.createElementVNode)("div", {
-				ref_key: "dialogEl",
-				ref: dialogEl,
-				class: "flex max-h-[85vh] w-full max-w-2xl flex-col overflow-hidden rounded-2xl bg-white shadow-xl focus:outline-none",
-				role: "dialog",
-				"aria-modal": "true",
-				tabindex: "-1",
-				onKeydown: [_cache[0] || (_cache[0] = (0, vue.withKeys)(($event) => emit("close"), ["esc"])), (0, vue.withKeys)(onTab, ["tab"])]
-			}, [(0, vue.renderSlot)(_ctx.$slots, "default")], 544)])]);
-		};
-	}
-});
-//#endregion
 //#region src/vue/lang/index.ts
 var i18n = (0, vue_i18n.createI18n)({
 	legacy: false,
@@ -506,6 +117,11 @@ var i18n = (0, vue_i18n.createI18n)({
 				save: "Save",
 				saving: "Saving...",
 				yes: "Yes"
+			},
+			pluginPresentCollection: {
+				fallbackTitle: "Collection",
+				itemLabel: "Item: {id}",
+				listLabel: "All records"
 			}
 		},
 		ja: {
@@ -602,6 +218,11 @@ var i18n = (0, vue_i18n.createI18n)({
 				save: "保存",
 				saving: "保存中...",
 				yes: "はい"
+			},
+			pluginPresentCollection: {
+				fallbackTitle: "コレクション",
+				itemLabel: "項目: {id}",
+				listLabel: "すべてのレコード"
 			}
 		},
 		zh: {
@@ -698,6 +319,11 @@ var i18n = (0, vue_i18n.createI18n)({
 				save: "保存",
 				saving: "保存中...",
 				yes: "是"
+			},
+			pluginPresentCollection: {
+				fallbackTitle: "集合",
+				itemLabel: "项目：{id}",
+				listLabel: "全部记录"
 			}
 		},
 		ko: {
@@ -794,6 +420,11 @@ var i18n = (0, vue_i18n.createI18n)({
 				save: "저장",
 				saving: "저장 중...",
 				yes: "예"
+			},
+			pluginPresentCollection: {
+				fallbackTitle: "컬렉션",
+				itemLabel: "항목: {id}",
+				listLabel: "모든 레코드"
 			}
 		},
 		es: {
@@ -890,6 +521,11 @@ var i18n = (0, vue_i18n.createI18n)({
 				save: "Guardar",
 				saving: "Guardando...",
 				yes: "Sí"
+			},
+			pluginPresentCollection: {
+				fallbackTitle: "Colección",
+				itemLabel: "Elemento: {id}",
+				listLabel: "Todos los registros"
 			}
 		},
 		"pt-BR": {
@@ -986,6 +622,11 @@ var i18n = (0, vue_i18n.createI18n)({
 				save: "Salvar",
 				saving: "Salvando...",
 				yes: "Sim"
+			},
+			pluginPresentCollection: {
+				fallbackTitle: "Coleção",
+				itemLabel: "Item: {id}",
+				listLabel: "Todos os registros"
 			}
 		},
 		fr: {
@@ -1082,6 +723,11 @@ var i18n = (0, vue_i18n.createI18n)({
 				save: "Enregistrer",
 				saving: "Enregistrement...",
 				yes: "Oui"
+			},
+			pluginPresentCollection: {
+				fallbackTitle: "Collection",
+				itemLabel: "Élément : {id}",
+				listLabel: "Tous les enregistrements"
 			}
 		},
 		de: {
@@ -1178,6 +824,11 @@ var i18n = (0, vue_i18n.createI18n)({
 				save: "Speichern",
 				saving: "Wird gespeichert...",
 				yes: "Ja"
+			},
+			pluginPresentCollection: {
+				fallbackTitle: "Sammlung",
+				itemLabel: "Eintrag: {id}",
+				listLabel: "Alle Datensätze"
 			}
 		}
 	}
@@ -1209,121 +860,106 @@ function useCollectionI18n() {
 	};
 }
 //#endregion
-//#region src/vue/components/CollectionEmbedView.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$9 = { class: "flex items-center justify-between text-[10px] font-bold text-indigo-600/90 tracking-wider uppercase" };
-var _hoisted_2$9 = { class: "flex items-center gap-1.5" };
-var _hoisted_3$9 = { class: "bg-indigo-100/60 text-indigo-700 px-1.5 py-0.5 rounded font-mono font-medium lowercase" };
-var _hoisted_4$9 = { class: "grid gap-x-4 gap-y-3 grid-cols-2" };
-var _hoisted_5$8 = { class: "text-[10px] font-semibold text-slate-400 uppercase tracking-wide" };
-var _hoisted_6$8 = ["data-testid"];
-var _hoisted_7$8 = {
-	key: 0,
-	class: "material-icons text-emerald-600 text-sm align-middle"
-};
-var _hoisted_8$8 = {
-	key: 1,
-	class: "text-slate-300"
-};
-var _hoisted_9$8 = {
-	key: 1,
-	class: "whitespace-pre-wrap font-normal text-slate-600"
-};
-var _hoisted_10$8 = { key: 2 };
-var _hoisted_11$8 = ["data-testid"];
-var _hoisted_12$7 = { class: "flex items-start gap-3" };
-var _hoisted_13$6 = { class: "flex-1 min-w-0" };
-var _hoisted_14$5 = { class: "text-xs font-semibold text-red-800 uppercase tracking-wider mb-1" };
-var _hoisted_15$5 = ["data-testid"];
-//#endregion
-//#region src/vue/components/CollectionEmbedView.vue
-var CollectionEmbedView_default = /* @__PURE__ */ (0, vue.defineComponent)({
-	__name: "CollectionEmbedView",
-	props: {
-		view: {},
-		fieldKey: {}
-	},
-	setup(__props) {
-		const { t } = useCollectionI18n();
-		return (_ctx, _cache) => {
-			const _component_router_link = (0, vue.resolveComponent)("router-link");
-			return __props.view.found ? ((0, vue.openBlock)(), (0, vue.createBlock)(_component_router_link, {
-				key: 0,
-				to: {
-					path: `/collections/${__props.view.targetSlug}`,
-					query: { selected: __props.view.recordId }
-				},
-				class: "group block relative rounded-xl border border-slate-200 bg-slate-50/50 p-4 pl-5 space-y-3 hover:bg-indigo-50/20 hover:border-indigo-200 transition-all duration-300 shadow-sm",
-				"data-testid": `collections-embed-${__props.fieldKey}`
-			}, {
-				default: (0, vue.withCtx)(() => [
-					_cache[1] || (_cache[1] = (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_1$9, [(0, vue.createElementVNode)("div", _hoisted_2$9, [_cache[0] || (_cache[0] = (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_3$9, (0, vue.toDisplayString)(__props.view.recordId), 1)]),
-					(0, vue.createElementVNode)("div", _hoisted_4$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,
-							class: "space-y-0.5"
-						}, [(0, vue.createElementVNode)("div", _hoisted_5$8, (0, vue.toDisplayString)(row.label), 1), (0, vue.createElementVNode)("div", {
-							class: "text-xs text-slate-700 font-medium break-words",
-							"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_7$8, "check_circle")) : ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_8$8, "—"))], 64)) : row.type === "markdown" ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("p", _hoisted_9$8, (0, vue.toDisplayString)(row.display), 1)) : ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_10$8, (0, vue.toDisplayString)(row.display), 1))], 8, _hoisted_6$8)]);
-					}), 128))])
-				]),
-				_: 1
-			}, 8, ["to", "data-testid"])) : ((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}`
-			}, [_cache[4] || (_cache[4] = (0, vue.createElementVNode)("div", { class: "absolute left-0 top-0 bottom-0 w-1 bg-red-400 rounded-l-xl" }, null, -1)), (0, vue.createElementVNode)("div", _hoisted_12$7, [_cache[3] || (_cache[3] = (0, vue.createElementVNode)("span", { class: "material-icons text-red-500 text-lg mt-0.5" }, "error_outline", -1)), (0, vue.createElementVNode)("div", _hoisted_13$6, [
-				(0, vue.createElementVNode)("p", _hoisted_14$5, (0, vue.toDisplayString)((0, vue.unref)(t)("collectionsView.embedMissingTitle")), 1),
-				(0, vue.createElementVNode)("p", {
-					class: "text-xs text-red-600",
-					"data-testid": `collections-embed-missing-${__props.fieldKey}`
-				}, (0, vue.toDisplayString)((0, vue.unref)(t)("collectionsView.embedMissing", {
-					collection: __props.view.targetSlug,
-					id: __props.view.recordId
-				})), 9, _hoisted_15$5),
-				__props.view.targetSlug ? ((0, vue.openBlock)(), (0, vue.createBlock)(_component_router_link, {
-					key: 0,
-					to: { path: `/collections/${__props.view.targetSlug}` },
-					class: "inline-flex items-center gap-0.5 text-xs text-indigo-600 hover:text-indigo-800 font-semibold mt-2 hover:underline"
-				}, {
-					default: (0, vue.withCtx)(() => [(0, vue.createElementVNode)("span", null, (0, vue.toDisplayString)((0, vue.unref)(t)("collectionsView.embedCreate")), 1), _cache[2] || (_cache[2] = (0, vue.createElementVNode)("span", { class: "material-icons text-xs" }, "arrow_forward", -1))]),
-					_: 1
-				}, 8, ["to"])) : (0, vue.createCommentVNode)("", true)
-			])])], 8, _hoisted_11$8));
+//#region src/vue/components/CollectionRecordModal.vue
+var CollectionRecordModal_default = /* @__PURE__ */ (0, vue.defineComponent)({
+	__name: "CollectionRecordModal",
+	emits: ["close"],
+	setup(__props, { emit: __emit }) {
+		const emit = __emit;
+		const teleportTarget = collectionUi().modalTeleportTarget?.() ?? "body";
+		const dialogEl = (0, vue.ref)(null);
+		let previouslyFocused = null;
+		const FOCUSABLE_SELECTOR = [
+			"a[href]",
+			"button:not([disabled])",
+			"input:not([disabled])",
+			"select:not([disabled])",
+			"textarea:not([disabled])",
+			"[tabindex]:not([tabindex=\"-1\"])"
+		].join(",");
+		/** Visible, focusable controls inside the dialog, in DOM order. */
+		function focusableItems() {
+			if (!dialogEl.value) return [];
+			return Array.from(dialogEl.value.querySelectorAll(FOCUSABLE_SELECTOR)).filter((node) => node.offsetParent !== null);
+		}
+		/** Trap Tab / Shift+Tab inside the dialog so focus can't escape to the
+		*  page behind the overlay. Wraps at both ends; the dialog container
+		*  itself (tabindex -1) counts as "before the first item". */
+		function onTab(event) {
+			const items = focusableItems();
+			if (items.length === 0) {
+				event.preventDefault();
+				dialogEl.value?.focus();
+				return;
+			}
+			const [first] = items;
+			const last = items[items.length - 1];
+			const active = document.activeElement;
+			if (event.shiftKey) {
+				if (active === first || active === dialogEl.value) {
+					event.preventDefault();
+					last.focus();
+				}
+			} else if (active === last) {
+				event.preventDefault();
+				first.focus();
+			}
+		}
+		(0, vue.onMounted)(async () => {
+			previouslyFocused = document.activeElement instanceof HTMLElement ? document.activeElement : null;
+			await (0, vue.nextTick)();
+			dialogEl.value?.focus();
+		});
+		(0, vue.onBeforeUnmount)(() => {
+			previouslyFocused?.focus?.();
+		});
+		return (_ctx, _cache) => {
+			return (0, vue.openBlock)(), (0, vue.createBlock)(vue.Teleport, { to: (0, vue.unref)(teleportTarget) }, [(0, vue.createElementVNode)("div", {
+				class: "fixed inset-0 z-40 flex items-center justify-center bg-slate-900/40 p-4",
+				"data-testid": "collections-record-modal",
+				onClick: _cache[1] || (_cache[1] = (0, vue.withModifiers)(($event) => emit("close"), ["self"]))
+			}, [(0, vue.createElementVNode)("div", {
+				ref_key: "dialogEl",
+				ref: dialogEl,
+				class: "flex max-h-[85vh] w-full max-w-2xl flex-col overflow-hidden rounded-2xl bg-white shadow-xl focus:outline-none",
+				role: "dialog",
+				"aria-modal": "true",
+				tabindex: "-1",
+				onKeydown: [_cache[0] || (_cache[0] = (0, vue.withKeys)(($event) => emit("close"), ["esc"])), (0, vue.withKeys)(onTab, ["tab"])]
+			}, [(0, vue.renderSlot)(_ctx.$slots, "default")], 544)])], 8, ["to"]);
 		};
 	}
 });
 //#endregion
 //#region src/vue/components/CollectionCalendarView.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$8 = {
+var _hoisted_1$11 = {
 	class: "flex flex-col gap-3",
 	"data-testid": "collection-calendar"
 };
-var _hoisted_2$8 = { class: "flex items-center gap-2" };
-var _hoisted_3$8 = ["aria-label"];
-var _hoisted_4$8 = ["aria-label"];
-var _hoisted_5$7 = {
+var _hoisted_2$10 = { class: "flex items-center gap-2" };
+var _hoisted_3$10 = ["aria-label"];
+var _hoisted_4$10 = ["aria-label"];
+var _hoisted_5$9 = {
 	class: "text-sm font-bold text-slate-800 flex-1",
 	"data-testid": "collection-calendar-month"
 };
-var _hoisted_6$7 = { class: "grid grid-cols-7 gap-1 text-[10px] font-bold text-slate-400 uppercase tracking-wider select-none" };
-var _hoisted_7$7 = { class: "grid grid-cols-7 gap-1" };
-var _hoisted_8$7 = [
+var _hoisted_6$8 = { class: "grid grid-cols-7 gap-1 text-[10px] font-bold text-slate-400 uppercase tracking-wider select-none" };
+var _hoisted_7$8 = { class: "grid grid-cols-7 gap-1" };
+var _hoisted_8$8 = [
 	"aria-label",
 	"data-testid",
 	"onClick",
 	"onKeydown"
 ];
-var _hoisted_9$7 = { class: "flex items-center justify-end" };
-var _hoisted_10$7 = ["data-testid", "onClick"];
-var _hoisted_11$7 = {
+var _hoisted_9$8 = { class: "flex items-center justify-end" };
+var _hoisted_10$8 = ["data-testid", "onClick"];
+var _hoisted_11$8 = {
 	key: 0,
 	class: "flex flex-wrap items-center gap-1.5 pt-1",
 	"data-testid": "collection-calendar-no-date"
 };
-var _hoisted_12$6 = { class: "text-[10px] font-bold text-slate-400 uppercase tracking-wider mr-1" };
-var _hoisted_13$5 = ["data-testid", "onClick"];
+var _hoisted_12$7 = { class: "text-[10px] font-bold text-slate-400 uppercase tracking-wider mr-1" };
+var _hoisted_13$6 = ["data-testid", "onClick"];
 /** Sort key for ordering a day's chips by start time: earliest first, with
 *  clock-less all-day records sinking to the bottom (matching the day view). */
 var DAY_CHIP_DEFAULT = "bg-indigo-50 text-indigo-700 border-indigo-100 hover:bg-indigo-100";
@@ -1437,23 +1073,23 @@ 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$8, [
-				(0, vue.createElementVNode)("div", _hoisted_2$8, [
+			return (0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_1$11, [
+				(0, vue.createElementVNode)("div", _hoisted_2$10, [
 					(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$8),
+					}, [..._cache[2] || (_cache[2] = [(0, vue.createElementVNode)("span", { class: "material-icons text-lg" }, "chevron_left", -1)])], 8, _hoisted_3$10),
 					(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$8),
-					(0, vue.createElementVNode)("h3", _hoisted_5$7, (0, vue.toDisplayString)(monthLabel.value), 1),
+					}, [..._cache[3] || (_cache[3] = [(0, vue.createElementVNode)("span", { class: "material-icons text-lg" }, "chevron_right", -1)])], 8, _hoisted_4$10),
+					(0, vue.createElementVNode)("h3", _hoisted_5$9, (0, vue.toDisplayString)(monthLabel.value), 1),
 					(0, vue.createElementVNode)("button", {
 						type: "button",
 						class: "h-8 px-2.5 flex items-center gap-1 rounded border border-slate-200 bg-white text-slate-600 hover:bg-slate-50 text-xs font-bold transition-colors",
@@ -1461,13 +1097,13 @@ var CollectionCalendarView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 						onClick: goToday
 					}, (0, vue.toDisplayString)((0, vue.unref)(t)("collectionsView.calendarToday")), 1)
 				]),
-				(0, vue.createElementVNode)("div", _hoisted_6$7, [((0, vue.openBlock)(true), (0, vue.createElementBlock)(vue.Fragment, null, (0, vue.renderList)(weekdayLabels.value, (label, idx) => {
+				(0, vue.createElementVNode)("div", _hoisted_6$8, [((0, vue.openBlock)(true), (0, vue.createElementBlock)(vue.Fragment, null, (0, vue.renderList)(weekdayLabels.value, (label, idx) => {
 					return (0, vue.openBlock)(), (0, vue.createElementBlock)("div", {
 						key: idx,
 						class: "px-1 py-1 text-center"
 					}, (0, vue.toDisplayString)(label), 1);
 				}), 128))]),
-				(0, vue.createElementVNode)("div", _hoisted_7$7, [((0, vue.openBlock)(true), (0, vue.createElementBlock)(vue.Fragment, null, (0, vue.renderList)(cells.value, ({ cell, entries }) => {
+				(0, vue.createElementVNode)("div", _hoisted_7$8, [((0, vue.openBlock)(true), (0, vue.createElementBlock)(vue.Fragment, null, (0, vue.renderList)(cells.value, ({ cell, entries }) => {
 					return (0, vue.openBlock)(), (0, vue.createElementBlock)("div", {
 						key: cell.key,
 						class: (0, vue.normalizeClass)(["min-h-[5.5rem] rounded-lg border p-1 flex flex-col gap-1 overflow-hidden transition-colors cursor-pointer hover:border-indigo-300 focus:outline-none focus:ring-2 focus:ring-indigo-500/30", cell.inMonth ? "bg-white border-slate-200" : "bg-slate-50/50 border-slate-100"]),
@@ -1477,24 +1113,24 @@ var CollectionCalendarView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 						"data-testid": `collection-calendar-day-${cell.key}`,
 						onClick: ($event) => emit("openDay", cell.ymd),
 						onKeydown: [(0, vue.withKeys)((0, vue.withModifiers)(($event) => emit("openDay", cell.ymd), ["self", "prevent"]), ["enter"]), (0, vue.withKeys)((0, vue.withModifiers)(($event) => emit("openDay", cell.ymd), ["self", "prevent"]), ["space"])]
-					}, [(0, vue.createElementVNode)("div", _hoisted_9$7, [(0, vue.createElementVNode)("span", { class: (0, vue.normalizeClass)(["text-[11px] font-bold h-5 min-w-5 px-1 inline-flex items-center justify-center rounded-full", cell.key === (0, vue.unref)(todayKey) ? "bg-indigo-600 text-white" : cell.inMonth ? "text-slate-500" : "text-slate-300"]) }, (0, vue.toDisplayString)(cell.ymd.day), 3)]), ((0, vue.openBlock)(true), (0, vue.createElementBlock)(vue.Fragment, null, (0, vue.renderList)(entries, (entry) => {
+					}, [(0, vue.createElementVNode)("div", _hoisted_9$8, [(0, vue.createElementVNode)("span", { class: (0, vue.normalizeClass)(["text-[11px] font-bold h-5 min-w-5 px-1 inline-flex items-center justify-center rounded-full", cell.key === (0, vue.unref)(todayKey) ? "bg-indigo-600 text-white" : cell.inMonth ? "text-slate-500" : "text-slate-300"]) }, (0, vue.toDisplayString)(cell.ymd.day), 3)]), ((0, vue.openBlock)(true), (0, vue.createElementBlock)(vue.Fragment, null, (0, vue.renderList)(entries, (entry) => {
 						return (0, vue.openBlock)(), (0, vue.createElementBlock)("button", {
 							key: entry.id,
 							type: "button",
 							class: (0, vue.normalizeClass)(["text-left text-[11px] leading-tight font-semibold truncate rounded px-1.5 py-0.5 border transition-colors", chipClass(entry, DAY_CHIP_DEFAULT)]),
 							"data-testid": `collection-calendar-chip-${entry.id}`,
 							onClick: (0, vue.withModifiers)(($event) => emit("select", entry.id), ["stop"])
-						}, (0, vue.toDisplayString)(entry.label), 11, _hoisted_10$7);
-					}), 128))], 42, _hoisted_8$7);
+						}, (0, vue.toDisplayString)(entry.label), 11, _hoisted_10$8);
+					}), 128))], 42, _hoisted_8$8);
 				}), 128))]),
-				bucketed.value.noDate.length > 0 ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_11$7, [(0, vue.createElementVNode)("span", _hoisted_12$6, (0, vue.toDisplayString)((0, vue.unref)(t)("collectionsView.calendarNoDate")), 1), ((0, vue.openBlock)(true), (0, vue.createElementBlock)(vue.Fragment, null, (0, vue.renderList)(undatedEntries.value, (entry) => {
+				bucketed.value.noDate.length > 0 ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_11$8, [(0, vue.createElementVNode)("span", _hoisted_12$7, (0, vue.toDisplayString)((0, vue.unref)(t)("collectionsView.calendarNoDate")), 1), ((0, vue.openBlock)(true), (0, vue.createElementBlock)(vue.Fragment, null, (0, vue.renderList)(undatedEntries.value, (entry) => {
 					return (0, vue.openBlock)(), (0, vue.createElementBlock)("button", {
 						key: entry.id,
 						type: "button",
 						class: (0, vue.normalizeClass)(["text-[11px] font-semibold truncate rounded px-1.5 py-0.5 border transition-colors", chipClass(entry, UNDATED_CHIP_DEFAULT)]),
 						"data-testid": `collection-calendar-undated-${entry.id}`,
 						onClick: ($event) => emit("select", entry.id)
-					}, (0, vue.toDisplayString)(entry.label), 11, _hoisted_13$5);
+					}, (0, vue.toDisplayString)(entry.label), 11, _hoisted_13$6);
 				}), 128))])) : (0, vue.createCommentVNode)("", true)
 			]);
 		};
@@ -1502,40 +1138,40 @@ var CollectionCalendarView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 });
 //#endregion
 //#region src/vue/components/CollectionDayView.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$7 = { class: "flex items-center gap-2 border-b border-slate-200 px-4 py-3" };
-var _hoisted_2$7 = {
+var _hoisted_1$10 = { class: "flex items-center gap-2 border-b border-slate-200 px-4 py-3" };
+var _hoisted_2$9 = {
 	class: "flex-1 text-sm font-bold text-slate-800",
 	"data-testid": "collection-day-view-title"
 };
-var _hoisted_3$7 = ["aria-label"];
-var _hoisted_4$7 = ["aria-label"];
-var _hoisted_5$6 = {
+var _hoisted_3$9 = ["aria-label"];
+var _hoisted_4$9 = ["aria-label"];
+var _hoisted_5$8 = {
 	key: 0,
 	class: "px-4 py-10 text-center text-sm text-slate-400"
 };
-var _hoisted_6$6 = { class: "absolute -top-2 left-0 w-10 pr-1 text-right text-[10px] tabular-nums text-slate-400" };
-var _hoisted_7$6 = {
+var _hoisted_6$7 = { class: "absolute -top-2 left-0 w-10 pr-1 text-right text-[10px] tabular-nums text-slate-400" };
+var _hoisted_7$7 = {
 	class: "absolute inset-y-0 right-0",
 	style: { "left": "2.75rem" }
 };
-var _hoisted_8$6 = ["data-testid", "onClick"];
-var _hoisted_9$6 = { class: "block truncate text-[11px] font-semibold leading-tight" };
-var _hoisted_10$6 = {
+var _hoisted_8$7 = ["data-testid", "onClick"];
+var _hoisted_9$7 = { class: "block truncate text-[11px] font-semibold leading-tight" };
+var _hoisted_10$7 = {
 	key: 0,
 	"aria-hidden": "true"
 };
-var _hoisted_11$6 = {
+var _hoisted_11$7 = {
 	key: 1,
 	"aria-hidden": "true"
 };
-var _hoisted_12$5 = {
+var _hoisted_12$6 = {
 	key: 2,
 	class: "flex flex-wrap items-center gap-1.5 border-t border-slate-200 px-4 py-2",
 	"data-testid": "collection-day-view-all-day"
 };
-var _hoisted_13$4 = { class: "mr-1 text-[10px] font-bold uppercase tracking-wider text-slate-400" };
-var _hoisted_14$4 = ["data-testid", "onClick"];
-var _hoisted_15$4 = {
+var _hoisted_13$5 = { class: "mr-1 text-[10px] font-bold uppercase tracking-wider text-slate-400" };
+var _hoisted_14$5 = ["data-testid", "onClick"];
+var _hoisted_15$5 = {
 	key: 0,
 	class: "min-w-0 flex-1 overflow-y-auto",
 	"data-testid": "collection-day-view-detail"
@@ -1694,8 +1330,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$7, [
-					(0, vue.createElementVNode)("h3", _hoisted_2$7, (0, vue.toDisplayString)(dayLabel.value), 1),
+				(0, vue.createElementVNode)("div", _hoisted_1$10, [
+					(0, vue.createElementVNode)("h3", _hoisted_2$9, (0, vue.toDisplayString)(dayLabel.value), 1),
 					__props.canCreate ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("button", {
 						key: 0,
 						type: "button",
@@ -1703,16 +1339,16 @@ 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$7)) : (0, vue.createCommentVNode)("", true),
+					}, [..._cache[3] || (_cache[3] = [(0, vue.createElementVNode)("span", { class: "material-icons text-lg" }, "add", -1)])], 8, _hoisted_3$9)) : (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$7)
+					}, [..._cache[4] || (_cache[4] = [(0, vue.createElementVNode)("span", { class: "material-icons text-lg" }, "close", -1)])], 8, _hoisted_4$9)
 				]),
-				timedEntries.value.length === 0 && allDayEntries.value.length === 0 ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_5$6, (0, vue.toDisplayString)((0, vue.unref)(t)("collectionsView.dayViewEmpty")), 1)) : ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", {
+				timedEntries.value.length === 0 && allDayEntries.value.length === 0 ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_5$8, (0, vue.toDisplayString)((0, vue.unref)(t)("collectionsView.dayViewEmpty")), 1)) : ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", {
 					key: 1,
 					ref_key: "scrollEl",
 					ref: scrollEl,
@@ -1726,8 +1362,8 @@ var CollectionDayView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 						key: hour,
 						class: "absolute left-0 right-0 border-t border-slate-100",
 						style: (0, vue.normalizeStyle)({ top: `${(hour - 1) * HOUR_PX}px` })
-					}, [(0, vue.createElementVNode)("span", _hoisted_6$6, (0, vue.toDisplayString)(hourLabel(hour - 1)), 1)], 4);
-				}), 64)), (0, vue.createElementVNode)("div", _hoisted_7$6, [((0, vue.openBlock)(true), (0, vue.createElementBlock)(vue.Fragment, null, (0, vue.renderList)(timedEntries.value, (entry) => {
+					}, [(0, vue.createElementVNode)("span", _hoisted_6$7, (0, vue.toDisplayString)(hourLabel(hour - 1)), 1)], 4);
+				}), 64)), (0, vue.createElementVNode)("div", _hoisted_7$7, [((0, vue.openBlock)(true), (0, vue.createElementBlock)(vue.Fragment, null, (0, vue.renderList)(timedEntries.value, (entry) => {
 					return (0, vue.openBlock)(), (0, vue.createElementBlock)("button", {
 						key: entry.id,
 						type: "button",
@@ -1735,56 +1371,56 @@ var CollectionDayView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 						style: (0, vue.normalizeStyle)(entry.style),
 						"data-testid": `collection-day-view-chip-${entry.id}`,
 						onClick: ($event) => onSelect(entry.id)
-					}, [(0, vue.createElementVNode)("span", _hoisted_9$6, [
-						entry.slice.bleedsBefore ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_10$6, "▲ ")) : (0, vue.createCommentVNode)("", true),
+					}, [(0, vue.createElementVNode)("span", _hoisted_9$7, [
+						entry.slice.bleedsBefore ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_10$7, "▲ ")) : (0, vue.createCommentVNode)("", true),
 						(0, vue.createTextVNode)((0, vue.toDisplayString)(entry.label), 1),
-						entry.slice.bleedsAfter ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_11$6, " ▼")) : (0, vue.createCommentVNode)("", true)
+						entry.slice.bleedsAfter ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_11$7, " ▼")) : (0, vue.createCommentVNode)("", true)
 					]), ((0, vue.openBlock)(true), (0, vue.createElementBlock)(vue.Fragment, null, (0, vue.renderList)(entry.secondary, (text, i) => {
 						return (0, vue.openBlock)(), (0, vue.createElementBlock)("span", {
 							key: i,
 							class: "block truncate text-[10px] leading-tight opacity-70"
 						}, (0, vue.toDisplayString)(text), 1);
-					}), 128))], 14, _hoisted_8$6);
+					}), 128))], 14, _hoisted_8$7);
 				}), 128))])], 4)], 512)),
-				allDayEntries.value.length > 0 ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_12$5, [(0, vue.createElementVNode)("span", _hoisted_13$4, (0, vue.toDisplayString)((0, vue.unref)(t)("collectionsView.dayViewAllDay")), 1), ((0, vue.openBlock)(true), (0, vue.createElementBlock)(vue.Fragment, null, (0, vue.renderList)(allDayEntries.value, (entry) => {
+				allDayEntries.value.length > 0 ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_12$6, [(0, vue.createElementVNode)("span", _hoisted_13$5, (0, vue.toDisplayString)((0, vue.unref)(t)("collectionsView.dayViewAllDay")), 1), ((0, vue.openBlock)(true), (0, vue.createElementBlock)(vue.Fragment, null, (0, vue.renderList)(allDayEntries.value, (entry) => {
 					return (0, vue.openBlock)(), (0, vue.createElementBlock)("button", {
 						key: entry.id,
 						type: "button",
 						class: (0, vue.normalizeClass)(["truncate rounded border px-1.5 py-0.5 text-[11px] font-semibold transition-colors", allDayChipClass(entry)]),
 						"data-testid": `collection-day-view-allday-${entry.id}`,
 						onClick: ($event) => onSelect(entry.id)
-					}, (0, vue.toDisplayString)(entry.label), 11, _hoisted_14$4);
+					}, (0, vue.toDisplayString)(entry.label), 11, _hoisted_14$5);
 				}), 128))])) : (0, vue.createCommentVNode)("", true)
-			], 2), __props.showDetail ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_15$4, [(0, vue.renderSlot)(_ctx.$slots, "detail")])) : (0, vue.createCommentVNode)("", true)], 2)], 32);
+			], 2), __props.showDetail ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_15$5, [(0, vue.renderSlot)(_ctx.$slots, "detail")])) : (0, vue.createCommentVNode)("", true)], 2)], 32);
 		};
 	}
 });
 //#endregion
 //#region src/vue/components/CollectionKanbanView.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$6 = {
+var _hoisted_1$9 = {
 	class: "h-full overflow-x-auto overflow-y-hidden",
 	"data-testid": "collection-kanban"
 };
-var _hoisted_2$6 = { class: "flex gap-3 h-full p-1 min-w-max" };
-var _hoisted_3$6 = ["data-testid"];
-var _hoisted_4$6 = { class: "flex items-center justify-between px-3 py-2 border-b border-slate-200" };
-var _hoisted_5$5 = { class: "flex items-center gap-2 min-w-0" };
-var _hoisted_6$5 = ["title"];
-var _hoisted_7$5 = { class: "text-[11px] text-slate-400 shrink-0" };
-var _hoisted_8$5 = [
+var _hoisted_2$8 = { class: "flex gap-3 h-full p-1 min-w-max" };
+var _hoisted_3$8 = ["data-testid"];
+var _hoisted_4$8 = { class: "flex items-center justify-between px-3 py-2 border-b border-slate-200" };
+var _hoisted_5$7 = { class: "flex items-center gap-2 min-w-0" };
+var _hoisted_6$6 = ["title"];
+var _hoisted_7$6 = { class: "text-[11px] text-slate-400 shrink-0" };
+var _hoisted_8$6 = [
 	"data-testid",
 	"aria-label",
 	"onClick",
 	"onKeydown"
 ];
-var _hoisted_9$5 = { class: "flex items-start gap-2" };
-var _hoisted_10$5 = [
+var _hoisted_9$6 = { class: "flex items-start gap-2" };
+var _hoisted_10$6 = [
 	"checked",
 	"aria-label",
 	"data-testid",
 	"onChange"
 ];
-var _hoisted_11$5 = { class: "text-sm font-medium text-slate-800 truncate" };
+var _hoisted_11$6 = { class: "text-sm font-medium text-slate-800 truncate" };
 var UNCATEGORIZED = "";
 //#endregion
 //#region src/vue/components/CollectionKanbanView.vue
@@ -1882,15 +1518,15 @@ 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$6, [(0, vue.createElementVNode)("div", _hoisted_2$6, [((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$9, [(0, vue.createElementVNode)("div", _hoisted_2$8, [((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$6, [(0, vue.createElementVNode)("div", _hoisted_5$5, [(0, vue.createElementVNode)("span", { class: (0, vue.normalizeClass)(["w-2 h-2 rounded-full shrink-0", (0, vue.unref)(require_promptSafety.resolveEnumColor)(__props.schema, __props.groupField, column.value).dot]) }, null, 2), (0, vue.createElementVNode)("span", {
+				}, [(0, vue.createElementVNode)("div", _hoisted_4$8, [(0, vue.createElementVNode)("div", _hoisted_5$7, [(0, vue.createElementVNode)("span", { class: (0, vue.normalizeClass)(["w-2 h-2 rounded-full shrink-0", (0, vue.unref)(require_promptSafety.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$5)]), (0, vue.createElementVNode)("span", _hoisted_7$5, (0, vue.toDisplayString)(itemsByColumn(column.value).length), 1)]), (0, vue.createVNode)((0, vue.unref)(vuedraggable.default), {
+				}, (0, vue.toDisplayString)(column.label), 9, _hoisted_6$6)]), (0, vue.createElementVNode)("span", _hoisted_7$6, (0, vue.toDisplayString)(itemsByColumn(column.value).length), 1)]), (0, vue.createVNode)((0, vue.unref)(vuedraggable.default), {
 					"model-value": itemsByColumn(column.value),
 					"item-key": __props.schema.primaryKey,
 					group: "collection-kanban-cards",
@@ -1906,7 +1542,7 @@ var CollectionKanbanView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 						class: (0, vue.normalizeClass)(["bg-white border border-slate-200 rounded shadow-sm p-2 cursor-grab hover:shadow active:cursor-grabbing focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-indigo-400", [itemId(element) === __props.selected ? "ring-2 ring-indigo-500 border-indigo-300" : "", notifyAccentClass(element)]]),
 						onClick: ($event) => emit("select", itemId(element)),
 						onKeydown: [(0, vue.withKeys)((0, vue.withModifiers)((e) => !e.repeat && emit("select", itemId(element)), ["prevent", "self"]), ["enter"]), (0, vue.withKeys)((0, vue.withModifiers)((e) => !e.repeat && emit("select", itemId(element)), ["prevent", "self"]), ["space"])]
-					}, [(0, vue.createElementVNode)("div", _hoisted_9$5, [cardToggle.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("input", {
+					}, [(0, vue.createElementVNode)("div", _hoisted_9$6, [cardToggle.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("input", {
 						key: 0,
 						type: "checkbox",
 						checked: cardChecked(element),
@@ -1915,24 +1551,138 @@ var CollectionKanbanView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 						"data-testid": `collection-kanban-toggle-${itemId(element)}`,
 						onClick: _cache[0] || (_cache[0] = (0, vue.withModifiers)(() => {}, ["stop"])),
 						onChange: ($event) => onCardToggle(element)
-					}, null, 40, _hoisted_10$5)) : (0, vue.createCommentVNode)("", true), (0, vue.createElementVNode)("div", _hoisted_11$5, (0, vue.toDisplayString)(itemLabel(element)), 1)])], 42, _hoisted_8$5)]),
+					}, null, 40, _hoisted_10$6)) : (0, vue.createCommentVNode)("", true), (0, vue.createElementVNode)("div", _hoisted_11$6, (0, vue.toDisplayString)(itemLabel(element)), 1)])], 42, _hoisted_8$6)]),
 					_: 1
 				}, 8, [
 					"model-value",
 					"item-key",
 					"onChange"
-				])], 8, _hoisted_3$6);
+				])], 8, _hoisted_3$8);
 			}), 128))])]);
 		};
 	}
 });
 //#endregion
+//#region src/vue/refLink.ts
+function isModifiedClick(event) {
+	return event instanceof MouseEvent && (event.metaKey || event.ctrlKey || event.shiftKey || event.altKey);
+}
+/** Activate a ref/embed link → navigate to `targetSlug` (optionally a record). */
+function activateRefLink(event, targetSlug, recordId, stop = false) {
+	if (stop) event.stopPropagation();
+	if (isModifiedClick(event)) return;
+	event.preventDefault();
+	collectionUi().navigateToRecord(targetSlug, recordId);
+}
+/** Activate a `file` cell link → navigate to a host path. When the host has no
+*  `navigate` capability, do NOT preventDefault so the `href` still works (or, in
+*  a router-less host that also has no path, the link simply isn't rendered). */
+function activatePathLink(event, path, stop = false) {
+	if (stop) event.stopPropagation();
+	if (isModifiedClick(event)) return;
+	const nav = collectionUi().navigate;
+	if (!nav) return;
+	event.preventDefault();
+	nav(path);
+}
+//#endregion
+//#region src/vue/components/CollectionEmbedView.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1$8 = [
+	"href",
+	"tabindex",
+	"data-testid"
+];
+var _hoisted_2$7 = { class: "flex items-center justify-between text-[10px] font-bold text-indigo-600/90 tracking-wider uppercase" };
+var _hoisted_3$7 = { class: "flex items-center gap-1.5" };
+var _hoisted_4$7 = { class: "bg-indigo-100/60 text-indigo-700 px-1.5 py-0.5 rounded font-mono font-medium lowercase" };
+var _hoisted_5$6 = { class: "grid gap-x-4 gap-y-3 grid-cols-2" };
+var _hoisted_6$5 = { class: "text-[10px] font-semibold text-slate-400 uppercase tracking-wide" };
+var _hoisted_7$5 = ["data-testid"];
+var _hoisted_8$5 = {
+	key: 0,
+	class: "material-icons text-emerald-600 text-sm align-middle"
+};
+var _hoisted_9$5 = {
+	key: 1,
+	class: "text-slate-300"
+};
+var _hoisted_10$5 = {
+	key: 1,
+	class: "whitespace-pre-wrap font-normal text-slate-600"
+};
+var _hoisted_11$5 = { key: 2 };
+var _hoisted_12$5 = ["data-testid"];
+var _hoisted_13$4 = { class: "flex items-start gap-3" };
+var _hoisted_14$4 = { class: "flex-1 min-w-0" };
+var _hoisted_15$4 = { class: "text-xs font-semibold text-red-800 uppercase tracking-wider mb-1" };
+var _hoisted_16$3 = ["data-testid"];
+var _hoisted_17$3 = ["href", "tabindex"];
+//#endregion
+//#region src/vue/components/CollectionEmbedView.vue
+var CollectionEmbedView_default = /* @__PURE__ */ (0, vue.defineComponent)({
+	__name: "CollectionEmbedView",
+	props: {
+		view: {},
+		fieldKey: {}
+	},
+	setup(__props) {
+		const { t } = useCollectionI18n();
+		const cui = collectionUi();
+		return (_ctx, _cache) => {
+			return __props.view.found ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("a", {
+				key: 0,
+				href: (0, vue.unref)(cui).recordHref?.(__props.view.targetSlug, __props.view.recordId),
+				tabindex: (0, vue.unref)(cui).recordHref?.(__props.view.targetSlug, __props.view.recordId) ? void 0 : 0,
+				role: "link",
+				class: "group block relative rounded-xl border border-slate-200 bg-slate-50/50 p-4 pl-5 space-y-3 hover:bg-indigo-50/20 hover:border-indigo-200 transition-all duration-300 shadow-sm",
+				"data-testid": `collections-embed-${__props.fieldKey}`,
+				onClick: _cache[0] || (_cache[0] = ($event) => (0, vue.unref)(activateRefLink)($event, __props.view.targetSlug, __props.view.recordId)),
+				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$7, [(0, vue.createElementVNode)("div", _hoisted_3$7, [_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$7, (0, vue.toDisplayString)(__props.view.recordId), 1)]),
+				(0, vue.createElementVNode)("div", _hoisted_5$6, [((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,
+						class: "space-y-0.5"
+					}, [(0, vue.createElementVNode)("div", _hoisted_6$5, (0, vue.toDisplayString)(row.label), 1), (0, vue.createElementVNode)("div", {
+						class: "text-xs text-slate-700 font-medium break-words",
+						"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$5, "check_circle")) : ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_9$5, "—"))], 64)) : row.type === "markdown" ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("p", _hoisted_10$5, (0, vue.toDisplayString)(row.display), 1)) : ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_11$5, (0, vue.toDisplayString)(row.display), 1))], 8, _hoisted_7$5)]);
+				}), 128))])
+			], 40, _hoisted_1$8)) : ((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}`
+			}, [_cache[10] || (_cache[10] = (0, vue.createElementVNode)("div", { class: "absolute left-0 top-0 bottom-0 w-1 bg-red-400 rounded-l-xl" }, null, -1)), (0, vue.createElementVNode)("div", _hoisted_13$4, [_cache[9] || (_cache[9] = (0, vue.createElementVNode)("span", { class: "material-icons text-red-500 text-lg mt-0.5" }, "error_outline", -1)), (0, vue.createElementVNode)("div", _hoisted_14$4, [
+				(0, vue.createElementVNode)("p", _hoisted_15$4, (0, vue.toDisplayString)((0, vue.unref)(t)("collectionsView.embedMissingTitle")), 1),
+				(0, vue.createElementVNode)("p", {
+					class: "text-xs text-red-600",
+					"data-testid": `collections-embed-missing-${__props.fieldKey}`
+				}, (0, vue.toDisplayString)((0, vue.unref)(t)("collectionsView.embedMissing", {
+					collection: __props.view.targetSlug,
+					id: __props.view.recordId
+				})), 9, _hoisted_16$3),
+				__props.view.targetSlug ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("a", {
+					key: 0,
+					href: (0, vue.unref)(cui).recordHref?.(__props.view.targetSlug),
+					tabindex: (0, vue.unref)(cui).recordHref?.(__props.view.targetSlug) ? void 0 : 0,
+					role: "link",
+					class: "inline-flex items-center gap-0.5 text-xs text-indigo-600 hover:text-indigo-800 font-semibold mt-2 hover:underline",
+					onClick: _cache[3] || (_cache[3] = ($event) => (0, vue.unref)(activateRefLink)($event, __props.view.targetSlug)),
+					onKeydown: [_cache[4] || (_cache[4] = (0, vue.withKeys)(($event) => (0, vue.unref)(activateRefLink)($event, __props.view.targetSlug), ["enter"])), _cache[5] || (_cache[5] = (0, vue.withKeys)(($event) => (0, vue.unref)(activateRefLink)($event, __props.view.targetSlug), ["space"]))]
+				}, [(0, vue.createElementVNode)("span", null, (0, vue.toDisplayString)((0, vue.unref)(t)("collectionsView.embedCreate")), 1), _cache[8] || (_cache[8] = (0, vue.createElementVNode)("span", { class: "material-icons text-xs" }, "arrow_forward", -1))], 40, _hoisted_17$3)) : (0, vue.createCommentVNode)("", true)
+			])])], 8, _hoisted_12$5));
+		};
+	}
+});
+//#endregion
 //#region src/vue/components/CollectionRecordPanel.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$5 = { class: "flex items-center gap-2 mb-4" };
-var _hoisted_2$5 = { class: "flex-1 min-w-0" };
-var _hoisted_3$5 = { class: "block text-[9px] font-bold text-slate-400 uppercase tracking-wider" };
-var _hoisted_4$5 = ["data-testid"];
-var _hoisted_5$4 = ["disabled"];
+var _hoisted_1$7 = { class: "flex items-center gap-2 mb-4" };
+var _hoisted_2$6 = { class: "flex-1 min-w-0" };
+var _hoisted_3$6 = { class: "block text-[9px] font-bold text-slate-400 uppercase tracking-wider" };
+var _hoisted_4$6 = ["data-testid"];
+var _hoisted_5$5 = ["disabled"];
 var _hoisted_6$4 = {
 	key: 1,
 	class: "flex items-center gap-2"
@@ -2068,49 +1818,61 @@ var _hoisted_52$1 = {
 	key: 2,
 	class: "text-slate-300"
 };
-var _hoisted_53$1 = {
+var _hoisted_53$1 = [
+	"href",
+	"tabindex",
+	"data-testid",
+	"onClick",
+	"onKeydown"
+];
+var _hoisted_54$1 = {
 	key: 3,
 	class: "font-semibold text-slate-900 tabular-nums text-sm"
 };
-var _hoisted_54$1 = {
+var _hoisted_55$1 = {
 	key: 4,
 	class: "inline-block truncate tabular-nums font-bold text-indigo-900 bg-indigo-50/50 px-2 py-0.5 rounded border border-indigo-100/50"
 };
-var _hoisted_55$1 = {
+var _hoisted_56$1 = {
 	key: 5,
 	class: "border border-slate-200/80 rounded-xl overflow-hidden shadow-sm mt-1"
 };
-var _hoisted_56$1 = { class: "w-full text-[11px] text-slate-600 bg-white" };
-var _hoisted_57$1 = { class: "bg-slate-50 border-b border-slate-200 text-slate-500 font-bold uppercase tracking-wider" };
-var _hoisted_58$1 = { class: "divide-y divide-slate-100" };
-var _hoisted_59$1 = {
+var _hoisted_57$1 = { class: "w-full text-[11px] text-slate-600 bg-white" };
+var _hoisted_58$1 = { class: "bg-slate-50 border-b border-slate-200 text-slate-500 font-bold uppercase tracking-wider" };
+var _hoisted_59$1 = { class: "divide-y divide-slate-100" };
+var _hoisted_60$1 = {
 	key: 0,
 	class: "material-icons text-emerald-600 text-base"
 };
-var _hoisted_60$1 = {
+var _hoisted_61$1 = {
 	key: 1,
 	class: "text-slate-300"
 };
-var _hoisted_61$1 = {
+var _hoisted_62$1 = {
 	key: 6,
 	class: "text-slate-400 italic"
 };
-var _hoisted_62$1 = {
+var _hoisted_63$1 = {
 	key: 7,
 	class: "bg-slate-50 rounded-xl p-4 border border-slate-200/60 text-slate-600 text-xs whitespace-pre-wrap leading-relaxed max-h-[30vh] overflow-y-auto"
 };
-var _hoisted_63$1 = [
+var _hoisted_64$1 = [
 	"src",
 	"alt",
 	"data-testid"
 ];
-var _hoisted_64$1 = ["href", "data-testid"];
 var _hoisted_65$1 = ["href", "data-testid"];
-var _hoisted_66$1 = {
+var _hoisted_66$1 = ["href", "data-testid"];
+var _hoisted_67$1 = [
+	"href",
+	"data-testid",
+	"onClick"
+];
+var _hoisted_68$1 = {
 	key: 13,
 	class: "text-slate-800 font-semibold"
 };
-var _hoisted_67$1 = {
+var _hoisted_69$1 = {
 	key: 0,
 	class: "col-span-full text-xs font-semibold text-red-600 bg-red-50 border border-red-100 p-2.5 rounded-xl"
 };
@@ -2145,7 +1907,8 @@ var CollectionRecordPanel_default = /* @__PURE__ */ (0, vue.defineComponent)({
 		"runAction"
 	], ["update:editing"]),
 	setup(__props, { emit: __emit }) {
-		const resolveImageSrc = collectionUi().imageSrc;
+		const cui = collectionUi();
+		const resolveImageSrc = cui.imageSrc;
 		const props = __props;
 		const editing = (0, vue.useModel)(__props, "editing");
 		const emit = __emit;
@@ -2225,17 +1988,16 @@ var CollectionRecordPanel_default = /* @__PURE__ */ (0, vue.defineComponent)({
 			if (rows) rows.splice(index, 1);
 		}
 		return (_ctx, _cache) => {
-			const _component_router_link = (0, vue.resolveComponent)("router-link");
 			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.resolveDynamicComponent)(editing.value ? "form" : "div"), {
 				class: "px-6 py-5 max-h-[60vh] overflow-y-auto",
 				"data-testid": rootTestid.value,
 				onSubmit: _cache[4] || (_cache[4] = (0, vue.withModifiers)(($event) => emit("submit"), ["prevent"]))
 			}, {
 				default: (0, vue.withCtx)(() => [
-					(0, vue.createElementVNode)("div", _hoisted_1$5, [(0, vue.createElementVNode)("div", _hoisted_2$5, [(0, vue.createElementVNode)("span", _hoisted_3$5, (0, vue.toDisplayString)(__props.collection.title), 1), (0, vue.createElementVNode)("h2", {
+					(0, vue.createElementVNode)("div", _hoisted_1$7, [(0, vue.createElementVNode)("div", _hoisted_2$6, [(0, vue.createElementVNode)("span", _hoisted_3$6, (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$5)]), editing.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)(vue.Fragment, { key: 0 }, [(0, vue.createElementVNode)("button", {
+					}, (0, vue.toDisplayString)(headerTitle.value), 9, _hoisted_4$6)]), 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",
@@ -2245,7 +2007,7 @@ var CollectionRecordPanel_default = /* @__PURE__ */ (0, vue.defineComponent)({
 						class: "h-8 px-2.5 rounded bg-indigo-600 text-white font-bold text-xs hover:bg-indigo-700 disabled:opacity-50 transition-all shadow-sm shadow-indigo-600/10",
 						disabled: __props.saving,
 						"data-testid": "collections-editor-save"
-					}, (0, vue.toDisplayString)(__props.saving ? (0, vue.unref)(t)("common.saving") : (0, vue.unref)(t)("common.save")), 9, _hoisted_5$4)], 64)) : ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_6$4, [
+					}, (0, vue.toDisplayString)(__props.saving ? (0, vue.unref)(t)("common.saving") : (0, vue.unref)(t)("common.save")), 9, _hoisted_5$5)], 64)) : ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_6$4, [
 						((0, vue.openBlock)(true), (0, vue.createElementBlock)(vue.Fragment, null, (0, vue.renderList)(__props.visibleActions, (action) => {
 							return (0, vue.openBlock)(), (0, vue.createElementBlock)("button", {
 								key: action.id,
@@ -2421,23 +2183,21 @@ var CollectionRecordPanel_default = /* @__PURE__ */ (0, vue.defineComponent)({
 							key: 1,
 							class: "text-xs font-medium text-slate-700 break-words",
 							"data-testid": `collections-detail-value-${key}`
-						}, [field.type === "toggle" ? ((0, vue.openBlock)(), (0, vue.createElementBlock)(vue.Fragment, { key: 0 }, [field.field !== void 0 && String(detailRecord.value[field.field] ?? "") === field.onValue ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_48$1, [_cache[11] || (_cache[11] = (0, vue.createElementVNode)("span", { class: "h-1.5 w-1.5 rounded-full bg-emerald-500" }, null, -1)), (0, vue.createTextVNode)(" " + (0, vue.toDisplayString)((0, vue.unref)(t)("common.yes")), 1)])) : ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_49$1, (0, vue.toDisplayString)((0, vue.unref)(t)("common.no")), 1))], 64)) : field.type === "boolean" ? ((0, vue.openBlock)(), (0, vue.createElementBlock)(vue.Fragment, { key: 1 }, [detailRecord.value[key] === true ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_50$1, [_cache[12] || (_cache[12] = (0, vue.createElementVNode)("span", { class: "h-1.5 w-1.5 rounded-full bg-emerald-500" }, null, -1)), (0, vue.createTextVNode)(" " + (0, vue.toDisplayString)((0, vue.unref)(t)("common.yes")), 1)])) : detailRecord.value[key] === false ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_51$1, (0, vue.toDisplayString)((0, vue.unref)(t)("common.no")), 1)) : ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_52$1, "—"))], 64)) : field.type === "ref" && field.to && typeof detailRecord.value[key] === "string" && detailRecord.value[key] ? ((0, vue.openBlock)(), (0, vue.createBlock)(_component_router_link, {
+						}, [field.type === "toggle" ? ((0, vue.openBlock)(), (0, vue.createElementBlock)(vue.Fragment, { key: 0 }, [field.field !== void 0 && String(detailRecord.value[field.field] ?? "") === field.onValue ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_48$1, [_cache[11] || (_cache[11] = (0, vue.createElementVNode)("span", { class: "h-1.5 w-1.5 rounded-full bg-emerald-500" }, null, -1)), (0, vue.createTextVNode)(" " + (0, vue.toDisplayString)((0, vue.unref)(t)("common.yes")), 1)])) : ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_49$1, (0, vue.toDisplayString)((0, vue.unref)(t)("common.no")), 1))], 64)) : field.type === "boolean" ? ((0, vue.openBlock)(), (0, vue.createElementBlock)(vue.Fragment, { key: 1 }, [detailRecord.value[key] === true ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_50$1, [_cache[12] || (_cache[12] = (0, vue.createElementVNode)("span", { class: "h-1.5 w-1.5 rounded-full bg-emerald-500" }, null, -1)), (0, vue.createTextVNode)(" " + (0, vue.toDisplayString)((0, vue.unref)(t)("common.yes")), 1)])) : detailRecord.value[key] === false ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_51$1, (0, vue.toDisplayString)((0, vue.unref)(t)("common.no")), 1)) : ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_52$1, "—"))], 64)) : field.type === "ref" && field.to && typeof detailRecord.value[key] === "string" && detailRecord.value[key] ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("a", {
 							key: 2,
-							to: {
-								path: `/collections/${field.to}`,
-								query: { selected: String(detailRecord.value[key]) }
-							},
+							href: (0, vue.unref)(cui).recordHref?.(field.to, String(detailRecord.value[key])),
+							tabindex: (0, vue.unref)(cui).recordHref?.(field.to, String(detailRecord.value[key])) ? void 0 : 0,
+							role: "link",
 							class: "text-indigo-600 hover:text-indigo-800 font-bold hover:underline",
-							"data-testid": `collections-detail-ref-${key}`
-						}, {
-							default: (0, vue.withCtx)(() => [(0, vue.createTextVNode)((0, vue.toDisplayString)(__props.render.refDisplay(field.to, String(detailRecord.value[key]))), 1)]),
-							_: 2
-						}, 1032, ["to", "data-testid"])) : field.type === "money" ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_53$1, (0, vue.toDisplayString)(__props.render.formatMoney(detailRecord.value[key], __props.render.resolveCurrency(field, detailRecord.value), __props.locale)), 1)) : field.type === "derived" ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_54$1, (0, vue.toDisplayString)(__props.render.derivedDisplay(field, __props.render.evaluateDerivedAgainstItem(field, String(key), detailRecord.value), detailRecord.value)), 1)) : field.type === "table" && field.of && __props.render.hasTableRows(detailRecord.value[key]) ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_55$1, [(0, vue.createElementVNode)("table", _hoisted_56$1, [(0, vue.createElementVNode)("thead", _hoisted_57$1, [(0, vue.createElementVNode)("tr", null, [((0, vue.openBlock)(true), (0, vue.createElementBlock)(vue.Fragment, null, (0, vue.renderList)(field.of, (subField, subKey) => {
+							"data-testid": `collections-detail-ref-${key}`,
+							onClick: ($event) => (0, vue.unref)(activateRefLink)($event, field.to, String(detailRecord.value[key])),
+							onKeydown: [(0, vue.withKeys)(($event) => (0, vue.unref)(activateRefLink)($event, field.to, String(detailRecord.value[key])), ["enter"]), (0, vue.withKeys)(($event) => (0, vue.unref)(activateRefLink)($event, field.to, String(detailRecord.value[key])), ["space"])]
+						}, (0, vue.toDisplayString)(__props.render.refDisplay(field.to, String(detailRecord.value[key]))), 41, _hoisted_53$1)) : field.type === "money" ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_54$1, (0, vue.toDisplayString)(__props.render.formatMoney(detailRecord.value[key], __props.render.resolveCurrency(field, detailRecord.value), __props.locale)), 1)) : field.type === "derived" ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_55$1, (0, vue.toDisplayString)(__props.render.derivedDisplay(field, __props.render.evaluateDerivedAgainstItem(field, String(key), detailRecord.value), detailRecord.value)), 1)) : field.type === "table" && field.of && __props.render.hasTableRows(detailRecord.value[key]) ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_56$1, [(0, vue.createElementVNode)("table", _hoisted_57$1, [(0, vue.createElementVNode)("thead", _hoisted_58$1, [(0, vue.createElementVNode)("tr", null, [((0, vue.openBlock)(true), (0, vue.createElementBlock)(vue.Fragment, null, (0, vue.renderList)(field.of, (subField, subKey) => {
 							return (0, vue.openBlock)(), (0, vue.createElementBlock)("th", {
 								key: subKey,
 								class: "text-left px-4 py-2 font-bold"
 							}, (0, vue.toDisplayString)(subField.label), 1);
-						}), 128))])]), (0, vue.createElementVNode)("tbody", _hoisted_58$1, [((0, vue.openBlock)(true), (0, vue.createElementBlock)(vue.Fragment, null, (0, vue.renderList)(__props.render.tableRows(detailRecord.value[key]), (row, rowIdx) => {
+						}), 128))])]), (0, vue.createElementVNode)("tbody", _hoisted_59$1, [((0, vue.openBlock)(true), (0, vue.createElementBlock)(vue.Fragment, null, (0, vue.renderList)(__props.render.tableRows(detailRecord.value[key]), (row, rowIdx) => {
 							return (0, vue.openBlock)(), (0, vue.createElementBlock)("tr", {
 								key: rowIdx,
 								class: "hover:bg-slate-50/50"
@@ -2445,12 +2205,12 @@ var CollectionRecordPanel_default = /* @__PURE__ */ (0, vue.defineComponent)({
 								return (0, vue.openBlock)(), (0, vue.createElementBlock)("td", {
 									key: subKey,
 									class: "px-4 py-2 align-middle font-medium"
-								}, [subField.type === "boolean" ? ((0, vue.openBlock)(), (0, vue.createElementBlock)(vue.Fragment, { key: 0 }, [row[subKey] === true ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_59$1, "check_circle")) : ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_60$1, "—"))], 64)) : ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", {
+								}, [subField.type === "boolean" ? ((0, vue.openBlock)(), (0, vue.createElementBlock)(vue.Fragment, { key: 0 }, [row[subKey] === true ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_60$1, "check_circle")) : ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_61$1, "—"))], 64)) : ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", {
 									key: 1,
 									class: (0, vue.normalizeClass)([subField.type === "money" ? "font-bold text-slate-800 tabular-nums" : ""])
 								}, (0, vue.toDisplayString)(__props.render.formatSubCell(subField, row[subKey], detailRecord.value)), 3))]);
 							}), 128))]);
-						}), 128))])])])) : field.type === "table" ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_61$1, (0, vue.toDisplayString)((0, vue.unref)(t)("collectionsView.noRows")), 1)) : field.type === "markdown" ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_62$1, (0, vue.toDisplayString)(__props.render.detailText(detailRecord.value[key])), 1)) : field.type === "embed" && embedViews.value[key] ? ((0, vue.openBlock)(), (0, vue.createBlock)(CollectionEmbedView_default, {
+						}), 128))])])])) : field.type === "table" ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_62$1, (0, vue.toDisplayString)((0, vue.unref)(t)("collectionsView.noRows")), 1)) : field.type === "markdown" ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_63$1, (0, vue.toDisplayString)(__props.render.detailText(detailRecord.value[key])), 1)) : field.type === "embed" && embedViews.value[key] ? ((0, vue.openBlock)(), (0, vue.createBlock)(CollectionEmbedView_default, {
 							key: 8,
 							view: embedViews.value[key],
 							"field-key": String(key)
@@ -2460,30 +2220,28 @@ var CollectionRecordPanel_default = /* @__PURE__ */ (0, vue.defineComponent)({
 							alt: field.label,
 							class: "max-h-64 max-w-full object-contain rounded-lg border border-slate-200 bg-slate-50",
 							"data-testid": `collections-detail-image-${key}`
-						}, null, 8, _hoisted_63$1)) : field.type !== "file" && __props.render.isExternalUrl(detailRecord.value[key]) ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("a", {
+						}, null, 8, _hoisted_64$1)) : field.type !== "file" && __props.render.isExternalUrl(detailRecord.value[key]) ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("a", {
 							key: 10,
 							href: String(detailRecord.value[key]),
 							target: "_blank",
 							rel: "noopener noreferrer",
 							class: "text-blue-600 hover:text-blue-800 font-semibold hover:underline break-all",
 							"data-testid": `collections-detail-url-${key}`
-						}, (0, vue.toDisplayString)(String(detailRecord.value[key])), 9, _hoisted_64$1)) : field.type === "file" && __props.render.artifactUrl(detailRecord.value[key]) ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("a", {
+						}, (0, vue.toDisplayString)(String(detailRecord.value[key])), 9, _hoisted_65$1)) : field.type === "file" && __props.render.artifactUrl(detailRecord.value[key]) ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("a", {
 							key: 11,
 							href: __props.render.artifactUrl(detailRecord.value[key]) ?? void 0,
 							target: "_blank",
 							rel: "noopener noreferrer",
 							class: "text-blue-600 hover:text-blue-800 font-semibold hover:underline break-all",
 							"data-testid": `collections-detail-file-${key}`
-						}, (0, vue.toDisplayString)(String(detailRecord.value[key])), 9, _hoisted_65$1)) : field.type === "file" && __props.render.fileRoutePath(detailRecord.value[key]) ? ((0, vue.openBlock)(), (0, vue.createBlock)(_component_router_link, {
+						}, (0, vue.toDisplayString)(String(detailRecord.value[key])), 9, _hoisted_66$1)) : field.type === "file" && __props.render.fileRoutePath(detailRecord.value[key]) ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("a", {
 							key: 12,
-							to: __props.render.fileRoutePath(detailRecord.value[key]) ?? "",
+							href: __props.render.fileRoutePath(detailRecord.value[key]) ?? void 0,
 							class: "text-blue-600 hover:text-blue-800 font-semibold hover:underline break-all",
-							"data-testid": `collections-detail-file-${key}`
-						}, {
-							default: (0, vue.withCtx)(() => [(0, vue.createTextVNode)((0, vue.toDisplayString)(String(detailRecord.value[key])), 1)]),
-							_: 2
-						}, 1032, ["to", "data-testid"])) : ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_66$1, (0, vue.toDisplayString)(__props.render.formatCell(detailRecord.value[key], field.type)), 1))], 8, _hoisted_47$1))], 2)) : (0, vue.createCommentVNode)("", true)], 64);
-					}), 128)), editing.value && __props.saveError ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("p", _hoisted_67$1, (0, vue.toDisplayString)(__props.saveError), 1)) : (0, vue.createCommentVNode)("", true)])
+							"data-testid": `collections-detail-file-${key}`,
+							onClick: ($event) => (0, vue.unref)(activatePathLink)($event, __props.render.fileRoutePath(detailRecord.value[key]) ?? "")
+						}, (0, vue.toDisplayString)(String(detailRecord.value[key])), 9, _hoisted_67$1)) : ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_68$1, (0, vue.toDisplayString)(__props.render.formatCell(detailRecord.value[key], field.type)), 1))], 8, _hoisted_47$1))], 2)) : (0, vue.createCommentVNode)("", true)], 64);
+					}), 128)), editing.value && __props.saveError ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("p", _hoisted_69$1, (0, vue.toDisplayString)(__props.saveError), 1)) : (0, vue.createCommentVNode)("", true)])
 				]),
 				_: 1
 			}, 40, ["data-testid"]);
@@ -2492,14 +2250,14 @@ var CollectionRecordPanel_default = /* @__PURE__ */ (0, vue.defineComponent)({
 });
 //#endregion
 //#region src/vue/components/CollectionViewConfigModal.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$4 = {
+var _hoisted_1$6 = {
 	"data-testid": "collection-config-modal",
 	class: "flex flex-col overflow-hidden"
 };
-var _hoisted_2$4 = { class: "flex items-center justify-between gap-2 border-b border-slate-100 px-5 py-3" };
-var _hoisted_3$4 = { class: "text-sm font-bold text-slate-700" };
-var _hoisted_4$4 = ["title", "aria-label"];
-var _hoisted_5$3 = { class: "overflow-y-auto px-5 py-4" };
+var _hoisted_2$5 = { class: "flex items-center justify-between gap-2 border-b border-slate-100 px-5 py-3" };
+var _hoisted_3$5 = { class: "text-sm font-bold text-slate-700" };
+var _hoisted_4$5 = ["title", "aria-label"];
+var _hoisted_5$4 = { class: "overflow-y-auto px-5 py-4" };
 var _hoisted_6$3 = { class: "mb-2 text-[10px] font-bold uppercase tracking-wider text-slate-400" };
 var _hoisted_7$3 = {
 	key: 0,
@@ -2564,14 +2322,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$4, [(0, vue.createElementVNode)("header", _hoisted_2$4, [(0, vue.createElementVNode)("h2", _hoisted_3$4, (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$6, [(0, vue.createElementVNode)("header", _hoisted_2$5, [(0, vue.createElementVNode)("h2", _hoisted_3$5, (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$4)]), (0, vue.createElementVNode)("div", _hoisted_5$3, [
+				}, [..._cache[2] || (_cache[2] = [(0, vue.createElementVNode)("span", { class: "material-icons text-sm" }, "close", -1)])], 8, _hoisted_4$5)]), (0, vue.createElementVNode)("div", _hoisted_5$4, [
 					(0, vue.createElementVNode)("h3", _hoisted_6$3, (0, vue.toDisplayString)((0, vue.unref)(t)("collectionsView.config.viewsHeading")), 1),
 					error.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("p", _hoisted_7$3, (0, vue.toDisplayString)(error.value), 1)) : (0, vue.createCommentVNode)("", true),
 					__props.views.length > 0 ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("ul", _hoisted_8$3, [((0, vue.openBlock)(true), (0, vue.createElementBlock)(vue.Fragment, null, (0, vue.renderList)(__props.views, (view) => {
@@ -2600,19 +2358,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$3 = { class: "custom-view-container" };
-var _hoisted_2$3 = {
+var _hoisted_1$5 = { class: "custom-view-container" };
+var _hoisted_2$4 = {
 	key: 0,
 	class: "custom-view-message",
 	role: "alert",
 	"data-testid": "collection-custom-view-error"
 };
-var _hoisted_3$3 = {
+var _hoisted_3$4 = {
 	key: 1,
 	class: "custom-view-message",
 	"data-testid": "collection-custom-view-loading"
 };
-var _hoisted_4$3 = ["title", "srcdoc"];
+var _hoisted_4$4 = ["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)({
@@ -2668,46 +2426,365 @@ var CollectionCustomView_vue_vue_type_script_setup_true_lang_default = /* @__PUR
 					dataUrl: mint.data.dataUrl,
 					origin: window.location.origin
 				});
-			} catch (err) {
-				if (!stale()) error.value = require_promptSafety.errorMessage(err);
-			} finally {
-				if (!stale()) loading.value = false;
+			} catch (err) {
+				if (!stale()) error.value = require_promptSafety.errorMessage(err);
+			} finally {
+				if (!stale()) loading.value = false;
+			}
+		}
+		(0, vue.watch)([() => props.slug, () => props.view.id], () => void load(), { immediate: true });
+		(0, vue.onBeforeUnmount)(clearRefresh);
+		return (_ctx, _cache) => {
+			return (0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_1$5, [error.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_2$4, (0, vue.toDisplayString)((0, vue.unref)(t)("collectionsView.customViewError", { error: error.value })), 1)) : loading.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_3$4, (0, vue.toDisplayString)((0, vue.unref)(t)("collectionsView.customViewLoading")), 1)) : srcdoc.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("iframe", {
+				key: __props.view.id,
+				"data-testid": "collection-custom-view-iframe",
+				title: __props.view.label,
+				srcdoc: srcdoc.value,
+				sandbox: "allow-scripts allow-popups allow-popups-to-escape-sandbox",
+				class: "w-full h-full border-0"
+			}, null, 8, _hoisted_4$4)) : (0, vue.createCommentVNode)("", true)]);
+		};
+	}
+});
+//#endregion
+//#region \0plugin-vue:export-helper
+var _plugin_vue_export_helper_default = (sfc, props) => {
+	const target = sfc.__vccOpts || sfc;
+	for (const [key, val] of props) target[key] = val;
+	return target;
+};
+//#endregion
+//#region src/vue/components/CollectionCustomView.vue
+var CollectionCustomView_default = /* @__PURE__ */ _plugin_vue_export_helper_default(CollectionCustomView_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-3ab71997"]]);
+//#endregion
+//#region src/vue/useCollectionRendering.ts
+function useCollectionRendering(collection, locale) {
+	const refCache = (0, vue.ref)({});
+	const refRecordCache = (0, vue.ref)({});
+	const embedCache = (0, vue.ref)({});
+	function resetLinkedCaches() {
+		refCache.value = {};
+		refRecordCache.value = {};
+		embedCache.value = {};
+	}
+	function uniqueRefTargets(schema) {
+		const targets = /* @__PURE__ */ new Set();
+		const walk = (fields) => {
+			for (const field of Object.values(fields)) {
+				if (field.type === "ref" && typeof field.to === "string" && field.to.length > 0) targets.add(field.to);
+				if (field.type === "table" && field.of) walk(field.of);
+			}
+		};
+		walk(schema.fields);
+		return [...targets];
+	}
+	function uniqueEmbedTargets(schema) {
+		const targets = /* @__PURE__ */ new Set();
+		for (const field of Object.values(schema.fields)) if (field.type === "embed" && typeof field.to === "string" && field.to.length > 0) targets.add(field.to);
+		return [...targets];
+	}
+	function buildRefDisplayMap(detail) {
+		const { fields, primaryKey } = detail.collection.schema;
+		const displayField = "name" in fields ? "name" : "title" in fields ? "title" : primaryKey;
+		const map = {};
+		for (const item of detail.items) {
+			const slugRaw = item[primaryKey];
+			if (typeof slugRaw !== "string" || slugRaw.length === 0) continue;
+			const displayRaw = item[displayField];
+			map[slugRaw] = typeof displayRaw === "string" && displayRaw.length > 0 ? displayRaw : slugRaw;
+		}
+		return map;
+	}
+	function buildRefRecordMap(detail) {
+		const { schema } = detail.collection;
+		const map = {};
+		for (const item of detail.items) {
+			const slugRaw = item[schema.primaryKey];
+			if (typeof slugRaw === "string" && slugRaw.length > 0) map[slugRaw] = require_deriveAll.deriveAll(schema, item, {});
+		}
+		return map;
+	}
+	async function loadLinkedCollections(schema, expectedSlug) {
+		const refTargets = new Set(uniqueRefTargets(schema));
+		const embedTargets = new Set(uniqueEmbedTargets(schema));
+		const allTargets = [...new Set([...refTargets, ...embedTargets])];
+		if (allTargets.length === 0) return;
+		const binding = collectionUi();
+		const results = await Promise.all(allTargets.map(async (target) => {
+			try {
+				return {
+					target,
+					result: await binding.fetchCollectionDetail(target)
+				};
+			} catch {
+				return {
+					target,
+					result: { ok: false }
+				};
+			}
+		}));
+		if (collection.value?.slug !== expectedSlug) return;
+		const nextRef = {};
+		const nextRefRecords = {};
+		const nextEmbed = {};
+		for (const { target, result } of results) {
+			if (!result.ok) continue;
+			if (refTargets.has(target)) {
+				nextRef[target] = buildRefDisplayMap(result.data);
+				nextRefRecords[target] = buildRefRecordMap(result.data);
+			}
+			if (embedTargets.has(target)) nextEmbed[target] = {
+				schema: result.data.collection.schema,
+				items: result.data.items
+			};
+		}
+		refCache.value = nextRef;
+		refRecordCache.value = nextRefRecords;
+		embedCache.value = nextEmbed;
+	}
+	function refDisplay(targetSlug, itemSlug) {
+		const map = refCache.value[targetSlug];
+		return map && map[itemSlug] || itemSlug;
+	}
+	function refOptions(targetSlug) {
+		const map = refCache.value[targetSlug];
+		if (!map) return [];
+		return Object.entries(map).map(([slug, display]) => ({
+			slug,
+			display
+		})).sort((left, right) => left.display.localeCompare(right.display));
+	}
+	function resolveEmbed(field) {
+		if (field.type !== "embed" || !field.to || !field.id) return {
+			schema: null,
+			item: null
+		};
+		const data = embedCache.value[field.to];
+		if (!data) return {
+			schema: null,
+			item: null
+		};
+		const item = data.items.find((entry) => String(entry[data.schema.primaryKey] ?? "") === field.id) ?? null;
+		return {
+			schema: data.schema,
+			item
+		};
+	}
+	function embedValue(field, value, record) {
+		if (field.type === "money") return formatMoney(value, resolveCurrency(field, record), locale.value);
+		return detailText(value);
+	}
+	const embedViews = (0, vue.computed)(() => {
+		const out = {};
+		if (!collection.value) return out;
+		for (const [key, field] of Object.entries(collection.value.schema.fields)) {
+			if (field.type !== "embed") continue;
+			const { schema, item } = resolveEmbed(field);
+			const rows = [];
+			if (schema && item) for (const [subKey, subField] of Object.entries(schema.fields)) {
+				const value = item[subKey];
+				if (value === void 0 || value === null || value === "") continue;
+				rows.push({
+					key: subKey,
+					label: subField.label,
+					type: subField.type,
+					value,
+					display: embedValue(subField, value, item)
+				});
 			}
+			out[key] = {
+				found: Boolean(item),
+				rows,
+				targetSlug: field.to ?? "",
+				recordId: field.id ?? ""
+			};
 		}
-		(0, vue.watch)([() => props.slug, () => props.view.id], () => void load(), { immediate: true });
-		(0, vue.onBeforeUnmount)(clearRefresh);
-		return (_ctx, _cache) => {
-			return (0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_1$3, [error.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_2$3, (0, vue.toDisplayString)((0, vue.unref)(t)("collectionsView.customViewError", { error: error.value })), 1)) : loading.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_3$3, (0, vue.toDisplayString)((0, vue.unref)(t)("collectionsView.customViewLoading")), 1)) : srcdoc.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("iframe", {
-				key: __props.view.id,
-				"data-testid": "collection-custom-view-iframe",
-				title: __props.view.label,
-				srcdoc: srcdoc.value,
-				sandbox: "allow-scripts allow-popups allow-popups-to-escape-sandbox",
-				class: "w-full h-full border-0"
-			}, null, 8, _hoisted_4$3)) : (0, vue.createCommentVNode)("", true)]);
-		};
+		return out;
+	});
+	function resolveCurrency(field, record) {
+		if (field.currencyField && record) {
+			const code = record[field.currencyField];
+			if (typeof code === "string" && code.trim().length > 0) return code;
+		}
+		return field.currency;
 	}
-});
-//#endregion
-//#region \0plugin-vue:export-helper
-var _plugin_vue_export_helper_default = (sfc, props) => {
-	const target = sfc.__vccOpts || sfc;
-	for (const [key, val] of props) target[key] = val;
-	return target;
-};
+	function currencySymbol(currency) {
+		const code = currency && currency.length > 0 ? currency : "USD";
+		try {
+			return new Intl.NumberFormat(locale.value, {
+				style: "currency",
+				currency: code
+			}).formatToParts(0).find((entry) => entry.type === "currency")?.value ?? code;
+		} catch {
+			return code;
+		}
+	}
+	function formatMoney(value, currency, displayLocale) {
+		if (value === void 0 || value === "") return "—";
+		const amount = typeof value === "number" ? value : Number(value);
+		if (!Number.isFinite(amount)) return String(value);
+		const currencyCode = currency && currency.length > 0 ? currency : "USD";
+		try {
+			return new Intl.NumberFormat(displayLocale, {
+				style: "currency",
+				currency: currencyCode
+			}).format(amount);
+		} catch {
+			return String(amount);
+		}
+	}
+	function formatCell(value, type) {
+		if (value === void 0 || value === null || value === "") return "—";
+		if (type === "markdown" && typeof value === "string") return value.length > 80 ? `${value.slice(0, 80)}…` : value;
+		if (typeof value === "string" || typeof value === "number") return String(value);
+		return JSON.stringify(value);
+	}
+	function isExternalUrl(value) {
+		return typeof value === "string" && /^https?:\/\//i.test(value);
+	}
+	function artifactUrl(value) {
+		return collectionUi().fileAssetUrl(value);
+	}
+	function fileRoutePath(value) {
+		return collectionUi().fileRoutePath(value);
+	}
+	function detailText(value) {
+		if (value === void 0 || value === null || value === "") return "—";
+		return String(value);
+	}
+	function tableRows(value) {
+		if (!Array.isArray(value)) return [];
+		return value.filter((row) => Boolean(row) && typeof row === "object" && !Array.isArray(row));
+	}
+	function hasTableRows(value) {
+		return tableRows(value).length > 0;
+	}
+	function formatSubCell(subField, value, record) {
+		if (subField.type === "money") return formatMoney(value, resolveCurrency(subField, record), locale.value);
+		if (subField.type === "ref" && subField.to && typeof value === "string" && value.length > 0) return refDisplay(subField.to, value);
+		return formatCell(value, subField.type);
+	}
+	function inputTypeFor(type) {
+		if (type === "email") return "email";
+		if (type === "number") return "number";
+		if (type === "money") return "number";
+		if (type === "date") return "date";
+		if (type === "datetime") return "datetime-local";
+		return "text";
+	}
+	function evaluateDerivedAgainstItem(field, fieldKey, item) {
+		if (!field.formula || !collection.value) return null;
+		const result = require_deriveAll.deriveAll(collection.value.schema, item, refRecordCache.value)[fieldKey];
+		return typeof result === "number" && Number.isFinite(result) ? result : null;
+	}
+	function derivedDisplay(field, computedValue, record) {
+		if (computedValue === null || computedValue === void 0) return "—";
+		if (field.display === "money") return formatMoney(computedValue, resolveCurrency(field, record), locale.value);
+		return formatCell(computedValue, field.display ?? "number");
+	}
+	return {
+		refCache,
+		refRecordCache,
+		embedCache,
+		resetLinkedCaches,
+		loadLinkedCollections,
+		refDisplay,
+		refOptions,
+		embedViews,
+		resolveCurrency,
+		currencySymbol,
+		formatMoney,
+		formatCell,
+		detailText,
+		isExternalUrl,
+		artifactUrl,
+		fileRoutePath,
+		tableRows,
+		hasTableRows,
+		formatSubCell,
+		inputTypeFor,
+		deriveAll: require_deriveAll.deriveAll,
+		evaluateDerivedAgainstItem,
+		derivedDisplay
+	};
+}
 //#endregion
-//#region src/vue/components/CollectionCustomView.vue
-var CollectionCustomView_default = /* @__PURE__ */ _plugin_vue_export_helper_default(CollectionCustomView_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-3ab71997"]]);
+//#region src/vue/collectionViewMode.ts
+var STORAGE_KEY = "collection_view_modes";
+var SORT_STORAGE_KEY = "collection_sorts";
+var BUILT_IN_MODES = [
+	"table",
+	"calendar",
+	"kanban"
+];
+/** A persisted mode is valid if it's a known built-in OR any `custom:<id>`
+*  key (the id is validated against the live schema at render time, so an
+*  unknown custom id simply collapses to the table there). Takes `unknown`
+*  and type-guards `string` first: a corrupted localStorage entry could hold a
+*  number/object, and calling `.startsWith` on that would throw. */
+function isValidViewMode(value) {
+	return typeof value === "string" && (BUILT_IN_MODES.includes(value) || value.startsWith("custom:"));
+}
+function readAll() {
+	try {
+		const raw = localStorage.getItem(STORAGE_KEY);
+		if (!raw) return {};
+		const parsed = JSON.parse(raw);
+		return parsed && typeof parsed === "object" && !Array.isArray(parsed) ? parsed : {};
+	} catch {
+		return {};
+	}
+}
+function readCollectionViewMode(slug) {
+	const stored = readAll()[slug];
+	return isValidViewMode(stored) ? stored : null;
+}
+function writeCollectionViewMode(slug, view) {
+	try {
+		const all = readAll();
+		all[slug] = view;
+		localStorage.setItem(STORAGE_KEY, JSON.stringify(all));
+	} catch {}
+}
+function isSortState(value) {
+	if (!value || typeof value !== "object") return false;
+	const rec = value;
+	return typeof rec.field === "string" && (rec.direction === "asc" || rec.direction === "desc");
+}
+function readAllSorts() {
+	try {
+		const raw = localStorage.getItem(SORT_STORAGE_KEY);
+		if (!raw) return {};
+		const parsed = JSON.parse(raw);
+		if (!parsed || typeof parsed !== "object" || Array.isArray(parsed)) return {};
+		const out = {};
+		for (const [slug, value] of Object.entries(parsed)) if (isSortState(value)) out[slug] = value;
+		return out;
+	} catch {
+		return {};
+	}
+}
+function readCollectionSort(slug) {
+	return readAllSorts()[slug] ?? null;
+}
+/** Persist (or, when `sort` is null, clear) the slug's active column sort. */
+function writeCollectionSort(slug, sort) {
+	try {
+		const all = Object.fromEntries(Object.entries(readAllSorts()).filter(([key]) => key !== slug));
+		if (sort) all[slug] = sort;
+		localStorage.setItem(SORT_STORAGE_KEY, JSON.stringify(all));
+	} catch {}
+}
 //#endregion
 //#region src/vue/components/CollectionView.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$2 = { class: "h-full flex flex-col bg-slate-50/30" };
-var _hoisted_2$2 = { class: "flex items-center gap-3 px-6 py-2 border-b border-slate-200 bg-white" };
-var _hoisted_3$2 = ["title", "aria-label"];
-var _hoisted_4$2 = {
+var _hoisted_1$4 = { class: "h-full flex flex-col bg-slate-50/30" };
+var _hoisted_2$3 = { class: "flex items-center gap-3 px-6 py-2 border-b border-slate-200 bg-white" };
+var _hoisted_3$3 = ["title", "aria-label"];
+var _hoisted_4$3 = {
 	key: 1,
 	class: "h-9 w-9 flex items-center justify-center rounded-xl bg-indigo-50 text-indigo-600 border border-indigo-100"
 };
-var _hoisted_5$2 = { class: "material-symbols-outlined text-xl" };
+var _hoisted_5$3 = { class: "material-symbols-outlined text-xl" };
 var _hoisted_6$2 = { class: "flex-1 min-w-0" };
 var _hoisted_7$2 = { class: "text-base font-bold text-slate-800 truncate" };
 var _hoisted_8$2 = {
@@ -2854,48 +2931,60 @@ var _hoisted_65 = {
 	class: "block truncate"
 };
 var _hoisted_66 = [
+	"href",
+	"tabindex",
+	"data-testid",
+	"onClick",
+	"onKeydown"
+];
+var _hoisted_67 = [
 	"value",
 	"disabled",
 	"data-testid",
 	"aria-label",
 	"onChange"
 ];
-var _hoisted_67 = {
+var _hoisted_68 = {
 	key: 0,
 	value: ""
 };
-var _hoisted_68 = ["value"];
-var _hoisted_69 = {
+var _hoisted_69 = ["value"];
+var _hoisted_70 = {
 	key: 4,
 	class: "block truncate tabular-nums font-semibold text-slate-900"
 };
-var _hoisted_70 = {
+var _hoisted_71 = {
 	key: 5,
 	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_71 = {
+var _hoisted_72 = {
 	key: 6,
 	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_72 = ["href", "data-testid"];
 var _hoisted_73 = ["href", "data-testid"];
-var _hoisted_74 = {
+var _hoisted_74 = ["href", "data-testid"];
+var _hoisted_75 = [
+	"href",
+	"data-testid",
+	"onClick"
+];
+var _hoisted_76 = {
 	key: 10,
 	class: "block truncate text-slate-600"
 };
-var _hoisted_75 = { class: "bg-white rounded-2xl shadow-2xl w-full max-w-xl flex flex-col border border-slate-200 overflow-hidden" };
-var _hoisted_76 = { class: "px-6 py-4 border-b border-slate-100 flex items-center gap-3 bg-slate-50/50" };
-var _hoisted_77 = { class: "flex-1" };
-var _hoisted_78 = {
+var _hoisted_77 = { class: "bg-white rounded-2xl shadow-2xl w-full max-w-xl flex flex-col border border-slate-200 overflow-hidden" };
+var _hoisted_78 = { class: "px-6 py-4 border-b border-slate-100 flex items-center gap-3 bg-slate-50/50" };
+var _hoisted_79 = { class: "flex-1" };
+var _hoisted_80 = {
 	id: "collections-chat-title",
 	class: "text-sm font-bold text-slate-800 uppercase tracking-wide"
 };
-var _hoisted_79 = { class: "text-xs text-slate-400 font-semibold" };
-var _hoisted_80 = ["aria-label"];
-var _hoisted_81 = { class: "px-6 py-5" };
-var _hoisted_82 = ["placeholder", "onKeydown"];
-var _hoisted_83 = { class: "px-6 py-3.5 border-t border-slate-100 flex items-center justify-end gap-2 bg-slate-50/50" };
-var _hoisted_84 = ["disabled"];
+var _hoisted_81 = { class: "text-xs text-slate-400 font-semibold" };
+var _hoisted_82 = ["aria-label"];
+var _hoisted_83 = { class: "px-6 py-5" };
+var _hoisted_84 = ["placeholder", "onKeydown"];
+var _hoisted_85 = { class: "px-6 py-3.5 border-t border-slate-100 flex items-center justify-end gap-2 bg-slate-50/50" };
+var _hoisted_86 = ["disabled"];
 //#endregion
 //#region src/vue/components/CollectionView.vue
 var CollectionView_default = /* @__PURE__ */ (0, vue.defineComponent)({
@@ -3862,9 +3951,8 @@ var CollectionView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 			openDay.value = viewing.value ? dayOfItem(viewing.value) : null;
 		});
 		return (_ctx, _cache) => {
-			const _component_router_link = (0, vue.resolveComponent)("router-link");
-			return (0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_1$2, [
-				(0, vue.createElementVNode)("header", _hoisted_2$2, [
+			return (0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_1$4, [
+				(0, vue.createElementVNode)("header", _hoisted_2$3, [
 					!embedded.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("button", {
 						key: 0,
 						type: "button",
@@ -3873,8 +3961,8 @@ var CollectionView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 						"aria-label": (0, vue.unref)(t)("collectionsView.backToIndex"),
 						"data-testid": "collections-back",
 						onClick: goBack
-					}, [..._cache[25] || (_cache[25] = [(0, vue.createElementVNode)("span", { class: "material-icons text-lg" }, "arrow_back", -1)])], 8, _hoisted_3$2)) : (0, vue.createCommentVNode)("", true),
-					collection.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_4$2, [(0, vue.createElementVNode)("span", _hoisted_5$2, (0, vue.toDisplayString)(collection.value.icon), 1)])) : (0, vue.createCommentVNode)("", true),
+					}, [..._cache[23] || (_cache[23] = [(0, vue.createElementVNode)("span", { class: "material-icons text-lg" }, "arrow_back", -1)])], 8, _hoisted_3$3)) : (0, vue.createCommentVNode)("", true),
+					collection.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_4$3, [(0, vue.createElementVNode)("span", _hoisted_5$3, (0, vue.toDisplayString)(collection.value.icon), 1)])) : (0, vue.createCommentVNode)("", true),
 					(0, vue.createElementVNode)("div", _hoisted_6$2, [(0, vue.createElementVNode)("h1", _hoisted_7$2, (0, vue.toDisplayString)(collection.value?.title ?? (0, vue.unref)(t)("collectionsView.title")), 1), collection.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_8$2, (0, vue.toDisplayString)(collection.value.slug), 1)) : (0, vue.createCommentVNode)("", true)]),
 					collection.value && !embedded.value ? ((0, vue.openBlock)(), (0, vue.createBlock)((0, vue.resolveDynamicComponent)((0, vue.unref)(pinToggle)), {
 						key: 2,
@@ -3902,7 +3990,7 @@ var CollectionView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 						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",
 						"data-testid": "collections-chat",
 						onClick: openChat
-					}, [_cache[26] || (_cache[26] = (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),
+					}, [_cache[24] || (_cache[24] = (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),
 					((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,
@@ -3919,7 +4007,7 @@ var CollectionView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 						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[27] || (_cache[27] = (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[25] || (_cache[25] = (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,
 						type: "button",
@@ -3928,7 +4016,7 @@ var CollectionView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 						"aria-label": (0, vue.unref)(t)("collectionsView.deleteCollection"),
 						"data-testid": "collections-delete",
 						onClick: confirmCollectionDelete
-					}, [..._cache[28] || (_cache[28] = [(0, vue.createElementVNode)("span", { class: "material-icons text-sm" }, "delete_forever", -1)])], 8, _hoisted_13$2)) : (0, vue.createCommentVNode)("", true),
+					}, [..._cache[26] || (_cache[26] = [(0, vue.createElementVNode)("span", { class: "material-icons text-sm" }, "delete_forever", -1)])], 8, _hoisted_13$2)) : (0, vue.createCommentVNode)("", true),
 					canDeleteFeed.value && !embedded.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("button", {
 						key: 7,
 						type: "button",
@@ -3937,10 +4025,10 @@ var CollectionView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 						"aria-label": (0, vue.unref)(t)("collectionsView.deleteFeed"),
 						"data-testid": "feeds-delete",
 						onClick: confirmFeedDelete
-					}, [..._cache[29] || (_cache[29] = [(0, vue.createElementVNode)("span", { class: "material-icons text-sm" }, "delete_forever", -1)])], 8, _hoisted_14$2)) : (0, vue.createCommentVNode)("", true)
+					}, [..._cache[27] || (_cache[27] = [(0, vue.createElementVNode)("span", { class: "material-icons text-sm" }, "delete_forever", -1)])], 8, _hoisted_14$2)) : (0, vue.createCommentVNode)("", true)
 				]),
 				collection.value && (items.value.length > 0 || hasCalendar.value || hasKanban.value || hasCustomViews.value || canAddCustomView.value) ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_15$2, [items.value.length > 0 ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_16$1, [
-					_cache[31] || (_cache[31] = (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)),
+					_cache[29] || (_cache[29] = (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[0] || (_cache[0] = ($event) => searchQuery.value = $event),
 						type: "text",
@@ -3954,7 +4042,7 @@ var CollectionView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 						"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[1] || (_cache[1] = ($event) => searchQuery.value = "")
-					}, [..._cache[30] || (_cache[30] = [(0, vue.createElementVNode)("span", { class: "material-icons text-sm" }, "close", -1)])], 8, _hoisted_18$1)) : (0, vue.createCommentVNode)("", true)
+					}, [..._cache[28] || (_cache[28] = [(0, vue.createElementVNode)("span", { class: "material-icons text-sm" }, "close", -1)])], 8, _hoisted_18$1)) : (0, vue.createCommentVNode)("", true)
 				])) : (0, vue.createCommentVNode)("", true), (0, vue.createElementVNode)("div", _hoisted_19$1, [
 					hasCalendar.value || hasKanban.value || hasCustomViews.value || canAddCustomView.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", {
 						key: 0,
@@ -3968,7 +4056,7 @@ var CollectionView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 							"aria-pressed": activeView.value === "table",
 							"data-testid": "collection-view-toggle-table",
 							onClick: _cache[2] || (_cache[2] = ($event) => setView("table"))
-						}, [_cache[32] || (_cache[32] = (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_21$1),
+						}, [_cache[30] || (_cache[30] = (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_21$1),
 						hasCalendar.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("button", {
 							key: 0,
 							type: "button",
@@ -3976,7 +4064,7 @@ var CollectionView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 							"aria-pressed": activeView.value === "calendar",
 							"data-testid": "collection-view-toggle-calendar",
 							onClick: _cache[3] || (_cache[3] = ($event) => setView("calendar"))
-						}, [_cache[33] || (_cache[33] = (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_22$1)) : (0, vue.createCommentVNode)("", true),
+						}, [_cache[31] || (_cache[31] = (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_22$1)) : (0, vue.createCommentVNode)("", true),
 						hasKanban.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("button", {
 							key: 1,
 							type: "button",
@@ -3984,7 +4072,7 @@ var CollectionView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 							"aria-pressed": activeView.value === "kanban",
 							"data-testid": "collection-view-toggle-kanban",
 							onClick: _cache[4] || (_cache[4] = ($event) => setView("kanban"))
-						}, [_cache[34] || (_cache[34] = (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_23$1)) : (0, vue.createCommentVNode)("", true),
+						}, [_cache[32] || (_cache[32] = (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_23$1)) : (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,
@@ -4003,7 +4091,7 @@ var CollectionView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 							"aria-label": (0, vue.unref)(t)("collectionsView.addView"),
 							"data-testid": "collection-view-add",
 							onClick: addCustomView
-						}, [..._cache[35] || (_cache[35] = [(0, vue.createElementVNode)("span", { class: "material-icons text-sm" }, "add", -1)])], 8, _hoisted_26)) : (0, vue.createCommentVNode)("", true),
+						}, [..._cache[33] || (_cache[33] = [(0, vue.createElementVNode)("span", { class: "material-icons text-sm" }, "add", -1)])], 8, _hoisted_26)) : (0, vue.createCommentVNode)("", true),
 						canConfigureViews.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("button", {
 							key: 3,
 							type: "button",
@@ -4012,7 +4100,7 @@ var CollectionView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 							"aria-label": (0, vue.unref)(t)("collectionsView.config.open"),
 							"data-testid": "collection-config-open",
 							onClick: _cache[5] || (_cache[5] = ($event) => configOpen.value = true)
-						}, [..._cache[36] || (_cache[36] = [(0, vue.createElementVNode)("span", { class: "material-icons text-sm" }, "settings", -1)])], 8, _hoisted_27)) : (0, vue.createCommentVNode)("", true)
+						}, [..._cache[34] || (_cache[34] = [(0, vue.createElementVNode)("span", { class: "material-icons text-sm" }, "settings", -1)])], 8, _hoisted_27)) : (0, vue.createCommentVNode)("", true)
 					], 8, _hoisted_20$1)) : (0, vue.createCommentVNode)("", true),
 					calendarActive.value && dateFields.value.length > 1 ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("select", {
 						key: 1,
@@ -4046,16 +4134,16 @@ var CollectionView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 					})), 1)) : (0, vue.createCommentVNode)("", true)
 				])])) : (0, vue.createCommentVNode)("", true),
 				collection.value && dataIssues.value.length > 0 ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_33, [
-					_cache[38] || (_cache[38] = (0, vue.createElementVNode)("span", { class: "material-icons text-amber-600" }, "warning", -1)),
+					_cache[36] || (_cache[36] = (0, vue.createElementVNode)("span", { class: "material-icons text-amber-600" }, "warning", -1)),
 					(0, vue.createElementVNode)("span", _hoisted_34, (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[37] || (_cache[37] = (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[35] || (_cache[35] = (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_35, [loading.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_36, [_cache[39] || (_cache[39] = (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_37, [_cache[40] || (_cache[40] = (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_38)) : calendarActive.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_39, [(0, vue.createVNode)(CollectionCalendarView_default, {
+				(0, vue.createElementVNode)("div", _hoisted_35, [loading.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_36, [_cache[37] || (_cache[37] = (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_37, [_cache[38] || (_cache[38] = (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_38)) : calendarActive.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_39, [(0, vue.createVNode)(CollectionCalendarView_default, {
 					schema: collection.value.schema,
 					items: filteredItems.value,
 					"anchor-field": calendarAnchorField.value,
@@ -4140,14 +4228,14 @@ var CollectionView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 					"can-create",
 					"show-detail"
 				])) : (0, vue.createCommentVNode)("", true)])) : kanbanActive.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_40, [inlineError.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_41, [
-					_cache[42] || (_cache[42] = (0, vue.createElementVNode)("span", { class: "material-icons text-red-600" }, "error", -1)),
+					_cache[40] || (_cache[40] = (0, vue.createElementVNode)("span", { class: "material-icons text-red-600" }, "error", -1)),
 					(0, vue.createElementVNode)("span", _hoisted_42, (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[10] || (_cache[10] = ($event) => inlineError.value = null)
-					}, [..._cache[41] || (_cache[41] = [(0, vue.createElementVNode)("span", { class: "material-icons text-base" }, "close", -1)])], 8, _hoisted_43)
+					}, [..._cache[39] || (_cache[39] = [(0, vue.createElementVNode)("span", { class: "material-icons text-base" }, "close", -1)])], 8, _hoisted_43)
 				])) : (0, vue.createCommentVNode)("", true), (0, vue.createElementVNode)("div", _hoisted_44, [(0, vue.createVNode)(CollectionKanbanView_default, {
 					schema: collection.value.schema,
 					items: filteredItems.value,
@@ -4165,8 +4253,8 @@ var CollectionView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 				])])])) : activeCustomView.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_45, [(0, vue.createVNode)(CollectionCustomView_default, {
 					slug: collection.value.slug,
 					view: activeCustomView.value
-				}, null, 8, ["slug", "view"])])) : items.value.length === 0 && editing.value?.mode !== "create" ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_46, [_cache[43] || (_cache[43] = (0, vue.createElementVNode)("span", { class: "material-icons text-4xl text-slate-300" }, "folder_open", -1)), (0, vue.createElementVNode)("p", _hoisted_47, (0, vue.toDisplayString)((0, vue.unref)(t)("collectionsView.itemsEmpty")), 1)])) : filteredItems.value.length === 0 && editing.value?.mode !== "create" ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_48, [
-					_cache[44] || (_cache[44] = (0, vue.createElementVNode)("span", { class: "material-icons text-4xl text-slate-300" }, "search_off", -1)),
+				}, null, 8, ["slug", "view"])])) : items.value.length === 0 && editing.value?.mode !== "create" ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_46, [_cache[41] || (_cache[41] = (0, vue.createElementVNode)("span", { class: "material-icons text-4xl text-slate-300" }, "folder_open", -1)), (0, vue.createElementVNode)("p", _hoisted_47, (0, vue.toDisplayString)((0, vue.unref)(t)("collectionsView.itemsEmpty")), 1)])) : filteredItems.value.length === 0 && editing.value?.mode !== "create" ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_48, [
+					_cache[42] || (_cache[42] = (0, vue.createElementVNode)("span", { class: "material-icons text-4xl text-slate-300" }, "search_off", -1)),
 					(0, vue.createElementVNode)("p", _hoisted_49, (0, vue.toDisplayString)((0, vue.unref)(t)("collectionsView.noMatchingItems")), 1),
 					(0, vue.createElementVNode)("button", {
 						type: "button",
@@ -4174,14 +4262,14 @@ var CollectionView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 						onClick: _cache[11] || (_cache[11] = ($event) => searchQuery.value = "")
 					}, (0, vue.toDisplayString)((0, vue.unref)(t)("collectionsView.clearSearch")), 1)
 				])) : ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_50, [inlineError.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_51, [
-					_cache[46] || (_cache[46] = (0, vue.createElementVNode)("span", { class: "material-icons text-red-600" }, "error", -1)),
+					_cache[44] || (_cache[44] = (0, vue.createElementVNode)("span", { class: "material-icons text-red-600" }, "error", -1)),
 					(0, vue.createElementVNode)("span", _hoisted_52, (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[12] || (_cache[12] = ($event) => inlineError.value = null)
-					}, [..._cache[45] || (_cache[45] = [(0, vue.createElementVNode)("span", { class: "material-icons text-base" }, "close", -1)])], 8, _hoisted_53)
+					}, [..._cache[43] || (_cache[43] = [(0, vue.createElementVNode)("span", { class: "material-icons text-base" }, "close", -1)])], 8, _hoisted_53)
 				])) : (0, vue.createCommentVNode)("", true), (0, vue.createElementVNode)("table", _hoisted_54, [(0, vue.createElementVNode)("thead", null, [(0, vue.createElementVNode)("tr", _hoisted_55, [((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,
@@ -4234,57 +4322,51 @@ var CollectionView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 							"aria-label": field.label,
 							onClick: _cache[15] || (_cache[15] = (0, vue.withModifiers)(() => {}, ["stop"])),
 							onChange: ($event) => commitInlineEdit(item, String(key), field, $event.target.checked)
-						}, null, 40, _hoisted_64)) : field.type === "ref" && field.to && typeof item[key] === "string" && item[key] ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_65, [(0, vue.createVNode)(_component_router_link, {
-							to: {
-								path: `/collections/${field.to}`,
-								query: { selected: String(item[key]) }
-							},
+						}, null, 40, _hoisted_64)) : field.type === "ref" && field.to && typeof item[key] === "string" && item[key] ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_65, [(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",
 							class: "text-indigo-600 hover:text-indigo-800 hover:underline font-semibold",
 							"data-testid": `collections-ref-link-${key}-${item[key]}`,
-							onClick: _cache[16] || (_cache[16] = (0, vue.withModifiers)(() => {}, ["stop"]))
-						}, {
-							default: (0, vue.withCtx)(() => [(0, vue.createTextVNode)((0, vue.toDisplayString)((0, vue.unref)(refDisplay)(field.to, String(item[key]))), 1)]),
-							_: 2
-						}, 1032, ["to", "data-testid"])])) : field.type === "enum" && Array.isArray(field.values) && field.values.length > 0 ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("select", {
+							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_66)])) : field.type === "enum" && Array.isArray(field.values) && field.values.length > 0 ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("select", {
 							key: 3,
 							value: item[key] == null ? "" : String(item[key]),
 							disabled: isRowInlineSaving(item),
 							class: (0, vue.normalizeClass)(["rounded-lg border px-2 py-0.5 text-[11px] font-semibold focus:border-indigo-500 focus:ring-2 focus:ring-indigo-500/20 focus:outline-none cursor-pointer disabled:opacity-50 disabled:cursor-not-allowed", enumControlClass(String(key), item[key])]),
 							"data-testid": `collections-inline-enum-${key}-${item[collection.value.schema.primaryKey]}`,
 							"aria-label": field.label,
-							onClick: _cache[17] || (_cache[17] = (0, vue.withModifiers)(() => {}, ["stop"])),
+							onClick: _cache[16] || (_cache[16] = (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_67, (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_68, (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_68);
-						}), 128))], 42, _hoisted_66)) : field.type === "money" ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_69, (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_70, [_cache[47] || (_cache[47] = (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_71, (0, vue.toDisplayString)((0, vue.unref)(derivedDisplay)(field, (0, vue.unref)(evaluateDerivedAgainstItem)(field, String(key), item), item)), 1)) : field.type !== "file" && (0, vue.unref)(isExternalUrl)(item[key]) ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("a", {
+							}, (0, vue.toDisplayString)(value), 9, _hoisted_69);
+						}), 128))], 42, _hoisted_67)) : field.type === "money" ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_70, (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_71, [_cache[45] || (_cache[45] = (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_72, (0, vue.toDisplayString)((0, vue.unref)(derivedDisplay)(field, (0, vue.unref)(evaluateDerivedAgainstItem)(field, String(key), item), item)), 1)) : field.type !== "file" && (0, vue.unref)(isExternalUrl)(item[key]) ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("a", {
 							key: 7,
 							href: String(item[key]),
 							target: "_blank",
 							rel: "noopener noreferrer",
 							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[18] || (_cache[18] = (0, vue.withModifiers)(() => {}, ["stop"]))
-						}, (0, vue.toDisplayString)(String(item[key])), 9, _hoisted_72)) : field.type === "file" && (0, vue.unref)(artifactUrl)(item[key]) ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("a", {
+							onClick: _cache[17] || (_cache[17] = (0, vue.withModifiers)(() => {}, ["stop"]))
+						}, (0, vue.toDisplayString)(String(item[key])), 9, _hoisted_73)) : field.type === "file" && (0, vue.unref)(artifactUrl)(item[key]) ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("a", {
 							key: 8,
 							href: (0, vue.unref)(artifactUrl)(item[key]) ?? void 0,
 							target: "_blank",
 							rel: "noopener noreferrer",
 							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[19] || (_cache[19] = (0, vue.withModifiers)(() => {}, ["stop"]))
-						}, (0, vue.toDisplayString)(String(item[key])), 9, _hoisted_73)) : field.type === "file" && (0, vue.unref)(fileRoutePath)(item[key]) ? ((0, vue.openBlock)(), (0, vue.createBlock)(_component_router_link, {
+							onClick: _cache[18] || (_cache[18] = (0, vue.withModifiers)(() => {}, ["stop"]))
+						}, (0, vue.toDisplayString)(String(item[key])), 9, _hoisted_74)) : field.type === "file" && (0, vue.unref)(fileRoutePath)(item[key]) ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("a", {
 							key: 9,
-							to: (0, vue.unref)(fileRoutePath)(item[key]) ?? "",
+							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: _cache[20] || (_cache[20] = (0, vue.withModifiers)(() => {}, ["stop"]))
-						}, {
-							default: (0, vue.withCtx)(() => [(0, vue.createTextVNode)((0, vue.toDisplayString)(String(item[key])), 1)]),
-							_: 2
-						}, 1032, ["to", "data-testid"])) : ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_74, (0, vue.toDisplayString)((0, vue.unref)(formatCell)(item[key], field.type)), 1))], 64)) : (0, vue.createCommentVNode)("", true)]);
+							onClick: ($event) => (0, vue.unref)(activatePathLink)($event, (0, vue.unref)(fileRoutePath)(item[key]) ?? "", true)
+						}, (0, vue.toDisplayString)(String(item[key])), 9, _hoisted_75)) : ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_76, (0, vue.toDisplayString)((0, vue.unref)(formatCell)(item[key], field.type)), 1))], 64)) : (0, vue.createCommentVNode)("", true)]);
 					}), 128))], 42, _hoisted_62);
 				}), 128))])])]))]),
 				collection.value && (viewing.value || editing.value) && !(calendarActive.value && openDay.value) ? ((0, vue.openBlock)(), (0, vue.createBlock)(CollectionRecordModal_default, {
@@ -4293,7 +4375,7 @@ var CollectionView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 				}, {
 					default: (0, vue.withCtx)(() => [(0, vue.createVNode)(CollectionRecordPanel_default, {
 						editing: editing.value,
-						"onUpdate:editing": _cache[21] || (_cache[21] = ($event) => editing.value = $event),
+						"onUpdate:editing": _cache[19] || (_cache[19] = ($event) => editing.value = $event),
 						collection: collection.value,
 						viewing: viewing.value,
 						saving: saving.value,
@@ -4311,7 +4393,7 @@ var CollectionView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 						onCancel: cancelEditor,
 						onEdit: editFromView,
 						onClose: closeView,
-						onDelete: _cache[22] || (_cache[22] = ($event) => viewing.value && confirmDelete(viewing.value)),
+						onDelete: _cache[20] || (_cache[20] = ($event) => viewing.value && confirmDelete(viewing.value)),
 						onRunAction: runAction
 					}, null, 8, [
 						"editing",
@@ -4337,7 +4419,7 @@ var CollectionView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 					title: collection.value.title,
 					views: customViews.value,
 					onChanged: onViewsChanged,
-					onClose: _cache[23] || (_cache[23] = ($event) => configOpen.value = false)
+					onClose: _cache[21] || (_cache[21] = ($event) => configOpen.value = false)
 				}, null, 8, [
 					"slug",
 					"title",
@@ -4352,29 +4434,29 @@ 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_75, [
-					(0, vue.createElementVNode)("header", _hoisted_76, [
-						_cache[49] || (_cache[49] = (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_77, [(0, vue.createElementVNode)("h2", _hoisted_78, (0, vue.toDisplayString)((0, vue.unref)(t)("collectionsView.chatTitle")), 1), (0, vue.createElementVNode)("span", _hoisted_79, (0, vue.toDisplayString)(collection.value.title), 1)]),
+				}, [(0, vue.createElementVNode)("div", _hoisted_77, [
+					(0, vue.createElementVNode)("header", _hoisted_78, [
+						_cache[47] || (_cache[47] = (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_79, [(0, vue.createElementVNode)("h2", _hoisted_80, (0, vue.toDisplayString)((0, vue.unref)(t)("collectionsView.chatTitle")), 1), (0, vue.createElementVNode)("span", _hoisted_81, (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[48] || (_cache[48] = [(0, vue.createElementVNode)("span", { class: "material-icons text-lg" }, "close", -1)])], 8, _hoisted_80)
+						}, [..._cache[46] || (_cache[46] = [(0, vue.createElementVNode)("span", { class: "material-icons text-lg" }, "close", -1)])], 8, _hoisted_82)
 					]),
-					(0, vue.createElementVNode)("div", _hoisted_81, [(0, vue.withDirectives)((0, vue.createElementVNode)("textarea", {
+					(0, vue.createElementVNode)("div", _hoisted_83, [(0, vue.withDirectives)((0, vue.createElementVNode)("textarea", {
 						ref_key: "chatInputEl",
 						ref: chatInputEl,
-						"onUpdate:modelValue": _cache[24] || (_cache[24] = ($event) => chatMessage.value = $event),
+						"onUpdate:modelValue": _cache[22] || (_cache[22] = ($event) => chatMessage.value = $event),
 						rows: "4",
 						placeholder: (0, vue.unref)(t)("collectionsView.chatPlaceholder"),
 						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_82), [[vue.vModelText, chatMessage.value]])]),
-					(0, vue.createElementVNode)("footer", _hoisted_83, [(0, vue.createElementVNode)("button", {
+					}, null, 40, _hoisted_84), [[vue.vModelText, chatMessage.value]])]),
+					(0, vue.createElementVNode)("footer", _hoisted_85, [(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",
@@ -4385,13 +4467,121 @@ 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_84)])
+					}, (0, vue.toDisplayString)((0, vue.unref)(t)("collectionsView.chatStart")), 9, _hoisted_86)])
 				])], 32)) : (0, vue.createCommentVNode)("", true)
 			]);
 		};
 	}
 });
 //#endregion
+//#region src/vue/chat/View.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1$3 = {
+	class: "w-full h-full",
+	"data-testid": "present-collection"
+};
+//#endregion
+//#region src/vue/chat/View.vue
+var View_default = /* @__PURE__ */ (0, vue.defineComponent)({
+	__name: "View",
+	props: {
+		selectedResult: {},
+		sendTextMessage: { type: Function }
+	},
+	emits: ["updateResult"],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const data = (0, vue.computed)(() => props.selectedResult?.data ?? props.selectedResult?.jsonData ?? null);
+		const slug = (0, vue.computed)(() => data.value?.collectionSlug);
+		const viewState = (0, vue.computed)(() => props.selectedResult?.viewState ?? null);
+		/** Open record: the card-local `viewState.selected` once the user has
+		*  navigated within the card (including an explicit close → null), else
+		*  the tool's initial `itemId`. */
+		const selected = (0, vue.computed)(() => {
+			const state = viewState.value;
+			if (state && "selected" in state) return state.selected ?? void 0;
+			return data.value?.itemId;
+		});
+		function onSelect(itemId) {
+			if (!props.selectedResult) return;
+			emit("updateResult", {
+				...props.selectedResult,
+				viewState: {
+					...viewState.value,
+					selected: itemId
+				}
+			});
+		}
+		function onViewStateChange(state) {
+			if (!props.selectedResult) return;
+			const current = viewState.value;
+			if (current?.view === state.view && current?.anchorField === state.anchorField && current?.groupField === state.groupField) return;
+			emit("updateResult", {
+				...props.selectedResult,
+				viewState: {
+					...current,
+					view: state.view,
+					anchorField: state.anchorField,
+					groupField: state.groupField
+				}
+			});
+		}
+		return (_ctx, _cache) => {
+			return (0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_1$3, [slug.value ? ((0, vue.openBlock)(), (0, vue.createBlock)(CollectionView_default, {
+				key: 0,
+				slug: slug.value,
+				selected: selected.value,
+				"initial-view": viewState.value?.view,
+				"initial-anchor-field": viewState.value?.anchorField,
+				"initial-group-field": viewState.value?.groupField,
+				"send-text-message": __props.sendTextMessage,
+				onSelect,
+				onViewStateChange
+			}, null, 8, [
+				"slug",
+				"selected",
+				"initial-view",
+				"initial-anchor-field",
+				"initial-group-field",
+				"send-text-message"
+			])) : (0, vue.createCommentVNode)("", true)]);
+		};
+	}
+});
+//#endregion
+//#region src/vue/chat/Preview.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1$2 = { 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$2 = { class: "text-center" };
+var _hoisted_3$2 = { class: "text-gray-900 font-bold text-lg mb-1 line-clamp-2" };
+var _hoisted_4$2 = {
+	key: 0,
+	class: "text-gray-600 text-sm"
+};
+var _hoisted_5$2 = {
+	key: 1,
+	class: "text-gray-500 text-sm"
+};
+//#endregion
+//#region src/vue/chat/Preview.vue
+var Preview_default = /* @__PURE__ */ (0, vue.defineComponent)({
+	__name: "Preview",
+	props: { result: {} },
+	setup(__props) {
+		const { t } = useCollectionI18n();
+		const props = __props;
+		const data = (0, vue.computed)(() => props.result?.data ?? props.result?.jsonData ?? null);
+		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$2, [(0, vue.createElementVNode)("div", _hoisted_2$2, [
+				_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$2, (0, vue.toDisplayString)(collectionSlug.value || (0, vue.unref)(t)("pluginPresentCollection.fallbackTitle")), 1),
+				itemId.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("p", _hoisted_4$2, (0, vue.toDisplayString)((0, vue.unref)(t)("pluginPresentCollection.itemLabel", { id: itemId.value })), 1)) : ((0, vue.openBlock)(), (0, vue.createElementBlock)("p", _hoisted_5$2, (0, vue.toDisplayString)((0, vue.unref)(t)("pluginPresentCollection.listLabel")), 1))
+			])]);
+		};
+	}
+});
+//#endregion
 //#region src/vue/components/CollectionsIndexView.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1$1 = {
 	class: "h-full overflow-y-auto bg-slate-50/50 px-6 py-6",
@@ -4699,6 +4889,16 @@ var FeedsView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 	}
 });
 //#endregion
+//#region src/vue/index.ts
+var plugin = {
+	toolDefinition: require_promptSafety.TOOL_DEFINITION,
+	execute: require_promptSafety.executePresentCollection,
+	generatingMessage: "Loading collection...",
+	isEnabled: () => true,
+	viewComponent: View_default,
+	previewComponent: Preview_default
+};
+//#endregion
 exports.CollectionCalendarView = CollectionCalendarView_default;
 exports.CollectionCustomView = CollectionCustomView_default;
 exports.CollectionDayView = CollectionDayView_default;
@@ -4710,8 +4910,11 @@ exports.CollectionView = CollectionView_default;
 exports.CollectionViewConfigModal = CollectionViewConfigModal_default;
 exports.CollectionsIndexView = CollectionsIndexView_default;
 exports.FeedsView = FeedsView_default;
+exports.PresentCollectionPreview = Preview_default;
+exports.PresentCollectionView = View_default;
 exports.collectionUi = collectionUi;
 exports.configureCollectionUi = configureCollectionUi;
+exports.plugin = plugin;
 exports.readCollectionSort = readCollectionSort;
 exports.readCollectionViewMode = readCollectionViewMode;
 exports.useCollectionRendering = useCollectionRendering;