feat!: rebuild EveFlow as a JARVIS-style voice HUD for Hermes Agent (v2.0.0)

Complete rewrite of the application:

- Toolchain: Electron 44, Vite 8, React 19, TypeScript 5.9, Zustand, Vitest;
  main process rewritten in TypeScript (electron/), typed IPC contract (shared/),
  sandboxed renderer with webSecurity on and an HTTP/SSE proxy in the main process.
- Voice: AudioWorklet microphone capture at 16 kHz with adaptive energy VAD and
  auto-stop, WAV encoder, OpenAI-compatible STT, TTS queue with sentence-level
  streaming, prefetch and Web Audio playback feeding an analyser; hands-free mode,
  global push-to-talk hotkey, system-voice fallback.
- Hermes: full API client (capabilities, health, models, skills, toolsets,
  sessions, jobs) with automatic transport selection: runs API (SSE lifecycle,
  approvals, steer, stop) > sessions stream > chat completions with local tools;
  tolerant event normalisation; webhook receiver hardened (secret, size limit).
- UI: JARVIS arc-reactor core on Canvas 2D reacting to the real audio signal,
  holographic HUD layout (transcript, core, Hermes ops panel with tools/crons/
  skills/sessions/link tabs, telemetry), settings drawer, approval modals,
  compact floating widget, four themes, tray icon and global shortcuts.
- Removed the 3D Eve robot, three.js and legacy assets; migrated 1.x settings.

Co-Authored-By: Claude Fable 5.1 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_017Wn5VX9HNbJ7N54hR24u9Y

electron/window.ts

@@ -0,0 +1,143 @@
+import { app, BrowserWindow, screen, shell } from 'electron';
+import fs from 'node:fs';
+import path from 'node:path';
+import { IPC, type WindowMode } from '../shared/ipc';
+import { log } from './logger';
+
+const HUD_SIZE = { width: 1320, height: 860, minWidth: 980, minHeight: 640 };
+const COMPACT_SIZE = { width: 380, height: 620, minWidth: 320, minHeight: 420 };
+
+let mainWindow: BrowserWindow | null = null;
+let currentMode: WindowMode = 'hud';
+let hudBounds: Electron.Rectangle | null = null;
+
+export function getMainWindow(): BrowserWindow | null {
+  return mainWindow;
+}
+
+export function getWindowMode(): WindowMode {
+  return currentMode;
+}
+
+function fallbackHtml(reason: string): string {
+  return `<!doctype html><html><body style="margin:0;font-family:Segoe UI,Arial,sans-serif;background:#03070d;color:#9fe9ff;display:flex;align-items:center;justify-content:center;height:100vh">
+  <div style="max-width:560px;padding:28px;border:1px solid #1d5c70;border-radius:14px;background:#061018">
+  <h1 style="margin:0 0 12px;font-size:20px;letter-spacing:.08em">EVEFLOW - INTERFACE INDISPONIBLE</h1>
+  <p style="line-height:1.5">${reason}</p><p>Lancez <code>npm run build</code> puis relancez l'application.</p></div></body></html>`;
+}
+
+async function loadRenderer(win: BrowserWindow): Promise<void> {
+  const devUrl = process.env.VITE_DEV_SERVER_URL;
+  if (devUrl && !app.isPackaged) {
+    try {
+      await win.loadURL(devUrl);
+      win.webContents.openDevTools({ mode: 'detach' });
+      return;
+    } catch (err) {
+      log('WARN', 'window', `dev server unreachable (${(err as Error).message}), loading built bundle`);
+    }
+  }
+  const builtIndex = path.join(__dirname, '..', '..', 'dist', 'index.html');
+  if (fs.existsSync(builtIndex)) {
+    await win.loadFile(builtIndex);
+    return;
+  }
+  await win.loadURL('data:text/html;charset=utf-8,' + encodeURIComponent(fallbackHtml('Le bundle dist/index.html est introuvable.')));
+}
+
+export function createMainWindow(): BrowserWindow {
+  const win = new BrowserWindow({
+    ...HUD_SIZE,
+    frame: false,
+    transparent: true,
+    backgroundColor: '#00000000',
+    hasShadow: true,
+    show: false,
+    title: 'EveFlow',
+    webPreferences: {
+      preload: path.join(__dirname, 'preload.js'),
+      contextIsolation: true,
+      nodeIntegration: false,
+      sandbox: true,
+      webSecurity: true,
+      allowRunningInsecureContent: false,
+      backgroundThrottling: false,
+      spellcheck: false
+    }
+  });
+  mainWindow = win;
+
+  win.once('ready-to-show', () => {
+    setTimeout(() => {
+      if (!win.isDestroyed()) win.show();
+    }, 60);
+  });
+
+  win.webContents.setWindowOpenHandler(({ url }) => {
+    if (/^https?:\/\//i.test(url)) void shell.openExternal(url);
+    return { action: 'deny' };
+  });
+  win.webContents.on('will-navigate', (event, url) => {
+    if (!url.startsWith('file://') && !url.startsWith(process.env.VITE_DEV_SERVER_URL ?? 'http://127.0.0.1:5173')) {
+      event.preventDefault();
+      void shell.openExternal(url);
+    }
+  });
+
+  win.on('closed', () => {
+    mainWindow = null;
+  });
+
+  loadRenderer(win).catch((err) => {
+    log('ERROR', 'window', `renderer load failed: ${(err as Error).message}`);
+    void win.loadURL('data:text/html;charset=utf-8,' + encodeURIComponent(fallbackHtml("Une erreur inattendue a interrompu le chargement de l'interface.")));
+  });
+
+  return win;
+}
+
+export function setWindowMode(mode: WindowMode): void {
+  const win = mainWindow;
+  if (!win || win.isDestroyed()) return;
+  if (mode === currentMode) {
+    win.webContents.send(IPC.windowModeChanged, mode);
+    return;
+  }
+
+  if (mode === 'compact') {
+    hudBounds = win.getBounds();
+    const display = screen.getDisplayMatching(win.getBounds());
+    const area = display.workArea;
+    win.setMinimumSize(COMPACT_SIZE.minWidth, COMPACT_SIZE.minHeight);
+    win.setBounds({
+      x: area.x + area.width - COMPACT_SIZE.width - 24,
+      y: area.y + area.height - COMPACT_SIZE.height - 24,
+      width: COMPACT_SIZE.width,
+      height: COMPACT_SIZE.height
+    }, true);
+    win.setAlwaysOnTop(true, 'floating');
+    win.setVisibleOnAllWorkspaces(true, { visibleOnFullScreen: true });
+  } else {
+    win.setAlwaysOnTop(false);
+    win.setVisibleOnAllWorkspaces(false);
+    win.setMinimumSize(HUD_SIZE.minWidth, HUD_SIZE.minHeight);
+    if (hudBounds) win.setBounds(hudBounds, true);
+    else {
+      win.setSize(HUD_SIZE.width, HUD_SIZE.height, true);
+      win.center();
+    }
+  }
+  currentMode = mode;
+  win.webContents.send(IPC.windowModeChanged, mode);
+}
+
+export function toggleWindowVisibility(): void {
+  const win = mainWindow;
+  if (!win || win.isDestroyed()) return;
+  if (win.isVisible() && win.isFocused()) {
+    win.hide();
+  } else {
+    win.show();
+    win.focus();
+  }
+}