@mulmoclaude/mulmoscript-plugin 4.1.1 → 4.4.0

package/dist/vue.js

@@ -1,4 +1,4 @@
-import { a as pluginCore, d as errorMessage, f as TOOL_DEFINITION, p as TOOL_NAME } from "./plugin-CXhOP_xU.js";
+import { a as pluginCore, d as errorMessage, f as TOOL_DEFINITION, p as TOOL_NAME } from "./plugin-CAhxJ5WM.js";
 import { n as SCRIPT_CHANGED_EVENT, r as shouldReloadForScriptChange, t as GENERATION_EVENT } from "./contract-CIt1ZAtt.js";
 import { mulmoBeatSchema, mulmoScriptSchema } from "@mulmocast/types";
 import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineAsyncComponent, defineComponent, inject, normalizeClass, normalizeStyle, onBeforeUnmount, onMounted, openBlock, reactive, ref, renderList, toDisplayString, unref, vModelText, vShow, watch, withDirectives, withModifiers } from "vue";
@@ -115,22 +115,20 @@ function beatMayHaveMovie(beat) {
 function isBeatImageReference(beat) {
 	return beat.image?.type === "beat";
 }
-/** Pure check: is every beat in the script a `slide`-typed beat?
-*  When true, the View mounts `@mulmocast/beat-editor`'s
-*  `BeatListEditor` instead of the per-beat list UI (#1575).
-*  Empty / missing `beats[]` returns false — there's nothing to edit
-*  as a deck, fall through to the existing UI which renders an empty
-*  state. Mixed scripts (any non-`slide` beat) also return false; that
-*  case is deferred to a future phase. */
-function isAllSlideDeck(script) {
+/** Whether the beat editor has anything to edit.
+*
+*  Any beat type, not just `slide`: `@mulmocast/beat-editor` renders and edits all eight
+*  (`textSlide` / `markdown` / `chart` / `mermaid` / `image` / `movie` / `slide` /
+*  `html_tailwind`). The all-slide test this replaces was a limit of the OLD iframe deck
+*  editor, which only understood decks — it stayed in place through the migration and kept a
+*  markdown script read-only for no reason.
+*
+*  Empty / missing `beats[]` is false: there is nothing to edit, and the per-beat list already
+*  renders an empty state. */
+function hasEditableBeats(script) {
 	if (!isRecord(script)) return false;
 	const { beats } = script;
-	if (!Array.isArray(beats) || beats.length === 0) return false;
-	return beats.every((beat) => {
-		if (!isRecord(beat)) return false;
-		const { image } = beat;
-		return isRecord(image) && image.type === "slide";
-	});
+	return Array.isArray(beats) && beats.length > 0;
 }
 /** Resolve the beat the View should render at `index`: the user's
 *  in-place edit (`overrides`) wins over the on-disk beat, and an
@@ -200,6 +198,22 @@ function clearReactiveRecords(...records) {
 		Object.keys(record).forEach((key) => Reflect.deleteProperty(record, key));
 	});
 }
+/**
+* Whether a `focusout` means focus actually LEFT `container`, rather than moving between two
+* fields inside it.
+*
+* The distinction decides whether pending edits are written: treating every focusout as a
+* departure would write on each hop between inputs, and treating none as one would let the user
+* walk away with the last keystroke unsaved.
+*
+* `null` is focus going nowhere the document can name — clicking the page chrome, or the window
+* losing focus. That counts as leaving: the editor is no longer where the typing goes.
+*/
+function focusLeftContainer(container, movedTo) {
+	if (!container) return false;
+	if (!(movedTo instanceof Node)) return true;
+	return !container.contains(movedTo);
+}
 //#endregion
 //#region src/vue/transport.ts
 var GENERATION_EVENT_KINDS = /* @__PURE__ */ new Set([
@@ -588,7 +602,7 @@ var DECK_SAVE_DEBOUNCE_MS = 300;
 */
 var EDITOR_ORIGIN = `deck-editor-${Math.random().toString(36).slice(2)}`;
 function useDeckEditor({ api, filePath, effectiveScript, commitScript }) {
-	const isDeck = computed(() => isAllSlideDeck(effectiveScript.value));
+	const canEditBeats = computed(() => hasEditableBeats(effectiveScript.value));
 	const deckScriptInput = computed(() => effectiveScript.value);
 	let deckSaveTimer = null;
 	let pendingDeckScript = null;
@@ -638,7 +652,7 @@ function useDeckEditor({ api, filePath, effectiveScript, commitScript }) {
 		});
 	}
 	return {
-		isDeck,
+		canEditBeats,
 		deckScriptInput,
 		onDeckUpdate,
 		flushPendingDeckSave,
@@ -652,6 +666,8 @@ function useDeckEditor({ api, filePath, effectiveScript, commitScript }) {
 var useT = createUseT({
 	de: {
 		beatCount: (count) => count === 1 ? `${count} Beat` : `${count} Beats`,
+		editTab: "Bearbeiten",
+		mediaTab: "Medien",
 		movie: "Video",
 		generating: "Wird generiert…",
 		rendering: "Wird gerendert…",
@@ -684,6 +700,8 @@ var useT = createUseT({
 	},
 	en: {
 		beatCount: (count) => count === 1 ? `${count} beat` : `${count} beats`,
+		editTab: "Edit",
+		mediaTab: "Media",
 		movie: "Movie",
 		generating: "Generating…",
 		rendering: "Rendering…",
@@ -716,6 +734,8 @@ var useT = createUseT({
 	},
 	es: {
 		beatCount: (count) => count === 1 ? `${count} beat` : `${count} beats`,
+		editTab: "Editar",
+		mediaTab: "Medios",
 		movie: "Vídeo",
 		generating: "Generando…",
 		rendering: "Renderizando…",
@@ -748,6 +768,8 @@ var useT = createUseT({
 	},
 	fr: {
 		beatCount: (count) => count === 1 ? `${count} beat` : `${count} beats`,
+		editTab: "Éditer",
+		mediaTab: "Médias",
 		movie: "Film",
 		generating: "Génération…",
 		rendering: "Rendu…",
@@ -780,6 +802,8 @@ var useT = createUseT({
 	},
 	ja: {
 		beatCount: (count) => `${count} ビート`,
+		editTab: "編集",
+		mediaTab: "メディア",
 		movie: "動画",
 		generating: "生成中…",
 		rendering: "レンダリング中…",
@@ -812,6 +836,8 @@ var useT = createUseT({
 	},
 	ko: {
 		beatCount: (count) => `${count}개 비트`,
+		editTab: "편집",
+		mediaTab: "미디어",
 		movie: "영상",
 		generating: "생성 중…",
 		rendering: "렌더링 중…",
@@ -844,6 +870,8 @@ var useT = createUseT({
 	},
 	"pt-BR": {
 		beatCount: (count) => count === 1 ? `${count} beat` : `${count} beats`,
+		editTab: "Editar",
+		mediaTab: "Mídia",
 		movie: "Vídeo",
 		generating: "Gerando…",
 		rendering: "Renderizando…",
@@ -876,6 +904,8 @@ var useT = createUseT({
 	},
 	zh: {
 		beatCount: (count) => `${count} 个 beat`,
+		editTab: "编辑",
+		mediaTab: "媒体",
 		movie: "视频",
 		generating: "生成中…",
 		rendering: "渲染中…",
@@ -1307,8 +1337,7 @@ var _hoisted_12 = { class: "break-words whitespace-pre-wrap mt-0.5" };
 var _hoisted_13 = ["disabled"];
 var _hoisted_14 = {
 	key: 2,
-	class: "flex-1 overflow-hidden",
-	"data-testid": "mulmo-script-deck-editor"
+	class: "flex shrink-0 gap-1 px-2 pt-1 text-[11px]"
 };
 var _hoisted_15 = { class: "flex gap-3 items-stretch" };
 var _hoisted_16 = [
@@ -1419,6 +1448,7 @@ var _hoisted_53 = ["title"];
 var _hoisted_54 = { class: "material-icons" };
 var SILENT_BEAT_DEFAULT_SEC = 3;
 var MS_PER_SECOND = 1e3;
+var BEAT_TAB_BASE = "rounded px-2 py-0.5 font-sans";
 var View_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	__name: "View",
 	props: { selectedResult: {} },
@@ -1585,12 +1615,27 @@ var View_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineCompo
 				}
 			});
 		}
-		const { isDeck, deckScriptInput, onDeckUpdate, flushPendingDeckSave, watchForeignWrites } = useDeckEditor({
+		const { canEditBeats, deckScriptInput, onDeckUpdate, flushPendingDeckSave, watchForeignWrites } = useDeckEditor({
 			api,
 			filePath,
 			effectiveScript,
 			commitScript
 		});
+		/**
+		* Which pane the beats are shown in.
+		*
+		* `edit` is the beat editor — every beat type, edited in place. `media` is the per-beat list,
+		* which is the only place audio / image / movie generation lives. A script with nothing to edit
+		* has only the list, so the switch is hidden and this is ignored.
+		*
+		* `media` is the default because opening the script is what triggers rendering each beat's
+		* image: the auto-render on mount lives in that list, so defaulting to `edit` silently stopped
+		* thumbnails from being produced at all. Someone who wants to edit clicks once; nobody has to
+		* click to get the previews they always got.
+		*/
+		const beatPane = ref("media");
+		const showBeatEditor = computed(() => canEditBeats.value && beatPane.value === "edit");
+		const beatPaneTabClass = (active) => [BEAT_TAB_BASE, active ? "bg-gray-700 text-white" : "bg-gray-100 text-gray-600 hover:bg-gray-200"];
 		const unsubscribeForeignWrites = watchForeignWrites(() => {
 			refreshScriptFromDisk();
 		});
@@ -1598,6 +1643,18 @@ var View_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineCompo
 		function onDeckBeatsUpdate(beats) {
 			onDeckUpdate(withBeats(deckScriptInput.value, beats));
 		}
+		/**
+		* Leaving the editor writes whatever is still in the debounce.
+		*
+		* Asking the agent to change the script means moving focus out of here first, so this lands
+		* ahead of every request without the host having to announce one — MulmoTerminal's agent is a
+		* terminal, and there is no "sent" event to hook. The debounce is short enough that it has
+		* usually fired already; this closes the case where it has not, which would otherwise have the
+		* agent read a file missing the last thing the user typed.
+		*/
+		function onDeckFocusOut(event) {
+			if (focusLeftContainer(event.currentTarget instanceof Node ? event.currentTarget : null, event.relatedTarget)) flushPendingDeckSave();
+		}
 		onBeforeUnmount(() => {
 			flushPendingDeckSave();
 			resetBeatMovies();
@@ -2035,7 +2092,7 @@ var View_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineCompo
 					"onDownloadPdf"
 				])]),
 				unref(movieError) ? (openBlock(), createElementBlock("div", _hoisted_9, [
-					_cache[3] || (_cache[3] = createElementVNode("span", { class: "material-icons text-base shrink-0 mt-px" }, "error_outline", -1)),
+					_cache[5] || (_cache[5] = createElementVNode("span", { class: "material-icons text-base shrink-0 mt-px" }, "error_outline", -1)),
 					createElementVNode("div", _hoisted_10, [createElementVNode("div", _hoisted_11, toDisplayString(unref(m).movieGenerationFailed), 1), createElementVNode("div", _hoisted_12, toDisplayString(unref(movieError)), 1)]),
 					createElementVNode("button", {
 						class: "shrink-0 h-7 px-2 text-xs rounded border border-red-300 text-red-700 hover:bg-red-100 disabled:opacity-50",
@@ -2075,11 +2132,27 @@ var View_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineCompo
 					"onCharDrop",
 					"onRenderCharacter"
 				])) : createCommentVNode("", true),
-				unref(isDeck) ? (openBlock(), createElementBlock("div", _hoisted_14, [createVNode(unref(BeatListEditor), {
+				unref(canEditBeats) ? (openBlock(), createElementBlock("div", _hoisted_14, [createElementVNode("button", {
+					type: "button",
+					class: normalizeClass(beatPaneTabClass(beatPane.value === "edit")),
+					"data-testid": "mulmo-script-tab-edit",
+					onClick: _cache[1] || (_cache[1] = ($event) => beatPane.value = "edit")
+				}, toDisplayString(unref(m).editTab), 3), createElementVNode("button", {
+					type: "button",
+					class: normalizeClass(beatPaneTabClass(beatPane.value === "media")),
+					"data-testid": "mulmo-script-tab-media",
+					onClick: _cache[2] || (_cache[2] = ($event) => beatPane.value = "media")
+				}, toDisplayString(unref(m).mediaTab), 3)])) : createCommentVNode("", true),
+				showBeatEditor.value ? (openBlock(), createElementBlock("div", {
+					key: 3,
+					class: "flex-1 overflow-hidden",
+					"data-testid": "mulmo-script-deck-editor",
+					onFocusout: onDeckFocusOut
+				}, [createVNode(unref(BeatListEditor), {
 					beats: deckBeats.value,
 					"onUpdate:beats": onDeckBeatsUpdate
-				}, null, 8, ["beats"])])) : (openBlock(), createElementBlock("div", {
-					key: 3,
+				}, null, 8, ["beats"])], 32)) : (openBlock(), createElementBlock("div", {
+					key: 4,
 					ref_key: "beatListEl",
 					ref: beatListEl,
 					class: "flex-1 overflow-y-auto p-2 space-y-1.5"
@@ -2109,7 +2182,7 @@ var View_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineCompo
 							"aria-label": unref(m).close,
 							"data-testid": `mulmo-script-beat-movie-close-${index}`,
 							onClick: withModifiers(($event) => unref(closeBeatMovie)(index), ["stop"])
-						}, [..._cache[4] || (_cache[4] = [createElementVNode("span", { class: "material-icons text-sm" }, "close", -1)])], 8, _hoisted_19)], 64)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+						}, [..._cache[6] || (_cache[6] = [createElementVNode("span", { class: "material-icons text-sm" }, "close", -1)])], 8, _hoisted_19)], 64)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
 							renderedImages[index] ? (openBlock(), createElementBlock("img", {
 								key: 0,
 								src: renderedImages[index],
@@ -2124,7 +2197,7 @@ var View_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineCompo
 								"aria-label": unref(m).play,
 								"data-testid": `mulmo-script-beat-movie-play-${index}`,
 								onClick: withModifiers(($event) => unref(playBeatMovie)(index), ["stop"])
-							}, [unref(beatMovieLoading)[index] ? (openBlock(), createElementBlock("svg", _hoisted_22, [..._cache[5] || (_cache[5] = [createElementVNode("circle", {
+							}, [unref(beatMovieLoading)[index] ? (openBlock(), createElementBlock("svg", _hoisted_22, [..._cache[7] || (_cache[7] = [createElementVNode("circle", {
 								class: "opacity-25",
 								cx: "12",
 								cy: "12",
@@ -2141,7 +2214,7 @@ var View_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineCompo
 								class: "absolute top-1.5 right-1.5 flex items-center gap-1 px-2 py-0.5 text-xs rounded border border-gray-400 text-gray-600 bg-white hover:bg-gray-50 disabled:opacity-60 disabled:cursor-not-allowed",
 								disabled: unref(movieGenerating),
 								onClick: withModifiers(($event) => regenerateBeat(index), ["stop"])
-							}, " ↺ ", 8, _hoisted_24)) : !renderedImages[index] ? (openBlock(), createElementBlock("div", _hoisted_25, [renderState[index] === "rendering" || unref(movieGenerating) && !renderedImages[index] && effectiveBeat$1(index).imagePrompt ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [_cache[6] || (_cache[6] = createElementVNode("svg", {
+							}, " ↺ ", 8, _hoisted_24)) : !renderedImages[index] ? (openBlock(), createElementBlock("div", _hoisted_25, [renderState[index] === "rendering" || unref(movieGenerating) && !renderedImages[index] && effectiveBeat$1(index).imagePrompt ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [_cache[8] || (_cache[8] = createElementVNode("svg", {
 								class: "animate-spin w-4 h-4 text-green-400",
 								viewBox: "0 0 24 24",
 								fill: "none"
@@ -2164,7 +2237,7 @@ var View_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineCompo
 							class: "absolute top-1.5 right-1.5 flex items-center gap-1 px-2 py-0.5 text-xs rounded border border-blue-400 text-blue-600 bg-white hover:bg-blue-50",
 							onClick: ($event) => renderBeat(index)
 						}, toDisplayString(unref(m).generate), 9, _hoisted_33)) : createCommentVNode("", true)
-					], 42, _hoisted_16), createElementVNode("div", _hoisted_34, [createElementVNode("span", _hoisted_35, toDisplayString(effectiveBeat$1(index).text), 1), createElementVNode("div", _hoisted_36, [createElementVNode("div", _hoisted_37, [audioState[index] === "generating" || unref(movieGenerating) && !beatAudios[index] && effectiveBeat$1(index).text ? (openBlock(), createElementBlock("svg", _hoisted_38, [..._cache[7] || (_cache[7] = [createElementVNode("circle", {
+					], 42, _hoisted_16), createElementVNode("div", _hoisted_34, [createElementVNode("span", _hoisted_35, toDisplayString(effectiveBeat$1(index).text), 1), createElementVNode("div", _hoisted_36, [createElementVNode("div", _hoisted_37, [audioState[index] === "generating" || unref(movieGenerating) && !beatAudios[index] && effectiveBeat$1(index).text ? (openBlock(), createElementBlock("svg", _hoisted_38, [..._cache[9] || (_cache[9] = [createElementVNode("circle", {
 						class: "opacity-25",
 						cx: "12",
 						cy: "12",
@@ -2196,7 +2269,7 @@ var View_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineCompo
 						title: sourceOpen[index] ? "Hide source" : "Show source",
 						"data-testid": `mulmo-script-beat-source-toggle-${index}`,
 						onClick: ($event) => toggleSource(index)
-					}, [..._cache[8] || (_cache[8] = [createElementVNode("svg", {
+					}, [..._cache[10] || (_cache[10] = [createElementVNode("svg", {
 						xmlns: "http://www.w3.org/2000/svg",
 						class: "w-3.5 h-3.5",
 						viewBox: "0 0 24 24",
@@ -2222,11 +2295,11 @@ var View_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineCompo
 					ref_key: "sourceDetails",
 					ref: sourceDetails,
 					class: "script-source",
-					onToggle: _cache[2] || (_cache[2] = ($event) => onSourceToggle($event.target.open))
+					onToggle: _cache[4] || (_cache[4] = ($event) => onSourceToggle($event.target.open))
 				}, [
 					createElementVNode("summary", null, toDisplayString(unref(m).editSource), 1),
 					withDirectives(createElementVNode("textarea", {
-						"onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => editableSource.value = $event),
+						"onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => editableSource.value = $event),
 						class: normalizeClass(["script-editor", { "script-editor-invalid": sourceChanged.value && !sourceValid.value }]),
 						spellcheck: "false"
 					}, null, 2), [[vModelText, editableSource.value]]),
@@ -2244,7 +2317,7 @@ var View_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineCompo
 					onClick: copyText
 				}, [createElementVNode("span", _hoisted_54, toDisplayString(unref(copied) ? "check" : "content_copy"), 1)], 8, _hoisted_53), [[vShow, !editing.value]])]),
 				lightbox.value ? (openBlock(), createBlock(BeatLightbox_default, {
-					key: 4,
+					key: 5,
 					lightbox: lightbox.value,
 					"beat-count": beats.value.length,
 					"beat-texts": beatTexts.value,
@@ -2280,7 +2353,7 @@ var _plugin_vue_export_helper_default = (sfc, props) => {
 };
 //#endregion
 //#region src/vue/View.vue
-var View_default = /*#__PURE__*/ _plugin_vue_export_helper_default(View_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-87bf6e4c"]]);
+var View_default = /*#__PURE__*/ _plugin_vue_export_helper_default(View_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-f9957eaf"]]);
 //#endregion
 //#region src/vue/Preview.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = {