@mulmoclaude/collection-plugin 0.8.0 → 0.11.0

package/dist/vue.cjs

@@ -1233,6 +1233,338 @@ var CollectionRecordModal_default = /* @__PURE__ */ (0, vue.defineComponent)({
 	}
 });
 //#endregion
+//#region src/vue/useCollectionRendering.helpers.ts
+var EM_DASH = "—";
+var DEFAULT_CURRENCY = "USD";
+var MARKDOWN_CELL_PREVIEW_MAX = 80;
+function stepForFieldType(type) {
+	if (type === "money") return "0.01";
+	if (type === "number") return "any";
+}
+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 isExternalUrl(value) {
+	return typeof value === "string" && /^https?:\/\//i.test(value);
+}
+function detailText(value) {
+	if (value === void 0 || value === null || value === "") return EM_DASH;
+	return String(value);
+}
+function formatCell(value, type) {
+	if (value === void 0 || value === null || value === "") return EM_DASH;
+	if (type === "markdown" && typeof value === "string") return value.length > MARKDOWN_CELL_PREVIEW_MAX ? `${value.slice(0, MARKDOWN_CELL_PREVIEW_MAX)}…` : value;
+	if (typeof value === "string" || typeof value === "number") return String(value);
+	return JSON.stringify(value);
+}
+/** Resolve the ISO 4217 code for a money field: a per-record
+*  `currencyField` (when present and non-blank) wins over the field's
+*  literal `currency`. Only `money` / `derived` variants carry currency
+*  keys; any other field resolves to undefined (the formatter's USD
+*  fallback), as before. */
+function resolveCurrency(field, record) {
+	if (field.type !== "money" && field.type !== "derived") return void 0;
+	if (field.currencyField && record) {
+		const code = record[field.currencyField];
+		if (typeof code === "string" && code.trim().length > 0) return code;
+	}
+	return field.currency;
+}
+function formatMoney(value, currency, displayLocale) {
+	if (value === void 0 || value === "") return EM_DASH;
+	const amount = typeof value === "number" ? value : Number(value);
+	if (!Number.isFinite(amount)) return String(value);
+	const currencyCode = currency && currency.length > 0 ? currency : DEFAULT_CURRENCY;
+	try {
+		return new Intl.NumberFormat(displayLocale, {
+			style: "currency",
+			currency: currencyCode
+		}).format(amount);
+	} catch {
+		return String(amount);
+	}
+}
+function currencySymbolForLocale(currency, locale) {
+	const code = currency && currency.length > 0 ? currency : DEFAULT_CURRENCY;
+	try {
+		return new Intl.NumberFormat(locale, {
+			style: "currency",
+			currency: code
+		}).formatToParts(0).find((entry) => entry.type === "currency")?.value ?? code;
+	} catch {
+		return code;
+	}
+}
+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;
+}
+/** Pick the field used to label a referenced/embedded record: prefer a
+*  `name` field, then `title`, else fall back to the primary key. */
+function displayFieldFor(fields, primaryKey) {
+	if ("name" in fields) return "name";
+	if ("title" in fields) return "title";
+	return primaryKey;
+}
+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];
+}
+/** Slugs of every SOURCE collection a `backlinks` or `rollup` field
+*  reverses over (the two share one load). Top-level only, like `embed`
+*  (the schema rejects both 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.type === "rollup") && field.from.length > 0) sources.add(field.from);
+	return [...sources];
+}
+function buildRefDisplayMap(detail) {
+	const { fields, primaryKey } = detail.collection.schema;
+	const displayField = displayFieldFor(fields, 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;
+}
+/** 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 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,
+		display
+	})).sort((left, right) => left.display.localeCompare(right.display));
+}
+/** Dropdown options for an `embed` field's per-record picker: every
+*  record in the target collection, labelled by its name/title (or
+*  primary key), skipping records without a slug and sorted by label. */
+function buildEmbedOptions(schema, items) {
+	const { fields, primaryKey } = schema;
+	const displayField = displayFieldFor(fields, primaryKey);
+	return items.map((item) => {
+		const slug = String(item[primaryKey] ?? "");
+		const labelRaw = item[displayField];
+		return {
+			slug,
+			display: typeof labelRaw === "string" && labelRaw.length > 0 ? labelRaw : slug
+		};
+	}).filter((opt) => opt.slug.length > 0).sort((left, right) => left.display.localeCompare(right.display));
+}
+//#endregion
+//#region src/vue/components/CollectionMutateParamsModal.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1$16 = { class: "flex items-center justify-between px-6 pt-5 pb-3" };
+var _hoisted_2$15 = { class: "text-sm font-bold text-slate-800 flex items-center gap-1.5" };
+var _hoisted_3$15 = {
+	key: 0,
+	class: "material-icons text-base text-indigo-600"
+};
+var _hoisted_4$15 = ["aria-label"];
+var _hoisted_5$14 = { class: "flex flex-col gap-4 px-6 pb-2" };
+var _hoisted_6$13 = ["for"];
+var _hoisted_7$11 = {
+	key: 0,
+	class: "text-rose-500 font-bold"
+};
+var _hoisted_8$11 = {
+	key: 0,
+	class: "inline-flex items-center gap-2.5 cursor-pointer select-none"
+};
+var _hoisted_9$11 = [
+	"id",
+	"onUpdate:modelValue",
+	"data-testid",
+	"onChange"
+];
+var _hoisted_10$11 = [
+	"id",
+	"onUpdate:modelValue",
+	"required",
+	"data-testid"
+];
+var _hoisted_11$11 = { value: "" };
+var _hoisted_12$10 = ["value"];
+var _hoisted_13$9 = [
+	"id",
+	"onUpdate:modelValue",
+	"required",
+	"data-testid"
+];
+var _hoisted_14$8 = [
+	"id",
+	"onUpdate:modelValue",
+	"type",
+	"step",
+	"required",
+	"data-testid"
+];
+var _hoisted_15$8 = {
+	key: 0,
+	class: "text-xs font-semibold text-red-600 bg-red-50 border border-red-100 p-2.5 rounded-xl",
+	"data-testid": "collections-mutate-error"
+};
+var _hoisted_16$7 = { class: "flex items-center justify-end gap-2 px-6 py-4" };
+var _hoisted_17$7 = ["disabled"];
+var _hoisted_18$6 = {
+	key: 0,
+	class: "material-icons text-sm animate-spin"
+};
+//#endregion
+//#region src/vue/components/CollectionMutateParamsModal.vue
+var CollectionMutateParamsModal_default = /* @__PURE__ */ (0, vue.defineComponent)({
+	__name: "CollectionMutateParamsModal",
+	props: {
+		action: {},
+		pending: { type: Boolean },
+		error: {}
+	},
+	emits: ["close", "submit"],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const { t } = useCollectionI18n();
+		const text = (0, vue.reactive)({});
+		const bool = (0, vue.reactive)({});
+		const boolTouched = (0, vue.reactive)({});
+		for (const [key, spec] of Object.entries(props.action.params ?? {})) if (spec.type === "boolean") bool[key] = false;
+		else text[key] = "";
+		/** Convert the draft to the submitted params: numbers parsed, booleans
+		*  included only when touched or required, empty optionals OMITTED (the
+		*  server treats an absent param as "don't write" for `$params` refs —
+		*  merge semantics). */
+		function submit() {
+			const params = {};
+			for (const [key, spec] of Object.entries(props.action.params ?? {})) {
+				if (spec.type === "boolean") {
+					if (boolTouched[key] || spec.required) params[key] = bool[key] === true;
+					continue;
+				}
+				const raw = (text[key] ?? "").trim();
+				if (raw === "") continue;
+				if (spec.type === "number" || spec.type === "money") {
+					const num = Number(raw);
+					params[key] = Number.isFinite(num) ? num : raw;
+					continue;
+				}
+				params[key] = raw;
+			}
+			emit("submit", params);
+		}
+		return (_ctx, _cache) => {
+			return (0, vue.openBlock)(), (0, vue.createBlock)(CollectionRecordModal_default, { onClose: _cache[2] || (_cache[2] = ($event) => emit("close")) }, {
+				default: (0, vue.withCtx)(() => [(0, vue.createElementVNode)("form", {
+					class: "flex flex-col overflow-y-auto",
+					"data-testid": "collections-mutate-modal",
+					onSubmit: (0, vue.withModifiers)(submit, ["prevent"])
+				}, [
+					(0, vue.createElementVNode)("div", _hoisted_1$16, [(0, vue.createElementVNode)("h2", _hoisted_2$15, [__props.action.icon ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_3$15, (0, vue.toDisplayString)(__props.action.icon), 1)) : (0, vue.createCommentVNode)("", true), (0, vue.createElementVNode)("span", null, (0, vue.toDisplayString)(__props.action.label), 1)]), (0, vue.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": (0, vue.unref)(t)("common.close"),
+						"data-testid": "collections-mutate-close",
+						onClick: _cache[0] || (_cache[0] = ($event) => emit("close"))
+					}, [..._cache[3] || (_cache[3] = [(0, vue.createElementVNode)("span", { class: "material-icons text-lg" }, "close", -1)])], 8, _hoisted_4$15)]),
+					(0, vue.createElementVNode)("div", _hoisted_5$14, [((0, vue.openBlock)(true), (0, vue.createElementBlock)(vue.Fragment, null, (0, vue.renderList)(__props.action.params, (spec, key) => {
+						return (0, vue.openBlock)(), (0, vue.createElementBlock)("div", {
+							key,
+							class: "flex flex-col gap-1.5"
+						}, [(0, vue.createElementVNode)("label", {
+							class: "text-[10px] font-bold text-slate-400 uppercase tracking-wider",
+							for: `collections-mutate-${key}`
+						}, [(0, vue.createTextVNode)((0, vue.toDisplayString)(spec.label) + " ", 1), spec.required ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_7$11, "*")) : (0, vue.createCommentVNode)("", true)], 8, _hoisted_6$13), spec.type === "boolean" ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("label", _hoisted_8$11, [(0, vue.withDirectives)((0, vue.createElementVNode)("input", {
+							id: `collections-mutate-${key}`,
+							"onUpdate:modelValue": ($event) => 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-mutate-input-${key}`,
+							onChange: ($event) => boolTouched[String(key)] = true
+						}, null, 40, _hoisted_9$11), [[vue.vModelCheckbox, bool[key]]]), (0, vue.createElementVNode)("span", { class: (0, vue.normalizeClass)(["text-xs font-semibold", bool[key] ? "text-indigo-600" : "text-slate-500"]) }, (0, vue.toDisplayString)(bool[key] ? (0, vue.unref)(t)("common.yes") : (0, vue.unref)(t)("common.no")), 3)])) : spec.type === "enum" ? (0, vue.withDirectives)(((0, vue.openBlock)(), (0, vue.createElementBlock)("select", {
+							key: 1,
+							id: `collections-mutate-${key}`,
+							"onUpdate:modelValue": ($event) => text[key] = $event,
+							required: spec.required,
+							class: "w-full rounded-xl border border-slate-200 px-3 py-2 text-xs bg-slate-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-mutate-input-${key}`
+						}, [(0, vue.createElementVNode)("option", _hoisted_11$11, (0, vue.toDisplayString)((0, vue.unref)(t)("collectionsView.selectPlaceholder")), 1), ((0, vue.openBlock)(true), (0, vue.createElementBlock)(vue.Fragment, null, (0, vue.renderList)(spec.values, (value) => {
+							return (0, vue.openBlock)(), (0, vue.createElementBlock)("option", {
+								key: value,
+								value
+							}, (0, vue.toDisplayString)(value), 9, _hoisted_12$10);
+						}), 128))], 8, _hoisted_10$11)), [[vue.vModelSelect, text[key]]]) : spec.type === "text" || spec.type === "markdown" ? (0, vue.withDirectives)(((0, vue.openBlock)(), (0, vue.createElementBlock)("textarea", {
+							key: 2,
+							id: `collections-mutate-${key}`,
+							"onUpdate:modelValue": ($event) => text[key] = $event,
+							required: spec.required,
+							rows: "3",
+							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-mutate-input-${key}`
+						}, null, 8, _hoisted_13$9)), [[vue.vModelText, text[key]]]) : (0, vue.withDirectives)(((0, vue.openBlock)(), (0, vue.createElementBlock)("input", {
+							key: 3,
+							id: `collections-mutate-${key}`,
+							"onUpdate:modelValue": ($event) => text[key] = $event,
+							type: (0, vue.unref)(inputTypeFor)(spec.type),
+							step: (0, vue.unref)(stepForFieldType)(spec.type),
+							required: spec.required,
+							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-mutate-input-${key}`
+						}, null, 8, _hoisted_14$8)), [[vue.vModelDynamic, text[key]]])]);
+					}), 128)), __props.error ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("p", _hoisted_15$8, (0, vue.toDisplayString)(__props.error), 1)) : (0, vue.createCommentVNode)("", true)]),
+					(0, vue.createElementVNode)("div", _hoisted_16$7, [(0, vue.createElementVNode)("button", {
+						type: "button",
+						class: "h-8 px-3 rounded border border-slate-200 bg-white text-slate-600 hover:bg-slate-50 font-bold text-xs transition-colors",
+						"data-testid": "collections-mutate-cancel",
+						onClick: _cache[1] || (_cache[1] = ($event) => emit("close"))
+					}, (0, vue.toDisplayString)((0, vue.unref)(t)("common.cancel")), 1), (0, vue.createElementVNode)("button", {
+						type: "submit",
+						class: "h-8 px-3 rounded bg-indigo-600 hover:bg-indigo-700 text-white font-bold text-xs transition-colors shadow-sm disabled:opacity-50 flex items-center gap-1",
+						disabled: __props.pending,
+						"data-testid": "collections-mutate-submit"
+					}, [__props.pending ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_18$6, "progress_activity")) : (0, vue.createCommentVNode)("", true), (0, vue.createElementVNode)("span", null, (0, vue.toDisplayString)(__props.action.label), 1)], 8, _hoisted_17$7)])
+				], 32)]),
+				_: 1
+			});
+		};
+	}
+});
+//#endregion
 //#region src/vue/components/CollectionCalendarView.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1$15 = {
 	class: "flex flex-col gap-3",
@@ -1538,6 +1870,7 @@ var CollectionDayView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 			"table",
 			"embed",
 			"backlinks",
+			"rollup",
 			"image",
 			"markdown"
 		]);
@@ -2058,111 +2391,115 @@ var _hoisted_7$6 = [
 ];
 var _hoisted_8$6 = {
 	key: 0,
+	class: "material-icons text-sm animate-spin"
+};
+var _hoisted_9$6 = {
+	key: 1,
 	class: "material-icons text-sm"
 };
-var _hoisted_9$6 = ["aria-label"];
-var _hoisted_10$6 = {
+var _hoisted_10$6 = ["aria-label"];
+var _hoisted_11$6 = {
 	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$6 = { 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$6 = ["for"];
-var _hoisted_13$5 = {
+var _hoisted_12$6 = { 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_13$5 = ["for"];
+var _hoisted_14$5 = {
 	key: 0,
 	class: "text-rose-500 font-bold"
 };
-var _hoisted_14$5 = [
+var _hoisted_15$5 = [
 	"id",
 	"onUpdate:modelValue",
 	"required",
 	"data-testid"
 ];
-var _hoisted_15$5 = { value: "" };
-var _hoisted_16$5 = ["value"];
-var _hoisted_17$5 = [
+var _hoisted_16$5 = { value: "" };
+var _hoisted_17$5 = ["value"];
+var _hoisted_18$5 = [
 	"id",
 	"onUpdate:modelValue",
 	"required",
 	"placeholder",
 	"data-testid"
 ];
-var _hoisted_18$5 = {
+var _hoisted_19$3 = {
 	key: 0,
 	class: "inline-flex items-center gap-2.5 text-sm text-slate-700 cursor-pointer select-none"
 };
-var _hoisted_19$3 = [
+var _hoisted_20$3 = [
 	"id",
 	"onUpdate:modelValue",
 	"data-testid",
 	"onChange"
 ];
-var _hoisted_20$3 = [
+var _hoisted_21$3 = [
 	"id",
 	"onUpdate:modelValue",
 	"required",
 	"data-testid"
 ];
-var _hoisted_21$3 = { value: "" };
-var _hoisted_22$3 = ["value"];
-var _hoisted_23$3 = [
+var _hoisted_22$3 = { value: "" };
+var _hoisted_23$3 = ["value"];
+var _hoisted_24$2 = [
 	"id",
 	"onUpdate:modelValue",
 	"required",
 	"data-testid"
 ];
-var _hoisted_24$2 = { value: "" };
-var _hoisted_25$2 = ["value"];
-var _hoisted_26$2 = ["data-testid"];
-var _hoisted_27$2 = {
+var _hoisted_25$2 = { value: "" };
+var _hoisted_26$2 = ["value"];
+var _hoisted_27$2 = ["data-testid"];
+var _hoisted_28$1 = {
 	key: 0,
 	class: "overflow-hidden border border-slate-200 rounded-lg shadow-sm"
 };
-var _hoisted_28$1 = { class: "w-full text-xs text-slate-600 bg-white" };
-var _hoisted_29$1 = { class: "bg-slate-50 border-b border-slate-200 text-slate-500 font-bold uppercase tracking-wider" };
-var _hoisted_30$1 = { class: "divide-y divide-slate-100" };
-var _hoisted_31$1 = ["onUpdate:modelValue", "onChange"];
-var _hoisted_32$1 = ["onUpdate:modelValue", "required"];
-var _hoisted_33$1 = { value: "" };
-var _hoisted_34$1 = ["value"];
-var _hoisted_35$1 = ["onUpdate:modelValue", "required"];
-var _hoisted_36$1 = { value: "" };
-var _hoisted_37$1 = ["value"];
-var _hoisted_38$1 = {
+var _hoisted_29$1 = { class: "w-full text-xs text-slate-600 bg-white" };
+var _hoisted_30$1 = { class: "bg-slate-50 border-b border-slate-200 text-slate-500 font-bold uppercase tracking-wider" };
+var _hoisted_31$1 = { class: "divide-y divide-slate-100" };
+var _hoisted_32$1 = ["onUpdate:modelValue", "onChange"];
+var _hoisted_33$1 = ["onUpdate:modelValue", "required"];
+var _hoisted_34$1 = { value: "" };
+var _hoisted_35$1 = ["value"];
+var _hoisted_36$1 = ["onUpdate:modelValue", "required"];
+var _hoisted_37$1 = { value: "" };
+var _hoisted_38$1 = ["value"];
+var _hoisted_39$1 = {
 	key: 3,
 	class: "relative flex items-center"
 };
-var _hoisted_39$1 = { class: "absolute left-1.5 text-[10px] text-slate-400 font-bold pr-1 border-r border-slate-200" };
-var _hoisted_40$1 = ["onUpdate:modelValue", "required"];
-var _hoisted_41$1 = [
+var _hoisted_40$1 = { class: "absolute left-1.5 text-[10px] text-slate-400 font-bold pr-1 border-r border-slate-200" };
+var _hoisted_41$1 = ["onUpdate:modelValue", "required"];
+var _hoisted_42$1 = [
 	"onUpdate:modelValue",
 	"type",
 	"step",
 	"required"
 ];
-var _hoisted_42$1 = { class: "text-center px-1" };
-var _hoisted_43$1 = [
+var _hoisted_43$1 = { class: "text-center px-1" };
+var _hoisted_44$1 = [
 	"aria-label",
 	"data-testid",
 	"onClick"
 ];
-var _hoisted_44$1 = {
+var _hoisted_45$1 = {
 	key: 1,
 	class: "text-xs text-slate-400 italic"
 };
-var _hoisted_45$1 = ["data-testid", "onClick"];
-var _hoisted_46$1 = {
+var _hoisted_46$1 = ["data-testid", "onClick"];
+var _hoisted_47$1 = {
 	key: 4,
 	class: "relative flex items-center"
 };
-var _hoisted_47$1 = { class: "absolute left-3 text-slate-400 font-bold text-xs select-none pr-1.5 border-r border-slate-200" };
-var _hoisted_48$1 = [
+var _hoisted_48$1 = { class: "absolute left-3 text-slate-400 font-bold text-xs select-none pr-1.5 border-r border-slate-200" };
+var _hoisted_49$1 = [
 	"id",
 	"onUpdate:modelValue",
 	"required",
 	"data-testid"
 ];
-var _hoisted_49$1 = [
+var _hoisted_50$1 = [
 	"id",
 	"onUpdate:modelValue",
 	"type",
@@ -2171,104 +2508,105 @@ var _hoisted_49$1 = [
 	"disabled",
 	"data-testid"
 ];
-var _hoisted_50$1 = [
+var _hoisted_51$1 = [
 	"id",
 	"onUpdate:modelValue",
 	"rows",
 	"required",
 	"data-testid"
 ];
-var _hoisted_51$1 = ["data-testid"];
-var _hoisted_52$1 = {
+var _hoisted_52$1 = ["data-testid"];
+var _hoisted_53$1 = {
 	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_53$1 = {
+var _hoisted_54$1 = {
 	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_54$1 = {
+var _hoisted_55$1 = {
 	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_55$1 = {
+var _hoisted_56$1 = {
 	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_56$1 = {
+var _hoisted_57$1 = {
 	key: 2,
 	class: "text-slate-300"
 };
-var _hoisted_57$1 = [
+var _hoisted_58$1 = [
 	"href",
 	"tabindex",
 	"data-testid",
 	"onClick",
 	"onKeydown"
 ];
-var _hoisted_58$1 = {
+var _hoisted_59$1 = {
 	key: 3,
 	class: "font-semibold text-slate-900 tabular-nums text-sm"
 };
-var _hoisted_59$1 = {
+var _hoisted_60$1 = {
 	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_60$1 = {
-	key: 5,
+var _hoisted_61$1 = ["data-testid"];
+var _hoisted_62$1 = {
+	key: 6,
 	class: "border border-slate-200/80 rounded-xl overflow-hidden shadow-sm mt-1"
 };
-var _hoisted_61$1 = { class: "w-full text-[11px] text-slate-600 bg-white" };
-var _hoisted_62$1 = { class: "bg-slate-50 border-b border-slate-200 text-slate-500 font-bold uppercase tracking-wider" };
-var _hoisted_63$1 = { class: "divide-y divide-slate-100" };
-var _hoisted_64$1 = {
+var _hoisted_63$1 = { class: "w-full text-[11px] text-slate-600 bg-white" };
+var _hoisted_64$1 = { class: "bg-slate-50 border-b border-slate-200 text-slate-500 font-bold uppercase tracking-wider" };
+var _hoisted_65$1 = { class: "divide-y divide-slate-100" };
+var _hoisted_66$1 = {
 	key: 0,
 	class: "material-icons text-emerald-600 text-base"
 };
-var _hoisted_65$1 = {
+var _hoisted_67$1 = {
 	key: 1,
 	class: "text-slate-300"
 };
-var _hoisted_66$1 = {
-	key: 6,
+var _hoisted_68$1 = {
+	key: 7,
 	class: "text-slate-400 italic"
 };
-var _hoisted_67$1 = {
-	key: 7,
+var _hoisted_69$1 = {
+	key: 8,
 	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_68$1 = [
+var _hoisted_70$1 = [
 	"src",
 	"alt",
 	"data-testid"
 ];
-var _hoisted_69$1 = ["href", "data-testid"];
-var _hoisted_70$1 = ["href", "data-testid"];
-var _hoisted_71$1 = [
+var _hoisted_71$1 = ["href", "data-testid"];
+var _hoisted_72$1 = ["href", "data-testid"];
+var _hoisted_73$1 = [
 	"href",
 	"data-testid",
 	"onClick"
 ];
-var _hoisted_72$1 = {
-	key: 14,
+var _hoisted_74$1 = {
+	key: 15,
 	class: "text-slate-800 font-semibold"
 };
-var _hoisted_73$1 = {
+var _hoisted_75$1 = {
 	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"
 };
-var _hoisted_74$1 = {
+var _hoisted_76$1 = {
 	key: 1,
 	class: "mt-5 pt-4 border-t border-slate-200/60",
 	"data-testid": "collections-detail-chat"
 };
-var _hoisted_75$1 = {
+var _hoisted_77$1 = {
 	class: "block text-[10px] font-bold text-slate-400 uppercase tracking-wider mb-1.5",
 	for: "collections-detail-chat-input"
 };
-var _hoisted_76$1 = { class: "flex items-end gap-2" };
-var _hoisted_77$1 = ["placeholder", "onKeydown"];
-var _hoisted_78$1 = ["disabled"];
+var _hoisted_78$1 = { class: "flex items-end gap-2" };
+var _hoisted_79$1 = ["placeholder", "onKeydown"];
+var _hoisted_80$1 = ["disabled"];
 //#endregion
 //#region src/vue/components/CollectionRecordPanel.vue
 var CollectionRecordPanel_default = /* @__PURE__ */ (0, vue.defineComponent)({
@@ -2281,6 +2619,7 @@ var CollectionRecordPanel_default = /* @__PURE__ */ (0, vue.defineComponent)({
 		actionError: {},
 		actionPending: { type: Boolean },
 		visibleActions: {},
+		runningActionIds: {},
 		liveRecord: {},
 		liveDerived: {},
 		viewTitle: {},
@@ -2339,13 +2678,12 @@ var CollectionRecordPanel_default = /* @__PURE__ */ (0, vue.defineComponent)({
 			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),
-		*  embed (a foreign record), and backlinks (reverse refs owned by OTHER
-		*  records) stay read-only in both modes, so the cell geometry never
+		/** Whether a field gets an editable control in edit mode. The computed /
+		*  projected kinds (COMPUTED_TYPES: derived, embed, backlinks, rollup,
+		*  toggle) 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" && type !== "backlinks";
+			return !_mulmoclaude_core_collection.COMPUTED_TYPES.has(type);
 		}
 		/** 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
@@ -2434,10 +2772,10 @@ var CollectionRecordPanel_default = /* @__PURE__ */ (0, vue.defineComponent)({
 								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,
+								disabled: __props.actionPending || __props.runningActionIds.includes(action.id),
 								"data-testid": `collections-detail-action-${action.id}`,
 								onClick: ($event) => emit("runAction", action)
-							}, [action.icon ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_8$6, (0, vue.toDisplayString)(action.icon), 1)) : (0, vue.createCommentVNode)("", true), (0, vue.createElementVNode)("span", null, (0, vue.toDisplayString)(action.label), 1)], 8, _hoisted_7$6);
+							}, [__props.runningActionIds.includes(action.id) ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_8$6, "progress_activity")) : action.icon ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_9$6, (0, vue.toDisplayString)(action.icon), 1)) : (0, vue.createCommentVNode)("", true), (0, vue.createElementVNode)("span", null, (0, vue.toDisplayString)(action.label), 1)], 8, _hoisted_7$6);
 						}), 128)),
 						(0, vue.createElementVNode)("button", {
 							type: "button",
@@ -2457,29 +2795,29 @@ var CollectionRecordPanel_default = /* @__PURE__ */ (0, vue.defineComponent)({
 							"aria-label": (0, vue.unref)(t)("common.close"),
 							"data-testid": "collections-detail-close",
 							onClick: _cache[3] || (_cache[3] = ($event) => emit("close"))
-						}, [..._cache[8] || (_cache[8] = [(0, vue.createElementVNode)("span", { class: "material-icons text-lg" }, "close", -1)])], 8, _hoisted_9$6)
+						}, [..._cache[8] || (_cache[8] = [(0, vue.createElementVNode)("span", { class: "material-icons text-lg" }, "close", -1)])], 8, _hoisted_10$6)
 					]))]),
-					!editing.value && __props.actionError ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("p", _hoisted_10$6, (0, vue.toDisplayString)(__props.actionError), 1)) : (0, vue.createCommentVNode)("", true),
-					(0, vue.createElementVNode)("div", _hoisted_11$6, [((0, vue.openBlock)(true), (0, vue.createElementBlock)(vue.Fragment, null, (0, vue.renderList)(__props.collection.schema.fields, (field, key) => {
+					!editing.value && __props.actionError ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("p", _hoisted_11$6, (0, vue.toDisplayString)(__props.actionError), 1)) : (0, vue.createCommentVNode)("", true),
+					(0, vue.createElementVNode)("div", _hoisted_12$6, [((0, vue.openBlock)(true), (0, vue.createElementBlock)(vue.Fragment, null, (0, vue.renderList)(__props.collection.schema.fields, (field, key) => {
 						return (0, vue.openBlock)(), (0, vue.createElementBlock)(vue.Fragment, { key }, [cellVisible(field, String(key)) ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", {
 							key: 0,
 							class: (0, vue.normalizeClass)(["flex flex-col gap-1.5", colSpanClass(field)])
 						}, [(0, vue.createElementVNode)("label", {
 							class: "text-[10px] font-bold text-slate-400 uppercase tracking-wider flex items-center gap-1",
 							for: `collections-field-${key}`
-						}, [(0, vue.createTextVNode)((0, vue.toDisplayString)(field.label) + " ", 1), editing.value && field.required ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_13$5, "*")) : (0, vue.createCommentVNode)("", true)], 8, _hoisted_12$6), editing.value && field.type === "embed" && field.idField && __props.render.embedOptions(field.to ?? "").length > 0 ? (0, vue.withDirectives)(((0, vue.openBlock)(), (0, vue.createElementBlock)("select", {
+						}, [(0, vue.createTextVNode)((0, vue.toDisplayString)(field.label) + " ", 1), editing.value && field.required ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_14$5, "*")) : (0, vue.createCommentVNode)("", true)], 8, _hoisted_13$5), editing.value && field.type === "embed" && field.idField && __props.render.embedOptions(field.to ?? "").length > 0 ? (0, vue.withDirectives)(((0, vue.openBlock)(), (0, vue.createElementBlock)("select", {
 							key: 0,
 							id: `collections-field-${key}`,
 							"onUpdate:modelValue": ($event) => editing.value.text[field.idField] = $event,
 							required: embedPickerRequired(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}`
-						}, [(0, vue.createElementVNode)("option", _hoisted_15$5, (0, vue.toDisplayString)((0, vue.unref)(t)("collectionsView.selectPlaceholder")), 1), ((0, vue.openBlock)(true), (0, vue.createElementBlock)(vue.Fragment, null, (0, vue.renderList)(__props.render.embedOptions(field.to ?? ""), (opt) => {
+						}, [(0, vue.createElementVNode)("option", _hoisted_16$5, (0, vue.toDisplayString)((0, vue.unref)(t)("collectionsView.selectPlaceholder")), 1), ((0, vue.openBlock)(true), (0, vue.createElementBlock)(vue.Fragment, null, (0, vue.renderList)(__props.render.embedOptions(field.to ?? ""), (opt) => {
 							return (0, vue.openBlock)(), (0, vue.createElementBlock)("option", {
 								key: opt.slug,
 								value: opt.slug
-							}, (0, vue.toDisplayString)(opt.display), 9, _hoisted_16$5);
-						}), 128))], 8, _hoisted_14$5)), [[vue.vModelSelect, editing.value.text[field.idField]]]) : editing.value && field.type === "embed" && field.idField ? (0, vue.withDirectives)(((0, vue.openBlock)(), (0, vue.createElementBlock)("input", {
+							}, (0, vue.toDisplayString)(opt.display), 9, _hoisted_17$5);
+						}), 128))], 8, _hoisted_15$5)), [[vue.vModelSelect, editing.value.text[field.idField]]]) : editing.value && field.type === "embed" && field.idField ? (0, vue.withDirectives)(((0, vue.openBlock)(), (0, vue.createElementBlock)("input", {
 							key: 1,
 							id: `collections-field-${key}`,
 							"onUpdate:modelValue": ($event) => editing.value.text[field.idField] = $event,
@@ -2488,47 +2826,47 @@ var CollectionRecordPanel_default = /* @__PURE__ */ (0, vue.defineComponent)({
 							placeholder: (0, vue.unref)(t)("collectionsView.selectPlaceholder"),
 							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_17$5)), [[vue.vModelText, editing.value.text[field.idField]]]) : editing.value && isEditableType(field.type) ? ((0, vue.openBlock)(), (0, vue.createElementBlock)(vue.Fragment, { key: 2 }, [field.type === "boolean" ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("label", _hoisted_18$5, [(0, vue.withDirectives)((0, vue.createElementVNode)("input", {
+						}, null, 8, _hoisted_18$5)), [[vue.vModelText, editing.value.text[field.idField]]]) : editing.value && isEditableType(field.type) ? ((0, vue.openBlock)(), (0, vue.createElementBlock)(vue.Fragment, { key: 2 }, [field.type === "boolean" ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("label", _hoisted_19$3, [(0, vue.withDirectives)((0, vue.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_19$3), [[vue.vModelCheckbox, editing.value.bool[key]]]), (0, vue.createElementVNode)("span", { class: (0, vue.normalizeClass)(["text-xs font-semibold", editing.value.bool[key] ? "text-indigo-600" : "text-slate-500"]) }, (0, vue.toDisplayString)(editing.value.bool[key] ? (0, vue.unref)(t)("common.yes") : (0, vue.unref)(t)("common.no")), 3)])) : field.type === "ref" && field.to && __props.render.refOptions(field.to).length > 0 ? (0, vue.withDirectives)(((0, vue.openBlock)(), (0, vue.createElementBlock)("select", {
+						}, null, 40, _hoisted_20$3), [[vue.vModelCheckbox, editing.value.bool[key]]]), (0, vue.createElementVNode)("span", { class: (0, vue.normalizeClass)(["text-xs font-semibold", editing.value.bool[key] ? "text-indigo-600" : "text-slate-500"]) }, (0, vue.toDisplayString)(editing.value.bool[key] ? (0, vue.unref)(t)("common.yes") : (0, vue.unref)(t)("common.no")), 3)])) : field.type === "ref" && field.to && __props.render.refOptions(field.to).length > 0 ? (0, vue.withDirectives)(((0, vue.openBlock)(), (0, vue.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}`
-						}, [(0, vue.createElementVNode)("option", _hoisted_21$3, (0, vue.toDisplayString)((0, vue.unref)(t)("collectionsView.selectPlaceholder")), 1), ((0, vue.openBlock)(true), (0, vue.createElementBlock)(vue.Fragment, null, (0, vue.renderList)(__props.render.refOptions(field.to), (opt) => {
+						}, [(0, vue.createElementVNode)("option", _hoisted_22$3, (0, vue.toDisplayString)((0, vue.unref)(t)("collectionsView.selectPlaceholder")), 1), ((0, vue.openBlock)(true), (0, vue.createElementBlock)(vue.Fragment, null, (0, vue.renderList)(__props.render.refOptions(field.to), (opt) => {
 							return (0, vue.openBlock)(), (0, vue.createElementBlock)("option", {
 								key: opt.slug,
 								value: opt.slug
-							}, (0, vue.toDisplayString)(opt.display), 9, _hoisted_22$3);
-						}), 128))], 8, _hoisted_20$3)), [[vue.vModelSelect, editing.value.text[key]]]) : field.type === "enum" && Array.isArray(field.values) && field.values.length > 0 ? (0, vue.withDirectives)(((0, vue.openBlock)(), (0, vue.createElementBlock)("select", {
+							}, (0, vue.toDisplayString)(opt.display), 9, _hoisted_23$3);
+						}), 128))], 8, _hoisted_21$3)), [[vue.vModelSelect, editing.value.text[key]]]) : field.type === "enum" && Array.isArray(field.values) && field.values.length > 0 ? (0, vue.withDirectives)(((0, vue.openBlock)(), (0, vue.createElementBlock)("select", {
 							key: 2,
 							id: `collections-field-${key}`,
 							"onUpdate:modelValue": ($event) => editing.value.text[key] = $event,
 							required: isFieldRequiredInUi(field),
 							class: (0, vue.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}`
-						}, [(0, vue.createElementVNode)("option", _hoisted_24$2, (0, vue.toDisplayString)((0, vue.unref)(t)("collectionsView.selectPlaceholder")), 1), ((0, vue.openBlock)(true), (0, vue.createElementBlock)(vue.Fragment, null, (0, vue.renderList)(field.values, (value) => {
+						}, [(0, vue.createElementVNode)("option", _hoisted_25$2, (0, vue.toDisplayString)((0, vue.unref)(t)("collectionsView.selectPlaceholder")), 1), ((0, vue.openBlock)(true), (0, vue.createElementBlock)(vue.Fragment, null, (0, vue.renderList)(field.values, (value) => {
 							return (0, vue.openBlock)(), (0, vue.createElementBlock)("option", {
 								key: value,
 								value
-							}, (0, vue.toDisplayString)(value), 9, _hoisted_25$2);
-						}), 128))], 10, _hoisted_23$3)), [[vue.vModelSelect, editing.value.text[key]]]) : field.type === "table" && field.of ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", {
+							}, (0, vue.toDisplayString)(value), 9, _hoisted_26$2);
+						}), 128))], 10, _hoisted_24$2)), [[vue.vModelSelect, editing.value.text[key]]]) : field.type === "table" && field.of ? ((0, vue.openBlock)(), (0, vue.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 ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_27$2, [(0, vue.createElementVNode)("table", _hoisted_28$1, [(0, vue.createElementVNode)("thead", _hoisted_29$1, [(0, vue.createElementVNode)("tr", null, [((0, vue.openBlock)(true), (0, vue.createElementBlock)(vue.Fragment, null, (0, vue.renderList)(field.of, (subField, subKey) => {
+						}, [editing.value.table[key] && editing.value.table[key].length > 0 ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_28$1, [(0, vue.createElementVNode)("table", _hoisted_29$1, [(0, vue.createElementVNode)("thead", _hoisted_30$1, [(0, vue.createElementVNode)("tr", null, [((0, vue.openBlock)(true), (0, vue.createElementBlock)(vue.Fragment, null, (0, vue.renderList)(field.of, (subField, subKey) => {
 							return (0, vue.openBlock)(), (0, vue.createElementBlock)("th", {
 								key: subKey,
 								class: "text-left px-3 py-2 font-bold"
 							}, (0, vue.toDisplayString)(subField.label), 1);
-						}), 128)), _cache[9] || (_cache[9] = (0, vue.createElementVNode)("th", { class: "w-9" }, null, -1))])]), (0, vue.createElementVNode)("tbody", _hoisted_30$1, [((0, vue.openBlock)(true), (0, vue.createElementBlock)(vue.Fragment, null, (0, vue.renderList)(editing.value.table[key], (row, rowIdx) => {
+						}), 128)), _cache[9] || (_cache[9] = (0, vue.createElementVNode)("th", { class: "w-9" }, null, -1))])]), (0, vue.createElementVNode)("tbody", _hoisted_31$1, [((0, vue.openBlock)(true), (0, vue.createElementBlock)(vue.Fragment, null, (0, vue.renderList)(editing.value.table[key], (row, rowIdx) => {
 							return (0, vue.openBlock)(), (0, vue.createElementBlock)("tr", {
 								key: rowIdx,
 								class: "hover:bg-slate-50/50"
@@ -2542,53 +2880,53 @@ var CollectionRecordPanel_default = /* @__PURE__ */ (0, vue.defineComponent)({
 									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_31$1)), [[vue.vModelCheckbox, row.bool[subKey]]]) : subField.type === "enum" && Array.isArray(subField.values) && subField.values.length > 0 ? (0, vue.withDirectives)(((0, vue.openBlock)(), (0, vue.createElementBlock)("select", {
+								}, null, 40, _hoisted_32$1)), [[vue.vModelCheckbox, row.bool[subKey]]]) : subField.type === "enum" && Array.isArray(subField.values) && subField.values.length > 0 ? (0, vue.withDirectives)(((0, vue.openBlock)(), (0, vue.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"
-								}, [(0, vue.createElementVNode)("option", _hoisted_33$1, (0, vue.toDisplayString)((0, vue.unref)(t)("collectionsView.selectPlaceholder")), 1), ((0, vue.openBlock)(true), (0, vue.createElementBlock)(vue.Fragment, null, (0, vue.renderList)(subField.values, (value) => {
+								}, [(0, vue.createElementVNode)("option", _hoisted_34$1, (0, vue.toDisplayString)((0, vue.unref)(t)("collectionsView.selectPlaceholder")), 1), ((0, vue.openBlock)(true), (0, vue.createElementBlock)(vue.Fragment, null, (0, vue.renderList)(subField.values, (value) => {
 									return (0, vue.openBlock)(), (0, vue.createElementBlock)("option", {
 										key: value,
 										value
-									}, (0, vue.toDisplayString)(value), 9, _hoisted_34$1);
-								}), 128))], 8, _hoisted_32$1)), [[vue.vModelSelect, row.text[subKey]]]) : subField.type === "ref" && subField.to && __props.render.refOptions(subField.to).length > 0 ? (0, vue.withDirectives)(((0, vue.openBlock)(), (0, vue.createElementBlock)("select", {
+									}, (0, vue.toDisplayString)(value), 9, _hoisted_35$1);
+								}), 128))], 8, _hoisted_33$1)), [[vue.vModelSelect, row.text[subKey]]]) : subField.type === "ref" && subField.to && __props.render.refOptions(subField.to).length > 0 ? (0, vue.withDirectives)(((0, vue.openBlock)(), (0, vue.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"
-								}, [(0, vue.createElementVNode)("option", _hoisted_36$1, (0, vue.toDisplayString)((0, vue.unref)(t)("collectionsView.selectPlaceholder")), 1), ((0, vue.openBlock)(true), (0, vue.createElementBlock)(vue.Fragment, null, (0, vue.renderList)(__props.render.refOptions(subField.to), (opt) => {
+								}, [(0, vue.createElementVNode)("option", _hoisted_37$1, (0, vue.toDisplayString)((0, vue.unref)(t)("collectionsView.selectPlaceholder")), 1), ((0, vue.openBlock)(true), (0, vue.createElementBlock)(vue.Fragment, null, (0, vue.renderList)(__props.render.refOptions(subField.to), (opt) => {
 									return (0, vue.openBlock)(), (0, vue.createElementBlock)("option", {
 										key: opt.slug,
 										value: opt.slug
-									}, (0, vue.toDisplayString)(opt.display), 9, _hoisted_37$1);
-								}), 128))], 8, _hoisted_35$1)), [[vue.vModelSelect, row.text[subKey]]]) : subField.type === "money" ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_38$1, [(0, vue.createElementVNode)("span", _hoisted_39$1, (0, vue.toDisplayString)(__props.render.currencySymbol(__props.render.resolveCurrency(subField, __props.liveRecord))), 1), (0, vue.withDirectives)((0, vue.createElementVNode)("input", {
+									}, (0, vue.toDisplayString)(opt.display), 9, _hoisted_38$1);
+								}), 128))], 8, _hoisted_36$1)), [[vue.vModelSelect, row.text[subKey]]]) : subField.type === "money" ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_39$1, [(0, vue.createElementVNode)("span", _hoisted_40$1, (0, vue.toDisplayString)(__props.render.currencySymbol(__props.render.resolveCurrency(subField, __props.liveRecord))), 1), (0, vue.withDirectives)((0, vue.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_40$1), [[vue.vModelText, row.text[subKey]]])])) : (0, vue.withDirectives)(((0, vue.openBlock)(), (0, vue.createElementBlock)("input", {
+								}, null, 8, _hoisted_41$1), [[vue.vModelText, row.text[subKey]]])])) : (0, vue.withDirectives)(((0, vue.openBlock)(), (0, vue.createElementBlock)("input", {
 									key: 4,
 									"onUpdate:modelValue": ($event) => row.text[subKey] = $event,
 									type: __props.render.inputTypeFor(subField.type),
 									step: __props.render.stepFor(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_41$1)), [[vue.vModelDynamic, row.text[subKey]]])]);
-							}), 128)), (0, vue.createElementVNode)("td", _hoisted_42$1, [(0, vue.createElementVNode)("button", {
+								}, null, 8, _hoisted_42$1)), [[vue.vModelDynamic, row.text[subKey]]])]);
+							}), 128)), (0, vue.createElementVNode)("td", _hoisted_43$1, [(0, vue.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": (0, vue.unref)(t)("collectionsView.removeRow"),
 								"data-testid": `collections-table-${key}-remove-${rowIdx}`,
 								onClick: ($event) => removeTableRow(String(key), rowIdx)
-							}, [..._cache[10] || (_cache[10] = [(0, vue.createElementVNode)("span", { class: "material-icons text-base" }, "close", -1)])], 8, _hoisted_43$1)])]);
-						}), 128))])])])) : ((0, vue.openBlock)(), (0, vue.createElementBlock)("p", _hoisted_44$1, (0, vue.toDisplayString)((0, vue.unref)(t)("collectionsView.noRows")), 1)), (0, vue.createElementVNode)("button", {
+							}, [..._cache[10] || (_cache[10] = [(0, vue.createElementVNode)("span", { class: "material-icons text-base" }, "close", -1)])], 8, _hoisted_44$1)])]);
+						}), 128))])])])) : ((0, vue.openBlock)(), (0, vue.createElementBlock)("p", _hoisted_45$1, (0, vue.toDisplayString)((0, vue.unref)(t)("collectionsView.noRows")), 1)), (0, vue.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[11] || (_cache[11] = (0, vue.createElementVNode)("span", { class: "material-icons text-xs" }, "add", -1)), (0, vue.createElementVNode)("span", null, (0, vue.toDisplayString)((0, vue.unref)(t)("collectionsView.addRow")), 1)], 8, _hoisted_45$1)], 8, _hoisted_26$2)) : field.type === "money" ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_46$1, [(0, vue.createElementVNode)("div", _hoisted_47$1, (0, vue.toDisplayString)(__props.render.currencySymbol(__props.render.resolveCurrency(field, __props.liveRecord))), 1), (0, vue.withDirectives)((0, vue.createElementVNode)("input", {
+						}, [_cache[11] || (_cache[11] = (0, vue.createElementVNode)("span", { class: "material-icons text-xs" }, "add", -1)), (0, vue.createElementVNode)("span", null, (0, vue.toDisplayString)((0, vue.unref)(t)("collectionsView.addRow")), 1)], 8, _hoisted_46$1)], 8, _hoisted_27$2)) : field.type === "money" ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_47$1, [(0, vue.createElementVNode)("div", _hoisted_48$1, (0, vue.toDisplayString)(__props.render.currencySymbol(__props.render.resolveCurrency(field, __props.liveRecord))), 1), (0, vue.withDirectives)((0, vue.createElementVNode)("input", {
 							id: `collections-field-${key}`,
 							"onUpdate:modelValue": ($event) => editing.value.text[key] = $event,
 							type: "number",
@@ -2596,7 +2934,7 @@ var CollectionRecordPanel_default = /* @__PURE__ */ (0, vue.defineComponent)({
 							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_48$1), [[vue.vModelText, editing.value.text[key]]])])) : [
+						}, null, 8, _hoisted_49$1), [[vue.vModelText, editing.value.text[key]]])])) : [
 							"string",
 							"email",
 							"number",
@@ -2615,7 +2953,7 @@ var CollectionRecordPanel_default = /* @__PURE__ */ (0, vue.defineComponent)({
 							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_49$1)), [[vue.vModelDynamic, editing.value.text[key]]]) : (0, vue.withDirectives)(((0, vue.openBlock)(), (0, vue.createElementBlock)("textarea", {
+						}, null, 8, _hoisted_50$1)), [[vue.vModelDynamic, editing.value.text[key]]]) : (0, vue.withDirectives)(((0, vue.openBlock)(), (0, vue.createElementBlock)("textarea", {
 							key: 6,
 							id: `collections-field-${key}`,
 							"onUpdate:modelValue": ($event) => editing.value.text[key] = $event,
@@ -2623,11 +2961,11 @@ var CollectionRecordPanel_default = /* @__PURE__ */ (0, vue.defineComponent)({
 							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_50$1)), [[vue.vModelText, editing.value.text[key]]])], 64)) : ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", {
+						}, null, 8, _hoisted_51$1)), [[vue.vModelText, editing.value.text[key]]])], 64)) : ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", {
 							key: 3,
 							class: "text-xs font-medium text-slate-700 break-words",
 							"data-testid": `collections-detail-value-${key}`
-						}, [field.type === "toggle" ? ((0, vue.openBlock)(), (0, vue.createElementBlock)(vue.Fragment, { key: 0 }, [field.field !== void 0 && String(detailRecord.value[field.field] ?? "") === field.onValue ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_52$1, [_cache[12] || (_cache[12] = (0, vue.createElementVNode)("span", { class: "h-1.5 w-1.5 rounded-full bg-emerald-500" }, null, -1)), (0, vue.createTextVNode)(" " + (0, vue.toDisplayString)((0, vue.unref)(t)("common.yes")), 1)])) : ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_53$1, (0, vue.toDisplayString)((0, vue.unref)(t)("common.no")), 1))], 64)) : field.type === "boolean" ? ((0, vue.openBlock)(), (0, vue.createElementBlock)(vue.Fragment, { key: 1 }, [detailRecord.value[key] === true ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_54$1, [_cache[13] || (_cache[13] = (0, vue.createElementVNode)("span", { class: "h-1.5 w-1.5 rounded-full bg-emerald-500" }, null, -1)), (0, vue.createTextVNode)(" " + (0, vue.toDisplayString)((0, vue.unref)(t)("common.yes")), 1)])) : detailRecord.value[key] === false ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_55$1, (0, vue.toDisplayString)((0, vue.unref)(t)("common.no")), 1)) : ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_56$1, "—"))], 64)) : field.type === "ref" && field.to && typeof detailRecord.value[key] === "string" && detailRecord.value[key] ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("a", {
+						}, [field.type === "toggle" ? ((0, vue.openBlock)(), (0, vue.createElementBlock)(vue.Fragment, { key: 0 }, [field.field !== void 0 && String(detailRecord.value[field.field] ?? "") === field.onValue ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_53$1, [_cache[12] || (_cache[12] = (0, vue.createElementVNode)("span", { class: "h-1.5 w-1.5 rounded-full bg-emerald-500" }, null, -1)), (0, vue.createTextVNode)(" " + (0, vue.toDisplayString)((0, vue.unref)(t)("common.yes")), 1)])) : ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_54$1, (0, vue.toDisplayString)((0, vue.unref)(t)("common.no")), 1))], 64)) : field.type === "boolean" ? ((0, vue.openBlock)(), (0, vue.createElementBlock)(vue.Fragment, { key: 1 }, [detailRecord.value[key] === true ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_55$1, [_cache[13] || (_cache[13] = (0, vue.createElementVNode)("span", { class: "h-1.5 w-1.5 rounded-full bg-emerald-500" }, null, -1)), (0, vue.createTextVNode)(" " + (0, vue.toDisplayString)((0, vue.unref)(t)("common.yes")), 1)])) : detailRecord.value[key] === false ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_56$1, (0, vue.toDisplayString)((0, vue.unref)(t)("common.no")), 1)) : ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_57$1, "—"))], 64)) : field.type === "ref" && field.to && typeof detailRecord.value[key] === "string" && detailRecord.value[key] ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("a", {
 							key: 2,
 							href: (0, vue.unref)(cui).recordHref?.(field.to, String(detailRecord.value[key])),
 							tabindex: (0, vue.unref)(cui).recordHref?.(field.to, String(detailRecord.value[key])) ? void 0 : 0,
@@ -2636,12 +2974,16 @@ var CollectionRecordPanel_default = /* @__PURE__ */ (0, vue.defineComponent)({
 							"data-testid": `collections-detail-ref-${key}`,
 							onClick: ($event) => (0, vue.unref)(activateRefLink)($event, field.to, String(detailRecord.value[key])),
 							onKeydown: [(0, vue.withKeys)(($event) => (0, vue.unref)(activateRefLink)($event, field.to, String(detailRecord.value[key])), ["enter"]), (0, vue.withKeys)(($event) => (0, vue.unref)(activateRefLink)($event, field.to, String(detailRecord.value[key])), ["space"])]
-						}, (0, vue.toDisplayString)(__props.render.refDisplay(field.to, String(detailRecord.value[key]))), 41, _hoisted_57$1)) : field.type === "money" ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_58$1, (0, vue.toDisplayString)(__props.render.formatMoney(detailRecord.value[key], __props.render.resolveCurrency(field, detailRecord.value), __props.locale)), 1)) : field.type === "derived" ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_59$1, (0, vue.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]) ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_60$1, [(0, vue.createElementVNode)("table", _hoisted_61$1, [(0, vue.createElementVNode)("thead", _hoisted_62$1, [(0, vue.createElementVNode)("tr", null, [((0, vue.openBlock)(true), (0, vue.createElementBlock)(vue.Fragment, null, (0, vue.renderList)(field.of, (subField, subKey) => {
+						}, (0, vue.toDisplayString)(__props.render.refDisplay(field.to, String(detailRecord.value[key]))), 41, _hoisted_58$1)) : field.type === "money" ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_59$1, (0, vue.toDisplayString)(__props.render.formatMoney(detailRecord.value[key], __props.render.resolveCurrency(field, detailRecord.value), __props.locale)), 1)) : field.type === "derived" ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_60$1, (0, vue.toDisplayString)(__props.render.derivedDisplay(field, __props.render.evaluateDerivedAgainstItem(field, String(key), detailRecord.value), detailRecord.value)), 1)) : field.type === "rollup" ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", {
+							key: 5,
+							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",
+							"data-testid": `collections-detail-rollup-${key}`
+						}, (0, vue.toDisplayString)(__props.render.rollupDisplay(field, detailRecord.value)), 9, _hoisted_61$1)) : field.type === "table" && field.of && __props.render.hasTableRows(detailRecord.value[key]) ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_62$1, [(0, vue.createElementVNode)("table", _hoisted_63$1, [(0, vue.createElementVNode)("thead", _hoisted_64$1, [(0, vue.createElementVNode)("tr", null, [((0, vue.openBlock)(true), (0, vue.createElementBlock)(vue.Fragment, null, (0, vue.renderList)(field.of, (subField, subKey) => {
 							return (0, vue.openBlock)(), (0, vue.createElementBlock)("th", {
 								key: subKey,
 								class: "text-left px-4 py-2 font-bold"
 							}, (0, vue.toDisplayString)(subField.label), 1);
-						}), 128))])]), (0, vue.createElementVNode)("tbody", _hoisted_63$1, [((0, vue.openBlock)(true), (0, vue.createElementBlock)(vue.Fragment, null, (0, vue.renderList)(__props.render.tableRows(detailRecord.value[key]), (row, rowIdx) => {
+						}), 128))])]), (0, vue.createElementVNode)("tbody", _hoisted_65$1, [((0, vue.openBlock)(true), (0, vue.createElementBlock)(vue.Fragment, null, (0, vue.renderList)(__props.render.tableRows(detailRecord.value[key]), (row, rowIdx) => {
 							return (0, vue.openBlock)(), (0, vue.createElementBlock)("tr", {
 								key: rowIdx,
 								class: "hover:bg-slate-50/50"
@@ -2649,48 +2991,48 @@ var CollectionRecordPanel_default = /* @__PURE__ */ (0, vue.defineComponent)({
 								return (0, vue.openBlock)(), (0, vue.createElementBlock)("td", {
 									key: subKey,
 									class: "px-4 py-2 align-middle font-medium"
-								}, [subField.type === "boolean" ? ((0, vue.openBlock)(), (0, vue.createElementBlock)(vue.Fragment, { key: 0 }, [row[subKey] === true ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_64$1, "check_circle")) : ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_65$1, "—"))], 64)) : ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", {
+								}, [subField.type === "boolean" ? ((0, vue.openBlock)(), (0, vue.createElementBlock)(vue.Fragment, { key: 0 }, [row[subKey] === true ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_66$1, "check_circle")) : ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_67$1, "—"))], 64)) : ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", {
 									key: 1,
 									class: (0, vue.normalizeClass)([subField.type === "money" ? "font-bold text-slate-800 tabular-nums" : ""])
 								}, (0, vue.toDisplayString)(__props.render.formatSubCell(subField, row[subKey], detailRecord.value)), 3))]);
 							}), 128))]);
-						}), 128))])])])) : field.type === "table" ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_66$1, (0, vue.toDisplayString)((0, vue.unref)(t)("collectionsView.noRows")), 1)) : field.type === "markdown" ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_67$1, (0, vue.toDisplayString)(__props.render.detailText(detailRecord.value[key])), 1)) : field.type === "embed" && embedViews.value[key] ? ((0, vue.openBlock)(), (0, vue.createBlock)(CollectionEmbedView_default, {
-							key: 8,
+						}), 128))])])])) : field.type === "table" ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_68$1, (0, vue.toDisplayString)((0, vue.unref)(t)("collectionsView.noRows")), 1)) : field.type === "markdown" ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_69$1, (0, vue.toDisplayString)(__props.render.detailText(detailRecord.value[key])), 1)) : field.type === "embed" && embedViews.value[key] ? ((0, vue.openBlock)(), (0, vue.createBlock)(CollectionEmbedView_default, {
+							key: 9,
 							view: embedViews.value[key],
 							"field-key": String(key)
 						}, null, 8, ["view", "field-key"])) : field.type === "backlinks" && backlinksViews.value[key] ? ((0, vue.openBlock)(), (0, vue.createBlock)(CollectionBacklinksView_default, {
-							key: 9,
+							key: 10,
 							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,
+							key: 11,
 							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: 11,
+						}, null, 8, _hoisted_70$1)) : field.type !== "file" && __props.render.isExternalUrl(detailRecord.value[key]) ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("a", {
+							key: 12,
 							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: 12,
+						}, (0, vue.toDisplayString)(String(detailRecord.value[key])), 9, _hoisted_71$1)) : field.type === "file" && __props.render.artifactUrl(detailRecord.value[key]) ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("a", {
+							key: 13,
 							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: 13,
+						}, (0, vue.toDisplayString)(String(detailRecord.value[key])), 9, _hoisted_72$1)) : field.type === "file" && __props.render.fileRoutePath(detailRecord.value[key]) ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("a", {
+							key: 14,
 							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}`,
 							onClick: ($event) => (0, vue.unref)(activatePathLink)($event, __props.render.fileRoutePath(detailRecord.value[key]) ?? "")
-						}, (0, vue.toDisplayString)(String(detailRecord.value[key])), 9, _hoisted_71$1)) : ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_72$1, (0, vue.toDisplayString)(__props.render.formatCell(detailRecord.value[key], field.type)), 1))], 8, _hoisted_51$1))], 2)) : (0, vue.createCommentVNode)("", true)], 64);
-					}), 128)), editing.value && __props.saveError ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("p", _hoisted_73$1, (0, vue.toDisplayString)(__props.saveError), 1)) : (0, vue.createCommentVNode)("", true)]),
-					!editing.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_74$1, [(0, vue.createElementVNode)("label", _hoisted_75$1, (0, vue.toDisplayString)((0, vue.unref)(t)("collectionsView.itemChatLabel")), 1), (0, vue.createElementVNode)("div", _hoisted_76$1, [(0, vue.withDirectives)((0, vue.createElementVNode)("textarea", {
+						}, (0, vue.toDisplayString)(String(detailRecord.value[key])), 9, _hoisted_73$1)) : ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_74$1, (0, vue.toDisplayString)(__props.render.formatCell(detailRecord.value[key], field.type)), 1))], 8, _hoisted_52$1))], 2)) : (0, vue.createCommentVNode)("", true)], 64);
+					}), 128)), editing.value && __props.saveError ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("p", _hoisted_75$1, (0, vue.toDisplayString)(__props.saveError), 1)) : (0, vue.createCommentVNode)("", true)]),
+					!editing.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_76$1, [(0, vue.createElementVNode)("label", _hoisted_77$1, (0, vue.toDisplayString)((0, vue.unref)(t)("collectionsView.itemChatLabel")), 1), (0, vue.createElementVNode)("div", _hoisted_78$1, [(0, vue.withDirectives)((0, vue.createElementVNode)("textarea", {
 						id: "collections-detail-chat-input",
 						"onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => chatMessage.value = $event),
 						rows: "2",
@@ -2698,13 +3040,13 @@ var CollectionRecordPanel_default = /* @__PURE__ */ (0, vue.defineComponent)({
 						class: "flex-1 bg-slate-50 border border-slate-200/80 rounded-xl px-3 py-2 text-xs placeholder-slate-400 focus:outline-none focus:ring-2 focus:ring-indigo-500/20 focus:border-indigo-500 focus:bg-white transition-all resize-none",
 						"data-testid": "collections-detail-chat-input",
 						onKeydown: [(0, vue.withKeys)((0, vue.withModifiers)(submitItemChat, ["meta"]), ["enter"]), (0, vue.withKeys)((0, vue.withModifiers)(submitItemChat, ["ctrl"]), ["enter"])]
-					}, null, 40, _hoisted_77$1), [[vue.vModelText, chatMessage.value]]), (0, vue.createElementVNode)("button", {
+					}, null, 40, _hoisted_79$1), [[vue.vModelText, chatMessage.value]]), (0, vue.createElementVNode)("button", {
 						type: "button",
 						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 flex items-center gap-1 shrink-0",
 						disabled: !chatMessage.value.trim(),
 						"data-testid": "collections-detail-chat-send",
 						onClick: submitItemChat
-					}, [_cache[14] || (_cache[14] = (0, vue.createElementVNode)("span", { class: "material-icons text-sm" }, "forum", -1)), (0, vue.createElementVNode)("span", null, (0, vue.toDisplayString)((0, vue.unref)(t)("collectionsView.chat")), 1)], 8, _hoisted_78$1)])])) : (0, vue.createCommentVNode)("", true)
+					}, [_cache[14] || (_cache[14] = (0, vue.createElementVNode)("span", { class: "material-icons text-sm" }, "forum", -1)), (0, vue.createElementVNode)("span", null, (0, vue.toDisplayString)((0, vue.unref)(t)("collectionsView.chat")), 1)], 8, _hoisted_80$1)])])) : (0, vue.createCommentVNode)("", true)
 				]),
 				_: 1
 			}, 40, ["data-testid"]);
@@ -3106,162 +3448,6 @@ var CollectionRemoteViewPreview_default = /*#__PURE__*/ _plugin_vue_export_helpe
 	}
 }), [["__scopeId", "data-v-965ade6c"]]);
 //#endregion
-//#region src/vue/useCollectionRendering.helpers.ts
-var EM_DASH = "—";
-var DEFAULT_CURRENCY = "USD";
-var MARKDOWN_CELL_PREVIEW_MAX = 80;
-function stepForFieldType(type) {
-	if (type === "money") return "0.01";
-	if (type === "number") return "any";
-}
-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 isExternalUrl(value) {
-	return typeof value === "string" && /^https?:\/\//i.test(value);
-}
-function detailText(value) {
-	if (value === void 0 || value === null || value === "") return EM_DASH;
-	return String(value);
-}
-function formatCell(value, type) {
-	if (value === void 0 || value === null || value === "") return EM_DASH;
-	if (type === "markdown" && typeof value === "string") return value.length > MARKDOWN_CELL_PREVIEW_MAX ? `${value.slice(0, MARKDOWN_CELL_PREVIEW_MAX)}…` : value;
-	if (typeof value === "string" || typeof value === "number") return String(value);
-	return JSON.stringify(value);
-}
-/** Resolve the ISO 4217 code for a money field: a per-record
-*  `currencyField` (when present and non-blank) wins over the field's
-*  literal `currency`. Only `money` / `derived` variants carry currency
-*  keys; any other field resolves to undefined (the formatter's USD
-*  fallback), as before. */
-function resolveCurrency(field, record) {
-	if (field.type !== "money" && field.type !== "derived") return void 0;
-	if (field.currencyField && record) {
-		const code = record[field.currencyField];
-		if (typeof code === "string" && code.trim().length > 0) return code;
-	}
-	return field.currency;
-}
-function formatMoney(value, currency, displayLocale) {
-	if (value === void 0 || value === "") return EM_DASH;
-	const amount = typeof value === "number" ? value : Number(value);
-	if (!Number.isFinite(amount)) return String(value);
-	const currencyCode = currency && currency.length > 0 ? currency : DEFAULT_CURRENCY;
-	try {
-		return new Intl.NumberFormat(displayLocale, {
-			style: "currency",
-			currency: currencyCode
-		}).format(amount);
-	} catch {
-		return String(amount);
-	}
-}
-function currencySymbolForLocale(currency, locale) {
-	const code = currency && currency.length > 0 ? currency : DEFAULT_CURRENCY;
-	try {
-		return new Intl.NumberFormat(locale, {
-			style: "currency",
-			currency: code
-		}).formatToParts(0).find((entry) => entry.type === "currency")?.value ?? code;
-	} catch {
-		return code;
-	}
-}
-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;
-}
-/** Pick the field used to label a referenced/embedded record: prefer a
-*  `name` field, then `title`, else fall back to the primary key. */
-function displayFieldFor(fields, primaryKey) {
-	if ("name" in fields) return "name";
-	if ("title" in fields) return "title";
-	return primaryKey;
-}
-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];
-}
-/** 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);
-	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;
-}
-/** 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 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,
-		display
-	})).sort((left, right) => left.display.localeCompare(right.display));
-}
-/** Dropdown options for an `embed` field's per-record picker: every
-*  record in the target collection, labelled by its name/title (or
-*  primary key), skipping records without a slug and sorted by label. */
-function buildEmbedOptions(schema, items) {
-	const { fields, primaryKey } = schema;
-	const displayField = displayFieldFor(fields, primaryKey);
-	return items.map((item) => {
-		const slug = String(item[primaryKey] ?? "");
-		const labelRaw = item[displayField];
-		return {
-			slug,
-			display: typeof labelRaw === "string" && labelRaw.length > 0 ? labelRaw : slug
-		};
-	}).filter((opt) => opt.slug.length > 0).sort((left, right) => left.display.localeCompare(right.display));
-}
-//#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).
@@ -3454,12 +3640,10 @@ function buildBacklinksViews(schema, embedCache, record, locale) {
 			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) => ({
+			rows: (0, _mulmoclaude_core_collection.backlinkRows)(field, String(record?.[schema.primaryKey] ?? ""), derivedSourceItems(embedCache, field.from) ?? []).map((row) => ({
 				id: String(row[data.schema.primaryKey] ?? ""),
 				cells: columns.map((column) => formatBacklinkCell(data.schema.fields[column.key], row[column.key], row, locale))
 			})),
@@ -3468,14 +3652,63 @@ function buildBacklinksViews(schema, embedCache, record, locale) {
 	}
 	return out;
 }
+var derivedSourceMemo = /* @__PURE__ */ new WeakMap();
+function derivedSourceItems(embedCache, from) {
+	const data = embedCache[from];
+	if (!data) return null;
+	let bySlug = derivedSourceMemo.get(embedCache);
+	if (!bySlug) {
+		bySlug = /* @__PURE__ */ new Map();
+		derivedSourceMemo.set(embedCache, bySlug);
+	}
+	let items = bySlug.get(from);
+	if (!items) {
+		items = Object.values(derivedRecordsById(data.schema, data.items));
+		bySlug.set(from, items);
+	}
+	return items;
+}
+/** The rollup scalar for one record, from the reverse sources riding the
+*  embed cache — the SAME index (non-empty ids, one record per id, derived
+*  against themselves) and the SAME `rollupValue` the server enrichment
+*  uses, so the cell and getItems can't disagree. Null (em-dash) when the
+*  source collection isn't loadable; a real 0 for an empty match set. */
+function rollupValueFor(field, record, schema, embedCache) {
+	if (field.type !== "rollup" || !schema || !record) return null;
+	const items = derivedSourceItems(embedCache, field.from);
+	if (items === null) return null;
+	return (0, _mulmoclaude_core_collection.rollupValue)(field, String(record[schema.primaryKey] ?? ""), items);
+}
+/** Display string for a rollup cell: the aggregate as a plain number,
+*  em-dash when the source collection couldn't be resolved. */
+function renderRollup(field, record, schema, embedCache) {
+	const value = rollupValueFor(field, record, schema, embedCache);
+	return value === null ? "—" : formatCell(value, "number");
+}
+/** Copy of `item` with every rollup field resolved from the reverse
+*  sources — injected BEFORE the formula pass so a `derived` formula can
+*  read rollup values as plain identifiers (`played = homePlayed +
+*  awayPlayed`), in the same rollups-then-formulas order the server
+*  enrichment runs. Returns `item` unchanged when the schema declares no
+*  rollups (the overwhelmingly common case — no copy). */
+function withRollupValues(schema, item, embedCache) {
+	if (!schema) return item;
+	let out = item;
+	for (const [key, field] of Object.entries(schema.fields)) {
+		if (field.type !== "rollup") continue;
+		if (out === item) out = { ...item };
+		out[key] = rollupValueFor(field, item, schema, embedCache);
+	}
+	return out;
+}
 function renderSubCell(subField, value, record, refCache, locale) {
 	if (subField.type === "money") return formatMoney(value, resolveCurrency(subField, record), locale);
 	if (subField.type === "ref" && subField.to && typeof value === "string" && value.length > 0) return lookupRefDisplay(refCache, subField.to, value);
 	return formatCell(value, subField.type);
 }
-function evaluateDerived(field, fieldKey, item, schema, refRecords) {
+function evaluateDerived(field, fieldKey, item, schema, refRecords, embedCache = {}) {
 	if (field.type !== "derived" || !schema) return null;
-	const result = (0, _mulmoclaude_core_collection.deriveAll)(schema, item, refRecords)[fieldKey];
+	const result = (0, _mulmoclaude_core_collection.deriveAll)(schema, withRollupValues(schema, item, embedCache), refRecords)[fieldKey];
 	return typeof result === "number" && Number.isFinite(result) ? result : null;
 }
 function renderDerived(field, computedValue, record, locale) {
@@ -3509,11 +3742,17 @@ function useCollectionRendering(collection, locale) {
 		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),
+		rollupDisplay: (field, record) => renderRollup(field, record, collection.value?.schema ?? null, embedCache.value),
 		currencySymbol: (currency) => currencySymbolForLocale(currency, locale.value),
 		artifactUrl: (value) => collectionUi().fileAssetUrl(value),
 		fileRoutePath: (value) => collectionUi().fileRoutePath(value),
 		formatSubCell: (subField, value, record) => renderSubCell(subField, value, record, refCache.value, locale.value),
-		evaluateDerivedAgainstItem: (field, fieldKey, item) => evaluateDerived(field, fieldKey, item, collection.value?.schema ?? null, refRecordCache.value),
+		evaluateDerivedAgainstItem: (field, fieldKey, item) => evaluateDerived(field, fieldKey, item, collection.value?.schema ?? null, refRecordCache.value, embedCache.value),
+		deriveRecord: (item) => {
+			const schema = collection.value?.schema ?? null;
+			if (!schema) return item;
+			return (0, _mulmoclaude_core_collection.deriveAll)(schema, withRollupValues(schema, item, embedCache.value), refRecordCache.value);
+		},
 		derivedDisplay: (field, computedValue, record) => renderDerived(field, computedValue, record, locale.value)
 	};
 }
@@ -3630,206 +3869,211 @@ var _hoisted_11$4 = [
 ];
 var _hoisted_12$4 = {
 	key: 0,
+	class: "material-icons text-sm animate-spin"
+};
+var _hoisted_13$4 = {
+	key: 1,
 	class: "material-icons text-sm"
 };
-var _hoisted_13$4 = ["title", "aria-label"];
 var _hoisted_14$4 = ["title", "aria-label"];
-var _hoisted_15$4 = {
+var _hoisted_15$4 = ["title", "aria-label"];
+var _hoisted_16$4 = {
 	key: 1,
 	class: "mx-6 mt-2 rounded-lg border border-indigo-200 bg-indigo-50/60 px-4 py-2 text-sm text-indigo-800 flex items-center gap-2",
 	"data-testid": "collections-refresh-note"
 };
-var _hoisted_16$4 = { class: "flex-1" };
-var _hoisted_17$4 = {
+var _hoisted_17$4 = { class: "flex-1" };
+var _hoisted_18$4 = {
 	key: 2,
 	class: "px-6 py-3 bg-white border-b border-slate-100 flex items-center justify-between gap-4"
 };
-var _hoisted_18$4 = {
+var _hoisted_19$2 = {
 	key: 0,
 	class: "relative flex-1 max-w-md"
 };
-var _hoisted_19$2 = ["placeholder", "aria-label"];
-var _hoisted_20$2 = ["aria-label"];
-var _hoisted_21$2 = { class: "flex items-center gap-2" };
-var _hoisted_22$2 = ["aria-label"];
-var _hoisted_23$2 = ["aria-pressed"];
+var _hoisted_20$2 = ["placeholder", "aria-label"];
+var _hoisted_21$2 = ["aria-label"];
+var _hoisted_22$2 = { class: "flex items-center gap-2" };
+var _hoisted_23$2 = ["aria-label"];
 var _hoisted_24$1 = ["aria-pressed"];
 var _hoisted_25$1 = ["aria-pressed"];
-var _hoisted_26$1 = [
+var _hoisted_26$1 = ["aria-pressed"];
+var _hoisted_27$1 = [
 	"aria-pressed",
 	"data-testid",
 	"onClick"
 ];
-var _hoisted_27$1 = { class: "material-icons text-sm" };
-var _hoisted_28 = [
+var _hoisted_28 = { class: "material-icons text-sm" };
+var _hoisted_29 = [
 	"title",
 	"aria-label",
 	"aria-expanded"
 ];
-var _hoisted_29 = {
+var _hoisted_30 = {
 	key: 0,
 	class: "absolute left-0 top-full mt-1 z-20 min-w-max rounded border border-slate-200 bg-white shadow-lg py-1",
 	"data-testid": "collection-view-add-menu"
 };
-var _hoisted_30 = ["title", "aria-label"];
-var _hoisted_31 = ["value", "aria-label"];
-var _hoisted_32 = ["value"];
-var _hoisted_33 = ["value", "aria-label"];
-var _hoisted_34 = ["value"];
-var _hoisted_35 = {
+var _hoisted_31 = ["title", "aria-label"];
+var _hoisted_32 = ["value", "aria-label"];
+var _hoisted_33 = ["value"];
+var _hoisted_34 = ["value", "aria-label"];
+var _hoisted_35 = ["value"];
+var _hoisted_36 = {
 	key: 3,
 	class: "text-[10px] text-slate-400 font-bold uppercase tracking-wider select-none"
 };
-var _hoisted_36 = {
+var _hoisted_37 = {
 	key: 3,
 	class: "mx-6 mt-4 rounded-xl border border-amber-200 bg-amber-50/60 p-4 text-sm text-amber-900 shadow-sm flex items-center gap-3",
 	"data-testid": "collections-data-issues"
 };
-var _hoisted_37 = { class: "flex-1" };
-var _hoisted_38 = { class: "flex-1 overflow-auto" };
-var _hoisted_39 = {
+var _hoisted_38 = { class: "flex-1" };
+var _hoisted_39 = { class: "flex-1 overflow-auto" };
+var _hoisted_40 = {
 	key: 0,
 	class: "flex flex-col items-center justify-center py-20 text-sm text-slate-500 gap-3"
 };
-var _hoisted_40 = {
+var _hoisted_41 = {
 	key: 1,
 	class: "m-6 rounded-xl border border-red-200 bg-red-50/50 p-4 text-sm text-red-800 shadow-sm flex items-center gap-3"
 };
-var _hoisted_41 = { key: 2 };
-var _hoisted_42 = {
+var _hoisted_42 = { key: 2 };
+var _hoisted_43 = {
 	key: 3,
 	class: "p-4"
 };
-var _hoisted_43 = {
+var _hoisted_44 = {
 	key: 4,
 	class: "h-full flex flex-col"
 };
-var _hoisted_44 = {
+var _hoisted_45 = {
 	key: 0,
 	class: "m-3 mb-0 rounded-xl border border-red-200 bg-red-50/50 p-4 text-sm text-red-800 shadow-sm flex items-center gap-3",
 	"data-testid": "collections-inline-error"
 };
-var _hoisted_45 = { class: "flex-1" };
-var _hoisted_46 = ["aria-label"];
-var _hoisted_47 = { class: "flex-1 min-h-0 px-3 py-2" };
-var _hoisted_48 = {
+var _hoisted_46 = { class: "flex-1" };
+var _hoisted_47 = ["aria-label"];
+var _hoisted_48 = { class: "flex-1 min-h-0 px-3 py-2" };
+var _hoisted_49 = {
 	key: 5,
 	class: "h-full",
 	"data-testid": "collection-custom-view-body"
 };
-var _hoisted_49 = {
+var _hoisted_50 = {
 	key: 6,
 	class: "flex flex-col items-center justify-center py-20 text-sm text-slate-400 gap-2"
 };
-var _hoisted_50 = { class: "font-semibold text-slate-600" };
-var _hoisted_51 = {
+var _hoisted_51 = { class: "font-semibold text-slate-600" };
+var _hoisted_52 = {
 	key: 7,
 	class: "flex flex-col items-center justify-center py-20 text-sm text-slate-400 gap-2"
 };
-var _hoisted_52 = { class: "font-semibold text-slate-600" };
-var _hoisted_53 = {
+var _hoisted_53 = { class: "font-semibold text-slate-600" };
+var _hoisted_54 = {
 	key: 8,
 	class: "overflow-x-auto [container-type:inline-size]"
 };
-var _hoisted_54 = {
+var _hoisted_55 = {
 	key: 0,
 	class: "m-4 rounded-xl border border-red-200 bg-red-50/50 p-4 text-sm text-red-800 shadow-sm flex items-center gap-3",
 	"data-testid": "collections-inline-error"
 };
-var _hoisted_55 = { class: "flex-1" };
-var _hoisted_56 = ["aria-label"];
-var _hoisted_57 = { class: "min-w-full text-xs" };
-var _hoisted_58 = { class: "bg-slate-50 border-b border-slate-200" };
-var _hoisted_59 = ["aria-sort"];
-var _hoisted_60 = { class: "flex items-center gap-1" };
-var _hoisted_61 = ["title"];
-var _hoisted_62 = [
+var _hoisted_56 = { class: "flex-1" };
+var _hoisted_57 = ["aria-label"];
+var _hoisted_58 = { class: "min-w-full text-xs" };
+var _hoisted_59 = { class: "bg-slate-50 border-b border-slate-200" };
+var _hoisted_60 = ["aria-sort"];
+var _hoisted_61 = { class: "flex items-center gap-1" };
+var _hoisted_62 = ["title"];
+var _hoisted_63 = [
 	"data-testid",
 	"aria-label",
 	"onClick",
 	"onPointerenter"
 ];
-var _hoisted_63 = { class: "material-icons text-base align-middle" };
-var _hoisted_64 = { class: "divide-y divide-slate-100 bg-white" };
-var _hoisted_65 = [
+var _hoisted_64 = { class: "material-icons text-base align-middle" };
+var _hoisted_65 = { class: "divide-y divide-slate-100 bg-white" };
+var _hoisted_66 = [
 	"aria-label",
 	"data-testid",
 	"onClick",
 	"onKeydown"
 ];
-var _hoisted_66 = [
+var _hoisted_67 = [
 	"checked",
 	"disabled",
 	"data-testid",
 	"aria-label",
 	"onChange"
 ];
-var _hoisted_67 = [
+var _hoisted_68 = [
 	"checked",
 	"disabled",
 	"data-testid",
 	"aria-label",
 	"onChange"
 ];
-var _hoisted_68 = {
+var _hoisted_69 = {
 	key: 2,
 	class: "block truncate"
 };
-var _hoisted_69 = [
+var _hoisted_70 = [
 	"href",
 	"tabindex",
 	"data-testid",
 	"onClick",
 	"onKeydown"
 ];
-var _hoisted_70 = [
+var _hoisted_71 = [
 	"value",
 	"disabled",
 	"data-testid",
 	"aria-label",
 	"onChange"
 ];
-var _hoisted_71 = {
+var _hoisted_72 = {
 	key: 0,
 	value: ""
 };
-var _hoisted_72 = ["value"];
-var _hoisted_73 = {
+var _hoisted_73 = ["value"];
+var _hoisted_74 = {
 	key: 4,
 	class: "block truncate tabular-nums font-semibold text-slate-900"
 };
-var _hoisted_74 = {
+var _hoisted_75 = {
 	key: 5,
 	class: "inline-flex items-center gap-1 px-2 py-0.5 rounded-lg text-[10px] font-bold bg-slate-100 text-slate-600 border border-slate-200/40"
 };
-var _hoisted_75 = {
+var _hoisted_76 = {
 	key: 6,
 	class: "inline-block truncate tabular-nums font-bold text-indigo-900 bg-indigo-50/50 px-1.5 py-0.5 rounded border border-indigo-100/50"
 };
-var _hoisted_76 = ["href", "data-testid"];
-var _hoisted_77 = ["href", "data-testid"];
-var _hoisted_78 = [
+var _hoisted_77 = ["data-testid"];
+var _hoisted_78 = ["href", "data-testid"];
+var _hoisted_79 = ["href", "data-testid"];
+var _hoisted_80 = [
 	"href",
 	"data-testid",
 	"onClick"
 ];
-var _hoisted_79 = {
-	key: 10,
+var _hoisted_81 = {
+	key: 11,
 	class: "block truncate text-slate-600"
 };
-var _hoisted_80 = { class: "bg-white rounded-2xl shadow-2xl w-full max-w-xl flex flex-col border border-slate-200 overflow-hidden" };
-var _hoisted_81 = { class: "px-6 py-4 border-b border-slate-100 flex items-center gap-3 bg-slate-50/50" };
-var _hoisted_82 = { class: "flex-1" };
-var _hoisted_83 = {
+var _hoisted_82 = { class: "bg-white rounded-2xl shadow-2xl w-full max-w-xl flex flex-col border border-slate-200 overflow-hidden" };
+var _hoisted_83 = { class: "px-6 py-4 border-b border-slate-100 flex items-center gap-3 bg-slate-50/50" };
+var _hoisted_84 = { class: "flex-1" };
+var _hoisted_85 = {
 	id: "collections-chat-title",
 	class: "text-sm font-bold text-slate-800 uppercase tracking-wide"
 };
-var _hoisted_84 = { class: "text-xs text-slate-400 font-semibold" };
-var _hoisted_85 = ["aria-label"];
-var _hoisted_86 = { class: "px-6 py-5" };
-var _hoisted_87 = ["placeholder", "onKeydown"];
-var _hoisted_88 = { class: "px-6 py-3.5 border-t border-slate-100 flex items-center justify-end gap-2 bg-slate-50/50" };
-var _hoisted_89 = ["disabled"];
+var _hoisted_86 = { class: "text-xs text-slate-400 font-semibold" };
+var _hoisted_87 = ["aria-label"];
+var _hoisted_88 = { class: "px-6 py-5" };
+var _hoisted_89 = ["placeholder", "onKeydown"];
+var _hoisted_90 = { class: "px-6 py-3.5 border-t border-slate-100 flex items-center justify-end gap-2 bg-slate-50/50" };
+var _hoisted_91 = ["disabled"];
 /** `slug` / `selected` are supplied only in EMBEDDED mode (the
 *  `presentCollection` chat card mounts this component and drives both
 *  from the tool result). In standalone route mode (the
@@ -3931,11 +4175,26 @@ var CollectionView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 		const actionPending = (0, vue.ref)(false);
 		const actionError = (0, vue.ref)(null);
 		const collectionActionPending = (0, vue.ref)(false);
+		const runningActions = (0, vue.ref)(/* @__PURE__ */ new Set());
+		let runningActionsGen = 0;
+		function mutateRunningActions(mutate) {
+			runningActionsGen += 1;
+			const next = new Set(runningActions.value);
+			mutate(next);
+			runningActions.value = next;
+		}
+		/** Adopt a detail response's `runningActions` — only when no local
+		*  mutation happened while the response was in flight (stale snapshots
+		*  are dropped; the completion ping's refetch reconciles soon after). */
+		function applyServerRunningActions(keys, genAtFetch) {
+			if (runningActionsGen !== genAtFetch) return;
+			runningActions.value = new Set(keys ?? []);
+		}
 		const chatOpen = (0, vue.ref)(false);
 		const chatMessage = (0, vue.ref)("");
 		const chatInputEl = (0, vue.ref)(null);
 		const render = useCollectionRendering(collection, locale);
-		const { refRecordCache, refDisplay, formatMoney, resolveCurrency, derivedDisplay, evaluateDerivedAgainstItem, formatCell, isExternalUrl, artifactUrl, fileRoutePath } = render;
+		const { refDisplay, formatMoney, resolveCurrency, derivedDisplay, evaluateDerivedAgainstItem, formatCell, isExternalUrl, artifactUrl, fileRoutePath } = render;
 		const searchQuery = (0, vue.ref)("");
 		/** Case-insensitive substring match across an item's scalar fields.
 		*  Object-valued fields (table rows, nested records) are skipped —
@@ -4009,7 +4268,7 @@ var CollectionView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 		function derivedSortValue(field, key, item) {
 			const display = field.type === "derived" ? field.display : void 0;
 			if (display === void 0 || display === "number" || display === "money") return (0, _mulmoclaude_core_collection.numericSortValue)(evaluateDerivedAgainstItem(field, key, item));
-			const enriched = collection.value ? render.deriveAll(collection.value.schema, item, render.refRecordCache.value) : item;
+			const enriched = render.deriveRecord(item);
 			if (display === "date") return (0, _mulmoclaude_core_collection.dateSortValue)(enriched[key]);
 			return (0, _mulmoclaude_core_collection.stringSortValue)(enriched[key]);
 		}
@@ -4097,20 +4356,33 @@ var CollectionView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 		}
 		/** Collection-level header actions. No `when` predicate (no record). */
 		const collectionActions = (0, vue.computed)(() => collection.value?.schema.collectionActions ?? []);
+		/** True when a `kind: "agent"` action's hidden worker is in flight —
+		*  drives the button spinner + disable. Keys mirror the server's
+		*  dispatch guard via `agentActionRunKey`. */
+		function isActionRunning(actionId, itemId) {
+			return runningActions.value.has((0, _mulmoclaude_core_collection.agentActionRunKey)(actionId, itemId));
+		}
 		/** Run a collection-level action: ask the server to assemble the seed
-		*  prompt (a progress summary of all records + the template), then start
-		*  a new chat in the action's role with it. Generic — no domain knowledge. */
+		*  prompt (a progress summary of all records + the template). `kind:
+		*  "chat"` gets the seed back and starts a new chat; `kind: "agent"` is
+		*  dispatched server-side as a hidden worker — mark it running and let
+		*  the completion ping's refetch reconcile. Generic — no domain knowledge. */
 		async function runCollectionAction(action) {
 			const current = collection.value;
-			if (!current || collectionActionPending.value) return;
+			if (!current || collectionActionPending.value || isActionRunning(action.id)) return;
+			const runKey = action.kind === "agent" ? (0, _mulmoclaude_core_collection.agentActionRunKey)(action.id) : null;
+			if (runKey) mutateRunningActions((next) => next.add(runKey));
 			collectionActionPending.value = true;
 			inlineError.value = null;
 			const result = await cui.runCollectionAction(current.slug, action.id);
 			collectionActionPending.value = false;
 			if (!result.ok) {
+				if (runKey && result.status !== 409) mutateRunningActions((next) => next.delete(runKey));
 				inlineError.value = result.error;
 				return;
 			}
+			if (result.data.dispatched) return;
+			if (result.data.written) return;
 			if (props.sendTextMessage) {
 				props.sendTextMessage(result.data.prompt);
 				return;
@@ -4145,27 +4417,88 @@ var CollectionView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 			if (!record) return [];
 			return (collection.value?.schema.actions ?? []).filter((action) => (0, _mulmoclaude_core_collection.actionVisible)(action, record));
 		});
-		/** Run a schema-declared action on the open record: ask the server to
-		*  assemble the seed prompt, then start a new chat in the action's
-		*  role with it. Generic — no knowledge of what the action does. */
+		const mutateModal = (0, vue.ref)(null);
+		const mutatePending = (0, vue.ref)(false);
+		const mutateError = (0, vue.ref)(null);
+		/** POST one mutate action and, on success, adopt the written record for
+		*  the open panel (the write's change ping refreshes the table rows).
+		*  Errors land in the modal when one is open, else on the panel. */
+		async function executeMutate(action, itemId, params) {
+			if (!collection.value || mutatePending.value) return false;
+			mutatePending.value = true;
+			const result = await cui.runItemAction(collection.value.slug, itemId, action.id, params);
+			mutatePending.value = false;
+			if (!result.ok) {
+				if (mutateModal.value) mutateError.value = result.error;
+				else actionError.value = result.error;
+				return false;
+			}
+			if (result.data.written && viewing.value && String(viewing.value[collection.value.schema.primaryKey] ?? "") === itemId) viewing.value = result.data.item;
+			return true;
+		}
+		async function submitMutateParams(params) {
+			const open = mutateModal.value;
+			if (!open) return;
+			mutateError.value = null;
+			if (await executeMutate(open.action, open.itemId, params)) mutateModal.value = null;
+		}
+		/** Mutate kind: open the params mini-form when the action declares one,
+		*  else apply the declarative write immediately. */
+		async function runMutateAction(action, itemId) {
+			actionError.value = null;
+			if (action.params && Object.keys(action.params).length > 0) {
+				mutateError.value = null;
+				mutateModal.value = {
+					action,
+					itemId
+				};
+				return;
+			}
+			await executeMutate(action, itemId, {});
+		}
+		/** Run a schema-declared action on the open record. `kind: "mutate"`
+		*  never leaves the host: with `params` it opens the mini-form, else it
+		*  applies immediately. `kind: "chat"` gets the seed back and starts a
+		*  new chat; `kind: "agent"` is dispatched server-side as a hidden
+		*  worker — mark it running and let the completion ping's refetch
+		*  reconcile. Generic — no knowledge of what the action does. */
 		async function runAction(action) {
 			if (!collection.value || !viewing.value) return;
 			const itemId = String(viewing.value[collection.value.schema.primaryKey] ?? "");
-			if (!itemId) return;
+			if (!itemId || isActionRunning(action.id, itemId)) return;
+			if (action.kind === "mutate") {
+				await runMutateAction(action, itemId);
+				return;
+			}
+			const runKey = action.kind === "agent" ? (0, _mulmoclaude_core_collection.agentActionRunKey)(action.id, itemId) : null;
+			if (runKey) mutateRunningActions((next) => next.add(runKey));
 			actionPending.value = true;
 			actionError.value = null;
 			const result = await cui.runItemAction(collection.value.slug, itemId, action.id);
 			actionPending.value = false;
 			if (!result.ok) {
+				if (runKey && result.status !== 409) mutateRunningActions((next) => next.delete(runKey));
 				actionError.value = result.error;
 				return;
 			}
+			if (result.data.dispatched) return;
+			if (result.data.written) return;
 			if (props.sendTextMessage) {
 				props.sendTextMessage(result.data.prompt);
 				return;
 			}
 			appApi.startNewChat(result.data.prompt, result.data.role);
 		}
+		/** Ids of the open record's actions whose hidden worker is running — the
+		*  record panel renders those buttons with a spinner, disabled. */
+		const viewingRunningActionIds = (0, vue.computed)(() => {
+			const current = collection.value;
+			const record = viewing.value;
+			if (!current || !record) return [];
+			const itemId = String(record[current.schema.primaryKey] ?? "");
+			if (!itemId) return [];
+			return (current.schema.actions ?? []).filter((action) => isActionRunning(action.id, itemId)).map((action) => action.id);
+		});
 		/** Open the chat modal, blanking any prior draft and focusing the input. */
 		function openChat() {
 			chatMessage.value = "";
@@ -4231,10 +4564,12 @@ var CollectionView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 			collection.value = null;
 			items.value = [];
 			dataIssues.value = [];
+			mutateRunningActions((next) => next.clear());
 			searchQuery.value = "";
 			render.resetLinkedCaches();
 			viewing.value = null;
 			openDay.value = null;
+			const runningGen = runningActionsGen;
 			const result = await cui.fetchCollectionDetail(slug);
 			loading.value = false;
 			if (!result.ok) {
@@ -4245,6 +4580,7 @@ var CollectionView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 			collection.value = result.data.collection;
 			items.value = result.data.items;
 			dataIssues.value = result.data.issues ?? [];
+			applyServerRunningActions(result.data.runningActions, runningGen);
 			enumOriginallyEmpty.value = snapshotEmptyEnums(result.data.collection.schema, result.data.items);
 			await render.loadLinkedCollections(result.data.collection.schema, slug);
 			if (collection.value?.slug === slug) syncViewToSelected();
@@ -4260,11 +4596,13 @@ var CollectionView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 		*  fetch is a no-op (keep the current data) — a transient blip shouldn't blank a
 		*  view the user is reading. */
 		async function refreshItemsInPlace(slug) {
+			const runningGen = runningActionsGen;
 			const result = await cui.fetchCollectionDetail(slug);
 			if (!result.ok || activeSlug.value !== slug) return;
 			collection.value = result.data.collection;
 			items.value = result.data.items;
 			dataIssues.value = result.data.issues ?? [];
+			applyServerRunningActions(result.data.runningActions, runningGen);
 			enumOriginallyEmpty.value = snapshotEmptyEnums(result.data.collection.schema, result.data.items);
 			await render.loadLinkedCollections(result.data.collection.schema, slug);
 			if (activeSlug.value !== slug) return;
@@ -4474,7 +4812,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 !== "backlinks" && field.type !== "toggle") text[key] = "";
+			else if (!_mulmoclaude_core_collection.COMPUTED_TYPES.has(field.type)) text[key] = "";
 			const { singleton, primaryKey } = collection.value.schema;
 			if (singleton) text[primaryKey] = singleton;
 			else if (primaryKey in text) text[primaryKey] = generateUniqueItemId(primaryKey);
@@ -4506,7 +4844,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 !== "backlinks" && field.type !== "toggle") text[key] = raw === void 0 || raw === null ? "" : String(raw);
+				} else if (!_mulmoclaude_core_collection.COMPUTED_TYPES.has(field.type)) text[key] = raw === void 0 || raw === null ? "" : String(raw);
 			}
 			const primaryRaw = item[collection.value.schema.primaryKey];
 			const originalId = typeof primaryRaw === "string" ? primaryRaw : String(primaryRaw ?? "");
@@ -4633,7 +4971,7 @@ var CollectionView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 		*  rendering composable; this binds it to the current draft. */
 		const liveDerived = (0, vue.computed)(() => {
 			if (!collection.value || !liveRecord.value) return null;
-			return render.deriveAll(collection.value.schema, liveRecord.value, refRecordCache.value);
+			return render.deriveRecord(liveRecord.value);
 		});
 		/** Short summary for a `table`-typed cell in the main collection
 		*  table. Counts rows; nothing fancier yet (per-row preview is
@@ -4954,7 +5292,7 @@ var CollectionView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 						"aria-label": (0, vue.unref)(t)("collectionsView.backToIndex"),
 						"data-testid": "collections-back",
 						onClick: goBack
-					}, [..._cache[25] || (_cache[25] = [(0, vue.createElementVNode)("span", { class: "material-icons text-lg" }, "arrow_back", -1)])], 8, _hoisted_3$5)) : (0, vue.createCommentVNode)("", true),
+					}, [..._cache[26] || (_cache[26] = [(0, vue.createElementVNode)("span", { class: "material-icons text-lg" }, "arrow_back", -1)])], 8, _hoisted_3$5)) : (0, vue.createCommentVNode)("", true),
 					collection.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_4$5, [(0, vue.createElementVNode)("span", _hoisted_5$5, (0, vue.toDisplayString)(collection.value.icon), 1)])) : (0, vue.createCommentVNode)("", true),
 					(0, vue.createElementVNode)("div", _hoisted_6$4, [(0, vue.createElementVNode)("h1", _hoisted_7$4, (0, vue.toDisplayString)(collection.value?.title ?? (0, vue.unref)(t)("collectionsView.title")), 1), collection.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_8$4, (0, vue.toDisplayString)(collection.value.slug), 1)) : (0, vue.createCommentVNode)("", true)]),
 					collection.value && !embedded.value ? ((0, vue.openBlock)(), (0, vue.createBlock)((0, vue.resolveDynamicComponent)((0, vue.unref)(pinToggle)), {
@@ -4983,16 +5321,16 @@ var CollectionView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 						class: "h-8 px-2.5 flex items-center gap-1 rounded border border-indigo-200 bg-white hover:bg-indigo-50 text-indigo-600 font-bold text-xs transition-colors",
 						"data-testid": "collections-chat",
 						onClick: openChat
-					}, [_cache[26] || (_cache[26] = (0, vue.createElementVNode)("span", { class: "material-icons text-sm" }, "forum", -1)), (0, vue.createElementVNode)("span", null, (0, vue.toDisplayString)((0, vue.unref)(t)("collectionsView.chat")), 1)])) : (0, vue.createCommentVNode)("", true),
+					}, [_cache[27] || (_cache[27] = (0, vue.createElementVNode)("span", { class: "material-icons text-sm" }, "forum", -1)), (0, vue.createElementVNode)("span", null, (0, vue.toDisplayString)((0, vue.unref)(t)("collectionsView.chat")), 1)])) : (0, vue.createCommentVNode)("", true),
 					((0, vue.openBlock)(true), (0, vue.createElementBlock)(vue.Fragment, null, (0, vue.renderList)(collectionActions.value, (action) => {
 						return (0, vue.openBlock)(), (0, vue.createElementBlock)("button", {
 							key: action.id,
 							type: "button",
 							class: "h-8 px-2.5 flex items-center gap-1 rounded border border-indigo-200 bg-white hover:bg-indigo-50 text-indigo-600 font-bold text-xs transition-colors disabled:opacity-50",
-							disabled: collectionActionPending.value,
+							disabled: collectionActionPending.value || isActionRunning(action.id),
 							"data-testid": `collections-action-${action.id}`,
 							onClick: ($event) => runCollectionAction(action)
-						}, [action.icon ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_12$4, (0, vue.toDisplayString)(action.icon), 1)) : (0, vue.createCommentVNode)("", true), (0, vue.createElementVNode)("span", null, (0, vue.toDisplayString)(action.label), 1)], 8, _hoisted_11$4);
+						}, [isActionRunning(action.id) ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_12$4, "progress_activity")) : action.icon ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_13$4, (0, vue.toDisplayString)(action.icon), 1)) : (0, vue.createCommentVNode)("", true), (0, vue.createElementVNode)("span", null, (0, vue.toDisplayString)(action.label), 1)], 8, _hoisted_11$4);
 					}), 128)),
 					canCreate.value && !calendarActive.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("button", {
 						key: 5,
@@ -5000,7 +5338,7 @@ var CollectionView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 						class: "h-8 px-2.5 flex items-center gap-1 rounded bg-indigo-600 hover:bg-indigo-700 text-white font-bold text-xs transition-colors shadow-sm",
 						"data-testid": "collections-add-item",
 						onClick: openCreate
-					}, [_cache[27] || (_cache[27] = (0, vue.createElementVNode)("span", { class: "material-icons text-sm" }, "add", -1)), (0, vue.createElementVNode)("span", null, (0, vue.toDisplayString)((0, vue.unref)(t)("common.add")), 1)])) : (0, vue.createCommentVNode)("", true),
+					}, [_cache[28] || (_cache[28] = (0, vue.createElementVNode)("span", { class: "material-icons text-sm" }, "add", -1)), (0, vue.createElementVNode)("span", null, (0, vue.toDisplayString)((0, vue.unref)(t)("common.add")), 1)])) : (0, vue.createCommentVNode)("", true),
 					canDeleteCollection.value && !embedded.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("button", {
 						key: 6,
 						type: "button",
@@ -5009,7 +5347,7 @@ var CollectionView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 						"aria-label": (0, vue.unref)(t)("collectionsView.deleteCollection"),
 						"data-testid": "collections-delete",
 						onClick: confirmCollectionDelete
-					}, [..._cache[28] || (_cache[28] = [(0, vue.createElementVNode)("span", { class: "material-icons text-sm" }, "delete_forever", -1)])], 8, _hoisted_13$4)) : (0, vue.createCommentVNode)("", true),
+					}, [..._cache[29] || (_cache[29] = [(0, vue.createElementVNode)("span", { class: "material-icons text-sm" }, "delete_forever", -1)])], 8, _hoisted_14$4)) : (0, vue.createCommentVNode)("", true),
 					canDeleteFeed.value && !embedded.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("button", {
 						key: 7,
 						type: "button",
@@ -5018,26 +5356,26 @@ var CollectionView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 						"aria-label": (0, vue.unref)(t)("collectionsView.deleteFeed"),
 						"data-testid": "feeds-delete",
 						onClick: confirmFeedDelete
-					}, [..._cache[29] || (_cache[29] = [(0, vue.createElementVNode)("span", { class: "material-icons text-sm" }, "delete_forever", -1)])], 8, _hoisted_14$4)) : (0, vue.createCommentVNode)("", true)
+					}, [..._cache[30] || (_cache[30] = [(0, vue.createElementVNode)("span", { class: "material-icons text-sm" }, "delete_forever", -1)])], 8, _hoisted_15$4)) : (0, vue.createCommentVNode)("", true)
 				])) : (0, vue.createCommentVNode)("", true),
-				refreshNote.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_15$4, [_cache[30] || (_cache[30] = (0, vue.createElementVNode)("span", { class: "material-icons text-base text-indigo-600" }, "hourglass_top", -1)), (0, vue.createElementVNode)("span", _hoisted_16$4, (0, vue.toDisplayString)(refreshNote.value), 1)])) : (0, vue.createCommentVNode)("", true),
-				collection.value && (!__props.hideSearch && items.value.length > 0 || !__props.hideViewToggle && (hasCalendar.value || hasKanban.value || hasCustomViews.value || canAddCustomView.value)) ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_17$4, [!__props.hideSearch && items.value.length > 0 ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_18$4, [
-					_cache[32] || (_cache[32] = (0, vue.createElementVNode)("span", { class: "absolute inset-y-0 left-0 flex items-center pl-3 text-slate-400 pointer-events-none" }, [(0, vue.createElementVNode)("span", { class: "material-icons text-lg" }, "search")], -1)),
+				refreshNote.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_16$4, [_cache[31] || (_cache[31] = (0, vue.createElementVNode)("span", { class: "material-icons text-base text-indigo-600" }, "hourglass_top", -1)), (0, vue.createElementVNode)("span", _hoisted_17$4, (0, vue.toDisplayString)(refreshNote.value), 1)])) : (0, vue.createCommentVNode)("", true),
+				collection.value && (!__props.hideSearch && items.value.length > 0 || !__props.hideViewToggle && (hasCalendar.value || hasKanban.value || hasCustomViews.value || canAddCustomView.value)) ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_18$4, [!__props.hideSearch && items.value.length > 0 ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_19$2, [
+					_cache[33] || (_cache[33] = (0, vue.createElementVNode)("span", { class: "absolute inset-y-0 left-0 flex items-center pl-3 text-slate-400 pointer-events-none" }, [(0, vue.createElementVNode)("span", { class: "material-icons text-lg" }, "search")], -1)),
 					(0, vue.withDirectives)((0, vue.createElementVNode)("input", {
 						"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => searchQuery.value = $event),
 						type: "text",
 						placeholder: (0, vue.unref)(t)("collectionsView.searchPlaceholder"),
 						"aria-label": (0, vue.unref)(t)("collectionsView.searchPlaceholder"),
 						class: "w-full bg-slate-50 border border-slate-200/80 rounded-xl pl-9 pr-8 py-1.5 text-xs placeholder-slate-400 focus:outline-none focus:ring-2 focus:ring-indigo-500/20 focus:border-indigo-500 focus:bg-white transition-all font-medium"
-					}, null, 8, _hoisted_19$2), [[vue.vModelText, searchQuery.value]]),
+					}, null, 8, _hoisted_20$2), [[vue.vModelText, searchQuery.value]]),
 					searchQuery.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("button", {
 						key: 0,
 						type: "button",
 						"aria-label": (0, vue.unref)(t)("collectionsView.clearSearch"),
 						class: "absolute inset-y-0 right-0 flex items-center pr-2.5 text-slate-400 hover:text-slate-600",
 						onClick: _cache[1] || (_cache[1] = ($event) => searchQuery.value = "")
-					}, [..._cache[31] || (_cache[31] = [(0, vue.createElementVNode)("span", { class: "material-icons text-sm" }, "close", -1)])], 8, _hoisted_20$2)) : (0, vue.createCommentVNode)("", true)
-				])) : (0, vue.createCommentVNode)("", true), (0, vue.createElementVNode)("div", _hoisted_21$2, [
+					}, [..._cache[32] || (_cache[32] = [(0, vue.createElementVNode)("span", { class: "material-icons text-sm" }, "close", -1)])], 8, _hoisted_21$2)) : (0, vue.createCommentVNode)("", true)
+				])) : (0, vue.createCommentVNode)("", true), (0, vue.createElementVNode)("div", _hoisted_22$2, [
 					!__props.hideViewToggle && (hasCalendar.value || hasKanban.value || hasCustomViews.value || canAddCustomView.value) ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", {
 						key: 0,
 						class: "flex gap-0.5",
@@ -5050,7 +5388,7 @@ var CollectionView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 							"aria-pressed": activeView.value === "table",
 							"data-testid": "collection-view-toggle-table",
 							onClick: _cache[2] || (_cache[2] = ($event) => setView("table"))
-						}, [_cache[33] || (_cache[33] = (0, vue.createElementVNode)("span", { class: "material-icons text-sm" }, "table_rows", -1)), (0, vue.createElementVNode)("span", null, (0, vue.toDisplayString)((0, vue.unref)(t)("collectionsView.viewTable")), 1)], 10, _hoisted_23$2),
+						}, [_cache[34] || (_cache[34] = (0, vue.createElementVNode)("span", { class: "material-icons text-sm" }, "table_rows", -1)), (0, vue.createElementVNode)("span", null, (0, vue.toDisplayString)((0, vue.unref)(t)("collectionsView.viewTable")), 1)], 10, _hoisted_24$1),
 						hasCalendar.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("button", {
 							key: 0,
 							type: "button",
@@ -5058,7 +5396,7 @@ var CollectionView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 							"aria-pressed": activeView.value === "calendar",
 							"data-testid": "collection-view-toggle-calendar",
 							onClick: _cache[3] || (_cache[3] = ($event) => setView("calendar"))
-						}, [_cache[34] || (_cache[34] = (0, vue.createElementVNode)("span", { class: "material-icons text-sm" }, "calendar_month", -1)), (0, vue.createElementVNode)("span", null, (0, vue.toDisplayString)((0, vue.unref)(t)("collectionsView.viewCalendar")), 1)], 10, _hoisted_24$1)) : (0, vue.createCommentVNode)("", true),
+						}, [_cache[35] || (_cache[35] = (0, vue.createElementVNode)("span", { class: "material-icons text-sm" }, "calendar_month", -1)), (0, vue.createElementVNode)("span", null, (0, vue.toDisplayString)((0, vue.unref)(t)("collectionsView.viewCalendar")), 1)], 10, _hoisted_25$1)) : (0, vue.createCommentVNode)("", true),
 						hasKanban.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("button", {
 							key: 1,
 							type: "button",
@@ -5066,7 +5404,7 @@ var CollectionView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 							"aria-pressed": activeView.value === "kanban",
 							"data-testid": "collection-view-toggle-kanban",
 							onClick: _cache[4] || (_cache[4] = ($event) => setView("kanban"))
-						}, [_cache[35] || (_cache[35] = (0, vue.createElementVNode)("span", { class: "material-icons text-sm" }, "view_kanban", -1)), (0, vue.createElementVNode)("span", null, (0, vue.toDisplayString)((0, vue.unref)(t)("collectionsView.viewKanban")), 1)], 10, _hoisted_25$1)) : (0, vue.createCommentVNode)("", true),
+						}, [_cache[36] || (_cache[36] = (0, vue.createElementVNode)("span", { class: "material-icons text-sm" }, "view_kanban", -1)), (0, vue.createElementVNode)("span", null, (0, vue.toDisplayString)((0, vue.unref)(t)("collectionsView.viewKanban")), 1)], 10, _hoisted_26$1)) : (0, vue.createCommentVNode)("", true),
 						((0, vue.openBlock)(true), (0, vue.createElementBlock)(vue.Fragment, null, (0, vue.renderList)(customViews.value, (cv) => {
 							return (0, vue.openBlock)(), (0, vue.createElementBlock)("button", {
 								key: cv.id,
@@ -5075,7 +5413,7 @@ var CollectionView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 								"aria-pressed": activeView.value === (0, vue.unref)(customViewKey)(cv.id),
 								"data-testid": `collection-view-custom-${cv.id}`,
 								onClick: ($event) => setCustomView(cv.id)
-							}, [(0, vue.createElementVNode)("span", _hoisted_27$1, (0, vue.toDisplayString)(cv.icon || (cv.target === "mobile" ? "smartphone" : "dashboard_customize")), 1), (0, vue.createElementVNode)("span", null, (0, vue.toDisplayString)(cv.label), 1)], 10, _hoisted_26$1);
+							}, [(0, vue.createElementVNode)("span", _hoisted_28, (0, vue.toDisplayString)(cv.icon || (cv.target === "mobile" ? "smartphone" : "dashboard_customize")), 1), (0, vue.createElementVNode)("span", null, (0, vue.toDisplayString)(cv.label), 1)], 10, _hoisted_27$1);
 						}), 128)),
 						canAddCustomView.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", {
 							key: 2,
@@ -5090,17 +5428,17 @@ var CollectionView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 							"aria-expanded": addMenuOpen.value,
 							"data-testid": "collection-view-add",
 							onClick: onAddViewClick
-						}, [..._cache[36] || (_cache[36] = [(0, vue.createElementVNode)("span", { class: "material-icons text-sm" }, "add", -1)])], 8, _hoisted_28), addMenuOpen.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_29, [(0, vue.createElementVNode)("button", {
+						}, [..._cache[37] || (_cache[37] = [(0, vue.createElementVNode)("span", { class: "material-icons text-sm" }, "add", -1)])], 8, _hoisted_29), addMenuOpen.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_30, [(0, vue.createElementVNode)("button", {
 							type: "button",
 							class: "w-full h-8 px-3 flex items-center gap-2 text-xs font-bold text-slate-600 hover:bg-slate-50",
 							"data-testid": "collection-view-add-desktop",
 							onClick: _cache[5] || (_cache[5] = ($event) => addCustomView("desktop"))
-						}, [_cache[37] || (_cache[37] = (0, vue.createElementVNode)("span", { class: "material-icons text-sm" }, "dashboard_customize", -1)), (0, vue.createElementVNode)("span", null, (0, vue.toDisplayString)((0, vue.unref)(t)("collectionsView.addViewDesktop")), 1)]), (0, vue.createElementVNode)("button", {
+						}, [_cache[38] || (_cache[38] = (0, vue.createElementVNode)("span", { class: "material-icons text-sm" }, "dashboard_customize", -1)), (0, vue.createElementVNode)("span", null, (0, vue.toDisplayString)((0, vue.unref)(t)("collectionsView.addViewDesktop")), 1)]), (0, vue.createElementVNode)("button", {
 							type: "button",
 							class: "w-full h-8 px-3 flex items-center gap-2 text-xs font-bold text-slate-600 hover:bg-slate-50",
 							"data-testid": "collection-view-add-mobile",
 							onClick: _cache[6] || (_cache[6] = ($event) => addCustomView("mobile"))
-						}, [_cache[38] || (_cache[38] = (0, vue.createElementVNode)("span", { class: "material-icons text-sm" }, "smartphone", -1)), (0, vue.createElementVNode)("span", null, (0, vue.toDisplayString)((0, vue.unref)(t)("collectionsView.addViewMobile")), 1)])])) : (0, vue.createCommentVNode)("", true)], 512)) : (0, vue.createCommentVNode)("", true),
+						}, [_cache[39] || (_cache[39] = (0, vue.createElementVNode)("span", { class: "material-icons text-sm" }, "smartphone", -1)), (0, vue.createElementVNode)("span", null, (0, vue.toDisplayString)((0, vue.unref)(t)("collectionsView.addViewMobile")), 1)])])) : (0, vue.createCommentVNode)("", true)], 512)) : (0, vue.createCommentVNode)("", true),
 						canConfigureViews.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("button", {
 							key: 3,
 							type: "button",
@@ -5109,8 +5447,8 @@ var CollectionView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 							"aria-label": (0, vue.unref)(t)("collectionsView.config.open"),
 							"data-testid": "collection-config-open",
 							onClick: _cache[7] || (_cache[7] = ($event) => configOpen.value = true)
-						}, [..._cache[39] || (_cache[39] = [(0, vue.createElementVNode)("span", { class: "material-icons text-sm" }, "settings", -1)])], 8, _hoisted_30)) : (0, vue.createCommentVNode)("", true)
-					], 8, _hoisted_22$2)) : (0, vue.createCommentVNode)("", true),
+						}, [..._cache[40] || (_cache[40] = [(0, vue.createElementVNode)("span", { class: "material-icons text-sm" }, "settings", -1)])], 8, _hoisted_31)) : (0, vue.createCommentVNode)("", true)
+					], 8, _hoisted_23$2)) : (0, vue.createCommentVNode)("", true),
 					calendarActive.value && dateFields.value.length > 1 ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("select", {
 						key: 1,
 						value: calendarAnchorField.value,
@@ -5122,8 +5460,8 @@ var CollectionView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 						return (0, vue.openBlock)(), (0, vue.createElementBlock)("option", {
 							key,
 							value: key
-						}, (0, vue.toDisplayString)(collection.value?.schema.fields[key]?.label ?? key), 9, _hoisted_32);
-					}), 128))], 40, _hoisted_31)) : (0, vue.createCommentVNode)("", true),
+						}, (0, vue.toDisplayString)(collection.value?.schema.fields[key]?.label ?? key), 9, _hoisted_33);
+					}), 128))], 40, _hoisted_32)) : (0, vue.createCommentVNode)("", true),
 					kanbanActive.value && enumFields.value.length > 1 ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("select", {
 						key: 2,
 						value: kanbanGroupField.value,
@@ -5135,24 +5473,24 @@ var CollectionView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 						return (0, vue.openBlock)(), (0, vue.createElementBlock)("option", {
 							key,
 							value: key
-						}, (0, vue.toDisplayString)(collection.value?.schema.fields[key]?.label ?? key), 9, _hoisted_34);
-					}), 128))], 40, _hoisted_33)) : (0, vue.createCommentVNode)("", true),
-					items.value.length > 0 ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_35, (0, vue.toDisplayString)((0, vue.unref)(t)("collectionsView.searchSummary", {
+						}, (0, vue.toDisplayString)(collection.value?.schema.fields[key]?.label ?? key), 9, _hoisted_35);
+					}), 128))], 40, _hoisted_34)) : (0, vue.createCommentVNode)("", true),
+					items.value.length > 0 ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_36, (0, vue.toDisplayString)((0, vue.unref)(t)("collectionsView.searchSummary", {
 						shown: filteredItems.value.length,
 						total: items.value.length
 					})), 1)) : (0, vue.createCommentVNode)("", true)
 				])])) : (0, vue.createCommentVNode)("", true),
-				collection.value && dataIssues.value.length > 0 ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_36, [
-					_cache[41] || (_cache[41] = (0, vue.createElementVNode)("span", { class: "material-icons text-amber-600" }, "warning", -1)),
-					(0, vue.createElementVNode)("span", _hoisted_37, (0, vue.toDisplayString)((0, vue.unref)(t)("collectionsView.dataIssuesDetected", { count: dataIssues.value.length })), 1),
+				collection.value && dataIssues.value.length > 0 ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_37, [
+					_cache[42] || (_cache[42] = (0, vue.createElementVNode)("span", { class: "material-icons text-amber-600" }, "warning", -1)),
+					(0, vue.createElementVNode)("span", _hoisted_38, (0, vue.toDisplayString)((0, vue.unref)(t)("collectionsView.dataIssuesDetected", { count: dataIssues.value.length })), 1),
 					(0, vue.createElementVNode)("button", {
 						type: "button",
 						class: "h-8 px-2.5 flex items-center gap-1 rounded border border-amber-300 bg-white hover:bg-amber-100 text-amber-700 font-bold text-xs transition-colors",
 						"data-testid": "collections-repair",
 						onClick: repairCollection
-					}, [_cache[40] || (_cache[40] = (0, vue.createElementVNode)("span", { class: "material-icons text-sm" }, "build", -1)), (0, vue.createElementVNode)("span", null, (0, vue.toDisplayString)((0, vue.unref)(t)("collectionsView.repair")), 1)])
+					}, [_cache[41] || (_cache[41] = (0, vue.createElementVNode)("span", { class: "material-icons text-sm" }, "build", -1)), (0, vue.createElementVNode)("span", null, (0, vue.toDisplayString)((0, vue.unref)(t)("collectionsView.repair")), 1)])
 				])) : (0, vue.createCommentVNode)("", true),
-				(0, vue.createElementVNode)("div", _hoisted_38, [loading.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_39, [_cache[42] || (_cache[42] = (0, vue.createElementVNode)("div", { class: "h-8 w-8 border-2 border-indigo-600/20 border-t-indigo-600 rounded-full animate-spin" }, null, -1)), (0, vue.createElementVNode)("span", null, (0, vue.toDisplayString)((0, vue.unref)(t)("common.loading")), 1)])) : loadError.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_40, [_cache[43] || (_cache[43] = (0, vue.createElementVNode)("span", { class: "material-icons text-red-600" }, "error", -1)), (0, vue.createElementVNode)("span", null, (0, vue.toDisplayString)(loadError.value === "not-found" ? (0, vue.unref)(t)("collectionsView.notFound") : `${(0, vue.unref)(t)("collectionsView.loadFailed")}: ${loadError.value}`), 1)])) : !collection.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_41)) : calendarActive.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_42, [(0, vue.createVNode)(CollectionCalendarView_default, {
+				(0, vue.createElementVNode)("div", _hoisted_39, [loading.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_40, [_cache[43] || (_cache[43] = (0, vue.createElementVNode)("div", { class: "h-8 w-8 border-2 border-indigo-600/20 border-t-indigo-600 rounded-full animate-spin" }, null, -1)), (0, vue.createElementVNode)("span", null, (0, vue.toDisplayString)((0, vue.unref)(t)("common.loading")), 1)])) : loadError.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_41, [_cache[44] || (_cache[44] = (0, vue.createElementVNode)("span", { class: "material-icons text-red-600" }, "error", -1)), (0, vue.createElementVNode)("span", null, (0, vue.toDisplayString)(loadError.value === "not-found" ? (0, vue.unref)(t)("collectionsView.notFound") : `${(0, vue.unref)(t)("collectionsView.loadFailed")}: ${loadError.value}`), 1)])) : !collection.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_42)) : calendarActive.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_43, [(0, vue.createVNode)(CollectionCalendarView_default, {
 					schema: collection.value.schema,
 					items: filteredItems.value,
 					"anchor-field": calendarAnchorField.value,
@@ -5196,6 +5534,7 @@ var CollectionView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 						"action-error": actionError.value,
 						"action-pending": actionPending.value,
 						"visible-actions": visibleActions.value,
+						"running-action-ids": viewingRunningActionIds.value,
 						"live-record": liveRecord.value,
 						"live-derived": liveDerived.value,
 						"view-title": viewTitle.value,
@@ -5218,6 +5557,7 @@ var CollectionView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 						"action-error",
 						"action-pending",
 						"visible-actions",
+						"running-action-ids",
 						"live-record",
 						"live-derived",
 						"view-title",
@@ -5237,16 +5577,16 @@ var CollectionView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 					"selected",
 					"can-create",
 					"show-detail"
-				])) : (0, vue.createCommentVNode)("", true)])) : kanbanActive.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_43, [inlineError.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_44, [
-					_cache[45] || (_cache[45] = (0, vue.createElementVNode)("span", { class: "material-icons text-red-600" }, "error", -1)),
-					(0, vue.createElementVNode)("span", _hoisted_45, (0, vue.toDisplayString)((0, vue.unref)(t)("collectionsView.inlineSaveFailed", { error: inlineError.value })), 1),
+				])) : (0, vue.createCommentVNode)("", true)])) : kanbanActive.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_44, [inlineError.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_45, [
+					_cache[46] || (_cache[46] = (0, vue.createElementVNode)("span", { class: "material-icons text-red-600" }, "error", -1)),
+					(0, vue.createElementVNode)("span", _hoisted_46, (0, vue.toDisplayString)((0, vue.unref)(t)("collectionsView.inlineSaveFailed", { error: inlineError.value })), 1),
 					(0, vue.createElementVNode)("button", {
 						type: "button",
 						class: "h-8 w-8 flex items-center justify-center rounded text-red-600 hover:bg-red-100",
 						"aria-label": (0, vue.unref)(t)("common.close"),
 						onClick: _cache[12] || (_cache[12] = ($event) => inlineError.value = null)
-					}, [..._cache[44] || (_cache[44] = [(0, vue.createElementVNode)("span", { class: "material-icons text-base" }, "close", -1)])], 8, _hoisted_46)
-				])) : (0, vue.createCommentVNode)("", true), (0, vue.createElementVNode)("div", _hoisted_47, [(0, vue.createVNode)(CollectionKanbanView_default, {
+					}, [..._cache[45] || (_cache[45] = [(0, vue.createElementVNode)("span", { class: "material-icons text-base" }, "close", -1)])], 8, _hoisted_47)
+				])) : (0, vue.createCommentVNode)("", true), (0, vue.createElementVNode)("div", _hoisted_48, [(0, vue.createVNode)(CollectionKanbanView_default, {
 					schema: collection.value.schema,
 					items: filteredItems.value,
 					"group-field": kanbanGroupField.value,
@@ -5260,7 +5600,7 @@ var CollectionView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 					"group-field",
 					"selected",
 					"notified"
-				])])])) : activeCustomView.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_48, [activeCustomView.value.target === "mobile" ? ((0, vue.openBlock)(), (0, vue.createBlock)(CollectionRemoteViewPreview_default, {
+				])])])) : activeCustomView.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_49, [activeCustomView.value.target === "mobile" ? ((0, vue.openBlock)(), (0, vue.createBlock)(CollectionRemoteViewPreview_default, {
 					key: 0,
 					slug: collection.value.slug,
 					view: activeCustomView.value,
@@ -5271,32 +5611,32 @@ var CollectionView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 					view: activeCustomView.value,
 					onOpenItem: onCustomViewOpenItem,
 					onStartChat: onCustomViewStartChat
-				}, null, 8, ["slug", "view"]))])) : items.value.length === 0 && editing.value?.mode !== "create" ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_49, [_cache[46] || (_cache[46] = (0, vue.createElementVNode)("span", { class: "material-icons text-4xl text-slate-300" }, "folder_open", -1)), (0, vue.createElementVNode)("p", _hoisted_50, (0, vue.toDisplayString)((0, vue.unref)(t)("collectionsView.itemsEmpty")), 1)])) : filteredItems.value.length === 0 && editing.value?.mode !== "create" ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_51, [
-					_cache[47] || (_cache[47] = (0, vue.createElementVNode)("span", { class: "material-icons text-4xl text-slate-300" }, "search_off", -1)),
-					(0, vue.createElementVNode)("p", _hoisted_52, (0, vue.toDisplayString)((0, vue.unref)(t)("collectionsView.noMatchingItems")), 1),
+				}, null, 8, ["slug", "view"]))])) : items.value.length === 0 && editing.value?.mode !== "create" ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_50, [_cache[47] || (_cache[47] = (0, vue.createElementVNode)("span", { class: "material-icons text-4xl text-slate-300" }, "folder_open", -1)), (0, vue.createElementVNode)("p", _hoisted_51, (0, vue.toDisplayString)((0, vue.unref)(t)("collectionsView.itemsEmpty")), 1)])) : filteredItems.value.length === 0 && editing.value?.mode !== "create" ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_52, [
+					_cache[48] || (_cache[48] = (0, vue.createElementVNode)("span", { class: "material-icons text-4xl text-slate-300" }, "search_off", -1)),
+					(0, vue.createElementVNode)("p", _hoisted_53, (0, vue.toDisplayString)((0, vue.unref)(t)("collectionsView.noMatchingItems")), 1),
 					(0, vue.createElementVNode)("button", {
 						type: "button",
 						class: "text-xs text-indigo-600 font-semibold hover:underline",
 						onClick: _cache[13] || (_cache[13] = ($event) => searchQuery.value = "")
 					}, (0, vue.toDisplayString)((0, vue.unref)(t)("collectionsView.clearSearch")), 1)
-				])) : ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_53, [inlineError.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_54, [
-					_cache[49] || (_cache[49] = (0, vue.createElementVNode)("span", { class: "material-icons text-red-600" }, "error", -1)),
-					(0, vue.createElementVNode)("span", _hoisted_55, (0, vue.toDisplayString)((0, vue.unref)(t)("collectionsView.inlineSaveFailed", { error: inlineError.value })), 1),
+				])) : ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_54, [inlineError.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_55, [
+					_cache[50] || (_cache[50] = (0, vue.createElementVNode)("span", { class: "material-icons text-red-600" }, "error", -1)),
+					(0, vue.createElementVNode)("span", _hoisted_56, (0, vue.toDisplayString)((0, vue.unref)(t)("collectionsView.inlineSaveFailed", { error: inlineError.value })), 1),
 					(0, vue.createElementVNode)("button", {
 						type: "button",
 						class: "h-8 w-8 flex items-center justify-center rounded text-red-600 hover:bg-red-100",
 						"aria-label": (0, vue.unref)(t)("common.close"),
 						onClick: _cache[14] || (_cache[14] = ($event) => inlineError.value = null)
-					}, [..._cache[48] || (_cache[48] = [(0, vue.createElementVNode)("span", { class: "material-icons text-base" }, "close", -1)])], 8, _hoisted_56)
-				])) : (0, vue.createCommentVNode)("", true), (0, vue.createElementVNode)("table", _hoisted_57, [(0, vue.createElementVNode)("thead", null, [(0, vue.createElementVNode)("tr", _hoisted_58, [((0, vue.openBlock)(true), (0, vue.createElementBlock)(vue.Fragment, null, (0, vue.renderList)(listColumnFields.value, ([key, field]) => {
+					}, [..._cache[49] || (_cache[49] = [(0, vue.createElementVNode)("span", { class: "material-icons text-base" }, "close", -1)])], 8, _hoisted_57)
+				])) : (0, vue.createCommentVNode)("", true), (0, vue.createElementVNode)("table", _hoisted_58, [(0, vue.createElementVNode)("thead", null, [(0, vue.createElementVNode)("tr", _hoisted_59, [((0, vue.openBlock)(true), (0, vue.createElementBlock)(vue.Fragment, null, (0, vue.renderList)(listColumnFields.value, ([key, field]) => {
 					return (0, vue.openBlock)(), (0, vue.createElementBlock)("th", {
 						key,
 						"aria-sort": (0, vue.unref)(_mulmoclaude_core_collection.isSortableField)(field) ? sortAriaValue(key) : void 0,
 						class: "px-5 py-3 font-bold text-slate-500 text-left uppercase tracking-wider whitespace-nowrap"
-					}, [(0, vue.createElementVNode)("div", _hoisted_60, [(0, vue.createElementVNode)("span", {
+					}, [(0, vue.createElementVNode)("div", _hoisted_61, [(0, vue.createElementVNode)("span", {
 						class: "truncate max-w-[14rem]",
 						title: field.label
-					}, (0, vue.toDisplayString)(field.label), 9, _hoisted_61), (0, vue.unref)(_mulmoclaude_core_collection.isSortableField)(field) ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("button", {
+					}, (0, vue.toDisplayString)(field.label), 9, _hoisted_62), (0, vue.unref)(_mulmoclaude_core_collection.isSortableField)(field) ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("button", {
 						key: 0,
 						type: "button",
 						class: (0, vue.normalizeClass)(["inline-flex items-center justify-center rounded p-0.5 -my-1 leading-none transition-colors", sortButtonClass(key)]),
@@ -5305,8 +5645,8 @@ var CollectionView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 						onClick: (0, vue.withModifiers)(($event) => cycleSort(key), ["stop"]),
 						onPointerenter: ($event) => hoveredSortKey.value = key,
 						onPointerleave: _cache[15] || (_cache[15] = ($event) => hoveredSortKey.value = null)
-					}, [(0, vue.createElementVNode)("span", _hoisted_63, (0, vue.toDisplayString)(sortIconName(key)), 1)], 42, _hoisted_62)) : (0, vue.createCommentVNode)("", true)])], 8, _hoisted_59);
-				}), 128))])]), (0, vue.createElementVNode)("tbody", _hoisted_64, [((0, vue.openBlock)(true), (0, vue.createElementBlock)(vue.Fragment, null, (0, vue.renderList)(sortedItems.value, (item) => {
+					}, [(0, vue.createElementVNode)("span", _hoisted_64, (0, vue.toDisplayString)(sortIconName(key)), 1)], 42, _hoisted_63)) : (0, vue.createCommentVNode)("", true)])], 8, _hoisted_60);
+				}), 128))])]), (0, vue.createElementVNode)("tbody", _hoisted_65, [((0, vue.openBlock)(true), (0, vue.createElementBlock)(vue.Fragment, null, (0, vue.renderList)(sortedItems.value, (item) => {
 					return (0, vue.openBlock)(), (0, vue.createElementBlock)("tr", {
 						key: String(item[collection.value.schema.primaryKey] ?? ""),
 						class: (0, vue.normalizeClass)(["hover:bg-slate-50/70 cursor-pointer transition-colors focus:outline-none focus:bg-indigo-50/30", isRowOpen(item) || isEditingRow(item) ? "bg-indigo-50/40" : ""]),
@@ -5330,7 +5670,7 @@ var CollectionView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 							"aria-label": field.label,
 							onClick: _cache[16] || (_cache[16] = (0, vue.withModifiers)(() => {}, ["stop"])),
 							onChange: ($event) => commitToggle(item, field)
-						}, null, 40, _hoisted_66)) : field.type === "boolean" ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("input", {
+						}, null, 40, _hoisted_67)) : field.type === "boolean" ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("input", {
 							key: 1,
 							type: "checkbox",
 							checked: item[key] === true,
@@ -5340,7 +5680,7 @@ var CollectionView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 							"aria-label": field.label,
 							onClick: _cache[17] || (_cache[17] = (0, vue.withModifiers)(() => {}, ["stop"])),
 							onChange: ($event) => commitInlineEdit(item, String(key), field, $event.target.checked)
-						}, null, 40, _hoisted_67)) : field.type === "ref" && field.to && typeof item[key] === "string" && item[key] ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_68, [(0, vue.createElementVNode)("a", {
+						}, null, 40, _hoisted_68)) : field.type === "ref" && field.to && typeof item[key] === "string" && item[key] ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_69, [(0, vue.createElementVNode)("a", {
 							href: (0, vue.unref)(cui).recordHref?.(field.to, String(item[key])),
 							tabindex: (0, vue.unref)(cui).recordHref?.(field.to, String(item[key])) ? void 0 : 0,
 							role: "link",
@@ -5348,7 +5688,7 @@ var CollectionView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 							"data-testid": `collections-ref-link-${key}-${item[key]}`,
 							onClick: ($event) => (0, vue.unref)(activateRefLink)($event, field.to, String(item[key]), true),
 							onKeydown: [(0, vue.withKeys)(($event) => (0, vue.unref)(activateRefLink)($event, field.to, String(item[key]), true), ["enter"]), (0, vue.withKeys)(($event) => (0, vue.unref)(activateRefLink)($event, field.to, String(item[key]), true), ["space"])]
-						}, (0, vue.toDisplayString)((0, vue.unref)(refDisplay)(field.to, String(item[key]))), 41, _hoisted_69)])) : field.type === "enum" && Array.isArray(field.values) && field.values.length > 0 ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("select", {
+						}, (0, vue.toDisplayString)((0, vue.unref)(refDisplay)(field.to, String(item[key]))), 41, _hoisted_70)])) : field.type === "enum" && Array.isArray(field.values) && field.values.length > 0 ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("select", {
 							key: 3,
 							value: item[key] == null ? "" : String(item[key]),
 							disabled: isRowInlineSaving(item),
@@ -5357,35 +5697,39 @@ var CollectionView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 							"aria-label": field.label,
 							onClick: _cache[18] || (_cache[18] = (0, vue.withModifiers)(() => {}, ["stop"])),
 							onChange: ($event) => commitInlineEdit(item, String(key), field, $event.target.value)
-						}, [showEnumPlaceholder(item, String(key)) ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("option", _hoisted_71, (0, vue.toDisplayString)((0, vue.unref)(t)("collectionsView.selectPlaceholder")), 1)) : (0, vue.createCommentVNode)("", true), ((0, vue.openBlock)(true), (0, vue.createElementBlock)(vue.Fragment, null, (0, vue.renderList)(field.values, (value) => {
+						}, [showEnumPlaceholder(item, String(key)) ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("option", _hoisted_72, (0, vue.toDisplayString)((0, vue.unref)(t)("collectionsView.selectPlaceholder")), 1)) : (0, vue.createCommentVNode)("", true), ((0, vue.openBlock)(true), (0, vue.createElementBlock)(vue.Fragment, null, (0, vue.renderList)(field.values, (value) => {
 							return (0, vue.openBlock)(), (0, vue.createElementBlock)("option", {
 								key: value,
 								value
-							}, (0, vue.toDisplayString)(value), 9, _hoisted_72);
-						}), 128))], 42, _hoisted_70)) : field.type === "money" ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_73, (0, vue.toDisplayString)((0, vue.unref)(formatMoney)(item[key], (0, vue.unref)(resolveCurrency)(field, item), (0, vue.unref)(locale))), 1)) : field.type === "table" ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_74, [_cache[50] || (_cache[50] = (0, vue.createElementVNode)("span", { class: "material-icons text-[11px]" }, "list", -1)), (0, vue.createElementVNode)("span", null, (0, vue.toDisplayString)(tableSummary(item[key])), 1)])) : field.type === "derived" ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_75, (0, vue.toDisplayString)((0, vue.unref)(derivedDisplay)(field, (0, vue.unref)(evaluateDerivedAgainstItem)(field, String(key), item), item)), 1)) : field.type !== "file" && (0, vue.unref)(isExternalUrl)(item[key]) ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("a", {
+							}, (0, vue.toDisplayString)(value), 9, _hoisted_73);
+						}), 128))], 42, _hoisted_71)) : field.type === "money" ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_74, (0, vue.toDisplayString)((0, vue.unref)(formatMoney)(item[key], (0, vue.unref)(resolveCurrency)(field, item), (0, vue.unref)(locale))), 1)) : field.type === "table" ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_75, [_cache[51] || (_cache[51] = (0, vue.createElementVNode)("span", { class: "material-icons text-[11px]" }, "list", -1)), (0, vue.createElementVNode)("span", null, (0, vue.toDisplayString)(tableSummary(item[key])), 1)])) : field.type === "derived" ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_76, (0, vue.toDisplayString)((0, vue.unref)(derivedDisplay)(field, (0, vue.unref)(evaluateDerivedAgainstItem)(field, String(key), item), item)), 1)) : field.type === "rollup" ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", {
 							key: 7,
+							class: "inline-block truncate tabular-nums font-bold text-indigo-900 bg-indigo-50/50 px-1.5 py-0.5 rounded border border-indigo-100/50",
+							"data-testid": `collections-rollup-${key}-${item[collection.value.schema.primaryKey]}`
+						}, (0, vue.toDisplayString)((0, vue.unref)(render).rollupDisplay(field, item)), 9, _hoisted_77)) : field.type !== "file" && (0, vue.unref)(isExternalUrl)(item[key]) ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("a", {
+							key: 8,
 							href: String(item[key]),
 							target: "_blank",
 							rel: "noopener noreferrer",
 							class: "block truncate text-blue-600 hover:text-blue-800 hover:underline font-semibold",
 							"data-testid": `collections-url-link-${key}-${item[collection.value.schema.primaryKey]}`,
 							onClick: _cache[19] || (_cache[19] = (0, vue.withModifiers)(() => {}, ["stop"]))
-						}, (0, vue.toDisplayString)(String(item[key])), 9, _hoisted_76)) : field.type === "file" && (0, vue.unref)(artifactUrl)(item[key]) ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("a", {
-							key: 8,
+						}, (0, vue.toDisplayString)(String(item[key])), 9, _hoisted_78)) : field.type === "file" && (0, vue.unref)(artifactUrl)(item[key]) ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("a", {
+							key: 9,
 							href: (0, vue.unref)(artifactUrl)(item[key]) ?? void 0,
 							target: "_blank",
 							rel: "noopener noreferrer",
 							class: "block truncate text-blue-600 hover:text-blue-800 hover:underline font-semibold",
 							"data-testid": `collections-file-link-${key}-${item[collection.value.schema.primaryKey]}`,
 							onClick: _cache[20] || (_cache[20] = (0, vue.withModifiers)(() => {}, ["stop"]))
-						}, (0, vue.toDisplayString)(String(item[key])), 9, _hoisted_77)) : field.type === "file" && (0, vue.unref)(fileRoutePath)(item[key]) ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("a", {
-							key: 9,
+						}, (0, vue.toDisplayString)(String(item[key])), 9, _hoisted_79)) : field.type === "file" && (0, vue.unref)(fileRoutePath)(item[key]) ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("a", {
+							key: 10,
 							href: (0, vue.unref)(fileRoutePath)(item[key]) ?? void 0,
 							class: "block truncate text-blue-600 hover:text-blue-800 hover:underline font-semibold",
 							"data-testid": `collections-file-link-${key}-${item[collection.value.schema.primaryKey]}`,
 							onClick: ($event) => (0, vue.unref)(activatePathLink)($event, (0, vue.unref)(fileRoutePath)(item[key]) ?? "", true)
-						}, (0, vue.toDisplayString)(String(item[key])), 9, _hoisted_78)) : ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_79, (0, vue.toDisplayString)((0, vue.unref)(formatCell)(item[key], field.type)), 1))], 64)) : (0, vue.createCommentVNode)("", true)]);
-					}), 128))], 42, _hoisted_65);
+						}, (0, vue.toDisplayString)(String(item[key])), 9, _hoisted_80)) : ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_81, (0, vue.toDisplayString)((0, vue.unref)(formatCell)(item[key], field.type)), 1))], 64)) : (0, vue.createCommentVNode)("", true)]);
+					}), 128))], 42, _hoisted_66);
 				}), 128))])])]))]),
 				collection.value && (viewing.value || editing.value) && !(calendarActive.value && openDay.value) ? ((0, vue.openBlock)(), (0, vue.createBlock)(CollectionRecordModal_default, {
 					key: 4,
@@ -5401,6 +5745,7 @@ var CollectionView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 						"action-error": actionError.value,
 						"action-pending": actionPending.value,
 						"visible-actions": visibleActions.value,
+						"running-action-ids": viewingRunningActionIds.value,
 						"live-record": liveRecord.value,
 						"live-derived": liveDerived.value,
 						"view-title": viewTitle.value,
@@ -5423,6 +5768,7 @@ var CollectionView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 						"action-error",
 						"action-pending",
 						"visible-actions",
+						"running-action-ids",
 						"live-record",
 						"live-derived",
 						"view-title",
@@ -5432,20 +5778,32 @@ var CollectionView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 					])]),
 					_: 1
 				})) : (0, vue.createCommentVNode)("", true),
+				mutateModal.value ? ((0, vue.openBlock)(), (0, vue.createBlock)(CollectionMutateParamsModal_default, {
+					key: `${mutateModal.value.action.id}-${mutateModal.value.itemId}`,
+					action: mutateModal.value.action,
+					pending: mutatePending.value,
+					error: mutateError.value,
+					onClose: _cache[23] || (_cache[23] = ($event) => mutateModal.value = null),
+					onSubmit: submitMutateParams
+				}, null, 8, [
+					"action",
+					"pending",
+					"error"
+				])) : (0, vue.createCommentVNode)("", true),
 				configOpen.value && collection.value ? ((0, vue.openBlock)(), (0, vue.createBlock)(CollectionViewConfigModal_default, {
-					key: 5,
+					key: 6,
 					slug: collection.value.slug,
 					title: collection.value.title,
 					views: customViews.value,
 					onChanged: onViewsChanged,
-					onClose: _cache[23] || (_cache[23] = ($event) => configOpen.value = false)
+					onClose: _cache[24] || (_cache[24] = ($event) => configOpen.value = false)
 				}, null, 8, [
 					"slug",
 					"title",
 					"views"
 				])) : (0, vue.createCommentVNode)("", true),
 				chatOpen.value && collection.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", {
-					key: 6,
+					key: 7,
 					class: "fixed inset-0 z-30 flex items-center justify-center bg-slate-900/60 backdrop-blur-sm p-4 transition-all duration-300",
 					role: "dialog",
 					"aria-modal": "true",
@@ -5453,29 +5811,29 @@ var CollectionView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 					"data-testid": "collections-chat-modal",
 					onClick: (0, vue.withModifiers)(closeChat, ["self"]),
 					onKeydown: (0, vue.withKeys)(closeChat, ["esc"])
-				}, [(0, vue.createElementVNode)("div", _hoisted_80, [
-					(0, vue.createElementVNode)("header", _hoisted_81, [
-						_cache[52] || (_cache[52] = (0, vue.createElementVNode)("div", { class: "h-9 w-9 flex items-center justify-center rounded-xl bg-indigo-50 text-indigo-600 border border-indigo-100/50" }, [(0, vue.createElementVNode)("span", { class: "material-icons text-lg" }, "forum")], -1)),
-						(0, vue.createElementVNode)("div", _hoisted_82, [(0, vue.createElementVNode)("h2", _hoisted_83, (0, vue.toDisplayString)((0, vue.unref)(t)("collectionsView.chatTitle")), 1), (0, vue.createElementVNode)("span", _hoisted_84, (0, vue.toDisplayString)(collection.value.title), 1)]),
+				}, [(0, vue.createElementVNode)("div", _hoisted_82, [
+					(0, vue.createElementVNode)("header", _hoisted_83, [
+						_cache[53] || (_cache[53] = (0, vue.createElementVNode)("div", { class: "h-9 w-9 flex items-center justify-center rounded-xl bg-indigo-50 text-indigo-600 border border-indigo-100/50" }, [(0, vue.createElementVNode)("span", { class: "material-icons text-lg" }, "forum")], -1)),
+						(0, vue.createElementVNode)("div", _hoisted_84, [(0, vue.createElementVNode)("h2", _hoisted_85, (0, vue.toDisplayString)((0, vue.unref)(t)("collectionsView.chatTitle")), 1), (0, vue.createElementVNode)("span", _hoisted_86, (0, vue.toDisplayString)(collection.value.title), 1)]),
 						(0, vue.createElementVNode)("button", {
 							type: "button",
 							class: "h-8 w-8 flex items-center justify-center rounded text-slate-400 hover:bg-slate-200/50 hover:text-slate-600 transition-colors",
 							"aria-label": (0, vue.unref)(t)("common.close"),
 							"data-testid": "collections-chat-close",
 							onClick: closeChat
-						}, [..._cache[51] || (_cache[51] = [(0, vue.createElementVNode)("span", { class: "material-icons text-lg" }, "close", -1)])], 8, _hoisted_85)
+						}, [..._cache[52] || (_cache[52] = [(0, vue.createElementVNode)("span", { class: "material-icons text-lg" }, "close", -1)])], 8, _hoisted_87)
 					]),
-					(0, vue.createElementVNode)("div", _hoisted_86, [(0, vue.withDirectives)((0, vue.createElementVNode)("textarea", {
+					(0, vue.createElementVNode)("div", _hoisted_88, [(0, vue.withDirectives)((0, vue.createElementVNode)("textarea", {
 						ref_key: "chatInputEl",
 						ref: chatInputEl,
-						"onUpdate:modelValue": _cache[24] || (_cache[24] = ($event) => chatMessage.value = $event),
+						"onUpdate:modelValue": _cache[25] || (_cache[25] = ($event) => chatMessage.value = $event),
 						rows: "4",
 						placeholder: (0, vue.unref)(t)("collectionsView.chatPlaceholder"),
 						class: "w-full bg-slate-50 border border-slate-200/80 rounded-xl px-3 py-2.5 text-sm placeholder-slate-400 focus:outline-none focus:ring-2 focus:ring-indigo-500/20 focus:border-indigo-500 focus:bg-white transition-all resize-none",
 						"data-testid": "collections-chat-input",
 						onKeydown: [(0, vue.withKeys)((0, vue.withModifiers)(submitChat, ["meta"]), ["enter"]), (0, vue.withKeys)((0, vue.withModifiers)(submitChat, ["ctrl"]), ["enter"])]
-					}, null, 40, _hoisted_87), [[vue.vModelText, chatMessage.value]])]),
-					(0, vue.createElementVNode)("footer", _hoisted_88, [(0, vue.createElementVNode)("button", {
+					}, null, 40, _hoisted_89), [[vue.vModelText, chatMessage.value]])]),
+					(0, vue.createElementVNode)("footer", _hoisted_90, [(0, vue.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-chat-cancel",
@@ -5486,7 +5844,7 @@ var CollectionView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 						disabled: !chatMessage.value.trim(),
 						"data-testid": "collections-chat-send",
 						onClick: submitChat
-					}, (0, vue.toDisplayString)((0, vue.unref)(t)("collectionsView.chatStart")), 9, _hoisted_89)])
+					}, (0, vue.toDisplayString)((0, vue.unref)(t)("collectionsView.chatStart")), 9, _hoisted_91)])
 				])], 32)) : (0, vue.createCommentVNode)("", true)
 			]);
 		};