@mulmoclaude/collection-plugin 0.7.6 → 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",
@@ -1802,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",
@@ -1841,7 +1842,7 @@ var CollectionKanbanView_default = /* @__PURE__ */ defineComponent({
 					"model-value",
 					"item-key",
 					"onChange"
-				])], 8, _hoisted_3$11);
+				])], 8, _hoisted_3$12);
 			}), 128))])]);
 		};
 	}
@@ -1870,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",
@@ -2170,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 = {
@@ -2243,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);
@@ -2259,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
@@ -2273,6 +2331,7 @@ var CollectionRecordPanel_default = /* @__PURE__ */ defineComponent({
 				"table",
 				"markdown",
 				"embed",
+				"backlinks",
 				"image"
 			].includes(field.type) ? "col-span-full" : "col-span-1";
 		}
@@ -2575,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}`,
@@ -3116,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);
@@ -3128,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,
@@ -3161,10 +3240,14 @@ function buildEmbedOptions(schema, items) {
 //#endregion
 //#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). */
+*  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 = new Set(uniqueEmbedTargets(schema));
+	const embedTargets = /* @__PURE__ */ new Set([...uniqueEmbedTargets(schema), ...uniqueBacklinkSources(schema)]);
 	return {
 		refTargets,
 		embedTargets,
@@ -3309,6 +3392,58 @@ function buildEmbedViews(schema, embedCache, record, locale) {
 	}
 	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: false,
+				columns,
+				rows: [],
+				fromSlug: field.from
+			};
+			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);
@@ -3349,6 +3484,7 @@ function useCollectionRendering(collection, locale) {
 		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),
@@ -4125,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));
@@ -4314,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);
@@ -4346,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 ?? "");