@mulmoclaude/collection-plugin 0.2.1 → 0.3.0

package/dist/vue.js

@@ -0,0 +1,1613 @@
+import { M as resolveEnumColor, T as fieldVisible, _ as labelFieldFor, g as itemLabelOf, h as itemIdOf, i as buildMonthGrid, m as ymdKey, n as assignLanes, r as bucketRecords, s as daySlice, t as MINUTES_PER_DAY, x as emptyRow } from "./calendarGrid-ggmFTZju.js";
+import { t as deriveAll } from "./deriveAll-BHcs1erT.js";
+import { Fragment, Teleport, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, mergeModels, nextTick, normalizeClass, normalizeStyle, onBeforeUnmount, onMounted, openBlock, ref, renderList, renderSlot, resolveComponent, resolveDynamicComponent, toDisplayString, unref, useModel, vModelCheckbox, vModelDynamic, vModelSelect, vModelText, withCtx, withDirectives, withKeys, withModifiers } from "vue";
+import { useI18n } from "vue-i18n";
+import draggable from "vuedraggable";
+//#region src/vue/uiContext.ts
+var current = null;
+/** Wire the collection view layer to a host. Call once at app startup. */
+function configureCollectionUi(capabilities) {
+	current = capabilities;
+}
+function collectionUi() {
+	if (current === null) throw new Error("@mulmoclaude/collection-plugin/vue: configureCollectionUi() was not called by the host");
+	return current;
+}
+//#endregion
+//#region src/vue/useCollectionRendering.ts
+function useCollectionRendering(collection, locale) {
+	const refCache = ref({});
+	const refRecordCache = ref({});
+	const embedCache = ref({});
+	function resetLinkedCaches() {
+		refCache.value = {};
+		refRecordCache.value = {};
+		embedCache.value = {};
+	}
+	function uniqueRefTargets(schema) {
+		const targets = /* @__PURE__ */ new Set();
+		const walk = (fields) => {
+			for (const field of Object.values(fields)) {
+				if (field.type === "ref" && typeof field.to === "string" && field.to.length > 0) targets.add(field.to);
+				if (field.type === "table" && field.of) walk(field.of);
+			}
+		};
+		walk(schema.fields);
+		return [...targets];
+	}
+	function uniqueEmbedTargets(schema) {
+		const targets = /* @__PURE__ */ new Set();
+		for (const field of Object.values(schema.fields)) if (field.type === "embed" && typeof field.to === "string" && field.to.length > 0) targets.add(field.to);
+		return [...targets];
+	}
+	function buildRefDisplayMap(detail) {
+		const { fields, primaryKey } = detail.collection.schema;
+		const displayField = "name" in fields ? "name" : "title" in fields ? "title" : primaryKey;
+		const map = {};
+		for (const item of detail.items) {
+			const slugRaw = item[primaryKey];
+			if (typeof slugRaw !== "string" || slugRaw.length === 0) continue;
+			const displayRaw = item[displayField];
+			map[slugRaw] = typeof displayRaw === "string" && displayRaw.length > 0 ? displayRaw : slugRaw;
+		}
+		return map;
+	}
+	function buildRefRecordMap(detail) {
+		const { schema } = detail.collection;
+		const map = {};
+		for (const item of detail.items) {
+			const slugRaw = item[schema.primaryKey];
+			if (typeof slugRaw === "string" && slugRaw.length > 0) map[slugRaw] = deriveAll(schema, item, {});
+		}
+		return map;
+	}
+	async function loadLinkedCollections(schema, expectedSlug) {
+		const refTargets = new Set(uniqueRefTargets(schema));
+		const embedTargets = new Set(uniqueEmbedTargets(schema));
+		const allTargets = [...new Set([...refTargets, ...embedTargets])];
+		if (allTargets.length === 0) return;
+		const results = await Promise.all(allTargets.map((target) => collectionUi().fetchCollectionDetail(target).then((result) => ({
+			target,
+			result
+		}))));
+		if (collection.value?.slug !== expectedSlug) return;
+		const nextRef = {};
+		const nextRefRecords = {};
+		const nextEmbed = {};
+		for (const { target, result } of results) {
+			if (!result.ok) continue;
+			if (refTargets.has(target)) {
+				nextRef[target] = buildRefDisplayMap(result.data);
+				nextRefRecords[target] = buildRefRecordMap(result.data);
+			}
+			if (embedTargets.has(target)) nextEmbed[target] = {
+				schema: result.data.collection.schema,
+				items: result.data.items
+			};
+		}
+		refCache.value = nextRef;
+		refRecordCache.value = nextRefRecords;
+		embedCache.value = nextEmbed;
+	}
+	function refDisplay(targetSlug, itemSlug) {
+		const map = refCache.value[targetSlug];
+		return map && map[itemSlug] || itemSlug;
+	}
+	function refOptions(targetSlug) {
+		const map = refCache.value[targetSlug];
+		if (!map) return [];
+		return Object.entries(map).map(([slug, display]) => ({
+			slug,
+			display
+		})).sort((left, right) => left.display.localeCompare(right.display));
+	}
+	function resolveEmbed(field) {
+		if (field.type !== "embed" || !field.to || !field.id) return {
+			schema: null,
+			item: null
+		};
+		const data = embedCache.value[field.to];
+		if (!data) return {
+			schema: null,
+			item: null
+		};
+		const item = data.items.find((entry) => String(entry[data.schema.primaryKey] ?? "") === field.id) ?? null;
+		return {
+			schema: data.schema,
+			item
+		};
+	}
+	function embedValue(field, value, record) {
+		if (field.type === "money") return formatMoney(value, resolveCurrency(field, record), locale.value);
+		return detailText(value);
+	}
+	const embedViews = computed(() => {
+		const out = {};
+		if (!collection.value) return out;
+		for (const [key, field] of Object.entries(collection.value.schema.fields)) {
+			if (field.type !== "embed") continue;
+			const { schema, item } = resolveEmbed(field);
+			const rows = [];
+			if (schema && item) for (const [subKey, subField] of Object.entries(schema.fields)) {
+				const value = item[subKey];
+				if (value === void 0 || value === null || value === "") continue;
+				rows.push({
+					key: subKey,
+					label: subField.label,
+					type: subField.type,
+					value,
+					display: embedValue(subField, value, item)
+				});
+			}
+			out[key] = {
+				found: Boolean(item),
+				rows,
+				targetSlug: field.to ?? "",
+				recordId: field.id ?? ""
+			};
+		}
+		return out;
+	});
+	function resolveCurrency(field, record) {
+		if (field.currencyField && record) {
+			const code = record[field.currencyField];
+			if (typeof code === "string" && code.trim().length > 0) return code;
+		}
+		return field.currency;
+	}
+	function currencySymbol(currency) {
+		const code = currency && currency.length > 0 ? currency : "USD";
+		try {
+			return new Intl.NumberFormat(locale.value, {
+				style: "currency",
+				currency: code
+			}).formatToParts(0).find((entry) => entry.type === "currency")?.value ?? code;
+		} catch {
+			return code;
+		}
+	}
+	function formatMoney(value, currency, displayLocale) {
+		if (value === void 0 || value === "") return "—";
+		const amount = typeof value === "number" ? value : Number(value);
+		if (!Number.isFinite(amount)) return String(value);
+		const currencyCode = currency && currency.length > 0 ? currency : "USD";
+		try {
+			return new Intl.NumberFormat(displayLocale, {
+				style: "currency",
+				currency: currencyCode
+			}).format(amount);
+		} catch {
+			return String(amount);
+		}
+	}
+	function formatCell(value, type) {
+		if (value === void 0 || value === null || value === "") return "—";
+		if (type === "markdown" && typeof value === "string") return value.length > 80 ? `${value.slice(0, 80)}…` : value;
+		if (typeof value === "string" || typeof value === "number") return String(value);
+		return JSON.stringify(value);
+	}
+	function isExternalUrl(value) {
+		return typeof value === "string" && /^https?:\/\//i.test(value);
+	}
+	function artifactUrl(value) {
+		return collectionUi().fileAssetUrl(value);
+	}
+	function fileRoutePath(value) {
+		return collectionUi().fileRoutePath(value);
+	}
+	function detailText(value) {
+		if (value === void 0 || value === null || value === "") return "—";
+		return String(value);
+	}
+	function tableRows(value) {
+		if (!Array.isArray(value)) return [];
+		return value.filter((row) => Boolean(row) && typeof row === "object" && !Array.isArray(row));
+	}
+	function hasTableRows(value) {
+		return tableRows(value).length > 0;
+	}
+	function formatSubCell(subField, value, record) {
+		if (subField.type === "money") return formatMoney(value, resolveCurrency(subField, record), locale.value);
+		if (subField.type === "ref" && subField.to && typeof value === "string" && value.length > 0) return refDisplay(subField.to, value);
+		return formatCell(value, subField.type);
+	}
+	function inputTypeFor(type) {
+		if (type === "email") return "email";
+		if (type === "number") return "number";
+		if (type === "money") return "number";
+		if (type === "date") return "date";
+		if (type === "datetime") return "datetime-local";
+		return "text";
+	}
+	function evaluateDerivedAgainstItem(field, fieldKey, item) {
+		if (!field.formula || !collection.value) return null;
+		const result = deriveAll(collection.value.schema, item, refRecordCache.value)[fieldKey];
+		return typeof result === "number" && Number.isFinite(result) ? result : null;
+	}
+	function derivedDisplay(field, computedValue, record) {
+		if (computedValue === null || computedValue === void 0) return "—";
+		if (field.display === "money") return formatMoney(computedValue, resolveCurrency(field, record), locale.value);
+		return formatCell(computedValue, field.display ?? "number");
+	}
+	return {
+		refCache,
+		refRecordCache,
+		embedCache,
+		resetLinkedCaches,
+		loadLinkedCollections,
+		refDisplay,
+		refOptions,
+		embedViews,
+		resolveCurrency,
+		currencySymbol,
+		formatMoney,
+		formatCell,
+		detailText,
+		isExternalUrl,
+		artifactUrl,
+		fileRoutePath,
+		tableRows,
+		hasTableRows,
+		formatSubCell,
+		inputTypeFor,
+		deriveAll,
+		evaluateDerivedAgainstItem,
+		derivedDisplay
+	};
+}
+//#endregion
+//#region src/vue/components/CollectionRecordModal.vue
+var CollectionRecordModal_default = /* @__PURE__ */ defineComponent({
+	__name: "CollectionRecordModal",
+	emits: ["close"],
+	setup(__props, { emit: __emit }) {
+		const emit = __emit;
+		const dialogEl = ref(null);
+		let previouslyFocused = null;
+		const FOCUSABLE_SELECTOR = [
+			"a[href]",
+			"button:not([disabled])",
+			"input:not([disabled])",
+			"select:not([disabled])",
+			"textarea:not([disabled])",
+			"[tabindex]:not([tabindex=\"-1\"])"
+		].join(",");
+		/** Visible, focusable controls inside the dialog, in DOM order. */
+		function focusableItems() {
+			if (!dialogEl.value) return [];
+			return Array.from(dialogEl.value.querySelectorAll(FOCUSABLE_SELECTOR)).filter((node) => node.offsetParent !== null);
+		}
+		/** Trap Tab / Shift+Tab inside the dialog so focus can't escape to the
+		*  page behind the overlay. Wraps at both ends; the dialog container
+		*  itself (tabindex -1) counts as "before the first item". */
+		function onTab(event) {
+			const items = focusableItems();
+			if (items.length === 0) {
+				event.preventDefault();
+				dialogEl.value?.focus();
+				return;
+			}
+			const [first] = items;
+			const last = items[items.length - 1];
+			const active = document.activeElement;
+			if (event.shiftKey) {
+				if (active === first || active === dialogEl.value) {
+					event.preventDefault();
+					last.focus();
+				}
+			} else if (active === last) {
+				event.preventDefault();
+				first.focus();
+			}
+		}
+		onMounted(async () => {
+			previouslyFocused = document.activeElement instanceof HTMLElement ? document.activeElement : null;
+			await nextTick();
+			dialogEl.value?.focus();
+		});
+		onBeforeUnmount(() => {
+			previouslyFocused?.focus?.();
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(Teleport, { to: "body" }, [createElementVNode("div", {
+				class: "fixed inset-0 z-40 flex items-center justify-center bg-slate-900/40 p-4",
+				"data-testid": "collections-record-modal",
+				onClick: _cache[1] || (_cache[1] = withModifiers(($event) => emit("close"), ["self"]))
+			}, [createElementVNode("div", {
+				ref_key: "dialogEl",
+				ref: dialogEl,
+				class: "flex max-h-[85vh] w-full max-w-2xl flex-col overflow-hidden rounded-2xl bg-white shadow-xl focus:outline-none",
+				role: "dialog",
+				"aria-modal": "true",
+				tabindex: "-1",
+				onKeydown: [_cache[0] || (_cache[0] = withKeys(($event) => emit("close"), ["esc"])), withKeys(onTab, ["tab"])]
+			}, [renderSlot(_ctx.$slots, "default")], 544)])]);
+		};
+	}
+});
+//#endregion
+//#region src/vue/components/CollectionEmbedView.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1$4 = { class: "flex items-center justify-between text-[10px] font-bold text-indigo-600/90 tracking-wider uppercase" };
+var _hoisted_2$4 = { class: "flex items-center gap-1.5" };
+var _hoisted_3$4 = { class: "bg-indigo-100/60 text-indigo-700 px-1.5 py-0.5 rounded font-mono font-medium lowercase" };
+var _hoisted_4$4 = { class: "grid gap-x-4 gap-y-3 grid-cols-2" };
+var _hoisted_5$4 = { class: "text-[10px] font-semibold text-slate-400 uppercase tracking-wide" };
+var _hoisted_6$4 = ["data-testid"];
+var _hoisted_7$4 = {
+	key: 0,
+	class: "material-icons text-emerald-600 text-sm align-middle"
+};
+var _hoisted_8$4 = {
+	key: 1,
+	class: "text-slate-300"
+};
+var _hoisted_9$4 = {
+	key: 1,
+	class: "whitespace-pre-wrap font-normal text-slate-600"
+};
+var _hoisted_10$4 = { key: 2 };
+var _hoisted_11$4 = ["data-testid"];
+var _hoisted_12$3 = { class: "flex items-start gap-3" };
+var _hoisted_13$3 = { class: "flex-1 min-w-0" };
+var _hoisted_14$2 = { class: "text-xs font-semibold text-red-800 uppercase tracking-wider mb-1" };
+var _hoisted_15$2 = ["data-testid"];
+//#endregion
+//#region src/vue/components/CollectionEmbedView.vue
+var CollectionEmbedView_default = /* @__PURE__ */ defineComponent({
+	__name: "CollectionEmbedView",
+	props: {
+		view: {},
+		fieldKey: {}
+	},
+	setup(__props) {
+		const { t } = useI18n();
+		return (_ctx, _cache) => {
+			const _component_router_link = resolveComponent("router-link");
+			return __props.view.found ? (openBlock(), createBlock(_component_router_link, {
+				key: 0,
+				to: {
+					path: `/collections/${__props.view.targetSlug}`,
+					query: { selected: __props.view.recordId }
+				},
+				class: "group block relative rounded-xl border border-slate-200 bg-slate-50/50 p-4 pl-5 space-y-3 hover:bg-indigo-50/20 hover:border-indigo-200 transition-all duration-300 shadow-sm",
+				"data-testid": `collections-embed-${__props.fieldKey}`
+			}, {
+				default: withCtx(() => [
+					_cache[1] || (_cache[1] = createElementVNode("div", { class: "absolute left-0 top-0 bottom-0 w-1 bg-indigo-500 rounded-l-xl transition-all duration-300 group-hover:w-1.5 group-hover:bg-indigo-600" }, null, -1)),
+					createElementVNode("div", _hoisted_1$4, [createElementVNode("div", _hoisted_2$4, [_cache[0] || (_cache[0] = createElementVNode("span", { class: "material-icons text-sm" }, "link", -1)), createElementVNode("span", null, toDisplayString(__props.view.targetSlug), 1)]), createElementVNode("span", _hoisted_3$4, toDisplayString(__props.view.recordId), 1)]),
+					createElementVNode("div", _hoisted_4$4, [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.view.rows, (row) => {
+						return openBlock(), createElementBlock("div", {
+							key: row.key,
+							class: "space-y-0.5"
+						}, [createElementVNode("div", _hoisted_5$4, toDisplayString(row.label), 1), createElementVNode("div", {
+							class: "text-xs text-slate-700 font-medium break-words",
+							"data-testid": `collections-embed-${__props.fieldKey}-${row.key}`
+						}, [row.type === "boolean" ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [row.value === true ? (openBlock(), createElementBlock("span", _hoisted_7$4, "check_circle")) : (openBlock(), createElementBlock("span", _hoisted_8$4, "—"))], 64)) : row.type === "markdown" ? (openBlock(), createElementBlock("p", _hoisted_9$4, toDisplayString(row.display), 1)) : (openBlock(), createElementBlock("span", _hoisted_10$4, toDisplayString(row.display), 1))], 8, _hoisted_6$4)]);
+					}), 128))])
+				]),
+				_: 1
+			}, 8, ["to", "data-testid"])) : (openBlock(), createElementBlock("div", {
+				key: 1,
+				class: "relative rounded-xl border border-red-100 bg-red-50/30 p-4 pl-5 shadow-sm",
+				"data-testid": `collections-embed-${__props.fieldKey}`
+			}, [_cache[4] || (_cache[4] = createElementVNode("div", { class: "absolute left-0 top-0 bottom-0 w-1 bg-red-400 rounded-l-xl" }, null, -1)), createElementVNode("div", _hoisted_12$3, [_cache[3] || (_cache[3] = createElementVNode("span", { class: "material-icons text-red-500 text-lg mt-0.5" }, "error_outline", -1)), createElementVNode("div", _hoisted_13$3, [
+				createElementVNode("p", _hoisted_14$2, toDisplayString(unref(t)("collectionsView.embedMissingTitle")), 1),
+				createElementVNode("p", {
+					class: "text-xs text-red-600",
+					"data-testid": `collections-embed-missing-${__props.fieldKey}`
+				}, toDisplayString(unref(t)("collectionsView.embedMissing", {
+					collection: __props.view.targetSlug,
+					id: __props.view.recordId
+				})), 9, _hoisted_15$2),
+				__props.view.targetSlug ? (openBlock(), createBlock(_component_router_link, {
+					key: 0,
+					to: { path: `/collections/${__props.view.targetSlug}` },
+					class: "inline-flex items-center gap-0.5 text-xs text-indigo-600 hover:text-indigo-800 font-semibold mt-2 hover:underline"
+				}, {
+					default: withCtx(() => [createElementVNode("span", null, toDisplayString(unref(t)("collectionsView.embedCreate")), 1), _cache[2] || (_cache[2] = createElementVNode("span", { class: "material-icons text-xs" }, "arrow_forward", -1))]),
+					_: 1
+				}, 8, ["to"])) : createCommentVNode("", true)
+			])])], 8, _hoisted_11$4));
+		};
+	}
+});
+//#endregion
+//#region src/vue/components/CollectionCalendarView.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1$3 = {
+	class: "flex flex-col gap-3",
+	"data-testid": "collection-calendar"
+};
+var _hoisted_2$3 = { class: "flex items-center gap-2" };
+var _hoisted_3$3 = ["aria-label"];
+var _hoisted_4$3 = ["aria-label"];
+var _hoisted_5$3 = {
+	class: "text-sm font-bold text-slate-800 flex-1",
+	"data-testid": "collection-calendar-month"
+};
+var _hoisted_6$3 = { class: "grid grid-cols-7 gap-1 text-[10px] font-bold text-slate-400 uppercase tracking-wider select-none" };
+var _hoisted_7$3 = { class: "grid grid-cols-7 gap-1" };
+var _hoisted_8$3 = [
+	"aria-label",
+	"data-testid",
+	"onClick",
+	"onKeydown"
+];
+var _hoisted_9$3 = { class: "flex items-center justify-end" };
+var _hoisted_10$3 = ["data-testid", "onClick"];
+var _hoisted_11$3 = {
+	key: 0,
+	class: "flex flex-wrap items-center gap-1.5 pt-1",
+	"data-testid": "collection-calendar-no-date"
+};
+var _hoisted_12$2 = { class: "text-[10px] font-bold text-slate-400 uppercase tracking-wider mr-1" };
+var _hoisted_13$2 = ["data-testid", "onClick"];
+/** Sort key for ordering a day's chips by start time: earliest first, with
+*  clock-less all-day records sinking to the bottom (matching the day view). */
+var DAY_CHIP_DEFAULT = "bg-indigo-50 text-indigo-700 border-indigo-100 hover:bg-indigo-100";
+var UNDATED_CHIP_DEFAULT = "bg-slate-50 text-slate-600 border-slate-200 hover:bg-slate-100";
+//#endregion
+//#region src/vue/components/CollectionCalendarView.vue
+var CollectionCalendarView_default = /* @__PURE__ */ defineComponent({
+	__name: "CollectionCalendarView",
+	props: {
+		schema: {},
+		items: {},
+		anchorField: {},
+		endField: {},
+		timeField: {},
+		colorField: {},
+		selected: {}
+	},
+	emits: ["select", "openDay"],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const { t, locale } = useI18n();
+		const now = /* @__PURE__ */ new Date();
+		const viewYear = ref(now.getFullYear());
+		const viewMonth = ref(now.getMonth() + 1);
+		const todayKey = ymdKey({
+			year: now.getFullYear(),
+			month: now.getMonth() + 1,
+			day: now.getDate()
+		});
+		const grid = computed(() => buildMonthGrid(viewYear.value, viewMonth.value));
+		const bucketed = computed(() => bucketRecords(props.items, props.anchorField, props.endField, props.timeField));
+		const labelField = computed(() => labelFieldFor(props.schema));
+		function colorOf(item) {
+			return props.colorField ? resolveEnumColor(props.schema, props.colorField, item[props.colorField]) : null;
+		}
+		function sliceStartKey(slice) {
+			return slice.kind === "allDay" ? MINUTES_PER_DAY + 1 : slice.startMin;
+		}
+		/** Records whose span covers a given day, ordered by start time so the month
+		*  grid stacks chips the same way the day (time-allocation) view does. */
+		function recordsOnDay(day) {
+			return bucketed.value.spans.map((span) => ({
+				span,
+				slice: daySlice(span, day)
+			})).filter((pair) => pair.slice !== null).sort((left, right) => sliceStartKey(left.slice) - sliceStartKey(right.slice)).map(({ span }) => ({
+				id: itemIdOf(span.item, props.schema),
+				label: itemLabelOf(span.item, props.schema, labelField.value),
+				color: colorOf(span.item)
+			}));
+		}
+		/** Grid cells paired with the records that land on them, computed once per
+		*  render. Clicking any cell opens the day view (create happens there). */
+		const cells = computed(() => grid.value.map((cell) => ({
+			cell,
+			entries: recordsOnDay(cell.ymd)
+		})));
+		const undatedEntries = computed(() => bucketed.value.noDate.map((item) => ({
+			id: itemIdOf(item, props.schema),
+			label: itemLabelOf(item, props.schema, labelField.value),
+			color: colorOf(item)
+		})));
+		function chipClass(entry, uncolored) {
+			if (entry.id === props.selected) return "bg-indigo-600 text-white border-indigo-600";
+			if (!entry.color) return uncolored;
+			return `${entry.color.badge} ${entry.color.border} hover:brightness-95`;
+		}
+		const monthLabel = computed(() => {
+			try {
+				return new Intl.DateTimeFormat(locale.value, {
+					month: "long",
+					year: "numeric",
+					timeZone: "UTC"
+				}).format(new Date(Date.UTC(viewYear.value, viewMonth.value - 1, 1)));
+			} catch {
+				return `${viewYear.value}-${String(viewMonth.value).padStart(2, "0")}`;
+			}
+		});
+		/** Localized short weekday names, Sunday-first (matches the grid). */
+		const weekdayLabels = computed(() => {
+			try {
+				const formatter = new Intl.DateTimeFormat(locale.value, {
+					weekday: "short",
+					timeZone: "UTC"
+				});
+				return Array.from({ length: 7 }, (_, idx) => formatter.format(new Date(Date.UTC(2024, 0, 7 + idx))));
+			} catch {
+				return [
+					"Sun",
+					"Mon",
+					"Tue",
+					"Wed",
+					"Thu",
+					"Fri",
+					"Sat"
+				];
+			}
+		});
+		function stepMonth(delta) {
+			const next = viewMonth.value + delta;
+			if (next < 1) {
+				viewMonth.value = 12;
+				viewYear.value -= 1;
+			} else if (next > 12) {
+				viewMonth.value = 1;
+				viewYear.value += 1;
+			} else viewMonth.value = next;
+		}
+		function goToday() {
+			viewYear.value = now.getFullYear();
+			viewMonth.value = now.getMonth() + 1;
+		}
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", _hoisted_1$3, [
+				createElementVNode("div", _hoisted_2$3, [
+					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$3),
+					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$3),
+					createElementVNode("h3", _hoisted_5$3, 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",
+						"data-testid": "collection-calendar-today",
+						onClick: goToday
+					}, toDisplayString(unref(t)("collectionsView.calendarToday")), 1)
+				]),
+				createElementVNode("div", _hoisted_6$3, [(openBlock(true), createElementBlock(Fragment, null, renderList(weekdayLabels.value, (label, idx) => {
+					return openBlock(), createElementBlock("div", {
+						key: idx,
+						class: "px-1 py-1 text-center"
+					}, toDisplayString(label), 1);
+				}), 128))]),
+				createElementVNode("div", _hoisted_7$3, [(openBlock(true), createElementBlock(Fragment, null, renderList(cells.value, ({ cell, entries }) => {
+					return openBlock(), createElementBlock("div", {
+						key: cell.key,
+						class: normalizeClass(["min-h-[5.5rem] rounded-lg border p-1 flex flex-col gap-1 overflow-hidden transition-colors cursor-pointer hover:border-indigo-300 focus:outline-none focus:ring-2 focus:ring-indigo-500/30", cell.inMonth ? "bg-white border-slate-200" : "bg-slate-50/50 border-slate-100"]),
+						role: "button",
+						tabindex: 0,
+						"aria-label": unref(t)("collectionsView.dayViewOpen", { date: cell.key }),
+						"data-testid": `collection-calendar-day-${cell.key}`,
+						onClick: ($event) => emit("openDay", cell.ymd),
+						onKeydown: [withKeys(withModifiers(($event) => emit("openDay", cell.ymd), ["self", "prevent"]), ["enter"]), withKeys(withModifiers(($event) => emit("openDay", cell.ymd), ["self", "prevent"]), ["space"])]
+					}, [createElementVNode("div", _hoisted_9$3, [createElementVNode("span", { class: normalizeClass(["text-[11px] font-bold h-5 min-w-5 px-1 inline-flex items-center justify-center rounded-full", cell.key === unref(todayKey) ? "bg-indigo-600 text-white" : cell.inMonth ? "text-slate-500" : "text-slate-300"]) }, toDisplayString(cell.ymd.day), 3)]), (openBlock(true), createElementBlock(Fragment, null, renderList(entries, (entry) => {
+						return openBlock(), createElementBlock("button", {
+							key: entry.id,
+							type: "button",
+							class: normalizeClass(["text-left text-[11px] leading-tight font-semibold truncate rounded px-1.5 py-0.5 border transition-colors", chipClass(entry, DAY_CHIP_DEFAULT)]),
+							"data-testid": `collection-calendar-chip-${entry.id}`,
+							onClick: withModifiers(($event) => emit("select", entry.id), ["stop"])
+						}, toDisplayString(entry.label), 11, _hoisted_10$3);
+					}), 128))], 42, _hoisted_8$3);
+				}), 128))]),
+				bucketed.value.noDate.length > 0 ? (openBlock(), createElementBlock("div", _hoisted_11$3, [createElementVNode("span", _hoisted_12$2, toDisplayString(unref(t)("collectionsView.calendarNoDate")), 1), (openBlock(true), createElementBlock(Fragment, null, renderList(undatedEntries.value, (entry) => {
+					return openBlock(), createElementBlock("button", {
+						key: entry.id,
+						type: "button",
+						class: normalizeClass(["text-[11px] font-semibold truncate rounded px-1.5 py-0.5 border transition-colors", chipClass(entry, UNDATED_CHIP_DEFAULT)]),
+						"data-testid": `collection-calendar-undated-${entry.id}`,
+						onClick: ($event) => emit("select", entry.id)
+					}, toDisplayString(entry.label), 11, _hoisted_13$2);
+				}), 128))])) : createCommentVNode("", true)
+			]);
+		};
+	}
+});
+//#endregion
+//#region src/vue/components/CollectionDayView.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1$2 = { class: "flex items-center gap-2 border-b border-slate-200 px-4 py-3" };
+var _hoisted_2$2 = {
+	class: "flex-1 text-sm font-bold text-slate-800",
+	"data-testid": "collection-day-view-title"
+};
+var _hoisted_3$2 = ["aria-label"];
+var _hoisted_4$2 = ["aria-label"];
+var _hoisted_5$2 = {
+	key: 0,
+	class: "px-4 py-10 text-center text-sm text-slate-400"
+};
+var _hoisted_6$2 = { class: "absolute -top-2 left-0 w-10 pr-1 text-right text-[10px] tabular-nums text-slate-400" };
+var _hoisted_7$2 = {
+	class: "absolute inset-y-0 right-0",
+	style: { "left": "2.75rem" }
+};
+var _hoisted_8$2 = ["data-testid", "onClick"];
+var _hoisted_9$2 = { class: "block truncate text-[11px] font-semibold leading-tight" };
+var _hoisted_10$2 = {
+	key: 0,
+	"aria-hidden": "true"
+};
+var _hoisted_11$2 = {
+	key: 1,
+	"aria-hidden": "true"
+};
+var _hoisted_12$1 = {
+	key: 2,
+	class: "flex flex-wrap items-center gap-1.5 border-t border-slate-200 px-4 py-2",
+	"data-testid": "collection-day-view-all-day"
+};
+var _hoisted_13$1 = { class: "mr-1 text-[10px] font-bold uppercase tracking-wider text-slate-400" };
+var _hoisted_14$1 = ["data-testid", "onClick"];
+var _hoisted_15$1 = {
+	key: 0,
+	class: "min-w-0 flex-1 overflow-y-auto",
+	"data-testid": "collection-day-view-detail"
+};
+var HOUR_PX = 48;
+var MIN_BLOCK_PX = 16;
+var LINE_PX = 20;
+var LANE_MIN_MINUTES = 30;
+var MAX_CHIP_FIELDS = 3;
+var TIMED_DEFAULT = "bg-indigo-50 text-indigo-700 border-indigo-200 hover:bg-indigo-100";
+var ALL_DAY_DEFAULT = "bg-slate-50 text-slate-600 border-slate-200 hover:bg-slate-100";
+//#endregion
+//#region src/vue/components/CollectionDayView.vue
+var CollectionDayView_default = /* @__PURE__ */ defineComponent({
+	__name: "CollectionDayView",
+	props: {
+		schema: {},
+		items: {},
+		day: {},
+		anchorField: {},
+		endField: {},
+		timeField: {},
+		colorField: {},
+		selected: {},
+		canCreate: { type: Boolean },
+		showDetail: { type: Boolean }
+	},
+	emits: [
+		"select",
+		"createOn",
+		"close"
+	],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const { t, locale } = useI18n();
+		const TOTAL_HEIGHT = HOUR_PX * 24;
+		const PX_PER_MIN = HOUR_PX / 60;
+		const scrollEl = ref(null);
+		const dialogEl = ref(null);
+		const dayKey = computed(() => ymdKey(props.day));
+		const dayLabel = computed(() => {
+			try {
+				return new Intl.DateTimeFormat(locale.value, {
+					weekday: "long",
+					year: "numeric",
+					month: "long",
+					day: "numeric",
+					timeZone: "UTC"
+				}).format(new Date(Date.UTC(props.day.year, props.day.month - 1, props.day.day)));
+			} catch {
+				return dayKey.value;
+			}
+		});
+		function hourLabel(hour) {
+			return `${String(hour).padStart(2, "0")}:00`;
+		}
+		const labelField = computed(() => labelFieldFor(props.schema));
+		const CHIP_SKIP_TYPES = new Set([
+			"date",
+			"datetime",
+			"table",
+			"embed",
+			"image",
+			"markdown"
+		]);
+		function secondaryFieldsOf(item) {
+			const out = [];
+			for (const [key, field] of Object.entries(props.schema.fields)) {
+				if (out.length >= MAX_CHIP_FIELDS) break;
+				if (key === props.schema.primaryKey || key === labelField.value) continue;
+				if (key === props.anchorField || key === props.endField || key === props.timeField) continue;
+				if (CHIP_SKIP_TYPES.has(field.type)) continue;
+				const value = item[key];
+				if (value === void 0 || value === null || typeof value === "object") continue;
+				const text = String(value);
+				if (text.length > 0) out.push(text);
+			}
+			return out;
+		}
+		function colorOf(item) {
+			return props.colorField ? resolveEnumColor(props.schema, props.colorField, item[props.colorField]) : null;
+		}
+		const dayEntries = computed(() => {
+			const { spans } = bucketRecords(props.items, props.anchorField, props.endField, props.timeField);
+			const entries = [];
+			for (const span of spans) {
+				const slice = daySlice(span, props.day);
+				if (!slice) continue;
+				entries.push({
+					id: itemIdOf(span.item, props.schema),
+					label: itemLabelOf(span.item, props.schema, labelField.value),
+					secondary: secondaryFieldsOf(span.item),
+					color: colorOf(span.item),
+					slice
+				});
+			}
+			return entries;
+		});
+		const allDayEntries = computed(() => dayEntries.value.filter((entry) => entry.slice.kind === "allDay"));
+		const timedEntries = computed(() => {
+			const timed = dayEntries.value.filter((entry) => entry.slice.kind !== "allDay");
+			const lanes = assignLanes(timed.map((entry) => ({
+				startMin: entry.slice.startMin,
+				endMin: Math.max(entry.slice.endMin, entry.slice.startMin + LANE_MIN_MINUTES)
+			})));
+			return timed.map((entry, index) => {
+				const { lane, lanes: laneCount } = lanes[index];
+				const widthPct = 100 / laneCount;
+				const heightPx = entry.slice.kind === "line" ? LINE_PX : Math.max((entry.slice.endMin - entry.slice.startMin) * PX_PER_MIN, MIN_BLOCK_PX);
+				return {
+					...entry,
+					style: {
+						top: `${entry.slice.startMin * PX_PER_MIN}px`,
+						height: `${heightPx}px`,
+						left: `${lane * widthPct}%`,
+						width: `calc(${widthPct}% - 3px)`
+					}
+				};
+			});
+		});
+		function timedChipClass(entry) {
+			if (entry.id === props.selected) return "bg-indigo-600 text-white border-indigo-600 z-10";
+			if (!entry.color) return TIMED_DEFAULT;
+			return `${entry.color.badge} ${entry.color.border} hover:brightness-95`;
+		}
+		function allDayChipClass(entry) {
+			if (entry.id === props.selected) return "bg-indigo-600 text-white border-indigo-600";
+			if (!entry.color) return ALL_DAY_DEFAULT;
+			return `${entry.color.badge} ${entry.color.border} hover:brightness-95`;
+		}
+		function onSelect(itemId) {
+			emit("select", itemId);
+		}
+		function onCreate() {
+			emit("createOn", dayKey.value);
+		}
+		onMounted(async () => {
+			await nextTick();
+			dialogEl.value?.focus();
+			const earliest = timedEntries.value.reduce((min, entry) => Math.min(min, entry.slice.startMin), MINUTES_PER_DAY);
+			if (earliest >= 1440) return;
+			if (scrollEl.value) scrollEl.value.scrollTop = Math.max(0, (earliest - 60) * PX_PER_MIN);
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", {
+				class: "fixed inset-0 z-40 flex items-center justify-center bg-slate-900/40 p-4",
+				"data-testid": "collection-day-view",
+				onClick: _cache[1] || (_cache[1] = withModifiers(($event) => emit("close"), ["self"])),
+				onKeydown: _cache[2] || (_cache[2] = withKeys(($event) => emit("close"), ["esc"]))
+			}, [createElementVNode("div", {
+				ref_key: "dialogEl",
+				ref: dialogEl,
+				tabindex: "-1",
+				class: normalizeClass(["flex max-h-[85vh] w-full flex-row rounded-2xl bg-white shadow-xl focus:outline-none", __props.showDetail ? "max-w-4xl" : "max-w-md"]),
+				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$2, [
+					createElementVNode("h3", _hoisted_2$2, toDisplayString(dayLabel.value), 1),
+					__props.canCreate ? (openBlock(), createElementBlock("button", {
+						key: 0,
+						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.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$2)) : 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$2)
+				]),
+				timedEntries.value.length === 0 && allDayEntries.value.length === 0 ? (openBlock(), createElementBlock("div", _hoisted_5$2, toDisplayString(unref(t)("collectionsView.dayViewEmpty")), 1)) : (openBlock(), createElementBlock("div", {
+					key: 1,
+					ref_key: "scrollEl",
+					ref: scrollEl,
+					class: "flex-1 overflow-y-auto px-2 py-2"
+				}, [createElementVNode("div", {
+					class: "relative",
+					style: normalizeStyle({ height: `${TOTAL_HEIGHT}px` }),
+					"data-testid": "collection-day-view-timeline"
+				}, [(openBlock(), createElementBlock(Fragment, null, renderList(24, (hour) => {
+					return createElementVNode("div", {
+						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$2, toDisplayString(hourLabel(hour - 1)), 1)], 4);
+				}), 64)), createElementVNode("div", _hoisted_7$2, [(openBlock(true), createElementBlock(Fragment, null, renderList(timedEntries.value, (entry) => {
+					return openBlock(), createElementBlock("button", {
+						key: entry.id,
+						type: "button",
+						class: normalizeClass(["absolute overflow-hidden rounded border px-1.5 py-0.5 text-left transition-colors", timedChipClass(entry)]),
+						style: normalizeStyle(entry.style),
+						"data-testid": `collection-day-view-chip-${entry.id}`,
+						onClick: ($event) => onSelect(entry.id)
+					}, [createElementVNode("span", _hoisted_9$2, [
+						entry.slice.bleedsBefore ? (openBlock(), createElementBlock("span", _hoisted_10$2, "▲ ")) : createCommentVNode("", true),
+						createTextVNode(toDisplayString(entry.label), 1),
+						entry.slice.bleedsAfter ? (openBlock(), createElementBlock("span", _hoisted_11$2, " ▼")) : createCommentVNode("", true)
+					]), (openBlock(true), createElementBlock(Fragment, null, renderList(entry.secondary, (text, i) => {
+						return openBlock(), createElementBlock("span", {
+							key: i,
+							class: "block truncate text-[10px] leading-tight opacity-70"
+						}, toDisplayString(text), 1);
+					}), 128))], 14, _hoisted_8$2);
+				}), 128))])], 4)], 512)),
+				allDayEntries.value.length > 0 ? (openBlock(), createElementBlock("div", _hoisted_12$1, [createElementVNode("span", _hoisted_13$1, toDisplayString(unref(t)("collectionsView.dayViewAllDay")), 1), (openBlock(true), createElementBlock(Fragment, null, renderList(allDayEntries.value, (entry) => {
+					return openBlock(), createElementBlock("button", {
+						key: entry.id,
+						type: "button",
+						class: normalizeClass(["truncate rounded border px-1.5 py-0.5 text-[11px] font-semibold transition-colors", allDayChipClass(entry)]),
+						"data-testid": `collection-day-view-allday-${entry.id}`,
+						onClick: ($event) => onSelect(entry.id)
+					}, toDisplayString(entry.label), 11, _hoisted_14$1);
+				}), 128))])) : createCommentVNode("", true)
+			], 2), __props.showDetail ? (openBlock(), createElementBlock("div", _hoisted_15$1, [renderSlot(_ctx.$slots, "detail")])) : createCommentVNode("", true)], 2)], 32);
+		};
+	}
+});
+//#endregion
+//#region src/vue/components/CollectionKanbanView.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1$1 = {
+	class: "h-full overflow-x-auto overflow-y-hidden",
+	"data-testid": "collection-kanban"
+};
+var _hoisted_2$1 = { class: "flex gap-3 h-full p-1 min-w-max" };
+var _hoisted_3$1 = ["data-testid"];
+var _hoisted_4$1 = { class: "flex items-center justify-between px-3 py-2 border-b border-slate-200" };
+var _hoisted_5$1 = { class: "flex items-center gap-2 min-w-0" };
+var _hoisted_6$1 = ["title"];
+var _hoisted_7$1 = { class: "text-[11px] text-slate-400 shrink-0" };
+var _hoisted_8$1 = [
+	"data-testid",
+	"aria-label",
+	"onClick",
+	"onKeydown"
+];
+var _hoisted_9$1 = { class: "flex items-start gap-2" };
+var _hoisted_10$1 = [
+	"checked",
+	"aria-label",
+	"data-testid",
+	"onChange"
+];
+var _hoisted_11$1 = { class: "text-sm font-medium text-slate-800 truncate" };
+var UNCATEGORIZED = "";
+//#endregion
+//#region src/vue/components/CollectionKanbanView.vue
+var CollectionKanbanView_default = /* @__PURE__ */ defineComponent({
+	__name: "CollectionKanbanView",
+	props: {
+		schema: {},
+		groupField: {},
+		items: {},
+		selected: {},
+		notified: {}
+	},
+	emits: ["select", "move"],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const { t } = useI18n();
+		/** The Uncategorized column uses the empty string as its sentinel value. */
+		const groupSpec = computed(() => props.schema.fields[props.groupField]);
+		/** 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
+		*  field is `required` — there's no valid "no value" state to drop into,
+		*  and clearing via it would only produce a rejected PUT. */
+		const columns = computed(() => {
+			const values = groupSpec.value?.values ?? [];
+			const declared = values.map((value) => ({
+				value,
+				label: value
+			}));
+			if (groupSpec.value?.required || values.includes(UNCATEGORIZED)) return declared;
+			return [...declared, {
+				value: UNCATEGORIZED,
+				label: t("collectionsView.kanbanUncategorized")
+			}];
+		});
+		function itemId(item) {
+			return String(item[props.schema.primaryKey] ?? "");
+		}
+		const NOTIFY_ACCENT = {
+			urgent: "border-l-4 border-l-red-500",
+			nudge: "border-l-4 border-l-amber-500",
+			info: "border-l-4 border-l-slate-400"
+		};
+		function notifyAccentClass(item) {
+			const severity = props.notified?.get(itemId(item));
+			return severity ? NOTIFY_ACCENT[severity] : "";
+		}
+		/** Card label: the schema's `displayField` value, else the primary key. */
+		function itemLabel(item) {
+			const field = props.schema.displayField;
+			if (field) {
+				const value = item[field];
+				if (typeof value === "string" && value.length > 0) return value;
+			}
+			return itemId(item);
+		}
+		/** Which column a record belongs to: its group value when that value is
+		*  one of the declared enum values, else Uncategorized. */
+		function columnOf(item) {
+			const raw = item[props.groupField];
+			if (raw === void 0 || raw === null || raw === "") return UNCATEGORIZED;
+			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 itemsByColumnMap = computed(() => {
+			const map = /* @__PURE__ */ new Map();
+			for (const column of columns.value) map.set(column.value, []);
+			for (const item of visibleItems.value) {
+				const value = columnOf(item);
+				(map.get(value) ?? map.get(UNCATEGORIZED))?.push(item);
+			}
+			return map;
+		});
+		function itemsByColumn(value) {
+			return itemsByColumnMap.value.get(value) ?? [];
+		}
+		function onDragChange(columnValue, event) {
+			if (event.added) emit("move", itemId(event.added.element), columnValue);
+		}
+		const cardToggle = computed(() => {
+			for (const spec of Object.values(props.schema.fields)) if (spec.type === "toggle" && spec.field === props.groupField) return spec;
+			return null;
+		});
+		function cardChecked(item) {
+			const toggle = cardToggle.value;
+			return toggle !== null && String(item[props.groupField] ?? "") === toggle.onValue;
+		}
+		function onCardToggle(item) {
+			const toggle = cardToggle.value;
+			if (!toggle) return;
+			const next = cardChecked(item) ? toggle.offValue : toggle.onValue;
+			if (next === void 0) return;
+			emit("move", itemId(item), next);
+		}
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", _hoisted_1$1, [createElementVNode("div", _hoisted_2$1, [(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$1, [createElementVNode("div", _hoisted_5$1, [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$1)]), createElementVNode("span", _hoisted_7$1, toDisplayString(itemsByColumn(column.value).length), 1)]), createVNode(unref(draggable), {
+					"model-value": itemsByColumn(column.value),
+					"item-key": __props.schema.primaryKey,
+					group: "collection-kanban-cards",
+					class: "flex-1 overflow-y-auto p-2 space-y-2 min-h-[2rem]",
+					animation: 150,
+					onChange: (e) => onDragChange(column.value, e)
+				}, {
+					item: withCtx(({ element }) => [createElementVNode("div", {
+						"data-testid": `collection-kanban-card-${itemId(element)}`,
+						tabindex: "0",
+						role: "button",
+						"aria-label": unref(t)("collectionsView.kanbanOpenCard", { label: itemLabel(element) }),
+						class: normalizeClass(["bg-white border border-slate-200 rounded shadow-sm p-2 cursor-grab hover:shadow active:cursor-grabbing focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-indigo-400", [itemId(element) === __props.selected ? "ring-2 ring-indigo-500 border-indigo-300" : "", notifyAccentClass(element)]]),
+						onClick: ($event) => emit("select", itemId(element)),
+						onKeydown: [withKeys(withModifiers((e) => !e.repeat && emit("select", itemId(element)), ["prevent", "self"]), ["enter"]), withKeys(withModifiers((e) => !e.repeat && emit("select", itemId(element)), ["prevent", "self"]), ["space"])]
+					}, [createElementVNode("div", _hoisted_9$1, [cardToggle.value ? (openBlock(), createElementBlock("input", {
+						key: 0,
+						type: "checkbox",
+						checked: cardChecked(element),
+						class: "mt-0.5 h-4 w-4 rounded border-slate-300 text-indigo-600 focus:ring-indigo-500/20 cursor-pointer shrink-0",
+						"aria-label": cardToggle.value.label,
+						"data-testid": `collection-kanban-toggle-${itemId(element)}`,
+						onClick: _cache[0] || (_cache[0] = withModifiers(() => {}, ["stop"])),
+						onChange: ($event) => onCardToggle(element)
+					}, null, 40, _hoisted_10$1)) : createCommentVNode("", true), createElementVNode("div", _hoisted_11$1, toDisplayString(itemLabel(element)), 1)])], 42, _hoisted_8$1)]),
+					_: 1
+				}, 8, [
+					"model-value",
+					"item-key",
+					"onChange"
+				])], 8, _hoisted_3$1);
+			}), 128))])]);
+		};
+	}
+});
+//#endregion
+//#region src/vue/components/CollectionRecordPanel.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = { class: "flex items-center gap-2 mb-4" };
+var _hoisted_2 = { class: "flex-1 min-w-0" };
+var _hoisted_3 = { class: "block text-[9px] font-bold text-slate-400 uppercase tracking-wider" };
+var _hoisted_4 = ["data-testid"];
+var _hoisted_5 = ["disabled"];
+var _hoisted_6 = {
+	key: 1,
+	class: "flex items-center gap-2"
+};
+var _hoisted_7 = [
+	"disabled",
+	"data-testid",
+	"onClick"
+];
+var _hoisted_8 = {
+	key: 0,
+	class: "material-icons text-sm"
+};
+var _hoisted_9 = ["aria-label"];
+var _hoisted_10 = {
+	key: 0,
+	class: "mb-3 text-xs font-semibold text-red-600 bg-red-50 border border-red-100 p-2.5 rounded-xl shadow-sm",
+	"data-testid": "collections-detail-action-error"
+};
+var _hoisted_11 = { class: "grid grid-cols-1 sm:grid-cols-2 gap-x-6 gap-y-4 bg-white rounded-2xl border border-slate-200/60 p-6 shadow-sm" };
+var _hoisted_12 = ["for"];
+var _hoisted_13 = {
+	key: 0,
+	class: "text-rose-500 font-bold"
+};
+var _hoisted_14 = {
+	key: 0,
+	class: "inline-flex items-center gap-2.5 text-sm text-slate-700 cursor-pointer select-none"
+};
+var _hoisted_15 = [
+	"id",
+	"onUpdate:modelValue",
+	"data-testid",
+	"onChange"
+];
+var _hoisted_16 = [
+	"id",
+	"onUpdate:modelValue",
+	"required",
+	"data-testid"
+];
+var _hoisted_17 = { value: "" };
+var _hoisted_18 = ["value"];
+var _hoisted_19 = [
+	"id",
+	"onUpdate:modelValue",
+	"required",
+	"data-testid"
+];
+var _hoisted_20 = { value: "" };
+var _hoisted_21 = ["value"];
+var _hoisted_22 = ["data-testid"];
+var _hoisted_23 = {
+	key: 0,
+	class: "overflow-hidden border border-slate-200 rounded-lg shadow-sm"
+};
+var _hoisted_24 = { class: "w-full text-xs text-slate-600 bg-white" };
+var _hoisted_25 = { class: "bg-slate-50 border-b border-slate-200 text-slate-500 font-bold uppercase tracking-wider" };
+var _hoisted_26 = { class: "divide-y divide-slate-100" };
+var _hoisted_27 = ["onUpdate:modelValue", "onChange"];
+var _hoisted_28 = ["onUpdate:modelValue", "required"];
+var _hoisted_29 = { value: "" };
+var _hoisted_30 = ["value"];
+var _hoisted_31 = ["onUpdate:modelValue", "required"];
+var _hoisted_32 = { value: "" };
+var _hoisted_33 = ["value"];
+var _hoisted_34 = {
+	key: 3,
+	class: "relative flex items-center"
+};
+var _hoisted_35 = { class: "absolute left-1.5 text-[10px] text-slate-400 font-bold pr-1 border-r border-slate-200" };
+var _hoisted_36 = ["onUpdate:modelValue", "required"];
+var _hoisted_37 = [
+	"onUpdate:modelValue",
+	"type",
+	"required"
+];
+var _hoisted_38 = { class: "text-center px-1" };
+var _hoisted_39 = [
+	"aria-label",
+	"data-testid",
+	"onClick"
+];
+var _hoisted_40 = {
+	key: 1,
+	class: "text-xs text-slate-400 italic"
+};
+var _hoisted_41 = ["data-testid", "onClick"];
+var _hoisted_42 = {
+	key: 4,
+	class: "relative flex items-center"
+};
+var _hoisted_43 = { class: "absolute left-3 text-slate-400 font-bold text-xs select-none pr-1.5 border-r border-slate-200" };
+var _hoisted_44 = [
+	"id",
+	"onUpdate:modelValue",
+	"required",
+	"data-testid"
+];
+var _hoisted_45 = [
+	"id",
+	"onUpdate:modelValue",
+	"type",
+	"required",
+	"disabled",
+	"data-testid"
+];
+var _hoisted_46 = [
+	"id",
+	"onUpdate:modelValue",
+	"rows",
+	"required",
+	"data-testid"
+];
+var _hoisted_47 = ["data-testid"];
+var _hoisted_48 = {
+	key: 0,
+	class: "inline-flex items-center gap-1 px-2 py-0.5 rounded-full text-[10px] font-semibold bg-emerald-50 text-emerald-700 border border-emerald-200/40"
+};
+var _hoisted_49 = {
+	key: 1,
+	class: "inline-flex items-center gap-1 px-2 py-0.5 rounded-full text-[10px] font-semibold bg-slate-50 text-slate-400 border border-slate-200/20"
+};
+var _hoisted_50 = {
+	key: 0,
+	class: "inline-flex items-center gap-1 px-2 py-0.5 rounded-full text-[10px] font-semibold bg-emerald-50 text-emerald-700 border border-emerald-200/40"
+};
+var _hoisted_51 = {
+	key: 1,
+	class: "inline-flex items-center gap-1 px-2 py-0.5 rounded-full text-[10px] font-semibold bg-slate-50 text-slate-400 border border-slate-200/20"
+};
+var _hoisted_52 = {
+	key: 2,
+	class: "text-slate-300"
+};
+var _hoisted_53 = {
+	key: 3,
+	class: "font-semibold text-slate-900 tabular-nums text-sm"
+};
+var _hoisted_54 = {
+	key: 4,
+	class: "inline-block truncate tabular-nums font-bold text-indigo-900 bg-indigo-50/50 px-2 py-0.5 rounded border border-indigo-100/50"
+};
+var _hoisted_55 = {
+	key: 5,
+	class: "border border-slate-200/80 rounded-xl overflow-hidden shadow-sm mt-1"
+};
+var _hoisted_56 = { class: "w-full text-[11px] text-slate-600 bg-white" };
+var _hoisted_57 = { class: "bg-slate-50 border-b border-slate-200 text-slate-500 font-bold uppercase tracking-wider" };
+var _hoisted_58 = { class: "divide-y divide-slate-100" };
+var _hoisted_59 = {
+	key: 0,
+	class: "material-icons text-emerald-600 text-base"
+};
+var _hoisted_60 = {
+	key: 1,
+	class: "text-slate-300"
+};
+var _hoisted_61 = {
+	key: 6,
+	class: "text-slate-400 italic"
+};
+var _hoisted_62 = {
+	key: 7,
+	class: "bg-slate-50 rounded-xl p-4 border border-slate-200/60 text-slate-600 text-xs whitespace-pre-wrap leading-relaxed max-h-[30vh] overflow-y-auto"
+};
+var _hoisted_63 = [
+	"src",
+	"alt",
+	"data-testid"
+];
+var _hoisted_64 = ["href", "data-testid"];
+var _hoisted_65 = ["href", "data-testid"];
+var _hoisted_66 = {
+	key: 13,
+	class: "text-slate-800 font-semibold"
+};
+var _hoisted_67 = {
+	key: 0,
+	class: "col-span-full text-xs font-semibold text-red-600 bg-red-50 border border-red-100 p-2.5 rounded-xl"
+};
+//#endregion
+//#region src/vue/components/CollectionRecordPanel.vue
+var CollectionRecordPanel_default = /* @__PURE__ */ defineComponent({
+	__name: "CollectionRecordPanel",
+	props: /* @__PURE__ */ mergeModels({
+		collection: {},
+		viewing: {},
+		saving: { type: Boolean },
+		saveError: {},
+		actionError: {},
+		actionPending: { type: Boolean },
+		visibleActions: {},
+		liveRecord: {},
+		liveDerived: {},
+		viewTitle: {},
+		isSingleton: { type: Boolean },
+		render: {},
+		locale: {}
+	}, {
+		"editing": { required: true },
+		"editingModifiers": {}
+	}),
+	emits: /* @__PURE__ */ mergeModels([
+		"submit",
+		"cancel",
+		"edit",
+		"close",
+		"delete",
+		"runAction"
+	], ["update:editing"]),
+	setup(__props, { emit: __emit }) {
+		const resolveImageSrc = collectionUi().imageSrc;
+		const props = __props;
+		const editing = useModel(__props, "editing");
+		const emit = __emit;
+		const { t } = useI18n();
+		const embedViews = computed(() => props.render.embedViews.value);
+		/** The record the read-only displays render from: the live draft while
+		*  editing (so non-editable cells like derived/embed preview the in-flight
+		*  values), else the open record. Always an object so `[key]` lookups are
+		*  safe in the template. */
+		const detailRecord = computed(() => editing.value ? props.liveDerived ?? props.liveRecord ?? {} : props.viewing ?? {});
+		/** Title for the header: the create label, the edited record's id, or the
+		*  open record's title — same h2 slot in every mode. */
+		const headerTitle = computed(() => {
+			if (editing.value) return editing.value.mode === "create" ? t("collectionsView.createTitle") : editing.value.originalId ?? "";
+			return props.viewTitle;
+		});
+		const rootTestid = computed(() => {
+			if (!editing.value) return "collections-detail";
+			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. */
+		function isEditableType(type) {
+			return type !== "toggle" && type !== "derived" && type !== "embed";
+		}
+		/** 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
+		*  from jumping columns when editing starts. */
+		function colSpanClass(field) {
+			return [
+				"table",
+				"markdown",
+				"embed",
+				"image"
+			].includes(field.type) ? "col-span-full" : "col-span-1";
+		}
+		/** Whether to render a field's cell. Identical rule in both modes so no
+		*  cell appears or disappears on toggle: respect the `when` predicate
+		*  (against the active record) and hide the primary key except while
+		*  creating. */
+		function cellVisible(field) {
+			if (field.primary && editing.value?.mode !== "create") return false;
+			return fieldVisible(field, detailRecord.value);
+		}
+		/** Mirror of the create-mode primary-key carve-out: drop the HTML5
+		*  `required` flag on the primary field while creating so the browser
+		*  doesn't block an intentionally-blank primary (server generates the id). */
+		function isFieldRequiredInUi(field) {
+			if (!field.required) return false;
+			if (editing.value?.mode === "create" && field.primary === true) return false;
+			return true;
+		}
+		/** Tailwind fill/text/border classes tinting an enum `<select>` by its current
+		*  value's colour (palette, or notification red/amber/grey when the field is
+		*  the schema's notifyWhen target). */
+		function enumControlClass(fieldKey, value) {
+			const cls = resolveEnumColor(props.collection.schema, fieldKey, value);
+			return `${cls.badge} ${cls.border}`;
+		}
+		function markBoolTouched(key) {
+			if (editing.value) editing.value.boolTouched[key] = true;
+		}
+		function markRowBoolTouched(row, subKey) {
+			row.boolTouched[subKey] = true;
+		}
+		function addTableRow(key, subFields) {
+			if (!editing.value) return;
+			const rows = editing.value.table[key] ?? [];
+			rows.push(emptyRow(subFields));
+			editing.value.table[key] = rows;
+		}
+		function removeTableRow(key, index) {
+			if (!editing.value) return;
+			const rows = editing.value.table[key];
+			if (rows) rows.splice(index, 1);
+		}
+		return (_ctx, _cache) => {
+			const _component_router_link = resolveComponent("router-link");
+			return openBlock(), createBlock(resolveDynamicComponent(editing.value ? "form" : "div"), {
+				class: "px-6 py-5 max-h-[60vh] overflow-y-auto",
+				"data-testid": rootTestid.value,
+				onSubmit: _cache[4] || (_cache[4] = withModifiers(($event) => emit("submit"), ["prevent"]))
+			}, {
+				default: withCtx(() => [
+					createElementVNode("div", _hoisted_1, [createElementVNode("div", _hoisted_2, [createElementVNode("span", _hoisted_3, toDisplayString(__props.collection.title), 1), createElementVNode("h2", {
+						class: "text-base font-bold text-slate-800 truncate",
+						"data-testid": editing.value ? "collections-edit-title" : "collections-detail-title"
+					}, toDisplayString(headerTitle.value), 9, _hoisted_4)]), editing.value ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [createElementVNode("button", {
+						type: "button",
+						class: "h-8 px-2.5 rounded text-xs font-bold text-slate-500 hover:bg-slate-200/50 transition-colors",
+						"data-testid": "collections-editor-cancel",
+						onClick: _cache[0] || (_cache[0] = ($event) => emit("cancel"))
+					}, toDisplayString(unref(t)("common.cancel")), 1), createElementVNode("button", {
+						type: "submit",
+						class: "h-8 px-2.5 rounded bg-indigo-600 text-white font-bold text-xs hover:bg-indigo-700 disabled:opacity-50 transition-all shadow-sm shadow-indigo-600/10",
+						disabled: __props.saving,
+						"data-testid": "collections-editor-save"
+					}, toDisplayString(__props.saving ? unref(t)("common.saving") : unref(t)("common.save")), 9, _hoisted_5)], 64)) : (openBlock(), createElementBlock("div", _hoisted_6, [
+						(openBlock(true), createElementBlock(Fragment, null, renderList(__props.visibleActions, (action) => {
+							return openBlock(), createElementBlock("button", {
+								key: action.id,
+								type: "button",
+								class: "h-8 px-2.5 rounded border border-indigo-200 bg-indigo-50/50 text-indigo-600 hover:bg-indigo-600 hover:text-white hover:border-indigo-600 font-bold text-xs transition-all flex items-center gap-1 disabled:opacity-50",
+								disabled: __props.actionPending,
+								"data-testid": `collections-detail-action-${action.id}`,
+								onClick: ($event) => emit("runAction", action)
+							}, [action.icon ? (openBlock(), createElementBlock("span", _hoisted_8, toDisplayString(action.icon), 1)) : createCommentVNode("", true), createElementVNode("span", null, toDisplayString(action.label), 1)], 8, _hoisted_7);
+						}), 128)),
+						createElementVNode("button", {
+							type: "button",
+							class: "h-8 px-2.5 rounded border border-slate-200 bg-white text-slate-700 hover:bg-slate-50 font-bold text-xs transition-all flex items-center gap-1",
+							"data-testid": "collections-detail-edit",
+							onClick: _cache[1] || (_cache[1] = ($event) => emit("edit"))
+						}, [_cache[5] || (_cache[5] = createElementVNode("span", { class: "material-icons text-sm" }, "edit", -1)), createElementVNode("span", null, toDisplayString(unref(t)("collectionsView.editItem")), 1)]),
+						createElementVNode("button", {
+							type: "button",
+							class: "h-8 px-2.5 rounded border border-rose-200 bg-white text-rose-600 hover:bg-rose-50 font-bold text-xs transition-all flex items-center gap-1",
+							"data-testid": "collections-detail-remove",
+							onClick: _cache[2] || (_cache[2] = ($event) => emit("delete"))
+						}, [_cache[6] || (_cache[6] = createElementVNode("span", { class: "material-icons text-sm" }, "delete", -1)), createElementVNode("span", null, toDisplayString(unref(t)("common.remove")), 1)]),
+						createElementVNode("button", {
+							type: "button",
+							class: "h-8 w-8 flex items-center justify-center rounded text-slate-400 hover:bg-slate-100 hover:text-slate-600 transition-colors",
+							"aria-label": unref(t)("common.close"),
+							"data-testid": "collections-detail-close",
+							onClick: _cache[3] || (_cache[3] = ($event) => emit("close"))
+						}, [..._cache[7] || (_cache[7] = [createElementVNode("span", { class: "material-icons text-lg" }, "close", -1)])], 8, _hoisted_9)
+					]))]),
+					!editing.value && __props.actionError ? (openBlock(), createElementBlock("p", _hoisted_10, toDisplayString(__props.actionError), 1)) : createCommentVNode("", true),
+					createElementVNode("div", _hoisted_11, [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.collection.schema.fields, (field, key) => {
+						return openBlock(), createElementBlock(Fragment, { key }, [cellVisible(field) ? (openBlock(), createElementBlock("div", {
+							key: 0,
+							class: normalizeClass(["flex flex-col gap-1.5", colSpanClass(field)])
+						}, [createElementVNode("label", {
+							class: "text-[10px] font-bold text-slate-400 uppercase tracking-wider flex items-center gap-1",
+							for: `collections-field-${key}`
+						}, [createTextVNode(toDisplayString(field.label) + " ", 1), editing.value && field.required ? (openBlock(), createElementBlock("span", _hoisted_13, "*")) : createCommentVNode("", true)], 8, _hoisted_12), editing.value && isEditableType(field.type) ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [field.type === "boolean" ? (openBlock(), createElementBlock("label", _hoisted_14, [withDirectives(createElementVNode("input", {
+							id: `collections-field-${key}`,
+							"onUpdate:modelValue": ($event) => editing.value.bool[key] = $event,
+							type: "checkbox",
+							class: "h-5 w-5 rounded border-slate-300 text-indigo-600 focus:ring-indigo-500/20 cursor-pointer",
+							"data-testid": `collections-input-${key}`,
+							onChange: ($event) => markBoolTouched(String(key))
+						}, null, 40, _hoisted_15), [[vModelCheckbox, editing.value.bool[key]]]), createElementVNode("span", { class: normalizeClass(["text-xs font-semibold", editing.value.bool[key] ? "text-indigo-600" : "text-slate-500"]) }, toDisplayString(editing.value.bool[key] ? unref(t)("common.yes") : unref(t)("common.no")), 3)])) : field.type === "ref" && field.to && __props.render.refOptions(field.to).length > 0 ? withDirectives((openBlock(), createElementBlock("select", {
+							key: 1,
+							id: `collections-field-${key}`,
+							"onUpdate:modelValue": ($event) => editing.value.text[key] = $event,
+							required: isFieldRequiredInUi(field),
+							class: "w-full rounded-xl border border-slate-200 px-3 py-2 text-xs bg-slate-50 hover:bg-slate-50/50 focus:bg-white focus:border-indigo-500 focus:ring-2 focus:ring-indigo-500/20 focus:outline-none transition-all cursor-pointer font-medium text-slate-700",
+							"data-testid": `collections-input-${key}`
+						}, [createElementVNode("option", _hoisted_17, toDisplayString(unref(t)("collectionsView.selectPlaceholder")), 1), (openBlock(true), createElementBlock(Fragment, null, renderList(__props.render.refOptions(field.to), (opt) => {
+							return openBlock(), createElementBlock("option", {
+								key: opt.slug,
+								value: opt.slug
+							}, toDisplayString(opt.display), 9, _hoisted_18);
+						}), 128))], 8, _hoisted_16)), [[vModelSelect, editing.value.text[key]]]) : field.type === "enum" && Array.isArray(field.values) && field.values.length > 0 ? withDirectives((openBlock(), createElementBlock("select", {
+							key: 2,
+							id: `collections-field-${key}`,
+							"onUpdate:modelValue": ($event) => editing.value.text[key] = $event,
+							required: isFieldRequiredInUi(field),
+							class: normalizeClass(["w-full rounded-xl border px-3 py-2 text-xs focus:bg-white focus:border-indigo-500 focus:ring-2 focus:ring-indigo-500/20 focus:outline-none transition-all cursor-pointer font-medium", enumControlClass(String(key), editing.value.text[key])]),
+							"data-testid": `collections-input-${key}`
+						}, [createElementVNode("option", _hoisted_20, toDisplayString(unref(t)("collectionsView.selectPlaceholder")), 1), (openBlock(true), createElementBlock(Fragment, null, renderList(field.values, (value) => {
+							return openBlock(), createElementBlock("option", {
+								key: value,
+								value
+							}, toDisplayString(value), 9, _hoisted_21);
+						}), 128))], 10, _hoisted_19)), [[vModelSelect, editing.value.text[key]]]) : field.type === "table" && field.of ? (openBlock(), createElementBlock("div", {
+							key: 3,
+							class: "border border-slate-200 bg-slate-50/30 rounded-xl p-4 space-y-3",
+							"data-testid": `collections-table-${key}`
+						}, [editing.value.table[key] && editing.value.table[key].length > 0 ? (openBlock(), createElementBlock("div", _hoisted_23, [createElementVNode("table", _hoisted_24, [createElementVNode("thead", _hoisted_25, [createElementVNode("tr", null, [(openBlock(true), createElementBlock(Fragment, null, renderList(field.of, (subField, subKey) => {
+							return openBlock(), createElementBlock("th", {
+								key: subKey,
+								class: "text-left px-3 py-2 font-bold"
+							}, toDisplayString(subField.label), 1);
+						}), 128)), _cache[8] || (_cache[8] = createElementVNode("th", { class: "w-9" }, null, -1))])]), createElementVNode("tbody", _hoisted_26, [(openBlock(true), createElementBlock(Fragment, null, renderList(editing.value.table[key], (row, rowIdx) => {
+							return openBlock(), createElementBlock("tr", {
+								key: rowIdx,
+								class: "hover:bg-slate-50/50"
+							}, [(openBlock(true), createElementBlock(Fragment, null, renderList(field.of, (subField, subKey) => {
+								return openBlock(), createElementBlock("td", {
+									key: subKey,
+									class: "px-2 py-1.5 align-middle"
+								}, [subField.type === "boolean" ? withDirectives((openBlock(), createElementBlock("input", {
+									key: 0,
+									"onUpdate:modelValue": ($event) => row.bool[subKey] = $event,
+									type: "checkbox",
+									class: "h-4 w-4 rounded border-slate-300 text-indigo-600 focus:ring-indigo-500/20 cursor-pointer",
+									onChange: ($event) => markRowBoolTouched(row, String(subKey))
+								}, null, 40, _hoisted_27)), [[vModelCheckbox, row.bool[subKey]]]) : subField.type === "enum" && Array.isArray(subField.values) && subField.values.length > 0 ? withDirectives((openBlock(), createElementBlock("select", {
+									key: 1,
+									"onUpdate:modelValue": ($event) => row.text[subKey] = $event,
+									required: subField.required,
+									class: "w-full rounded-lg border border-slate-200 px-2 py-1 text-xs focus:border-indigo-500 focus:outline-none cursor-pointer bg-slate-50 font-medium"
+								}, [createElementVNode("option", _hoisted_29, toDisplayString(unref(t)("collectionsView.selectPlaceholder")), 1), (openBlock(true), createElementBlock(Fragment, null, renderList(subField.values, (value) => {
+									return openBlock(), createElementBlock("option", {
+										key: value,
+										value
+									}, toDisplayString(value), 9, _hoisted_30);
+								}), 128))], 8, _hoisted_28)), [[vModelSelect, row.text[subKey]]]) : subField.type === "ref" && subField.to && __props.render.refOptions(subField.to).length > 0 ? withDirectives((openBlock(), createElementBlock("select", {
+									key: 2,
+									"onUpdate:modelValue": ($event) => row.text[subKey] = $event,
+									required: subField.required,
+									class: "w-full rounded-lg border border-slate-200 px-2 py-1 text-xs focus:border-indigo-500 focus:outline-none cursor-pointer bg-slate-50 font-medium"
+								}, [createElementVNode("option", _hoisted_32, toDisplayString(unref(t)("collectionsView.selectPlaceholder")), 1), (openBlock(true), createElementBlock(Fragment, null, renderList(__props.render.refOptions(subField.to), (opt) => {
+									return openBlock(), createElementBlock("option", {
+										key: opt.slug,
+										value: opt.slug
+									}, toDisplayString(opt.display), 9, _hoisted_33);
+								}), 128))], 8, _hoisted_31)), [[vModelSelect, row.text[subKey]]]) : subField.type === "money" ? (openBlock(), createElementBlock("div", _hoisted_34, [createElementVNode("span", _hoisted_35, toDisplayString(__props.render.currencySymbol(__props.render.resolveCurrency(subField, __props.liveRecord))), 1), withDirectives(createElementVNode("input", {
+									"onUpdate:modelValue": ($event) => row.text[subKey] = $event,
+									type: "number",
+									step: "0.01",
+									required: subField.required,
+									class: "w-full rounded-lg border border-slate-200 pl-6 pr-1.5 py-1 text-xs focus:border-indigo-500 focus:outline-none font-semibold text-slate-800"
+								}, null, 8, _hoisted_36), [[vModelText, row.text[subKey]]])])) : withDirectives((openBlock(), createElementBlock("input", {
+									key: 4,
+									"onUpdate:modelValue": ($event) => row.text[subKey] = $event,
+									type: __props.render.inputTypeFor(subField.type),
+									required: subField.required,
+									class: "w-full rounded-lg border border-slate-200 px-2 py-1 text-xs focus:border-indigo-500 focus:outline-none font-medium text-slate-700"
+								}, null, 8, _hoisted_37)), [[vModelDynamic, row.text[subKey]]])]);
+							}), 128)), createElementVNode("td", _hoisted_38, [createElementVNode("button", {
+								type: "button",
+								class: "h-7 w-7 flex items-center justify-center rounded-lg text-slate-400 hover:text-rose-600 hover:bg-rose-50 transition-colors",
+								"aria-label": unref(t)("collectionsView.removeRow"),
+								"data-testid": `collections-table-${key}-remove-${rowIdx}`,
+								onClick: ($event) => removeTableRow(String(key), rowIdx)
+							}, [..._cache[9] || (_cache[9] = [createElementVNode("span", { class: "material-icons text-base" }, "close", -1)])], 8, _hoisted_39)])]);
+						}), 128))])])])) : (openBlock(), createElementBlock("p", _hoisted_40, toDisplayString(unref(t)("collectionsView.noRows")), 1)), createElementVNode("button", {
+							type: "button",
+							class: "inline-flex items-center gap-1 text-xs text-indigo-600 hover:text-indigo-800 font-bold hover:underline",
+							"data-testid": `collections-table-${key}-add`,
+							onClick: ($event) => addTableRow(String(key), field.of)
+						}, [_cache[10] || (_cache[10] = createElementVNode("span", { class: "material-icons text-xs" }, "add", -1)), createElementVNode("span", null, toDisplayString(unref(t)("collectionsView.addRow")), 1)], 8, _hoisted_41)], 8, _hoisted_22)) : field.type === "money" ? (openBlock(), createElementBlock("div", _hoisted_42, [createElementVNode("div", _hoisted_43, toDisplayString(__props.render.currencySymbol(__props.render.resolveCurrency(field, __props.liveRecord))), 1), withDirectives(createElementVNode("input", {
+							id: `collections-field-${key}`,
+							"onUpdate:modelValue": ($event) => editing.value.text[key] = $event,
+							type: "number",
+							step: "0.01",
+							required: isFieldRequiredInUi(field),
+							class: "w-full rounded-xl border border-slate-200 pl-11 pr-3 py-2 text-xs focus:border-indigo-500 focus:ring-2 focus:ring-indigo-500/20 focus:outline-none font-semibold text-slate-800 transition-all",
+							"data-testid": `collections-input-${key}`
+						}, null, 8, _hoisted_44), [[vModelText, editing.value.text[key]]])])) : [
+							"string",
+							"email",
+							"number",
+							"date",
+							"datetime",
+							"ref",
+							"image",
+							"file"
+						].includes(field.type) ? withDirectives((openBlock(), createElementBlock("input", {
+							key: 5,
+							id: `collections-field-${key}`,
+							"onUpdate:modelValue": ($event) => editing.value.text[key] = $event,
+							type: __props.render.inputTypeFor(field.type),
+							required: isFieldRequiredInUi(field),
+							disabled: field.primary === true && (editing.value.mode === "edit" || __props.isSingleton),
+							class: "w-full rounded-xl border border-slate-200 px-3 py-2 text-xs focus:border-indigo-500 focus:ring-2 focus:ring-indigo-500/20 focus:outline-none disabled:bg-slate-100 disabled:text-slate-400 font-medium text-slate-700 transition-all",
+							"data-testid": `collections-input-${key}`
+						}, null, 8, _hoisted_45)), [[vModelDynamic, editing.value.text[key]]]) : withDirectives((openBlock(), createElementBlock("textarea", {
+							key: 6,
+							id: `collections-field-${key}`,
+							"onUpdate:modelValue": ($event) => editing.value.text[key] = $event,
+							rows: field.type === "markdown" ? 5 : 3,
+							required: isFieldRequiredInUi(field),
+							class: "w-full rounded-xl border border-slate-200 px-3 py-2 text-xs focus:border-indigo-500 focus:ring-2 focus:ring-indigo-500/20 focus:outline-none font-medium text-slate-700 transition-all",
+							"data-testid": `collections-input-${key}`
+						}, null, 8, _hoisted_46)), [[vModelText, editing.value.text[key]]])], 64)) : (openBlock(), createElementBlock("div", {
+							key: 1,
+							class: "text-xs font-medium text-slate-700 break-words",
+							"data-testid": `collections-detail-value-${key}`
+						}, [field.type === "toggle" ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [field.field !== void 0 && String(detailRecord.value[field.field] ?? "") === field.onValue ? (openBlock(), createElementBlock("span", _hoisted_48, [_cache[11] || (_cache[11] = createElementVNode("span", { class: "h-1.5 w-1.5 rounded-full bg-emerald-500" }, null, -1)), createTextVNode(" " + toDisplayString(unref(t)("common.yes")), 1)])) : (openBlock(), createElementBlock("span", _hoisted_49, toDisplayString(unref(t)("common.no")), 1))], 64)) : field.type === "boolean" ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [detailRecord.value[key] === true ? (openBlock(), createElementBlock("span", _hoisted_50, [_cache[12] || (_cache[12] = createElementVNode("span", { class: "h-1.5 w-1.5 rounded-full bg-emerald-500" }, null, -1)), createTextVNode(" " + toDisplayString(unref(t)("common.yes")), 1)])) : detailRecord.value[key] === false ? (openBlock(), createElementBlock("span", _hoisted_51, toDisplayString(unref(t)("common.no")), 1)) : (openBlock(), createElementBlock("span", _hoisted_52, "—"))], 64)) : field.type === "ref" && field.to && typeof detailRecord.value[key] === "string" && detailRecord.value[key] ? (openBlock(), createBlock(_component_router_link, {
+							key: 2,
+							to: {
+								path: `/collections/${field.to}`,
+								query: { selected: String(detailRecord.value[key]) }
+							},
+							class: "text-indigo-600 hover:text-indigo-800 font-bold hover:underline",
+							"data-testid": `collections-detail-ref-${key}`
+						}, {
+							default: withCtx(() => [createTextVNode(toDisplayString(__props.render.refDisplay(field.to, String(detailRecord.value[key]))), 1)]),
+							_: 2
+						}, 1032, ["to", "data-testid"])) : field.type === "money" ? (openBlock(), createElementBlock("span", _hoisted_53, toDisplayString(__props.render.formatMoney(detailRecord.value[key], __props.render.resolveCurrency(field, detailRecord.value), __props.locale)), 1)) : field.type === "derived" ? (openBlock(), createElementBlock("span", _hoisted_54, toDisplayString(__props.render.derivedDisplay(field, __props.render.evaluateDerivedAgainstItem(field, String(key), detailRecord.value), detailRecord.value)), 1)) : field.type === "table" && field.of && __props.render.hasTableRows(detailRecord.value[key]) ? (openBlock(), createElementBlock("div", _hoisted_55, [createElementVNode("table", _hoisted_56, [createElementVNode("thead", _hoisted_57, [createElementVNode("tr", null, [(openBlock(true), createElementBlock(Fragment, null, renderList(field.of, (subField, subKey) => {
+							return openBlock(), createElementBlock("th", {
+								key: subKey,
+								class: "text-left px-4 py-2 font-bold"
+							}, toDisplayString(subField.label), 1);
+						}), 128))])]), createElementVNode("tbody", _hoisted_58, [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.render.tableRows(detailRecord.value[key]), (row, rowIdx) => {
+							return openBlock(), createElementBlock("tr", {
+								key: rowIdx,
+								class: "hover:bg-slate-50/50"
+							}, [(openBlock(true), createElementBlock(Fragment, null, renderList(field.of, (subField, subKey) => {
+								return openBlock(), createElementBlock("td", {
+									key: subKey,
+									class: "px-4 py-2 align-middle font-medium"
+								}, [subField.type === "boolean" ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [row[subKey] === true ? (openBlock(), createElementBlock("span", _hoisted_59, "check_circle")) : (openBlock(), createElementBlock("span", _hoisted_60, "—"))], 64)) : (openBlock(), createElementBlock("span", {
+									key: 1,
+									class: normalizeClass([subField.type === "money" ? "font-bold text-slate-800 tabular-nums" : ""])
+								}, toDisplayString(__props.render.formatSubCell(subField, row[subKey], detailRecord.value)), 3))]);
+							}), 128))]);
+						}), 128))])])])) : field.type === "table" ? (openBlock(), createElementBlock("span", _hoisted_61, toDisplayString(unref(t)("collectionsView.noRows")), 1)) : field.type === "markdown" ? (openBlock(), createElementBlock("div", _hoisted_62, toDisplayString(__props.render.detailText(detailRecord.value[key])), 1)) : field.type === "embed" && embedViews.value[key] ? (openBlock(), createBlock(CollectionEmbedView_default, {
+							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", {
+							key: 9,
+							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_63)) : field.type !== "file" && __props.render.isExternalUrl(detailRecord.value[key]) ? (openBlock(), createElementBlock("a", {
+							key: 10,
+							href: String(detailRecord.value[key]),
+							target: "_blank",
+							rel: "noopener noreferrer",
+							class: "text-blue-600 hover:text-blue-800 font-semibold hover:underline break-all",
+							"data-testid": `collections-detail-url-${key}`
+						}, toDisplayString(String(detailRecord.value[key])), 9, _hoisted_64)) : field.type === "file" && __props.render.artifactUrl(detailRecord.value[key]) ? (openBlock(), createElementBlock("a", {
+							key: 11,
+							href: __props.render.artifactUrl(detailRecord.value[key]) ?? void 0,
+							target: "_blank",
+							rel: "noopener noreferrer",
+							class: "text-blue-600 hover:text-blue-800 font-semibold hover:underline break-all",
+							"data-testid": `collections-detail-file-${key}`
+						}, toDisplayString(String(detailRecord.value[key])), 9, _hoisted_65)) : field.type === "file" && __props.render.fileRoutePath(detailRecord.value[key]) ? (openBlock(), createBlock(_component_router_link, {
+							key: 12,
+							to: __props.render.fileRoutePath(detailRecord.value[key]) ?? "",
+							class: "text-blue-600 hover:text-blue-800 font-semibold hover:underline break-all",
+							"data-testid": `collections-detail-file-${key}`
+						}, {
+							default: withCtx(() => [createTextVNode(toDisplayString(String(detailRecord.value[key])), 1)]),
+							_: 2
+						}, 1032, ["to", "data-testid"])) : (openBlock(), createElementBlock("span", _hoisted_66, toDisplayString(__props.render.formatCell(detailRecord.value[key], field.type)), 1))], 8, _hoisted_47))], 2)) : createCommentVNode("", true)], 64);
+					}), 128)), editing.value && __props.saveError ? (openBlock(), createElementBlock("p", _hoisted_67, toDisplayString(__props.saveError), 1)) : createCommentVNode("", true)])
+				]),
+				_: 1
+			}, 40, ["data-testid"]);
+		};
+	}
+});
+//#endregion
+export { CollectionCalendarView_default as CollectionCalendarView, CollectionDayView_default as CollectionDayView, CollectionEmbedView_default as CollectionEmbedView, CollectionKanbanView_default as CollectionKanbanView, CollectionRecordModal_default as CollectionRecordModal, CollectionRecordPanel_default as CollectionRecordPanel, collectionUi, configureCollectionUi, useCollectionRendering };
+
+//# sourceMappingURL=vue.js.map