neural-loom 0.2.60 → 0.2.62

package/src/app/api/sessions/upload-image/route.ts

@@ -0,0 +1,57 @@
+import { NextResponse } from "next/server";
+import fs from "fs";
+import path from "path";
+import { SessionManager } from "@/lib/agents/SessionManager";
+
+export async function POST(request: Request) {
+  try {
+    const { sessionId, base64Data, fileName } = await request.json();
+
+    if (!sessionId) {
+      return NextResponse.json({ error: "Missing parameter 'sessionId'" }, { status: 400 });
+    }
+    if (!base64Data) {
+      return NextResponse.json({ error: "Missing parameter 'base64Data'" }, { status: 400 });
+    }
+
+    const manager = SessionManager.getInstance();
+    const session = manager.getSession(sessionId);
+    if (!session) {
+      return NextResponse.json({ error: "Session not found" }, { status: 404 });
+    }
+
+    const root = session.workspaceRoot || process.env.ORIGINAL_CWD || process.cwd();
+    
+    // Create pasted-images folder inside workspace root under .ai/neural-loom
+    const destDir = path.join(root, ".ai", "neural-loom", "pasted-images");
+    if (!fs.existsSync(destDir)) {
+      fs.mkdirSync(destDir, { recursive: true });
+    }
+
+    // Parse base64 data URL
+    let buffer: Buffer;
+    let ext = "png";
+    const matches = base64Data.match(/^data:([A-Za-z-+\/]+);base64,(.+)$/);
+    
+    if (matches && matches.length === 3) {
+      buffer = Buffer.from(matches[2], 'base64');
+      const mimeType = matches[1];
+      ext = mimeType.split("/")[1] || "png";
+    } else {
+      buffer = Buffer.from(base64Data, 'base64');
+    }
+
+    const name = fileName || `image_${Date.now()}.${ext}`;
+    const destPath = path.join(destDir, name);
+    
+    fs.writeFileSync(destPath, buffer);
+    
+    // Return relative path from workspace root
+    const relativePath = `./.ai/neural-loom/pasted-images/${name}`;
+    
+    return NextResponse.json({ success: true, path: relativePath });
+  } catch (error) {
+    const msg = error instanceof Error ? error.message : String(error);
+    return NextResponse.json({ error: msg }, { status: 500 });
+  }
+}

package/src/app/api/sql/connections/route.ts

@@ -7,8 +7,9 @@ export async function GET(request: Request) {
     const root = searchParams.get("root") || undefined;
     const data = await ConnectionManager.getProfiles(root);
     return NextResponse.json({ success: true, ...data });
-  } catch (error: any) {
-    return NextResponse.json({ error: error.message || String(error) }, { status: 500 });
+  } catch (error) {
+    const msg = error instanceof Error ? error.message : String(error);
+    return NextResponse.json({ error: msg }, { status: 500 });
   }
 }
 
@@ -48,13 +49,15 @@ export async function POST(request: Request) {
         await adapter.listTables(); // Quick verify
         await adapter.disconnect();
         return NextResponse.json({ success: true, message: "Connection test successful!" });
-      } catch (err: any) {
-        return NextResponse.json({ success: false, error: err.message || String(err) });
+      } catch (err) {
+        const msg = err instanceof Error ? err.message : String(err);
+        return NextResponse.json({ success: false, error: msg });
       }
     }
 
     return NextResponse.json({ error: "Invalid action" }, { status: 400 });
-  } catch (error: any) {
-    return NextResponse.json({ error: error.message || String(error) }, { status: 500 });
+  } catch (error) {
+    const msg = error instanceof Error ? error.message : String(error);
+    return NextResponse.json({ error: msg }, { status: 500 });
   }
 }

package/src/app/api/sql/mcp/route.ts

@@ -14,13 +14,14 @@ export async function POST(request: Request) {
     }
 
     return NextResponse.json(response);
-  } catch (error: any) {
+  } catch (error) {
+    const msg = error instanceof Error ? error.message : String(error);
     return NextResponse.json({
       jsonrpc: "2.0",
       id: null,
       error: {
         code: -32603,
-        message: "Internal server error: " + (error.message || String(error))
+        message: "Internal server error: " + msg
       }
     }, { status: 500 });
   }

package/src/app/api/sql/query/route.ts

@@ -50,7 +50,8 @@ export async function POST(request: Request) {
       affectedRows: result.affectedRows,
       durationMs
     });
-  } catch (error: any) {
-    return NextResponse.json({ error: error.message || String(error) }, { status: 500 });
+  } catch (error) {
+    const msg = error instanceof Error ? error.message : String(error);
+    return NextResponse.json({ error: msg }, { status: 500 });
   }
 }

package/src/app/api/sql/schema/route.ts

@@ -36,7 +36,8 @@ export async function GET(request: Request) {
     }
 
     return NextResponse.json({ error: "Invalid action. Must be 'list_tables', 'describe_table', or 'summary'" }, { status: 400 });
-  } catch (error: any) {
-    return NextResponse.json({ error: error.message || String(error) }, { status: 500 });
+  } catch (error) {
+    const msg = error instanceof Error ? error.message : String(error);
+    return NextResponse.json({ error: msg }, { status: 500 });
   }
 }

package/src/app/api/telemetry/route.ts

@@ -0,0 +1,18 @@
+import { NextResponse } from "next/server";
+import fs from "fs";
+import path from "path";
+
+export async function GET() {
+  try {
+    const historyFile = path.join(process.cwd(), ".ai", "neural-loom", "token-history.json");
+    if (!fs.existsSync(historyFile)) {
+      return NextResponse.json({ success: true, history: [] });
+    }
+    const raw = fs.readFileSync(historyFile, "utf8");
+    const history = JSON.parse(raw) || [];
+    return NextResponse.json({ success: true, history });
+  } catch (error) {
+    const errorMessage = error instanceof Error ? error.message : "Unknown error";
+    return NextResponse.json({ error: errorMessage }, { status: 500 });
+  }
+}

package/src/app/components/AiderWizard.tsx

@@ -4,6 +4,7 @@ import { useEffect, useState } from "react";
 import DirectoryBrowserModal from "./DirectoryBrowserModal";
 
 interface AiderConfig {
+  name: string;
   openaiApiKey: string;
   anthropicApiKey: string;
   geminiApiKey: string;
@@ -16,12 +17,13 @@ interface AiderConfig {
 
 interface AiderWizardProps {
   onClose: () => void;
-  onConfirmLaunch: () => void;
+  onConfirmLaunch: (name: string, workspaceRoot: string, scopedDirs: string[]) => void;
   isDocker: boolean;
 }
 
 export default function AiderWizard({ onClose, onConfirmLaunch, isDocker }: AiderWizardProps) {
   const [config, setConfig] = useState<AiderConfig>({
+    name: isDocker ? "Aider Docker" : "Aider Local",
     openaiApiKey: "",
     anthropicApiKey: "",
     geminiApiKey: "",
@@ -33,6 +35,7 @@ export default function AiderWizard({ onClose, onConfirmLaunch, isDocker }: Aide
   });
 
   const [newScopePath, setNewScopePath] = useState("");
+  const [saveAsTemplate, setSaveAsTemplate] = useState(false);
   const [isLoading, setIsLoading] = useState(true);
   const [isSaving, setIsSaving] = useState(false);
   const [errorMessage, setErrorMessage] = useState("");
@@ -49,6 +52,7 @@ export default function AiderWizard({ onClose, onConfirmLaunch, isDocker }: Aide
           const data = await res.json();
           if (data.success && data.config) {
             setConfig({
+              name: data.config.name || (isDocker ? "Aider Docker" : "Aider Local"),
               openaiApiKey: data.config.openaiApiKey || "",
               anthropicApiKey: data.config.anthropicApiKey || "",
               geminiApiKey: data.config.geminiApiKey || "",
@@ -90,8 +94,24 @@ export default function AiderWizard({ onClose, onConfirmLaunch, isDocker }: Aide
       });
 
       if (res.ok) {
+        if (saveAsTemplate) {
+          await fetch("/api/configs", {
+            method: "POST",
+            headers: { "Content-Type": "application/json" },
+            body: JSON.stringify({
+              action: "save",
+              config: {
+                name: config.name,
+                type: isDocker ? "aider-docker" : "aider",
+                workspaceRoot: config.workspaceRoot,
+                scopedDirs: config.scopedDirs,
+                extraFlags: config.extraFlags
+              }
+            })
+          });
+        }
         setIsSaving(false);
-        onConfirmLaunch();
+        onConfirmLaunch(config.name, config.workspaceRoot, config.scopedDirs);
       } else {
         const data = await res.json();
         setErrorMessage(data.error || "Failed to save settings.");
@@ -133,6 +153,17 @@ export default function AiderWizard({ onClose, onConfirmLaunch, isDocker }: Aide
             Configure model and environment variables for the Aider session. API keys are saved locally in `.ai/neural-loom/aider.json` and are ignored by git.
           </p>
 
+          <div style={formGroupStyle}>
+            <label style={labelStyle}>Session Display Name</label>
+            <input
+              type="text"
+              value={config.name}
+              onChange={(e) => setConfig({ ...config, name: e.target.value })}
+              placeholder={isDocker ? "Aider Docker" : "Aider Local"}
+              style={inputStyle}
+            />
+          </div>
+
           <div style={formGroupStyle}>
             <label style={labelStyle}>Anthropic API Key</label>
             <input
@@ -355,6 +386,19 @@ export default function AiderWizard({ onClose, onConfirmLaunch, isDocker }: Aide
             </label>
           </div>
 
+          <div style={{ ...formGroupStyle, flexDirection: "row", alignItems: "center", gap: "0.5rem", marginTop: "1rem", marginBottom: "0.5rem" }}>
+            <input
+              type="checkbox"
+              id="saveAsTemplate"
+              checked={saveAsTemplate}
+              onChange={(e) => setSaveAsTemplate(e.target.checked)}
+              style={{ width: "16px", height: "16px", cursor: "pointer", accentColor: "var(--accent)" }}
+            />
+            <label htmlFor="saveAsTemplate" style={{ fontSize: "0.8rem", color: "var(--foreground)", cursor: "pointer", userSelect: "none" }}>
+              Save configuration template
+            </label>
+          </div>
+
           {errorMessage && (
             <div style={errorBoxStyle}>
               ✗ {errorMessage}

package/src/app/components/ClaudeWizard.tsx

@@ -25,6 +25,7 @@ export default function ClaudeWizard({ onClose, onConfirmLaunch, isDocker }: Cla
   });
 
   const [newScopePath, setNewScopePath] = useState("");
+  const [saveAsTemplate, setSaveAsTemplate] = useState(false);
   const [isLoading, setIsLoading] = useState(true);
   const [isSaving, setIsSaving] = useState(false);
   const [errorMessage, setErrorMessage] = useState("");
@@ -78,6 +79,22 @@ export default function ClaudeWizard({ onClose, onConfirmLaunch, isDocker }: Cla
       });
 
       if (res.ok) {
+        if (saveAsTemplate) {
+          await fetch("/api/configs", {
+            method: "POST",
+            headers: { "Content-Type": "application/json" },
+            body: JSON.stringify({
+              action: "save",
+              config: {
+                name: config.name,
+                type: isDocker ? "claude-docker" : "claude",
+                workspaceRoot: config.workspaceRoot,
+                scopedDirs: config.scopedDirs,
+                extraFlags: config.extraFlags
+              }
+            })
+          });
+        }
         setIsSaving(false);
         onConfirmLaunch(config.name, config.workspaceRoot, config.scopedDirs);
       } else {
@@ -289,6 +306,19 @@ export default function ClaudeWizard({ onClose, onConfirmLaunch, isDocker }: Cla
             )}
           </div>
 
+          <div style={{ ...formGroupStyle, flexDirection: "row", alignItems: "center", gap: "0.5rem", marginTop: "1rem", marginBottom: "0.5rem" }}>
+            <input
+              type="checkbox"
+              id="saveAsTemplate"
+              checked={saveAsTemplate}
+              onChange={(e) => setSaveAsTemplate(e.target.checked)}
+              style={{ width: "16px", height: "16px", cursor: "pointer", accentColor: "var(--accent)" }}
+            />
+            <label htmlFor="saveAsTemplate" style={{ fontSize: "0.8rem", color: "var(--foreground)", cursor: "pointer", userSelect: "none" }}>
+              Save configuration template
+            </label>
+          </div>
+
           {errorMessage && (
             <div style={errorBoxStyle}>
               ✗ {errorMessage}

package/src/app/components/DbExplorer.tsx

@@ -46,6 +46,7 @@ export default function DbExplorer({ workspaceRoot }: DbExplorerProps) {
   });
   const [activeId, setActiveId] = useState<string | null>(null);
   const [isActiveGlobal, setIsActiveGlobal] = useState<boolean>(true);
+  const [sidebarOpen, setSidebarOpen] = useState(true);
 
   // Schema state
   const [tables, setTables] = useState<TableSchema[]>([]);
@@ -523,8 +524,18 @@ export default function DbExplorer({ workspaceRoot }: DbExplorerProps) {
   return (
     <div style={styles.container}>
       {/* Sidebar: Connections & Schemas */}
-      <div style={styles.sidebar}>
-        {/* Connection Profiles section */}
+      <div 
+        style={{
+          ...styles.sidebar,
+          width: sidebarOpen ? "220px" : "0px",
+          borderRight: sidebarOpen ? "1px solid var(--border)" : "none",
+          overflow: "hidden",
+          transition: "all 0.25s cubic-bezier(0.4, 0, 0.2, 1)",
+        }}
+      >
+        {sidebarOpen && (
+          <div style={{ display: "flex", flexDirection: "column", height: "100%", minWidth: "220px", minHeight: 0 }}>
+            {/* Connection Profiles section */}
         <div style={styles.section}>
           <div style={styles.sectionHeader}>
             <span style={styles.sectionTitle}>Connections</span>
@@ -663,13 +674,35 @@ export default function DbExplorer({ workspaceRoot }: DbExplorerProps) {
             ))}
           </div>
         </div>
+          </div>
+        )}
       </div>
 
       {/* Main Panel: Query Editor & Data Results */}
       <div style={styles.mainContent}>
         {/* Connection status header */}
         <div style={styles.statusBar}>
-          <div style={{ display: "flex", alignItems: "center", gap: "0.5rem" }}>
+          <div style={{ display: "flex", alignItems: "center", gap: "0.75rem" }}>
+            <button
+              type="button"
+              onClick={() => setSidebarOpen(!sidebarOpen)}
+              style={{
+                background: "rgba(255, 255, 255, 0.05)",
+                border: "1px solid var(--border)",
+                borderRadius: "6px",
+                color: "var(--muted)",
+                cursor: "pointer",
+                padding: "0.25rem 0.5rem",
+                fontSize: "0.75rem",
+                display: "flex",
+                alignItems: "center",
+                justifyContent: "center",
+                transition: "all 0.15s ease",
+              }}
+              title={sidebarOpen ? "Collapse Connections List" : "Expand Connections List"}
+            >
+              {sidebarOpen ? "◀ Collapse" : "📂 Schema Connections"}
+            </button>
             <span style={styles.statusLabel}>Active Connection:</span>
             {activeProfile ? (
               <span style={styles.statusValue}>
@@ -1080,7 +1113,7 @@ const styles: { [key: string]: React.CSSProperties } = {
     minHeight: 0,
   },
   sidebar: {
-    width: "280px",
+    width: "220px",
     borderRight: "1px solid var(--border)",
     display: "flex",
     flexDirection: "column",