@mulmoclaude/collection-plugin 0.5.17 → 0.5.18

package/dist/vue.cjs

@@ -1904,82 +1904,90 @@ var _hoisted_13$4 = {
 	key: 0,
 	class: "text-rose-500 font-bold"
 };
-var _hoisted_14$4 = {
+var _hoisted_14$4 = [
+	"id",
+	"onUpdate:modelValue",
+	"required",
+	"data-testid"
+];
+var _hoisted_15$4 = { value: "" };
+var _hoisted_16$4 = ["value"];
+var _hoisted_17$4 = {
 	key: 0,
 	class: "inline-flex items-center gap-2.5 text-sm text-slate-700 cursor-pointer select-none"
 };
-var _hoisted_15$4 = [
+var _hoisted_18$4 = [
 	"id",
 	"onUpdate:modelValue",
 	"data-testid",
 	"onChange"
 ];
-var _hoisted_16$4 = [
+var _hoisted_19$3 = [
 	"id",
 	"onUpdate:modelValue",
 	"required",
 	"data-testid"
 ];
-var _hoisted_17$4 = { value: "" };
-var _hoisted_18$4 = ["value"];
-var _hoisted_19$3 = [
+var _hoisted_20$3 = { value: "" };
+var _hoisted_21$3 = ["value"];
+var _hoisted_22$3 = [
 	"id",
 	"onUpdate:modelValue",
 	"required",
 	"data-testid"
 ];
-var _hoisted_20$3 = { value: "" };
-var _hoisted_21$3 = ["value"];
-var _hoisted_22$3 = ["data-testid"];
-var _hoisted_23$3 = {
+var _hoisted_23$3 = { value: "" };
+var _hoisted_24$2 = ["value"];
+var _hoisted_25$2 = ["data-testid"];
+var _hoisted_26$2 = {
 	key: 0,
 	class: "overflow-hidden border border-slate-200 rounded-lg shadow-sm"
 };
-var _hoisted_24$2 = { class: "w-full text-xs text-slate-600 bg-white" };
-var _hoisted_25$2 = { class: "bg-slate-50 border-b border-slate-200 text-slate-500 font-bold uppercase tracking-wider" };
-var _hoisted_26$2 = { class: "divide-y divide-slate-100" };
-var _hoisted_27$2 = ["onUpdate:modelValue", "onChange"];
-var _hoisted_28$1 = ["onUpdate:modelValue", "required"];
-var _hoisted_29$1 = { value: "" };
-var _hoisted_30$1 = ["value"];
+var _hoisted_27$2 = { class: "w-full text-xs text-slate-600 bg-white" };
+var _hoisted_28$1 = { class: "bg-slate-50 border-b border-slate-200 text-slate-500 font-bold uppercase tracking-wider" };
+var _hoisted_29$1 = { class: "divide-y divide-slate-100" };
+var _hoisted_30$1 = ["onUpdate:modelValue", "onChange"];
 var _hoisted_31$1 = ["onUpdate:modelValue", "required"];
 var _hoisted_32$1 = { value: "" };
 var _hoisted_33$1 = ["value"];
-var _hoisted_34$1 = {
+var _hoisted_34$1 = ["onUpdate:modelValue", "required"];
+var _hoisted_35$1 = { value: "" };
+var _hoisted_36$1 = ["value"];
+var _hoisted_37$1 = {
 	key: 3,
 	class: "relative flex items-center"
 };
-var _hoisted_35$1 = { class: "absolute left-1.5 text-[10px] text-slate-400 font-bold pr-1 border-r border-slate-200" };
-var _hoisted_36$1 = ["onUpdate:modelValue", "required"];
-var _hoisted_37$1 = [
+var _hoisted_38$1 = { class: "absolute left-1.5 text-[10px] text-slate-400 font-bold pr-1 border-r border-slate-200" };
+var _hoisted_39$1 = ["onUpdate:modelValue", "required"];
+var _hoisted_40$1 = [
 	"onUpdate:modelValue",
 	"type",
 	"step",
 	"required"
 ];
-var _hoisted_38$1 = { class: "text-center px-1" };
-var _hoisted_39$1 = [
+var _hoisted_41$1 = { class: "text-center px-1" };
+var _hoisted_42$1 = [
 	"aria-label",
 	"data-testid",
 	"onClick"
 ];
-var _hoisted_40$1 = {
+var _hoisted_43$1 = {
 	key: 1,
 	class: "text-xs text-slate-400 italic"
 };
-var _hoisted_41$1 = ["data-testid", "onClick"];
-var _hoisted_42$1 = {
+var _hoisted_44$1 = ["data-testid", "onClick"];
+var _hoisted_45$1 = {
 	key: 4,
 	class: "relative flex items-center"
 };
-var _hoisted_43$1 = { class: "absolute left-3 text-slate-400 font-bold text-xs select-none pr-1.5 border-r border-slate-200" };
-var _hoisted_44$1 = [
+var _hoisted_46$1 = { class: "absolute left-3 text-slate-400 font-bold text-xs select-none pr-1.5 border-r border-slate-200" };
+var _hoisted_47$1 = [
 	"id",
 	"onUpdate:modelValue",
 	"required",
 	"data-testid"
 ];
-var _hoisted_45$1 = [
+var _hoisted_48$1 = [
 	"id",
 	"onUpdate:modelValue",
 	"type",
@@ -1988,104 +1996,104 @@ var _hoisted_45$1 = [
 	"disabled",
 	"data-testid"
 ];
-var _hoisted_46$1 = [
+var _hoisted_49$1 = [
 	"id",
 	"onUpdate:modelValue",
 	"rows",
 	"required",
 	"data-testid"
 ];
-var _hoisted_47$1 = ["data-testid"];
-var _hoisted_48$1 = {
+var _hoisted_50$1 = ["data-testid"];
+var _hoisted_51$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_49$1 = {
+var _hoisted_52$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_50$1 = {
+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_51$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_52$1 = {
+var _hoisted_55$1 = {
 	key: 2,
 	class: "text-slate-300"
 };
-var _hoisted_53$1 = [
+var _hoisted_56$1 = [
 	"href",
 	"tabindex",
 	"data-testid",
 	"onClick",
 	"onKeydown"
 ];
-var _hoisted_54$1 = {
+var _hoisted_57$1 = {
 	key: 3,
 	class: "font-semibold text-slate-900 tabular-nums text-sm"
 };
-var _hoisted_55$1 = {
+var _hoisted_58$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_56$1 = {
+var _hoisted_59$1 = {
 	key: 5,
 	class: "border border-slate-200/80 rounded-xl overflow-hidden shadow-sm mt-1"
 };
-var _hoisted_57$1 = { class: "w-full text-[11px] text-slate-600 bg-white" };
-var _hoisted_58$1 = { class: "bg-slate-50 border-b border-slate-200 text-slate-500 font-bold uppercase tracking-wider" };
-var _hoisted_59$1 = { class: "divide-y divide-slate-100" };
-var _hoisted_60$1 = {
+var _hoisted_60$1 = { class: "w-full text-[11px] text-slate-600 bg-white" };
+var _hoisted_61$1 = { class: "bg-slate-50 border-b border-slate-200 text-slate-500 font-bold uppercase tracking-wider" };
+var _hoisted_62$1 = { class: "divide-y divide-slate-100" };
+var _hoisted_63$1 = {
 	key: 0,
 	class: "material-icons text-emerald-600 text-base"
 };
-var _hoisted_61$1 = {
+var _hoisted_64$1 = {
 	key: 1,
 	class: "text-slate-300"
 };
-var _hoisted_62$1 = {
+var _hoisted_65$1 = {
 	key: 6,
 	class: "text-slate-400 italic"
 };
-var _hoisted_63$1 = {
+var _hoisted_66$1 = {
 	key: 7,
 	class: "bg-slate-50 rounded-xl p-4 border border-slate-200/60 text-slate-600 text-xs whitespace-pre-wrap leading-relaxed max-h-[30vh] overflow-y-auto"
 };
-var _hoisted_64$1 = [
+var _hoisted_67$1 = [
 	"src",
 	"alt",
 	"data-testid"
 ];
-var _hoisted_65$1 = ["href", "data-testid"];
-var _hoisted_66$1 = ["href", "data-testid"];
-var _hoisted_67$1 = [
+var _hoisted_68$1 = ["href", "data-testid"];
+var _hoisted_69$1 = ["href", "data-testid"];
+var _hoisted_70$1 = [
 	"href",
 	"data-testid",
 	"onClick"
 ];
-var _hoisted_68$1 = {
+var _hoisted_71$1 = {
 	key: 13,
 	class: "text-slate-800 font-semibold"
 };
-var _hoisted_69$1 = {
+var _hoisted_72$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_70$1 = {
+var _hoisted_73$1 = {
 	key: 1,
 	class: "mt-5 pt-4 border-t border-slate-200/60",
 	"data-testid": "collections-detail-chat"
 };
-var _hoisted_71$1 = {
+var _hoisted_74$1 = {
 	class: "block text-[10px] font-bold text-slate-400 uppercase tracking-wider mb-1.5",
 	for: "collections-detail-chat-input"
 };
-var _hoisted_72$1 = { class: "flex items-end gap-2" };
-var _hoisted_73$1 = ["placeholder", "onKeydown"];
-var _hoisted_74$1 = ["disabled"];
+var _hoisted_75$1 = { class: "flex items-end gap-2" };
+var _hoisted_76$1 = ["placeholder", "onKeydown"];
+var _hoisted_77$1 = ["disabled"];
 //#endregion
 //#region src/vue/components/CollectionRecordPanel.vue
 var CollectionRecordPanel_default = /* @__PURE__ */ (0, vue.defineComponent)({
@@ -2134,12 +2142,17 @@ var CollectionRecordPanel_default = /* @__PURE__ */ (0, vue.defineComponent)({
 			emit("itemChat", message);
 			chatMessage.value = "";
 		}
-		const embedViews = (0, vue.computed)(() => props.render.embedViews.value);
 		/** The record the read-only displays render from: the live draft while
 		*  editing (so non-editable cells like derived/embed preview the in-flight
 		*  values), else the open record. Always an object so `[key]` lookups are
 		*  safe in the template. */
 		const detailRecord = (0, vue.computed)(() => editing.value ? props.liveDerived ?? props.liveRecord ?? {} : props.viewing ?? {});
+		const embedViews = (0, vue.computed)(() => props.render.embedViewsFor(detailRecord.value));
+		const embedOwnedKeys = (0, vue.computed)(() => {
+			const keys = /* @__PURE__ */ new Set();
+			for (const field of Object.values(props.collection.schema.fields)) if (field.type === "embed" && field.idField) keys.add(field.idField);
+			return keys;
+		});
 		/** Title for the header: the create label, the edited record's id, or the
 		*  open record's title — same h2 slot in every mode. */
 		const headerTitle = (0, vue.computed)(() => {
@@ -2172,8 +2185,9 @@ var CollectionRecordPanel_default = /* @__PURE__ */ (0, vue.defineComponent)({
 		*  cell appears or disappears on toggle: respect the `when` predicate
 		*  (against the active record) and hide the primary key except while
 		*  creating. */
-		function cellVisible(field) {
+		function cellVisible(field, key) {
 			if (field.primary && editing.value?.mode !== "create") return false;
+			if (embedOwnedKeys.value.has(key)) return false;
 			return (0, _mulmoclaude_core_collection.fieldVisible)(field, detailRecord.value);
 		}
 		/** Mirror of the create-mode primary-key carve-out: drop the HTML5
@@ -2184,6 +2198,12 @@ var CollectionRecordPanel_default = /* @__PURE__ */ (0, vue.defineComponent)({
 			if (editing.value?.mode === "create" && field.primary === true) return false;
 			return true;
 		}
+		/** Required flag for an embed's per-record picker — read off the storage
+		*  field it writes (`idField`), since the embed itself stores nothing. */
+		function embedPickerRequired(field) {
+			const target = field.idField ? props.collection.schema.fields[field.idField] : void 0;
+			return target ? isFieldRequiredInUi(target) : false;
+		}
 		/** Tailwind fill/text/border classes tinting an enum `<select>` by its current
 		*  value's colour (palette, or notification red/amber/grey when the field is
 		*  the schema's notifyWhen target). */
@@ -2261,53 +2281,65 @@ var CollectionRecordPanel_default = /* @__PURE__ */ (0, vue.defineComponent)({
 					]))]),
 					!editing.value && __props.actionError ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("p", _hoisted_10$5, (0, vue.toDisplayString)(__props.actionError), 1)) : (0, vue.createCommentVNode)("", true),
 					(0, vue.createElementVNode)("div", _hoisted_11$5, [((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) ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", {
+						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$4, "*")) : (0, vue.createCommentVNode)("", true)], 8, _hoisted_12$5), editing.value && isEditableType(field.type) ? ((0, vue.openBlock)(), (0, vue.createElementBlock)(vue.Fragment, { key: 0 }, [field.type === "boolean" ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("label", _hoisted_14$4, [(0, vue.withDirectives)((0, vue.createElementVNode)("input", {
+						}, [(0, vue.createTextVNode)((0, vue.toDisplayString)(field.label) + " ", 1), editing.value && field.required ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_13$4, "*")) : (0, vue.createCommentVNode)("", true)], 8, _hoisted_12$5), editing.value && field.type === "embed" && field.idField ? (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$4, (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$4);
+						}), 128))], 8, _hoisted_14$4)), [[vue.vModelSelect, editing.value.text[field.idField]]]) : editing.value && isEditableType(field.type) ? ((0, vue.openBlock)(), (0, vue.createElementBlock)(vue.Fragment, { key: 1 }, [field.type === "boolean" ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("label", _hoisted_17$4, [(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_15$4), [[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_18$4), [[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_17$4, (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_20$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_18$4);
-						}), 128))], 8, _hoisted_16$4)), [[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_21$3);
+						}), 128))], 8, _hoisted_19$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_20$3, (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_23$3, (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_21$3);
-						}), 128))], 10, _hoisted_19$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_24$2);
+						}), 128))], 10, _hoisted_22$3)), [[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_23$3, [(0, vue.createElementVNode)("table", _hoisted_24$2, [(0, vue.createElementVNode)("thead", _hoisted_25$2, [(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_26$2, [(0, vue.createElementVNode)("table", _hoisted_27$2, [(0, vue.createElementVNode)("thead", _hoisted_28$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_26$2, [((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_29$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"
@@ -2321,53 +2353,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_27$2)), [[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_30$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_29$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_32$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_30$1);
-								}), 128))], 8, _hoisted_28$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_33$1);
+								}), 128))], 8, _hoisted_31$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_32$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_35$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_33$1);
-								}), 128))], 8, _hoisted_31$1)), [[vue.vModelSelect, row.text[subKey]]]) : subField.type === "money" ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_34$1, [(0, vue.createElementVNode)("span", _hoisted_35$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_36$1);
+								}), 128))], 8, _hoisted_34$1)), [[vue.vModelSelect, row.text[subKey]]]) : subField.type === "money" ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_37$1, [(0, vue.createElementVNode)("span", _hoisted_38$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_36$1), [[vue.vModelText, row.text[subKey]]])])) : (0, vue.withDirectives)(((0, vue.openBlock)(), (0, vue.createElementBlock)("input", {
+								}, null, 8, _hoisted_39$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_37$1)), [[vue.vModelDynamic, row.text[subKey]]])]);
-							}), 128)), (0, vue.createElementVNode)("td", _hoisted_38$1, [(0, vue.createElementVNode)("button", {
+								}, null, 8, _hoisted_40$1)), [[vue.vModelDynamic, row.text[subKey]]])]);
+							}), 128)), (0, vue.createElementVNode)("td", _hoisted_41$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_39$1)])]);
-						}), 128))])])])) : ((0, vue.openBlock)(), (0, vue.createElementBlock)("p", _hoisted_40$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_42$1)])]);
+						}), 128))])])])) : ((0, vue.openBlock)(), (0, vue.createElementBlock)("p", _hoisted_43$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_41$1)], 8, _hoisted_22$3)) : field.type === "money" ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_42$1, [(0, vue.createElementVNode)("div", _hoisted_43$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_44$1)], 8, _hoisted_25$2)) : field.type === "money" ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_45$1, [(0, vue.createElementVNode)("div", _hoisted_46$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",
@@ -2375,7 +2407,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_44$1), [[vue.vModelText, editing.value.text[key]]])])) : [
+						}, null, 8, _hoisted_47$1), [[vue.vModelText, editing.value.text[key]]])])) : [
 							"string",
 							"email",
 							"number",
@@ -2394,7 +2426,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_45$1)), [[vue.vModelDynamic, editing.value.text[key]]]) : (0, vue.withDirectives)(((0, vue.openBlock)(), (0, vue.createElementBlock)("textarea", {
+						}, null, 8, _hoisted_48$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,
@@ -2402,11 +2434,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_46$1)), [[vue.vModelText, editing.value.text[key]]])], 64)) : ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", {
-							key: 1,
+						}, null, 8, _hoisted_49$1)), [[vue.vModelText, editing.value.text[key]]])], 64)) : ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", {
+							key: 2,
 							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_48$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_49$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_50$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_51$1, (0, vue.toDisplayString)((0, vue.unref)(t)("common.no")), 1)) : ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_52$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_51$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_52$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_53$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_54$1, (0, vue.toDisplayString)((0, vue.unref)(t)("common.no")), 1)) : ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_55$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,
@@ -2415,12 +2447,12 @@ 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_53$1)) : field.type === "money" ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_54$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_55$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_56$1, [(0, vue.createElementVNode)("table", _hoisted_57$1, [(0, vue.createElementVNode)("thead", _hoisted_58$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_56$1)) : field.type === "money" ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_57$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_58$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_59$1, [(0, vue.createElementVNode)("table", _hoisted_60$1, [(0, vue.createElementVNode)("thead", _hoisted_61$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_59$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_62$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"
@@ -2428,12 +2460,12 @@ 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_60$1, "check_circle")) : ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_61$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_63$1, "check_circle")) : ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_64$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_62$1, (0, vue.toDisplayString)((0, vue.unref)(t)("collectionsView.noRows")), 1)) : field.type === "markdown" ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_63$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, {
+						}), 128))])])])) : field.type === "table" ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_65$1, (0, vue.toDisplayString)((0, vue.unref)(t)("collectionsView.noRows")), 1)) : field.type === "markdown" ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_66$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,
 							view: embedViews.value[key],
 							"field-key": String(key)
@@ -2443,29 +2475,29 @@ var CollectionRecordPanel_default = /* @__PURE__ */ (0, vue.defineComponent)({
 							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_64$1)) : field.type !== "file" && __props.render.isExternalUrl(detailRecord.value[key]) ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("a", {
+						}, null, 8, _hoisted_67$1)) : field.type !== "file" && __props.render.isExternalUrl(detailRecord.value[key]) ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("a", {
 							key: 10,
 							href: String(detailRecord.value[key]),
 							target: "_blank",
 							rel: "noopener noreferrer",
 							class: "text-blue-600 hover:text-blue-800 font-semibold hover:underline break-all",
 							"data-testid": `collections-detail-url-${key}`
-						}, (0, vue.toDisplayString)(String(detailRecord.value[key])), 9, _hoisted_65$1)) : field.type === "file" && __props.render.artifactUrl(detailRecord.value[key]) ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("a", {
+						}, (0, vue.toDisplayString)(String(detailRecord.value[key])), 9, _hoisted_68$1)) : field.type === "file" && __props.render.artifactUrl(detailRecord.value[key]) ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("a", {
 							key: 11,
 							href: __props.render.artifactUrl(detailRecord.value[key]) ?? void 0,
 							target: "_blank",
 							rel: "noopener noreferrer",
 							class: "text-blue-600 hover:text-blue-800 font-semibold hover:underline break-all",
 							"data-testid": `collections-detail-file-${key}`
-						}, (0, vue.toDisplayString)(String(detailRecord.value[key])), 9, _hoisted_66$1)) : field.type === "file" && __props.render.fileRoutePath(detailRecord.value[key]) ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("a", {
+						}, (0, vue.toDisplayString)(String(detailRecord.value[key])), 9, _hoisted_69$1)) : field.type === "file" && __props.render.fileRoutePath(detailRecord.value[key]) ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("a", {
 							key: 12,
 							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_67$1)) : ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_68$1, (0, vue.toDisplayString)(__props.render.formatCell(detailRecord.value[key], field.type)), 1))], 8, _hoisted_47$1))], 2)) : (0, vue.createCommentVNode)("", true)], 64);
-					}), 128)), editing.value && __props.saveError ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("p", _hoisted_69$1, (0, vue.toDisplayString)(__props.saveError), 1)) : (0, vue.createCommentVNode)("", true)]),
-					!editing.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_70$1, [(0, vue.createElementVNode)("label", _hoisted_71$1, (0, vue.toDisplayString)((0, vue.unref)(t)("collectionsView.itemChatLabel")), 1), (0, vue.createElementVNode)("div", _hoisted_72$1, [(0, vue.withDirectives)((0, vue.createElementVNode)("textarea", {
+						}, (0, vue.toDisplayString)(String(detailRecord.value[key])), 9, _hoisted_70$1)) : ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_71$1, (0, vue.toDisplayString)(__props.render.formatCell(detailRecord.value[key], field.type)), 1))], 8, _hoisted_50$1))], 2)) : (0, vue.createCommentVNode)("", true)], 64);
+					}), 128)), editing.value && __props.saveError ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("p", _hoisted_72$1, (0, vue.toDisplayString)(__props.saveError), 1)) : (0, vue.createCommentVNode)("", true)]),
+					!editing.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_73$1, [(0, vue.createElementVNode)("label", _hoisted_74$1, (0, vue.toDisplayString)((0, vue.unref)(t)("collectionsView.itemChatLabel")), 1), (0, vue.createElementVNode)("div", _hoisted_75$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",
@@ -2473,13 +2505,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_73$1), [[vue.vModelText, chatMessage.value]]), (0, vue.createElementVNode)("button", {
+					}, null, 40, _hoisted_76$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_74$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_77$1)])])) : (0, vue.createCommentVNode)("", true)
 				]),
 				_: 1
 			}, 40, ["data-testid"]);
@@ -2855,17 +2887,43 @@ function useCollectionRendering(collection, locale) {
 			display
 		})).sort((left, right) => left.display.localeCompare(right.display));
 	}
-	function resolveEmbed(field) {
-		if (field.type !== "embed" || !field.to || !field.id) return {
+	/** Dropdown options for an `embed` field's per-record picker (`idField`):
+	*  every record in the target collection, labelled by its name/title (or
+	*  primary key). Built from `embedCache` so it works for embed targets
+	*  that aren't also `ref` targets (the profile collection, say). */
+	function embedOptions(targetSlug) {
+		const data = embedCache.value[targetSlug];
+		if (!data) return [];
+		const { fields, primaryKey } = data.schema;
+		const displayField = "name" in fields ? "name" : "title" in fields ? "title" : primaryKey;
+		return data.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));
+	}
+	/** The target record id an embed points at: its fixed `id`, or the
+	*  value of the sibling `idField` on the open record (per-record). */
+	function embedTargetId(field, record) {
+		if (field.id) return field.id;
+		if (field.idField && record) return String(record[field.idField] ?? "");
+		return "";
+	}
+	function resolveEmbed(field, record) {
+		if (field.type !== "embed" || !field.to) return {
 			schema: null,
 			item: null
 		};
-		const data = embedCache.value[field.to];
+		const targetId = embedTargetId(field, record);
+		const data = targetId ? embedCache.value[field.to] : void 0;
 		if (!data) return {
 			schema: null,
 			item: null
 		};
-		const item = data.items.find((entry) => String(entry[data.schema.primaryKey] ?? "") === field.id) ?? null;
+		const item = data.items.find((entry) => String(entry[data.schema.primaryKey] ?? "") === targetId) ?? null;
 		return {
 			schema: data.schema,
 			item
@@ -2875,12 +2933,15 @@ function useCollectionRendering(collection, locale) {
 		if (field.type === "money") return formatMoney(value, resolveCurrency(field, record), locale.value);
 		return detailText(value);
 	}
-	const embedViews = (0, vue.computed)(() => {
+	/** Build the read-only embed view-models for one record. A function of
+	*  the open record (not a bare computed) because a per-record `idField`
+	*  embed resolves a different target per row. */
+	function embedViewsFor(record) {
 		const out = {};
 		if (!collection.value) return out;
 		for (const [key, field] of Object.entries(collection.value.schema.fields)) {
 			if (field.type !== "embed") continue;
-			const { schema, item } = resolveEmbed(field);
+			const { schema, item } = resolveEmbed(field, record);
 			const rows = [];
 			if (schema && item) for (const [subKey, subField] of Object.entries(schema.fields)) {
 				const value = item[subKey];
@@ -2897,11 +2958,11 @@ function useCollectionRendering(collection, locale) {
 				found: Boolean(item),
 				rows,
 				targetSlug: field.to ?? "",
-				recordId: field.id ?? ""
+				recordId: embedTargetId(field, record)
 			};
 		}
 		return out;
-	});
+	}
 	function resolveCurrency(field, record) {
 		if (field.currencyField && record) {
 			const code = record[field.currencyField];
@@ -2992,7 +3053,8 @@ function useCollectionRendering(collection, locale) {
 		loadLinkedCollections,
 		refDisplay,
 		refOptions,
-		embedViews,
+		embedOptions,
+		embedViewsFor,
 		resolveCurrency,
 		currencySymbol,
 		formatMoney,