Merge pull request 'enhancment/code-highlighting-in-llm-chat' (#6) from enhancment/code-highlighting-in-llm-chat into v0.7.0-update

Reviewed-on: https://git.pyserve.org/Shifty/Mastermind/pulls/6

forge.config.js

@@ -1,14 +1,15 @@
-const { FusesPlugin } = require('@electron-forge/plugin-fuses');
-const { FuseV1Options, FuseVersion } = require('@electron/fuses');
+const { FusesPlugin } = require("@electron-forge/plugin-fuses");
+const { FuseV1Options, FuseVersion } = require("@electron/fuses");
 
 module.exports = {
   packagerConfig: {
     asar: {
-            unpack: '**/{onnxruntime-node,onnxruntime-common,@huggingface/transformers,sharp,@img}/**',
+      unpack:
+        "**/{onnxruntime-node,onnxruntime-common,@huggingface/transformers,sharp,@img}/**",
     },
-        extraResource: ['./src/assets/SystemAudioDump'],
-        name: 'Cheating Daddy',
-        icon: 'src/assets/logo',
+    extraResource: ["./src/assets/SystemAudioDump"],
+    name: "Mastermind",
+    icon: "src/assets/logo",
     // use `security find-identity -v -p codesigning` to find your identity
     // for macos signing
     // also fuck apple
@@ -27,40 +28,44 @@ module.exports = {
     //    teamId: 'your team id',
     // },
   },
-    rebuildConfig: {},
+  rebuildConfig: {
+    // Ensure onnxruntime-node is rebuilt against Electron's Node.js headers
+    // so the native binding matches the ABI used in packaged builds.
+    onlyModules: ["onnxruntime-node", "sharp"],
+  },
   makers: [
     {
-            name: '@electron-forge/maker-squirrel',
+      name: "@electron-forge/maker-squirrel",
       config: {
-                name: 'cheating-daddy',
-                productName: 'Cheating Daddy',
-                shortcutName: 'Cheating Daddy',
+        name: "mastermind",
+        productName: "Mastermind",
+        shortcutName: "Mastermind",
         createDesktopShortcut: true,
         createStartMenuShortcut: true,
       },
     },
     {
-            name: '@electron-forge/maker-dmg',
-            platforms: ['darwin'],
+      name: "@electron-forge/maker-dmg",
+      platforms: ["darwin"],
     },
     {
-            name: '@reforged/maker-appimage',
-            platforms: ['linux'],
+      name: "@reforged/maker-appimage",
+      platforms: ["linux"],
       config: {
         options: {
-                    name: 'Cheating Daddy',
-                    productName: 'Cheating Daddy',
-                    genericName: 'AI Assistant',
-                    description: 'AI assistant for interviews and learning',
-                    categories: ['Development', 'Education'],
-                    icon: 'src/assets/logo.png'
-                }
+          name: "Mastermind",
+          productName: "Mastermind",
+          genericName: "AI Assistant",
+          description: "AI assistant for interviews and learning",
+          categories: ["Development", "Education"],
+          icon: "src/assets/logo.png",
+        },
       },
     },
   ],
   plugins: [
     {
-            name: '@electron-forge/plugin-auto-unpack-natives',
+      name: "@electron-forge/plugin-auto-unpack-natives",
       config: {},
     },
     // Fuses are used to enable/disable various Electron functionality

package.json

@@ -1,26 +1,27 @@
 {
-    "name": "cheating-daddy",
-    "productName": "cheating-daddy",
+  "name": "mastermind",
+  "productName": "Mastermind",
   "version": "0.7.0",
-    "description": "cheating daddy",
+  "description": "Mastermind AI assistant",
   "main": "src/index.js",
   "scripts": {
     "start": "electron-forge start",
     "package": "electron-forge package",
     "make": "electron-forge make",
     "publish": "electron-forge publish",
-        "lint": "echo \"No linting configured\""
+    "lint": "echo \"No linting configured\"",
+    "postinstall": "electron-rebuild -f -w onnxruntime-node"
   },
   "keywords": [
-        "cheating daddy",
-        "cheating daddy ai",
-        "cheating daddy ai assistant",
-        "cheating daddy ai assistant for interviews",
-        "cheating daddy ai assistant for interviews"
+    "mastermind",
+    "mastermind ai",
+    "mastermind ai assistant",
+    "mastermind ai assistant for interviews",
+    "mastermind ai assistant for interviews"
   ],
   "author": {
-        "name": "sohzm",
-        "email": "sohambharambe9@gmail.com"
+    "name": "ShiftyX1",
+    "email": "lead@pyserve.org"
   },
   "license": "GPL-3.0",
   "dependencies": {
@@ -28,10 +29,12 @@
     "@huggingface/transformers": "^3.8.1",
     "electron-squirrel-startup": "^1.0.1",
     "ollama": "^0.6.3",
+    "openai": "^6.22.0",
     "p-retry": "^4.6.2",
     "ws": "^8.19.0"
   },
   "devDependencies": {
+    "@electron/rebuild": "^3.7.1",
     "@electron-forge/cli": "^7.8.1",
     "@electron-forge/maker-deb": "^7.8.1",
     "@electron-forge/maker-dmg": "^7.8.1",

pnpm-lock.yaml

@@ -23,6 +23,9 @@ importers:
       ollama:
         specifier: ^0.6.3
         version: 0.6.3
+      openai:
+        specifier: ^6.22.0
+        version: 6.22.0(ws@8.19.0)
       p-retry:
         specifier: 4.6.2
         version: 4.6.2
@@ -1750,6 +1753,18 @@ packages:
   onnxruntime-web@1.22.0-dev.20250409-89f8206ba4:
     resolution: {integrity: sha512-0uS76OPgH0hWCPrFKlL8kYVV7ckM7t/36HfbgoFw6Nd0CZVVbQC4PkrR8mBX8LtNUFZO25IQBqV2Hx2ho3FlbQ==}
 
+  openai@6.22.0:
+    resolution: {integrity: sha512-7Yvy17F33Bi9RutWbsaYt5hJEEJ/krRPOrwan+f9aCPuMat1WVsb2VNSII5W1EksKT6fF69TG/xj4XzodK3JZw==}
+    hasBin: true
+    peerDependencies:
+      ws: ^8.18.0
+      zod: ^3.25 || ^4.0
+    peerDependenciesMeta:
+      ws:
+        optional: true
+      zod:
+        optional: true
+
   ora@5.4.1:
     resolution: {integrity: sha512-5b6Y85tPxZZ7QytO+BQzysW31HJku27cRIlkbAXaNx+BdcVi+LlRFmVXzeF6a7JCwJpyw5c4b+YSVImQIrBpuQ==}
     engines: {node: '>=10'}
@@ -4522,6 +4537,10 @@ snapshots:
       platform: 1.3.6
       protobufjs: 7.5.4
 
+  openai@6.22.0(ws@8.19.0):
+    optionalDependencies:
+      ws: 8.19.0
+
   ora@5.4.1:
     dependencies:
       bl: 4.1.0

src/components/app/AppHeader.js

@@ -242,15 +242,15 @@ export class AppHeader extends LitElement {
 
     getViewTitle() {
         const titles = {
-            onboarding: 'Welcome to Cheating Daddy',
-            main: 'Cheating Daddy',
+            onboarding: 'Welcome to Mastermind',
+            main: 'Mastermind',
             customize: 'Customize',
             help: 'Help & Shortcuts',
             history: 'Conversation History',
             advanced: 'Advanced Tools',
-            assistant: 'Cheating Daddy',
+            assistant: 'Mastermind',
         };
-        return titles[this.currentView] || 'Cheating Daddy';
+        return titles[this.currentView] || 'Mastermind';
     }
 
     getElapsedTime() {

src/components/app/CheatingDaddyApp.js

@@ -1,12 +1,12 @@
-import { html, css, LitElement } from '../../assets/lit-core-2.7.4.min.js';
-import { MainView } from '../views/MainView.js';
-import { CustomizeView } from '../views/CustomizeView.js';
-import { HelpView } from '../views/HelpView.js';
-import { HistoryView } from '../views/HistoryView.js';
-import { AssistantView } from '../views/AssistantView.js';
-import { OnboardingView } from '../views/OnboardingView.js';
-import { AICustomizeView } from '../views/AICustomizeView.js';
-import { FeedbackView } from '../views/FeedbackView.js';
+import { html, css, LitElement } from "../../assets/lit-core-2.7.4.min.js";
+import { MainView } from "../views/MainView.js";
+import { CustomizeView } from "../views/CustomizeView.js";
+import { HelpView } from "../views/HelpView.js";
+import { HistoryView } from "../views/HistoryView.js";
+import { AssistantView } from "../views/AssistantView.js";
+import { OnboardingView } from "../views/OnboardingView.js";
+import { AICustomizeView } from "../views/AICustomizeView.js";
+import { FeedbackView } from "../views/FeedbackView.js";
 
 export class CheatingDaddyApp extends LitElement {
   static styles = css`
@@ -81,15 +81,15 @@ export class CheatingDaddyApp extends LitElement {
     }
 
     .traffic-light.close {
-            background: #FF5F57;
+      background: #ff5f57;
     }
 
     .traffic-light.minimize {
-            background: #FEBC2E;
+      background: #febc2e;
     }
 
     .traffic-light.maximize {
-            background: #28C840;
+      background: #28c840;
     }
 
     .sidebar {
@@ -100,7 +100,10 @@ export class CheatingDaddyApp extends LitElement {
       display: flex;
       flex-direction: column;
       padding: 42px 0 var(--space-md) 0;
-            transition: width var(--transition), min-width var(--transition), opacity var(--transition);
+      transition:
+        width var(--transition),
+        min-width var(--transition),
+        opacity var(--transition);
     }
 
     .sidebar.hidden {
@@ -144,7 +147,9 @@ export class CheatingDaddyApp extends LitElement {
       font-size: var(--font-size-sm);
       font-weight: var(--font-weight-medium);
       cursor: pointer;
-            transition: color var(--transition), background var(--transition);
+      transition:
+        color var(--transition),
+        background var(--transition);
       border: none;
       background: none;
       width: 100%;
@@ -187,7 +192,9 @@ export class CheatingDaddyApp extends LitElement {
       font-weight: var(--font-weight-medium);
       cursor: pointer;
       text-align: left;
-            transition: background var(--transition), border-color var(--transition);
+      transition:
+        background var(--transition),
+        border-color var(--transition);
       animation: update-wobble 5s ease-in-out infinite;
     }
 
@@ -197,11 +204,23 @@ export class CheatingDaddyApp extends LitElement {
     }
 
     @keyframes update-wobble {
-            0%, 90%, 100% { transform: rotate(0deg); }
-            92% { transform: rotate(-2deg); }
-            94% { transform: rotate(2deg); }
-            96% { transform: rotate(-1.5deg); }
-            98% { transform: rotate(1.5deg); }
+      0%,
+      90%,
+      100% {
+        transform: rotate(0deg);
+      }
+      92% {
+        transform: rotate(-2deg);
+      }
+      94% {
+        transform: rotate(2deg);
+      }
+      96% {
+        transform: rotate(-1.5deg);
+      }
+      98% {
+        transform: rotate(1.5deg);
+      }
     }
 
     .update-btn svg {
@@ -363,20 +382,21 @@ export class CheatingDaddyApp extends LitElement {
     _storageLoaded: { state: true },
     _updateAvailable: { state: true },
     _whisperDownloading: { state: true },
+    _whisperProgress: { state: true },
   };
 
   constructor() {
     super();
-        this.currentView = 'main';
-        this.statusText = '';
+    this.currentView = "main";
+    this.statusText = "";
     this.startTime = null;
     this.isRecording = false;
     this.sessionActive = false;
-        this.selectedProfile = 'interview';
-        this.selectedLanguage = 'en-US';
-        this.selectedScreenshotInterval = '5';
-        this.selectedImageQuality = 'medium';
-        this.layoutMode = 'normal';
+    this.selectedProfile = "interview";
+    this.selectedLanguage = "en-US";
+    this.selectedScreenshotInterval = "5";
+    this.selectedImageQuality = "medium";
+    this.layoutMode = "normal";
     this.responses = [];
     this.currentResponseIndex = -1;
     this._viewInstances = new Map();
@@ -388,7 +408,8 @@ export class CheatingDaddyApp extends LitElement {
     this._timerInterval = null;
     this._updateAvailable = false;
     this._whisperDownloading = false;
-        this._localVersion = '';
+    this._whisperProgress = null;
+    this._localVersion = "";
 
     this._loadFromStorage();
     this._checkForUpdates();
@@ -399,16 +420,22 @@ export class CheatingDaddyApp extends LitElement {
       this._localVersion = await cheatingDaddy.getVersion();
       this.requestUpdate();
 
-            const res = await fetch('https://raw.githubusercontent.com/sohzm/cheating-daddy/refs/heads/master/package.json');
+      const res = await fetch(
+        "https://raw.githubusercontent.com/ShiftyX1/Mastermind/refs/heads/master/package.json",
+      );
       if (!res.ok) return;
       const remote = await res.json();
       const remoteVersion = remote.version;
 
-            const toNum = v => v.split('.').map(Number);
+      const toNum = (v) => v.split(".").map(Number);
       const [rMaj, rMin, rPatch] = toNum(remoteVersion);
       const [lMaj, lMin, lPatch] = toNum(this._localVersion);
 
-            if (rMaj > lMaj || (rMaj === lMaj && rMin > lMin) || (rMaj === lMaj && rMin === lMin && rPatch > lPatch)) {
+      if (
+        rMaj > lMaj ||
+        (rMaj === lMaj && rMin > lMin) ||
+        (rMaj === lMaj && rMin === lMin && rPatch > lPatch)
+      ) {
         this._updateAvailable = true;
         this.requestUpdate();
       }
@@ -421,20 +448,20 @@ export class CheatingDaddyApp extends LitElement {
     try {
       const [config, prefs] = await Promise.all([
         cheatingDaddy.storage.getConfig(),
-                cheatingDaddy.storage.getPreferences()
+        cheatingDaddy.storage.getPreferences(),
       ]);
 
-            this.currentView = config.onboarded ? 'main' : 'onboarding';
-            this.selectedProfile = prefs.selectedProfile || 'interview';
-            this.selectedLanguage = prefs.selectedLanguage || 'en-US';
-            this.selectedScreenshotInterval = prefs.selectedScreenshotInterval || '5';
-            this.selectedImageQuality = prefs.selectedImageQuality || 'medium';
-            this.layoutMode = config.layout || 'normal';
+      this.currentView = config.onboarded ? "main" : "onboarding";
+      this.selectedProfile = prefs.selectedProfile || "interview";
+      this.selectedLanguage = prefs.selectedLanguage || "en-US";
+      this.selectedScreenshotInterval = prefs.selectedScreenshotInterval || "5";
+      this.selectedImageQuality = prefs.selectedImageQuality || "medium";
+      this.layoutMode = config.layout || "normal";
 
       this._storageLoaded = true;
       this.requestUpdate();
     } catch (error) {
-            console.error('Error loading from storage:', error);
+      console.error("Error loading from storage:", error);
       this._storageLoaded = true;
       this.requestUpdate();
     }
@@ -444,13 +471,27 @@ export class CheatingDaddyApp extends LitElement {
     super.connectedCallback();
 
     if (window.require) {
-            const { ipcRenderer } = window.require('electron');
-            ipcRenderer.on('new-response', (_, response) => this.addNewResponse(response));
-            ipcRenderer.on('update-response', (_, response) => this.updateCurrentResponse(response));
-            ipcRenderer.on('update-status', (_, status) => this.setStatus(status));
-            ipcRenderer.on('click-through-toggled', (_, isEnabled) => { this._isClickThrough = isEnabled; });
-            ipcRenderer.on('reconnect-failed', (_, data) => this.addNewResponse(data.message));
-            ipcRenderer.on('whisper-downloading', (_, downloading) => { this._whisperDownloading = downloading; });
+      const { ipcRenderer } = window.require("electron");
+      ipcRenderer.on("new-response", (_, response) =>
+        this.addNewResponse(response),
+      );
+      ipcRenderer.on("update-response", (_, response) =>
+        this.updateCurrentResponse(response),
+      );
+      ipcRenderer.on("update-status", (_, status) => this.setStatus(status));
+      ipcRenderer.on("click-through-toggled", (_, isEnabled) => {
+        this._isClickThrough = isEnabled;
+      });
+      ipcRenderer.on("reconnect-failed", (_, data) =>
+        this.addNewResponse(data.message),
+      );
+      ipcRenderer.on("whisper-downloading", (_, downloading) => {
+        this._whisperDownloading = downloading;
+        if (!downloading) this._whisperProgress = null;
+      });
+      ipcRenderer.on("whisper-progress", (_, progress) => {
+        this._whisperProgress = progress;
+      });
     }
   }
 
@@ -458,13 +499,14 @@ export class CheatingDaddyApp extends LitElement {
     super.disconnectedCallback();
     this._stopTimer();
     if (window.require) {
-            const { ipcRenderer } = window.require('electron');
-            ipcRenderer.removeAllListeners('new-response');
-            ipcRenderer.removeAllListeners('update-response');
-            ipcRenderer.removeAllListeners('update-status');
-            ipcRenderer.removeAllListeners('click-through-toggled');
-            ipcRenderer.removeAllListeners('reconnect-failed');
-            ipcRenderer.removeAllListeners('whisper-downloading');
+      const { ipcRenderer } = window.require("electron");
+      ipcRenderer.removeAllListeners("new-response");
+      ipcRenderer.removeAllListeners("update-response");
+      ipcRenderer.removeAllListeners("update-status");
+      ipcRenderer.removeAllListeners("click-through-toggled");
+      ipcRenderer.removeAllListeners("reconnect-failed");
+      ipcRenderer.removeAllListeners("whisper-downloading");
+      ipcRenderer.removeAllListeners("whisper-progress");
     }
   }
 
@@ -485,12 +527,12 @@ export class CheatingDaddyApp extends LitElement {
   }
 
   getElapsedTime() {
-        if (!this.startTime) return '0:00';
+    if (!this.startTime) return "0:00";
     const elapsed = Math.floor((Date.now() - this.startTime) / 1000);
     const h = Math.floor(elapsed / 3600);
     const m = Math.floor((elapsed % 3600) / 60);
     const s = elapsed % 60;
-        const pad = n => String(n).padStart(2, '0');
+    const pad = (n) => String(n).padStart(2, "0");
     if (h > 0) return `${h}:${pad(m)}:${pad(s)}`;
     return `${m}:${pad(s)}`;
   }
@@ -499,7 +541,11 @@ export class CheatingDaddyApp extends LitElement {
 
   setStatus(text) {
     this.statusText = text;
-        if (text.includes('Ready') || text.includes('Listening') || text.includes('Error')) {
+    if (
+      text.includes("Ready") ||
+      text.includes("Listening") ||
+      text.includes("Error")
+    ) {
       this._currentResponseIsComplete = true;
     }
   }
@@ -531,34 +577,34 @@ export class CheatingDaddyApp extends LitElement {
   }
 
   async handleClose() {
-        if (this.currentView === 'assistant') {
+    if (this.currentView === "assistant") {
       cheatingDaddy.stopCapture();
       if (window.require) {
-                const { ipcRenderer } = window.require('electron');
-                await ipcRenderer.invoke('close-session');
+        const { ipcRenderer } = window.require("electron");
+        await ipcRenderer.invoke("close-session");
       }
       this.sessionActive = false;
       this._stopTimer();
-            this.currentView = 'main';
+      this.currentView = "main";
     } else {
       if (window.require) {
-                const { ipcRenderer } = window.require('electron');
-                await ipcRenderer.invoke('quit-application');
+        const { ipcRenderer } = window.require("electron");
+        await ipcRenderer.invoke("quit-application");
       }
     }
   }
 
   async _handleMinimize() {
     if (window.require) {
-            const { ipcRenderer } = window.require('electron');
-            await ipcRenderer.invoke('window-minimize');
+      const { ipcRenderer } = window.require("electron");
+      await ipcRenderer.invoke("window-minimize");
     }
   }
 
   async handleHideToggle() {
     if (window.require) {
-            const { ipcRenderer } = window.require('electron');
-            await ipcRenderer.invoke('toggle-window-visibility');
+      const { ipcRenderer } = window.require("electron");
+      await ipcRenderer.invoke("toggle-window-visibility");
     }
   }
 
@@ -566,12 +612,12 @@ export class CheatingDaddyApp extends LitElement {
 
   async handleStart() {
     const prefs = await cheatingDaddy.storage.getPreferences();
-        const providerMode = prefs.providerMode || 'byok';
+    const providerMode = prefs.providerMode || "byok";
 
-        if (providerMode === 'local') {
+    if (providerMode === "local") {
       const success = await cheatingDaddy.initializeLocal(this.selectedProfile);
       if (!success) {
-                const mainView = this.shadowRoot.querySelector('main-view');
+        const mainView = this.shadowRoot.querySelector("main-view");
         if (mainView && mainView.triggerApiKeyError) {
           mainView.triggerApiKeyError();
         }
@@ -579,37 +625,49 @@ export class CheatingDaddyApp extends LitElement {
       }
     } else {
       const apiKey = await cheatingDaddy.storage.getApiKey();
-            if (!apiKey || apiKey === '') {
-                const mainView = this.shadowRoot.querySelector('main-view');
+      if (!apiKey || apiKey === "") {
+        const mainView = this.shadowRoot.querySelector("main-view");
         if (mainView && mainView.triggerApiKeyError) {
           mainView.triggerApiKeyError();
         }
         return;
       }
 
-            await cheatingDaddy.initializeGemini(this.selectedProfile, this.selectedLanguage);
+      await cheatingDaddy.initializeGemini(
+        this.selectedProfile,
+        this.selectedLanguage,
+      );
     }
 
-        cheatingDaddy.startCapture(this.selectedScreenshotInterval, this.selectedImageQuality);
+    cheatingDaddy.startCapture(
+      this.selectedScreenshotInterval,
+      this.selectedImageQuality,
+    );
     this.responses = [];
     this.currentResponseIndex = -1;
     this.startTime = Date.now();
     this.sessionActive = true;
-        this.currentView = 'assistant';
+    this.currentView = "assistant";
     this._startTimer();
   }
 
   async handleAPIKeyHelp() {
     if (window.require) {
-            const { ipcRenderer } = window.require('electron');
-            await ipcRenderer.invoke('open-external', 'https://cheatingdaddy.com/help/api-key');
+      const { ipcRenderer } = window.require("electron");
+      await ipcRenderer.invoke(
+        "open-external",
+        "https://cheatingdaddy.com/help/api-key",
+      );
     }
   }
 
   async handleGroqAPIKeyHelp() {
     if (window.require) {
-            const { ipcRenderer } = window.require('electron');
-            await ipcRenderer.invoke('open-external', 'https://console.groq.com/keys');
+      const { ipcRenderer } = window.require("electron");
+      await ipcRenderer.invoke(
+        "open-external",
+        "https://console.groq.com/keys",
+      );
     }
   }
 
@@ -617,33 +675,39 @@ export class CheatingDaddyApp extends LitElement {
 
   async handleProfileChange(profile) {
     this.selectedProfile = profile;
-        await cheatingDaddy.storage.updatePreference('selectedProfile', profile);
+    await cheatingDaddy.storage.updatePreference("selectedProfile", profile);
   }
 
   async handleLanguageChange(language) {
     this.selectedLanguage = language;
-        await cheatingDaddy.storage.updatePreference('selectedLanguage', language);
+    await cheatingDaddy.storage.updatePreference("selectedLanguage", language);
   }
 
   async handleScreenshotIntervalChange(interval) {
     this.selectedScreenshotInterval = interval;
-        await cheatingDaddy.storage.updatePreference('selectedScreenshotInterval', interval);
+    await cheatingDaddy.storage.updatePreference(
+      "selectedScreenshotInterval",
+      interval,
+    );
   }
 
   async handleImageQualityChange(quality) {
     this.selectedImageQuality = quality;
-        await cheatingDaddy.storage.updatePreference('selectedImageQuality', quality);
+    await cheatingDaddy.storage.updatePreference(
+      "selectedImageQuality",
+      quality,
+    );
   }
 
   async handleLayoutModeChange(layoutMode) {
     this.layoutMode = layoutMode;
-        await cheatingDaddy.storage.updateConfig('layout', layoutMode);
+    await cheatingDaddy.storage.updateConfig("layout", layoutMode);
     if (window.require) {
       try {
-                const { ipcRenderer } = window.require('electron');
-                await ipcRenderer.invoke('update-sizes');
+        const { ipcRenderer } = window.require("electron");
+        await ipcRenderer.invoke("update-sizes");
       } catch (error) {
-                console.error('Failed to update sizes:', error);
+        console.error("Failed to update sizes:", error);
       }
     }
     this.requestUpdate();
@@ -651,17 +715,27 @@ export class CheatingDaddyApp extends LitElement {
 
   async handleExternalLinkClick(url) {
     if (window.require) {
-            const { ipcRenderer } = window.require('electron');
-            await ipcRenderer.invoke('open-external', url);
+      const { ipcRenderer } = window.require("electron");
+      await ipcRenderer.invoke("open-external", url);
     }
   }
 
   async handleSendText(message) {
     const result = await window.cheatingDaddy.sendTextMessage(message);
     if (!result.success) {
-            this.setStatus('Error sending message: ' + result.error);
+      this.setStatus("Error sending message: " + result.error);
     } else {
-            this.setStatus('Message sent...');
+      this.setStatus("Message sent...");
+      this._awaitingNewResponse = true;
+    }
+  }
+
+  async handleExpandResponse() {
+    const result = await window.cheatingDaddy.expandLastResponse();
+    if (!result.success) {
+      this.setStatus("Error expanding: " + (result.error || "Unknown error"));
+    } else {
+      this.setStatus("Expanding response...");
       this._awaitingNewResponse = true;
     }
   }
@@ -673,29 +747,29 @@ export class CheatingDaddyApp extends LitElement {
   }
 
   handleOnboardingComplete() {
-        this.currentView = 'main';
+    this.currentView = "main";
   }
 
   updated(changedProperties) {
     super.updated(changedProperties);
 
-        if (changedProperties.has('currentView') && window.require) {
-            const { ipcRenderer } = window.require('electron');
-            ipcRenderer.send('view-changed', this.currentView);
+    if (changedProperties.has("currentView") && window.require) {
+      const { ipcRenderer } = window.require("electron");
+      ipcRenderer.send("view-changed", this.currentView);
     }
   }
 
   // ── Helpers ──
 
   _isLiveMode() {
-        return this.currentView === 'assistant';
+    return this.currentView === "assistant";
   }
 
   // ── Render ──
 
   renderCurrentView() {
     switch (this.currentView) {
-            case 'onboarding':
+      case "onboarding":
         return html`
           <onboarding-view
             .onComplete=${() => this.handleOnboardingComplete()}
@@ -703,26 +777,27 @@ export class CheatingDaddyApp extends LitElement {
           ></onboarding-view>
         `;
 
-            case 'main':
+      case "main":
         return html`
           <main-view
             .selectedProfile=${this.selectedProfile}
-                        .onProfileChange=${p => this.handleProfileChange(p)}
+            .onProfileChange=${(p) => this.handleProfileChange(p)}
             .onStart=${() => this.handleStart()}
-                        .onExternalLink=${url => this.handleExternalLinkClick(url)}
+            .onExternalLink=${(url) => this.handleExternalLinkClick(url)}
             .whisperDownloading=${this._whisperDownloading}
+            .whisperProgress=${this._whisperProgress}
           ></main-view>
         `;
 
-            case 'ai-customize':
+      case "ai-customize":
         return html`
           <ai-customize-view
             .selectedProfile=${this.selectedProfile}
-                        .onProfileChange=${p => this.handleProfileChange(p)}
+            .onProfileChange=${(p) => this.handleProfileChange(p)}
           ></ai-customize-view>
         `;
 
-            case 'customize':
+      case "customize":
         return html`
           <customize-view
             .selectedProfile=${this.selectedProfile}
@@ -730,30 +805,34 @@ export class CheatingDaddyApp extends LitElement {
             .selectedScreenshotInterval=${this.selectedScreenshotInterval}
             .selectedImageQuality=${this.selectedImageQuality}
             .layoutMode=${this.layoutMode}
-                        .onProfileChange=${p => this.handleProfileChange(p)}
-                        .onLanguageChange=${l => this.handleLanguageChange(l)}
-                        .onScreenshotIntervalChange=${i => this.handleScreenshotIntervalChange(i)}
-                        .onImageQualityChange=${q => this.handleImageQualityChange(q)}
-                        .onLayoutModeChange=${lm => this.handleLayoutModeChange(lm)}
+            .onProfileChange=${(p) => this.handleProfileChange(p)}
+            .onLanguageChange=${(l) => this.handleLanguageChange(l)}
+            .onScreenshotIntervalChange=${(i) =>
+              this.handleScreenshotIntervalChange(i)}
+            .onImageQualityChange=${(q) => this.handleImageQualityChange(q)}
+            .onLayoutModeChange=${(lm) => this.handleLayoutModeChange(lm)}
           ></customize-view>
         `;
 
-            case 'feedback':
+      case "feedback":
         return html`<feedback-view></feedback-view>`;
 
-            case 'help':
-                return html`<help-view .onExternalLinkClick=${url => this.handleExternalLinkClick(url)}></help-view>`;
+      case "help":
+        return html`<help-view
+          .onExternalLinkClick=${(url) => this.handleExternalLinkClick(url)}
+        ></help-view>`;
 
-            case 'history':
+      case "history":
         return html`<history-view></history-view>`;
 
-            case 'assistant':
+      case "assistant":
         return html`
           <assistant-view
             .responses=${this.responses}
             .currentResponseIndex=${this.currentResponseIndex}
             .selectedProfile=${this.selectedProfile}
-                        .onSendText=${msg => this.handleSendText(msg)}
+            .onSendText=${(msg) => this.handleSendText(msg)}
+            .onExpandResponse=${() => this.handleExpandResponse()}
             .shouldAnimateResponse=${this.shouldAnimateResponse}
             @response-index-changed=${this.handleResponseIndexChanged}
             @response-animation-complete=${() => {
@@ -771,74 +850,238 @@ export class CheatingDaddyApp extends LitElement {
 
   renderSidebar() {
     const items = [
-            { id: 'main', label: 'Home', icon: html`<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path d="m19 8.71l-5.333-4.148a2.666 2.666 0 0 0-3.274 0L5.059 8.71a2.67 2.67 0 0 0-1.029 2.105v7.2a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-7.2c0-.823-.38-1.6-1.03-2.105"/><path d="M16 15c-2.21 1.333-5.792 1.333-8 0"/></g></svg>` },
-            { id: 'ai-customize', label: 'AI Customization', icon: html`<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 3v7h6l-8 11v-7H5z" /></svg>` },
-            { id: 'history', label: 'History', icon: html`<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path d="M10 20.777a9 9 0 0 1-2.48-.969M14 3.223a9.003 9.003 0 0 1 0 17.554m-9.421-3.684a9 9 0 0 1-1.227-2.592M3.124 10.5c.16-.95.468-1.85.9-2.675l.169-.305m2.714-2.941A9 9 0 0 1 10 3.223"/><path d="M12 8v4l3 3"/></g></svg>` },
-            { id: 'customize', label: 'Settings', icon: html`<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path d="M19.875 6.27A2.23 2.23 0 0 1 21 8.218v7.284c0 .809-.443 1.555-1.158 1.948l-6.75 4.27a2.27 2.27 0 0 1-2.184 0l-6.75-4.27A2.23 2.23 0 0 1 3 15.502V8.217c0-.809.443-1.554 1.158-1.947l6.75-3.98a2.33 2.33 0 0 1 2.25 0l6.75 3.98z"/><path d="M9 12a3 3 0 1 0 6 0a3 3 0 1 0-6 0"/></g></svg>` },
-            { id: 'feedback', label: 'Feedback', icon: html`<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path d="M18 4a3 3 0 0 1 3 3v8a3 3 0 0 1-3 3h-5l-5 3v-3H6a3 3 0 0 1-3-3V7a3 3 0 0 1 3-3zM9.5 9h.01m4.99 0h.01"/><path d="M9.5 13a3.5 3.5 0 0 0 5 0"/></g></svg>` },
-            { id: 'help', label: 'Help', icon: html`<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path d="M12 3c7.2 0 9 1.8 9 9s-1.8 9-9 9s-9-1.8-9-9s1.8-9 9-9m0 13v.01"/><path d="M12 13a2 2 0 0 0 .914-3.782a1.98 1.98 0 0 0-2.414.483"/></g></svg>` },
+      {
+        id: "main",
+        label: "Home",
+        icon: html`<svg
+          xmlns="http://www.w3.org/2000/svg"
+          width="16"
+          height="16"
+          viewBox="0 0 24 24"
+        >
+          <g
+            fill="none"
+            stroke="currentColor"
+            stroke-linecap="round"
+            stroke-linejoin="round"
+            stroke-width="2"
+          >
+            <path
+              d="m19 8.71l-5.333-4.148a2.666 2.666 0 0 0-3.274 0L5.059 8.71a2.67 2.67 0 0 0-1.029 2.105v7.2a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-7.2c0-.823-.38-1.6-1.03-2.105"
+            />
+            <path d="M16 15c-2.21 1.333-5.792 1.333-8 0" />
+          </g>
+        </svg>`,
+      },
+      {
+        id: "ai-customize",
+        label: "AI Customization",
+        icon: html`<svg
+          xmlns="http://www.w3.org/2000/svg"
+          width="16"
+          height="16"
+          viewBox="0 0 24 24"
+        >
+          <path
+            fill="none"
+            stroke="currentColor"
+            stroke-linecap="round"
+            stroke-linejoin="round"
+            stroke-width="2"
+            d="M13 3v7h6l-8 11v-7H5z"
+          />
+        </svg>`,
+      },
+      {
+        id: "history",
+        label: "History",
+        icon: html`<svg
+          xmlns="http://www.w3.org/2000/svg"
+          width="16"
+          height="16"
+          viewBox="0 0 24 24"
+        >
+          <g
+            fill="none"
+            stroke="currentColor"
+            stroke-linecap="round"
+            stroke-linejoin="round"
+            stroke-width="2"
+          >
+            <path
+              d="M10 20.777a9 9 0 0 1-2.48-.969M14 3.223a9.003 9.003 0 0 1 0 17.554m-9.421-3.684a9 9 0 0 1-1.227-2.592M3.124 10.5c.16-.95.468-1.85.9-2.675l.169-.305m2.714-2.941A9 9 0 0 1 10 3.223"
+            />
+            <path d="M12 8v4l3 3" />
+          </g>
+        </svg>`,
+      },
+      {
+        id: "customize",
+        label: "Settings",
+        icon: html`<svg
+          xmlns="http://www.w3.org/2000/svg"
+          width="16"
+          height="16"
+          viewBox="0 0 24 24"
+        >
+          <g
+            fill="none"
+            stroke="currentColor"
+            stroke-linecap="round"
+            stroke-linejoin="round"
+            stroke-width="2"
+          >
+            <path
+              d="M19.875 6.27A2.23 2.23 0 0 1 21 8.218v7.284c0 .809-.443 1.555-1.158 1.948l-6.75 4.27a2.27 2.27 0 0 1-2.184 0l-6.75-4.27A2.23 2.23 0 0 1 3 15.502V8.217c0-.809.443-1.554 1.158-1.947l6.75-3.98a2.33 2.33 0 0 1 2.25 0l6.75 3.98z"
+            />
+            <path d="M9 12a3 3 0 1 0 6 0a3 3 0 1 0-6 0" />
+          </g>
+        </svg>`,
+      },
+      {
+        id: "feedback",
+        label: "Feedback",
+        icon: html`<svg
+          xmlns="http://www.w3.org/2000/svg"
+          width="16"
+          height="16"
+          viewBox="0 0 24 24"
+        >
+          <g
+            fill="none"
+            stroke="currentColor"
+            stroke-linecap="round"
+            stroke-linejoin="round"
+            stroke-width="2"
+          >
+            <path
+              d="M18 4a3 3 0 0 1 3 3v8a3 3 0 0 1-3 3h-5l-5 3v-3H6a3 3 0 0 1-3-3V7a3 3 0 0 1 3-3zM9.5 9h.01m4.99 0h.01"
+            />
+            <path d="M9.5 13a3.5 3.5 0 0 0 5 0" />
+          </g>
+        </svg>`,
+      },
+      {
+        id: "help",
+        label: "Help",
+        icon: html`<svg
+          xmlns="http://www.w3.org/2000/svg"
+          width="16"
+          height="16"
+          viewBox="0 0 24 24"
+        >
+          <g
+            fill="none"
+            stroke="currentColor"
+            stroke-linecap="round"
+            stroke-linejoin="round"
+            stroke-width="2"
+          >
+            <path
+              d="M12 3c7.2 0 9 1.8 9 9s-1.8 9-9 9s-9-1.8-9-9s1.8-9 9-9m0 13v.01"
+            />
+            <path d="M12 13a2 2 0 0 0 .914-3.782a1.98 1.98 0 0 0-2.414.483" />
+          </g>
+        </svg>`,
+      },
     ];
 
     return html`
-            <div class="sidebar ${this._isLiveMode() ? 'hidden' : ''}">
+      <div class="sidebar ${this._isLiveMode() ? "hidden" : ""}">
         <div class="sidebar-brand">
-                    <h1>Cheating Daddy</h1>
+          <h1>Mastermind</h1>
         </div>
         <nav class="sidebar-nav">
-                    ${items.map(item => html`
+          ${items.map(
+            (item) => html`
               <button
-                            class="nav-item ${this.currentView === item.id ? 'active' : ''}"
+                class="nav-item ${this.currentView === item.id ? "active" : ""}"
                 @click=${() => this.navigate(item.id)}
                 title=${item.label}
               >
-                            ${item.icon}
-                            ${item.label}
+                ${item.icon} ${item.label}
               </button>
-                    `)}
+            `,
+          )}
         </nav>
         <div class="sidebar-footer">
-                    ${this._updateAvailable ? html`
-                        <button class="update-btn" @click=${() => this.handleExternalLinkClick('https://cheatingdaddy.com/download')}>
-                            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 17v2a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-2M7 11l5 5l5-5m-5-7v12" /></svg>
+          ${this._updateAvailable
+            ? html`
+                <button
+                  class="update-btn"
+                  @click=${() =>
+                    this.handleExternalLinkClick(
+                      "https://cheatingdaddy.com/download",
+                    )}
+                >
+                  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+                    <path
+                      fill="none"
+                      stroke="currentColor"
+                      stroke-linecap="round"
+                      stroke-linejoin="round"
+                      stroke-width="2"
+                      d="M4 17v2a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-2M7 11l5 5l5-5m-5-7v12"
+                    />
+                  </svg>
                   Update available
                 </button>
-                    ` : html`
-                        <div class="version-text">v${this._localVersion}</div>
-                    `}
+              `
+            : html` <div class="version-text">v${this._localVersion}</div> `}
         </div>
       </div>
     `;
   }
 
   renderLiveBar() {
-        if (!this._isLiveMode()) return '';
+    if (!this._isLiveMode()) return "";
 
     const profileLabels = {
-            interview: 'Interview',
-            sales: 'Sales Call',
-            meeting: 'Meeting',
-            presentation: 'Presentation',
-            negotiation: 'Negotiation',
-            exam: 'Exam',
+      interview: "Interview",
+      sales: "Sales Call",
+      meeting: "Meeting",
+      presentation: "Presentation",
+      negotiation: "Negotiation",
+      exam: "Exam",
     };
 
     return html`
       <div class="live-bar">
         <div class="live-bar-left">
-                    <button class="live-bar-back" @click=${() => this.handleClose()} title="End session">
-                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor">
-                            <path fill-rule="evenodd" d="M12.79 5.23a.75.75 0 0 1-.02 1.06L8.832 10l3.938 3.71a.75.75 0 1 1-1.04 1.08l-4.5-4.25a.75.75 0 0 1 0-1.08l4.5-4.25a.75.75 0 0 1 1.06.02Z" clip-rule="evenodd" />
+          <button
+            class="live-bar-back"
+            @click=${() => this.handleClose()}
+            title="End session"
+          >
+            <svg
+              xmlns="http://www.w3.org/2000/svg"
+              viewBox="0 0 20 20"
+              fill="currentColor"
+            >
+              <path
+                fill-rule="evenodd"
+                d="M12.79 5.23a.75.75 0 0 1-.02 1.06L8.832 10l3.938 3.71a.75.75 0 1 1-1.04 1.08l-4.5-4.25a.75.75 0 0 1 0-1.08l4.5-4.25a.75.75 0 0 1 1.06.02Z"
+                clip-rule="evenodd"
+              />
             </svg>
           </button>
         </div>
         <div class="live-bar-center">
-                    ${profileLabels[this.selectedProfile] || 'Session'}
+          ${profileLabels[this.selectedProfile] || "Session"}
         </div>
         <div class="live-bar-right">
-                    ${this.statusText ? html`<span class="live-bar-text">${this.statusText}</span>` : ''}
+          ${this.statusText
+            ? html`<span class="live-bar-text">${this.statusText}</span>`
+            : ""}
           <span class="live-bar-text">${this.getElapsedTime()}</span>
-                    ${this._isClickThrough ? html`<span class="live-bar-text">[click through]</span>` : ''}
-                    <span class="live-bar-text clickable" @click=${() => this.handleHideToggle()}>[hide]</span>
+          ${this._isClickThrough
+            ? html`<span class="live-bar-text">[click through]</span>`
+            : ""}
+          <span
+            class="live-bar-text clickable"
+            @click=${() => this.handleHideToggle()}
+            >[hide]</span
+          >
         </div>
       </div>
     `;
@@ -846,30 +1089,34 @@ export class CheatingDaddyApp extends LitElement {
 
   render() {
     // Onboarding is fullscreen, no sidebar
-        if (this.currentView === 'onboarding') {
-            return html`
-                <div class="fullscreen">
-                    ${this.renderCurrentView()}
-                </div>
-            `;
+    if (this.currentView === "onboarding") {
+      return html` <div class="fullscreen">${this.renderCurrentView()}</div> `;
     }
 
     const isLive = this._isLiveMode();
 
     return html`
       <div class="app-shell">
-                <div class="top-drag-bar ${isLive ? 'hidden' : ''}">
+        <div class="top-drag-bar ${isLive ? "hidden" : ""}">
           <div class="traffic-lights">
-                        <button class="traffic-light close" @click=${() => this.handleClose()} title="Close"></button>
-                        <button class="traffic-light minimize" @click=${() => this._handleMinimize()} title="Minimize"></button>
+            <button
+              class="traffic-light close"
+              @click=${() => this.handleClose()}
+              title="Close"
+            ></button>
+            <button
+              class="traffic-light minimize"
+              @click=${() => this._handleMinimize()}
+              title="Minimize"
+            ></button>
             <button class="traffic-light maximize" title="Maximize"></button>
           </div>
           <div class="drag-region"></div>
         </div>
         ${this.renderSidebar()}
         <div class="content">
-                    ${isLive ? this.renderLiveBar() : ''}
-                    <div class="content-inner ${isLive ? 'live' : ''}">
+          ${isLive ? this.renderLiveBar() : ""}
+          <div class="content-inner ${isLive ? "live" : ""}">
             ${this.renderCurrentView()}
           </div>
         </div>
@@ -878,4 +1125,4 @@ export class CheatingDaddyApp extends LitElement {
   }
 }
 
-customElements.define('cheating-daddy-app', CheatingDaddyApp);
+customElements.define("cheating-daddy-app", CheatingDaddyApp);

src/components/views/AssistantView.js

@@ -1,4 +1,4 @@
-import { html, css, LitElement } from '../../assets/lit-core-2.7.4.min.js';
+import { html, css, LitElement } from "../../assets/lit-core-2.7.4.min.js";
 
 export class AssistantView extends LitElement {
   static styles = css`
@@ -54,12 +54,22 @@ export class AssistantView extends LitElement {
       font-weight: var(--font-weight-semibold);
     }
 
-        .response-container h1 { font-size: 1.5em; }
-        .response-container h2 { font-size: 1.3em; }
-        .response-container h3 { font-size: 1.15em; }
-        .response-container h4 { font-size: 1.05em; }
+    .response-container h1 {
+      font-size: 1.5em;
+    }
+    .response-container h2 {
+      font-size: 1.3em;
+    }
+    .response-container h3 {
+      font-size: 1.15em;
+    }
+    .response-container h4 {
+      font-size: 1.05em;
+    }
     .response-container h5,
-        .response-container h6 { font-size: 1em; }
+    .response-container h6 {
+      font-size: 1em;
+    }
 
     .response-container p {
       margin: 0.6em 0;
@@ -100,11 +110,220 @@ export class AssistantView extends LitElement {
       padding: var(--space-md);
       overflow-x: auto;
       margin: 0.8em 0;
+      position: relative;
+    }
+
+    .response-container pre::before {
+      content: attr(data-language);
+      position: absolute;
+      top: 0;
+      right: 0;
+      background: var(--bg-elevated);
+      color: var(--text-secondary);
+      padding: 4px 12px;
+      font-size: var(--font-size-xs);
+      font-family: var(--font-mono);
+      border: 1px solid var(--border);
+      border-top: none;
+      border-right: none;
+      border-bottom-left-radius: var(--radius-sm);
+      text-transform: uppercase;
+      letter-spacing: 0.5px;
     }
 
     .response-container pre code {
       background: none;
       padding: 0;
+      font-family: var(--font-mono);
+      font-size: 0.9em;
+      line-height: 1.5;
+      color: var(--text-primary);
+    }
+
+    /* ── Syntax highlighting for code blocks ── */
+    /* Default (Dark theme) */
+    .response-container .hljs {
+      color: #c9d1d9;
+      background: transparent;
+    }
+
+    .response-container .hljs-doctag,
+    .response-container .hljs-keyword,
+    .response-container .hljs-meta .hljs-keyword,
+    .response-container .hljs-template-tag,
+    .response-container .hljs-template-variable,
+    .response-container .hljs-type,
+    .response-container .hljs-variable.language_ {
+      color: #ff7b72;
+    }
+
+    .response-container .hljs-title,
+    .response-container .hljs-title.class_,
+    .response-container .hljs-title.class_.inherited__,
+    .response-container .hljs-title.function_ {
+      color: #d2a8ff;
+    }
+
+    .response-container .hljs-attr,
+    .response-container .hljs-attribute,
+    .response-container .hljs-literal,
+    .response-container .hljs-meta,
+    .response-container .hljs-number,
+    .response-container .hljs-operator,
+    .response-container .hljs-selector-attr,
+    .response-container .hljs-selector-class,
+    .response-container .hljs-selector-id,
+    .response-container .hljs-variable {
+      color: #79c0ff;
+    }
+
+    .response-container .hljs-meta .hljs-string,
+    .response-container .hljs-regexp,
+    .response-container .hljs-string {
+      color: #a5d6ff;
+    }
+
+    .response-container .hljs-built_in,
+    .response-container .hljs-symbol {
+      color: #ffa657;
+    }
+
+    .response-container .hljs-code,
+    .response-container .hljs-comment,
+    .response-container .hljs-formula {
+      color: #8b949e;
+    }
+
+    .response-container .hljs-name,
+    .response-container .hljs-quote,
+    .response-container .hljs-selector-pseudo,
+    .response-container .hljs-selector-tag {
+      color: #7ee787;
+    }
+
+    .response-container .hljs-subst {
+      color: #c9d1d9;
+    }
+
+    .response-container .hljs-section {
+      color: #1f6feb;
+      font-weight: 700;
+    }
+
+    .response-container .hljs-bullet {
+      color: #f2cc60;
+    }
+
+    .response-container .hljs-emphasis {
+      color: #c9d1d9;
+      font-style: italic;
+    }
+
+    .response-container .hljs-strong {
+      color: #c9d1d9;
+      font-weight: 700;
+    }
+
+    .response-container .hljs-addition {
+      color: #aff5b4;
+      background-color: #033a16;
+    }
+
+    .response-container .hljs-deletion {
+      color: #ffdcd7;
+      background-color: #67060c;
+    }
+
+    /* Light theme syntax highlighting */
+    :host-context(body[data-theme-type="light"]) .response-container .hljs {
+      color: #24292f;
+    }
+
+    :host-context(body[data-theme-type="light"]) .response-container .hljs-doctag,
+    :host-context(body[data-theme-type="light"]) .response-container .hljs-keyword,
+    :host-context(body[data-theme-type="light"]) .response-container .hljs-meta .hljs-keyword,
+    :host-context(body[data-theme-type="light"]) .response-container .hljs-template-tag,
+    :host-context(body[data-theme-type="light"]) .response-container .hljs-template-variable,
+    :host-context(body[data-theme-type="light"]) .response-container .hljs-type,
+    :host-context(body[data-theme-type="light"]) .response-container .hljs-variable.language_ {
+      color: #cf222e;
+    }
+
+    :host-context(body[data-theme-type="light"]) .response-container .hljs-title,
+    :host-context(body[data-theme-type="light"]) .response-container .hljs-title.class_,
+    :host-context(body[data-theme-type="light"]) .response-container .hljs-title.class_.inherited__,
+    :host-context(body[data-theme-type="light"]) .response-container .hljs-title.function_ {
+      color: #8250df;
+    }
+
+    :host-context(body[data-theme-type="light"]) .response-container .hljs-attr,
+    :host-context(body[data-theme-type="light"]) .response-container .hljs-attribute,
+    :host-context(body[data-theme-type="light"]) .response-container .hljs-literal,
+    :host-context(body[data-theme-type="light"]) .response-container .hljs-meta,
+    :host-context(body[data-theme-type="light"]) .response-container .hljs-number,
+    :host-context(body[data-theme-type="light"]) .response-container .hljs-operator,
+    :host-context(body[data-theme-type="light"]) .response-container .hljs-selector-attr,
+    :host-context(body[data-theme-type="light"]) .response-container .hljs-selector-class,
+    :host-context(body[data-theme-type="light"]) .response-container .hljs-selector-id,
+    :host-context(body[data-theme-type="light"]) .response-container .hljs-variable {
+      color: #0550ae;
+    }
+
+    :host-context(body[data-theme-type="light"]) .response-container .hljs-meta .hljs-string,
+    :host-context(body[data-theme-type="light"]) .response-container .hljs-regexp,
+    :host-context(body[data-theme-type="light"]) .response-container .hljs-string {
+      color: #0a3069;
+    }
+
+    :host-context(body[data-theme-type="light"]) .response-container .hljs-built_in,
+    :host-context(body[data-theme-type="light"]) .response-container .hljs-symbol {
+      color: #953800;
+    }
+
+    :host-context(body[data-theme-type="light"]) .response-container .hljs-code,
+    :host-context(body[data-theme-type="light"]) .response-container .hljs-comment,
+    :host-context(body[data-theme-type="light"]) .response-container .hljs-formula {
+      color: #6e7781;
+    }
+
+    :host-context(body[data-theme-type="light"]) .response-container .hljs-name,
+    :host-context(body[data-theme-type="light"]) .response-container .hljs-quote,
+    :host-context(body[data-theme-type="light"]) .response-container .hljs-selector-pseudo,
+    :host-context(body[data-theme-type="light"]) .response-container .hljs-selector-tag {
+      color: #116329;
+    }
+
+    :host-context(body[data-theme-type="light"]) .response-container .hljs-subst {
+      color: #24292f;
+    }
+
+    :host-context(body[data-theme-type="light"]) .response-container .hljs-section {
+      color: #0969da;
+      font-weight: 700;
+    }
+
+    :host-context(body[data-theme-type="light"]) .response-container .hljs-bullet {
+      color: #953800;
+    }
+
+    :host-context(body[data-theme-type="light"]) .response-container .hljs-emphasis {
+      color: #24292f;
+      font-style: italic;
+    }
+
+    :host-context(body[data-theme-type="light"]) .response-container .hljs-strong {
+      color: #24292f;
+      font-weight: 700;
+    }
+
+    :host-context(body[data-theme-type="light"]) .response-container .hljs-addition {
+      color: #116329;
+      background-color: #dafbe1;
+    }
+
+    :host-context(body[data-theme-type="light"]) .response-container .hljs-deletion {
+      color: #82071e;
+      background-color: #ffebe9;
     }
 
     .response-container a {
@@ -263,7 +482,9 @@ export class AssistantView extends LitElement {
       display: flex;
       align-items: center;
       gap: 4px;
-            transition: border-color 0.4s ease, background var(--transition);
+      transition:
+        border-color 0.4s ease,
+        background var(--transition);
       flex-shrink: 0;
       overflow: hidden;
     }
@@ -298,6 +519,52 @@ export class AssistantView extends LitElement {
       height: calc(100% + 2px);
       pointer-events: none;
     }
+
+    /* ── Expand button ── */
+
+    .expand-bar {
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      padding: var(--space-xs) var(--space-md);
+      border-top: 1px solid var(--border);
+      background: var(--bg-app);
+    }
+
+    .expand-btn {
+      display: flex;
+      align-items: center;
+      gap: 4px;
+      background: none;
+      border: 1px solid var(--border);
+      color: var(--text-secondary);
+      cursor: pointer;
+      font-size: var(--font-size-xs);
+      font-family: var(--font-mono);
+      padding: var(--space-xs) var(--space-md);
+      border-radius: 100px;
+      height: 26px;
+      transition:
+        color var(--transition),
+        border-color var(--transition),
+        background var(--transition);
+    }
+
+    .expand-btn:hover:not(:disabled) {
+      color: var(--text-primary);
+      border-color: var(--accent);
+      background: var(--bg-surface);
+    }
+
+    .expand-btn:disabled {
+      opacity: 0.4;
+      cursor: default;
+    }
+
+    .expand-btn svg {
+      width: 12px;
+      height: 12px;
+    }
   `;
 
   static properties = {
@@ -305,28 +572,32 @@ export class AssistantView extends LitElement {
     currentResponseIndex: { type: Number },
     selectedProfile: { type: String },
     onSendText: { type: Function },
+    onExpandResponse: { type: Function },
     shouldAnimateResponse: { type: Boolean },
     isAnalyzing: { type: Boolean, state: true },
+    isExpanding: { type: Boolean, state: true },
   };
 
   constructor() {
     super();
     this.responses = [];
     this.currentResponseIndex = -1;
-        this.selectedProfile = 'interview';
+    this.selectedProfile = "interview";
     this.onSendText = () => {};
+    this.onExpandResponse = () => {};
     this.isAnalyzing = false;
+    this.isExpanding = false;
     this._animFrame = null;
   }
 
   getProfileNames() {
     return {
-            interview: 'Job Interview',
-            sales: 'Sales Call',
-            meeting: 'Business Meeting',
-            presentation: 'Presentation',
-            negotiation: 'Negotiation',
-            exam: 'Exam Assistant',
+      interview: "Job Interview",
+      sales: "Sales Call",
+      meeting: "Business Meeting",
+      presentation: "Presentation",
+      negotiation: "Negotiation",
+      exam: "Exam Assistant",
     };
   }
 
@@ -334,22 +605,45 @@ export class AssistantView extends LitElement {
     const profileNames = this.getProfileNames();
     return this.responses.length > 0 && this.currentResponseIndex >= 0
       ? this.responses[this.currentResponseIndex]
-            : `Listening to your ${profileNames[this.selectedProfile] || 'session'}...`;
+      : `Listening to your ${profileNames[this.selectedProfile] || "session"}...`;
   }
 
   renderMarkdown(content) {
-        if (typeof window !== 'undefined' && window.marked) {
+    if (typeof window !== "undefined" && window.marked) {
       try {
+        // Configure marked to use highlight.js for syntax highlighting
         window.marked.setOptions({
           breaks: true,
           gfm: true,
           sanitize: false,
+          highlight: (code, lang) => {
+            if (window.hljs && lang) {
+              try {
+                return window.hljs.highlight(code, { language: lang }).value;
+              } catch (e) {
+                // If language is not recognized, try auto-detection
+                try {
+                  return window.hljs.highlightAuto(code).value;
+                } catch (err) {
+                  return window.hljs.escapeHtml(code);
+                }
+              }
+            } else if (window.hljs) {
+              // Auto-detect language if not specified
+              try {
+                return window.hljs.highlightAuto(code).value;
+              } catch (e) {
+                return window.hljs.escapeHtml(code);
+              }
+            }
+            return code;
+          },
         });
         let rendered = window.marked.parse(content);
         rendered = this.wrapWordsInSpans(rendered);
         return rendered;
       } catch (error) {
-                console.warn('Error parsing markdown:', error);
+        console.warn("Error parsing markdown:", error);
         return content;
       }
     }
@@ -358,17 +652,21 @@ export class AssistantView extends LitElement {
 
   wrapWordsInSpans(html) {
     const parser = new DOMParser();
-        const doc = parser.parseFromString(html, 'text/html');
-        const tagsToSkip = ['PRE'];
+    const doc = parser.parseFromString(html, "text/html");
+    const tagsToSkip = ["PRE", "CODE"];
 
     function wrap(node) {
-            if (node.nodeType === Node.TEXT_NODE && node.textContent.trim() && !tagsToSkip.includes(node.parentNode.tagName)) {
+      if (
+        node.nodeType === Node.TEXT_NODE &&
+        node.textContent.trim() &&
+        !tagsToSkip.includes(node.parentNode.tagName)
+      ) {
         const words = node.textContent.split(/(\s+)/);
         const frag = document.createDocumentFragment();
-                words.forEach(word => {
+        words.forEach((word) => {
           if (word.trim()) {
-                        const span = document.createElement('span');
-                        span.setAttribute('data-word', '');
+            const span = document.createElement("span");
+            span.setAttribute("data-word", "");
             span.textContent = word;
             frag.appendChild(span);
           } else {
@@ -376,7 +674,10 @@ export class AssistantView extends LitElement {
           }
         });
         node.parentNode.replaceChild(frag, node);
-            } else if (node.nodeType === Node.ELEMENT_NODE && !tagsToSkip.includes(node.tagName)) {
+      } else if (
+        node.nodeType === Node.ELEMENT_NODE &&
+        !tagsToSkip.includes(node.tagName)
+      ) {
         Array.from(node.childNodes).forEach(wrap);
       }
     }
@@ -384,13 +685,56 @@ export class AssistantView extends LitElement {
     return doc.body.innerHTML;
   }
 
+  applyCodeHighlighting(container) {
+    if (!window.hljs) return;
+    
+    // Find all code blocks in the rendered content
+    const codeBlocks = container.querySelectorAll("pre code");
+    
+    codeBlocks.forEach((block) => {
+      const pre = block.parentElement;
+      if (!pre || pre.tagName !== "PRE") return;
+      
+      // Skip if already highlighted
+      if (block.classList.contains("hljs")) {
+        return;
+      }
+      
+      const code = block.textContent;
+      let lang = block.className.replace(/language-|lang-/, "") || "";
+      
+      try {
+        if (lang && window.hljs.getLanguage(lang)) {
+          block.innerHTML = window.hljs.highlight(code, { language: lang }).value;
+        } else {
+          // Auto-detect language
+          const result = window.hljs.highlightAuto(code);
+          block.innerHTML = result.value;
+          if (result.language && !lang) {
+            lang = result.language;
+            block.className = `language-${lang}`;
+          }
+        }
+        block.classList.add("hljs");
+        
+        // Set data-language attribute on pre tag for display
+        if (lang) {
+          pre.setAttribute("data-language", lang);
+        }
+      } catch (e) {
+        console.warn("Error highlighting code block:", e);
+        // Leave block as-is if highlighting fails
+      }
+    });
+  }
+
   navigateToPreviousResponse() {
     if (this.currentResponseIndex > 0) {
       this.currentResponseIndex--;
       this.dispatchEvent(
-                new CustomEvent('response-index-changed', {
+        new CustomEvent("response-index-changed", {
           detail: { index: this.currentResponseIndex },
-                })
+        }),
       );
       this.requestUpdate();
     }
@@ -400,16 +744,16 @@ export class AssistantView extends LitElement {
     if (this.currentResponseIndex < this.responses.length - 1) {
       this.currentResponseIndex++;
       this.dispatchEvent(
-                new CustomEvent('response-index-changed', {
+        new CustomEvent("response-index-changed", {
           detail: { index: this.currentResponseIndex },
-                })
+        }),
       );
       this.requestUpdate();
     }
   }
 
   scrollResponseUp() {
-        const container = this.shadowRoot.querySelector('.response-container');
+    const container = this.shadowRoot.querySelector(".response-container");
     if (container) {
       const scrollAmount = container.clientHeight * 0.3;
       container.scrollTop = Math.max(0, container.scrollTop - scrollAmount);
@@ -417,10 +761,13 @@ export class AssistantView extends LitElement {
   }
 
   scrollResponseDown() {
-        const container = this.shadowRoot.querySelector('.response-container');
+    const container = this.shadowRoot.querySelector(".response-container");
     if (container) {
       const scrollAmount = container.clientHeight * 0.3;
-            container.scrollTop = Math.min(container.scrollHeight - container.clientHeight, container.scrollTop + scrollAmount);
+      container.scrollTop = Math.min(
+        container.scrollHeight - container.clientHeight,
+        container.scrollTop + scrollAmount,
+      );
     }
   }
 
@@ -428,17 +775,19 @@ export class AssistantView extends LitElement {
     super.connectedCallback();
 
     if (window.require) {
-            const { ipcRenderer } = window.require('electron');
+      const { ipcRenderer } = window.require("electron");
 
       this.handlePreviousResponse = () => this.navigateToPreviousResponse();
       this.handleNextResponse = () => this.navigateToNextResponse();
       this.handleScrollUp = () => this.scrollResponseUp();
       this.handleScrollDown = () => this.scrollResponseDown();
+      this.handleExpandHotkey = () => this.handleExpandResponse();
 
-            ipcRenderer.on('navigate-previous-response', this.handlePreviousResponse);
-            ipcRenderer.on('navigate-next-response', this.handleNextResponse);
-            ipcRenderer.on('scroll-response-up', this.handleScrollUp);
-            ipcRenderer.on('scroll-response-down', this.handleScrollDown);
+      ipcRenderer.on("navigate-previous-response", this.handlePreviousResponse);
+      ipcRenderer.on("navigate-next-response", this.handleNextResponse);
+      ipcRenderer.on("scroll-response-up", this.handleScrollUp);
+      ipcRenderer.on("scroll-response-down", this.handleScrollDown);
+      ipcRenderer.on("expand-response", this.handleExpandHotkey);
     }
   }
 
@@ -447,25 +796,40 @@ export class AssistantView extends LitElement {
     this._stopWaveformAnimation();
 
     if (window.require) {
-            const { ipcRenderer } = window.require('electron');
-            if (this.handlePreviousResponse) ipcRenderer.removeListener('navigate-previous-response', this.handlePreviousResponse);
-            if (this.handleNextResponse) ipcRenderer.removeListener('navigate-next-response', this.handleNextResponse);
-            if (this.handleScrollUp) ipcRenderer.removeListener('scroll-response-up', this.handleScrollUp);
-            if (this.handleScrollDown) ipcRenderer.removeListener('scroll-response-down', this.handleScrollDown);
+      const { ipcRenderer } = window.require("electron");
+      if (this.handlePreviousResponse)
+        ipcRenderer.removeListener(
+          "navigate-previous-response",
+          this.handlePreviousResponse,
+        );
+      if (this.handleNextResponse)
+        ipcRenderer.removeListener(
+          "navigate-next-response",
+          this.handleNextResponse,
+        );
+      if (this.handleScrollUp)
+        ipcRenderer.removeListener("scroll-response-up", this.handleScrollUp);
+      if (this.handleScrollDown)
+        ipcRenderer.removeListener(
+          "scroll-response-down",
+          this.handleScrollDown,
+        );
+      if (this.handleExpandHotkey)
+        ipcRenderer.removeListener("expand-response", this.handleExpandHotkey);
     }
   }
 
   async handleSendText() {
-        const textInput = this.shadowRoot.querySelector('#textInput');
+    const textInput = this.shadowRoot.querySelector("#textInput");
     if (textInput && textInput.value.trim()) {
       const message = textInput.value.trim();
-            textInput.value = '';
+      textInput.value = "";
       await this.onSendText(message);
     }
   }
 
   handleTextKeydown(e) {
-        if (e.key === 'Enter' && !e.shiftKey) {
+    if (e.key === "Enter" && !e.shiftKey) {
       e.preventDefault();
       this.handleSendText();
     }
@@ -480,10 +844,22 @@ export class AssistantView extends LitElement {
     }
   }
 
+  async handleExpandResponse() {
+    if (
+      this.isExpanding ||
+      this.responses.length === 0 ||
+      this.currentResponseIndex < 0
+    )
+      return;
+    this.isExpanding = true;
+    this._responseCountWhenStarted = this.responses.length;
+    await this.onExpandResponse();
+  }
+
   _startWaveformAnimation() {
-        const canvas = this.shadowRoot.querySelector('.analyze-canvas');
+    const canvas = this.shadowRoot.querySelector(".analyze-canvas");
     if (!canvas) return;
-        const ctx = canvas.getContext('2d');
+    const ctx = canvas.getContext("2d");
     const dpr = window.devicePixelRatio || 1;
 
     const rect = canvas.getBoundingClientRect();
@@ -491,7 +867,8 @@ export class AssistantView extends LitElement {
     canvas.height = rect.height * dpr;
     ctx.scale(dpr, dpr);
 
-        const dangerColor = getComputedStyle(this).getPropertyValue('--danger').trim() || '#EF4444';
+    const dangerColor =
+      getComputedStyle(this).getPropertyValue("--danger").trim() || "#EF4444";
     const startTime = performance.now();
     const FADE_IN = 0.5; // seconds
     const PARTICLE_SPREAD = 4; // px inward from border
@@ -542,7 +919,11 @@ export class AssistantView extends LitElement {
     // Pre-seed random offsets for stable particles
     const seeds = [];
     for (let i = 0; i < PARTICLE_COUNT; i++) {
-            seeds.push({ pos: Math.random(), drift: Math.random(), depthSeed: Math.random() });
+      seeds.push({
+        pos: Math.random(),
+        drift: Math.random(),
+        depthSeed: Math.random(),
+      });
     }
 
     const draw = (now) => {
@@ -585,13 +966,17 @@ export class AssistantView extends LitElement {
         ctx.strokeStyle = dangerColor;
         ctx.globalAlpha = wave.opacity * fade;
         ctx.lineWidth = wave.width;
-                ctx.lineCap = 'round';
-                ctx.lineJoin = 'round';
+        ctx.lineCap = "round";
+        ctx.lineJoin = "round";
 
         for (let x = 0; x <= w; x++) {
           const norm = x / w;
           const envelope = Math.sin(norm * Math.PI);
-                    const y = midY + Math.sin(norm * Math.PI * 2 * wave.freq + elapsed * wave.speed) * (midY * wave.amp) * envelope;
+          const y =
+            midY +
+            Math.sin(norm * Math.PI * 2 * wave.freq + elapsed * wave.speed) *
+              (midY * wave.amp) *
+              envelope;
           if (x === 0) ctx.moveTo(x, y);
           else ctx.lineTo(x, y);
         }
@@ -610,16 +995,16 @@ export class AssistantView extends LitElement {
       cancelAnimationFrame(this._animFrame);
       this._animFrame = null;
     }
-        const canvas = this.shadowRoot.querySelector('.analyze-canvas');
+    const canvas = this.shadowRoot.querySelector(".analyze-canvas");
     if (canvas) {
-            const ctx = canvas.getContext('2d');
+      const ctx = canvas.getContext("2d");
       ctx.clearRect(0, 0, canvas.width, canvas.height);
     }
   }
 
   scrollToBottom() {
     setTimeout(() => {
-            const container = this.shadowRoot.querySelector('.response-container');
+      const container = this.shadowRoot.querySelector(".response-container");
       if (container) {
         container.scrollTop = container.scrollHeight;
       }
@@ -633,11 +1018,14 @@ export class AssistantView extends LitElement {
 
   updated(changedProperties) {
     super.updated(changedProperties);
-        if (changedProperties.has('responses') || changedProperties.has('currentResponseIndex')) {
+    if (
+      changedProperties.has("responses") ||
+      changedProperties.has("currentResponseIndex")
+    ) {
       this.updateResponseContent();
     }
 
-        if (changedProperties.has('isAnalyzing')) {
+    if (changedProperties.has("isAnalyzing")) {
       if (this.isAnalyzing) {
         this._startWaveformAnimation();
       } else {
@@ -645,46 +1033,120 @@ export class AssistantView extends LitElement {
       }
     }
 
-        if (changedProperties.has('responses') && this.isAnalyzing) {
+    if (
+      changedProperties.has("responses") &&
+      (this.isAnalyzing || this.isExpanding)
+    ) {
       if (this.responses.length > this._responseCountWhenStarted) {
         this.isAnalyzing = false;
+        this.isExpanding = false;
       }
     }
   }
 
   updateResponseContent() {
-        const container = this.shadowRoot.querySelector('#responseContainer');
+    const container = this.shadowRoot.querySelector("#responseContainer");
     if (container) {
       const currentResponse = this.getCurrentResponse();
       const renderedResponse = this.renderMarkdown(currentResponse);
       container.innerHTML = renderedResponse;
+      
+      // Apply syntax highlighting to code blocks
+      this.applyCodeHighlighting(container);
+      
       if (this.shouldAnimateResponse) {
-                this.dispatchEvent(new CustomEvent('response-animation-complete', { bubbles: true, composed: true }));
+        this.dispatchEvent(
+          new CustomEvent("response-animation-complete", {
+            bubbles: true,
+            composed: true,
+          }),
+        );
       }
     }
   }
 
   render() {
     const hasMultipleResponses = this.responses.length > 1;
+    const hasResponse =
+      this.responses.length > 0 && this.currentResponseIndex >= 0;
 
     return html`
       <div class="response-container" id="responseContainer"></div>
 
-            ${hasMultipleResponses ? html`
+      ${hasMultipleResponses || hasResponse
+        ? html`
             <div class="response-nav">
-                    <button class="nav-btn" @click=${this.navigateToPreviousResponse} ?disabled=${this.currentResponseIndex <= 0} title="Previous response">
-                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor">
-                            <path fill-rule="evenodd" d="M11.78 5.22a.75.75 0 0 1 0 1.06L8.06 10l3.72 3.72a.75.75 0 1 1-1.06 1.06l-4.25-4.25a.75.75 0 0 1 0-1.06l4.25-4.25a.75.75 0 0 1 1.06 0Z" clip-rule="evenodd" />
+              ${hasMultipleResponses
+                ? html`
+                    <button
+                      class="nav-btn"
+                      @click=${this.navigateToPreviousResponse}
+                      ?disabled=${this.currentResponseIndex <= 0}
+                      title="Previous response"
+                    >
+                      <svg
+                        xmlns="http://www.w3.org/2000/svg"
+                        viewBox="0 0 20 20"
+                        fill="currentColor"
+                      >
+                        <path
+                          fill-rule="evenodd"
+                          d="M11.78 5.22a.75.75 0 0 1 0 1.06L8.06 10l3.72 3.72a.75.75 0 1 1-1.06 1.06l-4.25-4.25a.75.75 0 0 1 0-1.06l4.25-4.25a.75.75 0 0 1 1.06 0Z"
+                          clip-rule="evenodd"
+                        />
                       </svg>
                     </button>
-                    <span class="response-counter">${this.currentResponseIndex + 1} of ${this.responses.length}</span>
-                    <button class="nav-btn" @click=${this.navigateToNextResponse} ?disabled=${this.currentResponseIndex >= this.responses.length - 1} title="Next response">
-                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor">
-                            <path fill-rule="evenodd" d="M8.22 5.22a.75.75 0 0 1 1.06 0l4.25 4.25a.75.75 0 0 1 0 1.06l-4.25 4.25a.75.75 0 0 1-1.06-1.06L11.94 10 8.22 6.28a.75.75 0 0 1 0-1.06Z" clip-rule="evenodd" />
+                    <span class="response-counter"
+                      >${this.currentResponseIndex + 1} of
+                      ${this.responses.length}</span
+                    >
+                    <button
+                      class="nav-btn"
+                      @click=${this.navigateToNextResponse}
+                      ?disabled=${this.currentResponseIndex >=
+                      this.responses.length - 1}
+                      title="Next response"
+                    >
+                      <svg
+                        xmlns="http://www.w3.org/2000/svg"
+                        viewBox="0 0 20 20"
+                        fill="currentColor"
+                      >
+                        <path
+                          fill-rule="evenodd"
+                          d="M8.22 5.22a.75.75 0 0 1 1.06 0l4.25 4.25a.75.75 0 0 1 0 1.06l-4.25 4.25a.75.75 0 0 1-1.06-1.06L11.94 10 8.22 6.28a.75.75 0 0 1 0-1.06Z"
+                          clip-rule="evenodd"
+                        />
                       </svg>
                     </button>
+                  `
+                : ""}
+              ${hasResponse
+                ? html`
+                    <button
+                      class="expand-btn"
+                      @click=${this.handleExpandResponse}
+                      ?disabled=${this.isExpanding}
+                      title="Expand this response with more detail"
+                    >
+                      <svg
+                        xmlns="http://www.w3.org/2000/svg"
+                        viewBox="0 0 20 20"
+                        fill="currentColor"
+                      >
+                        <path
+                          fill-rule="evenodd"
+                          d="M5.23 7.21a.75.75 0 0 1 1.06.02L10 11.168l3.71-3.938a.75.75 0 1 1 1.08 1.04l-4.25 4.5a.75.75 0 0 1-1.08 0l-4.25-4.5a.75.75 0 0 1 .02-1.06Z"
+                          clip-rule="evenodd"
+                        />
+                      </svg>
+                      ${this.isExpanding ? "Expanding..." : "Expand"}
+                    </button>
+                  `
+                : ""}
             </div>
-            ` : ''}
+          `
+        : ""}
 
       <div class="input-bar">
         <div class="input-bar-inner">
@@ -695,11 +1157,26 @@ export class AssistantView extends LitElement {
             @keydown=${this.handleTextKeydown}
           />
         </div>
-                <button class="analyze-btn ${this.isAnalyzing ? 'analyzing' : ''}" @click=${this.handleScreenAnswer}>
+        <button
+          class="analyze-btn ${this.isAnalyzing ? "analyzing" : ""}"
+          @click=${this.handleScreenAnswer}
+        >
           <canvas class="analyze-canvas"></canvas>
           <span class="analyze-btn-content">
-                        <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24">
-                            <path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 3v7h6l-8 11v-7H5z" />
+            <svg
+              xmlns="http://www.w3.org/2000/svg"
+              width="14"
+              height="14"
+              viewBox="0 0 24 24"
+            >
+              <path
+                fill="none"
+                stroke="currentColor"
+                stroke-linecap="round"
+                stroke-linejoin="round"
+                stroke-width="2"
+                d="M13 3v7h6l-8 11v-7H5z"
+              />
             </svg>
             Analyze Screen
           </span>
@@ -709,4 +1186,4 @@ export class AssistantView extends LitElement {
   }
 }
 
-customElements.define('assistant-view', AssistantView);
+customElements.define("assistant-view", AssistantView);

src/components/views/CustomizeView.js

@@ -1,5 +1,5 @@
-import { html, css, LitElement } from '../../assets/lit-core-2.7.4.min.js';
-import { unifiedPageStyles } from './sharedPageStyles.js';
+import { html, css, LitElement } from "../../assets/lit-core-2.7.4.min.js";
+import { unifiedPageStyles } from "./sharedPageStyles.js";
 
 export class CustomizeView extends LitElement {
   static styles = [
@@ -22,7 +22,7 @@ export class CustomizeView extends LitElement {
       }
 
       .warning-callout::before {
-                content: '';
+        content: "";
         position: absolute;
         top: -6px;
         left: 16px;
@@ -198,26 +198,26 @@ export class CustomizeView extends LitElement {
 
   constructor() {
     super();
-        this.selectedProfile = 'interview';
-        this.selectedLanguage = 'en-US';
-        this.selectedImageQuality = 'medium';
-        this.layoutMode = 'normal';
+    this.selectedProfile = "interview";
+    this.selectedLanguage = "en-US";
+    this.selectedImageQuality = "medium";
+    this.layoutMode = "normal";
     this.keybinds = this.getDefaultKeybinds();
     this.onProfileChange = () => {};
     this.onLanguageChange = () => {};
     this.onImageQualityChange = () => {};
     this.onLayoutModeChange = () => {};
     this.googleSearchEnabled = true;
-        this.providerMode = 'byok';
+    this.providerMode = "byok";
     this.isClearing = false;
     this.isRestoring = false;
-        this.clearStatusMessage = '';
-        this.clearStatusType = '';
+    this.clearStatusMessage = "";
+    this.clearStatusType = "";
     this.backgroundTransparency = 0.8;
     this.fontSize = 20;
-        this.audioMode = 'speaker_only';
-        this.customPrompt = '';
-        this.theme = 'dark';
+    this.audioMode = "speaker_only";
+    this.customPrompt = "";
+    this.theme = "dark";
     this._loadFromStorage();
   }
 
@@ -227,14 +227,17 @@ export class CustomizeView extends LitElement {
 
   async _loadFromStorage() {
     try {
-            const [prefs, keybinds] = await Promise.all([cheatingDaddy.storage.getPreferences(), cheatingDaddy.storage.getKeybinds()]);
+      const [prefs, keybinds] = await Promise.all([
+        cheatingDaddy.storage.getPreferences(),
+        cheatingDaddy.storage.getKeybinds(),
+      ]);
       this.googleSearchEnabled = prefs.googleSearchEnabled ?? true;
-            this.providerMode = prefs.providerMode || 'byok';
+      this.providerMode = prefs.providerMode || "byok";
       this.backgroundTransparency = prefs.backgroundTransparency ?? 0.8;
       this.fontSize = prefs.fontSize ?? 20;
-            this.audioMode = prefs.audioMode ?? 'speaker_only';
-            this.customPrompt = prefs.customPrompt ?? '';
-            this.theme = prefs.theme ?? 'dark';
+      this.audioMode = prefs.audioMode ?? "speaker_only";
+      this.customPrompt = prefs.customPrompt ?? "";
+      this.theme = prefs.theme ?? "dark";
       if (keybinds) {
         this.keybinds = { ...this.getDefaultKeybinds(), ...keybinds };
       }
@@ -242,94 +245,145 @@ export class CustomizeView extends LitElement {
       this.updateFontSize();
       this.requestUpdate();
     } catch (error) {
-            console.error('Error loading settings:', error);
+      console.error("Error loading settings:", error);
     }
   }
 
   getProfiles() {
     return [
-            { value: 'interview', name: 'Job Interview' },
-            { value: 'sales', name: 'Sales Call' },
-            { value: 'meeting', name: 'Business Meeting' },
-            { value: 'presentation', name: 'Presentation' },
-            { value: 'negotiation', name: 'Negotiation' },
-            { value: 'exam', name: 'Exam Assistant' },
+      { value: "interview", name: "Job Interview" },
+      { value: "sales", name: "Sales Call" },
+      { value: "meeting", name: "Business Meeting" },
+      { value: "presentation", name: "Presentation" },
+      { value: "negotiation", name: "Negotiation" },
+      { value: "exam", name: "Exam Assistant" },
     ];
   }
 
   getLanguages() {
     return [
-            { value: 'en-US', name: 'English (US)' },
-            { value: 'en-GB', name: 'English (UK)' },
-            { value: 'en-AU', name: 'English (Australia)' },
-            { value: 'en-IN', name: 'English (India)' },
-            { value: 'de-DE', name: 'German (Germany)' },
-            { value: 'es-US', name: 'Spanish (US)' },
-            { value: 'es-ES', name: 'Spanish (Spain)' },
-            { value: 'fr-FR', name: 'French (France)' },
-            { value: 'fr-CA', name: 'French (Canada)' },
-            { value: 'hi-IN', name: 'Hindi (India)' },
-            { value: 'pt-BR', name: 'Portuguese (Brazil)' },
-            { value: 'ar-XA', name: 'Arabic (Generic)' },
-            { value: 'id-ID', name: 'Indonesian (Indonesia)' },
-            { value: 'it-IT', name: 'Italian (Italy)' },
-            { value: 'ja-JP', name: 'Japanese (Japan)' },
-            { value: 'tr-TR', name: 'Turkish (Turkey)' },
-            { value: 'vi-VN', name: 'Vietnamese (Vietnam)' },
-            { value: 'bn-IN', name: 'Bengali (India)' },
-            { value: 'gu-IN', name: 'Gujarati (India)' },
-            { value: 'kn-IN', name: 'Kannada (India)' },
-            { value: 'ml-IN', name: 'Malayalam (India)' },
-            { value: 'mr-IN', name: 'Marathi (India)' },
-            { value: 'ta-IN', name: 'Tamil (India)' },
-            { value: 'te-IN', name: 'Telugu (India)' },
-            { value: 'nl-NL', name: 'Dutch (Netherlands)' },
-            { value: 'ko-KR', name: 'Korean (South Korea)' },
-            { value: 'cmn-CN', name: 'Mandarin Chinese (China)' },
-            { value: 'pl-PL', name: 'Polish (Poland)' },
-            { value: 'ru-RU', name: 'Russian (Russia)' },
-            { value: 'th-TH', name: 'Thai (Thailand)' },
+      { value: "auto", name: "Auto (Multilingual)" },
+      { value: "en-US", name: "English (US)" },
+      { value: "en-GB", name: "English (UK)" },
+      { value: "en-AU", name: "English (Australia)" },
+      { value: "en-IN", name: "English (India)" },
+      { value: "de-DE", name: "German (Germany)" },
+      { value: "es-US", name: "Spanish (US)" },
+      { value: "es-ES", name: "Spanish (Spain)" },
+      { value: "fr-FR", name: "French (France)" },
+      { value: "fr-CA", name: "French (Canada)" },
+      { value: "hi-IN", name: "Hindi (India)" },
+      { value: "pt-BR", name: "Portuguese (Brazil)" },
+      { value: "ar-XA", name: "Arabic (Generic)" },
+      { value: "id-ID", name: "Indonesian (Indonesia)" },
+      { value: "it-IT", name: "Italian (Italy)" },
+      { value: "ja-JP", name: "Japanese (Japan)" },
+      { value: "tr-TR", name: "Turkish (Turkey)" },
+      { value: "vi-VN", name: "Vietnamese (Vietnam)" },
+      { value: "bn-IN", name: "Bengali (India)" },
+      { value: "gu-IN", name: "Gujarati (India)" },
+      { value: "kn-IN", name: "Kannada (India)" },
+      { value: "ml-IN", name: "Malayalam (India)" },
+      { value: "mr-IN", name: "Marathi (India)" },
+      { value: "ta-IN", name: "Tamil (India)" },
+      { value: "te-IN", name: "Telugu (India)" },
+      { value: "nl-NL", name: "Dutch (Netherlands)" },
+      { value: "ko-KR", name: "Korean (South Korea)" },
+      { value: "cmn-CN", name: "Mandarin Chinese (China)" },
+      { value: "pl-PL", name: "Polish (Poland)" },
+      { value: "ru-RU", name: "Russian (Russia)" },
+      { value: "th-TH", name: "Thai (Thailand)" },
     ];
   }
 
   getDefaultKeybinds() {
-        const isMac = cheatingDaddy.isMacOS || navigator.platform.includes('Mac');
+    const isMac = cheatingDaddy.isMacOS || navigator.platform.includes("Mac");
     return {
-            moveUp: isMac ? 'Alt+Up' : 'Ctrl+Up',
-            moveDown: isMac ? 'Alt+Down' : 'Ctrl+Down',
-            moveLeft: isMac ? 'Alt+Left' : 'Ctrl+Left',
-            moveRight: isMac ? 'Alt+Right' : 'Ctrl+Right',
-            toggleVisibility: isMac ? 'Cmd+\\' : 'Ctrl+\\',
-            toggleClickThrough: isMac ? 'Cmd+M' : 'Ctrl+M',
-            nextStep: isMac ? 'Cmd+Enter' : 'Ctrl+Enter',
-            previousResponse: isMac ? 'Cmd+[' : 'Ctrl+[',
-            nextResponse: isMac ? 'Cmd+]' : 'Ctrl+]',
-            scrollUp: isMac ? 'Cmd+Shift+Up' : 'Ctrl+Shift+Up',
-            scrollDown: isMac ? 'Cmd+Shift+Down' : 'Ctrl+Shift+Down',
+      moveUp: isMac ? "Alt+Up" : "Ctrl+Up",
+      moveDown: isMac ? "Alt+Down" : "Ctrl+Down",
+      moveLeft: isMac ? "Alt+Left" : "Ctrl+Left",
+      moveRight: isMac ? "Alt+Right" : "Ctrl+Right",
+      toggleVisibility: isMac ? "Cmd+\\" : "Ctrl+\\",
+      toggleClickThrough: isMac ? "Cmd+M" : "Ctrl+M",
+      nextStep: isMac ? "Cmd+Enter" : "Ctrl+Enter",
+      previousResponse: isMac ? "Cmd+[" : "Ctrl+[",
+      nextResponse: isMac ? "Cmd+]" : "Ctrl+]",
+      scrollUp: isMac ? "Cmd+Shift+Up" : "Ctrl+Shift+Up",
+      scrollDown: isMac ? "Cmd+Shift+Down" : "Ctrl+Shift+Down",
+      expandResponse: isMac ? "Cmd+E" : "Ctrl+E",
     };
   }
 
   getKeybindActions() {
     return [
-            { key: 'moveUp', name: 'Move Window Up', description: 'Move the app window up' },
-            { key: 'moveDown', name: 'Move Window Down', description: 'Move the app window down' },
-            { key: 'moveLeft', name: 'Move Window Left', description: 'Move the app window left' },
-            { key: 'moveRight', name: 'Move Window Right', description: 'Move the app window right' },
-            { key: 'toggleVisibility', name: 'Toggle Visibility', description: 'Show or hide the app window' },
-            { key: 'toggleClickThrough', name: 'Toggle Click-through', description: 'Enable or disable click-through mode' },
-            { key: 'nextStep', name: 'Ask Next Step', description: 'Take screenshot and ask for next step' },
-            { key: 'previousResponse', name: 'Previous Response', description: 'Move to previous AI response' },
-            { key: 'nextResponse', name: 'Next Response', description: 'Move to next AI response' },
-            { key: 'scrollUp', name: 'Scroll Response Up', description: 'Scroll response content upward' },
-            { key: 'scrollDown', name: 'Scroll Response Down', description: 'Scroll response content downward' },
+      {
+        key: "moveUp",
+        name: "Move Window Up",
+        description: "Move the app window up",
+      },
+      {
+        key: "moveDown",
+        name: "Move Window Down",
+        description: "Move the app window down",
+      },
+      {
+        key: "moveLeft",
+        name: "Move Window Left",
+        description: "Move the app window left",
+      },
+      {
+        key: "moveRight",
+        name: "Move Window Right",
+        description: "Move the app window right",
+      },
+      {
+        key: "toggleVisibility",
+        name: "Toggle Visibility",
+        description: "Show or hide the app window",
+      },
+      {
+        key: "toggleClickThrough",
+        name: "Toggle Click-through",
+        description: "Enable or disable click-through mode",
+      },
+      {
+        key: "nextStep",
+        name: "Ask Next Step",
+        description: "Take screenshot and ask for next step",
+      },
+      {
+        key: "previousResponse",
+        name: "Previous Response",
+        description: "Move to previous AI response",
+      },
+      {
+        key: "nextResponse",
+        name: "Next Response",
+        description: "Move to next AI response",
+      },
+      {
+        key: "scrollUp",
+        name: "Scroll Response Up",
+        description: "Scroll response content upward",
+      },
+      {
+        key: "scrollDown",
+        name: "Scroll Response Down",
+        description: "Scroll response content downward",
+      },
+      {
+        key: "expandResponse",
+        name: "Expand Response",
+        description: "Expand the current response with more detail",
+      },
     ];
   }
 
   async saveKeybinds() {
     await cheatingDaddy.storage.setKeybinds(this.keybinds);
     if (window.require) {
-            const { ipcRenderer } = window.require('electron');
-            ipcRenderer.send('update-keybinds', this.keybinds);
+      const { ipcRenderer } = window.require("electron");
+      ipcRenderer.send("update-keybinds", this.keybinds);
     }
   }
 
@@ -355,18 +409,24 @@ export class CustomizeView extends LitElement {
 
   async handleCustomPromptInput(e) {
     this.customPrompt = e.target.value;
-        await cheatingDaddy.storage.updatePreference('customPrompt', this.customPrompt);
+    await cheatingDaddy.storage.updatePreference(
+      "customPrompt",
+      this.customPrompt,
+    );
   }
 
   async handleAudioModeSelect(e) {
     this.audioMode = e.target.value;
-        await cheatingDaddy.storage.updatePreference('audioMode', this.audioMode);
+    await cheatingDaddy.storage.updatePreference("audioMode", this.audioMode);
     this.requestUpdate();
   }
 
   async handleProviderModeChange(e) {
     this.providerMode = e.target.value;
-        await cheatingDaddy.storage.updatePreference('providerMode', this.providerMode);
+    await cheatingDaddy.storage.updatePreference(
+      "providerMode",
+      this.providerMode,
+    );
     this.requestUpdate();
   }
 
@@ -379,13 +439,19 @@ export class CustomizeView extends LitElement {
 
   async handleGoogleSearchChange(e) {
     this.googleSearchEnabled = e.target.checked;
-        await cheatingDaddy.storage.updatePreference('googleSearchEnabled', this.googleSearchEnabled);
+    await cheatingDaddy.storage.updatePreference(
+      "googleSearchEnabled",
+      this.googleSearchEnabled,
+    );
     if (window.require) {
       try {
-                const { ipcRenderer } = window.require('electron');
-                await ipcRenderer.invoke('update-google-search-setting', this.googleSearchEnabled);
+        const { ipcRenderer } = window.require("electron");
+        await ipcRenderer.invoke(
+          "update-google-search-setting",
+          this.googleSearchEnabled,
+        );
       } catch (error) {
-                console.error('Failed to notify main process:', error);
+        console.error("Failed to notify main process:", error);
       }
     }
     this.requestUpdate();
@@ -393,25 +459,34 @@ export class CustomizeView extends LitElement {
 
   async handleBackgroundTransparencyChange(e) {
     this.backgroundTransparency = parseFloat(e.target.value);
-        await cheatingDaddy.storage.updatePreference('backgroundTransparency', this.backgroundTransparency);
+    await cheatingDaddy.storage.updatePreference(
+      "backgroundTransparency",
+      this.backgroundTransparency,
+    );
     this.updateBackgroundAppearance();
     this.requestUpdate();
   }
 
   updateBackgroundAppearance() {
     const colors = cheatingDaddy.theme.get(this.theme);
-        cheatingDaddy.theme.applyBackgrounds(colors.background, this.backgroundTransparency);
+    cheatingDaddy.theme.applyBackgrounds(
+      colors.background,
+      this.backgroundTransparency,
+    );
   }
 
   async handleFontSizeChange(e) {
     this.fontSize = parseInt(e.target.value, 10);
-        await cheatingDaddy.storage.updatePreference('fontSize', this.fontSize);
+    await cheatingDaddy.storage.updatePreference("fontSize", this.fontSize);
     this.updateFontSize();
     this.requestUpdate();
   }
 
   updateFontSize() {
-        document.documentElement.style.setProperty('--response-font-size', `${this.fontSize}px`);
+    document.documentElement.style.setProperty(
+      "--response-font-size",
+      `${this.fontSize}px`,
+    );
   }
 
   handleKeybindChange(action, value) {
@@ -421,50 +496,50 @@ export class CustomizeView extends LitElement {
   }
 
   handleKeybindFocus(e) {
-        e.target.placeholder = 'Press key combination...';
+    e.target.placeholder = "Press key combination...";
     e.target.select();
   }
 
   handleKeybindInput(e) {
     e.preventDefault();
     const modifiers = [];
-        if (e.ctrlKey) modifiers.push('Ctrl');
-        if (e.metaKey) modifiers.push('Cmd');
-        if (e.altKey) modifiers.push('Alt');
-        if (e.shiftKey) modifiers.push('Shift');
+    if (e.ctrlKey) modifiers.push("Ctrl");
+    if (e.metaKey) modifiers.push("Cmd");
+    if (e.altKey) modifiers.push("Alt");
+    if (e.shiftKey) modifiers.push("Shift");
     let mainKey = e.key;
 
     switch (e.code) {
-            case 'ArrowUp':
-                mainKey = 'Up';
+      case "ArrowUp":
+        mainKey = "Up";
         break;
-            case 'ArrowDown':
-                mainKey = 'Down';
+      case "ArrowDown":
+        mainKey = "Down";
         break;
-            case 'ArrowLeft':
-                mainKey = 'Left';
+      case "ArrowLeft":
+        mainKey = "Left";
         break;
-            case 'ArrowRight':
-                mainKey = 'Right';
+      case "ArrowRight":
+        mainKey = "Right";
         break;
-            case 'Enter':
-                mainKey = 'Enter';
+      case "Enter":
+        mainKey = "Enter";
         break;
-            case 'Space':
-                mainKey = 'Space';
+      case "Space":
+        mainKey = "Space";
         break;
-            case 'Backslash':
-                mainKey = '\\';
+      case "Backslash":
+        mainKey = "\\";
         break;
       default:
         if (e.key.length === 1) mainKey = e.key.toUpperCase();
         break;
     }
 
-        if (['Control', 'Meta', 'Alt', 'Shift'].includes(e.key)) return;
+    if (["Control", "Meta", "Alt", "Shift"].includes(e.key)) return;
 
     const action = e.target.dataset.action;
-        const keybind = [...modifiers, mainKey].join('+');
+    const keybind = [...modifiers, mainKey].join("+");
     this.handleKeybindChange(action, keybind);
     e.target.value = keybind;
     e.target.blur();
@@ -474,8 +549,8 @@ export class CustomizeView extends LitElement {
     this.keybinds = this.getDefaultKeybinds();
     await cheatingDaddy.storage.setKeybinds(null);
     if (window.require) {
-            const { ipcRenderer } = window.require('electron');
-            ipcRenderer.send('update-keybinds', this.keybinds);
+      const { ipcRenderer } = window.require("electron");
+      ipcRenderer.send("update-keybinds", this.keybinds);
     }
     this.requestUpdate();
   }
@@ -483,22 +558,22 @@ export class CustomizeView extends LitElement {
   async restoreAllSettings() {
     if (this.isRestoring) return;
     this.isRestoring = true;
-        this.clearStatusMessage = '';
-        this.clearStatusType = '';
+    this.clearStatusMessage = "";
+    this.clearStatusType = "";
     this.requestUpdate();
     try {
       // Restore all preferences to defaults
       const defaults = {
-                customPrompt: '',
-                selectedProfile: 'interview',
-                selectedLanguage: 'en-US',
-                selectedScreenshotInterval: '5',
-                selectedImageQuality: 'medium',
-                audioMode: 'speaker_only',
+        customPrompt: "",
+        selectedProfile: "interview",
+        selectedLanguage: "en-US",
+        selectedScreenshotInterval: "5",
+        selectedImageQuality: "medium",
+        audioMode: "speaker_only",
         fontSize: 20,
         backgroundTransparency: 0.8,
         googleSearchEnabled: false,
-                theme: 'dark',
+        theme: "dark",
       };
       for (const [key, value] of Object.entries(defaults)) {
         await cheatingDaddy.storage.updatePreference(key, value);
@@ -508,8 +583,8 @@ export class CustomizeView extends LitElement {
       this.keybinds = this.getDefaultKeybinds();
       await cheatingDaddy.storage.setKeybinds(null);
       if (window.require) {
-                const { ipcRenderer } = window.require('electron');
-                ipcRenderer.send('update-keybinds', this.keybinds);
+        const { ipcRenderer } = window.require("electron");
+        ipcRenderer.send("update-keybinds", this.keybinds);
       }
 
       // Apply to local state
@@ -533,12 +608,12 @@ export class CustomizeView extends LitElement {
       this.updateFontSize();
       await cheatingDaddy.theme.save(defaults.theme);
 
-            this.clearStatusMessage = 'All settings restored to defaults';
-            this.clearStatusType = 'success';
+      this.clearStatusMessage = "All settings restored to defaults";
+      this.clearStatusType = "success";
     } catch (error) {
-            console.error('Error restoring settings:', error);
+      console.error("Error restoring settings:", error);
       this.clearStatusMessage = `Error restoring settings: ${error.message}`;
-            this.clearStatusType = 'error';
+      this.clearStatusType = "error";
     } finally {
       this.isRestoring = false;
       this.requestUpdate();
@@ -548,28 +623,28 @@ export class CustomizeView extends LitElement {
   async clearLocalData() {
     if (this.isClearing) return;
     this.isClearing = true;
-        this.clearStatusMessage = '';
-        this.clearStatusType = '';
+    this.clearStatusMessage = "";
+    this.clearStatusType = "";
     this.requestUpdate();
     try {
       await cheatingDaddy.storage.clearAll();
-            this.clearStatusMessage = 'Successfully cleared all local data';
-            this.clearStatusType = 'success';
+      this.clearStatusMessage = "Successfully cleared all local data";
+      this.clearStatusType = "success";
       this.requestUpdate();
       setTimeout(() => {
-                this.clearStatusMessage = 'Closing application...';
+        this.clearStatusMessage = "Closing application...";
         this.requestUpdate();
         setTimeout(async () => {
           if (window.require) {
-                        const { ipcRenderer } = window.require('electron');
-                        await ipcRenderer.invoke('quit-application');
+            const { ipcRenderer } = window.require("electron");
+            await ipcRenderer.invoke("quit-application");
           }
         }, 1000);
       }, 2000);
     } catch (error) {
-            console.error('Error clearing data:', error);
+      console.error("Error clearing data:", error);
       this.clearStatusMessage = `Error clearing data: ${error.message}`;
-            this.clearStatusType = 'error';
+      this.clearStatusType = "error";
     } finally {
       this.isClearing = false;
       this.requestUpdate();
@@ -583,7 +658,11 @@ export class CustomizeView extends LitElement {
         <div class="form-grid">
           <div class="form-group">
             <label class="form-label">Regime</label>
-                        <select class="control" .value=${this.providerMode} @change=${this.handleProviderModeChange}>
+            <select
+              class="control"
+              .value=${this.providerMode}
+              @change=${this.handleProviderModeChange}
+            >
               <option value="byok">BYOK (API Keys)</option>
               <option value="local">Local AI (Ollama)</option>
             </select>
@@ -600,18 +679,31 @@ export class CustomizeView extends LitElement {
         <div class="form-grid">
           <div class="form-group">
             <label class="form-label">Audio Mode</label>
-                        <select class="control" .value=${this.audioMode} @change=${this.handleAudioModeSelect}>
+            <select
+              class="control"
+              .value=${this.audioMode}
+              @change=${this.handleAudioModeSelect}
+            >
               <option value="speaker_only">Speaker Only (Interviewer)</option>
               <option value="mic_only">Microphone Only (Me)</option>
               <option value="both">Both Speaker and Microphone</option>
             </select>
           </div>
-                    ${this.audioMode !== 'speaker_only' ? html`
-                        <div class="warning-callout">May cause unexpected behavior. Only change this if you know what you're doing.</div>
-                    ` : ''}
+          ${this.audioMode !== "speaker_only"
+            ? html`
+                <div class="warning-callout">
+                  May cause unexpected behavior. Only change this if you know
+                  what you're doing.
+                </div>
+              `
+            : ""}
           <div class="form-group">
             <label class="form-label">Image Quality</label>
-                        <select class="control" .value=${this.selectedImageQuality} @change=${this.handleImageQualitySelect}>
+            <select
+              class="control"
+              .value=${this.selectedImageQuality}
+              @change=${this.handleImageQualitySelect}
+            >
               <option value="high">High Quality</option>
               <option value="medium">Medium Quality</option>
               <option value="low">Low Quality</option>
@@ -629,8 +721,20 @@ export class CustomizeView extends LitElement {
         <div class="form-grid">
           <div class="form-group">
             <label class="form-label">Speech Language</label>
-                        <select class="control" .value=${this.selectedLanguage} @change=${this.handleLanguageSelect}>
-                            ${this.getLanguages().map(language => html`<option value=${language.value}>${language.name}</option>`)}
+            <select
+              class="control"
+              .value=${this.selectedLanguage}
+              @change=${this.handleLanguageSelect}
+            >
+              ${this.getLanguages().map(
+                (language) =>
+                  html`<option
+                    value=${language.value}
+                    ?selected=${language.value === this.selectedLanguage}
+                  >
+                    ${language.name}
+                  </option>`,
+              )}
             </select>
           </div>
         </div>
@@ -645,14 +749,23 @@ export class CustomizeView extends LitElement {
         <div class="form-grid">
           <div class="form-group">
             <label class="form-label">Theme</label>
-                        <select class="control" .value=${this.theme} @change=${this.handleThemeChange}>
-                            ${this.getThemes().map(theme => html`<option value=${theme.value}>${theme.name}</option>`)}
+            <select
+              class="control"
+              .value=${this.theme}
+              @change=${this.handleThemeChange}
+            >
+              ${this.getThemes().map(
+                (theme) =>
+                  html`<option value=${theme.value}>${theme.name}</option>`,
+              )}
             </select>
           </div>
           <div class="form-group slider-wrap">
             <div class="slider-header">
               <label class="form-label">Background Transparency</label>
-                            <span class="slider-value">${Math.round(this.backgroundTransparency * 100)}%</span>
+              <span class="slider-value"
+                >${Math.round(this.backgroundTransparency * 100)}%</span
+              >
             </div>
             <input
               class="slider-input"
@@ -688,7 +801,8 @@ export class CustomizeView extends LitElement {
     return html`
       <section class="surface">
         <div class="surface-title">Keyboard Shortcuts</div>
-                ${this.getKeybindActions().map(action => html`
+        ${this.getKeybindActions().map(
+          (action) => html`
             <div class="keybind-row">
               <span class="keybind-name">${action.name}</span>
               <input
@@ -701,9 +815,16 @@ export class CustomizeView extends LitElement {
                 readonly
               />
             </div>
-                `)}
+          `,
+        )}
         <div style="margin-top: var(--space-sm);">
-                    <button class="control" style="width:auto;padding:8px 10px;" @click=${this.resetKeybinds}>Reset to defaults</button>
+          <button
+            class="control"
+            style="width:auto;padding:8px 10px;"
+            @click=${this.resetKeybinds}
+          >
+            Reset to defaults
+          </button>
         </div>
       </section>
     `;
@@ -714,16 +835,32 @@ export class CustomizeView extends LitElement {
       <section class="surface danger-surface">
         <div class="surface-title danger">Privacy and Data</div>
         <div style="display:flex;gap:var(--space-sm);flex-wrap:wrap;">
-                    <button class="danger-button" @click=${this.restoreAllSettings} ?disabled=${this.isRestoring}>
-                        ${this.isRestoring ? 'Restoring...' : 'Restore all settings'}
+          <button
+            class="danger-button"
+            @click=${this.restoreAllSettings}
+            ?disabled=${this.isRestoring}
+          >
+            ${this.isRestoring ? "Restoring..." : "Restore all settings"}
           </button>
-                    <button class="danger-button" @click=${this.clearLocalData} ?disabled=${this.isClearing}>
-                        ${this.isClearing ? 'Clearing...' : 'Delete all data'}
+          <button
+            class="danger-button"
+            @click=${this.clearLocalData}
+            ?disabled=${this.isClearing}
+          >
+            ${this.isClearing ? "Clearing..." : "Delete all data"}
           </button>
         </div>
-                ${this.clearStatusMessage ? html`
-                    <div class="status ${this.clearStatusType === 'success' ? 'success' : 'error'}">${this.clearStatusMessage}</div>
-                ` : ''}
+        ${this.clearStatusMessage
+          ? html`
+              <div
+                class="status ${this.clearStatusType === "success"
+                  ? "success"
+                  : "error"}"
+              >
+                ${this.clearStatusMessage}
+              </div>
+            `
+          : ""}
       </section>
     `;
   }
@@ -733,16 +870,13 @@ export class CustomizeView extends LitElement {
       <div class="unified-page">
         <div class="unified-wrap">
           <div class="page-title">Settings</div>
-                    ${this.renderAISection()}
-                    ${this.renderAudioSection()}
-                    ${this.renderLanguageSection()}
-                    ${this.renderAppearanceSection()}
-                    ${this.renderKeyboardSection()}
-                    ${this.renderPrivacySection()}
+          ${this.renderAISection()} ${this.renderAudioSection()}
+          ${this.renderLanguageSection()} ${this.renderAppearanceSection()}
+          ${this.renderKeyboardSection()} ${this.renderPrivacySection()}
         </div>
       </div>
     `;
   }
 }
 
-customElements.define('customize-view', CustomizeView);
+customElements.define("customize-view", CustomizeView);

src/components/views/OnboardingView.js

@@ -312,7 +312,7 @@ export class OnboardingView extends LitElement {
         if (this.currentSlide === 0) {
             return html`
                 <div class="slide">
-                    <div class="slide-title">Cheating Daddy</div>
+                    <div class="slide-title">Mastermind</div>
                     <div class="slide-text">Real-time AI that listens, watches, and helps during interviews, meetings, and exams.</div>
                     <div class="actions">
                         <button class="btn-primary" @click=${() => { this.currentSlide = 1; }}>Continue</button>

src/index.js

@@ -1,11 +1,43 @@
-if (require('electron-squirrel-startup')) {
+if (require("electron-squirrel-startup")) {
   process.exit(0);
 }
 
-const { app, BrowserWindow, shell, ipcMain } = require('electron');
-const { createWindow, updateGlobalShortcuts } = require('./utils/window');
-const { setupGeminiIpcHandlers, stopMacOSAudioCapture, sendToRenderer } = require('./utils/gemini');
-const storage = require('./storage');
+// ── Global crash handlers to prevent silent process termination ──
+process.on("uncaughtException", (error) => {
+  console.error("[FATAL] Uncaught exception:", error);
+  try {
+    const { sendToRenderer } = require("./utils/gemini");
+    sendToRenderer(
+      "update-status",
+      "Fatal error: " + (error?.message || "unknown"),
+    );
+  } catch (_) {
+    // sendToRenderer may not be available yet
+  }
+});
+
+process.on("unhandledRejection", (reason) => {
+  console.error("[FATAL] Unhandled promise rejection:", reason);
+  try {
+    const { sendToRenderer } = require("./utils/gemini");
+    sendToRenderer(
+      "update-status",
+      "Unhandled error: " +
+        (reason instanceof Error ? reason.message : String(reason)),
+    );
+  } catch (_) {
+    // sendToRenderer may not be available yet
+  }
+});
+
+const { app, BrowserWindow, shell, ipcMain } = require("electron");
+const { createWindow, updateGlobalShortcuts } = require("./utils/window");
+const {
+  setupGeminiIpcHandlers,
+  stopMacOSAudioCapture,
+  sendToRenderer,
+} = require("./utils/gemini");
+const storage = require("./storage");
 
 const geminiSessionRef = { current: null };
 let mainWindow = null;
@@ -20,9 +52,9 @@ app.whenReady().then(async () => {
   storage.initializeStorage();
 
   // Trigger screen recording permission prompt on macOS if not already granted
-    if (process.platform === 'darwin') {
-        const { desktopCapturer } = require('electron');
-        desktopCapturer.getSources({ types: ['screen'] }).catch(() => {});
+  if (process.platform === "darwin") {
+    const { desktopCapturer } = require("electron");
+    desktopCapturer.getSources({ types: ["screen"] }).catch(() => {});
   }
 
   createMainWindow();
@@ -31,18 +63,18 @@ app.whenReady().then(async () => {
   setupGeneralIpcHandlers();
 });
 
-app.on('window-all-closed', () => {
+app.on("window-all-closed", () => {
   stopMacOSAudioCapture();
-    if (process.platform !== 'darwin') {
+  if (process.platform !== "darwin") {
     app.quit();
   }
 });
 
-app.on('before-quit', () => {
+app.on("before-quit", () => {
   stopMacOSAudioCapture();
 });
 
-app.on('activate', () => {
+app.on("activate", () => {
   if (BrowserWindow.getAllWindows().length === 0) {
     createMainWindow();
   }
@@ -50,250 +82,255 @@ app.on('activate', () => {
 
 function setupStorageIpcHandlers() {
   // ============ CONFIG ============
-    ipcMain.handle('storage:get-config', async () => {
+  ipcMain.handle("storage:get-config", async () => {
     try {
       return { success: true, data: storage.getConfig() };
     } catch (error) {
-            console.error('Error getting config:', error);
+      console.error("Error getting config:", error);
       return { success: false, error: error.message };
     }
   });
 
-    ipcMain.handle('storage:set-config', async (event, config) => {
+  ipcMain.handle("storage:set-config", async (event, config) => {
     try {
       storage.setConfig(config);
       return { success: true };
     } catch (error) {
-            console.error('Error setting config:', error);
+      console.error("Error setting config:", error);
       return { success: false, error: error.message };
     }
   });
 
-    ipcMain.handle('storage:update-config', async (event, key, value) => {
+  ipcMain.handle("storage:update-config", async (event, key, value) => {
     try {
       storage.updateConfig(key, value);
       return { success: true };
     } catch (error) {
-            console.error('Error updating config:', error);
+      console.error("Error updating config:", error);
       return { success: false, error: error.message };
     }
   });
 
   // ============ CREDENTIALS ============
-    ipcMain.handle('storage:get-credentials', async () => {
+  ipcMain.handle("storage:get-credentials", async () => {
     try {
       return { success: true, data: storage.getCredentials() };
     } catch (error) {
-            console.error('Error getting credentials:', error);
+      console.error("Error getting credentials:", error);
       return { success: false, error: error.message };
     }
   });
 
-    ipcMain.handle('storage:set-credentials', async (event, credentials) => {
+  ipcMain.handle("storage:set-credentials", async (event, credentials) => {
     try {
       storage.setCredentials(credentials);
       return { success: true };
     } catch (error) {
-            console.error('Error setting credentials:', error);
+      console.error("Error setting credentials:", error);
       return { success: false, error: error.message };
     }
   });
 
-    ipcMain.handle('storage:get-api-key', async () => {
+  ipcMain.handle("storage:get-api-key", async () => {
     try {
       return { success: true, data: storage.getApiKey() };
     } catch (error) {
-            console.error('Error getting API key:', error);
+      console.error("Error getting API key:", error);
       return { success: false, error: error.message };
     }
   });
 
-    ipcMain.handle('storage:set-api-key', async (event, apiKey) => {
+  ipcMain.handle("storage:set-api-key", async (event, apiKey) => {
     try {
       storage.setApiKey(apiKey);
       return { success: true };
     } catch (error) {
-            console.error('Error setting API key:', error);
+      console.error("Error setting API key:", error);
       return { success: false, error: error.message };
     }
   });
 
-    ipcMain.handle('storage:get-groq-api-key', async () => {
+  ipcMain.handle("storage:get-groq-api-key", async () => {
     try {
       return { success: true, data: storage.getGroqApiKey() };
     } catch (error) {
-            console.error('Error getting Groq API key:', error);
+      console.error("Error getting Groq API key:", error);
       return { success: false, error: error.message };
     }
   });
 
-    ipcMain.handle('storage:set-groq-api-key', async (event, groqApiKey) => {
+  ipcMain.handle("storage:set-groq-api-key", async (event, groqApiKey) => {
     try {
       storage.setGroqApiKey(groqApiKey);
       return { success: true };
     } catch (error) {
-            console.error('Error setting Groq API key:', error);
+      console.error("Error setting Groq API key:", error);
       return { success: false, error: error.message };
     }
   });
 
   // ============ PREFERENCES ============
-    ipcMain.handle('storage:get-preferences', async () => {
+  ipcMain.handle("storage:get-preferences", async () => {
     try {
       return { success: true, data: storage.getPreferences() };
     } catch (error) {
-            console.error('Error getting preferences:', error);
+      console.error("Error getting preferences:", error);
       return { success: false, error: error.message };
     }
   });
 
-    ipcMain.handle('storage:set-preferences', async (event, preferences) => {
+  ipcMain.handle("storage:set-preferences", async (event, preferences) => {
     try {
       storage.setPreferences(preferences);
       return { success: true };
     } catch (error) {
-            console.error('Error setting preferences:', error);
+      console.error("Error setting preferences:", error);
       return { success: false, error: error.message };
     }
   });
 
-    ipcMain.handle('storage:update-preference', async (event, key, value) => {
+  ipcMain.handle("storage:update-preference", async (event, key, value) => {
     try {
       storage.updatePreference(key, value);
       return { success: true };
     } catch (error) {
-            console.error('Error updating preference:', error);
+      console.error("Error updating preference:", error);
       return { success: false, error: error.message };
     }
   });
 
   // ============ KEYBINDS ============
-    ipcMain.handle('storage:get-keybinds', async () => {
+  ipcMain.handle("storage:get-keybinds", async () => {
     try {
       return { success: true, data: storage.getKeybinds() };
     } catch (error) {
-            console.error('Error getting keybinds:', error);
+      console.error("Error getting keybinds:", error);
       return { success: false, error: error.message };
     }
   });
 
-    ipcMain.handle('storage:set-keybinds', async (event, keybinds) => {
+  ipcMain.handle("storage:set-keybinds", async (event, keybinds) => {
     try {
       storage.setKeybinds(keybinds);
       return { success: true };
     } catch (error) {
-            console.error('Error setting keybinds:', error);
+      console.error("Error setting keybinds:", error);
       return { success: false, error: error.message };
     }
   });
 
   // ============ HISTORY ============
-    ipcMain.handle('storage:get-all-sessions', async () => {
+  ipcMain.handle("storage:get-all-sessions", async () => {
     try {
       return { success: true, data: storage.getAllSessions() };
     } catch (error) {
-            console.error('Error getting sessions:', error);
+      console.error("Error getting sessions:", error);
       return { success: false, error: error.message };
     }
   });
 
-    ipcMain.handle('storage:get-session', async (event, sessionId) => {
+  ipcMain.handle("storage:get-session", async (event, sessionId) => {
     try {
       return { success: true, data: storage.getSession(sessionId) };
     } catch (error) {
-            console.error('Error getting session:', error);
+      console.error("Error getting session:", error);
       return { success: false, error: error.message };
     }
   });
 
-    ipcMain.handle('storage:save-session', async (event, sessionId, data) => {
+  ipcMain.handle("storage:save-session", async (event, sessionId, data) => {
     try {
       storage.saveSession(sessionId, data);
       return { success: true };
     } catch (error) {
-            console.error('Error saving session:', error);
+      console.error("Error saving session:", error);
       return { success: false, error: error.message };
     }
   });
 
-    ipcMain.handle('storage:delete-session', async (event, sessionId) => {
+  ipcMain.handle("storage:delete-session", async (event, sessionId) => {
     try {
       storage.deleteSession(sessionId);
       return { success: true };
     } catch (error) {
-            console.error('Error deleting session:', error);
+      console.error("Error deleting session:", error);
       return { success: false, error: error.message };
     }
   });
 
-    ipcMain.handle('storage:delete-all-sessions', async () => {
+  ipcMain.handle("storage:delete-all-sessions", async () => {
     try {
       storage.deleteAllSessions();
       return { success: true };
     } catch (error) {
-            console.error('Error deleting all sessions:', error);
+      console.error("Error deleting all sessions:", error);
       return { success: false, error: error.message };
     }
   });
 
   // ============ LIMITS ============
-    ipcMain.handle('storage:get-today-limits', async () => {
+  ipcMain.handle("storage:get-today-limits", async () => {
     try {
       return { success: true, data: storage.getTodayLimits() };
     } catch (error) {
-            console.error('Error getting today limits:', error);
+      console.error("Error getting today limits:", error);
       return { success: false, error: error.message };
     }
   });
 
   // ============ CLEAR ALL ============
-    ipcMain.handle('storage:clear-all', async () => {
+  ipcMain.handle("storage:clear-all", async () => {
     try {
       storage.clearAllData();
       return { success: true };
     } catch (error) {
-            console.error('Error clearing all data:', error);
+      console.error("Error clearing all data:", error);
       return { success: false, error: error.message };
     }
   });
 }
 
 function setupGeneralIpcHandlers() {
-    ipcMain.handle('get-app-version', async () => {
+  ipcMain.handle("get-app-version", async () => {
     return app.getVersion();
   });
 
-    ipcMain.handle('quit-application', async event => {
+  ipcMain.handle("quit-application", async (event) => {
     try {
       stopMacOSAudioCapture();
       app.quit();
       return { success: true };
     } catch (error) {
-            console.error('Error quitting application:', error);
+      console.error("Error quitting application:", error);
       return { success: false, error: error.message };
     }
   });
 
-    ipcMain.handle('open-external', async (event, url) => {
+  ipcMain.handle("open-external", async (event, url) => {
     try {
       await shell.openExternal(url);
       return { success: true };
     } catch (error) {
-            console.error('Error opening external URL:', error);
+      console.error("Error opening external URL:", error);
       return { success: false, error: error.message };
     }
   });
 
-    ipcMain.on('update-keybinds', (event, newKeybinds) => {
+  ipcMain.on("update-keybinds", (event, newKeybinds) => {
     if (mainWindow) {
       // Also save to storage
       storage.setKeybinds(newKeybinds);
-            updateGlobalShortcuts(newKeybinds, mainWindow, sendToRenderer, geminiSessionRef);
+      updateGlobalShortcuts(
+        newKeybinds,
+        mainWindow,
+        sendToRenderer,
+        geminiSessionRef,
+      );
     }
   });
 
   // Debug logging from renderer
-    ipcMain.on('log-message', (event, msg) => {
+  ipcMain.on("log-message", (event, msg) => {
     console.log(msg);
   });
 }

src/storage.js

@@ -1,6 +1,6 @@
-const fs = require('fs');
-const path = require('path');
-const os = require('os');
+const fs = require("fs");
+const path = require("path");
+const os = require("os");
 
 const CONFIG_VERSION = 1;
 
@@ -8,34 +8,39 @@ const CONFIG_VERSION = 1;
 const DEFAULT_CONFIG = {
   configVersion: CONFIG_VERSION,
   onboarded: false,
-    layout: 'normal'
+  layout: "normal",
 };
 
 const DEFAULT_CREDENTIALS = {
-    apiKey: '',
-    groqApiKey: ''
+  apiKey: "",
+  groqApiKey: "",
+  openaiCompatibleApiKey: "",
+  openaiCompatibleBaseUrl: "",
+  openaiCompatibleModel: "",
 };
 
 const DEFAULT_PREFERENCES = {
-    customPrompt: '',
-    selectedProfile: 'interview',
-    selectedLanguage: 'en-US',
-    selectedScreenshotInterval: '5',
-    selectedImageQuality: 'medium',
+  customPrompt: "",
+  selectedProfile: "interview",
+  selectedLanguage: "en-US",
+  selectedScreenshotInterval: "5",
+  selectedImageQuality: "medium",
   advancedMode: false,
-    audioMode: 'speaker_only',
-    fontSize: 'medium',
+  audioMode: "speaker_only",
+  fontSize: "medium",
   backgroundTransparency: 0.8,
   googleSearchEnabled: false,
-    ollamaHost: 'http://127.0.0.1:11434',
-    ollamaModel: 'llama3.1',
-    whisperModel: 'Xenova/whisper-small',
+  responseProvider: "gemini",
+  ollamaHost: "http://127.0.0.1:11434",
+  ollamaModel: "llama3.1",
+  whisperModel: "Xenova/whisper-small",
+  whisperDevice: "", // '' = auto-detect, 'cpu' = native, 'wasm' = compatible
 };
 
 const DEFAULT_KEYBINDS = null; // null means use system defaults
 
 const DEFAULT_LIMITS = {
-    data: [] // Array of { date: 'YYYY-MM-DD', flash: { count }, flashLite: { count }, groq: { 'qwen3-32b': { chars, limit }, 'gpt-oss-120b': { chars, limit }, 'gpt-oss-20b': { chars, limit } }, gemini: { 'gemma-3-27b-it': { chars } } }
+  data: [], // Array of { date: 'YYYY-MM-DD', flash: { count }, flashLite: { count }, groq: { 'qwen3-32b': { chars, limit }, 'gpt-oss-120b': { chars, limit }, 'gpt-oss-20b': { chars, limit } }, gemini: { 'gemma-3-27b-it': { chars } } }
 };
 
 // Get the config directory path based on OS
@@ -43,12 +48,22 @@ function getConfigDir() {
   const platform = os.platform();
   let configDir;
 
-    if (platform === 'win32') {
-        configDir = path.join(os.homedir(), 'AppData', 'Roaming', 'cheating-daddy-config');
-    } else if (platform === 'darwin') {
-        configDir = path.join(os.homedir(), 'Library', 'Application Support', 'cheating-daddy-config');
+  if (platform === "win32") {
+    configDir = path.join(
+      os.homedir(),
+      "AppData",
+      "Roaming",
+      "cheating-daddy-config",
+    );
+  } else if (platform === "darwin") {
+    configDir = path.join(
+      os.homedir(),
+      "Library",
+      "Application Support",
+      "cheating-daddy-config",
+    );
   } else {
-        configDir = path.join(os.homedir(), '.config', 'cheating-daddy-config');
+    configDir = path.join(os.homedir(), ".config", "cheating-daddy-config");
   }
 
   return configDir;
@@ -56,34 +71,34 @@ function getConfigDir() {
 
 // File paths
 function getConfigPath() {
-    return path.join(getConfigDir(), 'config.json');
+  return path.join(getConfigDir(), "config.json");
 }
 
 function getCredentialsPath() {
-    return path.join(getConfigDir(), 'credentials.json');
+  return path.join(getConfigDir(), "credentials.json");
 }
 
 function getPreferencesPath() {
-    return path.join(getConfigDir(), 'preferences.json');
+  return path.join(getConfigDir(), "preferences.json");
 }
 
 function getKeybindsPath() {
-    return path.join(getConfigDir(), 'keybinds.json');
+  return path.join(getConfigDir(), "keybinds.json");
 }
 
 function getLimitsPath() {
-    return path.join(getConfigDir(), 'limits.json');
+  return path.join(getConfigDir(), "limits.json");
 }
 
 function getHistoryDir() {
-    return path.join(getConfigDir(), 'history');
+  return path.join(getConfigDir(), "history");
 }
 
 // Helper to read JSON file safely
 function readJsonFile(filePath, defaultValue) {
   try {
     if (fs.existsSync(filePath)) {
-            const data = fs.readFileSync(filePath, 'utf8');
+      const data = fs.readFileSync(filePath, "utf8");
       return JSON.parse(data);
     }
   } catch (error) {
@@ -99,7 +114,7 @@ function writeJsonFile(filePath, data) {
     if (!fs.existsSync(dir)) {
       fs.mkdirSync(dir, { recursive: true });
     }
-        fs.writeFileSync(filePath, JSON.stringify(data, null, 2), 'utf8');
+    fs.writeFileSync(filePath, JSON.stringify(data, null, 2), "utf8");
     return true;
   } catch (error) {
     console.error(`Error writing ${filePath}:`, error.message);
@@ -115,7 +130,7 @@ function needsReset() {
   }
 
   try {
-        const config = JSON.parse(fs.readFileSync(configPath, 'utf8'));
+    const config = JSON.parse(fs.readFileSync(configPath, "utf8"));
     return !config.configVersion || config.configVersion !== CONFIG_VERSION;
   } catch {
     return true;
@@ -126,7 +141,7 @@ function needsReset() {
 function resetConfigDir() {
   const configDir = getConfigDir();
 
-    console.log('Resetting config directory...');
+  console.log("Resetting config directory...");
 
   // Remove existing directory if it exists
   if (fs.existsSync(configDir)) {
@@ -142,7 +157,7 @@ function resetConfigDir() {
   writeJsonFile(getCredentialsPath(), DEFAULT_CREDENTIALS);
   writeJsonFile(getPreferencesPath(), DEFAULT_PREFERENCES);
 
-    console.log('Config directory initialized with defaults');
+  console.log("Config directory initialized with defaults");
 }
 
 // Initialize storage - call this on app startup
@@ -189,7 +204,7 @@ function setCredentials(credentials) {
 }
 
 function getApiKey() {
-    return getCredentials().apiKey || '';
+  return getCredentials().apiKey || "";
 }
 
 function setApiKey(apiKey) {
@@ -197,13 +212,30 @@ function setApiKey(apiKey) {
 }
 
 function getGroqApiKey() {
-    return getCredentials().groqApiKey || '';
+  return getCredentials().groqApiKey || "";
 }
 
 function setGroqApiKey(groqApiKey) {
   return setCredentials({ groqApiKey });
 }
 
+function getOpenAICompatibleConfig() {
+  const creds = getCredentials();
+  return {
+    apiKey: creds.openaiCompatibleApiKey || "",
+    baseUrl: creds.openaiCompatibleBaseUrl || "",
+    model: creds.openaiCompatibleModel || "",
+  };
+}
+
+function setOpenAICompatibleConfig(apiKey, baseUrl, model) {
+  return setCredentials({
+    openaiCompatibleApiKey: apiKey,
+    openaiCompatibleBaseUrl: baseUrl,
+    openaiCompatibleModel: model,
+  });
+}
+
 // ============ PREFERENCES ============
 
 function getPreferences() {
@@ -245,7 +277,7 @@ function setLimits(limits) {
 
 function getTodayDateString() {
   const now = new Date();
-    return now.toISOString().split('T')[0]; // YYYY-MM-DD
+  return now.toISOString().split("T")[0]; // YYYY-MM-DD
 }
 
 function getTodayLimits() {
@@ -253,21 +285,21 @@ function getTodayLimits() {
   const today = getTodayDateString();
 
   // Find today's entry
-    const todayEntry = limits.data.find(entry => entry.date === today);
+  const todayEntry = limits.data.find((entry) => entry.date === today);
 
   if (todayEntry) {
     // ensure new fields exist
-        if(!todayEntry.groq) {
+    if (!todayEntry.groq) {
       todayEntry.groq = {
-                'qwen3-32b': { chars: 0, limit: 1500000 },
-                'gpt-oss-120b': { chars: 0, limit: 600000 },
-                'gpt-oss-20b': { chars: 0, limit: 600000 },
-                'kimi-k2-instruct': { chars: 0, limit: 600000 }
+        "qwen3-32b": { chars: 0, limit: 1500000 },
+        "gpt-oss-120b": { chars: 0, limit: 600000 },
+        "gpt-oss-20b": { chars: 0, limit: 600000 },
+        "kimi-k2-instruct": { chars: 0, limit: 600000 },
       };
     }
-        if(!todayEntry.gemini) {
+    if (!todayEntry.gemini) {
       todayEntry.gemini = {
-                'gemma-3-27b-it': { chars: 0 }
+        "gemma-3-27b-it": { chars: 0 },
       };
     }
     setLimits(limits);
@@ -275,20 +307,20 @@ function getTodayLimits() {
   }
 
   // No entry for today - clean old entries and create new one
-    limits.data = limits.data.filter(entry => entry.date === today);
+  limits.data = limits.data.filter((entry) => entry.date === today);
   const newEntry = {
     date: today,
     flash: { count: 0 },
     flashLite: { count: 0 },
     groq: {
-            'qwen3-32b': { chars: 0, limit: 1500000 },
-            'gpt-oss-120b': { chars: 0, limit: 600000 },
-            'gpt-oss-20b': { chars: 0, limit: 600000 },
-            'kimi-k2-instruct': { chars: 0, limit: 600000 }
+      "qwen3-32b": { chars: 0, limit: 1500000 },
+      "gpt-oss-120b": { chars: 0, limit: 600000 },
+      "gpt-oss-20b": { chars: 0, limit: 600000 },
+      "kimi-k2-instruct": { chars: 0, limit: 600000 },
     },
     gemini: {
-            'gemma-3-27b-it': { chars: 0 }
-        }
+      "gemma-3-27b-it": { chars: 0 },
+    },
   };
   limits.data.push(newEntry);
   setLimits(limits);
@@ -301,7 +333,7 @@ function incrementLimitCount(model) {
   const today = getTodayDateString();
 
   // Find or create today's entry
-    let todayEntry = limits.data.find(entry => entry.date === today);
+  let todayEntry = limits.data.find((entry) => entry.date === today);
 
   if (!todayEntry) {
     // Clean old entries and create new one
@@ -309,18 +341,18 @@ function incrementLimitCount(model) {
     todayEntry = {
       date: today,
       flash: { count: 0 },
-            flashLite: { count: 0 }
+      flashLite: { count: 0 },
     };
     limits.data.push(todayEntry);
   } else {
     // Clean old entries, keep only today
-        limits.data = limits.data.filter(entry => entry.date === today);
+    limits.data = limits.data.filter((entry) => entry.date === today);
   }
 
   // Increment the appropriate model count
-    if (model === 'gemini-2.5-flash') {
+  if (model === "gemini-2.5-flash") {
     todayEntry.flash.count++;
-    } else if (model === 'gemini-2.5-flash-lite') {
+  } else if (model === "gemini-2.5-flash-lite") {
     todayEntry.flashLite.count++;
   }
 
@@ -333,9 +365,9 @@ function incrementCharUsage(provider, model, charCount) {
 
   const limits = getLimits();
   const today = getTodayDateString();
-    const todayEntry = limits.data.find(entry => entry.date === today);
+  const todayEntry = limits.data.find((entry) => entry.date === today);
 
-    if(todayEntry[provider] && todayEntry[provider][model]) {
+  if (todayEntry[provider] && todayEntry[provider][model]) {
     todayEntry[provider][model].chars += charCount;
     setLimits(limits);
   }
@@ -349,29 +381,29 @@ function getAvailableModel() {
   // RPD limits: flash = 20, flash-lite = 20
   // After both exhausted, fall back to flash (for paid API users)
   if (todayLimits.flash.count < 20) {
-        return 'gemini-2.5-flash';
+    return "gemini-2.5-flash";
   } else if (todayLimits.flashLite.count < 20) {
-        return 'gemini-2.5-flash-lite';
+    return "gemini-2.5-flash-lite";
   }
 
-    return 'gemini-2.5-flash'; // Default to flash for paid API users
+  return "gemini-2.5-flash"; // Default to flash for paid API users
 }
 
 function getModelForToday() {
   const todayEntry = getTodayLimits();
   const groq = todayEntry.groq;
 
-    if (groq['qwen3-32b'].chars < groq['qwen3-32b'].limit) {
-        return 'qwen/qwen3-32b';
+  if (groq["qwen3-32b"].chars < groq["qwen3-32b"].limit) {
+    return "qwen/qwen3-32b";
   }
-    if (groq['gpt-oss-120b'].chars < groq['gpt-oss-120b'].limit) {
-        return 'openai/gpt-oss-120b';
+  if (groq["gpt-oss-120b"].chars < groq["gpt-oss-120b"].limit) {
+    return "openai/gpt-oss-120b";
   }
-    if (groq['gpt-oss-20b'].chars < groq['gpt-oss-20b'].limit) {
-        return 'openai/gpt-oss-20b';
+  if (groq["gpt-oss-20b"].chars < groq["gpt-oss-20b"].limit) {
+    return "openai/gpt-oss-20b";
   }
-    if (groq['kimi-k2-instruct'].chars < groq['kimi-k2-instruct'].limit) {
-        return 'moonshotai/kimi-k2-instruct';
+  if (groq["kimi-k2-instruct"].chars < groq["kimi-k2-instruct"].limit) {
+    return "moonshotai/kimi-k2-instruct";
   }
 
   // All limits exhausted
@@ -398,8 +430,12 @@ function saveSession(sessionId, data) {
     profile: data.profile || existingSession?.profile || null,
     customPrompt: data.customPrompt || existingSession?.customPrompt || null,
     // Conversation data
-        conversationHistory: data.conversationHistory || existingSession?.conversationHistory || [],
-        screenAnalysisHistory: data.screenAnalysisHistory || existingSession?.screenAnalysisHistory || []
+    conversationHistory:
+      data.conversationHistory || existingSession?.conversationHistory || [],
+    screenAnalysisHistory:
+      data.screenAnalysisHistory ||
+      existingSession?.screenAnalysisHistory ||
+      [],
   };
   return writeJsonFile(sessionPath, sessionData);
 }
@@ -416,17 +452,19 @@ function getAllSessions() {
       return [];
     }
 
-        const files = fs.readdirSync(historyDir)
-            .filter(f => f.endsWith('.json'))
+    const files = fs
+      .readdirSync(historyDir)
+      .filter((f) => f.endsWith(".json"))
       .sort((a, b) => {
         // Sort by timestamp descending (newest first)
-                const tsA = parseInt(a.replace('.json', ''));
-                const tsB = parseInt(b.replace('.json', ''));
+        const tsA = parseInt(a.replace(".json", ""));
+        const tsB = parseInt(b.replace(".json", ""));
         return tsB - tsA;
       });
 
-        return files.map(file => {
-            const sessionId = file.replace('.json', '');
+    return files
+      .map((file) => {
+        const sessionId = file.replace(".json", "");
         const data = readJsonFile(path.join(historyDir, file), null);
         if (data) {
           return {
@@ -436,13 +474,14 @@ function getAllSessions() {
             messageCount: data.conversationHistory?.length || 0,
             screenAnalysisCount: data.screenAnalysisHistory?.length || 0,
             profile: data.profile || null,
-                    customPrompt: data.customPrompt || null
+            customPrompt: data.customPrompt || null,
           };
         }
         return null;
-        }).filter(Boolean);
+      })
+      .filter(Boolean);
   } catch (error) {
-        console.error('Error reading sessions:', error.message);
+    console.error("Error reading sessions:", error.message);
     return [];
   }
 }
@@ -455,7 +494,7 @@ function deleteSession(sessionId) {
       return true;
     }
   } catch (error) {
-        console.error('Error deleting session:', error.message);
+    console.error("Error deleting session:", error.message);
   }
   return false;
 }
@@ -464,14 +503,16 @@ function deleteAllSessions() {
   const historyDir = getHistoryDir();
   try {
     if (fs.existsSync(historyDir)) {
-            const files = fs.readdirSync(historyDir).filter(f => f.endsWith('.json'));
-            files.forEach(file => {
+      const files = fs
+        .readdirSync(historyDir)
+        .filter((f) => f.endsWith(".json"));
+      files.forEach((file) => {
         fs.unlinkSync(path.join(historyDir, file));
       });
     }
     return true;
   } catch (error) {
-        console.error('Error deleting all sessions:', error.message);
+    console.error("Error deleting all sessions:", error.message);
     return false;
   }
 }
@@ -500,6 +541,8 @@ module.exports = {
   setApiKey,
   getGroqApiKey,
   setGroqApiKey,
+  getOpenAICompatibleConfig,
+  setOpenAICompatibleConfig,
 
   // Preferences
   getPreferences,
@@ -527,5 +570,5 @@ module.exports = {
   deleteAllSessions,
 
   // Clear all
-    clearAllData
+  clearAllData,
 };

src/utils/localai.js

@@ -1,17 +1,31 @@
-const { Ollama } = require('ollama');
-const { getSystemPrompt } = require('./prompts');
-const { sendToRenderer, initializeNewSession, saveConversationTurn } = require('./gemini');
+const { Ollama } = require("ollama");
+const { getSystemPrompt } = require("./prompts");
+const {
+  sendToRenderer,
+  initializeNewSession,
+  saveConversationTurn,
+} = require("./gemini");
+const { fork } = require("child_process");
+const path = require("path");
+const { getSystemNode } = require("./nodeDetect");
 
 // ── State ──
 
 let ollamaClient = null;
 let ollamaModel = null;
-let whisperPipeline = null;
+let whisperWorker = null;
 let isWhisperLoading = false;
+let whisperReady = false;
 let localConversationHistory = [];
 let currentSystemPrompt = null;
 let isLocalActive = false;
 
+// Set when we intentionally kill the worker to suppress crash handling
+let whisperShuttingDown = false;
+
+// Pending transcription callback (one at a time)
+let pendingTranscribe = null;
+
 // VAD state
 let isSpeaking = false;
 let speechBuffers = [];
@@ -20,13 +34,32 @@ let speechFrameCount = 0;
 
 // VAD configuration
 const VAD_MODES = {
-    NORMAL: { energyThreshold: 0.01, speechFramesRequired: 3, silenceFramesRequired: 30 },
-    LOW_BITRATE: { energyThreshold: 0.008, speechFramesRequired: 4, silenceFramesRequired: 35 },
-    AGGRESSIVE: { energyThreshold: 0.015, speechFramesRequired: 2, silenceFramesRequired: 20 },
-    VERY_AGGRESSIVE: { energyThreshold: 0.02, speechFramesRequired: 2, silenceFramesRequired: 15 },
+  NORMAL: {
+    energyThreshold: 0.01,
+    speechFramesRequired: 3,
+    silenceFramesRequired: 30,
+  },
+  LOW_BITRATE: {
+    energyThreshold: 0.008,
+    speechFramesRequired: 4,
+    silenceFramesRequired: 35,
+  },
+  AGGRESSIVE: {
+    energyThreshold: 0.015,
+    speechFramesRequired: 2,
+    silenceFramesRequired: 20,
+  },
+  VERY_AGGRESSIVE: {
+    energyThreshold: 0.02,
+    speechFramesRequired: 2,
+    silenceFramesRequired: 15,
+  },
 };
 let vadConfig = VAD_MODES.VERY_AGGRESSIVE;
 
+// Maximum speech buffer size: ~30 seconds at 16kHz, 16-bit mono
+const MAX_SPEECH_BUFFER_BYTES = 16000 * 2 * 30; // 960,000 bytes
+
 // Audio resampling buffer
 let resampleRemainder = Buffer.alloc(0);
 
@@ -47,15 +80,24 @@ function resample24kTo16k(inputBuffer) {
     const frac = srcPos - srcIndex;
 
     const s0 = combined.readInt16LE(srcIndex * 2);
-        const s1 = srcIndex + 1 < inputSamples ? combined.readInt16LE((srcIndex + 1) * 2) : s0;
+    const s1 =
+      srcIndex + 1 < inputSamples
+        ? combined.readInt16LE((srcIndex + 1) * 2)
+        : s0;
     const interpolated = Math.round(s0 + frac * (s1 - s0));
-        outputBuffer.writeInt16LE(Math.max(-32768, Math.min(32767, interpolated)), i * 2);
+    outputBuffer.writeInt16LE(
+      Math.max(-32768, Math.min(32767, interpolated)),
+      i * 2,
+    );
   }
 
   // Store remainder for next call
   const consumedInputSamples = Math.ceil((outputSamples * 3) / 2);
   const remainderStart = consumedInputSamples * 2;
-    resampleRemainder = remainderStart < combined.length ? combined.slice(remainderStart) : Buffer.alloc(0);
+  resampleRemainder =
+    remainderStart < combined.length
+      ? combined.slice(remainderStart)
+      : Buffer.alloc(0);
 
   return outputBuffer;
 }
@@ -84,8 +126,8 @@ function processVAD(pcm16kBuffer) {
     if (!isSpeaking && speechFrameCount >= vadConfig.speechFramesRequired) {
       isSpeaking = true;
       speechBuffers = [];
-            console.log('[LocalAI] Speech started (RMS:', rms.toFixed(4), ')');
-            sendToRenderer('update-status', 'Listening... (speech detected)');
+      console.log("[LocalAI] Speech started (RMS:", rms.toFixed(4), ")");
+      sendToRenderer("update-status", "Listening... (speech detected)");
     }
   } else {
     silenceFrameCount++;
@@ -93,13 +135,23 @@ function processVAD(pcm16kBuffer) {
 
     if (isSpeaking && silenceFrameCount >= vadConfig.silenceFramesRequired) {
       isSpeaking = false;
-            console.log('[LocalAI] Speech ended, accumulated', speechBuffers.length, 'chunks');
-            sendToRenderer('update-status', 'Transcribing...');
+      console.log(
+        "[LocalAI] Speech ended, accumulated",
+        speechBuffers.length,
+        "chunks",
+      );
+      sendToRenderer("update-status", "Transcribing...");
 
       // Trigger transcription with accumulated audio
       const audioData = Buffer.concat(speechBuffers);
       speechBuffers = [];
-            handleSpeechEnd(audioData);
+      handleSpeechEnd(audioData).catch((err) => {
+        console.error("[LocalAI] handleSpeechEnd crashed:", err);
+        sendToRenderer(
+          "update-status",
+          "Transcription error: " + (err?.message || "unknown"),
+        );
+      });
       return;
     }
   }
@@ -107,76 +159,395 @@ function processVAD(pcm16kBuffer) {
   // Accumulate audio during speech
   if (isSpeaking) {
     speechBuffers.push(Buffer.from(pcm16kBuffer));
+
+    // Cap buffer at ~30 seconds to prevent OOM and ONNX tensor overflow
+    const totalBytes = speechBuffers.reduce((sum, b) => sum + b.length, 0);
+    if (totalBytes >= MAX_SPEECH_BUFFER_BYTES) {
+      isSpeaking = false;
+      console.log(
+        "[LocalAI] Speech buffer limit reached (" +
+          totalBytes +
+          " bytes), forcing transcription",
+      );
+      sendToRenderer("update-status", "Transcribing (max length reached)...");
+      const audioData = Buffer.concat(speechBuffers);
+      speechBuffers = [];
+      silenceFrameCount = 0;
+      speechFrameCount = 0;
+      handleSpeechEnd(audioData).catch((err) => {
+        console.error("[LocalAI] handleSpeechEnd crashed:", err);
+        sendToRenderer(
+          "update-status",
+          "Transcription error: " + (err?.message || "unknown"),
+        );
+      });
+    }
   }
 }
 
-// ── Whisper Transcription ──
+// ── Whisper Worker (isolated child process) ──
+
+function spawnWhisperWorker() {
+  if (whisperWorker) return;
+
+  const workerPath = path.join(__dirname, "whisperWorker.js");
+  console.log("[LocalAI] Spawning Whisper worker:", workerPath);
+
+  // Determine the best way to spawn the worker:
+  //   1. System Node.js (preferred) — native addons were compiled against this
+  //      ABI, so onnxruntime-node works without SIGTRAP / ABI mismatches.
+  //   2. Electron utilityProcess (packaged builds) — proper Node.js child
+  //      process API that doesn't require the RunAsNode fuse.
+  //   3. ELECTRON_RUN_AS_NODE (last resort, dev only) — the old approach that
+  //      only works when the RunAsNode fuse isn't flipped.
+
+  const systemNode = getSystemNode();
+
+  if (systemNode) {
+    // Spawn with system Node.js — onnxruntime-node native binary matches ABI
+    console.log("[LocalAI] Using system Node.js:", systemNode.nodePath);
+    whisperWorker = fork(workerPath, [], {
+      stdio: ["pipe", "pipe", "pipe", "ipc"],
+      execPath: systemNode.nodePath,
+      env: {
+        ...process.env,
+        // Unset ELECTRON_RUN_AS_NODE so the system node doesn't inherit it
+        ELECTRON_RUN_AS_NODE: undefined,
+      },
+    });
+  } else {
+    // No system Node.js found — try utilityProcess (Electron >= 22)
+    // utilityProcess.fork() creates a proper child Node.js process without
+    // needing the RunAsNode fuse.  Falls back to ELECTRON_RUN_AS_NODE for
+    // dev mode where fuses aren't applied.
+    try {
+      const { utilityProcess: UP } = require("electron");
+      if (UP && typeof UP.fork === "function") {
+        console.log("[LocalAI] Using Electron utilityProcess");
+        const up = UP.fork(workerPath);
+        // Wrap utilityProcess to look like a ChildProcess for the rest of localai.js
+        whisperWorker = wrapUtilityProcess(up);
+        return;
+      }
+    } catch (_) {
+      // utilityProcess not available (older Electron or renderer context)
+    }
+
+    console.warn(
+      "[LocalAI] No system Node.js — falling back to ELECTRON_RUN_AS_NODE (WASM backend will be used)",
+    );
+    whisperWorker = fork(workerPath, [], {
+      stdio: ["pipe", "pipe", "pipe", "ipc"],
+      env: { ...process.env, ELECTRON_RUN_AS_NODE: "1" },
+    });
+  }
+
+  whisperWorker.stdout.on("data", (data) => {
+    console.log("[WhisperWorker stdout]", data.toString().trim());
+  });
+  whisperWorker.stderr.on("data", (data) => {
+    console.error("[WhisperWorker stderr]", data.toString().trim());
+  });
+
+  whisperWorker.on("message", (msg) => {
+    switch (msg.type) {
+      case "ready":
+        console.log("[LocalAI] Whisper worker ready");
+        break;
+      case "load-result":
+        handleWorkerLoadResult(msg);
+        break;
+      case "transcribe-result":
+        handleWorkerTranscribeResult(msg);
+        break;
+      case "status":
+        sendToRenderer("update-status", msg.message);
+        break;
+      case "progress":
+        sendToRenderer("whisper-progress", {
+          file: msg.file,
+          progress: msg.progress,
+          loaded: msg.loaded,
+          total: msg.total,
+          status: msg.status,
+        });
+        break;
+    }
+  });
+
+  whisperWorker.on("exit", (code, signal) => {
+    console.error(
+      "[LocalAI] Whisper worker exited — code:",
+      code,
+      "signal:",
+      signal,
+    );
+    whisperWorker = null;
+    whisperReady = false;
+
+    // If we intentionally shut down, don't treat as crash
+    if (whisperShuttingDown) {
+      whisperShuttingDown = false;
+      return;
+    }
+
+    // Reject any pending transcription
+    if (pendingTranscribe) {
+      pendingTranscribe.reject(
+        new Error(
+          "Whisper worker crashed (code: " + code + ", signal: " + signal + ")",
+        ),
+      );
+      pendingTranscribe = null;
+    }
+
+    // If session is still active, inform the user and respawn
+    if (isLocalActive) {
+      sendToRenderer(
+        "update-status",
+        "Whisper crashed (signal: " +
+          (signal || code) +
+          "). Respawning worker...",
+      );
+      setTimeout(() => {
+        if (isLocalActive) {
+          respawnWhisperWorker();
+        }
+      }, 2000);
+    }
+  });
+
+  whisperWorker.on("error", (err) => {
+    console.error("[LocalAI] Whisper worker error:", err);
+    whisperWorker = null;
+    whisperReady = false;
+  });
+}
+
+/**
+ * Wrap Electron's utilityProcess to behave like a ChildProcess (duck-typing)
+ * so the rest of localai.js can use the same API.
+ */
+function wrapUtilityProcess(up) {
+  const EventEmitter = require("events");
+  const wrapper = new EventEmitter();
+
+  // Forward messages
+  up.on("message", (msg) => wrapper.emit("message", msg));
+
+  // Map utilityProcess exit to ChildProcess-like exit event
+  up.on("exit", (code) => wrapper.emit("exit", code, null));
+
+  // Provide stdout/stderr stubs (utilityProcess pipes to parent console)
+  const { Readable } = require("stream");
+  wrapper.stdout = new Readable({ read() {} });
+  wrapper.stderr = new Readable({ read() {} });
+
+  wrapper.send = (data) => up.postMessage(data);
+  wrapper.kill = (signal) => up.kill();
+  wrapper.removeAllListeners = () => {
+    up.removeAllListeners();
+    EventEmitter.prototype.removeAllListeners.call(wrapper);
+  };
+
+  // Setup stdout/stderr forwarding
+  wrapper.stdout.on("data", (data) => {
+    console.log("[WhisperWorker stdout]", data.toString().trim());
+  });
+  wrapper.stderr.on("data", (data) => {
+    console.error("[WhisperWorker stderr]", data.toString().trim());
+  });
+
+  return wrapper;
+}
+
+let pendingLoad = null;
+
+function handleWorkerLoadResult(msg) {
+  if (msg.success) {
+    console.log(
+      "[LocalAI] Whisper model loaded successfully (in worker, device:",
+      msg.device || "unknown",
+      ")",
+    );
+    whisperReady = true;
+    sendToRenderer("whisper-downloading", false);
+    isWhisperLoading = false;
+    if (pendingLoad) {
+      pendingLoad.resolve(true);
+      pendingLoad = null;
+    }
+  } else {
+    console.error("[LocalAI] Whisper worker failed to load model:", msg.error);
+    sendToRenderer("whisper-downloading", false);
+    sendToRenderer(
+      "update-status",
+      "Failed to load Whisper model: " + msg.error,
+    );
+    isWhisperLoading = false;
+    if (pendingLoad) {
+      pendingLoad.resolve(false);
+      pendingLoad = null;
+    }
+  }
+}
+
+function handleWorkerTranscribeResult(msg) {
+  if (!pendingTranscribe) return;
+  if (msg.success) {
+    console.log("[LocalAI] Transcription:", msg.text);
+    pendingTranscribe.resolve(msg.text || null);
+  } else {
+    console.error("[LocalAI] Worker transcription error:", msg.error);
+    pendingTranscribe.resolve(null);
+  }
+  pendingTranscribe = null;
+}
+
+function respawnWhisperWorker() {
+  killWhisperWorker();
+  spawnWhisperWorker();
+  const { app } = require("electron");
+  const cacheDir = path.join(app.getPath("userData"), "whisper-models");
+  const modelName =
+    require("../storage").getPreferences().whisperModel ||
+    "Xenova/whisper-small";
+  sendToRenderer("whisper-downloading", true);
+  isWhisperLoading = true;
+  const device = resolveWhisperDevice();
+  whisperWorker.send({ type: "load", modelName, cacheDir, device });
+}
+
+/**
+ * Determine which ONNX backend to use for Whisper inference.
+ * - "cpu"  → onnxruntime-node (fast, native — requires matching ABI)
+ * - "wasm" → onnxruntime-web  (slower but universally compatible)
+ *
+ * When spawned with system Node.js, native CPU backend is safe.
+ * Otherwise default to WASM to prevent native crashes.
+ */
+function resolveWhisperDevice() {
+  const prefs = require("../storage").getPreferences();
+  if (prefs.whisperDevice) return prefs.whisperDevice;
+  // Auto-detect: if we're running with system Node.js, native is safe
+  const systemNode = getSystemNode();
+  return systemNode ? "cpu" : "wasm";
+}
+
+/**
+ * Map the app's BCP-47 language tag (e.g. "en-US", "ru-RU") to the
+ * ISO 639-1 code that Whisper expects (e.g. "en", "ru").
+ * Returns "auto" when the user selected auto-detect, which tells the
+ * worker to let Whisper detect the language itself.
+ */
+function resolveWhisperLanguage() {
+  const prefs = require("../storage").getPreferences();
+  const lang = prefs.selectedLanguage || "en-US";
+  if (lang === "auto") return "auto";
+  // BCP-47: primary subtag is the ISO 639 code
+  // Handle special case: "cmn-CN" → "zh" (Mandarin Chinese → Whisper uses "zh")
+  const primary = lang.split("-")[0].toLowerCase();
+  const WHISPER_LANG_MAP = {
+    cmn: "zh",
+    yue: "zh",
+  };
+  return WHISPER_LANG_MAP[primary] || primary;
+}
+
+function killWhisperWorker() {
+  if (whisperWorker) {
+    whisperShuttingDown = true;
+    try {
+      whisperWorker.removeAllListeners();
+      whisperWorker.kill();
+    } catch (_) {
+      // Already dead
+    }
+    whisperWorker = null;
+    whisperReady = false;
+  }
+}
 
 async function loadWhisperPipeline(modelName) {
-    if (whisperPipeline) return whisperPipeline;
+  if (whisperReady) return true;
   if (isWhisperLoading) return null;
 
   isWhisperLoading = true;
-    console.log('[LocalAI] Loading Whisper model:', modelName);
-    sendToRenderer('whisper-downloading', true);
-    sendToRenderer('update-status', 'Loading Whisper model (first time may take a while)...');
+  console.log("[LocalAI] Loading Whisper model via worker:", modelName);
+  sendToRenderer("whisper-downloading", true);
+  sendToRenderer(
+    "update-status",
+    "Loading Whisper model (first time may take a while)...",
+  );
 
-    try {
-        // Dynamic import for ESM module
-        const { pipeline, env } = await import('@huggingface/transformers');
-        // Cache models outside the asar archive so ONNX runtime can load them
-        const { app } = require('electron');
-        const path = require('path');
-        env.cacheDir = path.join(app.getPath('userData'), 'whisper-models');
-        whisperPipeline = await pipeline('automatic-speech-recognition', modelName, {
-            dtype: 'q8',
-            device: 'auto',
+  spawnWhisperWorker();
+
+  const { app } = require("electron");
+  const cacheDir = path.join(app.getPath("userData"), "whisper-models");
+
+  const device = resolveWhisperDevice();
+  console.log("[LocalAI] Whisper device:", device);
+
+  return new Promise((resolve) => {
+    pendingLoad = { resolve };
+    whisperWorker.send({ type: "load", modelName, cacheDir, device });
   });
-        console.log('[LocalAI] Whisper model loaded successfully');
-        sendToRenderer('whisper-downloading', false);
-        isWhisperLoading = false;
-        return whisperPipeline;
-    } catch (error) {
-        console.error('[LocalAI] Failed to load Whisper model:', error);
-        sendToRenderer('whisper-downloading', false);
-        sendToRenderer('update-status', 'Failed to load Whisper model: ' + error.message);
-        isWhisperLoading = false;
-        return null;
-    }
-}
-
-function pcm16ToFloat32(pcm16Buffer) {
-    const samples = pcm16Buffer.length / 2;
-    const float32 = new Float32Array(samples);
-    for (let i = 0; i < samples; i++) {
-        float32[i] = pcm16Buffer.readInt16LE(i * 2) / 32768;
-    }
-    return float32;
 }
 
 async function transcribeAudio(pcm16kBuffer) {
-    if (!whisperPipeline) {
-        console.error('[LocalAI] Whisper pipeline not loaded');
+  if (!whisperReady || !whisperWorker) {
+    console.error("[LocalAI] Whisper worker not ready");
     return null;
   }
 
+  if (!pcm16kBuffer || pcm16kBuffer.length < 2) {
+    console.error("[LocalAI] Invalid audio buffer:", pcm16kBuffer?.length);
+    return null;
+  }
+
+  console.log(
+    "[LocalAI] Starting transcription, audio length:",
+    pcm16kBuffer.length,
+    "bytes",
+  );
+
+  // Send audio to worker as base64 (IPC serialization)
+  const audioBase64 = pcm16kBuffer.toString("base64");
+
+  return new Promise((resolve, reject) => {
+    // Timeout: if worker takes > 60s, assume it's stuck
+    const timeout = setTimeout(() => {
+      console.error("[LocalAI] Transcription timed out after 60s");
+      if (pendingTranscribe) {
+        pendingTranscribe = null;
+        resolve(null);
+      }
+    }, 60000);
+
+    pendingTranscribe = {
+      resolve: (val) => {
+        clearTimeout(timeout);
+        resolve(val);
+      },
+      reject: (err) => {
+        clearTimeout(timeout);
+        reject(err);
+      },
+    };
+
     try {
-        const float32Audio = pcm16ToFloat32(pcm16kBuffer);
-
-        // Whisper expects audio at 16kHz which is what we have
-        const result = await whisperPipeline(float32Audio, {
-            sampling_rate: 16000,
-            language: 'en',
-            task: 'transcribe',
+      whisperWorker.send({
+        type: "transcribe",
+        audioBase64,
+        language: resolveWhisperLanguage(),
       });
-
-        const text = result.text?.trim();
-        console.log('[LocalAI] Transcription:', text);
-        return text;
-    } catch (error) {
-        console.error('[LocalAI] Transcription error:', error);
-        return null;
+    } catch (err) {
+      clearTimeout(timeout);
+      pendingTranscribe = null;
+      console.error("[LocalAI] Failed to send to worker:", err);
+      resolve(null);
     }
+  });
 }
 
 // ── Speech End Handler ──
@@ -186,35 +557,52 @@ async function handleSpeechEnd(audioData) {
 
   // Minimum audio length check (~0.5 seconds at 16kHz, 16-bit)
   if (audioData.length < 16000) {
-        console.log('[LocalAI] Audio too short, skipping');
-        sendToRenderer('update-status', 'Listening...');
+    console.log("[LocalAI] Audio too short, skipping");
+    sendToRenderer("update-status", "Listening...");
     return;
   }
 
+  console.log("[LocalAI] Processing audio:", audioData.length, "bytes");
+
+  try {
     const transcription = await transcribeAudio(audioData);
 
-    if (!transcription || transcription.trim() === '' || transcription.trim().length < 2) {
-        console.log('[LocalAI] Empty transcription, skipping');
-        sendToRenderer('update-status', 'Listening...');
+    if (
+      !transcription ||
+      transcription.trim() === "" ||
+      transcription.trim().length < 2
+    ) {
+      console.log("[LocalAI] Empty transcription, skipping");
+      sendToRenderer("update-status", "Listening...");
       return;
     }
 
-    sendToRenderer('update-status', 'Generating response...');
+    sendToRenderer("update-status", "Generating response...");
     await sendToOllama(transcription);
+  } catch (error) {
+    console.error("[LocalAI] handleSpeechEnd error:", error);
+    sendToRenderer(
+      "update-status",
+      "Error: " + (error?.message || "transcription failed"),
+    );
+  }
 }
 
 // ── Ollama Chat ──
 
 async function sendToOllama(transcription) {
   if (!ollamaClient || !ollamaModel) {
-        console.error('[LocalAI] Ollama not configured');
+    console.error("[LocalAI] Ollama not configured");
     return;
   }
 
-    console.log('[LocalAI] Sending to Ollama:', transcription.substring(0, 100) + '...');
+  console.log(
+    "[LocalAI] Sending to Ollama:",
+    transcription.substring(0, 100) + "...",
+  );
 
   localConversationHistory.push({
-        role: 'user',
+    role: "user",
     content: transcription.trim(),
   });
 
@@ -225,7 +613,10 @@ async function sendToOllama(transcription) {
 
   try {
     const messages = [
-            { role: 'system', content: currentSystemPrompt || 'You are a helpful assistant.' },
+      {
+        role: "system",
+        content: currentSystemPrompt || "You are a helpful assistant.",
+      },
       ...localConversationHistory,
     ];
 
@@ -235,41 +626,52 @@ async function sendToOllama(transcription) {
       stream: true,
     });
 
-        let fullText = '';
+    let fullText = "";
     let isFirst = true;
 
     for await (const part of response) {
-            const token = part.message?.content || '';
+      const token = part.message?.content || "";
       if (token) {
         fullText += token;
-                sendToRenderer(isFirst ? 'new-response' : 'update-response', fullText);
+        sendToRenderer(isFirst ? "new-response" : "update-response", fullText);
         isFirst = false;
       }
     }
 
     if (fullText.trim()) {
       localConversationHistory.push({
-                role: 'assistant',
+        role: "assistant",
         content: fullText.trim(),
       });
 
       saveConversationTurn(transcription, fullText);
     }
 
-        console.log('[LocalAI] Ollama response completed');
-        sendToRenderer('update-status', 'Listening...');
+    console.log("[LocalAI] Ollama response completed");
+    sendToRenderer("update-status", "Listening...");
   } catch (error) {
-        console.error('[LocalAI] Ollama error:', error);
-        sendToRenderer('update-status', 'Ollama error: ' + error.message);
+    console.error("[LocalAI] Ollama error:", error);
+    sendToRenderer("update-status", "Ollama error: " + error.message);
   }
 }
 
 // ── Public API ──
 
-async function initializeLocalSession(ollamaHost, model, whisperModel, profile, customPrompt) {
-    console.log('[LocalAI] Initializing local session:', { ollamaHost, model, whisperModel, profile });
+async function initializeLocalSession(
+  ollamaHost,
+  model,
+  whisperModel,
+  profile,
+  customPrompt,
+) {
+  console.log("[LocalAI] Initializing local session:", {
+    ollamaHost,
+    model,
+    whisperModel,
+    profile,
+  });
 
-    sendToRenderer('session-initializing', true);
+  sendToRenderer("session-initializing", true);
 
   try {
     // Setup system prompt
@@ -282,18 +684,26 @@ async function initializeLocalSession(ollamaHost, model, whisperModel, profile,
     // Test Ollama connection
     try {
       await ollamaClient.list();
-            console.log('[LocalAI] Ollama connection verified');
+      console.log("[LocalAI] Ollama connection verified");
     } catch (error) {
-            console.error('[LocalAI] Cannot connect to Ollama at', ollamaHost, ':', error.message);
-            sendToRenderer('session-initializing', false);
-            sendToRenderer('update-status', 'Cannot connect to Ollama at ' + ollamaHost);
+      console.error(
+        "[LocalAI] Cannot connect to Ollama at",
+        ollamaHost,
+        ":",
+        error.message,
+      );
+      sendToRenderer("session-initializing", false);
+      sendToRenderer(
+        "update-status",
+        "Cannot connect to Ollama at " + ollamaHost,
+      );
       return false;
     }
 
     // Load Whisper model
     const pipeline = await loadWhisperPipeline(whisperModel);
     if (!pipeline) {
-            sendToRenderer('session-initializing', false);
+      sendToRenderer("session-initializing", false);
       return false;
     }
 
@@ -309,15 +719,15 @@ async function initializeLocalSession(ollamaHost, model, whisperModel, profile,
     initializeNewSession(profile, customPrompt);
 
     isLocalActive = true;
-        sendToRenderer('session-initializing', false);
-        sendToRenderer('update-status', 'Local AI ready - Listening...');
+    sendToRenderer("session-initializing", false);
+    sendToRenderer("update-status", "Local AI ready - Listening...");
 
-        console.log('[LocalAI] Session initialized successfully');
+    console.log("[LocalAI] Session initialized successfully");
     return true;
   } catch (error) {
-        console.error('[LocalAI] Initialization error:', error);
-        sendToRenderer('session-initializing', false);
-        sendToRenderer('update-status', 'Local AI error: ' + error.message);
+    console.error("[LocalAI] Initialization error:", error);
+    sendToRenderer("session-initializing", false);
+    sendToRenderer("update-status", "Local AI error: " + error.message);
     return false;
   }
 }
@@ -333,7 +743,7 @@ function processLocalAudio(monoChunk24k) {
 }
 
 function closeLocalSession() {
-    console.log('[LocalAI] Closing local session');
+  console.log("[LocalAI] Closing local session");
   isLocalActive = false;
   isSpeaking = false;
   speechBuffers = [];
@@ -344,7 +754,8 @@ function closeLocalSession() {
   ollamaClient = null;
   ollamaModel = null;
   currentSystemPrompt = null;
-    // Note: whisperPipeline is kept loaded to avoid reloading on next session
+  // Note: whisperWorker is kept alive to avoid reloading model on next session
+  // To fully clean up, call killWhisperWorker()
 }
 
 function isLocalSessionActive() {
@@ -355,7 +766,7 @@ function isLocalSessionActive() {
 
 async function sendLocalText(text) {
   if (!isLocalActive || !ollamaClient) {
-        return { success: false, error: 'No active local session' };
+    return { success: false, error: "No active local session" };
   }
 
   try {
@@ -368,28 +779,31 @@ async function sendLocalText(text) {
 
 async function sendLocalImage(base64Data, prompt) {
   if (!isLocalActive || !ollamaClient) {
-        return { success: false, error: 'No active local session' };
+    return { success: false, error: "No active local session" };
   }
 
   try {
-        console.log('[LocalAI] Sending image to Ollama');
-        sendToRenderer('update-status', 'Analyzing image...');
+    console.log("[LocalAI] Sending image to Ollama");
+    sendToRenderer("update-status", "Analyzing image...");
 
     const userMessage = {
-            role: 'user',
+      role: "user",
       content: prompt,
       images: [base64Data],
     };
 
     // Store text-only version in history
-        localConversationHistory.push({ role: 'user', content: prompt });
+    localConversationHistory.push({ role: "user", content: prompt });
 
     if (localConversationHistory.length > 20) {
       localConversationHistory = localConversationHistory.slice(-20);
     }
 
     const messages = [
-            { role: 'system', content: currentSystemPrompt || 'You are a helpful assistant.' },
+      {
+        role: "system",
+        content: currentSystemPrompt || "You are a helpful assistant.",
+      },
       ...localConversationHistory.slice(0, -1),
       userMessage,
     ];
@@ -400,29 +814,32 @@ async function sendLocalImage(base64Data, prompt) {
       stream: true,
     });
 
-        let fullText = '';
+    let fullText = "";
     let isFirst = true;
 
     for await (const part of response) {
-            const token = part.message?.content || '';
+      const token = part.message?.content || "";
       if (token) {
         fullText += token;
-                sendToRenderer(isFirst ? 'new-response' : 'update-response', fullText);
+        sendToRenderer(isFirst ? "new-response" : "update-response", fullText);
         isFirst = false;
       }
     }
 
     if (fullText.trim()) {
-            localConversationHistory.push({ role: 'assistant', content: fullText.trim() });
+      localConversationHistory.push({
+        role: "assistant",
+        content: fullText.trim(),
+      });
       saveConversationTurn(prompt, fullText);
     }
 
-        console.log('[LocalAI] Image response completed');
-        sendToRenderer('update-status', 'Listening...');
+    console.log("[LocalAI] Image response completed");
+    sendToRenderer("update-status", "Listening...");
     return { success: true, text: fullText, model: ollamaModel };
   } catch (error) {
-        console.error('[LocalAI] Image error:', error);
-        sendToRenderer('update-status', 'Ollama error: ' + error.message);
+    console.error("[LocalAI] Image error:", error);
+    sendToRenderer("update-status", "Ollama error: " + error.message);
     return { success: false, error: error.message };
   }
 }

src/utils/nodeDetect.js

@@ -0,0 +1,177 @@
+/**
+ * nodeDetect.js — Locate the system Node.js binary.
+ *
+ * When spawning child processes that rely on native addons compiled against the
+ * system Node.js ABI (e.g. onnxruntime-node), we must NOT run them inside
+ * Electron's embedded Node.js runtime — the ABI mismatch causes SIGTRAP /
+ * SIGSEGV crashes.  This module finds the real system `node` binary so we can
+ * pass it as `execPath` to `child_process.fork()`.
+ *
+ * Falls back to `null` when no system Node.js is found, letting the caller
+ * decide on an alternative strategy (e.g. WASM backend).
+ */
+
+const { execSync } = require("child_process");
+const fs = require("fs");
+const path = require("path");
+const os = require("os");
+
+/** Well-known Node.js install locations per platform. */
+const KNOWN_PATHS = {
+  darwin: [
+    "/usr/local/bin/node",
+    "/opt/homebrew/bin/node", // Apple Silicon Homebrew
+    path.join(os.homedir(), ".nvm/versions/node"), // nvm — needs glob
+    path.join(os.homedir(), ".volta/bin/node"), // Volta
+    path.join(os.homedir(), ".fnm/aliases/default/bin/node"), // fnm
+    path.join(os.homedir(), ".mise/shims/node"), // mise (rtx)
+    path.join(os.homedir(), ".asdf/shims/node"), // asdf
+  ],
+  linux: [
+    "/usr/bin/node",
+    "/usr/local/bin/node",
+    path.join(os.homedir(), ".nvm/versions/node"),
+    path.join(os.homedir(), ".volta/bin/node"),
+    path.join(os.homedir(), ".fnm/aliases/default/bin/node"),
+    path.join(os.homedir(), ".mise/shims/node"),
+    path.join(os.homedir(), ".asdf/shims/node"),
+  ],
+  win32: [
+    "C:\\Program Files\\nodejs\\node.exe",
+    "C:\\Program Files (x86)\\nodejs\\node.exe",
+    path.join(os.homedir(), "AppData", "Roaming", "nvm", "current", "node.exe"),
+    path.join(os.homedir(), ".volta", "bin", "node.exe"),
+  ],
+};
+
+/**
+ * Find the latest nvm-installed Node.js binary on macOS / Linux.
+ * Returns the path to the `node` binary or null.
+ */
+function findNvmNode() {
+  const nvmDir = path.join(os.homedir(), ".nvm", "versions", "node");
+  try {
+    if (!fs.existsSync(nvmDir)) return null;
+    const versions = fs.readdirSync(nvmDir).filter((d) => d.startsWith("v"));
+    if (versions.length === 0) return null;
+    // Sort semver descending (rough but sufficient)
+    versions.sort((a, b) => b.localeCompare(a, undefined, { numeric: true }));
+    const nodeBin = path.join(nvmDir, versions[0], "bin", "node");
+    if (fs.existsSync(nodeBin)) return nodeBin;
+  } catch (_) {
+    // Ignore
+  }
+  return null;
+}
+
+/**
+ * Attempt to resolve `node` via the system PATH using `which` (Unix) or
+ * `where` (Windows).  Returns the path string or null.
+ */
+function whichNode() {
+  try {
+    const cmd = process.platform === "win32" ? "where node" : "which node";
+    const result = execSync(cmd, {
+      encoding: "utf8",
+      timeout: 5000,
+      env: {
+        ...process.env,
+        // Ensure common manager shim dirs are on PATH
+        PATH: [
+          process.env.PATH || "",
+          "/usr/local/bin",
+          "/opt/homebrew/bin",
+          path.join(os.homedir(), ".volta", "bin"),
+          path.join(os.homedir(), ".fnm", "aliases", "default", "bin"),
+          path.join(os.homedir(), ".mise", "shims"),
+          path.join(os.homedir(), ".asdf", "shims"),
+        ].join(process.platform === "win32" ? ";" : ":"),
+      },
+      stdio: ["ignore", "pipe", "ignore"],
+    }).trim();
+    // `where` on Windows may return multiple lines — take the first
+    const first = result.split(/\r?\n/)[0].trim();
+    if (first && fs.existsSync(first)) return first;
+  } catch (_) {
+    // Command failed
+  }
+  return null;
+}
+
+/**
+ * Check whether a given path is a real Node.js binary (not the Electron binary
+ * pretending to be Node via ELECTRON_RUN_AS_NODE).
+ */
+function isRealNode(nodePath) {
+  if (!nodePath) return false;
+  try {
+    const out = execSync(
+      `"${nodePath}" -e "process.stdout.write(String(!process.versions.electron))"`,
+      {
+        encoding: "utf8",
+        timeout: 5000,
+        env: { ...process.env, ELECTRON_RUN_AS_NODE: undefined },
+        stdio: ["ignore", "pipe", "ignore"],
+      },
+    ).trim();
+    return out === "true";
+  } catch (_) {
+    return false;
+  }
+}
+
+/**
+ * Find the system Node.js binary.
+ *
+ * @returns {{ nodePath: string } | null}  The absolute path to system `node`,
+ *   or null if none found.  The caller should fall back to WASM when null.
+ */
+function findSystemNode() {
+  // 1. Try `which node` / `where node` first (respects user's PATH / shims)
+  const fromPath = whichNode();
+  if (fromPath && isRealNode(fromPath)) {
+    return { nodePath: fromPath };
+  }
+
+  // 2. Try nvm (has multiple version dirs)
+  const fromNvm = findNvmNode();
+  if (fromNvm && isRealNode(fromNvm)) {
+    return { nodePath: fromNvm };
+  }
+
+  // 3. Walk the well-known paths for the current platform
+  const platform = process.platform;
+  const candidates = KNOWN_PATHS[platform] || KNOWN_PATHS.linux;
+  for (const candidate of candidates) {
+    // Skip the nvm root — already handled above
+    if (candidate.includes(".nvm/versions/node")) continue;
+    if (fs.existsSync(candidate) && isRealNode(candidate)) {
+      return { nodePath: candidate };
+    }
+  }
+
+  return null;
+}
+
+/** Cache so we only search once per process lifetime. */
+let _cached = undefined;
+
+/**
+ * Cached version of `findSystemNode()`.
+ * @returns {{ nodePath: string } | null}
+ */
+function getSystemNode() {
+  if (_cached === undefined) {
+    _cached = findSystemNode();
+    if (_cached) {
+      console.log("[nodeDetect] Found system Node.js:", _cached.nodePath);
+    } else {
+      console.warn(
+        "[nodeDetect] No system Node.js found — will fall back to WASM backend",
+      );
+    }
+  }
+  return _cached;
+}
+
+module.exports = { findSystemNode, getSystemNode, isRealNode };

src/utils/prompts.js

@@ -1,13 +1,37 @@
-const profilePrompts = {
-    interview: {
-        intro: `You are an AI-powered interview assistant, designed to act as a discreet on-screen teleprompter. Your mission is to help the user excel in their job interview by providing concise, impactful, and ready-to-speak answers or key talking points. Analyze the ongoing interview dialogue and, crucially, the 'User-provided context' below.`,
-
-        formatRequirements: `**RESPONSE FORMAT REQUIREMENTS:**
+const responseModeFormats = {
+  brief: `**RESPONSE FORMAT REQUIREMENTS:**
 - Keep responses SHORT and CONCISE (1-3 sentences max)
 - Use **markdown formatting** for better readability
 - Use **bold** for key points and emphasis
 - Use bullet points (-) for lists when appropriate
-- Focus on the most essential information only`,
+- Focus on the most essential information only
+- EXCEPTION: If a coding/algorithm task is detected, ALWAYS provide the complete working code (see CODING TASKS below)`,
+
+  detailed: `**RESPONSE FORMAT REQUIREMENTS:**
+- Provide a THOROUGH and COMPREHENSIVE response with full explanations
+- Use **markdown formatting** for better readability
+- Use **bold** for key points and emphasis
+- Use headers (##) to organize sections when appropriate
+- Use bullet points (-) for lists when appropriate
+- Include relevant context, edge cases, and reasoning
+- For technical topics, explain the "why" behind each point
+- No length restriction — be as detailed as needed to fully answer the question`,
+};
+
+const codingAwareness = `**CODING TASKS — CRITICAL INSTRUCTION:**
+When the interviewer/questioner asks to solve a coding problem, implement an algorithm, debug code, do a live coding exercise, open an IDE and write code, or any task that requires a code solution:
+- You MUST provide the ACTUAL COMPLETE WORKING CODE SOLUTION
+- NEVER respond with meta-advice like "now you should write code" or "prepare to implement" or "think about the approach"
+- NEVER say "open your IDE" or "start coding" — instead, GIVE THE CODE
+- In brief mode: provide 2-3 bullet approach points, then the FULL working code with comments
+- In detailed mode: explain approach, time/space complexity, edge cases, then the FULL working code with comments
+- Include the programming language name in the code fence (e.g. \`\`\`python, \`\`\`javascript)
+- If the language is not specified, default to Python
+- The code must be complete, runnable, and correct`;
+
+const profilePrompts = {
+  interview: {
+    intro: `You are an AI-powered interview assistant, designed to act as a discreet on-screen teleprompter. Your mission is to help the user excel in their job interview by providing concise, impactful, and ready-to-speak answers or key talking points. Analyze the ongoing interview dialogue and, crucially, the 'User-provided context' below.`,
 
     searchUsage: `**SEARCH TOOL USAGE:**
 - If the interviewer mentions **recent events, news, or current trends** (anything from the last 6 months), **ALWAYS use Google search** to get up-to-date information
@@ -39,13 +63,6 @@ Provide only the exact words to say in **markdown format**. No coaching, no "you
   sales: {
     intro: `You are a sales call assistant. Your job is to provide the exact words the salesperson should say to prospects during sales calls. Give direct, ready-to-speak responses that are persuasive and professional.`,
 
-        formatRequirements: `**RESPONSE FORMAT REQUIREMENTS:**
-- Keep responses SHORT and CONCISE (1-3 sentences max)
-- Use **markdown formatting** for better readability
-- Use **bold** for key points and emphasis
-- Use bullet points (-) for lists when appropriate
-- Focus on the most essential information only`,
-
     searchUsage: `**SEARCH TOOL USAGE:**
 - If the prospect mentions **recent industry trends, market changes, or current events**, **ALWAYS use Google search** to get up-to-date information
 - If they reference **competitor information, recent funding news, or market data**, search for the latest information first
@@ -70,13 +87,6 @@ Provide only the exact words to say in **markdown format**. Be persuasive but no
   meeting: {
     intro: `You are a meeting assistant. Your job is to provide the exact words to say during professional meetings, presentations, and discussions. Give direct, ready-to-speak responses that are clear and professional.`,
 
-        formatRequirements: `**RESPONSE FORMAT REQUIREMENTS:**
-- Keep responses SHORT and CONCISE (1-3 sentences max)
-- Use **markdown formatting** for better readability
-- Use **bold** for key points and emphasis
-- Use bullet points (-) for lists when appropriate
-- Focus on the most essential information only`,
-
     searchUsage: `**SEARCH TOOL USAGE:**
 - If participants mention **recent industry news, regulatory changes, or market updates**, **ALWAYS use Google search** for current information
 - If they reference **competitor activities, recent reports, or current statistics**, search for the latest data first
@@ -101,13 +111,6 @@ Provide only the exact words to say in **markdown format**. Be clear, concise, a
   presentation: {
     intro: `You are a presentation coach. Your job is to provide the exact words the presenter should say during presentations, pitches, and public speaking events. Give direct, ready-to-speak responses that are engaging and confident.`,
 
-        formatRequirements: `**RESPONSE FORMAT REQUIREMENTS:**
-- Keep responses SHORT and CONCISE (1-3 sentences max)
-- Use **markdown formatting** for better readability
-- Use **bold** for key points and emphasis
-- Use bullet points (-) for lists when appropriate
-- Focus on the most essential information only`,
-
     searchUsage: `**SEARCH TOOL USAGE:**
 - If the audience asks about **recent market trends, current statistics, or latest industry data**, **ALWAYS use Google search** for up-to-date information
 - If they reference **recent events, new competitors, or current market conditions**, search for the latest information first
@@ -132,13 +135,6 @@ Provide only the exact words to say in **markdown format**. Be confident, engagi
   negotiation: {
     intro: `You are a negotiation assistant. Your job is to provide the exact words to say during business negotiations, contract discussions, and deal-making conversations. Give direct, ready-to-speak responses that are strategic and professional.`,
 
-        formatRequirements: `**RESPONSE FORMAT REQUIREMENTS:**
-- Keep responses SHORT and CONCISE (1-3 sentences max)
-- Use **markdown formatting** for better readability
-- Use **bold** for key points and emphasis
-- Use bullet points (-) for lists when appropriate
-- Focus on the most essential information only`,
-
     searchUsage: `**SEARCH TOOL USAGE:**
 - If they mention **recent market pricing, current industry standards, or competitor offers**, **ALWAYS use Google search** for current benchmarks
 - If they reference **recent legal changes, new regulations, or market conditions**, search for the latest information first
@@ -163,13 +159,6 @@ Provide only the exact words to say in **markdown format**. Focus on finding win
   exam: {
     intro: `You are an exam assistant designed to help students pass tests efficiently. Your role is to provide direct, accurate answers to exam questions with minimal explanation - just enough to confirm the answer is correct.`,
 
-        formatRequirements: `**RESPONSE FORMAT REQUIREMENTS:**
-- Keep responses SHORT and CONCISE (1-2 sentences max)
-- Use **markdown formatting** for better readability
-- Use **bold** for the answer choice/result
-- Focus on the most essential information only
-- Provide only brief justification for correctness`,
-
     searchUsage: `**SEARCH TOOL USAGE:**
 - If the question involves **recent information, current events, or updated facts**, **ALWAYS use Google search** for the latest data
 - If they reference **specific dates, statistics, or factual information** that might be outdated, search for current information
@@ -201,25 +190,57 @@ Provide direct exam answers in **markdown format**. Include the question text, t
   },
 };
 
-function buildSystemPrompt(promptParts, customPrompt = '', googleSearchEnabled = true) {
-    const sections = [promptParts.intro, '\n\n', promptParts.formatRequirements];
+function buildSystemPrompt(
+  promptParts,
+  customPrompt = "",
+  googleSearchEnabled = true,
+  responseMode = "brief",
+) {
+  const formatReqs =
+    responseModeFormats[responseMode] || responseModeFormats.brief;
+  const sections = [
+    promptParts.intro,
+    "\n\n",
+    formatReqs,
+    "\n\n",
+    codingAwareness,
+  ];
 
   // Only add search usage section if Google Search is enabled
   if (googleSearchEnabled) {
-        sections.push('\n\n', promptParts.searchUsage);
+    sections.push("\n\n", promptParts.searchUsage);
   }
 
-    sections.push('\n\n', promptParts.content, '\n\nUser-provided context\n-----\n', customPrompt, '\n-----\n\n', promptParts.outputInstructions);
+  sections.push(
+    "\n\n",
+    promptParts.content,
+    "\n\nUser-provided context\n-----\n",
+    customPrompt,
+    "\n-----\n\n",
+    promptParts.outputInstructions,
+  );
 
-    return sections.join('');
+  return sections.join("");
 }
 
-function getSystemPrompt(profile, customPrompt = '', googleSearchEnabled = true) {
+function getSystemPrompt(
+  profile,
+  customPrompt = "",
+  googleSearchEnabled = true,
+  responseMode = "brief",
+) {
   const promptParts = profilePrompts[profile] || profilePrompts.interview;
-    return buildSystemPrompt(promptParts, customPrompt, googleSearchEnabled);
+  return buildSystemPrompt(
+    promptParts,
+    customPrompt,
+    googleSearchEnabled,
+    responseMode,
+  );
 }
 
 module.exports = {
   profilePrompts,
+  responseModeFormats,
+  codingAwareness,
   getSystemPrompt,
 };

src/utils/whisperWorker.js

@@ -0,0 +1,332 @@
+/**
+ * Whisper Worker — runs ONNX Runtime in an isolated child process.
+ *
+ * The main Electron process forks this file and communicates via IPC messages.
+ * If ONNX Runtime crashes (SIGSEGV/SIGABRT inside the native Metal or CPU
+ * execution provider), only this worker dies — the main process survives and
+ * can respawn the worker automatically.
+ *
+ * Protocol (parent ↔ worker):
+ *   parent → worker:
+ *     { type: 'load',       modelName, cacheDir, device? }
+ *     { type: 'transcribe', audioBase64, language? }  // PCM 16-bit 16kHz as base64
+ *     { type: 'shutdown' }
+ *
+ *   worker → parent:
+ *     { type: 'load-result',       success, error?, device? }
+ *     { type: 'transcribe-result', success, text?, error? }
+ *     { type: 'status',            message }
+ *     { type: 'ready' }
+ */
+
+// ── Crash handlers — report fatal errors before the process dies ──
+
+process.on("uncaughtException", (err) => {
+  try {
+    send({
+      type: "status",
+      message: `[Worker] Uncaught exception: ${err.message || err}`,
+    });
+    console.error("[WhisperWorker] Uncaught exception:", err);
+  } catch (_) {
+    // Cannot communicate with parent anymore
+  }
+  process.exit(1);
+});
+
+process.on("unhandledRejection", (reason) => {
+  try {
+    send({
+      type: "status",
+      message: `[Worker] Unhandled rejection: ${reason?.message || reason}`,
+    });
+    console.error("[WhisperWorker] Unhandled rejection:", reason);
+  } catch (_) {
+    // Cannot communicate with parent anymore
+  }
+  // Don't exit — let it be caught by the pipeline's own handlers
+});
+
+let whisperPipeline = null;
+/** Which ONNX backend is actually active: "cpu" | "wasm" */
+let activeDevice = null;
+
+function pcm16ToFloat32(pcm16Buffer) {
+  if (!pcm16Buffer || pcm16Buffer.length === 0) {
+    return new Float32Array(0);
+  }
+  const alignedLength =
+    pcm16Buffer.length % 2 === 0 ? pcm16Buffer.length : pcm16Buffer.length - 1;
+  const samples = alignedLength / 2;
+  const float32 = new Float32Array(samples);
+  for (let i = 0; i < samples; i++) {
+    float32[i] = pcm16Buffer.readInt16LE(i * 2) / 32768;
+  }
+  return float32;
+}
+
+/**
+ * Load the Whisper model.
+ *
+ * @param {string} modelName   HuggingFace model id, e.g. "Xenova/whisper-small"
+ * @param {string} cacheDir    Directory for cached model files
+ * @param {string} [device]    "cpu" (onnxruntime-node) or "wasm" (onnxruntime-web).
+ *                              When "cpu" is requested we try native first and fall
+ *                              back to "wasm" on failure (ABI mismatch, etc.).
+ */
+async function loadModel(modelName, cacheDir, device = "cpu") {
+  if (whisperPipeline) {
+    send({ type: "load-result", success: true, device: activeDevice });
+    return;
+  }
+
+  try {
+    send({
+      type: "status",
+      message: "Loading Whisper model (first time may take a while)...",
+    });
+
+    // Validate / create cache directory
+    const fs = require("fs");
+    const path = require("path");
+    if (cacheDir) {
+      try {
+        if (!fs.existsSync(cacheDir)) {
+          fs.mkdirSync(cacheDir, { recursive: true });
+          console.log("[WhisperWorker] Created cache directory:", cacheDir);
+        }
+      } catch (mkdirErr) {
+        console.warn(
+          "[WhisperWorker] Cannot create cache dir:",
+          mkdirErr.message,
+        );
+      }
+
+      // Check for corrupted partial downloads — if an onnx file exists but
+      // is suspiciously small (< 1 KB), delete it so the library re-downloads.
+      try {
+        const modelDir = path.join(cacheDir, modelName.replace("/", path.sep));
+        if (fs.existsSync(modelDir)) {
+          const walk = (dir) => {
+            for (const entry of fs.readdirSync(dir, { withFileTypes: true })) {
+              const full = path.join(dir, entry.name);
+              if (entry.isDirectory()) {
+                walk(full);
+              } else if (
+                entry.name.endsWith(".onnx") &&
+                fs.statSync(full).size < 1024
+              ) {
+                console.warn(
+                  "[WhisperWorker] Removing likely-corrupt file:",
+                  full,
+                );
+                fs.unlinkSync(full);
+              }
+            }
+          };
+          walk(modelDir);
+        }
+      } catch (cleanErr) {
+        console.warn("[WhisperWorker] Cache cleanup error:", cleanErr.message);
+      }
+    }
+
+    const { pipeline, env } = await import("@huggingface/transformers");
+    env.cacheDir = cacheDir;
+
+    // Attempt to load with the requested device
+    const devicesToTry = device === "wasm" ? ["wasm"] : ["cpu", "wasm"];
+
+    let lastError = null;
+
+    for (const dev of devicesToTry) {
+      try {
+        send({
+          type: "status",
+          message: `Loading Whisper (${dev} backend)...`,
+        });
+        console.log(
+          `[WhisperWorker] Trying device: ${dev}, model: ${modelName}`,
+        );
+
+        whisperPipeline = await pipeline(
+          "automatic-speech-recognition",
+          modelName,
+          {
+            dtype: "q8",
+            device: dev,
+            progress_callback: (progress) => {
+              // progress: { status, name?, file?, progress?, loaded?, total? }
+              if (
+                progress.status === "download" ||
+                progress.status === "progress"
+              ) {
+                send({
+                  type: "progress",
+                  file: progress.file || progress.name || "",
+                  progress: progress.progress ?? 0,
+                  loaded: progress.loaded ?? 0,
+                  total: progress.total ?? 0,
+                  status: progress.status,
+                });
+              } else if (progress.status === "done") {
+                send({
+                  type: "progress",
+                  file: progress.file || progress.name || "",
+                  progress: 100,
+                  loaded: progress.total ?? 0,
+                  total: progress.total ?? 0,
+                  status: "done",
+                });
+              } else if (progress.status === "initiate") {
+                send({
+                  type: "progress",
+                  file: progress.file || progress.name || "",
+                  progress: 0,
+                  loaded: 0,
+                  total: 0,
+                  status: "initiate",
+                });
+              }
+            },
+          },
+        );
+
+        activeDevice = dev;
+        console.log(
+          `[WhisperWorker] Model loaded successfully (device: ${dev})`,
+        );
+        send({ type: "load-result", success: true, device: dev });
+        return;
+      } catch (err) {
+        lastError = err;
+        console.error(
+          `[WhisperWorker] Failed to load with device "${dev}":`,
+          err.message || err,
+        );
+
+        if (dev === "cpu" && devicesToTry.includes("wasm")) {
+          send({
+            type: "status",
+            message: `Native CPU backend failed (${err.message}). Trying WASM fallback...`,
+          });
+        }
+
+        // Reset pipeline state before retry
+        whisperPipeline = null;
+      }
+    }
+
+    // All devices failed
+    throw lastError || new Error("All ONNX backends failed");
+  } catch (error) {
+    send({ type: "load-result", success: false, error: error.message });
+  }
+}
+
+async function transcribe(audioBase64, language) {
+  if (!whisperPipeline) {
+    send({
+      type: "transcribe-result",
+      success: false,
+      error: "Whisper pipeline not loaded",
+    });
+    return;
+  }
+
+  try {
+    const pcm16Buffer = Buffer.from(audioBase64, "base64");
+
+    if (pcm16Buffer.length < 2) {
+      send({
+        type: "transcribe-result",
+        success: false,
+        error: "Audio buffer too small",
+      });
+      return;
+    }
+
+    // Cap at ~30 seconds (16kHz, 16-bit mono)
+    const maxBytes = 16000 * 2 * 30;
+    const audioData =
+      pcm16Buffer.length > maxBytes
+        ? pcm16Buffer.slice(0, maxBytes)
+        : pcm16Buffer;
+
+    const float32Audio = pcm16ToFloat32(audioData);
+    if (float32Audio.length === 0) {
+      send({
+        type: "transcribe-result",
+        success: false,
+        error: "Empty audio after conversion",
+      });
+      return;
+    }
+
+    // Build pipeline options with the requested language
+    const pipelineOpts = {
+      sampling_rate: 16000,
+      task: "transcribe",
+    };
+    if (language && language !== "auto") {
+      pipelineOpts.language = language;
+    }
+
+    const result = await whisperPipeline(float32Audio, pipelineOpts);
+
+    const text = result.text?.trim() || "";
+    send({ type: "transcribe-result", success: true, text });
+  } catch (error) {
+    send({
+      type: "transcribe-result",
+      success: false,
+      error: error.message || String(error),
+    });
+  }
+}
+
+function send(msg) {
+  try {
+    if (process.send) {
+      process.send(msg);
+    }
+  } catch (_) {
+    // Parent may have disconnected
+  }
+}
+
+process.on("message", (msg) => {
+  switch (msg.type) {
+    case "load":
+      loadModel(msg.modelName, msg.cacheDir, msg.device).catch((err) => {
+        send({ type: "load-result", success: false, error: err.message });
+      });
+      break;
+    case "transcribe":
+      transcribe(msg.audioBase64, msg.language).catch((err) => {
+        send({ type: "transcribe-result", success: false, error: err.message });
+      });
+      break;
+    case "shutdown":
+      // Dispose the ONNX session gracefully before exiting to avoid
+      // native cleanup race conditions (SIGABRT on mutex destroy).
+      (async () => {
+        if (whisperPipeline) {
+          try {
+            if (typeof whisperPipeline.dispose === "function") {
+              await whisperPipeline.dispose();
+            }
+          } catch (_) {
+            // Best-effort cleanup
+          }
+          whisperPipeline = null;
+        }
+        // Small delay to let native threads wind down
+        setTimeout(() => process.exit(0), 200);
+      })();
+      break;
+  }
+});
+
+// Signal readiness to parent
+send({ type: "ready" });

src/utils/window.js

@@ -1,6 +1,6 @@
-const { BrowserWindow, globalShortcut, ipcMain, screen } = require('electron');
-const path = require('node:path');
-const storage = require('../storage');
+const { BrowserWindow, globalShortcut, ipcMain, screen } = require("electron");
+const path = require("node:path");
+const storage = require("../storage");
 
 let mouseEventsIgnored = false;
 
@@ -20,21 +20,21 @@ function createWindow(sendToRenderer, geminiSessionRef) {
       nodeIntegration: true,
       contextIsolation: false, // TODO: change to true
       backgroundThrottling: false,
-            enableBlinkFeatures: 'GetDisplayMedia',
+      enableBlinkFeatures: "GetDisplayMedia",
       webSecurity: true,
       allowRunningInsecureContent: false,
     },
-        backgroundColor: '#00000000',
+    backgroundColor: "#00000000",
   });
 
-    const { session, desktopCapturer } = require('electron');
+  const { session, desktopCapturer } = require("electron");
   session.defaultSession.setDisplayMediaRequestHandler(
     (request, callback) => {
-            desktopCapturer.getSources({ types: ['screen'] }).then(sources => {
-                callback({ video: sources[0], audio: 'loopback' });
+      desktopCapturer.getSources({ types: ["screen"] }).then((sources) => {
+        callback({ video: sources[0], audio: "loopback" });
       });
     },
-        { useSystemPicker: true }
+    { useSystemPicker: true },
   );
 
   mainWindow.setResizable(false);
@@ -42,20 +42,20 @@ function createWindow(sendToRenderer, geminiSessionRef) {
   mainWindow.setVisibleOnAllWorkspaces(true, { visibleOnFullScreen: true });
 
   // Hide from Windows taskbar
-    if (process.platform === 'win32') {
+  if (process.platform === "win32") {
     try {
       mainWindow.setSkipTaskbar(true);
     } catch (error) {
-            console.warn('Could not hide from taskbar:', error.message);
+      console.warn("Could not hide from taskbar:", error.message);
     }
   }
 
   // Hide from Mission Control on macOS
-    if (process.platform === 'darwin') {
+  if (process.platform === "darwin") {
     try {
       mainWindow.setHiddenInMissionControl(true);
     } catch (error) {
-            console.warn('Could not hide from Mission Control:', error.message);
+      console.warn("Could not hide from Mission Control:", error.message);
     }
   }
 
@@ -66,14 +66,14 @@ function createWindow(sendToRenderer, geminiSessionRef) {
   const y = 0;
   mainWindow.setPosition(x, y);
 
-    if (process.platform === 'win32') {
-        mainWindow.setAlwaysOnTop(true, 'screen-saver', 1);
+  if (process.platform === "win32") {
+    mainWindow.setAlwaysOnTop(true, "screen-saver", 1);
   }
 
-    mainWindow.loadFile(path.join(__dirname, '../index.html'));
+  mainWindow.loadFile(path.join(__dirname, "../index.html"));
 
   // After window is created, initialize keybinds
-    mainWindow.webContents.once('dom-ready', () => {
+  mainWindow.webContents.once("dom-ready", () => {
     setTimeout(() => {
       const defaultKeybinds = getDefaultKeybinds();
       let keybinds = defaultKeybinds;
@@ -84,7 +84,12 @@ function createWindow(sendToRenderer, geminiSessionRef) {
         keybinds = { ...defaultKeybinds, ...savedKeybinds };
       }
 
-            updateGlobalShortcuts(keybinds, mainWindow, sendToRenderer, geminiSessionRef);
+      updateGlobalShortcuts(
+        keybinds,
+        mainWindow,
+        sendToRenderer,
+        geminiSessionRef,
+      );
     }, 150);
   });
 
@@ -94,25 +99,31 @@ function createWindow(sendToRenderer, geminiSessionRef) {
 }
 
 function getDefaultKeybinds() {
-    const isMac = process.platform === 'darwin';
+  const isMac = process.platform === "darwin";
   return {
-        moveUp: isMac ? 'Alt+Up' : 'Ctrl+Up',
-        moveDown: isMac ? 'Alt+Down' : 'Ctrl+Down',
-        moveLeft: isMac ? 'Alt+Left' : 'Ctrl+Left',
-        moveRight: isMac ? 'Alt+Right' : 'Ctrl+Right',
-        toggleVisibility: isMac ? 'Cmd+\\' : 'Ctrl+\\',
-        toggleClickThrough: isMac ? 'Cmd+M' : 'Ctrl+M',
-        nextStep: isMac ? 'Cmd+Enter' : 'Ctrl+Enter',
-        previousResponse: isMac ? 'Cmd+[' : 'Ctrl+[',
-        nextResponse: isMac ? 'Cmd+]' : 'Ctrl+]',
-        scrollUp: isMac ? 'Cmd+Shift+Up' : 'Ctrl+Shift+Up',
-        scrollDown: isMac ? 'Cmd+Shift+Down' : 'Ctrl+Shift+Down',
-        emergencyErase: isMac ? 'Cmd+Shift+E' : 'Ctrl+Shift+E',
+    moveUp: isMac ? "Alt+Up" : "Ctrl+Up",
+    moveDown: isMac ? "Alt+Down" : "Ctrl+Down",
+    moveLeft: isMac ? "Alt+Left" : "Ctrl+Left",
+    moveRight: isMac ? "Alt+Right" : "Ctrl+Right",
+    toggleVisibility: isMac ? "Cmd+\\" : "Ctrl+\\",
+    toggleClickThrough: isMac ? "Cmd+M" : "Ctrl+M",
+    nextStep: isMac ? "Cmd+Enter" : "Ctrl+Enter",
+    previousResponse: isMac ? "Cmd+[" : "Ctrl+[",
+    nextResponse: isMac ? "Cmd+]" : "Ctrl+]",
+    scrollUp: isMac ? "Cmd+Shift+Up" : "Ctrl+Shift+Up",
+    scrollDown: isMac ? "Cmd+Shift+Down" : "Ctrl+Shift+Down",
+    expandResponse: isMac ? "Cmd+E" : "Ctrl+E",
+    emergencyErase: isMac ? "Cmd+Shift+E" : "Ctrl+Shift+E",
   };
 }
 
-function updateGlobalShortcuts(keybinds, mainWindow, sendToRenderer, geminiSessionRef) {
-    console.log('Updating global shortcuts with:', keybinds);
+function updateGlobalShortcuts(
+  keybinds,
+  mainWindow,
+  sendToRenderer,
+  geminiSessionRef,
+) {
+  console.log("Updating global shortcuts with:", keybinds);
 
   // Unregister all existing shortcuts
   globalShortcut.unregisterAll();
@@ -146,7 +157,7 @@ function updateGlobalShortcuts(keybinds, mainWindow, sendToRenderer, geminiSessi
   };
 
   // Register each movement shortcut
-    Object.keys(movementActions).forEach(action => {
+  Object.keys(movementActions).forEach((action) => {
     const keybind = keybinds[action];
     if (keybind) {
       try {
@@ -170,7 +181,10 @@ function updateGlobalShortcuts(keybinds, mainWindow, sendToRenderer, geminiSessi
       });
       console.log(`Registered toggleVisibility: ${keybinds.toggleVisibility}`);
     } catch (error) {
-            console.error(`Failed to register toggleVisibility (${keybinds.toggleVisibility}):`, error);
+      console.error(
+        `Failed to register toggleVisibility (${keybinds.toggleVisibility}):`,
+        error,
+      );
     }
   }
 
@@ -181,16 +195,24 @@ function updateGlobalShortcuts(keybinds, mainWindow, sendToRenderer, geminiSessi
         mouseEventsIgnored = !mouseEventsIgnored;
         if (mouseEventsIgnored) {
           mainWindow.setIgnoreMouseEvents(true, { forward: true });
-                    console.log('Mouse events ignored');
+          console.log("Mouse events ignored");
         } else {
           mainWindow.setIgnoreMouseEvents(false);
-                    console.log('Mouse events enabled');
+          console.log("Mouse events enabled");
         }
-                mainWindow.webContents.send('click-through-toggled', mouseEventsIgnored);
+        mainWindow.webContents.send(
+          "click-through-toggled",
+          mouseEventsIgnored,
+        );
       });
-            console.log(`Registered toggleClickThrough: ${keybinds.toggleClickThrough}`);
+      console.log(
+        `Registered toggleClickThrough: ${keybinds.toggleClickThrough}`,
+      );
     } catch (error) {
-            console.error(`Failed to register toggleClickThrough (${keybinds.toggleClickThrough}):`, error);
+      console.error(
+        `Failed to register toggleClickThrough (${keybinds.toggleClickThrough}):`,
+        error,
+      );
     }
   }
 
@@ -198,23 +220,26 @@ function updateGlobalShortcuts(keybinds, mainWindow, sendToRenderer, geminiSessi
   if (keybinds.nextStep) {
     try {
       globalShortcut.register(keybinds.nextStep, async () => {
-                console.log('Next step shortcut triggered');
+        console.log("Next step shortcut triggered");
         try {
           // Determine the shortcut key format
-                    const isMac = process.platform === 'darwin';
-                    const shortcutKey = isMac ? 'cmd+enter' : 'ctrl+enter';
+          const isMac = process.platform === "darwin";
+          const shortcutKey = isMac ? "cmd+enter" : "ctrl+enter";
 
           // Use the new handleShortcut function
           mainWindow.webContents.executeJavaScript(`
                         cheatingDaddy.handleShortcut('${shortcutKey}');
                     `);
         } catch (error) {
-                    console.error('Error handling next step shortcut:', error);
+          console.error("Error handling next step shortcut:", error);
         }
       });
       console.log(`Registered nextStep: ${keybinds.nextStep}`);
     } catch (error) {
-            console.error(`Failed to register nextStep (${keybinds.nextStep}):`, error);
+      console.error(
+        `Failed to register nextStep (${keybinds.nextStep}):`,
+        error,
+      );
     }
   }
 
@@ -222,12 +247,15 @@ function updateGlobalShortcuts(keybinds, mainWindow, sendToRenderer, geminiSessi
   if (keybinds.previousResponse) {
     try {
       globalShortcut.register(keybinds.previousResponse, () => {
-                console.log('Previous response shortcut triggered');
-                sendToRenderer('navigate-previous-response');
+        console.log("Previous response shortcut triggered");
+        sendToRenderer("navigate-previous-response");
       });
       console.log(`Registered previousResponse: ${keybinds.previousResponse}`);
     } catch (error) {
-            console.error(`Failed to register previousResponse (${keybinds.previousResponse}):`, error);
+      console.error(
+        `Failed to register previousResponse (${keybinds.previousResponse}):`,
+        error,
+      );
     }
   }
 
@@ -235,12 +263,15 @@ function updateGlobalShortcuts(keybinds, mainWindow, sendToRenderer, geminiSessi
   if (keybinds.nextResponse) {
     try {
       globalShortcut.register(keybinds.nextResponse, () => {
-                console.log('Next response shortcut triggered');
-                sendToRenderer('navigate-next-response');
+        console.log("Next response shortcut triggered");
+        sendToRenderer("navigate-next-response");
       });
       console.log(`Registered nextResponse: ${keybinds.nextResponse}`);
     } catch (error) {
-            console.error(`Failed to register nextResponse (${keybinds.nextResponse}):`, error);
+      console.error(
+        `Failed to register nextResponse (${keybinds.nextResponse}):`,
+        error,
+      );
     }
   }
 
@@ -248,12 +279,15 @@ function updateGlobalShortcuts(keybinds, mainWindow, sendToRenderer, geminiSessi
   if (keybinds.scrollUp) {
     try {
       globalShortcut.register(keybinds.scrollUp, () => {
-                console.log('Scroll up shortcut triggered');
-                sendToRenderer('scroll-response-up');
+        console.log("Scroll up shortcut triggered");
+        sendToRenderer("scroll-response-up");
       });
       console.log(`Registered scrollUp: ${keybinds.scrollUp}`);
     } catch (error) {
-            console.error(`Failed to register scrollUp (${keybinds.scrollUp}):`, error);
+      console.error(
+        `Failed to register scrollUp (${keybinds.scrollUp}):`,
+        error,
+      );
     }
   }
 
@@ -261,12 +295,31 @@ function updateGlobalShortcuts(keybinds, mainWindow, sendToRenderer, geminiSessi
   if (keybinds.scrollDown) {
     try {
       globalShortcut.register(keybinds.scrollDown, () => {
-                console.log('Scroll down shortcut triggered');
-                sendToRenderer('scroll-response-down');
+        console.log("Scroll down shortcut triggered");
+        sendToRenderer("scroll-response-down");
       });
       console.log(`Registered scrollDown: ${keybinds.scrollDown}`);
     } catch (error) {
-            console.error(`Failed to register scrollDown (${keybinds.scrollDown}):`, error);
+      console.error(
+        `Failed to register scrollDown (${keybinds.scrollDown}):`,
+        error,
+      );
+    }
+  }
+
+  // Register expand response shortcut
+  if (keybinds.expandResponse) {
+    try {
+      globalShortcut.register(keybinds.expandResponse, () => {
+        console.log("Expand response shortcut triggered");
+        sendToRenderer("expand-response");
+      });
+      console.log(`Registered expandResponse: ${keybinds.expandResponse}`);
+    } catch (error) {
+      console.error(
+        `Failed to register expandResponse (${keybinds.expandResponse}):`,
+        error,
+      );
     }
   }
 
@@ -274,7 +327,7 @@ function updateGlobalShortcuts(keybinds, mainWindow, sendToRenderer, geminiSessi
   if (keybinds.emergencyErase) {
     try {
       globalShortcut.register(keybinds.emergencyErase, () => {
-                console.log('Emergency Erase triggered!');
+        console.log("Emergency Erase triggered!");
         if (mainWindow && !mainWindow.isDestroyed()) {
           mainWindow.hide();
 
@@ -283,28 +336,31 @@ function updateGlobalShortcuts(keybinds, mainWindow, sendToRenderer, geminiSessi
             geminiSessionRef.current = null;
           }
 
-                    sendToRenderer('clear-sensitive-data');
+          sendToRenderer("clear-sensitive-data");
 
           setTimeout(() => {
-                        const { app } = require('electron');
+            const { app } = require("electron");
             app.quit();
           }, 300);
         }
       });
       console.log(`Registered emergencyErase: ${keybinds.emergencyErase}`);
     } catch (error) {
-            console.error(`Failed to register emergencyErase (${keybinds.emergencyErase}):`, error);
+      console.error(
+        `Failed to register emergencyErase (${keybinds.emergencyErase}):`,
+        error,
+      );
     }
   }
 }
 
 function setupWindowIpcHandlers(mainWindow, sendToRenderer, geminiSessionRef) {
-    ipcMain.on('view-changed', (event, view) => {
+  ipcMain.on("view-changed", (event, view) => {
     if (!mainWindow.isDestroyed()) {
       const primaryDisplay = screen.getPrimaryDisplay();
       const { width: screenWidth } = primaryDisplay.workAreaSize;
 
-            if (view === 'assistant') {
+      if (view === "assistant") {
         // Shrink window for live view
         const liveWidth = 850;
         const liveHeight = 400;
@@ -323,22 +379,27 @@ function setupWindowIpcHandlers(mainWindow, sendToRenderer, geminiSessionRef) {
     }
   });
 
-    ipcMain.handle('window-minimize', () => {
+  ipcMain.handle("window-minimize", () => {
     if (!mainWindow.isDestroyed()) {
       mainWindow.minimize();
     }
   });
 
-    ipcMain.on('update-keybinds', (event, newKeybinds) => {
+  ipcMain.on("update-keybinds", (event, newKeybinds) => {
     if (!mainWindow.isDestroyed()) {
-            updateGlobalShortcuts(newKeybinds, mainWindow, sendToRenderer, geminiSessionRef);
+      updateGlobalShortcuts(
+        newKeybinds,
+        mainWindow,
+        sendToRenderer,
+        geminiSessionRef,
+      );
     }
   });
 
-    ipcMain.handle('toggle-window-visibility', async event => {
+  ipcMain.handle("toggle-window-visibility", async (event) => {
     try {
       if (mainWindow.isDestroyed()) {
-                return { success: false, error: 'Window has been destroyed' };
+        return { success: false, error: "Window has been destroyed" };
       }
 
       if (mainWindow.isVisible()) {
@@ -348,12 +409,12 @@ function setupWindowIpcHandlers(mainWindow, sendToRenderer, geminiSessionRef) {
       }
       return { success: true };
     } catch (error) {
-            console.error('Error toggling window visibility:', error);
+      console.error("Error toggling window visibility:", error);
       return { success: false, error: error.message };
     }
   });
 
-    ipcMain.handle('update-sizes', async event => {
+  ipcMain.handle("update-sizes", async (event) => {
     // With the sidebar layout, the window size is user-controlled.
     // This handler is kept for compatibility but is a no-op now.
     return { success: true };