neural-loom 0.2.53 → 0.2.55

package/src/app/components/IdeLayout.tsx

@@ -6,6 +6,13 @@ import DirectoryBrowserModal from "./DirectoryBrowserModal";
 import MarkdownPreview from "./MarkdownPreview";
 import DbExplorer from "./DbExplorer";
 
+const getModeIcon = (type: string) => {
+  if (type === 'mock') return '🧪';
+  if (type.includes('-docker')) return '🐳';
+  if (type.includes('-ssh')) return '🌐';
+  return '💻';
+};
+
 interface FileNode {
   name: string;
   path: string;
@@ -67,6 +74,7 @@ interface RunnerStatus {
   logsCount: number;
   workspaceRoot?: string;
   scopedDirs?: string[];
+  agentState?: 'idle' | 'thinking' | 'complete' | 'needs-input';
 }
 
 interface IdeLayoutProps {
@@ -1680,6 +1688,34 @@ export default function IdeLayout({ sessionId, workspaceRoot, scopedDirs, onClos
                   <span style={{ fontSize: "0.6rem", color: "var(--muted)", backgroundColor: "rgba(255,255,255,0.05)", padding: "1px 4px", borderRadius: "3px" }}>
                     {s.type.replace("claude-", "").replace("aider-", "")}
                   </span>
+                  {s.status === 'running' && s.agentState && (
+                    <span 
+                      style={{ 
+                        fontSize: "0.6rem", 
+                        padding: "1px 4px", 
+                        borderRadius: "3px", 
+                        fontWeight: 600,
+                        backgroundColor: 
+                          s.agentState === 'thinking' ? 'rgba(168, 85, 247, 0.2)' :
+                          s.agentState === 'needs-input' ? 'rgba(217, 119, 82, 0.2)' :
+                          s.agentState === 'complete' ? 'rgba(16, 185, 129, 0.2)' : 'rgba(255,255,255,0.05)',
+                        color:
+                          s.agentState === 'thinking' ? '#c084fc' :
+                          s.agentState === 'needs-input' ? '#e0825f' :
+                          s.agentState === 'complete' ? '#34d399' : 'var(--muted)',
+                        border: 
+                          s.agentState === 'thinking' ? '1px solid rgba(168, 85, 247, 0.3)' :
+                          s.agentState === 'needs-input' ? '1px solid rgba(217, 119, 82, 0.3)' :
+                          s.agentState === 'complete' ? '1px solid rgba(16, 185, 129, 0.3)' : '1px solid rgba(255,255,255,0.1)',
+                      }}
+                      title={`Agent state: ${s.agentState}`}
+                    >
+                      {s.agentState === 'thinking' && `${getModeIcon(s.type)} 💭 thinking`}
+                      {s.agentState === 'needs-input' && `${getModeIcon(s.type)} ⚠️ needs input`}
+                      {s.agentState === 'complete' && `${getModeIcon(s.type)} ✅ complete`}
+                      {s.agentState === 'idle' && `${getModeIcon(s.type)} 💤 idle`}
+                    </span>
+                  )}
                 </div>
               );
             })}
@@ -1921,7 +1957,7 @@ export default function IdeLayout({ sessionId, workspaceRoot, scopedDirs, onClos
                 {sessions
                   .filter(s => s.id !== sessionId && s.status === 'running')
                   .map(s => (
-                    <option key={s.id} value={s.id}>🖥️|🖥️ Split: {s.name}</option>
+                    <option key={s.id} value={s.id}>🖥️|🖥️ Split: {s.name} ({s.agentState || 'idle'})</option>
                   ))
                 }
               </select>

package/src/app/components/TerminalConsole.tsx

@@ -48,6 +48,7 @@ export default function TerminalConsole({ sessionId, height = "400px", wsPort =
     term.loadAddon(fitAddon);
 
     term.open(terminalRef.current);
+    term.focus();
 
     // Monkeypatch to prevent crash during unmount / disposal
     try {
@@ -144,6 +145,7 @@ export default function TerminalConsole({ sessionId, height = "400px", wsPort =
       ws.send(JSON.stringify({ type: "handshake", sessionId }));
       // Send initial dimensions
       ws.send(JSON.stringify({ type: "resize", cols: term.cols, rows: term.rows }));
+      term.focus();
     };
 
     ws.onmessage = (event) => {
@@ -155,6 +157,7 @@ export default function TerminalConsole({ sessionId, height = "400px", wsPort =
           if (msg.history) {
             term.write(msg.history);
           }
+          term.focus();
         } else if (msg.type === "output") {
           term.write(msg.data);
         } else if (msg.type === "error") {

package/src/app/page.module.css

@@ -339,3 +339,58 @@
   width: 100%;
 }
 
+.agentStateBadge {
+  font-size: 0.65rem;
+  padding: 0.15rem 0.4rem;
+  border-radius: 4px;
+  font-weight: 600;
+  text-transform: uppercase;
+  letter-spacing: 0.05em;
+  display: inline-flex;
+  align-items: center;
+  gap: 0.25rem;
+  margin-right: 0.25rem;
+}
+
+.state-thinking {
+  background-color: rgba(168, 85, 247, 0.15);
+  color: #c084fc;
+  border: 1px solid rgba(168, 85, 247, 0.3);
+  box-shadow: 0 0 8px rgba(168, 85, 247, 0.2);
+  animation: pulse-thinking 2s infinite ease-in-out;
+}
+
+.state-needs-input {
+  background-color: rgba(217, 119, 82, 0.15);
+  color: #e0825f;
+  border: 1px solid rgba(217, 119, 82, 0.3);
+  box-shadow: 0 0 8px rgba(217, 119, 82, 0.2);
+  animation: pulse-attention 1.5s infinite ease-in-out;
+}
+
+.state-complete {
+  background-color: rgba(16, 185, 129, 0.15);
+  color: #34d399;
+  border: 1px solid rgba(16, 185, 129, 0.3);
+}
+
+.state-idle {
+  background-color: rgba(255, 255, 255, 0.05);
+  color: var(--muted);
+  border: 1px solid rgba(255, 255, 255, 0.1);
+}
+
+@keyframes pulse-thinking {
+  0% { box-shadow: 0 0 0 0 rgba(168, 85, 247, 0.4); }
+  70% { box-shadow: 0 0 0 5px rgba(168, 85, 247, 0); }
+  100% { box-shadow: 0 0 0 0 rgba(168, 85, 247, 0); }
+}
+
+@keyframes pulse-attention {
+  0% { box-shadow: 0 0 0 0 rgba(217, 119, 82, 0.4); }
+  70% { box-shadow: 0 0 0 5px rgba(217, 119, 82, 0); }
+  100% { box-shadow: 0 0 0 0 rgba(217, 119, 82, 0); }
+}
+
+
+

package/src/app/page.tsx

@@ -14,8 +14,16 @@ interface RunnerStatus {
   logsCount: number;
   workspaceRoot?: string;
   scopedDirs?: string[];
+  agentState?: 'idle' | 'thinking' | 'complete' | 'needs-input';
 }
 
+const getModeIcon = (type: string) => {
+  if (type === 'mock') return '🧪';
+  if (type.includes('-docker')) return '🐳';
+  if (type.includes('-ssh')) return '🌐';
+  return '💻';
+};
+
 // Dynamically import TerminalConsole to bypass SSR errors
 const TerminalConsole = dynamic(() => import("./components/TerminalConsole"), {
   ssr: false,
@@ -355,9 +363,19 @@ export default function Home() {
                   <div key={session.id} className={`${styles.agentCard} card ${activeSessionId === session.id ? styles.activeBorder : ""}`}>
                     <div className={styles.agentHeader}>
                       <span className={styles.agentName}>{session.name}</span>
-                      <span className={`${styles.agentBadge} ${session.status === 'stopped' ? styles.stoppedBadge : ""}`}>
-                        {session.status}
-                      </span>
+                      <div style={{ display: "flex", gap: "0.35rem", alignItems: "center" }}>
+                        {session.status === 'running' && session.agentState && (
+                          <span className={`${styles.agentStateBadge} ${styles['state-' + session.agentState]}`}>
+                            {session.agentState === 'thinking' && `${getModeIcon(session.type)} 💭 thinking`}
+                            {session.agentState === 'needs-input' && `${getModeIcon(session.type)} ⚠️ needs input`}
+                            {session.agentState === 'complete' && `${getModeIcon(session.type)} ✅ complete`}
+                            {session.agentState === 'idle' && `${getModeIcon(session.type)} 💤 idle`}
+                          </span>
+                        )}
+                        <span className={`${styles.agentBadge} ${session.status === 'stopped' ? styles.stoppedBadge : ""}`}>
+                          {session.status}
+                        </span>
+                      </div>
                     </div>
                     <div className={styles.cardBody}>
                       <p style={{ fontSize: "0.825rem", color: "var(--muted)" }}>

package/src/lib/agents/AgentRunner.ts

@@ -9,6 +9,7 @@ export interface RunnerStatus {
   scopedDirs?: string[];
   lastSyncedWorkspaceFolders?: string[];
   tokenUsage?: { input: number; output: number; cost: number };
+  agentState?: 'idle' | 'thinking' | 'complete' | 'needs-input';
 }
 
 export abstract class AgentRunner {
@@ -22,6 +23,8 @@ export abstract class AgentRunner {
   scopedDirs?: string[];
   lastSyncedWorkspaceFolders?: string[];
   tokenUsage: { input: number; output: number; cost: number } = { input: 0, output: 0, cost: 0 };
+  agentState: 'idle' | 'thinking' | 'complete' | 'needs-input' = 'idle';
+  private stateTimer: NodeJS.Timeout | null = null;
 
   protected parseTokenUsage(data: string): void {
     const cleanData = data.replace(/\x1b\[[0-9;]*m/g, ""); // Strip ANSI colors
@@ -87,6 +90,77 @@ export abstract class AgentRunner {
   }
 
   protected emitOutput(data: string): void {
+    this.updateAgentState(data);
     this.listeners.forEach(cb => cb(data));
   }
+
+  /* eslint-disable-next-line @typescript-eslint/no-explicit-any */
+  protected async writeToPty(ptyProcess: any, text: string): Promise<void> {
+    if (!ptyProcess) return;
+    const isWin = process.platform === "win32";
+    if (isWin && text.length > 100) {
+      const chunkSize = 128;
+      for (let i = 0; i < text.length; i += chunkSize) {
+        const chunk = text.slice(i, i + chunkSize);
+        ptyProcess.write(chunk);
+        await new Promise((resolve) => setTimeout(resolve, 10));
+      }
+    } else {
+      ptyProcess.write(text);
+    }
+  }
+
+  protected updateAgentState(newData: string): void {
+    if (this.status !== 'running') {
+      this.agentState = 'idle';
+      return;
+    }
+
+    if (newData.trim().length > 0) {
+      this.agentState = 'thinking';
+    }
+
+    if (this.stateTimer) {
+      clearTimeout(this.stateTimer);
+    }
+
+    this.stateTimer = setTimeout(() => {
+      this.analyzeState();
+    }, 800);
+  }
+
+  private analyzeState(): void {
+    if (this.status !== 'running') {
+      this.agentState = 'idle';
+      return;
+    }
+
+    const tailLines = this.logs.slice(-5).join("");
+    const cleanTail = tailLines.replace(/\x1b\[[0-9;]*[a-zA-Z]/g, "").trim();
+
+    const isQuestion = 
+      /(\[y\/n\]|\(y\/n\)|\?|confirm|allow|should I|would you|press enter|proceed)/i.test(cleanTail);
+    
+    const isPrompt = 
+      cleanTail.endsWith(">") || 
+      cleanTail.endsWith("> ") ||
+      /([a-zA-Z0-9_-]+>\s*)$/.test(cleanTail) ||
+      cleanTail.endsWith("$") ||
+      cleanTail.endsWith("$ ");
+
+    if (isQuestion) {
+      this.agentState = 'needs-input';
+    } else if (isPrompt) {
+      if (this.agentState === 'thinking') {
+        this.agentState = 'complete';
+        
+        if (this.stateTimer) clearTimeout(this.stateTimer);
+        this.stateTimer = setTimeout(() => {
+          if (this.agentState === 'complete') {
+            this.agentState = 'idle';
+          }
+        }, 5000);
+      }
+    }
+  }
 }

package/src/lib/agents/AiderRunner.ts

@@ -291,7 +291,8 @@ export class AiderRunner extends AgentRunner {
       return;
     }
 
-    this.ptyProcess.write(isRaw ? text : text + "\r");
+    this.agentState = 'thinking';
+    await this.writeToPty(this.ptyProcess, isRaw ? text : text + "\r");
   }
 
   override resize(cols: number, rows: number): void {
@@ -314,7 +315,8 @@ export class AiderRunner extends AgentRunner {
       logsCount: this.logs.length,
       workspaceRoot: this.workspaceRoot,
       scopedDirs: this.scopedDirs,
-      tokenUsage: this.tokenUsage
+      tokenUsage: this.tokenUsage,
+      agentState: this.agentState
     };
   }
 }

package/src/lib/agents/ClaudeRunner.ts

@@ -181,8 +181,8 @@ export class ClaudeRunner extends AgentRunner {
       return;
     }
 
-    // PTY processes require carriage return (\r) to execute the command line
-    this.ptyProcess.write(isRaw ? text : text + "\r");
+    this.agentState = 'thinking';
+    await this.writeToPty(this.ptyProcess, isRaw ? text : text + "\r");
   }
 
   override resize(cols: number, rows: number): void {
@@ -205,7 +205,8 @@ export class ClaudeRunner extends AgentRunner {
       logsCount: this.logs.length,
       workspaceRoot: this.workspaceRoot,
       scopedDirs: this.scopedDirs,
-      tokenUsage: this.tokenUsage
+      tokenUsage: this.tokenUsage,
+      agentState: this.agentState
     };
   }
 }

package/src/lib/agents/DockerRunner.ts

@@ -185,7 +185,8 @@ export class DockerRunner extends AgentRunner {
       return;
     }
 
-    this.ptyProcess.write(isRaw ? text : text + "\r");
+    this.agentState = 'thinking';
+    await this.writeToPty(this.ptyProcess, isRaw ? text : text + "\r");
   }
 
   override resize(cols: number, rows: number): void {
@@ -208,7 +209,8 @@ export class DockerRunner extends AgentRunner {
       logsCount: this.logs.length,
       workspaceRoot: this.workspaceRoot,
       scopedDirs: this.scopedDirs,
-      tokenUsage: this.tokenUsage
+      tokenUsage: this.tokenUsage,
+      agentState: this.agentState
     };
   }
 }

package/src/lib/agents/MockRunner.ts

@@ -120,7 +120,8 @@ export class MockRunner extends AgentRunner {
       status: this.status,
       createdAt: this.createdAt,
       logsCount: this.logs.length,
-      tokenUsage: this.tokenUsage
+      tokenUsage: this.tokenUsage,
+      agentState: this.agentState
     };
   }
 }

package/src/lib/agents/SSHRunner.ts

@@ -183,7 +183,8 @@ export class SSHRunner extends AgentRunner {
       return;
     }
 
-    this.ptyProcess.write(isRaw ? text : text + "\r");
+    this.agentState = 'thinking';
+    await this.writeToPty(this.ptyProcess, isRaw ? text : text + "\r");
   }
 
   override resize(cols: number, rows: number): void {
@@ -206,7 +207,8 @@ export class SSHRunner extends AgentRunner {
       logsCount: this.logs.length,
       workspaceRoot: this.workspaceRoot,
       scopedDirs: this.scopedDirs,
-      tokenUsage: this.tokenUsage
+      tokenUsage: this.tokenUsage,
+      agentState: this.agentState
     };
   }
 }

package/src/lib/agents/ShellRunner.ts

@@ -129,7 +129,9 @@ export class ShellRunner extends AgentRunner {
       this.appendLog(`\r\n[Error] Shell process is ${this.status}.\r\n`);
       return;
     }
-    this.ptyProcess.write(isRaw ? text : text + "\r");
+    
+    this.agentState = 'thinking';
+    await this.writeToPty(this.ptyProcess, isRaw ? text : text + "\r");
   }
 
   override resize(cols: number, rows: number): void {
@@ -152,6 +154,7 @@ export class ShellRunner extends AgentRunner {
       logsCount: this.logs.length,
       workspaceRoot: process.env.ORIGINAL_CWD || process.cwd(),
       scopedDirs: [],
+      agentState: this.agentState
     };
   }
 }

package/src/lib/sql/adapters/MssqlAdapter.ts

@@ -16,7 +16,7 @@ export class MssqlAdapter extends DbAdapter {
     try {
       let mssql;
       try {
-        mssql = require("mssql");
+        mssql = eval("require")("mssql");
       } catch (err) {
         throw new Error(
           "Microsoft SQL Server driver 'mssql' is not installed. Please run `npm install mssql` in the neural-loom environment."

package/src/lib/sql/adapters/MysqlAdapter.ts

@@ -16,7 +16,7 @@ export class MysqlAdapter extends DbAdapter {
     try {
       let mysql;
       try {
-        mysql = require("mysql2/promise");
+        mysql = eval("require")("mysql2/promise");
       } catch (err) {
         throw new Error(
           "MySQL driver 'mysql2' is not installed. Please run `npm install mysql2` in the neural-loom environment."

package/src/lib/sql/adapters/PostgresAdapter.ts

@@ -16,7 +16,7 @@ export class PostgresAdapter extends DbAdapter {
     try {
       let ClientClass;
       try {
-        const pg = require("pg");
+        const pg = eval("require")("pg");
         ClientClass = pg.Client;
       } catch (err) {
         throw new Error(

package/src/lib/sql/adapters/SqliteAdapter.ts

@@ -32,7 +32,7 @@ export class SqliteAdapter extends DbAdapter {
       // Lazy load better-sqlite3
       let Database;
       try {
-        Database = require("better-sqlite3");
+        Database = eval("require")("better-sqlite3");
       } catch (err) {
         throw new Error(
           "SQLite driver 'better-sqlite3' is not installed. Please run `npm install better-sqlite3` in the neural-loom environment."