@hugpy/video-intelligence-ui 0.3.6 → 0.3.7

package/dist/index.html

@@ -49,7 +49,7 @@
         overflow-x: hidden;
       }
     </style>
-    <script type="module" crossorigin src="/video/assets/index--is_kWXv.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.6",
+  "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>(() => {