videobook 0.0.0-stage → 0.2.0

package/dist/zod-slots.js

@@ -0,0 +1,334 @@
+/**
+ * Read array-cardinality constraints from a Zod schema.
+ *
+ * Covers the three patterns used in @apicity provider schemas for reference-asset
+ * fields: optional/required array, tuple (fixed-length), and single string.
+ *
+ * Reads Zod 4 internals (`_def.type`, `_def.checks[]._zod.def`) — every
+ * @apicity/* provider is unified on `zod ^4.4.3` (and the app's own zod is 4.x),
+ * so the prior Zod-3 straddling readers were dropped.
+ *
+ * The returned `max: null` means "unbounded per the Zod schema" — the UI should
+ * render an add-more affordance rather than a fixed slot count.
+ */
+function defOf(schema) {
+    if (!schema || typeof schema !== "object")
+        return null;
+    const def = schema._def;
+    return def && typeof def === "object" ? def : null;
+}
+// Call sites keep the (unused) Zod-3 name argument so the ~30 call sites read
+// `isType(x, "ZodFoo", "foo")` unchanged; only the Zod-4 `_def.type` is matched.
+function isType(schema, _v3Name, v4Name) {
+    return defOf(schema)?.type === v4Name;
+}
+function readArrayBounds(def) {
+    let min = 0;
+    let max = null;
+    for (const c of def.checks ?? []) {
+        const cdef = c?._zod?.def;
+        if (!cdef)
+            continue;
+        if (cdef.check === "min_length" && typeof cdef.minimum === "number")
+            min = cdef.minimum;
+        if (cdef.check === "max_length" && typeof cdef.maximum === "number")
+            max = cdef.maximum;
+    }
+    return { min, max };
+}
+function unwrapOptional(schema) {
+    let cur = schema;
+    let optional = false;
+    let def = defOf(cur);
+    while (def &&
+        (isType(cur, "ZodOptional", "optional") ||
+            isType(cur, "ZodNullable", "nullable") ||
+            isType(cur, "ZodDefault", "default") ||
+            isType(cur, "ZodEffects", "effects") ||
+            isType(cur, "ZodPipe", "pipe"))) {
+        const isEffectsLike = isType(cur, "ZodEffects", "effects") || isType(cur, "ZodPipe", "pipe");
+        if (!isEffectsLike)
+            optional = true;
+        const next = isEffectsLike ? (def.schema ?? def.innerType) : def.innerType;
+        if (!next)
+            break;
+        cur = next;
+        def = defOf(cur);
+    }
+    return { inner: cur, optional };
+}
+export function readSlotConstraints(schema, options) {
+    if (!schema)
+        return null;
+    const { inner, optional } = unwrapOptional(schema);
+    const def = defOf(inner);
+    if (!def)
+        return null;
+    if (isType(inner, "ZodTuple", "tuple")) {
+        const len = def.items?.length ?? 0;
+        return { min: optional && !options?.whenPresent ? 0 : len, max: len };
+    }
+    if (isType(inner, "ZodArray", "array")) {
+        const { min, max } = readArrayBounds(def);
+        return { min: optional && !options?.whenPresent ? 0 : min, max };
+    }
+    if (isType(inner, "ZodString", "string")) {
+        return { min: optional && !options?.whenPresent ? 0 : 1, max: 1 };
+    }
+    return null;
+}
+/**
+ * Strip Optional/Nullable/Default/Effects/Pipe wrappers down to the inner schema.
+ *
+ * Unlike `readSlotConstraints`'s unwrap, this also peels `ZodDefault` — the
+ * @apicity npm packages wrap several enum fields in `.default(...)` where the
+ * local build used `.optional()`.
+ */
+function unwrapToCore(schema) {
+    let cur = schema;
+    let def = defOf(cur);
+    while (def &&
+        (isType(cur, "ZodOptional", "optional") ||
+            isType(cur, "ZodNullable", "nullable") ||
+            isType(cur, "ZodDefault", "default") ||
+            isType(cur, "ZodEffects", "effects") ||
+            isType(cur, "ZodPipe", "pipe"))) {
+        const isEffectsLike = isType(cur, "ZodEffects", "effects") || isType(cur, "ZodPipe", "pipe");
+        const next = isEffectsLike ? (def.schema ?? def.innerType) : def.innerType;
+        if (!next)
+            break;
+        cur = next;
+        def = defOf(cur);
+    }
+    return cur;
+}
+function toStringList(raw) {
+    const arr = Array.isArray(raw)
+        ? raw
+        : raw && typeof raw === "object"
+            ? Object.values(raw)
+            : [];
+    return arr.filter((v) => typeof v === "string");
+}
+/**
+ * Read the string values of a (possibly wrapped) `ZodEnum`.
+ *
+ * Zod 4 stores enum values as an object map under `_def.entries`; this
+ * normalizes them to a plain string tuple.
+ *
+ * Throws if `schema` does not resolve to an enum — these feed MCP tool input
+ * schemas, so a silent empty list would be a worse failure than a loud one.
+ */
+function enumOptions(schema) {
+    const def = defOf(unwrapToCore(schema));
+    const values = toStringList(def?.entries);
+    if (values.length === 0) {
+        throw new Error("enumOptions: schema did not resolve to a non-empty ZodEnum");
+    }
+    return values;
+}
+export function zodDefault(schema) {
+    let cur = schema;
+    let def = defOf(cur);
+    while (def) {
+        if (isType(cur, "ZodDefault", "default")) {
+            const raw = def.defaultValue;
+            return {
+                hasDefault: true,
+                value: typeof raw === "function" ? raw() : raw,
+            };
+        }
+        if (!isType(cur, "ZodOptional", "optional") &&
+            !isType(cur, "ZodNullable", "nullable") &&
+            !isType(cur, "ZodEffects", "effects") &&
+            !isType(cur, "ZodPipe", "pipe")) {
+            break;
+        }
+        const isEffectsLike = isType(cur, "ZodEffects", "effects") || isType(cur, "ZodPipe", "pipe");
+        const next = isEffectsLike ? (def.schema ?? def.innerType) : def.innerType;
+        if (!next)
+            break;
+        cur = next;
+        def = defOf(cur);
+    }
+    return { hasDefault: false };
+}
+export function zodIsRequired(schema) {
+    let cur = schema;
+    let def = defOf(cur);
+    while (def) {
+        if (isType(cur, "ZodOptional", "optional") || isType(cur, "ZodDefault", "default")) {
+            return false;
+        }
+        if (isType(cur, "ZodNullable", "nullable")) {
+            const next = def.innerType;
+            if (!next)
+                break;
+            cur = next;
+            def = defOf(cur);
+            continue;
+        }
+        if (!isType(cur, "ZodEffects", "effects") && !isType(cur, "ZodPipe", "pipe")) {
+            return true;
+        }
+        const next = def.schema ?? def.innerType;
+        if (!next)
+            break;
+        cur = next;
+        def = defOf(cur);
+    }
+    return true;
+}
+function readNumberChecks(def) {
+    let min;
+    let max;
+    let exclusiveMin = false;
+    let exclusiveMax = false;
+    let int = false;
+    for (const raw of (def.checks ?? [])) {
+        const cdef = raw._zod?.def;
+        if (!cdef)
+            continue;
+        if (cdef.check === "number_format" && cdef.format === "safeint")
+            int = true;
+        else if (cdef.check === "greater_than" && typeof cdef.value === "number") {
+            min = cdef.value;
+            exclusiveMin = cdef.inclusive === false;
+        }
+        else if (cdef.check === "less_than" && typeof cdef.value === "number") {
+            max = cdef.value;
+            exclusiveMax = cdef.inclusive === false;
+        }
+    }
+    return {
+        min,
+        max,
+        int,
+        ...(exclusiveMin ? { exclusiveMin } : {}),
+        ...(exclusiveMax ? { exclusiveMax } : {}),
+    };
+}
+/**
+ * Read the numeric range of a (possibly wrapped) `ZodNumber`. For a
+ * `ZodUnion<[ZodNumber, ZodString]>` (grok image-to-video `duration`) the number
+ * branch is read. Returns null if the schema is not a number / number-union.
+ */
+export function zodNumberRange(schema) {
+    if (!schema)
+        return null;
+    let inner = unwrapToCore(schema);
+    if (isType(inner, "ZodUnion", "union")) {
+        const def = defOf(inner);
+        const options = (def?.options ?? []);
+        const numberOpt = options.find((o) => isType(o, "ZodNumber", "number"));
+        if (!numberOpt)
+            return null;
+        inner = numberOpt;
+    }
+    if (!isType(inner, "ZodNumber", "number"))
+        return null;
+    const def = defOf(inner);
+    return def ? readNumberChecks(def) : null;
+}
+export function zodFiniteNumberOptions(schema) {
+    if (!schema)
+        return null;
+    const inner = unwrapToCore(schema);
+    const def = defOf(inner);
+    if (!def)
+        return null;
+    const branches = isType(inner, "ZodUnion", "union")
+        ? (def.options ?? [])
+        : [inner];
+    const values = [];
+    for (const branch of branches) {
+        const core = unwrapToCore(branch);
+        const branchDef = defOf(core);
+        if (!branchDef)
+            return null;
+        if (isType(core, "ZodLiteral", "literal")) {
+            const literals = (branchDef.values ?? []).filter((value) => typeof value === "number");
+            if (literals.length !== (branchDef.values ?? []).length)
+                return null;
+            values.push(...literals);
+            continue;
+        }
+        if (!isType(core, "ZodNumber", "number"))
+            return null;
+        const range = readNumberChecks(branchDef);
+        if (!range.int || range.min === undefined || range.max === undefined || range.max - range.min > 1_000) {
+            return null;
+        }
+        for (let value = range.min; value <= range.max; value++)
+            values.push(value);
+    }
+    return values.length > 0 ? [...new Set(values)] : null;
+}
+function readStringLength(def, which) {
+    for (const raw of (def.checks ?? [])) {
+        const cdef = raw._zod?.def;
+        if (!cdef)
+            continue;
+        if (which === "min" && cdef.check === "min_length" && typeof cdef.minimum === "number")
+            return cdef.minimum;
+        if (which === "max" && cdef.check === "max_length" && typeof cdef.maximum === "number")
+            return cdef.maximum;
+    }
+    return undefined;
+}
+/** Max string length of a (possibly wrapped) `ZodString`, or undefined. */
+export function zodStringMaxLength(schema) {
+    if (!schema)
+        return undefined;
+    const inner = unwrapToCore(schema);
+    if (!isType(inner, "ZodString", "string"))
+        return undefined;
+    const def = defOf(inner);
+    return def ? readStringLength(def, "max") : undefined;
+}
+/** Min string length of a (possibly wrapped) `ZodString`, or undefined. */
+export function zodStringMinLength(schema) {
+    if (!schema)
+        return undefined;
+    const inner = unwrapToCore(schema);
+    if (!isType(inner, "ZodString", "string"))
+        return undefined;
+    const def = defOf(inner);
+    return def ? readStringLength(def, "min") : undefined;
+}
+/** True when the (possibly wrapped) schema resolves to a `ZodBoolean`. */
+export function zodIsBoolean(schema) {
+    if (!schema)
+        return false;
+    return isType(unwrapToCore(schema), "ZodBoolean", "boolean");
+}
+/**
+ * Like {@link enumOptions} but returns null instead of throwing when the schema
+ * is not a `ZodEnum`, so callers can attempt-enum-then-fall-through to numeric /
+ * string / boolean handling.
+ */
+export function zodEnumOptionsOrNull(schema) {
+    try {
+        return enumOptions(schema);
+    }
+    catch {
+        return null;
+    }
+}
+/**
+ * Read the enum options from a `ZodUnion` that contains a `ZodEnum` branch
+ * (e.g. fal `image_size`: an enum of named sizes unioned with a custom
+ * width/height object). Returns the first enum branch's options, or null if the
+ * schema is not such a union.
+ */
+export function zodUnionEnumOptions(schema) {
+    const def = defOf(unwrapToCore(schema));
+    if (!def || def.type !== "union")
+        return null;
+    for (const opt of (def.options ?? [])) {
+        const opts = zodEnumOptionsOrNull(opt);
+        if (opts)
+            return opts;
+    }
+    return null;
+}

package/package.json

@@ -1,6 +1,86 @@
 {
   "name": "videobook",
-  "version": "0.0.0-stage",
-  "stub": true,
-  "description": "Temporary package placeholder for staged publishing"
-}
+  "version": "0.2.0",
+  "description": "Local-first MCP server and web UI for AI video creation: notebooks, generation, editing, rendering and publishing.",
+  "keywords": [
+    "mcp",
+    "model-context-protocol",
+    "video",
+    "notebook",
+    "ai",
+    "remotion",
+    "ffmpeg",
+    "cli"
+  ],
+  "license": "MIT",
+  "homepage": "https://www.npmjs.com/package/videobook",
+  "type": "module",
+  "bin": {
+    "videobook": "bin/videobook.js"
+  },
+  "files": [
+    "bin",
+    "dist",
+    "ui",
+    "CHANGELOG.md"
+  ],
+  "engines": {
+    "node": ">=22"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "scripts": {
+    "build": "node ../scripts/build-server.mjs",
+    "prepack": "npm --prefix .. run build:package",
+    "start": "node dist/index.js"
+  },
+  "dependencies": {
+    "@apicity/alibaba": "^0.16.1",
+    "@apicity/b2": "^0.16.1",
+    "@apicity/cost": "^0.16.1",
+    "@apicity/dropbox": "^0.16.1",
+    "@apicity/elevenlabs": "^0.16.1",
+    "@apicity/fal": "^0.16.1",
+    "@apicity/free-media-upload": "^0.16.1",
+    "@apicity/kie": "^0.16.1",
+    "@apicity/kimicoding": "^0.16.1",
+    "@apicity/openai": "^0.16.1",
+    "@apicity/x": "^0.16.1",
+    "@apicity/xai": "^0.16.1",
+    "@devmehq/open-graph-extractor": "^1.1.1",
+    "@ffprobe-installer/ffprobe": "2.1.2",
+    "@modelcontextprotocol/client": "^2.2.0",
+    "@modelcontextprotocol/node": "2.0.0",
+    "@modelcontextprotocol/server": "^2.0.0",
+    "@remotion/bundler": "4.0.494",
+    "@remotion/google-fonts": "4.0.494",
+    "@remotion/renderer": "4.0.494",
+    "cors": "^2.8.6",
+    "dotenv": "^17.3.1",
+    "express": "^5.2.1",
+    "ffmpeg-static": "^5.3.0",
+    "ffmpeggy": "^3.1.3",
+    "heic-decode": "^2.1.0",
+    "hono": "^4.12.31",
+    "qrcode": "^1.5.4",
+    "react": "^19.2.0",
+    "react-dom": "^19.2.0",
+    "remotion": "4.0.494",
+    "sharp": "0.35.5",
+    "uuid": "^14.0.0",
+    "videobook-engine": "5.7.0",
+    "ws": "^8.21.0",
+    "ytdlp-nodejs": "^3.4.4",
+    "zod": "^4.4.3"
+  },
+  "devDependencies": {
+    "@types/cors": "^2.8.19",
+    "@types/express": "^5.0.6",
+    "@types/heic-decode": "^2.0.0",
+    "@types/node": "^25.3.3",
+    "@types/qrcode": "^1.5.6",
+    "jsqr": "^1.4.0",
+    "typescript": "^5.9.3"
+  }
+}

package/ui/assets/alive-captions-BWb5nLKj.css

@@ -0,0 +1 @@
+.alive-studio{--alive-accent: var(--green, #72e7aa);--alive-bright: #d5f8e4;--alive-muted: #7fa892;--alive-warn: #f0a860;--alive-cyan: var(--cyan, #63c7d8);--alive-line: #1d4432;--alive-panel: #07150e;--alive-field: #0a1c14;position:fixed;inset:0;width:100%;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;overflow:hidden;border:0;color:var(--ink, #a9d6bf);background:var(--surface-deep, #04120c);font-family:JetBrains Mono,ui-monospace,monospace;font-size:12px}.alive-studio::backdrop{background:var(--surface-deep, #04120c)}.alive-studio *,.alive-studio *:before,.alive-studio *:after{box-sizing:border-box}.alive-studio button,.alive-studio input{font:inherit}.alive-studio button{min-height:36px;padding:0 12px;border:1px solid var(--alive-line);border-radius:6px;color:var(--ink, #a9d6bf);background:var(--alive-field);cursor:pointer}.alive-studio button:hover:not(:disabled),.alive-studio button[aria-pressed=true]{border-color:var(--alive-accent);color:var(--alive-bright);background:#123a28}.alive-studio button:focus-visible,.alive-studio input:focus-visible{outline:2px solid var(--alive-accent);outline-offset:1px}.alive-studio button:disabled{cursor:default;opacity:.45}.alive-studio .alive-primary{border-color:var(--alive-accent);color:#04120c;background:var(--alive-accent);font-weight:700}.alive-studio .alive-primary:hover:not(:disabled){color:#04120c;background:var(--alive-bright)}.alive-studio .alive-primary.alive-warn{border-color:var(--alive-warn);background:var(--alive-warn)}.alive-studio .alive-secondary{font-weight:700}.alive-studio-body,.alive-studio-message{display:grid;height:100%;min-height:0;padding:0 20px 14px;gap:12px}.alive-studio-body{grid-template-rows:auto minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr)}.alive-studio-message{grid-template-rows:auto 1fr}.alive-studio-message p{place-self:center;color:var(--alive-muted);font-size:13px}.alive-header{display:flex;align-items:center;gap:12px;flex-wrap:wrap;min-height:56px;padding:8px 0;border-bottom:1px solid #133325}.alive-header h2{margin:0;font-size:15px;color:var(--alive-bright)}.alive-muted{color:var(--alive-muted)}.alive-spacer{flex:1 1 auto}.alive-close{width:36px;padding:0!important;display:grid;place-items:center}.alive-segmented{display:flex;gap:6px}.alive-segmented button{flex:1 1 0;font-weight:700}.alive-main{display:grid;grid-template-columns:minmax(220px,300px) minmax(0,1fr) minmax(240px,316px);gap:16px;min-height:0}.alive-panel{min-height:0;border:1px solid #133325;border-radius:8px;background:var(--alive-panel)}.alive-transcript{display:grid;grid-template-rows:auto minmax(0,1fr);overflow:hidden}.alive-panel-header{padding:12px 14px 8px;border-bottom:1px solid #133325}.alive-panel-header h3{margin:0;font-size:13px;color:var(--alive-bright)}.alive-panel-header p{margin:4px 0 0;font-size:11px;color:var(--alive-muted)}.alive-transcript-list{overflow-y:auto;padding:10px;display:grid;align-content:start;gap:12px}.alive-phrase{display:grid;gap:6px}.alive-phrase-head{display:flex;justify-content:space-between;padding:0 4px;font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--alive-muted)}.alive-phrase[data-active] .alive-phrase-head{color:var(--alive-accent)}.alive-phrase-words{display:flex;flex-wrap:wrap;gap:4px}.alive-studio .alive-word{display:grid;gap:2px;min-height:40px;padding:4px 8px;text-align:left}.alive-word span{font-weight:700;font-size:13px}.alive-word small{font-size:10px;color:var(--alive-muted)}.alive-studio .alive-word[data-active]{border-color:var(--alive-accent);background:#123a28;color:var(--alive-bright)}.alive-studio .alive-word[data-drifted]{border-color:var(--alive-warn)}.alive-word[data-drifted] small{color:var(--alive-warn)}.alive-stage{padding:8px;border-radius:8px;background:var(--alive-field);display:grid;grid-template-rows:minmax(0,1fr) auto;gap:8px;min-height:0;justify-items:center}.alive-player{width:100%;height:100%;border-radius:6px;overflow:hidden}.alive-status{margin:0;justify-self:stretch;color:var(--alive-bright);font-size:12px;min-height:18px}.alive-settings{display:grid;align-content:start;gap:16px;padding:14px;overflow-y:auto}.alive-field{display:grid;gap:6px}.alive-field h4{margin:0;font-size:11px;font-weight:400;letter-spacing:.08em;text-transform:uppercase;color:var(--alive-muted)}.alive-hint{margin:0;font-size:11px;line-height:1.5;color:var(--alive-muted)}.alive-warning{color:var(--alive-warn)}.alive-toggle{display:flex;align-items:center;gap:10px;min-height:36px;color:var(--alive-bright);cursor:pointer}.alive-toggle input{width:16px;height:16px;margin:0;accent-color:var(--alive-accent)}.alive-swatches{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.alive-studio .alive-swatches>button{width:40px;height:40px;min-height:40px;padding:6px}.alive-studio .alive-swatches>button[aria-pressed=true]{border:2px solid var(--alive-bright)}.alive-swatches>button span{display:block;width:100%;height:100%;border-radius:3px}.alive-color-input{display:flex;align-items:center;gap:6px;color:var(--alive-muted)}.alive-color-input input{width:40px;height:36px;padding:2px;border:1px solid var(--alive-line);border-radius:6px;background:var(--alive-field)}.alive-timeline{display:grid;gap:8px;padding:10px 14px}.alive-transport{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.alive-studio .alive-transport>button[aria-label]{width:40px;padding:0;display:grid;place-items:center}.alive-studio .alive-play{border-color:var(--alive-accent);background:var(--alive-accent);color:#04120c}.alive-clock{margin-left:6px;min-width:76px;color:var(--alive-bright);font-size:14px}.alive-drift{color:var(--alive-accent)}.alive-drift[data-drifted]{color:var(--alive-warn)}.alive-lanes{display:grid;grid-template-columns:64px minmax(0,1fr);gap:10px}.alive-lane-labels{display:grid;grid-template-rows:18px 72px 30px 24px;gap:6px;font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:var(--alive-muted);align-items:center}.alive-lane-scroll{overflow-x:auto;overflow-y:hidden}.alive-lane-tracks{position:relative;display:grid;grid-template-rows:18px 72px 30px 24px;gap:6px;cursor:pointer}.alive-lane-tracks>div{position:relative}.alive-lane-tracks .alive-lane-ruler{border-bottom:1px solid #133325}.alive-lane-ruler span{position:absolute;top:0;transform:translate(-50%);font-size:10px;color:var(--alive-muted)}.alive-lane-tracks .alive-lane-audio{border-radius:4px;background:var(--alive-field);overflow:hidden}.alive-lane-audio svg{position:absolute;inset:6px 0;width:100%;height:calc(100% - 12px)}.alive-lane-audio path{fill:#2f6a4f}.alive-onset{position:absolute;top:0;bottom:0;width:2px;background:var(--alive-warn)}.alive-chip,.alive-stack-bar{position:absolute;top:0;bottom:0;display:flex;align-items:center;overflow:hidden;white-space:nowrap;border:1px solid var(--alive-line);border-radius:4px;padding:0 4px;font-size:10px}.alive-chip{font-weight:700;color:var(--alive-bright);background:#123a28}.alive-chip[data-active]{color:#04120c;background:var(--alive-accent);border-color:var(--alive-accent)}.alive-chip[data-drifted]{border-color:var(--alive-warn)}.alive-stack-bar{padding:0 8px;color:var(--alive-muted);background:var(--alive-field)}.alive-stack-bar[data-active]{color:var(--alive-bright);border-color:var(--alive-accent);background:#123a28}.alive-playhead{position:absolute;top:0;bottom:0;width:2px;margin-left:-1px;background:var(--alive-bright);pointer-events:none}.alive-legend{display:flex;gap:18px;flex-wrap:wrap;padding-left:74px;font-size:11px;color:var(--alive-muted)}.alive-legend span{display:flex;align-items:center;gap:6px}.alive-legend i{display:inline-block}.alive-legend-chip{width:10px;height:10px;border-radius:2px;background:var(--alive-accent)}.alive-legend-drift{width:10px;height:10px;border-radius:2px;border:1px solid var(--alive-warn)}.alive-legend-onset{width:2px;height:12px;background:var(--alive-warn)}@media(max-width:1100px){.alive-studio{overflow-y:auto}.alive-studio-body{height:auto;grid-template-rows:auto auto auto}.alive-main{grid-template-columns:minmax(0,1fr)}.alive-transcript{max-height:260px}.alive-stage{order:-1}.alive-player{height:auto;width:100%;max-height:70dvh}.alive-header h2{font-size:14px}.alive-header .alive-muted{flex-basis:100%;order:3}}

package/ui/assets/alive-captions-DPEr1nKM.js

@@ -0,0 +1 @@
+import{c as F,j as t,a as A}from"./vendor-react-Dj7D1fD4.js";import{u as be,a as xe,V as Se,A as pe,P as Ne}from"./vendor-remotion-CH1HXrlc.js";import{ea as Ce,eb as ke,ec as we,ed as $e,ee as Pe,ef as de,eg as Te,eh as me,ei as Re,ej as Ae,ek as Me,el as _e,em as Ee,en as Oe,eo as fe,bu as We}from"./videobook-Qlp9HQFu.js";import{g as Le,a6 as ze,_ as Fe,h as He,X as Ie}from"./vendor-icons-CGqhCIXV.js";import"./vendor-DfTCWgKm.js";import"./vendor-mcp-BTlEJcHV.js";const Be={face:"#63c7d8",text:"#f0a860",graphic:"#f0a860"};function De(a){const e=F.c(25),{phrase:s,cue:n,settings:o,sourceWidth:c,sourceHeight:l}=a,{width:i,height:h}=xe();let r,f,m,d;if(e[0]!==h||e[1]!==s.id||e[2]!==s.regions||e[3]!==o||e[4]!==l||e[5]!==c||e[6]!==i){const j={sourceWidth:c,sourceHeight:l,targetWidth:i,targetHeight:h};let v;e[11]!==s.regions||e[12]!==o?(v=new Set($e(s.regions,o)),e[11]=s.regions,e[12]=o,e[13]=v):v=e[13];const C=v;let y;e[14]!==i?(y=Math.round(i/480),e[14]=i,e[15]=y):y=e[15],f=Math.max(2,y),r=pe,e[16]===Symbol.for("react.memo_cache_sentinel")?(m={pointerEvents:"none"},e[16]=m):m=e[16],d=s.regions.map((w,$)=>{const b=Pe(w,j);return t.jsx("div",{style:{position:"absolute",left:b.x*i,top:b.y*h,width:b.width*i,height:b.height*h,border:`${f}px dashed ${Be[w.kind]}`,opacity:C.has(w)?1:.4,borderRadius:f*2}},`${s.id}-${$}`)}),e[0]=h,e[1]=s.id,e[2]=s.regions,e[3]=o,e[4]=l,e[5]=c,e[6]=i,e[7]=r,e[8]=f,e[9]=m,e[10]=d}else r=e[7],f=e[8],m=e[9],d=e[10];let g;e[17]!==n.column||e[18]!==f?(g=t.jsx(Ue,{column:n.column,stroke:f}),e[17]=n.column,e[18]=f,e[19]=g):g=e[19];let u;return e[20]!==r||e[21]!==m||e[22]!==d||e[23]!==g?(u=t.jsxs(r,{style:m,children:[d,g]}),e[20]=r,e[21]=m,e[22]=d,e[23]=g,e[24]=u):u=e[24],u}function Ue(a){const e=F.c(7),{column:s,stroke:n}=a,o=`${Math.max(1,n/2)}px dashed rgba(114, 231, 170, 0.6)`,c=n*2;let l;return e[0]!==s.height||e[1]!==s.width||e[2]!==s.x||e[3]!==s.y||e[4]!==o||e[5]!==c?(l=t.jsx("div",{style:{position:"absolute",left:s.x,top:s.y,width:s.width,height:s.height,border:o,borderRadius:c}}),e[0]=s.height,e[1]=s.width,e[2]=s.x,e[3]=s.y,e[4]=o,e[5]=c,e[6]=l):l=e[6],l}function Ke(a){const e=F.c(34),{mediaUrl:s,sourceWidth:n,sourceHeight:o,cues:c,phrases:l,settings:i,showRegions:h}=a,r=be(),{fps:f,width:m,height:d}=xe();let g;e[0]!==d||e[1]!==o||e[2]!==n||e[3]!==m?(g=ke({sourceWidth:n,sourceHeight:o,targetWidth:m,targetHeight:d}),e[0]=d,e[1]=o,e[2]=n,e[3]=m,e[4]=g):g=e[4];const u=g,j=r/f;let v;e[5]!==c||e[6]!==j?(v=Ce(c,j),e[5]=c,e[6]=j,e[7]=v):v=e[7];const C=v;let y;e[8]!==C||e[9]!==l?(y=C?l.find(M=>M.id===C.id):void 0,e[8]=C,e[9]=l,e[10]=y):y=e[10];const w=y;let $;e[11]===Symbol.for("react.memo_cache_sentinel")?($={background:"#000000"},e[11]=$):$=e[11];let b;e[12]!==u.height||e[13]!==u.width||e[14]!==u.x||e[15]!==u.y?(b={position:"absolute",left:u.x,top:u.y,width:u.width,height:u.height},e[12]=u.height,e[13]=u.width,e[14]=u.x,e[15]=u.y,e[16]=b):b=e[16];let N;e[17]!==s||e[18]!==b?(N=t.jsx(Se,{src:s,style:b}),e[17]=s,e[18]=b,e[19]=N):N=e[19];let P;e[20]!==C||e[21]!==w||e[22]!==i||e[23]!==h||e[24]!==o||e[25]!==n?(P=h&&C&&w&&t.jsx(De,{phrase:w,cue:C,settings:i,sourceWidth:n,sourceHeight:o}),e[20]=C,e[21]=w,e[22]=i,e[23]=h,e[24]=o,e[25]=n,e[26]=P):P=e[26];let x;e[27]!==c||e[28]!==i?(x=t.jsx(we,{cues:c,settings:i,strokeWidth:6,strokeColor:"#000000",shadowBlur:6,shadowOpacity:60}),e[27]=c,e[28]=i,e[29]=x):x=e[29];let k;return e[30]!==N||e[31]!==P||e[32]!==x?(k=t.jsxs(pe,{style:$,children:[N,P,x]}),e[30]=N,e[31]=P,e[32]=x,e[33]=k):k=e[33],k}const ue=[{id:"stack",label:"Stack",hint:"Words land one by one and build a stacked block beside the subject, each line sized to fill the column."},{id:"punch",label:"Punch",hint:"One word at a time, as big as the free space allows. Best on fast verses."},{id:"karaoke",label:"Karaoke",hint:"The whole stacked phrase shows dimmed and lights up word by word."}],Ve=[{id:"pop",label:"Pop"},{id:"slam",label:"Slam"},{id:"rise",label:"Rise"}],Ge=[{name:"Green",color:"#72E7AA"},{name:"Pink",color:"#F0B9D0"},{name:"Cyan",color:"#63C7D8"},{name:"Amber",color:"#E7C372"}];function Xe(a,e){if(!a.drifted)return de(a.start);const s=a.driftMs>0?"+":"";return e?`${de(a.start)} · snapped`:`${de(a.start)} · ${s}${a.driftMs}ms`}function qe(a){const e=F.c(21),{rows:s,phraseLabels:n,activePhrase:o,time:c,snapped:l,onSeek:i}=a;let h;e[0]===Symbol.for("react.memo_cache_sentinel")?(h=t.jsx("h3",{children:"Transcript"}),e[0]=h):h=e[0];let r;e[1]!==s.length?(r=t.jsxs("header",{className:"alive-panel-header",children:[h,t.jsxs("p",{children:[s.length," words · timed to the vocal"]})]}),e[1]=s.length,e[2]=r):r=e[2];let f;if(e[3]!==o||e[4]!==i||e[5]!==n||e[6]!==s||e[7]!==l||e[8]!==c){let g;e[10]!==o||e[11]!==i||e[12]!==s||e[13]!==l||e[14]!==c?(g=(u,j)=>t.jsxs("div",{className:"alive-phrase","data-active":j===o||void 0,children:[t.jsxs("div",{className:"alive-phrase-head",children:[t.jsxs("span",{children:["Phrase ",j+1]}),t.jsx("span",{children:u})]}),t.jsx("div",{className:"alive-phrase-words",children:s.filter(v=>v.phraseIndex===j).map(v=>t.jsxs("button",{type:"button",className:"alive-word","data-active":c>=v.start&&c<v.end||void 0,"data-drifted":v.drifted&&!l||void 0,onClick:()=>i(v.start+.03),children:[t.jsx("span",{children:v.text}),t.jsx("small",{children:Xe(v,l)})]},v.key))})]},`${j}-${u}`),e[10]=o,e[11]=i,e[12]=s,e[13]=l,e[14]=c,e[15]=g):g=e[15],f=n.map(g),e[3]=o,e[4]=i,e[5]=n,e[6]=s,e[7]=l,e[8]=c,e[9]=f}else f=e[9];let m;e[16]!==f?(m=t.jsx("div",{className:"alive-transcript-list",children:f}),e[16]=f,e[17]=m):m=e[17];let d;return e[18]!==r||e[19]!==m?(d=t.jsxs("section",{className:"alive-panel alive-transcript","aria-label":"Transcript",children:[r,m]}),e[18]=r,e[19]=m,e[20]=d):d=e[20],d}function ve(a){const e=F.c(10),{label:s,options:n,value:o,onChange:c}=a;let l;if(e[0]!==c||e[1]!==n||e[2]!==o){let h;e[4]!==c||e[5]!==o?(h=r=>t.jsx("button",{type:"button","aria-pressed":r.id===o,onClick:()=>c(r.id),children:r.label},r.id),e[4]=c,e[5]=o,e[6]=h):h=e[6],l=n.map(h),e[0]=c,e[1]=n,e[2]=o,e[3]=l}else l=e[3];let i;return e[7]!==s||e[8]!==l?(i=t.jsx("div",{className:"alive-segmented",role:"group","aria-label":s,children:l}),e[7]=s,e[8]=l,e[9]=i):i=e[9],i}function re(a){const e=F.c(8),{checked:s,onChange:n,children:o}=a;let c;e[0]!==n?(c=h=>n(h.target.checked),e[0]=n,e[1]=c):c=e[1];let l;e[2]!==s||e[3]!==c?(l=t.jsx("input",{type:"checkbox",checked:s,onChange:c}),e[2]=s,e[3]=c,e[4]=l):l=e[4];let i;return e[5]!==o||e[6]!==l?(i=t.jsxs("label",{className:"alive-toggle",children:[l,o]}),e[5]=o,e[6]=l,e[7]=i):i=e[7],i}function Ye(a){const e=F.c(69),{settings:s,showRegions:n,regionsAnalyzed:o,working:c,onChange:l,onShowRegions:i,onReanalyze:h}=a;let r;e[0]!==s.style?(r=ue.find(S=>S.id===s.style)?.hint,e[0]=s.style,e[1]=r):r=e[1];const f=r;let m;e[2]===Symbol.for("react.memo_cache_sentinel")?(m=t.jsx("h4",{children:"Style"}),e[2]=m):m=e[2];let d;e[3]!==l?(d=S=>l({style:S}),e[3]=l,e[4]=d):d=e[4];let g;e[5]!==s.style||e[6]!==d?(g=t.jsx(ve,{label:"Caption style",options:ue,value:s.style,onChange:d}),e[5]=s.style,e[6]=d,e[7]=g):g=e[7];let u;e[8]!==f?(u=t.jsx("p",{className:"alive-hint",children:f}),e[8]=f,e[9]=u):u=e[9];let j;e[10]!==g||e[11]!==u?(j=t.jsxs("div",{className:"alive-field",children:[m,g,u]}),e[10]=g,e[11]=u,e[12]=j):j=e[12];let v;e[13]===Symbol.for("react.memo_cache_sentinel")?(v=t.jsx("h4",{children:"Word entrance"}),e[13]=v):v=e[13];let C;e[14]!==l?(C=S=>l({motion:S}),e[14]=l,e[15]=C):C=e[15];let y;e[16]!==s.motion||e[17]!==C?(y=t.jsxs("div",{className:"alive-field",children:[v,t.jsx(ve,{label:"Word entrance",options:Ve,value:s.motion,onChange:C})]}),e[16]=s.motion,e[17]=C,e[18]=y):y=e[18];let w;e[19]===Symbol.for("react.memo_cache_sentinel")?(w=t.jsx("h4",{children:"Frame awareness"}),e[19]=w):w=e[19];let $;e[20]!==l?($=S=>l({avoidFaces:S}),e[20]=l,e[21]=$):$=e[21];let b;e[22]!==s.avoidFaces||e[23]!==$?(b=t.jsx(re,{checked:s.avoidFaces,onChange:$,children:"Keep words off faces"}),e[22]=s.avoidFaces,e[23]=$,e[24]=b):b=e[24];let N;e[25]!==l?(N=S=>l({avoidText:S}),e[25]=l,e[26]=N):N=e[26];let P;e[27]!==s.avoidText||e[28]!==N?(P=t.jsx(re,{checked:s.avoidText,onChange:N,children:"Keep words off on-screen text"}),e[27]=s.avoidText,e[28]=N,e[29]=P):P=e[29];let x;e[30]!==i||e[31]!==n?(x=t.jsx(re,{checked:n,onChange:i,children:"Show detected regions"}),e[30]=i,e[31]=n,e[32]=x):x=e[32];let k;e[33]!==o?(k=!o&&t.jsx("p",{className:"alive-hint alive-warning",children:"Face and text detection did not run, so stacks use the default columns. Set OPENAI_API_KEY and re-run the analysis."}),e[33]=o,e[34]=k):k=e[34];let M;e[35]!==b||e[36]!==P||e[37]!==x||e[38]!==k?(M=t.jsxs("div",{className:"alive-field",children:[w,b,P,x,k]}),e[35]=b,e[36]=P,e[37]=x,e[38]=k,e[39]=M):M=e[39];let D;e[40]===Symbol.for("react.memo_cache_sentinel")?(D=t.jsx("h4",{children:"Audio"}),e[40]=D):D=e[40];let O;e[41]!==l?(O=S=>l({energySizing:S}),e[41]=l,e[42]=O):O=e[42];let _;e[43]!==s.energySizing||e[44]!==O?(_=t.jsxs("div",{className:"alive-field",children:[D,t.jsx(re,{checked:s.energySizing,onChange:O,children:"Size words by vocal energy"})]}),e[43]=s.energySizing,e[44]=O,e[45]=_):_=e[45];let H;e[46]===Symbol.for("react.memo_cache_sentinel")?(H=t.jsx("h4",{children:"Hit color"}),e[46]=H):H=e[46];let W;e[47]!==l||e[48]!==s.hitColor?(W=Ge.map(S=>t.jsx("button",{type:"button","aria-label":S.name,"aria-pressed":s.hitColor.toUpperCase()===S.color,onClick:()=>l({hitColor:S.color}),children:t.jsx("span",{style:{background:S.color}})},S.color)),e[47]=l,e[48]=s.hitColor,e[49]=W):W=e[49];let R;e[50]===Symbol.for("react.memo_cache_sentinel")?(R=t.jsx("span",{children:"Text"}),e[50]=R):R=e[50];let p;e[51]!==l?(p=S=>l({textColor:S.target.value.toUpperCase()}),e[51]=l,e[52]=p):p=e[52];let L;e[53]!==s.textColor||e[54]!==p?(L=t.jsxs("label",{className:"alive-color-input",children:[R,t.jsx("input",{type:"color",value:s.textColor,onChange:p})]}),e[53]=s.textColor,e[54]=p,e[55]=L):L=e[55];let I;e[56]!==W||e[57]!==L?(I=t.jsxs("div",{className:"alive-field",children:[H,t.jsxs("div",{className:"alive-swatches",children:[W,L]})]}),e[56]=W,e[57]=L,e[58]=I):I=e[58];let z;e[59]!==h||e[60]!==c?(z=t.jsx("div",{className:"alive-field",children:t.jsx("button",{type:"button",className:"alive-secondary",disabled:c,onClick:h,children:"Re-run analysis"})}),e[59]=h,e[60]=c,e[61]=z):z=e[61];let B;return e[62]!==M||e[63]!==_||e[64]!==I||e[65]!==z||e[66]!==j||e[67]!==y?(B=t.jsxs("section",{className:"alive-panel alive-settings","aria-label":"Caption settings",children:[j,y,M,_,I,z]}),e[62]=M,e[63]=_,e[64]=I,e[65]=z,e[66]=j,e[67]=y,e[68]=B):B=e[68],B}const Je=90;function U(a,e){return`${Math.max(0,a)/e*100}%`}function Qe(a,e,s){if(e.count===0)return`All ${s} words already sit on their vocal onsets`;if(a)return`${e.count} words snapped to their vocal onsets`;const n=e.minMs===e.maxMs?`${e.maxMs}`:`${e.minMs}–${e.maxMs}`;return`${e.count} words start ${n} ms off the vocal`}function Ze(a){const e=a>120?10:a>30?5:1,s=[];for(let n=0;n<=a;n+=e)s.push(n);return s}function et(a,e,s){const n=F.c(5),o=A.useRef(null);let c,l;return n[0]!==e||n[1]!==s||n[2]!==a?(c=()=>{const i=o.current;if(!i||!s)return;const h=a/e*i.scrollWidth;(h<i.scrollLeft||h>i.scrollLeft+i.clientWidth*.85)&&(i.scrollLeft=Math.max(0,h-i.clientWidth*.2))},l=[a,e,s],n[0]=e,n[1]=s,n[2]=a,n[3]=c,n[4]=l):(c=n[3],l=n[4]),A.useEffect(c,l),o}function tt(a){const e=F.c(105),{duration:s,fps:n,time:o,playing:c,envelope:l,rows:i,cues:h,activeCue:r,snapped:f,drift:m}=a,d=Math.max(s,.1),g=et(o,d,c);let u;e[0]!==a||e[1]!==d?(u=T=>{const E=T.currentTarget.getBoundingClientRect();a.onSeek((T.clientX-E.left)/E.width*d)},e[0]=a,e[1]=d,e[2]=u):u=e[2];const j=u;let v;e[3]!==a?(v=()=>a.onStep(-1),e[3]=a,e[4]=v):v=e[4];let C;e[5]===Symbol.for("react.memo_cache_sentinel")?(C=t.jsx(Le,{size:16}),e[5]=C):C=e[5];let y;e[6]!==v?(y=t.jsx("button",{type:"button","aria-label":"Previous frame",onClick:v,children:C}),e[6]=v,e[7]=y):y=e[7];const w=c?"Pause":"Play";let $;e[8]!==c?($=c?t.jsx(ze,{size:16}):t.jsx(Fe,{size:16}),e[8]=c,e[9]=$):$=e[9];let b;e[10]!==a.onTogglePlay||e[11]!==w||e[12]!==$?(b=t.jsx("button",{type:"button",className:"alive-play","aria-label":w,onClick:a.onTogglePlay,children:$}),e[10]=a.onTogglePlay,e[11]=w,e[12]=$,e[13]=b):b=e[13];let N;e[14]!==a?(N=()=>a.onStep(1),e[14]=a,e[15]=N):N=e[15];let P;e[16]===Symbol.for("react.memo_cache_sentinel")?(P=t.jsx(He,{size:16}),e[16]=P):P=e[16];let x;e[17]!==N?(x=t.jsx("button",{type:"button","aria-label":"Next frame",onClick:N,children:P}),e[17]=N,e[18]=x):x=e[18];let k;e[19]!==o?(k=de(o),e[19]=o,e[20]=k):k=e[20];let M;e[21]!==k?(M=t.jsx("strong",{className:"alive-clock",children:k}),e[21]=k,e[22]=M):M=e[22];const D=Math.floor(o*n),O=Math.floor(d*n);let _;e[23]!==D||e[24]!==O?(_=t.jsxs("span",{className:"alive-muted",children:["frame ",D," / ",O]}),e[23]=D,e[24]=O,e[25]=_):_=e[25];let H;e[26]===Symbol.for("react.memo_cache_sentinel")?(H=t.jsx("span",{className:"alive-spacer"}),e[26]=H):H=e[26];const W=m.count>0&&!f||void 0;let R;e[27]!==m||e[28]!==i.length||e[29]!==f?(R=Qe(f,m,i.length),e[27]=m,e[28]=i.length,e[29]=f,e[30]=R):R=e[30];let p;e[31]!==W||e[32]!==R?(p=t.jsx("span",{className:"alive-drift","data-drifted":W,children:R}),e[31]=W,e[32]=R,e[33]=p):p=e[33];const L=f?"alive-secondary":"alive-primary alive-warn",I=m.count===0,z=f?"Use transcript timing":"Snap words to audio";let B;e[34]!==a.onToggleSnap||e[35]!==L||e[36]!==I||e[37]!==z?(B=t.jsx("button",{type:"button",className:L,disabled:I,onClick:a.onToggleSnap,children:z}),e[34]=a.onToggleSnap,e[35]=L,e[36]=I,e[37]=z,e[38]=B):B=e[38];let S;e[39]!==M||e[40]!==_||e[41]!==p||e[42]!==B||e[43]!==y||e[44]!==b||e[45]!==x?(S=t.jsxs("div",{className:"alive-transport",children:[y,b,x,M,_,H,p,B]}),e[39]=M,e[40]=_,e[41]=p,e[42]=B,e[43]=y,e[44]=b,e[45]=x,e[46]=S):S=e[46];let ne;e[47]===Symbol.for("react.memo_cache_sentinel")?(ne=t.jsxs("div",{className:"alive-lane-labels","aria-hidden":"true",children:[t.jsx("span",{className:"alive-lane-ruler"}),t.jsx("span",{className:"alive-lane-audio",children:"Audio"}),t.jsx("span",{className:"alive-lane-words",children:"Words"}),t.jsx("span",{className:"alive-lane-stacks",children:"Stacks"})]}),e[47]=ne):ne=e[47];const he=d*Je;let K;e[48]!==he?(K={minWidth:he},e[48]=he,e[49]=K):K=e[49];let V;e[50]!==d?(V=Ze(d).map(T=>t.jsxs("span",{style:{left:U(T,d)},children:[T,"s"]},T)),e[50]=d,e[51]=V):V=e[51];let G;e[52]!==V?(G=t.jsx("div",{className:"alive-lane-ruler",children:V}),e[52]=V,e[53]=G):G=e[53];let X;e[54]!==l?(X=Te(l),e[54]=l,e[55]=X):X=e[55];let q;e[56]!==X?(q=t.jsx("svg",{viewBox:"0 0 1000 100",preserveAspectRatio:"none","aria-hidden":"true",children:t.jsx("path",{d:X})}),e[56]=X,e[57]=q):q=e[57];let Y;e[58]!==i||e[59]!==d||e[60]!==f?(Y=!f&&i.filter(st).map(T=>t.jsx("span",{className:"alive-onset",style:{left:U(T.onset,d)}},T.key)),e[58]=i,e[59]=d,e[60]=f,e[61]=Y):Y=e[61];let J;e[62]!==q||e[63]!==Y?(J=t.jsxs("div",{className:"alive-lane-audio",children:[q,Y]}),e[62]=q,e[63]=Y,e[64]=J):J=e[64];let Q;if(e[65]!==i||e[66]!==d||e[67]!==f||e[68]!==o){let T;e[70]!==d||e[71]!==f||e[72]!==o?(T=E=>t.jsx("span",{className:"alive-chip","data-active":o>=E.start&&o<E.end||void 0,"data-drifted":E.drifted&&!f||void 0,style:{left:U(E.start,d),width:U(E.end-E.start,d)},children:E.text},E.key),e[70]=d,e[71]=f,e[72]=o,e[73]=T):T=e[73],Q=i.map(T),e[65]=i,e[66]=d,e[67]=f,e[68]=o,e[69]=Q}else Q=e[69];let Z;e[74]!==Q?(Z=t.jsx("div",{className:"alive-lane-words",children:Q}),e[74]=Q,e[75]=Z):Z=e[75];let ee;if(e[76]!==r||e[77]!==h||e[78]!==d){let T;e[80]!==r||e[81]!==d?(T=(E,ye)=>t.jsx("span",{className:"alive-stack-bar","data-active":ye===r||void 0,style:{left:U(E.start,d),width:U(E.end-E.start,d)},children:me(E)},E.id),e[80]=r,e[81]=d,e[82]=T):T=e[82],ee=h.map(T),e[76]=r,e[77]=h,e[78]=d,e[79]=ee}else ee=e[79];let te;e[83]!==ee?(te=t.jsx("div",{className:"alive-lane-stacks",children:ee}),e[83]=ee,e[84]=te):te=e[84];let se;e[85]!==d||e[86]!==o?(se=U(o,d),e[85]=d,e[86]=o,e[87]=se):se=e[87];let le;e[88]!==se?(le=t.jsx("span",{className:"alive-playhead",style:{left:se}}),e[88]=se,e[89]=le):le=e[89];let ae;e[90]!==j||e[91]!==K||e[92]!==G||e[93]!==J||e[94]!==Z||e[95]!==te||e[96]!==le?(ae=t.jsxs("div",{className:"alive-lane-tracks",style:K,onClick:j,role:"presentation",children:[G,J,Z,te,le]}),e[90]=j,e[91]=K,e[92]=G,e[93]=J,e[94]=Z,e[95]=te,e[96]=le,e[97]=ae):ae=e[97];let ie;e[98]!==g||e[99]!==ae?(ie=t.jsxs("div",{className:"alive-lanes",children:[ne,t.jsx("div",{className:"alive-lane-scroll",ref:g,children:ae})]}),e[98]=g,e[99]=ae,e[100]=ie):ie=e[100];let oe;e[101]===Symbol.for("react.memo_cache_sentinel")?(oe=t.jsxs("div",{className:"alive-legend","aria-hidden":"true",children:[t.jsxs("span",{children:[t.jsx("i",{className:"alive-legend-chip"}),"Transcript word"]}),t.jsxs("span",{children:[t.jsx("i",{className:"alive-legend-drift"}),"Word off its vocal onset"]}),t.jsxs("span",{children:[t.jsx("i",{className:"alive-legend-onset"}),"Detected vocal onset"]})]}),e[101]=oe):oe=e[101];let ce;return e[102]!==S||e[103]!==ie?(ce=t.jsxs("section",{className:"alive-panel alive-timeline","aria-label":"Caption timeline",children:[S,ie,oe]}),e[102]=S,e[103]=ie,e[104]=ce):ce=e[104],ce}function st(a){return a.drifted}const ge=30;function lt(a){const e=F.c(3),s=A.useRef(null);let n,o;return e[0]!==a?(n=()=>{const c=s.current;return c?.showModal(),c?.querySelector(".alive-close")?.focus(),()=>{c?.close(),We(a)}},o=[a],e[0]=a,e[1]=n,e[2]=o):(n=e[1],o=e[2]),A.useEffect(n,o),s}function at(a){const e=F.c(6),[s,n]=A.useState(0),[o,c]=A.useState(!1);let l,i;e[0]!==a?(l=()=>{const r=a.current;if(!r)return;const f=g=>n(g.detail.frame),m=()=>c(!0),d=()=>c(!1);return r.addEventListener("frameupdate",f),r.addEventListener("play",m),r.addEventListener("pause",d),()=>{r.removeEventListener("frameupdate",f),r.removeEventListener("play",m),r.removeEventListener("pause",d)}},i=[a],e[0]=a,e[1]=l,e[2]=i):(l=e[1],i=e[2]),A.useEffect(l,i);let h;return e[3]!==s||e[4]!==o?(h={frame:s,playing:o},e[3]=s,e[4]=o,e[5]=h):h=e[5],h}function ft(a){const e=F.c(14),{asset:s,state:n,returnFocus:o,onClose:c}=a,l=lt(o),i=`Alive captions for ${s.label}`;let h;e[0]!==c?(h=m=>{m.preventDefault(),c()},e[0]=c,e[1]=h):h=e[1];let r;e[2]!==s.label||e[3]!==c||e[4]!==a||e[5]!==n.data||e[6]!==n.message||e[7]!==n.status?(r=n.status==="ready"?t.jsx(it,{...a,data:n.data}):t.jsxs("div",{className:"alive-studio-message",children:[t.jsx(je,{label:s.label,detail:null,onClose:c}),t.jsx("p",{role:n.status==="error"?"alert":"status",children:n.status==="error"?n.message:"Analysing vocals, phrases and faces…"})]}),e[2]=s.label,e[3]=c,e[4]=a,e[5]=n.data,e[6]=n.message,e[7]=n.status,e[8]=r):r=e[8];let f;return e[9]!==l||e[10]!==i||e[11]!==h||e[12]!==r?(f=t.jsx("dialog",{className:"alive-studio","aria-label":i,onCancel:h,ref:l,children:r}),e[9]=l,e[10]=i,e[11]=h,e[12]=r,e[13]=f):f=e[13],f}function je(a){const e=F.c(12),{label:s,detail:n,onClose:o,children:c}=a;let l;e[0]===Symbol.for("react.memo_cache_sentinel")?(l=t.jsx("h2",{children:"Alive captions"}),e[0]=l):l=e[0];const i=n?` · ${n}`:"";let h;e[1]!==s||e[2]!==i?(h=t.jsxs("span",{className:"alive-muted",children:[s,i]}),e[1]=s,e[2]=i,e[3]=h):h=e[3];let r;e[4]===Symbol.for("react.memo_cache_sentinel")?(r=t.jsx("span",{className:"alive-spacer"}),e[4]=r):r=e[4];let f;e[5]===Symbol.for("react.memo_cache_sentinel")?(f=t.jsx(Ie,{size:16}),e[5]=f):f=e[5];let m;e[6]!==o?(m=t.jsx("button",{type:"button",className:"alive-close","aria-label":"Close alive captions",onClick:o,children:f}),e[6]=o,e[7]=m):m=e[7];let d;return e[8]!==c||e[9]!==h||e[10]!==m?(d=t.jsxs("header",{className:"alive-header",children:[l,h,r,c,m]}),e[8]=c,e[9]=h,e[10]=m,e[11]=d):d=e[11],d}function it({asset:a,data:e,onClose:s,onSave:n,onRender:o,onReanalyze:c}){const{analysis:l}=e,i=Math.round(a.fps??ge)||ge,h=Math.max(1,Math.round(l.durationSeconds*i)),[r,f]=A.useState(e.settings),[m,d]=A.useState(()=>Re(a.width,a.height)),[g,u]=A.useState(!0),[j,v]=A.useState(null),[C,y]=A.useState(null),w=A.useRef(null),{frame:$,playing:b}=at(w),N=$/i,P=A.useMemo(()=>Ae(l,m),[l,m]),x=A.useMemo(()=>Me(l.phrases,r,P),[l.phrases,r,P]),k=A.useMemo(()=>_e(l,r),[l,r]),M=A.useMemo(()=>Ee(k),[k]),D=A.useMemo(()=>({mediaUrl:a.mediaUrl,sourceWidth:l.sourceWidth,sourceHeight:l.sourceHeight,cues:x,phrases:l.phrases,settings:r,showRegions:g}),[a.mediaUrl,l,x,r,g]),O=Oe(x,N),_=p=>w.current?.seekTo(Math.max(0,Math.min(h-1,Math.round(p*i)))),H=p=>f(L=>({...L,...p})),W=async(p,L,I)=>{v(p),y(null);try{await L(),y(I)}catch(z){y(z instanceof Error?z.message:String(z))}finally{v(null)}},R=fe.find(p=>p.id===m)??fe[0];return t.jsxs("div",{className:"alive-studio-body",children:[t.jsxs(je,{label:a.label,detail:`${l.sourceWidth}×${l.sourceHeight} · ${i} fps`,onClose:s,children:[t.jsx("div",{className:"alive-segmented",role:"group","aria-label":"Preview orientation",children:fe.map(p=>t.jsx("button",{type:"button","aria-pressed":p.id===m,onClick:()=>d(p.id),children:p.label},p.id))}),t.jsx("button",{type:"button",className:"alive-secondary",disabled:j!==null,onClick:()=>{W("Saving",()=>n(r),"Saved. Renders of this video now use alive captions.")},children:"Save"}),t.jsxs("button",{type:"button",className:"alive-primary",disabled:j!==null,onClick:()=>{W("Rendering",()=>o(r,m),`Saved and queued a ${R.label} render.`)},children:["Render ",R.label]})]}),t.jsxs("div",{className:"alive-main",children:[t.jsx(qe,{rows:k,phraseLabels:x.map(me),activePhrase:O,time:N,snapped:r.snapToOnsets,onSeek:_}),t.jsxs("div",{className:"alive-stage",children:[t.jsx("div",{className:"alive-player",style:{aspectRatio:`${R.width} / ${R.height}`},children:t.jsx(Ne,{ref:w,component:Ke,inputProps:D,durationInFrames:h,fps:i,compositionWidth:R.width,compositionHeight:R.height,style:{width:"100%",height:"100%"},clickToPlay:!0,spaceKeyToPlayOrPause:!0})}),t.jsx("p",{className:"alive-status",role:"status",children:j?`${j}…`:C??(O>=0?`${me(x[O])} · ${x[O].lines.length} lines`:"Between phrases")})]}),t.jsx(Ye,{settings:r,showRegions:g,regionsAnalyzed:l.regionsAnalyzed,working:j!==null,onChange:H,onShowRegions:u,onReanalyze:()=>{W("Re-running analysis",c,"Analysis refreshed.")}})]}),t.jsx(tt,{duration:l.durationSeconds,fps:i,time:N,playing:b,envelope:l.envelope,rows:k,cues:x,activeCue:O,snapped:r.snapToOnsets,drift:M,onSeek:_,onStep:p=>_(N+p/i),onTogglePlay:()=>w.current?.toggle(),onToggleSnap:()=>H({snapToOnsets:!r.snapToOnsets})})]})}export{ft as AliveCaptionsStudio};