@mulmoclaude/collection-plugin 0.7.5 → 0.8.0

package/dist/vue.js

@@ -1,4 +1,4 @@
-import { MINUTES_PER_DAY, TOOL_DEFINITION, actionVisible, assignLanes, boolSortValue, bucketRecords, buildMonthGrid, buildUpdatedRecord, coerceInlineValue, dateOf, dateSortValue, daySlice, defangForPrompt, deriveAll, draftToRecord, embedTargetId, emptyRow, enumSortValue, errorMessage, executePresentCollection, fieldVisible, firstMissingRequiredField, isSortableField, itemIdOf, itemLabelOf, labelFieldFor, nextSortDirection, numericSortValue, resolveEnumColor, rowFromItem, shortHexId, sortItems, stringSortValue, ymdKey } from "@mulmoclaude/core/collection";
+import { MINUTES_PER_DAY, TOOL_DEFINITION, actionVisible, assignLanes, backlinkRows, boolSortValue, bucketRecords, buildMonthGrid, buildUpdatedRecord, coerceInlineValue, dateOf, dateSortValue, daySlice, defangForPrompt, deriveAll, draftToRecord, embedTargetId, emptyRow, enumSortValue, errorMessage, executePresentCollection, fieldVisible, firstMissingRequiredField, isSortableField, itemIdOf, itemLabelOf, labelFieldFor, nextSortDirection, numericSortValue, resolveEnumColor, rowFromItem, shortHexId, sortItems, stringSortValue, ymdKey } from "@mulmoclaude/core/collection";
 import { Fragment, Teleport, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, effectScope, mergeModels, nextTick, normalizeClass, normalizeStyle, onBeforeUnmount, onMounted, onUnmounted, openBlock, ref, renderList, renderSlot, resolveDynamicComponent, toDisplayString, unref, useModel, vModelCheckbox, vModelDynamic, vModelSelect, vModelText, watch, watchEffect, withCtx, withDirectives, withKeys, withModifiers } from "vue";
 import { createI18n } from "vue-i18n";
 import draggable from "vuedraggable";
@@ -1210,18 +1210,18 @@ var CollectionRecordModal_default = /* @__PURE__ */ 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",
@@ -1351,23 +1351,23 @@ var CollectionCalendarView_default = /* @__PURE__ */ defineComponent({
 			viewMonth.value = now.getMonth() + 1;
 		}
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", _hoisted_1$14, [
-				createElementVNode("div", _hoisted_2$13, [
+			return openBlock(), createElementBlock("div", _hoisted_1$15, [
+				createElementVNode("div", _hoisted_2$14, [
 					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": unref(t)("collectionsView.calendarPrevMonth"),
 						"data-testid": "collection-calendar-prev",
 						onClick: _cache[0] || (_cache[0] = ($event) => stepMonth(-1))
-					}, [..._cache[2] || (_cache[2] = [createElementVNode("span", { class: "material-icons text-lg" }, "chevron_left", -1)])], 8, _hoisted_3$13),
+					}, [..._cache[2] || (_cache[2] = [createElementVNode("span", { class: "material-icons text-lg" }, "chevron_left", -1)])], 8, _hoisted_3$14),
 					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": unref(t)("collectionsView.calendarNextMonth"),
 						"data-testid": "collection-calendar-next",
 						onClick: _cache[1] || (_cache[1] = ($event) => stepMonth(1))
-					}, [..._cache[3] || (_cache[3] = [createElementVNode("span", { class: "material-icons text-lg" }, "chevron_right", -1)])], 8, _hoisted_4$13),
-					createElementVNode("h3", _hoisted_5$12, toDisplayString(monthLabel.value), 1),
+					}, [..._cache[3] || (_cache[3] = [createElementVNode("span", { class: "material-icons text-lg" }, "chevron_right", -1)])], 8, _hoisted_4$14),
+					createElementVNode("h3", _hoisted_5$13, toDisplayString(monthLabel.value), 1),
 					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",
@@ -1375,7 +1375,7 @@ var CollectionCalendarView_default = /* @__PURE__ */ defineComponent({
 						onClick: goToday
 					}, toDisplayString(unref(t)("collectionsView.calendarToday")), 1)
 				]),
-				createElementVNode("div", _hoisted_6$11, [(openBlock(true), createElementBlock(Fragment, null, renderList(weekdayLabels.value, (label, idx) => {
+				createElementVNode("div", _hoisted_6$12, [(openBlock(true), createElementBlock(Fragment, null, renderList(weekdayLabels.value, (label, idx) => {
 					return openBlock(), createElementBlock("div", {
 						key: idx,
 						class: "px-1 py-1 text-center"
@@ -1416,18 +1416,18 @@ var CollectionCalendarView_default = /* @__PURE__ */ 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" }
@@ -1513,6 +1513,7 @@ var CollectionDayView_default = /* @__PURE__ */ defineComponent({
 			"datetime",
 			"table",
 			"embed",
+			"backlinks",
 			"image",
 			"markdown"
 		]);
@@ -1608,8 +1609,8 @@ var CollectionDayView_default = /* @__PURE__ */ defineComponent({
 				role: "dialog",
 				"aria-modal": "true"
 			}, [createElementVNode("div", { class: normalizeClass(["flex min-h-0 flex-col", __props.showDetail ? "w-80 shrink-0 border-r border-slate-200" : "w-full"]) }, [
-				createElementVNode("div", _hoisted_1$13, [
-					createElementVNode("h3", _hoisted_2$12, toDisplayString(dayLabel.value), 1),
+				createElementVNode("div", _hoisted_1$14, [
+					createElementVNode("h3", _hoisted_2$13, toDisplayString(dayLabel.value), 1),
 					__props.canCreate ? (openBlock(), createElementBlock("button", {
 						key: 0,
 						type: "button",
@@ -1617,16 +1618,16 @@ var CollectionDayView_default = /* @__PURE__ */ defineComponent({
 						"aria-label": unref(t)("collectionsView.calendarCreateOn", { date: dayKey.value }),
 						"data-testid": "collection-day-view-create",
 						onClick: onCreate
-					}, [..._cache[3] || (_cache[3] = [createElementVNode("span", { class: "material-icons text-lg" }, "add", -1)])], 8, _hoisted_3$12)) : createCommentVNode("", true),
+					}, [..._cache[3] || (_cache[3] = [createElementVNode("span", { class: "material-icons text-lg" }, "add", -1)])], 8, _hoisted_3$13)) : createCommentVNode("", true),
 					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": unref(t)("collectionsView.dayViewClose"),
 						"data-testid": "collection-day-view-close",
 						onClick: _cache[0] || (_cache[0] = ($event) => emit("close"))
-					}, [..._cache[4] || (_cache[4] = [createElementVNode("span", { class: "material-icons text-lg" }, "close", -1)])], 8, _hoisted_4$12)
+					}, [..._cache[4] || (_cache[4] = [createElementVNode("span", { class: "material-icons text-lg" }, "close", -1)])], 8, _hoisted_4$13)
 				]),
-				timedEntries.value.length === 0 && allDayEntries.value.length === 0 ? (openBlock(), createElementBlock("div", _hoisted_5$11, toDisplayString(unref(t)("collectionsView.dayViewEmpty")), 1)) : (openBlock(), createElementBlock("div", {
+				timedEntries.value.length === 0 && allDayEntries.value.length === 0 ? (openBlock(), createElementBlock("div", _hoisted_5$12, toDisplayString(unref(t)("collectionsView.dayViewEmpty")), 1)) : (openBlock(), createElementBlock("div", {
 					key: 1,
 					ref_key: "scrollEl",
 					ref: scrollEl,
@@ -1640,7 +1641,7 @@ var CollectionDayView_default = /* @__PURE__ */ defineComponent({
 						key: hour,
 						class: "absolute left-0 right-0 border-t border-slate-100",
 						style: normalizeStyle({ top: `${(hour - 1) * HOUR_PX}px` })
-					}, [createElementVNode("span", _hoisted_6$10, toDisplayString(hourLabel(hour - 1)), 1)], 4);
+					}, [createElementVNode("span", _hoisted_6$11, toDisplayString(hourLabel(hour - 1)), 1)], 4);
 				}), 64)), createElementVNode("div", _hoisted_7$9, [(openBlock(true), createElementBlock(Fragment, null, renderList(timedEntries.value, (entry) => {
 					return openBlock(), createElementBlock("button", {
 						key: entry.id,
@@ -1675,15 +1676,15 @@ var CollectionDayView_default = /* @__PURE__ */ 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",
@@ -1717,7 +1718,10 @@ var CollectionKanbanView_default = /* @__PURE__ */ defineComponent({
 		const emit = __emit;
 		const { t } = useCollectionI18n();
 		/** The Uncategorized column uses the empty string as its sentinel value. */
-		const groupSpec = computed(() => props.schema.fields[props.groupField]);
+		const groupSpec = 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
@@ -1764,7 +1768,10 @@ var CollectionKanbanView_default = /* @__PURE__ */ defineComponent({
 			const value = String(raw);
 			return (groupSpec.value?.values ?? []).includes(value) ? value : UNCATEGORIZED;
 		}
-		const visibleItems = computed(() => groupSpec.value ? props.items.filter((item) => fieldVisible(groupSpec.value, item)) : []);
+		const visibleItems = computed(() => {
+			const spec = groupSpec.value;
+			return spec ? props.items.filter((item) => fieldVisible(spec, item)) : [];
+		});
 		const itemsByColumnMap = computed(() => {
 			const map = /* @__PURE__ */ new Map();
 			for (const column of columns.value) map.set(column.value, []);
@@ -1796,15 +1803,15 @@ var CollectionKanbanView_default = /* @__PURE__ */ defineComponent({
 			emit("move", itemId(item), next);
 		}
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", _hoisted_1$12, [createElementVNode("div", _hoisted_2$11, [(openBlock(true), createElementBlock(Fragment, null, renderList(columns.value, (column) => {
+			return openBlock(), createElementBlock("div", _hoisted_1$13, [createElementVNode("div", _hoisted_2$12, [(openBlock(true), createElementBlock(Fragment, null, renderList(columns.value, (column) => {
 				return openBlock(), 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"
-				}, [createElementVNode("div", _hoisted_4$11, [createElementVNode("div", _hoisted_5$10, [createElementVNode("span", { class: normalizeClass(["w-2 h-2 rounded-full shrink-0", unref(resolveEnumColor)(__props.schema, __props.groupField, column.value).dot]) }, null, 2), createElementVNode("span", {
+				}, [createElementVNode("div", _hoisted_4$12, [createElementVNode("div", _hoisted_5$11, [createElementVNode("span", { class: normalizeClass(["w-2 h-2 rounded-full shrink-0", unref(resolveEnumColor)(__props.schema, __props.groupField, column.value).dot]) }, null, 2), createElementVNode("span", {
 					class: "font-semibold text-xs text-slate-600 truncate",
 					title: column.label
-				}, toDisplayString(column.label), 9, _hoisted_6$9)]), createElementVNode("span", _hoisted_7$8, toDisplayString(itemsByColumn(column.value).length), 1)]), createVNode(unref(draggable), {
+				}, toDisplayString(column.label), 9, _hoisted_6$10)]), createElementVNode("span", _hoisted_7$8, toDisplayString(itemsByColumn(column.value).length), 1)]), createVNode(unref(draggable), {
 					"model-value": itemsByColumn(column.value),
 					"item-key": __props.schema.primaryKey,
 					group: "collection-kanban-cards",
@@ -1835,7 +1842,7 @@ var CollectionKanbanView_default = /* @__PURE__ */ defineComponent({
 					"model-value",
 					"item-key",
 					"onChange"
-				])], 8, _hoisted_3$11);
+				])], 8, _hoisted_3$12);
 			}), 128))])]);
 		};
 	}
@@ -1864,6 +1871,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__ */ defineComponent({
+	__name: "CollectionBacklinksView",
+	props: {
+		view: {},
+		fieldKey: {}
+	},
+	setup(__props) {
+		const { t } = useCollectionI18n();
+		return (_ctx, _cache) => {
+			return __props.view.rows.length > 0 ? (openBlock(), createElementBlock("div", {
+				key: 0,
+				class: "border border-slate-200/80 rounded-xl overflow-hidden shadow-sm mt-1",
+				"data-testid": `collections-backlinks-${__props.fieldKey}`
+			}, [createElementVNode("table", _hoisted_2$11, [createElementVNode("thead", _hoisted_3$11, [createElementVNode("tr", null, [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.view.columns, (column) => {
+				return openBlock(), createElementBlock("th", {
+					key: column.key,
+					class: "text-left px-4 py-2 font-bold"
+				}, toDisplayString(column.label), 1);
+			}), 128))])]), createElementVNode("tbody", _hoisted_4$11, [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.view.rows, (row) => {
+				return openBlock(), 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) => unref(activateRefLink)($event, __props.view.fromSlug, row.id),
+					onKeydown: [withKeys(($event) => unref(activateRefLink)($event, __props.view.fromSlug, row.id), ["enter"]), withKeys(($event) => unref(activateRefLink)($event, __props.view.fromSlug, row.id), ["space"])]
+				}, [(openBlock(true), createElementBlock(Fragment, null, renderList(row.cells, (cell, cellIdx) => {
+					return openBlock(), createElementBlock("td", {
+						key: __props.view.columns[cellIdx]?.key ?? cellIdx,
+						class: "px-4 py-2 align-middle font-medium"
+					}, [createElementVNode("span", { class: normalizeClass(cellIdx === 0 ? "text-indigo-600 group-hover:text-indigo-800 font-bold" : "") }, toDisplayString(cell), 3)]);
+				}), 128))], 40, _hoisted_5$10);
+			}), 128))])])], 8, _hoisted_1$12)) : (openBlock(), createElementBlock("span", {
+				key: 1,
+				class: "text-slate-400 italic",
+				"data-testid": `collections-backlinks-${__props.fieldKey}`
+			}, toDisplayString(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",
@@ -2164,7 +2226,7 @@ var _hoisted_71$1 = [
 	"onClick"
 ];
 var _hoisted_72$1 = {
-	key: 13,
+	key: 14,
 	class: "text-slate-800 font-semibold"
 };
 var _hoisted_73$1 = {
@@ -2237,6 +2299,7 @@ var CollectionRecordPanel_default = /* @__PURE__ */ defineComponent({
 		*  safe in the template. */
 		const detailRecord = computed(() => editing.value ? props.liveDerived ?? props.liveRecord ?? {} : props.viewing ?? {});
 		const embedViews = computed(() => props.render.embedViewsFor(detailRecord.value));
+		const backlinksViews = computed(() => props.render.backlinksViewsFor(detailRecord.value));
 		const embedOwnerByKey = 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);
@@ -2253,11 +2316,12 @@ var CollectionRecordPanel_default = /* @__PURE__ */ 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
@@ -2267,6 +2331,7 @@ var CollectionRecordPanel_default = /* @__PURE__ */ defineComponent({
 				"table",
 				"markdown",
 				"embed",
+				"backlinks",
 				"image"
 			].includes(field.type) ? "col-span-full" : "col-span-1";
 		}
@@ -2291,7 +2356,8 @@ var CollectionRecordPanel_default = /* @__PURE__ */ 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
@@ -2568,28 +2634,32 @@ var CollectionRecordPanel_default = /* @__PURE__ */ 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] ? (openBlock(), createElementBlock("img", {
+						}, null, 8, ["view", "field-key"])) : field.type === "backlinks" && backlinksViews.value[key] ? (openBlock(), 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] ? (openBlock(), createElementBlock("img", {
+							key: 10,
 							src: 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]) ? (openBlock(), 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}`
 						}, toDisplayString(String(detailRecord.value[key])), 9, _hoisted_69$1)) : field.type === "file" && __props.render.artifactUrl(detailRecord.value[key]) ? (openBlock(), 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}`
 						}, toDisplayString(String(detailRecord.value[key])), 9, _hoisted_70$1)) : field.type === "file" && __props.render.fileRoutePath(detailRecord.value[key]) ? (openBlock(), 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}`,
@@ -3043,8 +3113,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;
@@ -3106,6 +3179,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);
@@ -3118,15 +3199,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] = 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,
@@ -3149,8 +3238,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 = ref({});
 	const refRecordCache = ref({});
 	const embedCache = ref({});
@@ -3160,161 +3305,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 = 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 = 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: 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: 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 = 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: 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 = 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
+};
+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,
-		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
@@ -3805,12 +3981,12 @@ var CollectionView_default = /* @__PURE__ */ 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 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 dateSortValue(enriched[key]);
+			if (display === "date") return dateSortValue(enriched[key]);
 			return stringSortValue(enriched[key]);
 		}
 		const sortedItems = computed(() => {
@@ -3988,10 +4164,12 @@ var CollectionView_default = /* @__PURE__ */ 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. */
@@ -4066,7 +4244,10 @@ var CollectionView_default = /* @__PURE__ */ 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;
@@ -4080,7 +4261,7 @@ var CollectionView_default = /* @__PURE__ */ 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 = 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 = 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 = computed(() => Boolean(collection.value?.schema.singleton));
@@ -4244,7 +4425,8 @@ var CollectionView_default = /* @__PURE__ */ 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
@@ -4268,7 +4450,7 @@ var CollectionView_default = /* @__PURE__ */ 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);
@@ -4300,7 +4482,7 @@ var CollectionView_default = /* @__PURE__ */ 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) => 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 ?? "");
@@ -4402,7 +4584,8 @@ var CollectionView_default = /* @__PURE__ */ 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.
@@ -4496,19 +4679,17 @@ var CollectionView_default = /* @__PURE__ */ 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;