session config

Author: built-by-as

index.html

@@ -45,6 +45,41 @@ <h1 class="sidebar-title">FleetCode</h1>
       </div>
     </div>
 
+    <!-- Session Configuration Modal -->
+    <div id="config-modal" class="modal-overlay hidden">
+      <div class="modal">
+        <h2 class="modal-title">New Session Configuration</h2>
+
+        <div class="form-group">
+          <label class="form-label">Project Directory</label>
+          <div class="directory-input-group">
+            <input type="text" id="project-dir" class="form-input" readonly placeholder="Select a directory..." />
+            <button id="browse-dir" class="btn-icon">Browse</button>
+          </div>
+        </div>
+
+        <div class="form-group">
+          <label class="form-label">Parent Branch</label>
+          <select id="parent-branch" class="form-select">
+            <option value="">Loading branches...</option>
+          </select>
+        </div>
+
+        <div class="form-group">
+          <label class="form-label">Coding Agent</label>
+          <select id="coding-agent" class="form-select">
+            <option value="claude">Claude</option>
+            <option value="codex">Codex</option>
+          </select>
+        </div>
+
+        <div class="btn-group">
+          <button id="cancel-session" class="btn-secondary">Cancel</button>
+          <button id="create-session" class="btn-primary">Create Session</button>
+        </div>
+      </div>
+    </div>
+
     <script>
       require('./dist/renderer.js');
     </script>

main.ts

@@ -1,20 +1,54 @@
-import { app, BrowserWindow, ipcMain } from "electron";
+import { app, BrowserWindow, ipcMain, dialog } from "electron";
 import * as pty from "node-pty";
 import * as os from "os";
+import { simpleGit } from "simple-git";
+import Store from "electron-store";
+
+interface SessionConfig {
+  projectDir: string;
+  parentBranch: string;
+  codingAgent: string;
+}
 
 let mainWindow: BrowserWindow;
 const sessions = new Map<string, pty.IPty>();
+const store = new Store();
+
+// Open directory picker
+ipcMain.handle("select-directory", async () => {
+  const result = await dialog.showOpenDialog(mainWindow, {
+    properties: ["openDirectory"],
+  });
+
+  if (result.canceled || result.filePaths.length === 0) {
+    return null;
+  }
+
+  return result.filePaths[0];
+});
+
+// Get git branches from directory
+ipcMain.handle("get-branches", async (_event, dirPath: string) => {
+  try {
+    const git = simpleGit(dirPath);
+    const branchSummary = await git.branch();
+    return branchSummary.all;
+  } catch (error) {
+    console.error("Error getting branches:", error);
+    return [];
+  }
+});
 
 // Create new session
-ipcMain.on("create-session", (event) => {
+ipcMain.on("create-session", (event, config: SessionConfig) => {
   const sessionId = `session-${Date.now()}`;
   const shell = os.platform() === "darwin" ? "zsh" : "bash";
 
   const ptyProcess = pty.spawn(shell, [], {
     name: "xterm-color",
     cols: 80,
     rows: 30,
-    cwd: process.env.HOME,
+    cwd: config.projectDir || process.env.HOME,
     env: process.env,
   });
 
@@ -24,7 +58,7 @@ ipcMain.on("create-session", (event) => {
     mainWindow.webContents.send("session-output", sessionId, data);
   });
 
-  event.reply("session-created", sessionId);
+  event.reply("session-created", sessionId, config);
 });
 
 // Handle session input