@mulmoclaude/collection-plugin 0.7.6 → 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",
@@ -1826,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",
@@ -1865,7 +1866,7 @@ var CollectionKanbanView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 					"model-value",
 					"item-key",
 					"onChange"
-				])], 8, _hoisted_3$11);
+				])], 8, _hoisted_3$12);
 			}), 128))])]);
 		};
 	}
@@ -1894,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",
@@ -2194,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 = {
@@ -2267,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);
@@ -2283,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
@@ -2297,6 +2355,7 @@ var CollectionRecordPanel_default = /* @__PURE__ */ (0, vue.defineComponent)({
 				"table",
 				"markdown",
 				"embed",
+				"backlinks",
 				"image"
 			].includes(field.type) ? "col-span-full" : "col-span-1";
 		}
@@ -2599,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}`,
@@ -3140,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);
@@ -3152,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,
@@ -3185,10 +3264,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,
@@ -3333,6 +3416,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: (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);
@@ -3373,6 +3508,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),
@@ -4149,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));
@@ -4338,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);
@@ -4370,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 ?? "");