@mulmoclaude/mulmoscript-plugin 4.1.1 → 4.3.0

package/dist/vue.cjs

@@ -2,7 +2,7 @@ Object.defineProperties(exports, {
 	__esModule: { value: true },
 	[Symbol.toStringTag]: { value: "Module" }
 });
-const require_plugin = require("./plugin-BLp8tSYt.cjs");
+const require_plugin = require("./plugin-BOq5YkTl.cjs");
 const require_contract = require("./contract-BhN3yKJC.cjs");
 let _mulmocast_types = require("@mulmocast/types");
 let vue = require("vue");
@@ -204,6 +204,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([
@@ -1309,118 +1325,113 @@ var _hoisted_10 = { class: "flex-1 min-w-0" };
 var _hoisted_11 = { class: "font-medium" };
 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"
-};
-var _hoisted_15 = { class: "flex gap-3 items-stretch" };
-var _hoisted_16 = [
+var _hoisted_14 = { class: "flex gap-3 items-stretch" };
+var _hoisted_15 = [
 	"onDragover",
 	"onDragleave",
 	"onDrop"
 ];
-var _hoisted_17 = ["data-testid"];
-var _hoisted_18 = ["src", "data-testid"];
-var _hoisted_19 = [
+var _hoisted_16 = ["data-testid"];
+var _hoisted_17 = ["src", "data-testid"];
+var _hoisted_18 = [
 	"title",
 	"aria-label",
 	"data-testid",
 	"onClick"
 ];
-var _hoisted_20 = [
+var _hoisted_19 = [
 	"src",
 	"alt",
 	"onClick"
 ];
-var _hoisted_21 = [
+var _hoisted_20 = [
 	"title",
 	"aria-label",
 	"data-testid",
 	"onClick"
 ];
-var _hoisted_22 = {
+var _hoisted_21 = {
 	key: 0,
 	class: "animate-spin w-5 h-5",
 	viewBox: "0 0 24 24",
 	fill: "none"
 };
-var _hoisted_23 = {
+var _hoisted_22 = {
 	key: 1,
 	class: "material-icons text-3xl"
 };
-var _hoisted_24 = ["disabled", "onClick"];
-var _hoisted_25 = {
+var _hoisted_23 = ["disabled", "onClick"];
+var _hoisted_24 = {
 	key: 3,
 	class: "w-full aspect-video flex flex-col items-center justify-center gap-1 p-2"
 };
-var _hoisted_26 = { class: "text-xs text-green-500" };
-var _hoisted_27 = {
+var _hoisted_25 = { class: "text-xs text-green-500" };
+var _hoisted_26 = {
 	key: 1,
 	class: "text-xs text-red-400 text-center"
 };
-var _hoisted_28 = {
+var _hoisted_27 = {
 	key: 0,
 	class: "text-xs text-gray-400 text-center italic leading-relaxed px-1"
 };
-var _hoisted_29 = {
+var _hoisted_28 = {
 	key: 1,
 	class: "text-xs text-gray-300"
 };
-var _hoisted_30 = {
+var _hoisted_29 = {
 	key: 2,
 	class: "absolute inset-0 flex items-center justify-center bg-blue-50/80 pointer-events-none"
 };
-var _hoisted_31 = { class: "text-xs text-blue-500 font-medium" };
-var _hoisted_32 = {
+var _hoisted_30 = { class: "text-xs text-blue-500 font-medium" };
+var _hoisted_31 = {
 	key: 3,
 	class: "absolute bottom-0 inset-x-0 text-center text-xs text-gray-400 bg-white/70 py-0.5 pointer-events-none"
 };
-var _hoisted_33 = ["onClick"];
-var _hoisted_34 = { class: "flex flex-col flex-1 min-w-0 px-2 py-1.5" };
-var _hoisted_35 = { class: "text-sm text-gray-800 leading-relaxed" };
-var _hoisted_36 = { class: "flex justify-between mt-auto pt-1" };
-var _hoisted_37 = { class: "flex items-center gap-1" };
-var _hoisted_38 = {
+var _hoisted_32 = ["onClick"];
+var _hoisted_33 = { class: "flex flex-col flex-1 min-w-0 px-2 py-1.5" };
+var _hoisted_34 = { class: "text-sm text-gray-800 leading-relaxed" };
+var _hoisted_35 = { class: "flex justify-between mt-auto pt-1" };
+var _hoisted_36 = { class: "flex items-center gap-1" };
+var _hoisted_37 = {
 	key: 0,
 	class: "animate-spin w-3 h-3 text-green-400",
 	viewBox: "0 0 24 24",
 	fill: "none"
 };
-var _hoisted_39 = ["onClick"];
-var _hoisted_40 = ["title"];
-var _hoisted_41 = ["disabled", "onClick"];
-var _hoisted_42 = ["onClick"];
-var _hoisted_43 = [
+var _hoisted_38 = ["onClick"];
+var _hoisted_39 = ["title"];
+var _hoisted_40 = ["disabled", "onClick"];
+var _hoisted_41 = ["onClick"];
+var _hoisted_42 = [
 	"title",
 	"data-testid",
 	"onClick"
 ];
-var _hoisted_44 = {
+var _hoisted_43 = {
 	key: 0,
 	class: "border-t border-gray-100"
 };
-var _hoisted_45 = ["onUpdate:modelValue", "data-testid"];
-var _hoisted_46 = { class: "flex items-center justify-end gap-2 px-2 pb-2" };
-var _hoisted_47 = {
+var _hoisted_44 = ["onUpdate:modelValue", "data-testid"];
+var _hoisted_45 = { class: "flex items-center justify-end gap-2 px-2 pb-2" };
+var _hoisted_46 = {
 	key: 0,
 	class: "text-xs text-red-600",
 	role: "alert"
 };
-var _hoisted_48 = [
+var _hoisted_47 = [
 	"disabled",
 	"data-testid",
 	"onClick"
 ];
-var _hoisted_49 = {
+var _hoisted_48 = {
 	key: 0,
 	class: "flex items-center justify-center h-32 text-gray-400 text-sm"
 };
-var _hoisted_50 = { class: "bottom-bar-wrapper" };
-var _hoisted_51 = { class: "editor-actions" };
-var _hoisted_52 = ["disabled"];
-var _hoisted_53 = ["title"];
-var _hoisted_54 = { class: "material-icons" };
+var _hoisted_49 = { class: "bottom-bar-wrapper" };
+var _hoisted_50 = { class: "editor-actions" };
+var _hoisted_51 = ["disabled"];
+var _hoisted_52 = ["title"];
+var _hoisted_53 = { class: "material-icons" };
 var SILENT_BEAT_DEFAULT_SEC = 3;
 var MS_PER_SECOND = 1e3;
 var View_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ (0, vue.defineComponent)({
@@ -1602,6 +1613,18 @@ var View_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ (0, vue.def
 		function onDeckBeatsUpdate(beats) {
 			onDeckUpdate((0, _mulmocast_beat_editor.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();
+		}
 		(0, vue.onBeforeUnmount)(() => {
 			flushPendingDeckSave();
 			resetBeatMovies();
@@ -2079,10 +2102,15 @@ var View_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ (0, vue.def
 					"onCharDrop",
 					"onRenderCharacter"
 				])) : (0, vue.createCommentVNode)("", true),
-				(0, vue.unref)(isDeck) ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_14, [(0, vue.createVNode)((0, vue.unref)(BeatListEditor), {
+				(0, vue.unref)(isDeck) ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", {
+					key: 2,
+					class: "flex-1 overflow-hidden",
+					"data-testid": "mulmo-script-deck-editor",
+					onFocusout: onDeckFocusOut
+				}, [(0, vue.createVNode)((0, vue.unref)(BeatListEditor), {
 					beats: deckBeats.value,
 					"onUpdate:beats": onDeckBeatsUpdate
-				}, null, 8, ["beats"])])) : ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", {
+				}, null, 8, ["beats"])], 32)) : ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", {
 					key: 3,
 					ref_key: "beatListEl",
 					ref: beatListEl,
@@ -2091,7 +2119,7 @@ var View_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ (0, vue.def
 					return (0, vue.openBlock)(), (0, vue.createElementBlock)("div", {
 						key: index,
 						class: "rounded-lg border border-gray-200 overflow-hidden"
-					}, [(0, vue.createElementVNode)("div", _hoisted_15, [(0, vue.createElementVNode)("div", {
+					}, [(0, vue.createElementVNode)("div", _hoisted_14, [(0, vue.createElementVNode)("div", {
 						class: (0, vue.normalizeClass)(["relative shrink-0 w-[45%] overflow-hidden bg-gray-50 transition-colors", beatDragOver[index] ? "bg-blue-50" : ""]),
 						onDragover: ($event) => onBeatDragOver($event, index),
 						onDragleave: ($event) => onBeatDragLeave(index),
@@ -2100,27 +2128,27 @@ var View_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ (0, vue.def
 						(0, vue.createElementVNode)("div", {
 							class: "absolute top-1.5 left-1.5 z-10 px-1.5 py-0.5 rounded bg-black/55 text-white text-xs font-medium leading-none pointer-events-none",
 							"data-testid": `mulmo-script-beat-number-${index}`
-						}, (0, vue.toDisplayString)(index + 1), 9, _hoisted_17),
+						}, (0, vue.toDisplayString)(index + 1), 9, _hoisted_16),
 						(0, vue.unref)(beatMovieOpen)[index] && (0, vue.unref)(beatMovieUrls)[index] ? ((0, vue.openBlock)(), (0, vue.createElementBlock)(vue.Fragment, { key: 0 }, [(0, vue.createElementVNode)("video", {
 							src: (0, vue.unref)(beatMovieUrls)[index],
 							class: "w-full object-contain",
 							controls: "",
 							autoplay: "",
 							"data-testid": `mulmo-script-beat-movie-player-${index}`
-						}, null, 8, _hoisted_18), (0, vue.createElementVNode)("button", {
+						}, null, 8, _hoisted_17), (0, vue.createElementVNode)("button", {
 							class: "absolute top-1.5 right-1.5 flex items-center justify-center w-6 h-6 rounded border border-gray-400 text-gray-600 bg-white hover:bg-gray-50",
 							title: (0, vue.unref)(m).close,
 							"aria-label": (0, vue.unref)(m).close,
 							"data-testid": `mulmo-script-beat-movie-close-${index}`,
 							onClick: (0, vue.withModifiers)(($event) => (0, vue.unref)(closeBeatMovie)(index), ["stop"])
-						}, [..._cache[4] || (_cache[4] = [(0, vue.createElementVNode)("span", { class: "material-icons text-sm" }, "close", -1)])], 8, _hoisted_19)], 64)) : ((0, vue.openBlock)(), (0, vue.createElementBlock)(vue.Fragment, { key: 1 }, [
+						}, [..._cache[4] || (_cache[4] = [(0, vue.createElementVNode)("span", { class: "material-icons text-sm" }, "close", -1)])], 8, _hoisted_18)], 64)) : ((0, vue.openBlock)(), (0, vue.createElementBlock)(vue.Fragment, { key: 1 }, [
 							renderedImages[index] ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("img", {
 								key: 0,
 								src: renderedImages[index],
 								class: "w-full object-contain cursor-zoom-in",
 								alt: `Beat ${index + 1}`,
 								onClick: ($event) => openLightbox(index)
-							}, null, 8, _hoisted_20)) : (0, vue.createCommentVNode)("", true),
+							}, null, 8, _hoisted_19)) : (0, vue.createCommentVNode)("", true),
 							renderedImages[index] && (0, vue.unref)(beatMovies)[index] && canFetchMedia.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("button", {
 								key: 1,
 								class: "absolute inset-0 m-auto w-12 h-12 flex items-center justify-center rounded-full bg-black/50 text-white hover:bg-black/70",
@@ -2128,7 +2156,7 @@ var View_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ (0, vue.def
 								"aria-label": (0, vue.unref)(m).play,
 								"data-testid": `mulmo-script-beat-movie-play-${index}`,
 								onClick: (0, vue.withModifiers)(($event) => (0, vue.unref)(playBeatMovie)(index), ["stop"])
-							}, [(0, vue.unref)(beatMovieLoading)[index] ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("svg", _hoisted_22, [..._cache[5] || (_cache[5] = [(0, vue.createElementVNode)("circle", {
+							}, [(0, vue.unref)(beatMovieLoading)[index] ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("svg", _hoisted_21, [..._cache[5] || (_cache[5] = [(0, vue.createElementVNode)("circle", {
 								class: "opacity-25",
 								cx: "12",
 								cy: "12",
@@ -2139,13 +2167,13 @@ var View_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ (0, vue.def
 								class: "opacity-75",
 								fill: "currentColor",
 								d: "M4 12a8 8 0 018-8v8H4z"
-							}, null, -1)])])) : ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_23, "play_arrow"))], 8, _hoisted_21)) : (0, vue.createCommentVNode)("", true),
+							}, null, -1)])])) : ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_22, "play_arrow"))], 8, _hoisted_20)) : (0, vue.createCommentVNode)("", true),
 							renderedImages[index] && renderState[index] !== "rendering" ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("button", {
 								key: 2,
 								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: (0, vue.unref)(movieGenerating),
 								onClick: (0, vue.withModifiers)(($event) => regenerateBeat(index), ["stop"])
-							}, " ↺ ", 8, _hoisted_24)) : !renderedImages[index] ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_25, [renderState[index] === "rendering" || (0, vue.unref)(movieGenerating) && !renderedImages[index] && effectiveBeat$1(index).imagePrompt ? ((0, vue.openBlock)(), (0, vue.createElementBlock)(vue.Fragment, { key: 0 }, [_cache[6] || (_cache[6] = (0, vue.createElementVNode)("svg", {
+							}, " ↺ ", 8, _hoisted_23)) : !renderedImages[index] ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_24, [renderState[index] === "rendering" || (0, vue.unref)(movieGenerating) && !renderedImages[index] && effectiveBeat$1(index).imagePrompt ? ((0, vue.openBlock)(), (0, vue.createElementBlock)(vue.Fragment, { key: 0 }, [_cache[6] || (_cache[6] = (0, vue.createElementVNode)("svg", {
 								class: "animate-spin w-4 h-4 text-green-400",
 								viewBox: "0 0 24 24",
 								fill: "none"
@@ -2160,15 +2188,15 @@ var View_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ (0, vue.def
 								class: "opacity-75",
 								fill: "currentColor",
 								d: "M4 12a8 8 0 018-8v8H4z"
-							})], -1)), (0, vue.createElementVNode)("span", _hoisted_26, (0, vue.toDisplayString)((0, vue.unref)(m).rendering), 1)], 64)) : renderState[index] === "error" ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_27, (0, vue.toDisplayString)(renderErrors[index]), 1)) : ((0, vue.openBlock)(), (0, vue.createElementBlock)(vue.Fragment, { key: 2 }, [effectiveBeat$1(index).imagePrompt ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_28, (0, vue.toDisplayString)(effectiveBeat$1(index).imagePrompt), 1)) : ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_29, (0, vue.toDisplayString)(beat.image?.type ?? "—"), 1))], 64))])) : (0, vue.createCommentVNode)("", true)
+							})], -1)), (0, vue.createElementVNode)("span", _hoisted_25, (0, vue.toDisplayString)((0, vue.unref)(m).rendering), 1)], 64)) : renderState[index] === "error" ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_26, (0, vue.toDisplayString)(renderErrors[index]), 1)) : ((0, vue.openBlock)(), (0, vue.createElementBlock)(vue.Fragment, { key: 2 }, [effectiveBeat$1(index).imagePrompt ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_27, (0, vue.toDisplayString)(effectiveBeat$1(index).imagePrompt), 1)) : ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_28, (0, vue.toDisplayString)(beat.image?.type ?? "—"), 1))], 64))])) : (0, vue.createCommentVNode)("", true)
 						], 64)),
-						beatDragOver[index] ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_30, [(0, vue.createElementVNode)("span", _hoisted_31, (0, vue.toDisplayString)((0, vue.unref)(m).drop), 1)])) : !renderedImages[index] && renderState[index] !== "rendering" ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_32, (0, vue.toDisplayString)((0, vue.unref)(m).orDropImage), 1)) : (0, vue.createCommentVNode)("", true),
+						beatDragOver[index] ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_29, [(0, vue.createElementVNode)("span", _hoisted_30, (0, vue.toDisplayString)((0, vue.unref)(m).drop), 1)])) : !renderedImages[index] && renderState[index] !== "rendering" ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_31, (0, vue.toDisplayString)((0, vue.unref)(m).orDropImage), 1)) : (0, vue.createCommentVNode)("", true),
 						!renderedImages[index] && renderState[index] !== "rendering" && !(0, vue.unref)(movieGenerating) && !(0, vue.unref)(isBeatImageReference)(effectiveBeat$1(index)) ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("button", {
 							key: 4,
 							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)
-						}, (0, vue.toDisplayString)((0, vue.unref)(m).generate), 9, _hoisted_33)) : (0, vue.createCommentVNode)("", true)
-					], 42, _hoisted_16), (0, vue.createElementVNode)("div", _hoisted_34, [(0, vue.createElementVNode)("span", _hoisted_35, (0, vue.toDisplayString)(effectiveBeat$1(index).text), 1), (0, vue.createElementVNode)("div", _hoisted_36, [(0, vue.createElementVNode)("div", _hoisted_37, [audioState[index] === "generating" || (0, vue.unref)(movieGenerating) && !beatAudios[index] && effectiveBeat$1(index).text ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("svg", _hoisted_38, [..._cache[7] || (_cache[7] = [(0, vue.createElementVNode)("circle", {
+						}, (0, vue.toDisplayString)((0, vue.unref)(m).generate), 9, _hoisted_32)) : (0, vue.createCommentVNode)("", true)
+					], 42, _hoisted_15), (0, vue.createElementVNode)("div", _hoisted_33, [(0, vue.createElementVNode)("span", _hoisted_34, (0, vue.toDisplayString)(effectiveBeat$1(index).text), 1), (0, vue.createElementVNode)("div", _hoisted_35, [(0, vue.createElementVNode)("div", _hoisted_36, [audioState[index] === "generating" || (0, vue.unref)(movieGenerating) && !beatAudios[index] && effectiveBeat$1(index).text ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("svg", _hoisted_37, [..._cache[7] || (_cache[7] = [(0, vue.createElementVNode)("circle", {
 						class: "opacity-25",
 						cx: "12",
 						cy: "12",
@@ -2183,19 +2211,19 @@ var View_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ (0, vue.def
 						key: 1,
 						class: (0, vue.normalizeClass)(["text-xs px-2 py-0.5 rounded border", playingAudio.value?.index === index ? "border-red-400 text-red-600 hover:bg-red-50" : "border-green-400 text-green-600 hover:bg-green-50"]),
 						onClick: ($event) => playAudio(index)
-					}, (0, vue.toDisplayString)(playingAudio.value?.index === index ? (0, vue.unref)(m).stop : (0, vue.unref)(m).play), 11, _hoisted_39)) : audioErrors[index] ? ((0, vue.openBlock)(), (0, vue.createElementBlock)(vue.Fragment, { key: 2 }, [(0, vue.createElementVNode)("span", {
+					}, (0, vue.toDisplayString)(playingAudio.value?.index === index ? (0, vue.unref)(m).stop : (0, vue.unref)(m).play), 11, _hoisted_38)) : audioErrors[index] ? ((0, vue.openBlock)(), (0, vue.createElementBlock)(vue.Fragment, { key: 2 }, [(0, vue.createElementVNode)("span", {
 						class: "text-xs text-red-400 truncate min-w-0 max-w-[20rem]",
 						title: audioErrors[index]
-					}, (0, vue.toDisplayString)((0, vue.unref)(m).errPrefix) + " " + (0, vue.toDisplayString)(audioErrors[index]), 9, _hoisted_40), effectiveBeat$1(index).text ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("button", {
+					}, (0, vue.toDisplayString)((0, vue.unref)(m).errPrefix) + " " + (0, vue.toDisplayString)(audioErrors[index]), 9, _hoisted_39), effectiveBeat$1(index).text ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("button", {
 						key: 0,
 						class: "text-xs px-2 py-0.5 rounded border border-gray-300 text-gray-500 hover:bg-gray-50 disabled:opacity-50",
 						disabled: (0, vue.unref)(movieGenerating),
 						onClick: ($event) => generateAudio(index)
-					}, " ↺ ", 8, _hoisted_41)) : (0, vue.createCommentVNode)("", true)], 64)) : effectiveBeat$1(index).text ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("button", {
+					}, " ↺ ", 8, _hoisted_40)) : (0, vue.createCommentVNode)("", true)], 64)) : effectiveBeat$1(index).text ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("button", {
 						key: 3,
 						class: "text-xs px-2 py-0.5 rounded border border-gray-300 text-gray-500 hover:bg-gray-50",
 						onClick: ($event) => generateAudio(index)
-					}, (0, vue.toDisplayString)((0, vue.unref)(m).generateAudio), 9, _hoisted_42)) : (0, vue.createCommentVNode)("", true)]), (0, vue.createElementVNode)("button", {
+					}, (0, vue.toDisplayString)((0, vue.unref)(m).generateAudio), 9, _hoisted_41)) : (0, vue.createCommentVNode)("", true)]), (0, vue.createElementVNode)("button", {
 						class: "text-gray-400 hover:text-gray-600",
 						title: sourceOpen[index] ? "Hide source" : "Show source",
 						"data-testid": `mulmo-script-beat-source-toggle-${index}`,
@@ -2209,20 +2237,20 @@ var View_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ (0, vue.def
 						"stroke-width": "2",
 						"stroke-linecap": "round",
 						"stroke-linejoin": "round"
-					}, [(0, vue.createElementVNode)("polyline", { points: "16 18 22 12 16 6" }), (0, vue.createElementVNode)("polyline", { points: "8 6 2 12 8 18" })], -1)])], 8, _hoisted_43)])])]), sourceOpen[index] ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_44, [(0, vue.withDirectives)((0, vue.createElementVNode)("textarea", {
+					}, [(0, vue.createElementVNode)("polyline", { points: "16 18 22 12 16 6" }), (0, vue.createElementVNode)("polyline", { points: "8 6 2 12 8 18" })], -1)])], 8, _hoisted_42)])])]), sourceOpen[index] ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_43, [(0, vue.withDirectives)((0, vue.createElementVNode)("textarea", {
 						"onUpdate:modelValue": ($event) => sourceText[index] = $event,
 						class: (0, vue.normalizeClass)(["w-full text-xs text-gray-600 bg-gray-50 p-2 font-mono resize-none", isValidBeat$1(index) ? "outline-none" : "outline outline-2 outline-red-400"]),
 						rows: "8",
 						spellcheck: "false",
 						"data-testid": `mulmo-script-beat-source-textarea-${index}`
-					}, null, 10, _hoisted_45), [[vue.vModelText, sourceText[index]]]), (0, vue.createElementVNode)("div", _hoisted_46, [beatSaveErrors[index] ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_47, (0, vue.toDisplayString)(beatSaveErrors[index].kind === "invalidJson" ? (0, vue.unref)(m).saveErrorInvalidJson(beatSaveErrors[index].error) : (0, vue.unref)(m).saveErrorSaveFailed(beatSaveErrors[index].error)), 1)) : (0, vue.createCommentVNode)("", true), (0, vue.createElementVNode)("button", {
+					}, null, 10, _hoisted_44), [[vue.vModelText, sourceText[index]]]), (0, vue.createElementVNode)("div", _hoisted_45, [beatSaveErrors[index] ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_46, (0, vue.toDisplayString)(beatSaveErrors[index].kind === "invalidJson" ? (0, vue.unref)(m).saveErrorInvalidJson(beatSaveErrors[index].error) : (0, vue.unref)(m).saveErrorSaveFailed(beatSaveErrors[index].error)), 1)) : (0, vue.createCommentVNode)("", true), (0, vue.createElementVNode)("button", {
 						class: (0, vue.normalizeClass)(["px-2 py-1 text-xs rounded border", isValidBeat$1(index) && !beatSaving[index] ? "border-blue-400 text-blue-600 hover:bg-blue-50 cursor-pointer" : "border-gray-200 text-gray-300 cursor-not-allowed"]),
 						disabled: !isValidBeat$1(index) || !!beatSaving[index],
 						"data-testid": `mulmo-script-beat-update-button-${index}`,
 						onClick: ($event) => updateBeat(index)
-					}, (0, vue.toDisplayString)(beatSaving[index] ? (0, vue.unref)(m).saving : (0, vue.unref)(m).update), 11, _hoisted_48)])])) : (0, vue.createCommentVNode)("", true)]);
-				}), 128)), beats.value.length === 0 ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_49, (0, vue.toDisplayString)((0, vue.unref)(m).noBeats), 1)) : (0, vue.createCommentVNode)("", true)], 512)),
-				(0, vue.createElementVNode)("div", _hoisted_50, [(0, vue.createElementVNode)("details", {
+					}, (0, vue.toDisplayString)(beatSaving[index] ? (0, vue.unref)(m).saving : (0, vue.unref)(m).update), 11, _hoisted_47)])])) : (0, vue.createCommentVNode)("", true)]);
+				}), 128)), beats.value.length === 0 ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_48, (0, vue.toDisplayString)((0, vue.unref)(m).noBeats), 1)) : (0, vue.createCommentVNode)("", true)], 512)),
+				(0, vue.createElementVNode)("div", _hoisted_49, [(0, vue.createElementVNode)("details", {
 					ref_key: "sourceDetails",
 					ref: sourceDetails,
 					class: "script-source",
@@ -2234,11 +2262,11 @@ var View_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ (0, vue.def
 						class: (0, vue.normalizeClass)(["script-editor", { "script-editor-invalid": sourceChanged.value && !sourceValid.value }]),
 						spellcheck: "false"
 					}, null, 2), [[vue.vModelText, editableSource.value]]),
-					(0, vue.createElementVNode)("div", _hoisted_51, [(0, vue.createElementVNode)("button", {
+					(0, vue.createElementVNode)("div", _hoisted_50, [(0, vue.createElementVNode)("button", {
 						class: "apply-btn",
 						disabled: !sourceChanged.value || !sourceValid.value,
 						onClick: applySource
-					}, (0, vue.toDisplayString)((0, vue.unref)(m).applyChanges), 9, _hoisted_52), (0, vue.createElementVNode)("button", {
+					}, (0, vue.toDisplayString)((0, vue.unref)(m).applyChanges), 9, _hoisted_51), (0, vue.createElementVNode)("button", {
 						class: "cancel-btn",
 						onClick: cancelSourceEdit
 					}, (0, vue.toDisplayString)((0, vue.unref)(m).cancel), 1)])
@@ -2246,7 +2274,7 @@ var View_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ (0, vue.def
 					class: "copy-btn",
 					title: (0, vue.unref)(copied) ? "Copied!" : "Copy",
 					onClick: copyText
-				}, [(0, vue.createElementVNode)("span", _hoisted_54, (0, vue.toDisplayString)((0, vue.unref)(copied) ? "check" : "content_copy"), 1)], 8, _hoisted_53), [[vue.vShow, !editing.value]])]),
+				}, [(0, vue.createElementVNode)("span", _hoisted_53, (0, vue.toDisplayString)((0, vue.unref)(copied) ? "check" : "content_copy"), 1)], 8, _hoisted_52), [[vue.vShow, !editing.value]])]),
 				lightbox.value ? ((0, vue.openBlock)(), (0, vue.createBlock)(BeatLightbox_default, {
 					key: 4,
 					lightbox: lightbox.value,
@@ -2284,7 +2312,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-d78be72d"]]);
 //#endregion
 //#region src/vue/Preview.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = {