@mulmoclaude/collection-plugin 0.5.3 → 0.5.6

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
@@ -2376,12 +2376,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 +2433,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,7 +2499,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-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 useCollectionRendering(collection, locale) {
@@ -2982,6 +3029,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({
@@ -3355,6 +3413,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 +3948,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 +4027,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,
@@ -4249,7 +4387,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),