omnius 1.0.402 → 1.0.403

package/dist/index.js

@@ -3675,6 +3675,69 @@ function ensureCommand(command) {
   _cache.set(command, result);
   return result;
 }
+function repairCommandPackage(command) {
+  const dep = DESKTOP_DEPS.find((d2) => d2.command === command);
+  if (!dep) {
+    return {
+      available: false,
+      installed: false,
+      error: `Unknown dependency: ${command}. Cannot repair package.`
+    };
+  }
+  const pm = detectPackageManager();
+  if (!pm) {
+    return {
+      available: hasCommand(command),
+      installed: false,
+      error: `No supported package manager detected — cannot repair ${command}.`
+    };
+  }
+  const pkg = dep.packages[pm];
+  if (!pkg) {
+    return {
+      available: hasCommand(command),
+      installed: false,
+      error: `No package mapping for ${command} on ${pm} — cannot repair package.`
+    };
+  }
+  let installCmd;
+  switch (pm) {
+    case "apt":
+      installCmd = `apt-get install -y ${pkg}`;
+      break;
+    case "dnf":
+      installCmd = `dnf install -y ${pkg}`;
+      break;
+    case "pacman":
+      installCmd = `pacman -S --noconfirm ${pkg}`;
+      break;
+    case "brew":
+      installCmd = `brew install ${pkg}`;
+      break;
+    case "choco":
+      installCmd = `choco install -y ${pkg}`;
+      break;
+  }
+  try {
+    runInstall(installCmd);
+  } catch (err) {
+    const msg = err instanceof Error ? err.message : String(err);
+    const result = {
+      available: hasCommand(command),
+      installed: false,
+      error: `Failed to repair ${pkg} via ${pm}: ${msg.slice(0, 200)}`
+    };
+    _cache.delete(command);
+    return result;
+  }
+  _cache.delete(command);
+  const available = hasCommand(command);
+  return {
+    available,
+    installed: available,
+    error: available ? void 0 : `Installed ${pkg} but ${command} still not found on PATH.`
+  };
+}
 function ensureDepsForGroup(group) {
   const deps = DESKTOP_DEPS.filter((d2) => d2.group === group);
   const results = deps.map((d2) => ({ command: d2.command, result: ensureCommand(d2.command) }));
@@ -3781,6 +3844,18 @@ var init_system_deps = __esm({
         packages: { apt: "ghostscript", dnf: "ghostscript", pacman: "ghostscript", brew: "ghostscript", choco: "ghostscript" },
         description: "PostScript/PDF rendering (Ghostscript, required by ocrmypdf)",
         group: "pdf"
+      },
+      {
+        command: "ffmpeg",
+        packages: { apt: "ffmpeg libavcodec-extra", dnf: "ffmpeg", pacman: "ffmpeg", brew: "ffmpeg", choco: "ffmpeg" },
+        description: "Camera/media capture and MJPEG decode/encode support",
+        group: "camera"
+      },
+      {
+        command: "v4l2-ctl",
+        packages: { apt: "v4l-utils", dnf: "v4l-utils", pacman: "v4l-utils", brew: "v4l-utils" },
+        description: "Linux Video4Linux device capability probing",
+        group: "camera"
       }
     ];
     _cache = /* @__PURE__ */ new Map();
@@ -542806,6 +542881,103 @@ function sortedVideoDevicePaths() {
     return [];
   }
 }
+function ffmpegBin2() {
+  return process.env["OMNIUS_FFMPEG"] || "ffmpeg";
+}
+function normalizePixelFormat(pixelFormat) {
+  const fmt2 = pixelFormat.trim().toUpperCase();
+  if (fmt2 === "MJPG" || fmt2 === "MJPEG")
+    return "mjpeg";
+  if (fmt2 === "YUYV" || fmt2 === "YUYV422")
+    return "yuyv422";
+  if (fmt2 === "UYVY" || fmt2 === "UYVY422")
+    return "uyvy422";
+  if (fmt2 === "NV12")
+    return "nv12";
+  if (fmt2 === "H264" || fmt2 === "H.264")
+    return "h264";
+  if (fmt2 === "HEVC" || fmt2 === "H265" || fmt2 === "H.265")
+    return "hevc";
+  return void 0;
+}
+function parseV4l2Formats(raw) {
+  const formats = [];
+  let current = null;
+  for (const line of String(raw || "").split(/\r?\n/)) {
+    const fmt2 = /(?:Pixel Format|^\s*\[\d+\])\s*:\s*'([^']+)'\s*(?:\(([^)]*)\))?/i.exec(line);
+    if (fmt2) {
+      current = {
+        pixelFormat: fmt2[1].trim(),
+        description: (fmt2[2] || "").trim(),
+        ffmpegInputFormat: normalizePixelFormat(fmt2[1]),
+        compressed: /compressed|mjpeg|h\.?264|hevc/i.test(fmt2[2] || fmt2[1] || ""),
+        sizes: []
+      };
+      formats.push(current);
+      continue;
+    }
+    const size = /Size:\s*Discrete\s+(\d+x\d+)/i.exec(line);
+    if (size && current && !current.sizes.includes(size[1]))
+      current.sizes.push(size[1]);
+  }
+  return formats;
+}
+function uniqueStrings(values) {
+  const out = [];
+  for (const value2 of values) {
+    if (!value2 || out.includes(value2))
+      continue;
+    out.push(value2);
+  }
+  return out;
+}
+function buildV4l2CaptureAttempts(width, height, formats) {
+  const requested = width > 0 && height > 0 ? `${width}x${height}` : void 0;
+  const advertisedSizes = formats.flatMap((f2) => f2.sizes);
+  const sizes = uniqueStrings([requested, ...advertisedSizes, ...DEFAULT_CAPTURE_SIZES]).slice(0, 10);
+  const advertisedInputs = formats.map((f2) => f2.ffmpegInputFormat).filter((f2) => !!f2);
+  const inputs = uniqueStrings([
+    ...advertisedInputs.filter((f2) => f2 === "mjpeg"),
+    ...advertisedInputs.filter((f2) => f2 !== "mjpeg"),
+    "mjpeg",
+    "yuyv422",
+    void 0
+  ]);
+  const attempts = [];
+  for (const size of sizes) {
+    for (const input of inputs) {
+      if (input === "mjpeg") {
+        attempts.push({ label: `mjpeg packet copy ${size}`, inputFormat: input, videoSize: size, copyPacket: true });
+      }
+      attempts.push({
+        label: `${input || "auto"} ${size}`,
+        inputFormat: input,
+        videoSize: size,
+        copyPacket: false
+      });
+    }
+  }
+  attempts.push({ label: "auto native", copyPacket: false });
+  const seen = /* @__PURE__ */ new Set();
+  return attempts.filter((attempt) => {
+    const key = `${attempt.inputFormat || ""}|${attempt.videoSize || ""}|${attempt.copyPacket ? "copy" : "encode"}`;
+    if (seen.has(key))
+      return false;
+    seen.add(key);
+    return true;
+  });
+}
+function cameraFfmpegErrorNeedsPackageRepair(message2) {
+  return /mjpeg|codec|decoder|encoder|unknown input format|not support|not supported|invalid pixel format|video4linux2|v4l2/i.test(message2);
+}
+function processErrorDetail(err) {
+  if (err instanceof AsyncProcessError) {
+    const stderr = err.stderr.toString("utf8").trim();
+    const stdout = err.stdout.toString("utf8").trim();
+    return [err.message, stderr, stdout].filter(Boolean).join("\n").slice(0, 1200);
+  }
+  return (err instanceof Error ? err.message : String(err)).slice(0, 1200);
+}
 function cameraProfileFor(rawProfile, expectedCameras) {
   const key = String(rawProfile || "generic").trim().toLowerCase();
   const base3 = CAMERA_PROFILES[key] ?? { ...DEFAULT_CAMERA_PROFILE, name: key || "generic" };
@@ -542857,15 +543029,17 @@ function formatRouterPlan(plan) {
   }
   return lines.join("\n");
 }
-var KANDAO_USB_VENDORS, QOOCAM_WIFI_PASSWORD, QOOCAM_DEFAULT_IP, OSC_TIMEOUT, DEFAULT_CAMERA_PROFILE, CAMERA_PROFILES, CameraCaptureTool;
+var KANDAO_USB_VENDORS, QOOCAM_WIFI_PASSWORD, QOOCAM_DEFAULT_IP, OSC_TIMEOUT, DEFAULT_CAPTURE_SIZES, DEFAULT_CAMERA_PROFILE, CAMERA_PROFILES, CameraCaptureTool;
 var init_camera_capture = __esm({
   "packages/execution/dist/tools/camera-capture.js"() {
     "use strict";
     init_process_async();
+    init_system_deps();
     KANDAO_USB_VENDORS = ["12d1", "2aad"];
     QOOCAM_WIFI_PASSWORD = "12345678";
     QOOCAM_DEFAULT_IP = "192.168.173.1";
     OSC_TIMEOUT = 15e3;
+    DEFAULT_CAPTURE_SIZES = ["1280x720", "640x480", "1920x1080"];
     DEFAULT_CAMERA_PROFILE = {
       name: "generic",
       streamBasePort: 9e3,
@@ -543078,17 +543252,22 @@ ${formatRouterPlan(plan)}`,
       async discoverV4l2Devices() {
         const devices = [];
         const devs = sortedVideoDevicePaths();
+        const canProbe = devs.length > 0 ? ensureCommand("v4l2-ctl").available : false;
         for (const dev of devs) {
           let name10 = "Unknown camera";
           let driver = "unknown";
+          let captureCapable;
           try {
-            const info = await execFileText("v4l2-ctl", ["-d", dev, "--info"], { timeout: 3e3 });
-            const nameMatch = info.match(/Card type\s*:\s*(.+)/);
-            const driverMatch = info.match(/Driver name\s*:\s*(.+)/);
-            if (nameMatch)
-              name10 = nameMatch[1].trim();
-            if (driverMatch)
-              driver = driverMatch[1].trim();
+            if (canProbe) {
+              const info = await execFileText("v4l2-ctl", ["-d", dev, "--info"], { timeout: 3e3 });
+              const nameMatch = info.match(/Card type\s*:\s*(.+)/);
+              const driverMatch = info.match(/Driver name\s*:\s*(.+)/);
+              if (nameMatch)
+                name10 = nameMatch[1].trim();
+              if (driverMatch)
+                driver = driverMatch[1].trim();
+              captureCapable = /(?:Device Caps|Capabilities)[\s\S]*Video Capture/i.test(info) && !/Metadata Capture/i.test(info);
+            }
           } catch {
             try {
               const idx = dev.match(/video(\d+)/)?.[1];
@@ -543107,6 +543286,7 @@ ${formatRouterPlan(plan)}`,
             driver,
             backend: "v4l2",
             index,
+            captureCapable,
             realsense,
             depthCapable: realsense || haystack.includes("depth")
           });
@@ -543115,14 +543295,15 @@ ${formatRouterPlan(plan)}`,
       }
       async resolveV4l2Device(rawDevice) {
         const devices = await this.discoverV4l2Devices();
+        const captureDevices = devices.filter((device) => device.captureCapable !== false);
         if (!rawDevice)
-          return devices[0]?.device ?? null;
+          return captureDevices[0]?.device ?? devices[0]?.device ?? null;
         if (rawDevice.startsWith("/dev/video"))
           return rawDevice;
         const slotMatch = rawDevice.match(/^(?:slot:|camera)?(\d+)$/i);
         if (slotMatch) {
           const idx = Number(slotMatch[1]);
-          return devices[idx]?.device ?? null;
+          return captureDevices[idx]?.device ?? devices[idx]?.device ?? null;
         }
         return rawDevice;
       }
@@ -543134,48 +543315,155 @@ ${formatRouterPlan(plan)}`,
         if (!existsSync60(captureDir))
           mkdirSync34(captureDir, { recursive: true });
         const tempFile = outputPath3 || join75(captureDir, `capture-${Date.now()}.jpg`);
+        const deps = await this.ensureV4l2CaptureStack();
+        if (!deps.ok) {
+          return { success: false, output: "", error: deps.error, durationMs: performance.now() - start2 };
+        }
+        const formats = await this.queryV4l2Formats(device);
+        const attempts = buildV4l2CaptureAttempts(width, height, formats);
+        const errors = [];
+        let repaired = false;
+        const captureState = {};
+        const runAttempts = async () => {
+          for (const attempt of attempts) {
+            try {
+              if (existsSync60(tempFile))
+                unlinkSync11(tempFile);
+            } catch {
+            }
+            const argv = this.ffmpegCaptureArgs(device, tempFile, attempt);
+            try {
+              await runProcessBuffer(ffmpegBin2(), argv, { timeout: 15e3 });
+              if (existsSync60(tempFile) && readFileSync44(tempFile).length > 0) {
+                captureState.successfulAttempt = attempt;
+                return true;
+              }
+              errors.push(`${attempt.label}: ffmpeg produced no image bytes`);
+            } catch (err) {
+              const detail = processErrorDetail(err);
+              errors.push(`${attempt.label}: ${detail}`);
+              if (!repaired && cameraFfmpegErrorNeedsPackageRepair(detail)) {
+                const repair = repairCommandPackage("ffmpeg");
+                repaired = true;
+                errors.push(repair.error ? `ffmpeg repair attempted: ${repair.error}` : "ffmpeg repair attempted: package install completed");
+                if (repair.available)
+                  return runAttempts();
+              }
+            }
+          }
+          return false;
+        };
+        if (await runAttempts()) {
+          const firstSuccess = errors.length > 0 ? `
+Recovered with capture profile: ${captureState.successfulAttempt?.label ?? "unknown"}. Last failed attempt: ${errors[errors.length - 1].slice(0, 260)}` : "";
+          const result = this.returnCapturedFile(tempFile, captureState.successfulAttempt?.videoSize ?? `${width}x${height}`, device, outputPath3, start2);
+          return result.success && firstSuccess ? { ...result, output: result.output + firstSuccess, llmContent: result.llmContent ? result.llmContent + firstSuccess : result.llmContent } : result;
+        }
+        const allErrors = errors.join("\n\n");
+        if (/Device or resource busy/i.test(allErrors)) {
+          return { success: false, output: "", error: `Camera ${device} is busy — close other camera apps.
+${allErrors.slice(0, 900)}`, durationMs: performance.now() - start2 };
+        }
+        if (/Permission denied/i.test(allErrors)) {
+          return { success: false, output: "", error: `Permission denied opening ${device}. Add the user to the video group or run the daemon with camera permissions.
+${allErrors.slice(0, 900)}`, durationMs: performance.now() - start2 };
+        }
+        return {
+          success: false,
+          output: "",
+          error: `Failed to capture from ${device} after ${attempts.length} ffmpeg profiles. Auto-install/repair was ${repaired ? "attempted" : "not triggered"}. On ARM Debian/Ubuntu, the camera stack package set is: sudo apt-get update && sudo apt-get install -y ffmpeg libavcodec-extra v4l-utils
+
+` + allErrors.slice(0, 1800),
+          durationMs: performance.now() - start2
+        };
+      }
+      async ensureV4l2CaptureStack() {
+        if (ffmpegBin2() === "ffmpeg") {
+          const ffmpeg = ensureCommand("ffmpeg");
+          if (!ffmpeg.available) {
+            return {
+              ok: false,
+              error: `ffmpeg is required for camera_capture and auto-install failed: ${ffmpeg.error ?? "unknown error"}. On ARM Debian/Ubuntu install: sudo apt-get update && sudo apt-get install -y ffmpeg libavcodec-extra v4l-utils`
+            };
+          }
+        }
+        ensureCommand("v4l2-ctl");
         try {
-          await execFileText("ffmpeg", [
-            "-hide_banner",
-            "-loglevel",
-            "error",
-            "-f",
-            "v4l2",
-            "-video_size",
-            `${width}x${height}`,
-            "-i",
-            device,
-            "-frames:v",
-            "1",
-            "-q:v",
-            "2",
-            "-y",
-            tempFile
-          ], { timeout: 1e4 });
+          const codecs2 = await execFileText(ffmpegBin2(), ["-hide_banner", "-codecs"], { timeout: 6e3 });
+          const formats = await execFileText(ffmpegBin2(), ["-hide_banner", "-formats"], { timeout: 6e3 });
+          const hasMjpegDecode = /^\s*D\S*\s+mjpeg\b/im.test(codecs2);
+          const hasMjpegEncode = /^\s*\S*E\S*\s+mjpeg\b/im.test(codecs2);
+          const hasV4l2 = /video4linux2|v4l2/i.test(formats);
+          if ((!hasMjpegDecode || !hasMjpegEncode || !hasV4l2) && ffmpegBin2() === "ffmpeg") {
+            repairCommandPackage("ffmpeg");
+          }
         } catch (err) {
-          const msg = err instanceof Error ? err.message : String(err);
-          if (msg.includes("Device or resource busy")) {
-            return { success: false, output: "", error: `Camera ${device} is busy — close other camera apps.`, durationMs: performance.now() - start2 };
+          if (ffmpegBin2() === "ffmpeg")
+            repairCommandPackage("ffmpeg");
+        }
+        return { ok: true, error: "" };
+      }
+      async queryV4l2Formats(device) {
+        const dep = ensureCommand("v4l2-ctl");
+        if (dep.available) {
+          try {
+            return parseV4l2Formats(await execFileText("v4l2-ctl", ["-d", device, "--list-formats-ext"], { timeout: 5e3 }));
+          } catch {
           }
-          return { success: false, output: "", error: `Failed to capture from ${device}: ${msg.slice(0, 300)}`, durationMs: performance.now() - start2 };
         }
-        return this.returnCapturedFile(tempFile, `${width}x${height}`, device, outputPath3, start2);
+        try {
+          const probeResult = await runProcessBuffer(ffmpegBin2(), ["-hide_banner", "-f", "v4l2", "-list_formats", "all", "-i", device], { timeout: 5e3 }).catch((err) => {
+            if (err instanceof AsyncProcessError)
+              return err;
+            throw err;
+          });
+          return parseV4l2Formats(Buffer.concat([probeResult.stdout, probeResult.stderr]).toString("utf8"));
+        } catch {
+          return [];
+        }
+      }
+      ffmpegCaptureArgs(device, outputPath3, attempt) {
+        const argv = ["-hide_banner", "-loglevel", "error", "-f", "v4l2", "-thread_queue_size", "4"];
+        if (attempt.inputFormat)
+          argv.push("-input_format", attempt.inputFormat);
+        if (attempt.videoSize)
+          argv.push("-video_size", attempt.videoSize);
+        argv.push("-i", device, "-frames:v", "1");
+        if (attempt.copyPacket) {
+          argv.push("-c:v", "copy", "-f", "image2");
+        } else {
+          argv.push("-q:v", "2");
+        }
+        argv.push("-y", outputPath3);
+        return argv;
       }
       async v4l2Info(device, start2) {
         let info = `Camera: ${device} [v4l2]
 `;
+        const v4l2Ctl = ensureCommand("v4l2-ctl");
+        const ffmpeg = ffmpegBin2() === "ffmpeg" ? ensureCommand("ffmpeg") : { available: true, installed: false };
+        if (v4l2Ctl.installed || ffmpeg.installed) {
+          info += `
+Auto-installed camera dependencies: ${[
+            v4l2Ctl.installed ? "v4l2-ctl" : "",
+            ffmpeg.installed ? "ffmpeg" : ""
+          ].filter(Boolean).join(", ")}
+`;
+        }
         try {
+          if (!v4l2Ctl.available)
+            throw new Error(v4l2Ctl.error || "v4l2-ctl unavailable");
           const formats = await execFileText("v4l2-ctl", ["-d", device, "--list-formats-ext"], { timeout: 5e3 });
           info += "\nSupported formats and resolutions:\n" + formats.trim();
         } catch {
           try {
-            const probeResult = await runProcessBuffer("ffmpeg", ["-hide_banner", "-f", "v4l2", "-list_formats", "all", "-i", device], { timeout: 5e3 }).catch((err) => {
+            const probeResult = await runProcessBuffer(ffmpegBin2(), ["-hide_banner", "-f", "v4l2", "-list_formats", "all", "-i", device], { timeout: 5e3 }).catch((err) => {
               if (err instanceof AsyncProcessError)
                 return err;
               throw err;
             });
             const probe = Buffer.concat([probeResult.stdout, probeResult.stderr]).toString("utf8");
-            const lines = probe.split("\n").filter((l2) => l2.includes("Raw") || l2.includes("Compressed") || l2.includes("video4linux2"));
+            const lines = probe.split("\n").filter((l2) => l2.includes("Raw") || l2.includes("Compressed") || l2.includes("video4linux2") || l2.includes("MJPEG"));
             info += "\nFormats (ffmpeg probe):\n" + (lines.length > 0 ? lines.join("\n") : "Could not query formats");
           } catch {
             info += "\nCould not query camera capabilities";
@@ -700102,58 +700390,69 @@ function getWebUI() {
 <meta name="viewport" content="width=device-width, initial-scale=1.0">
 <title>Omnius</title>
 <style>
-/* ─── Open WebUI-shaped design tokens (OWUI-1) ────────────────────
- * Replaces ~80 hardcoded color literals with CSS custom properties.
- * Palette matches openwebui's neutral grayscale + functional blue
- * accent. Brand gold preserved as --color-brand for Omnius-only marks.
- * Typography flips body to Inter (UI) + JetBrains Mono (code only),
- * leaving the terminal aesthetic only where we explicitly opt in.
+/* ─── Cold Tactical HUD design tokens ──────────────────────────────
+ * Source of truth:
+ * /home/roko/Desktop/hud-ui-style-kit(6)/hud-ui-style-kit
  *
- * Source: /tmp/openwebui-ref/src/tailwind.css @theme + parity audit
- * at .aiwg/owui-parity.md.
+ * The UI remains a single daemon-served HTML document, so these tokens
+ * intentionally map onto the older --color-* variable names as well as
+ * the HUD-specific --hud-* names.
  */
-@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500;600&display=swap');
-
 :root {
-  /* Surfaces — neutral grayscale, openwebui dark default */
-  --color-bg:           oklch(0.16 0 0);   /* gray-950, body background */
-  --color-bg-elevated:  oklch(0.20 0 0);   /* gray-900, panels + headers */
-  --color-bg-input:     oklch(0.27 0 0);   /* gray-850, inputs + chips + buttons */
-  --color-bg-hover:     oklch(0.32 0 0);   /* gray-800, hover surfaces */
-
-  /* Foregrounds */
-  --color-fg:           oklch(0.94 0 0);   /* primary text */
-  --color-fg-muted:     oklch(0.69 0 0);   /* secondary text — gray-500 */
-  --color-fg-subtle:    oklch(0.51 0 0);   /* tertiary — gray-600 */
-  --color-fg-faint:     oklch(0.42 0 0);   /* faint hints — gray-700 */
-
-  /* Borders */
-  --color-border:       oklch(0.27 0 0);   /* default — gray-850 */
-  --color-border-strong:oklch(0.32 0 0);   /* emphasized — gray-800 */
-
-  /* Functional accents — monochrome white accent for a clean, simple UI. */
-  --color-accent:       #ffffff;            /* white — primary actions */
-  --color-accent-hover: #e5e7eb;            /* gray-200 — subtle hover */
-  --color-accent-fg:    #0a0a0a;            /* text/icon color ON an accent surface */
-  --color-success:      #22c55e;            /* green-500 */
-  --color-warning:      #f59e0b;            /* amber-500 */
-  --color-error:        #ef4444;            /* red-500 */
-  --color-info:         #ffffff;            /* white — checkin/info */
-
-  /* Omnius brand — kept narrow scope for Omnius-only marks (active tab strip,
-   * brand glyphs, status accents). Monochrome white to match the accent. */
-  --color-brand:        #ffffff;
-  --color-brand-hover:  #e5e7eb;
+  --hud-void: #060a0c;
+  --hud-black: #0a0f12;
+  --hud-panel-solid: #121b1f;
+  --hud-steel: #353f47;
+  --hud-steel-2: #48545a;
+  --hud-dim: #687577;
+  --hud-muted: #829094;
+  --hud-ink-soft: #c3ccce;
+  --hud-ink: #d9dfdf;
+  --hud-accent: #d29a3a;
+  --hud-accent-strong: #f1bd55;
+  --hud-cyan: #b7d3d8;
+  --hud-danger: #d06c5f;
+  --hud-success: #9fb594;
+  --hud-panel-clip: polygon(0 0, calc(100% - 22px) 0, 100% 22px, 100% 100%, 18px 100%, 0 calc(100% - 18px));
+  --hud-button-clip: polygon(0 0, calc(100% - 12px) 0, 100% 12px, 100% 100%, 12px 100%, 0 calc(100% - 12px));
+  --hud-panel-shadow: 0 24px 80px rgba(0,0,0,0.62), inset 0 1px 0 rgba(255,255,255,0.09);
+  --hud-cyan-glow: 0 0 18px rgba(183,211,216,0.22);
+  --hud-amber-glow: 0 0 22px rgba(210,154,58,0.28);
+
+  /* Legacy color variable bridge */
+  --color-bg: var(--hud-void);
+  --color-bg-elevated: rgba(18, 27, 31, 0.88);
+  --color-bg-input: rgba(10, 15, 18, 0.82);
+  --color-bg-hover: rgba(53, 63, 71, 0.56);
+
+  --color-fg: var(--hud-ink);
+  --color-fg-muted: var(--hud-ink-soft);
+  --color-fg-subtle: var(--hud-muted);
+  --color-fg-faint: var(--hud-dim);
+
+  --color-border: var(--hud-steel);
+  --color-border-strong: var(--hud-steel-2);
+
+  --color-accent: var(--hud-accent);
+  --color-accent-hover: var(--hud-accent-strong);
+  --color-accent-fg: #081014;
+  --color-success: var(--hud-success);
+  --color-warning: var(--hud-accent-strong);
+  --color-error: var(--hud-danger);
+  --color-info: var(--hud-cyan);
+  --color-brand: var(--hud-accent);
+  --color-brand-hover: var(--hud-accent-strong);
 
   /* Typography */
-  --font-ui: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
-  --font-mono: 'JetBrains Mono', 'SF Mono', 'Cascadia Code', 'Fira Code', ui-monospace, monospace;
+  --font-display: 'DIN Condensed', 'Bahnschrift Condensed', 'Arial Narrow', 'Roboto Condensed', Impact, sans-serif;
+  --font-ui: Inter, 'Segoe UI', Roboto, Arial, sans-serif;
+  --font-mono: 'IBM Plex Mono', 'JetBrains Mono', 'Cascadia Mono', 'SF Mono', Consolas, ui-monospace, monospace;
 
   /* Radii */
-  --radius-sm: 6px;
-  --radius-md: 8px;
-  --radius-lg: 12px;     /* openwebui's rounded-xl */
-  --radius-pill: 9999px;
+  --radius-sm: 2px;
+  --radius-md: 3px;
+  --radius-lg: 4px;
+  --radius-pill: 2px;
 }
 
 /* Light theme — opt in via [data-theme=light] on html.
@@ -701446,6 +701745,433 @@ body { display:flex; flex-direction:column; height:100vh; margin:0; overflow:hid
   text-transform: uppercase;
   letter-spacing: 0.05em;
 }
+
+/* ════════════════════════════════════════════════════════════
+   HUD foundation ported from hud-ui-style-kit
+   ════════════════════════════════════════════════════════════ */
+body::before {
+  content: "";
+  position: fixed;
+  inset: 0;
+  pointer-events: none;
+  z-index: -2;
+  background:
+    linear-gradient(rgba(183,211,216,0.045) 1px, transparent 1px),
+    linear-gradient(90deg, rgba(183,211,216,0.045) 1px, transparent 1px),
+    radial-gradient(circle at 22% 18%, rgba(183,211,216,0.09), transparent 30%),
+    linear-gradient(135deg, #060a0c 0%, #0a1114 46%, #10191d 100%);
+  background-size: 64px 64px, 64px 64px, auto, auto;
+}
+body::after {
+  content: "";
+  position: fixed;
+  inset: 0;
+  pointer-events: none;
+  z-index: -1;
+  background:
+    repeating-linear-gradient(0deg, rgba(255,255,255,0.025) 0, rgba(255,255,255,0.025) 1px, transparent 1px, transparent 6px);
+  mix-blend-mode: screen;
+  opacity: 0.32;
+}
+
+.hud-panel {
+  position: relative;
+  border: 1px solid var(--hud-steel);
+  clip-path: var(--hud-panel-clip);
+  background: rgba(10, 15, 18, 0.72);
+  box-shadow: var(--hud-panel-shadow);
+  overflow: hidden;
+}
+.hud-panel__chrome {
+  position: absolute;
+  inset: 0;
+  pointer-events: none;
+  z-index: 0;
+}
+.hud-panel__chrome::before {
+  content: "";
+  position: absolute;
+  inset: 0;
+  background:
+    linear-gradient(rgba(183,211,216,0.055) 1px, transparent 1px),
+    linear-gradient(90deg, rgba(183,211,216,0.045) 1px, transparent 1px);
+  background-size: 18px 18px;
+  opacity: 0.38;
+}
+.hud-panel__chrome::after {
+  content: "";
+  position: absolute;
+  inset: 1px;
+  border: 1px solid rgba(217,223,223,0.08);
+  clip-path: var(--hud-panel-clip);
+}
+.hud-panel > :not(.hud-panel__chrome) {
+  position: relative;
+  z-index: 1;
+}
+.hud-panel--cut::before,
+.hud-panel--slant::before {
+  content: "";
+  position: absolute;
+  top: 0;
+  right: 0;
+  width: 31px;
+  border-top: 1px solid var(--hud-steel-2);
+  transform: rotate(45deg);
+  transform-origin: top right;
+  z-index: 2;
+}
+.hud-panel--cut::after,
+.hud-panel--slant::after {
+  content: "";
+  position: absolute;
+  left: 0;
+  bottom: 0;
+  width: 26px;
+  border-top: 1px solid var(--hud-steel-2);
+  transform: rotate(45deg);
+  transform-origin: bottom left;
+  z-index: 2;
+}
+.hud-panel__header {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 12px;
+  padding: 12px 14px 8px;
+  border-bottom: 1px solid rgba(72,84,90,0.64);
+}
+.hud-panel__body {
+  padding: 12px 14px 14px;
+}
+.kicker,
+.hud-kicker {
+  color: var(--hud-muted);
+  font-family: var(--font-mono);
+  font-size: 0.56rem;
+  letter-spacing: 0.17em;
+  text-transform: uppercase;
+}
+.hud-title {
+  color: var(--hud-ink);
+  font-family: var(--font-display);
+  font-size: clamp(1.15rem, 2.2vw, 2rem);
+  line-height: 0.95;
+  letter-spacing: 0.08em;
+  text-transform: uppercase;
+}
+.hud-subtitle {
+  color: var(--hud-muted);
+  font-family: var(--font-mono);
+  font-size: 0.68rem;
+  line-height: 1.45;
+}
+.hud-btn,
+.hud-tab {
+  --hud-btn-border: var(--hud-steel);
+  position: relative;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  gap: 8px;
+  min-height: 30px;
+  border: 1px solid var(--hud-btn-border);
+  clip-path: var(--hud-button-clip);
+  background: rgba(18,27,31,0.74);
+  color: var(--hud-ink-soft);
+  font-family: var(--font-mono);
+  font-size: 0.64rem;
+  letter-spacing: 0.08em;
+  text-transform: uppercase;
+  cursor: pointer;
+  overflow: hidden;
+}
+.hud-btn__chrome,
+.hud-tab__chrome {
+  position: absolute;
+  inset: 0;
+  pointer-events: none;
+}
+.hud-btn__chrome::before,
+.hud-tab__chrome::before {
+  content: "";
+  position: absolute;
+  top: 0;
+  right: 0;
+  width: 17px;
+  border-top: 1px solid var(--hud-btn-border);
+  transform: rotate(45deg);
+  transform-origin: top right;
+}
+.hud-btn__chrome::after,
+.hud-tab__chrome::after {
+  content: "";
+  position: absolute;
+  left: 0;
+  bottom: 0;
+  width: 17px;
+  border-top: 1px solid var(--hud-btn-border);
+  transform: rotate(45deg);
+  transform-origin: bottom left;
+}
+.hud-btn__label,
+.hud-tab__label {
+  position: relative;
+  z-index: 1;
+  white-space: nowrap;
+}
+.hud-btn:hover,
+.hud-tab:hover {
+  --hud-btn-border: var(--hud-cyan);
+  color: var(--hud-ink);
+  box-shadow: var(--hud-cyan-glow);
+}
+.hud-btn--primary,
+.hud-tab[aria-selected="true"],
+.hud-tab.active {
+  --hud-btn-border: var(--hud-accent);
+  color: #081014;
+  background: linear-gradient(180deg, var(--hud-accent-strong), var(--hud-accent));
+  box-shadow: var(--hud-amber-glow);
+}
+.hud-btn--ghost {
+  background: rgba(10,15,18,0.58);
+}
+.hud-btn--danger {
+  --hud-btn-border: var(--hud-danger);
+  color: var(--hud-danger);
+}
+
+#omnius-shell {
+  background: transparent !important;
+}
+#omnius-sidebar {
+  background: rgba(8,13,16,0.88) !important;
+  border-right: 1px solid var(--hud-steel-2) !important;
+  box-shadow: 18px 0 48px rgba(0,0,0,0.38);
+}
+#omnius-sidebar::before {
+  content: "";
+  position: absolute;
+  inset: 0;
+  pointer-events: none;
+  background:
+    linear-gradient(rgba(183,211,216,0.04) 1px, transparent 1px),
+    linear-gradient(90deg, rgba(183,211,216,0.035) 1px, transparent 1px);
+  background-size: 18px 18px;
+  opacity: 0.48;
+}
+#omnius-main {
+  background: rgba(6,10,12,0.62) !important;
+}
+#header {
+  min-height: 46px;
+  background: rgba(10,15,18,0.84) !important;
+  border-bottom: 1px solid var(--hud-steel-2) !important;
+  box-shadow: inset 0 -1px 0 rgba(183,211,216,0.08);
+}
+#header .accent,
+#sidebar-brand {
+  font-family: var(--font-display) !important;
+  letter-spacing: 0.08em !important;
+  text-transform: uppercase;
+}
+.sb-nav {
+  border-radius: 0 !important;
+  clip-path: var(--hud-button-clip);
+  font-family: var(--font-mono) !important;
+  letter-spacing: 0.08em;
+  text-transform: uppercase;
+}
+.sb-nav.active {
+  background: rgba(210,154,58,0.18) !important;
+  border-color: var(--hud-accent) !important;
+  color: var(--hud-accent-strong) !important;
+  box-shadow: inset 2px 0 0 var(--hud-accent);
+}
+.sb-chat,
+.sb-folder-row,
+#sidebar-search,
+#input-area,
+textarea,
+input,
+select {
+  border-radius: 0 !important;
+}
+input,
+textarea,
+select {
+  background: rgba(6,10,12,0.72) !important;
+  border-color: var(--hud-steel) !important;
+  color: var(--hud-ink) !important;
+  font-family: var(--font-mono);
+}
+input:focus,
+textarea:focus,
+select:focus {
+  border-color: var(--hud-cyan) !important;
+  box-shadow: var(--hud-cyan-glow);
+}
+button {
+  border-radius: 0 !important;
+}
+#chat-container,
+#agent-panel,
+#jobs-panel,
+#config-panel,
+#activity-panel,
+#projects-panel,
+#voice-panel,
+#generate-panel {
+  background:
+    linear-gradient(rgba(183,211,216,0.032) 1px, transparent 1px),
+    linear-gradient(90deg, rgba(183,211,216,0.028) 1px, transparent 1px) !important;
+  background-size: 32px 32px !important;
+}
+.session-topbar,
+#footer,
+#input-toolbar,
+#input-row,
+#processes-row,
+#tasks-row {
+  background: rgba(8,13,16,0.88) !important;
+  border-color: var(--hud-steel) !important;
+}
+.msg.assistant::before {
+  border-radius: 0 !important;
+  clip-path: var(--hud-button-clip);
+  background: rgba(210,154,58,0.16) !important;
+  border: 1px solid var(--hud-accent);
+  color: var(--hud-accent-strong) !important;
+}
+.msg.user > *,
+.msg.system > *,
+.msg .tool-card,
+.msg pre,
+.omnius-modal-window,
+.settings-provider-module,
+.settings-provider-setup {
+  border-radius: 0 !important;
+  border-color: var(--hud-steel) !important;
+  background: rgba(10,15,18,0.72) !important;
+}
+
+.hud-workbench {
+  display: grid;
+  grid-template-columns: minmax(190px, 240px) minmax(0, 1fr) minmax(260px, 360px);
+  gap: 12px;
+  min-height: 100%;
+}
+.hud-rail {
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+}
+.hud-rail-group {
+  display: grid;
+  gap: 6px;
+}
+.hud-rail-label {
+  padding: 0 2px;
+  color: var(--hud-dim);
+  font-family: var(--font-mono);
+  font-size: 0.55rem;
+  letter-spacing: 0.17em;
+  text-transform: uppercase;
+}
+.hud-field {
+  display: grid;
+  gap: 4px;
+  margin-bottom: 10px;
+}
+.hud-field label {
+  color: var(--hud-muted);
+  font-family: var(--font-mono);
+  font-size: 0.58rem;
+  letter-spacing: 0.12em;
+  text-transform: uppercase;
+}
+.hud-form-grid {
+  display: grid;
+  grid-template-columns: repeat(3, minmax(90px, 1fr));
+  gap: 8px;
+}
+.hud-status-line {
+  min-height: 1.2em;
+  color: var(--hud-muted);
+  font-family: var(--font-mono);
+  font-size: 0.64rem;
+  line-height: 1.45;
+}
+.hud-meter {
+  height: 8px;
+  background: rgba(6,10,12,0.9);
+  border: 1px solid var(--hud-steel);
+  overflow: hidden;
+}
+.hud-meter > div {
+  height: 100%;
+  width: 0%;
+  background: linear-gradient(90deg, var(--hud-accent), var(--hud-cyan));
+  transition: width 0.2s;
+}
+.hud-result {
+  display: grid;
+  gap: 8px;
+  color: var(--hud-ink-soft);
+  font-family: var(--font-mono);
+  font-size: 0.64rem;
+  line-height: 1.45;
+}
+.hud-result-card {
+  border: 1px solid rgba(72,84,90,0.78);
+  background: rgba(6,10,12,0.68);
+  padding: 8px;
+}
+.hud-result-card strong {
+  display: block;
+  margin-bottom: 4px;
+  color: var(--hud-accent-strong);
+  font-family: var(--font-display);
+  font-size: 0.9rem;
+  letter-spacing: 0.08em;
+  text-transform: uppercase;
+}
+.hud-chip-row {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 5px;
+}
+.hud-chip {
+  border: 1px solid var(--hud-steel);
+  background: rgba(6,10,12,0.62);
+  color: var(--hud-ink-soft);
+  padding: 3px 6px;
+  font-family: var(--font-mono);
+  font-size: 0.56rem;
+  letter-spacing: 0.08em;
+  text-transform: uppercase;
+}
+.hud-chip.live { border-color: var(--hud-success); color: var(--hud-success); }
+.hud-chip.mock { border-color: var(--hud-danger); color: var(--hud-danger); }
+.hud-gallery-grid {
+  display: grid;
+  grid-template-columns: repeat(auto-fill,minmax(128px,1fr));
+  gap: 8px;
+}
+.hud-scroll {
+  max-height: 100%;
+  overflow: auto;
+}
+
+@media (max-width: 1180px) {
+  .hud-workbench { grid-template-columns: 190px minmax(0, 1fr); }
+  .hud-workbench > .hud-side-output { grid-column: 1 / -1; }
+}
+@media (max-width: 820px) {
+  .hud-workbench { grid-template-columns: 1fr; }
+  .hud-form-grid { grid-template-columns: 1fr; }
+}
 </style>
 </head>
 <body>
@@ -701771,94 +702497,162 @@ body { display:flex; flex-direction:column; height:100vh; margin:0; overflow:hid
      the unified ~/.omnius model store. Loads models from /v1/media/models,
      generates via /v1/media/<kind>, and browses the global gallery. -->
 <div id="generate-panel" style="display:none;flex:1;overflow-y:auto;padding:12px 16px">
-  <div style="display:flex;justify-content:space-between;align-items:center;margin-bottom:6px">
-    <h3 style="color:var(--color-brand);font-size:0.7rem;margin:0">Generate Media</h3>
-    <span id="gen-store-info" style="font-size:0.6rem;color:var(--color-fg-subtle)"></span>
-  </div>
-  <!-- Storage panel: where the heavy weights/venvs/gallery live + relocation -->
-  <div style="border:1px solid var(--color-border);border-radius:6px;padding:8px 10px;margin-bottom:12px;background:var(--color-bg-elevated)">
-    <div style="display:flex;justify-content:space-between;align-items:center;gap:8px">
-      <div style="font-size:0.62rem;color:var(--color-fg-subtle);overflow:hidden">
-        <span style="color:var(--color-fg-muted)">Model storage:</span> <code id="gen-store-path" style="color:var(--color-brand);word-break:break-all">~/.omnius</code>
-        <span id="gen-store-disk" style="color:var(--color-fg-faint);margin-left:6px"></span>
-      </div>
-      <button onclick="toggleMediaLocationPanel()" style="flex:none;background:var(--color-bg);border:1px solid var(--color-border);color:var(--color-fg-subtle);padding:3px 10px;border-radius:3px;font-size:0.6rem;cursor:pointer;font-family:inherit">Change location</button>
-    </div>
-    <div id="gen-relocate-panel" style="display:none;margin-top:8px;border-top:1px solid var(--color-border);padding-top:8px">
-      <div style="font-size:0.6rem;color:var(--color-fg-faint);margin-bottom:4px">Pick a folder to move the heavy model weights, venvs, and gallery to. DBs/sessions stay in <code>~/.omnius</code>.</div>
-      <div id="gen-folder-browser" style="max-height:180px;overflow:auto;border:1px solid var(--color-border);border-radius:4px;padding:4px;font-size:0.64rem;margin-bottom:6px;font-family:var(--font-mono)"></div>
-      <div style="display:flex;gap:6px;align-items:center;flex-wrap:wrap">
-        <input id="gen-relocate-target" type="text" placeholder="/absolute/folder" style="flex:1;min-width:160px;background:var(--color-bg-input);border:1px solid var(--color-border);color:var(--color-fg);padding:4px 8px;border-radius:3px;font-size:0.64rem;font-family:var(--font-mono)">
-        <button onclick="previewMediaRelocate()" style="background:var(--color-bg);border:1px solid var(--color-border);color:var(--color-fg-subtle);padding:4px 10px;border-radius:3px;font-size:0.62rem;cursor:pointer;font-family:inherit">Preview</button>
-        <button onclick="startMediaRelocate()" style="background:var(--color-brand);border:none;color:var(--color-accent-fg);padding:4px 12px;border-radius:3px;font-size:0.62rem;font-weight:600;cursor:pointer;font-family:inherit">Migrate</button>
+  <div class="hud-workbench">
+    <aside class="hud-panel hud-panel--slant hud-rail" id="gen-mode-rail">
+      <div class="hud-panel__chrome" aria-hidden="true"></div>
+      <header class="hud-panel__header">
+        <div>
+          <div class="kicker">Media Operations</div>
+          <h2 class="hud-title">Generate</h2>
+        </div>
+      </header>
+      <div class="hud-panel__body hud-rail">
+        <div class="hud-rail-group" id="gen-kind-row">
+          <div class="hud-rail-label">Synthesis</div>
+          <button class="hud-tab gen-kind gen-mode-tab active" aria-selected="true" data-kind="image" data-gen-mode="image" onclick="genSelectMode('image')"><span class="hud-tab__chrome" aria-hidden="true"></span><span class="hud-tab__label">Image</span></button>
+          <button class="hud-tab gen-kind gen-mode-tab" aria-selected="false" data-kind="video" data-gen-mode="video" onclick="genSelectMode('video')"><span class="hud-tab__chrome" aria-hidden="true"></span><span class="hud-tab__label">Video</span></button>
+          <button class="hud-tab gen-kind gen-mode-tab" aria-selected="false" data-kind="audio" data-gen-mode="audio" onclick="genSelectMode('audio')"><span class="hud-tab__chrome" aria-hidden="true"></span><span class="hud-tab__label">Audio</span></button>
+          <button class="hud-tab gen-kind gen-mode-tab" aria-selected="false" data-kind="music" data-gen-mode="music" onclick="genSelectMode('music')"><span class="hud-tab__chrome" aria-hidden="true"></span><span class="hud-tab__label">Music</span></button>
+        </div>
+        <div class="hud-rail-group">
+          <div class="hud-rail-label">Analysis</div>
+          <button class="hud-tab gen-mode-tab" aria-selected="false" data-gen-mode="audio-analysis" onclick="genSelectMode('audio-analysis')"><span class="hud-tab__chrome" aria-hidden="true"></span><span class="hud-tab__label">Audio Analysis</span></button>
+          <button class="hud-tab gen-mode-tab" aria-selected="false" data-gen-mode="video-analysis" onclick="genSelectMode('video-analysis')"><span class="hud-tab__chrome" aria-hidden="true"></span><span class="hud-tab__label">Video Analysis</span></button>
+          <button class="hud-tab gen-mode-tab" aria-selected="false" data-gen-mode="live-analysis" onclick="genSelectMode('live-analysis')"><span class="hud-tab__chrome" aria-hidden="true"></span><span class="hud-tab__label">Live AV Analysis</span></button>
+        </div>
+        <div class="hud-result-card">
+          <strong>Store</strong>
+          <div class="hud-status-line"><code id="gen-store-path" style="color:var(--hud-cyan);word-break:break-all">~/.omnius</code></div>
+          <div class="hud-status-line" id="gen-store-disk"></div>
+          <div class="hud-status-line" id="gen-store-info"></div>
+          <button class="hud-btn hud-btn--ghost" onclick="toggleMediaLocationPanel()" style="width:100%;margin-top:8px"><span class="hud-btn__chrome" aria-hidden="true"></span><span class="hud-btn__label">Change Location</span></button>
+          <div id="gen-relocate-panel" style="display:none;margin-top:10px;border-top:1px solid var(--hud-steel);padding-top:10px">
+            <div class="hud-status-line">Move model weights, venvs, and gallery. DBs/sessions stay in ~/.omnius.</div>
+            <div id="gen-folder-browser" style="max-height:180px;overflow:auto;border:1px solid var(--hud-steel);padding:5px;font-size:0.64rem;margin:6px 0;font-family:var(--font-mono)"></div>
+            <div class="hud-field">
+              <input id="gen-relocate-target" type="text" placeholder="/absolute/folder" style="width:100%;padding:6px 8px;font-size:0.64rem">
+            </div>
+            <div style="display:flex;gap:6px;flex-wrap:wrap">
+              <button class="hud-btn hud-btn--ghost" onclick="previewMediaRelocate()"><span class="hud-btn__chrome" aria-hidden="true"></span><span class="hud-btn__label">Preview</span></button>
+              <button class="hud-btn hud-btn--primary" onclick="startMediaRelocate()"><span class="hud-btn__chrome" aria-hidden="true"></span><span class="hud-btn__label">Migrate</span></button>
+            </div>
+            <div id="gen-relocate-status" class="hud-status-line" style="margin-top:6px"></div>
+            <div id="gen-relocate-bar-wrap" class="hud-meter" style="display:none;margin-top:6px"><div id="gen-relocate-bar"></div></div>
+          </div>
+        </div>
       </div>
-      <div id="gen-relocate-status" style="font-size:0.62rem;color:var(--color-fg-subtle);margin-top:6px"></div>
-      <div id="gen-relocate-bar-wrap" style="display:none;margin-top:6px;height:8px;background:var(--color-bg);border:1px solid var(--color-border);border-radius:4px;overflow:hidden">
-        <div id="gen-relocate-bar" style="height:100%;width:0%;background:var(--color-brand);transition:width 0.2s"></div>
+    </aside>
+
+    <main class="hud-rail">
+      <section id="gen-create-panel" class="hud-panel hud-panel--cut">
+        <div class="hud-panel__chrome" aria-hidden="true"></div>
+        <header class="hud-panel__header">
+          <div>
+            <div class="kicker">Synthesis Console</div>
+            <h2 class="hud-title" id="gen-mode-title">Image Generator</h2>
+          </div>
+          <button id="gen-run-btn" class="hud-btn hud-btn--primary" onclick="generateMedia()"><span class="hud-btn__chrome" aria-hidden="true"></span><span class="hud-btn__label">Generate</span></button>
+        </header>
+        <div class="hud-panel__body">
+          <div class="hud-field">
+            <label for="gen-model">Model</label>
+            <select id="gen-model" style="width:100%;padding:7px 9px;font-size:0.68rem">
+              <option value="auto">auto (recommended)</option>
+            </select>
+          </div>
+          <div class="hud-field">
+            <label for="gen-prompt">Prompt</label>
+            <textarea id="gen-prompt" rows="5" placeholder="Describe what to generate..." style="width:100%;padding:8px 10px;font-size:0.74rem;resize:vertical"></textarea>
+          </div>
+          <div class="hud-form-grid">
+            <div class="hud-field"><label for="gen-seed">Seed</label><input id="gen-seed" type="number" placeholder="random" style="width:100%;padding:6px 8px;font-size:0.66rem"></div>
+            <div id="gen-steps-wrap" class="hud-field"><label for="gen-steps">Steps</label><input id="gen-steps" type="number" placeholder="model default" style="width:100%;padding:6px 8px;font-size:0.66rem"></div>
+            <div id="gen-duration-wrap" class="hud-field" style="display:none"><label for="gen-duration">Duration s</label><input id="gen-duration" type="number" placeholder="model default" style="width:100%;padding:6px 8px;font-size:0.66rem"></div>
+          </div>
+          <div id="gen-status" class="hud-status-line" style="margin-top:4px"></div>
+          <div id="gen-progress-wrap" style="display:none;margin-top:8px">
+            <div class="hud-status-line"><span id="gen-progress-stage">starting...</span> <span id="gen-progress-msg"></span></div>
+            <div class="hud-meter" style="margin-top:4px"><div id="gen-progress-bar"></div></div>
+          </div>
+        </div>
+      </section>
+
+      <section id="gen-analysis-panel" class="hud-panel hud-panel--cut" style="display:none">
+        <div class="hud-panel__chrome" aria-hidden="true"></div>
+        <header class="hud-panel__header">
+          <div>
+            <div class="kicker">Perception Console</div>
+            <h2 class="hud-title" id="av-mode-title">Audio Analysis</h2>
+          </div>
+          <button id="av-run-btn" class="hud-btn hud-btn--primary" onclick="analyzeAvMedia()"><span class="hud-btn__chrome" aria-hidden="true"></span><span class="hud-btn__label">Analyze</span></button>
+        </header>
+        <div class="hud-panel__body">
+          <div class="hud-field">
+            <label for="av-source">Source path or file URI</label>
+            <input id="av-source" type="text" placeholder="/path/to/audio-or-video.mp4 or file:///path/to/media.wav" style="width:100%;padding:7px 9px;font-size:0.68rem">
+          </div>
+          <div class="hud-field">
+            <label for="av-question">Question</label>
+            <textarea id="av-question" rows="4" placeholder="What is happening? Who or what appears? What audio events matter?" style="width:100%;padding:8px 10px;font-size:0.72rem;resize:vertical"></textarea>
+          </div>
+          <div style="display:flex;gap:8px;flex-wrap:wrap">
+            <button class="hud-btn hud-btn--ghost" onclick="analyzeAvMedia('audio-analysis')"><span class="hud-btn__chrome" aria-hidden="true"></span><span class="hud-btn__label">Audio Pass</span></button>
+            <button class="hud-btn hud-btn--ghost" onclick="analyzeAvMedia('video-analysis')"><span class="hud-btn__chrome" aria-hidden="true"></span><span class="hud-btn__label">Video Pass</span></button>
+            <button class="hud-btn hud-btn--ghost" onclick="analyzeAvMedia('live-analysis')"><span class="hud-btn__chrome" aria-hidden="true"></span><span class="hud-btn__label">Full AV Pass</span></button>
+          </div>
+          <div id="av-status" class="hud-status-line" style="margin-top:8px"></div>
+          <div id="av-result" class="hud-result" style="margin-top:10px"></div>
+        </div>
+      </section>
+
+      <section class="hud-panel hud-panel--cut">
+        <div class="hud-panel__chrome" aria-hidden="true"></div>
+        <header class="hud-panel__header">
+          <div>
+            <div class="kicker">Media Archive</div>
+            <h2 class="hud-title">Gallery</h2>
+          </div>
+          <button class="hud-btn hud-btn--ghost" onclick="loadGenerateGallery()"><span class="hud-btn__chrome" aria-hidden="true"></span><span class="hud-btn__label">Refresh</span></button>
+        </header>
+        <div class="hud-panel__body">
+          <div style="display:flex;gap:6px;flex-wrap:wrap;align-items:center;margin-bottom:8px;font-size:0.6rem">
+            <div id="gen-filter-kinds" style="display:flex;gap:4px;flex-wrap:wrap">
+              <button class="hud-btn hud-btn--primary gen-filter-kind active" data-fkind="" onclick="setGalleryKindFilter('')"><span class="hud-btn__chrome" aria-hidden="true"></span><span class="hud-btn__label">All</span></button>
+              <button class="hud-btn hud-btn--ghost gen-filter-kind" data-fkind="image" onclick="setGalleryKindFilter('image')"><span class="hud-btn__chrome" aria-hidden="true"></span><span class="hud-btn__label">Image</span></button>
+              <button class="hud-btn hud-btn--ghost gen-filter-kind" data-fkind="video" onclick="setGalleryKindFilter('video')"><span class="hud-btn__chrome" aria-hidden="true"></span><span class="hud-btn__label">Video</span></button>
+              <button class="hud-btn hud-btn--ghost gen-filter-kind" data-fkind="audio" onclick="setGalleryKindFilter('audio')"><span class="hud-btn__chrome" aria-hidden="true"></span><span class="hud-btn__label">Audio</span></button>
+              <button class="hud-btn hud-btn--ghost gen-filter-kind" data-fkind="music" onclick="setGalleryKindFilter('music')"><span class="hud-btn__chrome" aria-hidden="true"></span><span class="hud-btn__label">Music</span></button>
+            </div>
+            <input id="gen-filter-q" type="text" placeholder="search prompt..." oninput="scheduleGalleryReload()" style="flex:1;min-width:140px;padding:5px 8px;font-size:0.6rem">
+            <input id="gen-filter-model" type="text" placeholder="model..." oninput="scheduleGalleryReload()" style="width:110px;padding:5px 8px;font-size:0.6rem">
+            <label class="hud-subtitle">from <input id="gen-filter-from" type="date" onchange="scheduleGalleryReload()" style="padding:4px 6px;font-size:0.6rem"></label>
+            <label class="hud-subtitle">to <input id="gen-filter-to" type="date" onchange="scheduleGalleryReload()" style="padding:4px 6px;font-size:0.6rem"></label>
+            <select id="gen-filter-sort" onchange="scheduleGalleryReload()" style="padding:4px 6px;font-size:0.6rem">
+              <option value="new">Newest</option><option value="old">Oldest</option><option value="big">Largest</option><option value="small">Smallest</option>
+            </select>
+            <span id="gen-gallery-count" class="hud-status-line"></span>
+          </div>
+          <div id="gen-gallery" class="hud-gallery-grid" style="font-size:0.62rem"></div>
+          <div id="gen-gallery-more" style="text-align:center;margin-top:10px"></div>
+        </div>
+      </section>
+    </main>
+
+    <aside class="hud-panel hud-panel--slant hud-side-output">
+      <div class="hud-panel__chrome" aria-hidden="true"></div>
+      <header class="hud-panel__header">
+        <div>
+          <div class="kicker">Evidence Output</div>
+          <h2 class="hud-title">Signal</h2>
+        </div>
+      </header>
+      <div class="hud-panel__body">
+        <div id="gen-analysis-summary" class="hud-result">
+          <div class="hud-result-card"><strong>Ready</strong><div>Generate new media or select Audio Analysis / Video Analysis from the left rail.</div></div>
+        </div>
       </div>
-    </div>
-  </div>
-
-  <!-- Kind selector -->
-  <div id="gen-kind-row" style="display:flex;gap:6px;margin-bottom:10px">
-    <button class="gen-kind active" data-kind="image" onclick="genSelectKind('image')" style="flex:1;background:var(--color-brand);border:1px solid var(--color-border);color:var(--color-accent-fg);padding:6px;border-radius:4px;font-size:0.66rem;cursor:pointer;font-family:inherit">Image</button>
-    <button class="gen-kind" data-kind="video" onclick="genSelectKind('video')" style="flex:1;background:var(--color-bg);border:1px solid var(--color-border);color:var(--color-fg);padding:6px;border-radius:4px;font-size:0.66rem;cursor:pointer;font-family:inherit">Video</button>
-    <button class="gen-kind" data-kind="audio" onclick="genSelectKind('audio')" style="flex:1;background:var(--color-bg);border:1px solid var(--color-border);color:var(--color-fg);padding:6px;border-radius:4px;font-size:0.66rem;cursor:pointer;font-family:inherit">Audio</button>
-    <button class="gen-kind" data-kind="music" onclick="genSelectKind('music')" style="flex:1;background:var(--color-bg);border:1px solid var(--color-border);color:var(--color-fg);padding:6px;border-radius:4px;font-size:0.66rem;cursor:pointer;font-family:inherit">Music</button>
-  </div>
-
-  <!-- Model selector -->
-  <label style="font-size:0.62rem;color:var(--color-fg-subtle);display:block;margin-bottom:3px">Model</label>
-  <select id="gen-model" style="background:var(--color-bg);border:1px solid var(--color-border);color:var(--color-fg);padding:5px 8px;border-radius:4px;font-size:0.66rem;width:100%;margin-bottom:10px;font-family:inherit">
-    <option value="auto">auto (recommended)</option>
-  </select>
-
-  <!-- Prompt -->
-  <label style="font-size:0.62rem;color:var(--color-fg-subtle);display:block;margin-bottom:3px">Prompt</label>
-  <textarea id="gen-prompt" rows="3" placeholder="Describe what to generate…" style="background:var(--color-bg);border:1px solid var(--color-border);color:var(--color-fg);padding:6px 8px;border-radius:4px;font-size:0.7rem;width:100%;margin-bottom:10px;font-family:inherit;resize:vertical"></textarea>
-
-  <!-- Optional params -->
-  <div style="display:flex;gap:8px;margin-bottom:12px;flex-wrap:wrap">
-    <div style="flex:1;min-width:90px"><label style="font-size:0.6rem;color:var(--color-fg-subtle);display:block;margin-bottom:2px">Seed (optional)</label><input id="gen-seed" type="number" placeholder="random" style="background:var(--color-bg);border:1px solid var(--color-border);color:var(--color-fg);padding:4px 8px;border-radius:4px;font-size:0.64rem;width:100%;font-family:inherit"></div>
-    <div id="gen-steps-wrap" style="flex:1;min-width:90px"><label style="font-size:0.6rem;color:var(--color-fg-subtle);display:block;margin-bottom:2px">Steps (optional)</label><input id="gen-steps" type="number" placeholder="model default" style="background:var(--color-bg);border:1px solid var(--color-border);color:var(--color-fg);padding:4px 8px;border-radius:4px;font-size:0.64rem;width:100%;font-family:inherit"></div>
-    <div id="gen-duration-wrap" style="flex:1;min-width:90px;display:none"><label style="font-size:0.6rem;color:var(--color-fg-subtle);display:block;margin-bottom:2px">Duration s (optional)</label><input id="gen-duration" type="number" placeholder="model default" style="background:var(--color-bg);border:1px solid var(--color-border);color:var(--color-fg);padding:4px 8px;border-radius:4px;font-size:0.64rem;width:100%;font-family:inherit"></div>
+    </aside>
   </div>
-
-  <button id="gen-run-btn" onclick="generateMedia()" style="background:var(--color-brand);border:none;color:var(--color-accent-fg);padding:8px 16px;border-radius:4px;font-size:0.72rem;font-weight:600;cursor:pointer;font-family:inherit;width:100%">Generate</button>
-  <div id="gen-status" style="font-size:0.66rem;color:var(--color-fg-subtle);margin-top:8px;min-height:1em"></div>
-  <!-- Live generation progress (download / load / generate) via SSE -->
-  <div id="gen-progress-wrap" style="display:none;margin-top:8px">
-    <div style="font-size:0.62rem;color:var(--color-fg-muted)"><span id="gen-progress-stage">starting…</span> <span id="gen-progress-msg" style="color:var(--color-fg-faint)"></span></div>
-    <div style="margin-top:4px;height:8px;background:var(--color-bg);border:1px solid var(--color-border);border-radius:4px;overflow:hidden">
-      <div id="gen-progress-bar" style="height:100%;width:0%;background:var(--color-brand);transition:width 0.2s"></div>
-    </div>
-  </div>
-
-  <!-- Gallery -->
-  <div style="display:flex;justify-content:space-between;align-items:center;margin:18px 0 8px">
-    <h3 style="color:var(--color-brand);font-size:0.7rem;margin:0">Gallery</h3>
-    <button onclick="loadGenerateGallery()" style="background:var(--color-bg);border:1px solid var(--color-border);color:var(--color-fg-subtle);padding:3px 10px;border-radius:3px;font-size:0.62rem;cursor:pointer;font-family:inherit">↻ Refresh</button>
-  </div>
-  <!-- Gallery filter bar -->
-  <div style="display:flex;gap:6px;flex-wrap:wrap;align-items:center;margin-bottom:8px;font-size:0.6rem">
-    <div id="gen-filter-kinds" style="display:flex;gap:4px">
-      <button class="gen-filter-kind active" data-fkind="" onclick="setGalleryKindFilter('')" style="background:var(--color-brand);border:1px solid var(--color-border);color:var(--color-accent-fg);padding:3px 8px;border-radius:3px;cursor:pointer;font-family:inherit">All</button>
-      <button class="gen-filter-kind" data-fkind="image" onclick="setGalleryKindFilter('image')" style="background:var(--color-bg);border:1px solid var(--color-border);color:var(--color-fg);padding:3px 8px;border-radius:3px;cursor:pointer;font-family:inherit">Image</button>
-      <button class="gen-filter-kind" data-fkind="video" onclick="setGalleryKindFilter('video')" style="background:var(--color-bg);border:1px solid var(--color-border);color:var(--color-fg);padding:3px 8px;border-radius:3px;cursor:pointer;font-family:inherit">Video</button>
-      <button class="gen-filter-kind" data-fkind="audio" onclick="setGalleryKindFilter('audio')" style="background:var(--color-bg);border:1px solid var(--color-border);color:var(--color-fg);padding:3px 8px;border-radius:3px;cursor:pointer;font-family:inherit">Audio</button>
-      <button class="gen-filter-kind" data-fkind="music" onclick="setGalleryKindFilter('music')" style="background:var(--color-bg);border:1px solid var(--color-border);color:var(--color-fg);padding:3px 8px;border-radius:3px;cursor:pointer;font-family:inherit">Music</button>
-    </div>
-    <input id="gen-filter-q" type="text" placeholder="search prompt…" oninput="scheduleGalleryReload()" style="flex:1;min-width:120px;background:var(--color-bg-input);border:1px solid var(--color-border);color:var(--color-fg);padding:3px 8px;border-radius:3px;font-size:0.6rem;font-family:inherit">
-    <input id="gen-filter-model" type="text" placeholder="model…" oninput="scheduleGalleryReload()" style="width:100px;background:var(--color-bg-input);border:1px solid var(--color-border);color:var(--color-fg);padding:3px 8px;border-radius:3px;font-size:0.6rem;font-family:inherit">
-    <label style="color:var(--color-fg-faint)">from <input id="gen-filter-from" type="date" onchange="scheduleGalleryReload()" style="background:var(--color-bg-input);border:1px solid var(--color-border);color:var(--color-fg);padding:2px 4px;border-radius:3px;font-size:0.6rem;font-family:inherit"></label>
-    <label style="color:var(--color-fg-faint)">to <input id="gen-filter-to" type="date" onchange="scheduleGalleryReload()" style="background:var(--color-bg-input);border:1px solid var(--color-border);color:var(--color-fg);padding:2px 4px;border-radius:3px;font-size:0.6rem;font-family:inherit"></label>
-    <select id="gen-filter-sort" onchange="scheduleGalleryReload()" style="background:var(--color-bg-input);border:1px solid var(--color-border);color:var(--color-fg);padding:2px 6px;border-radius:3px;font-size:0.6rem;font-family:inherit">
-      <option value="new">Newest</option><option value="old">Oldest</option><option value="big">Largest</option><option value="small">Smallest</option>
-    </select>
-    <span id="gen-gallery-count" style="color:var(--color-fg-faint)"></span>
-  </div>
-  <div id="gen-gallery" style="display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:8px;font-size:0.62rem"></div>
-  <div id="gen-gallery-more" style="text-align:center;margin-top:10px"></div>
 </div>
 <!-- Media detail modal -->
 <div id="gen-detail-modal" class="omnius-modal" style="display:none" onclick="if(event.target===this)closeGenDetail()">
@@ -704667,6 +705461,7 @@ function routePathForTab(tab) {
     chat: '/chat',
     agent: '/agent',
     voice: '/voice',
+    generate: '/generate',
     projects: '/projects',
     jobs: '/dashboard',
     activity: '/activity',
@@ -704681,6 +705476,7 @@ function tabForRoutePath(pathname) {
     '/chat': 'chat',
     '/agent': 'agent',
     '/voice': 'voice',
+    '/generate': 'generate',
     '/projects': 'projects',
     '/dashboard': 'jobs',
     '/jobs': 'jobs',
@@ -704756,13 +705552,55 @@ window.switchTab = switchTab;
 // /v1/media/file as authenticated blobs.
 // ════════════════════════════════════════════════════════════
 let genKind = 'image';
+let genMode = 'image';
 let genModelsCache = null;
 
+function setHudControlLabel(el, text) {
+  if (!el) return;
+  const label = el.querySelector && el.querySelector('.hud-btn__label,.hud-tab__label');
+  if (label) label.textContent = text;
+  else el.textContent = text;
+}
+
+function genSelectMode(mode) {
+  genMode = mode || 'image';
+  const analysis = genMode === 'audio-analysis' || genMode === 'video-analysis' || genMode === 'live-analysis';
+  document.querySelectorAll('#gen-mode-rail .gen-mode-tab').forEach(b => {
+    const active = b.getAttribute('data-gen-mode') === genMode;
+    b.classList.toggle('active', active);
+    b.setAttribute('aria-selected', active ? 'true' : 'false');
+  });
+  const createPanel = document.getElementById('gen-create-panel');
+  const analysisPanel = document.getElementById('gen-analysis-panel');
+  if (createPanel) createPanel.style.display = analysis ? 'none' : 'block';
+  if (analysisPanel) analysisPanel.style.display = analysis ? 'block' : 'none';
+  const modeTitle = document.getElementById('gen-mode-title');
+  const avTitle = document.getElementById('av-mode-title');
+  const avBtn = document.getElementById('av-run-btn');
+  if (!analysis) {
+    genSelectKind(genMode);
+    if (modeTitle) modeTitle.textContent = genMode.charAt(0).toUpperCase() + genMode.slice(1) + ' Generator';
+    return;
+  }
+  const label = genMode === 'audio-analysis'
+    ? 'Audio Analysis'
+    : genMode === 'video-analysis'
+      ? 'Video Analysis'
+      : 'Live AV Analysis';
+  if (avTitle) avTitle.textContent = label;
+  setHudControlLabel(avBtn, genMode === 'live-analysis' ? 'Analyze AV' : 'Analyze');
+  const summary = document.getElementById('gen-analysis-summary');
+  if (summary && !summary.getAttribute('data-has-result')) {
+    summary.innerHTML = '<div class="hud-result-card"><strong>' + escapeHtml(label) + '</strong><div>Provide a local media path or file URI, then run analysis. Results will show adapter status, source metadata, answer, entities, events, relations, and shots.</div></div>';
+  }
+}
+
 function genSelectKind(kind) {
   genKind = kind;
   document.querySelectorAll('#gen-kind-row .gen-kind').forEach(b => {
     const active = b.getAttribute('data-kind') === kind;
     b.classList.toggle('active', active);
+    b.setAttribute('aria-selected', active ? 'true' : 'false');
     b.style.background = active ? 'var(--color-brand)' : 'var(--color-bg)';
     b.style.color = active ? 'var(--color-accent-fg)' : 'var(--color-fg)';
   });
@@ -704938,7 +705776,7 @@ async function generateMedia() {
   if (seed !== '') body.seed = Number(seed);
   if (steps !== '' && (genKind === 'image' || genKind === 'video')) body.steps = Number(steps);
   if (duration !== '' && (genKind === 'audio' || genKind === 'music')) body.duration = Number(duration);
-  if (btn) { btn.disabled = true; btn.textContent = 'Generating…'; }
+  if (btn) { btn.disabled = true; setHudControlLabel(btn, 'Generating'); }
   if (statusEl) statusEl.textContent = 'Generating ' + genKind + ' — this can take a while on first run (model download + warmup).';
   // Reveal the live progress bar; SSE media.generation_progress fills it in.
   const pw = document.getElementById('gen-progress-wrap'); if (pw) pw.style.display = 'block';
@@ -704956,11 +705794,103 @@ async function generateMedia() {
   } catch (e) {
     if (statusEl) statusEl.textContent = 'Error: ' + (e && e.message || e);
   } finally {
-    if (btn) { btn.disabled = false; btn.textContent = 'Generate'; }
+    if (btn) { btn.disabled = false; setHudControlLabel(btn, 'Generate'); }
     if (pw) setTimeout(() => { pw.style.display = 'none'; if (pb) pb.style.width = '0%'; }, 1000);
   }
 }
 
+function avArraySummary(items, label, limit) {
+  const arr = Array.isArray(items) ? items.slice(0, limit || 8) : [];
+  if (!arr.length) return '<div class="hud-result-card"><strong>' + label + '</strong><div>none reported</div></div>';
+  return '<div class="hud-result-card"><strong>' + label + '</strong><pre style="white-space:pre-wrap;margin:0;background:transparent;border:0;padding:0;color:var(--hud-ink-soft)">' +
+    escapeHtml(JSON.stringify(arr, null, 2)) +
+    '</pre></div>';
+}
+
+function renderAvAnalysis(data, mode) {
+  const result = document.getElementById('av-result');
+  const summary = document.getElementById('gen-analysis-summary');
+  if (!result) return;
+  const d = data || {};
+  const source = d.source || {};
+  const adapters = d.adapters || {};
+  const adapterHtml = Object.keys(adapters).length
+    ? '<div class="hud-chip-row">' + Object.keys(adapters).map(k => {
+        const v = adapters[k];
+        const cls = v === 'live' ? 'live' : 'mock';
+        return '<span class="hud-chip ' + cls + '">' + escapeHtml(k + ': ' + v) + '</span>';
+      }).join('') + '</div>'
+    : '<div class="hud-status-line">adapter status unavailable</div>';
+  const answerRaw = d.answer;
+  const answer = typeof answerRaw === 'string'
+    ? answerRaw
+    : answerRaw && typeof answerRaw.answer === 'string'
+      ? answerRaw.answer
+      : answerRaw
+        ? JSON.stringify(answerRaw, null, 2)
+        : 'No composed answer returned.';
+  const sourceBits = [
+    source.path || source.uri || source.mediaUri || '',
+    source.durationSec != null ? String(Math.round(source.durationSec * 10) / 10) + 's' : '',
+    source.audio ? 'audio' : '',
+    source.video ? 'video' : '',
+    d.stack ? 'stack ' + d.stack : '',
+    d.modelsLive ? 'live models' : 'mock/partial models',
+  ].filter(Boolean).join(' | ');
+  const cards =
+    '<div class="hud-result-card"><strong>Answer</strong><div style="white-space:pre-wrap">' + escapeHtml(answer) + '</div></div>' +
+    '<div class="hud-result-card"><strong>Source</strong><div>' + escapeHtml(sourceBits || 'unknown source') + '</div></div>' +
+    '<div class="hud-result-card"><strong>Adapters</strong>' + adapterHtml + '</div>' +
+    (d.note ? '<div class="hud-result-card"><strong>Quality Note</strong><div>' + escapeHtml(d.note) + '</div></div>' : '') +
+    avArraySummary(d.entities, 'Entities', 10) +
+    avArraySummary(d.events, 'Events', 10) +
+    avArraySummary(d.relations, 'Relations', 10) +
+    avArraySummary(d.shots, 'Shots', 8);
+  result.innerHTML = cards;
+  if (summary) {
+    summary.setAttribute('data-has-result', '1');
+    summary.innerHTML =
+      '<div class="hud-result-card"><strong>' + escapeHtml((mode || genMode).replace(/-/g, ' ')) + '</strong>' +
+      '<div>' + escapeHtml(sourceBits || 'analysis complete') + '</div></div>' +
+      '<div class="hud-result-card"><strong>Answer</strong><div style="white-space:pre-wrap">' + escapeHtml(String(answer).slice(0, 700)) + '</div></div>' +
+      '<div class="hud-result-card"><strong>Adapters</strong>' + adapterHtml + '</div>';
+  }
+}
+
+async function analyzeAvMedia(modeOverride) {
+  if (modeOverride) genSelectMode(modeOverride);
+  const sourceEl = document.getElementById('av-source');
+  const questionEl = document.getElementById('av-question');
+  const statusEl = document.getElementById('av-status');
+  const btn = document.getElementById('av-run-btn');
+  const source = (sourceEl && sourceEl.value || '').trim();
+  const question = (questionEl && questionEl.value || '').trim();
+  if (!source) {
+    if (statusEl) statusEl.textContent = 'Provide a local media path or file URI first.';
+    return;
+  }
+  if (statusEl) statusEl.textContent = 'Analyzing media through /v1/media/av/analyze...';
+  if (btn) { btn.disabled = true; setHudControlLabel(btn, 'Analyzing'); }
+  const body = source.indexOf('file://') === 0
+    ? { mediaUri: source, question }
+    : { path: source, question };
+  try {
+    const r = await fetch('/v1/media/av/analyze', { method: 'POST', headers: headers(), body: JSON.stringify(body) });
+    const j = await r.json().catch(() => ({}));
+    if (!r.ok) {
+      if (statusEl) statusEl.textContent = 'Analysis failed: ' + (j.detail || j.title || ('HTTP ' + r.status));
+      return;
+    }
+    if (statusEl) statusEl.textContent = 'Analysis complete: ' + ((j.data && j.data.episodeId) || 'episode captured');
+    renderAvAnalysis(j.data || {}, genMode);
+  } catch (e) {
+    if (statusEl) statusEl.textContent = 'Analysis error: ' + (e && e.message || e);
+  } finally {
+    if (btn) { btn.disabled = false; setHudControlLabel(btn, genMode === 'live-analysis' ? 'Analyze AV' : 'Analyze'); }
+  }
+}
+window.analyzeAvMedia = analyzeAvMedia;
+
 // ─── Gallery: filters, metadata cards, pagination, detail modal ───────────────
 let genGallery = { kind: '', q: '', model: '', from: '', to: '', sort: 'new', offset: 0, items: [] };
 let _genGalleryTimer = null;
@@ -705083,7 +706013,7 @@ function copyGenPrompt(idx) { const it = _genGalleryDetail[idx]; if (it && it.pr
 function reuseGenPrompt(idx) {
   const it = _genGalleryDetail[idx]; if (!it) return;
   if (it.prompt) { const p = document.getElementById('gen-prompt'); if (p) p.value = it.prompt; }
-  if (it.kind) genSelectKind(it.kind);
+  if (it.kind) genSelectMode(it.kind);
   closeGenDetail();
   document.getElementById('gen-prompt')?.scrollIntoView({ behavior: 'smooth' });
 }
@@ -705142,13 +706072,14 @@ function loadGenerateTab() {
       }
     }
   } catch {}
-  genSelectKind(genKind);
+  genSelectMode(genKind || 'image');
   if (!genModelsCache) loadGenerateModels();
   genStoreInfo();
   loadGenerateGallery(true);
   _genTabLoaded = true;
 }
 window.genSelectKind = genSelectKind;
+window.genSelectMode = genSelectMode;
 window.generateMedia = generateMedia;
 window.loadGenerateGallery = loadGenerateGallery;
 window.addEventListener('popstate', () => {
@@ -717198,6 +718129,7 @@ async function handleRequest(req3, res, ollamaUrl, verbose, runtimeDefaults = {}
       "/chat",
       "/agent",
       "/voice",
+      "/generate",
       "/projects",
       "/dashboard",
       "/jobs",