fix: forceGraph

frontend/src/app/providers/layout/sidebar/sidebar.tsx

@@ -56,8 +56,8 @@ export const Sidebar: React.FC<SidebarProps> = ({
   }, [agents, searchQuery]);
 
   const graphData: GraphData = useMemo(() => {
-    const nodes = [];
+    const nodes: any[] = [];
-    const links = [];
+    const links: any[] = [];
 
     agents.forEach((agent) => {
       nodes.push({

frontend/src/modules/graph/components/ForceGraph.tsx

@@ -138,15 +138,11 @@ export const ForceGraph = forwardRef<any, ForceGraphProps>(
       }
     };
 
-    // Fit zoom on engine stop
+    const handleEngineStop = () => {
-    useEffect(() => {
+      if (typeof ref !== "function" && ref && "current" in ref && ref.current) {
-      if (ref && typeof ref === "object" && ref.current) {
+        ref.current.zoomToFit(400);
-        const timer = setTimeout(() => {
-          ref.current?.zoomToFit(400);
-        }, 100);
-        return () => clearTimeout(timer);
       }
-    }, [data, ref]);
+    };
 
     return (
       <div ref={containerRef} className="w-full h-full relative">
@@ -180,6 +176,7 @@ export const ForceGraph = forwardRef<any, ForceGraphProps>(
           d3AlphaDecay={0.03}
           d3VelocityDecay={0.4}
           warmupTicks={50}
+          onEngineStop={handleEngineStop}
         />
       </div>
     );