@mulmoclaude/collection-plugin 0.5.3 → 0.5.7

package/dist/vue.cjs

@@ -70,6 +70,8 @@ var i18n = (0, vue_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",
@@ -171,6 +173,8 @@ var i18n = (0, vue_i18n.createI18n)({
 				chatTitle: "チャットを開始",
 				chatPlaceholder: "このコレクションで行いたいことを入力してください…",
 				chatStart: "チャットを開始",
+				itemChatLabel: "このレコードについてチャット",
+				itemChatPlaceholder: "このレコードについて質問・指示する…",
 				viewToggle: "表示",
 				viewTable: "テーブル",
 				viewCalendar: "カレンダー",
@@ -272,6 +276,8 @@ var i18n = (0, vue_i18n.createI18n)({
 				chatTitle: "开始对话",
 				chatPlaceholder: "描述你想对这个集合做什么…",
 				chatStart: "开始对话",
+				itemChatLabel: "就此记录对话",
+				itemChatPlaceholder: "询问或指示有关此记录的操作…",
 				viewToggle: "视图",
 				viewTable: "表格",
 				viewCalendar: "日历",
@@ -373,6 +379,8 @@ var i18n = (0, vue_i18n.createI18n)({
 				chatTitle: "채팅 시작",
 				chatPlaceholder: "이 컬렉션으로 하고 싶은 작업을 설명하세요…",
 				chatStart: "채팅 시작",
+				itemChatLabel: "이 레코드에 대해 채팅",
+				itemChatPlaceholder: "이 레코드에 대해 질문하거나 지시하세요…",
 				viewToggle: "보기",
 				viewTable: "표",
 				viewCalendar: "캘린더",
@@ -474,6 +482,8 @@ var i18n = (0, vue_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",
@@ -575,6 +585,8 @@ var i18n = (0, vue_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",
@@ -676,6 +688,8 @@ var i18n = (0, vue_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",
@@ -777,6 +791,8 @@ var i18n = (0, vue_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",
@@ -1758,6 +1774,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" };
@@ -1786,6 +1803,7 @@ var _hoisted_45$1 = [
 	"id",
 	"onUpdate:modelValue",
 	"type",
+	"step",
 	"required",
 	"disabled",
 	"data-testid"
@@ -1876,6 +1894,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__ */ (0, vue.defineComponent)({
@@ -1904,7 +1934,8 @@ var CollectionRecordPanel_default = /* @__PURE__ */ (0, vue.defineComponent)({
 		"edit",
 		"close",
 		"delete",
-		"runAction"
+		"runAction",
+		"itemChat"
 	], ["update:editing"]),
 	setup(__props, { emit: __emit }) {
 		const cui = collectionUi();
@@ -1913,6 +1944,16 @@ var CollectionRecordPanel_default = /* @__PURE__ */ (0, vue.defineComponent)({
 		const editing = (0, vue.useModel)(__props, "editing");
 		const emit = __emit;
 		const { t } = useCollectionI18n();
+		const chatMessage = (0, vue.ref)("");
+		(0, vue.watch)(() => props.viewing, () => {
+			chatMessage.value = "";
+		});
+		function submitItemChat() {
+			const message = chatMessage.value.trim();
+			if (!message) return;
+			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
@@ -1991,7 +2032,7 @@ var CollectionRecordPanel_default = /* @__PURE__ */ (0, vue.defineComponent)({
 			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.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] = (0, vue.withModifiers)(($event) => emit("submit"), ["prevent"]))
+				onSubmit: _cache[5] || (_cache[5] = (0, vue.withModifiers)(($event) => emit("submit"), ["prevent"]))
 			}, {
 				default: (0, vue.withCtx)(() => [
 					(0, vue.createElementVNode)("div", _hoisted_1$7, [(0, vue.createElementVNode)("div", _hoisted_2$6, [(0, vue.createElementVNode)("span", _hoisted_3$6, (0, vue.toDisplayString)(__props.collection.title), 1), (0, vue.createElementVNode)("h2", {
@@ -2023,20 +2064,20 @@ var CollectionRecordPanel_default = /* @__PURE__ */ (0, vue.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] = (0, vue.createElementVNode)("span", { class: "material-icons text-sm" }, "edit", -1)), (0, vue.createElementVNode)("span", null, (0, vue.toDisplayString)((0, vue.unref)(t)("collectionsView.editItem")), 1)]),
+						}, [_cache[6] || (_cache[6] = (0, vue.createElementVNode)("span", { class: "material-icons text-sm" }, "edit", -1)), (0, vue.createElementVNode)("span", null, (0, vue.toDisplayString)((0, vue.unref)(t)("collectionsView.editItem")), 1)]),
 						(0, vue.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] = (0, vue.createElementVNode)("span", { class: "material-icons text-sm" }, "delete", -1)), (0, vue.createElementVNode)("span", null, (0, vue.toDisplayString)((0, vue.unref)(t)("common.remove")), 1)]),
+						}, [_cache[7] || (_cache[7] = (0, vue.createElementVNode)("span", { class: "material-icons text-sm" }, "delete", -1)), (0, vue.createElementVNode)("span", null, (0, vue.toDisplayString)((0, vue.unref)(t)("common.remove")), 1)]),
 						(0, vue.createElementVNode)("button", {
 							type: "button",
 							class: "h-8 w-8 flex items-center justify-center rounded text-slate-400 hover:bg-slate-100 hover:text-slate-600 transition-colors",
 							"aria-label": (0, vue.unref)(t)("common.close"),
 							"data-testid": "collections-detail-close",
 							onClick: _cache[3] || (_cache[3] = ($event) => emit("close"))
-						}, [..._cache[7] || (_cache[7] = [(0, vue.createElementVNode)("span", { class: "material-icons text-lg" }, "close", -1)])], 8, _hoisted_9$4)
+						}, [..._cache[8] || (_cache[8] = [(0, vue.createElementVNode)("span", { class: "material-icons text-lg" }, "close", -1)])], 8, _hoisted_9$4)
 					]))]),
 					!editing.value && __props.actionError ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("p", _hoisted_10$4, (0, vue.toDisplayString)(__props.actionError), 1)) : (0, vue.createCommentVNode)("", true),
 					(0, vue.createElementVNode)("div", _hoisted_11$4, [((0, vue.openBlock)(true), (0, vue.createElementBlock)(vue.Fragment, null, (0, vue.renderList)(__props.collection.schema.fields, (field, key) => {
@@ -2086,7 +2127,7 @@ var CollectionRecordPanel_default = /* @__PURE__ */ (0, vue.defineComponent)({
 								key: subKey,
 								class: "text-left px-3 py-2 font-bold"
 							}, (0, vue.toDisplayString)(subField.label), 1);
-						}), 128)), _cache[8] || (_cache[8] = (0, vue.createElementVNode)("th", { class: "w-9" }, null, -1))])]), (0, vue.createElementVNode)("tbody", _hoisted_26$1, [((0, vue.openBlock)(true), (0, vue.createElementBlock)(vue.Fragment, null, (0, vue.renderList)(editing.value.table[key], (row, rowIdx) => {
+						}), 128)), _cache[9] || (_cache[9] = (0, vue.createElementVNode)("th", { class: "w-9" }, null, -1))])]), (0, vue.createElementVNode)("tbody", _hoisted_26$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"
@@ -2130,6 +2171,7 @@ var CollectionRecordPanel_default = /* @__PURE__ */ (0, vue.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)), [[vue.vModelDynamic, row.text[subKey]]])]);
@@ -2139,13 +2181,13 @@ var CollectionRecordPanel_default = /* @__PURE__ */ (0, vue.defineComponent)({
 								"aria-label": (0, vue.unref)(t)("collectionsView.removeRow"),
 								"data-testid": `collections-table-${key}-remove-${rowIdx}`,
 								onClick: ($event) => removeTableRow(String(key), rowIdx)
-							}, [..._cache[9] || (_cache[9] = [(0, vue.createElementVNode)("span", { class: "material-icons text-base" }, "close", -1)])], 8, _hoisted_39$1)])]);
+							}, [..._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", {
 							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] = (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$2)) : 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_41$1)], 8, _hoisted_22$2)) : 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", {
 							id: `collections-field-${key}`,
 							"onUpdate:modelValue": ($event) => editing.value.text[key] = $event,
 							type: "number",
@@ -2167,6 +2209,7 @@ var CollectionRecordPanel_default = /* @__PURE__ */ (0, vue.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",
@@ -2183,7 +2226,7 @@ var CollectionRecordPanel_default = /* @__PURE__ */ (0, vue.defineComponent)({
 							key: 1,
 							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[11] || (_cache[11] = (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[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)])) : 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_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", {
 							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,
@@ -2241,7 +2284,22 @@ var CollectionRecordPanel_default = /* @__PURE__ */ (0, vue.defineComponent)({
 							"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)])
+					}), 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", {
+						id: "collections-detail-chat-input",
+						"onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => chatMessage.value = $event),
+						rows: "2",
+						placeholder: (0, vue.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: [(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", {
+						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)
 				]),
 				_: 1
 			}, 40, ["data-testid"]);
@@ -2379,12 +2437,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 = (0, vue.ref)(true);
 		const error = (0, vue.ref)(null);
 		const srcdoc = (0, vue.ref)(null);
+		const iframeEl = (0, vue.ref)(null);
 		let refreshTimer;
 		function clearRefresh() {
 			if (refreshTimer !== void 0) {
@@ -2433,9 +2494,53 @@ var CollectionCustomView_vue_vue_type_script_setup_true_lang_default = /* @__PUR
 			}
 		}
 		(0, vue.watch)([() => props.slug, () => props.view.id], () => void load(), { immediate: true });
-		(0, vue.onBeforeUnmount)(clearRefresh);
+		let changeUnsub = null;
+		function relayChange() {
+			iframeEl.value?.contentWindow?.postMessage({
+				type: "mc-collection-changed",
+				slug: props.slug
+			}, "*");
+		}
+		(0, vue.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);
+		}
+		(0, vue.onMounted)(() => window.addEventListener("message", onWindowMessage));
+		(0, vue.onBeforeUnmount)(() => {
+			clearRefresh();
+			changeUnsub?.();
+			changeUnsub = null;
+			window.removeEventListener("message", onWindowMessage);
+		});
 		return (_ctx, _cache) => {
 			return (0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_1$5, [error.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_2$4, (0, vue.toDisplayString)((0, vue.unref)(t)("collectionsView.customViewError", { error: error.value })), 1)) : loading.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_3$4, (0, vue.toDisplayString)((0, vue.unref)(t)("collectionsView.customViewLoading")), 1)) : srcdoc.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("iframe", {
+				ref_key: "iframeEl",
+				ref: iframeEl,
 				key: __props.view.id,
 				"data-testid": "collection-custom-view-iframe",
 				title: __props.view.label,
@@ -2455,9 +2560,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 = (0, vue.ref)({});
 	const refRecordCache = (0, vue.ref)({});
@@ -2672,6 +2781,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 = require_deriveAll.deriveAll(collection.value.schema, item, refRecordCache.value)[fieldKey];
@@ -2703,6 +2813,7 @@ function useCollectionRendering(collection, locale) {
 		hasTableRows,
 		formatSubCell,
 		inputTypeFor,
+		stepFor,
 		deriveAll: require_deriveAll.deriveAll,
 		evaluateDerivedAgainstItem,
 		derivedDisplay
@@ -2985,6 +3096,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__ */ (0, vue.defineComponent)({
@@ -3307,13 +3429,13 @@ var CollectionView_default = /* @__PURE__ */ (0, vue.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. */
@@ -3329,6 +3451,21 @@ var CollectionView_default = /* @__PURE__ */ (0, vue.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;
@@ -3358,6 +3495,26 @@ var CollectionView_default = /* @__PURE__ */ (0, vue.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;
@@ -3873,6 +4030,30 @@ var CollectionView_default = /* @__PURE__ */ (0, vue.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) {
@@ -3928,6 +4109,42 @@ var CollectionView_default = /* @__PURE__ */ (0, vue.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);
+		}
+		(0, vue.watch)(editing, (current) => {
+			if (current || !pendingRemoteRefresh) return;
+			pendingRemoteRefresh = false;
+			if (activeSlug.value) refreshItemsInPlace(activeSlug.value);
+		});
+		(0, vue.watch)(activeSlug, (slug) => {
+			changeUnsub?.();
+			changeUnsub = null;
+			clearLiveRefreshTimer();
+			if (slug && cui.subscribeChanges) changeUnsub = cui.subscribeChanges(slug, () => onRemoteChange(slug));
+		}, { immediate: true });
+		(0, vue.onUnmounted)(() => {
+			changeUnsub?.();
+			changeUnsub = null;
+			clearLiveRefreshTimer();
+		});
 		(0, vue.watch)([
 			activeView,
 			calendarAnchorField,
@@ -4198,7 +4415,8 @@ var CollectionView_default = /* @__PURE__ */ (0, vue.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",
@@ -4252,7 +4470,9 @@ var CollectionView_default = /* @__PURE__ */ (0, vue.defineComponent)({
 					"notified"
 				])])])) : activeCustomView.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_45, [(0, vue.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" ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_46, [_cache[41] || (_cache[41] = (0, vue.createElementVNode)("span", { class: "material-icons text-4xl text-slate-300" }, "folder_open", -1)), (0, vue.createElementVNode)("p", _hoisted_47, (0, vue.toDisplayString)((0, vue.unref)(t)("collectionsView.itemsEmpty")), 1)])) : filteredItems.value.length === 0 && editing.value?.mode !== "create" ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_48, [
 					_cache[42] || (_cache[42] = (0, vue.createElementVNode)("span", { class: "material-icons text-4xl text-slate-300" }, "search_off", -1)),
 					(0, vue.createElementVNode)("p", _hoisted_49, (0, vue.toDisplayString)((0, vue.unref)(t)("collectionsView.noMatchingItems")), 1),
@@ -4394,7 +4614,8 @@ var CollectionView_default = /* @__PURE__ */ (0, vue.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",