@mulmoclaude/collection-plugin 0.6.0 → 0.7.1

package/dist/vue.js

@@ -2,7 +2,7 @@ import { MINUTES_PER_DAY, TOOL_DEFINITION, actionVisible, assignLanes, boolSortV
 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";
-import { REMOTE_VIEW_MAX_BYTES, handleRemoteViewMessage, pageFromItems } from "@mulmoclaude/core/remote-view";
+import { REMOTE_VIEW_MAX_BYTES, handleRemoteViewMessage } from "@mulmoclaude/core/remote-view";
 import { createTranslationCache } from "@mulmoclaude/core/translation/client";
 //#region src/vue/uiContext.ts
 var current = null;
@@ -2889,9 +2889,7 @@ var CollectionRemoteViewPreview_default = /*#__PURE__*/ _plugin_vue_export_helpe
 	__name: "CollectionRemoteViewPreview",
 	props: {
 		slug: {},
-		view: {},
-		primaryKey: {},
-		items: {}
+		view: {}
 	},
 	emits: ["startChat"],
 	setup(__props, { emit: __emit }) {
@@ -2903,7 +2901,13 @@ var CollectionRemoteViewPreview_default = /*#__PURE__*/ _plugin_vue_export_helpe
 		const srcdoc = ref(null);
 		const bytes = ref(0);
 		const iframeEl = ref(null);
-		const sizeCaption = computed(() => `${Math.max(1, Math.round(bytes.value / 1024))} KB / ${Math.round(REMOTE_VIEW_MAX_BYTES / 1024)} KB`);
+		const imageStats = ref(null);
+		const sizeCaption = computed(() => {
+			const base = `${Math.max(1, Math.round(bytes.value / 1024))} KB / ${Math.round(REMOTE_VIEW_MAX_BYTES / 1024)} KB`;
+			const stats = imageStats.value;
+			if (!stats || stats.inlined === 0 && stats.omitted === 0) return base;
+			return stats.omitted > 0 ? `${base} · ${stats.inlined} images (${stats.omitted} over budget)` : `${base} · ${stats.inlined} images`;
+		});
 		let loadSeq = 0;
 		async function load() {
 			const seq = ++loadSeq;
@@ -2936,12 +2940,31 @@ var CollectionRemoteViewPreview_default = /*#__PURE__*/ _plugin_vue_export_helpe
 			() => props.view.id,
 			() => collectionUi().localeTag()
 		], () => void load(), { immediate: true });
+		async function getPage(request) {
+			const binding = collectionUi();
+			if (!binding.fetchRemoteViewItems) throw new Error("fetchRemoteViewItems is not wired on this host");
+			const resp = await binding.fetchRemoteViewItems(props.slug, props.view.id, request);
+			if (!resp.ok) throw new Error(resp.error);
+			imageStats.value = {
+				inlined: resp.data.inlined,
+				omitted: resp.data.omitted
+			};
+			return resp.data.page;
+		}
+		async function onMutate(request) {
+			const binding = collectionUi();
+			if (!binding.mutateRemoteView) throw new Error("mutateRemoteView is not wired on this host");
+			const resp = await binding.mutateRemoteView(props.slug, props.view.id, request);
+			if (!resp.ok) throw new Error(resp.error);
+			return resp.data.op === "update" ? { item: resp.data.item } : { id: resp.data.id };
+		}
 		function onWindowMessage(event) {
 			const target = event.source;
 			if (!target || target !== iframeEl.value?.contentWindow) return;
 			handleRemoteViewMessage(event.data, {
 				slug: props.slug,
-				getPage: (request) => pageFromItems(props.items, request, props.primaryKey),
+				getPage,
+				onMutate,
 				onStartChat: (prompt, role) => emit("startChat", {
 					prompt,
 					role
@@ -2963,7 +2986,7 @@ var CollectionRemoteViewPreview_default = /*#__PURE__*/ _plugin_vue_export_helpe
 			}, null, 8, _hoisted_5$6))]), createElementVNode("div", _hoisted_6$5, toDisplayString(sizeCaption.value), 1)], 64)) : createCommentVNode("", true)]);
 		};
 	}
-}), [["__scopeId", "data-v-b9e3d51f"]]);
+}), [["__scopeId", "data-v-cd23d935"]]);
 //#endregion
 //#region src/vue/useCollectionRendering.ts
 function stepForFieldType(type) {
@@ -3964,10 +3987,7 @@ var CollectionView_default = /* @__PURE__ */ defineComponent({
 			dataIssues.value = result.data.issues ?? [];
 			enumOriginallyEmpty.value = snapshotEmptyEnums(result.data.collection.schema, result.data.items);
 			await render.loadLinkedCollections(result.data.collection.schema, slug);
-			if (collection.value?.slug === slug) {
-				syncViewToSelected();
-				maybeOpenCalendarForSelected();
-			}
+			if (collection.value?.slug === slug) syncViewToSelected();
 			maybeAutoRefreshFeed(slug);
 		}
 		/** Refresh records + schema IN PLACE for a live (pub/sub-driven) update,
@@ -4547,17 +4567,6 @@ var CollectionView_default = /* @__PURE__ */ defineComponent({
 			if (editing.value) closeEditor();
 			closeView();
 		}
-		/** Deep-link entry: a `?selected=<id>` link to a calendar-capable collection
-		*  opens in calendar view with the popup focused on the record's day. Runs
-		*  on load / slug change only (not on in-app selection), so table users
-		*  aren't forced into the calendar. */
-		function maybeOpenCalendarForSelected() {
-			if (embedded.value || !hasCalendar.value || !viewing.value) return;
-			const day = dayOfItem(viewing.value);
-			if (!day) return;
-			view.value = "calendar";
-			openDay.value = day;
-		}
 		/** Kanban card dropped in a column → set the record's group field to the
 		*  column value (the empty string clears it for the Uncategorized column).
 		*  Reuses the inline-edit path (optimistic write + PUT + rollback). */
@@ -4950,15 +4959,8 @@ var CollectionView_default = /* @__PURE__ */ defineComponent({
 					key: 0,
 					slug: collection.value.slug,
 					view: activeCustomView.value,
-					"primary-key": collection.value.schema.primaryKey,
-					items: items.value,
 					onStartChat: onCustomViewStartChat
-				}, null, 8, [
-					"slug",
-					"view",
-					"primary-key",
-					"items"
-				])) : (openBlock(), createBlock(CollectionCustomView_default, {
+				}, null, 8, ["slug", "view"])) : (openBlock(), createBlock(CollectionCustomView_default, {
 					key: 1,
 					slug: collection.value.slug,
 					view: activeCustomView.value,