@hugpy/video-intelligence-ui 0.3.0 → 0.3.2

package/README.md

@@ -0,0 +1,43 @@
+# @hugpy/video-intelligence-ui
+
+Video-intelligence console — sibling arm of `media_intelligence_ui` (Vite +
+Tailwind v4), served at `/video`. Four stations (image crop, audio crop,
+frames/models, generate) over the hugpy job bus.
+
+## Demo media is hosted, not bundled
+
+The canned demo (`?demo=1`) replays recorded job envelopes whose media
+(~36 MB of sample mp4/png) is **not** shipped in this package or its build.
+It loads from a hosted base, default `https://hugpy.ai/demo-media`.
+
+Resolution order (see `src/demo/mediaBase.ts`, resolved once at load):
+
+1. `?mediaBase=` query param (http(s) or path-absolute values only)
+2. `window.__HUGPY_MEDIA_BASE__` — a non-empty string; `index.html` ships a
+   `window.__HUGPY_MEDIA_BASE__ = window.__HUGPY_MEDIA_BASE__ ?? null;`
+   marker that servers/self-hosters may rewrite (replace `null` with a
+   JSON string)
+3. `VITE_HUGPY_DEMO_MEDIA_BASE` (build-time, read in `src/config.ts` — the
+   one module permitted to hold URL literals)
+4. the default `https://hugpy.ai/demo-media`
+
+## Self-hosting the demo media (`hugpy serve`)
+
+The Python server (`abstract_hugpy_dev` / `hugpy`) reads two env vars
+(env or `.env`) and rewrites the marker in the served `index.html`:
+
+- `HUGPY_DEMO_MEDIA_BASE=<url>` — point the demo at any hosted copy of the
+  media tree.
+- `HUGPY_DEMO_MEDIA_DIR=<path>` — serve a local copy of the tree yourself at
+  `/demo-media/` (wins over `HUGPY_DEMO_MEDIA_BASE`). Unset → the route does
+  not exist.
+
+## Canonical media tree
+
+The canonical copy lives at `/var/www/hugpy-media/` on the hugpy.ai VM,
+served by an `location /demo-media/` block in the brochure nginx vhost —
+deliberately OUTSIDE the brochure docroot (`/var/www/hugpy.ai`) so brochure
+rebuilds (`stage.sh` rsync `--delete`) can never wipe it. Its layout mirrors
+the `demoMedia("...")` specifiers: `generate/`, `generate2/`, top-level
+`demo-*` files, and `sampels/` (that dir is intentionally spelled "sampels"
+— do NOT rename it).

package/index.html

@@ -11,6 +11,21 @@
     <meta name="theme-color" content="#050505" />
     <link rel="canonical" href="https://hugpy.ai/video/" />
 
+    <meta property="og:type" content="website" />
+    <meta property="og:site_name" content="Hugpy" />
+    <meta property="og:title" content="Hugpy Video Intelligence Studio" />
+    <meta
+      property="og:description"
+      content="Self-hosted video AI on hardware you own: scene and clip workflows, frame extraction, character identities, and image generation. Try the studio in demo mode — nothing to install."
+    />
+    <meta property="og:url" content="https://hugpy.ai/video/" />
+    <meta property="og:image" content="https://hugpy.ai/demo-media/og/video-thumb.png" />
+    <meta property="og:image:width" content="2400" />
+    <meta property="og:image:height" content="1260" />
+    <meta name="twitter:card" content="summary_large_image" />
+    <meta name="twitter:title" content="Hugpy Video Intelligence Studio" />
+    <meta name="twitter:image" content="https://hugpy.ai/demo-media/og/video-thumb.png" />
+
     <!-- Same type system as the media arm: Newsreader serif + IBM Plex Mono. -->
     <link rel="preconnect" href="https://fonts.googleapis.com" />
     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
@@ -48,6 +63,8 @@
         <p><a style="color:#8ab4ff" href="/">Hugpy — Inference You Own</a></p>
       </main>
     </noscript>
+    <!-- Self-hosters/servers: replace null with your demo-media base URL string. -->
+    <script>window.__HUGPY_MEDIA_BASE__ = window.__HUGPY_MEDIA_BASE__ ?? null;</script>
     <script type="module" src="./entry.tsx"></script>
   </body>
 </html>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hugpy/video-intelligence-ui",
-  "version": "0.3.0",
+  "version": "0.3.2",
   "license": "SEE LICENSE IN LICENSE",
   "type": "module",
   "description": "Video-intelligence console \u2014 sibling arm of media_intelligence_ui (Vite + Tailwind v4), served at /video. Four stations (image crop, audio crop, frames/models, generate) over the hugpy job bus. Dials the same-origin current-hugpy API (/api).",
@@ -28,7 +28,6 @@
     "src",
     "entry.tsx",
     "index.html",
-    "assets",
     "vite.config.ts",
     "tsconfig.json",
     "LICENSE"

package/src/config.ts

@@ -39,6 +39,14 @@ export const hugpyConfig = {
   apiBase,
   /** Public hugpy site — CTA target. Override with VITE_HUGPY_SITE_URL. */
   siteUrl: stripTrailingSlash(read("VITE_HUGPY_SITE_URL") ?? "https://hugpy.ai"),
+  /**
+   * Hosted demo media tree (canned-demo samples live OUT of the bundle).
+   * Build-time override: VITE_HUGPY_DEMO_MEDIA_BASE. Runtime overrides
+   * (?mediaBase= / window.__HUGPY_MEDIA_BASE__) are layered in demo/mediaBase.ts.
+   */
+  demoMediaBase: stripTrailingSlash(
+    read("VITE_HUGPY_DEMO_MEDIA_BASE") ?? "https://hugpy.ai/demo-media",
+  ),
   /** Multipart file upload endpoint. */
   uploadUrl: read("VITE_HUGPY_UPLOAD_URL") ?? `${apiBase}/uploads`,
   /**

package/src/demo/demoFetch.ts

@@ -13,6 +13,7 @@ import { hugpyConfig } from "../config";
 import * as fx from "./fixtures";
 import type { JobKind } from "./fixtures";
 import { samplePromptFor, enhancePrompt } from "./promptAssist";
+import { demoIdentityLuigi } from "./identityFixture";
 
 // ── request introspection (same helpers as the media arm) ───────────────────
 function pathOf(input: RequestInfo | URL): string {
@@ -245,9 +246,11 @@ async function route(
   }
 
   // IDENTITY PROFILES (Studio identity picker, useIdentityProfiles.ts, on mount)
-  // — GET → { profiles: [...] }. No durable identities in the showroom; empty.
+  // — GET → { profiles: [...] }. One REAL canned identity ("luigi": 12 refs →
+  // 72-view turntable → textured GLB, assets on the hosted demo-media tree)
+  // showcases the full pipeline; mutations still 401/501 honestly below.
   if (path === "/video/identity-profiles" && method === "GET") {
-    return jsonResponse({ profiles: [] });
+    return jsonResponse({ profiles: [demoIdentityLuigi] });
   }
 
   // k9 VIDEO-SHARE links (SharePanel probe on mount + mint/revoke). The public

package/src/demo/fixtures.ts

@@ -1,35 +1,37 @@
 // Canned fixtures for the video-intelligence demo (?demo=1).
 //
-// Every MediaRef here points its `uri` at a Vite-BUNDLED asset URL rather than a
+// Every MediaRef here points its `uri` at a HOSTED demo-media URL rather than a
 // server store key. That matters because <img>/<video> element loads do NOT go
 // through window.fetch (the shim can't intercept them) — so in canned mode
-// mediaBytesUrl() passes these absolute asset URLs straight through and the
-// browser loads the bundled bytes directly. See config.ts.
+// mediaBytesUrl() passes these absolute URLs straight through and the browser
+// loads the hosted bytes directly. See config.ts and demo/mediaBase.ts.
 import type { MediaRef } from "../video/contract";
 import { takeSet, sectionFor, type SampleSet } from "./sampleSets";
 import { SAMPLES2, type Sample2 } from "./sampleData";
 
-// Real sample media dropped by the operator under assets/sampels/ (note: the dir
-// is intentionally spelled "sampels" — do NOT rename it). Imported in place as
-// Vite asset URLs (relative from src/demo/), which resolve to bundled hashed URLs.
-import demoClipUrl from "../../assets/sampels/scenes/woman.mp4";
-import demoCropUrl from "../../assets/sampels/scenes/man.mp4";
-import demoAudioUrl from "./assets/demo-audio.mp3"; // no audio sample provided — kept
-import frame1 from "../../assets/sampels/images/forrest/frame_00000.png";
-import frame2 from "../../assets/sampels/images/forrest/frame_00001.png";
-import frame3 from "../../assets/sampels/images/forrest/frame_00002.png";
-import frame4 from "../../assets/sampels/images/forrest/frame_00003.png";
-import frame5 from "../../assets/sampels/images/forrest/frame_00004.png";
-import frame6 from "../../assets/sampels/images/forrest/frame_00005.png";
-import gen1 from "../../assets/sampels/images/shenzo/frame_00000.png";
-import gen2 from "../../assets/sampels/images/bycycle/frame_00000.png";
+// Real sample media dropped by the operator — the sampels/ tree now lives at
+// the HOSTED media base (default https://hugpy.ai/demo-media/sampels/; canonical
+// copy /var/www/hugpy-media/ on the hugpy.ai VM). Note: the dir is intentionally
+// spelled "sampels" — do NOT rename it in the hosted tree.
+import { demoMedia } from "./mediaBase";
+const demoClipUrl = demoMedia("sampels/scenes/woman.mp4");
+const demoCropUrl = demoMedia("sampels/scenes/man.mp4");
+const demoAudioUrl = demoMedia("demo-audio.mp3"); // no audio sample provided — kept
+const frame1 = demoMedia("sampels/images/forrest/frame_00000.png");
+const frame2 = demoMedia("sampels/images/forrest/frame_00001.png");
+const frame3 = demoMedia("sampels/images/forrest/frame_00002.png");
+const frame4 = demoMedia("sampels/images/forrest/frame_00003.png");
+const frame5 = demoMedia("sampels/images/forrest/frame_00004.png");
+const frame6 = demoMedia("sampels/images/forrest/frame_00005.png");
+const gen1 = demoMedia("sampels/images/shenzo/frame_00000.png");
+const gen2 = demoMedia("sampels/images/bycycle/frame_00000.png");
 // The forrest scene's assembled clip (single .mp4 in that folder — hashed name).
-import forrestSceneUrl from "../../assets/sampels/images/forrest/ff23090611b844a6b85c224f388bd542.mp4";
+const forrestSceneUrl = demoMedia("sampels/images/forrest/ff23090611b844a6b85c224f388bd542.mp4");
 // The real 2-segment "keeper-matrix" sailboat movie (see movie.json for numbers).
-import movieUrl from "../../assets/sampels/studio_movies/keeper-matrix/movie.mp4";
-import movieSeg0Url from "../../assets/sampels/studio_movies/keeper-matrix/segment_00/64854c6a21d47ce10b23e884e12de448b25bfb0a375d33238dd0bec8056c076d/clip.mp4";
-import movieSeg1Url from "../../assets/sampels/studio_movies/keeper-matrix/segment_01/cc926b44a42b90d7d291a4e50e3859458306c207a17c718086a3466e4049d6c6/clip.mp4";
-import movieSeg1BranchUrl from "../../assets/sampels/studio_movies/keeper-matrix/segment_01/branch.png";
+const movieUrl = demoMedia("sampels/studio_movies/keeper-matrix/movie.mp4");
+const movieSeg0Url = demoMedia("sampels/studio_movies/keeper-matrix/segment_00/64854c6a21d47ce10b23e884e12de448b25bfb0a375d33238dd0bec8056c076d/clip.mp4");
+const movieSeg1Url = demoMedia("sampels/studio_movies/keeper-matrix/segment_01/cc926b44a42b90d7d291a4e50e3859458306c207a17c718086a3466e4049d6c6/clip.mp4");
+const movieSeg1BranchUrl = demoMedia("sampels/studio_movies/keeper-matrix/segment_01/branch.png");
 
 // ── the worked example: one ingested clip + derived assets ──────────────────
 

package/src/demo/identityFixture.ts

@@ -0,0 +1,96 @@
+// Canned IDENTITY PROFILE for the video-intelligence demo (?demo=1): the real
+// "luigi" identity (12 refs → 72-view turntable → textured GLB), served from the
+// HOSTED demo-media tree (canonical copy /var/www/hugpy-media/identities/luigi/).
+//
+// CRITICAL: every asset path here is a demoMedia() URL. config.ts's
+// mediaBytesUrl() canned-mode bypass passes absolute http(s) URLs straight
+// through to the browser, but any "/mnt/"-prefixed store handle would be routed
+// back to the API — where the demo shim honestly 501s. Shape mirrors the
+// server's _public() projection (zod: src/stations/studio/useIdentityProfiles.ts).
+import type { IdentityProfile } from "../stations/studio/useIdentityProfiles";
+import { demoMedia } from "./mediaBase";
+
+const pad2 = (n: number) => String(n).padStart(2, "0");
+
+const luigiRefs = Array.from({ length: 12 }, (_, i) =>
+  demoMedia(`identities/luigi/refs/ref_${pad2(i)}.jpeg`),
+);
+const luigiCanonical = Array.from({ length: 4 }, (_, i) =>
+  demoMedia(`identities/luigi/canonical/ref_${pad2(i)}.jpg`),
+);
+const luigiViews = Array.from({ length: 72 }, (_, i) =>
+  demoMedia(`identities/luigi/views/view_${pad2(i)}.jpg`),
+);
+
+export const demoIdentityLuigi: IdentityProfile = {
+  slug: "luigi",
+  name: "Luigi",
+  created_at: 1784100737.0394623,
+  notes: "",
+  reference_images: luigiRefs,
+  canonical: luigiCanonical,
+  canonical_angles: [0.0, 90.0, 180.0, 270.0],
+  // The TEXTURED version — NOT the clay base — so the station's activeRecon
+  // resolution (active_version → version.recon_id → reconstructions[]) lands on
+  // the turntable recon with the done mesh below.
+  active_version: "ver_851e3e418dc3869a",
+  versions: [
+    {
+      version_id: "ver_d9f3bf88e5fc7acd",
+      name: "base",
+      kind: "clay",
+      recon_id: "identity_ace73ab07078c529",
+      created_at: 1784101503.040569,
+      canonical: [],
+      notes: "",
+    },
+    {
+      version_id: "ver_851e3e418dc3869a",
+      name: "textured-01",
+      kind: "textured",
+      recon_id: "identity_64853ed017380507",
+      created_at: 1784101750.5200672,
+      canonical: luigiCanonical,
+      notes: "",
+    },
+  ],
+  reconstructions: [
+    {
+      recon_id: "identity_64853ed017380507",
+      mode: "turntable",
+      created_at: 1784101750.4968696,
+      frame_count: 72,
+      degrees_per_frame: 5.0,
+      job_id: "b31f8a1eb4e94d4faf8552cb83012290",
+      views: luigiViews,
+      mesh: {
+        status: "done",
+        error: null,
+        textured: true,
+        frame_count: 72,
+        auto_promoted: true,
+        glb_path: demoMedia("identities/luigi/identity.glb"),
+        video_path: demoMedia("identities/luigi/turntable.mp4"),
+        version_id: "ver_851e3e418dc3869a",
+        version_kind: "textured",
+        version_name: "textured-01",
+        job_id: "b31f8a1eb4e94d4faf8552cb83012290",
+      },
+    },
+  ],
+  gen_settings: {
+    texture: true,
+    pose: "t-pose",
+    frame_count: 72,
+    fps: 24,
+    width: 768,
+    height: 768,
+    auto_promote: true,
+    front_ref: null,
+    remove_background: true,
+    vision_model: "Qwen2.5-VL-3B-Instruct-GGUF",
+    cleanup_prompt: "",
+    negative_prompt: "",
+  },
+  authorization: {},
+};

package/src/demo/mediaBase.ts

@@ -0,0 +1,62 @@
+// Demo media base — where the canned-demo sample tree is served from.
+//
+// The demo media (~36M of mp4/png samples) is NOT bundled; it lives at a
+// hosted base (default https://hugpy.ai/demo-media, see config.ts — the ONE
+// module permitted to hold URL literals). Resolved ONCE at module load, same
+// as demo/mode.ts. Precedence:
+//   1. ?mediaBase= query param (http(s) or path-absolute only)
+//   2. window.__HUGPY_MEDIA_BASE__ (non-empty string — servers/self-hosters
+//      set this by rewriting the index.html marker; see index.html)
+//   3. VITE_HUGPY_DEMO_MEDIA_BASE (build-time, read in config.ts)
+//   4. the config.ts default.
+
+import { hugpyConfig } from "../config";
+
+declare global {
+  interface Window {
+    __HUGPY_MEDIA_BASE__?: string | null;
+  }
+}
+
+function stripTrailingSlash(url: string): string {
+  return url.replace(/\/+$/, "");
+}
+
+/** Accept only http(s) URLs or path-absolute ("/...") bases. */
+function acceptable(raw: string): boolean {
+  return /^(https?:\/\/|\/)/i.test(raw);
+}
+
+function resolve(): string {
+  // 1. ?mediaBase= — same query-param precedent as demo/mode.ts (?demo=).
+  try {
+    const params = new URLSearchParams(
+      typeof window !== "undefined" ? window.location.search : "",
+    );
+    const raw = (params.get("mediaBase") || "").trim();
+    if (raw && acceptable(raw)) return stripTrailingSlash(raw);
+  } catch {
+    /* fall through */
+  }
+
+  // 2. window.__HUGPY_MEDIA_BASE__ — server-injected (index.html marker).
+  try {
+    const injected =
+      typeof window !== "undefined" ? window.__HUGPY_MEDIA_BASE__ : null;
+    if (typeof injected === "string" && injected.trim()) {
+      return stripTrailingSlash(injected.trim());
+    }
+  } catch {
+    /* fall through */
+  }
+
+  // 3./4. Build-time env override or the config default (both in config.ts).
+  return hugpyConfig.demoMediaBase;
+}
+
+const base = resolve();
+
+/** Absolute URL for a demo media file, e.g. demoMedia("generate2/s0.png"). */
+export function demoMedia(relPath: string): string {
+  return `${base}/${relPath}`;
+}

package/src/demo/sampleData.ts

@@ -3,37 +3,38 @@
 // assets), so the canned wire shape is exactly what production returned.
 // Regenerate with the script in the session notes; do not hand-edit results.
 
-import A0 from "./assets/generate2/s0.png";
-import A1 from "./assets/generate2/s1.png";
-import A2 from "./assets/generate2/s2.png";
-import A3 from "./assets/generate2/s3.png";
-import A4 from "./assets/generate2/s4.png";
-import A5 from "./assets/generate2/s5.png";
-import A6 from "./assets/generate2/s6.png";
-import A7 from "./assets/generate2/s7.png";
-import A8 from "./assets/generate2/s8.png";
-import A9 from "./assets/generate2/s9.png";
-import A10 from "./assets/generate2/s10.png";
-import A11 from "./assets/generate2/s11.png";
-import A12 from "./assets/generate2/s12.png";
-import A13 from "./assets/generate2/s13.png";
-import A14 from "./assets/generate2/s14.png";
-import A15 from "./assets/generate2/s15.png";
-import A16 from "./assets/generate2/s16.png";
-import A17 from "./assets/generate2/s17.png";
-import A18 from "./assets/generate2/s18.png";
-import A19 from "./assets/generate2/s19.png";
-import A20 from "./assets/generate2/s20.png";
-import A21 from "./assets/generate2/s21.mp4";
-import A22 from "./assets/generate2/s22.mp4";
-import A23 from "./assets/generate2/s23.mp4";
-import A24 from "./assets/generate2/s24.mp4";
-import A25 from "./assets/generate2/s25.mp4";
-import A26 from "./assets/generate2/s26.mp4";
-import A27 from "./assets/generate2/s27.mp4";
-import A28 from "./assets/generate2/s28.mp4";
-import A29 from "./assets/generate2/s29.mp4";
-import A30 from "./assets/generate2/s30.mp4";
+import { demoMedia } from "./mediaBase";
+const A0 = demoMedia("generate2/s0.png");
+const A1 = demoMedia("generate2/s1.png");
+const A2 = demoMedia("generate2/s2.png");
+const A3 = demoMedia("generate2/s3.png");
+const A4 = demoMedia("generate2/s4.png");
+const A5 = demoMedia("generate2/s5.png");
+const A6 = demoMedia("generate2/s6.png");
+const A7 = demoMedia("generate2/s7.png");
+const A8 = demoMedia("generate2/s8.png");
+const A9 = demoMedia("generate2/s9.png");
+const A10 = demoMedia("generate2/s10.png");
+const A11 = demoMedia("generate2/s11.png");
+const A12 = demoMedia("generate2/s12.png");
+const A13 = demoMedia("generate2/s13.png");
+const A14 = demoMedia("generate2/s14.png");
+const A15 = demoMedia("generate2/s15.png");
+const A16 = demoMedia("generate2/s16.png");
+const A17 = demoMedia("generate2/s17.png");
+const A18 = demoMedia("generate2/s18.png");
+const A19 = demoMedia("generate2/s19.png");
+const A20 = demoMedia("generate2/s20.png");
+const A21 = demoMedia("generate2/s21.mp4");
+const A22 = demoMedia("generate2/s22.mp4");
+const A23 = demoMedia("generate2/s23.mp4");
+const A24 = demoMedia("generate2/s24.mp4");
+const A25 = demoMedia("generate2/s25.mp4");
+const A26 = demoMedia("generate2/s26.mp4");
+const A27 = demoMedia("generate2/s27.mp4");
+const A28 = demoMedia("generate2/s28.mp4");
+const A29 = demoMedia("generate2/s29.mp4");
+const A30 = demoMedia("generate2/s30.mp4");
 
 export interface Sample2 { kind: string; prompts: string[]; result: Record<string, unknown>; }
 export const SAMPLES2: Sample2[] = [

package/src/demo/sampleSets.ts

@@ -22,35 +22,36 @@
 import type { MediaRef } from "../video/contract";
 
 // scene: desert roads (job 187ac900…, sd-turbo, 6 frames @512)
-import sdF0 from "./assets/generate/scene-desert/frame_00000.png";
-import sdF1 from "./assets/generate/scene-desert/frame_00001.png";
-import sdF2 from "./assets/generate/scene-desert/frame_00002.png";
-import sdF3 from "./assets/generate/scene-desert/frame_00003.png";
-import sdF4 from "./assets/generate/scene-desert/frame_00004.png";
-import sdF5 from "./assets/generate/scene-desert/frame_00005.png";
-import sdClip from "./assets/generate/scene-desert/scene.mp4";
+import { demoMedia } from "./mediaBase";
+const sdF0 = demoMedia("generate/scene-desert/frame_00000.png");
+const sdF1 = demoMedia("generate/scene-desert/frame_00001.png");
+const sdF2 = demoMedia("generate/scene-desert/frame_00002.png");
+const sdF3 = demoMedia("generate/scene-desert/frame_00003.png");
+const sdF4 = demoMedia("generate/scene-desert/frame_00004.png");
+const sdF5 = demoMedia("generate/scene-desert/frame_00005.png");
+const sdClip = demoMedia("generate/scene-desert/scene.mp4");
 // scene: vintage frames (job 69a7bbcf…) — render showcased, prompt not
-import svF0 from "./assets/generate/scene-vintage/frame_00000.png";
-import svF1 from "./assets/generate/scene-vintage/frame_00001.png";
-import svF2 from "./assets/generate/scene-vintage/frame_00002.png";
-import svClip from "./assets/generate/scene-vintage/scene.mp4";
+const svF0 = demoMedia("generate/scene-vintage/frame_00000.png");
+const svF1 = demoMedia("generate/scene-vintage/frame_00001.png");
+const svF2 = demoMedia("generate/scene-vintage/frame_00002.png");
+const svClip = demoMedia("generate/scene-vintage/scene.mp4");
 // movie: sunny meadow (job 5ca10b84…, 2 goals) + swirling galaxy (1eed0b95…, 4 goals)
-import mmSeg0 from "./assets/generate/movie-medow/seg_00.mp4";
-import mmSeg1 from "./assets/generate/movie-medow/seg_01.mp4";
-import mmMovie from "./assets/generate/movie-medow/movie.mp4";
-import mgSeg0 from "./assets/generate/movie-galaxy/seg_00.mp4";
-import mgSeg1 from "./assets/generate/movie-galaxy/seg_01.mp4";
-import mgSeg2 from "./assets/generate/movie-galaxy/seg_02.mp4";
-import mgSeg3 from "./assets/generate/movie-galaxy/seg_03.mp4";
-import mgMovie from "./assets/generate/movie-galaxy/movie.mp4";
+const mmSeg0 = demoMedia("generate/movie-medow/seg_00.mp4");
+const mmSeg1 = demoMedia("generate/movie-medow/seg_01.mp4");
+const mmMovie = demoMedia("generate/movie-medow/movie.mp4");
+const mgSeg0 = demoMedia("generate/movie-galaxy/seg_00.mp4");
+const mgSeg1 = demoMedia("generate/movie-galaxy/seg_01.mp4");
+const mgSeg2 = demoMedia("generate/movie-galaxy/seg_02.mp4");
+const mgSeg3 = demoMedia("generate/movie-galaxy/seg_03.mp4");
+const mgMovie = demoMedia("generate/movie-galaxy/movie.mp4");
 // clips (studio i2v manifests carry the prompts)
-import clCat from "./assets/generate/clips/cat-lounge.mp4";
-import clDrone from "./assets/generate/clips/drone-city.mp4";
-import clSails from "./assets/generate/clips/paper-sails.mp4";
+const clCat = demoMedia("generate/clips/cat-lounge.mp4");
+const clDrone = demoMedia("generate/clips/drone-city.mp4");
+const clSails = demoMedia("generate/clips/paper-sails.mp4");
 // cinema: dank cavern (movie.json segment prompts; seg_01 was a branch-only
 // render, so the set is segment_00 + the assembled movie LAST)
-import ccSeg0 from "./assets/generate/cinema-cavern/seg_00.mp4";
-import ccMovie from "./assets/generate/cinema-cavern/movie.mp4";
+const ccSeg0 = demoMedia("generate/cinema-cavern/seg_00.mp4");
+const ccMovie = demoMedia("generate/cinema-cavern/movie.mp4");
 
 function img(id: string, uri: string): MediaRef {
   return { asset_id: id, kind: "image", uri, mime: "image/png",

package/assets/sampels/studio_movies/caverns/movie.json

@@ -1,67 +0,0 @@
-{
-  "kind": "studio_movie",
-  "drift": "still-mode splices condition each segment on ONE frame of its parent \u2014 motion is NOT carried across the splice. A joint's joint_mode='vace_extend' carries motion via VACE-extend (conditioning on the parent's trailing context_frames through the diffusers video+mask extend idiom) instead of a single still. A joint_mode='cut' is a HARD scene cut: no frame carry, the parent plays in full. With movie-level reference_images set (an identity movie) every segment renders id_lock so the subject carries across scene changes even though no pixels do \u2014 on the VACE path the references win the conditioning (an i2v branch still is accepted but unused; it governs only the parent trim).",
-  "fps": 24,
-  "width": 480,
-  "height": 480,
-  "vram_budget_gb": null,
-  "id_lock": false,
-  "reference_images": [],
-  "segments": [
-    {
-      "index": 0,
-      "segment_id": "seg_00",
-      "parent_segment_id": null,
-      "prompt": "In a subterranean cavern bathed in the harsh midday sun, a towering structure dwarfs its surroundings, casting short, sharp black shadows that dance across the cavern's walls. The cavern's natural beauty is accentuated by saturated primaries, creating an intimate and awe-inspiring mood. The shot begins with a sweeping establishing view, capturing the structure's majesty. As the camera slowly pushes in, the structure's intricate details come into focus, each element standing out against the cavern's stark, yet beautiful backdrop. The light, a hard midday sun, highlights the structure's grandeur, making it the focal point of the scene. The palette is saturated primaries, intensifying the cavern's natural colors and the structure's imposing presence. The shot starts from rest, maintaining the intimate mood as the viewer is drawn closer to the structure, experiencing its grandeur through the lens.",
-      "capability": "t2v",
-      "model_id": "wan2.1-t2v-1.3b",
-      "model_source": "movie",
-      "seed": 0,
-      "branch_frame": null,
-      "resolved_branch": null,
-      "joint_mode": "still",
-      "context_frames": 0,
-      "context_drop": 0,
-      "vram_budget_gb": 21.6,
-      "budget_source": "autofit:ae",
-      "clip_path": "/mnt/llm_storage/video_intel/studio_movies/a0a47af626bd471da3c06832f7e4f99d/segment_00/5eea7770a554fef0c3bdc38f8f38b925dcf75f13c015d423e8eadec47d41bf6b/clip.mp4",
-      "clip_uri": "/mnt/llm_storage/video_intel/studio_movies/a0a47af626bd471da3c06832f7e4f99d/segment_00/5eea7770a554fef0c3bdc38f8f38b925dcf75f13c015d423e8eadec47d41bf6b/clip.mp4",
-      "frames": 81,
-      "width": 480,
-      "height": 480,
-      "duration_s": 3.375,
-      "content_hash": "5eea7770a554fef0c3bdc38f8f38b925dcf75f13c015d423e8eadec47d41bf6b",
-      "resumed": false,
-      "status": "done"
-    },
-    {
-      "index": 1,
-      "segment_id": "seg_01",
-      "parent_segment_id": "seg_00",
-      "prompt": "In a flooded forest, a pair of exhausted hands, their skin slick with water and sweat, complete a delicate task under the unflattering, green fluorescent strip light. The cool teal and slate palette, cool and muted, highlights the hands' strained features. As the camera pulls back, revealing the hands' movements, a towering structure, bathed in harsh midday sun, casts sharp shadows across the flooded forest. The structure's intricate details stand out against the unflattering light, creating an intimate and awe-inspiring mood. The shot begins from rest, maintaining the exhausted and awe-inspiring mood as the viewer is drawn closer to the hands and the structure, experiencing their struggle and the cavern's natural beauty through the lens.",
-      "capability": "i2v",
-      "model_id": null,
-      "model_source": "capability_fallback",
-      "pinned_model_id": "wan2.1-t2v-1.3b",
-      "model_note": "movie-level pin 'wan2.1-t2v-1.3b' serves t2v, not 'i2v'; this segment resolved a capable model through the studio router instead (the pin still binds the segments it serves)",
-      "joint_mode": "still",
-      "context_frames": 0,
-      "resolved_branch": 80,
-      "vram_budget_gb": 21.6,
-      "budget_source": "autofit:ae",
-      "status": "failed",
-      "error": {
-        "code": "cancelled",
-        "message": "cancelled (render child killed after grace)"
-      }
-    }
-  ],
-  "joints": [],
-  "assembly": {
-    "movie": "movie.mp4",
-    "total_frames": 81
-  },
-  "partial": true,
-  "segments_completed": 1,
-  "segments_total": 2
-}