diff --git a/README.md b/README.md
index 207abda..9be4396 100644
--- a/README.md
+++ b/README.md
@@ -64,7 +64,7 @@ pnpm build
 
 | Tool | Description |
 |------|-------------|
-| `tools/traffic` | Passive capture and byte-level analysis of Pangolin BEYOND ⇄ FB4 traffic, on Wireshark's CLI. Driven from Advanced → Traffic in the desktop app, or straight from a terminal — see [tools/traffic/README.md](tools/traffic/README.md). Observation, plus one hand-run experiment (`bin/replay`) that sends BEYOND's own plaintext live-control lines. |
+| `tools/traffic` | Passive capture and byte-level analysis of Pangolin BEYOND ⇄ FB4 traffic, on Wireshark's CLI. Run from a terminal — see [tools/traffic/README.md](tools/traffic/README.md). Observation, plus one hand-run experiment (`bin/replay`) that sends BEYOND's own plaintext live-control lines. |
 
 ## Architecture
 
diff --git a/docs/event-deployment.md b/docs/event-deployment.md
index 2205303..b02c078 100644
--- a/docs/event-deployment.md
+++ b/docs/event-deployment.md
@@ -134,7 +134,7 @@ graph TD
 
 ## Troubleshooting
 
-Advanced → OSC in the desktop app is the fastest first look: it shows the
+Output → Advanced in the desktop app is the fastest first look: it shows the
 resolved target and port, probes it, reads BEYOND.ini where BEYOND is installed
 locally, sends blackout / full white / full amber (one zone or all) and tails
 every message in and out.
diff --git a/packages/desktop/__tests__/navigation.test.ts b/packages/desktop/__tests__/navigation.test.ts
index bb13589..d525eca 100644
--- a/packages/desktop/__tests__/navigation.test.ts
+++ b/packages/desktop/__tests__/navigation.test.ts
@@ -19,8 +19,8 @@ describe('sidebar navigation', () => {
     expect(grouped.length).toBe(new Set(grouped).size);
   });
 
-  it('keeps running a show to the show, its looks, and its health, ahead of everything else', () => {
-    expect(NAV_GROUPS[0]).toEqual({ id: 'run', label: 'Run', routes: ['show', 'nova', 'status'] });
+  it('keeps running a show to the show and its health, ahead of everything else', () => {
+    expect(NAV_GROUPS[0]).toEqual({ id: 'run', label: 'Run', routes: ['show', 'status'] });
   });
 
   it('hides the admin vocabulary under Advanced', () => {
@@ -28,8 +28,18 @@ describe('sidebar navigation', () => {
     expect(advanced).toContain('access');
     expect(advanced).toContain('settings');
     expect(advanced).toContain('devices');
-    // Packet capture is protocol archaeology, not something an operator needs.
-    expect(advanced).toContain('traffic');
+  });
+
+  // Looks belong to the artist UI the show serves, and OSC debugging belongs to
+  // the target it debugs — neither is a destination in the shell.
+  it('leaves looks and OSC debugging out of the sidebar entirely', () => {
+    const everything = [...NAV_GROUPS.flatMap((g) => g.routes), ...UNLISTED_ROUTES];
+    expect(everything).not.toContain('nova');
+    expect(everything).not.toContain('osc');
+    expect(everything).not.toContain('traffic');
+    expect(isRoute('nova')).toBe(false);
+    expect(isRoute('osc')).toBe(false);
+    expect(isRoute('traffic')).toBe(false);
   });
 
   it('labels every route', () => {
diff --git a/packages/desktop/__tests__/nova.test.ts b/packages/desktop/__tests__/nova.test.ts
deleted file mode 100644
index 6462102..0000000
--- a/packages/desktop/__tests__/nova.test.ts
+++ /dev/null
@@ -1,66 +0,0 @@
-/**
- * The Nova panel is an operator surface pointed at live hardware, so the main
- * process treats what the renderer sends as untrusted: only a known amber look
- * reaches the brain, and speed is clamped to something a rig can follow.
- */
-const send = jest.fn<boolean, [string, Record<string, unknown>]>();
-
-jest.mock('@/main/brain', () => ({
-  sendToBrain: (project: string, cmd: Record<string, unknown>) => send(project, cmd)
-}));
-
-import { AMBER_LOOKS } from '@wavegrid/animations';
-
-import { applyNovaLook, novaBlackout, setNovaSpeed } from '@/main/nova';
-
-beforeEach(() => {
-  send.mockReset();
-  send.mockReturnValue(true);
-});
-
-describe('applyNovaLook', () => {
-  it('sends each catalog look under its own command type', () => {
-    for (const look of AMBER_LOOKS) {
-      expect(applyNovaLook('show', look.id)).toBe(true);
-      expect(send).toHaveBeenLastCalledWith('show', { type: look.kind, name: look.id });
-    }
-  });
-
-  it('refuses anything not in the catalog, without touching the brain', () => {
-    for (const bad of ['', 'rainbow', 'amber-nope', '../clear']) {
-      expect(applyNovaLook('show', bad)).toBe(false);
-    }
-    expect(send).not.toHaveBeenCalled();
-  });
-
-  it('reports refusal from the brain when the project is not the live one', () => {
-    send.mockReturnValue(false);
-    expect(applyNovaLook('other', 'amber')).toBe(false);
-  });
-});
-
-describe('setNovaSpeed', () => {
-  it('passes a usable speed through', () => {
-    setNovaSpeed('show', 1.5);
-    expect(send).toHaveBeenCalledWith('show', { type: 'anim_speed', value: 1.5 });
-  });
-
-  it('clamps instead of rejecting, so a dragged slider never stalls the ring', () => {
-    setNovaSpeed('show', 0);
-    expect(send).toHaveBeenLastCalledWith('show', { type: 'anim_speed', value: 0.1 });
-    setNovaSpeed('show', 99);
-    expect(send).toHaveBeenLastCalledWith('show', { type: 'anim_speed', value: 3 });
-  });
-
-  it('drops a non-number outright', () => {
-    expect(setNovaSpeed('show', Number.NaN)).toBe(false);
-    expect(send).not.toHaveBeenCalled();
-  });
-});
-
-describe('novaBlackout', () => {
-  it('clears the running look', () => {
-    expect(novaBlackout('show')).toBe(true);
-    expect(send).toHaveBeenCalledWith('show', { type: 'clear' });
-  });
-});
diff --git a/packages/desktop/__tests__/traffic.test.ts b/packages/desktop/__tests__/traffic.test.ts
deleted file mode 100644
index e3c058f..0000000
--- a/packages/desktop/__tests__/traffic.test.ts
+++ /dev/null
@@ -1,69 +0,0 @@
-import { execFileSync } from 'node:child_process';
-import { existsSync } from 'node:fs';
-import { join } from 'node:path';
-
-import { captureArgs, toolkitDir } from '../src/main/traffic';
-
-/** The toolkit as shipped in the repo, which is what the panel drives. */
-const TOOLKIT = join(__dirname, '../../../tools/traffic');
-
-describe('capture arguments', () => {
-  it('always captures in the background so the panel can stop it', () => {
-    expect(captureArgs({})).toEqual(['--background']);
-  });
-
-  it('passes the operator’s choices through, and only the ones they made', () => {
-    expect(captureArgs({ iface: 'en7', host: '10.0.0.42', label: 'idle', seconds: 20 })).toEqual([
-      '--background',
-      '--iface',
-      'en7',
-      '--host',
-      '10.0.0.42',
-      '--label',
-      'idle',
-      '--seconds',
-      '20'
-    ]);
-  });
-
-  it('drops a zero duration rather than asking dumpcap to stop immediately', () => {
-    expect(captureArgs({ seconds: 0 })).toEqual(['--background']);
-  });
-});
-
-describe('toolkit location', () => {
-  it('finds the toolkit in the repo', () => {
-    expect(existsSync(join(toolkitDir(), 'bin', 'doctor'))).toBe(true);
-  });
-});
-
-describe('doctor', () => {
-  // Deliberately runs the real script: it is the one command that must work on a
-  // machine *without* Wireshark, because its whole job is to say what's missing.
-  const report = JSON.parse(
-    execFileSync(join(TOOLKIT, 'bin', 'doctor'), ['--json'], { encoding: 'utf8' })
-  ) as {
-    os: string;
-    arch: string;
-    tools: { name: string; found: boolean }[];
-    capturePermission: { ok: boolean; detail: string; fix: string };
-  };
-
-  it('reports this machine without needing the tools it looks for', () => {
-    expect(report.os).toBeTruthy();
-    expect(report.arch).toBeTruthy();
-    expect(report.tools.map((t) => t.name)).toEqual([
-      'tshark',
-      'dumpcap',
-      'capinfos',
-      'editcap',
-      'mergecap'
-    ]);
-  });
-
-  it('either grants capture permission or says how to get it', () => {
-    expect(
-      report.capturePermission.ok || report.capturePermission.fix.length > 0
-    ).toBe(true);
-  });
-});
diff --git a/packages/desktop/src/main/ipc.ts b/packages/desktop/src/main/ipc.ts
index 64fdfe2..dba0e76 100644
--- a/packages/desktop/src/main/ipc.ts
+++ b/packages/desktop/src/main/ipc.ts
@@ -1,7 +1,7 @@
 import { browse } from '@wavegrid/discovery';
 import { autoMap, resolveLayout } from '@wavegrid/layout';
 import { openStore } from '@wavegrid/settings';
-import { dialog, ipcMain } from 'electron';
+import { ipcMain } from 'electron';
 
 import {
   sendToBrain,
@@ -15,7 +15,6 @@ import { buildDoctorReport } from '@/main/doctor';
 import { invalidateLaserView, type LaserSyncState, syncLaser } from '@/main/laser-view';
 import { buildLightMapView } from '@/main/light-map';
 import { buildNetworkReport } from '@/main/network';
-import { applyNovaLook, novaBlackout, setNovaSpeed } from '@/main/nova';
 import {
   clearOscLog,
   oscDebugState,
@@ -32,19 +31,6 @@ import {
   knownPresets,
   toEditable
 } from '@/main/project-config';
-import {
-  analyzeCapture,
-  captureState,
-  compareCaptures,
-  listCaptures,
-  readSettings,
-  startCapture,
-  stopCapture,
-  trafficDiscover,
-  trafficDoctor,
-  trafficInterfaces,
-  writeSettings
-} from '@/main/traffic';
 import { exportProjectToFile, importProjectFromFile } from '@/main/transfer';
 import type {
   DeviceInfo,
@@ -60,7 +46,6 @@ import type {
   ShardRange,
   StoreClearResult,
   StoreInfo,
-  TrafficCaptureRequest,
   UserRole
 } from '@/types/ipc';
 
@@ -327,12 +312,6 @@ export function registerAllIpc(): void {
     sendToBrain(project, { type: 'calibration_mode', enabled: false });
   });
 
-  // Nova panel: run an amber look on the live rig. The look id is validated
-  // against the shared catalog in `nova.ts`; nothing else can be injected.
-  ipcMain.handle('nova:apply', (_e, project: string, look: string) => applyNovaLook(project, look));
-  ipcMain.handle('nova:speed', (_e, project: string, value: number) => setNovaSpeed(project, value));
-  ipcMain.handle('nova:blackout', (_e, project: string) => novaBlackout(project));
-
   ipcMain.handle('projects:exportToFile', (_e, project: string, includeSecrets: boolean) =>
     exportProjectToFile(project, includeSecrets)
   );
@@ -376,34 +355,7 @@ export function registerAllIpc(): void {
     return { ...summary, info: storeInfo() };
   });
 
-  // Traffic panel (Advanced → Traffic): passive observation only. Wireshark is
-  // looked for when the panel asks, never at startup, so a machine without it
-  // runs the rest of the app untouched.
-  ipcMain.handle('traffic:doctor', () => trafficDoctor());
-  ipcMain.handle('traffic:interfaces', (_e, host?: string) => trafficInterfaces(host));
-  ipcMain.handle('traffic:discover', (_e, iface?: string, seconds?: number) =>
-    trafficDiscover(iface, seconds)
-  );
-  ipcMain.handle('traffic:start', (_e, req: TrafficCaptureRequest) => startCapture(req));
-  ipcMain.handle('traffic:stop', () => stopCapture());
-  ipcMain.handle('traffic:status', () => captureState());
-  ipcMain.handle('traffic:captures', () => listCaptures());
-  ipcMain.handle('traffic:analyze', (_e, path: string, host?: string) => analyzeCapture(path, host));
-  ipcMain.handle('traffic:compare', (_e, a: string, b: string, host?: string) =>
-    compareCaptures(a, b, host)
-  );
-  ipcMain.handle('traffic:settings', () => readSettings());
-  ipcMain.handle('traffic:setCaptureDir', (_e, dir: string) => writeSettings(dir));
-  ipcMain.handle('traffic:chooseCaptureDir', async () => {
-    const { canceled, filePaths } = await dialog.showOpenDialog({
-      title: 'Where should captures be saved?',
-      properties: ['openDirectory', 'createDirectory']
-    });
-    if (canceled || !filePaths[0]) return null;
-    return writeSettings(filePaths[0]);
-  });
-
-  // OSC debugger (Advanced → OSC). Local UDP only, single messages, at the
+  // OSC debugger (Output → Advanced). Local UDP only, single messages, at the
   // project's own configured target — never a running show.
   ipcMain.handle('oscDebug:state', (_e, project: string) => oscDebugState(project));
   ipcMain.handle('oscDebug:probe', (_e, project: string) => probeOscTarget(project));
diff --git a/packages/desktop/src/main/nova.ts b/packages/desktop/src/main/nova.ts
deleted file mode 100644
index bd64906..0000000
--- a/packages/desktop/src/main/nova.ts
+++ /dev/null
@@ -1,38 +0,0 @@
-import { AMBER_LOOKS, type AmberLook } from '@wavegrid/animations';
-
-import { sendToBrain } from '@/main/brain';
-
-/**
- * The Nova panel's command path.
- *
- * The renderer names a *look*, never a command: only ids from the shared amber
- * catalog reach the brain, and the numeric controls are clamped here rather
- * than trusted from the panel. Everything routes through `sendToBrain`, which
- * refuses unless the named project's brain is the one currently running.
- */
-
-const LOOKS = new Map<string, AmberLook>(AMBER_LOOKS.map((look) => [look.id, look]));
-
-/** Speed multiplier bounds — the server clamps to 0.001..5, this is the range
- *  the panel's slider is useful over. */
-const MIN_SPEED = 0.1;
-const MAX_SPEED = 3;
-
-/** Run one amber look. False when the id is unknown or that brain isn't live. */
-export function applyNovaLook(project: string, id: string): boolean {
-  const look = LOOKS.get(id);
-  if (!look) return false;
-  return sendToBrain(project, { type: look.kind, name: look.id });
-}
-
-/** How fast a moving look travels. Only animations read it. */
-export function setNovaSpeed(project: string, value: number): boolean {
-  if (!Number.isFinite(value)) return false;
-  const speed = Math.min(MAX_SPEED, Math.max(MIN_SPEED, value));
-  return sendToBrain(project, { type: 'anim_speed', value: speed });
-}
-
-/** Stop whatever is running and go dark. */
-export function novaBlackout(project: string): boolean {
-  return sendToBrain(project, { type: 'clear' });
-}
diff --git a/packages/desktop/src/main/osc-debug.ts b/packages/desktop/src/main/osc-debug.ts
index 2c9eb85..5dc7669 100644
--- a/packages/desktop/src/main/osc-debug.ts
+++ b/packages/desktop/src/main/osc-debug.ts
@@ -1,5 +1,5 @@
 /**
- * The OSC debugger's back end (Advanced → OSC).
+ * The OSC debugger's back end (Output → Advanced).
  *
  * Debugging "the lasers aren't responding" needs three things a show cannot
  * give you: is anything listening where we send, what exactly goes on the wire,
diff --git a/packages/desktop/src/main/traffic.ts b/packages/desktop/src/main/traffic.ts
deleted file mode 100644
index 76cba83..0000000
--- a/packages/desktop/src/main/traffic.ts
+++ /dev/null
@@ -1,188 +0,0 @@
-/**
- * The Traffic panel's back end: a thin driver for the `tools/traffic` CLI.
- *
- * All the protocol archaeology lives in those shell scripts, because that is
- * where an operator (or an agent on the show laptop) actually runs it; this only
- * shells out with `--json` and hands the result to the renderer. Two rules:
- *
- *  - Nothing is checked until the panel asks. Wireshark is not a dependency of
- *    Wavegrid, so a machine without it must open every other screen normally and
- *    only see a "not installed" message here.
- *  - Passive only. The commands exposed here list, listen, capture and analyse.
- *    Nothing transmits toward the laser hardware.
- */
-import { spawn } from 'node:child_process';
-import { existsSync, mkdirSync, readdirSync, readFileSync, statSync, writeFileSync } from 'node:fs';
-import { homedir } from 'node:os';
-import { dirname, join, resolve } from 'node:path';
-
-import type {
-  TrafficCaptureFile,
-  TrafficCaptureRequest,
-  TrafficCaptureState,
-  TrafficDiscovery,
-  TrafficDoctorReport,
-  TrafficInterfaceInfo,
-  TrafficResult,
-  TrafficSettings
-} from '@/types/ipc';
-
-/** Config file shared with the CLI, so the tab and a terminal agree. */
-const CONFIG_PATH = join(homedir(), '.wavegrid', 'traffic.json');
-
-/** A run is bounded: `discover` listens, and a wedged tshark must not hang the panel. */
-const MAX_RUN_MS = 120_000;
-
-/**
- * Where the toolkit is. In development it is in the repo; in a packaged app it
- * is copied next to the app resources. An explicit env var wins, which is how
- * you point the panel at a checkout.
- */
-export function toolkitDir(): string {
-  const fromEnv = process.env.WAVEGRID_TRAFFIC_TOOLKIT;
-  if (fromEnv) return resolve(fromEnv);
-  const candidates = [
-    process.resourcesPath ? join(process.resourcesPath, 'traffic') : '',
-    // packages/desktop/.vite/build → repo root
-    resolve(__dirname, '../../../../tools/traffic'),
-    resolve(process.cwd(), 'tools/traffic'),
-    resolve(process.cwd(), '../../tools/traffic')
-  ];
-  return candidates.find((dir) => dir && existsSync(join(dir, 'bin', 'doctor'))) ?? candidates[1];
-}
-
-export function readSettings(): TrafficSettings {
-  let captureDir = '';
-  try {
-    const raw = JSON.parse(readFileSync(CONFIG_PATH, 'utf8')) as { captureDir?: unknown };
-    if (typeof raw.captureDir === 'string') captureDir = raw.captureDir;
-  } catch {
-    // No config yet (or unreadable) — the toolkit's own default applies.
-  }
-  const toolkit = toolkitDir();
-  return {
-    captureDir: captureDir || join(toolkit, 'captures'),
-    configPath: CONFIG_PATH,
-    toolkitDir: toolkit,
-    toolkitFound: existsSync(join(toolkit, 'bin', 'doctor'))
-  };
-}
-
-export function writeSettings(captureDir: string): TrafficSettings {
-  const dir = captureDir.trim();
-  if (dir) {
-    mkdirSync(dirname(CONFIG_PATH), { recursive: true });
-    writeFileSync(CONFIG_PATH, `${JSON.stringify({ captureDir: dir }, null, 2)}\n`);
-  }
-  return readSettings();
-}
-
-/** Run one toolkit command. Never throws: the panel shows failures as text. */
-export function run(command: string, args: string[] = []): Promise<TrafficResult> {
-  const toolkit = toolkitDir();
-  const script = join(toolkit, 'bin', command);
-  if (!existsSync(script)) {
-    return Promise.resolve({
-      ok: false,
-      stdout: '',
-      stderr: `traffic toolkit not found at ${toolkit} — set WAVEGRID_TRAFFIC_TOOLKIT to its path`
-    });
-  }
-
-  return new Promise((done) => {
-    const child = spawn(script, args, {
-      cwd: toolkit,
-      env: { ...process.env, TRAFFIC_CAPTURE_DIR: readSettings().captureDir }
-    });
-    let stdout = '';
-    let stderr = '';
-    const timer = setTimeout(() => child.kill('SIGTERM'), MAX_RUN_MS);
-    child.stdout.on('data', (chunk: Buffer) => (stdout += chunk.toString()));
-    child.stderr.on('data', (chunk: Buffer) => (stderr += chunk.toString()));
-    child.on('error', (err: Error) => {
-      clearTimeout(timer);
-      done({ ok: false, stdout, stderr: err.message });
-    });
-    child.on('close', (code) => {
-      clearTimeout(timer);
-      done({ ok: code === 0, stdout, stderr });
-    });
-  });
-}
-
-/** Run a command that speaks `--json`. Null when it failed or printed nothing parseable. */
-export async function runJson<T>(command: string, args: string[] = []): Promise<T | null> {
-  const result = await run(command, ['--json', ...args]);
-  if (!result.stdout.trim()) return null;
-  try {
-    return JSON.parse(result.stdout) as T;
-  } catch {
-    return null;
-  }
-}
-
-/** Build `capture` arguments from the panel's form. Exported for testing. */
-export function captureArgs(req: TrafficCaptureRequest): string[] {
-  const args = ['--background'];
-  if (req.iface) args.push('--iface', req.iface);
-  if (req.host) args.push('--host', req.host);
-  if (req.label) args.push('--label', req.label);
-  if (req.seconds && req.seconds > 0) args.push('--seconds', String(Math.round(req.seconds)));
-  return args;
-}
-
-export function trafficDoctor(): Promise<TrafficDoctorReport | null> {
-  return runJson<TrafficDoctorReport>('doctor');
-}
-
-export async function trafficInterfaces(host?: string): Promise<TrafficInterfaceInfo[]> {
-  const payload = await runJson<{ interfaces: TrafficInterfaceInfo[] }>(
-    'interfaces',
-    host ? ['--host', host] : []
-  );
-  return payload?.interfaces ?? [];
-}
-
-export function trafficDiscover(iface?: string, seconds = 10): Promise<TrafficDiscovery | null> {
-  const args = ['--seconds', String(Math.round(seconds))];
-  if (iface) args.push('--iface', iface);
-  return runJson<TrafficDiscovery>('discover', args);
-}
-
-export function startCapture(req: TrafficCaptureRequest): Promise<TrafficCaptureState | null> {
-  return runJson<TrafficCaptureState>('capture', captureArgs(req));
-}
-
-export function stopCapture(): Promise<TrafficCaptureState | null> {
-  return runJson<TrafficCaptureState>('capture', ['--stop']);
-}
-
-export function captureState(): Promise<TrafficCaptureState | null> {
-  return runJson<TrafficCaptureState>('capture', ['--status']);
-}
-
-/** Captures on disk, newest first, with the label the operator gave each one. */
-export function listCaptures(): TrafficCaptureFile[] {
-  const dir = readSettings().captureDir;
-  if (!existsSync(dir)) return [];
-  return readdirSync(dir)
-    .filter((name) => name.endsWith('.pcapng'))
-    .map((name) => {
-      const path = join(dir, name);
-      const info = statSync(path);
-      // <timestamp>-<label>.pcapng, as written by bin/capture.
-      const label = name.replace(/\.pcapng$/, '').replace(/^\d{8}-\d{6}-?/, '');
-      return { name, path, label, bytes: info.size, modified: info.mtimeMs };
-    })
-    .sort((a, b) => b.modified - a.modified);
-}
-
-/** A capture's own summary, as the CLI prints it. */
-export function analyzeCapture(path: string, host?: string): Promise<TrafficResult> {
-  return run('analyze', host ? [path, '--host', host] : [path]);
-}
-
-/** Byte-level diff of two captures — which offsets encode what changed. */
-export function compareCaptures(a: string, b: string, host?: string): Promise<TrafficResult> {
-  return run('compare', host ? [a, b, '--host', host] : [a, b]);
-}
diff --git a/packages/desktop/src/preload.ts b/packages/desktop/src/preload.ts
index 12f1778..a4dbc0b 100644
--- a/packages/desktop/src/preload.ts
+++ b/packages/desktop/src/preload.ts
@@ -1,6 +1,6 @@
 import { contextBridge, ipcRenderer } from 'electron';
 
-import type { AccessKeyInfo, BrainStatus, DeviceInfo, DiscoveredBrainInfo, DoctorReport, EditableConfig, ExportResult, ImportRequest, ImportSummary, LaserSyncState, LightMapView, NetworkReport, NewProjectInput, OscDebugState, OscSignalResult, OscTarget, ProjectSummary, RequiredSecretInfo, SessionInfo, ShardRange, StoreClearResult, StoreInfo, TrafficCaptureFile, TrafficCaptureRequest, TrafficCaptureState, TrafficDiscovery, TrafficDoctorReport, TrafficInterfaceInfo, TrafficResult, TrafficSettings, UserAccount, UserRole, WavegridApi, WavegridLaser } from '@/types/ipc';
+import type { AccessKeyInfo, BrainStatus, DeviceInfo, DiscoveredBrainInfo, DoctorReport, EditableConfig, ExportResult, ImportRequest, ImportSummary, LaserSyncState, LightMapView, NetworkReport, NewProjectInput, OscDebugState, OscSignalResult, OscTarget, ProjectSummary, RequiredSecretInfo, SessionInfo, ShardRange, StoreClearResult, StoreInfo, UserAccount, UserRole, WavegridApi, WavegridLaser } from '@/types/ipc';
 
 // The single, narrow bridge exposed to the renderer. The renderer never imports
 // @wavegrid/settings or `fs`; everything goes through these typed calls.
@@ -91,11 +91,6 @@ const api: WavegridApi = {
     identifyClear: (project) =>
       ipcRenderer.invoke('lights:identifyClear', project) as Promise<void>
   },
-  nova: {
-    apply: (project, look) => ipcRenderer.invoke('nova:apply', project, look) as Promise<boolean>,
-    speed: (project, value) => ipcRenderer.invoke('nova:speed', project, value) as Promise<boolean>,
-    blackout: (project) => ipcRenderer.invoke('nova:blackout', project) as Promise<boolean>
-  },
   osc: {
     get: (project) => ipcRenderer.invoke('osc:get', project) as Promise<OscTarget | null>,
     set: (project, target: OscTarget) =>
@@ -105,29 +100,6 @@ const api: WavegridApi = {
     browse: (timeoutMs) =>
       ipcRenderer.invoke('discovery:browse', timeoutMs) as Promise<DiscoveredBrainInfo[]>
   },
-  // Traffic panel. Nothing is invoked until that screen mounts, so a machine
-  // without Wireshark never notices these exist.
-  traffic: {
-    doctor: () => ipcRenderer.invoke('traffic:doctor') as Promise<TrafficDoctorReport | null>,
-    interfaces: (host) =>
-      ipcRenderer.invoke('traffic:interfaces', host) as Promise<TrafficInterfaceInfo[]>,
-    discover: (iface, seconds) =>
-      ipcRenderer.invoke('traffic:discover', iface, seconds) as Promise<TrafficDiscovery | null>,
-    start: (req: TrafficCaptureRequest) =>
-      ipcRenderer.invoke('traffic:start', req) as Promise<TrafficCaptureState | null>,
-    stop: () => ipcRenderer.invoke('traffic:stop') as Promise<TrafficCaptureState | null>,
-    status: () => ipcRenderer.invoke('traffic:status') as Promise<TrafficCaptureState | null>,
-    captures: () => ipcRenderer.invoke('traffic:captures') as Promise<TrafficCaptureFile[]>,
-    analyze: (path, host) =>
-      ipcRenderer.invoke('traffic:analyze', path, host) as Promise<TrafficResult>,
-    compare: (a, b, host) =>
-      ipcRenderer.invoke('traffic:compare', a, b, host) as Promise<TrafficResult>,
-    settings: () => ipcRenderer.invoke('traffic:settings') as Promise<TrafficSettings>,
-    setCaptureDir: (dir) =>
-      ipcRenderer.invoke('traffic:setCaptureDir', dir) as Promise<TrafficSettings>,
-    chooseCaptureDir: () =>
-      ipcRenderer.invoke('traffic:chooseCaptureDir') as Promise<TrafficSettings | null>
-  },
   // OSC debugger. All local: the main process sends UDP to the project's own
   // target, so there is no service to reach and no key to hold.
   oscDebug: {
diff --git a/packages/desktop/src/renderer/App.tsx b/packages/desktop/src/renderer/App.tsx
index 63d363a..f88d28c 100644
--- a/packages/desktop/src/renderer/App.tsx
+++ b/packages/desktop/src/renderer/App.tsx
@@ -1,4 +1,4 @@
-import { Activity, AlertTriangle, Cog, Cpu, Flame, FolderKanban, Lightbulb, MonitorPlay, Radio, ShieldCheck, SlidersHorizontal, Waves, X } from 'lucide-react';
+import { Activity, AlertTriangle, Cog, Cpu, FolderKanban, Lightbulb, MonitorPlay, Radio, ShieldCheck, SlidersHorizontal, X } from 'lucide-react';
 import * as React from 'react';
 
 import { type AppLinkRenderer } from '@/components/ui/app-bar';
@@ -28,8 +28,6 @@ import { AccessRoute } from '@/renderer/routes/access-route';
 import { ConfigRoute } from '@/renderer/routes/config-route';
 import { DevicesRoute } from '@/renderer/routes/devices-route';
 import { LightsRoute } from '@/renderer/routes/lights-route';
-import { NovaRoute } from '@/renderer/routes/nova-route';
-import { OscRoute } from '@/renderer/routes/osc-route';
 import { OutputRoute } from '@/renderer/routes/output-route';
 import { ProjectSwitcher } from '@/renderer/routes/project-switcher';
 import { ProjectsRoute } from '@/renderer/routes/projects-route';
@@ -37,13 +35,11 @@ import { SettingsRoute } from '@/renderer/routes/settings-route';
 import { ShowRoute } from '@/renderer/routes/show-route';
 import { StatusRoute } from '@/renderer/routes/status-route';
 import { SwitchProjectDialog } from '@/renderer/routes/switch-project-dialog';
-import { TrafficRoute } from '@/renderer/routes/traffic-route';
 
 type AppIcon = React.ComponentType<{ className?: string; 'aria-hidden'?: boolean | 'true' | 'false' }>;
 
 const ROUTE_ICON: Record<Route, AppIcon> = {
   show: MonitorPlay,
-  nova: Flame,
   status: Activity,
   projects: FolderKanban,
   config: SlidersHorizontal,
@@ -51,8 +47,6 @@ const ROUTE_ICON: Record<Route, AppIcon> = {
   lights: Lightbulb,
   output: Radio,
   devices: Cpu,
-  osc: Radio,
-  traffic: Waves,
   settings: Cog
 };
 
@@ -343,8 +337,6 @@ export function App() {
       void refreshSecrets();
     }
     if (route === 'lights') void refreshLightMap();
-    // Nova previews the project's own ring, so it needs the resolved layout.
-    if (route === 'nova') void refreshConfig();
     if (route === 'output') void refreshOsc();
     if (route === 'settings') void refreshStore();
     if (route === 'status') void refreshDoctor();
@@ -399,23 +391,6 @@ export function App() {
           busy={busy}
         />
       )}
-      {route === 'nova' && (
-        <NovaRoute
-          project={editingProject}
-          layoutLabel={config?.layoutLabel ?? null}
-          count={config?.cannonCount ?? 6}
-          brainLive={status.running && status.project === editingProject}
-          onApply={(look) => {
-            if (editingProject) void window.wavegrid.nova.apply(editingProject, look);
-          }}
-          onSpeed={(value) => {
-            if (editingProject) void window.wavegrid.nova.speed(editingProject, value);
-          }}
-          onBlackout={() => {
-            if (editingProject) void window.wavegrid.nova.blackout(editingProject);
-          }}
-        />
-      )}
       {route === 'status' && (
         <StatusRoute
           project={activeProject}
@@ -520,13 +495,9 @@ export function App() {
           target={oscTarget}
           onSave={(target) => withBusy(() => saveOsc(target))}
           busy={busy}
+          status={status}
         />
       )}
-      {/* Traffic loads itself: it is the only screen that touches Wireshark, and
-          nothing may be looked for until you open it. */}
-      {route === 'traffic' && <TrafficRoute />}
-      {/* OSC debugger: probes and single sends only, and only while open. */}
-      {route === 'osc' && <OscRoute activeProject={editingProject} status={status} />}
       {route === 'settings' && (
         <SettingsRoute
           info={storeInfo}
diff --git a/packages/desktop/src/renderer/lib/navigation.ts b/packages/desktop/src/renderer/lib/navigation.ts
index 6748bbb..3dad4fb 100644
--- a/packages/desktop/src/renderer/lib/navigation.ts
+++ b/packages/desktop/src/renderer/lib/navigation.ts
@@ -1,14 +1,18 @@
 /**
  * The sidebar's shape, grouped by *when* you reach for something rather than by
- * what it is: running a show is the show itself, the Nova look panel, and its
- * health; everything a project needs is under
- * "Set up", and the vocabulary that scares a non-technical operator lives under
- * "Advanced". Projects is not a destination — the switcher in the sidebar
- * header owns choosing one and links to the manage screen.
+ * what it is: running a show is the show itself and its health; everything a
+ * project needs is under "Set up", and the vocabulary that scares a
+ * non-technical operator lives under "Advanced". Projects is not a destination
+ * — the switcher in the sidebar header owns choosing one and links to the
+ * manage screen.
+ *
+ * Two things deliberately absent: Nova, which belongs to the artist UI the show
+ * serves rather than to the shell around it, and OSC debugging, which is a tab
+ * of Output — you go there because of where you send, so that is where the tool
+ * for proving it lives.
  */
 export type Route =
   | 'show'
-  | 'nova'
   | 'status'
   | 'projects'
   | 'config'
@@ -16,13 +20,10 @@ export type Route =
   | 'lights'
   | 'output'
   | 'devices'
-  | 'osc'
-  | 'traffic'
   | 'settings';
 
 export const ROUTE_LABEL: Record<Route, string> = {
   show: 'Show',
-  nova: 'Nova',
   status: 'Status',
   projects: 'Projects',
   config: 'Layout',
@@ -30,8 +31,6 @@ export const ROUTE_LABEL: Record<Route, string> = {
   lights: 'Lights',
   output: 'Output',
   devices: 'Devices',
-  osc: 'OSC',
-  traffic: 'Traffic',
   settings: 'Settings'
 };
 
@@ -44,9 +43,9 @@ export interface NavGroup {
 }
 
 export const NAV_GROUPS: NavGroup[] = [
-  { id: 'run', label: 'Run', routes: ['show', 'nova', 'status'] },
+  { id: 'run', label: 'Run', routes: ['show', 'status'] },
   { id: 'setup', label: 'Set up', routes: ['config', 'lights', 'output'] },
-  { id: 'advanced', label: 'Advanced', routes: ['devices', 'access', 'osc', 'traffic', 'settings'] }
+  { id: 'advanced', label: 'Advanced', routes: ['devices', 'access', 'settings'] }
 ];
 
 /** Routes reachable other than from a sidebar group. */
diff --git a/packages/desktop/src/renderer/routes/nova-route.tsx b/packages/desktop/src/renderer/routes/nova-route.tsx
deleted file mode 100644
index 1e95e98..0000000
--- a/packages/desktop/src/renderer/routes/nova-route.tsx
+++ /dev/null
@@ -1,338 +0,0 @@
-import {
-  AMBER_LOOKS,
-  type AmberLook,
-  applyScene,
-  evaluateAnimation,
-  type GridCell
-} from '@wavegrid/animations';
-import { type Layout, ringLayout } from '@wavegrid/layout';
-import { CircleOff, Flame, Play } from 'lucide-react';
-import * as React from 'react';
-
-import { Badge } from '@/components/ui/badge';
-import { Button } from '@/components/ui/button';
-import {
-  Empty,
-  EmptyDescription,
-  EmptyHeader,
-  EmptyMedia,
-  EmptyTitle
-} from '@/components/ui/empty';
-import { Separator } from '@/components/ui/separator';
-import { cn } from '@/lib/utils';
-
-interface NovaRouteProps {
-  project: string | null;
-  /** Resolved layout name, e.g. "Nova (6-laser ring)". */
-  layoutLabel: string | null;
-  /** How many lasers the project drives. Falls back to the six-laser ring. */
-  count: number;
-  /** True when this project's brain is live, so a look can actually run. */
-  brainLive: boolean;
-  onApply: (look: string) => void;
-  onSpeed: (value: number) => void;
-  onBlackout: () => void;
-}
-
-const PRESETS = AMBER_LOOKS.filter((look) => look.kind === 'scene');
-const MOTION = AMBER_LOOKS.filter((look) => look.kind === 'animation');
-
-/**
- * Nova — the amber look panel.
- *
- * Nova is a ring of six lasers running one colour, so the whole vocabulary is
- * *where* on the circle the light is and *how bright* it is. Each tile previews
- * its look on a real ring of the project's own size, evaluated with the same
- * scene/animation code the brain runs, so what the operator picks is what the
- * rig does. Picking a tile sends only the look's name; the brain owns the show.
- */
-export function NovaRoute({
-  project,
-  layoutLabel,
-  count,
-  brainLive,
-  onApply,
-  onSpeed,
-  onBlackout
-}: NovaRouteProps) {
-  const [selected, setSelected] = React.useState<string | null>(null);
-  const [speed, setSpeed] = React.useState(1);
-
-  const layout = React.useMemo(() => ringLayout({ count: Math.max(3, count || 6) }), [count]);
-  const tick = useTick(speed);
-
-  const select = (look: AmberLook) => {
-    setSelected(look.id);
-    onApply(look.id);
-  };
-
-  if (!project) {
-    return (
-      <Empty>
-        <EmptyHeader>
-          <EmptyMedia variant='icon'>
-            <Flame />
-          </EmptyMedia>
-          <EmptyTitle>No project in use</EmptyTitle>
-          <EmptyDescription>
-            Choose a project in the sidebar to drive its lasers from here.
-          </EmptyDescription>
-        </EmptyHeader>
-      </Empty>
-    );
-  }
-
-  return (
-    <div className='flex h-full min-h-0 flex-col gap-3'>
-      <div className='flex shrink-0 items-center justify-between gap-4'>
-        <div className='flex items-baseline gap-2'>
-          <span className='font-medium'>{project}</span>
-          <span className='text-muted-foreground text-sm'>
-            {layoutLabel ?? 'ring'} · {layout.count} lasers
-          </span>
-        </div>
-        <div className='flex items-center gap-2'>
-          {brainLive ? (
-            <Badge variant='success'>Live</Badge>
-          ) : (
-            <Badge variant='warning'>Show stopped</Badge>
-          )}
-          <Button variant='outline' size='sm' disabled={!brainLive} onClick={() => {
-            setSelected(null);
-            onBlackout();
-          }}>
-            <CircleOff />
-            Blackout
-          </Button>
-        </div>
-      </div>
-
-      {!brainLive && (
-        <div className='text-muted-foreground shrink-0 rounded-md border px-3 py-2 text-xs'>
-          The previews below run locally. Start the show on the Show screen to send a look to the
-          lasers.
-        </div>
-      )}
-
-      <div className='grid min-h-0 flex-1 gap-3 lg:grid-cols-[minmax(0,20rem)_1fr]'>
-        {/* What's running now, at ring scale, plus how fast it travels. */}
-        <div className='flex min-h-0 flex-col gap-3 rounded-md border p-3'>
-          <div className='flex min-h-0 flex-1 items-center justify-center'>
-            <RingPreview look={selected} layout={layout} tick={tick} size={220} />
-          </div>
-          <div className='shrink-0'>
-            <div className='flex items-baseline justify-between text-sm'>
-              <span className='font-medium'>{labelOf(selected) ?? 'Nothing selected'}</span>
-              <span className='text-muted-foreground text-xs'>{descriptionOf(selected)}</span>
-            </div>
-          </div>
-          <Separator />
-          <div className='flex shrink-0 items-center gap-3'>
-            <span className='text-muted-foreground w-12 text-xs'>Speed</span>
-            <input
-              type='range'
-              min={0.1}
-              max={3}
-              step={0.1}
-              value={speed}
-              className='flex-1'
-              aria-label='Animation speed'
-              onChange={(e) => {
-                const next = Number(e.target.value);
-                setSpeed(next);
-                onSpeed(next);
-              }}
-            />
-            <span className='w-10 text-right font-mono text-xs'>{speed.toFixed(1)}×</span>
-          </div>
-          <p className='text-muted-foreground shrink-0 text-xs'>
-            Speed only moves the animations — a preset holds still until you pick another.
-          </p>
-        </div>
-
-        {/* The looks themselves. */}
-        <div className='min-h-0 overflow-auto pr-1'>
-          <LookGroup
-            title='Amber presets'
-            hint='Still light. Pick one and it stays.'
-            looks={PRESETS}
-            layout={layout}
-            tick={tick}
-            selected={selected}
-            onSelect={select}
-          />
-          <LookGroup
-            title='Amber in motion'
-            hint='Brightness travelling around the ring — same amber throughout.'
-            looks={MOTION}
-            layout={layout}
-            tick={tick}
-            selected={selected}
-            onSelect={select}
-          />
-        </div>
-      </div>
-    </div>
-  );
-}
-
-function LookGroup({
-  title,
-  hint,
-  looks,
-  layout,
-  tick,
-  selected,
-  onSelect
-}: {
-  title: string;
-  hint: string;
-  looks: AmberLook[];
-  layout: Layout;
-  tick: number;
-  selected: string | null;
-  onSelect: (look: AmberLook) => void;
-}) {
-  return (
-    <section className='mb-4'>
-      <div className='mb-2 flex items-baseline gap-2'>
-        <h2 className='text-sm font-medium'>{title}</h2>
-        <span className='text-muted-foreground text-xs'>{hint}</span>
-      </div>
-      <div className='grid grid-cols-2 gap-2 sm:grid-cols-3 xl:grid-cols-4'>
-        {looks.map((look) => (
-          <button
-            key={look.id}
-            type='button'
-            title={look.description}
-            onClick={() => onSelect(look)}
-            className={cn(
-              'flex flex-col items-center gap-2 rounded-md border p-2 transition-colors',
-              'hover:bg-muted/40',
-              selected === look.id && 'border-primary bg-muted/60'
-            )}
-          >
-            <RingPreview look={look.id} layout={layout} tick={tick} size={84} />
-            <span className='flex items-center gap-1 text-xs font-medium'>
-              {look.kind === 'animation' && <Play className='size-3' />}
-              {look.label}
-            </span>
-          </button>
-        ))}
-      </div>
-    </section>
-  );
-}
-
-/**
- * The ring, drawn from the layout's own fixture positions and lit by evaluating
- * the look itself — no hand-written approximation of what a look looks like.
- */
-function RingPreview({
-  look,
-  layout,
-  tick,
-  size
-}: {
-  look: string | null;
-  layout: Layout;
-  tick: number;
-  size: number;
-}) {
-  const frame = React.useMemo(() => renderLook(look, layout, tick), [look, layout, tick]);
-  const pad = 14;
-  const span = 100 - pad * 2;
-  const r = Math.max(3, Math.min(9, 30 / Math.sqrt(layout.count)));
-
-  return (
-    <svg
-      viewBox='0 0 100 100'
-      width={size}
-      height={size}
-      role='img'
-      aria-label={look ? `${look} preview` : 'ring preview'}
-    >
-      <circle cx={50} cy={50} r={span / 2} className='stroke-border' fill='none' strokeWidth={0.4} />
-      {layout.fixtures.map((f, i) => {
-        const cell = frame?.[i];
-        return (
-          <circle
-            key={f.index}
-            cx={pad + f.u * span}
-            cy={pad + f.v * span}
-            r={r}
-            fill={cell ? hsbCss(cell.h, cell.s, cell.b) : 'transparent'}
-            className={cell ? undefined : 'stroke-muted-foreground/40'}
-            strokeWidth={cell ? 0 : 0.8}
-          />
-        );
-      })}
-    </svg>
-  );
-}
-
-/** Evaluate one look into per-fixture HSB, exactly as the brain would. */
-function renderLook(
-  look: string | null,
-  layout: Layout,
-  tick: number
-): Array<{ h: number; s: number; b: number }> | null {
-  const def = look ? AMBER_LOOKS.find((l) => l.id === look) : null;
-  if (!def) return null;
-  const grid: GridCell[] = layout.fixtures.map(() => ({
-    h: 0,
-    s: 0,
-    b: 0,
-    targetH: 0,
-    targetS: 0,
-    targetB: 0
-  }));
-  if (def.kind === 'scene') applyScene(grid, def.id, layout);
-  else evaluateAnimation(grid, def.id, tick, 1, layout);
-  return grid.map((c) => ({ h: c.targetH, s: c.targetS, b: c.targetB }));
-}
-
-/** HSB (the wire format) → a CSS colour, for previews only. */
-function hsbCss(h: number, s: number, b: number): string {
-  const v = Math.max(0, Math.min(100, b)) / 100;
-  const sat = Math.max(0, Math.min(100, s)) / 100;
-  const l = v * (1 - sat / 2);
-  const sl = l === 0 || l === 1 ? 0 : (v - l) / Math.min(l, 1 - l);
-  return `hsl(${h.toFixed(0)} ${(sl * 100).toFixed(0)}% ${(l * 100).toFixed(0)}%)`;
-}
-
-function labelOf(id: string | null): string | null {
-  return AMBER_LOOKS.find((l) => l.id === id)?.label ?? null;
-}
-
-function descriptionOf(id: string | null): string {
-  return AMBER_LOOKS.find((l) => l.id === id)?.description ?? 'Pick a look to send it to the ring.';
-}
-
-/**
- * One clock for every preview on the screen, advanced the way the brain
- * advances its own: 60 ticks a second scaled by the speed multiplier, so a
- * preview and the rig agree on how fast a look travels.
- */
-function useTick(speed: number): number {
-  const [tick, setTick] = React.useState(0);
-  const speedRef = React.useRef(speed);
-  speedRef.current = speed;
-
-  React.useEffect(() => {
-    let frame = 0;
-    let last = performance.now();
-    let current = 0;
-    const step = (now: number) => {
-      const elapsed = Math.min(100, now - last);
-      last = now;
-      current += (elapsed / (1000 / 60)) * speedRef.current;
-      setTick(current);
-      frame = requestAnimationFrame(step);
-    };
-    frame = requestAnimationFrame(step);
-    return () => cancelAnimationFrame(frame);
-  }, []);
-
-  return tick;
-}
diff --git a/packages/desktop/src/renderer/routes/osc-route.tsx b/packages/desktop/src/renderer/routes/osc-panel.tsx
similarity index 98%
rename from packages/desktop/src/renderer/routes/osc-route.tsx
rename to packages/desktop/src/renderer/routes/osc-panel.tsx
index bc3f14f..ef24d69 100644
--- a/packages/desktop/src/renderer/routes/osc-route.tsx
+++ b/packages/desktop/src/renderer/routes/osc-panel.tsx
@@ -1,5 +1,6 @@
 /**
- * Advanced → OSC. The screen to open when the lasers do not respond.
+ * Output → Advanced. The panel to open when the lasers do not respond, one tab
+ * away from the target it is debugging.
  *
  * OSC rides UDP, so a show aimed at the wrong port looks exactly like a working
  * one: nothing errors, nothing arrives. This panel replaces that silence with
@@ -29,7 +30,7 @@ import { Separator } from '@/components/ui/separator';
 import { oscOutputs } from '@/renderer/lib/show-output';
 import type { BrainStatus, OscDebugPreset, OscDebugState, OscProbeState } from '@/types/ipc';
 
-interface OscRouteProps {
+interface OscPanelProps {
   activeProject: string | null;
   status: BrainStatus;
 }
@@ -67,7 +68,7 @@ function clock(at: number): string {
   return new Date(at).toLocaleTimeString();
 }
 
-export function OscRoute({ activeProject, status: brain }: OscRouteProps) {
+export function OscPanel({ activeProject, status: brain }: OscPanelProps) {
   const api = window.wavegrid.oscDebug;
   const [state, setState] = React.useState<OscDebugState | null>(null);
   const [zone, setZone] = React.useState('');
diff --git a/packages/desktop/src/renderer/routes/output-route.tsx b/packages/desktop/src/renderer/routes/output-route.tsx
index 0c0df70..e92f594 100644
--- a/packages/desktop/src/renderer/routes/output-route.tsx
+++ b/packages/desktop/src/renderer/routes/output-route.tsx
@@ -13,13 +13,16 @@ import {
 import { Input } from '@/components/ui/input';
 import { Label } from '@/components/ui/label';
 import { Separator } from '@/components/ui/separator';
-import type { OscTarget } from '@/types/ipc';
+import { Tabs, TabsContent, TabsList, TabsTrigger } from '@/components/ui/tabs';
+import { OscPanel } from '@/renderer/routes/osc-panel';
+import type { BrainStatus, OscTarget } from '@/types/ipc';
 
 interface OutputRouteProps {
   activeProject: string | null;
   target: OscTarget | null;
   onSave: (target: OscTarget) => Promise<void>;
   busy: boolean;
+  status: BrainStatus;
 }
 
 type Kind = OscTarget['kind'];
@@ -33,18 +36,40 @@ const HOST_HELP =
   'Where the laser software is listening. Same laptop as Wavegrid → 127.0.0.1. Another machine → its LAN IP (e.g. 192.168.1.50). Avoid “localhost”: OSC is UDP and localhost can resolve to IPv6 while the target listens on IPv4, so the packets are silently dropped.';
 
 const KINDS: { id: Kind; label: string; blurb: string }[] = [
-  { id: 'beyond', label: 'BEYOND', blurb: 'Pangolin BEYOND over OSC — the usual choice' },
+  {
+    id: 'beyond',
+    label: 'BEYOND',
+    blurb: 'Pangolin BEYOND over OSC — the usual choice'
+  },
   { id: 'fb4', label: 'FB4', blurb: 'Pangolin FB4 over OSC' },
-  { id: 'routing', label: 'Routing file', blurb: 'A multi-target routing JSON on disk' },
-  { id: 'none', label: 'None', blurb: 'Console only — nothing is sent to hardware' }
+  {
+    id: 'routing',
+    label: 'Routing file',
+    blurb: 'A multi-target routing JSON on disk'
+  },
+  {
+    id: 'none',
+    label: 'None',
+    blurb: 'Console only — nothing is sent to hardware'
+  }
 ];
 
 /**
  * Output — where this project sends light. The same four targets as
  * `wavegrid projects osc`, writing the same `osc` block in the project config,
  * so the CLI and the app never disagree about what drives the lasers.
+ *
+ * Advanced is the OSC debugger, kept here rather than in the sidebar: the
+ * question it answers (“why is nothing lighting up?”) is a question about this
+ * screen's target, and its panel only mounts once that tab is opened.
  */
-export function OutputRoute({ activeProject, target, onSave, busy }: OutputRouteProps) {
+export function OutputRoute({
+  activeProject,
+  target,
+  onSave,
+  busy,
+  status
+}: OutputRouteProps) {
   const [draft, setDraft] = React.useState<OscTarget | null>(target);
   const [error, setError] = React.useState<string | null>(null);
   const [saved, setSaved] = React.useState(false);
@@ -59,14 +84,16 @@ export function OutputRoute({ activeProject, target, onSave, busy }: OutputRoute
 
   if (!activeProject || !draft) {
     return (
-      <div className='p-4'>
+      <div className="p-4">
         <Empty>
           <EmptyHeader>
-            <EmptyMedia variant='icon'>
+            <EmptyMedia variant="icon">
               <Radio />
             </EmptyMedia>
             <EmptyTitle>No active project</EmptyTitle>
-            <EmptyDescription>Select a project to set its laser output.</EmptyDescription>
+            <EmptyDescription>
+              Select a project to set its laser output.
+            </EmptyDescription>
           </EmptyHeader>
         </Empty>
       </div>
@@ -78,7 +105,8 @@ export function OutputRoute({ activeProject, target, onSave, busy }: OutputRoute
     setSaved(false);
   };
 
-  const dirty = target != null && JSON.stringify(draft) !== JSON.stringify(target);
+  const dirty =
+    target != null && JSON.stringify(draft) !== JSON.stringify(target);
 
   const save = async () => {
     setError(null);
@@ -91,146 +119,175 @@ export function OutputRoute({ activeProject, target, onSave, busy }: OutputRoute
   };
 
   return (
-    <div className='flex flex-col gap-4 p-4'>
-      <div className='flex flex-col gap-3 rounded-lg border px-4 py-3'>
-        <div className='flex items-center gap-2'>
-          <Radio className='size-4' />
-          <span className='font-medium'>Laser output for “{activeProject}”</span>
-          {draft.hasUnifiedRouting && (
-            <Badge
-              variant='secondary'
-              title='This project has a unified routing spec; each device generates its own config from it.'
-            >
-              unified routing set
-            </Badge>
-          )}
-        </div>
-        <Separator />
-
-        <div className='grid gap-2 sm:grid-cols-2'>
-          {KINDS.map((k) => (
-            <button
-              key={k.id}
-              type='button'
-              disabled={busy}
-              onClick={() => set({ kind: k.id })}
-              className={`flex flex-col items-start rounded-lg border px-3 py-2 text-left ${
-                draft.kind === k.id ? 'border-primary bg-accent/40' : 'hover:bg-accent/20'
-              }`}
-            >
-              <span className='text-sm font-medium'>{k.label}</span>
-              <span className='text-muted-foreground text-xs'>{k.blurb}</span>
-            </button>
-          ))}
-        </div>
-
-        {(draft.kind === 'beyond' || draft.kind === 'fb4') && (
-          <div className='flex flex-wrap items-end gap-3'>
-            <div className='flex flex-col gap-1'>
-              <Label htmlFor='osc-host' className='flex items-center gap-1 text-xs'>
-                {draft.kind === 'beyond' ? 'BEYOND host' : 'FB4 host'}
-                <button
-                  type='button'
-                  aria-label='What goes here?'
-                  title={HOST_HELP}
-                  onClick={() => setHostHelp((v) => !v)}
-                  className='text-muted-foreground hover:text-foreground'
+    <div className="flex flex-col gap-4 p-4">
+      <Tabs defaultValue="target">
+        <TabsList>
+          <TabsTrigger value="target">Target</TabsTrigger>
+          <TabsTrigger value="advanced">Advanced</TabsTrigger>
+        </TabsList>
+
+        <TabsContent value="target" className="pt-4">
+          <div className="flex flex-col gap-3 rounded-lg border px-4 py-3">
+            <div className="flex items-center gap-2">
+              <Radio className="size-4" />
+              <span className="font-medium">
+                Laser output for “{activeProject}”
+              </span>
+              {draft.hasUnifiedRouting && (
+                <Badge
+                  variant="secondary"
+                  title="This project has a unified routing spec; each device generates its own config from it."
                 >
-                  <HelpCircle className='size-3.5' />
-                </button>
-              </Label>
-              <div className='flex items-center gap-2'>
-                <Input
-                  id='osc-host'
-                  value={draft.host}
-                  placeholder={THIS_MACHINE}
+                  unified routing set
+                </Badge>
+              )}
+            </div>
+            <Separator />
+
+            <div className="grid gap-2 sm:grid-cols-2">
+              {KINDS.map((k) => (
+                <button
+                  key={k.id}
+                  type="button"
                   disabled={busy}
-                  onChange={(ev) => set({ host: ev.target.value })}
-                  className='h-9 w-48'
-                />
-                <Button
-                  size='sm'
-                  variant='outline'
-                  disabled={busy || draft.host === THIS_MACHINE}
-                  title={`Set the host to ${THIS_MACHINE} — the laser software runs on this laptop.`}
-                  onClick={() => set({ host: THIS_MACHINE })}
+                  onClick={() => set({ kind: k.id })}
+                  className={`flex flex-col items-start rounded-lg border px-3 py-2 text-left ${
+                    draft.kind === k.id
+                      ? 'border-primary bg-accent/40'
+                      : 'hover:bg-accent/20'
+                  }`}
                 >
-                  This machine
-                </Button>
-              </div>
-            </div>
-            <div className='flex flex-col gap-1'>
-              <Label htmlFor='osc-port' className='text-xs'>
-                OSC port
-              </Label>
-              <Input
-                id='osc-port'
-                value={String(draft.port)}
-                inputMode='numeric'
-                disabled={busy}
-                onChange={(ev) => set({ port: Number(ev.target.value) })}
-                className='h-9 w-24'
-              />
+                  <span className="text-sm font-medium">{k.label}</span>
+                  <span className="text-muted-foreground text-xs">
+                    {k.blurb}
+                  </span>
+                </button>
+              ))}
             </div>
-            {draft.kind === 'beyond' && (
-              <div className='flex flex-col gap-1'>
-                <Label className='text-xs'>Grid wiring order</Label>
-                <div className='flex gap-2'>
-                  {(['row', 'column'] as const).map((order) => (
-                    <Button
-                      key={order}
-                      size='sm'
-                      variant={draft.gridOrder === order ? 'default' : 'outline'}
+
+            {(draft.kind === 'beyond' || draft.kind === 'fb4') && (
+              <div className="flex flex-wrap items-end gap-3">
+                <div className="flex flex-col gap-1">
+                  <Label
+                    htmlFor="osc-host"
+                    className="flex items-center gap-1 text-xs"
+                  >
+                    {draft.kind === 'beyond' ? 'BEYOND host' : 'FB4 host'}
+                    <button
+                      type="button"
+                      aria-label="What goes here?"
+                      title={HOST_HELP}
+                      onClick={() => setHostHelp((v) => !v)}
+                      className="text-muted-foreground hover:text-foreground"
+                    >
+                      <HelpCircle className="size-3.5" />
+                    </button>
+                  </Label>
+                  <div className="flex items-center gap-2">
+                    <Input
+                      id="osc-host"
+                      value={draft.host}
+                      placeholder={THIS_MACHINE}
                       disabled={busy}
-                      onClick={() => set({ gridOrder: order })}
+                      onChange={(ev) => set({ host: ev.target.value })}
+                      className="h-9 w-48"
+                    />
+                    <Button
+                      size="sm"
+                      variant="outline"
+                      disabled={busy || draft.host === THIS_MACHINE}
+                      title={`Set the host to ${THIS_MACHINE} — the laser software runs on this laptop.`}
+                      onClick={() => set({ host: THIS_MACHINE })}
                     >
-                      {order}
+                      This machine
                     </Button>
-                  ))}
+                  </div>
                 </div>
+                <div className="flex flex-col gap-1">
+                  <Label htmlFor="osc-port" className="text-xs">
+                    OSC port
+                  </Label>
+                  <Input
+                    id="osc-port"
+                    value={String(draft.port)}
+                    inputMode="numeric"
+                    disabled={busy}
+                    onChange={(ev) => set({ port: Number(ev.target.value) })}
+                    className="h-9 w-24"
+                  />
+                </div>
+                {draft.kind === 'beyond' && (
+                  <div className="flex flex-col gap-1">
+                    <Label className="text-xs">Grid wiring order</Label>
+                    <div className="flex gap-2">
+                      {(['row', 'column'] as const).map((order) => (
+                        <Button
+                          key={order}
+                          size="sm"
+                          variant={
+                            draft.gridOrder === order ? 'default' : 'outline'
+                          }
+                          disabled={busy}
+                          onClick={() => set({ gridOrder: order })}
+                        >
+                          {order}
+                        </Button>
+                      ))}
+                    </div>
+                  </div>
+                )}
               </div>
             )}
+
+            {(draft.kind === 'beyond' || draft.kind === 'fb4') && hostHelp && (
+              <p className="text-muted-foreground max-w-prose text-xs">
+                {HOST_HELP}
+              </p>
+            )}
+
+            {draft.kind === 'routing' && (
+              <div className="flex flex-col gap-1">
+                <Label htmlFor="osc-file" className="text-xs">
+                  Absolute path to the routing JSON
+                </Label>
+                <Input
+                  id="osc-file"
+                  value={draft.file}
+                  placeholder="/Users/you/routing-production.json"
+                  disabled={busy}
+                  onChange={(ev) => set({ file: ev.target.value })}
+                  className="h-9"
+                />
+              </div>
+            )}
+
+            {draft.kind === 'none' && (
+              <p className="text-muted-foreground text-sm">
+                The show runs and the UI animates, but nothing is sent to
+                hardware.
+              </p>
+            )}
+
+            <div className="flex items-center gap-3">
+              <Button disabled={busy || !dirty} onClick={() => void save()}>
+                Save output
+              </Button>
+              {error && (
+                <span className="text-destructive text-sm">{error}</span>
+              )}
+              {!error && saved && !dirty && (
+                <span className="text-muted-foreground text-sm">
+                  Saved — run the show to drive the hardware.
+                </span>
+              )}
+            </div>
           </div>
-        )}
-
-        {(draft.kind === 'beyond' || draft.kind === 'fb4') && hostHelp && (
-          <p className='text-muted-foreground max-w-prose text-xs'>{HOST_HELP}</p>
-        )}
-
-        {draft.kind === 'routing' && (
-          <div className='flex flex-col gap-1'>
-            <Label htmlFor='osc-file' className='text-xs'>
-              Absolute path to the routing JSON
-            </Label>
-            <Input
-              id='osc-file'
-              value={draft.file}
-              placeholder='/Users/you/routing-production.json'
-              disabled={busy}
-              onChange={(ev) => set({ file: ev.target.value })}
-              className='h-9'
-            />
-          </div>
-        )}
-
-        {draft.kind === 'none' && (
-          <p className='text-muted-foreground text-sm'>
-            The show runs and the UI animates, but nothing is sent to hardware.
-          </p>
-        )}
-
-        <div className='flex items-center gap-3'>
-          <Button disabled={busy || !dirty} onClick={() => void save()}>
-            Save output
-          </Button>
-          {error && <span className='text-destructive text-sm'>{error}</span>}
-          {!error && saved && !dirty && (
-            <span className='text-muted-foreground text-sm'>
-              Saved — run the show to drive the hardware.
-            </span>
-          )}
-        </div>
-      </div>
+        </TabsContent>
+
+        <TabsContent value="advanced" className="pt-4">
+          <OscPanel activeProject={activeProject} status={status} />
+        </TabsContent>
+      </Tabs>
     </div>
   );
 }
diff --git a/packages/desktop/src/renderer/routes/show-route.tsx b/packages/desktop/src/renderer/routes/show-route.tsx
index df826cf..2e40840 100644
--- a/packages/desktop/src/renderer/routes/show-route.tsx
+++ b/packages/desktop/src/renderer/routes/show-route.tsx
@@ -114,7 +114,7 @@ export function ShowRoute({ status, activeProject, onStart, onStop, busy }: Show
           <span>
             <span className='font-medium'>Console only — no OSC output.</span> Painting reaches the
             brain, but this project has no OSC target, so nothing is sent to BEYOND. Set one in
-            Advanced → OSC (or <code>wavegrid projects osc</code>), then restart the show.
+            Output → Advanced (or <code>wavegrid projects osc</code>), then restart the show.
           </span>
         </div>
       )}
diff --git a/packages/desktop/src/renderer/routes/traffic-route.tsx b/packages/desktop/src/renderer/routes/traffic-route.tsx
deleted file mode 100644
index 728458f..0000000
--- a/packages/desktop/src/renderer/routes/traffic-route.tsx
+++ /dev/null
@@ -1,406 +0,0 @@
-/**
- * Advanced → Traffic. Watches the conversation between Pangolin BEYOND and the
- * laser hardware (usually an FB4) so the protocol can be worked out from real
- * packets instead of guesses.
- *
- * Two things shape this screen:
- *
- *  - It is passive. Everything here lists, listens, captures or analyses; the
- *    app never sends a packet toward the hardware. The workflow is "put BEYOND
- *    in a state, capture, change exactly one thing, capture again, compare".
- *  - Wireshark is not a Wavegrid dependency. Nothing is looked for until this
- *    screen mounts, and a machine without it just sees what to install.
- */
-import { FolderOpen, RefreshCw, Search, Square, Waves } from 'lucide-react';
-import * as React from 'react';
-
-import { Badge } from '@/components/ui/badge';
-import { Button } from '@/components/ui/button';
-import { Input } from '@/components/ui/input';
-import { Label } from '@/components/ui/label';
-import { Separator } from '@/components/ui/separator';
-import type {
-  TrafficCaptureFile,
-  TrafficCaptureState,
-  TrafficDiscovery,
-  TrafficDoctorReport,
-  TrafficInterfaceInfo,
-  TrafficSettings
-} from '@/types/ipc';
-
-/** The states worth capturing, in the order you'd walk BEYOND through them.
- *  One state per capture is what makes `compare` meaningful. */
-const STEPS = [
-  'idle',
-  'output-on',
-  'static-frame',
-  'change-x',
-  'change-y',
-  'brightness',
-  'output-off'
-];
-
-/** `doctor` reports the tool's whole banner line; a badge only wants the number. */
-function versionOf(version?: string): string {
-  return version?.match(/\d+\.\d+(\.\d+)?/)?.[0] ?? '';
-}
-
-function human(bytes: number): string {
-  if (bytes < 1024) return `${bytes} B`;
-  if (bytes < 1024 * 1024) return `${Math.round(bytes / 1024)} KB`;
-  return `${(bytes / 1024 / 1024).toFixed(1)} MB`;
-}
-
-export function TrafficRoute() {
-  const api = window.wavegrid.traffic;
-  const [doctor, setDoctor] = React.useState<TrafficDoctorReport | null>(null);
-  const [settings, setSettings] = React.useState<TrafficSettings | null>(null);
-  const [interfaces, setInterfaces] = React.useState<TrafficInterfaceInfo[]>([]);
-  const [discovery, setDiscovery] = React.useState<TrafficDiscovery | null>(null);
-  const [captures, setCaptures] = React.useState<TrafficCaptureFile[]>([]);
-  const [capture, setCapture] = React.useState<TrafficCaptureState | null>(null);
-  const [host, setHost] = React.useState('');
-  const [iface, setIface] = React.useState('');
-  const [label, setLabel] = React.useState(STEPS[0]);
-  const [seconds, setSeconds] = React.useState('15');
-  const [selection, setSelection] = React.useState<string[]>([]);
-  const [output, setOutput] = React.useState('');
-  const [busy, setBusy] = React.useState('');
-
-  const refresh = React.useCallback(async () => {
-    setBusy('checking');
-    const [report, config, state, files] = await Promise.all([
-      api.doctor(),
-      api.settings(),
-      api.status(),
-      api.captures()
-    ]);
-    setDoctor(report);
-    setSettings(config);
-    setCapture(state);
-    setCaptures(files);
-    setBusy('');
-  }, [api]);
-
-  // Lazy on purpose: this is the first and only moment Wireshark is looked for.
-  React.useEffect(() => {
-    void refresh();
-  }, [refresh]);
-
-  const missing = (doctor?.tools ?? []).filter((t) => !t.found);
-  const ready = Boolean(doctor) && missing.length === 0;
-
-  const listInterfaces = async () => {
-    setBusy('interfaces');
-    setInterfaces(await api.interfaces(host || undefined));
-    setBusy('');
-  };
-
-  const discover = async () => {
-    setBusy('discover');
-    setDiscovery(await api.discover(iface || undefined, 10));
-    setBusy('');
-  };
-
-  const start = async () => {
-    setBusy('capture');
-    const state = await api.start({
-      iface: iface || undefined,
-      host: host || undefined,
-      label,
-      seconds: Number(seconds) > 0 ? Number(seconds) : undefined
-    });
-    setCapture(state);
-    setBusy('');
-  };
-
-  const stop = async () => {
-    setBusy('capture');
-    setCapture(await api.stop());
-    setCaptures(await api.captures());
-    setBusy('');
-  };
-
-  const run = async (kind: 'analyze' | 'compare') => {
-    setBusy(kind);
-    setOutput('');
-    const result =
-      kind === 'analyze'
-        ? await api.analyze(selection[0], host || undefined)
-        : await api.compare(selection[0], selection[1], host || undefined);
-    setOutput(result.stdout || result.stderr || 'no output');
-    setBusy('');
-  };
-
-  const toggle = (path: string) =>
-    setSelection((prev) =>
-      prev.includes(path) ? prev.filter((p) => p !== path) : [...prev, path].slice(-2)
-    );
-
-  return (
-    <div className='flex flex-col gap-4'>
-      <section className='flex flex-col gap-2 rounded-lg border px-4 py-3'>
-        <div className='flex items-center justify-between gap-2'>
-          <span className='flex items-center gap-2 text-sm font-medium'>
-            <Waves className='size-4' />
-            Wireshark tools
-          </span>
-          <Button size='sm' variant='outline' disabled={busy !== ''} onClick={() => void refresh()}>
-            <RefreshCw className={`size-3.5 ${busy === 'checking' ? 'animate-spin' : ''}`} />
-            Re-check
-          </Button>
-        </div>
-        <Separator />
-        <p className='text-muted-foreground text-xs'>
-          Observation only: this panel lists, listens, captures and analyses. It never sends a packet
-          to the laser hardware.
-        </p>
-
-        {!doctor ? (
-          <p className='text-muted-foreground text-sm'>
-            The traffic toolkit could not be run on this machine. It lives in the repo at
-            tools/traffic — point the app at a checkout with WAVEGRID_TRAFFIC_TOOLKIT.
-          </p>
-        ) : (
-          <div className='flex flex-col gap-2 text-sm'>
-            <div className='flex flex-wrap items-center gap-2'>
-              {doctor.tools.map((tool) => (
-                <Badge key={tool.name} variant={tool.found ? 'secondary' : 'outline'}>
-                  {tool.name}
-                  {versionOf(tool.version) ? ` ${versionOf(tool.version)}` : ''}
-                  {tool.found ? '' : ' — missing'}
-                </Badge>
-              ))}
-            </div>
-            <span className='text-muted-foreground text-xs'>
-              {doctor.os} {doctor.osVersion} · {doctor.arch}
-            </span>
-            {missing.length > 0 && (
-              <p className='text-muted-foreground text-xs'>
-                Install Wireshark (macOS: the .app is enough — its command-line tools are found
-                inside the bundle).
-              </p>
-            )}
-            <p
-              className={
-                doctor.capturePermission.ok
-                  ? 'text-xs text-emerald-600 dark:text-emerald-400'
-                  : 'text-destructive text-xs'
-              }
-            >
-              {doctor.capturePermission.detail}
-            </p>
-            {!doctor.capturePermission.ok && doctor.capturePermission.fix && (
-              // Printed, never run: granting capture rights is the operator's call.
-              <code className='bg-muted rounded px-2 py-1 text-xs'>
-                {doctor.capturePermission.fix}
-              </code>
-            )}
-          </div>
-        )}
-
-        <div className='flex flex-wrap items-center gap-2'>
-          <span className='text-xs font-medium'>Captures folder</span>
-          <code className='text-muted-foreground truncate text-xs'>{settings?.captureDir}</code>
-          <Button
-            size='sm'
-            variant='outline'
-            onClick={async () => {
-              const next = await api.chooseCaptureDir();
-              if (next) {
-                setSettings(next);
-                setCaptures(await api.captures());
-              }
-            }}
-          >
-            <FolderOpen className='size-3.5' />
-            Change
-          </Button>
-        </div>
-      </section>
-
-      <section className='flex flex-col gap-3 rounded-lg border px-4 py-3'>
-        <span className='text-sm font-medium'>Find the hardware</span>
-        <Separator />
-        <div className='flex flex-wrap items-end gap-2'>
-          <div className='flex flex-col gap-1'>
-            <Label className='text-xs' htmlFor='traffic-host'>
-              FB4 / hardware address
-            </Label>
-            <Input
-              id='traffic-host'
-              className='w-44'
-              placeholder='10.0.0.42'
-              value={host}
-              onChange={(e) => setHost(e.target.value)}
-            />
-          </div>
-          <div className='flex flex-col gap-1'>
-            <Label className='text-xs' htmlFor='traffic-iface'>
-              Interface
-            </Label>
-            <Input
-              id='traffic-iface'
-              className='w-32'
-              placeholder='en7'
-              value={iface}
-              onChange={(e) => setIface(e.target.value)}
-            />
-          </div>
-          <Button size='sm' variant='outline' disabled={!ready || busy !== ''} onClick={() => void listInterfaces()}>
-            Interfaces
-          </Button>
-          <Button size='sm' variant='outline' disabled={!ready || busy !== ''} onClick={() => void discover()}>
-            <Search className={`size-3.5 ${busy === 'discover' ? 'animate-pulse' : ''}`} />
-            Listen 10s
-          </Button>
-        </div>
-
-        {interfaces.length > 0 && (
-          <ul className='flex flex-col gap-1'>
-            {interfaces.map((i) => (
-              <li key={i.name} className='flex flex-wrap items-center gap-2 text-xs'>
-                <button className='underline' onClick={() => setIface(i.name)}>
-                  <code>{i.name}</code>
-                </button>
-                <span className='text-muted-foreground'>{i.addresses || i.description}</span>
-                {i.matchesHost && <Badge variant='secondary'>same subnet</Badge>}
-              </li>
-            ))}
-          </ul>
-        )}
-
-        {discovery && (
-          <div className='flex flex-col gap-1'>
-            <span className='text-xs font-medium'>
-              Peers seen in {discovery.seconds}s on {discovery.iface} — laser hardware is the
-              steady, two-way, high-rate one
-            </span>
-            {discovery.candidates.length === 0 ? (
-              <span className='text-muted-foreground text-xs'>
-                Nothing exchanged packets with this machine. Start laser output in BEYOND and listen
-                again.
-              </span>
-            ) : (
-              <ul className='flex flex-col gap-1'>
-                {discovery.candidates.map((p) => (
-                  <li key={p.ip} className='flex flex-wrap items-center gap-2 text-xs'>
-                    <button className='underline' onClick={() => setHost(p.ip)}>
-                      <code>{p.ip}</code>
-                    </button>
-                    <span className='text-muted-foreground'>
-                      {p.packets} packets · {human(p.bytes)} · {p.protocols} · ports {p.ports}
-                    </span>
-                  </li>
-                ))}
-              </ul>
-            )}
-          </div>
-        )}
-      </section>
-
-      <section className='flex flex-col gap-3 rounded-lg border px-4 py-3'>
-        <span className='text-sm font-medium'>Capture one state at a time</span>
-        <Separator />
-        <div className='flex flex-wrap items-end gap-2'>
-          <div className='flex flex-col gap-1'>
-            <Label className='text-xs' htmlFor='traffic-label'>
-              What BEYOND is doing
-            </Label>
-            <Input
-              id='traffic-label'
-              className='w-40'
-              list='traffic-steps'
-              value={label}
-              onChange={(e) => setLabel(e.target.value)}
-            />
-            <datalist id='traffic-steps'>
-              {STEPS.map((s) => (
-                <option key={s} value={s} />
-              ))}
-            </datalist>
-          </div>
-          <div className='flex flex-col gap-1'>
-            <Label className='text-xs' htmlFor='traffic-seconds'>
-              Seconds
-            </Label>
-            <Input
-              id='traffic-seconds'
-              className='w-20'
-              value={seconds}
-              onChange={(e) => setSeconds(e.target.value)}
-            />
-          </div>
-          <Button size='sm' disabled={!ready || busy !== '' || capture?.running} onClick={() => void start()}>
-            Capture
-          </Button>
-          <Button size='sm' variant='outline' disabled={busy !== ''} onClick={() => void stop()}>
-            <Square className='size-3.5' />
-            Stop
-          </Button>
-        </div>
-        <p className='text-muted-foreground text-xs'>
-          {capture?.running
-            ? `Capturing to ${capture.file}`
-            : host
-              ? `Only traffic involving ${host} is written to disk.`
-              : 'Set an address to keep the capture to the hardware’s traffic alone.'}
-        </p>
-      </section>
-
-      <section className='flex flex-col gap-3 rounded-lg border px-4 py-3'>
-        <div className='flex items-center justify-between gap-2'>
-          <span className='text-sm font-medium'>Captures</span>
-          <div className='flex gap-2'>
-            <Button
-              size='sm'
-              variant='outline'
-              disabled={!ready || selection.length !== 1 || busy !== ''}
-              onClick={() => void run('analyze')}
-            >
-              Analyze
-            </Button>
-            <Button
-              size='sm'
-              variant='outline'
-              disabled={!ready || selection.length !== 2 || busy !== ''}
-              onClick={() => void run('compare')}
-            >
-              Compare two
-            </Button>
-          </div>
-        </div>
-        <Separator />
-        {captures.length === 0 ? (
-          <p className='text-muted-foreground text-sm'>
-            Nothing captured yet. Capture an idle state first — it is what every later state is
-            compared against.
-          </p>
-        ) : (
-          <ul className='flex flex-col gap-1'>
-            {captures.map((file) => (
-              <li key={file.path} className='flex flex-wrap items-center gap-2 text-xs'>
-                <button
-                  className={selection.includes(file.path) ? 'font-medium underline' : 'underline'}
-                  onClick={() => toggle(file.path)}
-                >
-                  {file.name}
-                </button>
-                <span className='text-muted-foreground'>
-                  {file.label || 'unlabelled'} · {human(file.bytes)}
-                </span>
-                {selection.indexOf(file.path) === 0 && <Badge variant='secondary'>A</Badge>}
-                {selection.indexOf(file.path) === 1 && <Badge variant='secondary'>B</Badge>}
-              </li>
-            ))}
-          </ul>
-        )}
-        {output && (
-          <pre className='bg-muted max-h-96 overflow-auto rounded p-3 text-xs whitespace-pre'>
-            {output}
-          </pre>
-        )}
-      </section>
-    </div>
-  );
-}
diff --git a/packages/desktop/src/types/ipc.ts b/packages/desktop/src/types/ipc.ts
index f18e85c..f1ed762 100644
--- a/packages/desktop/src/types/ipc.ts
+++ b/packages/desktop/src/types/ipc.ts
@@ -463,15 +463,6 @@ export interface WavegridApi {
     /** Clear any active identify flash. */
     identifyClear(project: string): Promise<void>;
   };
-  nova: {
-    /** Run one amber look (a scene or an animation from the shared catalog) on
-     *  the rig. False when the id is unknown or this project isn't the live one. */
-    apply(project: string, look: string): Promise<boolean>;
-    /** How fast a moving look travels around the ring (0.1–3×). */
-    speed(project: string, value: number): Promise<boolean>;
-    /** Stop the running look and go dark. */
-    blackout(project: string): Promise<boolean>;
-  };
   osc: {
     /** The project's current laser output target. */
     get(project: string): Promise<OscTarget | null>;
@@ -495,32 +486,7 @@ export interface WavegridApi {
     clear(keepDevice: boolean): Promise<StoreClearResult>;
   };
   /**
-   * Traffic: passive capture and analysis of BEYOND ⇄ laser hardware traffic.
-   * Nothing here is called until the panel is opened, and nothing transmits.
-   */
-  traffic: {
-    /** Tools, versions, capture permission and the capture directory. Null when
-     *  the toolkit itself is missing or printed nothing usable. */
-    doctor(): Promise<TrafficDoctorReport | null>;
-    /** Capture devices; pass a host to mark the one on its subnet. */
-    interfaces(host?: string): Promise<TrafficInterfaceInfo[]>;
-    /** Listen for `seconds` and rank the peers we exchange packets with. */
-    discover(iface?: string, seconds?: number): Promise<TrafficDiscovery | null>;
-    start(req: TrafficCaptureRequest): Promise<TrafficCaptureState | null>;
-    stop(): Promise<TrafficCaptureState | null>;
-    status(): Promise<TrafficCaptureState | null>;
-    captures(): Promise<TrafficCaptureFile[]>;
-    analyze(path: string, host?: string): Promise<TrafficResult>;
-    /** Byte-level diff: which offsets encode what changed between two states. */
-    compare(a: string, b: string, host?: string): Promise<TrafficResult>;
-    settings(): Promise<TrafficSettings>;
-    /** Persist the capture directory (shared with the CLI). */
-    setCaptureDir(dir: string): Promise<TrafficSettings>;
-    /** Ask for a directory with the native picker. Null when cancelled. */
-    chooseCaptureDir(): Promise<TrafficSettings | null>;
-  };
-  /**
-   * OSC debugger (Advanced → OSC). Local only — the desktop process talks UDP
+   * OSC debugger (Output → Advanced). Local only — the desktop process talks UDP
    * to the project's configured target; there is no service and no key. Sends
    * are single messages, never a running show.
    */
@@ -544,100 +510,7 @@ export interface WavegridApi {
   };
 }
 
-// ── Traffic (Advanced → Traffic) ───────────────────────────────────────────
-//
-// Passive observation of the traffic between Pangolin BEYOND and laser hardware,
-// driven by the `tools/traffic` CLI. Wireshark is not a Wavegrid dependency, so
-// every one of these calls can legitimately report "not installed".
-
-export interface TrafficTool {
-  name: string;
-  found: boolean;
-  path?: string;
-  version?: string;
-}
-
-export interface TrafficDoctorReport {
-  os: string;
-  osVersion: string;
-  arch: string;
-  captureDir: string;
-  captureDirExists: boolean;
-  /** Whether this machine may capture, and the privileged fix when it may not.
-   *  The app never runs the fix — the operator has to approve it themselves. */
-  capturePermission: { ok: boolean; detail: string; fix: string };
-  tools: TrafficTool[];
-}
-
-export interface TrafficInterfaceInfo {
-  name: string;
-  description: string;
-  /** Space-separated CIDR addresses, as the OS reports them. */
-  addresses: string;
-  /** True when this interface is on the same /24 as the queried host. */
-  matchesHost: boolean;
-}
-
-/** A peer seen exchanging packets with this machine while listening. */
-export interface TrafficPeer {
-  ip: string;
-  packets: number;
-  bytes: number;
-  protocols: string;
-  ports: string;
-  inbound: number;
-  outbound: number;
-  /** Higher = more like laser hardware (two-way, high-rate UDP). */
-  score: number;
-}
-
-export interface TrafficDiscovery {
-  seconds: number;
-  iface: string;
-  candidates: TrafficPeer[];
-  neighbours: { ip: string; mac: string }[];
-}
-
-export interface TrafficCaptureRequest {
-  iface?: string;
-  /** Capture filter: only traffic involving this address reaches the disk. */
-  host?: string;
-  label?: string;
-  seconds?: number;
-}
-
-export interface TrafficCaptureState {
-  running?: boolean;
-  started?: boolean;
-  stopped?: boolean;
-  pid?: number;
-  file?: string;
-}
-
-export interface TrafficCaptureFile {
-  name: string;
-  path: string;
-  label: string;
-  bytes: number;
-  modified: number;
-}
-
-export interface TrafficSettings {
-  captureDir: string;
-  /** Config file the CLI reads too, so the tab and a terminal agree. */
-  configPath: string;
-  toolkitDir: string;
-  toolkitFound: boolean;
-}
-
-/** Raw output of a toolkit command, for the panel's text pane. */
-export interface TrafficResult {
-  ok: boolean;
-  stdout: string;
-  stderr: string;
-}
-
-// ── OSC debugger (Advanced → OSC) ──────────────────────────────────────────
+// ── OSC debugger (Output → Advanced) ──────────────────────────────────────
 //
 // OSC is UDP: a frame aimed at a closed port is dropped with no error, so a
 // silent rig looks identical to a working one. The panel makes that visible —
diff --git a/packages/ui/src/app.tsx b/packages/ui/src/app.tsx
index f31376d..a0b69e0 100644
--- a/packages/ui/src/app.tsx
+++ b/packages/ui/src/app.tsx
@@ -477,7 +477,12 @@ export default function Home() {
     if (saved && tabs.some((t) => t.key === saved)) return saved as GridMode;
     return 'paint';
   });
-  const [layout, setLayout] = useState<PanelLayout>('bottom');
+  // Beside the grid, not under it: the parameters are read while looking at the
+  // rig, and a bottom panel pushes the grid off a short window.
+  const [layout, setLayout] = useState<PanelLayout>(() => {
+    if (typeof window === 'undefined') return 'right';
+    return localStorage.getItem('wavegrid-panel-layout') === 'bottom' ? 'bottom' : 'right';
+  });
   const [hue, setHue] = useState(220);
   const [sat, setSat] = useState(90);
   const [bright, setBright] = useState(100);
@@ -1109,7 +1114,13 @@ export default function Home() {
             </div>
             {/* Layout toggle */}
             <button
-              onClick={() => setLayout((l) => l === 'bottom' ? 'right' : 'bottom')}
+              onClick={() =>
+                setLayout((l) => {
+                  const next = l === 'bottom' ? 'right' : 'bottom';
+                  localStorage.setItem('wavegrid-panel-layout', next);
+                  return next;
+                })
+              }
               className="flex items-center justify-center transition-all"
               title={layout === 'bottom' ? 'Panel: right side' : 'Panel: bottom'}
               style={headerBtnStyle}
diff --git a/tools/traffic/README.md b/tools/traffic/README.md
index 6cf4549..729a422 100644
--- a/tools/traffic/README.md
+++ b/tools/traffic/README.md
@@ -10,9 +10,8 @@ reads the neighbour table, captures and analyses files on disk. The exception is
 when given `--transmit` and a `--host`; without them it prints the bytes it would
 send and exits. Nothing here ever fabricates frame-stream traffic.
 
-Nothing in the Wavegrid app depends on these tools being installed — the app
-only looks for them when you open the Traffic tab (Advanced → Traffic), which
-is also where you choose the directory captures are written to.
+Nothing in the Wavegrid app depends on these tools being installed — this is
+terminal tooling, and each command looks for what it needs when it runs.
 
 ## Requirements
 
@@ -58,7 +57,7 @@ capture filter (`host <ip>`), so nothing else reaches the disk; that matters whe
 a laser is streaming frames.
 
 The directory is, in order of precedence: `--dir`, `$TRAFFIC_CAPTURE_DIR`,
-`captureDir` in `~/.wavegrid/traffic.json` (what the Traffic tab writes), or
+`captureDir` in `~/.wavegrid/traffic.json`, or
 `./captures` here.
 
 ## Analysing
@@ -179,7 +178,7 @@ in a synthetic test isolates a single byte:
 ```
 
 Add `--json` to `doctor`, `interfaces`, `discover`, `capture`, `extract` and
-`compare` for machine-readable output (this is what the Traffic tab consumes).
+`compare` for machine-readable output.
 
 ## Layout
 
diff --git a/tools/traffic/lib/common.sh b/tools/traffic/lib/common.sh
index 608f9c8..f0a3616 100644
--- a/tools/traffic/lib/common.sh
+++ b/tools/traffic/lib/common.sh
@@ -59,7 +59,7 @@ tool_version() {
 
 # ── Capture directory ──────────────────────────────────────────────────────
 #
-# The UI's Traffic tab lets an operator pick where captures land, and writes it
+# An operator can pick where captures land, and it is written
 # to a small config file. Precedence, most specific first:
 #   --dir flag (callers set TRAFFIC_DIR before sourcing) → env → config → ./captures