agdi 3.3.0 → 3.3.4

package/dist/chunk-A5UTYKKM.js

@@ -0,0 +1,45 @@
+// src/core/event-bus.ts
+import { EventEmitter } from "events";
+var agentEventBus = new EventEmitter();
+agentEventBus.setMaxListeners(50);
+var thoughtFlushTimeout = null;
+var pendingThought = null;
+function emitAgentEvent(event) {
+  const fullEvent = {
+    ...event,
+    timestamp: Date.now()
+  };
+  if (event.type === "thought") {
+    pendingThought = fullEvent;
+    if (!thoughtFlushTimeout) {
+      thoughtFlushTimeout = setTimeout(() => {
+        if (pendingThought) {
+          agentEventBus.emit("agent_event", pendingThought);
+          pendingThought = null;
+        }
+        thoughtFlushTimeout = null;
+      }, 100);
+    }
+  } else {
+    agentEventBus.emit("agent_event", fullEvent);
+  }
+}
+function cleanupEventBus() {
+  agentEventBus.removeAllListeners();
+  if (thoughtFlushTimeout) {
+    clearTimeout(thoughtFlushTimeout);
+  }
+}
+process.on("exit", cleanupEventBus);
+process.on("SIGINT", cleanupEventBus);
+process.on("uncaughtException", (err) => {
+  console.error("Uncaught exception:", err);
+  cleanupEventBus();
+  process.exit(1);
+});
+
+export {
+  agentEventBus,
+  emitAgentEvent,
+  cleanupEventBus
+};

package/dist/event-bus-Q3WCETQQ.js

@@ -0,0 +1,10 @@
+import {
+  agentEventBus,
+  cleanupEventBus,
+  emitAgentEvent
+} from "./chunk-A5UTYKKM.js";
+export {
+  agentEventBus,
+  cleanupEventBus,
+  emitAgentEvent
+};

package/dist/index.js

@@ -1,4 +1,8 @@
 #!/usr/bin/env node
+import {
+  agentEventBus,
+  emitAgentEvent
+} from "./chunk-A5UTYKKM.js";
 import {
   loadConfig,
   saveConfig
@@ -339,9 +343,9 @@ var errorGradient = gradient([THEME.red, "#b91c1c"]);
 var goldGradient = gradient([THEME.yellow, "#fbbf24"]);
 async function renderBanner(version = "v2.6.0") {
   console.clear();
-  const text = await new Promise((resolve) => {
+  const text = await new Promise((resolve2) => {
     figlet("AGDI", { font: "Slant" }, (err, data) => {
-      resolve(data || "AGDI");
+      resolve2(data || "AGDI");
     });
   });
   console.log(brandGradient.multiline(text));
@@ -1572,7 +1576,7 @@ async function runProject(targetDir) {
     console.log(chalk6.yellow("\u{1F4E6} Installing dependencies...\n"));
     const installSpinner = ora3("Running npm install...").start();
     try {
-      await new Promise((resolve, reject) => {
+      await new Promise((resolve2, reject) => {
         const install = spawn("npm", ["install"], {
           cwd: absoluteDir,
           stdio: "inherit",
@@ -1581,7 +1585,7 @@ async function runProject(targetDir) {
         install.on("close", (code) => {
           if (code === 0) {
             installSpinner.succeed("Dependencies installed!");
-            resolve();
+            resolve2();
           } else {
             installSpinner.fail("npm install failed");
             reject(new Error(`npm install exited with code ${code}`));
@@ -2072,6 +2076,13 @@ var BaseAgent = class {
    * Log a message (if verbose)
    */
   log(message, type = "info") {
+    emitAgentEvent({
+      type: "log",
+      agentName: this.name,
+      role: this.role,
+      message,
+      metadata: { type }
+    });
     if (!this.verbose) return;
     const prefix = `[${this.name}]`;
     switch (type) {
@@ -2090,10 +2101,29 @@ var BaseAgent = class {
   }
   /**
    * Generate a response from the LLM
+   * Includes timeout protection to prevent indefinite hanging
    */
-  async think(prompt) {
+  async think(prompt, timeoutMs = 12e4) {
     this.log("Thinking...", "info");
-    const response = await this.llm.generate(prompt, this.getSystemPrompt());
+    emitAgentEvent({
+      type: "thought",
+      agentName: this.name,
+      role: this.role,
+      message: `Analyzing task...`
+    });
+    const response = await Promise.race([
+      this.llm.generate(prompt, this.getSystemPrompt()),
+      new Promise(
+        (_, reject) => setTimeout(() => reject(new Error(`LLM request timed out after ${timeoutMs / 1e3}s`)), timeoutMs)
+      )
+    ]);
+    const summary = response.text.split("\n")[0].substring(0, 80) + "...";
+    emitAgentEvent({
+      type: "thought",
+      agentName: this.name,
+      role: this.role,
+      message: `Generated response: ${summary}`
+    });
     this.collectSourcesFromText(response.text);
     return response.text;
   }
@@ -3124,12 +3154,17 @@ Requirements:
     }
     try {
       const prodFlag = production ? "--prod" : "";
-      const command = `npx vercel ${prodFlag} --yes --token ${this.vercelToken}`;
-      this.log(`Running: npx vercel ${prodFlag} --yes --token ***`, "info");
+      const command = `npx vercel ${prodFlag} --yes`;
+      this.log(`Running: npx vercel ${prodFlag} --yes`, "info");
       const { stdout, stderr } = await execAsync2(command, {
         cwd,
-        timeout: 3e5
+        timeout: 3e5,
         // 5 minutes
+        env: {
+          ...process.env,
+          VERCEL_TOKEN: this.vercelToken
+          // Pass via env, not CLI (security)
+        }
       });
       const output = stdout + stderr;
       const urlMatch = output.match(/https:\/\/[^\s]+\.vercel\.app/);
@@ -3179,10 +3214,15 @@ Requirements:
     try {
       const prodFlag = production ? "--prod" : "";
       const outputDir = await detectBuildOutputDir(cwd);
-      const command = `npx netlify deploy ${prodFlag} --auth ${this.netlifyToken} --dir=${outputDir}`;
+      const command = `npx netlify deploy ${prodFlag} --dir=${outputDir}`;
       const { stdout, stderr } = await execAsync2(command, {
         cwd,
-        timeout: 3e5
+        timeout: 3e5,
+        env: {
+          ...process.env,
+          NETLIFY_AUTH_TOKEN: this.netlifyToken
+          // Pass via env, not CLI (security)
+        }
       });
       const output = stdout + (stderr || "");
       const urlMatch = output.match(/https:\/\/[^\s]+\.netlify\.app/);
@@ -3568,6 +3608,14 @@ ${qaResult.errors?.join("\n")}`,
    */
   async executeTask(task) {
     this.log(`[${task.assignee}] ${task.title}`, "task");
+    const { emitAgentEvent: emitAgentEvent2 } = await import("./event-bus-Q3WCETQQ.js");
+    emitAgentEvent2({
+      type: "handoff",
+      agentName: task.assignee,
+      // e.g. "frontend"
+      role: task.assignee,
+      message: `Taking control for task: ${task.title}`
+    });
     await this.appendTrace("task_start", {
       id: task.id,
       title: task.title,
@@ -3615,10 +3663,21 @@ ${qaResult.errors?.join("\n")}`,
   }
   /**
    * Write generated files to disk
+   * SECURITY: All paths are validated to prevent directory traversal attacks
    */
   async writeFiles(files, filesCreated, filesModified) {
+    const workspaceRoot = path5.resolve(this.config.workspaceRoot);
     for (const file of files) {
-      const fullPath = path5.join(this.config.workspaceRoot, file.path);
+      const validationResult = this.validateFilePath(file.path, workspaceRoot);
+      if (!validationResult.valid) {
+        this.log(`\u{1F6E1}\uFE0F Blocked unsafe path: ${file.path} - ${validationResult.error}`, "error");
+        await this.appendTrace("file_blocked", {
+          path: file.path,
+          reason: validationResult.error
+        });
+        continue;
+      }
+      const fullPath = validationResult.resolvedPath;
       const dir = path5.dirname(fullPath);
       try {
         await fs5.mkdir(dir, { recursive: true });
@@ -3633,7 +3692,7 @@ ${qaResult.errors?.join("\n")}`,
         }
         await fs5.writeFile(fullPath, file.content, "utf-8");
         const afterContent = file.content;
-        const outputPath = path5.join(this.runDir, "outputs", file.path);
+        const outputPath = path5.join(this.runDir, "outputs", validationResult.normalizedPath);
         await fs5.mkdir(path5.dirname(outputPath), { recursive: true });
         await fs5.writeFile(outputPath, file.content, "utf-8");
         const beforeHash = beforeContent ? this.hashContent(beforeContent) : null;
@@ -3660,6 +3719,54 @@ ${qaResult.errors?.join("\n")}`,
       }
     }
   }
+  /**
+   * Validate a file path to prevent directory traversal attacks
+   * SECURITY: Critical function - blocks paths that escape workspace root
+   */
+  validateFilePath(filePath, workspaceRoot) {
+    if (path5.isAbsolute(filePath)) {
+      return {
+        valid: false,
+        error: "Absolute paths not allowed"
+      };
+    }
+    const normalizedPath = path5.normalize(filePath).replace(/^(\.\.[\\/])+/, "");
+    const resolvedPath = path5.resolve(workspaceRoot, filePath);
+    if (filePath.includes("..")) {
+      if (!resolvedPath.startsWith(workspaceRoot + path5.sep) && resolvedPath !== workspaceRoot) {
+        return {
+          valid: false,
+          error: "Path traversal blocked: cannot escape workspace root"
+        };
+      }
+    }
+    if (!resolvedPath.startsWith(workspaceRoot)) {
+      return {
+        valid: false,
+        error: "Path traversal blocked: resolved path outside workspace"
+      };
+    }
+    const sensitivePatterns = [
+      /^\.git\//,
+      /^node_modules\//,
+      /^\.env$/,
+      /^\.env\./,
+      /\/\.git\//
+    ];
+    for (const pattern of sensitivePatterns) {
+      if (pattern.test(normalizedPath)) {
+        return {
+          valid: false,
+          error: `Blocked write to sensitive path: ${normalizedPath}`
+        };
+      }
+    }
+    return {
+      valid: true,
+      resolvedPath,
+      normalizedPath
+    };
+  }
   async initializeRun(userPrompt) {
     this.runId = uuidv42();
     this.runDir = path5.join(this.config.workspaceRoot, "runs", this.runId);
@@ -4154,142 +4261,207 @@ import { render } from "ink";
 // src/ui/tui.tsx
 import { useState, useEffect } from "react";
 import { Box, Text, useApp } from "ink";
-import BigText from "ink-big-text";
 import TextInput from "ink-text-input";
 import fs7 from "fs";
 import path7 from "path";
+import os from "os";
 import { jsx, jsxs } from "react/jsx-runtime";
+var THEME2 = {
+  bg: "black",
+  border: "gray",
+  accent: "blue",
+  text: "white",
+  dim: "gray",
+  success: "green"
+};
 var BootScreen = ({ onComplete }) => {
   const [progress, setProgress] = useState(0);
-  const [log, setLog] = useState("");
-  const logs = [
-    "Initializing core systems...",
-    "Loading neural modules...",
-    "Connecting to Agdi Cloud...",
-    "Verifying agent credentials...",
-    "Mounting virtual filesystem...",
-    "Establishing secure uplink...",
-    "Syncing global state...",
-    "Boot sequence complete."
-  ];
   useEffect(() => {
     const timer = setInterval(() => {
       setProgress((prev) => {
-        const next = prev + 2;
+        const next = prev + 10;
         if (next >= 100) {
           clearInterval(timer);
-          setTimeout(onComplete, 500);
+          setTimeout(onComplete, 100);
           return 100;
         }
         return next;
       });
-      const index = Math.floor(progress / 100 * logs.length);
-      setLog(logs[index] || logs[logs.length - 1]);
-    }, 30);
+    }, 20);
     return () => clearInterval(timer);
-  }, [progress]);
-  const width = 60;
-  const filled = Math.floor(width * progress / 100);
-  const bar = "\u2588".repeat(filled) + "\u2591".repeat(width - filled);
-  return /* @__PURE__ */ jsxs(Box, { flexDirection: "column", alignItems: "center", justifyContent: "center", height: 20, children: [
-    /* @__PURE__ */ jsx(Box, { children: /* @__PURE__ */ jsx(BigText, { text: "AGDI OS", font: "block", align: "center", colors: ["cyan", "blue"] }) }),
-    /* @__PURE__ */ jsx(Box, { marginY: 1, children: /* @__PURE__ */ jsxs(Text, { color: "cyan", children: [
-      bar,
-      " ",
-      progress,
-      "%"
-    ] }) }),
-    /* @__PURE__ */ jsxs(Text, { color: "gray", children: [
-      "\u279C ",
-      log
+  }, []);
+  return /* @__PURE__ */ jsxs(Box, { flexDirection: "column", alignItems: "center", justifyContent: "center", height: 15, children: [
+    /* @__PURE__ */ jsx(Text, { color: THEME2.accent, bold: true, children: "Initializing Agdi Workspace..." }),
+    /* @__PURE__ */ jsxs(Text, { color: THEME2.dim, children: [
+      "\u2588",
+      "\u2588".repeat(progress / 5)
     ] })
   ] });
 };
-var FileExplorer = ({ cwd }) => {
-  const [files, setFiles] = useState([]);
-  useEffect(() => {
-    try {
-      const list = fs7.readdirSync(cwd).filter((f) => !f.startsWith(".")).slice(0, 15);
-      setFiles(list);
-    } catch {
-      setFiles(["<Error reading dir>"]);
-    }
-  }, [cwd]);
-  return /* @__PURE__ */ jsxs(Box, { flexDirection: "column", borderStyle: "round", borderColor: "cyan", title: " FILESYSTEM ", width: "30%", children: [
-    /* @__PURE__ */ jsxs(Text, { color: "cyan", bold: true, children: [
-      " ",
-      cwd
-    ] }),
-    /* @__PURE__ */ jsxs(Box, { flexDirection: "column", marginTop: 1, children: [
-      files.map((f, i) => /* @__PURE__ */ jsxs(Text, { color: "white", children: [
-        fs7.statSync(path7.join(cwd, f)).isDirectory() ? "\u{1F4C1} " : "\u{1F4C4} ",
-        f
-      ] }, i)),
-      files.length === 0 && /* @__PURE__ */ jsx(Text, { color: "gray", children: "  (empty)" })
-    ] })
+var Sidebar = ({ history }) => {
+  return /* @__PURE__ */ jsxs(Box, { flexDirection: "column", width: 25, borderStyle: "single", borderColor: THEME2.border, paddingX: 1, children: [
+    /* @__PURE__ */ jsx(Box, { marginBottom: 1, borderStyle: "single", borderColor: THEME2.accent, justifyContent: "center", children: /* @__PURE__ */ jsx(Text, { bold: true, children: "+ New task" }) }),
+    /* @__PURE__ */ jsx(Text, { color: THEME2.dim, bold: true, children: "RECENTS" }),
+    /* @__PURE__ */ jsx(Box, { flexDirection: "column", marginTop: 0, children: history.length === 0 ? /* @__PURE__ */ jsx(Text, { color: THEME2.dim, children: "No recent sessions" }) : history.map((h, i) => /* @__PURE__ */ jsx(Text, { color: THEME2.text, children: h }, i)) })
   ] });
 };
-var LogPanel = ({ logs }) => {
-  return /* @__PURE__ */ jsxs(Box, { flexDirection: "column", borderStyle: "round", borderColor: "yellow", title: " AGENT LOGS ", width: "70%", marginLeft: 1, children: [
-    logs.slice(-10).map((log, i) => /* @__PURE__ */ jsxs(Text, { color: "green", children: [
-      /* @__PURE__ */ jsxs(Text, { color: "gray", children: [
-        "[",
-        (/* @__PURE__ */ new Date()).toLocaleTimeString(),
-        "]"
-      ] }),
-      " ",
-      log
-    ] }, i)),
-    logs.length === 0 && /* @__PURE__ */ jsx(Text, { color: "gray", children: "Waiting for agent activity..." })
+var ContextPanel = ({ files, agentStatus }) => {
+  return /* @__PURE__ */ jsxs(Box, { flexDirection: "column", width: 30, borderStyle: "single", borderColor: THEME2.border, paddingX: 1, children: [
+    /* @__PURE__ */ jsxs(Box, { flexDirection: "column", marginBottom: 1, children: [
+      /* @__PURE__ */ jsx(Text, { bold: true, children: "Context" }),
+      /* @__PURE__ */ jsx(Text, { color: THEME2.dim, children: "WORKING FILES" }),
+      files.length === 0 ? /* @__PURE__ */ jsx(Text, { color: THEME2.dim, children: "None yet." }) : files.slice(0, 5).map((f, i) => /* @__PURE__ */ jsxs(Text, { color: THEME2.accent, children: [
+        "\u{1F4C4} ",
+        f
+      ] }, i))
+    ] }),
+    /* @__PURE__ */ jsxs(Box, { flexDirection: "column", marginBottom: 1, borderStyle: "single", borderColor: THEME2.dim, padding: 0, children: [
+      /* @__PURE__ */ jsx(Text, { bold: true, children: " Plugins" }),
+      /* @__PURE__ */ jsx(Text, { color: THEME2.success, children: "\u2022 Scheduler" }),
+      /* @__PURE__ */ jsx(Text, { color: THEME2.dim, children: "  Run scheduled jobs" })
+    ] }),
+    /* @__PURE__ */ jsxs(Box, { flexDirection: "column", children: [
+      /* @__PURE__ */ jsx(Text, { bold: true, children: "Status" }),
+      /* @__PURE__ */ jsxs(Text, { color: agentStatus === "IDLE" ? THEME2.dim : THEME2.success, children: [
+        "\u2022 ",
+        agentStatus
+      ] })
+    ] })
   ] });
 };
-var ChatPanel = ({ history, onSend }) => {
+var ChatArea = ({ history, onSend, placeholder }) => {
   const [query, setQuery] = useState("");
-  return /* @__PURE__ */ jsxs(Box, { flexDirection: "column", borderStyle: "round", borderColor: "magenta", title: " MISSION CONTROL ", height: 12, children: [
-    /* @__PURE__ */ jsx(Box, { flexDirection: "column", flexGrow: 1, justifyContent: "flex-end", children: history.slice(-5).map((msg, i) => /* @__PURE__ */ jsxs(Box, { marginY: 0, children: [
-      /* @__PURE__ */ jsx(Text, { color: msg.role === "user" ? "cyan" : "magenta", bold: true, children: msg.role === "user" ? "YOU \u203A " : "AGDI \u203A " }),
-      /* @__PURE__ */ jsx(Text, { children: msg.text })
+  return /* @__PURE__ */ jsxs(Box, { flexDirection: "column", flexGrow: 1, borderStyle: "single", borderColor: THEME2.border, marginLeft: 0, marginRight: 0, children: [
+    /* @__PURE__ */ jsx(Box, { justifyContent: "center", borderStyle: "single", borderBottomColor: THEME2.border, borderTop: false, borderLeft: false, borderRight: false, paddingBottom: 0, children: /* @__PURE__ */ jsx(Text, { bold: true, children: "Start a conversation" }) }),
+    /* @__PURE__ */ jsx(Box, { flexDirection: "column", flexGrow: 1, padding: 1, justifyContent: "flex-end", children: history.length === 0 ? /* @__PURE__ */ jsxs(Box, { flexDirection: "column", alignItems: "center", justifyContent: "center", height: 10, children: [
+      /* @__PURE__ */ jsx(Text, { color: THEME2.dim, children: "Describe what you want to do," }),
+      /* @__PURE__ */ jsx(Text, { color: THEME2.dim, children: "and Agdi will take it from there." })
+    ] }) : history.slice(-8).map((msg, i) => /* @__PURE__ */ jsxs(Box, { flexDirection: "column", marginBottom: 1, children: [
+      /* @__PURE__ */ jsx(Text, { bold: true, color: msg.role === "user" ? THEME2.text : THEME2.accent, children: msg.role === "user" ? "You" : "Agdi" }),
+      /* @__PURE__ */ jsx(Text, { color: THEME2.text, children: msg.text })
     ] }, i)) }),
-    /* @__PURE__ */ jsxs(Box, { borderStyle: "single", borderColor: "gray", marginTop: 1, children: [
-      /* @__PURE__ */ jsx(Text, { color: "cyan", children: "\u279C " }),
-      /* @__PURE__ */ jsx(
-        TextInput,
-        {
-          value: query,
-          onChange: setQuery,
-          onSubmit: (val) => {
-            onSend(val);
-            setQuery("");
-          }
-        }
-      )
-    ] })
+    /* @__PURE__ */ jsx(Box, { borderStyle: "round", borderColor: THEME2.dim, paddingX: 1, marginX: 1, marginBottom: 1, children: /* @__PURE__ */ jsx(
+      TextInput,
+      {
+        value: query,
+        onChange: setQuery,
+        onSubmit: (val) => {
+          onSend(val);
+          setQuery("");
+        },
+        placeholder
+      }
+    ) })
   ] });
 };
 var Dashboard = () => {
   const { exit } = useApp();
-  const [logs, setLogs] = useState(["System ready.", "Waiting for instructions."]);
+  const [cwd, setCwd] = useState(process.cwd());
   const [chatHistory, setChatHistory] = useState([]);
-  const addLog = (msg) => setLogs((prev) => [...prev, msg]);
-  const handleCommand = (cmd) => {
+  const [step, setStep] = useState("safety");
+  const [pendingAction, setPendingAction] = useState(null);
+  const [activeFiles, setActiveFiles] = useState([]);
+  const [agentStatus, setAgentStatus] = useState("IDLE");
+  useEffect(() => {
+    const handleEvent = (event) => {
+      if (event.type === "handoff") {
+        setAgentStatus(event.role.toUpperCase());
+      }
+      if (event.type === "thought") {
+        if (!event.message.startsWith("Analyzing")) {
+          setChatHistory((prev) => [...prev, { role: "system", text: `[${event.agentName}] ${event.message}` }]);
+        }
+      }
+      if (event.message.includes("Created:")) {
+        const filename = event.message.split("Created:")[1].trim();
+        setActiveFiles((prev) => [filename, ...prev].slice(0, 5));
+      }
+    };
+    agentEventBus.on("agent_event", handleEvent);
+    return () => {
+      agentEventBus.off("agent_event", handleEvent);
+    };
+  }, []);
+  useEffect(() => {
+    if (step === "safety") {
+      const home = os.homedir();
+      const root = path7.parse(cwd).root;
+      const isUnsafe = cwd === home || cwd === root;
+      if (isUnsafe) {
+        setChatHistory([
+          { role: "system", text: `\u26A0\uFE0F  Safety Check: Running in ${cwd}` },
+          { role: "ai", text: "This directory is too broad. Should I create a new project folder? (yes/no)" }
+        ]);
+        setPendingAction("safety_confirm");
+      } else {
+        setStep("prompt");
+      }
+    }
+  }, []);
+  const handleCommand = async (cmd) => {
     if (cmd === "/exit") exit();
     setChatHistory((prev) => [...prev, { role: "user", text: cmd }]);
-    addLog(`Processing command: ${cmd}`);
-    setTimeout(() => {
-      setChatHistory((prev) => [...prev, { role: "ai", text: `I'm analyzing your request to "${cmd}"...` }]);
-      addLog("Agent [Manager] started planning phase.");
-    }, 800);
+    if (step === "safety" && pendingAction === "safety_confirm") {
+      if (cmd.toLowerCase().startsWith("y")) {
+        setChatHistory((prev) => [...prev, { role: "ai", text: "Name your project:" }]);
+        setPendingAction("create_folder");
+      } else {
+        setChatHistory((prev) => [...prev, { role: "ai", text: "Proceeding in current directory." }]);
+        setStep("prompt");
+        setPendingAction(null);
+      }
+      return;
+    }
+    if (step === "safety" && pendingAction === "create_folder") {
+      const newPath = path7.join(cwd, cmd.replace(/[^a-z0-9-_]/gi, "-"));
+      try {
+        if (!fs7.existsSync(newPath)) fs7.mkdirSync(newPath);
+        process.chdir(newPath);
+        setCwd(newPath);
+        setChatHistory((prev) => [...prev, { role: "system", text: `\u{1F4C2} Switched to ${newPath}` }]);
+        setStep("prompt");
+        setPendingAction(null);
+      } catch (e) {
+        setChatHistory((prev) => [...prev, { role: "system", text: `Error: ${e}` }]);
+      }
+      return;
+    }
+    if (step === "prompt") {
+      setStep("active");
+      setAgentStatus("MANAGER");
+      const activeConfig = getActiveProvider();
+      if (!activeConfig) {
+        setChatHistory((prev) => [...prev, { role: "system", text: '\u274C No API key found. Run "agdi auth" first.' }]);
+        return;
+      }
+      const llm = createLLMProvider(activeConfig.provider, {
+        apiKey: activeConfig.apiKey,
+        model: activeConfig.model
+      });
+      runSquadCommand(cmd, llm, {
+        output: cwd,
+        verbose: false,
+        deploy: false
+      }).then(() => {
+        setAgentStatus("IDLE");
+        setChatHistory((prev) => [...prev, { role: "ai", text: "Task completed." }]);
+      }).catch((err) => {
+        setAgentStatus("ERROR");
+        setChatHistory((prev) => [...prev, { role: "system", text: `Error: ${err.message}` }]);
+      });
+    }
   };
-  return /* @__PURE__ */ jsxs(Box, { flexDirection: "column", padding: 1, height: "100%", children: [
-    /* @__PURE__ */ jsxs(Box, { justifyContent: "space-between", marginBottom: 1, children: [
-      /* @__PURE__ */ jsx(Text, { bold: true, color: "cyan", children: "AGDI v3.3.0 [ONLINE]" }),
-      /* @__PURE__ */ jsx(Text, { color: "gray", children: "CPU: 12% | MEM: 450MB | NET: CONNECTED" })
-    ] }),
-    /* @__PURE__ */ jsxs(Box, { flexDirection: "row", flexGrow: 1, children: [
-      /* @__PURE__ */ jsx(FileExplorer, { cwd: process.cwd() }),
-      /* @__PURE__ */ jsx(LogPanel, { logs })
-    ] }),
-    /* @__PURE__ */ jsx(Box, { marginTop: 0, children: /* @__PURE__ */ jsx(ChatPanel, { history: chatHistory, onSend: handleCommand }) })
+  return /* @__PURE__ */ jsxs(Box, { flexDirection: "row", height: 30, padding: 1, children: [
+    /* @__PURE__ */ jsx(Sidebar, { history: ["New session - " + (/* @__PURE__ */ new Date()).toLocaleDateString()] }),
+    /* @__PURE__ */ jsx(
+      ChatArea,
+      {
+        history: chatHistory,
+        onSend: handleCommand,
+        placeholder: step === "prompt" ? "Ask Agdi..." : "Reply..."
+      }
+    ),
+    /* @__PURE__ */ jsx(ContextPanel, { files: activeFiles, agentStatus })
   ] });
 };
 var App = () => {
@@ -4314,7 +4486,7 @@ ${chalk14.cyan(`/_/  |_|\\_, /\\__,_//_/    `)}
 ${chalk14.cyan(`       /____/              `)}
 `;
 var program = new Command();
-program.name("agdi").description(chalk14.cyan("\u{1F9B8} The Autonomous AI Employee")).version("3.3.0").option("-y, --yes", "Auto-approve all prompts (headless/CI mode)").option("-m, --minimal", "Generate only the requested file(s), not a full app").option("-d, --dry-run", "Show what would be created without writing files").option("--saas", "Generate a production SaaS blueprint (Next.js + Prisma + Postgres + Stripe)");
+program.name("agdi").description(chalk14.cyan("\u{1F9B8} The Autonomous AI Employee")).version("3.3.4").option("-y, --yes", "Auto-approve all prompts (headless/CI mode)").option("-m, --minimal", "Generate only the requested file(s), not a full app").option("-d, --dry-run", "Show what would be created without writing files").option("--saas", "Generate a production SaaS blueprint (Next.js + Prisma + Postgres + Stripe)");
 program.hook("preAction", (thisCommand) => {
   const opts = thisCommand.opts();
   if (opts.yes) {

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "agdi",
-    "version": "3.3.0",
+    "version": "3.3.4",
     "description": "AI-powered app generator - build full-stack apps from natural language in your terminal",
     "type": "module",
     "bin": {