fit to last 10 commits

Author: Ademfcan

components/git-visualizer.tsx

@@ -264,14 +264,20 @@ export function GitVisualizer({
       if (!cy) return;
       try {
         cy.resize();
-        cy.fit(undefined, 30);
+        // Fit to the last 5 commits (most recent). If fewer than 5, fit all.
+        const recentIds = commits.slice(undefined, 10).map((c) => c.id);
+        const recentNodes = recentIds.length > 0 ? cy.getElementById(recentIds[0]) : cy.collection();
+        for (let i = 1; i < recentIds.length; i++) {
+          recentNodes.merge(cy.getElementById(recentIds[i]));
+        }
+        cy.fit(recentNodes.nonempty() ? recentNodes : undefined, 30);
       } catch (error) {
         console.warn("Resize error:", error);
       }
     };
     window.addEventListener("resize", onResize);
     return () => window.removeEventListener("resize", onResize);
-  }, []);
+  }, [commits]);
 
   // Re-run layout when commit set changes size to avoid race conditions during rapid branch switches
   const lastElementCountRef = useRef<number>(0);
@@ -295,7 +301,13 @@ export function GitVisualizer({
           l.run();
           // Fit with padding if still mounted
           if (cyRef.current === liveCy) {
-            liveCy.fit(undefined, 30);
+            // After layout, fit to last 5 commits for focused view
+            const recentIds = commits.slice(undefined, 10).map((c) => c.id);
+            const recentNodes = recentIds.length > 0 ? liveCy.getElementById(recentIds[0]) : liveCy.collection();
+            for (let i = 1; i < recentIds.length; i++) {
+              recentNodes.merge(liveCy.getElementById(recentIds[i]));
+            }
+            liveCy.fit(recentNodes.nonempty() ? recentNodes : undefined, 30);
           }
         }
       } catch {

package.json

@@ -18,7 +18,7 @@
     "postinstall": "electron-builder install-app-deps",
     "electron": "electron .",
     "electron-dev": "pnpm build && electron .",
-    "electron-build": "next build && electron-builder",
+    "electron-build": "pnpm build && electron-builder",
     "build-electron": "npm run build",
     "dist": "npm run build-electron && electron-builder",
     "audit:security": "pnpm audit --audit-level moderate",