fix cytoscape zoom selector

Author: Ademfcan

components/git-visualizer.tsx

@@ -169,10 +169,11 @@ export function GitVisualizer({
   const elements = useMemo(() => {
     if (!commits?.length) return [];
     const ids = new Set(commits.map((c) => c.id));
-    const nodes = commits.map((c) => ({
+    const nodes = commits.map((c, index) => ({
       data: {
         id: c.id,
         label: c.label,
+        index: index,
         kind: (c as any).kind,
         ...(executingCommits.has(c.hash) ? { isExecuting: true } : {}),
         ...(newNodeIds.has(c.id) ? { isNewNode: true } : {}),
@@ -393,16 +394,8 @@ export function GitVisualizer({
       if (!cy) return;
       try {
         cy.resize();
-        // 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);
-        cy.fit(undefined, 30);
+        const recentNodes = cy.nodes("[index < 10]")
+        cy.fit(recentNodes.nonempty() ? recentNodes : undefined, 30);
       } catch (error) {
         console.warn("Resize error:", error);
       }
@@ -434,16 +427,8 @@ export function GitVisualizer({
           // Fit with padding if still mounted
           if (cyRef.current === liveCy) {
             // After layout, fit to last 10 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);
-            liveCy.fit(undefined, 30);
+            const recentNodes = liveCy.nodes("[index < 10]")
+            liveCy.fit(recentNodes.nonempty() ? recentNodes : undefined, 30);
           }
         }
       } catch {