configurable themes

Author: built-by-as

index.html

@@ -19,6 +19,7 @@
       <div class="sidebar">
         <div class="sidebar-header">
           <h1 class="sidebar-title">FleetCode</h1>
+          <button id="open-settings" class="settings-btn" title="Settings">⚙️</button>
         </div>
 
         <div class="sidebar-content">
@@ -169,6 +170,57 @@ <h2 class="modal-title">Add MCP Server</h2>
       </div>
     </div>
 
+    <!-- Settings Modal -->
+    <div id="settings-modal" class="modal-overlay hidden">
+      <div class="modal">
+        <h2 class="modal-title">Terminal Settings</h2>
+
+        <div class="form-group">
+          <label class="form-label">Theme</label>
+          <select id="settings-theme" class="form-select">
+            <option value="macos-light">macOS Terminal (Light)</option>
+            <option value="macos-dark">macOS Terminal (Dark)</option>
+            <option value="solarized-dark">Solarized Dark</option>
+            <option value="dracula">Dracula</option>
+            <option value="one-dark">One Dark</option>
+            <option value="github-dark">GitHub Dark</option>
+          </select>
+        </div>
+
+        <div class="form-group">
+          <label class="form-label">Font Family</label>
+          <select id="settings-font-family" class="form-select">
+            <option value="Menlo, Monaco, 'Courier New', monospace">Menlo</option>
+            <option value="'SF Mono', Monaco, 'Courier New', monospace">SF Mono</option>
+            <option value="Monaco, 'Courier New', monospace">Monaco</option>
+            <option value="'Courier New', Courier, monospace">Courier New</option>
+            <option value="'Source Code Pro', monospace">Source Code Pro</option>
+            <option value="'Fira Code', monospace">Fira Code</option>
+            <option value="'JetBrains Mono', monospace">JetBrains Mono</option>
+            <option value="Consolas, monospace">Consolas</option>
+          </select>
+        </div>
+
+        <div class="form-group">
+          <label class="form-label">Font Size</label>
+          <input type="number" id="settings-font-size" class="form-input" min="8" max="32" placeholder="11" />
+        </div>
+
+        <div class="form-group">
+          <label class="flex items-center space-x-2 cursor-pointer">
+            <input type="checkbox" id="settings-cursor-blink" class="form-checkbox" />
+            <span class="text-sm text-gray-300">Cursor Blink</span>
+          </label>
+        </div>
+
+        <div class="btn-group">
+          <button id="cancel-settings" class="btn-secondary">Cancel</button>
+          <button id="reset-settings" class="btn-secondary">Reset to Default</button>
+          <button id="save-settings" class="btn-primary">Save</button>
+        </div>
+      </div>
+    </div>
+
     <script>
       require('./dist/renderer.js');
     </script>

main.ts

@@ -212,7 +212,10 @@ ipcMain.on("create-session", async (event, config: SessionConfig) => {
     let dataBuffer = "";
 
     ptyProcess.onData((data) => {
-      mainWindow.webContents.send("session-output", sessionId, data);
+      // Only send data if window still exists and is not destroyed
+      if (mainWindow && !mainWindow.isDestroyed()) {
+        mainWindow.webContents.send("session-output", sessionId, data);
+      }
 
       // Detect when terminal is ready
       if (!terminalReady) {
@@ -309,7 +312,10 @@ ipcMain.on("reopen-session", (event, sessionId: string) => {
   let dataBuffer = "";
 
   ptyProcess.onData((data) => {
-    mainWindow.webContents.send("session-output", sessionId, data);
+    // Only send data if window still exists and is not destroyed
+    if (mainWindow && !mainWindow.isDestroyed()) {
+      mainWindow.webContents.send("session-output", sessionId, data);
+    }
 
     // Detect when terminal is ready and auto-run agent
     if (!terminalReady) {
@@ -389,6 +395,15 @@ ipcMain.on("rename-session", (_event, sessionId: string, newName: string) => {
   }
 });
 
+// Terminal settings handlers
+ipcMain.handle("get-terminal-settings", () => {
+  return (store as any).get("terminalSettings");
+});
+
+ipcMain.handle("save-terminal-settings", (_event, settings: any) => {
+  (store as any).set("terminalSettings", settings);
+});
+
 // MCP Server management functions
 async function listMcpServers() {
   try {
@@ -529,6 +544,19 @@ const createWindow = () => {
     const sessions = getPersistedSessions();
     mainWindow.webContents.send("load-persisted-sessions", sessions);
   });
+
+  // Clean up PTY processes when window is closed
+  mainWindow.on("closed", () => {
+    // Kill all active PTY processes
+    activePtyProcesses.forEach((ptyProcess, sessionId) => {
+      try {
+        ptyProcess.kill();
+      } catch (error) {
+        console.error(`Error killing PTY for session ${sessionId}:`, error);
+      }
+    });
+    activePtyProcesses.clear();
+  });
 };
 
 app.whenReady().then(() => {