@mulmoclaude/collection-plugin 0.5.16 → 0.5.18

package/dist/vue.js

@@ -1880,82 +1880,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",
@@ -1964,104 +1972,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__ */ defineComponent({
@@ -2110,12 +2118,17 @@ var CollectionRecordPanel_default = /* @__PURE__ */ defineComponent({
 			emit("itemChat", message);
 			chatMessage.value = "";
 		}
-		const embedViews = computed(() => props.render.embedViews.value);
 		/** The record the read-only displays render from: the live draft while
 		*  editing (so non-editable cells like derived/embed preview the in-flight
 		*  values), else the open record. Always an object so `[key]` lookups are
 		*  safe in the template. */
 		const detailRecord = computed(() => editing.value ? props.liveDerived ?? props.liveRecord ?? {} : props.viewing ?? {});
+		const embedViews = computed(() => props.render.embedViewsFor(detailRecord.value));
+		const embedOwnedKeys = 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 = computed(() => {
@@ -2148,8 +2161,9 @@ var CollectionRecordPanel_default = /* @__PURE__ */ 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 fieldVisible(field, detailRecord.value);
 		}
 		/** Mirror of the create-mode primary-key carve-out: drop the HTML5
@@ -2160,6 +2174,12 @@ var CollectionRecordPanel_default = /* @__PURE__ */ 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). */
@@ -2237,53 +2257,65 @@ var CollectionRecordPanel_default = /* @__PURE__ */ defineComponent({
 					]))]),
 					!editing.value && __props.actionError ? (openBlock(), createElementBlock("p", _hoisted_10$5, toDisplayString(__props.actionError), 1)) : createCommentVNode("", true),
 					createElementVNode("div", _hoisted_11$5, [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.collection.schema.fields, (field, key) => {
-						return openBlock(), createElementBlock(Fragment, { key }, [cellVisible(field) ? (openBlock(), createElementBlock("div", {
+						return openBlock(), createElementBlock(Fragment, { key }, [cellVisible(field, String(key)) ? (openBlock(), createElementBlock("div", {
 							key: 0,
 							class: normalizeClass(["flex flex-col gap-1.5", colSpanClass(field)])
 						}, [createElementVNode("label", {
 							class: "text-[10px] font-bold text-slate-400 uppercase tracking-wider flex items-center gap-1",
 							for: `collections-field-${key}`
-						}, [createTextVNode(toDisplayString(field.label) + " ", 1), editing.value && field.required ? (openBlock(), createElementBlock("span", _hoisted_13$4, "*")) : createCommentVNode("", true)], 8, _hoisted_12$5), editing.value && isEditableType(field.type) ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [field.type === "boolean" ? (openBlock(), createElementBlock("label", _hoisted_14$4, [withDirectives(createElementVNode("input", {
+						}, [createTextVNode(toDisplayString(field.label) + " ", 1), editing.value && field.required ? (openBlock(), createElementBlock("span", _hoisted_13$4, "*")) : createCommentVNode("", true)], 8, _hoisted_12$5), editing.value && field.type === "embed" && field.idField ? withDirectives((openBlock(), 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}`
+						}, [createElementVNode("option", _hoisted_15$4, toDisplayString(unref(t)("collectionsView.selectPlaceholder")), 1), (openBlock(true), createElementBlock(Fragment, null, renderList(__props.render.embedOptions(field.to ?? ""), (opt) => {
+							return openBlock(), createElementBlock("option", {
+								key: opt.slug,
+								value: opt.slug
+							}, toDisplayString(opt.display), 9, _hoisted_16$4);
+						}), 128))], 8, _hoisted_14$4)), [[vModelSelect, editing.value.text[field.idField]]]) : editing.value && isEditableType(field.type) ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [field.type === "boolean" ? (openBlock(), createElementBlock("label", _hoisted_17$4, [withDirectives(createElementVNode("input", {
 							id: `collections-field-${key}`,
 							"onUpdate:modelValue": ($event) => editing.value.bool[key] = $event,
 							type: "checkbox",
 							class: "h-5 w-5 rounded border-slate-300 text-indigo-600 focus:ring-indigo-500/20 cursor-pointer",
 							"data-testid": `collections-input-${key}`,
 							onChange: ($event) => markBoolTouched(String(key))
-						}, null, 40, _hoisted_15$4), [[vModelCheckbox, editing.value.bool[key]]]), createElementVNode("span", { class: normalizeClass(["text-xs font-semibold", editing.value.bool[key] ? "text-indigo-600" : "text-slate-500"]) }, toDisplayString(editing.value.bool[key] ? unref(t)("common.yes") : unref(t)("common.no")), 3)])) : field.type === "ref" && field.to && __props.render.refOptions(field.to).length > 0 ? withDirectives((openBlock(), createElementBlock("select", {
+						}, null, 40, _hoisted_18$4), [[vModelCheckbox, editing.value.bool[key]]]), createElementVNode("span", { class: normalizeClass(["text-xs font-semibold", editing.value.bool[key] ? "text-indigo-600" : "text-slate-500"]) }, toDisplayString(editing.value.bool[key] ? unref(t)("common.yes") : unref(t)("common.no")), 3)])) : field.type === "ref" && field.to && __props.render.refOptions(field.to).length > 0 ? withDirectives((openBlock(), createElementBlock("select", {
 							key: 1,
 							id: `collections-field-${key}`,
 							"onUpdate:modelValue": ($event) => editing.value.text[key] = $event,
 							required: isFieldRequiredInUi(field),
 							class: "w-full rounded-xl border border-slate-200 px-3 py-2 text-xs bg-slate-50 hover:bg-slate-50/50 focus:bg-white focus:border-indigo-500 focus:ring-2 focus:ring-indigo-500/20 focus:outline-none transition-all cursor-pointer font-medium text-slate-700",
 							"data-testid": `collections-input-${key}`
-						}, [createElementVNode("option", _hoisted_17$4, toDisplayString(unref(t)("collectionsView.selectPlaceholder")), 1), (openBlock(true), createElementBlock(Fragment, null, renderList(__props.render.refOptions(field.to), (opt) => {
+						}, [createElementVNode("option", _hoisted_20$3, toDisplayString(unref(t)("collectionsView.selectPlaceholder")), 1), (openBlock(true), createElementBlock(Fragment, null, renderList(__props.render.refOptions(field.to), (opt) => {
 							return openBlock(), createElementBlock("option", {
 								key: opt.slug,
 								value: opt.slug
-							}, toDisplayString(opt.display), 9, _hoisted_18$4);
-						}), 128))], 8, _hoisted_16$4)), [[vModelSelect, editing.value.text[key]]]) : field.type === "enum" && Array.isArray(field.values) && field.values.length > 0 ? withDirectives((openBlock(), createElementBlock("select", {
+							}, toDisplayString(opt.display), 9, _hoisted_21$3);
+						}), 128))], 8, _hoisted_19$3)), [[vModelSelect, editing.value.text[key]]]) : field.type === "enum" && Array.isArray(field.values) && field.values.length > 0 ? withDirectives((openBlock(), createElementBlock("select", {
 							key: 2,
 							id: `collections-field-${key}`,
 							"onUpdate:modelValue": ($event) => editing.value.text[key] = $event,
 							required: isFieldRequiredInUi(field),
 							class: normalizeClass(["w-full rounded-xl border px-3 py-2 text-xs focus:bg-white focus:border-indigo-500 focus:ring-2 focus:ring-indigo-500/20 focus:outline-none transition-all cursor-pointer font-medium", enumControlClass(String(key), editing.value.text[key])]),
 							"data-testid": `collections-input-${key}`
-						}, [createElementVNode("option", _hoisted_20$3, toDisplayString(unref(t)("collectionsView.selectPlaceholder")), 1), (openBlock(true), createElementBlock(Fragment, null, renderList(field.values, (value) => {
+						}, [createElementVNode("option", _hoisted_23$3, toDisplayString(unref(t)("collectionsView.selectPlaceholder")), 1), (openBlock(true), createElementBlock(Fragment, null, renderList(field.values, (value) => {
 							return openBlock(), createElementBlock("option", {
 								key: value,
 								value
-							}, toDisplayString(value), 9, _hoisted_21$3);
-						}), 128))], 10, _hoisted_19$3)), [[vModelSelect, editing.value.text[key]]]) : field.type === "table" && field.of ? (openBlock(), createElementBlock("div", {
+							}, toDisplayString(value), 9, _hoisted_24$2);
+						}), 128))], 10, _hoisted_22$3)), [[vModelSelect, editing.value.text[key]]]) : field.type === "table" && field.of ? (openBlock(), createElementBlock("div", {
 							key: 3,
 							class: "border border-slate-200 bg-slate-50/30 rounded-xl p-4 space-y-3",
 							"data-testid": `collections-table-${key}`
-						}, [editing.value.table[key] && editing.value.table[key].length > 0 ? (openBlock(), createElementBlock("div", _hoisted_23$3, [createElementVNode("table", _hoisted_24$2, [createElementVNode("thead", _hoisted_25$2, [createElementVNode("tr", null, [(openBlock(true), createElementBlock(Fragment, null, renderList(field.of, (subField, subKey) => {
+						}, [editing.value.table[key] && editing.value.table[key].length > 0 ? (openBlock(), createElementBlock("div", _hoisted_26$2, [createElementVNode("table", _hoisted_27$2, [createElementVNode("thead", _hoisted_28$1, [createElementVNode("tr", null, [(openBlock(true), createElementBlock(Fragment, null, renderList(field.of, (subField, subKey) => {
 							return openBlock(), createElementBlock("th", {
 								key: subKey,
 								class: "text-left px-3 py-2 font-bold"
 							}, toDisplayString(subField.label), 1);
-						}), 128)), _cache[9] || (_cache[9] = createElementVNode("th", { class: "w-9" }, null, -1))])]), createElementVNode("tbody", _hoisted_26$2, [(openBlock(true), createElementBlock(Fragment, null, renderList(editing.value.table[key], (row, rowIdx) => {
+						}), 128)), _cache[9] || (_cache[9] = createElementVNode("th", { class: "w-9" }, null, -1))])]), createElementVNode("tbody", _hoisted_29$1, [(openBlock(true), createElementBlock(Fragment, null, renderList(editing.value.table[key], (row, rowIdx) => {
 							return openBlock(), createElementBlock("tr", {
 								key: rowIdx,
 								class: "hover:bg-slate-50/50"
@@ -2297,53 +2329,53 @@ var CollectionRecordPanel_default = /* @__PURE__ */ 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)), [[vModelCheckbox, row.bool[subKey]]]) : subField.type === "enum" && Array.isArray(subField.values) && subField.values.length > 0 ? withDirectives((openBlock(), createElementBlock("select", {
+								}, null, 40, _hoisted_30$1)), [[vModelCheckbox, row.bool[subKey]]]) : subField.type === "enum" && Array.isArray(subField.values) && subField.values.length > 0 ? withDirectives((openBlock(), createElementBlock("select", {
 									key: 1,
 									"onUpdate:modelValue": ($event) => row.text[subKey] = $event,
 									required: subField.required,
 									class: "w-full rounded-lg border border-slate-200 px-2 py-1 text-xs focus:border-indigo-500 focus:outline-none cursor-pointer bg-slate-50 font-medium"
-								}, [createElementVNode("option", _hoisted_29$1, toDisplayString(unref(t)("collectionsView.selectPlaceholder")), 1), (openBlock(true), createElementBlock(Fragment, null, renderList(subField.values, (value) => {
+								}, [createElementVNode("option", _hoisted_32$1, toDisplayString(unref(t)("collectionsView.selectPlaceholder")), 1), (openBlock(true), createElementBlock(Fragment, null, renderList(subField.values, (value) => {
 									return openBlock(), createElementBlock("option", {
 										key: value,
 										value
-									}, toDisplayString(value), 9, _hoisted_30$1);
-								}), 128))], 8, _hoisted_28$1)), [[vModelSelect, row.text[subKey]]]) : subField.type === "ref" && subField.to && __props.render.refOptions(subField.to).length > 0 ? withDirectives((openBlock(), createElementBlock("select", {
+									}, toDisplayString(value), 9, _hoisted_33$1);
+								}), 128))], 8, _hoisted_31$1)), [[vModelSelect, row.text[subKey]]]) : subField.type === "ref" && subField.to && __props.render.refOptions(subField.to).length > 0 ? withDirectives((openBlock(), createElementBlock("select", {
 									key: 2,
 									"onUpdate:modelValue": ($event) => row.text[subKey] = $event,
 									required: subField.required,
 									class: "w-full rounded-lg border border-slate-200 px-2 py-1 text-xs focus:border-indigo-500 focus:outline-none cursor-pointer bg-slate-50 font-medium"
-								}, [createElementVNode("option", _hoisted_32$1, toDisplayString(unref(t)("collectionsView.selectPlaceholder")), 1), (openBlock(true), createElementBlock(Fragment, null, renderList(__props.render.refOptions(subField.to), (opt) => {
+								}, [createElementVNode("option", _hoisted_35$1, toDisplayString(unref(t)("collectionsView.selectPlaceholder")), 1), (openBlock(true), createElementBlock(Fragment, null, renderList(__props.render.refOptions(subField.to), (opt) => {
 									return openBlock(), createElementBlock("option", {
 										key: opt.slug,
 										value: opt.slug
-									}, toDisplayString(opt.display), 9, _hoisted_33$1);
-								}), 128))], 8, _hoisted_31$1)), [[vModelSelect, row.text[subKey]]]) : subField.type === "money" ? (openBlock(), createElementBlock("div", _hoisted_34$1, [createElementVNode("span", _hoisted_35$1, toDisplayString(__props.render.currencySymbol(__props.render.resolveCurrency(subField, __props.liveRecord))), 1), withDirectives(createElementVNode("input", {
+									}, toDisplayString(opt.display), 9, _hoisted_36$1);
+								}), 128))], 8, _hoisted_34$1)), [[vModelSelect, row.text[subKey]]]) : subField.type === "money" ? (openBlock(), createElementBlock("div", _hoisted_37$1, [createElementVNode("span", _hoisted_38$1, toDisplayString(__props.render.currencySymbol(__props.render.resolveCurrency(subField, __props.liveRecord))), 1), withDirectives(createElementVNode("input", {
 									"onUpdate:modelValue": ($event) => row.text[subKey] = $event,
 									type: "number",
 									step: "0.01",
 									required: subField.required,
 									class: "w-full rounded-lg border border-slate-200 pl-6 pr-1.5 py-1 text-xs focus:border-indigo-500 focus:outline-none font-semibold text-slate-800"
-								}, null, 8, _hoisted_36$1), [[vModelText, row.text[subKey]]])])) : withDirectives((openBlock(), createElementBlock("input", {
+								}, null, 8, _hoisted_39$1), [[vModelText, row.text[subKey]]])])) : withDirectives((openBlock(), 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)), [[vModelDynamic, row.text[subKey]]])]);
-							}), 128)), createElementVNode("td", _hoisted_38$1, [createElementVNode("button", {
+								}, null, 8, _hoisted_40$1)), [[vModelDynamic, row.text[subKey]]])]);
+							}), 128)), createElementVNode("td", _hoisted_41$1, [createElementVNode("button", {
 								type: "button",
 								class: "h-7 w-7 flex items-center justify-center rounded-lg text-slate-400 hover:text-rose-600 hover:bg-rose-50 transition-colors",
 								"aria-label": unref(t)("collectionsView.removeRow"),
 								"data-testid": `collections-table-${key}-remove-${rowIdx}`,
 								onClick: ($event) => removeTableRow(String(key), rowIdx)
-							}, [..._cache[10] || (_cache[10] = [createElementVNode("span", { class: "material-icons text-base" }, "close", -1)])], 8, _hoisted_39$1)])]);
-						}), 128))])])])) : (openBlock(), createElementBlock("p", _hoisted_40$1, toDisplayString(unref(t)("collectionsView.noRows")), 1)), createElementVNode("button", {
+							}, [..._cache[10] || (_cache[10] = [createElementVNode("span", { class: "material-icons text-base" }, "close", -1)])], 8, _hoisted_42$1)])]);
+						}), 128))])])])) : (openBlock(), createElementBlock("p", _hoisted_43$1, toDisplayString(unref(t)("collectionsView.noRows")), 1)), createElementVNode("button", {
 							type: "button",
 							class: "inline-flex items-center gap-1 text-xs text-indigo-600 hover:text-indigo-800 font-bold hover:underline",
 							"data-testid": `collections-table-${key}-add`,
 							onClick: ($event) => addTableRow(String(key), field.of)
-						}, [_cache[11] || (_cache[11] = createElementVNode("span", { class: "material-icons text-xs" }, "add", -1)), createElementVNode("span", null, toDisplayString(unref(t)("collectionsView.addRow")), 1)], 8, _hoisted_41$1)], 8, _hoisted_22$3)) : field.type === "money" ? (openBlock(), createElementBlock("div", _hoisted_42$1, [createElementVNode("div", _hoisted_43$1, toDisplayString(__props.render.currencySymbol(__props.render.resolveCurrency(field, __props.liveRecord))), 1), withDirectives(createElementVNode("input", {
+						}, [_cache[11] || (_cache[11] = createElementVNode("span", { class: "material-icons text-xs" }, "add", -1)), createElementVNode("span", null, toDisplayString(unref(t)("collectionsView.addRow")), 1)], 8, _hoisted_44$1)], 8, _hoisted_25$2)) : field.type === "money" ? (openBlock(), createElementBlock("div", _hoisted_45$1, [createElementVNode("div", _hoisted_46$1, toDisplayString(__props.render.currencySymbol(__props.render.resolveCurrency(field, __props.liveRecord))), 1), withDirectives(createElementVNode("input", {
 							id: `collections-field-${key}`,
 							"onUpdate:modelValue": ($event) => editing.value.text[key] = $event,
 							type: "number",
@@ -2351,7 +2383,7 @@ var CollectionRecordPanel_default = /* @__PURE__ */ 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), [[vModelText, editing.value.text[key]]])])) : [
+						}, null, 8, _hoisted_47$1), [[vModelText, editing.value.text[key]]])])) : [
 							"string",
 							"email",
 							"number",
@@ -2370,7 +2402,7 @@ var CollectionRecordPanel_default = /* @__PURE__ */ 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)), [[vModelDynamic, editing.value.text[key]]]) : withDirectives((openBlock(), createElementBlock("textarea", {
+						}, null, 8, _hoisted_48$1)), [[vModelDynamic, editing.value.text[key]]]) : withDirectives((openBlock(), createElementBlock("textarea", {
 							key: 6,
 							id: `collections-field-${key}`,
 							"onUpdate:modelValue": ($event) => editing.value.text[key] = $event,
@@ -2378,11 +2410,11 @@ var CollectionRecordPanel_default = /* @__PURE__ */ 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)), [[vModelText, editing.value.text[key]]])], 64)) : (openBlock(), createElementBlock("div", {
-							key: 1,
+						}, null, 8, _hoisted_49$1)), [[vModelText, editing.value.text[key]]])], 64)) : (openBlock(), createElementBlock("div", {
+							key: 2,
 							class: "text-xs font-medium text-slate-700 break-words",
 							"data-testid": `collections-detail-value-${key}`
-						}, [field.type === "toggle" ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [field.field !== void 0 && String(detailRecord.value[field.field] ?? "") === field.onValue ? (openBlock(), createElementBlock("span", _hoisted_48$1, [_cache[12] || (_cache[12] = createElementVNode("span", { class: "h-1.5 w-1.5 rounded-full bg-emerald-500" }, null, -1)), createTextVNode(" " + toDisplayString(unref(t)("common.yes")), 1)])) : (openBlock(), createElementBlock("span", _hoisted_49$1, toDisplayString(unref(t)("common.no")), 1))], 64)) : field.type === "boolean" ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [detailRecord.value[key] === true ? (openBlock(), createElementBlock("span", _hoisted_50$1, [_cache[13] || (_cache[13] = createElementVNode("span", { class: "h-1.5 w-1.5 rounded-full bg-emerald-500" }, null, -1)), createTextVNode(" " + toDisplayString(unref(t)("common.yes")), 1)])) : detailRecord.value[key] === false ? (openBlock(), createElementBlock("span", _hoisted_51$1, toDisplayString(unref(t)("common.no")), 1)) : (openBlock(), createElementBlock("span", _hoisted_52$1, "—"))], 64)) : field.type === "ref" && field.to && typeof detailRecord.value[key] === "string" && detailRecord.value[key] ? (openBlock(), createElementBlock("a", {
+						}, [field.type === "toggle" ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [field.field !== void 0 && String(detailRecord.value[field.field] ?? "") === field.onValue ? (openBlock(), createElementBlock("span", _hoisted_51$1, [_cache[12] || (_cache[12] = createElementVNode("span", { class: "h-1.5 w-1.5 rounded-full bg-emerald-500" }, null, -1)), createTextVNode(" " + toDisplayString(unref(t)("common.yes")), 1)])) : (openBlock(), createElementBlock("span", _hoisted_52$1, toDisplayString(unref(t)("common.no")), 1))], 64)) : field.type === "boolean" ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [detailRecord.value[key] === true ? (openBlock(), createElementBlock("span", _hoisted_53$1, [_cache[13] || (_cache[13] = createElementVNode("span", { class: "h-1.5 w-1.5 rounded-full bg-emerald-500" }, null, -1)), createTextVNode(" " + toDisplayString(unref(t)("common.yes")), 1)])) : detailRecord.value[key] === false ? (openBlock(), createElementBlock("span", _hoisted_54$1, toDisplayString(unref(t)("common.no")), 1)) : (openBlock(), createElementBlock("span", _hoisted_55$1, "—"))], 64)) : field.type === "ref" && field.to && typeof detailRecord.value[key] === "string" && detailRecord.value[key] ? (openBlock(), createElementBlock("a", {
 							key: 2,
 							href: unref(cui).recordHref?.(field.to, String(detailRecord.value[key])),
 							tabindex: unref(cui).recordHref?.(field.to, String(detailRecord.value[key])) ? void 0 : 0,
@@ -2391,12 +2423,12 @@ var CollectionRecordPanel_default = /* @__PURE__ */ defineComponent({
 							"data-testid": `collections-detail-ref-${key}`,
 							onClick: ($event) => unref(activateRefLink)($event, field.to, String(detailRecord.value[key])),
 							onKeydown: [withKeys(($event) => unref(activateRefLink)($event, field.to, String(detailRecord.value[key])), ["enter"]), withKeys(($event) => unref(activateRefLink)($event, field.to, String(detailRecord.value[key])), ["space"])]
-						}, toDisplayString(__props.render.refDisplay(field.to, String(detailRecord.value[key]))), 41, _hoisted_53$1)) : field.type === "money" ? (openBlock(), createElementBlock("span", _hoisted_54$1, toDisplayString(__props.render.formatMoney(detailRecord.value[key], __props.render.resolveCurrency(field, detailRecord.value), __props.locale)), 1)) : field.type === "derived" ? (openBlock(), createElementBlock("span", _hoisted_55$1, toDisplayString(__props.render.derivedDisplay(field, __props.render.evaluateDerivedAgainstItem(field, String(key), detailRecord.value), detailRecord.value)), 1)) : field.type === "table" && field.of && __props.render.hasTableRows(detailRecord.value[key]) ? (openBlock(), createElementBlock("div", _hoisted_56$1, [createElementVNode("table", _hoisted_57$1, [createElementVNode("thead", _hoisted_58$1, [createElementVNode("tr", null, [(openBlock(true), createElementBlock(Fragment, null, renderList(field.of, (subField, subKey) => {
+						}, toDisplayString(__props.render.refDisplay(field.to, String(detailRecord.value[key]))), 41, _hoisted_56$1)) : field.type === "money" ? (openBlock(), createElementBlock("span", _hoisted_57$1, toDisplayString(__props.render.formatMoney(detailRecord.value[key], __props.render.resolveCurrency(field, detailRecord.value), __props.locale)), 1)) : field.type === "derived" ? (openBlock(), createElementBlock("span", _hoisted_58$1, toDisplayString(__props.render.derivedDisplay(field, __props.render.evaluateDerivedAgainstItem(field, String(key), detailRecord.value), detailRecord.value)), 1)) : field.type === "table" && field.of && __props.render.hasTableRows(detailRecord.value[key]) ? (openBlock(), createElementBlock("div", _hoisted_59$1, [createElementVNode("table", _hoisted_60$1, [createElementVNode("thead", _hoisted_61$1, [createElementVNode("tr", null, [(openBlock(true), createElementBlock(Fragment, null, renderList(field.of, (subField, subKey) => {
 							return openBlock(), createElementBlock("th", {
 								key: subKey,
 								class: "text-left px-4 py-2 font-bold"
 							}, toDisplayString(subField.label), 1);
-						}), 128))])]), createElementVNode("tbody", _hoisted_59$1, [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.render.tableRows(detailRecord.value[key]), (row, rowIdx) => {
+						}), 128))])]), createElementVNode("tbody", _hoisted_62$1, [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.render.tableRows(detailRecord.value[key]), (row, rowIdx) => {
 							return openBlock(), createElementBlock("tr", {
 								key: rowIdx,
 								class: "hover:bg-slate-50/50"
@@ -2404,12 +2436,12 @@ var CollectionRecordPanel_default = /* @__PURE__ */ defineComponent({
 								return openBlock(), createElementBlock("td", {
 									key: subKey,
 									class: "px-4 py-2 align-middle font-medium"
-								}, [subField.type === "boolean" ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [row[subKey] === true ? (openBlock(), createElementBlock("span", _hoisted_60$1, "check_circle")) : (openBlock(), createElementBlock("span", _hoisted_61$1, "—"))], 64)) : (openBlock(), createElementBlock("span", {
+								}, [subField.type === "boolean" ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [row[subKey] === true ? (openBlock(), createElementBlock("span", _hoisted_63$1, "check_circle")) : (openBlock(), createElementBlock("span", _hoisted_64$1, "—"))], 64)) : (openBlock(), createElementBlock("span", {
 									key: 1,
 									class: normalizeClass([subField.type === "money" ? "font-bold text-slate-800 tabular-nums" : ""])
 								}, toDisplayString(__props.render.formatSubCell(subField, row[subKey], detailRecord.value)), 3))]);
 							}), 128))]);
-						}), 128))])])])) : field.type === "table" ? (openBlock(), createElementBlock("span", _hoisted_62$1, toDisplayString(unref(t)("collectionsView.noRows")), 1)) : field.type === "markdown" ? (openBlock(), createElementBlock("div", _hoisted_63$1, toDisplayString(__props.render.detailText(detailRecord.value[key])), 1)) : field.type === "embed" && embedViews.value[key] ? (openBlock(), createBlock(CollectionEmbedView_default, {
+						}), 128))])])])) : field.type === "table" ? (openBlock(), createElementBlock("span", _hoisted_65$1, toDisplayString(unref(t)("collectionsView.noRows")), 1)) : field.type === "markdown" ? (openBlock(), createElementBlock("div", _hoisted_66$1, toDisplayString(__props.render.detailText(detailRecord.value[key])), 1)) : field.type === "embed" && embedViews.value[key] ? (openBlock(), createBlock(CollectionEmbedView_default, {
 							key: 8,
 							view: embedViews.value[key],
 							"field-key": String(key)
@@ -2419,29 +2451,29 @@ var CollectionRecordPanel_default = /* @__PURE__ */ 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]) ? (openBlock(), createElementBlock("a", {
+						}, null, 8, _hoisted_67$1)) : field.type !== "file" && __props.render.isExternalUrl(detailRecord.value[key]) ? (openBlock(), createElementBlock("a", {
 							key: 10,
 							href: String(detailRecord.value[key]),
 							target: "_blank",
 							rel: "noopener noreferrer",
 							class: "text-blue-600 hover:text-blue-800 font-semibold hover:underline break-all",
 							"data-testid": `collections-detail-url-${key}`
-						}, toDisplayString(String(detailRecord.value[key])), 9, _hoisted_65$1)) : field.type === "file" && __props.render.artifactUrl(detailRecord.value[key]) ? (openBlock(), createElementBlock("a", {
+						}, toDisplayString(String(detailRecord.value[key])), 9, _hoisted_68$1)) : field.type === "file" && __props.render.artifactUrl(detailRecord.value[key]) ? (openBlock(), createElementBlock("a", {
 							key: 11,
 							href: __props.render.artifactUrl(detailRecord.value[key]) ?? void 0,
 							target: "_blank",
 							rel: "noopener noreferrer",
 							class: "text-blue-600 hover:text-blue-800 font-semibold hover:underline break-all",
 							"data-testid": `collections-detail-file-${key}`
-						}, toDisplayString(String(detailRecord.value[key])), 9, _hoisted_66$1)) : field.type === "file" && __props.render.fileRoutePath(detailRecord.value[key]) ? (openBlock(), createElementBlock("a", {
+						}, toDisplayString(String(detailRecord.value[key])), 9, _hoisted_69$1)) : field.type === "file" && __props.render.fileRoutePath(detailRecord.value[key]) ? (openBlock(), 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) => unref(activatePathLink)($event, __props.render.fileRoutePath(detailRecord.value[key]) ?? "")
-						}, toDisplayString(String(detailRecord.value[key])), 9, _hoisted_67$1)) : (openBlock(), createElementBlock("span", _hoisted_68$1, toDisplayString(__props.render.formatCell(detailRecord.value[key], field.type)), 1))], 8, _hoisted_47$1))], 2)) : createCommentVNode("", true)], 64);
-					}), 128)), editing.value && __props.saveError ? (openBlock(), createElementBlock("p", _hoisted_69$1, toDisplayString(__props.saveError), 1)) : createCommentVNode("", true)]),
-					!editing.value ? (openBlock(), createElementBlock("div", _hoisted_70$1, [createElementVNode("label", _hoisted_71$1, toDisplayString(unref(t)("collectionsView.itemChatLabel")), 1), createElementVNode("div", _hoisted_72$1, [withDirectives(createElementVNode("textarea", {
+						}, toDisplayString(String(detailRecord.value[key])), 9, _hoisted_70$1)) : (openBlock(), createElementBlock("span", _hoisted_71$1, toDisplayString(__props.render.formatCell(detailRecord.value[key], field.type)), 1))], 8, _hoisted_50$1))], 2)) : createCommentVNode("", true)], 64);
+					}), 128)), editing.value && __props.saveError ? (openBlock(), createElementBlock("p", _hoisted_72$1, toDisplayString(__props.saveError), 1)) : createCommentVNode("", true)]),
+					!editing.value ? (openBlock(), createElementBlock("div", _hoisted_73$1, [createElementVNode("label", _hoisted_74$1, toDisplayString(unref(t)("collectionsView.itemChatLabel")), 1), createElementVNode("div", _hoisted_75$1, [withDirectives(createElementVNode("textarea", {
 						id: "collections-detail-chat-input",
 						"onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => chatMessage.value = $event),
 						rows: "2",
@@ -2449,13 +2481,13 @@ var CollectionRecordPanel_default = /* @__PURE__ */ 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: [withKeys(withModifiers(submitItemChat, ["meta"]), ["enter"]), withKeys(withModifiers(submitItemChat, ["ctrl"]), ["enter"])]
-					}, null, 40, _hoisted_73$1), [[vModelText, chatMessage.value]]), createElementVNode("button", {
+					}, null, 40, _hoisted_76$1), [[vModelText, chatMessage.value]]), 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] = createElementVNode("span", { class: "material-icons text-sm" }, "forum", -1)), createElementVNode("span", null, toDisplayString(unref(t)("collectionsView.chat")), 1)], 8, _hoisted_74$1)])])) : createCommentVNode("", true)
+					}, [_cache[14] || (_cache[14] = createElementVNode("span", { class: "material-icons text-sm" }, "forum", -1)), createElementVNode("span", null, toDisplayString(unref(t)("collectionsView.chat")), 1)], 8, _hoisted_77$1)])])) : createCommentVNode("", true)
 				]),
 				_: 1
 			}, 40, ["data-testid"]);
@@ -2637,11 +2669,19 @@ var CollectionCustomView_vue_vue_type_script_setup_true_lang_default = /*@__PURE
 					error.value = `HTTP ${resp.status}`;
 					return;
 				}
+				const i18n = await binding.fetchViewI18n(props.slug, props.view.id, binding.localeTag());
+				if (stale()) return;
+				const i18nBoot = i18n.ok ? i18n.data : {
+					locale: "",
+					dict: {}
+				};
 				srcdoc.value = binding.buildViewSrcdoc(resp.html, {
 					slug: props.slug,
 					token: mint.data.token,
 					dataUrl: mint.data.dataUrl,
-					origin: window.location.origin
+					origin: window.location.origin,
+					locale: i18nBoot.locale,
+					dict: i18nBoot.dict
 				});
 			} catch (err) {
 				if (!stale()) error.value = errorMessage(err);
@@ -2649,7 +2689,11 @@ var CollectionCustomView_vue_vue_type_script_setup_true_lang_default = /*@__PURE
 				if (!stale()) loading.value = false;
 			}
 		}
-		watch([() => props.slug, () => props.view.id], () => void load(), { immediate: true });
+		watch([
+			() => props.slug,
+			() => props.view.id,
+			() => collectionUi().localeTag()
+		], () => void load(), { immediate: true });
 		let changeUnsub = null;
 		function relayChange() {
 			iframeEl.value?.contentWindow?.postMessage({
@@ -2716,7 +2760,7 @@ var _plugin_vue_export_helper_default = (sfc, props) => {
 };
 //#endregion
 //#region src/vue/components/CollectionCustomView.vue
-var CollectionCustomView_default = /*#__PURE__*/ _plugin_vue_export_helper_default(CollectionCustomView_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-aa6e6c2d"]]);
+var CollectionCustomView_default = /*#__PURE__*/ _plugin_vue_export_helper_default(CollectionCustomView_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-b22228db"]]);
 //#endregion
 //#region src/vue/useCollectionRendering.ts
 function stepForFieldType(type) {
@@ -2819,17 +2863,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
@@ -2839,12 +2909,15 @@ function useCollectionRendering(collection, locale) {
 		if (field.type === "money") return formatMoney(value, resolveCurrency(field, record), locale.value);
 		return detailText(value);
 	}
-	const embedViews = 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];
@@ -2861,11 +2934,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];
@@ -2956,7 +3029,8 @@ function useCollectionRendering(collection, locale) {
 		loadLinkedCollections,
 		refDisplay,
 		refOptions,
-		embedViews,
+		embedOptions,
+		embedViewsFor,
 		resolveCurrency,
 		currencySymbol,
 		formatMoney,