@mulmoclaude/mulmoscript-plugin 0.1.0

package/dist/vue.js

@@ -0,0 +1,1971 @@
+import { a as pluginCore, d as TOOL_DEFINITION, f as TOOL_NAME } from "./plugin-W1ppnyhR.js";
+import { mulmoBeatSchema, mulmoScriptSchema } from "@mulmocast/types";
+import { Fragment, computed, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineAsyncComponent, defineComponent, inject, normalizeClass, normalizeStyle, onBeforeUnmount, onMounted, openBlock, reactive, ref, renderList, toDisplayString, unref, vModelText, vShow, watch, withDirectives, withModifiers } from "vue";
+import { PLUGIN_RUNTIME_KEY, useRuntime } from "gui-chat-protocol/vue";
+//#region src/vue/support.ts
+function isRecord(value) {
+	return typeof value === "object" && value !== null && !Array.isArray(value);
+}
+/** Canonical unknown-caught-value → human-readable string. Non-Error
+*  objects with a `details` (gRPC convention) or `message` string field
+*  have that field surfaced. */
+function errorMessage(err, fallback) {
+	if (err instanceof Error) return err.message;
+	if (err !== null && typeof err === "object") {
+		const obj = err;
+		if (typeof obj.details === "string" && obj.details) return obj.details;
+		if (typeof obj.message === "string" && obj.message) return obj.message;
+	}
+	if (fallback !== void 0) return fallback;
+	return String(err);
+}
+/** Clipboard failures (permissions, insecure context) are swallowed on
+*  purpose: the UI just leaves the "Copied!" hint off, which is what
+*  `copied=false` already signals. */
+function useClipboardCopy(resetMs = 2e3) {
+	const copied = ref(false);
+	async function copy(text) {
+		try {
+			await navigator.clipboard.writeText(text);
+			copied.value = true;
+			setTimeout(() => {
+				copied.value = false;
+			}, resetMs);
+		} catch {}
+	}
+	return {
+		copied,
+		copy
+	};
+}
+//#endregion
+//#region src/vue/helpers.ts
+/**
+* Decide whether a beat should be rendered automatically at
+* script load time. Text-based beats (slides, charts, etc.) are
+* auto-rendered only when the script has no characters —
+* characters must be rendered first so they can be referenced by
+* any character-using beat.
+*/
+function shouldAutoRenderBeat(beat, hasCharacters, autoRenderTypes) {
+	if (hasCharacters) return false;
+	const type = beat.image?.type;
+	if (typeof type !== "string") return false;
+	return autoRenderTypes.includes(type);
+}
+/**
+* Of the given character keys, return those whose image is not
+* yet loaded and is not currently rendering. Used to fetch only
+* what's missing after a movie-generation event arrives.
+*/
+function getMissingCharacterKeys(keys, images, renderState) {
+	return keys.filter((charKey) => !images[charKey] && renderState[charKey] !== "rendering");
+}
+/**
+* Validate a candidate Beat JSON string against a schema.
+* Returns false on any JSON parse error or schema mismatch.
+*/
+function validateBeatJSON(json, schema) {
+	let parsed;
+	try {
+		parsed = JSON.parse(json);
+	} catch {
+		return false;
+	}
+	return schema.safeParse(parsed).success;
+}
+/**
+* Stable structural equality for two MulmoScripts via JSON
+* canonicalisation. We compare the full re-serialised string
+* rather than walking keys because (a) MulmoScript is
+* deeply-nested and Object.keys-recursion would be ~50 lines, and
+* (b) `JSON.stringify` already preserves insertion order, which
+* `mulmoScriptSchema.safeParse` keeps stable across runs of the
+* same input. False positives (= "differ" when they don't) only
+* cost an extra `emit("updateResult", ...)` which is a no-op when
+* data hasn't actually changed.
+*/
+function isSameScript(left, right) {
+	return JSON.stringify(left) === JSON.stringify(right);
+}
+/**
+* True when a beat can have a generated video clip on disk — used to
+* decide whether to probe the beat-movie endpoint. `moviePrompt`
+* beats produce a per-beat movie file; `html_tailwind` beats with
+* `animation` set (either `true` or an options object) produce an
+* `_animated.mp4` render.
+*/
+function beatMayHaveMovie(beat) {
+	if (beat.moviePrompt) return true;
+	return beat.image?.type === "html_tailwind" && Boolean(beat.image.animation);
+}
+/** Pure check: is every beat in the script a `slide`-typed beat?
+*  When true, the View mounts `@mulmocast/deck-web`'s
+*  `MulmoScriptDeckEditor` 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) {
+	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";
+	});
+}
+//#endregion
+//#region src/core/contract.ts
+/** Plugin pubsub event name the host publishes generation events on
+*  (full channel: `plugin:<scope>:generation`). */
+var GENERATION_EVENT = "generation";
+//#endregion
+//#region src/vue/transport.ts
+var GENERATION_EVENT_KINDS = /* @__PURE__ */ new Set([
+	"beatImage",
+	"beatAudio",
+	"characterImage",
+	"movie",
+	"pdf"
+]);
+function parseGenerationEvent(payload) {
+	if (!isRecord(payload)) return null;
+	const { kind, filePath, key, done, error } = payload;
+	if (typeof kind !== "string" || !GENERATION_EVENT_KINDS.has(kind)) return null;
+	if (typeof filePath !== "string" || typeof key !== "string" || typeof done !== "boolean") return null;
+	return {
+		kind,
+		filePath,
+		key,
+		done,
+		...typeof error === "string" ? { error } : {}
+	};
+}
+function useMulmoScriptTransport() {
+	const runtime = useRuntime();
+	async function call(kind, args) {
+		let result;
+		try {
+			result = await runtime.dispatch({
+				kind,
+				...args
+			});
+		} catch (err) {
+			return {
+				ok: false,
+				error: errorMessage(err)
+			};
+		}
+		if (!isRecord(result) || result.ok !== true) return {
+			ok: false,
+			error: isRecord(result) && typeof result.error === "string" ? result.error : `dispatch ${kind} returned an unexpected response`
+		};
+		return {
+			ok: true,
+			data: result
+		};
+	}
+	function onGenerationEvent(filePath, handler) {
+		return runtime.pubsub.subscribe(GENERATION_EVENT, (payload) => {
+			const event = parseGenerationEvent(payload);
+			if (!event) return;
+			const current = filePath();
+			if (!current || event.filePath !== current) return;
+			handler(event);
+		});
+	}
+	return {
+		call,
+		onGenerationEvent
+	};
+}
+//#endregion
+//#region src/vue/hostAdapter.ts
+var MULMOSCRIPT_HOST_ADAPTER_KEY = Symbol("mulmoscript-host-adapter");
+var EMPTY_ADAPTER = {};
+function useHostAdapter() {
+	return inject(MULMOSCRIPT_HOST_ADAPTER_KEY, EMPTY_ADAPTER);
+}
+//#endregion
+//#region src/lang/index.ts
+var MESSAGES = {
+	de: {
+		beatCount: (count) => count === 1 ? `${count} Beat` : `${count} Beats`,
+		movie: "Video",
+		generating: "Wird generiert…",
+		rendering: "Wird gerendert…",
+		saving: "Wird gespeichert…",
+		update: "Aktualisieren",
+		characters: "Charaktere",
+		drop: "Ablegen",
+		gen: "Generieren",
+		play: "▶ Abspielen",
+		stop: "■ Stoppen",
+		playPresentation: "Präsentation abspielen",
+		regenerateMovie: "Video neu generieren",
+		movieGenerationFailed: "Videoerstellung fehlgeschlagen",
+		pdf: "PDF",
+		regeneratePdf: "PDF neu generieren",
+		generatingPdf: "PDF wird erstellt…",
+		retry: "Erneut versuchen",
+		errPrefix: "⚠ Fehler",
+		noBeats: "Keine Beats im Skript gefunden",
+		editSource: "Skript-Quelle bearbeiten",
+		applyChanges: "Änderungen übernehmen",
+		generateAll: "Alle generieren",
+		orDropImage: "oder Bild ablegen",
+		generate: "Generieren",
+		generateAudio: "♪ Generieren",
+		saveErrorInvalidJson: (error) => `⚠ Ungültiges JSON: ${error}`,
+		saveErrorSaveFailed: (error) => `⚠ Speichern fehlgeschlagen: ${error}`,
+		close: "Schließen",
+		cancel: "Abbrechen"
+	},
+	en: {
+		beatCount: (count) => count === 1 ? `${count} beat` : `${count} beats`,
+		movie: "Movie",
+		generating: "Generating…",
+		rendering: "Rendering…",
+		saving: "Saving…",
+		update: "Update",
+		characters: "Characters",
+		drop: "Drop",
+		gen: "Gen",
+		play: "▶ Play",
+		stop: "■ Stop",
+		playPresentation: "Play presentation",
+		regenerateMovie: "Regenerate movie",
+		movieGenerationFailed: "Movie generation failed",
+		pdf: "PDF",
+		regeneratePdf: "Regenerate PDF",
+		generatingPdf: "Generating PDF…",
+		retry: "Retry",
+		errPrefix: "⚠ Error",
+		noBeats: "No beats found in script",
+		editSource: "Edit Script Source",
+		applyChanges: "Apply Changes",
+		generateAll: "Generate All",
+		orDropImage: "or drop image",
+		generate: "Generate",
+		generateAudio: "♪ Generate",
+		saveErrorInvalidJson: (error) => `⚠ Invalid JSON: ${error}`,
+		saveErrorSaveFailed: (error) => `⚠ Save failed: ${error}`,
+		close: "Close",
+		cancel: "Cancel"
+	},
+	es: {
+		beatCount: (count) => count === 1 ? `${count} beat` : `${count} beats`,
+		movie: "Vídeo",
+		generating: "Generando…",
+		rendering: "Renderizando…",
+		saving: "Guardando…",
+		update: "Actualizar",
+		characters: "Personajes",
+		drop: "Soltar",
+		gen: "Generar",
+		play: "▶ Reproducir",
+		stop: "■ Detener",
+		playPresentation: "Reproducir presentación",
+		regenerateMovie: "Regenerar vídeo",
+		movieGenerationFailed: "Error al generar el vídeo",
+		pdf: "PDF",
+		regeneratePdf: "Regenerar PDF",
+		generatingPdf: "Generando PDF…",
+		retry: "Reintentar",
+		errPrefix: "⚠ Error",
+		noBeats: "No se encontraron beats en el script",
+		editSource: "Editar fuente del script",
+		applyChanges: "Aplicar cambios",
+		generateAll: "Generar todo",
+		orDropImage: "o arrastra una imagen",
+		generate: "Generar",
+		generateAudio: "♪ Generar",
+		saveErrorInvalidJson: (error) => `⚠ JSON no válido: ${error}`,
+		saveErrorSaveFailed: (error) => `⚠ Error al guardar: ${error}`,
+		close: "Cerrar",
+		cancel: "Cancelar"
+	},
+	fr: {
+		beatCount: (count) => count === 1 ? `${count} beat` : `${count} beats`,
+		movie: "Film",
+		generating: "Génération…",
+		rendering: "Rendu…",
+		saving: "Enregistrement…",
+		update: "Mettre à jour",
+		characters: "Personnages",
+		drop: "Déposer",
+		gen: "Générer",
+		play: "▶ Lire",
+		stop: "■ Arrêter",
+		playPresentation: "Lire la présentation",
+		regenerateMovie: "Régénérer la vidéo",
+		movieGenerationFailed: "Échec de la génération de la vidéo",
+		pdf: "PDF",
+		regeneratePdf: "Régénérer le PDF",
+		generatingPdf: "Génération du PDF…",
+		retry: "Réessayer",
+		errPrefix: "⚠ Erreur",
+		noBeats: "Aucun beat trouvé dans le script",
+		editSource: "Modifier la source du script",
+		applyChanges: "Appliquer les modifications",
+		generateAll: "Tout générer",
+		orDropImage: "ou déposez une image",
+		generate: "Générer",
+		generateAudio: "♪ Générer",
+		saveErrorInvalidJson: (error) => `⚠ JSON invalide : ${error}`,
+		saveErrorSaveFailed: (error) => `⚠ Échec de la sauvegarde : ${error}`,
+		close: "Fermer",
+		cancel: "Annuler"
+	},
+	ja: {
+		beatCount: (count) => `${count} ビート`,
+		movie: "動画",
+		generating: "生成中…",
+		rendering: "レンダリング中…",
+		saving: "保存中…",
+		update: "更新",
+		characters: "キャラクター",
+		drop: "ドロップ",
+		gen: "生成",
+		play: "▶ 再生",
+		stop: "■ 停止",
+		playPresentation: "プレゼンテーション再生",
+		regenerateMovie: "動画を再生成",
+		movieGenerationFailed: "動画の生成に失敗しました",
+		pdf: "PDF",
+		regeneratePdf: "PDF を再生成",
+		generatingPdf: "PDF を生成中…",
+		retry: "再試行",
+		errPrefix: "⚠ エラー",
+		noBeats: "スクリプトにビートが見つかりません",
+		editSource: "スクリプトソースを編集",
+		applyChanges: "変更を適用",
+		generateAll: "すべて生成",
+		orDropImage: "画像をドロップ",
+		generate: "生成",
+		generateAudio: "♪ 生成",
+		saveErrorInvalidJson: (error) => `⚠ 不正な JSON: ${error}`,
+		saveErrorSaveFailed: (error) => `⚠ 保存失敗: ${error}`,
+		close: "閉じる",
+		cancel: "キャンセル"
+	},
+	ko: {
+		beatCount: (count) => `${count}개 비트`,
+		movie: "영상",
+		generating: "생성 중…",
+		rendering: "렌더링 중…",
+		saving: "저장 중…",
+		update: "업데이트",
+		characters: "캐릭터",
+		drop: "드롭",
+		gen: "생성",
+		play: "▶ 재생",
+		stop: "■ 정지",
+		playPresentation: "프레젠테이션 재생",
+		regenerateMovie: "동영상 재생성",
+		movieGenerationFailed: "동영상 생성에 실패했습니다",
+		pdf: "PDF",
+		regeneratePdf: "PDF 재생성",
+		generatingPdf: "PDF 생성 중…",
+		retry: "다시 시도",
+		errPrefix: "⚠ 오류",
+		noBeats: "스크립트에서 비트를 찾을 수 없습니다",
+		editSource: "스크립트 원본 편집",
+		applyChanges: "변경 사항 적용",
+		generateAll: "전체 생성",
+		orDropImage: "또는 이미지 드롭",
+		generate: "생성",
+		generateAudio: "♪ 생성",
+		saveErrorInvalidJson: (error) => `⚠ 잘못된 JSON: ${error}`,
+		saveErrorSaveFailed: (error) => `⚠ 저장 실패: ${error}`,
+		close: "닫기",
+		cancel: "취소"
+	},
+	"pt-BR": {
+		beatCount: (count) => count === 1 ? `${count} beat` : `${count} beats`,
+		movie: "Vídeo",
+		generating: "Gerando…",
+		rendering: "Renderizando…",
+		saving: "Salvando…",
+		update: "Atualizar",
+		characters: "Personagens",
+		drop: "Soltar",
+		gen: "Gerar",
+		play: "▶ Reproduzir",
+		stop: "■ Parar",
+		playPresentation: "Reproduzir apresentação",
+		regenerateMovie: "Regenerar vídeo",
+		movieGenerationFailed: "Falha ao gerar o vídeo",
+		pdf: "PDF",
+		regeneratePdf: "Regenerar PDF",
+		generatingPdf: "Gerando PDF…",
+		retry: "Tentar novamente",
+		errPrefix: "⚠ Erro",
+		noBeats: "Nenhum beat encontrado no script",
+		editSource: "Editar fonte do script",
+		applyChanges: "Aplicar alterações",
+		generateAll: "Gerar tudo",
+		orDropImage: "ou solte uma imagem",
+		generate: "Gerar",
+		generateAudio: "♪ Gerar",
+		saveErrorInvalidJson: (error) => `⚠ JSON inválido: ${error}`,
+		saveErrorSaveFailed: (error) => `⚠ Falha ao salvar: ${error}`,
+		close: "Fechar",
+		cancel: "Cancelar"
+	},
+	zh: {
+		beatCount: (count) => `${count} 个 beat`,
+		movie: "视频",
+		generating: "生成中…",
+		rendering: "渲染中…",
+		saving: "保存中…",
+		update: "更新",
+		characters: "角色",
+		drop: "拖放",
+		gen: "生成",
+		play: "▶ 播放",
+		stop: "■ 停止",
+		playPresentation: "播放演示",
+		regenerateMovie: "重新生成视频",
+		movieGenerationFailed: "视频生成失败",
+		pdf: "PDF",
+		regeneratePdf: "重新生成 PDF",
+		generatingPdf: "生成 PDF…",
+		retry: "重试",
+		errPrefix: "⚠ 错误",
+		noBeats: "脚本中没有找到 beat",
+		editSource: "编辑脚本源",
+		applyChanges: "应用更改",
+		generateAll: "全部生成",
+		orDropImage: "或拖入图片",
+		generate: "生成",
+		generateAudio: "♪ 生成",
+		saveErrorInvalidJson: (error) => `⚠ JSON 无效: ${error}`,
+		saveErrorSaveFailed: (error) => `⚠ 保存失败: ${error}`,
+		close: "关闭",
+		cancel: "取消"
+	}
+};
+function isSupportedLocale(value) {
+	return Object.hasOwn(MESSAGES, value);
+}
+/** Reactive message bundle for the active host locale. The plugin carries its
+*  own translations (no host i18n dependency); it reads the locale off the
+*  injected `BrowserPluginRuntime.locale` ref and falls back to English.
+*  Same pattern as @mulmoclaude/html-plugin. */
+function useT() {
+	const locale = inject(PLUGIN_RUNTIME_KEY, void 0)?.locale ?? ref("en");
+	return computed(() => isSupportedLocale(locale.value) ? MESSAGES[locale.value] : MESSAGES.en);
+}
+//#endregion
+//#region src/vue/View.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1$1 = { class: "h-full bg-white flex flex-col overflow-hidden" };
+var _hoisted_2$1 = { class: "flex items-start justify-between px-6 py-4 border-b border-gray-100 shrink-0" };
+var _hoisted_3$1 = { class: "min-w-0 flex-1" };
+var _hoisted_4 = {
+	class: "text-lg font-semibold text-gray-800 truncate",
+	"data-testid": "mulmo-script-title"
+};
+var _hoisted_5 = {
+	key: 0,
+	class: "text-sm text-gray-500 mt-0.5 truncate",
+	"data-testid": "mulmo-script-description"
+};
+var _hoisted_6 = { class: "flex items-center gap-3 mt-1 text-xs text-gray-400" };
+var _hoisted_7 = { key: 0 };
+var _hoisted_8 = {
+	key: 1,
+	class: "truncate"
+};
+var _hoisted_9 = { class: "ml-4 shrink-0 flex items-center gap-2" };
+var _hoisted_10 = [
+	"disabled",
+	"title",
+	"aria-label"
+];
+var _hoisted_11 = ["disabled"];
+var _hoisted_12 = ["title", "aria-label"];
+var _hoisted_13 = ["disabled"];
+var _hoisted_14 = {
+	key: 0,
+	class: "animate-spin w-4 h-4 shrink-0",
+	viewBox: "0 0 24 24",
+	fill: "none"
+};
+var _hoisted_15 = { key: 1 };
+var _hoisted_16 = ["disabled"];
+var _hoisted_17 = ["title", "aria-label"];
+var _hoisted_18 = ["disabled"];
+var _hoisted_19 = {
+	key: 0,
+	class: "animate-spin w-4 h-4 shrink-0",
+	viewBox: "0 0 24 24",
+	fill: "none"
+};
+var _hoisted_20 = { key: 1 };
+var _hoisted_21 = {
+	key: 0,
+	"data-testid": "mulmo-script-movie-error-chip",
+	class: "bg-red-50 border border-red-200 text-red-800 text-xs px-3 py-2 mx-4 mt-3 mb-1 rounded flex items-start gap-2"
+};
+var _hoisted_22 = { class: "flex-1 min-w-0" };
+var _hoisted_23 = { class: "font-medium" };
+var _hoisted_24 = { class: "break-words whitespace-pre-wrap mt-0.5" };
+var _hoisted_25 = ["disabled"];
+var _hoisted_26 = {
+	key: 1,
+	class: "border-b border-gray-100 shrink-0 px-4 py-3"
+};
+var _hoisted_27 = { class: "flex items-center justify-between mb-2" };
+var _hoisted_28 = { class: "text-xs font-semibold text-gray-500 uppercase tracking-wide" };
+var _hoisted_29 = ["disabled"];
+var _hoisted_30 = { class: "flex gap-3 flex-wrap" };
+var _hoisted_31 = [
+	"onDragover",
+	"onDragleave",
+	"onDrop"
+];
+var _hoisted_32 = [
+	"src",
+	"alt",
+	"onClick"
+];
+var _hoisted_33 = {
+	key: 1,
+	class: "animate-spin w-4 h-4 text-green-400",
+	viewBox: "0 0 24 24",
+	fill: "none"
+};
+var _hoisted_34 = {
+	key: 2,
+	class: "text-xs text-red-400 text-center px-1"
+};
+var _hoisted_35 = {
+	key: 3,
+	class: "text-xs text-gray-300 text-center px-1 leading-tight"
+};
+var _hoisted_36 = {
+	key: 4,
+	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_37 = {
+	key: 5,
+	class: "absolute inset-0 flex items-center justify-center bg-blue-50/80 pointer-events-none"
+};
+var _hoisted_38 = { class: "text-xs text-blue-500 font-medium" };
+var _hoisted_39 = ["disabled", "onClick"];
+var _hoisted_40 = {
+	key: 0,
+	class: "inline-block animate-spin"
+};
+var _hoisted_41 = { key: 1 };
+var _hoisted_42 = ["disabled", "onClick"];
+var _hoisted_43 = {
+	key: 0,
+	class: "animate-spin w-3 h-3",
+	viewBox: "0 0 24 24",
+	fill: "none"
+};
+var _hoisted_44 = { key: 1 };
+var _hoisted_45 = { class: "text-xs text-gray-600 text-center truncate w-full" };
+var _hoisted_46 = {
+	key: 2,
+	class: "flex-1 overflow-hidden",
+	"data-testid": "mulmo-script-deck-editor"
+};
+var _hoisted_47 = { class: "flex gap-3 items-stretch" };
+var _hoisted_48 = [
+	"onDragover",
+	"onDragleave",
+	"onDrop"
+];
+var _hoisted_49 = ["src", "data-testid"];
+var _hoisted_50 = [
+	"title",
+	"aria-label",
+	"data-testid",
+	"onClick"
+];
+var _hoisted_51 = [
+	"src",
+	"alt",
+	"onClick"
+];
+var _hoisted_52 = [
+	"title",
+	"aria-label",
+	"data-testid",
+	"onClick"
+];
+var _hoisted_53 = {
+	key: 0,
+	class: "animate-spin w-5 h-5",
+	viewBox: "0 0 24 24",
+	fill: "none"
+};
+var _hoisted_54 = {
+	key: 1,
+	class: "material-icons text-3xl"
+};
+var _hoisted_55 = ["disabled", "onClick"];
+var _hoisted_56 = {
+	key: 3,
+	class: "w-full aspect-video flex flex-col items-center justify-center gap-1 p-2"
+};
+var _hoisted_57 = { class: "text-xs text-green-500" };
+var _hoisted_58 = {
+	key: 1,
+	class: "text-xs text-red-400 text-center"
+};
+var _hoisted_59 = {
+	key: 0,
+	class: "text-xs text-gray-400 text-center italic leading-relaxed px-1"
+};
+var _hoisted_60 = {
+	key: 1,
+	class: "text-xs text-gray-300"
+};
+var _hoisted_61 = {
+	key: 2,
+	class: "absolute inset-0 flex items-center justify-center bg-blue-50/80 pointer-events-none"
+};
+var _hoisted_62 = { class: "text-xs text-blue-500 font-medium" };
+var _hoisted_63 = {
+	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_64 = ["onClick"];
+var _hoisted_65 = { class: "flex flex-col flex-1 min-w-0 px-2 py-1.5" };
+var _hoisted_66 = { class: "text-sm text-gray-800 leading-relaxed" };
+var _hoisted_67 = { class: "flex justify-between mt-auto pt-1" };
+var _hoisted_68 = { class: "flex items-center gap-1" };
+var _hoisted_69 = {
+	key: 0,
+	class: "animate-spin w-3 h-3 text-green-400",
+	viewBox: "0 0 24 24",
+	fill: "none"
+};
+var _hoisted_70 = ["onClick"];
+var _hoisted_71 = ["title"];
+var _hoisted_72 = ["disabled", "onClick"];
+var _hoisted_73 = ["onClick"];
+var _hoisted_74 = [
+	"title",
+	"data-testid",
+	"onClick"
+];
+var _hoisted_75 = {
+	key: 0,
+	class: "border-t border-gray-100"
+};
+var _hoisted_76 = ["onUpdate:modelValue", "data-testid"];
+var _hoisted_77 = { class: "flex items-center justify-end gap-2 px-2 pb-2" };
+var _hoisted_78 = {
+	key: 0,
+	class: "text-xs text-red-600",
+	role: "alert"
+};
+var _hoisted_79 = [
+	"disabled",
+	"data-testid",
+	"onClick"
+];
+var _hoisted_80 = {
+	key: 0,
+	class: "flex items-center justify-center h-32 text-gray-400 text-sm"
+};
+var _hoisted_81 = { class: "bottom-bar-wrapper" };
+var _hoisted_82 = { class: "editor-actions" };
+var _hoisted_83 = ["disabled"];
+var _hoisted_84 = ["title"];
+var _hoisted_85 = { class: "material-icons" };
+var _hoisted_86 = ["title"];
+var _hoisted_87 = { class: "flex items-center gap-4" };
+var _hoisted_88 = ["disabled"];
+var _hoisted_89 = { class: "flex flex-col items-center" };
+var _hoisted_90 = ["src"];
+var _hoisted_91 = {
+	key: 0,
+	class: "relative w-full h-1"
+};
+var _hoisted_92 = { class: "flex gap-1 h-full" };
+var _hoisted_93 = ["onClick"];
+var _hoisted_94 = {
+	key: 0,
+	class: "absolute bottom-full mb-2 left-1/2 -translate-x-1/2 z-20 px-2 py-1 rounded bg-black/90 text-white text-xs leading-tight w-48 max-h-[53px] overflow-hidden opacity-0 group-hover:opacity-100 pointer-events-none transition-opacity"
+};
+var _hoisted_95 = ["disabled"];
+var _hoisted_96 = {
+	key: 0,
+	class: "relative w-screen flex justify-center px-16"
+};
+var _hoisted_97 = {
+	key: 0,
+	class: "max-w-[80vw] text-center text-white leading-relaxed text-[clamp(0.8rem,1.76vw,1.6rem)]"
+};
+var SILENT_BEAT_DEFAULT_SEC = 3;
+var MS_PER_SECOND = 1e3;
+var DECK_SAVE_DEBOUNCE_MS = 300;
+var View_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "View",
+	props: { selectedResult: {} },
+	emits: ["updateResult"],
+	setup(__props, { emit: __emit }) {
+		const MulmoScriptDeckEditor = defineAsyncComponent(() => import("@mulmocast/deck-web").then((mod) => mod.MulmoScriptDeckEditor));
+		const api = useMulmoScriptTransport();
+		const adapter = useHostAdapter();
+		const canFetchMedia = computed(() => Boolean(adapter.fetchMediaBlob));
+		const m = useT();
+		const props = __props;
+		const emit = __emit;
+		const data = computed(() => props.selectedResult.data);
+		const script = computed(() => data.value?.script ?? {});
+		const filePath = computed(() => data.value?.filePath ?? "");
+		const beats = computed(() => script.value.beats ?? []);
+		const renderState = reactive({});
+		const renderedImages = reactive({});
+		const renderErrors = reactive({});
+		const sourceOpen = reactive({});
+		const sourceText = reactive({});
+		const beatSaveErrors = reactive({});
+		const beatSaving = reactive({});
+		const localOverrides = reactive({});
+		const movieGenerating = ref(false);
+		const movieDownloading = ref(false);
+		const moviePath = ref(null);
+		const movieError = ref(null);
+		const pdfGenerating = ref(false);
+		const pdfDownloading = ref(false);
+		const pdfPath = ref(null);
+		const beatAudios = reactive({});
+		const audioState = reactive({});
+		const audioErrors = reactive({});
+		const beatMovies = reactive({});
+		const beatMovieUrls = reactive({});
+		const beatMovieOpen = reactive({});
+		const beatMovieLoading = reactive({});
+		const playingAudio = ref(null);
+		const silentPlaybackTimer = ref(null);
+		const audioProgress = ref(0);
+		const beatListEl = ref(null);
+		const lightbox = ref(null);
+		const charRenderState = reactive({});
+		const charImages = reactive({});
+		const charErrors = reactive({});
+		const charDragOver = reactive({});
+		const beatDragOver = reactive({});
+		const anyBeatRendering = computed(() => Object.values(renderState).some((state) => state === "rendering"));
+		const characterKeys = computed(() => {
+			const imgs = script.value.imageParams?.images ?? {};
+			return Object.keys(imgs).filter((key) => imgs[key]?.type === "imagePrompt");
+		});
+		const chatSessionId = computed(() => adapter.chatSessionId?.value);
+		function characterPrompt(key) {
+			return script.value.imageParams?.images?.[key]?.prompt ?? "";
+		}
+		function stopPlayingAudio() {
+			stopAllPlayback();
+		}
+		function openLightbox(index) {
+			stopPlayingAudio();
+			lightbox.value = {
+				src: renderedImages[index],
+				text: effectiveBeat(index).text,
+				index
+			};
+		}
+		function closeLightbox() {
+			stopPlayingAudio();
+			lightbox.value = null;
+		}
+		const isPlayReady = computed(() => {
+			if (beats.value.length === 0) return false;
+			if (!renderedImages[0]) return false;
+			if (effectiveBeat(0).text && !beatAudios[0]) return false;
+			return true;
+		});
+		function playPresentation() {
+			if (!isPlayReady.value) return;
+			openLightbox(0);
+			playBeat(0);
+		}
+		function stopAllPlayback() {
+			if (playingAudio.value) {
+				playingAudio.value.audio.pause();
+				playingAudio.value = null;
+				audioProgress.value = 0;
+			}
+			if (silentPlaybackTimer.value) {
+				clearTimeout(silentPlaybackTimer.value.timer);
+				silentPlaybackTimer.value = null;
+			}
+		}
+		function playBeat(index) {
+			stopAllPlayback();
+			if (!Boolean(effectiveBeat(index).text)) {
+				scheduleSilentAdvance(index);
+				return;
+			}
+			if (beatAudios[index]) playAudio(index);
+		}
+		function scheduleSilentAdvance(index) {
+			const raw = effectiveBeat(index).duration;
+			const timer = setTimeout(() => {
+				if (silentPlaybackTimer.value?.index !== index) return;
+				silentPlaybackTimer.value = null;
+				if (lightbox.value?.index === index) advanceFromBeat(index);
+			}, (typeof raw === "number" && Number.isFinite(raw) && raw > 0 ? raw : SILENT_BEAT_DEFAULT_SEC) * MS_PER_SECOND);
+			silentPlaybackTimer.value = {
+				index,
+				timer
+			};
+		}
+		function advanceFromBeat(fromIndex) {
+			lightboxMove(1);
+			const nextIndex = lightbox.value?.index;
+			if (nextIndex === void 0 || nextIndex === fromIndex) return;
+			playBeat(nextIndex);
+		}
+		const hasPrev = computed(() => {
+			if (!lightbox.value) return false;
+			for (let i = lightbox.value.index - 1; i >= 0; i--) if (renderedImages[i]) return true;
+			return false;
+		});
+		const hasNext = computed(() => {
+			if (!lightbox.value) return false;
+			for (let i = lightbox.value.index + 1; i < beats.value.length; i++) if (renderedImages[i]) return true;
+			return false;
+		});
+		function jumpToBeat(index) {
+			if (!lightbox.value) return;
+			if (index === lightbox.value.index) return;
+			if (!renderedImages[index]) return;
+			const wasPlaying = playingAudio.value !== null || silentPlaybackTimer.value !== null;
+			openLightbox(index);
+			if (wasPlaying) playBeat(index);
+		}
+		function beatTooltip(index) {
+			const text = effectiveBeat(index).text ?? "";
+			return text.length > 80 ? `${text.slice(0, 80)}…` : text;
+		}
+		function lightboxMove(delta) {
+			if (!lightbox.value) return;
+			const total = beats.value.length;
+			const wasPlaying = playingAudio.value !== null || silentPlaybackTimer.value !== null;
+			let i = lightbox.value.index + delta;
+			while (i >= 0 && i < total) {
+				if (renderedImages[i]) {
+					openLightbox(i);
+					if (wasPlaying) playBeat(i);
+					return;
+				}
+				i += delta;
+			}
+		}
+		const sourceDetails = ref();
+		const editing = ref(false);
+		const editableSource = ref("");
+		const { copied, copy } = useClipboardCopy();
+		const effectiveScript = computed(() => ({
+			...script.value,
+			beats: beats.value.map((beat, i) => localOverrides[i] ?? beat)
+		}));
+		const scriptSourceText = computed(() => JSON.stringify(effectiveScript.value, null, 2));
+		const isDeck = computed(() => isAllSlideDeck(effectiveScript.value));
+		const deckScriptInput = computed(() => effectiveScript.value);
+		let deckSaveTimer = null;
+		let pendingDeckScript = null;
+		function scheduleDeckSave(next) {
+			pendingDeckScript = next;
+			if (deckSaveTimer) clearTimeout(deckSaveTimer);
+			deckSaveTimer = setTimeout(() => {
+				flushDeckSave();
+			}, DECK_SAVE_DEBOUNCE_MS);
+		}
+		async function flushDeckSave() {
+			deckSaveTimer = null;
+			const next = pendingDeckScript;
+			pendingDeckScript = null;
+			if (!next || !filePath.value) return;
+			const response = await api.call("updateScript", {
+				filePath: filePath.value,
+				script: next
+			});
+			if (!response.ok) {
+				console.error("[presentMulmoScript] deck save failed:", response.error);
+				return;
+			}
+			emit("updateResult", {
+				...props.selectedResult,
+				data: {
+					...props.selectedResult.data,
+					script: next
+				}
+			});
+		}
+		function onDeckUpdate(next) {
+			scheduleDeckSave(next);
+		}
+		onBeforeUnmount(() => {
+			if (deckSaveTimer) {
+				clearTimeout(deckSaveTimer);
+				flushDeckSave();
+			}
+			resetBeatMovies();
+			unsubscribeGenerationEvents();
+		});
+		const loadedSource = ref("");
+		const sourceChanged = computed(() => editableSource.value !== loadedSource.value);
+		const sourceValid = computed(() => {
+			try {
+				const parsed = JSON.parse(editableSource.value);
+				return mulmoScriptSchema.safeParse(parsed).success;
+			} catch {
+				return false;
+			}
+		});
+		async function onSourceToggle(open) {
+			editing.value = open;
+			if (open) {
+				let text = scriptSourceText.value;
+				if (filePath.value) {
+					const response = await api.call("save", { filePath: filePath.value });
+					const diskScript = response.ok ? response.data.script : void 0;
+					if (diskScript) text = JSON.stringify(diskScript, null, 2);
+				}
+				editableSource.value = text;
+				loadedSource.value = text;
+			}
+		}
+		function cancelSourceEdit() {
+			if (sourceDetails.value) sourceDetails.value.open = false;
+		}
+		async function applySource() {
+			let parsed;
+			try {
+				parsed = JSON.parse(editableSource.value);
+			} catch (err) {
+				alert(errorMessage(err));
+				return;
+			}
+			const response = await api.call("updateScript", {
+				filePath: filePath.value,
+				script: parsed
+			});
+			if (!response.ok) {
+				alert(response.error || "Update failed");
+				return;
+			}
+			emit("updateResult", {
+				...props.selectedResult,
+				data: {
+					...props.selectedResult.data,
+					script: parsed
+				}
+			});
+			if (sourceDetails.value) sourceDetails.value.open = false;
+			await initializeScript();
+		}
+		async function copyText() {
+			await copy(scriptSourceText.value);
+		}
+		function effectiveBeat(index) {
+			return localOverrides[index] ?? beats.value[index] ?? {};
+		}
+		function toggleSource(index) {
+			if (!sourceOpen[index]) {
+				sourceText[index] = JSON.stringify(effectiveBeat(index), null, 2);
+				Reflect.deleteProperty(beatSaveErrors, index);
+			}
+			sourceOpen[index] = !sourceOpen[index];
+		}
+		function isValidBeat(index) {
+			return validateBeatJSON(sourceText[index] ?? "", mulmoBeatSchema);
+		}
+		async function updateBeat(index) {
+			let beat;
+			try {
+				beat = JSON.parse(sourceText[index]);
+			} catch (err) {
+				beatSaveErrors[index] = {
+					kind: "invalidJson",
+					error: errorMessage(err)
+				};
+				return;
+			}
+			const prevImage = JSON.stringify(effectiveBeat(index).image);
+			const requestedFilePath = filePath.value;
+			Reflect.deleteProperty(beatSaveErrors, index);
+			beatSaving[index] = true;
+			const response = await api.call("updateBeat", {
+				filePath: requestedFilePath,
+				beatIndex: index,
+				beat
+			});
+			if (staleSince(requestedFilePath)) return;
+			Reflect.deleteProperty(beatSaving, index);
+			if (!response.ok) {
+				beatSaveErrors[index] = {
+					kind: "saveFailed",
+					error: response.error
+				};
+				return;
+			}
+			localOverrides[index] = beat;
+			sourceOpen[index] = false;
+			if (JSON.stringify(beat.image) !== prevImage) {
+				Reflect.deleteProperty(renderedImages, index);
+				renderBeat(index);
+			}
+		}
+		async function renderBeat(index) {
+			const requestedFilePath = filePath.value;
+			renderState[index] = "rendering";
+			const response = await api.call("renderBeat", {
+				filePath: requestedFilePath,
+				beatIndex: index,
+				chatSessionId: chatSessionId.value
+			});
+			if (staleSince(requestedFilePath)) return;
+			if (!response.ok) {
+				renderErrors[index] = response.error || "Render failed";
+				renderState[index] = "error";
+				return;
+			}
+			renderedImages[index] = response.data.image ?? "";
+			renderState[index] = "done";
+			refreshMissingCharacterImages();
+			if (beatMayHaveMovie(effectiveBeat(index))) loadExistingBeatMovie(index);
+		}
+		async function regenerateBeat(index) {
+			const requestedFilePath = filePath.value;
+			Reflect.deleteProperty(renderedImages, index);
+			invalidateBeatMovie(index);
+			renderState[index] = "rendering";
+			const response = await api.call("renderBeat", {
+				filePath: requestedFilePath,
+				beatIndex: index,
+				force: true,
+				chatSessionId: chatSessionId.value
+			});
+			if (staleSince(requestedFilePath)) return;
+			if (!response.ok) {
+				renderErrors[index] = response.error || "Render failed";
+				renderState[index] = "error";
+				return;
+			}
+			renderedImages[index] = response.data.image ?? "";
+			renderState[index] = "done";
+			if (beatMayHaveMovie(effectiveBeat(index))) loadExistingBeatMovie(index);
+		}
+		function staleSince(requestedFilePath) {
+			return filePath.value !== requestedFilePath;
+		}
+		async function loadExistingBeatImage(index) {
+			const requestedFilePath = filePath.value;
+			const response = await api.call("beatImage", {
+				filePath: requestedFilePath,
+				beatIndex: index
+			});
+			if (staleSince(requestedFilePath)) return;
+			if (response.ok && response.data.image) {
+				renderedImages[index] = response.data.image;
+				renderState[index] = "done";
+			}
+		}
+		async function loadExistingBeatAudio(index) {
+			const requestedFilePath = filePath.value;
+			const response = await api.call("beatAudio", {
+				filePath: requestedFilePath,
+				beatIndex: index
+			});
+			if (staleSince(requestedFilePath)) return;
+			if (response.ok && response.data.audio) {
+				beatAudios[index] = response.data.audio;
+				audioState[index] = "done";
+			}
+		}
+		async function loadExistingBeatMovie(index) {
+			const requestedFilePath = filePath.value;
+			const response = await api.call("beatMovie", {
+				filePath: requestedFilePath,
+				beatIndex: index
+			});
+			if (staleSince(requestedFilePath)) return;
+			if (response.ok && response.data.moviePath) beatMovies[index] = response.data.moviePath;
+		}
+		async function playBeatMovie(index) {
+			const fetchMediaBlob = adapter.fetchMediaBlob;
+			if (!fetchMediaBlob || !beatMovies[index] || beatMovieLoading[index]) return;
+			if (beatMovieUrls[index]) {
+				beatMovieOpen[index] = true;
+				return;
+			}
+			beatMovieLoading[index] = true;
+			try {
+				const blob = new Blob([await fetchMediaBlob({ moviePath: beatMovies[index] })], { type: "video/mp4" });
+				beatMovieUrls[index] = URL.createObjectURL(blob);
+				beatMovieOpen[index] = true;
+			} catch (err) {
+				alert(errorMessage(err));
+			} finally {
+				Reflect.deleteProperty(beatMovieLoading, index);
+			}
+		}
+		function closeBeatMovie(index) {
+			Reflect.deleteProperty(beatMovieOpen, index);
+		}
+		function invalidateBeatMovie(index) {
+			if (beatMovieUrls[index]) URL.revokeObjectURL(beatMovieUrls[index]);
+			[
+				beatMovies,
+				beatMovieUrls,
+				beatMovieOpen
+			].forEach((map) => Reflect.deleteProperty(map, index));
+		}
+		function resetBeatMovies() {
+			Object.values(beatMovieUrls).forEach((url) => URL.revokeObjectURL(url));
+			[
+				beatMovies,
+				beatMovieUrls,
+				beatMovieOpen,
+				beatMovieLoading
+			].forEach((map) => {
+				Object.keys(map).forEach((key) => Reflect.deleteProperty(map, key));
+			});
+		}
+		async function generateAudio(index) {
+			const requestedFilePath = filePath.value;
+			audioState[index] = "generating";
+			Reflect.deleteProperty(audioErrors, index);
+			const response = await api.call("generateBeatAudio", {
+				filePath: requestedFilePath,
+				beatIndex: index,
+				chatSessionId: chatSessionId.value
+			});
+			if (staleSince(requestedFilePath)) return;
+			if (!response.ok) {
+				audioErrors[index] = response.error || "Audio generation failed";
+				audioState[index] = "error";
+				return;
+			}
+			beatAudios[index] = response.data.audio ?? "";
+			audioState[index] = "done";
+		}
+		function playAudio(index) {
+			if (playingAudio.value) {
+				playingAudio.value.audio.pause();
+				const wasIndex = playingAudio.value.index;
+				playingAudio.value = null;
+				if (wasIndex === index) return;
+			}
+			const src = beatAudios[index];
+			if (!src) return;
+			const audio = new Audio(src);
+			playingAudio.value = {
+				index,
+				audio
+			};
+			audioProgress.value = 0;
+			audio.addEventListener("timeupdate", () => {
+				if (playingAudio.value?.index !== index) return;
+				if (audio.duration > 0) audioProgress.value = audio.currentTime / audio.duration;
+			});
+			audio.addEventListener("ended", () => {
+				if (playingAudio.value?.index !== index) return;
+				playingAudio.value = null;
+				audioProgress.value = 0;
+				if (lightbox.value?.index === index) advanceFromBeat(index);
+			});
+			audio.play();
+		}
+		function onBeatDragOver(event, index) {
+			if (!event.dataTransfer?.types.includes("Files")) return;
+			event.preventDefault();
+			beatDragOver[index] = true;
+		}
+		function onBeatDragLeave(index) {
+			beatDragOver[index] = false;
+		}
+		async function onBeatDrop(event, index) {
+			event.preventDefault();
+			beatDragOver[index] = false;
+			const file = event.dataTransfer?.files[0];
+			if (!file || !file.type.startsWith("image/")) return;
+			renderState[index] = "rendering";
+			Reflect.deleteProperty(renderErrors, index);
+			let imageData;
+			try {
+				imageData = await new Promise((resolve, reject) => {
+					const reader = new FileReader();
+					reader.onload = () => resolve(reader.result);
+					reader.onerror = reject;
+					reader.readAsDataURL(file);
+				});
+			} catch (err) {
+				renderErrors[index] = errorMessage(err);
+				renderState[index] = "error";
+				return;
+			}
+			const requestedFilePath = filePath.value;
+			const response = await api.call("uploadBeatImage", {
+				filePath: requestedFilePath,
+				beatIndex: index,
+				imageData
+			});
+			if (staleSince(requestedFilePath)) return;
+			if (!response.ok) {
+				renderErrors[index] = response.error || "Upload failed";
+				renderState[index] = "error";
+				return;
+			}
+			renderedImages[index] = response.data.image ?? "";
+			renderState[index] = "done";
+		}
+		function onCharDragOver(event, key) {
+			if (!event.dataTransfer?.types.includes("Files")) return;
+			event.preventDefault();
+			charDragOver[key] = true;
+		}
+		function onCharDragLeave(key) {
+			charDragOver[key] = false;
+		}
+		async function onCharDrop(event, key) {
+			event.preventDefault();
+			charDragOver[key] = false;
+			const file = event.dataTransfer?.files[0];
+			if (!file || !file.type.startsWith("image/")) return;
+			charRenderState[key] = "rendering";
+			Reflect.deleteProperty(charErrors, key);
+			let imageData;
+			try {
+				imageData = await new Promise((resolve, reject) => {
+					const reader = new FileReader();
+					reader.onload = () => resolve(reader.result);
+					reader.onerror = reject;
+					reader.readAsDataURL(file);
+				});
+			} catch (err) {
+				charErrors[key] = errorMessage(err);
+				charRenderState[key] = "error";
+				return;
+			}
+			const requestedFilePath = filePath.value;
+			const response = await api.call("uploadCharacterImage", {
+				filePath: requestedFilePath,
+				key,
+				imageData
+			});
+			if (staleSince(requestedFilePath)) return;
+			if (!response.ok) {
+				charErrors[key] = response.error || "Upload failed";
+				charRenderState[key] = "error";
+				return;
+			}
+			charImages[key] = response.data.image ?? "";
+			charRenderState[key] = "done";
+		}
+		function openCharacterLightbox(key) {
+			stopAllPlayback();
+			lightbox.value = {
+				src: charImages[key],
+				text: key,
+				index: -1,
+				isCharacter: true
+			};
+		}
+		async function loadExistingCharacterImage(key) {
+			const requestedFilePath = filePath.value;
+			const response = await api.call("characterImage", {
+				filePath: requestedFilePath,
+				key
+			});
+			if (staleSince(requestedFilePath)) return;
+			if (response.ok && response.data.image) {
+				charImages[key] = response.data.image;
+				charRenderState[key] = "done";
+			}
+		}
+		function refreshMissingCharacterImages() {
+			getMissingCharacterKeys(characterKeys.value, charImages, charRenderState).forEach((key) => loadExistingCharacterImage(key));
+		}
+		async function renderCharacter(key, force) {
+			const requestedFilePath = filePath.value;
+			charRenderState[key] = "rendering";
+			Reflect.deleteProperty(charErrors, key);
+			const response = await api.call("renderCharacter", {
+				filePath: requestedFilePath,
+				key,
+				force,
+				chatSessionId: chatSessionId.value
+			});
+			if (staleSince(requestedFilePath)) return;
+			if (!response.ok) {
+				charErrors[key] = response.error || "Render failed";
+				charRenderState[key] = "error";
+				return;
+			}
+			charImages[key] = response.data.image ?? "";
+			charRenderState[key] = "done";
+		}
+		async function generateAllCharacters() {
+			await Promise.all(characterKeys.value.filter((key) => charRenderState[key] !== "rendering").map((key) => renderCharacter(key, false)));
+		}
+		async function hydrateBeatImage(beat, index, hasCharacters, autoRenderTypes) {
+			await loadExistingBeatImage(index);
+			if (renderedImages[index]) return;
+			if (shouldAutoRenderBeat(beat, hasCharacters, autoRenderTypes)) await renderBeat(index);
+		}
+		/**
+		* #1074 — keep the in-memory toolResult in sync with the on-disk
+		* script file. `updateBeat` / `updateScript` persist edits to
+		* disk, but the session entry that backs
+		* `props.selectedResult.data.script` is never rewritten, so a
+		* page reload + session-restore would otherwise surface stale
+		* pre-edit content.
+		*
+		* Why the reopen dispatch, not a generic file read: `filePath`
+		* is the wire form `stories/<rel>` which only the mulmoScript save
+		* op knows how to translate back to the real on-disk path under
+		* `artifacts/stories/...`. The reopen op is read-only when `script`
+		* is omitted; it does NOT trigger movie generation.
+		*
+		* The flow silently bails on every failure mode so a missing /
+		* malformed / deleted script file never blocks the rest of
+		* `initializeScript`.
+		*
+		* Stale-response guard: capture `uuid` + `filePath` before the
+		* `await`. If either has changed by the time the response lands
+		* (the user navigated to a different result while the request
+		* was in flight, or `props.selectedResult` was swapped under us
+		* by a parent watcher), drop the response on the floor — the new
+		* `initializeScript` invocation triggered by that change will
+		* issue its own refresh against the correct file.
+		*/
+		async function refreshScriptFromDisk() {
+			const requestedFilePath = filePath.value;
+			if (!requestedFilePath) return;
+			const requestedUuid = props.selectedResult.uuid;
+			const response = await api.call("save", { filePath: requestedFilePath });
+			if (props.selectedResult.uuid !== requestedUuid || filePath.value !== requestedFilePath) return;
+			if (!response.ok) return;
+			const diskScript = response.data.script;
+			if (!diskScript) return;
+			if (isSameScript(diskScript, script.value)) return;
+			emit("updateResult", {
+				...props.selectedResult,
+				data: {
+					...props.selectedResult.data,
+					script: diskScript
+				}
+			});
+		}
+		async function initializeScript() {
+			stopAllPlayback();
+			lightbox.value = null;
+			if (beatListEl.value) beatListEl.value.scrollTop = 0;
+			Object.keys(renderState).forEach((key) => Reflect.deleteProperty(renderState, key));
+			Object.keys(renderedImages).forEach((key) => Reflect.deleteProperty(renderedImages, key));
+			Object.keys(renderErrors).forEach((key) => Reflect.deleteProperty(renderErrors, key));
+			Object.keys(sourceOpen).forEach((key) => Reflect.deleteProperty(sourceOpen, key));
+			Object.keys(sourceText).forEach((key) => Reflect.deleteProperty(sourceText, key));
+			Object.keys(beatSaveErrors).forEach((key) => Reflect.deleteProperty(beatSaveErrors, key));
+			Object.keys(beatSaving).forEach((key) => Reflect.deleteProperty(beatSaving, key));
+			Object.keys(localOverrides).forEach((key) => Reflect.deleteProperty(localOverrides, key));
+			Object.keys(beatAudios).forEach((key) => Reflect.deleteProperty(beatAudios, key));
+			Object.keys(audioState).forEach((key) => Reflect.deleteProperty(audioState, key));
+			Object.keys(audioErrors).forEach((key) => Reflect.deleteProperty(audioErrors, key));
+			Object.keys(charRenderState).forEach((key) => Reflect.deleteProperty(charRenderState, key));
+			Object.keys(charImages).forEach((key) => Reflect.deleteProperty(charImages, key));
+			Object.keys(charErrors).forEach((key) => Reflect.deleteProperty(charErrors, key));
+			Object.keys(beatDragOver).forEach((key) => Reflect.deleteProperty(beatDragOver, key));
+			resetBeatMovies();
+			moviePath.value = null;
+			pdfPath.value = null;
+			movieGenerating.value = false;
+			pdfGenerating.value = false;
+			movieError.value = null;
+			if (sourceDetails.value) sourceDetails.value.open = false;
+			await refreshScriptFromDisk();
+			const AUTO_RENDER_TYPES = [
+				"textSlide",
+				"markdown",
+				"chart",
+				"mermaid",
+				"html_tailwind",
+				"slide"
+			];
+			const hasCharacters = characterKeys.value.length > 0;
+			beats.value.forEach((beat, index) => {
+				hydrateBeatImage(beat, index, hasCharacters, AUTO_RENDER_TYPES);
+				if (beat.text) loadExistingBeatAudio(index);
+				if (beatMayHaveMovie(beat)) loadExistingBeatMovie(index);
+			});
+			characterKeys.value.forEach((key) => loadExistingCharacterImage(key));
+			if (filePath.value) {
+				const requestedFilePath = filePath.value;
+				const isStale = () => filePath.value !== requestedFilePath;
+				const response = await api.call("movieStatus", { filePath: requestedFilePath });
+				if (isStale()) return;
+				if (response.ok && response.data.moviePath) moviePath.value = response.data.moviePath;
+				const pdfResponse = await api.call("pdfStatus", { filePath: requestedFilePath });
+				if (isStale()) return;
+				if (pdfResponse.ok && pdfResponse.data.pdfPath) pdfPath.value = pdfResponse.data.pdfPath;
+				const pending = await api.call("pendingGenerations", { filePath: requestedFilePath });
+				if (isStale()) return;
+				if (pending.ok) for (const entry of pending.data.pending) reflectGenerationStart(entry);
+			}
+		}
+		onMounted(initializeScript);
+		watch(() => props.selectedResult, initializeScript);
+		const unsubscribeGenerationEvents = api.onGenerationEvent(() => filePath.value, (event) => {
+			if (!event.done) {
+				reflectGenerationStart(event);
+				return;
+			}
+			reflectGenerationFinish(event).catch((err) => {
+				console.error("[presentMulmoScript] reload on finish failed:", err);
+			});
+		});
+		function reflectGenerationStart(entry) {
+			if (entry.kind === "beatImage") {
+				const idx = Number(entry.key);
+				if (!renderedImages[idx]) renderState[idx] = "rendering";
+			} else if (entry.kind === "beatAudio") {
+				const idx = Number(entry.key);
+				if (!beatAudios[idx]) audioState[idx] = "generating";
+			} else if (entry.kind === "characterImage") {
+				if (!charImages[entry.key]) charRenderState[entry.key] = "rendering";
+			} else if (entry.kind === "movie") movieGenerating.value = true;
+			else if (entry.kind === "pdf") pdfGenerating.value = true;
+		}
+		async function reflectGenerationFinish(entry) {
+			if (entry.kind === "beatImage") {
+				const idx = Number(entry.key);
+				await loadExistingBeatImage(idx);
+				if (beatMayHaveMovie(effectiveBeat(idx))) await loadExistingBeatMovie(idx);
+				if (renderState[idx] === "rendering") Reflect.deleteProperty(renderState, idx);
+				refreshMissingCharacterImages();
+			} else if (entry.kind === "beatAudio") {
+				const idx = Number(entry.key);
+				await loadExistingBeatAudio(idx);
+				if (audioState[idx] === "generating") Reflect.deleteProperty(audioState, idx);
+			} else if (entry.kind === "characterImage") {
+				await loadExistingCharacterImage(entry.key);
+				if (charRenderState[entry.key] === "rendering") Reflect.deleteProperty(charRenderState, entry.key);
+			} else if (entry.kind === "movie") {
+				movieGenerating.value = false;
+				await refreshMoviePath();
+			} else if (entry.kind === "pdf") {
+				pdfGenerating.value = false;
+				await refreshPdfPath();
+			}
+		}
+		async function refreshMoviePath() {
+			const requestedFilePath = filePath.value;
+			if (!requestedFilePath) return;
+			const response = await api.call("movieStatus", { filePath: requestedFilePath });
+			if (filePath.value !== requestedFilePath) return;
+			if (response.ok && response.data.moviePath) moviePath.value = response.data.moviePath;
+		}
+		async function generateMovie() {
+			const requestedFilePath = filePath.value;
+			movieGenerating.value = true;
+			movieError.value = null;
+			const response = await api.call("generateMovie", {
+				filePath: requestedFilePath,
+				chatSessionId: chatSessionId.value
+			});
+			if (filePath.value !== requestedFilePath) return;
+			movieGenerating.value = false;
+			if (!response.ok) {
+				movieError.value = response.error;
+				return;
+			}
+			moviePath.value = response.data.moviePath;
+		}
+		async function downloadMovie() {
+			const fetchMediaBlob = adapter.fetchMediaBlob;
+			if (!fetchMediaBlob || !moviePath.value || movieDownloading.value) return;
+			movieDownloading.value = true;
+			let objectUrl = null;
+			try {
+				const blob = await fetchMediaBlob({ moviePath: moviePath.value });
+				objectUrl = URL.createObjectURL(blob);
+				const filename = moviePath.value.split("/").pop() ?? "movie.mp4";
+				const anchor = document.createElement("a");
+				anchor.href = objectUrl;
+				anchor.download = filename;
+				document.body.appendChild(anchor);
+				anchor.click();
+				anchor.remove();
+			} catch (err) {
+				alert(errorMessage(err));
+			} finally {
+				if (objectUrl) URL.revokeObjectURL(objectUrl);
+				movieDownloading.value = false;
+			}
+		}
+		async function refreshPdfPath() {
+			const requestedFilePath = filePath.value;
+			if (!requestedFilePath) return;
+			const response = await api.call("pdfStatus", { filePath: requestedFilePath });
+			if (filePath.value !== requestedFilePath) return;
+			if (response.ok && response.data.pdfPath) pdfPath.value = response.data.pdfPath;
+		}
+		async function generatePdf() {
+			const requestedFilePath = filePath.value;
+			pdfGenerating.value = true;
+			const response = await api.call("generatePdf", {
+				filePath: requestedFilePath,
+				chatSessionId: chatSessionId.value
+			});
+			if (filePath.value !== requestedFilePath) return;
+			pdfGenerating.value = false;
+			if (!response.ok) {
+				alert(response.error);
+				return;
+			}
+			pdfPath.value = response.data.pdfPath;
+		}
+		async function downloadPdf() {
+			const fetchMediaBlob = adapter.fetchMediaBlob;
+			if (!fetchMediaBlob || !pdfPath.value || pdfDownloading.value) return;
+			pdfDownloading.value = true;
+			let objectUrl = null;
+			try {
+				const blob = await fetchMediaBlob({ pdfPath: pdfPath.value });
+				objectUrl = URL.createObjectURL(blob);
+				const filename = pdfPath.value.split("/").pop() ?? "deck.pdf";
+				const anchor = document.createElement("a");
+				anchor.href = objectUrl;
+				anchor.download = filename;
+				document.body.appendChild(anchor);
+				anchor.click();
+				anchor.remove();
+			} catch (err) {
+				alert(errorMessage(err));
+			} finally {
+				if (objectUrl) URL.revokeObjectURL(objectUrl);
+				pdfDownloading.value = false;
+			}
+		}
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", _hoisted_1$1, [
+				createElementVNode("div", _hoisted_2$1, [createElementVNode("div", _hoisted_3$1, [
+					createElementVNode("h2", _hoisted_4, toDisplayString(script.value.title || "Untitled Script"), 1),
+					script.value.description ? (openBlock(), createElementBlock("p", _hoisted_5, toDisplayString(script.value.description), 1)) : createCommentVNode("", true),
+					createElementVNode("div", _hoisted_6, [
+						createElementVNode("span", null, toDisplayString(unref(m).beatCount(beats.value.length)), 1),
+						script.value.lang ? (openBlock(), createElementBlock("span", _hoisted_7, toDisplayString(script.value.lang), 1)) : createCommentVNode("", true),
+						filePath.value ? (openBlock(), createElementBlock("span", _hoisted_8, toDisplayString(filePath.value), 1)) : createCommentVNode("", true)
+					])
+				]), createElementVNode("div", _hoisted_9, [
+					moviePath.value && !movieGenerating.value ? (openBlock(), createElementBlock("button", {
+						key: 0,
+						class: "h-8 w-8 flex items-center justify-center rounded border border-green-600 text-green-600 hover:bg-green-50 disabled:opacity-40 disabled:cursor-not-allowed transition-colors",
+						disabled: !isPlayReady.value,
+						title: unref(m).playPresentation,
+						"aria-label": unref(m).playPresentation,
+						onClick: playPresentation
+					}, [..._cache[6] || (_cache[6] = [createElementVNode("span", { class: "material-icons text-base" }, "play_arrow", -1)])], 8, _hoisted_10)) : createCommentVNode("", true),
+					moviePath.value && !movieGenerating.value && canFetchMedia.value ? (openBlock(), createElementBlock("button", {
+						key: 1,
+						class: "h-8 px-2.5 flex items-center gap-1 rounded bg-green-600 hover:bg-green-700 text-white text-sm disabled:opacity-60 disabled:cursor-not-allowed transition-colors",
+						disabled: movieDownloading.value,
+						"data-testid": "mulmo-script-download-movie-button",
+						onClick: downloadMovie
+					}, [_cache[7] || (_cache[7] = createElementVNode("span", { class: "material-icons text-base" }, "download", -1)), createElementVNode("span", null, toDisplayString(unref(m).movie), 1)], 8, _hoisted_11)) : createCommentVNode("", true),
+					moviePath.value && !movieGenerating.value ? (openBlock(), createElementBlock("button", {
+						key: 2,
+						class: "h-8 w-8 flex items-center justify-center rounded border border-gray-200 text-gray-600 hover:bg-gray-100 transition-colors",
+						title: unref(m).regenerateMovie,
+						"aria-label": unref(m).regenerateMovie,
+						"data-testid": "mulmo-script-regenerate-movie-button",
+						onClick: generateMovie
+					}, [..._cache[8] || (_cache[8] = [createElementVNode("span", { class: "material-icons text-base" }, "refresh", -1)])], 8, _hoisted_12)) : (openBlock(), createElementBlock("button", {
+						key: 3,
+						class: "h-8 px-2.5 flex items-center gap-1 text-sm rounded border border-gray-200 text-gray-600 hover:bg-gray-100 disabled:opacity-40 disabled:cursor-not-allowed transition-colors",
+						disabled: movieGenerating.value,
+						"data-testid": "mulmo-script-generate-movie-button",
+						onClick: generateMovie
+					}, [movieGenerating.value ? (openBlock(), createElementBlock("svg", _hoisted_14, [..._cache[9] || (_cache[9] = [createElementVNode("circle", {
+						class: "opacity-25",
+						cx: "12",
+						cy: "12",
+						r: "10",
+						stroke: "currentColor",
+						"stroke-width": "4"
+					}, null, -1), createElementVNode("path", {
+						class: "opacity-75",
+						fill: "currentColor",
+						d: "M4 12a8 8 0 018-8v8H4z"
+					}, null, -1)])])) : createCommentVNode("", true), movieGenerating.value ? (openBlock(), createElementBlock("span", _hoisted_15, toDisplayString(unref(m).generating), 1)) : (openBlock(), createElementBlock(Fragment, { key: 2 }, [_cache[10] || (_cache[10] = createElementVNode("span", { class: "material-icons text-sm" }, "refresh", -1)), createElementVNode("span", null, toDisplayString(unref(m).movie), 1)], 64))], 8, _hoisted_13)),
+					pdfPath.value && !pdfGenerating.value && canFetchMedia.value ? (openBlock(), createElementBlock("button", {
+						key: 4,
+						class: "h-8 px-2.5 flex items-center gap-1 rounded bg-red-600 hover:bg-red-700 text-white text-sm disabled:opacity-60 disabled:cursor-not-allowed transition-colors",
+						disabled: pdfDownloading.value,
+						"data-testid": "mulmo-script-download-pdf-button",
+						onClick: downloadPdf
+					}, [_cache[11] || (_cache[11] = createElementVNode("span", { class: "material-icons text-base" }, "download", -1)), createElementVNode("span", null, toDisplayString(unref(m).pdf), 1)], 8, _hoisted_16)) : createCommentVNode("", true),
+					pdfPath.value && !pdfGenerating.value ? (openBlock(), createElementBlock("button", {
+						key: 5,
+						class: "h-8 w-8 flex items-center justify-center rounded border border-gray-200 text-gray-600 hover:bg-gray-100 transition-colors",
+						title: unref(m).regeneratePdf,
+						"aria-label": unref(m).regeneratePdf,
+						"data-testid": "mulmo-script-regenerate-pdf-button",
+						onClick: generatePdf
+					}, [..._cache[12] || (_cache[12] = [createElementVNode("span", { class: "material-icons text-base" }, "refresh", -1)])], 8, _hoisted_17)) : (openBlock(), createElementBlock("button", {
+						key: 6,
+						class: "h-8 px-2.5 flex items-center gap-1 text-sm rounded border border-gray-200 text-gray-600 hover:bg-gray-100 disabled:opacity-40 disabled:cursor-not-allowed transition-colors",
+						disabled: pdfGenerating.value,
+						"data-testid": "mulmo-script-generate-pdf-button",
+						onClick: generatePdf
+					}, [pdfGenerating.value ? (openBlock(), createElementBlock("svg", _hoisted_19, [..._cache[13] || (_cache[13] = [createElementVNode("circle", {
+						class: "opacity-25",
+						cx: "12",
+						cy: "12",
+						r: "10",
+						stroke: "currentColor",
+						"stroke-width": "4"
+					}, null, -1), createElementVNode("path", {
+						class: "opacity-75",
+						fill: "currentColor",
+						d: "M4 12a8 8 0 018-8v8H4z"
+					}, null, -1)])])) : createCommentVNode("", true), pdfGenerating.value ? (openBlock(), createElementBlock("span", _hoisted_20, toDisplayString(unref(m).generatingPdf), 1)) : (openBlock(), createElementBlock(Fragment, { key: 2 }, [_cache[14] || (_cache[14] = createElementVNode("span", { class: "material-icons text-sm" }, "picture_as_pdf", -1)), createElementVNode("span", null, toDisplayString(unref(m).pdf), 1)], 64))], 8, _hoisted_18))
+				])]),
+				movieError.value ? (openBlock(), createElementBlock("div", _hoisted_21, [
+					_cache[15] || (_cache[15] = createElementVNode("span", { class: "material-icons text-base shrink-0 mt-px" }, "error_outline", -1)),
+					createElementVNode("div", _hoisted_22, [createElementVNode("div", _hoisted_23, toDisplayString(unref(m).movieGenerationFailed), 1), createElementVNode("div", _hoisted_24, toDisplayString(movieError.value), 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",
+						disabled: movieGenerating.value,
+						"data-testid": "mulmo-script-movie-retry-button",
+						onClick: generateMovie
+					}, toDisplayString(unref(m).retry), 9, _hoisted_25)
+				])) : createCommentVNode("", true),
+				characterKeys.value.length > 0 ? (openBlock(), createElementBlock("div", _hoisted_26, [createElementVNode("div", _hoisted_27, [createElementVNode("span", _hoisted_28, toDisplayString(unref(m).characters), 1), createElementVNode("button", {
+					class: "px-2 py-0.5 text-xs rounded border border-gray-300 text-gray-500 hover:bg-gray-50 disabled:opacity-50",
+					disabled: movieGenerating.value || anyBeatRendering.value || characterKeys.value.every((key) => charRenderState[key] === "rendering"),
+					onClick: generateAllCharacters
+				}, toDisplayString(unref(m).generateAll), 9, _hoisted_29)]), createElementVNode("div", _hoisted_30, [(openBlock(true), createElementBlock(Fragment, null, renderList(characterKeys.value, (key) => {
+					return openBlock(), createElementBlock("div", {
+						key,
+						class: "flex flex-col items-center gap-1 w-36"
+					}, [createElementVNode("div", {
+						class: normalizeClass(["relative w-36 h-36 rounded-lg border overflow-hidden bg-gray-50 flex items-center justify-center transition-colors", charDragOver[key] ? "border-blue-400 bg-blue-50" : "border-gray-200"]),
+						onDragover: ($event) => onCharDragOver($event, key),
+						onDragleave: ($event) => onCharDragLeave(key),
+						onDrop: ($event) => onCharDrop($event, key)
+					}, [
+						charImages[key] ? (openBlock(), createElementBlock("img", {
+							key: 0,
+							src: charImages[key],
+							class: "w-full h-full object-cover cursor-zoom-in",
+							alt: key,
+							onClick: ($event) => openCharacterLightbox(key)
+						}, null, 8, _hoisted_32)) : charRenderState[key] === "rendering" ? (openBlock(), createElementBlock("svg", _hoisted_33, [..._cache[16] || (_cache[16] = [createElementVNode("circle", {
+							class: "opacity-25",
+							cx: "12",
+							cy: "12",
+							r: "10",
+							stroke: "currentColor",
+							"stroke-width": "4"
+						}, null, -1), createElementVNode("path", {
+							class: "opacity-75",
+							fill: "currentColor",
+							d: "M4 12a8 8 0 018-8v8H4z"
+						}, null, -1)])])) : charRenderState[key] === "error" ? (openBlock(), createElementBlock("span", _hoisted_34, toDisplayString(charErrors[key]), 1)) : (openBlock(), createElementBlock("span", _hoisted_35, toDisplayString(characterPrompt(key)), 1)),
+						!charDragOver[key] ? (openBlock(), createElementBlock("div", _hoisted_36, toDisplayString(unref(m).orDropImage), 1)) : createCommentVNode("", true),
+						charDragOver[key] ? (openBlock(), createElementBlock("div", _hoisted_37, [createElementVNode("span", _hoisted_38, toDisplayString(unref(m).drop), 1)])) : createCommentVNode("", true),
+						charImages[key] && charRenderState[key] !== "rendering" ? (openBlock(), createElementBlock("button", {
+							key: 6,
+							class: normalizeClass(["absolute top-0.5 right-0.5 px-1 py-0.5 text-xs rounded border bg-white", movieGenerating.value || anyBeatRendering.value ? "border-yellow-400 text-yellow-500 cursor-not-allowed" : "border-gray-400 text-gray-600 hover:bg-gray-50"]),
+							disabled: movieGenerating.value || anyBeatRendering.value,
+							onClick: withModifiers(($event) => renderCharacter(key, true), ["stop"])
+						}, [movieGenerating.value || anyBeatRendering.value ? (openBlock(), createElementBlock("span", _hoisted_40, "↺")) : (openBlock(), createElementBlock("span", _hoisted_41, "↺"))], 10, _hoisted_39)) : !charImages[key] && charRenderState[key] !== "rendering" ? (openBlock(), createElementBlock("button", {
+							key: 7,
+							class: normalizeClass(["absolute top-0.5 right-0.5 px-1 py-0.5 text-xs rounded border bg-white", movieGenerating.value || anyBeatRendering.value ? "border-yellow-400 text-yellow-500 cursor-not-allowed" : "border-blue-400 text-blue-600 hover:bg-blue-50"]),
+							disabled: movieGenerating.value || anyBeatRendering.value,
+							onClick: withModifiers(($event) => renderCharacter(key, false), ["stop"])
+						}, [movieGenerating.value || anyBeatRendering.value ? (openBlock(), createElementBlock("svg", _hoisted_43, [..._cache[17] || (_cache[17] = [createElementVNode("circle", {
+							class: "opacity-25",
+							cx: "12",
+							cy: "12",
+							r: "10",
+							stroke: "currentColor",
+							"stroke-width": "4"
+						}, null, -1), createElementVNode("path", {
+							class: "opacity-75",
+							fill: "currentColor",
+							d: "M4 12a8 8 0 018-8v8H4z"
+						}, null, -1)])])) : (openBlock(), createElementBlock("span", _hoisted_44, toDisplayString(unref(m).gen), 1))], 10, _hoisted_42)) : createCommentVNode("", true)
+					], 42, _hoisted_31), createElementVNode("span", _hoisted_45, toDisplayString(key), 1)]);
+				}), 128))])])) : createCommentVNode("", true),
+				isDeck.value ? (openBlock(), createElementBlock("div", _hoisted_46, [createVNode(unref(MulmoScriptDeckEditor), {
+					script: deckScriptInput.value,
+					layout: "compact",
+					"onUpdate:script": onDeckUpdate
+				}, null, 8, ["script"])])) : (openBlock(), createElementBlock("div", {
+					key: 3,
+					ref_key: "beatListEl",
+					ref: beatListEl,
+					class: "flex-1 overflow-y-auto p-2 space-y-1.5"
+				}, [(openBlock(true), createElementBlock(Fragment, null, renderList(beats.value, (beat, index) => {
+					return openBlock(), createElementBlock("div", {
+						key: index,
+						class: "rounded-lg border border-gray-200 overflow-hidden"
+					}, [createElementVNode("div", _hoisted_47, [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),
+						onDrop: ($event) => onBeatDrop($event, index)
+					}, [
+						beatMovieOpen[index] && beatMovieUrls[index] ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [createElementVNode("video", {
+							src: beatMovieUrls[index],
+							class: "w-full object-contain",
+							controls: "",
+							autoplay: "",
+							"data-testid": `mulmo-script-beat-movie-player-${index}`
+						}, null, 8, _hoisted_49), 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) => closeBeatMovie(index), ["stop"])
+						}, [..._cache[18] || (_cache[18] = [createElementVNode("span", { class: "material-icons text-sm" }, "close", -1)])], 8, _hoisted_50)], 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_51)) : createCommentVNode("", true),
+							renderedImages[index] && 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",
+								title: unref(m).play,
+								"aria-label": unref(m).play,
+								"data-testid": `mulmo-script-beat-movie-play-${index}`,
+								onClick: withModifiers(($event) => playBeatMovie(index), ["stop"])
+							}, [beatMovieLoading[index] ? (openBlock(), createElementBlock("svg", _hoisted_53, [..._cache[19] || (_cache[19] = [createElementVNode("circle", {
+								class: "opacity-25",
+								cx: "12",
+								cy: "12",
+								r: "10",
+								stroke: "currentColor",
+								"stroke-width": "4"
+							}, null, -1), createElementVNode("path", {
+								class: "opacity-75",
+								fill: "currentColor",
+								d: "M4 12a8 8 0 018-8v8H4z"
+							}, null, -1)])])) : (openBlock(), createElementBlock("span", _hoisted_54, "play_arrow"))], 8, _hoisted_52)) : 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: movieGenerating.value,
+								onClick: withModifiers(($event) => regenerateBeat(index), ["stop"])
+							}, " ↺ ", 8, _hoisted_55)) : !renderedImages[index] ? (openBlock(), createElementBlock("div", _hoisted_56, [renderState[index] === "rendering" || movieGenerating.value && !renderedImages[index] && effectiveBeat(index).imagePrompt ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [_cache[20] || (_cache[20] = createElementVNode("svg", {
+								class: "animate-spin w-4 h-4 text-green-400",
+								viewBox: "0 0 24 24",
+								fill: "none"
+							}, [createElementVNode("circle", {
+								class: "opacity-25",
+								cx: "12",
+								cy: "12",
+								r: "10",
+								stroke: "currentColor",
+								"stroke-width": "4"
+							}), createElementVNode("path", {
+								class: "opacity-75",
+								fill: "currentColor",
+								d: "M4 12a8 8 0 018-8v8H4z"
+							})], -1)), createElementVNode("span", _hoisted_57, toDisplayString(unref(m).rendering), 1)], 64)) : renderState[index] === "error" ? (openBlock(), createElementBlock("span", _hoisted_58, toDisplayString(renderErrors[index]), 1)) : (openBlock(), createElementBlock(Fragment, { key: 2 }, [effectiveBeat(index).imagePrompt ? (openBlock(), createElementBlock("span", _hoisted_59, toDisplayString(effectiveBeat(index).imagePrompt), 1)) : (openBlock(), createElementBlock("span", _hoisted_60, toDisplayString(beat.image?.type ?? "—"), 1))], 64))])) : createCommentVNode("", true)
+						], 64)),
+						beatDragOver[index] ? (openBlock(), createElementBlock("div", _hoisted_61, [createElementVNode("span", _hoisted_62, toDisplayString(unref(m).drop), 1)])) : !renderedImages[index] && renderState[index] !== "rendering" ? (openBlock(), createElementBlock("div", _hoisted_63, toDisplayString(unref(m).orDropImage), 1)) : createCommentVNode("", true),
+						!renderedImages[index] && renderState[index] !== "rendering" && !movieGenerating.value ? (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_64)) : createCommentVNode("", true)
+					], 42, _hoisted_48), createElementVNode("div", _hoisted_65, [createElementVNode("span", _hoisted_66, toDisplayString(effectiveBeat(index).text), 1), createElementVNode("div", _hoisted_67, [createElementVNode("div", _hoisted_68, [audioState[index] === "generating" || movieGenerating.value && !beatAudios[index] && effectiveBeat(index).text ? (openBlock(), createElementBlock("svg", _hoisted_69, [..._cache[21] || (_cache[21] = [createElementVNode("circle", {
+						class: "opacity-25",
+						cx: "12",
+						cy: "12",
+						r: "10",
+						stroke: "currentColor",
+						"stroke-width": "4"
+					}, null, -1), createElementVNode("path", {
+						class: "opacity-75",
+						fill: "currentColor",
+						d: "M4 12a8 8 0 018-8v8H4z"
+					}, null, -1)])])) : beatAudios[index] ? (openBlock(), createElementBlock("button", {
+						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_70)) : 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_71), effectiveBeat(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: movieGenerating.value,
+						onClick: ($event) => generateAudio(index)
+					}, " ↺ ", 8, _hoisted_72)) : createCommentVNode("", true)], 64)) : effectiveBeat(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_73)) : 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}`,
+						onClick: ($event) => toggleSource(index)
+					}, [..._cache[22] || (_cache[22] = [createElementVNode("svg", {
+						xmlns: "http://www.w3.org/2000/svg",
+						class: "w-3.5 h-3.5",
+						viewBox: "0 0 24 24",
+						fill: "none",
+						stroke: "currentColor",
+						"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_74)])])]), sourceOpen[index] ? (openBlock(), createElementBlock("div", _hoisted_75, [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(index) ? "outline-none" : "outline outline-2 outline-red-400"]),
+						rows: "8",
+						spellcheck: "false",
+						"data-testid": `mulmo-script-beat-source-textarea-${index}`
+					}, null, 10, _hoisted_76), [[vModelText, sourceText[index]]]), createElementVNode("div", _hoisted_77, [beatSaveErrors[index] ? (openBlock(), createElementBlock("span", _hoisted_78, 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(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(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_79)])])) : createCommentVNode("", true)]);
+				}), 128)), beats.value.length === 0 ? (openBlock(), createElementBlock("div", _hoisted_80, toDisplayString(unref(m).noBeats), 1)) : createCommentVNode("", true)], 512)),
+				createElementVNode("div", _hoisted_81, [createElementVNode("details", {
+					ref_key: "sourceDetails",
+					ref: sourceDetails,
+					class: "script-source",
+					onToggle: _cache[1] || (_cache[1] = ($event) => onSourceToggle($event.target.open))
+				}, [
+					createElementVNode("summary", null, toDisplayString(unref(m).editSource), 1),
+					withDirectives(createElementVNode("textarea", {
+						"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => editableSource.value = $event),
+						class: normalizeClass(["script-editor", { "script-editor-invalid": sourceChanged.value && !sourceValid.value }]),
+						spellcheck: "false"
+					}, null, 2), [[vModelText, editableSource.value]]),
+					createElementVNode("div", _hoisted_82, [createElementVNode("button", {
+						class: "apply-btn",
+						disabled: !sourceChanged.value || !sourceValid.value,
+						onClick: applySource
+					}, toDisplayString(unref(m).applyChanges), 9, _hoisted_83), createElementVNode("button", {
+						class: "cancel-btn",
+						onClick: cancelSourceEdit
+					}, toDisplayString(unref(m).cancel), 1)])
+				], 544), withDirectives(createElementVNode("button", {
+					class: "copy-btn",
+					title: unref(copied) ? "Copied!" : "Copy",
+					onClick: copyText
+				}, [createElementVNode("span", _hoisted_85, toDisplayString(unref(copied) ? "check" : "content_copy"), 1)], 8, _hoisted_84), [[vShow, !editing.value]])]),
+				lightbox.value ? (openBlock(), createElementBlock("div", {
+					key: 4,
+					class: "fixed inset-0 z-50 bg-black/80 overflow-y-auto",
+					onClick: closeLightbox
+				}, [createElementVNode("button", {
+					class: "fixed top-2 right-4 z-10 text-white/60 hover:text-white text-3xl leading-none",
+					title: unref(m).close,
+					onClick: withModifiers(closeLightbox, ["stop"])
+				}, "✕", 8, _hoisted_86), createElementVNode("div", {
+					class: "flex flex-col items-center gap-4 pt-4 pb-8",
+					onClick: _cache[5] || (_cache[5] = withModifiers(() => {}, ["stop"]))
+				}, [createElementVNode("div", _hoisted_87, [
+					!lightbox.value.isCharacter ? (openBlock(), createElementBlock("button", {
+						key: 0,
+						class: "text-white/60 hover:text-white disabled:opacity-20 text-5xl leading-none",
+						disabled: !hasPrev.value,
+						onClick: _cache[2] || (_cache[2] = ($event) => lightboxMove(-1))
+					}, " ‹ ", 8, _hoisted_88)) : createCommentVNode("", true),
+					createElementVNode("div", _hoisted_89, [createElementVNode("img", {
+						src: lightbox.value.src,
+						class: "max-w-[80vw] max-h-[85vh] object-contain rounded shadow-2xl"
+					}, null, 8, _hoisted_90), !lightbox.value.isCharacter && beats.value.length > 1 ? (openBlock(), createElementBlock("div", _hoisted_91, [createElementVNode("div", _hoisted_92, [(openBlock(true), createElementBlock(Fragment, null, renderList(beats.value.length, (i) => {
+						return openBlock(), createElementBlock("div", {
+							key: i - 1,
+							class: normalizeClass(["group flex-1 cursor-pointer relative transition-colors", i - 1 === lightbox.value.index ? "bg-white/80 hover:bg-white" : i - 1 < lightbox.value.index ? "bg-white/40 hover:bg-white/60" : "bg-white/20 hover:bg-white/40"]),
+							onClick: ($event) => jumpToBeat(i - 1)
+						}, [_cache[23] || (_cache[23] = createElementVNode("span", { class: "absolute -inset-y-3 inset-x-0" }, null, -1)), beatTooltip(i - 1) ? (openBlock(), createElementBlock("div", _hoisted_94, toDisplayString(beatTooltip(i - 1)), 1)) : createCommentVNode("", true)], 10, _hoisted_93);
+					}), 128))]), playingAudio.value && playingAudio.value.index === lightbox.value.index ? (openBlock(), createElementBlock("div", {
+						key: 0,
+						class: "absolute top-1/2 w-3.5 h-3.5 rounded-full bg-white shadow ring-2 ring-black/30 -translate-y-1/2 -translate-x-1/2 pointer-events-none",
+						style: normalizeStyle({ left: `${(lightbox.value.index + audioProgress.value) / beats.value.length * 100}%` })
+					}, null, 4)) : createCommentVNode("", true)])) : createCommentVNode("", true)]),
+					!lightbox.value.isCharacter ? (openBlock(), createElementBlock("button", {
+						key: 1,
+						class: "text-white/60 hover:text-white disabled:opacity-20 text-5xl leading-none",
+						disabled: !hasNext.value,
+						onClick: _cache[3] || (_cache[3] = ($event) => lightboxMove(1))
+					}, " › ", 8, _hoisted_95)) : createCommentVNode("", true)
+				]), lightbox.value.text || beatAudios[lightbox.value.index] ? (openBlock(), createElementBlock("div", _hoisted_96, [lightbox.value.text ? (openBlock(), createElementBlock("p", _hoisted_97, toDisplayString(lightbox.value.text), 1)) : createCommentVNode("", true), beatAudios[lightbox.value.index] ? (openBlock(), createElementBlock("button", {
+					key: 1,
+					class: "absolute top-0 right-4 text-sm px-3 py-1 rounded border border-white/60 text-white/60 hover:bg-white/20",
+					onClick: _cache[4] || (_cache[4] = ($event) => playAudio(lightbox.value.index))
+				}, toDisplayString(playingAudio.value?.index === lightbox.value.index ? unref(m).stop : unref(m).play), 1)) : createCommentVNode("", true)])) : createCommentVNode("", true)])])) : createCommentVNode("", true)
+			]);
+		};
+	}
+});
+//#endregion
+//#region \0plugin-vue:export-helper
+var _plugin_vue_export_helper_default = (sfc, props) => {
+	const target = sfc.__vccOpts || sfc;
+	for (const [key, val] of props) target[key] = val;
+	return target;
+};
+//#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-485600b7"]]);
+//#endregion
+//#region src/vue/Preview.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = {
+	class: "p-2 text-sm",
+	"data-testid": "mulmo-script-preview"
+};
+var _hoisted_2 = {
+	class: "font-medium text-gray-700 truncate mb-1",
+	"data-testid": "mulmo-script-preview-title"
+};
+var _hoisted_3 = {
+	key: 0,
+	class: "text-xs text-gray-500 leading-relaxed",
+	"data-testid": "mulmo-script-preview-description"
+};
+//#endregion
+//#region src/vue/Preview.vue
+var Preview_default = /* @__PURE__ */ defineComponent({
+	__name: "Preview",
+	props: { result: {} },
+	setup(__props) {
+		const props = __props;
+		const data = computed(() => props.result.data);
+		const script = computed(() => data.value?.script);
+		const title = computed(() => script.value?.title || data.value?.filePath?.split("/").pop() || "MulmoScript");
+		const description = computed(() => script.value?.description);
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", _hoisted_1, [createElementVNode("div", _hoisted_2, toDisplayString(title.value), 1), description.value ? (openBlock(), createElementBlock("div", _hoisted_3, toDisplayString(description.value), 1)) : createCommentVNode("", true)]);
+		};
+	}
+});
+//#endregion
+//#region src/vue/index.ts
+var plugin = {
+	...pluginCore,
+	viewComponent: View_default,
+	previewComponent: Preview_default
+};
+var vue_default = { plugin };
+//#endregion
+export { GENERATION_EVENT, MULMOSCRIPT_HOST_ADAPTER_KEY, Preview_default as Preview, TOOL_DEFINITION, TOOL_NAME, View_default as View, vue_default as default, plugin, useHostAdapter, useMulmoScriptTransport };
+
+//# sourceMappingURL=vue.js.map