@hyperframes/studio-server 0.8.50 → 0.8.53-desktop.0

package/dist/index.js

@@ -290,77 +290,14 @@ function registerProjectRoutes(api, adapter) {
   });
 }
 
-// src/routes/storyboard.ts
-import { existsSync, readFileSync as readFileSync2 } from "fs";
-import {
-  parseStoryboard,
-  SCRIPT_FILENAME,
-  STORYBOARD_FILENAME
-} from "@hyperframes/core/storyboard";
-function resolveFrames(projectDir, frames) {
-  return frames.map((frame) => {
-    let srcExists = false;
-    if (frame.src) {
-      const abs = resolveWithinProject(projectDir, frame.src);
-      srcExists = abs ? existsSync(abs) : false;
-    }
-    return { ...frame, srcExists };
-  });
-}
-function readScript(projectDir) {
-  const abs = resolveWithinProject(projectDir, SCRIPT_FILENAME);
-  if (abs && existsSync(abs)) {
-    try {
-      return { exists: true, path: SCRIPT_FILENAME, content: readFileSync2(abs, "utf-8") };
-    } catch {
-    }
-  }
-  return { exists: false, path: SCRIPT_FILENAME, content: "" };
-}
-function registerStoryboardRoutes(api, adapter) {
-  api.get("/projects/:id/storyboard", async (c) => {
-    const resolved = await resolveProjectAndSignature(adapter, c.req.param("id"));
-    if (!resolved) return c.json({ error: "not found" }, 404);
-    const { project, signature } = resolved;
-    const abs = resolveWithinProject(project.dir, STORYBOARD_FILENAME);
-    if (!abs || !existsSync(abs)) {
-      return c.json({
-        exists: false,
-        path: STORYBOARD_FILENAME,
-        globals: { extra: {} },
-        frames: [],
-        warnings: [],
-        script: readScript(project.dir),
-        signature
-      });
-    }
-    let source;
-    try {
-      source = readFileSync2(abs, "utf-8");
-    } catch {
-      return c.json({ error: "failed to read storyboard" }, 500);
-    }
-    const manifest = parseStoryboard(source);
-    return c.json({
-      exists: true,
-      path: STORYBOARD_FILENAME,
-      globals: manifest.globals,
-      frames: resolveFrames(project.dir, manifest.frames),
-      warnings: manifest.warnings,
-      script: readScript(project.dir),
-      signature
-    });
-  });
-}
-
 // src/routes/files.ts
 import { bodyLimit } from "hono/body-limit";
 import {
   closeSync,
-  existsSync as existsSync4,
+  existsSync as existsSync3,
   ftruncateSync,
   openSync,
-  readFileSync as readFileSync5,
+  readFileSync as readFileSync4,
   writeFileSync as writeFileSync4,
   writeSync,
   mkdirSync as mkdirSync3,
@@ -421,7 +358,7 @@ function isAudioFile(name) {
 // src/helpers/waveform.ts
 import { spawn } from "child_process";
 import {
-  existsSync as existsSync2,
+  existsSync,
   writeFileSync,
   mkdirSync,
   lstatSync as lstatSync2,
@@ -498,11 +435,11 @@ function decodeAudioPeaks(audioPath) {
 }
 async function generateWaveformCache(projectDir, assetPath) {
   const audioPath = join3(projectDir, assetPath);
-  if (!existsSync2(audioPath)) return;
+  if (!existsSync(audioPath)) return;
   const stats = statSync(audioPath);
   const cacheDir = join3(projectDir, ".waveform-cache");
   const cachePath = join3(cacheDir, buildWaveformCacheKey(assetPath, stats));
-  if (isWaveformCacheDirectory(cacheDir) && existsSync2(cachePath)) return;
+  if (isWaveformCacheDirectory(cacheDir) && existsSync(cachePath)) return;
   const peaks = await decodeAudioPeaks(audioPath);
   writeWaveformCache(cachePath, peaks);
 }
@@ -584,7 +521,7 @@ function validateUploadedMediaBuffer(fileName, buffer, runner = spawnSync) {
 }
 
 // src/helpers/backupJournal.ts
-import { mkdirSync as mkdirSync2, readdirSync as readdirSync3, readFileSync as readFileSync3, unlinkSync, writeFileSync as writeFileSync3 } from "fs";
+import { mkdirSync as mkdirSync2, readdirSync as readdirSync3, readFileSync as readFileSync2, unlinkSync, writeFileSync as writeFileSync3 } from "fs";
 import { Buffer as Buffer2 } from "buffer";
 import { join as join5, relative as relative2 } from "path";
 var DEFAULT_KEEP_PER_FILE = 10;
@@ -603,7 +540,7 @@ function backupPathForResponse(projectDir, backupPath) {
 function snapshotBeforeWrite(projectDir, absPath, options = {}) {
   if (!isSafePath(projectDir, absPath)) return { backupPath: null };
   try {
-    const content = readFileSync3(absPath);
+    const content = readFileSync2(absPath);
     const relativePath = relative2(projectDir, absPath);
     const backupDir = join5(projectDir, ".hyperframes", "backup");
     mkdirSync2(backupDir, { recursive: true });
@@ -625,7 +562,7 @@ function nextBackupPath(backupDir, backupKey) {
   let counter = 2;
   while (true) {
     try {
-      readFileSync3(candidate);
+      readFileSync2(candidate);
     } catch (error) {
       if (error && typeof error === "object" && "code" in error && error.code === "ENOENT") {
         return candidate;
@@ -722,7 +659,7 @@ import {
 import { parseHTML as parseHTML2 } from "linkedom";
 
 // src/helpers/compositionInsertion.ts
-import { existsSync as existsSync3, readFileSync as readFileSync4, realpathSync } from "fs";
+import { existsSync as existsSync2, readFileSync as readFileSync3, realpathSync } from "fs";
 import { randomUUID as randomUUID2 } from "crypto";
 import { dirname as dirname2, relative as relative3, resolve as resolve2, sep as sep2 } from "path";
 import { parseHTML } from "linkedom";
@@ -757,7 +694,7 @@ function canonicalProjectPath(projectDir, candidate) {
   if (!candidate) {
     throw new CompositionInsertionError("Composition source escapes the project", 400);
   }
-  if (!existsSync3(candidate)) {
+  if (!existsSync2(candidate)) {
     throw new CompositionInsertionError("Composition source was not found", 404);
   }
   const canonical = realpathSync(candidate);
@@ -794,7 +731,7 @@ function validateDependencyGraph(projectDir, targetAbs, sourceAbs) {
     }
     if (visited.has(file)) return;
     visiting.add(file);
-    const source = readFileSync4(file, "utf-8");
+    const source = readFileSync3(file, "utf-8");
     const { document } = compositionRoot(source);
     for (const host of descendants(document, "[data-composition-src]")) {
       const dependency = host.getAttribute("data-composition-src");
@@ -858,7 +795,7 @@ function insertCompositionIntoSource(input) {
   const targetAbs = canonicalProjectFile(input.projectDir, input.targetPath);
   const sourceAbs = canonicalProjectFile(input.projectDir, input.sourcePath);
   validateDependencyGraph(input.projectDir, targetAbs, sourceAbs);
-  const source = readFileSync4(sourceAbs, "utf-8");
+  const source = readFileSync3(sourceAbs, "utf-8");
   const sourceComposition = compositionRoot(source).root;
   const duration = positiveAttribute(
     sourceComposition,
@@ -988,7 +925,7 @@ async function resolveProjectPath(c, adapter, pathPrefix, opts) {
   if (!absPath) {
     return { error: c.json({ error: "forbidden" }, 403) };
   }
-  if (opts?.mustExist && !existsSync4(absPath)) {
+  if (opts?.mustExist && !existsSync3(absPath)) {
     return { error: c.json({ error: "not found" }, 404) };
   }
   return { project, filePath, absPath };
@@ -1056,7 +993,7 @@ function commitElementPatchBatches(projectDir, batches, writeFile = writeFileSyn
     resolvedPaths.add(absPath);
     let before;
     try {
-      before = readFileSync5(absPath, "utf-8");
+      before = readFileSync4(absPath, "utf-8");
     } catch {
       return { error: "not-found", sourceFile: batch.sourceFile };
     }
@@ -1196,7 +1133,7 @@ async function parseMutationBody(c) {
 }
 function ensureDir(filePath) {
   const dir = dirname3(filePath);
-  if (!existsSync4(dir)) mkdirSync3(dir, { recursive: true });
+  if (!existsSync3(dir)) mkdirSync3(dir, { recursive: true });
 }
 function generateCopyPath(projectDir, originalPath) {
   const ext = originalPath.includes(".") ? "." + originalPath.split(".").pop() : "";
@@ -1205,7 +1142,7 @@ function generateCopyPath(projectDir, originalPath) {
   const cleanBase = copyMatch ? base.slice(0, -copyMatch[0].length) : base;
   let num = copyMatch ? copyMatch[1] ? parseInt(copyMatch[1]) + 1 : 2 : 1;
   let candidate = num === 1 ? `${cleanBase} (copy)${ext}` : `${cleanBase} (copy ${num})${ext}`;
-  while (existsSync4(resolve3(projectDir, candidate))) {
+  while (existsSync3(resolve3(projectDir, candidate))) {
     num++;
     candidate = `${cleanBase} (copy ${num})${ext}`;
   }
@@ -1233,7 +1170,7 @@ function updateReferences(projectDir, oldPath, newPath) {
   let updatedCount = 0;
   for (const file of textFiles) {
     if (!isSafePath(projectDir, file)) continue;
-    const content = readFileSync5(file, "utf-8");
+    const content = readFileSync4(file, "utf-8");
     if (!content.includes(oldPath)) continue;
     const updated = content.split(oldPath).join(newPath);
     if (updated !== content) {
@@ -1507,7 +1444,7 @@ function containsRawGsapExpression(value) {
   return Object.values(value).some(containsRawGsapExpression);
 }
 async function prepareGsapMutationScript(c, res, firstMutation) {
-  const beforeHtml = readFileSync5(res.absPath, "utf-8");
+  const beforeHtml = readFileSync4(res.absPath, "utf-8");
   let html = beforeHtml;
   let block = extractGsapScriptBlock(html);
   if (!block && (firstMutation.type === "add" || firstMutation.type === "add-with-keyframes")) {
@@ -1574,7 +1511,7 @@ async function applyGsapMutations(c, res, mutations) {
   const changed = block.scriptText !== initialScript;
   const newHtml = changed ? block.replaceScript(block.scriptText) : html;
   let backupPath = null;
-  if (readFileSync5(res.absPath, "utf-8") !== beforeHtml) {
+  if (readFileSync4(res.absPath, "utf-8") !== beforeHtml) {
     return c.json({ error: "file changed during GSAP mutation", conflict: true }, 409);
   }
   if (changed) {
@@ -2335,9 +2272,9 @@ async function processUploadedFiles(formData, targetDir, projectDir) {
     const base = dotIdx > 0 ? name.slice(0, dotIdx) : name;
     const MAX_COPY_INDEX = 1e4;
     let n = 1;
-    if (existsSync4(finalPath)) {
+    if (existsSync3(finalPath)) {
       n = 2;
-      while (n < MAX_COPY_INDEX && existsSync4(resolve3(targetDir, `${base} (${n})${ext}`))) n++;
+      while (n < MAX_COPY_INDEX && existsSync3(resolve3(targetDir, `${base} (${n})${ext}`))) n++;
       if (n >= MAX_COPY_INDEX) {
         skipped.push(name);
         continue;
@@ -2389,13 +2326,13 @@ function registerFileRoutes(api, adapter) {
   api.get("/projects/:id/files/*", async (c) => {
     const res = await resolveProjectFile(c, adapter);
     if ("error" in res) return res.error;
-    if (!existsSync4(res.absPath)) {
+    if (!existsSync3(res.absPath)) {
       if (c.req.query("optional") === "1") {
         return c.json({ filename: res.filePath, content: "" });
       }
       return c.json({ error: "not found" }, 404);
     }
-    const content = readFileSync5(res.absPath);
+    const content = readFileSync4(res.absPath);
     const version = fileContentVersion(content);
     c.header("ETag", version);
     return c.json({ filename: res.filePath, content: content.toString("utf-8"), version });
@@ -2409,7 +2346,7 @@ function registerFileRoutes(api, adapter) {
     if (expectedVersion === null && !createOnly) {
       let currentContent = null;
       try {
-        currentContent = readFileSync5(res.absPath);
+        currentContent = readFileSync4(res.absPath);
       } catch (error) {
         if (!error || typeof error !== "object" || !("code" in error) || error.code !== "ENOENT") {
           throw error;
@@ -2435,7 +2372,7 @@ function registerFileRoutes(api, adapter) {
         if (!error || typeof error !== "object" || !("code" in error) || error.code !== "EEXIST") {
           throw error;
         }
-        const currentContent = readFileSync5(res.absPath);
+        const currentContent = readFileSync4(res.absPath);
         return c.json(
           {
             error: "file conflict",
@@ -2470,7 +2407,7 @@ function registerFileRoutes(api, adapter) {
         );
       }
       try {
-        const currentContent = readFileSync5(fd);
+        const currentContent = readFileSync4(fd);
         const currentVersion = fileContentVersion(currentContent);
         if (expectedVersion !== currentVersion) {
           return c.json(
@@ -2543,7 +2480,7 @@ function registerFileRoutes(api, adapter) {
     }
     let before;
     try {
-      before = readFileSync5(ctx.absPath, "utf-8");
+      before = readFileSync4(ctx.absPath, "utf-8");
     } catch (error) {
       if (!error || typeof error !== "object" || !("code" in error) || error.code !== "ENOENT") {
         throw error;
@@ -2595,12 +2532,12 @@ function registerFileRoutes(api, adapter) {
   api.post("/projects/:id/file-mutations/remove-element/*", async (c) => {
     const ctx = await resolveFileMutationContext(c, adapter, "remove-element");
     if ("error" in ctx) return ctx.error;
-    if (!existsSync4(ctx.absPath)) {
+    if (!existsSync3(ctx.absPath)) {
       return c.json({ error: "not found" }, 404);
     }
     const parsed = await parseMutationBody(c);
     if ("error" in parsed) return parsed.error;
-    const originalContent = readFileSync5(ctx.absPath, "utf-8");
+    const originalContent = readFileSync4(ctx.absPath, "utf-8");
     return writeIfChanged(
       c,
       ctx.project.dir,
@@ -2613,7 +2550,7 @@ function registerFileRoutes(api, adapter) {
   api.post("/projects/:id/file-mutations/remove-elements/*", async (c) => {
     const ctx = await resolveFileMutationContext(c, adapter, "remove-elements");
     if ("error" in ctx) return ctx.error;
-    if (!existsSync4(ctx.absPath)) {
+    if (!existsSync3(ctx.absPath)) {
       return c.json({ error: "not found" }, 404);
     }
     const body = await c.req.json().catch(() => null);
@@ -2621,7 +2558,7 @@ function registerFileRoutes(api, adapter) {
     if (!Array.isArray(targets) || targets.length === 0) {
       return c.json({ error: "targets required" }, 400);
     }
-    const originalContent = readFileSync5(ctx.absPath, "utf-8");
+    const originalContent = readFileSync4(ctx.absPath, "utf-8");
     let next = originalContent;
     for (const target of targets) {
       next = removeElementFromHtml(next, target);
@@ -2654,7 +2591,7 @@ function registerFileRoutes(api, adapter) {
         seen.add(absPath);
         let before;
         try {
-          before = readFileSync5(absPath, "utf-8");
+          before = readFileSync4(absPath, "utf-8");
         } catch {
           return c.json({ error: `not found: ${file.path}` }, 404);
         }
@@ -2681,7 +2618,7 @@ function registerFileRoutes(api, adapter) {
         prepared.push(folded);
       }
       for (const file of prepared) {
-        const current = readFileSync5(file.absPath, "utf-8");
+        const current = readFileSync4(file.absPath, "utf-8");
         if (current !== file.before) {
           return c.json(
             {
@@ -2723,7 +2660,7 @@ function registerFileRoutes(api, adapter) {
         const conflicts = [];
         for (const file of written.reverse()) {
           try {
-            const current = readFileSync5(file.absPath, "utf-8");
+            const current = readFileSync4(file.absPath, "utf-8");
             if (current !== file.after) {
               conflicts.push(file.path);
               continue;
@@ -2771,7 +2708,7 @@ function registerFileRoutes(api, adapter) {
     const fallbackTiming = typeof parsed.body.elementStart === "number" && typeof parsed.body.elementDuration === "number" ? { start: parsed.body.elementStart, duration: parsed.body.elementDuration } : void 0;
     let originalContent;
     try {
-      originalContent = readFileSync5(ctx.absPath, "utf-8");
+      originalContent = readFileSync4(ctx.absPath, "utf-8");
     } catch {
       return c.json({ error: "not found" }, 404);
     }
@@ -2827,7 +2764,7 @@ function registerFileRoutes(api, adapter) {
     }
     let originalContent;
     try {
-      originalContent = readFileSync5(ctx.absPath, "utf-8");
+      originalContent = readFileSync4(ctx.absPath, "utf-8");
     } catch {
       return c.json({ error: "not found" }, 404);
     }
@@ -2928,7 +2865,7 @@ function registerFileRoutes(api, adapter) {
     }
     let originalContent;
     try {
-      originalContent = readFileSync5(ctx.absPath, "utf-8");
+      originalContent = readFileSync4(ctx.absPath, "utf-8");
     } catch {
       return c.json({ error: "not found" }, 404);
     }
@@ -2983,7 +2920,7 @@ function registerFileRoutes(api, adapter) {
     ).map((entry) => ({ target: entry.target, track: entry.track }));
     let originalContent;
     try {
-      originalContent = readFileSync5(ctx.absPath, "utf-8");
+      originalContent = readFileSync4(ctx.absPath, "utf-8");
     } catch {
       return c.json({ error: "not found" }, 404);
     }
@@ -3012,7 +2949,7 @@ function registerFileRoutes(api, adapter) {
     if ("error" in parsed) return parsed.error;
     let content;
     try {
-      content = readFileSync5(ctx.absPath, "utf-8");
+      content = readFileSync4(ctx.absPath, "utf-8");
     } catch {
       return c.json({ exists: false });
     }
@@ -3030,7 +2967,7 @@ function registerFileRoutes(api, adapter) {
     if (!newAbs) {
       return c.json({ error: "forbidden" }, 403);
     }
-    if (existsSync4(newAbs)) {
+    if (existsSync3(newAbs)) {
       return c.json({ error: "already exists" }, 409);
     }
     ensureDir(newAbs);
@@ -3046,7 +2983,7 @@ function registerFileRoutes(api, adapter) {
       return c.json({ error: "path required" }, 400);
     }
     const srcAbs = resolveWithinProject(project.dir, body.path);
-    if (!srcAbs || !existsSync4(srcAbs)) {
+    if (!srcAbs || !existsSync3(srcAbs)) {
       return c.json({ error: "not found" }, 404);
     }
     const copyPath = generateCopyPath(project.dir, body.path);
@@ -3055,7 +2992,7 @@ function registerFileRoutes(api, adapter) {
       return c.json({ error: "forbidden" }, 403);
     }
     ensureDir(destAbs);
-    writeFileSync4(destAbs, readFileSync5(srcAbs));
+    writeFileSync4(destAbs, readFileSync4(srcAbs));
     return c.json({ ok: true, path: copyPath }, 201);
   });
   const MAX_UPLOAD_BYTES = 500 * 1024 * 1024;
@@ -3071,7 +3008,7 @@ function registerFileRoutes(api, adapter) {
       const subDir = c.req.query("dir") ?? "";
       const targetDir = subDir ? resolveWithinProject(project.dir, subDir) : project.dir;
       if (!targetDir) return c.json({ error: "forbidden" }, 403);
-      if (subDir && !existsSync4(targetDir)) mkdirSync3(targetDir, { recursive: true });
+      if (subDir && !existsSync3(targetDir)) mkdirSync3(targetDir, { recursive: true });
       const formData = await c.req.formData();
       const result = await processUploadedFiles(formData, targetDir, project.dir);
       return c.json(
@@ -3085,7 +3022,7 @@ function registerFileRoutes(api, adapter) {
       mustExist: true
     });
     if ("error" in res) return res.error;
-    const html = readFileSync5(res.absPath, "utf-8");
+    const html = readFileSync4(res.absPath, "utf-8");
     const block = extractGsapScriptBlock(html);
     if (!block) {
       return c.json({
@@ -3144,7 +3081,7 @@ function registerFileRoutes(api, adapter) {
     if (!body || typeof body.expected !== "string" || typeof body.restore !== "string") {
       return c.json({ error: "expected and restore contents required" }, 400);
     }
-    const current = readFileSync5(res.absPath, "utf-8");
+    const current = readFileSync4(res.absPath, "utf-8");
     if (current !== body.expected) {
       return c.json({ ok: true, restored: false, conflict: true });
     }
@@ -3154,7 +3091,7 @@ function registerFileRoutes(api, adapter) {
 }
 
 // src/routes/preview.ts
-import { createReadStream, existsSync as existsSync6, readFileSync as readFileSync8, statSync as statSync3 } from "fs";
+import { createReadStream, existsSync as existsSync5, readFileSync as readFileSync7, statSync as statSync3 } from "fs";
 import { Readable } from "stream";
 import { join as join8, resolve as resolve4 } from "path";
 import { createHash as createHash3 } from "crypto";
@@ -3162,7 +3099,7 @@ import { injectScriptsIntoHtml, stripEmbeddedRuntimeScripts as stripEmbeddedRunt
 import { isWithinProjectRoot } from "@hyperframes/parsers/asset-resolution";
 
 // src/helpers/subComposition.ts
-import { existsSync as existsSync5, readFileSync as readFileSync6 } from "fs";
+import { existsSync as existsSync4, readFileSync as readFileSync5 } from "fs";
 import { join as join7 } from "path";
 import { parseHTML as parseHTML3 } from "linkedom";
 import {
@@ -3175,7 +3112,7 @@ function isFullHtmlDocument(html) {
   return /^\s*(?:<!doctype\s|<html[\s>])/i.test(html);
 }
 function rewriteRelativePaths(root, compPath, projectDir) {
-  const assetExists = (path) => existsSync5(join7(projectDir, path));
+  const assetExists = (path) => existsSync4(join7(projectDir, path));
   rewriteAssetPaths(
     root.querySelectorAll("[src], [href]"),
     compPath,
@@ -3273,8 +3210,8 @@ function tagRootCompositionFile(bodyHtml, compPath) {
 }
 function buildSubCompositionHtml(projectDir, compPath, runtimeUrl, baseHref, rawOverride) {
   const compFile = join7(projectDir, compPath);
-  if (!existsSync5(compFile)) return null;
-  const rawComp = rawOverride ?? readFileSync6(compFile, "utf-8");
+  if (!existsSync4(compFile)) return null;
+  const rawComp = rawOverride ?? readFileSync5(compFile, "utf-8");
   let compHeadContent = "";
   let rewrittenContent;
   let htmlAttrs = "";
@@ -3306,8 +3243,8 @@ function buildSubCompositionHtml(projectDir, compPath, runtimeUrl, baseHref, raw
   rewrittenContent = tagRootCompositionFile(rewrittenContent, compPath);
   const indexPath = join7(projectDir, "index.html");
   let headContent = "";
-  if (existsSync5(indexPath)) {
-    const indexHtml = readFileSync6(indexPath, "utf-8");
+  if (existsSync4(indexPath)) {
+    const indexHtml = readFileSync5(indexPath, "utf-8");
     const headMatch = indexHtml.match(/<head[^>]*>([\s\S]*?)<\/head>/i);
     headContent = headMatch?.[1] ?? "";
   }
@@ -3351,7 +3288,7 @@ import {
   fstatSync,
   ftruncateSync as ftruncateSync2,
   openSync as openSync2,
-  readFileSync as readFileSync7,
+  readFileSync as readFileSync6,
   writeFileSync as writeFileSync5,
   writeSync as writeSync2
 } from "fs";
@@ -3361,7 +3298,7 @@ function persistHfIdsIfNeeded(filePath, html) {
   const idsAfter = (normalized.match(/\bdata-hf-id=/g) ?? []).length;
   if (idsAfter > idsBefore) {
     try {
-      const current = readFileSync7(filePath, "utf-8");
+      const current = readFileSync6(filePath, "utf-8");
       if (current === html) {
         writeFileSync5(filePath, normalized, "utf-8");
       }
@@ -3389,7 +3326,7 @@ function stampFileHfIds(filePath) {
   if (fd === null) return null;
   try {
     if (!fstatSync(fd).isFile()) return null;
-    const html = readFileSync7(fd, "utf-8");
+    const html = readFileSync6(fd, "utf-8");
     const normalized = ensureHfIds(html);
     const idsBefore = (html.match(/\bdata-hf-id=/g) ?? []).length;
     const idsAfter = (normalized.match(/\bdata-hf-id=/g) ?? []).length;
@@ -3449,9 +3386,9 @@ ${html}`;
 }
 function readStudioMotionManifestContent(projectDir) {
   const manifestPath = join8(projectDir, STUDIO_MOTION_PATH);
-  if (!existsSync6(manifestPath)) return "";
+  if (!existsSync5(manifestPath)) return "";
   try {
-    return readFileSync8(manifestPath, "utf-8");
+    return readFileSync7(manifestPath, "utf-8");
   } catch {
     return "";
   }
@@ -3595,16 +3532,16 @@ async function transformPreviewHtml(html, adapter, project, activeCompositionPat
 }
 function resolveProjectMainHtml(projectDir, projectId) {
   const indexPath = join8(projectDir, "index.html");
-  if (existsSync6(indexPath)) {
+  if (existsSync5(indexPath)) {
     return {
-      html: readFileSync8(indexPath, "utf-8"),
+      html: readFileSync7(indexPath, "utf-8"),
       compositionPath: "index.html"
     };
   }
   const blockHtmlPath = join8(projectDir, `${projectId}.html`);
-  if (existsSync6(blockHtmlPath)) {
+  if (existsSync5(blockHtmlPath)) {
     return {
-      html: readFileSync8(blockHtmlPath, "utf-8"),
+      html: readFileSync7(blockHtmlPath, "utf-8"),
       compositionPath: `${projectId}.html`
     };
   }
@@ -3709,7 +3646,7 @@ ${runtimeTag}`;
       c.req.path.replace(`/projects/${project.id}/preview/comp/`, "").split("?")[0] ?? ""
     );
     const compFile = resolveWithinProject(project.dir, compPath);
-    if (!compFile || !existsSync6(compFile) || !statSync3(compFile).isFile()) {
+    if (!compFile || !existsSync5(compFile) || !statSync3(compFile).isFile()) {
       return c.text("not found", 404);
     }
     const compPathHash = createHash3("sha1").update(compPath).digest("hex");
@@ -3749,7 +3686,7 @@ ${runtimeTag}`;
     if (!file) {
       return c.text("not found", 404);
     }
-    const stat = existsSync6(file) ? statSync3(file) : null;
+    const stat = existsSync5(file) ? statSync3(file) : null;
     if (!stat?.isFile()) {
       return c.text("not found", 404);
     }
@@ -3798,7 +3735,7 @@ ${runtimeTag}`;
       }
       servedContentType = PROXY_VARIANT_CONFIG[proxyVariant].contentType;
     }
-    const textBuffer = isText ? Buffer.from(readFileSync8(file, "utf-8"), "utf-8") : null;
+    const textBuffer = isText ? Buffer.from(readFileSync7(file, "utf-8"), "utf-8") : null;
     const totalSize = textBuffer ? textBuffer.length : statSync3(servedPath).size;
     const bodyFor = (start, end) => textBuffer ? new Uint8Array(textBuffer.subarray(start, end + 1)) : (
       // Node's web stream type and the DOM one do not overlap for tsc on
@@ -3842,7 +3779,7 @@ ${runtimeTag}`;
 }
 
 // src/routes/lint.ts
-import { readFileSync as readFileSync9 } from "fs";
+import { readFileSync as readFileSync8 } from "fs";
 import { join as join9 } from "path";
 async function collectProjectFindings(adapter, projectDir) {
   const findings = [];
@@ -3861,7 +3798,7 @@ async function lintUncoveredHtml(adapter, projectDir, htmlFiles, coveredFiles) {
   const findings = [];
   for (const file of htmlFiles) {
     if (coveredFiles.has(file)) continue;
-    const content = readFileSync9(join9(projectDir, file), "utf-8");
+    const content = readFileSync8(join9(projectDir, file), "utf-8");
     const result = await adapter.lint(content, { filePath: file, isSubComposition: true });
     for (const finding of result?.findings ?? []) {
       findings.push({ ...finding, file });
@@ -3894,7 +3831,7 @@ function registerLintRoutes(api, adapter) {
 
 // src/routes/render.ts
 import { streamSSE } from "hono/streaming";
-import { existsSync as existsSync7, readFileSync as readFileSync10, mkdirSync as mkdirSync4, unlinkSync as unlinkSync3, readdirSync as readdirSync5, statSync as statSync4 } from "fs";
+import { existsSync as existsSync6, readFileSync as readFileSync9, mkdirSync as mkdirSync4, unlinkSync as unlinkSync3, readdirSync as readdirSync5, statSync as statSync4 } from "fs";
 import { join as join10 } from "path";
 import { VALID_CANVAS_RESOLUTIONS } from "@hyperframes/parsers";
 import { formatRenderOutputTimestamp, parseFps } from "@hyperframes/core";
@@ -3961,7 +3898,7 @@ function registerRenderRoutes(api, adapter) {
     const now = /* @__PURE__ */ new Date();
     const jobId = `${project.id}_${formatRenderOutputTimestamp(now)}`;
     const rendersDir = adapter.rendersDir(project);
-    if (!existsSync7(rendersDir)) mkdirSync4(rendersDir, { recursive: true });
+    if (!existsSync6(rendersDir)) mkdirSync4(rendersDir, { recursive: true });
     const ext = FORMAT_EXT[format] ?? ".mp4";
     const outputPath = join10(rendersDir, `${jobId}${ext}`);
     const jobState = adapter.startRender({
@@ -4027,12 +3964,12 @@ function registerRenderRoutes(api, adapter) {
   api.get("/render/:jobId/view", (c) => {
     const { jobId } = c.req.param();
     const job = renderJobs.get(jobId);
-    if (!job?.outputPath || !existsSync7(job.outputPath)) {
+    if (!job?.outputPath || !existsSync6(job.outputPath)) {
       return c.json({ error: "not found" }, 404);
     }
     const contentType = renderContentType(job.outputPath);
     const filename = job.outputPath.split("/").pop() ?? `render.mp4`;
-    const content = readFileSync10(job.outputPath);
+    const content = readFileSync9(job.outputPath);
     return new Response(content, {
       headers: {
         "Content-Type": contentType,
@@ -4045,12 +3982,12 @@ function registerRenderRoutes(api, adapter) {
   api.get("/render/:jobId/download", (c) => {
     const { jobId } = c.req.param();
     const job = renderJobs.get(jobId);
-    if (!job?.outputPath || !existsSync7(job.outputPath)) {
+    if (!job?.outputPath || !existsSync6(job.outputPath)) {
       return c.json({ error: "not found" }, 404);
     }
     const contentType = renderContentType(job.outputPath);
     const filename = job.outputPath.split("/").pop() ?? `render.mp4`;
-    const content = readFileSync10(job.outputPath);
+    const content = readFileSync9(job.outputPath);
     return new Response(content, {
       headers: {
         "Content-Type": contentType,
@@ -4065,7 +4002,7 @@ function registerRenderRoutes(api, adapter) {
         const dir = state.outputPath.replace(/\/[^/]+$/, "");
         for (const ext of [".mp4", ".webm", ".mov", ".meta.json"]) {
           const fp = join10(dir, `${jobId}${ext}`);
-          if (existsSync7(fp)) unlinkSync3(fp);
+          if (existsSync6(fp)) unlinkSync3(fp);
         }
         break;
       }
@@ -4081,9 +4018,9 @@ function registerRenderRoutes(api, adapter) {
     const rendersDir = adapter.rendersDir(project);
     const fp = resolveWithinProject(rendersDir, filename);
     if (!fp) return c.json({ error: "forbidden" }, 403);
-    if (!existsSync7(fp)) return c.json({ error: "not found" }, 404);
+    if (!existsSync6(fp)) return c.json({ error: "not found" }, 404);
     const contentType = renderContentType(fp);
-    const content = readFileSync10(fp);
+    const content = readFileSync9(fp);
     return new Response(content, {
       headers: {
         "Content-Type": contentType,
@@ -4097,7 +4034,7 @@ function registerRenderRoutes(api, adapter) {
     const project = await adapter.resolveProject(c.req.param("id"));
     if (!project) return c.json({ error: "not found" }, 404);
     const rendersDir = adapter.rendersDir(project);
-    if (!existsSync7(rendersDir)) return c.json({ renders: [] });
+    if (!existsSync6(rendersDir)) return c.json({ renders: [] });
     const files = readdirSync5(rendersDir).filter((f) => f.endsWith(".mp4") || f.endsWith(".webm") || f.endsWith(".mov")).map((f) => {
       const fp = join10(rendersDir, f);
       const stat = statSync4(fp);
@@ -4105,10 +4042,10 @@ function registerRenderRoutes(api, adapter) {
       const metaPath = join10(rendersDir, `${rid}.meta.json`);
       let status = "complete";
       let durationMs;
-      if (existsSync7(metaPath)) {
+      if (existsSync6(metaPath)) {
         try {
-          const meta = JSON.parse(readFileSync10(metaPath, "utf-8"));
-          if (meta.status === "failed" && !existsSync7(fp)) status = "failed";
+          const meta = JSON.parse(readFileSync9(metaPath, "utf-8"));
+          if (meta.status === "failed" && !existsSync6(fp)) status = "failed";
           if (meta.durationMs) durationMs = meta.durationMs;
         } catch {
         }
@@ -4139,9 +4076,9 @@ function registerRenderRoutes(api, adapter) {
 
 // src/routes/thumbnail.ts
 import {
-  existsSync as existsSync8,
+  existsSync as existsSync7,
   mkdirSync as mkdirSync5,
-  readFileSync as readFileSync11,
+  readFileSync as readFileSync10,
   readdirSync as readdirSync6,
   renameSync as renameSync3,
   rmSync as rmSync4,
@@ -4259,12 +4196,11 @@ var thumbnailGenerationCoordinator = new ThumbnailGenerationCoordinator(1);
 var THUMBNAIL_CACHE_VERSION = "v4";
 var THUMBNAIL_MAX_OUTPUT_WIDTH = 240;
 var THUMBNAIL_MAX_OUTPUT_HEIGHT = 135;
-var STORYBOARD_MAX_OUTPUT_DIMENSION = 1080;
 var THUMBNAIL_CACHE_MAX_BYTES = 512 * 1024 * 1024;
 var THUMBNAIL_CACHE_MAX_AGE_MS = 14 * 24 * 60 * 60 * 1e3;
 var prunedCacheDirs = /* @__PURE__ */ new Set();
 function pruneThumbnailCache(cacheDir, protectedPaths, now = Date.now()) {
-  if (!existsSync8(cacheDir)) return;
+  if (!existsSync7(cacheDir)) return;
   const files = readdirSync6(cacheDir, { withFileTypes: true }).flatMap((entry) => {
     if (!entry.isFile()) return [];
     const path = join11(cacheDir, entry.name);
@@ -4325,7 +4261,7 @@ function registerThumbnailRoutes(api, adapter) {
     const format = url.searchParams.get("format") === "png" ? "png" : "jpeg";
     const contentType = format === "png" ? "image/png" : "image/jpeg";
     const requestedOutput = url.searchParams.get("output");
-    const outputMode = requestedOutput === "source" ? "source" : requestedOutput === "storyboard" ? "storyboard" : requestedOutput !== "preview" && format === "png" ? "source" : "preview";
+    const outputMode = requestedOutput === "source" || requestedOutput !== "preview" && format === "png" ? "source" : "preview";
     const rawSelectorIndex = Number.parseInt(url.searchParams.get("selectorIndex") || "0", 10);
     const selectorIndex = Number.isFinite(rawSelectorIndex) && rawSelectorIndex > 0 ? rawSelectorIndex : void 0;
     const urlVersion = url.searchParams.get("v") || "";
@@ -4334,8 +4270,8 @@ function registerThumbnailRoutes(api, adapter) {
     let sourceMtime = 0;
     let sourceKey = "";
     const htmlFile = join11(project.dir, compPath);
-    if (existsSync8(htmlFile)) {
-      const html = readFileSync11(htmlFile, "utf-8");
+    if (existsSync7(htmlFile)) {
+      const html = readFileSync10(htmlFile, "utf-8");
       sourceKey = `_${createHash4("sha1").update(html).digest("hex").slice(0, 16)}`;
       sourceMtime = Math.round(statSync5(htmlFile).mtimeMs);
       if (!vpWidth) {
@@ -4347,15 +4283,15 @@ function registerThumbnailRoutes(api, adapter) {
     }
     const manualEditsFile = join11(project.dir, STUDIO_MANUAL_EDITS_PATH);
     let manualEditsKey = "";
-    if (existsSync8(manualEditsFile)) {
-      const manualEditsContent = readFileSync11(manualEditsFile, "utf-8");
+    if (existsSync7(manualEditsFile)) {
+      const manualEditsContent = readFileSync10(manualEditsFile, "utf-8");
       manualEditsKey = `_${createHash4("sha1").update(manualEditsContent).digest("hex").slice(0, 16)}`;
       sourceMtime = Math.max(sourceMtime, Math.round(statSync5(manualEditsFile).mtimeMs));
     }
     const motionFile = join11(project.dir, STUDIO_MOTION_PATH);
     let motionKey = "";
-    if (existsSync8(motionFile)) {
-      const motionContent = readFileSync11(motionFile, "utf-8");
+    if (existsSync7(motionFile)) {
+      const motionContent = readFileSync10(motionFile, "utf-8");
       motionKey = `_${createHash4("sha1").update(motionContent).digest("hex").slice(0, 16)}`;
       sourceMtime = Math.max(sourceMtime, Math.round(statSync5(motionFile).mtimeMs));
     }
@@ -4364,11 +4300,7 @@ function registerThumbnailRoutes(api, adapter) {
     const selectorKey = selector ? `_${selector.replace(/[^a-zA-Z0-9_-]+/g, "_").slice(0, 80)}_${selectorIndex ?? 0}` : "";
     const urlVersionKey = urlVersion ? `_${urlVersion.replace(/[^a-zA-Z0-9_-]+/g, "_").slice(0, 32)}` : "";
     const projectSignatureKey = `_${createHash4("sha1").update(projectSignature).digest("hex").slice(0, 16)}`;
-    const outputScale = outputMode === "source" ? 1 : outputMode === "storyboard" ? Math.min(
-      1,
-      STORYBOARD_MAX_OUTPUT_DIMENSION / compW,
-      STORYBOARD_MAX_OUTPUT_DIMENSION / compH
-    ) : Math.min(1, THUMBNAIL_MAX_OUTPUT_WIDTH / compW, THUMBNAIL_MAX_OUTPUT_HEIGHT / compH);
+    const outputScale = outputMode === "source" ? 1 : Math.min(1, THUMBNAIL_MAX_OUTPUT_WIDTH / compW, THUMBNAIL_MAX_OUTPUT_HEIGHT / compH);
     const outputWidth = Math.max(1, Math.round(compW * outputScale));
     const outputHeight = Math.max(1, Math.round(compH * outputScale));
     const cacheKey = `${THUMBNAIL_CACHE_VERSION}${urlVersionKey}${projectSignatureKey}${manualEditsKey}${motionKey}${sourceKey}_${format}_${outputMode}_${compPath.replace(/\//g, "_")}_${compW}x${compH}_${outputWidth}x${outputHeight}_${sourceMtime}_${seekTime.toFixed(2)}${selectorKey}.${format === "png" ? "png" : "jpg"}`;
@@ -4380,8 +4312,8 @@ function registerThumbnailRoutes(api, adapter) {
         /* @__PURE__ */ new Set([...thumbnailGenerationCoordinator.protectedKeys(), cachePath])
       );
     }
-    if (existsSync8(cachePath)) {
-      return new Response(new Uint8Array(readFileSync11(cachePath)), {
+    if (existsSync7(cachePath)) {
+      return new Response(new Uint8Array(readFileSync10(cachePath)), {
         headers: { "Content-Type": contentType, "Cache-Control": "no-cache" }
       });
     }
@@ -4410,7 +4342,7 @@ function registerThumbnailRoutes(api, adapter) {
           if (!afterGeneration || afterGeneration.project.dir !== project.dir || afterGeneration.signature !== projectSignature || freshSignature !== projectSignature) {
             return generated;
           }
-          if (!existsSync8(cacheDir)) mkdirSync5(cacheDir, { recursive: true });
+          if (!existsSync7(cacheDir)) mkdirSync5(cacheDir, { recursive: true });
           writeThumbnailAtomically(cachePath, generated);
           return generated;
         }
@@ -4436,7 +4368,7 @@ function registerThumbnailRoutes(api, adapter) {
 }
 
 // src/routes/waveform.ts
-import { existsSync as existsSync9, readFileSync as readFileSync12, statSync as statSync6 } from "fs";
+import { existsSync as existsSync8, readFileSync as readFileSync11, statSync as statSync6 } from "fs";
 import { join as join12 } from "path";
 function registerWaveformRoutes(api, adapter) {
   api.get("/projects/:id/waveform/*", async (c) => {
@@ -4451,8 +4383,8 @@ function registerWaveformRoutes(api, adapter) {
     const cacheDir = join12(project.dir, ".waveform-cache");
     const cachePath = join12(cacheDir, buildWaveformCacheKey(assetPath, stats));
     try {
-      if (isWaveformCacheDirectory(cacheDir) && existsSync9(cachePath)) {
-        const peaks2 = JSON.parse(readFileSync12(cachePath, "utf-8"));
+      if (isWaveformCacheDirectory(cacheDir) && existsSync8(cachePath)) {
+        const peaks2 = JSON.parse(readFileSync11(cachePath, "utf-8"));
         return c.json({ peaks: peaks2 });
       }
     } catch {
@@ -4735,7 +4667,7 @@ function registerSelectionRoutes(api, adapter) {
 
 // src/routes/media.ts
 import { streamSSE as streamSSE2 } from "hono/streaming";
-import { existsSync as existsSync10, mkdirSync as mkdirSync6 } from "fs";
+import { existsSync as existsSync9, mkdirSync as mkdirSync6 } from "fs";
 import { basename as basename2, dirname as dirname4, extname as extname2, join as join13 } from "path";
 var VIDEO_EXTENSIONS = /* @__PURE__ */ new Set([
   ".mp4",
@@ -4773,7 +4705,7 @@ function uniqueAssetPath(projectDir, assetPath) {
   const ext = extname2(assetPath);
   const withoutExt = assetPath.slice(0, -ext.length);
   let candidate = assetPath;
-  for (let index = 2; existsSync10(join13(projectDir, candidate)); index++) {
+  for (let index = 2; existsSync9(join13(projectDir, candidate)); index++) {
     candidate = `${withoutExt}-${index}${ext}`;
   }
   return candidate;
@@ -4824,7 +4756,7 @@ function registerMediaRoutes(api, adapter, options = {}) {
     }
     const filePath = resolveWithinProject(project.dir, assetPath);
     if (!filePath) return c.json({ error: "forbidden" }, 403);
-    if (!existsSync10(filePath)) return c.json({ error: "media not found" }, 404);
+    if (!existsSync9(filePath)) return c.json({ error: "media not found" }, 404);
     return c.json({ path: assetPath, metadata: await readMediaMetadata(filePath) });
   });
   api.post(
@@ -4846,7 +4778,7 @@ function registerMediaRoutes(api, adapter, options = {}) {
       }
       const inputPath = resolveWithinProject(project.dir, inputAssetPath);
       if (!inputPath) return c.json({ error: "forbidden" }, 403);
-      if (!existsSync10(inputPath)) return c.json({ error: "input media not found" }, 404);
+      if (!existsSync9(inputPath)) return c.json({ error: "input media not found" }, 404);
       const inputIsVideo = isVideoPath(inputAssetPath);
       const inputIsImage = isImagePath(inputAssetPath);
       if (!inputIsVideo && !inputIsImage) {
@@ -4938,14 +4870,14 @@ function registerMediaRoutes(api, adapter, options = {}) {
 }
 
 // src/routes/globalAssets.ts
-import { existsSync as existsSync11, readFileSync as readFileSync13 } from "fs";
+import { existsSync as existsSync10, readFileSync as readFileSync12 } from "fs";
 import { homedir } from "os";
 import { join as join14 } from "path";
 function readGlobalAssets(home = homedir()) {
   const manifestPath = join14(home, ".media", "manifest.jsonl");
-  if (!existsSync11(manifestPath)) return [];
+  if (!existsSync10(manifestPath)) return [];
   const out = [];
-  for (const line of readFileSync13(manifestPath, "utf8").split("\n")) {
+  for (const line of readFileSync12(manifestPath, "utf8").split("\n")) {
     if (!line.trim()) continue;
     try {
       const rec = JSON.parse(line);
@@ -4966,7 +4898,6 @@ function registerGlobalAssetRoutes(api) {
 function createStudioApi(adapter) {
   const api = new Hono();
   registerProjectRoutes(api, adapter);
-  registerStoryboardRoutes(api, adapter);
   registerFileRoutes(api, adapter);
   registerPreviewRoutes(api, adapter);
   registerLintRoutes(api, adapter);