feat: live reloading on changes to agent (#165)

restart the app on changes to the agent package

Author: joshsny

apps/array/package.json

@@ -116,8 +116,10 @@
     "@xterm/addon-web-links": "^0.11.0",
     "@xterm/xterm": "^5.5.0",
     "ai": "^5.0.75",
+    "chokidar": "^5.0.0",
     "cmdk": "^1.1.1",
     "date-fns": "^3.3.1",
+    "electron-store": "^11.0.0",
     "idb-keyval": "^6.2.2",
     "node-addon-api": "^8.5.0",
     "node-pty": "1.1.0-beta39",
@@ -133,7 +135,6 @@
     "sonner": "^2.0.7",
     "uuid": "^9.0.1",
     "zod": "^4.1.12",
-    "zustand": "^4.5.0",
-    "electron-store": "^11.0.0"
+    "zustand": "^4.5.0"
   }
 }

apps/array/src/main/index.ts

@@ -12,12 +12,12 @@ import {
 } from "electron";
 import { ANALYTICS_EVENTS } from "../types/analytics.js";
 import { registerAgentIpc, type TaskController } from "./services/agent.js";
-import { registerFoldersIpc } from "./services/folders.js";
-import { registerWorktreeIpc } from "./services/worktree.js";
-import "./services/index.js";
+import { setupAgentHotReload } from "./services/dev-reload.js";
 import { registerFileWatcherIpc } from "./services/fileWatcher.js";
+import { registerFoldersIpc } from "./services/folders.js";
 import { registerFsIpc } from "./services/fs.js";
 import { registerGitIpc } from "./services/git.js";
+import "./services/index.js";
 import { registerOAuthHandlers } from "./services/oauth.js";
 import { registerOsIpc } from "./services/os.js";
 import { registerPosthogIpc } from "./services/posthog.js";
@@ -28,6 +28,7 @@ import {
 } from "./services/posthog-analytics.js";
 import { registerShellIpc } from "./services/shell.js";
 import { registerAutoUpdater } from "./services/updates.js";
+import { registerWorktreeIpc } from "./services/worktree.js";
 
 const __filename = fileURLToPath(import.meta.url);
 const __dirname = path.dirname(__filename);
@@ -183,6 +184,11 @@ app.whenReady().then(() => {
   // Initialize PostHog analytics
   initializePostHog();
   trackAppEvent(ANALYTICS_EVENTS.APP_STARTED);
+
+  // Dev mode: Watch agent package and restart via mprocs
+  if (MAIN_WINDOW_VITE_DEV_SERVER_URL) {
+    setupAgentHotReload();
+  }
 });
 
 app.on("window-all-closed", async () => {

apps/array/src/main/services/dev-reload.ts

@@ -0,0 +1,30 @@
+import path from "node:path";
+import { app } from "electron";
+import { watch, type FSWatcher } from "chokidar";
+
+let watcher: FSWatcher | null = null;
+
+export function setupAgentHotReload(): void {
+  if (watcher) return;
+
+  const monorepoRoot = path.resolve(app.getAppPath(), "../..");
+  const agentDistPath = path.join(monorepoRoot, "packages/agent/dist");
+
+  console.log(`[dev] Watching agent package: ${agentDistPath}`);
+
+  let debounceTimeout: NodeJS.Timeout | null = null;
+
+  watcher = watch(agentDistPath, {
+    ignoreInitial: true,
+    ignored: /node_modules/,
+  });
+
+  watcher.on("change", (filePath) => {
+    if (debounceTimeout) clearTimeout(debounceTimeout);
+    debounceTimeout = setTimeout(() => {
+      console.log(`[dev] Agent rebuilt: ${path.basename(filePath)}`);
+      console.log("[dev] Exiting for mprocs to restart...");
+      process.exit(0);
+    }, 1000);
+  });
+}

apps/array/src/main/services/index.ts

@@ -5,6 +5,7 @@
 
 import "./agent.js";
 import "./contextMenu.js";
+import "./dev-reload.js";
 import "./fileWatcher.js";
 import "./folders.js";
 import "./fs.js";

mprocs.yaml

@@ -8,5 +8,6 @@ procs:
     cmd: ["pnpm", "--filter", "array", "run", "start"]
     cwd: .
     color: blue
+    autorestart: true
     depends_on:
       - agent