From 27676ac9ffbf2b39620ce570a785869d82342bd1 Mon Sep 17 00:00:00 2001
From: Yu-ga <74749461+yuga-hashimoto@users.noreply.github.com>
Date: Thu, 25 Jun 2026 20:02:08 +0900
Subject: [PATCH 1/4] feat: add end-to-end Video Studio automation

---
 .gitignore                                 |   1 +
 docs/video-studio/oss-research.md          |  82 +++
 package.json                               |   1 +
 packages/dashboard/src/index.ts            |  46 +-
 packages/gateway/src/tools/index.ts        |   2 +
 packages/gateway/src/tools/video-studio.ts | 629 +++++++++++++++++++++
 packages/mcp/src/http-server.ts            |  26 +
 packages/shared/src/tool-profiles.ts       |  20 +
 scripts/video-studio-e2e.ts                |  83 +++
 tests/video-studio.test.ts                 | 149 +++++
 10 files changed, 1038 insertions(+), 1 deletion(-)
 create mode 100644 docs/video-studio/oss-research.md
 create mode 100644 packages/gateway/src/tools/video-studio.ts
 create mode 100644 scripts/video-studio-e2e.ts
 create mode 100644 tests/video-studio.test.ts

diff --git a/.gitignore b/.gitignore
index a278c33..b8519d8 100644
--- a/.gitignore
+++ b/.gitignore
@@ -6,4 +6,5 @@ examples/skills/*/dist/
 coverage/
 *.log
 .tmp-tests/
+.tmp-video-studio-e2e/
 .commandcode/
diff --git a/docs/video-studio/oss-research.md b/docs/video-studio/oss-research.md
new file mode 100644
index 0000000..b2df8c4
--- /dev/null
+++ b/docs/video-studio/oss-research.md
@@ -0,0 +1,82 @@
+# OSS Research
+
+## Compared projects
+
+- name: Remotion
+- url: https://github.com/remotion-dev/remotion and https://www.remotion.dev/docs/
+- stars if available: about 51.2k on GitHub when checked on 2026-06-25
+- last activity if available: latest release v4.0.482 on 2026-06-22 when checked
+- license: custom Remotion license, with company-license requirements in some cases
+- stack: TypeScript, React, browser rendering, programmatic composition
+- useful ideas: composition objects, props-driven rendering, preview/render separation, reusable templates
+- risks: too heavy for the first LocalAnt implementation and license constraints make direct dependency undesirable
+
+- name: MoviePy
+- url: https://github.com/Zulko/moviepy and https://zulko.github.io/moviepy/
+- stars if available: GitHub project is a widely used Python video editing library
+- last activity if available: active public repository when checked
+- license: MIT
+- stack: Python, FFmpeg-backed clip composition
+- useful ideas: timeline-style clip composition, audio/video/text overlay separation, cross-platform fallback
+- risks: adds Python runtime dependency and package installation surface to LocalAnt
+
+- name: WhisperX
+- url: https://github.com/m-bain/whisperX
+- stars if available: public GitHub project
+- last activity if available: active public repository when checked
+- license: BSD-style license in repository
+- stack: Python, Whisper, alignment models
+- useful ideas: word-level timestamp structure, future speech-to-caption alignment, diarization-ready JSON
+- risks: large ML/runtime dependencies; not suitable as required default
+
+- name: FFmpeg
+- url: https://ffmpeg.org/
+- stars if available: not applicable
+- last activity if available: active upstream project
+- license: LGPL/GPL depending on build options
+- stack: native CLI
+- useful ideas: final render, audio muxing, ASS subtitle burn-in, thumbnail extraction, ffprobe validation
+- risks: local install required; codec/filter availability varies by build
+
+- name: Aegisub / ASS subtitle design
+- url: https://github.com/TypesettingTools/Aegisub
+- stars if available: public GitHub project
+- last activity if available: active public repository when checked
+- license: BSD-style license in repository
+- stack: C++, ASS subtitle editor
+- useful ideas: style/timing separation, safe area, outline/shadow readability, karaoke-style future extension
+- risks: editor code is not needed; LocalAnt should emit ASS directly
+
+- name: OpenShorts
+- url: https://github.com/mutonby/openshorts
+- stars if available: GitHub badge present; exact count can drift
+- last activity if available: active enough to have current docs/site when checked
+- license: MIT
+- stack: self-hosted Docker app, short-video workflows
+- useful ideas: clip generation, AI shorts, YouTube Studio style workflow grouping
+- risks: full platform scope is larger than LocalAnt's first pass
+
+- name: gyoridavid/short-video-maker
+- url: https://github.com/gyoridavid/short-video-maker
+- stars if available: public GitHub project
+- last activity if available: active public repository when checked
+- license: repository license should be checked before copying any code
+- stack: MCP/REST, Kokoro TTS, Whisper, Pexels, Remotion
+- useful ideas: text to TTS to captions to Remotion render pipeline, MCP-compatible public surface
+- risks: Pexels/API-backed media search and ML dependencies are not acceptable as mandatory defaults here
+
+## Design decisions for LocalAnt
+
+- what to adopt: Remotion's scene/composition/props model, MoviePy's separation of clips/audio/overlays, WhisperX's word-timing JSON shape, FFmpeg as the required first renderer, ASS subtitles for readable Shorts/Reels captions, and a browser-upload-assist provider that stops before submit.
+- what not to adopt: paid external video generation APIs, cloud text-to-video APIs, mandatory Remotion dependency, mandatory Python/ML stack, API-only publishers as the default path, or any copied OSS source.
+- why: the product requirement is a free local fallback that can generate a real uploadable MP4 from ChatGPT/MCP. Optional paid or reviewed APIs can exist later, but they cannot be required for video generation.
+
+## Final architecture
+
+- renderer: `builtin-ffmpeg` first. It creates scene images, burns ASS captions, muxes local narration when available, extracts a thumbnail, and validates with ffprobe.
+- script generator: deterministic template generator that works without an LLM API.
+- asset generator: free local generated visuals. It writes per-scene PNGs using FFmpeg color/image generation when available, with SVG placeholders retained for inspection.
+- audio generator: free local narration. On macOS it uses `say`; otherwise FFmpeg silence is used when possible, with setup guidance only if neither local option works.
+- caption system: SRT, ASS, and `words.json` are generated from scene timings, with the JSON shaped for future WhisperX word alignment.
+- publisher system: browser upload assist and dry-run metadata first. Official APIs are readiness-checked but not required.
+- dashboard integration: dashboard routes call the same MCP tools so ChatGPT and the local UI share one implementation.
diff --git a/package.json b/package.json
index 74e3455..e35596d 100644
--- a/package.json
+++ b/package.json
@@ -38,6 +38,7 @@
     "test": "vitest run",
     "test:watch": "vitest",
     "test:coverage": "vitest run --coverage",
+    "video-studio:e2e": "tsx scripts/video-studio-e2e.ts",
     "validate": "pnpm build && pnpm test",
     "start": "node packages/cli/dist/bin.js start",
     "setup": "node packages/cli/dist/bin.js setup",
diff --git a/packages/dashboard/src/index.ts b/packages/dashboard/src/index.ts
index 684932b..ec4c102 100644
--- a/packages/dashboard/src/index.ts
+++ b/packages/dashboard/src/index.ts
@@ -96,7 +96,7 @@ export function dashboardHtml(token = ""): string {
   <main id="main"></main>
 </div>
 <script>
-const TABS = ["Home","Tools","Security","Approvals","Audit","Secrets","Autopilot","Settings"];
+const TABS = ["Home","Tools","Security","Approvals","Audit","Secrets","Autopilot","Video Studio","Settings"];
 let current = "Home";
 let toolSub = "tools";
 let pendingApprovals = 0;
@@ -650,6 +650,50 @@ const VIEWS = {
     });
   },
 
+  async "Video Studio"(m){
+    const [status, projectsData]=await Promise.all([api('video-studio/status'), api('video-studio/projects').catch(()=>({projects:[]}))]);
+    const projects=projectsData.projects||[];
+    m.innerHTML='<div class="card"><h2>Video Studio</h2>'
+      +'<p class="muted" style="margin-top:0">Renderer: <code>builtin-ffmpeg</code> · video generation: <code>'+esc(status.policy&&status.policy.videoGeneration||'free local generation only')+'</code></p>'
+      +'<div class="row" style="gap:8px;margin-bottom:12px"><span class="tag '+(status.renderer&&status.renderer.builtinFfmpeg?'risk0':'risk4')+'">ffmpeg '+(status.renderer&&status.renderer.builtinFfmpeg?'ready':'missing')+'</span><span class="tag '+(status.renderer&&status.renderer.ffprobe?'risk0':'risk2')+'">ffprobe '+(status.renderer&&status.renderer.ffprobe?'ready':'missing')+'</span><span class="tag '+(status.audio&&status.audio.macosSay?'risk0':'risk2')+'">macOS say '+(status.audio&&status.audio.macosSay?'ready':'fallback')+'</span></div>'
+      +'<div class="row" style="gap:12px;align-items:flex-end">'
+        +'<div class="field" style="flex:1;margin:0"><label>Topic</label><input id="vsTopic" value="LocalAntで動画制作を自動化する" /></div>'
+        +'<div class="field" style="width:150px;margin:0"><label>Duration</label><input id="vsDuration" type="number" value="18" min="6" max="180" /></div>'
+        +'<div class="field" style="width:150px;margin:0"><label>Language</label><select id="vsLang"><option value="ja">ja</option><option value="en">en</option></select></div>'
+        +'<button class="btn" id="vsCreate">Create project</button>'
+      +'</div>'
+      +'<pre id="vsOut" style="display:none"></pre></div>'
+      +'<div class="card"><h2>Projects</h2><table><thead><tr><th>Project</th><th>Targets</th><th>Updated</th><th></th></tr></thead><tbody id="vsProjects"></tbody></table></div>';
+
+    const out=document.getElementById('vsOut');
+    function show(o){ out.style.display='block'; out.textContent=JSON.stringify(o,null,2); }
+    document.getElementById('vsCreate').onclick=action(document.getElementById('vsCreate'),async()=>{
+      const topic=document.getElementById('vsTopic').value.trim();
+      const durationSeconds=parseInt(document.getElementById('vsDuration').value,10)||18;
+      const language=document.getElementById('vsLang').value;
+      const script=await api('video-studio/script',{method:'POST',headers:{'content-type':'application/json'},body:JSON.stringify({topic,durationSeconds,language,targetPlatform:'youtube'})});
+      const project=await api('video-studio/projects',{method:'POST',headers:{'content-type':'application/json'},body:JSON.stringify({title:script.title,description:script.description,script:script.script,scenes:script.scenes,hashtags:script.hashtags,durationSeconds,language,targetPlatforms:['youtube','tiktok','instagram']})});
+      show(project); toast('Project created'); render();
+    },'Creating');
+
+    const tb=document.getElementById('vsProjects');
+    if(!projects.length) tb.appendChild(el('<tr><td colspan=4 class="muted">No Video Studio projects yet.</td></tr>'));
+    projects.forEach(function(p){
+      const tr=el('<tr><td><b>'+esc(p.title)+'</b><br><code>'+esc(p.id)+'</code></td><td class="muted">'+esc((p.targetPlatforms||[]).join(', '))+'</td><td class="muted">'+esc((p.updatedAt||'').replace('T',' ').slice(0,19))+'</td><td></td></tr>');
+      const cell=tr.lastElementChild;
+      const gen=el('<button class="btn sm">Generate Video</button>');
+      gen.onclick=action(gen,async()=>{ const r=await api('video-studio/projects/'+encodeURIComponent(p.id)+'/generate',{method:'POST'}); show(r); toast('Video generated'); render(); },'Generating');
+      cell.appendChild(gen);
+      const review=el('<button class="btn ghost sm" style="margin-left:6px">Review</button>');
+      review.onclick=action(review,async()=>{ show(await api('video-studio/projects/'+encodeURIComponent(p.id)+'/review',{method:'POST'})); },'Reviewing');
+      cell.appendChild(review);
+      const prep=el('<button class="btn ghost sm" style="margin-left:6px">Prepare Publish</button>');
+      prep.onclick=action(prep,async()=>{ show(await api('video-studio/publish/prepare',{method:'POST',headers:{'content-type':'application/json'},body:JSON.stringify({projectId:p.id,platforms:['youtube','tiktok','instagram']})})); toast('Metadata written'); },'Preparing');
+      cell.appendChild(prep);
+      tb.appendChild(tr);
+    });
+  },
+
   async Settings(m){
     const [c, s]=await Promise.all([api('config'), api('status').catch(()=>({}))]);
     const sec=c.security||{};
diff --git a/packages/gateway/src/tools/index.ts b/packages/gateway/src/tools/index.ts
index fce255b..713eee6 100644
--- a/packages/gateway/src/tools/index.ts
+++ b/packages/gateway/src/tools/index.ts
@@ -21,6 +21,7 @@ import { registerAdapterTools } from "./adapters.js";
 import { registerAssetTools } from "./assets.js";
 import { registerLegacyCompatibilityTools } from "./legacy.js";
 import { registerAliasTools } from "./aliases.js";
+import { registerVideoStudioTools } from "./video-studio.js";
 
 /** Register every built-in tool family onto the gateway registry. */
 export function registerAllTools(gw: Gateway): void {
@@ -47,6 +48,7 @@ export function registerAllTools(gw: Gateway): void {
   registerBrowserTools(gw);
   registerAdapterTools(gw);
   registerAssetTools(gw);
+  registerVideoStudioTools(gw);
   // Legacy compatibility keeps older ChatGPT tool schemas callable while the
   // current advertised surface uses autopilot and the generic MCP bridge.
   registerLegacyCompatibilityTools(gw);
diff --git a/packages/gateway/src/tools/video-studio.ts b/packages/gateway/src/tools/video-studio.ts
new file mode 100644
index 0000000..57cc52f
--- /dev/null
+++ b/packages/gateway/src/tools/video-studio.ts
@@ -0,0 +1,629 @@
+import fs from "node:fs";
+import path from "node:path";
+import { execFile } from "node:child_process";
+import { promisify } from "node:util";
+import { z } from "zod";
+import type { Gateway } from "../gateway.js";
+
+const execFileAsync = promisify(execFile);
+
+const platforms = ["youtube", "tiktok", "instagram"] as const;
+const providers = ["browser", "upload-post", "youtube-official", "tiktok-direct", "instagram-graph", "custom-command"] as const;
+const secretNames = [
+  "OPENAI_API_KEY",
+  "ELEVENLABS_API_KEY",
+  "VOICEVOX_ENDPOINT",
+  "YOUTUBE_CLIENT_ID",
+  "YOUTUBE_CLIENT_SECRET",
+  "YOUTUBE_ACCESS_TOKEN",
+  "YOUTUBE_REFRESH_TOKEN",
+  "TIKTOK_CLIENT_KEY",
+  "TIKTOK_CLIENT_SECRET",
+  "TIKTOK_ACCESS_TOKEN",
+  "TIKTOK_REFRESH_TOKEN",
+  "INSTAGRAM_ACCESS_TOKEN",
+  "INSTAGRAM_USER_ID",
+  "META_APP_ID",
+  "META_APP_SECRET",
+  "UPLOAD_POST_API_KEY",
+] as const;
+
+type Platform = (typeof platforms)[number];
+type Provider = (typeof providers)[number];
+
+interface VideoScene {
+  id: string;
+  index: number;
+  title: string;
+  narration: string;
+  visualPrompt: string;
+  onScreenText: string;
+  durationSeconds: number;
+  assetPath?: string;
+  audioPath?: string;
+  captionStart?: number;
+  captionEnd?: number;
+}
+
+interface VideoProject {
+  id: string;
+  title: string;
+  description: string;
+  script: string;
+  language: "ja" | "en";
+  durationSeconds: number;
+  aspectRatio: "9:16" | "16:9" | "1:1";
+  targetPlatforms: Platform[];
+  scenes: VideoScene[];
+  hashtags: string[];
+  createdAt: string;
+  updatedAt: string;
+}
+
+interface CreateProjectInput {
+  title: string;
+  description: string;
+  script: string;
+  language: "ja" | "en";
+  durationSeconds: number;
+  aspectRatio: "9:16" | "16:9" | "1:1";
+  targetPlatforms: Platform[];
+  hashtags: string[];
+  scenes: z.output<typeof sceneInput>[];
+}
+
+const sceneInput = z.object({
+  id: z.string().optional(),
+  index: z.number().int().positive().optional(),
+  title: z.string().optional(),
+  narration: z.string().optional(),
+  visualPrompt: z.string().optional(),
+  onScreenText: z.string().optional(),
+  durationSeconds: z.number().positive().optional(),
+}).passthrough();
+
+const projectIdInput = z.object({ projectId: z.string().min(1) }).strip();
+const platformSchema = z.enum(platforms);
+const providerSchema = z.enum(providers);
+
+export function registerVideoStudioTools(gw: Gateway): void {
+  gw.registry.register({
+    name: "video_studio_status",
+    description: "Return Video Studio status, local renderer readiness, and secret presence without secret values.",
+    risk: 0,
+    inputSchema: z.object({}).strip(),
+    handler: async () => status(gw),
+  });
+  gw.registry.register({
+    name: "video_studio_configure",
+    description: "Configure Video Studio. Paid external video generation is not enabled by this tool.",
+    risk: 2,
+    inputSchema: z.object({ workspaceDir: z.string().optional(), renderer: z.enum(["builtin-ffmpeg", "remotion", "custom-command"]).optional() }).strip(),
+    summarize: () => "configure Video Studio",
+    auditInput: (i) => ({ ...i, secretValues: "not accepted" }),
+    handler: (i) => configure(gw, i),
+  });
+  gw.registry.register({
+    name: "video_studio_create_script",
+    description: "Create a Shorts/Reels script without an LLM API.",
+    risk: 2,
+    inputSchema: z.object({
+      topic: z.string().min(1),
+      targetPlatform: platformSchema.default("youtube"),
+      language: z.enum(["ja", "en"]).default("ja"),
+      durationSeconds: z.number().int().min(6).max(180).default(30),
+      tone: z.string().default("clear"),
+      audience: z.string().default("general creators"),
+    }).strip(),
+    summarize: (i) => `create video script: ${i.topic}`,
+    handler: (i) => createScript(i),
+  });
+  gw.registry.register({
+    name: "video_studio_create_project",
+    description: "Create a Video Studio project manifest, script, storyboard, directories, and run log.",
+    risk: 2,
+    inputSchema: z.object({
+      title: z.string().min(1),
+      description: z.string().default(""),
+      script: z.string().min(1),
+      language: z.enum(["ja", "en"]).default("ja"),
+      durationSeconds: z.number().int().min(1).max(3600).default(30),
+      aspectRatio: z.enum(["9:16", "16:9", "1:1"]).default("9:16"),
+      targetPlatforms: z.array(platformSchema).default(["youtube", "tiktok", "instagram"]),
+      hashtags: z.array(z.string()).default([]),
+      scenes: z.array(sceneInput).default([]),
+    }).strip(),
+    summarize: (i) => `create Video Studio project: ${i.title}`,
+    handler: (i) => createProject(gw, i),
+  });
+  gw.registry.register({
+    name: "video_studio_list_projects",
+    description: "List Video Studio projects.",
+    risk: 0,
+    inputSchema: z.object({ limit: z.number().int().min(1).max(500).default(100) }).strip(),
+    handler: (i) => listProjects(gw, i.limit),
+  });
+  gw.registry.register({ name: "video_studio_generate_assets", description: "Generate free local scene PNG assets.", risk: 3, inputSchema: projectIdInput, summarize: (i) => `generate Video Studio assets: ${i.projectId}`, handler: (i) => generateAssets(gw, i.projectId) });
+  gw.registry.register({ name: "video_studio_generate_audio", description: "Generate free local narration audio with macOS say or FFmpeg fallback.", risk: 3, inputSchema: projectIdInput, summarize: (i) => `generate Video Studio audio: ${i.projectId}`, handler: (i) => generateAudio(gw, i.projectId) });
+  gw.registry.register({ name: "video_studio_generate_captions", description: "Generate SRT, ASS, and word timing JSON captions.", risk: 3, inputSchema: projectIdInput, summarize: (i) => `generate Video Studio captions: ${i.projectId}`, handler: (i) => generateCaptions(gw, i.projectId) });
+  gw.registry.register({ name: "video_studio_render_video", description: "Render a local upload-ready MP4 with FFmpeg.", risk: 3, inputSchema: projectIdInput, summarize: (i) => `render Video Studio project: ${i.projectId}`, handler: (i) => renderVideo(gw, i.projectId) });
+  gw.registry.register({ name: "video_studio_generate_video", description: "Run assets, audio, captions, render, review, and publish_prepare in one local free pipeline.", risk: 3, inputSchema: projectIdInput, summarize: (i) => `generate Video Studio project: ${i.projectId}`, handler: async (i) => generateVideo(gw, i.projectId) });
+  gw.registry.register({ name: "video_studio_review_video", description: "Review rendered video with ffprobe where available.", risk: 0, inputSchema: projectIdInput, handler: (i) => reviewVideo(gw, i.projectId) });
+  gw.registry.register({
+    name: "video_studio_publish_prepare",
+    description: "Write platform metadata JSON files without network action.",
+    risk: 2,
+    inputSchema: projectIdInput.extend({ platforms: z.array(platformSchema).default(["youtube", "tiktok", "instagram"]) }).strip(),
+    summarize: (i) => `prepare Video Studio publish metadata: ${i.projectId}`,
+    handler: (i) => publishPrepare(gw, i.projectId, i.platforms),
+  });
+  gw.registry.register({
+    name: "video_studio_publish_video",
+    description: "Dry-run or prepare a browser/manual publish action. Risk 4 for real publishing.",
+    risk: 4,
+    inputSchema: projectIdInput.extend({
+      platform: platformSchema,
+      provider: providerSchema.default("browser"),
+      dryRun: z.boolean().default(true),
+      confirmBrowserPublish: z.boolean().default(false),
+      endpoint: z.string().url().optional(),
+    }).strip(),
+    summarize: (i) => `${i.dryRun ? "dry-run" : "prepare"} ${i.platform} publish`,
+    auditInput: (i) => ({ ...i, secretValues: "not accepted" }),
+    handler: (i) => publishVideo(gw, i),
+  });
+  gw.registry.register({ name: "video_studio_open_setup", description: "Return setup URL/instructions for Video Studio providers.", risk: 3, inputSchema: z.object({ platform: z.enum([...platforms, "generator", "upload-post"] as const) }).strip(), summarize: (i) => `open setup: ${i.platform}`, handler: (i) => openSetup(i.platform) });
+  gw.registry.register({ name: "video_studio_connect_account", description: "Return account connection guidance without bypassing login, CAPTCHA, or 2FA.", risk: 3, inputSchema: z.object({ platform: platformSchema, provider: providerSchema.default("browser") }).strip(), summarize: (i) => `connect ${i.platform}`, handler: (i) => connectAccount(i.platform, i.provider) });
+  gw.registry.register({ name: "video_studio_test_publisher", description: "Check publisher readiness without uploading.", risk: 1, inputSchema: z.object({ platform: platformSchema, provider: providerSchema.default("browser") }).strip(), handler: (i) => testPublisher(gw, i.platform, i.provider) });
+  gw.registry.register({
+    name: "browser_upload_file",
+    description: "Prepare a Playwright file-upload action for a LocalAnt Video Studio output file.",
+    risk: 3,
+    inputSchema: z.object({ selector: z.string().min(1), path: z.string().min(1), dryRun: z.boolean().default(true) }).strip(),
+    summarize: (i) => `upload file into ${i.selector}`,
+    handler: (i) => browserUploadFile(gw, i),
+  });
+}
+
+function videoRoot(gw: Gateway): string {
+  return path.join(gw.paths.root, "video-studio");
+}
+
+function projectsRoot(gw: Gateway): string {
+  return path.join(videoRoot(gw), "projects");
+}
+
+function projectDir(gw: Gateway, projectId: string): string {
+  if (!/^[a-z0-9-]+$/i.test(projectId)) throw new Error("Invalid projectId.");
+  return path.join(projectsRoot(gw), projectId);
+}
+
+function loadProject(gw: Gateway, projectId: string): { project: VideoProject; dir: string } {
+  const dir = projectDir(gw, projectId);
+  const file = path.join(dir, "manifest.json");
+  if (!fs.existsSync(file)) throw new Error(`Video Studio project not found: ${projectId}`);
+  return { project: JSON.parse(fs.readFileSync(file, "utf8")) as VideoProject, dir };
+}
+
+function saveProject(dir: string, project: VideoProject): void {
+  project.updatedAt = new Date().toISOString();
+  fs.writeFileSync(path.join(dir, "manifest.json"), JSON.stringify(project, null, 2));
+  fs.writeFileSync(path.join(dir, "storyboard.json"), JSON.stringify({ projectId: project.id, scenes: project.scenes }, null, 2));
+}
+
+function ensureProjectDirs(dir: string): void {
+  for (const rel of ["assets", "audio", "captions", "output", "render"]) fs.mkdirSync(path.join(dir, rel), { recursive: true });
+}
+
+function appendRun(dir: string, event: string, data: unknown): void {
+  fs.appendFileSync(path.join(dir, "runs.jsonl"), JSON.stringify({ time: new Date().toISOString(), event, data }) + "\n");
+}
+
+async function hasCommand(command: string): Promise<boolean> {
+  try {
+    await execFileAsync("which", [command]);
+    return true;
+  } catch {
+    return false;
+  }
+}
+
+async function status(gw: Gateway) {
+  const [ffmpeg, ffprobe, say] = await Promise.all([hasCommand("ffmpeg"), hasCommand("ffprobe"), hasCommand("say")]);
+  return {
+    ok: true,
+    root: videoRoot(gw),
+    renderer: { builtinFfmpeg: ffmpeg, ffprobe },
+    audio: { macosSay: say, ffmpegSilenceFallback: ffmpeg },
+    policy: {
+      videoGeneration: "free local generation only; paid external video generation APIs are not used",
+      defaultRenderer: "builtin-ffmpeg",
+      paidVideoApisEnabled: false,
+    },
+    secrets: secretNames.map((name) => ({ name, present: gw.vault.get(name) !== undefined })),
+  };
+}
+
+function configure(gw: Gateway, input: { workspaceDir?: string; renderer?: string }) {
+  fs.mkdirSync(videoRoot(gw), { recursive: true });
+  fs.writeFileSync(path.join(videoRoot(gw), "config.json"), JSON.stringify({ ...input, paidVideoApisEnabled: false }, null, 2));
+  return { ok: true, configPath: path.join(videoRoot(gw), "config.json"), paidVideoApisEnabled: false };
+}
+
+function createScript(input: { topic: string; targetPlatform: Platform; language: "ja" | "en"; durationSeconds: number; tone: string; audience: string }) {
+  const count = Math.max(2, Math.min(6, Math.round(input.durationSeconds / 6)));
+  const per = Math.max(2, Math.round(input.durationSeconds / count));
+  const title = input.language === "ja" ? `${input.topic}を60秒で理解する` : `Understand ${input.topic} in 60 seconds`;
+  const hooks = input.language === "ja"
+    ? [`最初に結論です。${input.topic}は、制作の手戻りを減らす仕組みです。`, `次に流れです。台本、素材、音声、字幕、動画を順番に作ります。`, `最後に確認です。投稿前にレビューして、必要ならブラウザでアップロードを補助します。`]
+    : [`Here is the point: ${input.topic} reduces production handoff work.`, `The flow is script, assets, audio, captions, and render.`, `Before publishing, review the result and use browser upload assist.`];
+  const scenes: VideoScene[] = Array.from({ length: count }, (_, idx) => {
+    const text = hooks[idx % hooks.length] ?? input.topic;
+    return {
+      id: `scene-${String(idx + 1).padStart(3, "0")}`,
+      index: idx + 1,
+      title: input.language === "ja" ? `シーン ${idx + 1}` : `Scene ${idx + 1}`,
+      narration: text,
+      visualPrompt: `${input.topic}, ${input.tone}, ${input.targetPlatform}, local video studio`,
+      onScreenText: text.length > 42 ? `${text.slice(0, 42)}...` : text,
+      durationSeconds: per,
+    };
+  });
+  const script = scenes.map((s) => `## ${s.title}\n${s.narration}`).join("\n\n");
+  return {
+    title,
+    description: input.language === "ja" ? `${input.topic}についてのショート動画です。` : `A short video about ${input.topic}.`,
+    script,
+    hashtags: input.language === "ja" ? ["#LocalAnt", "#動画制作", "#自動化"] : ["#LocalAnt", "#VideoAutomation", "#Shorts"],
+    scenes,
+  };
+}
+
+function createProject(gw: Gateway, input: CreateProjectInput) {
+  const id = `${Date.now().toString(36)}-${slug(input.title).slice(0, 28) || "video"}`;
+  const dir = projectDir(gw, id);
+  ensureProjectDirs(dir);
+  const now = new Date().toISOString();
+  const scenes = normalizeScenes(input.scenes, input.durationSeconds, input.script);
+  const project: VideoProject = {
+    id,
+    title: input.title,
+    description: input.description,
+    script: input.script,
+    language: input.language,
+    durationSeconds: input.durationSeconds,
+    aspectRatio: input.aspectRatio,
+    targetPlatforms: input.targetPlatforms,
+    scenes,
+    hashtags: input.hashtags,
+    createdAt: now,
+    updatedAt: now,
+  };
+  fs.writeFileSync(path.join(dir, "script.md"), input.script);
+  saveProject(dir, project);
+  appendRun(dir, "project.created", { id });
+  return { project, projectDir: dir };
+}
+
+function normalizeScenes(raw: z.output<typeof sceneInput>[], duration: number, script: string): VideoScene[] {
+  const fallback = script.split(/\n+/).filter(Boolean).slice(0, 3);
+  const source: Array<Partial<VideoScene>> = raw.length ? raw : fallback.map((line, idx) => ({ title: `Scene ${idx + 1}`, narration: line, onScreenText: line }));
+  const per = Math.max(1, Math.round(duration / Math.max(1, source.length)));
+  return source.map((s, idx) => ({
+    id: s.id ?? `scene-${String(idx + 1).padStart(3, "0")}`,
+    index: s.index ?? idx + 1,
+    title: s.title ?? `Scene ${idx + 1}`,
+    narration: s.narration ?? s.onScreenText ?? `Scene ${idx + 1}`,
+    visualPrompt: s.visualPrompt ?? s.title ?? `Scene ${idx + 1}`,
+    onScreenText: s.onScreenText ?? s.narration ?? s.title ?? `Scene ${idx + 1}`,
+    durationSeconds: s.durationSeconds ?? per,
+  }));
+}
+
+function listProjects(gw: Gateway, limit: number) {
+  const root = projectsRoot(gw);
+  if (!fs.existsSync(root)) return { projects: [] };
+  const projects = fs.readdirSync(root).flatMap((id) => {
+    const file = path.join(root, id, "manifest.json");
+    if (!fs.existsSync(file)) return [];
+    return [JSON.parse(fs.readFileSync(file, "utf8")) as VideoProject];
+  }).sort((a, b) => b.updatedAt.localeCompare(a.updatedAt)).slice(0, limit);
+  return { projects };
+}
+
+async function generateAssets(gw: Gateway, projectId: string) {
+  const { project, dir } = loadProject(gw, projectId);
+  const size = dimensions(project.aspectRatio);
+  const ffmpeg = await hasCommand("ffmpeg");
+  const assets = [];
+  for (const scene of project.scenes) {
+    const png = path.join(dir, "assets", `${scene.id}.png`);
+    const svg = path.join(dir, "assets", `${scene.id}.svg`);
+    fs.writeFileSync(svg, sceneSvg(scene, size.width, size.height));
+    if (ffmpeg) {
+      try {
+        await execFileAsync("ffmpeg", ["-y", "-i", svg, "-frames:v", "1", png]);
+      } catch {
+        const color = ["#15324a", "#20514f", "#5a3c2c", "#3b315d", "#315034"][(scene.index - 1) % 5];
+        await execFileAsync("ffmpeg", ["-y", "-f", "lavfi", "-i", `color=c=${color}:s=${size.width}x${size.height}:d=0.1`, "-frames:v", "1", png]);
+      }
+    } else {
+      fs.writeFileSync(png, "");
+    }
+    scene.assetPath = png;
+    assets.push({ sceneId: scene.id, path: png, svgPath: svg });
+  }
+  saveProject(dir, project);
+  appendRun(dir, "assets.generated", { count: assets.length, freeLocal: true });
+  return { ok: true, assets };
+}
+
+async function generateAudio(gw: Gateway, projectId: string) {
+  const { project, dir } = loadProject(gw, projectId);
+  const ffmpeg = await hasCommand("ffmpeg");
+  const say = process.platform === "darwin" && await hasCommand("say");
+  if (!ffmpeg && !say) return { ok: false, setupRequired: true, reason: "Install ffmpeg or use macOS say to generate local free audio." };
+  const listFile = path.join(dir, "audio", "concat.txt");
+  const list: string[] = [];
+  for (const scene of project.scenes) {
+    const wav = path.join(dir, "audio", `${scene.id}.wav`);
+    if (say && ffmpeg) {
+      const aiff = path.join(dir, "audio", `${scene.id}.aiff`);
+      await execFileAsync("say", ["-v", project.language === "ja" ? "Kyoko" : "Samantha", "-o", aiff, scene.narration]);
+      await execFileAsync("ffmpeg", ["-y", "-i", aiff, "-ar", "44100", "-ac", "2", wav]);
+    } else if (ffmpeg) {
+      await execFileAsync("ffmpeg", ["-y", "-f", "lavfi", "-i", "anullsrc=r=44100:cl=stereo", "-t", String(scene.durationSeconds), wav]);
+    }
+    scene.audioPath = wav;
+    list.push(`file '${wav.replace(/'/g, "'\\''")}'`);
+  }
+  fs.writeFileSync(listFile, list.join("\n"));
+  const narration = path.join(dir, "audio", "narration.wav");
+  if (ffmpeg) {
+    const rawNarration = path.join(dir, "audio", "narration-raw.wav");
+    await execFileAsync("ffmpeg", ["-y", "-f", "concat", "-safe", "0", "-i", listFile, "-c", "copy", rawNarration]);
+    await execFileAsync("ffmpeg", ["-y", "-i", rawNarration, "-af", "apad", "-t", String(project.durationSeconds), narration]);
+  }
+  saveProject(dir, project);
+  appendRun(dir, "audio.generated", { narration, engine: say ? "macos-say" : "ffmpeg-silence", freeLocal: true });
+  return { ok: true, engine: say ? "macos-say" : "ffmpeg-silence", narrationPath: narration, setupRequired: false };
+}
+
+async function generateCaptions(gw: Gateway, projectId: string) {
+  const { project, dir } = loadProject(gw, projectId);
+  let cursor = 0;
+  const srt: string[] = [];
+  const assEvents: string[] = [];
+  const words: unknown[] = [];
+  for (const scene of project.scenes) {
+    const start = cursor;
+    const end = cursor + scene.durationSeconds;
+    scene.captionStart = start;
+    scene.captionEnd = end;
+    srt.push(String(scene.index), `${srtTime(start)} --> ${srtTime(end)}`, scene.onScreenText, "");
+    assEvents.push(`Dialogue: 0,${assTime(start)},${assTime(end)},Default,,0,0,0,,${assEscape(scene.onScreenText)}`);
+    const chunks = scene.narration.split(/\s+/).filter(Boolean);
+    const step = scene.durationSeconds / Math.max(1, chunks.length);
+    chunks.forEach((word, idx) => words.push({ word, start: start + idx * step, end: start + (idx + 1) * step, sceneId: scene.id }));
+    cursor = end;
+  }
+  const srtPath = path.join(dir, "captions", "output.srt");
+  const assPath = path.join(dir, "captions", "output.ass");
+  const wordsPath = path.join(dir, "captions", "words.json");
+  fs.writeFileSync(srtPath, srt.join("\n"));
+  fs.writeFileSync(assPath, ass(project, assEvents));
+  fs.writeFileSync(wordsPath, JSON.stringify({ projectId, words }, null, 2));
+  saveProject(dir, project);
+  appendRun(dir, "captions.generated", { srtPath, assPath, wordsPath });
+  return { ok: true, srtPath, assPath, wordsPath };
+}
+
+async function renderVideo(gw: Gateway, projectId: string) {
+  const { project, dir } = loadProject(gw, projectId);
+  if (!await hasCommand("ffmpeg")) return { ok: false, setupRequired: true, reason: "ffmpeg is required for local free rendering." };
+  if (!fs.existsSync(path.join(dir, "captions", "output.ass"))) await generateCaptions(gw, projectId);
+  if (!project.scenes.every((s) => s.assetPath && fs.existsSync(s.assetPath))) await generateAssets(gw, projectId);
+  const clips: string[] = [];
+  for (const scene of project.scenes) {
+    const clip = path.join(dir, "render", `${scene.id}.mp4`);
+    await execFileAsync("ffmpeg", ["-y", "-loop", "1", "-t", String(scene.durationSeconds), "-i", scene.assetPath!, "-vf", `scale=${dimensions(project.aspectRatio).width}:${dimensions(project.aspectRatio).height},format=yuv420p`, "-r", "30", "-an", clip]);
+    clips.push(clip);
+  }
+  const concat = path.join(dir, "render", "concat.txt");
+  fs.writeFileSync(concat, clips.map((c) => `file '${c.replace(/'/g, "'\\''")}'`).join("\n"));
+  const videoNoAudio = path.join(dir, "render", "video-no-audio.mp4");
+  await execFileAsync("ffmpeg", ["-y", "-f", "concat", "-safe", "0", "-i", concat, "-c", "copy", videoNoAudio]);
+  const outputPath = path.join(dir, "output", "output.mp4");
+  const thumb = path.join(dir, "output", "thumbnail.jpg");
+  const audio = path.join(dir, "audio", "narration.wav");
+  const vf = `drawbox=x=0:y=0:w=iw*t/${project.durationSeconds}:h=8:color=0x39ff88@0.9:t=fill`;
+  const args = fs.existsSync(audio)
+    ? ["-y", "-i", videoNoAudio, "-i", audio, "-vf", vf, "-c:v", "libx264", "-pix_fmt", "yuv420p", "-c:a", "aac", outputPath]
+    : ["-y", "-i", videoNoAudio, "-vf", vf, "-c:v", "libx264", "-pix_fmt", "yuv420p", outputPath];
+  await execFileAsync("ffmpeg", args);
+  await execFileAsync("ffmpeg", ["-y", "-i", outputPath, "-frames:v", "1", thumb]);
+  const plan = {
+    projectId,
+    ...dimensions(project.aspectRatio),
+    fps: 30,
+    scenes: project.scenes,
+    audio: { path: fs.existsSync(audio) ? audio : null },
+    captions: { srtPath: path.join(dir, "captions", "output.srt"), assPath: path.join(dir, "captions", "output.ass"), burnIn: "scene-image-text" },
+    outputPath,
+    thumbnailPath: thumb,
+  };
+  const renderPlanPath = path.join(dir, "render", "render-plan.json");
+  fs.writeFileSync(renderPlanPath, JSON.stringify(plan, null, 2));
+  fs.writeFileSync(path.join(dir, "render", "ffmpeg-command.txt"), `ffmpeg ${args.map((a) => JSON.stringify(a)).join(" ")}`);
+  appendRun(dir, "video.rendered", { outputPath, thumbnailPath: thumb });
+  return { ok: true, outputPath, thumbnailPath: thumb, renderPlanPath, ffmpegCommandPath: path.join(dir, "render", "ffmpeg-command.txt") };
+}
+
+async function reviewVideo(gw: Gateway, projectId: string) {
+  const { project, dir } = loadProject(gw, projectId);
+  const outputPath = path.join(dir, "output", "output.mp4");
+  const thumbnailPath = path.join(dir, "output", "thumbnail.jpg");
+  const captionsPath = path.join(dir, "captions", "output.srt");
+  const assPath = path.join(dir, "captions", "output.ass");
+  const renderPlanPath = path.join(dir, "render", "render-plan.json");
+  const base = { outputPath, thumbnailPath, captionsPath, assPath, storyboardPath: path.join(dir, "storyboard.json"), renderPlanPath };
+  if (!fs.existsSync(outputPath)) return { ok: false, ...base, durationSeconds: 0, width: 0, height: 0, hasVideo: false, hasAudio: false, warnings: ["output.mp4 does not exist"] };
+  if (!await hasCommand("ffprobe")) return { ok: true, ...base, durationSeconds: project.durationSeconds, ...dimensions(project.aspectRatio), hasVideo: true, hasAudio: fs.existsSync(path.join(dir, "audio", "narration.wav")), warnings: ["ffprobe not available"] };
+  const { stdout } = await execFileAsync("ffprobe", ["-v", "error", "-show_entries", "stream=codec_type,width,height:format=duration", "-of", "json", outputPath]);
+  const probe = JSON.parse(stdout);
+  const video = (probe.streams ?? []).find((s: any) => s.codec_type === "video");
+  const hasAudio = (probe.streams ?? []).some((s: any) => s.codec_type === "audio");
+  const durationSeconds = Number(probe.format?.duration ?? 0);
+  const warnings = [];
+  if (Math.abs(durationSeconds - project.durationSeconds) > 3) warnings.push("duration differs from project duration");
+  return { ok: Boolean(video), ...base, durationSeconds, width: video?.width ?? 0, height: video?.height ?? 0, hasVideo: Boolean(video), hasAudio, warnings };
+}
+
+async function generateVideo(gw: Gateway, projectId: string) {
+  const assets = await generateAssets(gw, projectId);
+  const audio = await generateAudio(gw, projectId);
+  const captions = await generateCaptions(gw, projectId);
+  const render = await renderVideo(gw, projectId);
+  const review = await reviewVideo(gw, projectId);
+  const publish = await publishPrepare(gw, projectId, ["youtube", "tiktok", "instagram"]);
+  return { ok: review.ok, assets, audio, captions, render, review, publish };
+}
+
+async function publishPrepare(gw: Gateway, projectId: string, targetPlatforms: Platform[]) {
+  const { project, dir } = loadProject(gw, projectId);
+  const metadata: Record<string, unknown> = {};
+  for (const platform of targetPlatforms) {
+    const data = {
+      title: project.title,
+      description: `${project.description}\n\n${project.hashtags.join(" ")}`.trim(),
+      file: path.join(dir, "output", "output.mp4"),
+      thumbnail: path.join(dir, "output", "thumbnail.jpg"),
+      tags: project.hashtags.map((h) => h.replace(/^#/, "")),
+      publishMode: "manual-review-first",
+    };
+    metadata[platform] = data;
+    fs.writeFileSync(path.join(dir, "output", `metadata-${platform}.json`), JSON.stringify(data, null, 2));
+  }
+  appendRun(dir, "publish.prepared", { platforms: targetPlatforms });
+  return { ok: true, metadata };
+}
+
+async function publishVideo(gw: Gateway, input: { projectId: string; platform: Platform; provider: Provider; dryRun: boolean; confirmBrowserPublish: boolean; endpoint?: string }) {
+  const { dir } = loadProject(gw, input.projectId);
+  const prepared = await publishPrepare(gw, input.projectId, [input.platform]);
+  const outputPath = path.join(dir, "output", "output.mp4");
+  if (input.dryRun) return { ok: true, dryRun: true, networkCalled: false, outputPath, prepared };
+  if (input.provider === "browser") {
+    return { ok: true, dryRun: false, provider: "browser", networkCalled: false, outputPath, uploadUrl: setupUrl(input.platform), stoppedBeforeSubmit: !input.confirmBrowserPublish, note: "Open the upload URL, select the file, fill metadata, and stop before submit unless confirmBrowserPublish=true." };
+  }
+  if (input.provider === "upload-post") {
+    const key = gw.vault.get("UPLOAD_POST_API_KEY");
+    if (!key) return { ok: false, setupRequired: true, networkCalled: false, reason: "UPLOAD_POST_API_KEY is not configured." };
+    const endpoint = input.endpoint ?? process.env.LOCALANT_UPLOAD_POST_ENDPOINT;
+    if (!endpoint) return { ok: false, setupRequired: true, networkCalled: false, reason: "Set LOCALANT_UPLOAD_POST_ENDPOINT for UploadPostProvider." };
+    const resp = await fetch(endpoint, { method: "POST", headers: { "content-type": "application/json", authorization: `Bearer ${key}` }, body: JSON.stringify({ platform: input.platform, file: outputPath }) });
+    return { ok: resp.ok, networkCalled: true, status: resp.status };
+  }
+  return { ok: false, setupRequired: true, networkCalled: false, reason: `${input.provider} requires official account/OAuth review setup.` };
+}
+
+function openSetup(platform: string) {
+  return { ok: true, platform, url: setupUrl(platform), note: "LocalAnt does not bypass login, CAPTCHA, 2FA, or platform review." };
+}
+
+function connectAccount(platform: Platform, provider: Provider) {
+  return { ok: true, platform, provider, setupRequired: provider !== "browser", url: setupUrl(platform), note: "Use browser setup or official OAuth credentials. No CAPTCHA/2FA bypass is attempted." };
+}
+
+function testPublisher(gw: Gateway, platform: Platform, provider: Provider) {
+  const secret = provider === "upload-post" ? "UPLOAD_POST_API_KEY" : platform === "youtube" ? "YOUTUBE_ACCESS_TOKEN" : platform === "tiktok" ? "TIKTOK_ACCESS_TOKEN" : "INSTAGRAM_ACCESS_TOKEN";
+  return { ok: true, platform, provider, ready: provider === "browser" || gw.vault.get(secret) !== undefined, requiredSecret: provider === "browser" ? null : secret };
+}
+
+function browserUploadFile(gw: Gateway, input: { selector: string; path: string; dryRun: boolean }) {
+  if (!path.isAbsolute(input.path)) throw new Error("browser_upload_file requires an absolute LocalAnt workspace path.");
+  const root = videoRoot(gw);
+  const resolved = path.resolve(input.path);
+  if (!isWithin(root, resolved)) throw new Error("Path traversal rejected: upload files must stay inside the LocalAnt Video Studio workspace.");
+  if (!fs.existsSync(resolved)) throw new Error(`Upload file does not exist: ${resolved}`);
+  return { ok: true, dryRun: input.dryRun, selector: input.selector, path: resolved, note: "Use Playwright setInputFiles in the browser publisher; this tool does not click submit." };
+}
+
+function dimensions(aspect: VideoProject["aspectRatio"]) {
+  if (aspect === "16:9") return { width: 1920, height: 1080 };
+  if (aspect === "1:1") return { width: 1080, height: 1080 };
+  return { width: 1080, height: 1920 };
+}
+
+function slug(s: string) {
+  return s.toLowerCase().replace(/[^a-z0-9]+/g, "-").replace(/^-+|-+$/g, "");
+}
+
+function sceneSvg(scene: VideoScene, width: number, height: number) {
+  return `<svg xmlns="http://www.w3.org/2000/svg" width="${width}" height="${height}" viewBox="0 0 ${width} ${height}">
+<rect width="100%" height="100%" fill="#142033"/>
+<rect x="64" y="${Math.round(height * 0.12)}" width="${width - 128}" height="${Math.round(height * 0.76)}" fill="none" stroke="#39ff88" stroke-width="4" opacity="0.45"/>
+<text x="72" y="${Math.round(height * 0.2)}" fill="#ffffff" font-size="56" font-family="Arial">${xmlEscape(scene.title)}</text>
+<text x="72" y="${Math.round(height * 0.72)}" fill="#ffffff" font-size="42" font-family="Arial">${xmlEscape(scene.onScreenText)}</text>
+</svg>
+`;
+}
+
+function ass(project: VideoProject, events: string[]) {
+  const { width, height } = dimensions(project.aspectRatio);
+  return `[Script Info]
+ScriptType: v4.00+
+PlayResX: ${width}
+PlayResY: ${height}
+
+[V4+ Styles]
+Format: Name, Fontname, Fontsize, PrimaryColour, SecondaryColour, OutlineColour, BackColour, Bold, Italic, Underline, StrikeOut, ScaleX, ScaleY, Spacing, Angle, BorderStyle, Outline, Shadow, Alignment, MarginL, MarginR, MarginV, Encoding
+Style: Default,Arial,64,&H00FFFFFF,&H0039FF88,&H00000000,&H80000000,1,0,0,0,100,100,0,0,1,6,2,2,80,80,220,1
+
+[Events]
+Format: Layer, Start, End, Style, Name, MarginL, MarginR, MarginV, Effect, Text
+${events.join("\n")}
+`;
+}
+
+function srtTime(sec: number) {
+  const ms = Math.round(sec * 1000);
+  const h = Math.floor(ms / 3600000);
+  const m = Math.floor((ms % 3600000) / 60000);
+  const s = Math.floor((ms % 60000) / 1000);
+  const x = ms % 1000;
+  return `${pad(h)}:${pad(m)}:${pad(s)},${String(x).padStart(3, "0")}`;
+}
+
+function assTime(sec: number) {
+  const cs = Math.round(sec * 100);
+  const h = Math.floor(cs / 360000);
+  const m = Math.floor((cs % 360000) / 6000);
+  const s = Math.floor((cs % 6000) / 100);
+  const x = cs % 100;
+  return `${h}:${pad(m)}:${pad(s)}.${String(x).padStart(2, "0")}`;
+}
+
+function pad(n: number) {
+  return String(n).padStart(2, "0");
+}
+
+function assEscape(s: string) {
+  return s.replace(/[{}]/g, "").replace(/\n/g, "\\N");
+}
+
+function xmlEscape(s: string) {
+  return s.replace(/[&<>"]/g, (c) => ({ "&": "&amp;", "<": "&lt;", ">": "&gt;", '"': "&quot;" }[c]!));
+}
+
+function setupUrl(platform: string) {
+  if (platform === "youtube") return "https://studio.youtube.com/";
+  if (platform === "tiktok") return "https://www.tiktok.com/upload";
+  if (platform === "instagram") return "https://www.instagram.com/";
+  return "https://localant.local/video-studio/setup";
+}
+
+function isWithin(parent: string, child: string): boolean {
+  const rel = path.relative(parent, child);
+  return rel === "" || (!rel.startsWith("..") && !path.isAbsolute(rel));
+}
diff --git a/packages/mcp/src/http-server.ts b/packages/mcp/src/http-server.ts
index 42595d1..bf0935d 100644
--- a/packages/mcp/src/http-server.ts
+++ b/packages/mcp/src/http-server.ts
@@ -666,6 +666,32 @@ function mountDashboardApi(
     }
   });
 
+  const runTool = async (s: Response, name: string, input: unknown) => {
+    const result = await gw.executeTool(name, input, { caller: "dashboard" });
+    if (!result.ok) {
+      s.status(result.approvalRequired ? 409 : 400).json(result.approvalRequired ?? { error: result.error });
+      return;
+    }
+    s.json(result.data ?? { ok: true });
+  };
+
+  // --- Video Studio ---
+  r.get("/video-studio/status", (_q, s) => void runTool(s, "video_studio_status", {}));
+  r.post("/video-studio/script", (q, s) => void runTool(s, "video_studio_create_script", q.body ?? {}));
+  r.get("/video-studio/projects", (q, s) => void runTool(s, "video_studio_list_projects", { limit: Number(q.query.limit ?? 100) }));
+  r.post("/video-studio/projects", (q, s) => void runTool(s, "video_studio_create_project", q.body ?? {}));
+  r.post("/video-studio/projects/:id/assets", (q, s) => void runTool(s, "video_studio_generate_assets", { projectId: q.params.id }));
+  r.post("/video-studio/projects/:id/audio", (q, s) => void runTool(s, "video_studio_generate_audio", { projectId: q.params.id }));
+  r.post("/video-studio/projects/:id/captions", (q, s) => void runTool(s, "video_studio_generate_captions", { projectId: q.params.id }));
+  r.post("/video-studio/projects/:id/render", (q, s) => void runTool(s, "video_studio_render_video", { projectId: q.params.id }));
+  r.post("/video-studio/projects/:id/generate", (q, s) => void runTool(s, "video_studio_generate_video", { projectId: q.params.id }));
+  r.post("/video-studio/projects/:id/review", (q, s) => void runTool(s, "video_studio_review_video", { projectId: q.params.id }));
+  r.post("/video-studio/publish/prepare", (q, s) => void runTool(s, "video_studio_publish_prepare", q.body ?? {}));
+  r.post("/video-studio/publish", (q, s) => void runTool(s, "video_studio_publish_video", q.body ?? {}));
+  r.post("/video-studio/setup/open", (q, s) => void runTool(s, "video_studio_open_setup", q.body ?? {}));
+  r.post("/video-studio/connect/:platform", (q, s) => void runTool(s, "video_studio_connect_account", { ...(q.body ?? {}), platform: q.params.platform }));
+  r.post("/video-studio/publishers/:platform/test", (q, s) => void runTool(s, "video_studio_test_publisher", { ...(q.body ?? {}), platform: q.params.platform }));
+
   r.get("/mcp-servers", (_q, s) => {
     // Zod 4 infers the refined record's value as `unknown`; the runtime shape is
     // McpServerConfigT, so narrow it explicitly for the response mapping.
diff --git a/packages/shared/src/tool-profiles.ts b/packages/shared/src/tool-profiles.ts
index 12492f5..8d4556d 100644
--- a/packages/shared/src/tool-profiles.ts
+++ b/packages/shared/src/tool-profiles.ts
@@ -75,6 +75,11 @@ export const MINIMAL_PROFILE_TOOLS: ReadonlySet<string> = new Set<string>([
   "mcp_server_list",
   "mcp_server_status",
   "mcp_server_list_tools",
+
+  // --- Video Studio read/status ---
+  "video_studio_status",
+  "video_studio_list_projects",
+  "video_studio_review_video",
 ]);
 
 /**
@@ -177,6 +182,21 @@ export const CODING_PROFILE_TOOLS: ReadonlySet<string> = new Set<string>([
   "browser_extract_text",
   "browser_get_url",
   "browser_wait",
+  "browser_upload_file",
+
+  // --- Video Studio creation/rendering (publish_video remains full-only) ---
+  "video_studio_configure",
+  "video_studio_create_script",
+  "video_studio_create_project",
+  "video_studio_generate_assets",
+  "video_studio_generate_audio",
+  "video_studio_generate_captions",
+  "video_studio_render_video",
+  "video_studio_generate_video",
+  "video_studio_publish_prepare",
+  "video_studio_open_setup",
+  "video_studio_connect_account",
+  "video_studio_test_publisher",
 
   // --- MCP import ---
   "mcp_import_claude_config",
diff --git a/scripts/video-studio-e2e.ts b/scripts/video-studio-e2e.ts
new file mode 100644
index 0000000..558740c
--- /dev/null
+++ b/scripts/video-studio-e2e.ts
@@ -0,0 +1,83 @@
+import fs from "node:fs";
+import path from "node:path";
+import { createGateway } from "@localant/gateway";
+
+async function call(gw: ReturnType<typeof createGateway>, name: string, input: Record<string, unknown> = {}) {
+  const result = await gw.executeTool(name, input, { caller: "video-studio:e2e" });
+  if (!result.ok) throw new Error(`${name}: ${result.error ?? JSON.stringify(result.approvalRequired)}`);
+  return result.data as any;
+}
+
+async function main() {
+  const outDir = path.join(process.cwd(), ".tmp-video-studio-e2e");
+  fs.rmSync(outDir, { recursive: true, force: true });
+  fs.mkdirSync(outDir, { recursive: true });
+
+  const home = path.join(outDir, "localant-home");
+  const gw = createGateway(home);
+  gw.saveConfig({ ...gw.config(), tools: { profile: "full" }, security: { ...gw.config().security, mode: "yolo" } });
+
+  const script = await call(gw, "video_studio_create_script", {
+    topic: "LocalAnt Video Studio free local rendering",
+    language: "en",
+    durationSeconds: 12,
+    targetPlatform: "youtube",
+  });
+  const created = await call(gw, "video_studio_create_project", {
+    title: script.title,
+    description: script.description,
+    script: script.script,
+    scenes: script.scenes,
+    hashtags: script.hashtags,
+    language: "en",
+    durationSeconds: 12,
+    targetPlatforms: ["youtube", "tiktok", "instagram"],
+  });
+  const assets = await call(gw, "video_studio_generate_assets", { projectId: created.project.id });
+  const audio = await call(gw, "video_studio_generate_audio", { projectId: created.project.id });
+  const captions = await call(gw, "video_studio_generate_captions", { projectId: created.project.id });
+  const render = await call(gw, "video_studio_render_video", { projectId: created.project.id });
+  const review = await call(gw, "video_studio_review_video", { projectId: created.project.id });
+  const publish = await call(gw, "video_studio_publish_prepare", { projectId: created.project.id, platforms: ["youtube", "tiktok", "instagram"] });
+
+  const required = [
+    render.outputPath,
+    captions.srtPath,
+    captions.assPath,
+    render.thumbnailPath,
+    path.join(created.projectDir, "storyboard.json"),
+    render.renderPlanPath,
+  ];
+  for (const file of required) {
+    if (!fs.existsSync(file)) throw new Error(`Missing E2E output: ${file}`);
+  }
+  if (!review.hasVideo) throw new Error("E2E output has no video stream.");
+  if (review.width !== 1080 || review.height !== 1920) throw new Error(`Unexpected resolution: ${review.width}x${review.height}`);
+
+  const result = {
+    ok: true,
+    projectId: created.project.id,
+    projectDir: created.projectDir,
+    outputPath: render.outputPath,
+    thumbnailPath: render.thumbnailPath,
+    captionsPath: captions.srtPath,
+    assPath: captions.assPath,
+    storyboardPath: path.join(created.projectDir, "storyboard.json"),
+    renderPlanPath: render.renderPlanPath,
+    durationSeconds: review.durationSeconds,
+    width: review.width,
+    height: review.height,
+    hasAudio: review.hasAudio,
+    hasVideo: review.hasVideo,
+    assets,
+    audio,
+    publish,
+  };
+  fs.writeFileSync(path.join(outDir, "result.json"), JSON.stringify(result, null, 2));
+  console.log(JSON.stringify(result, null, 2));
+}
+
+main().catch((err) => {
+  console.error(err);
+  process.exitCode = 1;
+});
diff --git a/tests/video-studio.test.ts b/tests/video-studio.test.ts
new file mode 100644
index 0000000..b267d4c
--- /dev/null
+++ b/tests/video-studio.test.ts
@@ -0,0 +1,149 @@
+import { describe, it, expect, beforeEach, afterEach } from "vitest";
+import fs from "node:fs";
+import path from "node:path";
+import { createGateway } from "@localant/gateway";
+import { isToolInProfile } from "@localant/shared";
+
+let base: string;
+
+function gateway() {
+  const gw = createGateway(base);
+  gw.saveConfig({ ...gw.config(), tools: { profile: "full" }, security: { ...gw.config().security, mode: "yolo" } });
+  return gw;
+}
+
+async function call(gw: ReturnType<typeof gateway>, name: string, input: Record<string, unknown> = {}) {
+  const result = await gw.executeTool(name, input, { caller: "test" });
+  if (!result.ok) throw new Error(result.error ?? JSON.stringify(result.approvalRequired));
+  return result.data as any;
+}
+
+beforeEach(() => {
+  fs.mkdirSync(path.join(process.cwd(), ".tmp-tests"), { recursive: true });
+  base = fs.mkdtempSync(path.join(process.cwd(), ".tmp-tests", "cla-video-"));
+});
+
+afterEach(() => fs.rmSync(base, { recursive: true, force: true }));
+
+describe("Video Studio", () => {
+  it("ships OSS research notes before implementation", () => {
+    const file = path.join(process.cwd(), "docs", "video-studio", "oss-research.md");
+    expect(fs.existsSync(file)).toBe(true);
+    const text = fs.readFileSync(file, "utf8");
+    for (const required of ["Remotion", "MoviePy", "WhisperX", "FFmpeg", "Aegisub", "OpenShorts"]) {
+      expect(text).toContain(required);
+    }
+    expect(text).toMatch(/free local/i);
+  });
+
+  it("registers the requested tools with risk annotations and coding profile exposure", () => {
+    const gw = gateway();
+    const risks: Record<string, number> = {
+      video_studio_status: 0,
+      video_studio_configure: 2,
+      video_studio_create_script: 2,
+      video_studio_create_project: 2,
+      video_studio_list_projects: 0,
+      video_studio_generate_assets: 3,
+      video_studio_generate_audio: 3,
+      video_studio_generate_captions: 3,
+      video_studio_render_video: 3,
+      video_studio_generate_video: 3,
+      video_studio_review_video: 0,
+      video_studio_publish_prepare: 2,
+      video_studio_publish_video: 4,
+      video_studio_open_setup: 3,
+      video_studio_connect_account: 3,
+      video_studio_test_publisher: 1,
+      browser_upload_file: 3,
+    };
+    for (const [name, risk] of Object.entries(risks)) {
+      expect(gw.registry.get(name)?.risk, name).toBe(risk);
+    }
+    expect(isToolInProfile("video_studio_generate_video", "coding")).toBe(true);
+    expect(isToolInProfile("video_studio_publish_video", "coding")).toBe(false);
+    expect(isToolInProfile("video_studio_status", "minimal")).toBe(true);
+  });
+
+  it("creates an upload-ready project without paid external video generation APIs", async () => {
+    const gw = gateway();
+    const status = await call(gw, "video_studio_status");
+    expect(status.policy.videoGeneration).toMatch(/free local/i);
+    expect(status.secrets.every((s: { present: boolean; value?: string }) => typeof s.value === "undefined")).toBe(true);
+
+    const script = await call(gw, "video_studio_create_script", {
+      topic: "LocalAntで動画制作を自動化する",
+      language: "ja",
+      durationSeconds: 12,
+      targetPlatform: "youtube",
+    });
+    expect(script.script).toContain("LocalAnt");
+    expect(script.scenes.length).toBeGreaterThanOrEqual(2);
+
+    const project = await call(gw, "video_studio_create_project", {
+      title: script.title,
+      description: script.description,
+      script: script.script,
+      scenes: script.scenes,
+      durationSeconds: 12,
+      language: "ja",
+      targetPlatforms: ["youtube", "tiktok", "instagram"],
+    });
+    for (const rel of ["manifest.json", "script.md", "storyboard.json", "assets", "audio", "captions", "output", "render", "runs.jsonl"]) {
+      expect(fs.existsSync(path.join(project.projectDir, rel)), rel).toBe(true);
+    }
+
+    const assets = await call(gw, "video_studio_generate_assets", { projectId: project.project.id });
+    expect(assets.assets.length).toBeGreaterThanOrEqual(2);
+    expect(fs.existsSync(path.join(project.projectDir, "assets", "scene-001.png"))).toBe(true);
+
+    const audio = await call(gw, "video_studio_generate_audio", { projectId: project.project.id });
+    expect(audio.ok || audio.setupRequired).toBe(true);
+
+    const captions = await call(gw, "video_studio_generate_captions", { projectId: project.project.id });
+    expect(fs.existsSync(captions.srtPath)).toBe(true);
+    expect(fs.existsSync(captions.assPath)).toBe(true);
+    expect(fs.existsSync(captions.wordsPath)).toBe(true);
+
+    const rendered = await call(gw, "video_studio_render_video", { projectId: project.project.id });
+    if (rendered.setupRequired) {
+      expect(rendered.reason).toMatch(/ffmpeg/i);
+    } else {
+      expect(fs.existsSync(rendered.outputPath)).toBe(true);
+      expect(fs.existsSync(rendered.thumbnailPath)).toBe(true);
+      expect(fs.existsSync(rendered.renderPlanPath)).toBe(true);
+    }
+
+    const review = await call(gw, "video_studio_review_video", { projectId: project.project.id });
+    if (!rendered.setupRequired) {
+      expect(review.ok).toBe(true);
+      expect(review.hasVideo).toBe(true);
+      expect(review.width).toBe(1080);
+      expect(review.height).toBe(1920);
+    }
+
+    const prepared = await call(gw, "video_studio_publish_prepare", { projectId: project.project.id, platforms: ["youtube", "tiktok", "instagram"] });
+    expect(fs.existsSync(path.join(project.projectDir, "output", "metadata-youtube.json"))).toBe(true);
+    expect(prepared.metadata.youtube.title).toBeTruthy();
+
+    const dry = await call(gw, "video_studio_publish_video", { projectId: project.project.id, platform: "youtube", dryRun: true });
+    expect(dry.dryRun).toBe(true);
+    expect(dry.networkCalled).toBe(false);
+
+    const browser = await call(gw, "video_studio_publish_video", {
+      projectId: project.project.id,
+      platform: "youtube",
+      provider: "browser",
+      dryRun: false,
+      confirmBrowserPublish: false,
+    });
+    expect(browser.stoppedBeforeSubmit).toBe(true);
+  }, 20_000);
+
+  it("rejects path traversal in browser upload assist", async () => {
+    const gw = gateway();
+    const bad = await gw.executeTool("browser_upload_file", { selector: "input[type=file]", path: "../outside.mp4" }, { caller: "test" });
+    expect(bad.ok).toBe(false);
+    expect(bad.error).toMatch(/absolute|workspace|traversal|LocalAnt/i);
+  });
+});

From 65686028517e0bd44019c701a047052931ac50c2 Mon Sep 17 00:00:00 2001
From: Yu-ga <74749461+yuga-hashimoto@users.noreply.github.com>
Date: Thu, 25 Jun 2026 20:13:15 +0900
Subject: [PATCH 2/4] feat: operationalize Video Studio browser publishing

---
 packages/dashboard/src/index.ts            |   6 +
 packages/gateway/src/tools/video-studio.ts | 194 ++++++++++++++++++++-
 tests/video-studio.test.ts                 |  41 +++++
 3 files changed, 239 insertions(+), 2 deletions(-)

diff --git a/packages/dashboard/src/index.ts b/packages/dashboard/src/index.ts
index ec4c102..94e38b3 100644
--- a/packages/dashboard/src/index.ts
+++ b/packages/dashboard/src/index.ts
@@ -690,6 +690,12 @@ const VIEWS = {
       const prep=el('<button class="btn ghost sm" style="margin-left:6px">Prepare Publish</button>');
       prep.onclick=action(prep,async()=>{ show(await api('video-studio/publish/prepare',{method:'POST',headers:{'content-type':'application/json'},body:JSON.stringify({projectId:p.id,platforms:['youtube','tiktok','instagram']})})); toast('Metadata written'); },'Preparing');
       cell.appendChild(prep);
+      const upload=el('<button class="btn ghost sm" style="margin-left:6px">Browser Upload Assist</button>');
+      upload.onclick=action(upload,async()=>{ show(await api('video-studio/publish',{method:'POST',headers:{'content-type':'application/json'},body:JSON.stringify({projectId:p.id,platform:'youtube',provider:'browser',dryRun:false,confirmBrowserPublish:false})})); toast('Upload assist opened or returned setup instructions'); },'Opening');
+      cell.appendChild(upload);
+      const publish=el('<button class="btn danger sm" style="margin-left:6px">Publish</button>');
+      publish.onclick=action(publish,async()=>{ if(!confirm('Click the configured submit/publish button in the browser? Login, CAPTCHA and 2FA are never bypassed.')) return; show(await api('video-studio/publish',{method:'POST',headers:{'content-type':'application/json'},body:JSON.stringify({projectId:p.id,platform:'youtube',provider:'browser',dryRun:false,confirmBrowserPublish:true})})); },'Publishing');
+      cell.appendChild(publish);
       tb.appendChild(tr);
     });
   },
diff --git a/packages/gateway/src/tools/video-studio.ts b/packages/gateway/src/tools/video-studio.ts
index 57cc52f..09e7f6a 100644
--- a/packages/gateway/src/tools/video-studio.ts
+++ b/packages/gateway/src/tools/video-studio.ts
@@ -1,9 +1,11 @@
 import fs from "node:fs";
 import path from "node:path";
+import { pathToFileURL } from "node:url";
 import { execFile } from "node:child_process";
 import { promisify } from "node:util";
 import { z } from "zod";
 import type { Gateway } from "../gateway.js";
+import { resolveOptionalDep } from "../util/optional-deps-path.js";
 
 const execFileAsync = promisify(execFile);
 
@@ -30,6 +32,34 @@ const secretNames = [
 
 type Platform = (typeof platforms)[number];
 type Provider = (typeof providers)[number];
+type BrowserPublishInput = {
+  projectId: string;
+  platform: Platform;
+  provider: Provider;
+  dryRun: boolean;
+  confirmBrowserPublish: boolean;
+  endpoint?: string;
+  executeBrowser: boolean;
+  uploadUrl?: string;
+  fileInputSelector?: string;
+  titleSelector?: string;
+  descriptionSelector?: string;
+  submitSelector?: string;
+  headless: boolean;
+  timeoutMs: number;
+};
+type BrowserPlan = {
+  uploadUrl: string;
+  fileInputSelector: string;
+  titleSelector: string | null;
+  descriptionSelector: string | null;
+  submitSelector: string | null;
+  outputPath: string;
+  metadataPath: string;
+  profileDir: string;
+  stoppedBeforeSubmit: boolean;
+  actions: string[];
+};
 
 interface VideoScene {
   id: string;
@@ -167,6 +197,14 @@ export function registerVideoStudioTools(gw: Gateway): void {
       dryRun: z.boolean().default(true),
       confirmBrowserPublish: z.boolean().default(false),
       endpoint: z.string().url().optional(),
+      executeBrowser: z.boolean().default(true),
+      uploadUrl: z.string().url().optional(),
+      fileInputSelector: z.string().optional(),
+      titleSelector: z.string().optional(),
+      descriptionSelector: z.string().optional(),
+      submitSelector: z.string().optional(),
+      headless: z.boolean().default(false),
+      timeoutMs: z.number().int().min(1000).max(120000).default(60000),
     }).strip(),
     summarize: (i) => `${i.dryRun ? "dry-run" : "prepare"} ${i.platform} publish`,
     auditInput: (i) => ({ ...i, secretValues: "not accepted" }),
@@ -508,13 +546,40 @@ async function publishPrepare(gw: Gateway, projectId: string, targetPlatforms: P
   return { ok: true, metadata };
 }
 
-async function publishVideo(gw: Gateway, input: { projectId: string; platform: Platform; provider: Provider; dryRun: boolean; confirmBrowserPublish: boolean; endpoint?: string }) {
+async function publishVideo(gw: Gateway, input: BrowserPublishInput) {
   const { dir } = loadProject(gw, input.projectId);
   const prepared = await publishPrepare(gw, input.projectId, [input.platform]);
   const outputPath = path.join(dir, "output", "output.mp4");
   if (input.dryRun) return { ok: true, dryRun: true, networkCalled: false, outputPath, prepared };
   if (input.provider === "browser") {
-    return { ok: true, dryRun: false, provider: "browser", networkCalled: false, outputPath, uploadUrl: setupUrl(input.platform), stoppedBeforeSubmit: !input.confirmBrowserPublish, note: "Open the upload URL, select the file, fill metadata, and stop before submit unless confirmBrowserPublish=true." };
+    const metadataPath = path.join(dir, "output", `metadata-${input.platform}.json`);
+    const metadata = JSON.parse(fs.readFileSync(metadataPath, "utf8")) as { title?: string; description?: string };
+    const browserPlan = buildBrowserPlan(gw, input, outputPath, metadataPath);
+    if (!input.executeBrowser) {
+      appendRun(dir, "publish.browser.planned", { platform: input.platform, browserPlan });
+      return {
+        ok: true,
+        dryRun: false,
+        provider: "browser",
+        networkCalled: false,
+        outputPath,
+        stoppedBeforeSubmit: browserPlan.stoppedBeforeSubmit,
+        browserPlan,
+        uploadAttempted: false,
+        readyToExecute: true,
+      };
+    }
+    const result = await runBrowserUpload(browserPlan, metadata, input);
+    appendRun(dir, "publish.browser.upload", { platform: input.platform, ...result });
+    return {
+      ...result,
+      dryRun: false,
+      provider: "browser",
+      networkCalled: true,
+      outputPath,
+      stoppedBeforeSubmit: browserPlan.stoppedBeforeSubmit,
+      browserPlan,
+    };
   }
   if (input.provider === "upload-post") {
     const key = gw.vault.get("UPLOAD_POST_API_KEY");
@@ -549,6 +614,131 @@ function browserUploadFile(gw: Gateway, input: { selector: string; path: string;
   return { ok: true, dryRun: input.dryRun, selector: input.selector, path: resolved, note: "Use Playwright setInputFiles in the browser publisher; this tool does not click submit." };
 }
 
+function buildBrowserPlan(gw: Gateway, input: BrowserPublishInput, outputPath: string, metadataPath: string): BrowserPlan {
+  const defaults = platformSelectors(input.platform);
+  const submitSelector = input.submitSelector ?? defaults.submitSelector;
+  return {
+    uploadUrl: input.uploadUrl ?? setupUrl(input.platform),
+    fileInputSelector: input.fileInputSelector ?? defaults.fileInputSelector,
+    titleSelector: input.titleSelector ?? defaults.titleSelector,
+    descriptionSelector: input.descriptionSelector ?? defaults.descriptionSelector,
+    submitSelector,
+    outputPath,
+    metadataPath,
+    profileDir: path.join(videoRoot(gw), "browser-profiles", input.platform),
+    stoppedBeforeSubmit: !input.confirmBrowserPublish,
+    actions: [
+      "goto",
+      "setInputFiles",
+      "fillMetadata",
+      input.confirmBrowserPublish && submitSelector ? "clickSubmit" : "stopBeforeSubmit",
+    ],
+  };
+}
+
+function platformSelectors(platform: Platform): { fileInputSelector: string; titleSelector: string | null; descriptionSelector: string | null; submitSelector: string | null } {
+  if (platform === "youtube") {
+    return {
+      fileInputSelector: "input[type=file]",
+      titleSelector: "input#textbox, textarea[aria-label*='Title'], [contenteditable='true']",
+      descriptionSelector: "textarea#description, textarea[aria-label*='Description'], [contenteditable='true']",
+      submitSelector: "ytcp-button#done-button, button[aria-label*='Publish'], button:has-text('Publish')",
+    };
+  }
+  if (platform === "tiktok") {
+    return {
+      fileInputSelector: "input[type=file], input[accept*='video']",
+      titleSelector: "[contenteditable='true'], textarea, input[name='title']",
+      descriptionSelector: "textarea, [contenteditable='true']",
+      submitSelector: "button[type='submit'], button:has-text('Post'), button:has-text('Publish')",
+    };
+  }
+  return {
+    fileInputSelector: "input[type=file], input[accept*='video']",
+    titleSelector: "textarea, input[name='caption'], [contenteditable='true']",
+    descriptionSelector: "textarea, input[name='caption'], [contenteditable='true']",
+    submitSelector: "button[type='submit'], button:has-text('Share'), button:has-text('Post')",
+  };
+}
+
+type PlaywrightLike = {
+  chromium?: {
+    launchPersistentContext?: (profileDir: string, options: unknown) => Promise<{
+      newPage: () => Promise<any>;
+      close: () => Promise<unknown>;
+    }>;
+  };
+  default?: PlaywrightLike;
+};
+
+async function loadPlaywrightRuntime(): Promise<Required<Pick<PlaywrightLike, "chromium">>> {
+  try {
+    // @ts-ignore optional dependency resolved at runtime
+    const mod = await import("playwright") as PlaywrightLike;
+    const runtime = mod.chromium ? mod : mod.default;
+    if (runtime?.chromium?.launchPersistentContext) return runtime as Required<Pick<PlaywrightLike, "chromium">>;
+  } catch {
+    /* fall through */
+  }
+  const entry = resolveOptionalDep("playwright");
+  if (entry) {
+    const mod = await import(pathToFileURL(entry).href) as PlaywrightLike;
+    const runtime = mod.chromium ? mod : mod.default;
+    if (runtime?.chromium?.launchPersistentContext) return runtime as Required<Pick<PlaywrightLike, "chromium">>;
+  }
+  throw new Error("Playwright is not installed. Run `localant deps install browser`.");
+}
+
+async function runBrowserUpload(plan: BrowserPlan, metadata: { title?: string; description?: string }, input: BrowserPublishInput) {
+  let context: Awaited<ReturnType<NonNullable<NonNullable<PlaywrightLike["chromium"]>["launchPersistentContext"]>>> | undefined;
+  try {
+    const { chromium } = await loadPlaywrightRuntime();
+    fs.mkdirSync(plan.profileDir, { recursive: true });
+    context = await chromium.launchPersistentContext!(plan.profileDir, { headless: input.headless, acceptDownloads: true });
+    const page = await context.newPage();
+    await page.goto(plan.uploadUrl, { waitUntil: "domcontentloaded", timeout: input.timeoutMs });
+    await page.waitForSelector(plan.fileInputSelector, { timeout: input.timeoutMs });
+    await page.setInputFiles(plan.fileInputSelector, plan.outputPath);
+    if (plan.titleSelector && metadata.title) await fillFirstAvailable(page, plan.titleSelector, metadata.title, input.timeoutMs);
+    if (plan.descriptionSelector && metadata.description) await fillFirstAvailable(page, plan.descriptionSelector, metadata.description, input.timeoutMs);
+    if (input.confirmBrowserPublish && plan.submitSelector) {
+      await page.click(plan.submitSelector, { timeout: input.timeoutMs });
+      return { ok: true, uploadAttempted: true, submitted: true, finalUrl: page.url() };
+    }
+    return { ok: true, uploadAttempted: true, submitted: false, finalUrl: page.url(), note: "Stopped before submit. Call again with confirmBrowserPublish=true to click the configured submit selector." };
+  } catch (e) {
+    return {
+      ok: false,
+      setupRequired: true,
+      uploadAttempted: false,
+      reason: (e as Error).message,
+      note: "Log in manually in the opened persistent browser profile if required. LocalAnt does not bypass login, CAPTCHA, 2FA, or bot protection.",
+    };
+  } finally {
+    await context?.close().catch(() => undefined);
+  }
+}
+
+async function fillFirstAvailable(page: any, selectorList: string, value: string, timeoutMs: number): Promise<void> {
+  const selectors = selectorList.split(",").map((s) => s.trim()).filter(Boolean);
+  for (const selector of selectors) {
+    try {
+      await page.waitForSelector(selector, { timeout: Math.min(timeoutMs, 5000) });
+      await page.fill(selector, value, { timeout: Math.min(timeoutMs, 5000) });
+      return;
+    } catch {
+      try {
+        await page.locator(selector).first().click({ timeout: 1000 });
+        await page.keyboard.press(process.platform === "darwin" ? "Meta+A" : "Control+A");
+        await page.keyboard.type(value);
+        return;
+      } catch {
+        /* try next selector */
+      }
+    }
+  }
+}
+
 function dimensions(aspect: VideoProject["aspectRatio"]) {
   if (aspect === "16:9") return { width: 1920, height: 1080 };
   if (aspect === "1:1") return { width: 1080, height: 1080 };
diff --git a/tests/video-studio.test.ts b/tests/video-studio.test.ts
index b267d4c..c3376b6 100644
--- a/tests/video-studio.test.ts
+++ b/tests/video-studio.test.ts
@@ -136,8 +136,49 @@ describe("Video Studio", () => {
       provider: "browser",
       dryRun: false,
       confirmBrowserPublish: false,
+      executeBrowser: false,
     });
     expect(browser.stoppedBeforeSubmit).toBe(true);
+    expect(browser.browserPlan.actions).toContain("setInputFiles");
+    expect(browser.browserPlan.profileDir).toContain("video-studio");
+    expect(browser.readyToExecute || browser.uploadAttempted || browser.setupRequired).toBe(true);
+  }, 20_000);
+
+  it("returns a concrete browser upload plan for operational publishing", async () => {
+    const gw = gateway();
+    const script = await call(gw, "video_studio_create_script", { topic: "Browser upload", durationSeconds: 6 });
+    const project = await call(gw, "video_studio_create_project", {
+      title: script.title,
+      description: script.description,
+      script: script.script,
+      scenes: script.scenes,
+      durationSeconds: 6,
+    });
+    await call(gw, "video_studio_generate_video", { projectId: project.project.id });
+
+    const publish = await call(gw, "video_studio_publish_video", {
+      projectId: project.project.id,
+      platform: "youtube",
+      provider: "browser",
+      dryRun: false,
+      confirmBrowserPublish: false,
+      executeBrowser: false,
+      uploadUrl: "https://studio.youtube.com/",
+      fileInputSelector: "input[type=file]",
+      titleSelector: "input[name=title]",
+      descriptionSelector: "textarea[name=description]",
+      submitSelector: "button[type=submit]",
+    });
+
+    expect(publish.browserPlan).toMatchObject({
+      uploadUrl: "https://studio.youtube.com/",
+      fileInputSelector: "input[type=file]",
+      titleSelector: "input[name=title]",
+      descriptionSelector: "textarea[name=description]",
+      submitSelector: "button[type=submit]",
+      stoppedBeforeSubmit: true,
+    });
+    expect(publish.browserPlan.actions).toEqual(["goto", "setInputFiles", "fillMetadata", "stopBeforeSubmit"]);
   }, 20_000);
 
   it("rejects path traversal in browser upload assist", async () => {

From e074351f298250a9280d2dc8c378c35de1d0b246 Mon Sep 17 00:00:00 2001
From: Yu-ga <74749461+yuga-hashimoto@users.noreply.github.com>
Date: Thu, 25 Jun 2026 20:15:29 +0900
Subject: [PATCH 3/4] docs: map Video Studio implementation to OSS references

---
 docs/video-studio/oss-research.md | 34 +++++++++++++++++++++++++++++++
 tests/video-studio.test.ts        |  2 ++
 2 files changed, 36 insertions(+)

diff --git a/docs/video-studio/oss-research.md b/docs/video-studio/oss-research.md
index b2df8c4..714bd2d 100644
--- a/docs/video-studio/oss-research.md
+++ b/docs/video-studio/oss-research.md
@@ -71,6 +71,40 @@
 - what not to adopt: paid external video generation APIs, cloud text-to-video APIs, mandatory Remotion dependency, mandatory Python/ML stack, API-only publishers as the default path, or any copied OSS source.
 - why: the product requirement is a free local fallback that can generate a real uploadable MP4 from ChatGPT/MCP. Optional paid or reviewed APIs can exist later, but they cannot be required for video generation.
 
+## Implementation mapping
+
+No source code copied. The implementation only adopts architecture patterns and file-format ideas from the projects above.
+
+- Remotion mapping:
+  - OSS idea: represent videos as parameterized compositions, separate preview/editing from final render, and reuse templates.
+  - LocalAnt implementation: `VideoProject`, `VideoScene`, and render-plan JSON are props-driven scene/composition equivalents. Dashboard preview/review is separated from `video_studio_render_video`. The `generate_video` tool orchestrates reusable steps instead of hiding everything in a single opaque command.
+  - Not adopted: Remotion runtime dependency, React rendering bundle, Lambda/Cloud Run rendering, or custom Remotion licensing exposure in the first implementation.
+
+- MoviePy mapping:
+  - OSS idea: think in clips and layers: image/video clip, audio clip, text overlay, final composition.
+  - LocalAnt implementation: each scene becomes a generated visual clip, each narration segment becomes a WAV clip, captions are emitted as SRT/ASS/words, and FFmpeg composes the final MP4. The project directory keeps each layer in `assets/`, `audio/`, `captions/`, `render/`, and `output/`.
+  - Not adopted: Python dependency, MoviePy runtime, or dynamic Python package installation.
+
+- WhisperX mapping:
+  - OSS idea: word-level timestamp data enables later subtitle alignment, highlighting, and diarization.
+  - LocalAnt implementation: `captions/words.json` uses `{ word, start, end, sceneId }` entries so the initial deterministic caption splitter can later be replaced by true WhisperX-style alignment without changing downstream render/review APIs.
+  - Not adopted: ML transcription, GPU requirements, diarization, or model downloads as mandatory defaults.
+
+- FFmpeg mapping:
+  - OSS idea: use CLI primitives for final rendering, audio muxing, thumbnail extraction, ffprobe validation, progress overlays, and optional subtitle filters.
+  - LocalAnt implementation: built-in FFmpeg is the primary renderer; it concatenates scene clips, pads/muxes narration, draws a progress bar, extracts `thumbnail.jpg`, records `ffmpeg-command.txt`, and validates streams with ffprobe.
+  - Compatibility decision: FFmpeg subtitle rendering requires libass-enabled builds. Since this Mac's FFmpeg build did not expose `ass/subtitles` filters, LocalAnt still writes `.ass` and `.srt`, but burns readable caption text into generated scene visuals so output remains uploadable on common free FFmpeg installs.
+
+- Aegisub / ASS mapping:
+  - OSS idea: keep subtitle style, safe area, outline, timing, and text content separate.
+  - LocalAnt implementation: `output.ass` uses a dedicated style block with large white text, outline/shadow, bottom safe area, and per-scene dialogue events. The renderer can consume this directly later when libass is available.
+  - Not adopted: Aegisub editor/runtime or UI code.
+
+- OpenShorts / short-video-maker mapping:
+  - OSS idea: creator-facing pipeline should be script -> scene plan -> TTS/audio -> captions -> render -> publish preparation, exposed through an automation API.
+  - LocalAnt implementation: MCP tools follow that pipeline exactly and keep one-shot `video_studio_generate_video` as a wrapper over explicit steps. The browser publisher mirrors the practical OSS pattern of using local/browser upload flows when official APIs require review.
+  - Not adopted: Pexels/media API search, paid model calls, mandatory Kokoro/Whisper/Remotion stack, or unreviewed third-party API posting as the default.
+
 ## Final architecture
 
 - renderer: `builtin-ffmpeg` first. It creates scene images, burns ASS captions, muxes local narration when available, extracts a thumbnail, and validates with ffprobe.
diff --git a/tests/video-studio.test.ts b/tests/video-studio.test.ts
index c3376b6..3de6427 100644
--- a/tests/video-studio.test.ts
+++ b/tests/video-studio.test.ts
@@ -34,6 +34,8 @@ describe("Video Studio", () => {
       expect(text).toContain(required);
     }
     expect(text).toMatch(/free local/i);
+    expect(text).toContain("## Implementation mapping");
+    expect(text).toContain("No source code copied");
   });
 
   it("registers the requested tools with risk annotations and coding profile exposure", () => {

From 24d7098fc695c58ea312842858689b40c8b8d783 Mon Sep 17 00:00:00 2001
From: Yu-ga <74749461+yuga-hashimoto@users.noreply.github.com>
Date: Fri, 10 Jul 2026 08:46:17 +0900
Subject: [PATCH 4/4] feat: Remotion/VOICEVOX Video Studio pipeline with
 dashboard-gated tool features

Adds a Remotion-based animated renderer (with FFmpeg static-slide fallback),
VOICEVOX narration with macOS say / silent fallbacks, ChatGPT image-to-scene
import, and a chunked asset upload path for large generated images. Tool
exposure to ChatGPT is now gated per-feature (videoStudio/assetBridge) from
the dashboard while staying callable locally. Adds a shared Tailscale MCP
router so multiple local services can share one Funnel.

Review fixes: merge instead of clobber video_studio_configure state, add
VOICEVOX request timeouts, harden ffprobe/router-config error handling,
cap chunked upload size, and gitignore leaked runtime secrets/scratch files.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
---
 .gitignore                                    |   24 +
 README.md                                     |   17 +
 docs/asset-bridge.md                          |   43 +-
 docs/skills.md                                |    1 +
 ...6-video-studio-remotion-voicevox-design.md |   29 +
 docs/tools.md                                 |    8 +-
 docs/video-studio/oss-research.md             |   32 +-
 package.json                                  |    7 +
 packages/cli/src/bin.ts                       |    7 +-
 packages/cli/src/runtime.ts                   |   30 +-
 packages/cli/src/shared-router-daemon.ts      |    6 +
 packages/cli/src/shared-router.ts             |  174 ++
 packages/dashboard/src/index.ts               |   37 +-
 packages/gateway/src/gateway.ts               |   10 +-
 packages/gateway/src/tools/assets.ts          |   56 +
 packages/gateway/src/tools/doctor.ts          |    2 +-
 packages/gateway/src/tools/ui.ts              |    2 +-
 packages/gateway/src/tools/video-studio.ts    |  705 ++++++-
 packages/mcp/src/http-server.ts               |    7 +-
 packages/mcp/src/mcp-server.ts                |    5 +-
 packages/shared/src/config.ts                 |   11 +-
 packages/shared/src/tool-profiles.ts          |   41 +-
 pnpm-lock.yaml                                | 1799 ++++++++++++++++-
 scripts/render-localant-five-visual-styles.ts |  290 +++
 scripts/video-studio-e2e.ts                   |   49 +-
 scripts/video-studio-variants.ts              |  112 +
 tests/asset-bridge.test.ts                    |   46 +-
 tests/http-server.test.ts                     |   38 +
 tests/shared-router.test.ts                   |   65 +
 tests/tool-profiles.test.ts                   |   22 +
 tests/video-studio.test.ts                    |  234 ++-
 31 files changed, 3783 insertions(+), 126 deletions(-)
 create mode 100644 docs/superpowers/specs/2026-06-26-video-studio-remotion-voicevox-design.md
 create mode 100644 packages/cli/src/shared-router-daemon.ts
 create mode 100644 packages/cli/src/shared-router.ts
 create mode 100644 scripts/render-localant-five-visual-styles.ts
 create mode 100644 scripts/video-studio-variants.ts
 create mode 100644 tests/shared-router.test.ts

diff --git a/.gitignore b/.gitignore
index b8519d8..a188c81 100644
--- a/.gitignore
+++ b/.gitignore
@@ -8,3 +8,27 @@ coverage/
 .tmp-tests/
 .tmp-video-studio-e2e/
 .commandcode/
+
+# LocalAnt runtime state accidentally created at the repo root (gateway home = cwd)
+/approvals.json
+/config.json
+/secrets.json
+/token
+/vault.key
+/audit/
+/output/
+/backups/
+/logs/
+
+# Local render / e2e scratch
+.tmp-e2e-render/
+.tmp-video-studio-variants/
+.tmp-localant-five-visual-styles/
+
+# One-off dev scratch files
+/x1
+/x2
+/xrun.cjs
+/serve-output.cjs
+/patch_remotion_template.py
+/scripts/x5.ts
diff --git a/README.md b/README.md
index 875765c..2bca497 100644
--- a/README.md
+++ b/README.md
@@ -150,6 +150,11 @@ localant tools profile coding   # switch profile
 localant tools list             # see what's exposed
 ```
 
+Optional product surfaces such as **LocalAnt Video Studio** and the generated-image
+**Asset bridge** are disabled for ChatGPT by default. Enable them from
+Dashboard → Settings → Optional ChatGPT tools when you want those tools
+advertised over MCP.
+
 Every tool's risk level (0–4) and how each family is gated is documented in
 [docs/tools.md](docs/tools.md).
 
@@ -382,6 +387,18 @@ All routes share one validation path (magic-byte sniff → MIME allowlist →
 SVG-safety scan → sha256 → atomic write with backup). Risk 2 (no approval in
 `open` mode). See [docs/asset-bridge.md](docs/asset-bridge.md).
 
+For Video Studio, save the generated image first, then attach it to a scene with
+`video_studio_add_asset`. The image is copied into the project workspace and
+passed to Remotion as a scene visual, so ChatGPT-generated images can become
+animated short-video material.
+
+For large generated images, use `asset_upload_chunk` repeatedly and finish with
+`asset_commit_upload`; the committed file can then be attached with
+`video_studio_add_asset`.
+
+These tools are not advertised to ChatGPT unless the Asset bridge feature is
+enabled in Dashboard → Settings → Optional ChatGPT tools.
+
 ## Browser automation
 
 Playwright-based (optional peer dependency), using an **isolated profile** by
diff --git a/docs/asset-bridge.md b/docs/asset-bridge.md
index 65fc6f7..386a6b6 100644
--- a/docs/asset-bridge.md
+++ b/docs/asset-bridge.md
@@ -43,6 +43,46 @@ asset_save_image {
 
 Returns `{ path, bytes, mimeType, sha256, source, backupId? }`.
 
+### Large generated images
+
+When ChatGPT can read the image bytes but a single `asset_save_image` base64
+payload would be too large, stream it in chunks:
+
+```jsonc
+asset_upload_chunk {
+  "uploadId": "generated-scene-001",
+  "index": 0,
+  "data": "base64 text chunk"
+}
+
+asset_commit_upload {
+  "uploadId": "generated-scene-001",
+  "chunks": 12,
+  "destination": "/absolute/path/to/scene-001.png"
+}
+```
+
+`asset_commit_upload` assembles the chunks, then runs the exact same image
+validation and atomic write path as `asset_save_image`. Chunk payloads are not
+recorded in the audit log.
+
+## Video Studio handoff
+
+Use `asset_save_image` first, then import the saved file into a Video Studio
+scene:
+
+```jsonc
+video_studio_add_asset {
+  "projectId": "mqu-example",
+  "sceneId": "scene-001",
+  "path": "/absolute/path/to/chatgpt-generated.png"
+}
+```
+
+`video_studio_add_asset` copies PNG/JPEG/WebP files into the project's
+`assets/` directory, records the scene `assetPath`, and passes the image through
+`render-props.json` so Remotion renders it as the scene visual.
+
 ## Validation (every route)
 
 Before anything is written, the resolved bytes must pass:
@@ -87,7 +127,8 @@ never leaves a corrupt asset in place.
 ## Profiles
 
 `asset_save_image` is exposed in the `coding` and `full` profiles (not
-`minimal`).
+`minimal`) only after the Asset bridge feature is enabled from Dashboard →
+Settings → Optional ChatGPT tools.
 
 ```bash
 localant tools profile coding
diff --git a/docs/skills.md b/docs/skills.md
index 45f8b71..e536c3e 100644
--- a/docs/skills.md
+++ b/docs/skills.md
@@ -106,6 +106,7 @@ Ready-to-read references live in [`examples/skills/`](../examples/skills):
 | `file-organizer` | Filesystem writes — sort a folder by type/date. A "local hands" chore ChatGPT can't do itself. |
 | `local-backup` | Shell allowlist (`tar` only) — timestamped `.tar.gz` snapshots. |
 | `article-publisher` | Network + secrets + git — publish to Zenn/Qiita/note. |
+| `flowkit` | Local REST API — control a running FlowKit video-generation server. |
 
 ## Generating a skill from ChatGPT
 
diff --git a/docs/superpowers/specs/2026-06-26-video-studio-remotion-voicevox-design.md b/docs/superpowers/specs/2026-06-26-video-studio-remotion-voicevox-design.md
new file mode 100644
index 0000000..7ec6df6
--- /dev/null
+++ b/docs/superpowers/specs/2026-06-26-video-studio-remotion-voicevox-design.md
@@ -0,0 +1,29 @@
+# LocalAnt Video Studio Remotion + VOICEVOX Design
+
+## Goal
+
+LocalAnt Video Studio generates presentation-style short videos for OSS introductions, app introductions, and product introductions. It does not call paid external text-to-video APIs. The primary path is local Remotion rendering with local VOICEVOX narration.
+
+## Primary Pipeline
+
+1. Create a script and scene manifest.
+2. Detect VOICEVOX Engine at `http://127.0.0.1:50021` or configured endpoint.
+3. Fetch `/speakers` and select a speaker/style.
+4. For each scene, call `/audio_query`, then `/synthesis`, and write a scene WAV.
+5. Probe each scene WAV with `ffprobe`; scene durations and total project duration are derived from actual audio.
+6. Generate captions from audio-derived timings: `output.srt`, `output.ass`, and `words.json`.
+7. Write `render/render-props.json` and `render/motion-plan.json`.
+8. Render `output/output.mp4` and `output/thumbnail.jpg` with Remotion.
+9. Review with `ffprobe`; fail if the rendered video is shorter than the narration audio.
+
+## Fallbacks
+
+Remotion is the primary renderer. The existing static ffmpeg slide renderer remains a fallback only when Remotion is unavailable. VOICEVOX is the primary Japanese TTS. macOS `say` is preview fallback only, and ffmpeg silence is the last local fallback for automated tests.
+
+## Dashboard
+
+The Dashboard Video Studio card shows the primary renderer, fallback renderer, VOICEVOX endpoint, speaker count, selected speaker, voice quality, and render readiness. Project rows continue exposing Generate, Review, Prepare Publish, Browser Upload Assist, and Publish.
+
+## Verification
+
+`pnpm build`, `pnpm test`, and `pnpm video-studio:e2e` must pass. The E2E output must contain `output.mp4`, `thumbnail.jpg`, `output.srt`, `output.ass`, `words.json`, `render-props.json`, and `motion-plan.json`. When VOICEVOX is running, E2E must use VOICEVOX; otherwise it must clearly report fallback audio in the result while keeping the primary status visible.
diff --git a/docs/tools.md b/docs/tools.md
index 57e6986..6d802da 100644
--- a/docs/tools.md
+++ b/docs/tools.md
@@ -27,7 +27,8 @@ is risk 0; a `git_reset --hard` is risk 4), so ranges are shown.
 |--------|------:|------------|-------|
 | Read / Search | 7 | 0 | `read`, `read_file_range`, `grep`, `glob`, `list_files`, `get_file_info`. Never mutates. |
 | Edit | 10 | 2–3 | `write`, `edit`, `multi_edit`, `apply_patch`, `move_file`, `copy_file`, `create_directory`, `delete_file`. |
-| Asset bridge | 1 | 2 | `asset_save_image` — one tool, `source.kind` = `base64` / `url` / `latest_download`. Magic-byte + SSRF + SVG-safety checked. See [asset-bridge.md](asset-bridge.md). |
+| Asset bridge | 3 | 2 | `asset_save_image`, plus `asset_upload_chunk` / `asset_commit_upload` for large generated images. Video Studio can attach saved images with `video_studio_add_asset`. Magic-byte + SSRF + SVG-safety checked. See [asset-bridge.md](asset-bridge.md). |
+| Video Studio | 17 | 0–4 | Remotion + VOICEVOX short-video workflow. Disabled for ChatGPT by default; enable it from Dashboard → Settings → Optional ChatGPT tools. |
 | Shell | 16 | 0–3 | `bash`, background shell control, `command_exists`. Screened by CommandGuard + PathGuard. |
 | Git | 22 | 0–4 | Status/diff/log are 0; `git_commit`/`git_add` are 2–3; `git_reset`/destructive ops reach 4. |
 | Validate / Project | 8 | 0–3 | `project_run_tests`/`lint`/`typecheck`/`build`/`validation`; reads scripts at 0. |
@@ -60,3 +61,8 @@ The advertised surface is narrowed by the active **tool profile**:
 localant tools profile coding
 localant tools list
 ```
+
+Optional product surfaces are also gated by Dashboard feature toggles. LocalAnt
+Video Studio and the generated-image Asset bridge are disabled for ChatGPT by
+default; enable them in Dashboard → Settings → Optional ChatGPT tools before
+they appear in MCP `tools/list`.
diff --git a/docs/video-studio/oss-research.md b/docs/video-studio/oss-research.md
index 714bd2d..00f4d07 100644
--- a/docs/video-studio/oss-research.md
+++ b/docs/video-studio/oss-research.md
@@ -8,8 +8,8 @@
 - last activity if available: latest release v4.0.482 on 2026-06-22 when checked
 - license: custom Remotion license, with company-license requirements in some cases
 - stack: TypeScript, React, browser rendering, programmatic composition
-- useful ideas: composition objects, props-driven rendering, preview/render separation, reusable templates
-- risks: too heavy for the first LocalAnt implementation and license constraints make direct dependency undesirable
+- useful ideas: composition objects, props-driven rendering, preview/render separation, reusable animated templates
+- risks: heavier than a pure FFmpeg fallback and Remotion's custom license should stay visible to operators
 
 - name: MoviePy
 - url: https://github.com/Zulko/moviepy and https://zulko.github.io/moviepy/
@@ -65,10 +65,19 @@
 - useful ideas: text to TTS to captions to Remotion render pipeline, MCP-compatible public surface
 - risks: Pexels/API-backed media search and ML dependencies are not acceptable as mandatory defaults here
 
+- name: VOICEVOX Engine
+- url: https://github.com/VOICEVOX/voicevox_engine and https://voicevox.github.io/voicevox_engine/api/
+- stars if available: public GitHub project
+- last activity if available: active public repository when checked
+- license: LGPL-3.0 for the engine; voice library terms are separate
+- stack: local HTTP TTS engine, `/speakers`, `/audio_query`, `/synthesis`
+- useful ideas: free local Japanese narration, explicit speaker/style selection, scene-level WAV generation
+- risks: the engine must be running locally; character/voice terms must be respected by users
+
 ## Design decisions for LocalAnt
 
-- what to adopt: Remotion's scene/composition/props model, MoviePy's separation of clips/audio/overlays, WhisperX's word-timing JSON shape, FFmpeg as the required first renderer, ASS subtitles for readable Shorts/Reels captions, and a browser-upload-assist provider that stops before submit.
-- what not to adopt: paid external video generation APIs, cloud text-to-video APIs, mandatory Remotion dependency, mandatory Python/ML stack, API-only publishers as the default path, or any copied OSS source.
+- what to adopt: Remotion's scene/composition/props model as the primary renderer, VOICEVOX Engine as the primary Japanese TTS, MoviePy's separation of clips/audio/overlays, WhisperX's word-timing JSON shape, FFmpeg/ffprobe for fallback and validation, ASS subtitles for readable Shorts/Reels captions, and a browser-upload-assist provider that stops before submit.
+- what not to adopt: paid external video generation APIs, cloud text-to-video APIs, mandatory Python/ML stack, API-only publishers as the default path, or any copied OSS source.
 - why: the product requirement is a free local fallback that can generate a real uploadable MP4 from ChatGPT/MCP. Optional paid or reviewed APIs can exist later, but they cannot be required for video generation.
 
 ## Implementation mapping
@@ -77,8 +86,13 @@ No source code copied. The implementation only adopts architecture patterns and
 
 - Remotion mapping:
   - OSS idea: represent videos as parameterized compositions, separate preview/editing from final render, and reuse templates.
-  - LocalAnt implementation: `VideoProject`, `VideoScene`, and render-plan JSON are props-driven scene/composition equivalents. Dashboard preview/review is separated from `video_studio_render_video`. The `generate_video` tool orchestrates reusable steps instead of hiding everything in a single opaque command.
-  - Not adopted: Remotion runtime dependency, React rendering bundle, Lambda/Cloud Run rendering, or custom Remotion licensing exposure in the first implementation.
+  - LocalAnt implementation: `VideoProject`, `VideoScene`, `render/render-props.json`, and `render/motion-plan.json` drive a Remotion composition with animated background, card, title, captions, progress bar, and CTA. Dashboard preview/review is separated from `video_studio_render_video`. The `generate_video` tool orchestrates reusable steps instead of hiding everything in a single opaque command.
+  - Not adopted: Lambda/Cloud Run rendering or remote render services.
+
+- VOICEVOX mapping:
+  - OSS idea: run Japanese TTS locally through a documented HTTP engine.
+  - LocalAnt implementation: status checks `http://127.0.0.1:50021/speakers` by default, selects a speaker/style, then calls `/audio_query` and `/synthesis` per scene. Scene WAV durations are measured with `ffprobe`, and video timings are derived from those durations.
+  - Not adopted: bundled VOICEVOX engine binaries, remote TTS, or paid voice APIs.
 
 - MoviePy mapping:
   - OSS idea: think in clips and layers: image/video clip, audio clip, text overlay, final composition.
@@ -92,7 +106,7 @@ No source code copied. The implementation only adopts architecture patterns and
 
 - FFmpeg mapping:
   - OSS idea: use CLI primitives for final rendering, audio muxing, thumbnail extraction, ffprobe validation, progress overlays, and optional subtitle filters.
-  - LocalAnt implementation: built-in FFmpeg is the primary renderer; it concatenates scene clips, pads/muxes narration, draws a progress bar, extracts `thumbnail.jpg`, records `ffmpeg-command.txt`, and validates streams with ffprobe.
+  - LocalAnt implementation: FFmpeg static-slide rendering is fallback. `ffprobe` remains mandatory for audio length measurement and review validation, including failing when rendered video is shorter than narration.
   - Compatibility decision: FFmpeg subtitle rendering requires libass-enabled builds. Since this Mac's FFmpeg build did not expose `ass/subtitles` filters, LocalAnt still writes `.ass` and `.srt`, but burns readable caption text into generated scene visuals so output remains uploadable on common free FFmpeg installs.
 
 - Aegisub / ASS mapping:
@@ -107,10 +121,10 @@ No source code copied. The implementation only adopts architecture patterns and
 
 ## Final architecture
 
-- renderer: `builtin-ffmpeg` first. It creates scene images, burns ASS captions, muxes local narration when available, extracts a thumbnail, and validates with ffprobe.
+- renderer: Remotion first. It renders animated presentation-style shorts from `render-props.json`; `builtin-ffmpeg` static slides are fallback only.
 - script generator: deterministic template generator that works without an LLM API.
 - asset generator: free local generated visuals. It writes per-scene PNGs using FFmpeg color/image generation when available, with SVG placeholders retained for inspection.
-- audio generator: free local narration. On macOS it uses `say`; otherwise FFmpeg silence is used when possible, with setup guidance only if neither local option works.
+- audio generator: VOICEVOX first for Japanese narration. macOS `say` is preview fallback, and FFmpeg silence is only the last local fallback for tests or setup-limited environments.
 - caption system: SRT, ASS, and `words.json` are generated from scene timings, with the JSON shaped for future WhisperX word alignment.
 - publisher system: browser upload assist and dry-run metadata first. Official APIs are readiness-checked but not required.
 - dashboard integration: dashboard routes call the same MCP tools so ChatGPT and the local UI share one implementation.
diff --git a/package.json b/package.json
index e35596d..2a934d9 100644
--- a/package.json
+++ b/package.json
@@ -46,9 +46,14 @@
   },
   "dependencies": {
     "@modelcontextprotocol/sdk": "^1.12.0",
+    "@remotion/bundler": "^4.0.482",
+    "@remotion/renderer": "^4.0.482",
     "commander": "^15.0.0",
     "express": "^5.0.1",
     "nanoid": "^5.0.9",
+    "react": "^19.2.7",
+    "react-dom": "^19.2.7",
+    "remotion": "^4.0.482",
     "tsx": "^4.19.2",
     "zod": "^4.4.3"
   },
@@ -72,6 +77,8 @@
     "@localant/skill-sdk": "workspace:*",
     "@types/express": "^5.0.0",
     "@types/node": "^22.10.0",
+    "@types/react": "^19.2.17",
+    "@types/react-dom": "^19.2.3",
     "@typescript-eslint/eslint-plugin": "^8.18.0",
     "@typescript-eslint/parser": "^8.18.0",
     "@vitest/coverage-v8": "^2.1.9",
diff --git a/packages/cli/src/bin.ts b/packages/cli/src/bin.ts
index 4aeab87..5f35a4b 100644
--- a/packages/cli/src/bin.ts
+++ b/packages/cli/src/bin.ts
@@ -563,8 +563,9 @@ toolsCmd
   .description("List tools exposed under the active profile")
   .action(() => {
     const gw = createGateway();
-    const profile = gw.config().tools.profile;
-    const tools = gw.registry.list().filter((t) => isToolInProfile(t.name, profile));
+    const toolsConfig = gw.config().tools;
+    const profile = toolsConfig.profile;
+    const tools = gw.registry.list().filter((t) => isToolInProfile(t.name, profile, toolsConfig.features));
     console.log(c.bold(`Profile: ${profile} (${tools.length} tools)`));
     for (const t of tools) console.log(`  ${t.name} ${c.gray(`[risk ${t.risk}]`)}`);
   });
@@ -580,7 +581,7 @@ toolsCmd
     if (!["minimal", "coding", "full"].includes(name)) {
       return console.log(fail("Profile must be one of: minimal, coding, full"));
     }
-    gw.saveConfig({ ...gw.config(), tools: { profile: name as "minimal" | "coding" | "full" } });
+    gw.saveConfig({ ...gw.config(), tools: { ...gw.config().tools, profile: name as "minimal" | "coding" | "full" } });
     console.log(ok(`Tool profile set to '${name}'. Restart the gateway for it to take effect.`));
   });
 
diff --git a/packages/cli/src/runtime.ts b/packages/cli/src/runtime.ts
index bc375b4..b2a7228 100644
--- a/packages/cli/src/runtime.ts
+++ b/packages/cli/src/runtime.ts
@@ -3,6 +3,7 @@ import { createGateway, type Gateway } from "@localant/gateway";
 import { startHttpServers } from "@localant/mcp";
 import { c, ok, warn, copyToClipboard, openBrowser, urlBox } from "./util.js";
 import { resolveAppVersion, APP_VERSION } from "@localant/shared";
+import { buildRoutedMcpEndpoint, ensureSharedRouterRoute } from "./shared-router.js";
 
 export interface StartOptions {
   noTunnel?: boolean;
@@ -50,12 +51,35 @@ export async function runGateway(gw: Gateway, opts: StartOptions): Promise<void>
 
   if (!opts.noTunnel && cfg.tunnel.provider !== "none") {
     if (!opts.quiet) process.stdout.write(c.gray("Starting tunnel… "));
-    const tunnel = await gw.tunnel.start(servers.gatewayPort);
+    const tunnel =
+      cfg.tunnel.provider === "tailscale" && (cfg.tunnel.domain || cfg.tunnel.publicUrl)
+        ? await (async () => {
+            const publicBaseUrl = cfg.tunnel.publicUrl || `https://${cfg.tunnel.domain}`;
+            const route = await ensureSharedRouterRoute({
+              name: "localant",
+              prefix: "/localant",
+              target: `http://127.0.0.1:${servers.gatewayPort}`,
+              publicBaseUrl,
+            });
+            return {
+              provider: "tailscale-shared-router",
+              url: route.publicBaseUrl,
+              status: "running" as const,
+              error: undefined,
+            };
+          })()
+        : await gw.tunnel.start(servers.gatewayPort);
 
     if (tunnel.status === "running" && tunnel.url) {
-      const isReachable = await verifyTunnelReachable(tunnel.url);
+      const isReachable =
+        tunnel.provider === "tailscale-shared-router"
+          ? await verifyTunnelReachable(`${tunnel.url.replace(/\/$/, "")}/localant`)
+          : await verifyTunnelReachable(tunnel.url);
       if (isReachable) {
-        mcpEndpoint = `${tunnel.url.replace(/\/$/, "")}/mcp?key=${gw.configStore.getToken()}`;
+        mcpEndpoint =
+          tunnel.provider === "tailscale-shared-router"
+            ? buildRoutedMcpEndpoint(tunnel.url, "/localant", gw.configStore.getToken())
+            : `${tunnel.url.replace(/\/$/, "")}/mcp?key=${gw.configStore.getToken()}`;
         if (!opts.quiet) process.stdout.write(c.green("ok\n"));
       } else {
         if (!opts.quiet) process.stdout.write(c.red("failed (unreachable)\n"));
diff --git a/packages/cli/src/shared-router-daemon.ts b/packages/cli/src/shared-router-daemon.ts
new file mode 100644
index 0000000..2fa1637
--- /dev/null
+++ b/packages/cli/src/shared-router-daemon.ts
@@ -0,0 +1,6 @@
+import { createSharedRouterServer, loadRouterConfig, routerConfigPath } from "./shared-router.js";
+
+const configFile = process.env.MCP_TAILSCALE_ROUTER_CONFIG || routerConfigPath();
+const server = createSharedRouterServer(configFile);
+
+server.listen(loadRouterConfig(configFile).port, "127.0.0.1");
diff --git a/packages/cli/src/shared-router.ts b/packages/cli/src/shared-router.ts
new file mode 100644
index 0000000..7d5a279
--- /dev/null
+++ b/packages/cli/src/shared-router.ts
@@ -0,0 +1,174 @@
+import fs from "node:fs";
+import http from "node:http";
+import os from "node:os";
+import path from "node:path";
+import { spawn } from "node:child_process";
+import { resolveTailscale, tailscaleEnv } from "@localant/gateway";
+
+export interface SharedRouterRoute {
+  name: string;
+  prefix: string;
+  target: string;
+}
+
+export interface SharedRouterConfig {
+  port: number;
+  routes: Record<string, SharedRouterRoute>;
+}
+
+export interface EnsureSharedRouterOptions {
+  name: string;
+  prefix: string;
+  target: string;
+  publicBaseUrl: string;
+}
+
+export interface SharedRouterRegistration {
+  publicBaseUrl: string;
+  routeBaseUrl: string;
+}
+
+const ROUTER_DIR = path.join(os.homedir(), ".mcp-tailscale-router");
+const CONFIG_FILE = path.join(ROUTER_DIR, "config.json");
+const PID_FILE = path.join(ROUTER_DIR, "router.pid");
+const DEFAULT_PORT = 8790;
+
+export function normalizeRoutePrefix(prefix: string): string {
+  const trimmed = prefix.trim().replace(/^\/+/, "").replace(/\/+$/, "");
+  if (!trimmed || trimmed.includes("..") || /[^a-zA-Z0-9._-]/.test(trimmed)) {
+    throw new Error(`Invalid shared router prefix "${prefix}". Use letters, numbers, dot, underscore or dash.`);
+  }
+  return `/${trimmed}`;
+}
+
+export function buildRoutedMcpEndpoint(publicBaseUrl: string, prefix: string, token: string): string {
+  return `${publicBaseUrl.replace(/\/$/, "")}${normalizeRoutePrefix(prefix)}/mcp?key=${encodeURIComponent(token)}`;
+}
+
+export function loadRouterConfig(configFile = CONFIG_FILE): SharedRouterConfig {
+  if (!fs.existsSync(configFile)) return { port: DEFAULT_PORT, routes: {} };
+  try {
+    const parsed = JSON.parse(fs.readFileSync(configFile, "utf8")) as Partial<SharedRouterConfig>;
+    return { port: parsed.port ?? DEFAULT_PORT, routes: parsed.routes ?? {} };
+  } catch {
+    return { port: DEFAULT_PORT, routes: {} };
+  }
+}
+
+function saveRouterConfig(config: SharedRouterConfig): void {
+  fs.mkdirSync(ROUTER_DIR, { recursive: true });
+  fs.writeFileSync(CONFIG_FILE, JSON.stringify(config, null, 2));
+}
+
+async function routerHealthy(port: number): Promise<boolean> {
+  try {
+    const res = await fetch(`http://127.0.0.1:${port}/__mcp_router/healthz`, { signal: AbortSignal.timeout(1000) });
+    return res.ok;
+  } catch {
+    return false;
+  }
+}
+
+async function waitForRouter(port: number): Promise<void> {
+  for (let i = 0; i < 30; i++) {
+    if (await routerHealthy(port)) return;
+    await new Promise((resolve) => setTimeout(resolve, 200));
+  }
+  throw new Error(`Shared MCP router did not start on port ${port}.`);
+}
+
+async function ensureRouterProcess(port: number): Promise<void> {
+  if (await routerHealthy(port)) return;
+  const child = spawn(process.execPath, [new URL("./shared-router-daemon.js", import.meta.url).pathname], {
+    detached: true,
+    stdio: "ignore",
+    env: { ...process.env, MCP_TAILSCALE_ROUTER_CONFIG: CONFIG_FILE },
+  });
+  child.unref();
+  fs.mkdirSync(ROUTER_DIR, { recursive: true });
+  fs.writeFileSync(PID_FILE, String(child.pid ?? ""));
+  await waitForRouter(port);
+}
+
+async function ensureTailscaleFunnel(port: number): Promise<void> {
+  const bin = await resolveTailscale();
+  if (!bin) throw new Error("Tailscale CLI was not found. Install Tailscale or set a non-Tailscale tunnel provider.");
+  const env = tailscaleEnv();
+  await new Promise<void>((resolve) => {
+    const reset = spawn(bin, ["funnel", "reset"], { env, stdio: "ignore" });
+    reset.on("close", () => resolve());
+    reset.on("error", () => resolve());
+  });
+  await new Promise<void>((resolve, reject) => {
+    const child = spawn(bin, ["funnel", "--bg", String(port)], { env, stdio: "ignore" });
+    child.on("error", reject);
+    child.on("close", (code) => {
+      if (code === 0) resolve();
+      else reject(new Error(`Tailscale Funnel failed to publish shared router on port ${port} (exit ${code}).`));
+    });
+  });
+}
+
+export async function ensureSharedRouterRoute(options: EnsureSharedRouterOptions): Promise<SharedRouterRegistration> {
+  const prefix = normalizeRoutePrefix(options.prefix);
+  const config = loadRouterConfig();
+  config.routes[options.name] = {
+    name: options.name,
+    prefix,
+    target: options.target.replace(/\/$/, ""),
+  };
+  saveRouterConfig(config);
+  await ensureRouterProcess(config.port);
+  await ensureTailscaleFunnel(config.port);
+  const publicBaseUrl = options.publicBaseUrl.replace(/\/$/, "");
+  return { publicBaseUrl, routeBaseUrl: `${publicBaseUrl}${prefix}` };
+}
+
+export function createSharedRouterServer(configFile = CONFIG_FILE): http.Server {
+  return http.createServer((req, res) => {
+    const url = new URL(req.url ?? "/", "http://127.0.0.1");
+    if (url.pathname === "/__mcp_router/healthz") {
+      res.writeHead(200, { "content-type": "application/json" });
+      res.end(JSON.stringify({ ok: true, service: "mcp-tailscale-router" }));
+      return;
+    }
+
+    const config = loadRouterConfig(configFile);
+    const route = Object.values(config.routes).find((candidate) => {
+      return url.pathname === candidate.prefix || url.pathname.startsWith(`${candidate.prefix}/`);
+    });
+    if (!route) {
+      res.writeHead(404, { "content-type": "application/json" });
+      res.end(JSON.stringify({ error: "route_not_found" }));
+      return;
+    }
+
+    const target = new URL(route.target);
+    const stripped = url.pathname.slice(route.prefix.length) || "/";
+    target.pathname = `${target.pathname.replace(/\/$/, "")}${stripped}`;
+    target.search = url.search;
+
+    const headers = { ...req.headers };
+    headers.host = target.host;
+    const proxy = http.request(
+      target,
+      {
+        method: req.method,
+        headers,
+      },
+      (upstream) => {
+        res.writeHead(upstream.statusCode ?? 502, upstream.headers);
+        upstream.pipe(res);
+      },
+    );
+    proxy.on("error", (err) => {
+      if (!res.headersSent) res.writeHead(502, { "content-type": "application/json" });
+      res.end(JSON.stringify({ error: "upstream_error", message: err.message }));
+    });
+    req.pipe(proxy);
+  });
+}
+
+export function routerConfigPath(): string {
+  return CONFIG_FILE;
+}
diff --git a/packages/dashboard/src/index.ts b/packages/dashboard/src/index.ts
index 94e38b3..0513098 100644
--- a/packages/dashboard/src/index.ts
+++ b/packages/dashboard/src/index.ts
@@ -653,9 +653,24 @@ const VIEWS = {
   async "Video Studio"(m){
     const [status, projectsData]=await Promise.all([api('video-studio/status'), api('video-studio/projects').catch(()=>({projects:[]}))]);
     const projects=projectsData.projects||[];
+    const vv=status.audio&&status.audio.voicevox||{};
+    const renderer=status.renderer||{};
     m.innerHTML='<div class="card"><h2>Video Studio</h2>'
-      +'<p class="muted" style="margin-top:0">Renderer: <code>builtin-ffmpeg</code> · video generation: <code>'+esc(status.policy&&status.policy.videoGeneration||'free local generation only')+'</code></p>'
-      +'<div class="row" style="gap:8px;margin-bottom:12px"><span class="tag '+(status.renderer&&status.renderer.builtinFfmpeg?'risk0':'risk4')+'">ffmpeg '+(status.renderer&&status.renderer.builtinFfmpeg?'ready':'missing')+'</span><span class="tag '+(status.renderer&&status.renderer.ffprobe?'risk0':'risk2')+'">ffprobe '+(status.renderer&&status.renderer.ffprobe?'ready':'missing')+'</span><span class="tag '+(status.audio&&status.audio.macosSay?'risk0':'risk2')+'">macOS say '+(status.audio&&status.audio.macosSay?'ready':'fallback')+'</span></div>'
+      +'<p class="muted" style="margin-top:0">Renderer: <code>'+(esc(renderer.primary||'remotion'))+'</code> · fallback: <code>'+(esc(status.policy&&status.policy.fallbackRenderer||'builtin-ffmpeg-static-slides'))+'</code> · video generation: <code>'+esc(status.policy&&status.policy.videoGeneration||'free local generation only')+'</code></p>'
+      +'<div class="row" style="gap:8px;margin-bottom:12px">'
+        +'<span class="tag '+(renderer.remotion?'risk0':'risk4')+'">Remotion '+(renderer.remotion?'ready':'missing')+'</span>'
+        +'<span class="tag '+(renderer.builtinFfmpegFallback?'risk0':'risk4')+'">ffmpeg fallback '+(renderer.builtinFfmpegFallback?'ready':'missing')+'</span>'
+        +'<span class="tag '+(renderer.ffprobe?'risk0':'risk2')+'">ffprobe '+(renderer.ffprobe?'ready':'missing')+'</span>'
+        +'<span class="tag '+(vv.available?'risk0':'risk4')+'">VOICEVOX '+(vv.available?'ready':'offline')+'</span>'
+        +'<span class="tag '+(status.audio&&status.audio.macosSayPreviewFallback?'risk2':'risk3')+'">macOS say preview '+(status.audio&&status.audio.macosSayPreviewFallback?'ready':'missing')+'</span>'
+      +'</div>'
+      +'<div class="card" style="background:var(--panel2);margin-bottom:12px"><h2>Voice / Render Status</h2>'
+        +'<table><tbody>'
+          +'<tr><td class="muted">VOICEVOX endpoint</td><td><code>'+esc(vv.endpoint||'http://127.0.0.1:50021')+'</code></td></tr>'
+          +'<tr><td class="muted">Speakers</td><td>'+esc(vv.speakerCount||0)+' · '+esc(vv.selectedSpeakerName||'not selected')+'</td></tr>'
+          +'<tr><td class="muted">Voice quality</td><td><code>'+(vv.available?'primary':'preview/silent fallback')+'</code></td></tr>'
+          +'<tr><td class="muted">Render status</td><td>Remotion '+(renderer.remotion?'ready':'missing')+' · ffmpeg fallback '+(renderer.builtinFfmpegFallback?'ready':'missing')+'</td></tr>'
+        +'</tbody></table></div>'
       +'<div class="row" style="gap:12px;align-items:flex-end">'
         +'<div class="field" style="flex:1;margin:0"><label>Topic</label><input id="vsTopic" value="LocalAntで動画制作を自動化する" /></div>'
         +'<div class="field" style="width:150px;margin:0"><label>Duration</label><input id="vsDuration" type="number" value="18" min="6" max="180" /></div>'
@@ -691,7 +706,7 @@ const VIEWS = {
       prep.onclick=action(prep,async()=>{ show(await api('video-studio/publish/prepare',{method:'POST',headers:{'content-type':'application/json'},body:JSON.stringify({projectId:p.id,platforms:['youtube','tiktok','instagram']})})); toast('Metadata written'); },'Preparing');
       cell.appendChild(prep);
       const upload=el('<button class="btn ghost sm" style="margin-left:6px">Browser Upload Assist</button>');
-      upload.onclick=action(upload,async()=>{ show(await api('video-studio/publish',{method:'POST',headers:{'content-type':'application/json'},body:JSON.stringify({projectId:p.id,platform:'youtube',provider:'browser',dryRun:false,confirmBrowserPublish:false})})); toast('Upload assist opened or returned setup instructions'); },'Opening');
+      upload.onclick=action(upload,async()=>{ show(await api('video-studio/publish',{method:'POST',headers:{'content-type':'application/json'},body:JSON.stringify({projectId:p.id,platform:'youtube',provider:'browser',dryRun:false,confirmBrowserPublish:false,executeBrowser:false})})); toast('Upload assist opened or returned setup instructions'); },'Opening');
       cell.appendChild(upload);
       const publish=el('<button class="btn danger sm" style="margin-left:6px">Publish</button>');
       publish.onclick=action(publish,async()=>{ if(!confirm('Click the configured submit/publish button in the browser? Login, CAPTCHA and 2FA are never bypassed.')) return; show(await api('video-studio/publish',{method:'POST',headers:{'content-type':'application/json'},body:JSON.stringify({projectId:p.id,platform:'youtube',provider:'browser',dryRun:false,confirmBrowserPublish:true})})); },'Publishing');
@@ -708,6 +723,8 @@ const VIEWS = {
     const allowedCmds=sec.allowedCommands||[];
     const blockedTokens=sec.blockedCommandTokens||[];
     const CORE=["sudo","su","mkfs","mkfs.ext4","dd","fdisk","diskutil","shutdown","reboot"];
+    const toolsCfg=c.tools||{};
+    const toolFeatures=toolsCfg.features||{};
 
     const tun=c.tunnel||{};
 
@@ -730,12 +747,17 @@ const VIEWS = {
       +'<div class="field"><label style="display:flex;align-items:center;gap:8px;cursor:pointer;"><input type="checkbox" id="approveRisk1"'+(sec.approveRisk1?' checked':'')+' style="width:auto"/> Require approval for Risk 1 (draft) actions</label></div>'
       +'<div class="field"><label>Tool profile</label>'
         +'<select id="toolProfile" style="width:160px">'
-          +'<option value="minimal"'+(((c.tools&&c.tools.profile)||'minimal')==='minimal'?' selected':'')+'>minimal (default)</option>'
-          +'<option value="coding"'+((c.tools&&c.tools.profile)==='coding'?' selected':'')+'>coding</option>'
-          +'<option value="full"'+((c.tools&&c.tools.profile)==='full'?' selected':'')+'>full</option>'
+          +'<option value="minimal"'+(((toolsCfg&&toolsCfg.profile)||'minimal')==='minimal'?' selected':'')+'>minimal (default)</option>'
+          +'<option value="coding"'+((toolsCfg&&toolsCfg.profile)==='coding'?' selected':'')+'>coding</option>'
+          +'<option value="full"'+((toolsCfg&&toolsCfg.profile)==='full'?' selected':'')+'>full</option>'
         +'</select>'
         +'<p class="muted" style="margin-top:6px;font-size:12px;"><b>minimal</b>: advertise only the core surface to ChatGPT — Shell, coding Agent, Skill, read-only files, and the control plane. <b>coding</b>: use ChatGPT as a local coding agent — read/edit/apply_patch, grep/glob, bash, git, project validation, todo/plan, agent delegation. <b>full</b>: advertise every tool (browser, adb, git, publishers, file writes, …).</p>'
       +'</div>'
+      +'<div class="field"><label>Optional ChatGPT tools</label>'
+        +'<label style="display:flex;align-items:center;gap:8px;cursor:pointer;margin-top:8px;"><input type="checkbox" id="featureVideoStudio"'+(toolFeatures.videoStudio?' checked':'')+' style="width:auto"/> Enable LocalAnt Video Studio tools</label>'
+        +'<label style="display:flex;align-items:center;gap:8px;cursor:pointer;margin-top:8px;"><input type="checkbox" id="featureAssetBridge"'+(toolFeatures.assetBridge?' checked':'')+' style="width:auto"/> Enable generated-image Asset Bridge tools</label>'
+        +'<p class="muted" style="margin-top:6px;font-size:12px;">Disabled features stay available inside this dashboard, but their tools are not advertised to ChatGPT. Reconnect ChatGPT or restart LocalAnt after changing these toggles.</p>'
+      +'</div>'
       +'</div>'
 
       +'<div class="card"><h2>Autopilot</h2>'
@@ -786,10 +808,13 @@ const VIEWS = {
     wirePw('tunToken','tunTokenShow');
     const saveSec = async (update) => { await api('config',{method:'POST',headers:{'content-type':'application/json'},body:JSON.stringify({security:update})}); };
     const saveTun = async (update) => { await api('config',{method:'POST',headers:{'content-type':'application/json'},body:JSON.stringify({tunnel:update})}); };
+    const saveToolFeature = async (name, value) => { await api('config',{method:'POST',headers:{'content-type':'application/json'},body:JSON.stringify({tools:{features:{[name]:value}}})}); };
 
     document.getElementById('secMode').onchange=async(e)=>{ try{ await saveSec({mode:e.target.value}); toast('Mode → '+e.target.value); render(); }catch(err){ toast(err.message,'err'); } };
     document.getElementById('approveRisk1').onchange=async(e)=>{ try{ await saveSec({approveRisk1:e.target.checked}); toast('Saved'); }catch(err){ toast(err.message,'err'); } };
     document.getElementById('toolProfile').onchange=async(e)=>{ try{ await api('config',{method:'POST',headers:{'content-type':'application/json'},body:JSON.stringify({tools:{profile:e.target.value}})}); toast('Tool profile → '+e.target.value); render(); }catch(err){ toast(err.message,'err'); } };
+    document.getElementById('featureVideoStudio').onchange=async(e)=>{ try{ await saveToolFeature('videoStudio',e.target.checked); toast('Video Studio tools '+(e.target.checked?'enabled':'disabled')+' — reconnect ChatGPT to refresh'); render(); }catch(err){ toast(err.message,'err'); } };
+    document.getElementById('featureAssetBridge').onchange=async(e)=>{ try{ await saveToolFeature('assetBridge',e.target.checked); toast('Asset Bridge tools '+(e.target.checked?'enabled':'disabled')+' — reconnect ChatGPT to refresh'); render(); }catch(err){ toast(err.message,'err'); } };
 
     document.getElementById('goAutopilot').onclick=function(){ current='Autopilot'; renderNav(); render(); };
 
diff --git a/packages/gateway/src/gateway.ts b/packages/gateway/src/gateway.ts
index 2765613..a9c60ad 100644
--- a/packages/gateway/src/gateway.ts
+++ b/packages/gateway/src/gateway.ts
@@ -192,17 +192,17 @@ export class Gateway {
     const tool = this.registry.get(name);
     if (!tool) return { ok: false, error: `Unknown tool: ${name}` };
 
-    // Profile gate: in the `minimal` profile only the core surface is callable.
-    // Everything else should go through shell / a coding agent / a skill, or the
-    // user can switch tools.profile to `full`.
+    // Profile/feature gate applies to normal tool calls. The local dashboard
+    // can still drive built-in feature modules directly so users can configure
+    // and test a module before advertising it to ChatGPT.
     const profile = this.cfg.tools.profile;
-    if (!isToolInProfile(name, profile)) {
+    if (ctx.caller !== "dashboard" && !isToolInProfile(name, profile, this.cfg.tools.features)) {
       return {
         ok: false,
         error:
           `Tool "${name}" is not available in the "${profile}" tool profile. ` +
           `Use shell_run_allowed_command, the high-level autopilot tool, ` +
-          `or a skill (skill_run) instead — or set tools.profile to "full" in the config.`,
+          `or a skill (skill_run) instead — or enable the matching feature from the LocalAnt dashboard.`,
       };
     }
 
diff --git a/packages/gateway/src/tools/assets.ts b/packages/gateway/src/tools/assets.ts
index 5eacf3e..febb311 100644
--- a/packages/gateway/src/tools/assets.ts
+++ b/packages/gateway/src/tools/assets.ts
@@ -1,4 +1,6 @@
 import { z } from "zod";
+import fs from "node:fs";
+import path from "node:path";
 import type { Gateway } from "../gateway.js";
 
 /**
@@ -65,4 +67,58 @@ export function registerAssetTools(gw: Gateway): void {
     },
     handler: (i) => gw.assetBridge.saveImage(i.source, i.destination, i.overwrite),
   });
+
+  gw.registry.register({
+    name: "asset_upload_chunk",
+    description:
+      "Upload one base64 chunk for a large ChatGPT-generated image. Use this when a single asset_save_image base64 payload would be too large; finish with asset_commit_upload.",
+    risk: 2,
+    inputSchema: z.object({
+      uploadId: z.string().min(1).max(120).regex(/^[a-zA-Z0-9._-]+$/),
+      index: z.number().int().min(0).max(10_000),
+      data: z.string().min(1).max(8_000_000).describe("One base64 text chunk (max ~8 MB). It is not written to the audit log."),
+    }).strip(),
+    auditInput: (i) => ({ uploadId: i.uploadId, index: i.index, base64Len: i.data.length }),
+    summarize: (i) => `upload image chunk ${i.index} for ${i.uploadId}`,
+    handler: (i) => {
+      const dir = uploadDir(gw, i.uploadId);
+      fs.mkdirSync(dir, { recursive: true });
+      const file = path.join(dir, `${String(i.index).padStart(6, "0")}.b64`);
+      fs.writeFileSync(file, i.data, "utf8");
+      return { ok: true, uploadId: i.uploadId, index: i.index, bytesReceived: i.data.length };
+    },
+  });
+
+  gw.registry.register({
+    name: "asset_commit_upload",
+    description:
+      "Assemble previously uploaded base64 chunks, validate the image, and save it to a local path using the normal Asset Bridge validation path.",
+    risk: 2,
+    inputSchema: z.object({
+      uploadId: z.string().min(1).max(120).regex(/^[a-zA-Z0-9._-]+$/),
+      chunks: z.number().int().min(1).max(10_001),
+      destination: z.string().describe("Absolute or repo-relative path to write the assembled image to."),
+      overwrite: z.boolean().default(false),
+      sha256: z.string().optional().describe("Optional hex sha256 of the decoded image bytes."),
+      cleanup: z.boolean().default(true),
+    }).strip(),
+    auditInput: (i) => ({ ...i, chunkData: "not recorded" }),
+    summarize: (i) => `commit chunked image ${i.uploadId} -> ${i.destination}`,
+    handler: async (i) => {
+      const dir = uploadDir(gw, i.uploadId);
+      const parts: string[] = [];
+      for (let idx = 0; idx < i.chunks; idx += 1) {
+        const file = path.join(dir, `${String(idx).padStart(6, "0")}.b64`);
+        if (!fs.existsSync(file)) throw new Error(`Missing image chunk ${idx} for uploadId '${i.uploadId}'.`);
+        parts.push(fs.readFileSync(file, "utf8"));
+      }
+      const result = await gw.assetBridge.saveImage({ kind: "base64", data: parts.join(""), sha256: i.sha256 }, i.destination, i.overwrite);
+      if (i.cleanup) fs.rmSync(dir, { recursive: true, force: true });
+      return { ...result, source: `chunked:${i.uploadId}` };
+    },
+  });
+}
+
+function uploadDir(gw: Gateway, uploadId: string): string {
+  return path.join(gw.paths.root, "asset-uploads", uploadId);
 }
diff --git a/packages/gateway/src/tools/doctor.ts b/packages/gateway/src/tools/doctor.ts
index 905d1f0..26b9130 100644
--- a/packages/gateway/src/tools/doctor.ts
+++ b/packages/gateway/src/tools/doctor.ts
@@ -48,7 +48,7 @@ export function registerDoctorTools(gw: Gateway): void {
       const info = gw.runtimeInfo();
       const profile = cfg.tools.profile;
       const allTools = gw.registry.list();
-      const exposed = allTools.filter((t) => isToolInProfile(t.name, profile));
+      const exposed = allTools.filter((t) => isToolInProfile(t.name, profile, cfg.tools.features));
 
       const [git, gh, pnpm, npm, npx, python, adb, screencapture, tailscale] = await Promise.all([
         commandExists("git"),
diff --git a/packages/gateway/src/tools/ui.ts b/packages/gateway/src/tools/ui.ts
index 4f1755b..68e772c 100644
--- a/packages/gateway/src/tools/ui.ts
+++ b/packages/gateway/src/tools/ui.ts
@@ -27,7 +27,7 @@ export function registerUiTools(gw: Gateway): void {
       const runtime = gw.runtimeInfo();
       const profile = cfg.tools.profile;
       const registeredTools = gw.registry.list();
-      const exposedTools = registeredTools.filter((tool) => isToolInProfile(tool.name, profile));
+      const exposedTools = registeredTools.filter((tool) => isToolInProfile(tool.name, profile, cfg.tools.features));
       const skills = gw.skills.list().map((skill) => ({
         name: skill.manifest.name,
         version: skill.manifest.version,
diff --git a/packages/gateway/src/tools/video-studio.ts b/packages/gateway/src/tools/video-studio.ts
index 09e7f6a..89f57f8 100644
--- a/packages/gateway/src/tools/video-studio.ts
+++ b/packages/gateway/src/tools/video-studio.ts
@@ -70,9 +70,12 @@ interface VideoScene {
   onScreenText: string;
   durationSeconds: number;
   assetPath?: string;
+  assetSource?: "generated" | "imported-image";
   audioPath?: string;
   captionStart?: number;
   captionEnd?: number;
+  audioDurationSeconds?: number;
+  voiceEngine?: string;
 }
 
 interface VideoProject {
@@ -88,8 +91,48 @@ interface VideoProject {
   hashtags: string[];
   createdAt: string;
   updatedAt: string;
+  renderer?: "remotion" | "builtin-ffmpeg" | "custom-command";
+  voice?: {
+    engine: "voicevox" | "macos-say" | "ffmpeg-silence";
+    endpoint?: string;
+    speakerId?: number;
+    speakerName?: string;
+    quality?: "primary" | "preview-fallback" | "silent-fallback";
+  };
 }
 
+type VoicevoxSpeaker = {
+  name: string;
+  speaker_uuid?: string;
+  styles?: Array<{ id: number; name: string }>;
+};
+
+type VoicevoxStatus = {
+  endpoint: string;
+  available: boolean;
+  speakerCount: number;
+  selectedSpeakerId: number | null;
+  selectedSpeakerName: string | null;
+  speakers: VoicevoxSpeaker[];
+  error?: string;
+};
+
+type RenderProps = {
+  projectId: string;
+  title: string;
+  description: string;
+  width: number;
+  height: number;
+  fps: number;
+  durationSeconds: number;
+  durationInFrames: number;
+  narrationFile: string | null;
+  scenes: Array<VideoScene & { startSeconds: number; endSeconds: number; startFrame: number; durationInFrames: number; assetFile?: string }>;
+  captions: { srtPath: string; assPath: string; wordsPath: string };
+  theme: { background: string; accent: string; card: string; text: string };
+  cta: string;
+};
+
 interface CreateProjectInput {
   title: string;
   description: string;
@@ -128,7 +171,13 @@ export function registerVideoStudioTools(gw: Gateway): void {
     name: "video_studio_configure",
     description: "Configure Video Studio. Paid external video generation is not enabled by this tool.",
     risk: 2,
-    inputSchema: z.object({ workspaceDir: z.string().optional(), renderer: z.enum(["builtin-ffmpeg", "remotion", "custom-command"]).optional() }).strip(),
+    inputSchema: z.object({
+      workspaceDir: z.string().optional(),
+      renderer: z.enum(["builtin-ffmpeg", "remotion", "custom-command"]).optional(),
+      voicevoxEndpoint: z.string().url().optional(),
+      voicevoxSpeakerId: z.number().int().optional(),
+      voiceQuality: z.enum(["primary", "preview-fallback", "silent-fallback"]).optional(),
+    }).strip(),
     summarize: () => "configure Video Studio",
     auditInput: (i) => ({ ...i, secretValues: "not accepted" }),
     handler: (i) => configure(gw, i),
@@ -173,10 +222,22 @@ export function registerVideoStudioTools(gw: Gateway): void {
     inputSchema: z.object({ limit: z.number().int().min(1).max(500).default(100) }).strip(),
     handler: (i) => listProjects(gw, i.limit),
   });
+  gw.registry.register({
+    name: "video_studio_add_asset",
+    description: "Import a local ChatGPT-generated image file into a Video Studio scene asset.",
+    risk: 3,
+    inputSchema: projectIdInput.extend({
+      sceneId: z.string().min(1),
+      path: z.string().min(1),
+      mode: z.enum(["copy"]).default("copy"),
+    }).strip(),
+    summarize: (i) => `import Video Studio scene image: ${i.sceneId}`,
+    handler: (i) => addSceneAsset(gw, i),
+  });
   gw.registry.register({ name: "video_studio_generate_assets", description: "Generate free local scene PNG assets.", risk: 3, inputSchema: projectIdInput, summarize: (i) => `generate Video Studio assets: ${i.projectId}`, handler: (i) => generateAssets(gw, i.projectId) });
-  gw.registry.register({ name: "video_studio_generate_audio", description: "Generate free local narration audio with macOS say or FFmpeg fallback.", risk: 3, inputSchema: projectIdInput, summarize: (i) => `generate Video Studio audio: ${i.projectId}`, handler: (i) => generateAudio(gw, i.projectId) });
+  gw.registry.register({ name: "video_studio_generate_audio", description: "Generate free local narration audio with VOICEVOX first, macOS say preview fallback, or FFmpeg silence fallback.", risk: 3, inputSchema: projectIdInput, summarize: (i) => `generate Video Studio audio: ${i.projectId}`, handler: (i) => generateAudio(gw, i.projectId) });
   gw.registry.register({ name: "video_studio_generate_captions", description: "Generate SRT, ASS, and word timing JSON captions.", risk: 3, inputSchema: projectIdInput, summarize: (i) => `generate Video Studio captions: ${i.projectId}`, handler: (i) => generateCaptions(gw, i.projectId) });
-  gw.registry.register({ name: "video_studio_render_video", description: "Render a local upload-ready MP4 with FFmpeg.", risk: 3, inputSchema: projectIdInput, summarize: (i) => `render Video Studio project: ${i.projectId}`, handler: (i) => renderVideo(gw, i.projectId) });
+  gw.registry.register({ name: "video_studio_render_video", description: "Render a local upload-ready MP4 with Remotion primary or FFmpeg static-slide fallback.", risk: 3, inputSchema: projectIdInput, summarize: (i) => `render Video Studio project: ${i.projectId}`, handler: (i) => renderVideo(gw, i.projectId) });
   gw.registry.register({ name: "video_studio_generate_video", description: "Run assets, audio, captions, render, review, and publish_prepare in one local free pipeline.", risk: 3, inputSchema: projectIdInput, summarize: (i) => `generate Video Studio project: ${i.projectId}`, handler: async (i) => generateVideo(gw, i.projectId) });
   gw.registry.register({ name: "video_studio_review_video", description: "Review rendered video with ffprobe where available.", risk: 0, inputSchema: projectIdInput, handler: (i) => reviewVideo(gw, i.projectId) });
   gw.registry.register({
@@ -266,25 +327,131 @@ async function hasCommand(command: string): Promise<boolean> {
   }
 }
 
+async function hasRemotionRuntime(): Promise<boolean> {
+  try {
+    await import("@remotion/renderer");
+    await import("@remotion/bundler");
+    return true;
+  } catch {
+    return false;
+  }
+}
+
+function readVideoStudioConfig(gw: Gateway): Record<string, unknown> {
+  const file = path.join(videoRoot(gw), "config.json");
+  if (!fs.existsSync(file)) return {};
+  try {
+    return JSON.parse(fs.readFileSync(file, "utf8")) as Record<string, unknown>;
+  } catch {
+    return {};
+  }
+}
+
+// Long enough for VOICEVOX to synthesize one scene of narration, short enough
+// that a hung engine does not stall generate_audio forever.
+const VOICEVOX_SYNTH_TIMEOUT_MS = 60_000;
+
+function voicevoxEndpoint(gw: Gateway): string {
+  const cfg = readVideoStudioConfig(gw);
+  return String(cfg.voicevoxEndpoint ?? process.env.LOCALANT_VOICEVOX_ENDPOINT ?? gw.vault.get("VOICEVOX_ENDPOINT") ?? "http://127.0.0.1:50021");
+}
+
+function configuredVoicevoxSpeakerId(gw: Gateway): number | undefined {
+  const cfg = readVideoStudioConfig(gw);
+  const raw = cfg.voicevoxSpeakerId ?? process.env.LOCALANT_VOICEVOX_SPEAKER_ID;
+  const parsed = Number(raw);
+  return Number.isFinite(parsed) ? parsed : undefined;
+}
+
+async function getVoicevoxStatus(gw: Gateway): Promise<VoicevoxStatus> {
+  const endpoint = voicevoxEndpoint(gw);
+  try {
+    const resp = await fetch(`${endpoint.replace(/\/+$/, "")}/speakers`, { signal: AbortSignal.timeout(2000) });
+    if (!resp.ok) throw new Error(`VOICEVOX /speakers returned HTTP ${resp.status}`);
+    const speakers = await resp.json() as VoicevoxSpeaker[];
+    const selected = selectVoicevoxSpeaker(gw, speakers);
+    return {
+      endpoint,
+      available: true,
+      speakerCount: speakers.length,
+      selectedSpeakerId: selected?.id ?? null,
+      selectedSpeakerName: selected?.name ?? null,
+      speakers,
+    };
+  } catch (e) {
+    return {
+      endpoint,
+      available: false,
+      speakerCount: 0,
+      selectedSpeakerId: configuredVoicevoxSpeakerId(gw) ?? null,
+      selectedSpeakerName: null,
+      speakers: [],
+      error: (e as Error).message,
+    };
+  }
+}
+
+function selectVoicevoxSpeaker(gw: Gateway, speakers: VoicevoxSpeaker[]): { id: number; name: string } | null {
+  const configured = configuredVoicevoxSpeakerId(gw);
+  for (const speaker of speakers) {
+    for (const style of speaker.styles ?? []) {
+      if (configured !== undefined && style.id === configured) return { id: style.id, name: `${speaker.name} / ${style.name}` };
+    }
+  }
+  const firstSpeaker = speakers[0];
+  const firstStyle = firstSpeaker?.styles?.[0];
+  if (!firstSpeaker || !firstStyle) return null;
+  return { id: firstStyle.id, name: `${firstSpeaker.name} / ${firstStyle.name}` };
+}
+
+async function probeDuration(file: string): Promise<number> {
+  if (!await hasCommand("ffprobe")) return 0;
+  try {
+    const { stdout } = await execFileAsync("ffprobe", ["-v", "error", "-show_entries", "format=duration", "-of", "json", file]);
+    const probe = JSON.parse(stdout) as { format?: { duration?: string } };
+    const value = Number(probe.format?.duration ?? 0);
+    return Number.isFinite(value) ? roundSeconds(value) : 0;
+  } catch {
+    return 0;
+  }
+}
+
+function roundSeconds(value: number): number {
+  return Math.round(value * 100) / 100;
+}
+
 async function status(gw: Gateway) {
-  const [ffmpeg, ffprobe, say] = await Promise.all([hasCommand("ffmpeg"), hasCommand("ffprobe"), hasCommand("say")]);
+  const [ffmpeg, ffprobe, say, remotion, voicevox] = await Promise.all([
+    hasCommand("ffmpeg"),
+    hasCommand("ffprobe"),
+    hasCommand("say"),
+    hasRemotionRuntime(),
+    getVoicevoxStatus(gw),
+  ]);
   return {
     ok: true,
     root: videoRoot(gw),
-    renderer: { builtinFfmpeg: ffmpeg, ffprobe },
-    audio: { macosSay: say, ffmpegSilenceFallback: ffmpeg },
+    renderer: { primary: "remotion", remotion, builtinFfmpegFallback: ffmpeg, ffprobe },
+    audio: {
+      primary: "voicevox",
+      voicevox,
+      macosSayPreviewFallback: say,
+      ffmpegSilenceFallback: ffmpeg,
+    },
     policy: {
       videoGeneration: "free local generation only; paid external video generation APIs are not used",
-      defaultRenderer: "builtin-ffmpeg",
+      defaultRenderer: "remotion",
+      fallbackRenderer: "builtin-ffmpeg-static-slides",
       paidVideoApisEnabled: false,
     },
     secrets: secretNames.map((name) => ({ name, present: gw.vault.get(name) !== undefined })),
   };
 }
 
-function configure(gw: Gateway, input: { workspaceDir?: string; renderer?: string }) {
+function configure(gw: Gateway, input: { workspaceDir?: string; renderer?: string; voicevoxEndpoint?: string; voicevoxSpeakerId?: number; voiceQuality?: string }) {
   fs.mkdirSync(videoRoot(gw), { recursive: true });
-  fs.writeFileSync(path.join(videoRoot(gw), "config.json"), JSON.stringify({ ...input, paidVideoApisEnabled: false }, null, 2));
+  const merged = { ...readVideoStudioConfig(gw), ...input, paidVideoApisEnabled: false };
+  fs.writeFileSync(path.join(videoRoot(gw), "config.json"), JSON.stringify(merged, null, 2));
   return { ok: true, configPath: path.join(videoRoot(gw), "config.json"), paidVideoApisEnabled: false };
 }
 
@@ -369,12 +536,43 @@ function listProjects(gw: Gateway, limit: number) {
   return { projects };
 }
 
+function addSceneAsset(gw: Gateway, input: { projectId: string; sceneId: string; path: string; mode: "copy" }) {
+  if (!path.isAbsolute(input.path)) throw new Error("video_studio_add_asset requires an absolute image path.");
+  const { project, dir } = loadProject(gw, input.projectId);
+  const scene = project.scenes.find((s) => s.id === input.sceneId);
+  if (!scene) throw new Error(`Video Studio scene not found: ${input.sceneId}`);
+  const source = path.resolve(input.path);
+  if (!fs.existsSync(source)) throw new Error(`Image file does not exist: ${source}`);
+  const ext = imageExtension(source);
+  if (!ext) throw new Error("Only png, jpg, jpeg, and webp image assets are supported.");
+  const assetsDir = path.join(dir, "assets");
+  fs.mkdirSync(assetsDir, { recursive: true });
+  const dest = path.join(assetsDir, `${scene.id}${ext}`);
+  if (!isWithin(videoRoot(gw), dest)) throw new Error("Path traversal rejected: imported assets must stay inside the LocalAnt Video Studio workspace.");
+  fs.copyFileSync(source, dest);
+  scene.assetPath = dest;
+  scene.assetSource = "imported-image";
+  saveProject(dir, project);
+  appendRun(dir, "asset.imported", { sceneId: scene.id, sourcePath: source, assetPath: dest });
+  return { ok: true, projectId: project.id, sceneId: scene.id, assetPath: dest, assetSource: scene.assetSource };
+}
+
+function imageExtension(file: string): ".png" | ".jpg" | ".jpeg" | ".webp" | null {
+  const ext = path.extname(file).toLowerCase();
+  if (ext === ".png" || ext === ".jpg" || ext === ".jpeg" || ext === ".webp") return ext;
+  return null;
+}
+
 async function generateAssets(gw: Gateway, projectId: string) {
   const { project, dir } = loadProject(gw, projectId);
   const size = dimensions(project.aspectRatio);
   const ffmpeg = await hasCommand("ffmpeg");
   const assets = [];
   for (const scene of project.scenes) {
+    if (scene.assetPath && fs.existsSync(scene.assetPath) && scene.assetSource === "imported-image") {
+      assets.push({ sceneId: scene.id, path: scene.assetPath, imported: true });
+      continue;
+    }
     const png = path.join(dir, "assets", `${scene.id}.png`);
     const svg = path.join(dir, "assets", `${scene.id}.svg`);
     fs.writeFileSync(svg, sceneSvg(scene, size.width, size.height));
@@ -389,6 +587,7 @@ async function generateAssets(gw: Gateway, projectId: string) {
       fs.writeFileSync(png, "");
     }
     scene.assetPath = png;
+    scene.assetSource = "generated";
     assets.push({ sceneId: scene.id, path: png, svgPath: svg });
   }
   saveProject(dir, project);
@@ -398,21 +597,46 @@ async function generateAssets(gw: Gateway, projectId: string) {
 
 async function generateAudio(gw: Gateway, projectId: string) {
   const { project, dir } = loadProject(gw, projectId);
-  const ffmpeg = await hasCommand("ffmpeg");
-  const say = process.platform === "darwin" && await hasCommand("say");
-  if (!ffmpeg && !say) return { ok: false, setupRequired: true, reason: "Install ffmpeg or use macOS say to generate local free audio." };
+  const [ffmpeg, say, voicevox] = await Promise.all([
+    hasCommand("ffmpeg"),
+    process.platform === "darwin" ? hasCommand("say") : Promise.resolve(false),
+    getVoicevoxStatus(gw),
+  ]);
+  if (!ffmpeg && !say && !voicevox.available) return { ok: false, setupRequired: true, reason: "Start VOICEVOX Engine, install ffmpeg, or use macOS say preview fallback to generate local free audio." };
   const listFile = path.join(dir, "audio", "concat.txt");
   const list: string[] = [];
+  const sceneResults: Array<{ sceneId: string; path: string; durationSeconds: number; engine: string }> = [];
+  const selectedSpeaker = voicevox.available ? selectVoicevoxSpeaker(gw, voicevox.speakers) : null;
+  const endpoint = voicevoxEndpoint(gw).replace(/\/+$/, "");
+  const engine: "voicevox" | "macos-say" | "ffmpeg-silence" = voicevox.available && selectedSpeaker ? "voicevox" : say ? "macos-say" : "ffmpeg-silence";
   for (const scene of project.scenes) {
     const wav = path.join(dir, "audio", `${scene.id}.wav`);
-    if (say && ffmpeg) {
+    if (engine === "voicevox" && selectedSpeaker) {
+      const queryUrl = `${endpoint}/audio_query?text=${encodeURIComponent(scene.narration)}&speaker=${selectedSpeaker.id}`;
+      const queryResp = await fetch(queryUrl, { method: "POST", signal: AbortSignal.timeout(VOICEVOX_SYNTH_TIMEOUT_MS) });
+      if (!queryResp.ok) throw new Error(`VOICEVOX /audio_query failed: HTTP ${queryResp.status}`);
+      const audioQuery = await queryResp.json() as Record<string, unknown>;
+      const synthResp = await fetch(`${endpoint}/synthesis?speaker=${selectedSpeaker.id}`, {
+        method: "POST",
+        headers: { "content-type": "application/json" },
+        body: JSON.stringify(audioQuery),
+        signal: AbortSignal.timeout(VOICEVOX_SYNTH_TIMEOUT_MS),
+      });
+      if (!synthResp.ok) throw new Error(`VOICEVOX /synthesis failed: HTTP ${synthResp.status}`);
+      fs.writeFileSync(wav, Buffer.from(await synthResp.arrayBuffer()));
+    } else if (say && ffmpeg) {
       const aiff = path.join(dir, "audio", `${scene.id}.aiff`);
       await execFileAsync("say", ["-v", project.language === "ja" ? "Kyoko" : "Samantha", "-o", aiff, scene.narration]);
       await execFileAsync("ffmpeg", ["-y", "-i", aiff, "-ar", "44100", "-ac", "2", wav]);
     } else if (ffmpeg) {
       await execFileAsync("ffmpeg", ["-y", "-f", "lavfi", "-i", "anullsrc=r=44100:cl=stereo", "-t", String(scene.durationSeconds), wav]);
     }
+    const duration = fs.existsSync(wav) ? await probeDuration(wav) : scene.durationSeconds;
+    scene.durationSeconds = duration > 0 ? duration : scene.durationSeconds;
+    scene.audioDurationSeconds = scene.durationSeconds;
+    scene.voiceEngine = engine;
     scene.audioPath = wav;
+    sceneResults.push({ sceneId: scene.id, path: wav, durationSeconds: scene.durationSeconds, engine });
     list.push(`file '${wav.replace(/'/g, "'\\''")}'`);
   }
   fs.writeFileSync(listFile, list.join("\n"));
@@ -420,11 +644,19 @@ async function generateAudio(gw: Gateway, projectId: string) {
   if (ffmpeg) {
     const rawNarration = path.join(dir, "audio", "narration-raw.wav");
     await execFileAsync("ffmpeg", ["-y", "-f", "concat", "-safe", "0", "-i", listFile, "-c", "copy", rawNarration]);
-    await execFileAsync("ffmpeg", ["-y", "-i", rawNarration, "-af", "apad", "-t", String(project.durationSeconds), narration]);
+    await execFileAsync("ffmpeg", ["-y", "-i", rawNarration, "-af", "apad", "-t", String(project.scenes.reduce((sum, scene) => sum + scene.durationSeconds, 0)), narration]);
   }
+  project.durationSeconds = roundSeconds(project.scenes.reduce((sum, scene) => sum + scene.durationSeconds, 0));
+  project.voice = {
+    engine,
+    endpoint: engine === "voicevox" ? endpoint : undefined,
+    speakerId: selectedSpeaker?.id,
+    speakerName: selectedSpeaker?.name,
+    quality: engine === "voicevox" ? "primary" : engine === "macos-say" ? "preview-fallback" : "silent-fallback",
+  };
   saveProject(dir, project);
-  appendRun(dir, "audio.generated", { narration, engine: say ? "macos-say" : "ffmpeg-silence", freeLocal: true });
-  return { ok: true, engine: say ? "macos-say" : "ffmpeg-silence", narrationPath: narration, setupRequired: false };
+  appendRun(dir, "audio.generated", { narration, engine, scenes: sceneResults, voice: project.voice, freeLocal: true });
+  return { ok: true, engine, narrationPath: narration, scenes: sceneResults, voice: project.voice, setupRequired: false };
 }
 
 async function generateCaptions(gw: Gateway, projectId: string) {
@@ -457,6 +689,15 @@ async function generateCaptions(gw: Gateway, projectId: string) {
 }
 
 async function renderVideo(gw: Gateway, projectId: string) {
+  try {
+    return await renderWithRemotion(gw, projectId);
+  } catch (e) {
+    const fallback = await renderFfmpegSlides(gw, projectId);
+    return { ...fallback, renderer: "builtin-ffmpeg", fallbackFrom: "remotion", fallbackReason: (e as Error).message };
+  }
+}
+
+async function renderFfmpegSlides(gw: Gateway, projectId: string) {
   const { project, dir } = loadProject(gw, projectId);
   if (!await hasCommand("ffmpeg")) return { ok: false, setupRequired: true, reason: "ffmpeg is required for local free rendering." };
   if (!fs.existsSync(path.join(dir, "captions", "output.ass"))) await generateCaptions(gw, projectId);
@@ -480,23 +721,419 @@ async function renderVideo(gw: Gateway, projectId: string) {
     : ["-y", "-i", videoNoAudio, "-vf", vf, "-c:v", "libx264", "-pix_fmt", "yuv420p", outputPath];
   await execFileAsync("ffmpeg", args);
   await execFileAsync("ffmpeg", ["-y", "-i", outputPath, "-frames:v", "1", thumb]);
-  const plan = {
-    projectId,
-    ...dimensions(project.aspectRatio),
-    fps: 30,
-    scenes: project.scenes,
-    audio: { path: fs.existsSync(audio) ? audio : null },
-    captions: { srtPath: path.join(dir, "captions", "output.srt"), assPath: path.join(dir, "captions", "output.ass"), burnIn: "scene-image-text" },
-    outputPath,
-    thumbnailPath: thumb,
-  };
+  const plan = buildRenderProps(project, dir, fs.existsSync(audio) ? audio : null);
   const renderPlanPath = path.join(dir, "render", "render-plan.json");
   fs.writeFileSync(renderPlanPath, JSON.stringify(plan, null, 2));
+  fs.writeFileSync(path.join(dir, "render", "render-props.json"), JSON.stringify(plan, null, 2));
+  fs.writeFileSync(path.join(dir, "render", "motion-plan.json"), JSON.stringify(motionPlan(project), null, 2));
   fs.writeFileSync(path.join(dir, "render", "ffmpeg-command.txt"), `ffmpeg ${args.map((a) => JSON.stringify(a)).join(" ")}`);
-  appendRun(dir, "video.rendered", { outputPath, thumbnailPath: thumb });
-  return { ok: true, outputPath, thumbnailPath: thumb, renderPlanPath, ffmpegCommandPath: path.join(dir, "render", "ffmpeg-command.txt") };
+  project.renderer = "builtin-ffmpeg";
+  saveProject(dir, project);
+  appendRun(dir, "video.rendered", { outputPath, thumbnailPath: thumb, renderer: "builtin-ffmpeg" });
+  return { ok: true, renderer: "builtin-ffmpeg", outputPath, thumbnailPath: thumb, renderPlanPath, renderPropsPath: path.join(dir, "render", "render-props.json"), motionPlanPath: path.join(dir, "render", "motion-plan.json"), ffmpegCommandPath: path.join(dir, "render", "ffmpeg-command.txt") };
+}
+
+async function renderWithRemotion(gw: Gateway, projectId: string) {
+  const { dir } = loadProject(gw, projectId);
+  if (!fs.existsSync(path.join(dir, "captions", "output.ass"))) await generateCaptions(gw, projectId);
+  const audio = path.join(dir, "audio", "narration.wav");
+  if (!fs.existsSync(audio)) await generateAudio(gw, projectId);
+  const refreshed = loadProject(gw, projectId);
+  const renderDir = path.join(refreshed.dir, "render");
+  const outputPath = path.join(refreshed.dir, "output", "output.mp4");
+  const thumb = path.join(refreshed.dir, "output", "thumbnail.jpg");
+  const publicDir = path.join(renderDir, "remotion-public");
+  fs.mkdirSync(publicDir, { recursive: true });
+  const narrationPath = path.join(refreshed.dir, "audio", "narration.wav");
+  const publicNarration = fs.existsSync(narrationPath) ? path.join(publicDir, "narration.wav") : null;
+  if (publicNarration) fs.copyFileSync(narrationPath, publicNarration);
+
+  copySceneAssetsToPublic(refreshed.project, publicDir);
+  const props = buildRenderProps(refreshed.project, refreshed.dir, publicNarration ? "narration.wav" : null);
+  const renderPropsPath = path.join(renderDir, "render-props.json");
+  const motionPlanPath = path.join(renderDir, "motion-plan.json");
+  const renderPlanPath = path.join(renderDir, "render-plan.json");
+  fs.writeFileSync(renderPropsPath, JSON.stringify(props, null, 2));
+  fs.writeFileSync(motionPlanPath, JSON.stringify(motionPlan(refreshed.project), null, 2));
+  fs.writeFileSync(renderPlanPath, JSON.stringify({ renderer: "remotion", renderPropsPath, motionPlanPath, outputPath, thumbnailPath: thumb }, null, 2));
+
+  const entryPoint = path.join(renderDir, "remotion-entry.tsx");
+  fs.writeFileSync(entryPoint, remotionEntrySource(props));
+  const [{ bundle }, { selectComposition, renderMedia, renderStill }] = await Promise.all([
+    import("@remotion/bundler") as Promise<any>,
+    import("@remotion/renderer") as Promise<any>,
+  ]);
+  const serveUrl = await bundle({
+    entryPoint,
+    publicDir,
+    rootDir: refreshed.dir,
+    ignoreRegisterRootWarning: true,
+    onProgress: () => undefined,
+  });
+  const composition = await selectComposition({
+    serveUrl,
+    id: "LocalAntVideoStudio",
+    inputProps: props,
+    logLevel: "error",
+  });
+  await renderMedia({
+    composition,
+    serveUrl,
+    codec: "h264",
+    outputLocation: outputPath,
+    inputProps: props,
+    overwrite: true,
+    logLevel: "error",
+    concurrency: 1,
+  });
+  await renderStill({
+    composition,
+    serveUrl,
+    output: thumb,
+    frame: Math.min(30, Math.max(0, props.durationInFrames - 1)),
+    inputProps: props,
+    imageFormat: "jpeg",
+    overwrite: true,
+    logLevel: "error",
+  });
+  refreshed.project.renderer = "remotion";
+  saveProject(refreshed.dir, refreshed.project);
+  appendRun(refreshed.dir, "video.rendered", { outputPath, thumbnailPath: thumb, renderer: "remotion", renderPropsPath, motionPlanPath });
+  return { ok: true, renderer: "remotion", outputPath, thumbnailPath: thumb, renderPlanPath, renderPropsPath, motionPlanPath };
+}
+
+function buildRenderProps(project: VideoProject, dir: string, narrationFile: string | null): RenderProps {
+  const fps = 30;
+  const size = dimensions(project.aspectRatio);
+  let cursor = 0;
+  const scenes = project.scenes.map((scene) => {
+    const startSeconds = cursor;
+    const durationInFrames = Math.max(1, Math.ceil(scene.durationSeconds * fps));
+    const durationSeconds = durationInFrames / fps;
+    cursor += durationSeconds;
+    return {
+      ...scene,
+      assetFile: scene.assetPath && fs.existsSync(scene.assetPath) ? path.posix.join("assets", path.basename(scene.assetPath)) : undefined,
+      startSeconds: roundSeconds(startSeconds),
+      endSeconds: roundSeconds(cursor),
+      startFrame: Math.round(startSeconds * fps),
+      durationInFrames,
+    };
+  });
+  const durationInFrames = Math.max(1, scenes.reduce((sum, scene) => sum + scene.durationInFrames, 0) + 6);
+  return {
+    projectId: project.id,
+    title: project.title,
+    description: project.description,
+    ...size,
+    fps,
+    durationSeconds: roundSeconds(durationInFrames / fps),
+    durationInFrames,
+    narrationFile,
+    scenes,
+    captions: {
+      srtPath: path.join(dir, "captions", "output.srt"),
+      assPath: path.join(dir, "captions", "output.ass"),
+      wordsPath: path.join(dir, "captions", "words.json"),
+    },
+    theme: { background: "#0b1020", accent: "#39ff88", card: "#f8fbff", text: "#111827" },
+    cta: project.language === "ja" ? "LocalAntで制作を自動化" : "Automate production with LocalAnt",
+  };
+}
+
+function copySceneAssetsToPublic(project: VideoProject, publicDir: string): void {
+  const publicAssets = path.join(publicDir, "assets");
+  fs.mkdirSync(publicAssets, { recursive: true });
+  for (const scene of project.scenes) {
+    if (!scene.assetPath || !fs.existsSync(scene.assetPath)) continue;
+    fs.copyFileSync(scene.assetPath, path.join(publicAssets, path.basename(scene.assetPath)));
+  }
+}
+
+function motionPlan(project: VideoProject) {
+  return {
+    projectId: project.id,
+    renderer: "remotion",
+    animations: ["background", "card", "title", "captions", "progress", "cta"],
+    scenes: project.scenes.map((scene) => ({
+      sceneId: scene.id,
+      durationSeconds: scene.durationSeconds,
+      effects: ["slide-in-card", "title-rise", "caption-pop", "progress-fill"],
+    })),
+  };
+}
+
+function remotionEntrySource(props: RenderProps): string {
+  const json = JSON.stringify(props).replace(/</g, "\\u003c");
+  return `
+import React from 'react';
+import { AbsoluteFill, Audio, Composition, Sequence, interpolate, spring, registerRoot, staticFile, useCurrentFrame, useVideoConfig } from 'remotion';
+
+const defaultProps = ${json};
+const clamp = (value, min, max) => Math.max(min, Math.min(max, value));
+const ease = (frame, input, output) => interpolate(frame, input, output, { extrapolateLeft: 'clamp', extrapolateRight: 'clamp' });
+const jpFont = 'Inter, Hiragino Sans, Hiragino Kaku Gothic ProN, Yu Gothic, Noto Sans JP, -apple-system, BlinkMacSystemFont, sans-serif';
+const neon = '#39ff88';
+const cyan = '#67e8f9';
+const purple = '#a78bfa';
+
+function AnimatedBackground() {
+  const frame = useCurrentFrame();
+  const { width, height } = useVideoConfig();
+  const drift = frame * 0.55;
+  const glow = 0.56 + Math.sin(frame / 32) * 0.13;
+  const dots = new Array(24).fill(0);
+  return (
+    <AbsoluteFill style={{background: '#050816', overflow: 'hidden'}}>
+      <div style={{position: 'absolute', inset: -220, background: 'radial-gradient(circle at ' + (24 + Math.sin(frame / 70) * 12) + '% 18%, rgba(57,255,136,' + glow + '), transparent 28%), radial-gradient(circle at 78% ' + (26 + Math.cos(frame / 80) * 15) + '%, rgba(103,232,249,0.36), transparent 30%), radial-gradient(circle at 45% 82%, rgba(167,139,250,0.30), transparent 32%)', filter: 'blur(10px)'}} />
+      <div style={{position: 'absolute', inset: 0, backgroundImage: 'linear-gradient(rgba(255,255,255,0.055) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,0.055) 1px, transparent 1px)', backgroundSize: '72px 72px', transform: 'translate(' + (-drift % 72) + 'px,' + (-drift * 0.65 % 72) + 'px)', opacity: 0.45}} />
+      <div style={{position: 'absolute', left: -120, top: height * 0.14, width: width + 260, height: 2, background: 'linear-gradient(90deg, transparent, rgba(57,255,136,0.75), transparent)', transform: 'translateX(' + Math.sin(frame / 34) * 90 + 'px) rotate(-10deg)', boxShadow: '0 0 36px rgba(57,255,136,0.55)'}} />
+      <div style={{position: 'absolute', right: -160, bottom: height * 0.24, width: width + 300, height: 2, background: 'linear-gradient(90deg, transparent, rgba(103,232,249,0.65), transparent)', transform: 'translateX(' + Math.cos(frame / 42) * 110 + 'px) rotate(12deg)', boxShadow: '0 0 34px rgba(103,232,249,0.45)'}} />
+      {dots.map((_, i) => {
+        const x = (i * 163 + frame * (0.55 + (i % 4) * 0.12)) % (width + 180) - 90;
+        const y = (i * 257 + Math.sin(frame / 24 + i) * 32) % height;
+        const size = 5 + (i % 5) * 2;
+        const op = 0.16 + ((i % 7) / 10) * 0.23;
+        return <div key={i} style={{position: 'absolute', left: x, top: y, width: size, height: size, borderRadius: 99, background: i % 2 ? cyan : neon, opacity: op, boxShadow: '0 0 18px currentColor'}} />;
+      })}
+    </AbsoluteFill>
+  );
+}
+
+function TopBar() {
+  const frame = useCurrentFrame();
+  const y = ease(frame, [0, 18], [-42, 0]);
+  const op = ease(frame, [0, 18], [0, 1]);
+  return (
+    <div style={{position: 'absolute', left: 48, right: 48, top: 42, display: 'flex', justifyContent: 'space-between', alignItems: 'center', transform: 'translateY(' + y + 'px)', opacity: op, zIndex: 30}}>
+      <div style={{display: 'flex', alignItems: 'center', gap: 14}}>
+        <div style={{width: 44, height: 44, borderRadius: 14, background: 'linear-gradient(135deg, ' + neon + ', ' + cyan + ')', boxShadow: '0 0 30px rgba(57,255,136,0.5)'}} />
+        <div style={{color: '#eafff5', fontSize: 28, fontWeight: 900, letterSpacing: 0.5}}>LocalAnt</div>
+      </div>
+      <div style={{color: '#99f6e4', fontSize: 20, fontWeight: 800, border: '1px solid rgba(153,246,228,0.35)', padding: '10px 16px', borderRadius: 999, background: 'rgba(8,20,28,0.48)'}}>ChatGPT × Local PC</div>
+    </div>
+  );
+}
+
+function CaptionOverlay({ scene }) {
+  const frame = useCurrentFrame();
+  const y = ease(frame, [8, 24], [42, 0]);
+  const op = ease(frame, [8, 24], [0, 1]);
+  const text = scene.onScreenText || scene.narration;
+  return (
+    <div style={{position: 'absolute', left: 64, right: 64, bottom: 150, zIndex: 40, transform: 'translateY(' + y + 'px)', opacity: op}}>
+      <div style={{fontFamily: jpFont, color: 'white', fontSize: text.length > 42 ? 38 : 46, fontWeight: 1000, lineHeight: 1.18, textAlign: 'center', textShadow: '0 5px 0 #000, 0 0 26px rgba(0,0,0,0.95)', WebkitTextStroke: '1.6px rgba(0,0,0,0.95)'}}>{text}</div>
+    </div>
+  );
+}
+
+function ProgressBar() {
+  const frame = useCurrentFrame();
+  const { durationInFrames } = useVideoConfig();
+  const progress = ease(frame, [0, durationInFrames - 1], [0, 100]);
+  return (
+    <div style={{position: 'absolute', left: 48, right: 48, bottom: 54, height: 12, borderRadius: 999, overflow: 'hidden', background: 'rgba(255,255,255,0.18)', zIndex: 50}}>
+      <div style={{width: progress + '%', height: '100%', borderRadius: 999, background: 'linear-gradient(90deg, ' + neon + ', ' + cyan + ', ' + purple + ')', boxShadow: '0 0 24px rgba(57,255,136,0.65)'}} />
+    </div>
+  );
+}
+
+function HeroScene({ scene }) {
+  const frame = useCurrentFrame();
+  const titleY = ease(frame, [0, 26], [70, 0]);
+  const titleOp = ease(frame, [0, 22], [0, 1]);
+  const scale = spring({frame, fps: 30, config: {damping: 14, stiffness: 90, mass: 0.8}});
+  const flow = frame % 90;
+  return (
+    <AbsoluteFill style={{fontFamily: jpFont}}>
+      <TopBar />
+      <div style={{position: 'absolute', left: 58, right: 58, top: 220, color: 'white', zIndex: 10, transform: 'translateY(' + titleY + 'px)', opacity: titleOp}}>
+        <div style={{fontSize: 31, fontWeight: 900, color: '#99f6e4', letterSpacing: 3, marginBottom: 22}}>INTRODUCTION</div>
+        <div style={{fontSize: 86, fontWeight: 1000, lineHeight: 0.96, letterSpacing: -3}}>ChatGPTが<br/><span style={{color: neon, textShadow: '0 0 24px rgba(57,255,136,0.55)'}}>PCを動かす</span></div>
+      </div>
+      <div style={{position: 'absolute', left: 78, right: 78, top: 700, height: 470, zIndex: 12, transform: 'scale(' + (0.92 + scale * 0.08) + ')'}}>
+        {['ChatGPT', 'LocalAnt', 'Local PC'].map((label, i) => {
+          const x = [0, 340, 680][i];
+          const y = [60, 210, 60][i];
+          const active = Math.max(0, 1 - Math.abs(flow - i * 30) / 22);
+          return <div key={label} style={{position: 'absolute', left: x, top: y, width: 260, height: 150, borderRadius: 32, background: 'rgba(7,18,30,0.78)', border: '2px solid rgba(153,246,228,' + (0.25 + active * 0.65) + ')', display: 'flex', justifyContent: 'center', alignItems: 'center', color: 'white', fontSize: 34, fontWeight: 1000, boxShadow: '0 22px 70px rgba(0,0,0,0.38), 0 0 ' + (18 + active * 36) + 'px rgba(57,255,136,0.35)'}}>{label}</div>;
+        })}
+        <div style={{position: 'absolute', left: 260, top: 135, width: 470, height: 8, borderRadius: 999, background: 'linear-gradient(90deg, ' + neon + ', ' + cyan + ')', transform: 'rotate(22deg)', boxShadow: '0 0 32px rgba(57,255,136,0.55)'}} />
+        <div style={{position: 'absolute', left: 270, top: 290, width: 470, height: 8, borderRadius: 999, background: 'linear-gradient(90deg, ' + cyan + ', ' + purple + ')', transform: 'rotate(-22deg)', boxShadow: '0 0 32px rgba(103,232,249,0.55)'}} />
+      </div>
+      <CaptionOverlay scene={scene} />
+    </AbsoluteFill>
+  );
+}
+
+function FeaturesScene({ scene }) {
+  const items = ['Shell', 'Git', 'Browser', 'ADB', 'Files'];
+  const icons = ['$', '⎇', '◎', '▣', '□'];
+  const frame = useCurrentFrame();
+  return (
+    <AbsoluteFill style={{fontFamily: jpFont}}>
+      <TopBar />
+      <div style={{position: 'absolute', left: 64, right: 64, top: 170, color: 'white'}}>
+        <div style={{fontSize: 34, color: '#99f6e4', fontWeight: 900, marginBottom: 16}}>AUTOMATION TOOLS</div>
+        <div style={{fontSize: 68, fontWeight: 1000, lineHeight: 1.03}}>開発も操作も<br/>まとめて自動化</div>
+      </div>
+      <div style={{position: 'absolute', left: 64, right: 64, top: 560, display: 'grid', gridTemplateColumns: '1fr 1fr', gap: 26}}>
+        {items.map((label, i) => {
+          const local = frame - i * 8;
+          const y = ease(local, [0, 22], [70, 0]);
+          const op = ease(local, [0, 18], [0, 1]);
+          return <div key={label} style={{height: 190, borderRadius: 34, background: 'linear-gradient(135deg, rgba(255,255,255,0.96), rgba(220,252,231,0.92))', transform: 'translateY(' + y + 'px)', opacity: op, boxShadow: '0 24px 65px rgba(0,0,0,0.35)', padding: 30, display: 'flex', alignItems: 'center', gap: 24}}>
+            <div style={{width: 82, height: 82, borderRadius: 24, background: 'linear-gradient(135deg, #111827, #0f766e)', color: neon, display: 'flex', alignItems: 'center', justifyContent: 'center', fontSize: 38, fontWeight: 1000}}>{icons[i]}</div>
+            <div style={{fontSize: 39, color: '#0f172a', fontWeight: 1000}}>{label}</div>
+          </div>;
+        })}
+      </div>
+      <CaptionOverlay scene={scene} />
+    </AbsoluteFill>
+  );
+}
+
+function SecurityScene({ scene }) {
+  const frame = useCurrentFrame();
+  const rows = ['Risk check', 'Approval queue', 'Audit log'];
+  return (
+    <AbsoluteFill style={{fontFamily: jpFont}}>
+      <TopBar />
+      <div style={{position: 'absolute', left: 66, right: 66, top: 170, color: 'white'}}>
+        <div style={{fontSize: 34, color: '#99f6e4', fontWeight: 900, marginBottom: 16}}>SAFE BY DESIGN</div>
+        <div style={{fontSize: 72, fontWeight: 1000, lineHeight: 1.02}}>危険な操作は<br/>勝手に通さない</div>
+      </div>
+      <div style={{position: 'absolute', left: 72, right: 72, top: 610, borderRadius: 36, background: 'rgba(4,12,24,0.84)', border: '1px solid rgba(153,246,228,0.32)', padding: 32, boxShadow: '0 30px 90px rgba(0,0,0,0.45)'}}>
+        <div style={{height: 54, display: 'flex', gap: 12, alignItems: 'center', marginBottom: 24}}>
+          <div style={{width: 18, height: 18, borderRadius: 9, background: '#fb7185'}} />
+          <div style={{width: 18, height: 18, borderRadius: 9, background: '#facc15'}} />
+          <div style={{width: 18, height: 18, borderRadius: 9, background: '#4ade80'}} />
+          <div style={{marginLeft: 14, color: '#cbd5e1', fontWeight: 900, fontSize: 22}}>LocalAnt Control Center</div>
+        </div>
+        {rows.map((row, i) => {
+          const local = frame - i * 12;
+          const op = ease(local, [0, 15], [0, 1]);
+          const bar = ease(local, [4, 40], [8, 100]);
+          return <div key={row} style={{marginBottom: 24, opacity: op}}>
+            <div style={{display: 'flex', justifyContent: 'space-between', color: 'white', fontSize: 31, fontWeight: 900, marginBottom: 10}}><span>{row}</span><span style={{color: i === 0 ? '#facc15' : neon}}>{i === 0 ? 'CHECK' : 'OK'}</span></div>
+            <div style={{height: 16, background: 'rgba(255,255,255,0.12)', borderRadius: 999, overflow: 'hidden'}}><div style={{height: '100%', width: bar + '%', background: i === 0 ? 'linear-gradient(90deg,#facc15,#39ff88)' : 'linear-gradient(90deg,#39ff88,#67e8f9)'}} /></div>
+          </div>;
+        })}
+      </div>
+      <CaptionOverlay scene={scene} />
+    </AbsoluteFill>
+  );
 }
 
+function WorkflowScene({ scene }) {
+  const frame = useCurrentFrame();
+  const steps = ['Script', 'Voice', 'Captions', 'Video', 'Publish'];
+  return (
+    <AbsoluteFill style={{fontFamily: jpFont}}>
+      <TopBar />
+      <div style={{position: 'absolute', left: 62, right: 62, top: 165, color: 'white'}}>
+        <div style={{fontSize: 34, color: '#99f6e4', fontWeight: 900, marginBottom: 16}}>VIDEO WORKFLOW</div>
+        <div style={{fontSize: 70, fontWeight: 1000, lineHeight: 1.02}}>動画生成まで<br/>一気通貫</div>
+      </div>
+      <div style={{position: 'absolute', left: 86, right: 86, top: 560}}>
+        {steps.map((step, i) => {
+          const local = frame - i * 10;
+          const x = i % 2 === 0 ? 0 : 390;
+          const y = Math.floor(i / 2) * 190;
+          const op = ease(local, [0, 18], [0, 1]);
+          const tx = ease(local, [0, 22], [i % 2 === 0 ? -80 : 80, 0]);
+          return <div key={step} style={{position: 'absolute', left: x + tx, top: y, width: 360, height: 138, opacity: op, borderRadius: 34, background: 'rgba(255,255,255,0.96)', color: '#0f172a', display: 'flex', alignItems: 'center', justifyContent: 'center', fontSize: 42, fontWeight: 1000, boxShadow: '0 24px 65px rgba(0,0,0,0.32)'}}>{step}</div>;
+        })}
+        {[0,1,2,3].map((_, i) => {
+          const op = ease(frame - i * 10, [14, 36], [0, 1]);
+          return <div key={i} style={{position: 'absolute', left: i % 2 === 0 ? 360 : 230, top: 64 + Math.floor((i + 1) / 2) * 190, width: 130, height: 6, borderRadius: 999, opacity: op, background: 'linear-gradient(90deg,' + neon + ',' + cyan + ')', transform: 'rotate(' + (i % 2 === 0 ? 16 : -16) + 'deg)', boxShadow: '0 0 24px rgba(57,255,136,0.55)'}} />;
+        })}
+      </div>
+      <CaptionOverlay scene={scene} />
+    </AbsoluteFill>
+  );
+}
+
+function CtaScene({ scene }) {
+  const frame = useCurrentFrame();
+  const scale = spring({frame, fps: 30, config: {damping: 12, stiffness: 80, mass: 0.9}});
+  const halo = 0.35 + Math.sin(frame / 18) * 0.12;
+  return (
+    <AbsoluteFill style={{fontFamily: jpFont, alignItems: 'center', justifyContent: 'center'}}>
+      <TopBar />
+      <div style={{width: 820, height: 820, borderRadius: 410, background: 'radial-gradient(circle, rgba(57,255,136,' + halo + '), rgba(103,232,249,0.16) 42%, transparent 70%)', position: 'absolute'}} />
+      <div style={{position: 'relative', zIndex: 10, transform: 'scale(' + (0.86 + scale * 0.14) + ')', textAlign: 'center', color: 'white', padding: 60}}>
+        <div style={{fontSize: 42, color: '#99f6e4', fontWeight: 1000, marginBottom: 26}}>FINAL MESSAGE</div>
+        <div style={{fontSize: 82, lineHeight: 1.02, fontWeight: 1000, letterSpacing: -2}}>ChatGPTに<br/><span style={{color: neon}}>ローカルで働く手</span>を。</div>
+        <div style={{marginTop: 44, fontSize: 36, color: '#d1fae5', fontWeight: 900, background: 'rgba(4,12,24,0.72)', border: '1px solid rgba(153,246,228,0.34)', padding: '22px 30px', borderRadius: 999}}>LocalAnt</div>
+      </div>
+      <CaptionOverlay scene={scene} />
+    </AbsoluteFill>
+  );
+}
+
+function ImportedImageScene({ scene }) {
+  const frame = useCurrentFrame();
+  const imgScale = 1.02 + Math.sin(frame / 50) * 0.018;
+  const cardY = ease(frame, [0, 24], [74, 0]);
+  const op = ease(frame, [0, 20], [0, 1]);
+  return (
+    <AbsoluteFill style={{fontFamily: jpFont}}>
+      <TopBar />
+      <div style={{position: 'absolute', left: 58, right: 58, top: 150, color: 'white', zIndex: 20, opacity: op, transform: 'translateY(' + cardY + 'px)'}}>
+        <div style={{fontSize: 31, fontWeight: 900, color: '#99f6e4', letterSpacing: 3, marginBottom: 14}}>GENERATED IMAGE</div>
+        <div style={{fontSize: 62, fontWeight: 1000, lineHeight: 1.04}}>{scene.title}</div>
+      </div>
+      <div style={{position: 'absolute', left: 58, right: 58, top: 420, height: 880, borderRadius: 42, overflow: 'hidden', border: '2px solid rgba(153,246,228,0.42)', boxShadow: '0 34px 100px rgba(0,0,0,0.48)', background: 'rgba(4,12,24,0.82)', opacity: op, transform: 'translateY(' + cardY + 'px)'}}>
+        <img src={staticFile(scene.assetFile)} style={{width: '100%', height: '100%', objectFit: 'cover', transform: 'scale(' + imgScale + ')'}} />
+        <div style={{position: 'absolute', inset: 0, background: 'linear-gradient(180deg, rgba(5,8,22,0.04), rgba(5,8,22,0.55))'}} />
+      </div>
+      <CaptionOverlay scene={scene} />
+    </AbsoluteFill>
+  );
+}
+
+function SceneRouter({ scene, index }) {
+  if (scene.assetFile) return <ImportedImageScene scene={scene} />;
+  if (index === 0) return <HeroScene scene={scene} />;
+  if (index === 1) return <FeaturesScene scene={scene} />;
+  if (index === 2) return <SecurityScene scene={scene} />;
+  if (index === 3) return <WorkflowScene scene={scene} />;
+  return <CtaScene scene={scene} />;
+}
+
+function LocalAntVideoStudio(props) {
+  return (
+    <AbsoluteFill style={{fontFamily: jpFont, background: '#050816'}}>
+      {props.narrationFile ? <Audio src={staticFile(props.narrationFile)} /> : null}
+      <AnimatedBackground />
+      {props.scenes.map((scene, index) => (
+        <Sequence key={scene.id} from={scene.startFrame} durationInFrames={scene.durationInFrames}>
+          <SceneRouter scene={scene} index={index} />
+        </Sequence>
+      ))}
+      <ProgressBar />
+    </AbsoluteFill>
+  );
+}
+
+function Root() {
+  return (
+    <Composition
+      id="LocalAntVideoStudio"
+      component={LocalAntVideoStudio}
+      durationInFrames={defaultProps.durationInFrames}
+      fps={defaultProps.fps}
+      width={defaultProps.width}
+      height={defaultProps.height}
+      defaultProps={defaultProps}
+    />
+  );
+}
+
+registerRoot(Root);
+`;
+}
 async function reviewVideo(gw: Gateway, projectId: string) {
   const { project, dir } = loadProject(gw, projectId);
   const outputPath = path.join(dir, "output", "output.mp4");
@@ -504,7 +1141,10 @@ async function reviewVideo(gw: Gateway, projectId: string) {
   const captionsPath = path.join(dir, "captions", "output.srt");
   const assPath = path.join(dir, "captions", "output.ass");
   const renderPlanPath = path.join(dir, "render", "render-plan.json");
-  const base = { outputPath, thumbnailPath, captionsPath, assPath, storyboardPath: path.join(dir, "storyboard.json"), renderPlanPath };
+  const renderPropsPath = path.join(dir, "render", "render-props.json");
+  const motionPlanPath = path.join(dir, "render", "motion-plan.json");
+  const wordsPath = path.join(dir, "captions", "words.json");
+  const base = { outputPath, thumbnailPath, captionsPath, assPath, wordsPath, storyboardPath: path.join(dir, "storyboard.json"), renderPlanPath, renderPropsPath, motionPlanPath };
   if (!fs.existsSync(outputPath)) return { ok: false, ...base, durationSeconds: 0, width: 0, height: 0, hasVideo: false, hasAudio: false, warnings: ["output.mp4 does not exist"] };
   if (!await hasCommand("ffprobe")) return { ok: true, ...base, durationSeconds: project.durationSeconds, ...dimensions(project.aspectRatio), hasVideo: true, hasAudio: fs.existsSync(path.join(dir, "audio", "narration.wav")), warnings: ["ffprobe not available"] };
   const { stdout } = await execFileAsync("ffprobe", ["-v", "error", "-show_entries", "stream=codec_type,width,height:format=duration", "-of", "json", outputPath]);
@@ -513,8 +1153,13 @@ async function reviewVideo(gw: Gateway, projectId: string) {
   const hasAudio = (probe.streams ?? []).some((s: any) => s.codec_type === "audio");
   const durationSeconds = Number(probe.format?.duration ?? 0);
   const warnings = [];
+  const narration = path.join(dir, "audio", "narration.wav");
+  const audioDurationSeconds = fs.existsSync(narration) ? await probeDuration(narration) : project.scenes.reduce((sum, scene) => sum + (scene.audioDurationSeconds ?? scene.durationSeconds), 0);
   if (Math.abs(durationSeconds - project.durationSeconds) > 3) warnings.push("duration differs from project duration");
-  return { ok: Boolean(video), ...base, durationSeconds, width: video?.width ?? 0, height: video?.height ?? 0, hasVideo: Boolean(video), hasAudio, warnings };
+  if (audioDurationSeconds > 0 && durationSeconds + 0.15 < audioDurationSeconds) warnings.push(`audio would be cut: video ${roundSeconds(durationSeconds)}s is shorter than narration ${audioDurationSeconds}s`);
+  if (!hasAudio && audioDurationSeconds > 0) warnings.push("rendered video has no audio stream");
+  const ok = Boolean(video) && hasAudio && !warnings.some((w) => /audio would be cut|no audio stream/i.test(w));
+  return { ok, ...base, renderer: project.renderer ?? "unknown", durationSeconds, audioDurationSeconds, width: video?.width ?? 0, height: video?.height ?? 0, hasVideo: Boolean(video), hasAudio, warnings };
 }
 
 async function generateVideo(gw: Gateway, projectId: string) {
diff --git a/packages/mcp/src/http-server.ts b/packages/mcp/src/http-server.ts
index bf0935d..f131ae5 100644
--- a/packages/mcp/src/http-server.ts
+++ b/packages/mcp/src/http-server.ts
@@ -361,7 +361,8 @@ function mountDashboardApi(
   });
 
   r.get("/tools", (_q, s) => {
-    const profile = gw.config().tools.profile;
+    const toolsConfig = gw.config().tools;
+    const profile = toolsConfig.profile;
     s.json(
       gw.registry.list().map((t) => {
         const shape = (t.inputSchema as any).shape ?? {};
@@ -379,7 +380,7 @@ function mountDashboardApi(
           risk: t.risk,
           inputSchema,
           // Whether this tool is advertised to ChatGPT under the active profile.
-          active: isToolInProfile(t.name, profile),
+          active: isToolInProfile(t.name, profile, toolsConfig.features),
         };
       })
     );
@@ -392,7 +393,7 @@ function mountDashboardApi(
     if (!["minimal", "coding", "full"].includes(name)) {
       return s.status(400).json({ error: "profile must be minimal|coding|full" });
     }
-    gw.saveConfig({ ...gw.config(), tools: { profile: name as "minimal" | "coding" | "full" } });
+    gw.saveConfig({ ...gw.config(), tools: { ...gw.config().tools, profile: name as "minimal" | "coding" | "full" } });
     s.json({ profile: name, note: "Restart the gateway for the MCP surface to refresh." });
   });
 
diff --git a/packages/mcp/src/mcp-server.ts b/packages/mcp/src/mcp-server.ts
index 036dd90..3c33d7e 100644
--- a/packages/mcp/src/mcp-server.ts
+++ b/packages/mcp/src/mcp-server.ts
@@ -63,10 +63,11 @@ export function buildMcpServer(gw: Gateway, getSessionId: () => string = () => D
   const server = new McpServer({ name: "LocalAnt", version: APP_VERSION });
   registerWidgets(server);
 
-  const profile = gw.config().tools.profile;
+  const toolsConfig = gw.config().tools;
+  const profile = toolsConfig.profile;
   const mode = gw.config().security.mode;
   for (const tool of gw.registry.list()) {
-    if (!isToolInProfile(tool.name, profile)) continue;
+    if (!isToolInProfile(tool.name, profile, toolsConfig.features)) continue;
     const shape = (tool.inputSchema as unknown as { shape?: Record<string, z.ZodTypeAny> }).shape ?? {};
     server.registerTool(
       tool.name,
diff --git a/packages/shared/src/config.ts b/packages/shared/src/config.ts
index b21448d..b5eb7e6 100644
--- a/packages/shared/src/config.ts
+++ b/packages/shared/src/config.ts
@@ -401,8 +401,17 @@ export const ConfigSchema = z.object({
       // + control plane); `full` advertises every registered tool. See
       // tool-profiles.ts. Defaults to `minimal` to keep tool-selection sharp.
       profile: z.enum(["minimal", "coding", "full"]).default("minimal"),
+      // Optional product surfaces that behave like built-in plugins. When a
+      // feature is disabled, its tools remain available to LocalAnt internals
+      // and the dashboard, but are not advertised to ChatGPT over MCP.
+      features: z
+        .object({
+          videoStudio: z.boolean().default(false),
+          assetBridge: z.boolean().default(false),
+        })
+        .prefault({}),
     })
-    .default({ profile: "minimal" }),
+    .prefault({ profile: "minimal" }),
   mcpServers: z.record(z.string(), McpServerConfig).default({}),
   skillRegistry: z
     .object({
diff --git a/packages/shared/src/tool-profiles.ts b/packages/shared/src/tool-profiles.ts
index 8d4556d..fec043e 100644
--- a/packages/shared/src/tool-profiles.ts
+++ b/packages/shared/src/tool-profiles.ts
@@ -15,6 +15,36 @@
  *    mutation, secret management, destructive git, …).
  */
 export type ToolProfile = "minimal" | "coding" | "full";
+export type ToolFeatureFlags = {
+  videoStudio?: boolean;
+  assetBridge?: boolean;
+};
+
+const VIDEO_STUDIO_TOOLS: ReadonlySet<string> = new Set<string>([
+  "video_studio_status",
+  "video_studio_configure",
+  "video_studio_create_script",
+  "video_studio_create_project",
+  "video_studio_list_projects",
+  "video_studio_add_asset",
+  "video_studio_generate_assets",
+  "video_studio_generate_audio",
+  "video_studio_generate_captions",
+  "video_studio_render_video",
+  "video_studio_generate_video",
+  "video_studio_review_video",
+  "video_studio_publish_prepare",
+  "video_studio_publish_video",
+  "video_studio_open_setup",
+  "video_studio_connect_account",
+  "video_studio_test_publisher",
+]);
+
+const ASSET_BRIDGE_TOOLS: ReadonlySet<string> = new Set<string>([
+  "asset_save_image",
+  "asset_upload_chunk",
+  "asset_commit_upload",
+]);
 
 /**
  * The set of tool names exposed in the `minimal` profile. Everything else is
@@ -111,6 +141,8 @@ export const CODING_PROFILE_TOOLS: ReadonlySet<string> = new Set<string>([
 
   // --- Asset bridge (get conversation images onto the local repo) ---
   "asset_save_image",
+  "asset_upload_chunk",
+  "asset_commit_upload",
   // dropped duplicates (reachable via the kept name in the comment above):
   //   read_file, read_file_range→fs_read_file_range, write_file, edit_file,
   //   list_files→fs_list_files, search_content, search_files→fs_search_files,
@@ -188,6 +220,7 @@ export const CODING_PROFILE_TOOLS: ReadonlySet<string> = new Set<string>([
   "video_studio_configure",
   "video_studio_create_script",
   "video_studio_create_project",
+  "video_studio_add_asset",
   "video_studio_generate_assets",
   "video_studio_generate_audio",
   "video_studio_generate_captions",
@@ -210,8 +243,12 @@ export const CODING_PROFILE_TOOLS: ReadonlySet<string> = new Set<string>([
   "tunnel_restart",
 ]);
 
-/** Whether a tool is exposed under the given profile. `full` exposes everything. */
-export function isToolInProfile(name: string, profile: ToolProfile): boolean {
+/** Whether a tool is exposed under the given profile. `full` exposes everything except disabled feature tools. */
+export function isToolInProfile(name: string, profile: ToolProfile, features?: ToolFeatureFlags): boolean {
+  if (features) {
+    if (!features.videoStudio && VIDEO_STUDIO_TOOLS.has(name)) return false;
+    if (!features.assetBridge && ASSET_BRIDGE_TOOLS.has(name)) return false;
+  }
   if (profile === "full") return true;
   if (profile === "coding") return CODING_PROFILE_TOOLS.has(name);
   return MINIMAL_PROFILE_TOOLS.has(name);
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index de56970..27fb138 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -11,6 +11,12 @@ importers:
       '@modelcontextprotocol/sdk':
         specifier: ^1.12.0
         version: 1.29.0(zod@4.4.3)
+      '@remotion/bundler':
+        specifier: ^4.0.482
+        version: 4.0.482(postcss@8.5.15)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
+      '@remotion/renderer':
+        specifier: ^4.0.482
+        version: 4.0.482(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
       commander:
         specifier: ^15.0.0
         version: 15.0.0
@@ -20,6 +26,15 @@ importers:
       nanoid:
         specifier: ^5.0.9
         version: 5.1.11
+      react:
+        specifier: ^19.2.7
+        version: 19.2.7
+      react-dom:
+        specifier: ^19.2.7
+        version: 19.2.7(react@19.2.7)
+      remotion:
+        specifier: ^4.0.482
+        version: 4.0.482(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
       tsx:
         specifier: ^4.19.2
         version: 4.22.4
@@ -45,6 +60,12 @@ importers:
       '@types/node':
         specifier: ^22.10.0
         version: 22.19.20
+      '@types/react':
+        specifier: ^19.2.17
+        version: 19.2.17
+      '@types/react-dom':
+        specifier: ^19.2.3
+        version: 19.2.3(@types/react@19.2.17)
       '@typescript-eslint/eslint-plugin':
         specifier: ^8.18.0
         version: 8.61.0(@typescript-eslint/parser@8.61.0(eslint@9.39.4)(typescript@5.9.3))(eslint@9.39.4)(typescript@5.9.3)
@@ -53,7 +74,7 @@ importers:
         version: 8.61.0(eslint@9.39.4)(typescript@5.9.3)
       '@vitest/coverage-v8':
         specifier: ^2.1.9
-        version: 2.1.9(vitest@2.1.9(@types/node@22.19.20))
+        version: 2.1.9(vitest@2.1.9(@types/node@22.19.20)(terser@5.48.0))
       eslint:
         specifier: ^9.17.0
         version: 9.39.4
@@ -65,7 +86,7 @@ importers:
         version: 5.9.3
       vitest:
         specifier: ^2.1.8
-        version: 2.1.9(@types/node@22.19.20)
+        version: 2.1.9(@types/node@22.19.20)(terser@5.48.0)
 
   examples/skills/article-publisher:
     dependencies:
@@ -79,6 +100,8 @@ importers:
         specifier: workspace:*
         version: link:../../../packages/skill-sdk
 
+  examples/skills/flowkit: {}
+
   examples/skills/hello-world:
     dependencies:
       '@localant/skill-sdk':
@@ -191,6 +214,15 @@ packages:
   '@bcoe/v8-coverage@0.2.3':
     resolution: {integrity: sha512-0hYQ8SB4Db5zvZB4axdMHGwEaQjkZzFjQiN9LVYvIFB2nSUHW9tYpxWriPrWDASIxiaXax83REcLxuSdnGPZtw==}
 
+  '@emnapi/core@1.11.1':
+    resolution: {integrity: sha512-RSvbQmHzdKzNsLYa/wHrbc3KN4sYLKAdPZxqiM2HATqv/SBk2/ENSHpvXGaLOMcsAyz0poEGqkmmKYG3OWiJEQ==}
+
+  '@emnapi/runtime@1.11.1':
+    resolution: {integrity: sha512-vgj7R3y3Wgx24IQaGPA/R6YFXLHVMOZ0uVEyIQPaWs+rd1AzfEMXlAC22FYwO1XkKR6NPsq7mUandH8oIRdZFw==}
+
+  '@emnapi/wasi-threads@1.2.2':
+    resolution: {integrity: sha512-c95qOXkHdydNKhscBTebqEC1CVAZpyqOfVfBzQ1qgzyl3gfeldUjIggDbIZgDKsHLgnsM+igH7TJ/eAasaVuMA==}
+
   '@esbuild/aix-ppc64@0.21.5':
     resolution: {integrity: sha512-1SDgH6ZSPTlggy1yI6+Dbkiz8xzpHJEVAlF/AM1tHPLsf5STom9rwtjE4hKAF20FfXXNTFqEYXyJNWh1GiZedQ==}
     engines: {node: '>=12'}
@@ -203,6 +235,12 @@ packages:
     cpu: [ppc64]
     os: [aix]
 
+  '@esbuild/aix-ppc64@0.28.1':
+    resolution: {integrity: sha512-Svl7tq8k/08+p6CXPpRjQ1fKX+1odH/BQbb48fV6fj3CWHhsoIOoY87w1oHXm0qEpkIK3ZfVgp0hed3XBXzXMQ==}
+    engines: {node: '>=18'}
+    cpu: [ppc64]
+    os: [aix]
+
   '@esbuild/android-arm64@0.21.5':
     resolution: {integrity: sha512-c0uX9VAUBQ7dTDCjq+wdyGLowMdtR/GoC2U5IYk/7D1H1JYC0qseD7+11iMP2mRLN9RcCMRcjC4YMclCzGwS/A==}
     engines: {node: '>=12'}
@@ -215,6 +253,12 @@ packages:
     cpu: [arm64]
     os: [android]
 
+  '@esbuild/android-arm64@0.28.1':
+    resolution: {integrity: sha512-34EGEbCIAgosYz6goLcopX6Mo7NyGv9tfwEM2/7Ce2VcVRk568iSvniGWcUXIy7wEDR1wzolcxcriFVrWYcwBg==}
+    engines: {node: '>=18'}
+    cpu: [arm64]
+    os: [android]
+
   '@esbuild/android-arm@0.21.5':
     resolution: {integrity: sha512-vCPvzSjpPHEi1siZdlvAlsPxXl7WbOVUBBAowWug4rJHb68Ox8KualB+1ocNvT5fjv6wpkX6o/iEpbDrf68zcg==}
     engines: {node: '>=12'}
@@ -227,6 +271,12 @@ packages:
     cpu: [arm]
     os: [android]
 
+  '@esbuild/android-arm@0.28.1':
+    resolution: {integrity: sha512-0k2F129Xdio1TdJfzJ8sy1Q47vUD2NnwdhiAf7drUN1EBTfPf4hsFCtmMgu/6m8JSzsBrlmVjudMBQqOfG8usQ==}
+    engines: {node: '>=18'}
+    cpu: [arm]
+    os: [android]
+
   '@esbuild/android-x64@0.21.5':
     resolution: {integrity: sha512-D7aPRUUNHRBwHxzxRvp856rjUHRFW1SdQATKXH2hqA0kAZb1hKmi02OpYRacl0TxIGz/ZmXWlbZgjwWYaCakTA==}
     engines: {node: '>=12'}
@@ -239,6 +289,12 @@ packages:
     cpu: [x64]
     os: [android]
 
+  '@esbuild/android-x64@0.28.1':
+    resolution: {integrity: sha512-dbwY7ltSMDWsRatcRpCnES4F+im88OCUgGZjy52shC7GqHRE/cYlxNbB4Z4UpJswpcc4Qxd2oE/ufM0p61IKng==}
+    engines: {node: '>=18'}
+    cpu: [x64]
+    os: [android]
+
   '@esbuild/darwin-arm64@0.21.5':
     resolution: {integrity: sha512-DwqXqZyuk5AiWWf3UfLiRDJ5EDd49zg6O9wclZ7kUMv2WRFr4HKjXp/5t8JZ11QbQfUS6/cRCKGwYhtNAY88kQ==}
     engines: {node: '>=12'}
@@ -251,6 +307,12 @@ packages:
     cpu: [arm64]
     os: [darwin]
 
+  '@esbuild/darwin-arm64@0.28.1':
+    resolution: {integrity: sha512-TZbWkQY7kvTAXbXUT7uVACR5cMHsDiSz9z7ZKAX/RTq/WJEk3QyRr0wZpNhBDX+/0CtdqUIJlOiodQcta6tY3Q==}
+    engines: {node: '>=18'}
+    cpu: [arm64]
+    os: [darwin]
+
   '@esbuild/darwin-x64@0.21.5':
     resolution: {integrity: sha512-se/JjF8NlmKVG4kNIuyWMV/22ZaerB+qaSi5MdrXtd6R08kvs2qCN4C09miupktDitvh8jRFflwGFBQcxZRjbw==}
     engines: {node: '>=12'}
@@ -263,6 +325,12 @@ packages:
     cpu: [x64]
     os: [darwin]
 
+  '@esbuild/darwin-x64@0.28.1':
+    resolution: {integrity: sha512-zfdzgK9ACBNZLI/CyHTOx81SyNbM6YXn7rxSgX97VjyiPl9W1i4Ka4fgKECEoFCKGpvBj5qArWIGgQjOwkgskQ==}
+    engines: {node: '>=18'}
+    cpu: [x64]
+    os: [darwin]
+
   '@esbuild/freebsd-arm64@0.21.5':
     resolution: {integrity: sha512-5JcRxxRDUJLX8JXp/wcBCy3pENnCgBR9bN6JsY4OmhfUtIHe3ZW0mawA7+RDAcMLrMIZaf03NlQiX9DGyB8h4g==}
     engines: {node: '>=12'}
@@ -275,6 +343,12 @@ packages:
     cpu: [arm64]
     os: [freebsd]
 
+  '@esbuild/freebsd-arm64@0.28.1':
+    resolution: {integrity: sha512-wG2EA8ENdEI0qhkSZMjfqrdY+ziCYCPMmtZjjIwOmXFjmyzEHn+UUxk5of+SYsjtfs3VpnlC7QLzSI5hY/rOAw==}
+    engines: {node: '>=18'}
+    cpu: [arm64]
+    os: [freebsd]
+
   '@esbuild/freebsd-x64@0.21.5':
     resolution: {integrity: sha512-J95kNBj1zkbMXtHVH29bBriQygMXqoVQOQYA+ISs0/2l3T9/kj42ow2mpqerRBxDJnmkUDCaQT/dfNXWX/ZZCQ==}
     engines: {node: '>=12'}
@@ -287,6 +361,12 @@ packages:
     cpu: [x64]
     os: [freebsd]
 
+  '@esbuild/freebsd-x64@0.28.1':
+    resolution: {integrity: sha512-i7dZ9vQgnvSCzi/rYCXNgtF/U+eKZNJBzu3eTQbRgHnM7tNSizLOkRFAl3qzVc/Op/u5YkHHa4pf/3DOYHthLQ==}
+    engines: {node: '>=18'}
+    cpu: [x64]
+    os: [freebsd]
+
   '@esbuild/linux-arm64@0.21.5':
     resolution: {integrity: sha512-ibKvmyYzKsBeX8d8I7MH/TMfWDXBF3db4qM6sy+7re0YXya+K1cem3on9XgdT2EQGMu4hQyZhan7TeQ8XkGp4Q==}
     engines: {node: '>=12'}
@@ -299,6 +379,12 @@ packages:
     cpu: [arm64]
     os: [linux]
 
+  '@esbuild/linux-arm64@0.28.1':
+    resolution: {integrity: sha512-yHs+0uc8+nvEAfAfxrWQKK5peSNzBc4PegcMO0EJ2hT71uA7vB8Ihg2e77R2P7SG5uYjPbHlLLmve4LLLRCf0g==}
+    engines: {node: '>=18'}
+    cpu: [arm64]
+    os: [linux]
+
   '@esbuild/linux-arm@0.21.5':
     resolution: {integrity: sha512-bPb5AHZtbeNGjCKVZ9UGqGwo8EUu4cLq68E95A53KlxAPRmUyYv2D6F0uUI65XisGOL1hBP5mTronbgo+0bFcA==}
     engines: {node: '>=12'}
@@ -311,6 +397,12 @@ packages:
     cpu: [arm]
     os: [linux]
 
+  '@esbuild/linux-arm@0.28.1':
+    resolution: {integrity: sha512-qVXBOHQS+d5Y722GwJzJUtOLlX7km3CraOaGormF1pDtPd2C/l1SHRPgjLunLGe51Sh5YYWKMFDyV4SxgMQYTQ==}
+    engines: {node: '>=18'}
+    cpu: [arm]
+    os: [linux]
+
   '@esbuild/linux-ia32@0.21.5':
     resolution: {integrity: sha512-YvjXDqLRqPDl2dvRODYmmhz4rPeVKYvppfGYKSNGdyZkA01046pLWyRKKI3ax8fbJoK5QbxblURkwK/MWY18Tg==}
     engines: {node: '>=12'}
@@ -323,6 +415,12 @@ packages:
     cpu: [ia32]
     os: [linux]
 
+  '@esbuild/linux-ia32@0.28.1':
+    resolution: {integrity: sha512-d1z4ZuP0ajrfz/FhGT4vv278rX8KnPPJx8i5+AtK7TYbx9Le9F1hyzurZpkEyjkGa9dUGhQow4C1NmeGvqxN2w==}
+    engines: {node: '>=18'}
+    cpu: [ia32]
+    os: [linux]
+
   '@esbuild/linux-loong64@0.21.5':
     resolution: {integrity: sha512-uHf1BmMG8qEvzdrzAqg2SIG/02+4/DHB6a9Kbya0XDvwDEKCoC8ZRWI5JJvNdUjtciBGFQ5PuBlpEOXQj+JQSg==}
     engines: {node: '>=12'}
@@ -335,6 +433,12 @@ packages:
     cpu: [loong64]
     os: [linux]
 
+  '@esbuild/linux-loong64@0.28.1':
+    resolution: {integrity: sha512-M5sRjUVZrkm1OAPR3dlOYzNmN+loZKGVi1VUQGrwuqLcbR6qeAz+famMhjASeH3YVKvZz+zT1jlh/keC3Rj/lg==}
+    engines: {node: '>=18'}
+    cpu: [loong64]
+    os: [linux]
+
   '@esbuild/linux-mips64el@0.21.5':
     resolution: {integrity: sha512-IajOmO+KJK23bj52dFSNCMsz1QP1DqM6cwLUv3W1QwyxkyIWecfafnI555fvSGqEKwjMXVLokcV5ygHW5b3Jbg==}
     engines: {node: '>=12'}
@@ -347,6 +451,12 @@ packages:
     cpu: [mips64el]
     os: [linux]
 
+  '@esbuild/linux-mips64el@0.28.1':
+    resolution: {integrity: sha512-mRObBZeHh2OxcBFPWE/FjylkRgZdYuiTR3vaTozquCGOH14iP9oN4x4Ge81CoIDYQrXmIxpFumJBu5MtZpnQJQ==}
+    engines: {node: '>=18'}
+    cpu: [mips64el]
+    os: [linux]
+
   '@esbuild/linux-ppc64@0.21.5':
     resolution: {integrity: sha512-1hHV/Z4OEfMwpLO8rp7CvlhBDnjsC3CttJXIhBi+5Aj5r+MBvy4egg7wCbe//hSsT+RvDAG7s81tAvpL2XAE4w==}
     engines: {node: '>=12'}
@@ -359,6 +469,12 @@ packages:
     cpu: [ppc64]
     os: [linux]
 
+  '@esbuild/linux-ppc64@0.28.1':
+    resolution: {integrity: sha512-slScBsMAb3GFDcdrCgLwZtPYRoH2H/youv10QiZyRjmsP48fznoveWytSgCI/R0ZcUgpc0ZhIUEx6LHts8yrfQ==}
+    engines: {node: '>=18'}
+    cpu: [ppc64]
+    os: [linux]
+
   '@esbuild/linux-riscv64@0.21.5':
     resolution: {integrity: sha512-2HdXDMd9GMgTGrPWnJzP2ALSokE/0O5HhTUvWIbD3YdjME8JwvSCnNGBnTThKGEB91OZhzrJ4qIIxk/SBmyDDA==}
     engines: {node: '>=12'}
@@ -371,6 +487,12 @@ packages:
     cpu: [riscv64]
     os: [linux]
 
+  '@esbuild/linux-riscv64@0.28.1':
+    resolution: {integrity: sha512-kw0owk1o0GFETUJyW0jc0G4Yzs0BHZn0JDZ8JRT088vjJYX777BAs1fDGxAC+q831qOs2DTC96mNsG2opdfyyQ==}
+    engines: {node: '>=18'}
+    cpu: [riscv64]
+    os: [linux]
+
   '@esbuild/linux-s390x@0.21.5':
     resolution: {integrity: sha512-zus5sxzqBJD3eXxwvjN1yQkRepANgxE9lgOW2qLnmr8ikMTphkjgXu1HR01K4FJg8h1kEEDAqDcZQtbrRnB41A==}
     engines: {node: '>=12'}
@@ -383,6 +505,12 @@ packages:
     cpu: [s390x]
     os: [linux]
 
+  '@esbuild/linux-s390x@0.28.1':
+    resolution: {integrity: sha512-/lAIjX8aYFRByhh6L5rYtPEDRqa9de/4V/juOXcta5frjvzXO4/sqEtyytse0g3zZFuWu5cDN0MkLz2qRDD2Ag==}
+    engines: {node: '>=18'}
+    cpu: [s390x]
+    os: [linux]
+
   '@esbuild/linux-x64@0.21.5':
     resolution: {integrity: sha512-1rYdTpyv03iycF1+BhzrzQJCdOuAOtaqHTWJZCWvijKD2N5Xu0TtVC8/+1faWqcP9iBCWOmjmhoH94dH82BxPQ==}
     engines: {node: '>=12'}
@@ -395,12 +523,24 @@ packages:
     cpu: [x64]
     os: [linux]
 
+  '@esbuild/linux-x64@0.28.1':
+    resolution: {integrity: sha512-u/anNYF2mmVOEDwLtnQ1wOr3EZ9sTNGLWrsYGYwHWzGA3Si84IOkHXlbWTD1NB+9/1lcnweYKO54uhxZydNzfA==}
+    engines: {node: '>=18'}
+    cpu: [x64]
+    os: [linux]
+
   '@esbuild/netbsd-arm64@0.28.0':
     resolution: {integrity: sha512-CR/RYotgtCKwtftMwJlUU7xCVNg3lMYZ0RzTmAHSfLCXw3NtZtNpswLEj/Kkf6kEL3Gw+BpOekRX0BYCtklhUw==}
     engines: {node: '>=18'}
     cpu: [arm64]
     os: [netbsd]
 
+  '@esbuild/netbsd-arm64@0.28.1':
+    resolution: {integrity: sha512-oks0DYbLwWMmaakTsCb+zL4E+aHRVLom9IJZOAthMQEPiQmydXHkziYEsGYRx0uNV/IjEKGAV941JzH02pflqw==}
+    engines: {node: '>=18'}
+    cpu: [arm64]
+    os: [netbsd]
+
   '@esbuild/netbsd-x64@0.21.5':
     resolution: {integrity: sha512-Woi2MXzXjMULccIwMnLciyZH4nCIMpWQAs049KEeMvOcNADVxo0UBIQPfSmxB3CWKedngg7sWZdLvLczpe0tLg==}
     engines: {node: '>=12'}
@@ -413,12 +553,24 @@ packages:
     cpu: [x64]
     os: [netbsd]
 
+  '@esbuild/netbsd-x64@0.28.1':
+    resolution: {integrity: sha512-aeL6lAnN89Hz43Mlh1G8ARasbuoYvSITDEx0tHh5b7jJnHcssqgjy9Yx430GDpmCa6OyrKoS0aNRjKundRizGg==}
+    engines: {node: '>=18'}
+    cpu: [x64]
+    os: [netbsd]
+
   '@esbuild/openbsd-arm64@0.28.0':
     resolution: {integrity: sha512-cXb5vApOsRsxsEl4mcZ1XY3D4DzcoMxR/nnc4IyqYs0rTI8ZKmW6kyyg+11Z8yvgMfAEldKzP7AdP64HnSC/6g==}
     engines: {node: '>=18'}
     cpu: [arm64]
     os: [openbsd]
 
+  '@esbuild/openbsd-arm64@0.28.1':
+    resolution: {integrity: sha512-MEFJe5C3R8pwXdZ5Y21oo6m7ePiS0d9pWucn99O/wvyJZChoIQKrQDxKrGeW8F5+T0okTHesAmDeiHDTIq0V/Q==}
+    engines: {node: '>=18'}
+    cpu: [arm64]
+    os: [openbsd]
+
   '@esbuild/openbsd-x64@0.21.5':
     resolution: {integrity: sha512-HLNNw99xsvx12lFBUwoT8EVCsSvRNDVxNpjZ7bPn947b8gJPzeHWyNVhFsaerc0n3TsbOINvRP2byTZ5LKezow==}
     engines: {node: '>=12'}
@@ -431,12 +583,24 @@ packages:
     cpu: [x64]
     os: [openbsd]
 
+  '@esbuild/openbsd-x64@0.28.1':
+    resolution: {integrity: sha512-i/ZLIOafE0Z8cI/XANJAixoJL/uRAoS2xOA3rb0xN+KK0K177cMAsQYkzHtBrtMXAKuAc7HGgcWiZ/sRC1Nxgw==}
+    engines: {node: '>=18'}
+    cpu: [x64]
+    os: [openbsd]
+
   '@esbuild/openharmony-arm64@0.28.0':
     resolution: {integrity: sha512-FLGfyizszcef5C3YtoyQDACyg95+dndv79i2EekILBofh5wpCa1KuBqOWKrEHZg3zrL3t5ouE5jgr94vA+Wb2w==}
     engines: {node: '>=18'}
     cpu: [arm64]
     os: [openharmony]
 
+  '@esbuild/openharmony-arm64@0.28.1':
+    resolution: {integrity: sha512-ge+Z7EXFNt2BO1oAMsVpiQ8EwndV9i1xXerAeTIK7AtPs3bKFXQM7nlRxDSIUIMeueR1CNXxqztLzdNeReKBJg==}
+    engines: {node: '>=18'}
+    cpu: [arm64]
+    os: [openharmony]
+
   '@esbuild/sunos-x64@0.21.5':
     resolution: {integrity: sha512-6+gjmFpfy0BHU5Tpptkuh8+uw3mnrvgs+dSPQXQOv3ekbordwnzTVEb4qnIvQcYXq6gzkyTnoZ9dZG+D4garKg==}
     engines: {node: '>=12'}
@@ -449,6 +613,12 @@ packages:
     cpu: [x64]
     os: [sunos]
 
+  '@esbuild/sunos-x64@0.28.1':
+    resolution: {integrity: sha512-BEjgtECkL3vY+SaSQ6nzVfiALUeFxpawyp8Jmf5PtYhf1Ug40N1h/hxlhts+f1FvSvarEigdxS3BlSMI2PJLcQ==}
+    engines: {node: '>=18'}
+    cpu: [x64]
+    os: [sunos]
+
   '@esbuild/win32-arm64@0.21.5':
     resolution: {integrity: sha512-Z0gOTd75VvXqyq7nsl93zwahcTROgqvuAcYDUr+vOv8uHhNSKROyU961kgtCD1e95IqPKSQKH7tBTslnS3tA8A==}
     engines: {node: '>=12'}
@@ -461,6 +631,12 @@ packages:
     cpu: [arm64]
     os: [win32]
 
+  '@esbuild/win32-arm64@0.28.1':
+    resolution: {integrity: sha512-lCv9eK/H6ZJWbE7bh2nw54CZ9M2nupBxJcTsdk/QQnWkdSjKGuxmmH8/GWrlT1eMmZfn4dGcCjRte397WqfQXA==}
+    engines: {node: '>=18'}
+    cpu: [arm64]
+    os: [win32]
+
   '@esbuild/win32-ia32@0.21.5':
     resolution: {integrity: sha512-SWXFF1CL2RVNMaVs+BBClwtfZSvDgtL//G/smwAc5oVK/UPu2Gu9tIaRgFmYFFKrmg3SyAjSrElf0TiJ1v8fYA==}
     engines: {node: '>=12'}
@@ -473,6 +649,12 @@ packages:
     cpu: [ia32]
     os: [win32]
 
+  '@esbuild/win32-ia32@0.28.1':
+    resolution: {integrity: sha512-zvb/mB2bSCoJOpoCBgYKKpX6YM6mJBlBUVUtVj41DlZJVEB6/0CKlRYxP5wWl1C1ILiCoAU5wZZ4q1P3qeS6Eg==}
+    engines: {node: '>=18'}
+    cpu: [ia32]
+    os: [win32]
+
   '@esbuild/win32-x64@0.21.5':
     resolution: {integrity: sha512-tQd/1efJuzPC6rCFwEvLtci/xNFcTZknmXs98FYDfGE4wP9ClFV98nyKrzJKVPMhdDnjzLhdUyMX4PsQAPjwIw==}
     engines: {node: '>=12'}
@@ -485,6 +667,12 @@ packages:
     cpu: [x64]
     os: [win32]
 
+  '@esbuild/win32-x64@0.28.1':
+    resolution: {integrity: sha512-bm4Mowrv+GXMlpWX++EcXw/iLyd1o3+bJkC2DkWXYVvgZCqD/bSj9ctZeAMC3cIxgjRVR2Dufaiu4YPxr5gW1A==}
+    engines: {node: '>=18'}
+    cpu: [x64]
+    os: [win32]
+
   '@eslint-community/eslint-utils@4.9.1':
     resolution: {integrity: sha512-phrYmNiYppR7znFEdqgfWHXR6NCkZEK7hwWDHZUjit/2/U0r6XvkDl0SYnoM51Hq7FhCGdLDT6zxCCOY1hexsQ==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
@@ -564,12 +752,30 @@ packages:
     resolution: {integrity: sha512-bRISgCIjP20/tbWSPWMEi54QVPRZExkuD9lJL+UIxUKtwVJA8wW1Trb1jMs1RFXo1CBTNZ/5hpC9QvmKWdopKw==}
     engines: {node: '>=6.0.0'}
 
+  '@jridgewell/source-map@0.3.11':
+    resolution: {integrity: sha512-ZMp1V8ZFcPG5dIWnQLr3NSI1MiCU7UETdS/A0G8V/XWHvJv3ZsFqutJn1Y5RPmAPX6F3BiE397OqveU/9NCuIA==}
+
   '@jridgewell/sourcemap-codec@1.5.5':
     resolution: {integrity: sha512-cYQ9310grqxueWbl+WuIUIaiUaDcj7WOq5fVhEljNVgRfOUhY9fy2zTvfoqWsnebh8Sl70VScFbICvJnLKB0Og==}
 
   '@jridgewell/trace-mapping@0.3.31':
     resolution: {integrity: sha512-zzNR+SdQSDJzc8joaeP8QQoCQr8NuYx2dIIytl1QeBEZHJ9uW6hebsrYgbz8hJwUQao3TWCMtmfV8Nu1twOLAw==}
 
+  '@mediabunny/aac-encoder@1.47.0':
+    resolution: {integrity: sha512-JNzgdJoHMFFnv5imi1+dmjZMudsJ1zNCUCEkKjBh90cqGhAFg8xu4V2gsyxE2i6oq/YpWx23P+OvoANLSMcDzA==}
+    peerDependencies:
+      mediabunny: ^1.0.0
+
+  '@mediabunny/flac-encoder@1.47.0':
+    resolution: {integrity: sha512-VpKmJO0xlYcFCRD6JvJlMbNQ6d/6YMHdO1gFIqWlZABHjSSL6BquNNEgWSCv5vdF8ELDBwIYBVZEslakIB/7GA==}
+    peerDependencies:
+      mediabunny: ^1.0.0
+
+  '@mediabunny/mp3-encoder@1.47.0':
+    resolution: {integrity: sha512-JyzZyGeGRm2HVUQaGJ/VZT9OG+kG00mA8SLP/f3CO7+qWAmBncKc16WYXWHbZEo8Jn/ZGA6De32S5R2bTQbDqA==}
+    peerDependencies:
+      mediabunny: ^1.0.0
+
   '@modelcontextprotocol/sdk@1.29.0':
     resolution: {integrity: sha512-zo37mZA9hJWpULgkRpowewez1y6ML5GsXJPY8FI0tBBCd77HEvza4jDqRKOXgHNn867PVGCyTdzqpz0izu5ZjQ==}
     engines: {node: '>=18'}
@@ -580,10 +786,132 @@ packages:
       '@cfworker/json-schema':
         optional: true
 
+  '@module-federation/error-codes@0.22.0':
+    resolution: {integrity: sha512-xF9SjnEy7vTdx+xekjPCV5cIHOGCkdn3pIxo9vU7gEZMIw0SvAEdsy6Uh17xaCpm8V0FWvR0SZoK9Ik6jGOaug==}
+
+  '@module-federation/runtime-core@0.22.0':
+    resolution: {integrity: sha512-GR1TcD6/s7zqItfhC87zAp30PqzvceoeDGYTgF3Vx2TXvsfDrhP6Qw9T4vudDQL3uJRne6t7CzdT29YyVxlgIA==}
+
+  '@module-federation/runtime-tools@0.22.0':
+    resolution: {integrity: sha512-4ScUJ/aUfEernb+4PbLdhM/c60VHl698Gn1gY21m9vyC1Ucn69fPCA1y2EwcCB7IItseRMoNhdcWQnzt/OPCNA==}
+
+  '@module-federation/runtime@0.22.0':
+    resolution: {integrity: sha512-38g5iPju2tPC3KHMPxRKmy4k4onNp6ypFPS1eKGsNLUkXgHsPMBFqAjDw96iEcjri91BrahG4XcdyKi97xZzlA==}
+
+  '@module-federation/sdk@0.22.0':
+    resolution: {integrity: sha512-x4aFNBKn2KVQRuNVC5A7SnrSCSqyfIWmm1DvubjbO9iKFe7ith5niw8dqSFBekYBg2Fwy+eMg4sEFNVvCAdo6g==}
+
+  '@module-federation/webpack-bundler-runtime@0.22.0':
+    resolution: {integrity: sha512-aM8gCqXu+/4wBmJtVeMeeMN5guw3chf+2i6HajKtQv7SJfxV/f4IyNQJUeUQu9HfiAZHjqtMV5Lvq/Lvh8LdyA==}
+
+  '@napi-rs/wasm-runtime@1.0.7':
+    resolution: {integrity: sha512-SeDnOO0Tk7Okiq6DbXmmBODgOAb9dp9gjlphokTUxmt8U3liIP1ZsozBahH69j/RJv+Rfs6IwUKHTgQYJ/HBAw==}
+
   '@pkgjs/parseargs@0.11.0':
     resolution: {integrity: sha512-+1VkjdD0QBLPodGrJUeqarH8VAIvQODIbwh9XpP5Syisf7YoQgsJKPNFoqqLQlu+VQ/tVSshMR6loPMn8U+dPg==}
     engines: {node: '>=14'}
 
+  '@remotion/bundler@4.0.482':
+    resolution: {integrity: sha512-JlzZ38dLmL8Lb0YmOM2I7+j+VJAjrWi2GLDlxJS2c8vydslrFfaQaooNHEjECQcJyvpqFpskdsoX4FKBWUaQfQ==}
+    peerDependencies:
+      react: '>=16.8.0'
+      react-dom: '>=16.8.0'
+
+  '@remotion/canvas-capture@4.0.482':
+    resolution: {integrity: sha512-Sleez48kA1aU0GSC4s39fYJBBhJWqlgRhHhimdRoanUhDxPQ5tMc1ildAI2G9pikC3fo4ifM6mJQhaLOZym/7w==}
+    peerDependencies:
+      react: '>=16.8.0'
+      react-dom: '>=16.8.0'
+
+  '@remotion/compositor-darwin-arm64@4.0.482':
+    resolution: {integrity: sha512-0FQzK5HDdo7vzOdl2+5ybs4zpdoDn5J4Mqerm9DWzEcfbd4GkMbYdl1pDVUJf4tYoWgPT3xuy7+cegZpSMwgWA==}
+    cpu: [arm64]
+    os: [darwin]
+
+  '@remotion/compositor-darwin-x64@4.0.482':
+    resolution: {integrity: sha512-oEctZwCLmzbz+JTjhY9tT0vYpl7GlPmlWKmyZCKKEiY95xIkKSTMQ4B5PZIIpkBbmG1bZAPfLs6CdCoMXz+6dw==}
+    cpu: [x64]
+    os: [darwin]
+
+  '@remotion/compositor-linux-arm64-gnu@4.0.482':
+    resolution: {integrity: sha512-WaFx7kju3RQBxBiOIXN4dxzYLXMlyhmBivlqeM9vhaZmjBzhzVbKGr1eZzsXWPiknA5JSkZyVw512XdT3JXOSQ==}
+    cpu: [arm64]
+    os: [linux]
+    libc: [glibc]
+
+  '@remotion/compositor-linux-arm64-musl@4.0.482':
+    resolution: {integrity: sha512-K7pyxrt1/8I242SMfk8Hp6D9Wkzqg4zHuVZtHKq6bv8864YT8txUCQAz1Hw9K62gRoxdwcmsYKo9GxwFogewbA==}
+    cpu: [arm64]
+    os: [linux]
+    libc: [musl]
+
+  '@remotion/compositor-linux-x64-gnu@4.0.482':
+    resolution: {integrity: sha512-ZzLwZW5PB+dicmg1Y8tBgDwNHv/467qQoDWI8ciTkqv8OzEKYaHM0hIr9kmoUPJB4ivKzy89qXVUul2mwYsiyA==}
+    cpu: [x64]
+    os: [linux]
+    libc: [glibc]
+
+  '@remotion/compositor-linux-x64-musl@4.0.482':
+    resolution: {integrity: sha512-T6czdbQi6H/LT5UtD8coJ9exLsvvcZJoXS5ndgJgRJh7es/A25aof40r/+D9JuikQAn1nT5PcFwbYH/hTMI+rQ==}
+    cpu: [x64]
+    os: [linux]
+    libc: [musl]
+
+  '@remotion/compositor-win32-x64-msvc@4.0.482':
+    resolution: {integrity: sha512-KU67TFQzUqePcfreWsLgYvgU7DrtxbyBEqGXBFOTyUiKjdlOOFClUggrNYMHWAdWeJBhFo4VILo6ycecGKRcRg==}
+    cpu: [x64]
+    os: [win32]
+
+  '@remotion/licensing@4.0.482':
+    resolution: {integrity: sha512-IjA9Wn2HTXsmmu26CcBfMSWMRI2iC3JpUlzASUPBkNEsB7xL28t/goNQ6vHWHpqr4HZ9mcYT+wQ3CYx9mxTR9A==}
+
+  '@remotion/media-parser@4.0.482':
+    resolution: {integrity: sha512-YMGdnpkrE3fLsjGLJvPSaslvQ/cWJudIWehkxhboSZlBrTH7Yfg13vwZQbNhEa7PlvkEhj5ckG5ppaF+YDmQug==}
+
+  '@remotion/media-utils@4.0.482':
+    resolution: {integrity: sha512-J3hx68/CFBzZ/0Sty53gHNXC9LpNrTWN0aZQ06r8/QfSA5x8fYuOK3A+4uERu43EOrXpKLsPsqQbR6fSODKNmw==}
+    peerDependencies:
+      react: '>=16.8.0'
+      react-dom: '>=16.8.0'
+
+  '@remotion/player@4.0.482':
+    resolution: {integrity: sha512-fJDTDX6uWdJg514BCaVbO2mKItRZ3ySvAiQxCNxL6mLhO/uW6S/9Pkk7bgCuez749x8+t4dDb8XXZTYMP09WfQ==}
+    peerDependencies:
+      react: '>=16.8.0'
+      react-dom: '>=16.8.0'
+
+  '@remotion/renderer@4.0.482':
+    resolution: {integrity: sha512-YfZx8/lnCim3TbGGc9egFIz/rX6FKlC9vXUX//F9bZxkn+SaVjokluR7rpVW7UT6WjkPKK2GYkVtz9hjLYAIXA==}
+    peerDependencies:
+      react: '>=16.8.0'
+      react-dom: '>=16.8.0'
+
+  '@remotion/streaming@4.0.482':
+    resolution: {integrity: sha512-S2L8m5fnEiUuPqmXC6Y6bH1YbWqg071e1pgHEY3k7JvsvVC4pwrvnNY/gnEAkn9i5IglDGjKeHpjay1HjhUdmw==}
+
+  '@remotion/studio-shared@4.0.482':
+    resolution: {integrity: sha512-hhR0YUtUhdVUWEPRS9VywYqj6n9Qd1mbkNwYaSg2QVhw2Df7DiVoDe0Dhu4tpHP9USs/zfKwXe83z+2jjF9C1Q==}
+
+  '@remotion/studio@4.0.482':
+    resolution: {integrity: sha512-YK6kP8bCORIbGdERG/j9e5j21p1LG2wkAj2wEbdaOJA++ixr/hvEpexjIjQxA+fQBwDSDcYDxixBdbz3stkUaw==}
+    peerDependencies:
+      react: '>=16.8.0'
+      react-dom: '>=16.8.0'
+
+  '@remotion/timeline-utils@4.0.482':
+    resolution: {integrity: sha512-0gXcu+w8hDIuCu5ft4QauKdYb/mE7cD2+sbqkiG656mhoSsqWp0Ks6wBnO5odd3DRp6x6zNOHI/VlRq2nqBtdw==}
+
+  '@remotion/web-renderer@4.0.482':
+    resolution: {integrity: sha512-ZIIyIz9CBLFf1KsQgV0V4EAB3GSDFmLDTunZQj8h1J8SNxor1p11x9hQ7uo69jT/k3imeSCJlImPRjD378MXHw==}
+    peerDependencies:
+      react: '>=18.0.0'
+      react-dom: '>=18.0.0'
+
+  '@remotion/zod-types@4.0.482':
+    resolution: {integrity: sha512-4J9SfDuypm7QTjjWsM9+0iro6Sym8FNuKG0Ayps/JZbuvtOUnbFCmzBLr+VYRHo+1jD9MikmnHNVzfLXWNOUvw==}
+    peerDependencies:
+      zod: 4.3.6
+
   '@rollup/rollup-android-arm-eabi@4.61.1':
     resolution: {integrity: sha512-JnBB8MdXj45cajvTuO5FmPlvFVJRQgvrz1uSEl3NwqFnReAPGwb8EanbGi4z2nRaqLzjJSv5/JmycoTKlRZxHA==}
     cpu: [arm]
@@ -722,12 +1050,104 @@ packages:
     cpu: [x64]
     os: [win32]
 
+  '@rspack/binding-darwin-arm64@1.7.11':
+    resolution: {integrity: sha512-oduECiZVqbO5zlVw+q7Vy65sJFth99fWPTyucwvLJJtJkPL5n17Uiql2cYP6Ijn0pkqtf1SXgK8WjiKLG5bIig==}
+    cpu: [arm64]
+    os: [darwin]
+
+  '@rspack/binding-darwin-x64@1.7.11':
+    resolution: {integrity: sha512-a1+TtTE9ap6RalgFi7FGIgkJP6O4Vy6ctv+9WGJy53E4kuqHR0RygzaiVxCI/GMc/vBT9vY23hyrpWb3d1vtXA==}
+    cpu: [x64]
+    os: [darwin]
+
+  '@rspack/binding-linux-arm64-gnu@1.7.11':
+    resolution: {integrity: sha512-P0QrGRPbTWu6RKWfN0bDtbnEps3rXH0MWIMreZABoUrVmNQKtXR6e73J3ub6a+di5s2+K0M2LJ9Bh2/H4UsDUA==}
+    cpu: [arm64]
+    os: [linux]
+    libc: [glibc]
+
+  '@rspack/binding-linux-arm64-musl@1.7.11':
+    resolution: {integrity: sha512-6ky7R43VMjWwmx3Yx7Jl7faLBBMAgMDt+/bN35RgwjiPgsIByz65EwytUVuW9rikB43BGHvA/eqlnjLrUzNBqw==}
+    cpu: [arm64]
+    os: [linux]
+    libc: [musl]
+
+  '@rspack/binding-linux-x64-gnu@1.7.11':
+    resolution: {integrity: sha512-cuOJMfCOvb2Wgsry5enXJ3iT1FGUjdPqtGUBVupQlEG4ntSYsQ2PtF4wIDVasR3wdxC5nQbipOrDiN/u6fYsdQ==}
+    cpu: [x64]
+    os: [linux]
+    libc: [glibc]
+
+  '@rspack/binding-linux-x64-musl@1.7.11':
+    resolution: {integrity: sha512-CoK37hva4AmHGh3VCsQXmGr40L36m1/AdnN5LEjUX6kx5rEH7/1nEBN6Ii72pejqDVvk9anEROmPDiPw10tpFg==}
+    cpu: [x64]
+    os: [linux]
+    libc: [musl]
+
+  '@rspack/binding-wasm32-wasi@1.7.11':
+    resolution: {integrity: sha512-OtrmnPUVJMxjNa3eDMfHyPdtlLRmmp/aIm0fQHlAOATbZvlGm12q7rhPW5BXTu1yh+1rQ1/uqvz+SzKEZXuJaQ==}
+    cpu: [wasm32]
+
+  '@rspack/binding-win32-arm64-msvc@1.7.11':
+    resolution: {integrity: sha512-lObFW6e5lCWNgTBNwT//yiEDbsxm9QG4BYUojqeXxothuzJ/L6ibXz6+gLMvbOvLGV3nKgkXmx8GvT9WDKR0mA==}
+    cpu: [arm64]
+    os: [win32]
+
+  '@rspack/binding-win32-ia32-msvc@1.7.11':
+    resolution: {integrity: sha512-0pYGnZd8PPqNR68zQ8skamqNAXEA1sUfXuAdYcknIIRq2wsbiwFzIc0Pov1cIfHYab37G7sSIPBiOUdOWF5Ivw==}
+    cpu: [ia32]
+    os: [win32]
+
+  '@rspack/binding-win32-x64-msvc@1.7.11':
+    resolution: {integrity: sha512-EeQXayoQk/uBkI3pdoXfQBXNIUrADq56L3s/DFyM2pJeUDrWmhfIw2UFIGkYPTMSCo8F2JcdcGM32FGJrSnU0Q==}
+    cpu: [x64]
+    os: [win32]
+
+  '@rspack/binding@1.7.11':
+    resolution: {integrity: sha512-2MGdy2s2HimsDT444Bp5XnALzNRxuBNc7y0JzyuqKbHBywd4x2NeXyhWXXoxufaCFu5PBc9Qq9jyfjW2Aeh06Q==}
+
+  '@rspack/core@1.7.11':
+    resolution: {integrity: sha512-rsD9b+Khmot5DwCMiB3cqTQo53ioPG3M/A7BySu8+0+RS7GCxKm+Z+mtsjtG/vsu4Tn2tcqCdZtA3pgLoJB+ew==}
+    engines: {node: '>=18.12.0'}
+    peerDependencies:
+      '@swc/helpers': '>=0.5.1'
+    peerDependenciesMeta:
+      '@swc/helpers':
+        optional: true
+
+  '@rspack/lite-tapable@1.1.0':
+    resolution: {integrity: sha512-E2B0JhYFmVAwdDiG14+DW0Di4Ze4Jg10Pc4/lILUrd5DRCaklduz2OvJ5HYQ6G+hd+WTzqQb3QnDNfK4yvAFYw==}
+
+  '@rspack/plugin-react-refresh@1.6.1':
+    resolution: {integrity: sha512-eqqW5645VG3CzGzFgNg5HqNdHVXY+567PGjtDhhrM8t67caxmsSzRmT5qfoEIfBcGgFkH9vEg7kzXwmCYQdQDw==}
+    peerDependencies:
+      react-refresh: '>=0.10.0 <1.0.0'
+      webpack-hot-middleware: 2.x
+    peerDependenciesMeta:
+      webpack-hot-middleware:
+        optional: true
+
+  '@tybys/wasm-util@0.10.3':
+    resolution: {integrity: sha512-F3fo1MYrRJYL3zER0OUOmkutjr1Vp23m7OsSgp7nq4SP6OqX6C/56XFIPAl5bt3zaBRjmW7SGz3u/6LwFpYcOg==}
+
   '@types/body-parser@1.19.6':
     resolution: {integrity: sha512-HLFeCYgz89uk22N5Qg3dvGvsv46B8GLvKKo1zKG4NybA8U2DiEO3w9lqGg29t/tfLRJpJ6iQxnVw4OnB7MoM9g==}
 
   '@types/connect@3.4.38':
     resolution: {integrity: sha512-K6uROf1LD88uDQqJCktA4yzL1YYAK6NgfsI0v/mTgyPKWsX1CnJ0XPSDhViejru1GcRkLWb8RlzFYJRqGUbaug==}
 
+  '@types/dom-mediacapture-transform@0.1.11':
+    resolution: {integrity: sha512-Y2p+nGf1bF2XMttBnsVPHUWzRRZzqUoJAKmiP10b5umnO6DDrWI0BrGDJy1pOHoOULVmGSfFNkQrAlC5dcj6nQ==}
+
+  '@types/dom-webcodecs@0.1.13':
+    resolution: {integrity: sha512-O5hkiFIcjjszPIYyUSyvScyvrBoV3NOEEZx/pMlsu44TKzWNkLVBBxnxJz42in5n3QIolYOcBYFCPZZ0h8SkwQ==}
+
+  '@types/eslint-scope@3.7.7':
+    resolution: {integrity: sha512-MzMFlSLBqNF2gcHWO0G1vP/YQyfvrxZ0bF+u7mzUdZ1/xK4A4sru+nraZz5i3iEIk1l1uyicaDVTB4QbbEkAYg==}
+
+  '@types/eslint@9.6.1':
+    resolution: {integrity: sha512-FXx2pKgId/WyYo2jXw63kk7/+TY7u7AziEJxJAnSFzHlqTAS3Ync6SvgYAN/k4/PQpnnVuzoMuVnByKK2qp0ag==}
+
   '@types/estree@1.0.9':
     resolution: {integrity: sha512-GhdPgy1el4/ImP05X05Uw4cw2/M93BCUmnEvWZNStlCzEKME4Fkk+YpoA5OiHNQmoS7Cafb8Xa3Pya8m1Qrzeg==}
 
@@ -752,6 +1172,14 @@ packages:
   '@types/range-parser@1.2.7':
     resolution: {integrity: sha512-hKormJbkJqzQGhziax5PItDUTMAM9uE2XXQmM37dyd4hVM+5aVl7oVxMVUiVQn2oCQFN/LKCZdvSM0pFRqbSmQ==}
 
+  '@types/react-dom@19.2.3':
+    resolution: {integrity: sha512-jp2L/eY6fn+KgVVQAOqYItbF0VY/YApe5Mz2F0aykSO8gx31bYCZyvSeYxCHKvzHG5eZjc+zyaS5BrBWya2+kQ==}
+    peerDependencies:
+      '@types/react': ^19.2.0
+
+  '@types/react@19.2.17':
+    resolution: {integrity: sha512-MXfmqaVPEVgkBT/aY0aGCkRWWtByiYQXo3xdQ8r5RzuFrPiRn8Gar2tQdXSUQ2GKV3bkXckek89V8wQBY2Q/Aw==}
+
   '@types/send@1.2.1':
     resolution: {integrity: sha512-arsCikDvlU99zl1g69TcAB3mzZPpxgw0UQnaHeC1Nwb015xp8bknZv5rIfri9xTOcMuaVgvabfIRA7PSZVuZIQ==}
 
@@ -855,10 +1283,67 @@ packages:
   '@vitest/utils@2.1.9':
     resolution: {integrity: sha512-v0psaMSkNJ3A2NMrUEHFRzJtDPFn+/VWZ5WxImB21T9fjucJRmS7xCS3ppEnARb9y11OAzaD+P2Ps+b+BGX5iQ==}
 
+  '@webassemblyjs/ast@1.14.1':
+    resolution: {integrity: sha512-nuBEDgQfm1ccRp/8bCQrx1frohyufl4JlbMMZ4P1wpeOfDhF6FQkxZJ1b/e+PLwr6X1Nhw6OLme5usuBWYBvuQ==}
+
+  '@webassemblyjs/floating-point-hex-parser@1.13.2':
+    resolution: {integrity: sha512-6oXyTOzbKxGH4steLbLNOu71Oj+C8Lg34n6CqRvqfS2O71BxY6ByfMDRhBytzknj9yGUPVJ1qIKhRlAwO1AovA==}
+
+  '@webassemblyjs/helper-api-error@1.13.2':
+    resolution: {integrity: sha512-U56GMYxy4ZQCbDZd6JuvvNV/WFildOjsaWD3Tzzvmw/mas3cXzRJPMjP83JqEsgSbyrmaGjBfDtV7KDXV9UzFQ==}
+
+  '@webassemblyjs/helper-buffer@1.14.1':
+    resolution: {integrity: sha512-jyH7wtcHiKssDtFPRB+iQdxlDf96m0E39yb0k5uJVhFGleZFoNw1c4aeIcVUPPbXUVJ94wwnMOAqUHyzoEPVMA==}
+
+  '@webassemblyjs/helper-numbers@1.13.2':
+    resolution: {integrity: sha512-FE8aCmS5Q6eQYcV3gI35O4J789wlQA+7JrqTTpJqn5emA4U2hvwJmvFRC0HODS+3Ye6WioDklgd6scJ3+PLnEA==}
+
+  '@webassemblyjs/helper-wasm-bytecode@1.13.2':
+    resolution: {integrity: sha512-3QbLKy93F0EAIXLh0ogEVR6rOubA9AoZ+WRYhNbFyuB70j3dRdwH9g+qXhLAO0kiYGlg3TxDV+I4rQTr/YNXkA==}
+
+  '@webassemblyjs/helper-wasm-section@1.14.1':
+    resolution: {integrity: sha512-ds5mXEqTJ6oxRoqjhWDU83OgzAYjwsCV8Lo/N+oRsNDmx/ZDpqalmrtgOMkHwxsG0iI//3BwWAErYRHtgn0dZw==}
+
+  '@webassemblyjs/ieee754@1.13.2':
+    resolution: {integrity: sha512-4LtOzh58S/5lX4ITKxnAK2USuNEvpdVV9AlgGQb8rJDHaLeHciwG4zlGr0j/SNWlr7x3vO1lDEsuePvtcDNCkw==}
+
+  '@webassemblyjs/leb128@1.13.2':
+    resolution: {integrity: sha512-Lde1oNoIdzVzdkNEAWZ1dZ5orIbff80YPdHx20mrHwHrVNNTjNr8E3xz9BdpcGqRQbAEa+fkrCb+fRFTl/6sQw==}
+
+  '@webassemblyjs/utf8@1.13.2':
+    resolution: {integrity: sha512-3NQWGjKTASY1xV5m7Hr0iPeXD9+RDobLll3T9d2AO+g3my8xy5peVyjSag4I50mR1bBSN/Ct12lo+R9tJk0NZQ==}
+
+  '@webassemblyjs/wasm-edit@1.14.1':
+    resolution: {integrity: sha512-RNJUIQH/J8iA/1NzlE4N7KtyZNHi3w7at7hDjvRNm5rcUXa00z1vRz3glZoULfJ5mpvYhLybmVcwcjGrC1pRrQ==}
+
+  '@webassemblyjs/wasm-gen@1.14.1':
+    resolution: {integrity: sha512-AmomSIjP8ZbfGQhumkNvgC33AY7qtMCXnN6bL2u2Js4gVCg8fp735aEiMSBbDR7UQIj90n4wKAFUSEd0QN2Ukg==}
+
+  '@webassemblyjs/wasm-opt@1.14.1':
+    resolution: {integrity: sha512-PTcKLUNvBqnY2U6E5bdOQcSM+oVP/PmrDY9NzowJjislEjwP/C4an2303MCVS2Mg9d3AJpIGdUFIQQWbPds0Sw==}
+
+  '@webassemblyjs/wasm-parser@1.14.1':
+    resolution: {integrity: sha512-JLBl+KZ0R5qB7mCnud/yyX08jWFw5MsoalJ1pQ4EdFlgj9VdXKGuENGsiCIjegI1W7p91rUlcB/LB5yRJKNTcQ==}
+
+  '@webassemblyjs/wast-printer@1.14.1':
+    resolution: {integrity: sha512-kPSSXE6De1XOR820C90RIo2ogvZG+c3KiHzqUoO/F34Y2shGzesfqv7o57xrxovZJH/MetF5UjroJ/R/3isoiw==}
+
+  '@xtuc/ieee754@1.2.0':
+    resolution: {integrity: sha512-DX8nKgqcGwsc0eJSqYt5lwP4DH5FlHnmuWWBRy7X0NcaGR0ZtuyeESgMwTYVEtxmsNGY+qit4QYT/MIYTOTPeA==}
+
+  '@xtuc/long@4.2.2':
+    resolution: {integrity: sha512-NuHqBY1PB/D8xU6s/thBgOAiAP7HOYDQ32+BFZILJ8ivkUkAHQnWfn6WhL79Owj1qmUnoN/YPhktdIoucipkAQ==}
+
   accepts@2.0.0:
     resolution: {integrity: sha512-5cvg6CtKwfgdmVqY1WIiXKc3Q1bkRqGLi+2W/6ao+6Y7gu/RCwRuAhGEzh5B4KlszSuTLgZYuqFqo5bImjNKng==}
     engines: {node: '>= 0.6'}
 
+  acorn-import-phases@1.0.4:
+    resolution: {integrity: sha512-wKmbr/DDiIXzEOiWrTTUcDm24kQ2vGfZQvM2fwg2vXqR5uW6aapr7ObPtj1th32b9u90/Pf4AItvdTh42fBmVQ==}
+    engines: {node: '>=10.13.0'}
+    peerDependencies:
+      acorn: ^8.14.0
+
   acorn-jsx@5.3.2:
     resolution: {integrity: sha512-rq9s+JNhf0IChjtDXxllJ7g41oZk5SlXtp0LHwyA5cejwn7vKmKp4pPri6YEePv2PU65sAsegbXtIinmDFDXgQ==}
     peerDependencies:
@@ -869,6 +1354,14 @@ packages:
     engines: {node: '>=0.4.0'}
     hasBin: true
 
+  ajv-formats@2.1.1:
+    resolution: {integrity: sha512-Wx0Kx52hxE7C18hkMEggYlEifqWZtYaRgouJor+WMdPnQyEK13vgEWyVNup7SoeeoLMsr4kf5h6dOW11I15MUA==}
+    peerDependencies:
+      ajv: ^8.0.0
+    peerDependenciesMeta:
+      ajv:
+        optional: true
+
   ajv-formats@3.0.1:
     resolution: {integrity: sha512-8iUql50EUR+uUcdRQ3HDqa6EVyo3docL8g5WJ3FNcWmu62IbkGUue/pEyLBW8VGKKucTPgqeks4fIU1DA4yowQ==}
     peerDependencies:
@@ -877,6 +1370,11 @@ packages:
       ajv:
         optional: true
 
+  ajv-keywords@5.1.0:
+    resolution: {integrity: sha512-YCS/JNFAUyr5vAuhk1DWm1CBxRHW9LbJ2ozWeemrIqpbsqKjHVxYPyi5GC0rjZIT5JxJ3virVTS8wk4i/Z+krw==}
+    peerDependencies:
+      ajv: ^8.8.2
+
   ajv@6.15.0:
     resolution: {integrity: sha512-fgFx7Hfoq60ytK2c7DhnF8jIvzYgOMxfugjLOSMHjLIPgenqa7S7oaagATUq99mV6IYvN2tRmC0wnTYX6iPbMw==}
 
@@ -913,6 +1411,11 @@ packages:
     resolution: {integrity: sha512-BLrgEcRTwX2o6gGxGOCNyMvGSp35YofuYzw9h1IMTRmKqttAZZVU67bdb9Pr2vUHA8+j3i2tJfjO6C6+4myGTA==}
     engines: {node: 18 || 20 || >=22}
 
+  baseline-browser-mapping@2.10.38:
+    resolution: {integrity: sha512-31/02mVB4yuQU6adKk5SlY6m+mxDwUq5KZkyYgnLrrKl7TEm1+3PyDtDBz2kOv/wxZz41GHsvV1A/u6RmiyBvw==}
+    engines: {node: '>=6.0.0'}
+    hasBin: true
+
   body-parser@2.2.2:
     resolution: {integrity: sha512-oP5VkATKlNwcgvxi0vM0p/D3n2C3EReYVX+DNYs5TjZFn/oQt2j+4sVJtSMr18pdRr8wjTcBl6LoV+FUwzPmNA==}
     engines: {node: '>=18'}
@@ -927,6 +1430,14 @@ packages:
     resolution: {integrity: sha512-kLpxurY4Z4r9sgMsyG0Z9uzsBlgiU/EFKhj/h91/8yHu0edo7XuixOIH3VcJ8kkxs6/jPzoI6U9Vj3WqbMQ94g==}
     engines: {node: 18 || 20 || >=22}
 
+  browserslist@4.28.4:
+    resolution: {integrity: sha512-MTc8i/x9jBQd1iMw2CFGS+rwMa07eYjLR0CCTLDACl9xhxy+nIs3KeML/biicXtk9JrZ6dnnTatmc7ErPXIxqw==}
+    engines: {node: ^6 || ^7 || ^8 || ^9 || ^10 || ^11 || ^12 || >=13.7}
+    hasBin: true
+
+  buffer-from@1.1.2:
+    resolution: {integrity: sha512-E+XQCRwSbaaiChtv6k6Dwgc+bx+Bs6vuKJHHl5kox/BaKbhiXzqQOwK4cO22yElGp2OCmjwVhT3HmxgyPGnJfQ==}
+
   bytes@3.1.2:
     resolution: {integrity: sha512-/Nf7TyzTx6S3yRJObOAV7956r8cr2+Oj8AC5dt8wSP3BQAoeX58NoHyCU8P8zGkNXStjTSi6fzO6F0pBdcYbEg==}
     engines: {node: '>= 0.8'}
@@ -947,6 +1458,9 @@ packages:
     resolution: {integrity: sha512-P8BjAsXvZS+VIDUI11hHCQEv74YT67YUi5JJFNWIqL235sBmjX4+qx9Muvls5ivyNENctx46xQLQ3aTuE7ssaQ==}
     engines: {node: '>=6'}
 
+  caniuse-lite@1.0.30001799:
+    resolution: {integrity: sha512-hG1bReV+OUU+MOqK4t/ZWI0tZOyz3rqS9XuhOUz1cIcbwBKjOyJEJuw9ER5JuNyqxNk8u/JUVbGibBOL1yrjFw==}
+
   chai@5.3.3:
     resolution: {integrity: sha512-4zNhdJD/iOjSH0A05ea+Ke6MU5mmpQcbQsSOkgdaUMJ9zTlDTD/GYlwohmIE2u0gaxHYiVHEn1Fw9mZ/ktJWgw==}
     engines: {node: '>=18'}
@@ -959,6 +1473,10 @@ packages:
     resolution: {integrity: sha512-PAJdDJusoxnwm1VwW07VWwUN1sl7smmC3OKggvndJFadxxDRyFJBX/ggnu/KE4kQAB7a3Dp8f/YXC1FlUprWmA==}
     engines: {node: '>= 16'}
 
+  chrome-trace-event@1.0.4:
+    resolution: {integrity: sha512-rNjApaLzuwaOTjCiT8lSDdGN1APCiqkChLMJxJPWLunPAt5fy8xgU9/jNOchV84wfIxrA0lRQB7oCT8jrn/wrQ==}
+    engines: {node: '>=6.0'}
+
   color-convert@2.0.1:
     resolution: {integrity: sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==}
     engines: {node: '>=7.0.0'}
@@ -970,6 +1488,9 @@ packages:
     resolution: {integrity: sha512-z67u4ZhzCL/Tydu1lJARtEZYWbWaN7oYLHbsuzocr6y4N6WZAagG3RQ4FW61V1/0+jImpj293XfrcYnd1qxtPg==}
     engines: {node: '>=22.12.0'}
 
+  commander@2.20.3:
+    resolution: {integrity: sha512-GpVkmM8vF2vQUkj2LvZmD35JxeJOLCwJ9cUkugyk2nuhbv3+mJvpLYYt+0+USMxE+oj+ey/lJEnhZw75x/OMcQ==}
+
   concat-map@0.0.1:
     resolution: {integrity: sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg==}
 
@@ -1001,6 +1522,26 @@ packages:
     resolution: {integrity: sha512-uV2QOWP2nWzsy2aMp8aRibhi9dlzF5Hgh5SHaB9OiTGEyDTiJJyx0uy51QXdyWbtAHNua4XJzUKca3OzKUd3vA==}
     engines: {node: '>= 8'}
 
+  css-loader@7.1.4:
+    resolution: {integrity: sha512-vv3J9tlOl04WjiMvHQI/9tmIrCxVrj6PFbHemBB1iihpeRbi/I4h033eoFIhwxBBqLhI0KYFS7yvynBFhIZfTw==}
+    engines: {node: '>= 18.12.0'}
+    peerDependencies:
+      '@rspack/core': 0.x || ^1.0.0 || ^2.0.0-0
+      webpack: ^5.27.0
+    peerDependenciesMeta:
+      '@rspack/core':
+        optional: true
+      webpack:
+        optional: true
+
+  cssesc@3.0.0:
+    resolution: {integrity: sha512-/Tb/JcjK111nNScGob5MNtsntNM1aCNUDipB/TkwZFhyDrrE47SOx/18wF2bbjgc3ZzCSKW1T5nt5EbFoAz/Vg==}
+    engines: {node: '>=4'}
+    hasBin: true
+
+  csstype@3.2.3:
+    resolution: {integrity: sha512-z1HGKcYy2xA8AGQfwrn0PAy+PB7X/GSj3UVJW9qKyn43xWa+gl5nXmU4qqLMRzWVLFC8KusUX8T/0kCiOYpAIQ==}
+
   debug@4.4.3:
     resolution: {integrity: sha512-RGwwWnwQvkVfavKVt22FGLw+xYSdzARwm0ru6DhTVA3umU5hZc28V3kO4stgYryrTlLpuvgI9GiijltAjNbcqA==}
     engines: {node: '>=6.0'}
@@ -1017,6 +1558,10 @@ packages:
   deep-is@0.1.4:
     resolution: {integrity: sha512-oIPzksmTg4/MriiaYGO+okXDT7ztn/w3Eptv/+gSIdMdKsJo0u4CfYNFJPy+4SKMuCqGw2wxnA+URMg3t8a/bQ==}
 
+  define-lazy-prop@2.0.0:
+    resolution: {integrity: sha512-Ds09qNh8yw3khSjiJjiUInaGX9xlqZDY7JVryGxdxV7NPeuqQfplOpQ66yJFZut3jLa5zOwkXw1g9EI2uKh4Og==}
+    engines: {node: '>=8'}
+
   depd@2.0.0:
     resolution: {integrity: sha512-g7nH6P6dyDioJogAAGprGpCtVImJhpPk/roCzdb3fIh61/s/nPsfR6onyMwkCAR/OlC3yBC0lESvUoQEAssIrw==}
     engines: {node: '>= 0.8'}
@@ -1031,6 +1576,9 @@ packages:
   ee-first@1.1.1:
     resolution: {integrity: sha512-WMwm9LhRUo+WUaRN+vRuETqG89IgZphVSNkdFgeb6sS/E4OrDIN7t48CAewSHXc6C8lefD8KKfr5vY61brQlow==}
 
+  electron-to-chromium@1.5.378:
+    resolution: {integrity: sha512-VinvOAuuPmdD1guEgGv5f2Qp7/vlfqOrUOMYNnOD4wj3pit8kRsQHzfIf6teyUGWo15Tg5+bOJaRunvyltpVWQ==}
+
   emoji-regex@8.0.0:
     resolution: {integrity: sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==}
 
@@ -1041,6 +1589,13 @@ packages:
     resolution: {integrity: sha512-Q0n9HRi4m6JuGIV1eFlmvJB7ZEVxu93IrMyiMsGC0lrMJMWzRgx6WGquyfQgZVb31vhGgXnfmPNNXmxnOkRBrg==}
     engines: {node: '>= 0.8'}
 
+  enhanced-resolve@5.24.1:
+    resolution: {integrity: sha512-7DdUaTjmNwMcH2gLr1qycesKII3BK4RLy/mdAb7x10Lq7bR4aNKHt1BR1ZALSv0rPM/hF5wYF0PhGop/rJm8vw==}
+    engines: {node: '>=10.13.0'}
+
+  error-stack-parser@2.1.4:
+    resolution: {integrity: sha512-Sk5V6wVazPhq5MhpO+AUxJn5x7XSXGl1R93Vn7i+zS15KDVxQijejNCrz8340/2bgLBjR9GtEG8ZVKONDjcqGQ==}
+
   es-define-property@1.0.1:
     resolution: {integrity: sha512-e3nRfgfUZ4rNGL232gUgX06QNyyez04KdjFrF+LTRoOXmrOgFKDg4BCdsjW8EnT69eqdYGmRpJwiPVYNrCaW3g==}
     engines: {node: '>= 0.4'}
@@ -1052,6 +1607,9 @@ packages:
   es-module-lexer@1.7.0:
     resolution: {integrity: sha512-jEQoCwk8hyb2AZziIOLhDqpm5+2ww5uIE6lkO/6jcOCusfk6LhMHpXXfBLXTZ7Ydyt0j4VoUQv6uGNYbdW+kBA==}
 
+  es-module-lexer@2.1.0:
+    resolution: {integrity: sha512-n27zTYMjYu1aj4MjCWzSP7G9r75utsaoc8m61weK+W8JMBGGQybd43GstCXZ3WNmSFtGT9wi59qQTW6mhTR5LQ==}
+
   es-object-atoms@1.1.2:
     resolution: {integrity: sha512-HWcBoN6NileqtSydK2FqHbS/LoDd2pqrnQHLyJzBj4kOp/ky2MWMN694xOfkK8/SnUsW2DH7EfyVlydKCsm1Zw==}
     engines: {node: '>= 0.4'}
@@ -1066,6 +1624,15 @@ packages:
     engines: {node: '>=18'}
     hasBin: true
 
+  esbuild@0.28.1:
+    resolution: {integrity: sha512-HrJrvZv5ayxBzPfwphOoNzkzOIIlifzk0KJrGK2c8R4+LKpMtpYLQeUdjnwjWv/LZlkH2laZk+4w78pi99D4Vw==}
+    engines: {node: '>=18'}
+    hasBin: true
+
+  escalade@3.2.0:
+    resolution: {integrity: sha512-WUj2qlxaQtO4g6Pq5c29GTcWGDyd8itL8zTlipgECz3JesAiiOKotd8JU6otB3PACgG6xkJUyVhboMS+bje/jA==}
+    engines: {node: '>=6'}
+
   escape-html@1.0.3:
     resolution: {integrity: sha512-NiSupZ4OeuGwr68lGIeym/ksIZMJodUGOSCZ/FSnTxcrekbvqrgdUxlJOMpijaKZVjAJrWrGs/6Jy8OMuyj9ow==}
 
@@ -1073,6 +1640,10 @@ packages:
     resolution: {integrity: sha512-TtpcNJ3XAzx3Gq8sWRzJaVajRs0uVxA2YAkdb1jm2YkPz4G6egUFAyA3n5vtEIZefPk5Wa4UXbKuS5fKkJWdgA==}
     engines: {node: '>=10'}
 
+  eslint-scope@5.1.1:
+    resolution: {integrity: sha512-2NxwbF/hZ0KpepYN0cNbo+FN6XoK7GaHlQhgx/hIZl6Va0bF45RQOOwhLIy8lQDbuCiadSLCBnH2CFYquit5bw==}
+    engines: {node: '>=8.0.0'}
+
   eslint-scope@8.4.0:
     resolution: {integrity: sha512-sNXOfKCn74rt8RICKMvJS7XKV/Xk9kA7DyJr8mJik3S7Cwgy3qlkkmyS2uQB3jiJg6VNdZd/pDBJu0nvG2NlTg==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
@@ -1111,6 +1682,10 @@ packages:
     resolution: {integrity: sha512-KmfKL3b6G+RXvP8N1vr3Tq1kL/oCFgn2NYXEtqP8/L3pKapUA4G8cFVaoF3SU323CD4XypR/ffioHmkti6/Tag==}
     engines: {node: '>=4.0'}
 
+  estraverse@4.3.0:
+    resolution: {integrity: sha512-39nnKffWz8xN1BU/2c79n9nB9HDzo0niYUqx6xyqUnyoAnQyyWpOTdZEeiCch8BBu515t4wp9ZmgVfVhn9EBpw==}
+    engines: {node: '>=4.0'}
+
   estraverse@5.3.0:
     resolution: {integrity: sha512-MMdARuVEQziNTeJD8DgMqmhwR11BRQ/cBP+pLtYdSTnf3MIO8fFeiINEbX36ZdNlfU/7A9f3gUw49B3oQsvwBA==}
     engines: {node: '>=4.0'}
@@ -1126,6 +1701,10 @@ packages:
     resolution: {integrity: sha512-aIL5Fx7mawVa300al2BnEE4iNvo1qETxLrPI/o05L7z6go7fCw1J6EQmbK4FmJ2AS7kgVF/KEZWufBfdClMcPg==}
     engines: {node: '>= 0.6'}
 
+  events@3.3.0:
+    resolution: {integrity: sha512-mQw+2fkQbALzQ7V0MY0IqdnXNOeTtP4r0lN9z7AAawCXgqea7bDii20AYrIBrFd/Hx0M2Ocz6S111CaFkUcb0Q==}
+    engines: {node: '>=0.8.x'}
+
   eventsource-parser@3.1.0:
     resolution: {integrity: sha512-kJezFj9YFAMLeORyi7aCLxLbD5/qWMQnoMVlVPyHIll7lgRJCc3JVln9Vgl9nwQi0YkMnhdGTMNn7CkRRAptMg==}
     engines: {node: '>=18.0.0'}
@@ -1134,6 +1713,10 @@ packages:
     resolution: {integrity: sha512-CRT1WTyuQoD771GW56XEZFQ/ZoSfWid1alKGDYMmkt2yl8UXrVR4pspqWNEcqKvVIzg6PAltWjxcSSPrboA4iA==}
     engines: {node: '>=18.0.0'}
 
+  execa@5.1.1:
+    resolution: {integrity: sha512-8uSpZZocAZRBAPIEINJj3Lo9HyGitllczc27Eh5YYojjMFMn8yHMDMaUHE2Jqfq05D/wucwI4JGURyXt1vchyg==}
+    engines: {node: '>=10'}
+
   expect-type@1.3.0:
     resolution: {integrity: sha512-knvyeauYhqjOYvQ66MznSMs83wmHrCycNEN6Ao+2AeYEfxUIkuiVxdEa1qlGEPK+We3n0THiDciYSsCcgW/DoA==}
     engines: {node: '>=12.0.0'}
@@ -1200,6 +1783,9 @@ packages:
     resolution: {integrity: sha512-Rx/WycZ60HOaqLKAi6cHRKKI7zxWbJ31MhntmtwMoaTeF7XFH9hhBp8vITaMidfljRQ6eYWCKkaTK+ykVJHP2A==}
     engines: {node: '>= 0.8'}
 
+  fs-monkey@1.0.3:
+    resolution: {integrity: sha512-cybjIfiiE+pTWicSCLFHSrXZ6EilF30oh91FDP9S2B051prEa7QWfrVTQm10/dDpswBDXZugPa1Ogu8Yh+HV0Q==}
+
   fsevents@2.3.3:
     resolution: {integrity: sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==}
     engines: {node: ^8.16.0 || ^10.6.0 || >=11.0.0}
@@ -1216,10 +1802,17 @@ packages:
     resolution: {integrity: sha512-sTSfBjoXBp89JvIKIefqw7U2CCebsc74kiY6awiGogKtoSGbgjYE/G/+l9sF3MWFPNc9IcoOC4ODfKHfxFmp0g==}
     engines: {node: '>= 0.4'}
 
+  get-stream@6.0.1:
+    resolution: {integrity: sha512-ts6Wi+2j3jQjqi70w5AlN8DFnkSwC+MqmxEzdEALB2qXZYV3X/b1CTfgPLGJNMeAWxdPfU8FO1ms3NUfaHCPYg==}
+    engines: {node: '>=10'}
+
   glob-parent@6.0.2:
     resolution: {integrity: sha512-XxwI8EOhVQgWp6iDL+3b0r86f4d6AX6zSU55HfB4ydCEuXLXc5FcYeOu+nnGftS4TEju/11rt4KJPTMgbfmv4A==}
     engines: {node: '>=10.13.0'}
 
+  glob-to-regexp@0.4.1:
+    resolution: {integrity: sha512-lkX1HJXwyMcprw/5YUZc2s7DrpAiHB21/V+E1rHUrVNokkvB6bqMzT0VfV6/86ZNabt1k14YOIaT7nDvOX3Iiw==}
+
   glob@10.5.0:
     resolution: {integrity: sha512-DfXN8DfhJ7NH3Oe7cFmu3NCu1wKbkReJ8TorzSAFbSKrlNaQSKfIzqYqVY8zlbs2NLBbWpRiU52GX2PbaBVNkg==}
     deprecated: Old versions of glob are not supported, and contain widely publicized security vulnerabilities, which have been fixed in the current version. Please update. Support for old versions may be purchased (at exorbitant rates) by contacting i@izs.me
@@ -1237,6 +1830,9 @@ packages:
     resolution: {integrity: sha512-ZUKRh6/kUFoAiTAtTYPZJ3hw9wNxx+BIBOijnlG9PnrJsCcSjs1wyyD6vJpaYtgnzDrKYRSqf3OO6Rfa93xsRg==}
     engines: {node: '>= 0.4'}
 
+  graceful-fs@4.2.11:
+    resolution: {integrity: sha512-RbJ5/jmFcNNCcDV5o9eTnBLJ/HszWV0P73bc+Ff4nS/rJj+YaS6IGyiOL0VoBYX+l1Wrl3k63h/KrH+nhJ0XvQ==}
+
   has-flag@4.0.0:
     resolution: {integrity: sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==}
     engines: {node: '>=8'}
@@ -1253,6 +1849,9 @@ packages:
     resolution: {integrity: sha512-2NFaIyNVgJmBs/ecmtGzlmluTFs5cHEWGTdu0t1HBwYzoGXOL5nUQBRMXsXWla5i4KkG//QMzVP88m1+I3fdAQ==}
     engines: {node: '>=16.9.0'}
 
+  html-entities@2.6.0:
+    resolution: {integrity: sha512-kig+rMn/QOVRvr7c86gQ8lWXq+Hkv6CbAH1hLu+RG338StTpE8Z0b44SDVaqVu7HGKf27frdmUYEs9hTUX/cLQ==}
+
   html-escaper@2.0.2:
     resolution: {integrity: sha512-H2iMtd0I4Mt5eYiapRdIDjp+XzelXQ0tFE4JS7YFwFevXXMmOp9myNrUvCg0D6ws8iqkRPBfKHgbwig1SmlLfg==}
 
@@ -1260,10 +1859,20 @@ packages:
     resolution: {integrity: sha512-4FbRdAX+bSdmo4AUFuS0WNiPz8NgFt+r8ThgNWmlrjQjt1Q7ZR9+zTlce2859x4KSXrwIsaeTqDoKQmtP8pLmQ==}
     engines: {node: '>= 0.8'}
 
+  human-signals@2.1.0:
+    resolution: {integrity: sha512-B4FFZ6q/T2jhhksgkbEW3HBvWIfDW85snkQgawt07S7J5QXTk6BkNV+0yAeZrM5QpMAdYlocGoljn0sJ/WQkFw==}
+    engines: {node: '>=10.17.0'}
+
   iconv-lite@0.7.2:
     resolution: {integrity: sha512-im9DjEDQ55s9fL4EYzOAv0yMqmMBSZp6G0VvFyTMPKWxiSBHUj9NW/qqLmXUwXrrM7AvqSlTCfvqRb0cM8yYqw==}
     engines: {node: '>=0.10.0'}
 
+  icss-utils@5.1.0:
+    resolution: {integrity: sha512-soFhflCVWLfRNOPU3iv5Z9VUdT44xFRbzjLsEzSr5AQmgqPMTHdU3PMT1Cf1ssx8fLNJDA1juftYl+PUcv3MqA==}
+    engines: {node: ^10 || ^12 || >= 14}
+    peerDependencies:
+      postcss: ^8.1.0
+
   ignore@5.3.2:
     resolution: {integrity: sha512-hsBTNUqQTDwkWtcdYI2i06Y/nUBEsNEDJKjWdigLvegy8kDuJAS8uRlpkkcQpyEXL0Z/pjDy5HBmMjRCJ2gq+g==}
     engines: {node: '>= 4'}
@@ -1291,6 +1900,11 @@ packages:
     resolution: {integrity: sha512-0KI/607xoxSToH7GjN1FfSbLoU0+btTicjsQSWQlh/hZykN8KpmMf7uYwPW3R+akZ6R/w18ZlXSHBYXiYUPO3g==}
     engines: {node: '>= 0.10'}
 
+  is-docker@2.2.1:
+    resolution: {integrity: sha512-F+i2BKsFrH66iaUFc0woD8sLy8getkwTwtOBjvs56Cx4CgJDeKQeqfz8wAYiSb8JOprWhHH5p77PbmYCvvUuXQ==}
+    engines: {node: '>=8'}
+    hasBin: true
+
   is-extglob@2.1.1:
     resolution: {integrity: sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==}
     engines: {node: '>=0.10.0'}
@@ -1306,6 +1920,14 @@ packages:
   is-promise@4.0.0:
     resolution: {integrity: sha512-hvpoI6korhJMnej285dSg6nu1+e6uxs7zG3BYAm5byqDsgJNWwxzM6z6iZiAgQR4TJ30JmBTOwqZUw3WlyH3AQ==}
 
+  is-stream@2.0.1:
+    resolution: {integrity: sha512-hFoiJiTl63nn+kstHGBtewWSKnQLpyb155KHheA1l39uvtO9nWIop1p3udqPcUd/xbF1VLMO4n7OI6p7RbngDg==}
+    engines: {node: '>=8'}
+
+  is-wsl@2.2.0:
+    resolution: {integrity: sha512-fKzAra0rGJUUBwGBgNkHZuToZcn+TtXHpeCgmkMJMMYx1sQDYaCSyjJBSCa2nH1DGm7s3n1oBnohoVTBaN7Lww==}
+    engines: {node: '>=8'}
+
   isexe@2.0.0:
     resolution: {integrity: sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw==}
 
@@ -1328,6 +1950,10 @@ packages:
   jackspeak@3.4.3:
     resolution: {integrity: sha512-OGlZQpz2yfahA/Rd1Y8Cd9SIEsqvXkLVoSw/cgwhnhFMDbsQFeZYoJJ7bIZBS9BcamUW96asq/npPWugM+RQBw==}
 
+  jest-worker@27.5.1:
+    resolution: {integrity: sha512-7vuh85V5cdDofPyxn58nrPjBktZo0u9x1g8WtjQol+jZDaE+fhN+cIvTj11GndBnMnyfrUOG1sZQxCdjKh+DKg==}
+    engines: {node: '>= 10.13.0'}
+
   jose@6.2.3:
     resolution: {integrity: sha512-YYVDInQKFJfR/xa3ojUTl8c2KoTwiL1R5Wg9YCydwH0x0B9grbzlg5HC7mMjCtUJjbQ/YnGEZIhI5tCgfTb4Hw==}
 
@@ -1338,6 +1964,9 @@ packages:
   json-buffer@3.0.1:
     resolution: {integrity: sha512-4bV5BfR2mqfQTJm+V5tPPdf+ZpuhiIvTuAB5g8kcrXOZpTT/QwwVRWBywX1ozr6lEuPdbHxwaJlm9G6mI2sfSQ==}
 
+  json-parse-even-better-errors@2.3.1:
+    resolution: {integrity: sha512-xyFwyhro/JEof6Ghe2iz2NcXoj2sloNsWr/XsERDK/oiPCfaNhl5ONfp+jQdAZRQQ0IJWNzH9zIZF7li91kh2w==}
+
   json-schema-traverse@0.4.1:
     resolution: {integrity: sha512-xbbCH5dCYU5T8LcEhhuh7HJ88HXuW3qsI3Y0zOZFKfZEHcpWiHU/Jxzk629Brsab/mMiHQti9wMP+845RPe3Vg==}
 
@@ -1357,6 +1986,10 @@ packages:
     resolution: {integrity: sha512-+bT2uH4E5LGE7h/n3evcS/sQlJXCpIp6ym8OWJ5eV6+67Dsql/LaaT7qJBAt2rzfoa/5QBGBhxDix1dMt2kQKQ==}
     engines: {node: '>= 0.8.0'}
 
+  loader-runner@4.3.2:
+    resolution: {integrity: sha512-DFEqQ3ihfS9blba08cLfYf1NRAIEm+dDjic073DRDc3/JspI/8wYmtDsHwd3+4hwvdxSK7PGaElfTmm0awWJ4w==}
+    engines: {node: '>=6.11.5'}
+
   locate-path@6.0.0:
     resolution: {integrity: sha512-iPZK6eYjbxRu3uB4/WZ3EsEIMJFMqAoopl3R+zuq0UjcAm/MO6KCweDgPfP3elTztoKP3KtnVHxTn2NHBSDVUw==}
     engines: {node: '>=10'}
@@ -1364,6 +1997,9 @@ packages:
   lodash.merge@4.6.2:
     resolution: {integrity: sha512-0KpjqXRVvrYyCsX1swR/XTK0va6VQkQM6MNo7PqW77ByjAhoARA8EfrP1N4+KlKj8YS0ZUCtRT/YUuhyYDujIQ==}
 
+  lodash.sortby@4.7.0:
+    resolution: {integrity: sha512-HDWXG8isMntAyRF5vZ7xKuEvOhT4AhlRt/3czTSjvGUxjYCBVRQY48ViDHyfYz9VIoBkW4TMGQNapx+l3RUwdA==}
+
   loupe@3.2.1:
     resolution: {integrity: sha512-CdzqowRJCeLU72bHvWqwRBBlLcMEtIvGrlvef74kMnV2AolS9Y8xUv1I0U/MNAWMhBlKIoyuEgoJ0t/bbwHbLQ==}
 
@@ -1374,6 +2010,10 @@ packages:
     resolution: {integrity: sha512-RPimw/7aMdv2oqRrxKwvZXcPfwBrn/JZ2xYcY9Hus/6LaS3VOAKVWKWgNLCFSiOm1ESXinjsDlidVU7JlnCN2A==}
     engines: {node: 20 || >=22}
 
+  lru-cache@6.0.0:
+    resolution: {integrity: sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==}
+    engines: {node: '>=10'}
+
   magic-string@0.30.21:
     resolution: {integrity: sha512-vd2F4YUyEXKGcLHoq+TEyCjxueSeHnFxyyjNp80yg0XV4vUhnDer/lvvlqM/arB5bXQN5K2/3oinyCRyx8T2CQ==}
 
@@ -1392,18 +2032,40 @@ packages:
     resolution: {integrity: sha512-aisnrDP4GNe06UcKFnV5bfMNPBUw4jsLGaWwWfnH3v02GnBuXX2MCVn5RbrWo0j3pczUilYblq7fQ7Nw2t5XKw==}
     engines: {node: '>= 0.8'}
 
+  mediabunny@1.47.0:
+    resolution: {integrity: sha512-XQMZAcaKPkJ7hQ/Q2fvBdl3ZazQl2WVxDysUbJWh4PuAnLoerdsQBdPTDWdUdK6hh26LQ8Ue94MLLnmpWvlUYg==}
+
+  memfs@3.4.3:
+    resolution: {integrity: sha512-eivjfi7Ahr6eQTn44nvTnR60e4a1Fs1Via2kCR5lHo/kyNoiMWaXCNJ/GpSd0ilXas2JSOl9B5FTIhflXu0hlg==}
+    engines: {node: '>= 4.0.0'}
+
   merge-descriptors@2.0.0:
     resolution: {integrity: sha512-Snk314V5ayFLhp3fkUREub6WtjBfPdCPY1Ln8/8munuLuiYhsABgBVWsozAG+MWMbVEvcdcpbi9R7ww22l9Q3g==}
     engines: {node: '>=18'}
 
+  merge-stream@2.0.0:
+    resolution: {integrity: sha512-abv/qOcuPfk3URPfDzmZU1LKmuw8kT+0nIHvKrKgFrwifol/doWcdA4ZqsWQ8ENrFKkd67Mfpo/LovbIUsbt3w==}
+
+  mime-db@1.52.0:
+    resolution: {integrity: sha512-sPU4uV7dYlvtWJxwwxHD0PuihVNiE7TyAbQ5SWxDCB9mUYvOgroQOwYQQOKPJ8CIbE+1ETVlOoK1UC2nU3gYvg==}
+    engines: {node: '>= 0.6'}
+
   mime-db@1.54.0:
     resolution: {integrity: sha512-aU5EJuIN2WDemCcAp2vFBfp/m4EAhWJnUNSSw0ixs7/kXbd6Pg64EmwJkNdFhB8aWt1sH2CTXrLxo/iAGV3oPQ==}
     engines: {node: '>= 0.6'}
 
+  mime-types@2.1.35:
+    resolution: {integrity: sha512-ZDY+bPm5zTTF+YpCrAU9nK0UgICYPT0QtT1NZWFv4s++TNkcgVaT0g6+4R2uI4MjQjzysHB1zxuWL50hzaeXiw==}
+    engines: {node: '>= 0.6'}
+
   mime-types@3.0.2:
     resolution: {integrity: sha512-Lbgzdk0h4juoQ9fCKXW4by0UJqj+nOOrI9MJ1sSj4nI8aI2eo1qmvQEie4VD1glsS250n15LsWsYtCugiStS5A==}
     engines: {node: '>=18'}
 
+  mimic-fn@2.1.0:
+    resolution: {integrity: sha512-OqbOk5oEQeAZ8WXWydlu9HJjz9WVdEIvamMCcXmuqUYjTknH/sqsWvhQ3vgwKFRR1HpjvNBKQ37nbJgYzGqGcg==}
+    engines: {node: '>=6'}
+
   minimatch@10.2.5:
     resolution: {integrity: sha512-MULkVLfKGYDFYejP07QOurDLLQpcjk7Fw+7jXS2R2czRQzR56yHRveU5NDJEOviH+hETZKSkIk5c+T23GjFUMg==}
     engines: {node: 18 || 20 || >=22}
@@ -1439,6 +2101,17 @@ packages:
     resolution: {integrity: sha512-8Ofs/AUQh8MaEcrlq5xOX0CQ9ypTF5dl78mjlMNfOK08fzpgTHQRQPBxcPlEtIw0yRpws+Zo/3r+5WRby7u3Gg==}
     engines: {node: '>= 0.6'}
 
+  neo-async@2.6.2:
+    resolution: {integrity: sha512-Yd3UES5mWCSqR+qNT93S3UoYUkqAZ9lLg8a7g9rimsWmYGK8cVToA4/sF3RrshdyV3sAGMXVUmpMYOw+dLpOuw==}
+
+  node-releases@2.0.49:
+    resolution: {integrity: sha512-f06bl1D+8ZDkn2oOQQKAh5/otFWqVnM1Q5oerA8Pex7UfT66Tx4IPHIqVVFKqFT3FUtaDstdgkM7yT7JWhqxfw==}
+    engines: {node: '>=18'}
+
+  npm-run-path@4.0.1:
+    resolution: {integrity: sha512-S48WzZW777zhNIrn7gxOlISNAqi9ZC/uQFnRdbeIHhZhCA6UqpkOT8T1G7BvfdgP4Er8gF4sUbaS0i7QvIfCWw==}
+    engines: {node: '>=8'}
+
   object-assign@4.1.1:
     resolution: {integrity: sha512-rJgTQnkUnH1sFw8yT6VSU3zD3sWmu6sZhIseY8VX+GRu3P6F7Fu+JNDoXfklElbLJSnc3FUQHVe4cU5hj+BcUg==}
     engines: {node: '>=0.10.0'}
@@ -1454,6 +2127,14 @@ packages:
   once@1.4.0:
     resolution: {integrity: sha512-lNaJgI+2Q5URQBkccEKHTQOPaXdUxnZZElQTZY0MFUAuaEqe1E+Nyvgdz/aIyNi6Z9MzO5dv1H8n58/GELp3+w==}
 
+  onetime@5.1.2:
+    resolution: {integrity: sha512-kbpaSSGJTWdAY5KPVeMOKXSrPtr8C8C7wodJbcsd51jRnmD+GZu8Y0VoU6Dm5Z4vWr0Ig/1NKuWRKf7j5aaYSg==}
+    engines: {node: '>=6'}
+
+  open@8.4.2:
+    resolution: {integrity: sha512-7x81NCL719oNbsq/3mh+hVrAWmFuEYUqrq/Iw3kUzH8ReypT9QQ0BLoJS7/G9k6N81XjW4qHWtjWwe/9eLy1EQ==}
+    engines: {node: '>=12'}
+
   optionator@0.9.4:
     resolution: {integrity: sha512-6IpQ7mKUxRcZNLIObR0hz7lxsapSSIYNZJwXPGeF0mTVqGKFIXj1DQcMoT22S3ROcLyY/rz0PWaWZ9ayWmad9g==}
     engines: {node: '>= 0.8.0'}
@@ -1514,6 +2195,37 @@ packages:
     resolution: {integrity: sha512-wQ0b/W4Fr01qtpHlqSqspcj3EhBvimsdh0KlHhH8HRZnMsEa0ea2fTULOXOS9ccQr3om+GcGRk4e+isrZWV8qQ==}
     engines: {node: '>=16.20.0'}
 
+  postcss-modules-extract-imports@3.1.0:
+    resolution: {integrity: sha512-k3kNe0aNFQDAZGbin48pL2VNidTF0w4/eASDsxlyspobzU3wZQLOGj7L9gfRe0Jo9/4uud09DsjFNH7winGv8Q==}
+    engines: {node: ^10 || ^12 || >= 14}
+    peerDependencies:
+      postcss: ^8.1.0
+
+  postcss-modules-local-by-default@4.2.0:
+    resolution: {integrity: sha512-5kcJm/zk+GJDSfw+V/42fJ5fhjL5YbFDl8nVdXkJPLLW+Vf9mTD5Xe0wqIaDnLuL2U6cDNpTr+UQ+v2HWIBhzw==}
+    engines: {node: ^10 || ^12 || >= 14}
+    peerDependencies:
+      postcss: ^8.1.0
+
+  postcss-modules-scope@3.2.1:
+    resolution: {integrity: sha512-m9jZstCVaqGjTAuny8MdgE88scJnCiQSlSrOWcTQgM2t32UBe+MUmFSO5t7VMSfAf/FJKImAxBav8ooCHJXCJA==}
+    engines: {node: ^10 || ^12 || >= 14}
+    peerDependencies:
+      postcss: ^8.1.0
+
+  postcss-modules-values@4.0.0:
+    resolution: {integrity: sha512-RDxHkAiEGI78gS2ofyvCsu7iycRv7oqw5xMWn9iMoR0N/7mf9D50ecQqUo5BZ9Zh2vH4bCUR/ktCqbB9m8vJjQ==}
+    engines: {node: ^10 || ^12 || >= 14}
+    peerDependencies:
+      postcss: ^8.1.0
+
+  postcss-selector-parser@7.1.4:
+    resolution: {integrity: sha512-HeP7D2wyhkR+XaK6v4W8oRF62Dsz4flyuczALJp61GckGm42u1saSSJ/0auvcBqxs3jMRFEcPK34At/0JBKdOg==}
+    engines: {node: '>=4'}
+
+  postcss-value-parser@4.2.0:
+    resolution: {integrity: sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ==}
+
   postcss@8.5.15:
     resolution: {integrity: sha512-FfR8sjd4em2T6fb3I2MwAJU7HWVMr9zba+enmQeeWFfCbm+UOC/0X4DS8XtpUTMwWMGbjKYP7xjfNekzyGmB3A==}
     engines: {node: ^10 || ^12 || >=14}
@@ -1542,6 +2254,25 @@ packages:
     resolution: {integrity: sha512-K5zQjDllxWkf7Z5xJdV0/B0WTNqx6vxG70zJE4N0kBs4LovmEYWJzQGxC9bS9RAKu3bgM40lrd5zoLJ12MQ5BA==}
     engines: {node: '>= 0.10'}
 
+  react-dom@19.2.7:
+    resolution: {integrity: sha512-t0BRVXvbiE/o20Hfw669rLbMCDWtYZLvmJigy2f0MxsXF+71pxhR3xOkspmsO8h3ZlNzyibAmtCa3l4lYKk6gQ==}
+    peerDependencies:
+      react: ^19.2.7
+
+  react-refresh@0.18.0:
+    resolution: {integrity: sha512-QgT5//D3jfjJb6Gsjxv0Slpj23ip+HtOpnNgnb2S5zU3CB26G/IDPGoy4RJB42wzFE46DRsstbW6tKHoKbhAxw==}
+    engines: {node: '>=0.10.0'}
+
+  react@19.2.7:
+    resolution: {integrity: sha512-HNe9WslTbXmFK8o8cmwgAeJFSBvt1bPdHCVKtaaV+WlAN36mpT4hcRpwbf3fY56ar2oIXzsBpOAiIRHAdY0OlQ==}
+    engines: {node: '>=0.10.0'}
+
+  remotion@4.0.482:
+    resolution: {integrity: sha512-FfKxdxL9fW9UnY/WS9RLitevoDCf+fa5WZaNz4/CHhrXF1nc3SV+6GBp7td+dwvN1+UnP9t5DheIGvvoxL22NQ==}
+    peerDependencies:
+      react: '>=16.8.0'
+      react-dom: '>=16.8.0'
+
   require-from-string@2.0.2:
     resolution: {integrity: sha512-Xf0nWe6RseziFMu+Ap9biiUbmplq6S9/p+7w7YXP/JBHhrUDDUhwa+vANyubuqfZWTveU//DYVGsDG7RKL/vEw==}
     engines: {node: '>=0.10.0'}
@@ -1567,6 +2298,18 @@ packages:
   safer-buffer@2.1.2:
     resolution: {integrity: sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg==}
 
+  scheduler@0.27.0:
+    resolution: {integrity: sha512-eNv+WrVbKu1f3vbYJT/xtiF5syA5HPIMtf9IgY/nKg0sWqzAUEvqY/xm7OcZc/qafLx/iO9FgOmeSAp4v5ti/Q==}
+
+  schema-utils@4.3.3:
+    resolution: {integrity: sha512-eflK8wEtyOE6+hsaRVPxvUKYCpRgzLqDTb8krvAsRIwOGlHoSgYLgBXoubGgLd2fT41/OUYdb48v4k4WWHQurA==}
+    engines: {node: '>= 10.13.0'}
+
+  semver@7.5.3:
+    resolution: {integrity: sha512-QBlUtyVk/5EeHbi7X0fw6liDZc7BBmEaSYn01fMU1OUYbf6GPsbTtd8WmnqbI20SeycoHSeiybkE/q1Q+qlThQ==}
+    engines: {node: '>=10'}
+    hasBin: true
+
   semver@7.8.3:
     resolution: {integrity: sha512-wnilbGyMxzbY7dNOl7jpKbLSjcfeweJWU5j4+u5qW+6/wuGD9KzIGOyZnQVSBM9E7DtWaaH3CyHkppYrKYoxwg==}
     engines: {node: '>=10'}
@@ -1610,6 +2353,9 @@ packages:
   siginfo@2.0.0:
     resolution: {integrity: sha512-ybx0WO1/8bSBLEWXZvEd7gMW3Sn3JFlW3TvX1nREbDLRNQNaeNN8WK0meBwPdAaOI7TtRRRJn/Es1zhrrCHu7g==}
 
+  signal-exit@3.0.7:
+    resolution: {integrity: sha512-wnD2ZE+l+SPC/uoS0vXeE9L1+0wuaMqKlfz9AMUo38JsyLSBWSFcHR1Rri62LZc12vLr1gb3jl7iwQhgwpAbGQ==}
+
   signal-exit@4.1.0:
     resolution: {integrity: sha512-bzyZ1e88w9O1iNJbKnOlvYTrWPDl46O1bG0D3XInv+9tkPrxrN8jUUTiFlDkkmKWgn1M6CfIA13SuGqOa9Korw==}
     engines: {node: '>=14'}
@@ -1618,9 +2364,24 @@ packages:
     resolution: {integrity: sha512-UXWMKhLOwVKb728IUtQPXxfYU+usdybtUrK/8uGE8CQMvrhOpwvzDBwj0QhSL7MQc7vIsISBG8VQ8+IDQxpfQA==}
     engines: {node: '>=0.10.0'}
 
+  source-map-support@0.5.21:
+    resolution: {integrity: sha512-uBHU3L3czsIyYXKX88fdrGovxdSCoTGDRZ6SYXtSRxLZUzHg5P/66Ht6uoUlHu9EZod+inXhKo3qQgwXUT/y1w==}
+
+  source-map@0.6.1:
+    resolution: {integrity: sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==}
+    engines: {node: '>=0.10.0'}
+
+  source-map@0.8.0-beta.0:
+    resolution: {integrity: sha512-2ymg6oRBpebeZi9UUNsgQ89bhx01TcTkmNTGnNO88imTmbSgy4nfujrgVEFKWpMTEGA11EDkTt7mqObTPdigIA==}
+    engines: {node: '>= 8'}
+    deprecated: The work that was done in this beta branch won't be included in future versions
+
   stackback@0.0.2:
     resolution: {integrity: sha512-1XMJE5fQo1jGH6Y/7ebnwPOBEkIEnT4QF32d5R1+VXdXveM0IBMJt8zfaxX1P3QhVwrYe+576+jkANtSS2mBbw==}
 
+  stackframe@1.3.4:
+    resolution: {integrity: sha512-oeVtt7eWQS+Na6F//S4kJ2K2VbRlS9D43mAlMyVpVWovy9o+jfgH8O9agzANzaiLjclA0oYzUXEM4PurhSUChw==}
+
   statuses@2.0.2:
     resolution: {integrity: sha512-DvEy55V3DB7uknRo+4iOGT5fP1slR8wQohVdknigZPMpMstaKJQWhwiYBACJE3Ul2pTnATihhBYnRhZQHGBiRw==}
     engines: {node: '>= 0.8'}
@@ -1644,14 +2405,80 @@ packages:
     resolution: {integrity: sha512-yDPMNjp4WyfYBkHnjIRLfca1i6KMyGCtsVgoKe/z1+6vukgaENdgGBZt+ZmKPc4gavvEZ5OgHfHdrazhgNyG7w==}
     engines: {node: '>=12'}
 
+  strip-final-newline@2.0.0:
+    resolution: {integrity: sha512-BrpvfNAE3dcvq7ll3xVumzjKjZQ5tI1sEUIKr3Uoks0XUl45St3FlatVqef9prk4jRDzhW6WZg+3bk93y6pLjA==}
+    engines: {node: '>=6'}
+
   strip-json-comments@3.1.1:
     resolution: {integrity: sha512-6fPc+R4ihwqP6N/aIv2f1gMH8lOVtWQHoqC4yK6oSDVVocumAsfCqjkXnqiYMhmMwS/mEHLp7Vehlt3ql6lEig==}
     engines: {node: '>=8'}
 
+  style-loader@4.0.0:
+    resolution: {integrity: sha512-1V4WqhhZZgjVAVJyt7TdDPZoPBPNHbekX4fWnCJL1yQukhCeZhJySUL+gL9y6sNdN95uEOS83Y55SqHcP7MzLA==}
+    engines: {node: '>= 18.12.0'}
+    peerDependencies:
+      webpack: ^5.27.0
+
   supports-color@7.2.0:
     resolution: {integrity: sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==}
     engines: {node: '>=8'}
 
+  supports-color@8.1.1:
+    resolution: {integrity: sha512-MpUEN2OodtUzxvKQl72cUF7RQ5EiHsGvSsVG0ia9c5RbWGL2CI4C7EpPS8UTBIplnlzZiNuV56w+FuNxy3ty2Q==}
+    engines: {node: '>=10'}
+
+  tapable@2.3.3:
+    resolution: {integrity: sha512-uxc/zpqFg6x7C8vOE7lh6Lbda8eEL9zmVm/PLeTPBRhh1xCgdWaQ+J1CUieGpIfm2HdtsUpRv+HshiasBMcc6A==}
+    engines: {node: '>=6'}
+
+  terser-webpack-plugin@5.6.1:
+    resolution: {integrity: sha512-201R5j+sJpK8nFWwKVyNfZot8FaJbLZDq5evriVzbV1wDtSXDjRUDRfJzHpAaxFDMEhsZL1QkeqM61wgsS3KaQ==}
+    engines: {node: '>= 10.13.0'}
+    peerDependencies:
+      '@minify-html/node': '*'
+      '@swc/core': '*'
+      '@swc/css': '*'
+      '@swc/html': '*'
+      clean-css: '*'
+      cssnano: '*'
+      csso: '*'
+      esbuild: '*'
+      html-minifier-terser: '*'
+      lightningcss: '*'
+      postcss: '*'
+      uglify-js: '*'
+      webpack: ^5.1.0
+    peerDependenciesMeta:
+      '@minify-html/node':
+        optional: true
+      '@swc/core':
+        optional: true
+      '@swc/css':
+        optional: true
+      '@swc/html':
+        optional: true
+      clean-css:
+        optional: true
+      cssnano:
+        optional: true
+      csso:
+        optional: true
+      esbuild:
+        optional: true
+      html-minifier-terser:
+        optional: true
+      lightningcss:
+        optional: true
+      postcss:
+        optional: true
+      uglify-js:
+        optional: true
+
+  terser@5.48.0:
+    resolution: {integrity: sha512-J/9An6vs9Us6wKRriSFXBWdRZapREHqFzdNUKk0pmu804EMR6dr6winwo7e5JDxN4xahxQsuysyYFwlwj4XN/Q==}
+    engines: {node: '>=10'}
+    hasBin: true
+
   test-exclude@7.0.2:
     resolution: {integrity: sha512-u9E6A+ZDYdp7a4WnarkXPZOx8Ilz46+kby6p1yZ8zsGTz9gYa6FIS7lj2oezzNKmtdyyJNNmmXDppga5GB7kSw==}
     engines: {node: '>=18'}
@@ -1682,12 +2509,18 @@ packages:
     resolution: {integrity: sha512-o5sSPKEkg/DIQNmH43V0/uerLrpzVedkUh8tGNvaeXpfpuwjKenlSox/2O/BTlZUtEe+JG7s5YhEz608PlAHRA==}
     engines: {node: '>=0.6'}
 
+  tr46@1.0.1:
+    resolution: {integrity: sha512-dTpowEjclQ7Kgx5SdBkqRzVhERQXov8/l9Ft9dVM9fmg0W0KQSVaXX9T4i6twCPNtYiZM53lpSSUAwJbFPOHxA==}
+
   ts-api-utils@2.5.0:
     resolution: {integrity: sha512-OJ/ibxhPlqrMM0UiNHJ/0CKQkoKF243/AEmplt3qpRgkW8VG7IfOS41h7V8TjITqdByHzrjcS/2si+y4lIh8NA==}
     engines: {node: '>=18.12'}
     peerDependencies:
       typescript: '>=4.8.4'
 
+  tslib@2.8.1:
+    resolution: {integrity: sha512-oJFu94HQb+KVduSUQL7wnpmqnfmLsOA/nAh6b6EH0wCEoK0/mPeXU6c3wKDV83MkOuHPRHtSXKKU99IBazS/2w==}
+
   tsx@4.22.4:
     resolution: {integrity: sha512-X8EX+XV4QR5xCsrgxaED954zTDfY8KqlDtskKEL0cHhyS/P8b4IFOvGDQpsC9Q1XnLq915wEfwwY/zzskCtmhg==}
     engines: {node: '>=18.0.0'}
@@ -1713,9 +2546,18 @@ packages:
     resolution: {integrity: sha512-pjy2bYhSsufwWlKwPc+l3cN7+wuJlK6uz0YdJEOlQDbl6jo/YlPi4mb8agUkVC8BF7V8NuzeyPNqRksA3hztKQ==}
     engines: {node: '>= 0.8'}
 
+  update-browserslist-db@1.2.3:
+    resolution: {integrity: sha512-Js0m9cx+qOgDxo0eMiFGEueWztz+d4+M3rGlmKPT+T4IS/jP4ylw3Nwpu6cpTTP8R1MAC1kF4VbdLt3ARf209w==}
+    hasBin: true
+    peerDependencies:
+      browserslist: '>= 4.21.0'
+
   uri-js@4.4.1:
     resolution: {integrity: sha512-7rKUyy33Q1yc98pQ1DAmLtwX109F7TIfWlW1Ydo8Wl1ii1SeHieeh0HHfPeL2fMXK6z0s8ecKs9frCuLJvndBg==}
 
+  util-deprecate@1.0.2:
+    resolution: {integrity: sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw==}
+
   vary@1.1.2:
     resolution: {integrity: sha512-BNGbWLfd0eUPabhkXUVm0j8uuvREyTh5ovRa/dyow/BqAbZJyC+5fU+IzQOzmAKzYqYRAISoRhdQr3eIZ/PXqg==}
     engines: {node: '>= 0.8'}
@@ -1781,6 +2623,30 @@ packages:
       jsdom:
         optional: true
 
+  watchpack@2.5.2:
+    resolution: {integrity: sha512-6i/00NBjP4yGPs+caKSyRfpTF/8Torsu0MOW3mMzIbhgISFder8i7xbqgHlLMwJrdiN8ndBV3UA1/AfzPSr+jg==}
+    engines: {node: '>=10.13.0'}
+
+  webidl-conversions@4.0.2:
+    resolution: {integrity: sha512-YQ+BmxuTgd6UXZW3+ICGfyqRyHXVlD5GtQr5+qjiNW7bF0cqrzX500HVXPBOvgXb5YnzDd+h0zqyv61KUD7+Sg==}
+
+  webpack-sources@3.5.0:
+    resolution: {integrity: sha512-HPuy+uuoTCaaoEoI1LQ3JN9+vrPBvEesnnX1jADHy728cHSMlq4wUc4afYqahq2B1mhQVZxCXOkNTnXltr+2vQ==}
+    engines: {node: '>=10.13.0'}
+
+  webpack@5.105.0:
+    resolution: {integrity: sha512-gX/dMkRQc7QOMzgTe6KsYFM7DxeIONQSui1s0n/0xht36HvrgbxtM1xBlgx596NbpHuQU8P7QpKwrZYwUX48nw==}
+    engines: {node: '>=10.13.0'}
+    hasBin: true
+    peerDependencies:
+      webpack-cli: '*'
+    peerDependenciesMeta:
+      webpack-cli:
+        optional: true
+
+  whatwg-url@7.1.0:
+    resolution: {integrity: sha512-WUu7Rg1DroM7oQvGWfOiAK21n74Gg+T4elXEQYkOhtyLeWiJFoOGLXPKI/9gzIie9CtwVLm8wtw6YJdKyxSjeg==}
+
   which@2.0.2:
     resolution: {integrity: sha512-BLI3Tl1TW3Pvl70l3yq3Y64i+awpwXqsGBYWkkqMtnbXgrMD+yj7rhW0kuEDxzJaYXGjEW5ogapKNMEKNMjibA==}
     engines: {node: '>= 8'}
@@ -1806,6 +2672,21 @@ packages:
   wrappy@1.0.2:
     resolution: {integrity: sha512-l4Sp/DRseor9wL6EvV2+TuQn63dMkPjZ/sp9XkghTEbV9KlPS1xUsZ3u7/IQO4wxtcFB4bgpQPRcR3QCvezPcQ==}
 
+  ws@8.21.0:
+    resolution: {integrity: sha512-Vsp28b7DRcimFQvrqu2Wek3z1iYxDCWqHYB8Qsnk/S4RfaCQzPGPyBNuVjJV3cd6UiKtUtp6sNM77gWvzcCH+g==}
+    engines: {node: '>=10.0.0'}
+    peerDependencies:
+      bufferutil: ^4.0.1
+      utf-8-validate: '>=5.0.2'
+    peerDependenciesMeta:
+      bufferutil:
+        optional: true
+      utf-8-validate:
+        optional: true
+
+  yallist@4.0.0:
+    resolution: {integrity: sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==}
+
   yocto-queue@0.1.0:
     resolution: {integrity: sha512-rVksvsnNCdJ/ohGc6xgPwyN8eheCxsiLM8mxuE/t/mOVqJewPuO1miLpTHQiRgTKCLexL4MeAFVagts7HmNZ2Q==}
     engines: {node: '>=10'}
@@ -1815,6 +2696,9 @@ packages:
     peerDependencies:
       zod: ^3.25.28 || ^4
 
+  zod@4.3.6:
+    resolution: {integrity: sha512-rftlrkhHZOcjDwkGlnUtZZkvaPHCsDATp4pGpuOOMDaTdDDXF91wuVDJoWoPsKX/3YPQ5fHuF3STjcYyKr+Qhg==}
+
   zod@4.4.3:
     resolution: {integrity: sha512-ytENFjIJFl2UwYglde2jchW2Hwm4GJFLDiSXWdTrJQBIN9Fcyp7n4DhxJEiWNAJMV1/BqWfW/kkg71UDcHJyTQ==}
 
@@ -1840,153 +2724,247 @@ snapshots:
 
   '@bcoe/v8-coverage@0.2.3': {}
 
+  '@emnapi/core@1.11.1':
+    dependencies:
+      '@emnapi/wasi-threads': 1.2.2
+      tslib: 2.8.1
+    optional: true
+
+  '@emnapi/runtime@1.11.1':
+    dependencies:
+      tslib: 2.8.1
+    optional: true
+
+  '@emnapi/wasi-threads@1.2.2':
+    dependencies:
+      tslib: 2.8.1
+    optional: true
+
   '@esbuild/aix-ppc64@0.21.5':
     optional: true
 
   '@esbuild/aix-ppc64@0.28.0':
     optional: true
 
+  '@esbuild/aix-ppc64@0.28.1':
+    optional: true
+
   '@esbuild/android-arm64@0.21.5':
     optional: true
 
   '@esbuild/android-arm64@0.28.0':
     optional: true
 
+  '@esbuild/android-arm64@0.28.1':
+    optional: true
+
   '@esbuild/android-arm@0.21.5':
     optional: true
 
   '@esbuild/android-arm@0.28.0':
     optional: true
 
+  '@esbuild/android-arm@0.28.1':
+    optional: true
+
   '@esbuild/android-x64@0.21.5':
     optional: true
 
   '@esbuild/android-x64@0.28.0':
     optional: true
 
+  '@esbuild/android-x64@0.28.1':
+    optional: true
+
   '@esbuild/darwin-arm64@0.21.5':
     optional: true
 
   '@esbuild/darwin-arm64@0.28.0':
     optional: true
 
+  '@esbuild/darwin-arm64@0.28.1':
+    optional: true
+
   '@esbuild/darwin-x64@0.21.5':
     optional: true
 
   '@esbuild/darwin-x64@0.28.0':
     optional: true
 
+  '@esbuild/darwin-x64@0.28.1':
+    optional: true
+
   '@esbuild/freebsd-arm64@0.21.5':
     optional: true
 
   '@esbuild/freebsd-arm64@0.28.0':
     optional: true
 
+  '@esbuild/freebsd-arm64@0.28.1':
+    optional: true
+
   '@esbuild/freebsd-x64@0.21.5':
     optional: true
 
   '@esbuild/freebsd-x64@0.28.0':
     optional: true
 
+  '@esbuild/freebsd-x64@0.28.1':
+    optional: true
+
   '@esbuild/linux-arm64@0.21.5':
     optional: true
 
   '@esbuild/linux-arm64@0.28.0':
     optional: true
 
+  '@esbuild/linux-arm64@0.28.1':
+    optional: true
+
   '@esbuild/linux-arm@0.21.5':
     optional: true
 
   '@esbuild/linux-arm@0.28.0':
     optional: true
 
+  '@esbuild/linux-arm@0.28.1':
+    optional: true
+
   '@esbuild/linux-ia32@0.21.5':
     optional: true
 
   '@esbuild/linux-ia32@0.28.0':
     optional: true
 
+  '@esbuild/linux-ia32@0.28.1':
+    optional: true
+
   '@esbuild/linux-loong64@0.21.5':
     optional: true
 
   '@esbuild/linux-loong64@0.28.0':
     optional: true
 
+  '@esbuild/linux-loong64@0.28.1':
+    optional: true
+
   '@esbuild/linux-mips64el@0.21.5':
     optional: true
 
   '@esbuild/linux-mips64el@0.28.0':
     optional: true
 
+  '@esbuild/linux-mips64el@0.28.1':
+    optional: true
+
   '@esbuild/linux-ppc64@0.21.5':
     optional: true
 
   '@esbuild/linux-ppc64@0.28.0':
     optional: true
 
+  '@esbuild/linux-ppc64@0.28.1':
+    optional: true
+
   '@esbuild/linux-riscv64@0.21.5':
     optional: true
 
   '@esbuild/linux-riscv64@0.28.0':
     optional: true
 
+  '@esbuild/linux-riscv64@0.28.1':
+    optional: true
+
   '@esbuild/linux-s390x@0.21.5':
     optional: true
 
   '@esbuild/linux-s390x@0.28.0':
     optional: true
 
+  '@esbuild/linux-s390x@0.28.1':
+    optional: true
+
   '@esbuild/linux-x64@0.21.5':
     optional: true
 
   '@esbuild/linux-x64@0.28.0':
     optional: true
 
+  '@esbuild/linux-x64@0.28.1':
+    optional: true
+
   '@esbuild/netbsd-arm64@0.28.0':
     optional: true
 
+  '@esbuild/netbsd-arm64@0.28.1':
+    optional: true
+
   '@esbuild/netbsd-x64@0.21.5':
     optional: true
 
   '@esbuild/netbsd-x64@0.28.0':
     optional: true
 
+  '@esbuild/netbsd-x64@0.28.1':
+    optional: true
+
   '@esbuild/openbsd-arm64@0.28.0':
     optional: true
 
+  '@esbuild/openbsd-arm64@0.28.1':
+    optional: true
+
   '@esbuild/openbsd-x64@0.21.5':
     optional: true
 
   '@esbuild/openbsd-x64@0.28.0':
     optional: true
 
+  '@esbuild/openbsd-x64@0.28.1':
+    optional: true
+
   '@esbuild/openharmony-arm64@0.28.0':
     optional: true
 
+  '@esbuild/openharmony-arm64@0.28.1':
+    optional: true
+
   '@esbuild/sunos-x64@0.21.5':
     optional: true
 
   '@esbuild/sunos-x64@0.28.0':
     optional: true
 
+  '@esbuild/sunos-x64@0.28.1':
+    optional: true
+
   '@esbuild/win32-arm64@0.21.5':
     optional: true
 
   '@esbuild/win32-arm64@0.28.0':
     optional: true
 
+  '@esbuild/win32-arm64@0.28.1':
+    optional: true
+
   '@esbuild/win32-ia32@0.21.5':
     optional: true
 
   '@esbuild/win32-ia32@0.28.0':
     optional: true
 
+  '@esbuild/win32-ia32@0.28.1':
+    optional: true
+
   '@esbuild/win32-x64@0.21.5':
     optional: true
 
   '@esbuild/win32-x64@0.28.0':
     optional: true
 
+  '@esbuild/win32-x64@0.28.1':
+    optional: true
+
   '@eslint-community/eslint-utils@4.9.1(eslint@9.39.4)':
     dependencies:
       eslint: 9.39.4
@@ -2071,37 +3049,242 @@ snapshots:
 
   '@jridgewell/resolve-uri@3.1.2': {}
 
-  '@jridgewell/sourcemap-codec@1.5.5': {}
+  '@jridgewell/source-map@0.3.11':
+    dependencies:
+      '@jridgewell/gen-mapping': 0.3.13
+      '@jridgewell/trace-mapping': 0.3.31
+
+  '@jridgewell/sourcemap-codec@1.5.5': {}
+
+  '@jridgewell/trace-mapping@0.3.31':
+    dependencies:
+      '@jridgewell/resolve-uri': 3.1.2
+      '@jridgewell/sourcemap-codec': 1.5.5
+
+  '@mediabunny/aac-encoder@1.47.0(mediabunny@1.47.0)':
+    dependencies:
+      mediabunny: 1.47.0
+
+  '@mediabunny/flac-encoder@1.47.0(mediabunny@1.47.0)':
+    dependencies:
+      mediabunny: 1.47.0
+
+  '@mediabunny/mp3-encoder@1.47.0(mediabunny@1.47.0)':
+    dependencies:
+      mediabunny: 1.47.0
+
+  '@modelcontextprotocol/sdk@1.29.0(zod@4.4.3)':
+    dependencies:
+      '@hono/node-server': 1.19.14(hono@4.12.25)
+      ajv: 8.20.0
+      ajv-formats: 3.0.1(ajv@8.20.0)
+      content-type: 1.0.5
+      cors: 2.8.6
+      cross-spawn: 7.0.6
+      eventsource: 3.0.7
+      eventsource-parser: 3.1.0
+      express: 5.2.1
+      express-rate-limit: 8.5.2(express@5.2.1)
+      hono: 4.12.25
+      jose: 6.2.3
+      json-schema-typed: 8.0.2
+      pkce-challenge: 5.0.1
+      raw-body: 3.0.2
+      zod: 4.4.3
+      zod-to-json-schema: 3.25.2(zod@4.4.3)
+    transitivePeerDependencies:
+      - supports-color
+
+  '@module-federation/error-codes@0.22.0': {}
+
+  '@module-federation/runtime-core@0.22.0':
+    dependencies:
+      '@module-federation/error-codes': 0.22.0
+      '@module-federation/sdk': 0.22.0
+
+  '@module-federation/runtime-tools@0.22.0':
+    dependencies:
+      '@module-federation/runtime': 0.22.0
+      '@module-federation/webpack-bundler-runtime': 0.22.0
+
+  '@module-federation/runtime@0.22.0':
+    dependencies:
+      '@module-federation/error-codes': 0.22.0
+      '@module-federation/runtime-core': 0.22.0
+      '@module-federation/sdk': 0.22.0
+
+  '@module-federation/sdk@0.22.0': {}
+
+  '@module-federation/webpack-bundler-runtime@0.22.0':
+    dependencies:
+      '@module-federation/runtime': 0.22.0
+      '@module-federation/sdk': 0.22.0
+
+  '@napi-rs/wasm-runtime@1.0.7':
+    dependencies:
+      '@emnapi/core': 1.11.1
+      '@emnapi/runtime': 1.11.1
+      '@tybys/wasm-util': 0.10.3
+    optional: true
+
+  '@pkgjs/parseargs@0.11.0':
+    optional: true
+
+  '@remotion/bundler@4.0.482(postcss@8.5.15)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)':
+    dependencies:
+      '@remotion/media-parser': 4.0.482
+      '@remotion/studio': 4.0.482(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
+      '@remotion/studio-shared': 4.0.482(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
+      '@remotion/timeline-utils': 4.0.482
+      '@rspack/core': 1.7.11
+      '@rspack/plugin-react-refresh': 1.6.1(react-refresh@0.18.0)
+      css-loader: 7.1.4(@rspack/core@1.7.11)(webpack@5.105.0(esbuild@0.28.1)(postcss@8.5.15))
+      esbuild: 0.28.1
+      react: 19.2.7
+      react-dom: 19.2.7(react@19.2.7)
+      react-refresh: 0.18.0
+      remotion: 4.0.482(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
+      style-loader: 4.0.0(webpack@5.105.0(esbuild@0.28.1)(postcss@8.5.15))
+      webpack: 5.105.0(esbuild@0.28.1)(postcss@8.5.15)
+    transitivePeerDependencies:
+      - '@minify-html/node'
+      - '@swc/core'
+      - '@swc/css'
+      - '@swc/helpers'
+      - '@swc/html'
+      - bufferutil
+      - clean-css
+      - cssnano
+      - csso
+      - html-minifier-terser
+      - lightningcss
+      - postcss
+      - uglify-js
+      - utf-8-validate
+      - webpack-cli
+      - webpack-hot-middleware
+
+  '@remotion/canvas-capture@4.0.482(react-dom@19.2.7(react@19.2.7))(react@19.2.7)':
+    dependencies:
+      mediabunny: 1.47.0
+      react: 19.2.7
+      react-dom: 19.2.7(react@19.2.7)
+      remotion: 4.0.482(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
+
+  '@remotion/compositor-darwin-arm64@4.0.482':
+    optional: true
+
+  '@remotion/compositor-darwin-x64@4.0.482':
+    optional: true
+
+  '@remotion/compositor-linux-arm64-gnu@4.0.482':
+    optional: true
+
+  '@remotion/compositor-linux-arm64-musl@4.0.482':
+    optional: true
+
+  '@remotion/compositor-linux-x64-gnu@4.0.482':
+    optional: true
+
+  '@remotion/compositor-linux-x64-musl@4.0.482':
+    optional: true
+
+  '@remotion/compositor-win32-x64-msvc@4.0.482':
+    optional: true
+
+  '@remotion/licensing@4.0.482': {}
+
+  '@remotion/media-parser@4.0.482': {}
+
+  '@remotion/media-utils@4.0.482(react-dom@19.2.7(react@19.2.7))(react@19.2.7)':
+    dependencies:
+      mediabunny: 1.47.0
+      react: 19.2.7
+      react-dom: 19.2.7(react@19.2.7)
+      remotion: 4.0.482(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
+
+  '@remotion/player@4.0.482(react-dom@19.2.7(react@19.2.7))(react@19.2.7)':
+    dependencies:
+      react: 19.2.7
+      react-dom: 19.2.7(react@19.2.7)
+      remotion: 4.0.482(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
+
+  '@remotion/renderer@4.0.482(react-dom@19.2.7(react@19.2.7))(react@19.2.7)':
+    dependencies:
+      '@remotion/licensing': 4.0.482
+      '@remotion/streaming': 4.0.482
+      execa: 5.1.1
+      react: 19.2.7
+      react-dom: 19.2.7(react@19.2.7)
+      remotion: 4.0.482(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
+      source-map: 0.8.0-beta.0
+      ws: 8.21.0
+    optionalDependencies:
+      '@remotion/compositor-darwin-arm64': 4.0.482
+      '@remotion/compositor-darwin-x64': 4.0.482
+      '@remotion/compositor-linux-arm64-gnu': 4.0.482
+      '@remotion/compositor-linux-arm64-musl': 4.0.482
+      '@remotion/compositor-linux-x64-gnu': 4.0.482
+      '@remotion/compositor-linux-x64-musl': 4.0.482
+      '@remotion/compositor-win32-x64-msvc': 4.0.482
+    transitivePeerDependencies:
+      - bufferutil
+      - utf-8-validate
+
+  '@remotion/streaming@4.0.482': {}
+
+  '@remotion/studio-shared@4.0.482(react-dom@19.2.7(react@19.2.7))(react@19.2.7)':
+    dependencies:
+      remotion: 4.0.482(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
+    transitivePeerDependencies:
+      - react
+      - react-dom
+
+  '@remotion/studio@4.0.482(react-dom@19.2.7(react@19.2.7))(react@19.2.7)':
+    dependencies:
+      '@jridgewell/trace-mapping': 0.3.31
+      '@remotion/canvas-capture': 4.0.482(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
+      '@remotion/media-utils': 4.0.482(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
+      '@remotion/player': 4.0.482(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
+      '@remotion/renderer': 4.0.482(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
+      '@remotion/studio-shared': 4.0.482(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
+      '@remotion/timeline-utils': 4.0.482
+      '@remotion/web-renderer': 4.0.482(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
+      '@remotion/zod-types': 4.0.482(react-dom@19.2.7(react@19.2.7))(react@19.2.7)(zod@4.3.6)
+      mediabunny: 1.47.0
+      memfs: 3.4.3
+      open: 8.4.2
+      react: 19.2.7
+      react-dom: 19.2.7(react@19.2.7)
+      remotion: 4.0.482(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
+      semver: 7.5.3
+      zod: 4.3.6
+    transitivePeerDependencies:
+      - bufferutil
+      - utf-8-validate
+
+  '@remotion/timeline-utils@4.0.482':
+    dependencies:
+      mediabunny: 1.47.0
 
-  '@jridgewell/trace-mapping@0.3.31':
+  '@remotion/web-renderer@4.0.482(react-dom@19.2.7(react@19.2.7))(react@19.2.7)':
     dependencies:
-      '@jridgewell/resolve-uri': 3.1.2
-      '@jridgewell/sourcemap-codec': 1.5.5
+      '@mediabunny/aac-encoder': 1.47.0(mediabunny@1.47.0)
+      '@mediabunny/flac-encoder': 1.47.0(mediabunny@1.47.0)
+      '@mediabunny/mp3-encoder': 1.47.0(mediabunny@1.47.0)
+      '@remotion/licensing': 4.0.482
+      mediabunny: 1.47.0
+      react: 19.2.7
+      react-dom: 19.2.7(react@19.2.7)
+      remotion: 4.0.482(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
 
-  '@modelcontextprotocol/sdk@1.29.0(zod@4.4.3)':
+  '@remotion/zod-types@4.0.482(react-dom@19.2.7(react@19.2.7))(react@19.2.7)(zod@4.3.6)':
     dependencies:
-      '@hono/node-server': 1.19.14(hono@4.12.25)
-      ajv: 8.20.0
-      ajv-formats: 3.0.1(ajv@8.20.0)
-      content-type: 1.0.5
-      cors: 2.8.6
-      cross-spawn: 7.0.6
-      eventsource: 3.0.7
-      eventsource-parser: 3.1.0
-      express: 5.2.1
-      express-rate-limit: 8.5.2(express@5.2.1)
-      hono: 4.12.25
-      jose: 6.2.3
-      json-schema-typed: 8.0.2
-      pkce-challenge: 5.0.1
-      raw-body: 3.0.2
-      zod: 4.4.3
-      zod-to-json-schema: 3.25.2(zod@4.4.3)
+      remotion: 4.0.482(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
+      zod: 4.3.6
     transitivePeerDependencies:
-      - supports-color
-
-  '@pkgjs/parseargs@0.11.0':
-    optional: true
+      - react
+      - react-dom
 
   '@rollup/rollup-android-arm-eabi@4.61.1':
     optional: true
@@ -2178,6 +3361,70 @@ snapshots:
   '@rollup/rollup-win32-x64-msvc@4.61.1':
     optional: true
 
+  '@rspack/binding-darwin-arm64@1.7.11':
+    optional: true
+
+  '@rspack/binding-darwin-x64@1.7.11':
+    optional: true
+
+  '@rspack/binding-linux-arm64-gnu@1.7.11':
+    optional: true
+
+  '@rspack/binding-linux-arm64-musl@1.7.11':
+    optional: true
+
+  '@rspack/binding-linux-x64-gnu@1.7.11':
+    optional: true
+
+  '@rspack/binding-linux-x64-musl@1.7.11':
+    optional: true
+
+  '@rspack/binding-wasm32-wasi@1.7.11':
+    dependencies:
+      '@napi-rs/wasm-runtime': 1.0.7
+    optional: true
+
+  '@rspack/binding-win32-arm64-msvc@1.7.11':
+    optional: true
+
+  '@rspack/binding-win32-ia32-msvc@1.7.11':
+    optional: true
+
+  '@rspack/binding-win32-x64-msvc@1.7.11':
+    optional: true
+
+  '@rspack/binding@1.7.11':
+    optionalDependencies:
+      '@rspack/binding-darwin-arm64': 1.7.11
+      '@rspack/binding-darwin-x64': 1.7.11
+      '@rspack/binding-linux-arm64-gnu': 1.7.11
+      '@rspack/binding-linux-arm64-musl': 1.7.11
+      '@rspack/binding-linux-x64-gnu': 1.7.11
+      '@rspack/binding-linux-x64-musl': 1.7.11
+      '@rspack/binding-wasm32-wasi': 1.7.11
+      '@rspack/binding-win32-arm64-msvc': 1.7.11
+      '@rspack/binding-win32-ia32-msvc': 1.7.11
+      '@rspack/binding-win32-x64-msvc': 1.7.11
+
+  '@rspack/core@1.7.11':
+    dependencies:
+      '@module-federation/runtime-tools': 0.22.0
+      '@rspack/binding': 1.7.11
+      '@rspack/lite-tapable': 1.1.0
+
+  '@rspack/lite-tapable@1.1.0': {}
+
+  '@rspack/plugin-react-refresh@1.6.1(react-refresh@0.18.0)':
+    dependencies:
+      error-stack-parser: 2.1.4
+      html-entities: 2.6.0
+      react-refresh: 0.18.0
+
+  '@tybys/wasm-util@0.10.3':
+    dependencies:
+      tslib: 2.8.1
+    optional: true
+
   '@types/body-parser@1.19.6':
     dependencies:
       '@types/connect': 3.4.38
@@ -2187,6 +3434,22 @@ snapshots:
     dependencies:
       '@types/node': 22.19.20
 
+  '@types/dom-mediacapture-transform@0.1.11':
+    dependencies:
+      '@types/dom-webcodecs': 0.1.13
+
+  '@types/dom-webcodecs@0.1.13': {}
+
+  '@types/eslint-scope@3.7.7':
+    dependencies:
+      '@types/eslint': 9.6.1
+      '@types/estree': 1.0.9
+
+  '@types/eslint@9.6.1':
+    dependencies:
+      '@types/estree': 1.0.9
+      '@types/json-schema': 7.0.15
+
   '@types/estree@1.0.9': {}
 
   '@types/express-serve-static-core@5.1.1':
@@ -2214,6 +3477,14 @@ snapshots:
 
   '@types/range-parser@1.2.7': {}
 
+  '@types/react-dom@19.2.3(@types/react@19.2.17)':
+    dependencies:
+      '@types/react': 19.2.17
+
+  '@types/react@19.2.17':
+    dependencies:
+      csstype: 3.2.3
+
   '@types/send@1.2.1':
     dependencies:
       '@types/node': 22.19.20
@@ -2314,7 +3585,7 @@ snapshots:
       '@typescript-eslint/types': 8.61.0
       eslint-visitor-keys: 5.0.1
 
-  '@vitest/coverage-v8@2.1.9(vitest@2.1.9(@types/node@22.19.20))':
+  '@vitest/coverage-v8@2.1.9(vitest@2.1.9(@types/node@22.19.20)(terser@5.48.0))':
     dependencies:
       '@ampproject/remapping': 2.3.0
       '@bcoe/v8-coverage': 0.2.3
@@ -2328,7 +3599,7 @@ snapshots:
       std-env: 3.10.0
       test-exclude: 7.0.2
       tinyrainbow: 1.2.0
-      vitest: 2.1.9(@types/node@22.19.20)
+      vitest: 2.1.9(@types/node@22.19.20)(terser@5.48.0)
     transitivePeerDependencies:
       - supports-color
 
@@ -2339,13 +3610,13 @@ snapshots:
       chai: 5.3.3
       tinyrainbow: 1.2.0
 
-  '@vitest/mocker@2.1.9(vite@5.4.21(@types/node@22.19.20))':
+  '@vitest/mocker@2.1.9(vite@5.4.21(@types/node@22.19.20)(terser@5.48.0))':
     dependencies:
       '@vitest/spy': 2.1.9
       estree-walker: 3.0.3
       magic-string: 0.30.21
     optionalDependencies:
-      vite: 5.4.21(@types/node@22.19.20)
+      vite: 5.4.21(@types/node@22.19.20)(terser@5.48.0)
 
   '@vitest/pretty-format@2.1.9':
     dependencies:
@@ -2372,21 +3643,114 @@ snapshots:
       loupe: 3.2.1
       tinyrainbow: 1.2.0
 
+  '@webassemblyjs/ast@1.14.1':
+    dependencies:
+      '@webassemblyjs/helper-numbers': 1.13.2
+      '@webassemblyjs/helper-wasm-bytecode': 1.13.2
+
+  '@webassemblyjs/floating-point-hex-parser@1.13.2': {}
+
+  '@webassemblyjs/helper-api-error@1.13.2': {}
+
+  '@webassemblyjs/helper-buffer@1.14.1': {}
+
+  '@webassemblyjs/helper-numbers@1.13.2':
+    dependencies:
+      '@webassemblyjs/floating-point-hex-parser': 1.13.2
+      '@webassemblyjs/helper-api-error': 1.13.2
+      '@xtuc/long': 4.2.2
+
+  '@webassemblyjs/helper-wasm-bytecode@1.13.2': {}
+
+  '@webassemblyjs/helper-wasm-section@1.14.1':
+    dependencies:
+      '@webassemblyjs/ast': 1.14.1
+      '@webassemblyjs/helper-buffer': 1.14.1
+      '@webassemblyjs/helper-wasm-bytecode': 1.13.2
+      '@webassemblyjs/wasm-gen': 1.14.1
+
+  '@webassemblyjs/ieee754@1.13.2':
+    dependencies:
+      '@xtuc/ieee754': 1.2.0
+
+  '@webassemblyjs/leb128@1.13.2':
+    dependencies:
+      '@xtuc/long': 4.2.2
+
+  '@webassemblyjs/utf8@1.13.2': {}
+
+  '@webassemblyjs/wasm-edit@1.14.1':
+    dependencies:
+      '@webassemblyjs/ast': 1.14.1
+      '@webassemblyjs/helper-buffer': 1.14.1
+      '@webassemblyjs/helper-wasm-bytecode': 1.13.2
+      '@webassemblyjs/helper-wasm-section': 1.14.1
+      '@webassemblyjs/wasm-gen': 1.14.1
+      '@webassemblyjs/wasm-opt': 1.14.1
+      '@webassemblyjs/wasm-parser': 1.14.1
+      '@webassemblyjs/wast-printer': 1.14.1
+
+  '@webassemblyjs/wasm-gen@1.14.1':
+    dependencies:
+      '@webassemblyjs/ast': 1.14.1
+      '@webassemblyjs/helper-wasm-bytecode': 1.13.2
+      '@webassemblyjs/ieee754': 1.13.2
+      '@webassemblyjs/leb128': 1.13.2
+      '@webassemblyjs/utf8': 1.13.2
+
+  '@webassemblyjs/wasm-opt@1.14.1':
+    dependencies:
+      '@webassemblyjs/ast': 1.14.1
+      '@webassemblyjs/helper-buffer': 1.14.1
+      '@webassemblyjs/wasm-gen': 1.14.1
+      '@webassemblyjs/wasm-parser': 1.14.1
+
+  '@webassemblyjs/wasm-parser@1.14.1':
+    dependencies:
+      '@webassemblyjs/ast': 1.14.1
+      '@webassemblyjs/helper-api-error': 1.13.2
+      '@webassemblyjs/helper-wasm-bytecode': 1.13.2
+      '@webassemblyjs/ieee754': 1.13.2
+      '@webassemblyjs/leb128': 1.13.2
+      '@webassemblyjs/utf8': 1.13.2
+
+  '@webassemblyjs/wast-printer@1.14.1':
+    dependencies:
+      '@webassemblyjs/ast': 1.14.1
+      '@xtuc/long': 4.2.2
+
+  '@xtuc/ieee754@1.2.0': {}
+
+  '@xtuc/long@4.2.2': {}
+
   accepts@2.0.0:
     dependencies:
       mime-types: 3.0.2
       negotiator: 1.0.0
 
+  acorn-import-phases@1.0.4(acorn@8.16.0):
+    dependencies:
+      acorn: 8.16.0
+
   acorn-jsx@5.3.2(acorn@8.16.0):
     dependencies:
       acorn: 8.16.0
 
   acorn@8.16.0: {}
 
+  ajv-formats@2.1.1(ajv@8.20.0):
+    optionalDependencies:
+      ajv: 8.20.0
+
   ajv-formats@3.0.1(ajv@8.20.0):
     optionalDependencies:
       ajv: 8.20.0
 
+  ajv-keywords@5.1.0(ajv@8.20.0):
+    dependencies:
+      ajv: 8.20.0
+      fast-deep-equal: 3.1.3
+
   ajv@6.15.0:
     dependencies:
       fast-deep-equal: 3.1.3
@@ -2419,6 +3783,8 @@ snapshots:
 
   balanced-match@4.0.4: {}
 
+  baseline-browser-mapping@2.10.38: {}
+
   body-parser@2.2.2:
     dependencies:
       bytes: 3.1.2
@@ -2446,6 +3812,16 @@ snapshots:
     dependencies:
       balanced-match: 4.0.4
 
+  browserslist@4.28.4:
+    dependencies:
+      baseline-browser-mapping: 2.10.38
+      caniuse-lite: 1.0.30001799
+      electron-to-chromium: 1.5.378
+      node-releases: 2.0.49
+      update-browserslist-db: 1.2.3(browserslist@4.28.4)
+
+  buffer-from@1.1.2: {}
+
   bytes@3.1.2: {}
 
   cac@6.7.14: {}
@@ -2462,6 +3838,8 @@ snapshots:
 
   callsites@3.1.0: {}
 
+  caniuse-lite@1.0.30001799: {}
+
   chai@5.3.3:
     dependencies:
       assertion-error: 2.0.1
@@ -2477,6 +3855,8 @@ snapshots:
 
   check-error@2.1.3: {}
 
+  chrome-trace-event@1.0.4: {}
+
   color-convert@2.0.1:
     dependencies:
       color-name: 1.1.4
@@ -2485,6 +3865,8 @@ snapshots:
 
   commander@15.0.0: {}
 
+  commander@2.20.3: {}
+
   concat-map@0.0.1: {}
 
   content-disposition@1.1.0: {}
@@ -2508,6 +3890,24 @@ snapshots:
       shebang-command: 2.0.0
       which: 2.0.2
 
+  css-loader@7.1.4(@rspack/core@1.7.11)(webpack@5.105.0(esbuild@0.28.1)(postcss@8.5.15)):
+    dependencies:
+      icss-utils: 5.1.0(postcss@8.5.15)
+      postcss: 8.5.15
+      postcss-modules-extract-imports: 3.1.0(postcss@8.5.15)
+      postcss-modules-local-by-default: 4.2.0(postcss@8.5.15)
+      postcss-modules-scope: 3.2.1(postcss@8.5.15)
+      postcss-modules-values: 4.0.0(postcss@8.5.15)
+      postcss-value-parser: 4.2.0
+      semver: 7.8.3
+    optionalDependencies:
+      '@rspack/core': 1.7.11
+      webpack: 5.105.0(esbuild@0.28.1)(postcss@8.5.15)
+
+  cssesc@3.0.0: {}
+
+  csstype@3.2.3: {}
+
   debug@4.4.3:
     dependencies:
       ms: 2.1.3
@@ -2516,6 +3916,8 @@ snapshots:
 
   deep-is@0.1.4: {}
 
+  define-lazy-prop@2.0.0: {}
+
   depd@2.0.0: {}
 
   dunder-proto@1.0.1:
@@ -2528,18 +3930,31 @@ snapshots:
 
   ee-first@1.1.1: {}
 
+  electron-to-chromium@1.5.378: {}
+
   emoji-regex@8.0.0: {}
 
   emoji-regex@9.2.2: {}
 
   encodeurl@2.0.0: {}
 
+  enhanced-resolve@5.24.1:
+    dependencies:
+      graceful-fs: 4.2.11
+      tapable: 2.3.3
+
+  error-stack-parser@2.1.4:
+    dependencies:
+      stackframe: 1.3.4
+
   es-define-property@1.0.1: {}
 
   es-errors@1.3.0: {}
 
   es-module-lexer@1.7.0: {}
 
+  es-module-lexer@2.1.0: {}
+
   es-object-atoms@1.1.2:
     dependencies:
       es-errors: 1.3.0
@@ -2599,10 +4014,46 @@ snapshots:
       '@esbuild/win32-ia32': 0.28.0
       '@esbuild/win32-x64': 0.28.0
 
+  esbuild@0.28.1:
+    optionalDependencies:
+      '@esbuild/aix-ppc64': 0.28.1
+      '@esbuild/android-arm': 0.28.1
+      '@esbuild/android-arm64': 0.28.1
+      '@esbuild/android-x64': 0.28.1
+      '@esbuild/darwin-arm64': 0.28.1
+      '@esbuild/darwin-x64': 0.28.1
+      '@esbuild/freebsd-arm64': 0.28.1
+      '@esbuild/freebsd-x64': 0.28.1
+      '@esbuild/linux-arm': 0.28.1
+      '@esbuild/linux-arm64': 0.28.1
+      '@esbuild/linux-ia32': 0.28.1
+      '@esbuild/linux-loong64': 0.28.1
+      '@esbuild/linux-mips64el': 0.28.1
+      '@esbuild/linux-ppc64': 0.28.1
+      '@esbuild/linux-riscv64': 0.28.1
+      '@esbuild/linux-s390x': 0.28.1
+      '@esbuild/linux-x64': 0.28.1
+      '@esbuild/netbsd-arm64': 0.28.1
+      '@esbuild/netbsd-x64': 0.28.1
+      '@esbuild/openbsd-arm64': 0.28.1
+      '@esbuild/openbsd-x64': 0.28.1
+      '@esbuild/openharmony-arm64': 0.28.1
+      '@esbuild/sunos-x64': 0.28.1
+      '@esbuild/win32-arm64': 0.28.1
+      '@esbuild/win32-ia32': 0.28.1
+      '@esbuild/win32-x64': 0.28.1
+
+  escalade@3.2.0: {}
+
   escape-html@1.0.3: {}
 
   escape-string-regexp@4.0.0: {}
 
+  eslint-scope@5.1.1:
+    dependencies:
+      esrecurse: 4.3.0
+      estraverse: 4.3.0
+
   eslint-scope@8.4.0:
     dependencies:
       esrecurse: 4.3.0
@@ -2667,6 +4118,8 @@ snapshots:
     dependencies:
       estraverse: 5.3.0
 
+  estraverse@4.3.0: {}
+
   estraverse@5.3.0: {}
 
   estree-walker@3.0.3:
@@ -2677,12 +4130,26 @@ snapshots:
 
   etag@1.8.1: {}
 
+  events@3.3.0: {}
+
   eventsource-parser@3.1.0: {}
 
   eventsource@3.0.7:
     dependencies:
       eventsource-parser: 3.1.0
 
+  execa@5.1.1:
+    dependencies:
+      cross-spawn: 7.0.6
+      get-stream: 6.0.1
+      human-signals: 2.1.0
+      is-stream: 2.0.1
+      merge-stream: 2.0.0
+      npm-run-path: 4.0.1
+      onetime: 5.1.2
+      signal-exit: 3.0.7
+      strip-final-newline: 2.0.0
+
   expect-type@1.3.0: {}
 
   express-rate-limit@8.5.2(express@5.2.1):
@@ -2771,6 +4238,8 @@ snapshots:
 
   fresh@2.0.0: {}
 
+  fs-monkey@1.0.3: {}
+
   fsevents@2.3.3:
     optional: true
 
@@ -2794,10 +4263,14 @@ snapshots:
       dunder-proto: 1.0.1
       es-object-atoms: 1.1.2
 
+  get-stream@6.0.1: {}
+
   glob-parent@6.0.2:
     dependencies:
       is-glob: 4.0.3
 
+  glob-to-regexp@0.4.1: {}
+
   glob@10.5.0:
     dependencies:
       foreground-child: 3.3.1
@@ -2817,6 +4290,8 @@ snapshots:
 
   gopd@1.2.0: {}
 
+  graceful-fs@4.2.11: {}
+
   has-flag@4.0.0: {}
 
   has-symbols@1.1.0: {}
@@ -2827,6 +4302,8 @@ snapshots:
 
   hono@4.12.25: {}
 
+  html-entities@2.6.0: {}
+
   html-escaper@2.0.2: {}
 
   http-errors@2.0.1:
@@ -2837,10 +4314,16 @@ snapshots:
       statuses: 2.0.2
       toidentifier: 1.0.1
 
+  human-signals@2.1.0: {}
+
   iconv-lite@0.7.2:
     dependencies:
       safer-buffer: 2.1.2
 
+  icss-utils@5.1.0(postcss@8.5.15):
+    dependencies:
+      postcss: 8.5.15
+
   ignore@5.3.2: {}
 
   ignore@7.0.5: {}
@@ -2858,6 +4341,8 @@ snapshots:
 
   ipaddr.js@1.9.1: {}
 
+  is-docker@2.2.1: {}
+
   is-extglob@2.1.1: {}
 
   is-fullwidth-code-point@3.0.0: {}
@@ -2868,6 +4353,12 @@ snapshots:
 
   is-promise@4.0.0: {}
 
+  is-stream@2.0.1: {}
+
+  is-wsl@2.2.0:
+    dependencies:
+      is-docker: 2.2.1
+
   isexe@2.0.0: {}
 
   istanbul-lib-coverage@3.2.2: {}
@@ -2897,6 +4388,12 @@ snapshots:
     optionalDependencies:
       '@pkgjs/parseargs': 0.11.0
 
+  jest-worker@27.5.1:
+    dependencies:
+      '@types/node': 22.19.20
+      merge-stream: 2.0.0
+      supports-color: 8.1.1
+
   jose@6.2.3: {}
 
   js-yaml@4.2.0:
@@ -2905,6 +4402,8 @@ snapshots:
 
   json-buffer@3.0.1: {}
 
+  json-parse-even-better-errors@2.3.1: {}
+
   json-schema-traverse@0.4.1: {}
 
   json-schema-traverse@1.0.0: {}
@@ -2922,18 +4421,26 @@ snapshots:
       prelude-ls: 1.2.1
       type-check: 0.4.0
 
+  loader-runner@4.3.2: {}
+
   locate-path@6.0.0:
     dependencies:
       p-locate: 5.0.0
 
   lodash.merge@4.6.2: {}
 
+  lodash.sortby@4.7.0: {}
+
   loupe@3.2.1: {}
 
   lru-cache@10.4.3: {}
 
   lru-cache@11.5.1: {}
 
+  lru-cache@6.0.0:
+    dependencies:
+      yallist: 4.0.0
+
   magic-string@0.30.21:
     dependencies:
       '@jridgewell/sourcemap-codec': 1.5.5
@@ -2952,14 +4459,33 @@ snapshots:
 
   media-typer@1.1.0: {}
 
+  mediabunny@1.47.0:
+    dependencies:
+      '@types/dom-mediacapture-transform': 0.1.11
+      '@types/dom-webcodecs': 0.1.13
+
+  memfs@3.4.3:
+    dependencies:
+      fs-monkey: 1.0.3
+
   merge-descriptors@2.0.0: {}
 
+  merge-stream@2.0.0: {}
+
+  mime-db@1.52.0: {}
+
   mime-db@1.54.0: {}
 
+  mime-types@2.1.35:
+    dependencies:
+      mime-db: 1.52.0
+
   mime-types@3.0.2:
     dependencies:
       mime-db: 1.54.0
 
+  mimic-fn@2.1.0: {}
+
   minimatch@10.2.5:
     dependencies:
       brace-expansion: 5.0.6
@@ -2984,6 +4510,14 @@ snapshots:
 
   negotiator@1.0.0: {}
 
+  neo-async@2.6.2: {}
+
+  node-releases@2.0.49: {}
+
+  npm-run-path@4.0.1:
+    dependencies:
+      path-key: 3.1.1
+
   object-assign@4.1.1: {}
 
   object-inspect@1.13.4: {}
@@ -2996,6 +4530,16 @@ snapshots:
     dependencies:
       wrappy: 1.0.2
 
+  onetime@5.1.2:
+    dependencies:
+      mimic-fn: 2.1.0
+
+  open@8.4.2:
+    dependencies:
+      define-lazy-prop: 2.0.0
+      is-docker: 2.2.1
+      is-wsl: 2.2.0
+
   optionator@0.9.4:
     dependencies:
       deep-is: 0.1.4
@@ -3047,6 +4591,34 @@ snapshots:
 
   pkce-challenge@5.0.1: {}
 
+  postcss-modules-extract-imports@3.1.0(postcss@8.5.15):
+    dependencies:
+      postcss: 8.5.15
+
+  postcss-modules-local-by-default@4.2.0(postcss@8.5.15):
+    dependencies:
+      icss-utils: 5.1.0(postcss@8.5.15)
+      postcss: 8.5.15
+      postcss-selector-parser: 7.1.4
+      postcss-value-parser: 4.2.0
+
+  postcss-modules-scope@3.2.1(postcss@8.5.15):
+    dependencies:
+      postcss: 8.5.15
+      postcss-selector-parser: 7.1.4
+
+  postcss-modules-values@4.0.0(postcss@8.5.15):
+    dependencies:
+      icss-utils: 5.1.0(postcss@8.5.15)
+      postcss: 8.5.15
+
+  postcss-selector-parser@7.1.4:
+    dependencies:
+      cssesc: 3.0.0
+      util-deprecate: 1.0.2
+
+  postcss-value-parser@4.2.0: {}
+
   postcss@8.5.15:
     dependencies:
       nanoid: 3.3.12
@@ -3075,6 +4647,20 @@ snapshots:
       iconv-lite: 0.7.2
       unpipe: 1.0.0
 
+  react-dom@19.2.7(react@19.2.7):
+    dependencies:
+      react: 19.2.7
+      scheduler: 0.27.0
+
+  react-refresh@0.18.0: {}
+
+  react@19.2.7: {}
+
+  remotion@4.0.482(react-dom@19.2.7(react@19.2.7))(react@19.2.7):
+    dependencies:
+      react: 19.2.7
+      react-dom: 19.2.7(react@19.2.7)
+
   require-from-string@2.0.2: {}
 
   resolve-from@4.0.0: {}
@@ -3127,6 +4713,19 @@ snapshots:
 
   safer-buffer@2.1.2: {}
 
+  scheduler@0.27.0: {}
+
+  schema-utils@4.3.3:
+    dependencies:
+      '@types/json-schema': 7.0.15
+      ajv: 8.20.0
+      ajv-formats: 2.1.1(ajv@8.20.0)
+      ajv-keywords: 5.1.0(ajv@8.20.0)
+
+  semver@7.5.3:
+    dependencies:
+      lru-cache: 6.0.0
+
   semver@7.8.3: {}
 
   send@1.2.1:
@@ -3192,12 +4791,27 @@ snapshots:
 
   siginfo@2.0.0: {}
 
+  signal-exit@3.0.7: {}
+
   signal-exit@4.1.0: {}
 
   source-map-js@1.2.1: {}
 
+  source-map-support@0.5.21:
+    dependencies:
+      buffer-from: 1.1.2
+      source-map: 0.6.1
+
+  source-map@0.6.1: {}
+
+  source-map@0.8.0-beta.0:
+    dependencies:
+      whatwg-url: 7.1.0
+
   stackback@0.0.2: {}
 
+  stackframe@1.3.4: {}
+
   statuses@2.0.2: {}
 
   std-env@3.10.0: {}
@@ -3222,12 +4836,42 @@ snapshots:
     dependencies:
       ansi-regex: 6.2.2
 
+  strip-final-newline@2.0.0: {}
+
   strip-json-comments@3.1.1: {}
 
+  style-loader@4.0.0(webpack@5.105.0(esbuild@0.28.1)(postcss@8.5.15)):
+    dependencies:
+      webpack: 5.105.0(esbuild@0.28.1)(postcss@8.5.15)
+
   supports-color@7.2.0:
     dependencies:
       has-flag: 4.0.0
 
+  supports-color@8.1.1:
+    dependencies:
+      has-flag: 4.0.0
+
+  tapable@2.3.3: {}
+
+  terser-webpack-plugin@5.6.1(esbuild@0.28.1)(postcss@8.5.15)(webpack@5.105.0(esbuild@0.28.1)(postcss@8.5.15)):
+    dependencies:
+      '@jridgewell/trace-mapping': 0.3.31
+      jest-worker: 27.5.1
+      schema-utils: 4.3.3
+      terser: 5.48.0
+      webpack: 5.105.0(esbuild@0.28.1)(postcss@8.5.15)
+    optionalDependencies:
+      esbuild: 0.28.1
+      postcss: 8.5.15
+
+  terser@5.48.0:
+    dependencies:
+      '@jridgewell/source-map': 0.3.11
+      acorn: 8.16.0
+      commander: 2.20.3
+      source-map-support: 0.5.21
+
   test-exclude@7.0.2:
     dependencies:
       '@istanbuljs/schema': 0.1.6
@@ -3251,10 +4895,17 @@ snapshots:
 
   toidentifier@1.0.1: {}
 
+  tr46@1.0.1:
+    dependencies:
+      punycode: 2.3.1
+
   ts-api-utils@2.5.0(typescript@5.9.3):
     dependencies:
       typescript: 5.9.3
 
+  tslib@2.8.1:
+    optional: true
+
   tsx@4.22.4:
     dependencies:
       esbuild: 0.28.0
@@ -3277,19 +4928,27 @@ snapshots:
 
   unpipe@1.0.0: {}
 
+  update-browserslist-db@1.2.3(browserslist@4.28.4):
+    dependencies:
+      browserslist: 4.28.4
+      escalade: 3.2.0
+      picocolors: 1.1.1
+
   uri-js@4.4.1:
     dependencies:
       punycode: 2.3.1
 
+  util-deprecate@1.0.2: {}
+
   vary@1.1.2: {}
 
-  vite-node@2.1.9(@types/node@22.19.20):
+  vite-node@2.1.9(@types/node@22.19.20)(terser@5.48.0):
     dependencies:
       cac: 6.7.14
       debug: 4.4.3
       es-module-lexer: 1.7.0
       pathe: 1.1.2
-      vite: 5.4.21(@types/node@22.19.20)
+      vite: 5.4.21(@types/node@22.19.20)(terser@5.48.0)
     transitivePeerDependencies:
       - '@types/node'
       - less
@@ -3301,7 +4960,7 @@ snapshots:
       - supports-color
       - terser
 
-  vite@5.4.21(@types/node@22.19.20):
+  vite@5.4.21(@types/node@22.19.20)(terser@5.48.0):
     dependencies:
       esbuild: 0.21.5
       postcss: 8.5.15
@@ -3309,11 +4968,12 @@ snapshots:
     optionalDependencies:
       '@types/node': 22.19.20
       fsevents: 2.3.3
+      terser: 5.48.0
 
-  vitest@2.1.9(@types/node@22.19.20):
+  vitest@2.1.9(@types/node@22.19.20)(terser@5.48.0):
     dependencies:
       '@vitest/expect': 2.1.9
-      '@vitest/mocker': 2.1.9(vite@5.4.21(@types/node@22.19.20))
+      '@vitest/mocker': 2.1.9(vite@5.4.21(@types/node@22.19.20)(terser@5.48.0))
       '@vitest/pretty-format': 2.1.9
       '@vitest/runner': 2.1.9
       '@vitest/snapshot': 2.1.9
@@ -3329,8 +4989,8 @@ snapshots:
       tinyexec: 0.3.2
       tinypool: 1.1.1
       tinyrainbow: 1.2.0
-      vite: 5.4.21(@types/node@22.19.20)
-      vite-node: 2.1.9(@types/node@22.19.20)
+      vite: 5.4.21(@types/node@22.19.20)(terser@5.48.0)
+      vite-node: 2.1.9(@types/node@22.19.20)(terser@5.48.0)
       why-is-node-running: 2.3.0
     optionalDependencies:
       '@types/node': 22.19.20
@@ -3345,6 +5005,61 @@ snapshots:
       - supports-color
       - terser
 
+  watchpack@2.5.2:
+    dependencies:
+      graceful-fs: 4.2.11
+
+  webidl-conversions@4.0.2: {}
+
+  webpack-sources@3.5.0: {}
+
+  webpack@5.105.0(esbuild@0.28.1)(postcss@8.5.15):
+    dependencies:
+      '@types/eslint-scope': 3.7.7
+      '@types/estree': 1.0.9
+      '@types/json-schema': 7.0.15
+      '@webassemblyjs/ast': 1.14.1
+      '@webassemblyjs/wasm-edit': 1.14.1
+      '@webassemblyjs/wasm-parser': 1.14.1
+      acorn: 8.16.0
+      acorn-import-phases: 1.0.4(acorn@8.16.0)
+      browserslist: 4.28.4
+      chrome-trace-event: 1.0.4
+      enhanced-resolve: 5.24.1
+      es-module-lexer: 2.1.0
+      eslint-scope: 5.1.1
+      events: 3.3.0
+      glob-to-regexp: 0.4.1
+      graceful-fs: 4.2.11
+      json-parse-even-better-errors: 2.3.1
+      loader-runner: 4.3.2
+      mime-types: 2.1.35
+      neo-async: 2.6.2
+      schema-utils: 4.3.3
+      tapable: 2.3.3
+      terser-webpack-plugin: 5.6.1(esbuild@0.28.1)(postcss@8.5.15)(webpack@5.105.0(esbuild@0.28.1)(postcss@8.5.15))
+      watchpack: 2.5.2
+      webpack-sources: 3.5.0
+    transitivePeerDependencies:
+      - '@minify-html/node'
+      - '@swc/core'
+      - '@swc/css'
+      - '@swc/html'
+      - clean-css
+      - cssnano
+      - csso
+      - esbuild
+      - html-minifier-terser
+      - lightningcss
+      - postcss
+      - uglify-js
+
+  whatwg-url@7.1.0:
+    dependencies:
+      lodash.sortby: 4.7.0
+      tr46: 1.0.1
+      webidl-conversions: 4.0.2
+
   which@2.0.2:
     dependencies:
       isexe: 2.0.0
@@ -3370,10 +5085,16 @@ snapshots:
 
   wrappy@1.0.2: {}
 
+  ws@8.21.0: {}
+
+  yallist@4.0.0: {}
+
   yocto-queue@0.1.0: {}
 
   zod-to-json-schema@3.25.2(zod@4.4.3):
     dependencies:
       zod: 4.4.3
 
+  zod@4.3.6: {}
+
   zod@4.4.3: {}
diff --git a/scripts/render-localant-five-visual-styles.ts b/scripts/render-localant-five-visual-styles.ts
new file mode 100644
index 0000000..4f4f2db
--- /dev/null
+++ b/scripts/render-localant-five-visual-styles.ts
@@ -0,0 +1,290 @@
+import fs from "node:fs";
+import path from "node:path";
+import { execFileSync } from "node:child_process";
+import { bundle } from "@remotion/bundler";
+import { renderMedia, renderStill, selectComposition } from "@remotion/renderer";
+
+type SceneSpec = {
+  id: string;
+  title: string;
+  label: string;
+  narration: string;
+};
+
+type VariantSpec = {
+  key: string;
+  title: string;
+  style: "saas" | "dashboard" | "developer" | "security" | "motion";
+  scenes: SceneSpec[];
+};
+
+type RenderScene = SceneSpec & {
+  audioFile: string;
+  audioDurationSeconds: number;
+  durationSeconds: number;
+  startFrame: number;
+  durationInFrames: number;
+};
+
+const repoRoot = process.cwd();
+const outRoot = path.join(repoRoot, ".tmp-localant-five-visual-styles");
+const publicOutDir = "/Users/yu-ga/.localant/video-studio/projects/mqugi6qf-localant-chatgpt-pc/output";
+const endpoint = "http://127.0.0.1:50021";
+const speakerId = 2;
+const fps = 24;
+const width = 1080;
+const height = 1920;
+
+const variants: VariantSpec[] = [
+  {
+    key: "saas-promo",
+    title: "LocalAnt SaaS Promo",
+    style: "saas",
+    scenes: [
+      { id: "s1", title: "ChatGPTの手をPCへ", label: "ChatGPT → LocalAnt → Local PC", narration: "ChatGPTが、あなたのローカルPCで作業できるとしたら。LocalAntは、その体験を安全に実現するためのアプリです。" },
+      { id: "s2", title: "AIからローカル実行へ", label: "AI instructions become local actions", narration: "ChatGPTの指示を、Shell、Git、ブラウザ、ファイル操作へつなぎます。会話から作業実行まで、流れを止めません。" },
+      { id: "s3", title: "主要機能", label: "Shell / Git / Browser / ADB / Files", narration: "開発、検証、ブラウザ確認、Android操作、ファイル整理。よく使う作業を、LocalAntがまとめて受け持ちます。" },
+      { id: "s4", title: "安全に進める", label: "Review before action", narration: "危険な操作は自動で止まり、確認してから進めます。実行履歴も残るので、あとから作業内容を追跡できます。" },
+      { id: "s5", title: "制作も自動化", label: "Script → Voice → Captions → Video", narration: "さらに、台本作成、音声生成、字幕、動画レンダリング、投稿準備まで、ひとつのワークフローとして自動化できます。" },
+      { id: "s6", title: "LocalAnt", label: "Build faster. Operate safer.", narration: "LocalAnt。ChatGPTに、ローカルで働く手を。開発も制作も、もっと速く、もっと安全に。" },
+    ],
+  },
+  {
+    key: "dashboard-demo",
+    title: "LocalAnt Dashboard Demo",
+    style: "dashboard",
+    scenes: [
+      { id: "s1", title: "ダッシュボードから一括管理", label: "Dashboard overview", narration: "LocalAntは、ChatGPTとローカルPCの作業を、ひとつのダッシュボードで見える化します。" },
+      { id: "s2", title: "タスク一覧", label: "Task queue", narration: "左側にはツール、中央には実行中のタスク、右側には結果とログ。今なにが起きているかを、画面で確認できます。" },
+      { id: "s3", title: "承認キュー", label: "Review queue", narration: "注意が必要な操作は、承認キューに入ります。内容を確認してから実行できるので、安心して自動化できます。" },
+      { id: "s4", title: "実行ログ", label: "Execution history", narration: "Shell、Git、ブラウザ、ADB、ファイル操作。どのツールをいつ使ったか、すべて履歴として残ります。" },
+      { id: "s5", title: "動画生成パネル", label: "Video Studio", narration: "Video Studioでは、台本、音声、字幕、レンダリング、投稿準備までを、同じ画面の流れで進められます。" },
+      { id: "s6", title: "操作できるAIへ", label: "From chat to operation", narration: "LocalAntは、ChatGPTをただの相談相手から、ローカル環境につながる作業アシスタントへ変えます。" },
+    ],
+  },
+  {
+    key: "developer-tool",
+    title: "LocalAnt Developer Tool",
+    style: "developer",
+    scenes: [
+      { id: "s1", title: "開発作業をChatGPTから", label: "Code / Terminal / Browser", narration: "コード修正、コマンド実行、ブラウザ確認。開発で繰り返す作業を、ChatGPTから直接進められます。" },
+      { id: "s2", title: "Gitと差分確認", label: "git diff / test / commit", narration: "変更内容を確認し、差分を見て、テストを実行する。LocalAntは、開発フローに沿って作業をつなぎます。" },
+      { id: "s3", title: "ブラウザ検証", label: "Playwright-style checks", narration: "ブラウザを開いて画面を確認し、スクリーンショットを取り、UIの動作を検証することもできます。" },
+      { id: "s4", title: "Android操作", label: "ADB capture / device check", narration: "ADBを使ったAndroid端末の確認にも対応。モバイルアプリの検証作業にもつなげられます。" },
+      { id: "s5", title: "ファイルとログ", label: "Files / logs / artifacts", narration: "生成されたファイル、ログ、成果物を整理し、次の作業へ引き継ぎます。手作業の抜け漏れを減らします。" },
+      { id: "s6", title: "開発環境にAIの手を", label: "Your local AI operator", narration: "LocalAntは、ChatGPTを開発環境につながる実行アシスタントへ変える、ローカルブリッジです。" },
+    ],
+  },
+  {
+    key: "security-control",
+    title: "LocalAnt Security Control",
+    style: "security",
+    scenes: [
+      { id: "s1", title: "安全に動く自動化", label: "Control before execution", narration: "AIにローカルPCを任せるなら、安全性が重要です。LocalAntは、実行前の制御を重視しています。" },
+      { id: "s2", title: "リスク判定", label: "Risk level check", narration: "操作内容を確認し、危険度に応じて扱いを変えます。問題がありそうな操作は、そのまま実行しません。" },
+      { id: "s3", title: "承認フロー", label: "Approval queue", narration: "必要な操作は承認待ちになります。人が確認してから実行することで、自動化と安全性を両立します。" },
+      { id: "s4", title: "監査ログ", label: "Audit trail", narration: "いつ、どのツールで、何を実行したか。履歴が残るため、あとから確認できます。" },
+      { id: "s5", title: "安全な拡張", label: "Safe local automation", narration: "Shell、Git、ブラウザ、ADB、ファイル操作。強力な操作ほど、制御と記録が必要です。LocalAntはそこを支えます。" },
+      { id: "s6", title: "信頼できるAI操作", label: "Visible. Controlled. Auditable.", narration: "LocalAntは、見える、止められる、追跡できる。ローカルPC自動化のための安全な入り口です。" },
+    ],
+  },
+  {
+    key: "motion-graphic-ad",
+    title: "LocalAnt Motion Graphic Ad",
+    style: "motion",
+    scenes: [
+      { id: "s1", title: "会話だけで終わらせない", label: "Chat is not enough", narration: "ChatGPTに聞くだけで終わっていませんか。LocalAntなら、その先の作業までつなげられます。" },
+      { id: "s2", title: "つなぐ", label: "ChatGPT → LocalAnt → PC", narration: "ChatGPTとローカルPCをつなぐ。これだけで、AIは相談相手から、作業の起点へ変わります。" },
+      { id: "s3", title: "動かす", label: "Run tools locally", narration: "Shell、Git、ブラウザ、ADB、ファイル操作。いつものローカル作業を、AIから実行できます。" },
+      { id: "s4", title: "守る", label: "Review risky actions", narration: "危険な操作は止める。承認してから進める。ログを残す。安心して任せるための仕組みがあります。" },
+      { id: "s5", title: "作る", label: "Create content workflow", narration: "記事、検証、動画生成、投稿準備。LocalAntは、開発だけでなく制作フローにも広がります。" },
+      { id: "s6", title: "LocalAnt", label: "Give ChatGPT local hands", narration: "LocalAnt。ChatGPTに、ローカルで働く手を。あなたのPC作業を、次の段階へ。" },
+    ],
+  },
+];
+
+function ensureDir(dir: string) {
+  fs.mkdirSync(dir, { recursive: true });
+}
+
+function sec(n: number) {
+  return Math.round(n * 100) / 100;
+}
+
+function durationOf(file: string): number {
+  const out = execFileSync("ffprobe", ["-v", "error", "-show_entries", "format=duration", "-of", "default=noprint_wrappers=1:nokey=1", file], { encoding: "utf8" }).trim();
+  return Number(out);
+}
+
+async function synth(text: string, outFile: string) {
+  const qRes = await fetch(`${endpoint}/audio_query?text=${encodeURIComponent(text)}&speaker=${speakerId}`, { method: "POST" });
+  if (!qRes.ok) throw new Error(`VOICEVOX audio_query failed: ${qRes.status}`);
+  const query: any = await qRes.json();
+  query.speedScale = 1.0;
+  query.pitchScale = 0;
+  query.intonationScale = 1.08;
+  query.volumeScale = 1.0;
+  query.prePhonemeLength = 0.1;
+  query.postPhonemeLength = 0.22;
+  const sRes = await fetch(`${endpoint}/synthesis?speaker=${speakerId}`, {
+    method: "POST",
+    headers: { "content-type": "application/json" },
+    body: JSON.stringify(query),
+  });
+  if (!sRes.ok) throw new Error(`VOICEVOX synthesis failed: ${sRes.status}`);
+  fs.writeFileSync(outFile, Buffer.from(await sRes.arrayBuffer()));
+}
+
+async function prepareAudio(variant: VariantSpec, dir: string): Promise<{ scenes: RenderScene[]; narrationFile: string; audioDurationSeconds: number }> {
+  const audioDir = path.join(dir, "audio");
+  ensureDir(audioDir);
+  let frame = 0;
+  const scenes: RenderScene[] = [];
+  for (let i = 0; i < variant.scenes.length; i++) {
+    const scene = variant.scenes[i];
+    const wav = path.join(audioDir, `${scene.id}.wav`);
+    await synth(scene.narration, wav);
+    const audioDurationSeconds = durationOf(wav);
+    const durationSeconds = sec(audioDurationSeconds + 0.65);
+    const durationInFrames = Math.ceil(durationSeconds * fps);
+    scenes.push({ ...scene, audioFile: `audio/${scene.id}.wav`, audioDurationSeconds: sec(audioDurationSeconds), durationSeconds, startFrame: frame, durationInFrames });
+    frame += durationInFrames;
+  }
+  const listFile = path.join(audioDir, "concat.txt");
+  fs.writeFileSync(listFile, scenes.map((s) => `file '${path.join(audioDir, `${s.id}.wav`).replace(/'/g, "'\\''")}'`).join("\n"));
+  const narrationFile = path.join(audioDir, "narration.wav");
+  execFileSync("ffmpeg", ["-y", "-f", "concat", "-safe", "0", "-i", listFile, "-c", "copy", narrationFile], { stdio: "ignore" });
+  return { scenes, narrationFile, audioDurationSeconds: sec(durationOf(narrationFile)) };
+}
+
+function entrySource(data: any) {
+  const encoded = JSON.stringify(data).replace(/</g, "\\u003c");
+  return `
+import React from 'react';
+import { AbsoluteFill, Audio, Composition, Sequence, interpolate, registerRoot, spring, staticFile, useCurrentFrame, useVideoConfig } from 'remotion';
+
+const DATA = ${encoded};
+const neon = '#39ff88';
+const cyan = '#67e8f9';
+const yellow = '#facc15';
+const red = '#fb7185';
+const purple = '#a78bfa';
+const font = 'Inter, Hiragino Sans, Yu Gothic, Noto Sans JP, -apple-system, BlinkMacSystemFont, sans-serif';
+const ease = (v, i, o) => interpolate(v, i, o, {extrapolateLeft: 'clamp', extrapolateRight: 'clamp'});
+
+function Caption({scene}) {
+  const f = useCurrentFrame();
+  const y = ease(f, [8, 24], [42, 0]);
+  const op = ease(f, [8, 24], [0, 1]);
+  return <div style={{position:'absolute', left:62, right:62, bottom:132, opacity:op, transform:'translateY('+y+'px)', zIndex:80}}>
+    <div style={{fontFamily:font, color:'white', fontSize: scene.label.length > 34 ? 38 : 45, fontWeight:1000, lineHeight:1.16, textAlign:'center', textShadow:'0 4px 0 #000, 0 0 26px #000', WebkitTextStroke:'1.4px rgba(0,0,0,.9)'}}>{scene.label}</div>
+  </div>;
+}
+function Progress() { const f=useCurrentFrame(); const {durationInFrames}=useVideoConfig(); const w=ease(f,[0,durationInFrames-1],[0,100]); return <div style={{position:'absolute',left:42,right:42,bottom:48,height:12,background:'rgba(255,255,255,.16)',borderRadius:999,overflow:'hidden',zIndex:99}}><div style={{width:w+'%',height:'100%',background:'linear-gradient(90deg,'+neon+','+cyan+','+purple+')'}} /></div>; }
+function Top({tag}) { return <div style={{position:'absolute',top:42,left:54,right:54,zIndex:70,display:'flex',justifyContent:'space-between',alignItems:'center',fontFamily:font}}><div style={{display:'flex',gap:14,alignItems:'center'}}><div style={{width:42,height:42,borderRadius:14,background:'linear-gradient(135deg,'+neon+','+cyan+')',boxShadow:'0 0 32px rgba(57,255,136,.55)'}}/><div style={{fontSize:28,fontWeight:1000,color:'#ecfeff'}}>LocalAnt</div></div><div style={{fontSize:20,fontWeight:900,color:'#a7f3d0',padding:'10px 16px',border:'1px solid rgba(167,243,208,.35)',borderRadius:999,background:'rgba(2,6,23,.42)'}}>{tag}</div></div> }
+function GlobalBg({mode}) { const f=useCurrentFrame(); const {width,height}=useVideoConfig(); const grid = mode==='developer' ? '#22d3ee' : mode==='security' ? '#facc15' : '#39ff88'; return <AbsoluteFill style={{background:'#050816',overflow:'hidden'}}>
+  <div style={{position:'absolute',inset:-260,background:'radial-gradient(circle at '+(20+Math.sin(f/70)*12)+'% 16%, rgba(57,255,136,.42), transparent 29%), radial-gradient(circle at 78% '+(30+Math.cos(f/80)*14)+'%, rgba(103,232,249,.32), transparent 32%), radial-gradient(circle at 42% 86%, rgba(167,139,250,.24), transparent 34%)',filter:'blur(8px)'}} />
+  <div style={{position:'absolute',inset:0,backgroundImage:'linear-gradient(rgba(255,255,255,.055) 1px, transparent 1px),linear-gradient(90deg, rgba(255,255,255,.055) 1px, transparent 1px)',backgroundSize: mode==='motion'?'96px 96px':'72px 72px',transform:'translate('+(-f*.45%72)+'px,'+(-f*.32%72)+'px)',opacity:.38}}/>
+  {Array.from({length: mode==='motion'?18:12}).map((_,i)=>{const x=(i*173+f*(.45+(i%5)*.08))%(width+180)-90; const y=(i*251+Math.sin(f/28+i)*42)%height; const s=4+(i%6)*2; return <div key={i} style={{position:'absolute',left:x,top:y,width:s,height:s,borderRadius:99,background:i%3===0?grid:(i%3===1?cyan:purple),opacity:.15+(i%5)*.06,boxShadow:'0 0 18px currentColor'}}/>})}
+</AbsoluteFill> }
+
+function SaasScene({scene,index}) { const f=useCurrentFrame(); const pop=spring({frame:f,fps:30,config:{damping:14,stiffness:90}}); const y=ease(f,[0,28],[80,0]); return <AbsoluteFill style={{fontFamily:font}}><Top tag='SaaS Promo'/><div style={{position:'absolute',left:62,right:62,top:175,color:'white',transform:'translateY('+y+'px)'}}><div style={{fontSize:30,color:'#99f6e4',fontWeight:1000,letterSpacing:3}}>PREMIUM PRODUCT</div><div style={{fontSize:76,lineHeight:.98,fontWeight:1000,letterSpacing:-3,marginTop:18}}>{scene.title}</div></div><div style={{position:'absolute',left:70,right:70,top:610,height:530,transform:'scale('+(0.92+pop*.08)+')',display:'grid',gridTemplateColumns:'1fr 1fr',gap:26}}>{['ChatGPT','LocalAnt','Local PC','Workflow'].map((x,i)=><div key={x} style={{borderRadius:34,background:i===1?'linear-gradient(135deg,#dcfce7,#67e8f9)':'rgba(255,255,255,.92)',color:'#0f172a',display:'flex',alignItems:'center',justifyContent:'center',fontSize:38,fontWeight:1000,boxShadow:'0 28px 75px rgba(0,0,0,.35)',transform:'translateY('+ease(f-i*8,[0,30],[65,0])+'px)',opacity:ease(f-i*8,[0,22],[0,1])}}>{x}</div>)}</div><Caption scene={scene}/></AbsoluteFill> }
+function SaasVideo({data}) { return <AbsoluteFill><GlobalBg mode='saas'/><Audio src={staticFile(data.audioFile)}/>{data.scenes.map((s,i)=><Sequence key={s.id} from={s.startFrame} durationInFrames={s.durationInFrames}><SaasScene scene={s} index={i}/></Sequence>)}<Progress/></AbsoluteFill> }
+
+function DashScene({scene,index}) { const f=useCurrentFrame(); const zoom=1+Math.sin(f/48)*.018; const active=(index%4); const rows=['Queued task','Tool result','Review item','Audit entry','Video render']; return <AbsoluteFill style={{fontFamily:font}}><Top tag='Dashboard Demo'/><div style={{position:'absolute',left:42,right:42,top:128,bottom:110,borderRadius:44,background:'rgba(4,12,24,.94)',border:'1px solid rgba(103,232,249,.35)',boxShadow:'0 35px 110px rgba(0,0,0,.58)',overflow:'hidden',transform:'scale('+zoom+')'}}><div style={{height:72,display:'flex',alignItems:'center',gap:12,padding:'0 26px',borderBottom:'1px solid rgba(255,255,255,.1)'}}><span style={{width:18,height:18,borderRadius:9,background:red}}/><span style={{width:18,height:18,borderRadius:9,background:yellow}}/><span style={{width:18,height:18,borderRadius:9,background:'#4ade80'}}/><b style={{marginLeft:18,color:'#e0f2fe',fontSize:24}}>LocalAnt Control Center</b></div><div style={{position:'absolute',left:24,top:96,bottom:24,width:240,borderRadius:28,background:'rgba(15,23,42,.82)',padding:18}}>{['Tools','Queue','Approvals','Audit','Video'].map((x,i)=><div key={x} style={{height:72,marginBottom:12,borderRadius:18,background:i===active?'linear-gradient(90deg,'+neon+','+cyan+')':'rgba(255,255,255,.06)',color:i===active?'#031015':'#cbd5e1',display:'flex',alignItems:'center',paddingLeft:18,fontSize:22,fontWeight:1000}}>{x}</div>)}</div><div style={{position:'absolute',left:292,top:96,right:24,height:270,borderRadius:30,background:'rgba(255,255,255,.95)',padding:30,color:'#0f172a'}}><div style={{fontSize:24,fontWeight:1000,color:'#0f766e'}}>CURRENT VIEW</div><div style={{fontSize:46,fontWeight:1000,lineHeight:1.02,marginTop:16}}>{scene.title}</div><div style={{position:'absolute',right:28,bottom:28,width:136,height:136,borderRadius:34,background:'linear-gradient(135deg,#0f172a,#0f766e)',display:'flex',alignItems:'center',justifyContent:'center',color:neon,fontSize:54,fontWeight:1000}}>↗</div></div><div style={{position:'absolute',left:292,top:398,right:24,bottom:24,borderRadius:30,background:'rgba(2,6,23,.8)',padding:28}}>{rows.map((r,i)=>{const local=f-i*8; return <div key={r} style={{marginBottom:18,opacity:ease(local,[0,14],[0,1])}}><div style={{display:'flex',justifyContent:'space-between',color:'#d1fae5',fontSize:24,fontWeight:900}}><span>{r}</span><span>{i===active?'ACTIVE':'OK'}</span></div><div style={{height:10,marginTop:8,borderRadius:99,background:'rgba(255,255,255,.12)'}}><div style={{height:'100%',width:ease(local,[0,36],[10,100])+'%',borderRadius:99,background:'linear-gradient(90deg,'+neon+','+cyan+')'}}/></div></div>})}</div></div><Caption scene={scene}/></AbsoluteFill> }
+function DashboardVideo({data}) { return <AbsoluteFill><GlobalBg mode='dashboard'/><Audio src={staticFile(data.audioFile)}/>{data.scenes.map((s,i)=><Sequence key={s.id} from={s.startFrame} durationInFrames={s.durationInFrames}><DashScene scene={s} index={i}/></Sequence>)}<Progress/></AbsoluteFill> }
+
+function DevScene({scene,index}) { const f=useCurrentFrame(); const code=['$ localant run plan','git diff --stat','pnpm test','browser.check()','adb shell screencap','write output.mp4']; const typed=ease(f,[0,42],[0,code.length]); return <AbsoluteFill style={{fontFamily:font}}><Top tag='Developer Tool'/><div style={{position:'absolute',left:58,right:58,top:150,color:'#e0f2fe'}}><div style={{fontSize:28,color:cyan,fontWeight:1000,letterSpacing:3}}>DEV WORKFLOW</div><div style={{fontSize:70,fontWeight:1000,lineHeight:1.0,marginTop:16}}>{scene.title}</div></div><div style={{position:'absolute',left:54,right:54,top:520,bottom:210,display:'grid',gridTemplateColumns:'1.05fr .95fr',gap:24}}><div style={{borderRadius:30,background:'rgba(0,0,0,.82)',border:'1px solid rgba(103,232,249,.35)',padding:26,boxShadow:'0 30px 80px rgba(0,0,0,.55)'}}><div style={{color:'#94a3b8',fontSize:22,fontWeight:900,marginBottom:18}}>terminal</div>{code.map((c,i)=><div key={c} style={{fontFamily:'Menlo, Monaco, monospace',fontSize:24,lineHeight:1.55,color:i<typed? (i%2? '#a7f3d0' : '#67e8f9') : 'rgba(255,255,255,.18)',fontWeight:800}}>{i<typed?c:'█'}</div>)}</div><div style={{borderRadius:30,background:'rgba(15,23,42,.86)',border:'1px solid rgba(57,255,136,.3)',padding:24}}><div style={{color:neon,fontSize:22,fontWeight:1000}}>file tree</div>{['src/','tools/','browser/','android/','video-studio/','output.mp4'].map((x,i)=><div key={x} style={{marginTop:18,fontSize:26,color:i===index%6?neon:'#dbeafe',fontWeight:900,transform:'translateX('+ease(f-i*6,[0,22],[30,0])+'px)',opacity:ease(f-i*6,[0,18],[0,1])}}>▸ {x}</div>)}</div></div><Caption scene={scene}/></AbsoluteFill> }
+function DeveloperVideo({data}) { return <AbsoluteFill><GlobalBg mode='developer'/><Audio src={staticFile(data.audioFile)}/>{data.scenes.map((s,i)=><Sequence key={s.id} from={s.startFrame} durationInFrames={s.durationInFrames}><DevScene scene={s} index={i}/></Sequence>)}<Progress/></AbsoluteFill> }
+
+function SecScene({scene,index}) { const f=useCurrentFrame(); const meter=ease(f,[0,50],[0,88+(index%3)*4]); const cards=['Risk check','Human review','Audit trail','Tool policy']; return <AbsoluteFill style={{fontFamily:font}}><Top tag='Security Control'/><div style={{position:'absolute',left:64,right:64,top:145,color:'white'}}><div style={{fontSize:30,color:yellow,fontWeight:1000,letterSpacing:3}}>CONTROL LAYER</div><div style={{fontSize:72,fontWeight:1000,lineHeight:1.0,marginTop:16}}>{scene.title}</div></div><div style={{position:'absolute',left:70,right:70,top:530,height:300,borderRadius:36,background:'rgba(2,6,23,.86)',border:'1px solid rgba(250,204,21,.35)',padding:32,boxShadow:'0 35px 90px rgba(0,0,0,.55)'}}><div style={{display:'flex',justifyContent:'space-between',color:'#fef3c7',fontSize:28,fontWeight:1000}}><span>Safety score</span><span>{Math.round(meter)}%</span></div><div style={{height:28,borderRadius:999,background:'rgba(255,255,255,.12)',marginTop:24,overflow:'hidden'}}><div style={{height:'100%',width:meter+'%',background:'linear-gradient(90deg,'+red+','+yellow+','+neon+')'}}/></div><div style={{position:'absolute',right:30,bottom:30,fontSize:74,fontWeight:1000,color: index%2? yellow:neon}}>{index%2?'REVIEW':'SAFE'}</div></div><div style={{position:'absolute',left:72,right:72,top:880,display:'grid',gridTemplateColumns:'1fr 1fr',gap:22}}>{cards.map((x,i)=><div key={x} style={{height:150,borderRadius:28,background:i===index%4?'linear-gradient(135deg,#fef3c7,#bbf7d0)':'rgba(255,255,255,.92)',color:'#0f172a',display:'flex',alignItems:'center',justifyContent:'center',fontSize:30,fontWeight:1000,boxShadow:'0 22px 65px rgba(0,0,0,.35)',opacity:ease(f-i*8,[0,18],[0,1])}}>{x}</div>)}</div><Caption scene={scene}/></AbsoluteFill> }
+function SecurityVideo({data}) { return <AbsoluteFill><GlobalBg mode='security'/><Audio src={staticFile(data.audioFile)}/>{data.scenes.map((s,i)=><Sequence key={s.id} from={s.startFrame} durationInFrames={s.durationInFrames}><SecScene scene={s} index={i}/></Sequence>)}<Progress/></AbsoluteFill> }
+
+function MotionScene({scene,index}) { const f=useCurrentFrame(); const rot=f/2; const words=scene.label.split(' '); return <AbsoluteFill style={{fontFamily:font,alignItems:'center',justifyContent:'center'}}><Top tag='Motion Graphic'/><div style={{position:'absolute',width:760,height:760,borderRadius:380,border:'4px solid rgba(57,255,136,.32)',transform:'rotate('+rot+'deg)',boxShadow:'0 0 70px rgba(57,255,136,.25)'}}/><div style={{position:'absolute',width:560,height:560,borderRadius:280,border:'2px dashed rgba(103,232,249,.38)',transform:'rotate('+(-rot*1.2)+'deg)'}}/><div style={{zIndex:20,textAlign:'center',color:'white',padding:60}}><div style={{fontSize:44,fontWeight:1000,color:cyan,letterSpacing:3,opacity:ease(f,[0,18],[0,1])}}>0{index+1}</div><div style={{fontSize:88,lineHeight:.92,fontWeight:1000,letterSpacing:-4,marginTop:22,transform:'scale('+ease(f,[0,24],[.75,1])+')',opacity:ease(f,[0,20],[0,1])}}>{scene.title}</div><div style={{display:'flex',gap:14,flexWrap:'wrap',justifyContent:'center',marginTop:50}}>{words.map((w,i)=><span key={w+i} style={{fontSize:30,fontWeight:1000,color:i%2? '#031015':'#dcfce7',background:i%2? 'linear-gradient(90deg,'+neon+','+cyan+')':'rgba(255,255,255,.12)',padding:'13px 18px',borderRadius:999,opacity:ease(f-i*5,[0,16],[0,1]),transform:'translateY('+ease(f-i*5,[0,18],[32,0])+'px)'}}>{w}</span>)}</div></div><Caption scene={scene}/></AbsoluteFill> }
+function MotionVideo({data}) { return <AbsoluteFill><GlobalBg mode='motion'/><Audio src={staticFile(data.audioFile)}/>{data.scenes.map((s,i)=><Sequence key={s.id} from={s.startFrame} durationInFrames={s.durationInFrames}><MotionScene scene={s} index={i}/></Sequence>)}<Progress/></AbsoluteFill> }
+
+function Video({data}) { if (data.style==='dashboard') return <DashboardVideo data={data}/>; if (data.style==='developer') return <DeveloperVideo data={data}/>; if (data.style==='security') return <SecurityVideo data={data}/>; if (data.style==='motion') return <MotionVideo data={data}/>; return <SaasVideo data={data}/>; }
+function Root(){return <Composition id='LocalAntFiveStyles' component={Video} durationInFrames={DATA.durationInFrames} fps={30} width={1080} height={1920} defaultProps={{data: DATA}}/>}
+registerRoot(Root);
+`;
+}
+
+function writeSrt(scenes: RenderScene[], file: string) {
+  const toTs = (seconds: number) => {
+    const h = Math.floor(seconds / 3600);
+    const m = Math.floor((seconds % 3600) / 60);
+    const s = Math.floor(seconds % 60);
+    const ms = Math.floor((seconds - Math.floor(seconds)) * 1000);
+    return `${String(h).padStart(2, "0")}:${String(m).padStart(2, "0")}:${String(s).padStart(2, "0")},${String(ms).padStart(3, "0")}`;
+  };
+  let cursor = 0;
+  const blocks = scenes.map((scene, i) => {
+    const start = cursor;
+    const end = cursor + scene.durationSeconds;
+    cursor = end;
+    return `${i + 1}\n${toTs(start)} --> ${toTs(end)}\n${scene.label}\n`;
+  });
+  fs.writeFileSync(file, blocks.join("\n"));
+}
+
+async function renderVariant(variant: VariantSpec) {
+  const dir = path.join(outRoot, variant.key);
+  const publicDir = path.join(dir, "public");
+  const outputDir = path.join(dir, "output");
+  ensureDir(publicDir);
+  ensureDir(outputDir);
+  const audio = await prepareAudio(variant, dir);
+  const scenes = audio.scenes;
+  for (const s of scenes) fs.copyFileSync(path.join(dir, s.audioFile), path.join(publicDir, s.audioFile.split("/").pop()!));
+  fs.copyFileSync(audio.narrationFile, path.join(publicDir, "narration.wav"));
+  let totalFrames = Math.ceil(Math.max(70, audio.audioDurationSeconds + 8.0) * fps);
+  const data = {
+    key: variant.key,
+    title: variant.title,
+    style: variant.style,
+    scenes,
+    fps,
+    width,
+    height,
+    audioFile: "narration.wav",
+    audioDurationSeconds: audio.audioDurationSeconds,
+    durationInFrames: totalFrames,
+    durationSeconds: sec(totalFrames / fps),
+  };
+  const entryPoint = path.join(dir, "entry.tsx");
+  fs.writeFileSync(entryPoint, entrySource(data));
+  writeSrt(scenes, path.join(outputDir, "output.srt"));
+  fs.writeFileSync(path.join(outputDir, "render-data.json"), JSON.stringify(data, null, 2));
+  const serveUrl = await bundle({ entryPoint, publicDir, rootDir: dir, ignoreRegisterRootWarning: true, onProgress: () => undefined });
+  const composition = await selectComposition({ serveUrl, id: "LocalAntFiveStyles", inputProps: { data }, logLevel: "error" });
+  const outputPath = path.join(outputDir, "output.mp4");
+  const thumbnailPath = path.join(outputDir, "thumbnail.jpg");
+  await renderMedia({ composition, serveUrl, codec: "h264", outputLocation: outputPath, inputProps: { data }, overwrite: true, logLevel: "error", concurrency: 4, crf: 28 });
+  await renderStill({ composition, serveUrl, output: thumbnailPath, frame: Math.min(60, totalFrames - 1), inputProps: { data }, imageFormat: "jpeg", overwrite: true, logLevel: "error" });
+  const actualDurationSeconds = sec(durationOf(outputPath));
+  if (actualDurationSeconds + 0.15 < audio.audioDurationSeconds) throw new Error(`${variant.key}: audio would be cut`);
+  return { key: variant.key, style: variant.style, title: variant.title, outputPath, thumbnailPath, durationSeconds: actualDurationSeconds, audioDurationSeconds: audio.audioDurationSeconds, fileSize: fs.statSync(outputPath).size, renderer: "remotion", voiceProvider: "voicevox" };
+}
+
+async function main() {
+  ensureDir(outRoot);
+  ensureDir(publicOutDir);
+  const results = [];
+  for (const variant of variants) {
+    console.log(`rendering ${variant.key}...`);
+    const result = await renderVariant(variant);
+    const publicMp4 = path.join(publicOutDir, `${variant.key}.mp4`);
+    const publicJpg = path.join(publicOutDir, `${variant.key}.jpg`);
+    fs.copyFileSync(result.outputPath, publicMp4);
+    fs.copyFileSync(result.thumbnailPath, publicJpg);
+    results.push({ ...result, publicPath: publicMp4, publicThumbnailPath: publicJpg, publicUrl: `https://audio-manga-motivated-celebrities.trycloudflare.com/${variant.key}.mp4`, thumbnailUrl: `https://audio-manga-motivated-celebrities.trycloudflare.com/${variant.key}.jpg` });
+  }
+  const summary = { ok: true, generatedAt: new Date().toISOString(), results };
+  fs.writeFileSync(path.join(outRoot, "result.json"), JSON.stringify(summary, null, 2));
+  console.log(JSON.stringify(summary, null, 2));
+}
+
+main().catch((err) => {
+  console.error(err);
+  process.exitCode = 1;
+});
diff --git a/scripts/video-studio-e2e.ts b/scripts/video-studio-e2e.ts
index 558740c..b8858ca 100644
--- a/scripts/video-studio-e2e.ts
+++ b/scripts/video-studio-e2e.ts
@@ -15,22 +15,34 @@ async function main() {
 
   const home = path.join(outDir, "localant-home");
   const gw = createGateway(home);
-  gw.saveConfig({ ...gw.config(), tools: { profile: "full" }, security: { ...gw.config().security, mode: "yolo" } });
-
-  const script = await call(gw, "video_studio_create_script", {
-    topic: "LocalAnt Video Studio free local rendering",
-    language: "en",
-    durationSeconds: 12,
-    targetPlatform: "youtube",
+  gw.saveConfig({
+    ...gw.config(),
+    tools: { ...gw.config().tools, profile: "full", features: { ...gw.config().tools.features, videoStudio: true } },
+    security: { ...gw.config().security, mode: "yolo" },
   });
+
   const created = await call(gw, "video_studio_create_project", {
-    title: script.title,
-    description: script.description,
-    script: script.script,
-    scenes: script.scenes,
-    hashtags: script.hashtags,
-    language: "en",
-    durationSeconds: 12,
+    title: "LocalAnt - ChatGPTの手をPCへ",
+    description: "ChatGPTからローカルPCで作業するLocalAntのアプリ紹介CM。",
+    script: [
+      "ChatGPTの指示が、そのままローカルPCの作業になる。",
+      "LocalAntは、ChatGPTとあなたのPCをつなぐアプリです。",
+      "Shell、Git、ブラウザ、ADB、ファイル操作まで、ひとつの画面から。",
+      "危険な操作は承認、すべての履歴は監査ログへ。",
+      "さらに動画生成や投稿準備まで、制作フローをまとめて自動化。",
+      "LocalAnt。ChatGPTの手を、あなたのPCへ。",
+    ].join("\n"),
+    scenes: [
+      { id: "scene-001", index: 1, title: "ChatGPTの手をPCへ", narration: "ChatGPTの指示が、そのままローカルPCの作業になる。", visualPrompt: "premium app commercial hero, glowing network nodes, product reveal", onScreenText: "ChatGPT → LocalAnt → Local PC", durationSeconds: 6 },
+      { id: "scene-002", index: 2, title: "LocalAnt", narration: "LocalAntは、ChatGPTとあなたのPCをつなぐアプリです。", visualPrompt: "app dashboard mock, product UI, SaaS promo", onScreenText: "ChatGPTとPCをつなぐアプリ", durationSeconds: 6 },
+      { id: "scene-003", index: 3, title: "操作をまとめて", narration: "Shell、Git、ブラウザ、ADB、ファイル操作まで、ひとつの画面から。", visualPrompt: "feature cards, fast SaaS promo motion", onScreenText: "Shell / Git / Browser / ADB / Files", durationSeconds: 8 },
+      { id: "scene-004", index: 4, title: "安全に進める", narration: "危険な操作は承認、すべての履歴は監査ログへ。", visualPrompt: "approval and audit dashboard, security commercial", onScreenText: "Approval / Risk Control / Audit Log", durationSeconds: 7 },
+      { id: "scene-005", index: 5, title: "制作も自動化", narration: "さらに動画生成や投稿準備まで、制作フローをまとめて自動化。", visualPrompt: "workflow pipeline, app commercial arrows", onScreenText: "Script → Voice → Captions → Video → Publish", durationSeconds: 8 },
+      { id: "scene-006", index: 6, title: "LocalAnt", narration: "LocalAnt。ChatGPTの手を、あなたのPCへ。", visualPrompt: "final app commercial CTA", onScreenText: "Build faster. Operate safer.", durationSeconds: 6 }
+    ],
+    hashtags: ["LocalAnt", "ChatGPT", "MCP", "AI開発", "アプリ紹介"],
+    language: "ja",
+    durationSeconds: 45,
     targetPlatforms: ["youtube", "tiktok", "instagram"],
   });
   const assets = await call(gw, "video_studio_generate_assets", { projectId: created.project.id });
@@ -44,14 +56,19 @@ async function main() {
     render.outputPath,
     captions.srtPath,
     captions.assPath,
+    captions.wordsPath,
     render.thumbnailPath,
     path.join(created.projectDir, "storyboard.json"),
     render.renderPlanPath,
+    path.join(created.projectDir, "render", "render-props.json"),
+    path.join(created.projectDir, "render", "motion-plan.json"),
   ];
   for (const file of required) {
     if (!fs.existsSync(file)) throw new Error(`Missing E2E output: ${file}`);
   }
   if (!review.hasVideo) throw new Error("E2E output has no video stream.");
+  if (!review.hasAudio) throw new Error("E2E output has no audio stream.");
+  if (!review.ok) throw new Error(`E2E review failed: ${(review.warnings ?? []).join("; ")}`);
   if (review.width !== 1080 || review.height !== 1920) throw new Error(`Unexpected resolution: ${review.width}x${review.height}`);
 
   const result = {
@@ -64,7 +81,11 @@ async function main() {
     assPath: captions.assPath,
     storyboardPath: path.join(created.projectDir, "storyboard.json"),
     renderPlanPath: render.renderPlanPath,
+    renderPropsPath: path.join(created.projectDir, "render", "render-props.json"),
+    motionPlanPath: path.join(created.projectDir, "render", "motion-plan.json"),
+    renderer: render.renderer,
     durationSeconds: review.durationSeconds,
+    audioDurationSeconds: review.audioDurationSeconds,
     width: review.width,
     height: review.height,
     hasAudio: review.hasAudio,
diff --git a/scripts/video-studio-variants.ts b/scripts/video-studio-variants.ts
new file mode 100644
index 0000000..9ce49d4
--- /dev/null
+++ b/scripts/video-studio-variants.ts
@@ -0,0 +1,112 @@
+import fs from "node:fs";
+import path from "node:path";
+import { createGateway } from "@localant/gateway";
+
+async function call(gw: ReturnType<typeof createGateway>, name: string, input: Record<string, unknown> = {}) {
+  const result = await gw.executeTool(name, input, { caller: "video-studio:variants" });
+  if (!result.ok) throw new Error(`${name}: ${result.error ?? JSON.stringify(result.approvalRequired)}`);
+  return result.data as any;
+}
+
+const variants = [
+  {
+    key: "saas-cm",
+    title: "LocalAnt - ChatGPTの手をPCへ",
+    description: "LocalAntのSaaSアプリCM風ショート動画。",
+    hashtags: ["LocalAnt", "ChatGPT", "MCP", "AI開発", "アプリ紹介"],
+    script: [
+      "ChatGPTの指示が、そのままローカルPCの作業になる。",
+      "LocalAntは、ChatGPTとあなたのPCをつなぐアプリです。",
+      "Shell、Git、ブラウザ、ADB、ファイル操作まで、ひとつの画面から。",
+      "危険な操作は承認、すべての履歴は監査ログへ。",
+      "さらに動画生成や投稿準備まで、制作フローをまとめて自動化。",
+      "LocalAnt。ChatGPTの手を、あなたのPCへ。",
+    ],
+    scenes: [
+      { id: "scene-001", index: 1, title: "ChatGPTの手をPCへ", narration: "ChatGPTの指示が、そのままローカルPCの作業になる。", visualPrompt: "premium app commercial hero", onScreenText: "ChatGPT → LocalAnt → Local PC", durationSeconds: 6 },
+      { id: "scene-002", index: 2, title: "LocalAnt", narration: "LocalAntは、ChatGPTとあなたのPCをつなぐアプリです。", visualPrompt: "product UI reveal", onScreenText: "ChatGPTとPCをつなぐアプリ", durationSeconds: 6 },
+      { id: "scene-003", index: 3, title: "操作をまとめて", narration: "Shell、Git、ブラウザ、ADB、ファイル操作まで、ひとつの画面から。", visualPrompt: "feature cards", onScreenText: "Shell / Git / Browser / ADB / Files", durationSeconds: 8 },
+      { id: "scene-004", index: 4, title: "安全に進める", narration: "危険な操作は承認、すべての履歴は監査ログへ。", visualPrompt: "approval dashboard", onScreenText: "Approval / Risk Control / Audit Log", durationSeconds: 7 },
+      { id: "scene-005", index: 5, title: "制作も自動化", narration: "さらに動画生成や投稿準備まで、制作フローをまとめて自動化。", visualPrompt: "workflow pipeline", onScreenText: "Script → Voice → Captions → Video → Publish", durationSeconds: 8 },
+      { id: "scene-006", index: 6, title: "LocalAnt", narration: "LocalAnt。ChatGPTの手を、あなたのPCへ。", visualPrompt: "final CTA", onScreenText: "Build faster. Operate safer.", durationSeconds: 6 },
+    ],
+  },
+  {
+    key: "developer-demo",
+    title: "LocalAnt - 開発作業をChatGPTから",
+    description: "開発者向けにLocalAntのワークフローを見せるデモ風ショート動画。",
+    hashtags: ["LocalAnt", "開発効率化", "ChatGPT", "MCP", "自動化"],
+    script: [
+      "コード修正、ブラウザ確認、端末操作。全部、ChatGPTから始められます。",
+      "LocalAntは、ローカルPCの作業を安全に実行するMCPブリッジです。",
+      "変更内容はログに残り、危険な操作は承認待ちになります。",
+      "開発、検証、記事作成、動画生成まで、作業の流れを止めません。",
+      "ChatGPTを、開発環境につながる作業アシスタントへ。",
+    ],
+    scenes: [
+      { id: "scene-001", index: 1, title: "開発作業をChatGPTから", narration: "コード修正、ブラウザ確認、端末操作。全部、ChatGPTから始められます。", visualPrompt: "developer demo intro", onScreenText: "Code / Browser / Terminal", durationSeconds: 8 },
+      { id: "scene-002", index: 2, title: "MCPブリッジ", narration: "LocalAntは、ローカルPCの作業を安全に実行するMCPブリッジです。", visualPrompt: "mcp bridge diagram", onScreenText: "ChatGPT ↔ LocalAnt ↔ Local PC", durationSeconds: 7 },
+      { id: "scene-003", index: 3, title: "安心して実行", narration: "変更内容はログに残り、危険な操作は承認待ちになります。", visualPrompt: "audit and approval", onScreenText: "Log everything. Approve risky actions.", durationSeconds: 7 },
+      { id: "scene-004", index: 4, title: "作業を止めない", narration: "開発、検証、記事作成、動画生成まで、作業の流れを止めません。", visualPrompt: "workflow dashboard", onScreenText: "Dev → Test → Article → Video", durationSeconds: 8 },
+      { id: "scene-005", index: 5, title: "LocalAnt", narration: "ChatGPTを、開発環境につながる作業アシスタントへ。", visualPrompt: "developer CTA", onScreenText: "Your local AI operator", durationSeconds: 6 },
+    ],
+  },
+  {
+    key: "short-ad",
+    title: "LocalAnt - もうPC操作を手でやらない",
+    description: "短尺広告向けの強フック版LocalAnt紹介動画。",
+    hashtags: ["LocalAnt", "AI自動化", "ChatGPT", "作業効率化"],
+    script: [
+      "もう、全部手で操作しなくていい。",
+      "ChatGPTに頼むだけで、LocalAntがローカルPCで作業を進めます。",
+      "ブラウザ、Git、ファイル、Android操作までまとめて自動化。",
+      "危険な操作は止めて、ログは全部残す。",
+      "LocalAnt。ChatGPTに、実行する力を。",
+    ],
+    scenes: [
+      { id: "scene-001", index: 1, title: "もう手でやらない", narration: "もう、全部手で操作しなくていい。", visualPrompt: "strong hook ad", onScreenText: "手作業を、AIへ。", durationSeconds: 4 },
+      { id: "scene-002", index: 2, title: "頼むだけ", narration: "ChatGPTに頼むだけで、LocalAntがローカルPCで作業を進めます。", visualPrompt: "fast product reveal", onScreenText: "Ask ChatGPT. LocalAnt executes.", durationSeconds: 7 },
+      { id: "scene-003", index: 3, title: "まとめて自動化", narration: "ブラウザ、Git、ファイル、Android操作までまとめて自動化。", visualPrompt: "rapid feature cards", onScreenText: "Browser / Git / Files / Android", durationSeconds: 7 },
+      { id: "scene-004", index: 4, title: "安全に", narration: "危険な操作は止めて、ログは全部残す。", visualPrompt: "security badge", onScreenText: "Stop risky actions. Keep audit logs.", durationSeconds: 6 },
+      { id: "scene-005", index: 5, title: "LocalAnt", narration: "LocalAnt。ChatGPTに、実行する力を。", visualPrompt: "ad CTA", onScreenText: "ChatGPTに、実行する力を。", durationSeconds: 5 },
+    ],
+  },
+];
+
+async function main() {
+  const outDir = path.join(process.cwd(), ".tmp-video-studio-variants");
+  fs.rmSync(outDir, { recursive: true, force: true });
+  fs.mkdirSync(outDir, { recursive: true });
+  const home = path.join(outDir, "localant-home");
+  const gw = createGateway(home);
+  gw.saveConfig({ ...gw.config(), tools: { profile: "full" }, security: { ...gw.config().security, mode: "yolo" } });
+
+  const results = [];
+  for (const variant of variants) {
+    const created = await call(gw, "video_studio_create_project", {
+      title: variant.title,
+      description: variant.description,
+      script: variant.script.join("\n"),
+      scenes: variant.scenes,
+      hashtags: variant.hashtags,
+      language: "ja",
+      durationSeconds: 45,
+      targetPlatforms: ["youtube", "tiktok", "instagram"],
+    });
+    const assets = await call(gw, "video_studio_generate_assets", { projectId: created.project.id });
+    const audio = await call(gw, "video_studio_generate_audio", { projectId: created.project.id });
+    const captions = await call(gw, "video_studio_generate_captions", { projectId: created.project.id });
+    const render = await call(gw, "video_studio_render_video", { projectId: created.project.id });
+    const review = await call(gw, "video_studio_review_video", { projectId: created.project.id });
+    const publish = await call(gw, "video_studio_publish_prepare", { projectId: created.project.id, platforms: ["youtube", "tiktok", "instagram"] });
+    if (!review.ok) throw new Error(`${variant.key}: ${JSON.stringify(review.warnings)}`);
+    results.push({ key: variant.key, projectId: created.project.id, projectDir: created.projectDir, outputPath: render.outputPath, thumbnailPath: render.thumbnailPath, renderer: render.renderer, durationSeconds: review.durationSeconds, audioDurationSeconds: review.audioDurationSeconds, width: review.width, height: review.height, hasAudio: review.hasAudio, hasVideo: review.hasVideo, audio, assets, publish });
+  }
+  fs.writeFileSync(path.join(outDir, "result.json"), JSON.stringify({ ok: true, results }, null, 2));
+  console.log(JSON.stringify({ ok: true, results }, null, 2));
+}
+
+main().catch((err) => {
+  console.error(err);
+  process.exitCode = 1;
+});
diff --git a/tests/asset-bridge.test.ts b/tests/asset-bridge.test.ts
index d05f6cf..a24da84 100644
--- a/tests/asset-bridge.test.ts
+++ b/tests/asset-bridge.test.ts
@@ -32,6 +32,14 @@ function save(source: unknown, destination: string, overwrite = false) {
   return gw.executeTool("asset_save_image", { source, destination, overwrite }, ctx());
 }
 
+function uploadChunk(input: Record<string, unknown>) {
+  return gw.executeTool("asset_upload_chunk", input, ctx());
+}
+
+function commitUpload(input: Record<string, unknown>) {
+  return gw.executeTool("asset_commit_upload", input, ctx());
+}
+
 beforeEach(() => {
   fs.mkdirSync(path.join(process.cwd(), ".tmp-tests"), { recursive: true });
   base = fs.mkdtempSync(path.join(process.cwd(), ".tmp-tests", "asset-home-"));
@@ -40,7 +48,10 @@ beforeEach(() => {
   // Default mode is "open": no allowlist restriction, only the sensitive
   // blocklist. The temp workdir is safely writable. Asset tools live in the
   // coding/full profiles, so switch off the minimal default.
-  gw.saveConfig({ ...gw.config(), tools: { ...gw.config().tools, profile: "coding" } });
+  gw.saveConfig({
+    ...gw.config(),
+    tools: { ...gw.config().tools, profile: "coding", features: { ...gw.config().tools.features, assetBridge: true } },
+  });
 });
 
 afterEach(() => {
@@ -150,6 +161,39 @@ describe("asset_save_image — base64 source", () => {
   });
 });
 
+describe("asset chunk upload", () => {
+  it("assembles multiple base64 chunks and writes through normal image validation", async () => {
+    const uploadId = "chatgpt-generated-001";
+    const b64 = PNG.toString("base64");
+    const first = b64.slice(0, 12);
+    const second = b64.slice(12);
+    const one = await uploadChunk({ uploadId, index: 0, data: first });
+    expect(one.ok).toBe(true);
+    const two = await uploadChunk({ uploadId, index: 1, data: second });
+    expect(two.ok).toBe(true);
+
+    const dest = path.join(workdir, "chunked.png");
+    const res = await commitUpload({ uploadId, chunks: 2, destination: dest, overwrite: false });
+    expect(res.ok).toBe(true);
+    const data = res.data as { path: string; mimeType: string; bytes: number; source: string };
+    expect(data.path).toBe(dest);
+    expect(data.mimeType).toBe("image/png");
+    expect(data.bytes).toBe(PNG.length);
+    expect(data.source).toBe(`chunked:${uploadId}`);
+    expect(fs.readFileSync(dest)).toEqual(PNG);
+  });
+
+  it("keeps chunk payloads out of the audit log", async () => {
+    const uploadId = "audit-chunk";
+    const b64 = PNG.toString("base64");
+    await uploadChunk({ uploadId, index: 0, data: b64 });
+    const entry = gw.audit.readAll().find((e) => e.tool === "asset_upload_chunk");
+    expect(entry).toBeDefined();
+    expect(entry!.inputSummary).not.toContain(b64.slice(0, 24));
+    expect(entry!.inputSummary).toContain("base64Len");
+  });
+});
+
 describe("asset_save_image — latest_download source", () => {
   it("adopts the newest matching image from the downloads dir", async () => {
     const downloads = fs.mkdtempSync(path.join(process.cwd(), ".tmp-tests", "asset-dl-"));
diff --git a/tests/http-server.test.ts b/tests/http-server.test.ts
index 86f7c2c..59390c6 100644
--- a/tests/http-server.test.ts
+++ b/tests/http-server.test.ts
@@ -122,6 +122,44 @@ describe("mcp chat sessions", () => {
     }
   });
 
+  it("does not advertise plugin-style tools over MCP until dashboard features are enabled", async () => {
+    gw.saveConfig({
+      ...gw.config(),
+      tools: {
+        profile: "full",
+        features: { videoStudio: false, assetBridge: false },
+      },
+    });
+
+    const first = await connectClient("plugin-disabled-client");
+    try {
+      const tools = await first.client.listTools();
+      const names = tools.tools.map((tool) => tool.name);
+      expect(names).not.toContain("video_studio_generate_video");
+      expect(names).not.toContain("asset_save_image");
+    } finally {
+      await first.client.close();
+    }
+
+    gw.saveConfig({
+      ...gw.config(),
+      tools: {
+        profile: "full",
+        features: { videoStudio: true, assetBridge: true },
+      },
+    });
+
+    const second = await connectClient("plugin-enabled-client");
+    try {
+      const tools = await second.client.listTools();
+      const names = tools.tools.map((tool) => tool.name);
+      expect(names).toContain("video_studio_generate_video");
+      expect(names).toContain("asset_save_image");
+    } finally {
+      await second.client.close();
+    }
+  });
+
   it("assigns a distinct session id per chat and tags audit entries with it", async () => {
     const a = await connectClient("chat-a");
     const b = await connectClient("chat-b");
diff --git a/tests/shared-router.test.ts b/tests/shared-router.test.ts
new file mode 100644
index 0000000..69c9153
--- /dev/null
+++ b/tests/shared-router.test.ts
@@ -0,0 +1,65 @@
+import http from "node:http";
+import fs from "node:fs";
+import os from "node:os";
+import path from "node:path";
+import { afterEach, describe, expect, it } from "vitest";
+import { buildRoutedMcpEndpoint, createSharedRouterServer, normalizeRoutePrefix } from "../packages/cli/src/shared-router.js";
+
+const servers: http.Server[] = [];
+
+function listen(server: http.Server): Promise<number> {
+  servers.push(server);
+  return new Promise((resolve) => {
+    server.listen(0, "127.0.0.1", () => {
+      const address = server.address();
+      resolve(typeof address === "object" && address ? address.port : 0);
+    });
+  });
+}
+
+afterEach(async () => {
+  await Promise.all(
+    servers.splice(0).map(
+      (server) =>
+        new Promise<void>((resolve) => {
+          server.close(() => resolve());
+        }),
+    ),
+  );
+});
+
+describe("shared Tailscale MCP router", () => {
+  it("builds path-scoped MCP endpoints", () => {
+    expect(buildRoutedMcpEndpoint("https://machine.ts.net/", "/localant", "abc")).toBe(
+      "https://machine.ts.net/localant/mcp?key=abc",
+    );
+  });
+
+  it("rejects unsafe prefixes", () => {
+    expect(() => normalizeRoutePrefix("../localant")).toThrow(/Invalid/);
+    expect(() => normalizeRoutePrefix("local ant")).toThrow(/Invalid/);
+  });
+
+  it("strips the route prefix before proxying to the service", async () => {
+    const upstream = http.createServer((req, res) => {
+      res.writeHead(200, { "content-type": "application/json" });
+      res.end(JSON.stringify({ method: req.method, url: req.url }));
+    });
+    const upstreamPort = await listen(upstream);
+    const dir = fs.mkdtempSync(path.join(os.tmpdir(), "mcp-router-"));
+    const configFile = path.join(dir, "config.json");
+    fs.writeFileSync(
+      configFile,
+      JSON.stringify({
+        port: 0,
+        routes: {
+          localant: { name: "localant", prefix: "/localant", target: `http://127.0.0.1:${upstreamPort}` },
+        },
+      }),
+    );
+    const routerPort = await listen(createSharedRouterServer(configFile));
+
+    const res = await fetch(`http://127.0.0.1:${routerPort}/localant/mcp?key=abc`, { method: "POST" });
+    await expect(res.json()).resolves.toEqual({ method: "POST", url: "/mcp?key=abc" });
+  });
+});
diff --git a/tests/tool-profiles.test.ts b/tests/tool-profiles.test.ts
index 3b08780..8c1f7e9 100644
--- a/tests/tool-profiles.test.ts
+++ b/tests/tool-profiles.test.ts
@@ -50,6 +50,8 @@ const LOW_LEVEL_TOOLS = [
 describe("tool profiles", () => {
   it("defaults the config to the minimal profile", () => {
     expect(defaultConfig().tools.profile).toBe("minimal");
+    expect(defaultConfig().tools.features.videoStudio).toBe(false);
+    expect(defaultConfig().tools.features.assetBridge).toBe(false);
   });
 
   it("exposes the high-level autopilot + doctor surface in the minimal profile", () => {
@@ -110,6 +112,26 @@ describe("tool profiles", () => {
     expect(isToolInProfile("anything_at_all", "full")).toBe(true);
   });
 
+  it("hides plugin-style tools unless their dashboard feature is enabled", () => {
+    const disabled = { videoStudio: false, assetBridge: false };
+    const enabled = { videoStudio: true, assetBridge: true };
+
+    for (const profile of ["minimal", "coding", "full"] as const) {
+      expect(isToolInProfile("video_studio_status", profile, disabled), `${profile} video status`).toBe(false);
+      expect(isToolInProfile("video_studio_generate_video", profile, disabled), `${profile} video render`).toBe(false);
+      expect(isToolInProfile("asset_save_image", profile, disabled), `${profile} asset save`).toBe(false);
+      expect(isToolInProfile("asset_upload_chunk", profile, disabled), `${profile} asset chunk`).toBe(false);
+    }
+
+    expect(isToolInProfile("video_studio_status", "minimal", enabled)).toBe(true);
+    expect(isToolInProfile("video_studio_generate_video", "minimal", enabled)).toBe(false);
+    expect(isToolInProfile("asset_save_image", "minimal", enabled)).toBe(false);
+    expect(isToolInProfile("video_studio_generate_video", "coding", enabled)).toBe(true);
+    expect(isToolInProfile("asset_save_image", "coding", enabled)).toBe(true);
+    expect(isToolInProfile("video_studio_generate_video", "full", enabled)).toBe(true);
+    expect(isToolInProfile("asset_save_image", "full", enabled)).toBe(true);
+  });
+
   it("coding profile exposes the coding tools", () => {
     for (const name of [
       "bash",
diff --git a/tests/video-studio.test.ts b/tests/video-studio.test.ts
index 3de6427..d194c52 100644
--- a/tests/video-studio.test.ts
+++ b/tests/video-studio.test.ts
@@ -1,14 +1,21 @@
 import { describe, it, expect, beforeEach, afterEach } from "vitest";
 import fs from "node:fs";
+import http from "node:http";
 import path from "node:path";
+import { execFileSync } from "node:child_process";
 import { createGateway } from "@localant/gateway";
 import { isToolInProfile } from "@localant/shared";
 
 let base: string;
+let oldVoicevoxEndpoint: string | undefined;
 
 function gateway() {
   const gw = createGateway(base);
-  gw.saveConfig({ ...gw.config(), tools: { profile: "full" }, security: { ...gw.config().security, mode: "yolo" } });
+  gw.saveConfig({
+    ...gw.config(),
+    tools: { ...gw.config().tools, profile: "full", features: { ...gw.config().tools.features, videoStudio: true } },
+    security: { ...gw.config().security, mode: "yolo" },
+  });
   return gw;
 }
 
@@ -21,9 +28,14 @@ async function call(gw: ReturnType<typeof gateway>, name: string, input: Record<
 beforeEach(() => {
   fs.mkdirSync(path.join(process.cwd(), ".tmp-tests"), { recursive: true });
   base = fs.mkdtempSync(path.join(process.cwd(), ".tmp-tests", "cla-video-"));
+  oldVoicevoxEndpoint = process.env.LOCALANT_VOICEVOX_ENDPOINT;
 });
 
-afterEach(() => fs.rmSync(base, { recursive: true, force: true }));
+afterEach(() => {
+  if (oldVoicevoxEndpoint === undefined) delete process.env.LOCALANT_VOICEVOX_ENDPOINT;
+  else process.env.LOCALANT_VOICEVOX_ENDPOINT = oldVoicevoxEndpoint;
+  fs.rmSync(base, { recursive: true, force: true });
+});
 
 describe("Video Studio", () => {
   it("ships OSS research notes before implementation", () => {
@@ -46,6 +58,7 @@ describe("Video Studio", () => {
       video_studio_create_script: 2,
       video_studio_create_project: 2,
       video_studio_list_projects: 0,
+      video_studio_add_asset: 3,
       video_studio_generate_assets: 3,
       video_studio_generate_audio: 3,
       video_studio_generate_captions: 3,
@@ -63,6 +76,7 @@ describe("Video Studio", () => {
       expect(gw.registry.get(name)?.risk, name).toBe(risk);
     }
     expect(isToolInProfile("video_studio_generate_video", "coding")).toBe(true);
+    expect(isToolInProfile("video_studio_add_asset", "coding")).toBe(true);
     expect(isToolInProfile("video_studio_publish_video", "coding")).toBe(false);
     expect(isToolInProfile("video_studio_status", "minimal")).toBe(true);
   });
@@ -144,7 +158,146 @@ describe("Video Studio", () => {
     expect(browser.browserPlan.actions).toContain("setInputFiles");
     expect(browser.browserPlan.profileDir).toContain("video-studio");
     expect(browser.readyToExecute || browser.uploadAttempted || browser.setupRequired).toBe(true);
-  }, 20_000);
+  }, 60_000);
+
+  it("imports a ChatGPT-generated image file as a scene asset for Remotion", async () => {
+    const gw = gateway();
+    const project = await call(gw, "video_studio_create_project", {
+      title: "画像素材テスト",
+      description: "ChatGPT生成画像を動画素材に使う",
+      script: "画像を使った紹介動画です。",
+      language: "ja",
+      durationSeconds: 3,
+      targetPlatforms: ["youtube"],
+      scenes: [{ id: "scene-001", title: "生成画像", narration: "画像を使った紹介動画です。", onScreenText: "生成画像を素材化", durationSeconds: 3 }],
+    });
+    const sourceImage = path.join(base, "chatgpt-generated.png");
+    fs.writeFileSync(sourceImage, tinyPng());
+
+    const imported = await call(gw, "video_studio_add_asset", {
+      projectId: project.project.id,
+      sceneId: "scene-001",
+      path: sourceImage,
+    });
+
+    expect(imported.ok).toBe(true);
+    expect(imported.sceneId).toBe("scene-001");
+    expect(imported.assetPath).toContain(path.join("assets", "scene-001"));
+    expect(fs.existsSync(imported.assetPath)).toBe(true);
+
+    const manifest = JSON.parse(fs.readFileSync(path.join(project.projectDir, "manifest.json"), "utf8"));
+    expect(manifest.scenes[0].assetPath).toBe(imported.assetPath);
+
+    await call(gw, "video_studio_generate_audio", { projectId: project.project.id });
+    await call(gw, "video_studio_generate_captions", { projectId: project.project.id });
+    await call(gw, "video_studio_render_video", { projectId: project.project.id });
+    const props = JSON.parse(fs.readFileSync(path.join(project.projectDir, "render", "render-props.json"), "utf8"));
+    expect(props.scenes[0].assetFile).toBe("assets/scene-001.png");
+    expect(props.scenes[0].assetSource).toBe("imported-image");
+  }, 60_000);
+
+  it("uses VOICEVOX as the primary Japanese TTS and derives scene durations from probed audio", async () => {
+    const voicevox = await startVoicevoxFixture();
+    process.env.LOCALANT_VOICEVOX_ENDPOINT = voicevox.url;
+    try {
+      const gw = gateway();
+      const status = await call(gw, "video_studio_status");
+      expect(status.audio.primary).toBe("voicevox");
+      expect(status.audio.voicevox.available).toBe(true);
+      expect(status.audio.voicevox.speakerCount).toBeGreaterThan(0);
+
+      const project = await call(gw, "video_studio_create_project", {
+        title: "LocalAnt紹介",
+        description: "LocalAntの紹介",
+        script: "LocalAntはローカルPCを安全に操作します。\n動画生成もローカルで行います。",
+        language: "ja",
+        durationSeconds: 6,
+        targetPlatforms: ["youtube"],
+        scenes: [
+          { id: "scene-001", title: "LocalAnt", narration: "LocalAntはローカルPCを安全に操作します。", onScreenText: "ローカルPCを安全に操作" },
+          { id: "scene-002", title: "Video Studio", narration: "動画生成もローカルで行います。", onScreenText: "動画生成もローカル" },
+        ],
+      });
+
+      const audio = await call(gw, "video_studio_generate_audio", { projectId: project.project.id });
+      expect(audio.engine).toBe("voicevox");
+      expect(audio.scenes.map((s: { durationSeconds: number }) => s.durationSeconds)).toEqual([1.25, 1.75]);
+
+      const manifest = JSON.parse(fs.readFileSync(path.join(project.projectDir, "manifest.json"), "utf8"));
+      expect(manifest.durationSeconds).toBe(3);
+      expect(manifest.scenes.map((s: { durationSeconds: number }) => s.durationSeconds)).toEqual([1.25, 1.75]);
+
+      const captions = await call(gw, "video_studio_generate_captions", { projectId: project.project.id });
+      expect(fs.existsSync(captions.srtPath)).toBe(true);
+      expect(fs.existsSync(captions.assPath)).toBe(true);
+      expect(fs.existsSync(captions.wordsPath)).toBe(true);
+    } finally {
+      await voicevox.close();
+    }
+  }, 60_000);
+
+  it("writes Remotion render props and motion plan outputs", async () => {
+    const gw = gateway();
+    const script = await call(gw, "video_studio_create_script", { topic: "LocalAnt", language: "ja", durationSeconds: 6 });
+    const project = await call(gw, "video_studio_create_project", {
+      title: script.title,
+      description: script.description,
+      script: script.script,
+      scenes: script.scenes,
+      durationSeconds: 6,
+      language: "ja",
+    });
+    await call(gw, "video_studio_generate_audio", { projectId: project.project.id });
+    await call(gw, "video_studio_generate_captions", { projectId: project.project.id });
+    const rendered = await call(gw, "video_studio_render_video", { projectId: project.project.id });
+
+    expect(rendered.renderer).toBe("remotion");
+    expect(fs.existsSync(path.join(project.projectDir, "render", "render-props.json"))).toBe(true);
+    expect(fs.existsSync(path.join(project.projectDir, "render", "motion-plan.json"))).toBe(true);
+
+    const props = JSON.parse(fs.readFileSync(path.join(project.projectDir, "render", "render-props.json"), "utf8"));
+    const motion = JSON.parse(fs.readFileSync(path.join(project.projectDir, "render", "motion-plan.json"), "utf8"));
+    expect(props.scenes.length).toBeGreaterThanOrEqual(1);
+    expect(motion.animations).toEqual(expect.arrayContaining(["background", "card", "title", "captions", "progress", "cta"]));
+  }, 60_000);
+
+  it("fails review when the rendered video is shorter than narration audio", async () => {
+    if (!hasCommandSync("ffmpeg") || !hasCommandSync("ffprobe")) return;
+    const gw = gateway();
+    const project = await call(gw, "video_studio_create_project", {
+      title: "音切れ検証",
+      description: "音声が切れる動画を検出する",
+      script: "長い音声を短い動画に入れる",
+      language: "ja",
+      durationSeconds: 3,
+      targetPlatforms: ["youtube"],
+      scenes: [{ id: "scene-001", title: "検証", narration: "長い音声です。", onScreenText: "音切れ検証", durationSeconds: 3 }],
+    });
+    fs.writeFileSync(path.join(project.projectDir, "audio", "narration.wav"), wavBuffer(3));
+    execFileSync("ffmpeg", [
+      "-y",
+      "-f",
+      "lavfi",
+      "-i",
+      "color=c=#101827:s=1080x1920:d=1",
+      "-f",
+      "lavfi",
+      "-i",
+      "anullsrc=r=24000:cl=mono",
+      "-t",
+      "1",
+      "-c:v",
+      "libx264",
+      "-pix_fmt",
+      "yuv420p",
+      "-c:a",
+      "aac",
+      path.join(project.projectDir, "output", "output.mp4"),
+    ], { stdio: "ignore" });
+    const review = await call(gw, "video_studio_review_video", { projectId: project.project.id });
+    expect(review.ok).toBe(false);
+    expect(review.warnings.join(" ")).toMatch(/audio|short|cut|途中|音声/i);
+  }, 60_000);
 
   it("returns a concrete browser upload plan for operational publishing", async () => {
     const gw = gateway();
@@ -181,7 +334,7 @@ describe("Video Studio", () => {
       stoppedBeforeSubmit: true,
     });
     expect(publish.browserPlan.actions).toEqual(["goto", "setInputFiles", "fillMetadata", "stopBeforeSubmit"]);
-  }, 20_000);
+  }, 60_000);
 
   it("rejects path traversal in browser upload assist", async () => {
     const gw = gateway();
@@ -190,3 +343,76 @@ describe("Video Studio", () => {
     expect(bad.error).toMatch(/absolute|workspace|traversal|LocalAnt/i);
   });
 });
+
+function hasCommandSync(command: string): boolean {
+  try {
+    execFileSync("which", [command], { stdio: "ignore" });
+    return true;
+  } catch {
+    return false;
+  }
+}
+
+function wavBuffer(durationSeconds: number): Buffer {
+  const sampleRate = 24000;
+  const channels = 1;
+  const bitsPerSample = 16;
+  const samples = Math.round(sampleRate * durationSeconds);
+  const dataSize = samples * channels * (bitsPerSample / 8);
+  const buffer = Buffer.alloc(44 + dataSize);
+  buffer.write("RIFF", 0);
+  buffer.writeUInt32LE(36 + dataSize, 4);
+  buffer.write("WAVE", 8);
+  buffer.write("fmt ", 12);
+  buffer.writeUInt32LE(16, 16);
+  buffer.writeUInt16LE(1, 20);
+  buffer.writeUInt16LE(channels, 22);
+  buffer.writeUInt32LE(sampleRate, 24);
+  buffer.writeUInt32LE(sampleRate * channels * (bitsPerSample / 8), 28);
+  buffer.writeUInt16LE(channels * (bitsPerSample / 8), 32);
+  buffer.writeUInt16LE(bitsPerSample, 34);
+  buffer.write("data", 36);
+  buffer.writeUInt32LE(dataSize, 40);
+  return buffer;
+}
+
+function tinyPng(): Buffer {
+  return Buffer.from(
+    "iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mNk+M9QDwADggGOSHzRgQAAAABJRU5ErkJggg==",
+    "base64",
+  );
+}
+
+async function startVoicevoxFixture(): Promise<{ url: string; close: () => Promise<void> }> {
+  let synthesisCount = 0;
+  const server = http.createServer((req, res) => {
+    const url = new URL(req.url ?? "/", "http://127.0.0.1");
+    if (req.method === "GET" && url.pathname === "/speakers") {
+      res.setHeader("content-type", "application/json");
+      res.end(JSON.stringify([{ name: "テスト話者", speaker_uuid: "fixture", styles: [{ id: 3, name: "ノーマル" }] }]));
+      return;
+    }
+    if (req.method === "POST" && url.pathname === "/audio_query") {
+      req.resume();
+      res.setHeader("content-type", "application/json");
+      res.end(JSON.stringify({ speedScale: 1, pitchScale: 0, intonationScale: 1, volumeScale: 1, prePhonemeLength: 0.1, postPhonemeLength: 0.1, outputSamplingRate: 24000, outputStereo: false, kana: "" }));
+      return;
+    }
+    if (req.method === "POST" && url.pathname === "/synthesis") {
+      req.resume();
+      synthesisCount += 1;
+      res.setHeader("content-type", "audio/wav");
+      res.end(wavBuffer(synthesisCount === 1 ? 1.25 : 1.75));
+      return;
+    }
+    res.statusCode = 404;
+    res.end("not found");
+  });
+  await new Promise<void>((resolve) => server.listen(0, "127.0.0.1", resolve));
+  const address = server.address();
+  if (!address || typeof address === "string") throw new Error("VOICEVOX fixture did not start.");
+  return {
+    url: `http://127.0.0.1:${address.port}`,
+    close: () => new Promise<void>((resolve, reject) => server.close((err) => err ? reject(err) : resolve())),
+  };
+}