From bbdffbc57cb627aba4c6eb919ab195efbaf1ae19 Mon Sep 17 00:00:00 2001
From: Jay <jay@Jayui-MacBookPro.local>
Date: Mon, 20 Apr 2026 12:30:27 +0900
Subject: [PATCH] fix: graph canvas dynamically resizes to fill entire vs code
 webview

---
 src/extension.ts | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/src/extension.ts b/src/extension.ts
index 017f7cb..0534ca6 100644
--- a/src/extension.ts
+++ b/src/extension.ts
@@ -441,7 +441,7 @@ async function showBrainNetwork(context: vscode.ExtensionContext) {
   <meta charset="UTF-8">
   <title>Connect AI - Neural Construct</title>
   <style>
-    body { margin: 0; padding: 0; background: #0a0a0a; overflow: hidden; font-family: 'SF Pro Display', -apple-system, sans-serif; }
+    body { margin: 0; padding: 0; background: #0a0a0a; overflow: hidden; width: 100vw; height: 100vh; font-family: 'SF Pro Display', -apple-system, sans-serif; }
     #ui-layer { position: absolute; top: 20px; left: 24px; z-index: 10; pointer-events: none; }
     #ui-layer h1 { font-size: 22px; margin: 0 0 4px 0; font-weight: 800; letter-spacing: -0.5px; color: #e0e0e0; }
     #ui-layer h1 span { color: #00cc44; }
@@ -544,6 +544,11 @@ async function showBrainNetwork(context: vscode.ExtensionContext) {
         Graph.zoomToFit(1500, 40);
         document.getElementById('titleSpan').innerText = "Live Workspace Topology";
     }, 500);
+
+    // Make sure graph expands dynamically on window resize
+    window.addEventListener('resize', () => {
+        Graph.width(window.innerWidth).height(window.innerHeight);
+    });
   </script>
 </body>
 </html>`;