@mulmoclaude/mulmoscript-plugin 4.1.1 → 4.3.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";
@@ -200,6 +200,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([
@@ -1305,118 +1321,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__*/ defineComponent({
@@ -1598,6 +1609,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();
@@ -2075,10 +2098,15 @@ 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(isDeck) ? (openBlock(), createElementBlock("div", {
+					key: 2,
+					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", {
+				}, null, 8, ["beats"])], 32)) : (openBlock(), createElementBlock("div", {
 					key: 3,
 					ref_key: "beatListEl",
 					ref: beatListEl,
@@ -2087,7 +2115,7 @@ var View_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineCompo
 					return openBlock(), createElementBlock("div", {
 						key: index,
 						class: "rounded-lg border border-gray-200 overflow-hidden"
-					}, [createElementVNode("div", _hoisted_15, [createElementVNode("div", {
+					}, [createElementVNode("div", _hoisted_14, [createElementVNode("div", {
 						class: 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),
@@ -2096,27 +2124,27 @@ var View_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineCompo
 						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}`
-						}, toDisplayString(index + 1), 9, _hoisted_17),
+						}, toDisplayString(index + 1), 9, _hoisted_16),
 						unref(beatMovieOpen)[index] && unref(beatMovieUrls)[index] ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [createElementVNode("video", {
 							src: unref(beatMovieUrls)[index],
 							class: "w-full object-contain",
 							controls: "",
 							autoplay: "",
 							"data-testid": `mulmo-script-beat-movie-player-${index}`
-						}, null, 8, _hoisted_18), createElementVNode("button", {
+						}, null, 8, _hoisted_17), 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: unref(m).close,
 							"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[4] || (_cache[4] = [createElementVNode("span", { class: "material-icons text-sm" }, "close", -1)])], 8, _hoisted_18)], 64)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
 							renderedImages[index] ? (openBlock(), 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)) : createCommentVNode("", true),
+							}, null, 8, _hoisted_19)) : createCommentVNode("", true),
 							renderedImages[index] && unref(beatMovies)[index] && canFetchMedia.value ? (openBlock(), 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",
@@ -2124,7 +2152,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_21, [..._cache[5] || (_cache[5] = [createElementVNode("circle", {
 								class: "opacity-25",
 								cx: "12",
 								cy: "12",
@@ -2135,13 +2163,13 @@ var View_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineCompo
 								class: "opacity-75",
 								fill: "currentColor",
 								d: "M4 12a8 8 0 018-8v8H4z"
-							}, null, -1)])])) : (openBlock(), createElementBlock("span", _hoisted_23, "play_arrow"))], 8, _hoisted_21)) : createCommentVNode("", true),
+							}, null, -1)])])) : (openBlock(), createElementBlock("span", _hoisted_22, "play_arrow"))], 8, _hoisted_20)) : createCommentVNode("", true),
 							renderedImages[index] && renderState[index] !== "rendering" ? (openBlock(), 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: 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_23)) : !renderedImages[index] ? (openBlock(), createElementBlock("div", _hoisted_24, [renderState[index] === "rendering" || unref(movieGenerating) && !renderedImages[index] && effectiveBeat$1(index).imagePrompt ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [_cache[6] || (_cache[6] = createElementVNode("svg", {
 								class: "animate-spin w-4 h-4 text-green-400",
 								viewBox: "0 0 24 24",
 								fill: "none"
@@ -2156,15 +2184,15 @@ var View_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineCompo
 								class: "opacity-75",
 								fill: "currentColor",
 								d: "M4 12a8 8 0 018-8v8H4z"
-							})], -1)), createElementVNode("span", _hoisted_26, toDisplayString(unref(m).rendering), 1)], 64)) : renderState[index] === "error" ? (openBlock(), createElementBlock("span", _hoisted_27, toDisplayString(renderErrors[index]), 1)) : (openBlock(), createElementBlock(Fragment, { key: 2 }, [effectiveBeat$1(index).imagePrompt ? (openBlock(), createElementBlock("span", _hoisted_28, toDisplayString(effectiveBeat$1(index).imagePrompt), 1)) : (openBlock(), createElementBlock("span", _hoisted_29, toDisplayString(beat.image?.type ?? "—"), 1))], 64))])) : createCommentVNode("", true)
+							})], -1)), createElementVNode("span", _hoisted_25, toDisplayString(unref(m).rendering), 1)], 64)) : renderState[index] === "error" ? (openBlock(), createElementBlock("span", _hoisted_26, toDisplayString(renderErrors[index]), 1)) : (openBlock(), createElementBlock(Fragment, { key: 2 }, [effectiveBeat$1(index).imagePrompt ? (openBlock(), createElementBlock("span", _hoisted_27, toDisplayString(effectiveBeat$1(index).imagePrompt), 1)) : (openBlock(), createElementBlock("span", _hoisted_28, toDisplayString(beat.image?.type ?? "—"), 1))], 64))])) : createCommentVNode("", true)
 						], 64)),
-						beatDragOver[index] ? (openBlock(), createElementBlock("div", _hoisted_30, [createElementVNode("span", _hoisted_31, toDisplayString(unref(m).drop), 1)])) : !renderedImages[index] && renderState[index] !== "rendering" ? (openBlock(), createElementBlock("div", _hoisted_32, toDisplayString(unref(m).orDropImage), 1)) : createCommentVNode("", true),
+						beatDragOver[index] ? (openBlock(), createElementBlock("div", _hoisted_29, [createElementVNode("span", _hoisted_30, toDisplayString(unref(m).drop), 1)])) : !renderedImages[index] && renderState[index] !== "rendering" ? (openBlock(), createElementBlock("div", _hoisted_31, toDisplayString(unref(m).orDropImage), 1)) : createCommentVNode("", true),
 						!renderedImages[index] && renderState[index] !== "rendering" && !unref(movieGenerating) && !unref(isBeatImageReference)(effectiveBeat$1(index)) ? (openBlock(), 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)
-						}, 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", {
+						}, toDisplayString(unref(m).generate), 9, _hoisted_32)) : createCommentVNode("", true)
+					], 42, _hoisted_15), createElementVNode("div", _hoisted_33, [createElementVNode("span", _hoisted_34, toDisplayString(effectiveBeat$1(index).text), 1), createElementVNode("div", _hoisted_35, [createElementVNode("div", _hoisted_36, [audioState[index] === "generating" || unref(movieGenerating) && !beatAudios[index] && effectiveBeat$1(index).text ? (openBlock(), createElementBlock("svg", _hoisted_37, [..._cache[7] || (_cache[7] = [createElementVNode("circle", {
 						class: "opacity-25",
 						cx: "12",
 						cy: "12",
@@ -2179,19 +2207,19 @@ var View_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineCompo
 						key: 1,
 						class: 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)
-					}, toDisplayString(playingAudio.value?.index === index ? unref(m).stop : unref(m).play), 11, _hoisted_39)) : audioErrors[index] ? (openBlock(), createElementBlock(Fragment, { key: 2 }, [createElementVNode("span", {
+					}, toDisplayString(playingAudio.value?.index === index ? unref(m).stop : unref(m).play), 11, _hoisted_38)) : audioErrors[index] ? (openBlock(), createElementBlock(Fragment, { key: 2 }, [createElementVNode("span", {
 						class: "text-xs text-red-400 truncate min-w-0 max-w-[20rem]",
 						title: audioErrors[index]
-					}, toDisplayString(unref(m).errPrefix) + " " + toDisplayString(audioErrors[index]), 9, _hoisted_40), effectiveBeat$1(index).text ? (openBlock(), createElementBlock("button", {
+					}, toDisplayString(unref(m).errPrefix) + " " + toDisplayString(audioErrors[index]), 9, _hoisted_39), effectiveBeat$1(index).text ? (openBlock(), 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: unref(movieGenerating),
 						onClick: ($event) => generateAudio(index)
-					}, " ↺ ", 8, _hoisted_41)) : createCommentVNode("", true)], 64)) : effectiveBeat$1(index).text ? (openBlock(), createElementBlock("button", {
+					}, " ↺ ", 8, _hoisted_40)) : createCommentVNode("", true)], 64)) : effectiveBeat$1(index).text ? (openBlock(), 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)
-					}, toDisplayString(unref(m).generateAudio), 9, _hoisted_42)) : createCommentVNode("", true)]), createElementVNode("button", {
+					}, toDisplayString(unref(m).generateAudio), 9, _hoisted_41)) : createCommentVNode("", true)]), 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}`,
@@ -2205,20 +2233,20 @@ var View_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineCompo
 						"stroke-width": "2",
 						"stroke-linecap": "round",
 						"stroke-linejoin": "round"
-					}, [createElementVNode("polyline", { points: "16 18 22 12 16 6" }), createElementVNode("polyline", { points: "8 6 2 12 8 18" })], -1)])], 8, _hoisted_43)])])]), sourceOpen[index] ? (openBlock(), createElementBlock("div", _hoisted_44, [withDirectives(createElementVNode("textarea", {
+					}, [createElementVNode("polyline", { points: "16 18 22 12 16 6" }), createElementVNode("polyline", { points: "8 6 2 12 8 18" })], -1)])], 8, _hoisted_42)])])]), sourceOpen[index] ? (openBlock(), createElementBlock("div", _hoisted_43, [withDirectives(createElementVNode("textarea", {
 						"onUpdate:modelValue": ($event) => sourceText[index] = $event,
 						class: 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), [[vModelText, sourceText[index]]]), createElementVNode("div", _hoisted_46, [beatSaveErrors[index] ? (openBlock(), createElementBlock("span", _hoisted_47, toDisplayString(beatSaveErrors[index].kind === "invalidJson" ? unref(m).saveErrorInvalidJson(beatSaveErrors[index].error) : unref(m).saveErrorSaveFailed(beatSaveErrors[index].error)), 1)) : createCommentVNode("", true), createElementVNode("button", {
+					}, null, 10, _hoisted_44), [[vModelText, sourceText[index]]]), createElementVNode("div", _hoisted_45, [beatSaveErrors[index] ? (openBlock(), createElementBlock("span", _hoisted_46, toDisplayString(beatSaveErrors[index].kind === "invalidJson" ? unref(m).saveErrorInvalidJson(beatSaveErrors[index].error) : unref(m).saveErrorSaveFailed(beatSaveErrors[index].error)), 1)) : createCommentVNode("", true), createElementVNode("button", {
 						class: 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)
-					}, toDisplayString(beatSaving[index] ? unref(m).saving : unref(m).update), 11, _hoisted_48)])])) : createCommentVNode("", true)]);
-				}), 128)), beats.value.length === 0 ? (openBlock(), createElementBlock("div", _hoisted_49, toDisplayString(unref(m).noBeats), 1)) : createCommentVNode("", true)], 512)),
-				createElementVNode("div", _hoisted_50, [createElementVNode("details", {
+					}, toDisplayString(beatSaving[index] ? unref(m).saving : unref(m).update), 11, _hoisted_47)])])) : createCommentVNode("", true)]);
+				}), 128)), beats.value.length === 0 ? (openBlock(), createElementBlock("div", _hoisted_48, toDisplayString(unref(m).noBeats), 1)) : createCommentVNode("", true)], 512)),
+				createElementVNode("div", _hoisted_49, [createElementVNode("details", {
 					ref_key: "sourceDetails",
 					ref: sourceDetails,
 					class: "script-source",
@@ -2230,11 +2258,11 @@ var View_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineCompo
 						class: normalizeClass(["script-editor", { "script-editor-invalid": sourceChanged.value && !sourceValid.value }]),
 						spellcheck: "false"
 					}, null, 2), [[vModelText, editableSource.value]]),
-					createElementVNode("div", _hoisted_51, [createElementVNode("button", {
+					createElementVNode("div", _hoisted_50, [createElementVNode("button", {
 						class: "apply-btn",
 						disabled: !sourceChanged.value || !sourceValid.value,
 						onClick: applySource
-					}, toDisplayString(unref(m).applyChanges), 9, _hoisted_52), createElementVNode("button", {
+					}, toDisplayString(unref(m).applyChanges), 9, _hoisted_51), createElementVNode("button", {
 						class: "cancel-btn",
 						onClick: cancelSourceEdit
 					}, toDisplayString(unref(m).cancel), 1)])
@@ -2242,7 +2270,7 @@ var View_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineCompo
 					class: "copy-btn",
 					title: unref(copied) ? "Copied!" : "Copy",
 					onClick: copyText
-				}, [createElementVNode("span", _hoisted_54, toDisplayString(unref(copied) ? "check" : "content_copy"), 1)], 8, _hoisted_53), [[vShow, !editing.value]])]),
+				}, [createElementVNode("span", _hoisted_53, toDisplayString(unref(copied) ? "check" : "content_copy"), 1)], 8, _hoisted_52), [[vShow, !editing.value]])]),
 				lightbox.value ? (openBlock(), createBlock(BeatLightbox_default, {
 					key: 4,
 					lightbox: lightbox.value,
@@ -2280,7 +2308,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 = {