@hugpy/video-intelligence-ui 0.3.5 → 0.3.7

package/dist/index.html

@@ -49,7 +49,7 @@
         overflow-x: hidden;
       }
     </style>
-    <script type="module" crossorigin src="/video/assets/index-C_av7KDW.js"></script>
+    <script type="module" crossorigin src="/video/assets/index-xEPYADt9.js"></script>
     <link rel="stylesheet" crossorigin href="/video/assets/index-DMoT8G1q.css">
   </head>
   <body>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hugpy/video-intelligence-ui",
-  "version": "0.3.5",
+  "version": "0.3.7",
   "license": "SEE LICENSE IN LICENSE",
   "type": "module",
   "description": "Hugpy video-intelligence console: image crop, audio crop, frames/models and generate stations over the hugpy-video job bus; a standalone Vite + Tailwind v4 arm served at /video",

package/src/stations/oracle/OracleStation.tsx

@@ -42,7 +42,7 @@ function RunPicker({ runs }: { runs: RunManifestApi }) {
     <section className="vi-oracle-panel" aria-label="Runs">
       <h3>
         Runs
-        <span className="vi-oracle-sub">performance jobs on the media bus (GET /video/jobs?all=1) — pick one to read its manifest</span>
+        <span className="vi-oracle-sub">Video production jobs — select a run to follow its progress</span>
       </h3>
       <div className="vi-oracle-row">
         <button type="button" className="vi-btn vi-btn-sm" onClick={jobs.refresh}>
@@ -82,7 +82,7 @@ function RunPicker({ runs }: { runs: RunManifestApi }) {
         ))}
         {!jobs.jobs.length && !jobs.gap ? (
           <span className="vi-knob-hint">
-            No performance jobs in the bus feed (live or recent terminal). Enqueue one via the oracle runner, or paste an
+            No video production jobs in the feed. Submit a request above, or paste an
             older job id.
           </span>
         ) : null}
@@ -119,10 +119,10 @@ function RunHeader({ runs }: { runs: RunManifestApi }) {
       {m ? (
         <>
           <div className="vi-oracle-row">
-            <Tag kind={m.ok ? "ok" : "alarm"}>{m.ok ? "ok" : "not ok"}</Tag>
+            <Tag kind={(m.ok ?? job?.result?.ok) ? "ok" : "alarm"}>{(m.ok ?? job?.result?.ok) ? "ok" : "not ok"}</Tag>
             {m.stopped_after ? <Tag kind="warn">stopped after {m.stopped_after}</Tag> : null}
             {job?.status ? <StateChip state={job.status} /> : null}
-            {m.dag ? <Tag kind="accent">ran on the DAG</Tag> : <Tag>linear recipe</Tag>}
+            {m.dag ? <Tag kind="accent">ran on the DAG</Tag> : <Tag>{m.kind === "studio_movie" ? "sequential production" : "linear recipe"}</Tag>}
             {job?.result?.error ? (
               <Tag kind="alarm">
                 {job.result.error.code}: {job.result.error.message}
@@ -132,7 +132,7 @@ function RunHeader({ runs }: { runs: RunManifestApi }) {
           <dl className="vi-oracle-kv" style={{ marginTop: "0.5rem" }}>
             <dt>run id</dt>
             <dd>
-              <code>{m.run_id}</code>
+              <code>{m.run_id ?? m.job_id}</code>
             </dd>
             <dt>registry version</dt>
             <dd>
@@ -143,9 +143,9 @@ function RunHeader({ runs }: { runs: RunManifestApi }) {
               <code>{short(m.goal_digest)}</code> · <code>{short(m.snapshot_digest)}</code> · <code>{short(m.lock_digest)}</code>
             </dd>
             <dt>segments</dt>
-            <dd>{m.segment_digests?.length ?? 0}</dd>
+            <dd>{m.segments_completed !== undefined ? `${m.segments_completed} / ${m.segments_total ?? "?"}` : m.segment_digests?.length ?? 0}</dd>
             <dt>video</dt>
-            <dd>{m.video_ref ? <code title={m.video_ref}>{short(m.video_ref, 56)}</code> : "none accepted"}</dd>
+            <dd>{(m.video_ref ?? m.assembly?.movie) ? <code>{short(m.video_ref ?? m.assembly?.movie, 56)}</code> : "none accepted"}</dd>
             <dt>receipts</dt>
             <dd>
               {(m.receipts ?? []).length ? (

package/src/stations/oracle/PerformanceComposer.tsx

@@ -7,15 +7,16 @@ type EnqueueResult = { job_id?: string; error?: string };
 type PerformanceProbe = { ready: boolean; bound?: string[]; unbound?: Array<{ seam: string; requirement: string }> };
 type Stage = "authority" | "snapshot" | "audio" | "lock" | "segments" | "keyframes" | "clips" | "assembly";
 
-/** The small, explicit entry point for the Oracle's durable performance job. */
+/** Submit a requested output; retain the explicit performance workflow when needed. */
 export function PerformanceComposer({ onEnqueued }: { onEnqueued: (jobId: string) => void }) {
+  const [performance, setPerformance] = useState(false);
   const [prompt, setPrompt] = useState("");
   const [dialogue, setDialogue] = useState("");
   const [speaker, setSpeaker] = useState("narrator");
   const [voiceId, setVoiceId] = useState("narrator");
   const [rawRef, setRawRef] = useState("");
   const [quality, setQuality] = useState("balanced");
-  const [stopAfter, setStopAfter] = useState<Stage | "">("segments");
+  const [stopAfter, setStopAfter] = useState<Stage | "">("");
   const [tts, setTts] = useState(3);
   const [keyframes, setKeyframes] = useState(3);
   const [clips, setClips] = useState(3);
@@ -28,6 +29,7 @@ export function PerformanceComposer({ onEnqueued }: { onEnqueued: (jobId: string
   const [probeGap, setProbeGap] = useState("");
 
   useEffect(() => {
+    if (!performance) return;
     let active = true;
     void (async () => {
       const result = await request<PerformanceProbe>(`${hugpyConfig.apiBase}/video/performance/probe`, {
@@ -38,15 +40,15 @@ export function PerformanceComposer({ onEnqueued }: { onEnqueued: (jobId: string
       else setProbeGap(describeAppError(errorOf(result)));
     })();
     return () => { active = false; };
-  }, []);
+  }, [performance]);
 
   async function enqueue() {
     const lines = dialogue.split("\n").map((text) => text.trim()).filter(Boolean);
-    if (!prompt.trim() || !lines.length || !speaker.trim() || !voiceId.trim() || !rawRef.trim()) {
-      setMessage("Add the goal, at least one dialogue line, speaker, voice ID, and raw request reference.");
+    if (!prompt.trim() || (performance && (!lines.length || !speaker.trim() || !voiceId.trim() || !rawRef.trim()))) {
+      setMessage(performance ? "Add the goal, at least one dialogue line, speaker, voice ID, and raw request reference." : "Describe the video you want.");
       return;
     }
-    const body = {
+    const body = performance ? {
       goal: { objective: prompt.trim(), raw_prompt: prompt, quality, planner_mode: "local_only" },
       dialogue: { locked: true, lines: lines.map((text, i) => ({ line_id: `line-${i + 1}`, speaker: speaker.trim(), text })) },
       casting: [[speaker.trim(), { voice_id: voiceId.trim(), kind: "synthetic" }]],
@@ -58,12 +60,12 @@ export function PerformanceComposer({ onEnqueued }: { onEnqueued: (jobId: string
       negative_prompt: negative.trim() || null,
       max_seconds: maxSeconds ? Number(maxSeconds) : null,
       stop_after: stopAfter || null,
-    };
+    } : { prompt: prompt.trim(), output: "video" };
     setBusy(true);
     setMessage("");
-    const result = await request<EnqueueResult>(`${hugpyConfig.apiBase}/video/jobs/performance`, {
+    const result = await request<EnqueueResult>(`${hugpyConfig.apiBase}${performance ? "/video/jobs/performance" : "/oracle/route"}`, {
       method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify(body),
-      meta: { specKey: "oracle", operation: "oracle.performance.enqueue" },
+      meta: { specKey: "oracle", operation: "oracle.production.enqueue" },
     });
     setBusy(false);
     if (!result.ok) {
@@ -79,12 +81,14 @@ export function PerformanceComposer({ onEnqueued }: { onEnqueued: (jobId: string
     onEnqueued(jobId);
   }
 
-  return <section className="vi-oracle-panel vi-oracle-composer" aria-label="New performance">
-    <h3>New performance <span className="vi-oracle-sub">audio first · durable media job · inspect each stage below</span></h3>
+  return <section className="vi-oracle-panel vi-oracle-composer" aria-label="New video request">
+    <h3>New video request <span className="vi-oracle-sub">Oracle plans the shots and settings using available models</span></h3>
     <div className="vi-oracle-fields">
       <label className="vi-oracle-field vi-oracle-wide">Goal / visual direction
         <textarea value={prompt} onChange={(e) => setPrompt(e.target.value)} rows={3} placeholder="Describe the film, characters, setting and action" />
       </label>
+      <label className="vi-oracle-field vi-oracle-wide"><span><input type="checkbox" checked={performance} onChange={(e) => setPerformance(e.target.checked)} /> Use the explicit dialogue performance workflow</span></label>
+      {performance && <>
       <label className="vi-oracle-field vi-oracle-wide">Locked dialogue · one line per utterance
         <textarea value={dialogue} onChange={(e) => setDialogue(e.target.value)} rows={3} placeholder="The words to speak" />
       </label>
@@ -107,13 +111,14 @@ export function PerformanceComposer({ onEnqueued }: { onEnqueued: (jobId: string
       <label className="vi-oracle-field">Max seconds <input type="number" min={1} value={maxSeconds} onChange={(e) => setMaxSeconds(e.target.value)} placeholder="No limit" /></label>
       <label className="vi-oracle-field">Seed salt <input type="number" min={0} value={seed} onChange={(e) => setSeed(Number(e.target.value))} /></label>
       <label className="vi-oracle-field vi-oracle-wide">Negative prompt <input value={negative} onChange={(e) => setNegative(e.target.value)} placeholder="Optional exclusions" /></label>
+      </>}
     </div>
-    <div className="vi-oracle-note" role="status">
+    {performance && <div className="vi-oracle-note" role="status">
       {probe ? <>
         <strong>{probe.ready ? "Full recipe wired" : "Staged runs available; full recipe has gaps"}</strong>
         {probe.unbound?.length ? <ul className="vi-oracle-limits">{probe.unbound.map((gap) => <li key={gap.seam}><code>{gap.seam}</code>: {gap.requirement}</li>)}</ul> : null}
       </> : probeGap ? <>Could not read performance capability probe: {probeGap}</> : "Checking performance capabilities…"}
-    </div>
-    <div className="vi-oracle-row"><button type="button" className="vi-btn vi-btn-accent" disabled={busy} onClick={() => void enqueue()}>{busy ? "Queuing…" : "Queue performance"}</button>{message && <span role="status">{message}</span>}</div>
+    </div>}
+    <div className="vi-oracle-row"><button type="button" className="vi-btn vi-btn-accent" disabled={busy} onClick={() => void enqueue()}>{busy ? "Planning and queuing…" : performance ? "Queue performance" : "Produce video"}</button>{message && <span role="status">{message}</span>}</div>
   </section>;
 }

package/src/stations/oracle/oracleTypes.ts

@@ -244,6 +244,12 @@ export interface ManifestReceipt {
 }
 
 export interface RunManifest {
+  kind?: string;
+  title?: string;
+  job_id?: string;
+  segments_completed?: number;
+  segments_total?: number;
+  assembly?: { movie?: string | null; total_frames?: number };
   run_id: string;
   ok: boolean;
   goal_digest?: string;

package/src/stations/oracle/useOracle.ts

@@ -27,6 +27,7 @@
  */
 import { useCallback, useEffect, useMemo, useRef, useState } from "react";
 
+import { subscribeJobStream } from "../../video/jobStream";
 import { hugpyConfig, videoJobUrl } from "../../config";
 import {
   describeAppError,
@@ -329,7 +330,7 @@ function parseJobRows(raw: unknown): PerformanceJobRow[] {
     // The bus kind for the oracle's audio-first runner is ("oracle","performance")
     // → "performance" / "oracle.performance" / "video_performance" depending on
     // the bridge; match loosely on the word rather than on one spelling.
-    if (!/performance/i.test(name)) continue;
+    if (!/performance|studio_movie/i.test(name)) continue;
     const id = String(row.job_id ?? row.id ?? "");
     if (!id) continue;
     const prog = isRecord(row.progress) ? row.progress : null;
@@ -352,7 +353,7 @@ export function usePerformanceJobs(): { jobs: PerformanceJobRow[]; gap: Gap | nu
       meta: { specKey: STATION, operation: "oracle.runs.list" },
     });
     if (!r.ok) {
-      setGap(gapOf(errorOf(r), "performance jobs"));
+      setGap(gapOf(errorOf(r), "video production jobs"));
       return;
     }
     setGap(null);
@@ -405,7 +406,17 @@ export function useRunManifest(): RunManifestApi {
   }, []);
 
   useEffect(() => {
+    setJob(null);
     void load(jobId);
+    if (!jobId) return;
+    const unsubscribe = subscribeJobStream((event) => {
+      if (event.job_id !== jobId || !event.job) return;
+      ++seq.current;
+      setJob(event.job as unknown as JobView);
+      setLoading(false);
+      setGap(null);
+    });
+    return () => { ++seq.current; unsubscribe(); };
   }, [jobId, load]);
 
   const manifest = useMemo<RunManifest | null>(() => {

package/src/stations/studio/StudioMovieComposer.tsx

@@ -728,6 +728,18 @@ export function StudioMovieComposer({ settingsHost }: StudioMovieComposerProps =
   // the warning is worth the one extra click. Session-persisted like every other authored
   // field here.
   const [movieTitle, setMovieTitle] = useSessionState("studio.movie.title", "");
+  const autoTitleRef = useSessionRef<string>("studio.movie.autoTitle", "");
+  const applyGeneratedTitle = useCallback((prompt: string, title?: string) => {
+    const derived = title?.trim() || prompt.split(/[.,;\n]/)[0].trim()
+      .split(/\s+/).slice(0, 7).join(" ").slice(0, 48);
+    if (!derived) return;
+    const previousAutoTitle = autoTitleRef.current;
+    setMovieTitle((current) => {
+      if (current.trim() && current.trim() !== previousAutoTitle) return current;
+      autoTitleRef.current = derived;
+      return derived;
+    });
+  }, [setMovieTitle, autoTitleRef]);
   // Movie-level MODEL PIN + sampler overrides (operator ask 2026-07-13: the Settings tab
   // wants "the model selection" + a wider range of options). All BLANK-first ⇒ router
   // default: modelId "" = the capability router picks by budget/resolution (an unroutable
@@ -1361,9 +1373,10 @@ export function StudioMovieComposer({ settingsHost }: StudioMovieComposerProps =
       if (first.height != null && !manualSettings.current.includes("height")) setHeight(first.height);
       if (first.fps != null && !manualSettings.current.includes("fps")) setFps(first.fps);
     }
+    applyGeneratedTitle(plan.segments[0]?.prompt || p, plan.title);
     setProducerNote([plan.title, plan.logline].filter(Boolean).join(" — "));
   }, [premise, movieQuery, producing, goals, fps, assist.assistModel, startImage,
-      setWidth, setHeight, setFps]);
+      setWidth, setHeight, setFps, applyGeneratedTitle]);
 
   const setSegmentCount = useCallback(
     (n: number) => {
@@ -1477,7 +1490,6 @@ export function StudioMovieComposer({ settingsHost }: StudioMovieComposerProps =
   // The last AUTO-derived movie title. A name the operator typed is sacred; a
   // name this ref minted may be replaced by the next Generate (operator
   // 2026-08-13: "purely a product of the same generation method").
-  const autoTitleRef = useRef("");
   const planGoalPrompt = useCallback(async (
     i: number, text: string,
     coordinated?: { seed?: number; frames?: number; joint_mode?: string },
@@ -1540,29 +1552,14 @@ export function StudioMovieComposer({ settingsHost }: StudioMovieComposerProps =
             setGoalField(i, { negative: cur ? `${cur}, ${neg}` : neg });
           },
         );
-        // NAME RIDES ALONG: derive a title from the generated prompt when the
-        // movie has none — or when the current one was itself auto-derived.
-        const t = movieTitle.trim();
-        if (t === "" || t === autoTitleRef.current) {
-          const derived = fresh
-            .split(/[.,;\n]/)[0]
-            .trim()
-            .split(/\s+/)
-            .slice(0, 7)
-            .join(" ")
-            .slice(0, 48);
-          if (derived) {
-            autoTitleRef.current = derived;
-            setMovieTitle(derived);
-          }
-        }
+        applyGeneratedTitle(fresh);
       })();
       // The text is about to change, so the old classification no longer describes it.
       intentText.current[g.key] = "";
       setIntents((prev) => ({ ...prev, [g.key]: null }));
     },
     [assist, goals, rowContext, setGoalField, movieTitle, setMovieTitle,
-      settingsMode, planGoalPrompt],
+      settingsMode, planGoalPrompt, applyGeneratedTitle],
   );
 
   // ── negative generation (§1b) — an exclusion list for THIS shot ──
@@ -1598,7 +1595,7 @@ export function StudioMovieComposer({ settingsHost }: StudioMovieComposerProps =
     });
     if (!body) return;
     setSpreadNotice(null);
-    const res = await assist.runSpread(body);
+    const res = await assist.runSpread({ ...body, fps });
     if (!res) return;
 
     const bySeg = new Map(res.segments.map((s) => [s.segment_id, s]));
@@ -1635,6 +1632,8 @@ export function StudioMovieComposer({ settingsHost }: StudioMovieComposerProps =
         };
       }),
     );
+    const firstGenerated = applied.length ? bySeg.get(applied[0]) : undefined;
+    if (firstGenerated) applyGeneratedTitle(firstGenerated.prompt);
     let oracleNotice: string | null = null;
     if (settingsMode === "oracle") {
       for (const key of applied) {
@@ -1685,6 +1684,8 @@ export function StudioMovieComposer({ settingsHost }: StudioMovieComposerProps =
     steeringSeed,
     settingsMode,
     planGoalPrompt,
+    applyGeneratedTitle,
+    fps,
   ]);
 
   // ── GROUP ACTION: negatives for the selected rows ──

package/src/video/spreadAssist.ts

@@ -71,6 +71,7 @@ export interface AssistContextWire {
 /** The `mode:"spread"` request body (§1a), minus `model` (the hook adds that). */
 export interface SpreadRequestWire {
   mode: "spread";
+  fps?: number;
   movie_query?: string;
   style_bible?: Record<string, string>;
   fixed_segments: SegmentRefWire[];