neural-loom 0.2.60 → 0.2.61

package/src/app/components/TerminalConsole.tsx

@@ -350,9 +350,63 @@ export default function TerminalConsole({ sessionId, height = "400px", wsPort =
       }
     };
   }, [sessionId, wsPort]);
+  const handlePaste = async (e: React.ClipboardEvent<HTMLDivElement>) => {
+    const items = e.clipboardData?.items;
+    if (!items) return;
+
+    for (let i = 0; i < items.length; i++) {
+      const item = items[i];
+      if (item.type.indexOf("image") !== -1) {
+        const file = item.getAsFile();
+        if (!file) continue;
+
+        e.preventDefault();
+
+        const reader = new FileReader();
+        reader.onload = async (event) => {
+          const base64Data = event.target?.result as string;
+          if (!base64Data) return;
+
+          try {
+            xtermRef.current?.write("\r\n\x1b[1;33m[System] Uploading pasted clipboard image to workspace...\x1b[0m\r\n");
+
+            const res = await fetch("/api/sessions/upload-image", {
+              method: "POST",
+              headers: { "Content-Type": "application/json" },
+              body: JSON.stringify({
+                sessionId,
+                base64Data,
+                fileName: `pasted_image_${Date.now()}.png`
+              })
+            });
+
+            if (res.ok) {
+              const data = await res.json();
+              if (data.success && data.path) {
+                xtermRef.current?.write(`\x1b[1;32m[System] Saved clipboard image to ${data.path}\x1b[0m\r\n`);
+                if (wsRef.current && wsRef.current.readyState === WebSocket.OPEN) {
+                  wsRef.current.send(JSON.stringify({ type: "input", data: data.path }));
+                }
+              } else {
+                xtermRef.current?.write(`\x1b[1;31m[System Error] Failed to save image: ${data.error || "unknown"}\x1b[0m\r\n`);
+              }
+            } else {
+              xtermRef.current?.write("\x1b[1;31m[System Error] HTTP upload failed.\x1b[0m\r\n");
+            }
+          } catch (uploadErr) {
+            const msg = uploadErr instanceof Error ? uploadErr.message : String(uploadErr);
+            xtermRef.current?.write(`\x1b[1;31m[System Error] Upload failed: ${msg}\x1b[0m\r\n`);
+          }
+        };
+        reader.readAsDataURL(file);
+        break;
+      }
+    }
+  };
 
   return (
     <div 
+      onPaste={handlePaste}
       style={{ 
         width: "100%", 
         height: height, 

package/src/app/page.module.css

@@ -58,11 +58,17 @@
 
 .dashboardGrid {
   display: grid;
-  grid-template-columns: 2fr 1fr;
+  grid-template-columns: 1.15fr 1.2fr 1.15fr;
   gap: 2rem;
 }
 
-@media (max-width: 1024px) {
+@media (max-width: 1300px) {
+  .dashboardGrid {
+    grid-template-columns: 1.1fr 1.2fr;
+  }
+}
+
+@media (max-width: 900px) {
   .dashboardGrid {
     grid-template-columns: 1fr;
   }