@rydr/game-sdk 3.4.0 → 3.6.0

package/dist/voiceover-editor/index.js

@@ -0,0 +1,641 @@
+import { CONVERSATIONS_COLLECTION, VOICE_CAST_COLLECTION, DEFAULT_VOICEOVER_SPEED, synthDirection, } from "../protocol/conversations.js";
+import { lineHash } from "../conversations/hash.js";
+import { GEMINI_VOICES } from "../conversations/voices.js";
+import { syncConversations } from "../conversations/index.js";
+const CSS = `
+.rydr-vo{position:fixed;inset:0;display:grid;grid-template-columns:300px 1fr;font:14px/1.5 system-ui,sans-serif;color:#e7e9ee;background:#0d0f14}
+.rydr-vo *{box-sizing:border-box}
+.rydr-vo-side{border-right:1px solid #232733;overflow:auto;padding:12px;display:flex;flex-direction:column;gap:6px}
+.rydr-vo-side h2{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:#8b93a7;margin:4px 0 8px}
+.rydr-vo-tabs{display:flex;gap:6px;margin-bottom:10px}
+.rydr-vo-tab{flex:1;text-align:center;padding:8px;border-radius:8px;cursor:pointer;border:1px solid #232733;color:#9aa4b8}
+.rydr-vo-tab.sel{background:#1b2130;border-color:#31405f;color:#fff}
+.rydr-vo-conv{padding:8px 10px;border-radius:8px;cursor:pointer;border:1px solid transparent;color:#cdd3e0}
+.rydr-vo-conv:hover{background:#161a22}
+.rydr-vo-conv.sel{background:#1b2130;border-color:#31405f}
+.rydr-vo-conv small{display:block;color:#6f7889}
+.rydr-vo-main{overflow:auto;padding:16px 20px;display:flex;flex-direction:column;gap:14px}
+.rydr-vo-head{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
+.rydr-vo-head input.title{font-size:18px;font-weight:600;background:#12151d;border:1px solid #232733;border-radius:8px;color:#fff;padding:8px 10px;min-width:260px}
+.rydr-vo-row{display:grid;grid-template-columns:150px 1fr auto;gap:10px;align-items:start;padding:10px;border:1px solid #232733;border-radius:10px;background:#11141b}
+.rydr-vo-row textarea{width:100%;min-height:52px;resize:vertical;background:#0d0f14;border:1px solid #232733;border-radius:8px;color:#e7e9ee;padding:8px 10px;font:inherit}
+.rydr-vo-row select,.rydr-vo-row input{width:100%;background:#0d0f14;border:1px solid #232733;border-radius:8px;color:#e7e9ee;padding:6px 8px;font:inherit}
+.rydr-vo-row [disabled]{opacity:.7;cursor:default}
+.rydr-vo-subrow{display:flex;gap:8px;margin-top:6px}
+.rydr-vo-subrow input.style{flex:1}
+.rydr-vo-subrow input.speed{width:96px}
+.rydr-vo-tag{font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:#6f7889}
+.rydr-vo-actions{display:flex;flex-direction:column;gap:6px;align-items:stretch;min-width:120px}
+.rydr-vo button{background:#1c2433;border:1px solid #31405f;color:#dbe2f0;border-radius:8px;padding:7px 10px;cursor:pointer;font:inherit}
+.rydr-vo button:hover{background:#243149}
+.rydr-vo button.primary{background:#2f6df6;border-color:#2f6df6;color:#fff}
+.rydr-vo button.ghost{background:transparent;border-color:#232733;color:#8b93a7}
+.rydr-vo button:disabled{opacity:.5;cursor:default}
+.rydr-vo-badge{font-size:12px;padding:2px 8px;border-radius:999px;white-space:nowrap;align-self:center}
+.rydr-vo-badge.ok{background:#123524;color:#57d38c;border:1px solid #1c5738}
+.rydr-vo-badge.missing{background:#2a2f3a;color:#9aa4b8;border:1px solid #3a4152}
+.rydr-vo-badge.stale{background:#3a2c12;color:#e2b25a;border:1px solid #5c481c}
+.rydr-vo-badge.novoice{background:#3a1620;color:#e2718f;border:1px solid #5c2436}
+.rydr-vo-sync{border-radius:10px;padding:10px;margin-bottom:10px;border:1px solid #232733;background:#11141b}
+.rydr-vo-sync button{width:100%;margin-top:8px}
+.rydr-vo-sync .chip{font-weight:600;font-size:13px}
+.rydr-vo-sync.insync .chip{color:#57d38c}
+.rydr-vo-sync.push{border-color:#5c481c}.rydr-vo-sync.push .chip{color:#e2b25a}
+.rydr-vo-sync.lossy{border-color:#5c2436;animation:rydr-vo-pulse 1.1s ease-in-out infinite}.rydr-vo-sync.lossy .chip{color:#e2718f}
+.rydr-vo-sync details{margin-top:6px;color:#8b93a7;font-size:12px}
+.rydr-vo-sync details pre{white-space:pre-wrap;margin:6px 0 0;color:#9aa4b8}
+@keyframes rydr-vo-pulse{0%,100%{box-shadow:0 0 0 0 rgba(226,113,143,.0)}50%{box-shadow:0 0 0 3px rgba(226,113,143,.25)}}
+@media (prefers-reduced-motion: reduce){.rydr-vo-sync.lossy{animation:none}}
+.rydr-vo-cast{display:flex;flex-direction:column;gap:12px}
+.rydr-vo-castrow{display:grid;grid-template-columns:180px 200px 1fr 110px;gap:12px;align-items:start;padding:12px;border:1px solid #232733;border-radius:10px;background:#11141b}
+.rydr-vo-castrow .clabel{font-weight:600;color:#fff;padding-top:6px}
+.rydr-vo-castrow select,.rydr-vo-castrow textarea,.rydr-vo-castrow input{width:100%;background:#0d0f14;border:1px solid #232733;border-radius:8px;color:#e7e9ee;padding:6px 8px;font:inherit}
+.rydr-vo-castrow textarea{min-height:44px;resize:vertical}
+.rydr-vo-empty{color:#6f7889;padding:40px;text-align:center}
+.rydr-vo-note{color:#6f7889;font-size:12px}
+`;
+function injectCss() {
+    if (document.getElementById("rydr-vo-css"))
+        return;
+    const el = document.createElement("style");
+    el.id = "rydr-vo-css";
+    el.textContent = CSS;
+    document.head.appendChild(el);
+}
+function uid() {
+    return "c-" + Math.random().toString(36).slice(2, 9);
+}
+/** Mount the voice-over editor into `root`. */
+export function mountVoiceoverEditor(root, opts) {
+    injectCss();
+    const { session } = opts;
+    // Treat `[]` exactly like omitted (Gap #2): a game that imports the defs module but declares nothing
+    // yet is NOT code-aware — no chip, plain authoring.
+    const definitions = opts.definitions?.length ? opts.definitions : [];
+    const codeAware = definitions.length > 0;
+    let characters = [];
+    const cast = new Map();
+    let conversations = []; // STORED docs (gamedata)
+    let selectedId = null;
+    let working = null;
+    let dirty = false;
+    let view = "conversations";
+    let previewAudio = null;
+    const wrap = document.createElement("div");
+    wrap.className = "rydr-vo";
+    const side = document.createElement("div");
+    side.className = "rydr-vo-side";
+    const main = document.createElement("div");
+    main.className = "rydr-vo-main";
+    wrap.append(side, main);
+    root.appendChild(wrap);
+    const charById = (id) => characters.find((c) => c.id === id);
+    const castOf = (id) => cast.get(id);
+    const defById = (id) => definitions.find((d) => d.id === id);
+    const storedById = (id) => conversations.find((c) => c.id === id);
+    const isCode = (id) => !!id && !!defById(id);
+    const effVoice = (l) => castOf(l.characterId)?.voice ?? charById(l.characterId)?.voice;
+    const effContext = (id) => castOf(id)?.context ?? charById(id)?.voiceStyle;
+    const effSpeed = (l) => l.speed ?? castOf(l.characterId)?.speed ?? DEFAULT_VOICEOVER_SPEED;
+    const effDirection = (l) => synthDirection(effContext(l.characterId), l.style);
+    async function statusOf(l) {
+        const voice = effVoice(l);
+        if (!voice)
+            return "novoice";
+        if (!l.audioUrl || !l.audioHash)
+            return "missing";
+        const hash = await lineHash({ text: l.text, voice, style: effDirection(l), speed: effSpeed(l), lang: l.lang });
+        return l.audioHash === hash ? "ok" : "stale";
+    }
+    /** All conversation ids (code ∪ stored). */
+    function allConvIds() {
+        const s = new Set();
+        for (const d of definitions)
+            s.add(d.id);
+        for (const c of conversations)
+            s.add(c.id);
+        return [...s];
+    }
+    /** Build the working copy for `id`: code text (read-only) overlaid with stored audio, or the stored
+     *  doc for editor-authored conversations. Code-defined working copies carry `origin: "code"` so a
+     *  Generate-before-Sync persist() writes a correctly-marked doc (Gap #1). */
+    function buildWorking(id) {
+        const def = defById(id);
+        const stored = storedById(id);
+        if (def) {
+            const storedLines = new Map((stored?.lines ?? []).map((l) => [l.id, l]));
+            const lines = def.lines.map((cl) => {
+                const s = storedLines.get(cl.id);
+                return { ...cl, voice: s?.voice, audioUrl: s?.audioUrl, audioHash: s?.audioHash, generatedAt: s?.generatedAt };
+            });
+            return { id, label: stored?.label ?? id, lines, origin: "code" };
+        }
+        return stored ? JSON.parse(JSON.stringify(stored)) : null;
+    }
+    function persist() {
+        if (!working)
+            return Promise.resolve();
+        return session.saveContent(CONVERSATIONS_COLLECTION, working.id, working).then(() => {
+            dirty = false;
+            const copy = JSON.parse(JSON.stringify(working));
+            const i = conversations.findIndex((c) => c.id === working.id);
+            if (i >= 0)
+                conversations[i] = copy;
+            else
+                conversations.push(copy);
+        });
+    }
+    async function generateLine(l) {
+        const voice = effVoice(l);
+        if (!voice)
+            throw new Error(`"${l.characterId}" has no voice — set one in the Characters tab.`);
+        const r = await session.generateVoiceover({ text: l.text, voice, style: effDirection(l), speed: effSpeed(l), lang: l.lang });
+        l.voice = voice;
+        l.audioUrl = r.url;
+        l.audioHash = r.hash;
+        l.generatedAt = Date.now();
+        dirty = true;
+    }
+    function preview(url) {
+        if (!previewAudio)
+            previewAudio = new Audio();
+        previewAudio.src = url;
+        void previewAudio.play().catch(() => { });
+    }
+    async function saveCast(id) {
+        const entry = cast.get(id);
+        if (entry && (entry.voice || entry.context || entry.speed != null)) {
+            await session.saveContent(VOICE_CAST_COLLECTION, id, entry);
+        }
+        else {
+            await session.deleteContent(VOICE_CAST_COLLECTION, id).catch(() => { });
+        }
+    }
+    // ── Sync diff (code vs stored) — pure + synchronous ──────────────────────────────────────────────
+    function lineDiffers(a, b) {
+        return a.text !== b.text || a.characterId !== b.characterId ||
+            (a.style ?? "") !== (b.style ?? "") || (a.speed ?? null) !== (b.speed ?? null) || a.lang !== b.lang;
+    }
+    function computeDiff() {
+        const codeIds = new Set(definitions.map((d) => d.id));
+        const pushConvos = [];
+        let newLines = 0, changedLines = 0, removedLines = 0;
+        const lines = [];
+        for (const d of definitions) {
+            const s = storedById(d.id);
+            if (!s) {
+                pushConvos.push(d.id);
+                newLines += d.lines.length;
+                lines.push(`${d.id}  ⬆ new (${d.lines.length} line${d.lines.length === 1 ? "" : "s"})`);
+                continue;
+            }
+            const sById = new Map(s.lines.map((l) => [l.id, l]));
+            let convChanged = false;
+            for (const cl of d.lines) {
+                const sl = sById.get(cl.id);
+                if (!sl) {
+                    newLines++;
+                    convChanged = true;
+                    lines.push(`${d.id} · ${cl.id}  ⬆ new line`);
+                }
+                else if (lineDiffers(cl, sl)) {
+                    changedLines++;
+                    convChanged = true;
+                    lines.push(`${d.id} · ${cl.id}  ✎ changed — audio will regenerate`);
+                }
+            }
+            for (const sl of s.lines)
+                if (!d.lines.some((cl) => cl.id === sl.id)) {
+                    removedLines++;
+                    convChanged = true;
+                    lines.push(`${d.id} · ${sl.id}  ✕ removed`);
+                }
+            if (convChanged)
+                pushConvos.push(d.id);
+        }
+        const orphaned = conversations.filter((c) => !codeIds.has(c.id) && c.origin === "code").map((c) => c.id);
+        for (const id of orphaned)
+            lines.push(`${id}  🗑 not in code — will be pruned`);
+        const regen = newLines + changedLines;
+        const lossy = changedLines > 0 || removedLines > 0 || orphaned.length > 0;
+        const state = pushConvos.length === 0 && orphaned.length === 0 ? "insync" : lossy ? "lossy" : "push";
+        return { pushConvos, newLines, changedLines, removedLines, orphaned, regen, state, detail: lines.join("\n") };
+    }
+    async function runSync() {
+        const d = computeDiff();
+        if (d.state === "insync")
+            return;
+        if (d.state === "lossy") {
+            const parts = [
+                d.pushConvos.length ? `push ${d.pushConvos.length} conversation(s)` : "",
+                d.orphaned.length ? `PRUNE (delete): ${d.orphaned.join(", ")}` : "",
+                d.regen ? `${d.regen} line(s) will need regenerating` : "",
+            ].filter(Boolean);
+            if (!confirm(`Sync will:\n· ${parts.join("\n· ")}\n\nProceed?`))
+                return;
+        }
+        if (dirty && !confirm("Discard unsaved editor changes and sync from code?"))
+            return;
+        await syncConversations(session, { prune: true });
+        const docs = await session.listContent(CONVERSATIONS_COLLECTION).catch(() => []);
+        conversations = docs.map((x) => x.data).filter((c) => c && Array.isArray(c.lines));
+        if (selectedId && !defById(selectedId) && !storedById(selectedId))
+            selectedId = null;
+        if (selectedId)
+            working = buildWorking(selectedId);
+        dirty = false;
+        renderSide();
+        void renderMain();
+    }
+    function renderSyncBar() {
+        if (!codeAware)
+            return null;
+        const d = computeDiff();
+        const box = document.createElement("div");
+        box.className = "rydr-vo-sync " + d.state;
+        const chip = document.createElement("div");
+        chip.className = "chip";
+        chip.textContent =
+            d.state === "insync" ? "✓ In sync"
+                : d.state === "push" ? `⬆ Sync — ${d.pushConvos.length} to push`
+                    : `⚠ Sync — ${d.pushConvos.length} push · ${d.orphaned.length} prune · ${d.regen} regen`;
+        box.appendChild(chip);
+        if (d.detail) {
+            const det = document.createElement("details");
+            const sum = document.createElement("summary");
+            sum.textContent = "details";
+            const pre = document.createElement("pre");
+            pre.textContent = d.detail;
+            det.append(sum, pre);
+            box.appendChild(det);
+        }
+        const btn = document.createElement("button");
+        btn.className = d.state === "lossy" ? "primary" : "";
+        btn.textContent = "Sync from code";
+        btn.disabled = d.state === "insync";
+        btn.onclick = () => { btn.disabled = true; void runSync().finally(() => { btn.disabled = false; }); };
+        box.appendChild(btn);
+        return box;
+    }
+    function selectConversation(id) {
+        selectedId = id;
+        working = buildWorking(id);
+        dirty = false;
+        renderSide();
+        void renderMain();
+    }
+    function newConversation() {
+        const id = uid();
+        working = { id, label: "New conversation", lines: [] }; // origin unset → editor-authored, never pruned
+        conversations.push(JSON.parse(JSON.stringify(working)));
+        selectedId = id;
+        dirty = true;
+        renderSide();
+        void renderMain();
+    }
+    function setView(v) {
+        view = v;
+        renderSide();
+        void renderMain();
+    }
+    function renderSide() {
+        side.textContent = "";
+        const bar = renderSyncBar();
+        if (bar)
+            side.appendChild(bar);
+        const tabs = document.createElement("div");
+        tabs.className = "rydr-vo-tabs";
+        for (const [v, label] of [["conversations", "Conversations"], ["characters", "Characters"]]) {
+            const t = document.createElement("div");
+            t.className = "rydr-vo-tab" + (view === v ? " sel" : "");
+            t.textContent = label;
+            t.onclick = () => setView(v);
+            tabs.appendChild(t);
+        }
+        side.appendChild(tabs);
+        if (view !== "conversations")
+            return;
+        const h = document.createElement("h2");
+        h.textContent = "Conversations";
+        side.appendChild(h);
+        for (const id of allConvIds()) {
+            const label = defById(id)?.id ?? storedById(id)?.label ?? id; // defs have no label; show id
+            const lineCount = (defById(id)?.lines ?? storedById(id)?.lines ?? []).length;
+            const tag = isCode(id) ? "code" : "editor";
+            const el = document.createElement("div");
+            el.className = "rydr-vo-conv" + (id === selectedId ? " sel" : "");
+            el.innerHTML = `${escapeHtml(storedById(id)?.label ?? label)} <span class="rydr-vo-tag">${tag}</span><small>${lineCount} line${lineCount === 1 ? "" : "s"}</small>`;
+            el.onclick = () => { if (dirty && !confirm("Discard unsaved changes?"))
+                return; selectConversation(id); };
+            side.appendChild(el);
+        }
+        const add = document.createElement("button");
+        add.className = "ghost";
+        add.textContent = "+ New conversation";
+        add.style.marginTop = "8px";
+        add.onclick = () => { if (dirty && !confirm("Discard unsaved changes?"))
+            return; newConversation(); };
+        side.appendChild(add);
+    }
+    async function renderMain() {
+        main.textContent = "";
+        if (view === "characters")
+            return renderCharacters();
+        return renderConversations();
+    }
+    async function renderConversations() {
+        if (!working) {
+            const empty = document.createElement("div");
+            empty.className = "rydr-vo-empty";
+            empty.textContent = codeAware ? "Select a conversation (code-defined ones are listed with a “code” tag)." : "Select a conversation, or create one.";
+            main.appendChild(empty);
+            return;
+        }
+        const code = isCode(working.id);
+        const head = document.createElement("div");
+        head.className = "rydr-vo-head";
+        const title = document.createElement("input");
+        title.className = "title";
+        title.value = working.label ?? working.id;
+        title.readOnly = code; // code owns structure/label
+        if (!code)
+            title.oninput = () => { working.label = title.value; dirty = true; };
+        head.appendChild(title);
+        if (!code) {
+            const save = document.createElement("button");
+            save.className = "primary";
+            save.textContent = "Save";
+            save.onclick = () => { save.disabled = true; void persist().then(renderSide).finally(() => { save.disabled = false; void renderMain(); }); };
+            head.appendChild(save);
+        }
+        const genMissing = document.createElement("button");
+        genMissing.textContent = "Generate missing";
+        genMissing.onclick = () => void runBatch(["missing", "stale"], genMissing);
+        head.appendChild(genMissing);
+        if (!code) {
+            const del = document.createElement("button");
+            del.className = "ghost";
+            del.textContent = "Delete";
+            del.onclick = () => {
+                if (!confirm("Delete this conversation?"))
+                    return;
+                void session.deleteContent(CONVERSATIONS_COLLECTION, working.id).then(() => {
+                    conversations = conversations.filter((c) => c.id !== working.id);
+                    selectedId = null;
+                    working = null;
+                    dirty = false;
+                    renderSide();
+                    void renderMain();
+                });
+            };
+            head.appendChild(del);
+        }
+        main.appendChild(head);
+        const note = document.createElement("div");
+        note.className = "rydr-vo-note";
+        note.textContent = code
+            ? "From code — text + per-line style/speed are read-only (edit in code, then Sync). Cast voices in the Characters tab and generate audio here."
+            : "Editor-authored — for ad-hoc testing. Fully editable; Sync never prunes it.";
+        main.appendChild(note);
+        for (let i = 0; i < working.lines.length; i++) {
+            const l = working.lines[i];
+            if (l)
+                main.appendChild(await renderRow(l, i, code));
+        }
+        if (!code) {
+            const addLine = document.createElement("button");
+            addLine.className = "ghost";
+            addLine.textContent = "+ Add line";
+            addLine.onclick = () => {
+                const first = characters[0];
+                working.lines.push({ id: `${working.id}:${uid()}`, characterId: first?.id ?? "", text: "", lang: "fr" });
+                dirty = true;
+                void renderMain();
+            };
+            main.appendChild(addLine);
+        }
+    }
+    async function renderRow(l, index, readOnly) {
+        const row = document.createElement("div");
+        row.className = "rydr-vo-row";
+        // Left: speaker
+        const left = document.createElement("div");
+        const sel = document.createElement("select");
+        // Ensure the current speaker is selectable even if it's a casting key not in the catalog.
+        const ids = new Set(characters.map((c) => c.id));
+        if (l.characterId && !ids.has(l.characterId)) {
+            const o = document.createElement("option");
+            o.value = l.characterId;
+            o.textContent = l.characterId;
+            o.selected = true;
+            sel.appendChild(o);
+        }
+        for (const c of characters) {
+            const o = document.createElement("option");
+            o.value = c.id;
+            const v = castOf(c.id)?.voice ?? c.voice;
+            o.textContent = v ? `${c.label} (${v})` : c.label;
+            if (c.id === l.characterId)
+                o.selected = true;
+            sel.appendChild(o);
+        }
+        sel.disabled = readOnly;
+        if (!readOnly)
+            sel.onchange = () => { l.characterId = sel.value; dirty = true; void renderMain(); };
+        left.appendChild(sel);
+        row.appendChild(left);
+        // Middle: text + (style, speed)
+        const mid = document.createElement("div");
+        const ta = document.createElement("textarea");
+        ta.value = l.text;
+        ta.placeholder = "Texte en français…";
+        ta.disabled = readOnly;
+        if (!readOnly)
+            ta.oninput = () => { l.text = ta.value; dirty = true; };
+        mid.appendChild(ta);
+        const subrow = document.createElement("div");
+        subrow.className = "rydr-vo-subrow";
+        const style = document.createElement("input");
+        style.className = "style";
+        style.placeholder = "per-line style (English, merged after character context)";
+        style.value = l.style ?? "";
+        style.disabled = readOnly;
+        if (!readOnly)
+            style.onchange = () => { l.style = style.value.trim() || undefined; dirty = true; void renderMain(); };
+        const speed = document.createElement("input");
+        speed.className = "speed";
+        speed.type = "number";
+        speed.step = "0.1";
+        speed.min = "0.25";
+        speed.max = "4";
+        speed.placeholder = `${effSpeed(l)}×`;
+        speed.value = l.speed != null ? String(l.speed) : "";
+        speed.title = "Per-line speaking-rate multiplier (blank = character/default)";
+        speed.disabled = readOnly;
+        if (!readOnly)
+            speed.onchange = () => { const n = parseFloat(speed.value); l.speed = Number.isFinite(n) ? n : undefined; dirty = true; void renderMain(); };
+        subrow.append(style, speed);
+        mid.appendChild(subrow);
+        row.appendChild(mid);
+        // Right: status + actions (Generate/Preview always available, even for code-defined lines)
+        const actions = document.createElement("div");
+        actions.className = "rydr-vo-actions";
+        const status = await statusOf(l);
+        const badge = document.createElement("span");
+        badge.className = "rydr-vo-badge " + status;
+        badge.textContent = { ok: "✓ generated", missing: "○ missing", stale: "⚠ stale", novoice: "no voice" }[status];
+        actions.appendChild(badge);
+        const play = document.createElement("button");
+        play.textContent = "▶ Preview";
+        play.disabled = !l.audioUrl;
+        play.onclick = () => l.audioUrl && preview(l.audioUrl);
+        actions.appendChild(play);
+        const gen = document.createElement("button");
+        gen.textContent = status === "ok" ? "↻ Regenerate" : "Generate";
+        gen.disabled = status === "novoice" || !l.text.trim();
+        gen.onclick = () => {
+            gen.disabled = true;
+            gen.textContent = "…";
+            void generateLine(l).then(() => persist()).then(() => renderSide()).catch((e) => alert(String(e))).finally(() => void renderMain());
+        };
+        actions.appendChild(gen);
+        if (!readOnly) {
+            const rm = document.createElement("button");
+            rm.className = "ghost";
+            rm.textContent = "Remove";
+            rm.onclick = () => { working.lines.splice(index, 1); dirty = true; void renderMain(); };
+            actions.appendChild(rm);
+        }
+        row.appendChild(actions);
+        return row;
+    }
+    function renderCharacters() {
+        const head = document.createElement("div");
+        head.className = "rydr-vo-head";
+        const h = document.createElement("input");
+        h.className = "title";
+        h.value = "Character voices";
+        h.readOnly = true;
+        h.style.border = "none";
+        head.appendChild(h);
+        main.appendChild(head);
+        const note = document.createElement("div");
+        note.className = "rydr-vo-note";
+        note.textContent = "Assign each speaker a voice + a persona context (in ENGLISH — a directorial note, e.g. \"Wise old man, speaks slowly, warm tone\") and a default speed. Per-game; merged into every line the character speaks. Saved on change.";
+        main.appendChild(note);
+        // Speakers = every speaker across code definitions ∪ stored conversations (so code speakers show
+        // before any Sync).
+        const ids = new Set();
+        for (const d of definitions)
+            for (const l of d.lines)
+                if (l.characterId)
+                    ids.add(l.characterId);
+        for (const c of conversations)
+            for (const l of c.lines)
+                if (l.characterId)
+                    ids.add(l.characterId);
+        if (ids.size === 0) {
+            const empty = document.createElement("div");
+            empty.className = "rydr-vo-empty";
+            empty.textContent = "No speakers yet — add lines in a conversation (or sync from code) first.";
+            main.appendChild(empty);
+            return;
+        }
+        const list = document.createElement("div");
+        list.className = "rydr-vo-cast";
+        for (const id of ids)
+            list.appendChild(renderCastRow(id));
+        main.appendChild(list);
+    }
+    function renderCastRow(id) {
+        const entry = cast.get(id) ?? {};
+        const row = document.createElement("div");
+        row.className = "rydr-vo-castrow";
+        const label = document.createElement("div");
+        label.className = "clabel";
+        label.textContent = charById(id)?.label ?? id;
+        row.appendChild(label);
+        const voiceSel = document.createElement("select");
+        const none = document.createElement("option");
+        none.value = "";
+        none.textContent = "— no voice —";
+        voiceSel.appendChild(none);
+        for (const v of GEMINI_VOICES) {
+            const o = document.createElement("option");
+            o.value = v.id;
+            o.textContent = v.label;
+            if (entry.voice === v.id)
+                o.selected = true;
+            voiceSel.appendChild(o);
+        }
+        voiceSel.onchange = () => { const e = cast.get(id) ?? {}; e.voice = voiceSel.value || undefined; cast.set(id, e); void saveCast(id).then(renderSide); };
+        row.appendChild(voiceSel);
+        const context = document.createElement("textarea");
+        context.placeholder = "context / persona in ENGLISH — e.g. Wise old man, speaks slowly, warm tone";
+        context.value = entry.context ?? "";
+        context.onchange = () => { const e = cast.get(id) ?? {}; e.context = context.value.trim() || undefined; cast.set(id, e); void saveCast(id); };
+        row.appendChild(context);
+        const speed = document.createElement("input");
+        speed.type = "number";
+        speed.step = "0.1";
+        speed.min = "0.25";
+        speed.max = "4";
+        speed.placeholder = `${DEFAULT_VOICEOVER_SPEED}×`;
+        speed.value = entry.speed != null ? String(entry.speed) : "";
+        speed.title = "Default speaking-rate multiplier for this character";
+        speed.onchange = () => { const e = cast.get(id) ?? {}; const n = parseFloat(speed.value); e.speed = Number.isFinite(n) ? n : undefined; cast.set(id, e); void saveCast(id); };
+        row.appendChild(speed);
+        return row;
+    }
+    async function runBatch(want, btn) {
+        if (!working)
+            return;
+        btn.disabled = true;
+        const label = btn.textContent;
+        try {
+            for (const l of working.lines) {
+                const st = await statusOf(l);
+                if (!want.includes(st) || !l.text.trim() || !effVoice(l))
+                    continue;
+                btn.textContent = "Generating…";
+                await generateLine(l).catch(() => { });
+            }
+            await persist();
+            renderSide();
+        }
+        finally {
+            btn.textContent = label;
+            btn.disabled = false;
+            void renderMain();
+        }
+    }
+    // Initial load
+    void (async () => {
+        const [chars, convDocs, castDocs] = await Promise.all([
+            session.listCharacters().catch(() => []),
+            session.listContent(CONVERSATIONS_COLLECTION).catch(() => []),
+            session.listContent(VOICE_CAST_COLLECTION).catch(() => []),
+        ]);
+        characters = chars;
+        conversations = convDocs.map((d) => d.data).filter((c) => c && Array.isArray(c.lines));
+        for (const d of castDocs)
+            if (d.data)
+                cast.set(d.id, d.data);
+        renderSide();
+        const first = allConvIds()[0];
+        if (first)
+            selectConversation(first);
+        else
+            void renderMain();
+    })();
+    return {
+        dispose() {
+            previewAudio?.pause();
+            wrap.remove();
+        },
+    };
+}
+function escapeHtml(s) {
+    return s.replace(/[&<>"]/g, (c) => ({ "&": "&amp;", "<": "&lt;", ">": "&gt;", '"': "&quot;" })[c]);
+}
+//# sourceMappingURL=index.js.map