@hugpy/video-intelligence-ui 0.3.3 → 0.3.4

package/dist/index.html

@@ -49,8 +49,8 @@
         overflow-x: hidden;
       }
     </style>
-    <script type="module" crossorigin src="/video/assets/index-_13ZiBDP.js"></script>
-    <link rel="stylesheet" crossorigin href="/video/assets/index-DuT1AMLn.css">
+    <script type="module" crossorigin src="/video/assets/index-GeD1mo16.js"></script>
+    <link rel="stylesheet" crossorigin href="/video/assets/index-DMoT8G1q.css">
   </head>
   <body>
     <div id="root"></div>

package/entry.tsx

@@ -6,13 +6,12 @@ import { createRoot } from "react-dom/client";
 import { BrowserRouter } from "react-router-dom";
 import { StationShell } from "./src/stations/StationShell";
 import { hugpyConfig } from "./src/config";
-import { startSessionMetering } from "./src/session";
 import { initShare } from "./src/share";
 import { installVideoDemo } from "./src/demo";
 // Sitewide floating Help button. ONE shared framework-free DOM module mounted
 // identically by all four surfaces (main SPA + media/video/fleet arms) — see
 // ../ui_shared/help/helpWidget.js for why it isn't a copied React component.
-import { mountHelpWidget } from "../ui_shared/help/helpWidget";
+import { mountHelpWidget } from "@hugpy/ui-shared/help/helpWidget.js";
 import "./src/style/app.css";
 
 // k9: lift a `?share=<key>` share-link credential out of the URL (stash + strip)
@@ -24,31 +23,11 @@ initShare();
 // anything below can touch the network. No-op outside demo mode.
 installVideoDemo();
 
-// Per-session upload lifecycle: heartbeat the server so it keeps this session's
-// uploads, and beacon a wipe on tab close. (No-op in canned demo mode.)
-startSessionMetering();
-
-// Contract guard: this arm depends ENTIRELY on the current hugpy API, whose
-// /version reports an integer `api` contract version. Fire-and-forget on boot —
-// never block or delay rendering, and swallow any fetch/parse error.
-const EXPECTED_API_CONTRACT = 1;
-void (async () => {
-  try {
-    const res = await fetch(`${hugpyConfig.apiBase}/version`, {
-      credentials: hugpyConfig.withCredentials ? "include" : "same-origin",
-    });
-    if (!res.ok) return;
-    const body = (await res.json()) as { api?: unknown };
-    const api = body?.api;
-    if (api !== EXPECTED_API_CONTRACT) {
-      console.warn(
-        `hugpy API contract mismatch (got ${String(api)}, expected ${EXPECTED_API_CONTRACT})`,
-      );
-    }
-  } catch {
-    // swallow: never let the contract check disrupt boot.
-  }
-})();
+// Session ping (/session/ping) and the boot /version contract probe were dropped
+// (2026-10-05): neither route has a backend in this build, so both only produced
+// a repeating 404 and a one-shot 404. The page is action-driven now — it contacts
+// the server on a real read (a seed) or a pushed event, never on a timer or a boot
+// liveness poke.
 
 const el = document.getElementById("root");
 if (!el) throw new Error("video-intelligence: #root not found");

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hugpy/video-intelligence-ui",
-  "version": "0.3.3",
+  "version": "0.3.4",
   "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",
@@ -39,7 +39,8 @@
     "react-dom": "^18.3.1",
     "react-router-dom": "^7.16.0",
     "three": "^0.185.1",
-    "zod": "^3.23.8"
+    "zod": "^3.23.8",
+    "@hugpy/ui-shared": "^0.3.1"
   },
   "devDependencies": {
     "@tailwindcss/vite": "^4.0.0",

package/src/config.ts

@@ -149,6 +149,8 @@ export const hugpyConfig = {
    */
   studioI2VEnqueueUrl:
     read("VITE_HUGPY_STUDIO_I2V_URL") ?? `${apiBase}/video/studio/i2v`,
+  studioPlanUrl:
+    read("VITE_HUGPY_STUDIO_PLAN_URL") ?? `${apiBase}/video/studio/plan`,
   /**
    * Enqueue a STUDIO MOVIE (Studio Movie composer, slice B2/B3) — POST an ordered
    * goal timeline {resolution:{width,height,fps}, seed, vram_budget_gb, negative_prompt,
@@ -202,13 +204,19 @@ export const hugpyConfig = {
    * (?all=1 appends recent terminal rows; ?limit=N, default 50) → { jobs: [{ job_id,
    * name, status, created, updated, principal, progress:{…|phase:"awaiting_capacity",
    * reason, held_since, overtaken}|null, placement?:{source:"reservation"|"template",
-   * host, worker_id, gpu, process, reserved_bytes} }] }. Unlike `llmJobsUrl` (the
-   * unified cross-transport feed, terminal rows dropped after ~600s) this is the
-   * media CATALOG projection and carries PLACEMENT — WHERE each in-flight render
+   * host, worker_id, gpu, process, reserved_bytes} }] }. This is the media
+   * CATALOG projection and carries PLACEMENT — WHERE each in-flight render
    * physically executes (ae · cuda:0 · P-studio). Declared here so the Active
    * Processes surface never derives the path inline.
    */
   mediaJobsUrl: read("VITE_HUGPY_MEDIA_JOBS_URL") ?? `${apiBase}/video/jobs`,
+  /**
+   * SSE: every media-bus job row the moment a worker reports a transition — the
+   * push that replaced the /video/jobs poll loops. The page seeds ONCE from
+   * mediaJobsUrl, then listens here; see video/jobStream.ts. 404-tolerant: if the
+   * stream is absent the page keeps the one-time seed and never falls back to a poll.
+   */
+  jobsStreamUrl: read("VITE_HUGPY_JOBS_STREAM_URL") ?? `${apiBase}/video/jobs/stream`,
   /**
    * LIVE tok/s telemetry for the generate workbench's Toks panel. Two endpoints,
    * both same-origin `/api`, polled together every 2s by `useToks`:
@@ -362,19 +370,6 @@ export const hugpyConfig = {
   modelsUrl: read("VITE_HUGPY_MODELS_URL") ?? `${apiBase}/v1/models`,
   /** Task defaults — GET → { defaults: { "text-to-image": <id>, ... }, tasks:[...] }. */
   promptTasksUrl: read("VITE_HUGPY_PROMPT_TASKS_URL") ?? `${apiBase}/prompt/tasks`,
-  /**
-   * The AUTHORITATIVE unified feed of EVERY in-flight worker call across ALL
-   * transports (web / v1 / discord / cli / media) — GET → { jobs: [{ id, kind,
-   * status, transport, model, model_name, worker, principal, elapsed, tokens,
-   * error, ... }] }. Unlike the per-session jobTracker (which only knows jobs THIS
-   * browser enqueued) this shows fleet-wide work — identity reconstructions
-   * (kind:"identity_reconstruction", transport:"media"), studio renders, and any
-   * call from another station/transport. The Active Processes panel polls it,
-   * keeps the in-flight rows (pending/processing/streaming, minus `download`
-   * provisioning), and merges them with the tracker rows. Declared here so the
-   * panel never derives the path inline.
-   */
-  llmJobsUrl: read("VITE_HUGPY_LLM_JOBS_URL") ?? `${apiBase}/llm/jobs`,
   /**
    * k9 VIDEO-SHARE links — GET → { keys:[{id,label,prefix,created_at,expires_at,
    * expired,revoked,last_used}] } (OPERATOR-ONLY; a share/anon session gets 401,
@@ -464,17 +459,6 @@ export function llmChatCancelUrl(id: string): string {
   return `${apiBase}/llm/chat/cancel/${encodeURIComponent(id)}`;
 }
 
-/**
- * HARD-CANCEL a job by id on the unified feed: POST → {cancelled, status}. Unlike
- * the transport-specific routes above, this is the ONE cancel the fleet-wide
- * `/llm/jobs` Active-Processes rows hit regardless of which transport launched the
- * job — the backend fans it out to the right bus. Per-id like `jobCancelUrl` —
- * derived from apiBase, the one module permitted to hold URL literals.
- */
-export function llmJobCancelUrl(id: string): string {
-  return `${apiBase}/llm/jobs/${encodeURIComponent(id)}/cancel`;
-}
-
 /**
  * Apply (pre-warm) a curated Generate-station preset by id: POST → on success
  * {ok:true, worker:{name,id}, model_key, mode, defaults{...}, warming}; on failure

package/src/demo/demoFetch.ts

@@ -199,15 +199,6 @@ async function route(
   if (path === "/v1/models") return jsonResponse(fx.V1_MODELS);
   if (path === "/prompt/tasks") return jsonResponse(fx.PROMPT_TASKS);
 
-  // Unified in-flight worker feed (Active Processes poller, useWorkerCalls.ts,
-  // ~2s cadence). The brochure runs nothing, so the honest envelope is an empty
-  // in-flight list — { jobs: [] } is exactly the shape parseJobs() projects, and
-  // an empty list keeps the panel truthful (no fabricated running render). Routed
-  // (not gated) so the poll simply never reaches the wire in canned mode.
-  if (path === "/llm/jobs" && method === "GET") {
-    return jsonResponse({ jobs: [] });
-  }
-
   // Bus-wide MEDIA JOBS listing (Active Processes media poller, useMediaJobs.ts,
   // ~2s cadence, GET bare /video/jobs — no id, so the job-poll regex below never
   // matches it). Same honest empty in-flight list as /llm/jobs. Must sit ABOVE

package/src/nav/Navbar.tsx

@@ -21,14 +21,14 @@
  */
 import React from "react";
 import type { ReactNode } from "react";
-import { makeUseArms } from "../../../ui_shared/arms";
+import { makeUseArms } from "@hugpy/ui-shared/arms";
 import BrandMark from "./BrandMark";
 import { hugpyConfig } from "../config";
 // The link SET + order come from the ONE shared manifest so this arm can never
 // drift from the rest of the site. Rendering stays local (runtime siteBase,
 // current-marking). Plain .js, imported via allowJs with no .d.ts.
-import { buildNavItems } from "../../../ui_shared/navbar/links";
-import "../../../ui_shared/navbar/navbar.css";
+import { buildNavItems } from "@hugpy/ui-shared/navbar/links.js";
+import "@hugpy/ui-shared/navbar/navbar.css";
 import "./Navbar.css";
 
 // Origin-relative on a hugpy origin; the public hugpy site (siteUrl) otherwise.

package/src/session.ts

@@ -7,11 +7,7 @@
 // wipe them immediately. A server-side 1h sweep is the safety net for missed
 // beacons. Disabled entirely in canned demo mode (no backend is contacted, and
 // sendBeacon bypasses the demo fetch shim).
-import { hugpyConfig } from "./config";
-import { isCanned } from "./demo/mode";
-
 const SID_KEY = "hugpy.video.sid";
-const HEARTBEAT_MS = 60_000;
 
 function makeSid(): string {
   try {
@@ -42,44 +38,13 @@ export function getSessionId(): string {
   }
 }
 
-let started = false;
-
-/** Start heartbeat + tab-close beacon so the server can wipe uploads per session. */
+/**
+ * Session metering was removed (2026-10-05). It heartbeat /session/ping every 60s
+ * and beaconed /session/end on close, but neither route has a backend in this
+ * build (the ping 404'd on a timer). The per-tab session id below still tags
+ * uploads; the server's own sweep is the upload-lifecycle backstop. Kept as an
+ * exported no-op so any caller/import stays valid without reintroducing a poll.
+ */
 export function startSessionMetering(): void {
-  if (started || typeof window === "undefined") return;
-  if (isCanned()) return;
-  started = true;
-
-  const sid = getSessionId();
-  const base = hugpyConfig.apiBase.replace(/\/$/, "");
-  const q = `sid=${encodeURIComponent(sid)}`;
-
-  // Heartbeat — a "simple" POST (query param, no custom header / JSON) so it never
-  // triggers a CORS preflight in cross-origin deploys. Failures are ignored.
-  const ping = () => {
-    try {
-      void fetch(`${base}/session/ping?${q}`, {
-        method: "POST",
-        credentials: hugpyConfig.withCredentials ? "include" : "same-origin",
-        keepalive: true,
-      }).catch(() => {});
-    } catch {
-      /* ignore */
-    }
-  };
-
-  ping(); // announce on load
-  window.setInterval(ping, HEARTBEAT_MS);
-
-  // Tab close → wipe now (best-effort). Skip bfcache navigations (persisted),
-  // which may be restored; the heartbeat resumes if so, and the 1h sweep is the
-  // backstop either way.
-  window.addEventListener("pagehide", (e) => {
-    if ((e as PageTransitionEvent).persisted) return;
-    try {
-      navigator.sendBeacon?.(`${base}/session/end?${q}`);
-    } catch {
-      /* ignore */
-    }
-  });
+  /* intentionally empty — no session ping, no tab-close beacon (no backend) */
 }

package/src/stations/GenerateStation.tsx

@@ -1456,10 +1456,10 @@ export function GenerateStation({ spec }: { spec: StationSpec }) {
     // This part's OWN assist model (falls back to the shared pick / fleet default).
     const model = p.assistModel ?? assist.assistModel ?? null;
     const context = opts.media ? { media: opts.media } : undefined;
-    let newText = p.text;
+    let newText = "";
     await assist.runAssist(
       mode,
-      p.text,
+      mode === "generate" ? "" : p.text,
       (t) => {
         newText = t;
         editText(p.key, t);
@@ -3793,7 +3793,7 @@ export function GenerateStation({ spec }: { spec: StationSpec }) {
   // apply (replace the primary text part). On ANY failure the hook surfaces .error
   // inline and never calls apply, so the existing prompt stays intact.
   function runAssist(assistMode: "detail" | "generate"): void {
-    void assist.runAssist(assistMode, assembledPrompt, applyAssistedPrompt);
+    void assist.runAssist(assistMode, assistMode === "generate" ? "" : assembledPrompt, applyAssistedPrompt);
   }
 
   useEffect(() => {
@@ -4010,7 +4010,10 @@ export function GenerateStation({ spec }: { spec: StationSpec }) {
           SectionTabs + Options-rail + Run-row layout. The surface is LOCKED to the
           matching sub-mode: Clip → "clip", Cinema → "movie" (the StudioMovieComposer). */}
       {isStudioSurface && (
-        <StudioGenerateMode lockedSurfaceMode={mode === "cinema" ? "movie" : "clip"} />
+        <StudioGenerateMode
+          lockedSurfaceMode={mode === "cinema" ? "movie" : "clip"}
+          onSelectSurfaceMode={(next) => setMode(next === "movie" ? "cinema" : "clip")}
+        />
       )}
 
       {!isStudioSurface && (
@@ -5270,7 +5273,7 @@ export function GenerateStation({ spec }: { spec: StationSpec }) {
                           onGenerate={() =>
                             void (async () => {
                               let fresh = "";
-                              await assist.runAssist("generate", g.prompt, (p) => {
+                              await assist.runAssist("generate", "", (p) => {
                                 fresh = p;
                                 editGoal(g.id, "prompt", p);
                               });

package/src/stations/SharePanel.tsx

@@ -80,10 +80,10 @@ export function SharePanel() {
     }
   }, []);
 
-  // Probe once on mount to decide visibility (and seed the existing-links list).
-  useEffect(() => {
-    void refresh();
-  }, [refresh]);
+  // The mount probe of GET /keys/video-share was dropped (2026-10-05): that route
+  // has no backend in this build, so the probe only 404'd. `authed` therefore
+  // stays null and the Share affordance renders nothing — the same outcome the
+  // 401/403 branch produced, with no request. refresh() still backs mint/revoke.
 
   const mint = useCallback(async () => {
     setMinting(true);

package/src/stations/ToksPanel.tsx

@@ -18,7 +18,6 @@ import {
   useToks,
   rollupByWorker,
   tokAgo,
-  TOKS_POLL_MS,
   type TokEntry,
   type TokGroup,
 } from "../video/useToks";
@@ -153,7 +152,7 @@ export function ToksStation() {
             className={`vi-assistlog-dot ${live ? "vi-assistlog-dot--live" : "vi-assistlog-dot--disconnected"}`}
             aria-hidden
           />
-          {live ? "live" : "paused"} · every {Math.round(TOKS_POLL_MS / 1000)}s
+          {live ? "live" : "paused"} · on activity
         </span>
       </div>
       <p className="vi-knob-hint">