@mulmoclaude/collection-plugin 0.5.3 → 0.5.7

package/dist/vue.js

@@ -1,6 +1,6 @@
 import { A as buildUpdatedRecord, C as dateSortValue, D as numericSortValue, E as nextSortDirection, F as rowFromItem, G as TOOL_DEFINITION, I as actionVisible, L as fieldVisible, M as draftToRecord, N as emptyRow, O as sortItems, P as firstMissingRequiredField, T as isSortableField, W as resolveEnumColor, _ as ymdKey, a as assignLanes, b as labelFieldFor, i as MINUTES_PER_DAY, j as coerceInlineValue, k as stringSortValue, l as dateOf, n as shortHexId, o as bucketRecords, q as executePresentCollection, r as errorMessage, s as buildMonthGrid, t as defangForPrompt, u as daySlice, v as itemIdOf, w as enumSortValue, x as boolSortValue, y as itemLabelOf } from "./promptSafety-DIQ2yDca.js";
 import { t as deriveAll } from "./deriveAll-BHcs1erT.js";
-import { Fragment, Teleport, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, effectScope, mergeModels, nextTick, normalizeClass, normalizeStyle, onBeforeUnmount, onMounted, openBlock, ref, renderList, renderSlot, resolveDynamicComponent, toDisplayString, unref, useModel, vModelCheckbox, vModelDynamic, vModelSelect, vModelText, watch, watchEffect, withCtx, withDirectives, withKeys, withModifiers } from "vue";
+import { Fragment, Teleport, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, effectScope, mergeModels, nextTick, normalizeClass, normalizeStyle, onBeforeUnmount, onMounted, onUnmounted, openBlock, ref, renderList, renderSlot, resolveDynamicComponent, toDisplayString, unref, useModel, vModelCheckbox, vModelDynamic, vModelSelect, vModelText, watch, watchEffect, withCtx, withDirectives, withKeys, withModifiers } from "vue";
 import { createI18n } from "vue-i18n";
 import draggable from "vuedraggable";
 //#region src/vue/uiContext.ts
@@ -67,6 +67,8 @@ var i18n = createI18n({
 				chatTitle: "Start a chat",
 				chatPlaceholder: "Describe what you want to do with this collection…",
 				chatStart: "Start chat",
+				itemChatLabel: "Chat about this record",
+				itemChatPlaceholder: "Ask or instruct about this record…",
 				viewToggle: "View",
 				viewTable: "Table",
 				viewCalendar: "Calendar",
@@ -168,6 +170,8 @@ var i18n = createI18n({
 				chatTitle: "チャットを開始",
 				chatPlaceholder: "このコレクションで行いたいことを入力してください…",
 				chatStart: "チャットを開始",
+				itemChatLabel: "このレコードについてチャット",
+				itemChatPlaceholder: "このレコードについて質問・指示する…",
 				viewToggle: "表示",
 				viewTable: "テーブル",
 				viewCalendar: "カレンダー",
@@ -269,6 +273,8 @@ var i18n = createI18n({
 				chatTitle: "开始对话",
 				chatPlaceholder: "描述你想对这个集合做什么…",
 				chatStart: "开始对话",
+				itemChatLabel: "就此记录对话",
+				itemChatPlaceholder: "询问或指示有关此记录的操作…",
 				viewToggle: "视图",
 				viewTable: "表格",
 				viewCalendar: "日历",
@@ -370,6 +376,8 @@ var i18n = createI18n({
 				chatTitle: "채팅 시작",
 				chatPlaceholder: "이 컬렉션으로 하고 싶은 작업을 설명하세요…",
 				chatStart: "채팅 시작",
+				itemChatLabel: "이 레코드에 대해 채팅",
+				itemChatPlaceholder: "이 레코드에 대해 질문하거나 지시하세요…",
 				viewToggle: "보기",
 				viewTable: "표",
 				viewCalendar: "캘린더",
@@ -471,6 +479,8 @@ var i18n = createI18n({
 				chatTitle: "Iniciar un chat",
 				chatPlaceholder: "Describe qué quieres hacer con esta colección…",
 				chatStart: "Iniciar chat",
+				itemChatLabel: "Chatear sobre este registro",
+				itemChatPlaceholder: "Pregunta o indica algo sobre este registro…",
 				viewToggle: "Vista",
 				viewTable: "Tabla",
 				viewCalendar: "Calendario",
@@ -572,6 +582,8 @@ var i18n = createI18n({
 				chatTitle: "Iniciar um chat",
 				chatPlaceholder: "Descreva o que você quer fazer com esta coleção…",
 				chatStart: "Iniciar chat",
+				itemChatLabel: "Conversar sobre este registro",
+				itemChatPlaceholder: "Pergunte ou instrua sobre este registro…",
 				viewToggle: "Visualização",
 				viewTable: "Tabela",
 				viewCalendar: "Calendário",
@@ -673,6 +685,8 @@ var i18n = createI18n({
 				chatTitle: "Démarrer une discussion",
 				chatPlaceholder: "Décrivez ce que vous voulez faire avec cette collection…",
 				chatStart: "Démarrer la discussion",
+				itemChatLabel: "Discuter de cet enregistrement",
+				itemChatPlaceholder: "Posez une question ou donnez une instruction sur cet enregistrement…",
 				viewToggle: "Affichage",
 				viewTable: "Tableau",
 				viewCalendar: "Calendrier",
@@ -774,6 +788,8 @@ var i18n = createI18n({
 				chatTitle: "Chat starten",
 				chatPlaceholder: "Beschreibe, was du mit dieser Sammlung tun möchtest…",
 				chatStart: "Chat starten",
+				itemChatLabel: "Über diesen Eintrag chatten",
+				itemChatPlaceholder: "Stelle eine Frage oder gib eine Anweisung zu diesem Eintrag…",
 				viewToggle: "Ansicht",
 				viewTable: "Tabelle",
 				viewCalendar: "Kalender",
@@ -1755,6 +1771,7 @@ var _hoisted_36$1 = ["onUpdate:modelValue", "required"];
 var _hoisted_37$1 = [
 	"onUpdate:modelValue",
 	"type",
+	"step",
 	"required"
 ];
 var _hoisted_38$1 = { class: "text-center px-1" };
@@ -1783,6 +1800,7 @@ var _hoisted_45$1 = [
 	"id",
 	"onUpdate:modelValue",
 	"type",
+	"step",
 	"required",
 	"disabled",
 	"data-testid"
@@ -1873,6 +1891,18 @@ var _hoisted_69$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 = {
+	key: 1,
+	class: "mt-5 pt-4 border-t border-slate-200/60",
+	"data-testid": "collections-detail-chat"
+};
+var _hoisted_71$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"];
 //#endregion
 //#region src/vue/components/CollectionRecordPanel.vue
 var CollectionRecordPanel_default = /* @__PURE__ */ defineComponent({
@@ -1901,7 +1931,8 @@ var CollectionRecordPanel_default = /* @__PURE__ */ defineComponent({
 		"edit",
 		"close",
 		"delete",
-		"runAction"
+		"runAction",
+		"itemChat"
 	], ["update:editing"]),
 	setup(__props, { emit: __emit }) {
 		const cui = collectionUi();
@@ -1910,6 +1941,16 @@ var CollectionRecordPanel_default = /* @__PURE__ */ defineComponent({
 		const editing = useModel(__props, "editing");
 		const emit = __emit;
 		const { t } = useCollectionI18n();
+		const chatMessage = ref("");
+		watch(() => props.viewing, () => {
+			chatMessage.value = "";
+		});
+		function submitItemChat() {
+			const message = chatMessage.value.trim();
+			if (!message) return;
+			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
@@ -1988,7 +2029,7 @@ var CollectionRecordPanel_default = /* @__PURE__ */ defineComponent({
 			return openBlock(), createBlock(resolveDynamicComponent(editing.value ? "form" : "div"), {
 				class: "px-6 py-5 max-h-[60vh] overflow-y-auto",
 				"data-testid": rootTestid.value,
-				onSubmit: _cache[4] || (_cache[4] = withModifiers(($event) => emit("submit"), ["prevent"]))
+				onSubmit: _cache[5] || (_cache[5] = withModifiers(($event) => emit("submit"), ["prevent"]))
 			}, {
 				default: withCtx(() => [
 					createElementVNode("div", _hoisted_1$7, [createElementVNode("div", _hoisted_2$6, [createElementVNode("span", _hoisted_3$6, toDisplayString(__props.collection.title), 1), createElementVNode("h2", {
@@ -2020,20 +2061,20 @@ var CollectionRecordPanel_default = /* @__PURE__ */ defineComponent({
 							class: "h-8 px-2.5 rounded border border-slate-200 bg-white text-slate-700 hover:bg-slate-50 font-bold text-xs transition-all flex items-center gap-1",
 							"data-testid": "collections-detail-edit",
 							onClick: _cache[1] || (_cache[1] = ($event) => emit("edit"))
-						}, [_cache[5] || (_cache[5] = createElementVNode("span", { class: "material-icons text-sm" }, "edit", -1)), createElementVNode("span", null, toDisplayString(unref(t)("collectionsView.editItem")), 1)]),
+						}, [_cache[6] || (_cache[6] = createElementVNode("span", { class: "material-icons text-sm" }, "edit", -1)), createElementVNode("span", null, toDisplayString(unref(t)("collectionsView.editItem")), 1)]),
 						createElementVNode("button", {
 							type: "button",
 							class: "h-8 px-2.5 rounded border border-rose-200 bg-white text-rose-600 hover:bg-rose-50 font-bold text-xs transition-all flex items-center gap-1",
 							"data-testid": "collections-detail-remove",
 							onClick: _cache[2] || (_cache[2] = ($event) => emit("delete"))
-						}, [_cache[6] || (_cache[6] = createElementVNode("span", { class: "material-icons text-sm" }, "delete", -1)), createElementVNode("span", null, toDisplayString(unref(t)("common.remove")), 1)]),
+						}, [_cache[7] || (_cache[7] = createElementVNode("span", { class: "material-icons text-sm" }, "delete", -1)), createElementVNode("span", null, toDisplayString(unref(t)("common.remove")), 1)]),
 						createElementVNode("button", {
 							type: "button",
 							class: "h-8 w-8 flex items-center justify-center rounded text-slate-400 hover:bg-slate-100 hover:text-slate-600 transition-colors",
 							"aria-label": unref(t)("common.close"),
 							"data-testid": "collections-detail-close",
 							onClick: _cache[3] || (_cache[3] = ($event) => emit("close"))
-						}, [..._cache[7] || (_cache[7] = [createElementVNode("span", { class: "material-icons text-lg" }, "close", -1)])], 8, _hoisted_9$4)
+						}, [..._cache[8] || (_cache[8] = [createElementVNode("span", { class: "material-icons text-lg" }, "close", -1)])], 8, _hoisted_9$4)
 					]))]),
 					!editing.value && __props.actionError ? (openBlock(), createElementBlock("p", _hoisted_10$4, toDisplayString(__props.actionError), 1)) : createCommentVNode("", true),
 					createElementVNode("div", _hoisted_11$4, [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.collection.schema.fields, (field, key) => {
@@ -2083,7 +2124,7 @@ var CollectionRecordPanel_default = /* @__PURE__ */ defineComponent({
 								key: subKey,
 								class: "text-left px-3 py-2 font-bold"
 							}, toDisplayString(subField.label), 1);
-						}), 128)), _cache[8] || (_cache[8] = createElementVNode("th", { class: "w-9" }, null, -1))])]), createElementVNode("tbody", _hoisted_26$1, [(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_26$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"
@@ -2127,6 +2168,7 @@ var CollectionRecordPanel_default = /* @__PURE__ */ defineComponent({
 									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]]])]);
@@ -2136,13 +2178,13 @@ var CollectionRecordPanel_default = /* @__PURE__ */ defineComponent({
 								"aria-label": unref(t)("collectionsView.removeRow"),
 								"data-testid": `collections-table-${key}-remove-${rowIdx}`,
 								onClick: ($event) => removeTableRow(String(key), rowIdx)
-							}, [..._cache[9] || (_cache[9] = [createElementVNode("span", { class: "material-icons text-base" }, "close", -1)])], 8, _hoisted_39$1)])]);
+							}, [..._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", {
 							type: "button",
 							class: "inline-flex items-center gap-1 text-xs text-indigo-600 hover:text-indigo-800 font-bold hover:underline",
 							"data-testid": `collections-table-${key}-add`,
 							onClick: ($event) => addTableRow(String(key), field.of)
-						}, [_cache[10] || (_cache[10] = createElementVNode("span", { class: "material-icons text-xs" }, "add", -1)), createElementVNode("span", null, toDisplayString(unref(t)("collectionsView.addRow")), 1)], 8, _hoisted_41$1)], 8, _hoisted_22$2)) : 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_41$1)], 8, _hoisted_22$2)) : 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", {
 							id: `collections-field-${key}`,
 							"onUpdate:modelValue": ($event) => editing.value.text[key] = $event,
 							type: "number",
@@ -2164,6 +2206,7 @@ var CollectionRecordPanel_default = /* @__PURE__ */ defineComponent({
 							id: `collections-field-${key}`,
 							"onUpdate:modelValue": ($event) => editing.value.text[key] = $event,
 							type: __props.render.inputTypeFor(field.type),
+							step: __props.render.stepFor(field.type),
 							required: isFieldRequiredInUi(field),
 							disabled: field.primary === true && (editing.value.mode === "edit" || __props.isSingleton),
 							class: "w-full rounded-xl border border-slate-200 px-3 py-2 text-xs focus:border-indigo-500 focus:ring-2 focus:ring-indigo-500/20 focus:outline-none disabled:bg-slate-100 disabled:text-slate-400 font-medium text-slate-700 transition-all",
@@ -2180,7 +2223,7 @@ var CollectionRecordPanel_default = /* @__PURE__ */ defineComponent({
 							key: 1,
 							class: "text-xs font-medium text-slate-700 break-words",
 							"data-testid": `collections-detail-value-${key}`
-						}, [field.type === "toggle" ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [field.field !== void 0 && String(detailRecord.value[field.field] ?? "") === field.onValue ? (openBlock(), createElementBlock("span", _hoisted_48$1, [_cache[11] || (_cache[11] = createElementVNode("span", { class: "h-1.5 w-1.5 rounded-full bg-emerald-500" }, null, -1)), createTextVNode(" " + toDisplayString(unref(t)("common.yes")), 1)])) : (openBlock(), createElementBlock("span", _hoisted_49$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[12] || (_cache[12] = createElementVNode("span", { class: "h-1.5 w-1.5 rounded-full bg-emerald-500" }, null, -1)), createTextVNode(" " + toDisplayString(unref(t)("common.yes")), 1)])) : detailRecord.value[key] === false ? (openBlock(), createElementBlock("span", _hoisted_51$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_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", {
 							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,
@@ -2238,7 +2281,22 @@ var CollectionRecordPanel_default = /* @__PURE__ */ defineComponent({
 							"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)])
+					}), 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", {
+						id: "collections-detail-chat-input",
+						"onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => chatMessage.value = $event),
+						rows: "2",
+						placeholder: unref(t)("collectionsView.itemChatPlaceholder"),
+						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", {
+						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)
 				]),
 				_: 1
 			}, 40, ["data-testid"]);
@@ -2376,12 +2434,15 @@ var CollectionCustomView_vue_vue_type_script_setup_true_lang_default = /* @__PUR
 		slug: {},
 		view: {}
 	},
-	setup(__props) {
+	emits: ["openItem", "startChat"],
+	setup(__props, { emit: __emit }) {
 		const { t } = useCollectionI18n();
 		const props = __props;
+		const emit = __emit;
 		const loading = ref(true);
 		const error = ref(null);
 		const srcdoc = ref(null);
+		const iframeEl = ref(null);
 		let refreshTimer;
 		function clearRefresh() {
 			if (refreshTimer !== void 0) {
@@ -2430,9 +2491,53 @@ var CollectionCustomView_vue_vue_type_script_setup_true_lang_default = /* @__PUR
 			}
 		}
 		watch([() => props.slug, () => props.view.id], () => void load(), { immediate: true });
-		onBeforeUnmount(clearRefresh);
+		let changeUnsub = null;
+		function relayChange() {
+			iframeEl.value?.contentWindow?.postMessage({
+				type: "mc-collection-changed",
+				slug: props.slug
+			}, "*");
+		}
+		watch(() => props.slug, (slug) => {
+			changeUnsub?.();
+			changeUnsub = null;
+			const subscribe = collectionUi().subscribeChanges;
+			if (slug && subscribe) changeUnsub = subscribe(slug, relayChange);
+		}, { immediate: true });
+		function handleOpenItem(body) {
+			const itemId = typeof body.id === "string" ? body.id : String(body.id ?? "");
+			if (!itemId) return;
+			emit("openItem", {
+				id: itemId,
+				mode: body.mode === "edit" ? "edit" : "view"
+			});
+		}
+		function handleStartChat(body) {
+			const prompt = typeof body.prompt === "string" ? body.prompt.trim() : "";
+			if (!prompt) return;
+			emit("startChat", {
+				prompt,
+				role: typeof body.role === "string" ? body.role : void 0
+			});
+		}
+		function onWindowMessage(event) {
+			if (event.source !== iframeEl.value?.contentWindow) return;
+			const msg = event.data;
+			if (!msg || msg.slug !== props.slug) return;
+			if (msg.type === "mc-open-item") handleOpenItem(msg);
+			else if (msg.type === "mc-start-chat") handleStartChat(msg);
+		}
+		onMounted(() => window.addEventListener("message", onWindowMessage));
+		onBeforeUnmount(() => {
+			clearRefresh();
+			changeUnsub?.();
+			changeUnsub = null;
+			window.removeEventListener("message", onWindowMessage);
+		});
 		return (_ctx, _cache) => {
 			return openBlock(), createElementBlock("div", _hoisted_1$5, [error.value ? (openBlock(), createElementBlock("div", _hoisted_2$4, toDisplayString(unref(t)("collectionsView.customViewError", { error: error.value })), 1)) : loading.value ? (openBlock(), createElementBlock("div", _hoisted_3$4, toDisplayString(unref(t)("collectionsView.customViewLoading")), 1)) : srcdoc.value ? (openBlock(), createElementBlock("iframe", {
+				ref_key: "iframeEl",
+				ref: iframeEl,
 				key: __props.view.id,
 				"data-testid": "collection-custom-view-iframe",
 				title: __props.view.label,
@@ -2452,9 +2557,13 @@ 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-3ab71997"]]);
+var CollectionCustomView_default = /* @__PURE__ */ _plugin_vue_export_helper_default(CollectionCustomView_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-d5fb7ca6"]]);
 //#endregion
 //#region src/vue/useCollectionRendering.ts
+function stepForFieldType(type) {
+	if (type === "money") return "0.01";
+	if (type === "number") return "any";
+}
 function useCollectionRendering(collection, locale) {
 	const refCache = ref({});
 	const refRecordCache = ref({});
@@ -2669,6 +2778,7 @@ function useCollectionRendering(collection, locale) {
 		if (type === "datetime") return "datetime-local";
 		return "text";
 	}
+	const stepFor = stepForFieldType;
 	function evaluateDerivedAgainstItem(field, fieldKey, item) {
 		if (!field.formula || !collection.value) return null;
 		const result = deriveAll(collection.value.schema, item, refRecordCache.value)[fieldKey];
@@ -2700,6 +2810,7 @@ function useCollectionRendering(collection, locale) {
 		hasTableRows,
 		formatSubCell,
 		inputTypeFor,
+		stepFor,
 		deriveAll,
 		evaluateDerivedAgainstItem,
 		derivedDisplay
@@ -2982,6 +3093,17 @@ var _hoisted_83 = { class: "px-6 py-5" };
 var _hoisted_84 = ["placeholder", "onKeydown"];
 var _hoisted_85 = { class: "px-6 py-3.5 border-t border-slate-100 flex items-center justify-end gap-2 bg-slate-50/50" };
 var _hoisted_86 = ["disabled"];
+/** `slug` / `selected` are supplied only in EMBEDDED mode (the
+*  `presentCollection` chat card mounts this component and drives both
+*  from the tool result). In standalone route mode (the
+*  `/collections/:slug` page) both are undefined and the component reads
+*  `route.params.slug` / `route.query.selected` as before.
+*
+*  `sendTextMessage` is forwarded ONLY by the chat card — its presence
+*  is our "rendered inside a chat" signal. When set, chat-triggering
+*  actions send into the current session instead of spawning a new
+*  chat (see `runAction` / `submitChat`). */
+var LIVE_REFRESH_DEBOUNCE_MS = 150;
 //#endregion
 //#region src/vue/components/CollectionView.vue
 var CollectionView_default = /* @__PURE__ */ defineComponent({
@@ -3304,13 +3426,13 @@ var CollectionView_default = /* @__PURE__ */ defineComponent({
 		*  nothing. Instead, point the agent at the feed's schema + records
 		*  (`feeds/<slug>/schema.json` and `<dataPath>/`) and let it act on the
 		*  request directly. */
-		function buildChatSeed(slug, message) {
+		function buildChatSeed(slug, message, itemId) {
 			const schema = collection.value?.schema;
-			if (!schema?.ingest) return `/${slug} ${message}`;
+			if (!schema?.ingest) return itemId ? `/${slug} id=${itemId} ${message}` : `/${slug} ${message}`;
 			return t("collectionsView.feedChatSeed", {
 				slug,
 				dataPath: schema.dataPath ?? `data/feeds/${slug}`,
-				message
+				message: itemId ? `(for record \`${itemId}\`) ${message}` : message
 			});
 		}
 		/** Start a new general-role chat seeded from the current view. */
@@ -3326,6 +3448,21 @@ var CollectionView_default = /* @__PURE__ */ defineComponent({
 			}
 			appApi.startNewChat(text, cui.generalRoleId);
 		}
+		/** The open record's chat box: start a chat scoped to that one record. Seeds
+		*  the collection's skill command with an `id=<itemId>` selector
+		*  (`/<slug> id=<itemId> <message>`) so the agent acts on this record. */
+		function onItemChat(message) {
+			if (!collection.value || !viewing.value) return;
+			const text = message.trim();
+			if (!text) return;
+			const itemId = String(viewing.value[collection.value.schema.primaryKey] ?? "");
+			const seed = buildChatSeed(collection.value.slug, text, itemId || void 0);
+			if (props.sendTextMessage) {
+				props.sendTextMessage(seed);
+				return;
+			}
+			appApi.startNewChat(seed, cui.generalRoleId);
+		}
 		async function loadCollection(slug) {
 			const requestedKind = !embedded.value && cui.isFeedRoute() ? "feed" : "collection";
 			loading.value = true;
@@ -3355,6 +3492,26 @@ var CollectionView_default = /* @__PURE__ */ defineComponent({
 			}
 			maybeAutoRefreshFeed(slug);
 		}
+		/** Refresh records + schema IN PLACE for a live (pub/sub-driven) update,
+		*  preserving the user's browsing state — unlike `loadCollection`, which is the
+		*  route-change path and resets it. Specifically: does NOT null `collection`
+		*  (so the layout and an active custom-view iframe don't remount), keeps
+		*  `searchQuery` / `openDay` / `sortState`, and shows no loading spinner; the
+		*  open detail (`viewing`) is re-resolved against the fresh records by id, so it
+		*  follows an edited record and closes only if the record was deleted. A failed
+		*  fetch is a no-op (keep the current data) — a transient blip shouldn't blank a
+		*  view the user is reading. */
+		async function refreshItemsInPlace(slug) {
+			const result = await cui.fetchCollectionDetail(slug);
+			if (!result.ok || activeSlug.value !== slug) return;
+			collection.value = result.data.collection;
+			items.value = result.data.items;
+			dataIssues.value = result.data.issues ?? [];
+			enumOriginallyEmpty.value = snapshotEmptyEnums(result.data.collection.schema, result.data.items);
+			await render.loadLinkedCollections(result.data.collection.schema, slug);
+			if (activeSlug.value !== slug) return;
+			if (viewing.value) viewing.value = findItemById(String(viewing.value[result.data.collection.schema.primaryKey] ?? "")) ?? null;
+		}
 		function maybeAutoRefreshFeed(slug) {
 			if (embedded.value) return;
 			const current = collection.value;
@@ -3870,6 +4027,30 @@ var CollectionView_default = /* @__PURE__ */ defineComponent({
 			showDetail(item);
 			writeSelectedToUrl(itemId);
 		}
+		/** A custom (sandboxed) view asked to open a record in the shared modal.
+		*  `view` → read-only detail, `edit` → straight into the editor. Ungated: the
+		*  capability token governs the view's *code*, not user actions through the
+		*  host's own trusted modal (no write happens without an explicit Save). */
+		function onCustomViewOpenItem(payload) {
+			const item = findItemById(payload.id);
+			if (!item) return;
+			if (editing.value) closeEditor();
+			if (payload.mode === "edit") {
+				openEdit(item);
+				return;
+			}
+			showDetail(item);
+			writeSelectedToUrl(payload.id);
+		}
+		/** The custom view called `__MC_VIEW.startChat(prompt, role)` — open a new chat
+		*  with the prompt prefilled as an editable draft. The host validates `role`
+		*  (falls back to General). The view's code only proposes text; the user
+		*  approves / edits / sends, so no capability is required. */
+		function onCustomViewStartChat(payload) {
+			const prompt = payload.prompt.trim();
+			if (!prompt) return;
+			cui.startNewChatDraft(prompt, payload.role);
+		}
 		/** A calendar day cell was activated → open its popup on a clean slate
 		*  (clear any prior selection so the popup opens timeline-only). */
 		function onOpenDay(day) {
@@ -3925,6 +4106,42 @@ var CollectionView_default = /* @__PURE__ */ defineComponent({
 				loading.value = false;
 			}
 		}, { immediate: true });
+		let changeUnsub = null;
+		let liveRefreshTimer;
+		let pendingRemoteRefresh = false;
+		function clearLiveRefreshTimer() {
+			if (liveRefreshTimer !== void 0) {
+				clearTimeout(liveRefreshTimer);
+				liveRefreshTimer = void 0;
+			}
+		}
+		function onRemoteChange(slug) {
+			clearLiveRefreshTimer();
+			liveRefreshTimer = setTimeout(() => {
+				liveRefreshTimer = void 0;
+				if (editing.value) {
+					pendingRemoteRefresh = true;
+					return;
+				}
+				if (activeSlug.value === slug) refreshItemsInPlace(slug);
+			}, LIVE_REFRESH_DEBOUNCE_MS);
+		}
+		watch(editing, (current) => {
+			if (current || !pendingRemoteRefresh) return;
+			pendingRemoteRefresh = false;
+			if (activeSlug.value) refreshItemsInPlace(activeSlug.value);
+		});
+		watch(activeSlug, (slug) => {
+			changeUnsub?.();
+			changeUnsub = null;
+			clearLiveRefreshTimer();
+			if (slug && cui.subscribeChanges) changeUnsub = cui.subscribeChanges(slug, () => onRemoteChange(slug));
+		}, { immediate: true });
+		onUnmounted(() => {
+			changeUnsub?.();
+			changeUnsub = null;
+			clearLiveRefreshTimer();
+		});
 		watch([
 			activeView,
 			calendarAnchorField,
@@ -4195,7 +4412,8 @@ var CollectionView_default = /* @__PURE__ */ defineComponent({
 						onEdit: editFromView,
 						onClose: onDayClose,
 						onDelete: _cache[9] || (_cache[9] = ($event) => viewing.value && confirmDelete(viewing.value)),
-						onRunAction: runAction
+						onRunAction: runAction,
+						onItemChat
 					}, null, 8, [
 						"editing",
 						"collection",
@@ -4249,7 +4467,9 @@ var CollectionView_default = /* @__PURE__ */ defineComponent({
 					"notified"
 				])])])) : activeCustomView.value ? (openBlock(), createElementBlock("div", _hoisted_45, [createVNode(CollectionCustomView_default, {
 					slug: collection.value.slug,
-					view: activeCustomView.value
+					view: activeCustomView.value,
+					onOpenItem: onCustomViewOpenItem,
+					onStartChat: onCustomViewStartChat
 				}, null, 8, ["slug", "view"])])) : items.value.length === 0 && editing.value?.mode !== "create" ? (openBlock(), createElementBlock("div", _hoisted_46, [_cache[41] || (_cache[41] = createElementVNode("span", { class: "material-icons text-4xl text-slate-300" }, "folder_open", -1)), createElementVNode("p", _hoisted_47, toDisplayString(unref(t)("collectionsView.itemsEmpty")), 1)])) : filteredItems.value.length === 0 && editing.value?.mode !== "create" ? (openBlock(), createElementBlock("div", _hoisted_48, [
 					_cache[42] || (_cache[42] = createElementVNode("span", { class: "material-icons text-4xl text-slate-300" }, "search_off", -1)),
 					createElementVNode("p", _hoisted_49, toDisplayString(unref(t)("collectionsView.noMatchingItems")), 1),
@@ -4391,7 +4611,8 @@ var CollectionView_default = /* @__PURE__ */ defineComponent({
 						onEdit: editFromView,
 						onClose: closeView,
 						onDelete: _cache[20] || (_cache[20] = ($event) => viewing.value && confirmDelete(viewing.value)),
-						onRunAction: runAction
+						onRunAction: runAction,
+						onItemChat
 					}, null, 8, [
 						"editing",
 						"collection",