@mulmoclaude/collection-plugin 0.7.5 → 0.8.0

package/dist/vue.cjs

@@ -1234,18 +1234,18 @@ var CollectionRecordModal_default = /* @__PURE__ */ (0, vue.defineComponent)({
 });
 //#endregion
 //#region src/vue/components/CollectionCalendarView.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$14 = {
+var _hoisted_1$15 = {
 	class: "flex flex-col gap-3",
 	"data-testid": "collection-calendar"
 };
-var _hoisted_2$13 = { class: "flex items-center gap-2" };
-var _hoisted_3$13 = ["aria-label"];
-var _hoisted_4$13 = ["aria-label"];
-var _hoisted_5$12 = {
+var _hoisted_2$14 = { class: "flex items-center gap-2" };
+var _hoisted_3$14 = ["aria-label"];
+var _hoisted_4$14 = ["aria-label"];
+var _hoisted_5$13 = {
 	class: "text-sm font-bold text-slate-800 flex-1",
 	"data-testid": "collection-calendar-month"
 };
-var _hoisted_6$11 = { class: "grid grid-cols-7 gap-1 text-[10px] font-bold text-slate-400 uppercase tracking-wider select-none" };
+var _hoisted_6$12 = { class: "grid grid-cols-7 gap-1 text-[10px] font-bold text-slate-400 uppercase tracking-wider select-none" };
 var _hoisted_7$10 = { class: "grid grid-cols-7 gap-1" };
 var _hoisted_8$10 = [
 	"aria-label",
@@ -1375,23 +1375,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$14, [
-				(0, vue.createElementVNode)("div", _hoisted_2$13, [
+			return (0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_1$15, [
+				(0, vue.createElementVNode)("div", _hoisted_2$14, [
 					(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$13),
+					}, [..._cache[2] || (_cache[2] = [(0, vue.createElementVNode)("span", { class: "material-icons text-lg" }, "chevron_left", -1)])], 8, _hoisted_3$14),
 					(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$13),
-					(0, vue.createElementVNode)("h3", _hoisted_5$12, (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$14),
+					(0, vue.createElementVNode)("h3", _hoisted_5$13, (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",
@@ -1399,7 +1399,7 @@ 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$11, [((0, vue.openBlock)(true), (0, vue.createElementBlock)(vue.Fragment, null, (0, vue.renderList)(weekdayLabels.value, (label, idx) => {
+				(0, vue.createElementVNode)("div", _hoisted_6$12, [((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"
@@ -1440,18 +1440,18 @@ var CollectionCalendarView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 });
 //#endregion
 //#region src/vue/components/CollectionDayView.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$13 = { class: "flex items-center gap-2 border-b border-slate-200 px-4 py-3" };
-var _hoisted_2$12 = {
+var _hoisted_1$14 = { class: "flex items-center gap-2 border-b border-slate-200 px-4 py-3" };
+var _hoisted_2$13 = {
 	class: "flex-1 text-sm font-bold text-slate-800",
 	"data-testid": "collection-day-view-title"
 };
-var _hoisted_3$12 = ["aria-label"];
-var _hoisted_4$12 = ["aria-label"];
-var _hoisted_5$11 = {
+var _hoisted_3$13 = ["aria-label"];
+var _hoisted_4$13 = ["aria-label"];
+var _hoisted_5$12 = {
 	key: 0,
 	class: "px-4 py-10 text-center text-sm text-slate-400"
 };
-var _hoisted_6$10 = { class: "absolute -top-2 left-0 w-10 pr-1 text-right text-[10px] tabular-nums text-slate-400" };
+var _hoisted_6$11 = { class: "absolute -top-2 left-0 w-10 pr-1 text-right text-[10px] tabular-nums text-slate-400" };
 var _hoisted_7$9 = {
 	class: "absolute inset-y-0 right-0",
 	style: { "left": "2.75rem" }
@@ -1537,6 +1537,7 @@ var CollectionDayView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 			"datetime",
 			"table",
 			"embed",
+			"backlinks",
 			"image",
 			"markdown"
 		]);
@@ -1632,8 +1633,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$13, [
-					(0, vue.createElementVNode)("h3", _hoisted_2$12, (0, vue.toDisplayString)(dayLabel.value), 1),
+				(0, vue.createElementVNode)("div", _hoisted_1$14, [
+					(0, vue.createElementVNode)("h3", _hoisted_2$13, (0, vue.toDisplayString)(dayLabel.value), 1),
 					__props.canCreate ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("button", {
 						key: 0,
 						type: "button",
@@ -1641,16 +1642,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$12)) : (0, vue.createCommentVNode)("", true),
+					}, [..._cache[3] || (_cache[3] = [(0, vue.createElementVNode)("span", { class: "material-icons text-lg" }, "add", -1)])], 8, _hoisted_3$13)) : (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$12)
+					}, [..._cache[4] || (_cache[4] = [(0, vue.createElementVNode)("span", { class: "material-icons text-lg" }, "close", -1)])], 8, _hoisted_4$13)
 				]),
-				timedEntries.value.length === 0 && allDayEntries.value.length === 0 ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_5$11, (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$12, (0, vue.toDisplayString)((0, vue.unref)(t)("collectionsView.dayViewEmpty")), 1)) : ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", {
 					key: 1,
 					ref_key: "scrollEl",
 					ref: scrollEl,
@@ -1664,7 +1665,7 @@ 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$10, (0, vue.toDisplayString)(hourLabel(hour - 1)), 1)], 4);
+					}, [(0, vue.createElementVNode)("span", _hoisted_6$11, (0, vue.toDisplayString)(hourLabel(hour - 1)), 1)], 4);
 				}), 64)), (0, vue.createElementVNode)("div", _hoisted_7$9, [((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,
@@ -1699,15 +1700,15 @@ var CollectionDayView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 });
 //#endregion
 //#region src/vue/components/CollectionKanbanView.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$12 = {
+var _hoisted_1$13 = {
 	class: "h-full overflow-x-auto overflow-y-hidden",
 	"data-testid": "collection-kanban"
 };
-var _hoisted_2$11 = { class: "flex gap-3 h-full p-1 min-w-max" };
-var _hoisted_3$11 = ["data-testid"];
-var _hoisted_4$11 = { class: "flex items-center justify-between px-3 py-2 border-b border-slate-200" };
-var _hoisted_5$10 = { class: "flex items-center gap-2 min-w-0" };
-var _hoisted_6$9 = ["title"];
+var _hoisted_2$12 = { class: "flex gap-3 h-full p-1 min-w-max" };
+var _hoisted_3$12 = ["data-testid"];
+var _hoisted_4$12 = { class: "flex items-center justify-between px-3 py-2 border-b border-slate-200" };
+var _hoisted_5$11 = { class: "flex items-center gap-2 min-w-0" };
+var _hoisted_6$10 = ["title"];
 var _hoisted_7$8 = { class: "text-[11px] text-slate-400 shrink-0" };
 var _hoisted_8$8 = [
 	"data-testid",
@@ -1741,7 +1742,10 @@ var CollectionKanbanView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 		const emit = __emit;
 		const { t } = useCollectionI18n();
 		/** The Uncategorized column uses the empty string as its sentinel value. */
-		const groupSpec = (0, vue.computed)(() => props.schema.fields[props.groupField]);
+		const groupSpec = (0, vue.computed)(() => {
+			const spec = props.schema.fields[props.groupField];
+			return spec?.type === "enum" ? spec : void 0;
+		});
 		/** Declared enum values become columns in order, with a trailing
 		*  Uncategorized column for empty/unknown values (also a drop target that
 		*  clears the field). The Uncategorized column is omitted when the group
@@ -1788,7 +1792,10 @@ var CollectionKanbanView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 			const value = String(raw);
 			return (groupSpec.value?.values ?? []).includes(value) ? value : UNCATEGORIZED;
 		}
-		const visibleItems = (0, vue.computed)(() => groupSpec.value ? props.items.filter((item) => (0, _mulmoclaude_core_collection.fieldVisible)(groupSpec.value, item)) : []);
+		const visibleItems = (0, vue.computed)(() => {
+			const spec = groupSpec.value;
+			return spec ? props.items.filter((item) => (0, _mulmoclaude_core_collection.fieldVisible)(spec, item)) : [];
+		});
 		const itemsByColumnMap = (0, vue.computed)(() => {
 			const map = /* @__PURE__ */ new Map();
 			for (const column of columns.value) map.set(column.value, []);
@@ -1820,15 +1827,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$12, [(0, vue.createElementVNode)("div", _hoisted_2$11, [((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$13, [(0, vue.createElementVNode)("div", _hoisted_2$12, [((0, vue.openBlock)(true), (0, vue.createElementBlock)(vue.Fragment, null, (0, vue.renderList)(columns.value, (column) => {
 				return (0, vue.openBlock)(), (0, vue.createElementBlock)("div", {
 					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$11, [(0, vue.createElementVNode)("div", _hoisted_5$10, [(0, vue.createElementVNode)("span", { class: (0, vue.normalizeClass)(["w-2 h-2 rounded-full shrink-0", (0, vue.unref)(_mulmoclaude_core_collection.resolveEnumColor)(__props.schema, __props.groupField, column.value).dot]) }, null, 2), (0, vue.createElementVNode)("span", {
+				}, [(0, vue.createElementVNode)("div", _hoisted_4$12, [(0, vue.createElementVNode)("div", _hoisted_5$11, [(0, vue.createElementVNode)("span", { class: (0, vue.normalizeClass)(["w-2 h-2 rounded-full shrink-0", (0, vue.unref)(_mulmoclaude_core_collection.resolveEnumColor)(__props.schema, __props.groupField, column.value).dot]) }, null, 2), (0, vue.createElementVNode)("span", {
 					class: "font-semibold text-xs text-slate-600 truncate",
 					title: column.label
-				}, (0, vue.toDisplayString)(column.label), 9, _hoisted_6$9)]), (0, vue.createElementVNode)("span", _hoisted_7$8, (0, vue.toDisplayString)(itemsByColumn(column.value).length), 1)]), (0, vue.createVNode)((0, vue.unref)(vuedraggable.default), {
+				}, (0, vue.toDisplayString)(column.label), 9, _hoisted_6$10)]), (0, vue.createElementVNode)("span", _hoisted_7$8, (0, vue.toDisplayString)(itemsByColumn(column.value).length), 1)]), (0, vue.createVNode)((0, vue.unref)(vuedraggable.default), {
 					"model-value": itemsByColumn(column.value),
 					"item-key": __props.schema.primaryKey,
 					group: "collection-kanban-cards",
@@ -1859,7 +1866,7 @@ var CollectionKanbanView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 					"model-value",
 					"item-key",
 					"onChange"
-				])], 8, _hoisted_3$11);
+				])], 8, _hoisted_3$12);
 			}), 128))])]);
 		};
 	}
@@ -1888,6 +1895,61 @@ function activatePathLink(event, path, stop = false) {
 	nav(path);
 }
 //#endregion
+//#region src/vue/components/CollectionBacklinksView.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1$12 = ["data-testid"];
+var _hoisted_2$11 = { class: "w-full text-[11px] text-slate-600 bg-white" };
+var _hoisted_3$11 = { class: "bg-slate-50 border-b border-slate-200 text-slate-500 font-bold uppercase tracking-wider" };
+var _hoisted_4$11 = { class: "divide-y divide-slate-100" };
+var _hoisted_5$10 = [
+	"data-testid",
+	"onClick",
+	"onKeydown"
+];
+var _hoisted_6$9 = ["data-testid"];
+//#endregion
+//#region src/vue/components/CollectionBacklinksView.vue
+var CollectionBacklinksView_default = /* @__PURE__ */ (0, vue.defineComponent)({
+	__name: "CollectionBacklinksView",
+	props: {
+		view: {},
+		fieldKey: {}
+	},
+	setup(__props) {
+		const { t } = useCollectionI18n();
+		return (_ctx, _cache) => {
+			return __props.view.rows.length > 0 ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", {
+				key: 0,
+				class: "border border-slate-200/80 rounded-xl overflow-hidden shadow-sm mt-1",
+				"data-testid": `collections-backlinks-${__props.fieldKey}`
+			}, [(0, vue.createElementVNode)("table", _hoisted_2$11, [(0, vue.createElementVNode)("thead", _hoisted_3$11, [(0, vue.createElementVNode)("tr", null, [((0, vue.openBlock)(true), (0, vue.createElementBlock)(vue.Fragment, null, (0, vue.renderList)(__props.view.columns, (column) => {
+				return (0, vue.openBlock)(), (0, vue.createElementBlock)("th", {
+					key: column.key,
+					class: "text-left px-4 py-2 font-bold"
+				}, (0, vue.toDisplayString)(column.label), 1);
+			}), 128))])]), (0, vue.createElementVNode)("tbody", _hoisted_4$11, [((0, vue.openBlock)(true), (0, vue.createElementBlock)(vue.Fragment, null, (0, vue.renderList)(__props.view.rows, (row) => {
+				return (0, vue.openBlock)(), (0, vue.createElementBlock)("tr", {
+					key: row.id,
+					class: "group hover:bg-indigo-50/30 cursor-pointer transition-colors",
+					role: "link",
+					tabindex: "0",
+					"data-testid": `collections-backlinks-${__props.fieldKey}-${row.id}`,
+					onClick: ($event) => (0, vue.unref)(activateRefLink)($event, __props.view.fromSlug, row.id),
+					onKeydown: [(0, vue.withKeys)(($event) => (0, vue.unref)(activateRefLink)($event, __props.view.fromSlug, row.id), ["enter"]), (0, vue.withKeys)(($event) => (0, vue.unref)(activateRefLink)($event, __props.view.fromSlug, row.id), ["space"])]
+				}, [((0, vue.openBlock)(true), (0, vue.createElementBlock)(vue.Fragment, null, (0, vue.renderList)(row.cells, (cell, cellIdx) => {
+					return (0, vue.openBlock)(), (0, vue.createElementBlock)("td", {
+						key: __props.view.columns[cellIdx]?.key ?? cellIdx,
+						class: "px-4 py-2 align-middle font-medium"
+					}, [(0, vue.createElementVNode)("span", { class: (0, vue.normalizeClass)(cellIdx === 0 ? "text-indigo-600 group-hover:text-indigo-800 font-bold" : "") }, (0, vue.toDisplayString)(cell), 3)]);
+				}), 128))], 40, _hoisted_5$10);
+			}), 128))])])], 8, _hoisted_1$12)) : ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", {
+				key: 1,
+				class: "text-slate-400 italic",
+				"data-testid": `collections-backlinks-${__props.fieldKey}`
+			}, (0, vue.toDisplayString)((0, vue.unref)(t)("collectionsView.noRows")), 9, _hoisted_6$9));
+		};
+	}
+});
+//#endregion
 //#region src/vue/components/CollectionEmbedView.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1$11 = [
 	"href",
@@ -2188,7 +2250,7 @@ var _hoisted_71$1 = [
 	"onClick"
 ];
 var _hoisted_72$1 = {
-	key: 13,
+	key: 14,
 	class: "text-slate-800 font-semibold"
 };
 var _hoisted_73$1 = {
@@ -2261,6 +2323,7 @@ var CollectionRecordPanel_default = /* @__PURE__ */ (0, vue.defineComponent)({
 		*  safe in the template. */
 		const detailRecord = (0, vue.computed)(() => editing.value ? props.liveDerived ?? props.liveRecord ?? {} : props.viewing ?? {});
 		const embedViews = (0, vue.computed)(() => props.render.embedViewsFor(detailRecord.value));
+		const backlinksViews = (0, vue.computed)(() => props.render.backlinksViewsFor(detailRecord.value));
 		const embedOwnerByKey = (0, vue.computed)(() => {
 			const map = /* @__PURE__ */ new Map();
 			for (const field of Object.values(props.collection.schema.fields)) if (field.type === "embed" && field.idField) map.set(field.idField, field);
@@ -2277,11 +2340,12 @@ var CollectionRecordPanel_default = /* @__PURE__ */ (0, vue.defineComponent)({
 			return editing.value.mode === "create" ? "collections-create" : "collections-edit";
 		});
 		/** Whether a field gets an editable control in edit mode. Toggle (a
-		*  projection of an enum that has its own input), derived (computed), and
-		*  embed (a foreign record) stay read-only in both modes, so the cell
-		*  geometry never changes on the view↔edit toggle. */
+		*  projection of an enum that has its own input), derived (computed),
+		*  embed (a foreign record), and backlinks (reverse refs owned by OTHER
+		*  records) stay read-only in both modes, so the cell geometry never
+		*  changes on the view↔edit toggle. */
 		function isEditableType(type) {
-			return type !== "toggle" && type !== "derived" && type !== "embed";
+			return type !== "toggle" && type !== "derived" && type !== "embed" && type !== "backlinks";
 		}
 		/** Wide field types span the full grid width in BOTH modes — keeping
 		*  `image` full-width here (not just when viewing) is what stops a field
@@ -2291,6 +2355,7 @@ var CollectionRecordPanel_default = /* @__PURE__ */ (0, vue.defineComponent)({
 				"table",
 				"markdown",
 				"embed",
+				"backlinks",
 				"image"
 			].includes(field.type) ? "col-span-full" : "col-span-1";
 		}
@@ -2315,7 +2380,8 @@ var CollectionRecordPanel_default = /* @__PURE__ */ (0, vue.defineComponent)({
 		/** Required flag for an embed's per-record picker — read off the storage
 		*  field it writes (`idField`), since the embed itself stores nothing. */
 		function embedPickerRequired(field) {
-			const target = field.idField ? props.collection.schema.fields[field.idField] : void 0;
+			const idField = field.type === "embed" ? field.idField : void 0;
+			const target = idField ? props.collection.schema.fields[idField] : void 0;
 			return target ? isFieldRequiredInUi(target) : false;
 		}
 		/** Tailwind fill/text/border classes tinting an enum `<select>` by its current
@@ -2592,28 +2658,32 @@ var CollectionRecordPanel_default = /* @__PURE__ */ (0, vue.defineComponent)({
 							key: 8,
 							view: embedViews.value[key],
 							"field-key": String(key)
-						}, null, 8, ["view", "field-key"])) : field.type === "image" && typeof detailRecord.value[key] === "string" && detailRecord.value[key] ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("img", {
+						}, null, 8, ["view", "field-key"])) : field.type === "backlinks" && backlinksViews.value[key] ? ((0, vue.openBlock)(), (0, vue.createBlock)(CollectionBacklinksView_default, {
 							key: 9,
+							view: backlinksViews.value[key],
+							"field-key": String(key)
+						}, null, 8, ["view", "field-key"])) : field.type === "image" && typeof detailRecord.value[key] === "string" && detailRecord.value[key] ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("img", {
+							key: 10,
 							src: (0, vue.unref)(resolveImageSrc)(String(detailRecord.value[key])),
 							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_68$1)) : field.type !== "file" && __props.render.isExternalUrl(detailRecord.value[key]) ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("a", {
-							key: 10,
+							key: 11,
 							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_69$1)) : field.type === "file" && __props.render.artifactUrl(detailRecord.value[key]) ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("a", {
-							key: 11,
+							key: 12,
 							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_70$1)) : field.type === "file" && __props.render.fileRoutePath(detailRecord.value[key]) ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("a", {
-							key: 12,
+							key: 13,
 							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}`,
@@ -3067,8 +3137,11 @@ function formatCell(value, type) {
 }
 /** Resolve the ISO 4217 code for a money field: a per-record
 *  `currencyField` (when present and non-blank) wins over the field's
-*  literal `currency`. */
+*  literal `currency`. Only `money` / `derived` variants carry currency
+*  keys; any other field resolves to undefined (the formatter's USD
+*  fallback), as before. */
 function resolveCurrency(field, record) {
+	if (field.type !== "money" && field.type !== "derived") return void 0;
 	if (field.currencyField && record) {
 		const code = record[field.currencyField];
 		if (typeof code === "string" && code.trim().length > 0) return code;
@@ -3130,6 +3203,14 @@ function uniqueEmbedTargets(schema) {
 	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];
 }
+/** Slugs of every SOURCE collection a `backlinks` field reverses over.
+*  Top-level only, like `embed` (the schema rejects `backlinks` inside a
+*  table's `of`). Mirrors the server's `uniqueBacklinkSources`. */
+function uniqueBacklinkSources(schema) {
+	const sources = /* @__PURE__ */ new Set();
+	for (const field of Object.values(schema.fields)) if (field.type === "backlinks" && field.from.length > 0) sources.add(field.from);
+	return [...sources];
+}
 function buildRefDisplayMap(detail) {
 	const { fields, primaryKey } = detail.collection.schema;
 	const displayField = displayFieldFor(fields, primaryKey);
@@ -3142,15 +3223,23 @@ function buildRefDisplayMap(detail) {
 	}
 	return map;
 }
-function buildRefRecordMap(detail) {
-	const { schema } = detail.collection;
+/** Index DERIVED records by primary key — the client mirror of the
+*  server's `loadTarget` indexing: string non-empty ids only, one record
+*  per id (a duplicate keeps the LAST record in its FIRST position —
+*  plain-object key semantics). Shared by the ref-record cache and the
+*  backlinks view so every client consumer agrees with server enrichment
+*  on which source records exist. */
+function derivedRecordsById(schema, items) {
 	const map = {};
-	for (const item of detail.items) {
+	for (const item of items) {
 		const slugRaw = item[schema.primaryKey];
 		if (typeof slugRaw === "string" && slugRaw.length > 0) map[slugRaw] = (0, _mulmoclaude_core_collection.deriveAll)(schema, item, {});
 	}
 	return map;
 }
+function buildRefRecordMap(detail) {
+	return derivedRecordsById(detail.collection.schema, detail.items);
+}
 function sortedRefOptions(map) {
 	return Object.entries(map).map(([slug, display]) => ({
 		slug,
@@ -3173,8 +3262,64 @@ function buildEmbedOptions(schema, items) {
 	}).filter((opt) => opt.slug.length > 0).sort((left, right) => left.display.localeCompare(right.display));
 }
 //#endregion
-//#region src/vue/useCollectionRendering.ts
-function useCollectionRendering(collection, locale) {
+//#region src/vue/useLinkedCollectionCaches.ts
+/** The de-duplicated ref + embed target slugs a schema links to. `allTargets`
+*  is the union (each target fetched once even when both ref'd and embedded).
+*  `backlinks` SOURCE collections ride in `embedTargets`: a backlink needs
+*  exactly what an embed target caches (the source's schema + items in
+*  `embedCache`), so reverse sources reuse that cache rather than adding a
+*  parallel one. */
+function linkedTargets(schema) {
+	const refTargets = new Set(uniqueRefTargets(schema));
+	const embedTargets = /* @__PURE__ */ new Set([...uniqueEmbedTargets(schema), ...uniqueBacklinkSources(schema)]);
+	return {
+		refTargets,
+		embedTargets,
+		allTargets: [.../* @__PURE__ */ new Set([...refTargets, ...embedTargets])]
+	};
+}
+/** Fan-out fetch that hydrates the linked-collection caches. Best-effort: a
+*  target whose fetch *rejects* (vs. resolving `{ ok: false }`) is coerced to a
+*  skip and must not abort the others. Returns null when a quicker subsequent
+*  load has already moved on (stale-write guard) so the caller drops the write.
+*  Pure + injectable (`fetchDetail`, `currentSlug`) so both paths are testable. */
+async function fetchLinkedCaches(targets, fetchDetail, currentSlug, expectedSlug) {
+	const { refTargets, embedTargets, allTargets } = targets;
+	const results = await Promise.all(allTargets.map(async (target) => {
+		try {
+			return {
+				target,
+				result: await fetchDetail(target)
+			};
+		} catch {
+			return {
+				target,
+				result: { ok: false }
+			};
+		}
+	}));
+	if (currentSlug() !== expectedSlug) return null;
+	const refCache = {};
+	const refRecordCache = {};
+	const embedCache = {};
+	for (const { target, result } of results) {
+		if (!result.ok) continue;
+		if (refTargets.has(target)) {
+			refCache[target] = buildRefDisplayMap(result.data);
+			refRecordCache[target] = buildRefRecordMap(result.data);
+		}
+		if (embedTargets.has(target)) embedCache[target] = {
+			schema: result.data.collection.schema,
+			items: result.data.items
+		};
+	}
+	return {
+		refCache,
+		refRecordCache,
+		embedCache
+	};
+}
+function useLinkedCollectionCaches(collection) {
 	const refCache = (0, vue.ref)({});
 	const refRecordCache = (0, vue.ref)({});
 	const embedCache = (0, vue.ref)({});
@@ -3184,161 +3329,192 @@ function useCollectionRendering(collection, locale) {
 		embedCache.value = {};
 	}
 	async function loadLinkedCollections(schema, expectedSlug) {
-		const refTargets = new Set(uniqueRefTargets(schema));
-		const embedTargets = new Set(uniqueEmbedTargets(schema));
-		const allTargets = [.../* @__PURE__ */ new Set([...refTargets, ...embedTargets])];
-		if (allTargets.length === 0) return;
+		const targets = linkedTargets(schema);
+		if (targets.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];
-		return map ? sortedRefOptions(map) : [];
-	}
-	/** Dropdown options for an `embed` field's per-record picker (`idField`):
-	*  every record in the target collection, labelled by its name/title (or
-	*  primary key). Built from `embedCache` so it works for embed targets
-	*  that aren't also `ref` targets (the profile collection, say). */
-	function embedOptions(targetSlug) {
-		const data = embedCache.value[targetSlug];
-		return data ? buildEmbedOptions(data.schema, data.items) : [];
+		const snapshot = await fetchLinkedCaches(targets, (slug) => binding.fetchCollectionDetail(slug), () => collection.value?.slug, expectedSlug);
+		if (!snapshot) return;
+		refCache.value = snapshot.refCache;
+		refRecordCache.value = snapshot.refRecordCache;
+		embedCache.value = snapshot.embedCache;
 	}
-	function resolveEmbed(field, record) {
-		if (field.type !== "embed" || !field.to) return {
-			schema: null,
-			item: null
-		};
-		const targetId = (0, _mulmoclaude_core_collection.embedTargetId)(field, record);
-		const data = targetId ? embedCache.value[field.to] : void 0;
-		if (!data) return {
-			schema: null,
-			item: null
-		};
-		const item = data.items.find((entry) => String(entry[data.schema.primaryKey] ?? "") === targetId) ?? null;
-		return {
-			schema: data.schema,
-			item
+	return {
+		refCache,
+		refRecordCache,
+		embedCache,
+		resetLinkedCaches,
+		loadLinkedCollections
+	};
+}
+//#endregion
+//#region src/vue/useCollectionRendering.renderers.ts
+function lookupRefDisplay(refCache, targetSlug, itemSlug) {
+	const map = refCache[targetSlug];
+	return map && map[itemSlug] || itemSlug;
+}
+function refOptionsFor(refCache, targetSlug) {
+	const map = refCache[targetSlug];
+	return map ? sortedRefOptions(map) : [];
+}
+/** Dropdown options for an `embed` field's per-record picker (`idField`):
+*  every record in the target collection, labelled by its name/title (or
+*  primary key). Built from `embedCache` so it works for embed targets
+*  that aren't also `ref` targets (the profile collection, say). */
+function embedOptionsFor(embedCache, targetSlug) {
+	const data = embedCache[targetSlug];
+	return data ? buildEmbedOptions(data.schema, data.items) : [];
+}
+function resolveEmbed(field, record, embedCache) {
+	if (field.type !== "embed" || !field.to) return {
+		schema: null,
+		item: null
+	};
+	const targetId = (0, _mulmoclaude_core_collection.embedTargetId)(field, record);
+	const data = targetId ? embedCache[field.to] : void 0;
+	if (!data) return {
+		schema: null,
+		item: null
+	};
+	const item = data.items.find((entry) => String(entry[data.schema.primaryKey] ?? "") === targetId) ?? null;
+	return {
+		schema: data.schema,
+		item
+	};
+}
+function formatEmbedValue(field, value, record, locale) {
+	if (field.type === "money") return formatMoney(value, resolveCurrency(field, record), locale);
+	return detailText(value);
+}
+/** Build the read-only embed view-models for one record. A function of the
+*  open record (not a bare computed) because a per-record `idField` embed
+*  resolves a different target per row. `schema` is the OPEN collection's
+*  schema (null when no collection is loaded → no views). */
+function buildEmbedViews(schema, embedCache, record, locale) {
+	const out = {};
+	if (!schema) return out;
+	for (const [key, field] of Object.entries(schema.fields)) {
+		if (field.type !== "embed") continue;
+		const { schema: targetSchema, item } = resolveEmbed(field, record, embedCache);
+		const rows = [];
+		if (targetSchema && item) for (const [subKey, subField] of Object.entries(targetSchema.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: formatEmbedValue(subField, value, item, locale)
+			});
+		}
+		out[key] = {
+			found: Boolean(item),
+			rows,
+			targetSlug: field.to ?? "",
+			recordId: (0, _mulmoclaude_core_collection.embedTargetId)(field, record)
 		};
 	}
-	function embedValue(field, value, record) {
-		if (field.type === "money") return formatMoney(value, resolveCurrency(field, record), locale.value);
-		return detailText(value);
-	}
-	/** Build the read-only embed view-models for one record. A function of
-	*  the open record (not a bare computed) because a per-record `idField`
-	*  embed resolves a different target per row. */
-	function embedViewsFor(record) {
-		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, record);
-			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)
-				});
-			}
+	return out;
+}
+/** One backlinks table CELL: money formatted with its currency, anything
+*  else through the same `formatCell` list tables use — so a markdown
+*  source column (a worklog `notes`) shows the one-line 80-char preview,
+*  not the whole text. Unknown `display` key ⇒ plain text (fail-soft). */
+function formatBacklinkCell(sourceField, value, row, locale) {
+	if (!sourceField) return detailText(value);
+	if (sourceField.type === "money") return formatMoney(value, resolveCurrency(sourceField, row), locale);
+	return formatCell(value, sourceField.type);
+}
+/** Build the read-only backlinks view-models for one record: for each
+*  `backlinks` field, the rows of `from` whose `via` points at the open
+*  record (matched via the SHARED `backlinkRows`, on source records
+*  derived exactly like the server's enrichment — so a `display`/`filter`
+*  on a derived column such as an invoice `total` agrees on both sides).
+*  Source data comes out of `embedCache` (reverse sources ride the embed
+*  fan-out — see `linkedTargets`). Fail-soft: an unloadable source or an
+*  unknown `display` key degrades to `found: false` / a raw-key column,
+*  never a throw. */
+function buildBacklinksViews(schema, embedCache, record, locale) {
+	const out = {};
+	if (!schema) return out;
+	for (const [key, field] of Object.entries(schema.fields)) {
+		if (field.type !== "backlinks") continue;
+		const columns = field.display.map((col) => ({
+			key: col,
+			label: col
+		}));
+		const data = embedCache[field.from];
+		if (!data) {
 			out[key] = {
-				found: Boolean(item),
-				rows,
-				targetSlug: field.to ?? "",
-				recordId: (0, _mulmoclaude_core_collection.embedTargetId)(field, record)
+				found: false,
+				columns,
+				rows: [],
+				fromSlug: field.from
 			};
-		}
-		return out;
-	}
-	function currencySymbol(currency) {
-		return currencySymbolForLocale(currency, locale.value);
-	}
-	function artifactUrl(value) {
-		return collectionUi().fileAssetUrl(value);
-	}
-	function fileRoutePath(value) {
-		return collectionUi().fileRoutePath(value);
-	}
-	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);
-	}
-	const stepFor = stepForFieldType;
-	function evaluateDerivedAgainstItem(field, fieldKey, item) {
-		if (!field.formula || !collection.value) return null;
-		const result = (0, _mulmoclaude_core_collection.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");
+			continue;
+		}
+		for (const column of columns) column.label = data.schema.fields[column.key]?.label ?? column.key;
+		const selfId = String(record?.[schema.primaryKey] ?? "");
+		const sourceById = derivedRecordsById(data.schema, data.items);
+		out[key] = {
+			found: true,
+			columns,
+			rows: (0, _mulmoclaude_core_collection.backlinkRows)(field, selfId, Object.values(sourceById)).map((row) => ({
+				id: String(row[data.schema.primaryKey] ?? ""),
+				cells: columns.map((column) => formatBacklinkCell(data.schema.fields[column.key], row[column.key], row, locale))
+			})),
+			fromSlug: field.from
+		};
 	}
+	return out;
+}
+function renderSubCell(subField, value, record, refCache, locale) {
+	if (subField.type === "money") return formatMoney(value, resolveCurrency(subField, record), locale);
+	if (subField.type === "ref" && subField.to && typeof value === "string" && value.length > 0) return lookupRefDisplay(refCache, subField.to, value);
+	return formatCell(value, subField.type);
+}
+function evaluateDerived(field, fieldKey, item, schema, refRecords) {
+	if (field.type !== "derived" || !schema) return null;
+	const result = (0, _mulmoclaude_core_collection.deriveAll)(schema, item, refRecords)[fieldKey];
+	return typeof result === "number" && Number.isFinite(result) ? result : null;
+}
+function renderDerived(field, computedValue, record, locale) {
+	if (computedValue === null || computedValue === void 0) return "—";
+	const display = field.type === "derived" ? field.display : void 0;
+	if (display === "money") return formatMoney(computedValue, resolveCurrency(field, record), locale);
+	return formatCell(computedValue, display ?? "number");
+}
+//#endregion
+//#region src/vue/useCollectionRendering.ts
+var STATELESS_RENDERERS = {
+	resolveCurrency,
+	formatMoney,
+	formatCell,
+	detailText,
+	isExternalUrl,
+	tableRows,
+	hasTableRows,
+	inputTypeFor,
+	stepFor: stepForFieldType,
+	deriveAll: _mulmoclaude_core_collection.deriveAll
+};
+function useCollectionRendering(collection, locale) {
+	const caches = useLinkedCollectionCaches(collection);
+	const { refCache, refRecordCache, embedCache } = caches;
 	return {
-		refCache,
-		refRecordCache,
-		embedCache,
-		resetLinkedCaches,
-		loadLinkedCollections,
-		refDisplay,
-		refOptions,
-		embedOptions,
-		embedViewsFor,
-		resolveCurrency,
-		currencySymbol,
-		formatMoney,
-		formatCell,
-		detailText,
-		isExternalUrl,
-		artifactUrl,
-		fileRoutePath,
-		tableRows,
-		hasTableRows,
-		formatSubCell,
-		inputTypeFor,
-		stepFor,
-		deriveAll: _mulmoclaude_core_collection.deriveAll,
-		evaluateDerivedAgainstItem,
-		derivedDisplay
+		...caches,
+		...STATELESS_RENDERERS,
+		refDisplay: (targetSlug, itemSlug) => lookupRefDisplay(refCache.value, targetSlug, itemSlug),
+		refOptions: (targetSlug) => refOptionsFor(refCache.value, targetSlug),
+		embedOptions: (targetSlug) => embedOptionsFor(embedCache.value, targetSlug),
+		embedViewsFor: (record) => buildEmbedViews(collection.value?.schema ?? null, embedCache.value, record, locale.value),
+		backlinksViewsFor: (record) => buildBacklinksViews(collection.value?.schema ?? null, embedCache.value, record, locale.value),
+		currencySymbol: (currency) => currencySymbolForLocale(currency, locale.value),
+		artifactUrl: (value) => collectionUi().fileAssetUrl(value),
+		fileRoutePath: (value) => collectionUi().fileRoutePath(value),
+		formatSubCell: (subField, value, record) => renderSubCell(subField, value, record, refCache.value, locale.value),
+		evaluateDerivedAgainstItem: (field, fieldKey, item) => evaluateDerived(field, fieldKey, item, collection.value?.schema ?? null, refRecordCache.value),
+		derivedDisplay: (field, computedValue, record) => renderDerived(field, computedValue, record, locale.value)
 	};
 }
 //#endregion
@@ -3829,12 +4005,12 @@ var CollectionView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 			return scalarSortValue(field, item[key]);
 		}
 		/** Derived rows sort by their display type: money/number → numeric,
-		*  date/datetime → epoch, anything else → the enriched value as a string. */
+		*  date → epoch, anything else → the enriched value as a string. */
 		function derivedSortValue(field, key, item) {
-			const { display } = field;
+			const display = field.type === "derived" ? field.display : void 0;
 			if (display === void 0 || display === "number" || display === "money") return (0, _mulmoclaude_core_collection.numericSortValue)(evaluateDerivedAgainstItem(field, key, item));
 			const enriched = collection.value ? render.deriveAll(collection.value.schema, item, render.refRecordCache.value) : item;
-			if (display === "date" || display === "datetime") return (0, _mulmoclaude_core_collection.dateSortValue)(enriched[key]);
+			if (display === "date") return (0, _mulmoclaude_core_collection.dateSortValue)(enriched[key]);
 			return (0, _mulmoclaude_core_collection.stringSortValue)(enriched[key]);
 		}
 		const sortedItems = (0, vue.computed)(() => {
@@ -4012,10 +4188,12 @@ var CollectionView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 		function buildChatSeed(slug, message, itemId) {
 			const current = collection.value;
 			if (current?.source !== "feed") return itemId ? `/${slug} id=${itemId} ${message}` : `/${slug} ${message}`;
+			const dataPath = current.schema.dataPath ?? `data/feeds/${slug}`;
+			const scoped = itemId ? `(for record \`${itemId}\`) ${message}` : message;
 			return t("collectionsView.feedChatSeed", {
 				slug,
-				dataPath: current.schema.dataPath ?? `data/feeds/${slug}`,
-				message: itemId ? `(for record \`${itemId}\`) ${message}` : message
+				dataPath,
+				message: scoped
 			});
 		}
 		/** Start a new general-role chat seeded from the current view. */
@@ -4090,7 +4268,10 @@ var CollectionView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 			enumOriginallyEmpty.value = snapshotEmptyEnums(result.data.collection.schema, result.data.items);
 			await render.loadLinkedCollections(result.data.collection.schema, slug);
 			if (activeSlug.value !== slug) return;
-			if (viewing.value) viewing.value = findItemById(String(viewing.value[result.data.collection.schema.primaryKey] ?? "")) ?? null;
+			if (viewing.value) {
+				const openId = String(viewing.value[result.data.collection.schema.primaryKey] ?? "");
+				viewing.value = findItemById(openId) ?? null;
+			}
 		}
 		function maybeAutoRefreshFeed(slug) {
 			if (embedded.value) return;
@@ -4104,7 +4285,7 @@ var CollectionView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 		*  list table only (a whole embedded record doesn't fit a table cell,
 		*  and it'd be identical in every row). The detail modal and the edit
 		*  form iterate the full `schema.fields` so embeds render there too. */
-		const listColumnFields = (0, vue.computed)(() => collection.value ? Object.entries(collection.value.schema.fields).filter(([key, field]) => field.type !== "embed" && field.type !== "image" && key !== collection.value?.schema.primaryKey) : []);
+		const listColumnFields = (0, vue.computed)(() => collection.value ? Object.entries(collection.value.schema.fields).filter(([key, field]) => field.type !== "embed" && field.type !== "backlinks" && field.type !== "image" && key !== collection.value?.schema.primaryKey) : []);
 		/** True when the current collection declares `schema.singleton` —
 		*  exactly one record, its primary key fixed to the declared value. */
 		const isSingleton = (0, vue.computed)(() => Boolean(collection.value?.schema.singleton));
@@ -4268,7 +4449,8 @@ var CollectionView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 		}
 		/** Select a custom view by id (builds the `custom:<id>` mode key). */
 		function setCustomView(viewId) {
-			view.value = `custom:${viewId}`;
+			const mode = `custom:${viewId}`;
+			view.value = mode;
 		}
 		/** A short, slug-safe id not already used by a loaded record. Collisions
 		*  are astronomically unlikely (32 bits), but we still re-roll a few
@@ -4292,7 +4474,7 @@ var CollectionView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 				boolOriginallyPresent[key] = false;
 				boolTouched[key] = false;
 			} else if (field.type === "table") table[key] = [];
-			else if (field.type !== "derived" && field.type !== "embed" && field.type !== "toggle") text[key] = "";
+			else if (field.type !== "derived" && field.type !== "embed" && field.type !== "backlinks" && field.type !== "toggle") text[key] = "";
 			const { singleton, primaryKey } = collection.value.schema;
 			if (singleton) text[primaryKey] = singleton;
 			else if (primaryKey in text) text[primaryKey] = generateUniqueItemId(primaryKey);
@@ -4324,7 +4506,7 @@ var CollectionView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 				} else if (field.type === "table" && field.of) {
 					const sub = field.of;
 					table[key] = (Array.isArray(raw) ? raw : []).filter((row) => Boolean(row) && typeof row === "object" && !Array.isArray(row)).map((row) => (0, _mulmoclaude_core_collection.rowFromItem)(row, sub));
-				} else if (field.type !== "derived" && field.type !== "embed" && field.type !== "toggle") text[key] = raw === void 0 || raw === null ? "" : String(raw);
+				} else if (field.type !== "derived" && field.type !== "embed" && field.type !== "backlinks" && field.type !== "toggle") text[key] = raw === void 0 || raw === null ? "" : String(raw);
 			}
 			const primaryRaw = item[collection.value.schema.primaryKey];
 			const originalId = typeof primaryRaw === "string" ? primaryRaw : String(primaryRaw ?? "");
@@ -4426,7 +4608,8 @@ var CollectionView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 				viewing.value = null;
 				return;
 			}
-			viewing.value = findItemById(selected) ?? null;
+			const match = findItemById(selected) ?? null;
+			viewing.value = match;
 		}
 		/** Title for the open-mode header: the record's primary-key value
 		*  (e.g. `INV-2026-0001`), falling back to the collection title.
@@ -4520,19 +4703,17 @@ var CollectionView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 		/** Whether a `toggle` field reads as checked: its projected enum field
 		*  currently equals `onValue`. The toggle stores nothing itself. */
 		function toggleChecked(item, field) {
-			return field.field !== void 0 && String(item[field.field] ?? "") === field.onValue;
+			return field.type === "toggle" && String(item[field.field] ?? "") === field.onValue;
 		}
 		/** Flip a `toggle`: write the projected enum field to `offValue` when
 		*  currently checked, else `onValue`. Reuses the inline-edit PUT path
 		*  (optimistic + rollback) — the toggle has no value of its own. */
 		function commitToggle(item, field) {
+			if (field.type !== "toggle" || !collection.value) return;
 			const targetKey = field.field;
-			if (!targetKey || !collection.value) return;
 			const enumField = collection.value.schema.fields[targetKey];
 			if (!enumField) return;
-			const next = toggleChecked(item, field) ? field.offValue : field.onValue;
-			if (next === void 0) return;
-			commitInlineEdit(item, targetKey, enumField, next);
+			commitInlineEdit(item, targetKey, enumField, toggleChecked(item, field) ? field.offValue : field.onValue);
 		}
 		async function confirmDelete(item) {
 			if (!collection.value) return;