Eliminate all vertical scroll bars from graph view

- Add overflow-hidden to graph route wrapper in App.tsx
- Add overflow-hidden class to graph container component
- Force body and html overflow to hidden when graph component mounts
- Restore original overflow settings when component unmounts
- Ensure .graph-container CSS has overflow-hidden
- Multi-layered approach prevents scroll bars at all levels
- Reset layout button now always visible without scrolling
- UI properly resizes to match available screen space

Author: mvalancy

packages/web/src/App.tsx

@@ -59,7 +59,7 @@ function AuthenticatedApp() {
     <NotificationProvider>
       <GraphProvider>
         <Routes>
-          <Route path="/graph" element={<div className="h-screen"><InteractiveGraphVisualization /></div>} />
+          <Route path="/graph" element={<div className="h-screen overflow-hidden"><InteractiveGraphVisualization /></div>} />
           <Route path="/*" element={
             <Layout>
               <Routes>

packages/web/src/components/InteractiveGraphVisualization.tsx

@@ -63,6 +63,20 @@ export function InteractiveGraphVisualization() {
   const location = useLocation();
 
   const isFullscreen = location.pathname === '/graph';
+
+  // Prevent body scroll when graph view is active
+  useEffect(() => {
+    const originalBodyOverflow = window.getComputedStyle(document.body).overflow;
+    const originalHtmlOverflow = window.getComputedStyle(document.documentElement).overflow;
+    
+    document.body.style.overflow = 'hidden';
+    document.documentElement.style.overflow = 'hidden';
+    
+    return () => {
+      document.body.style.overflow = originalBodyOverflow;
+      document.documentElement.style.overflow = originalHtmlOverflow;
+    };
+  }, []);
 
   const { data: workItemsData, loading, error, refetch } = useQuery(GET_WORK_ITEMS, {
     variables: currentGraph ? {
@@ -2180,7 +2194,7 @@ export function InteractiveGraphVisualization() {
 
 
   return (
-    <div ref={containerRef} className="graph-container relative w-full bg-gray-900" style={{ height: '100vh' }}>
+    <div ref={containerRef} className="graph-container relative w-full h-full bg-gray-900 overflow-hidden">
       <svg ref={svgRef} className="w-full h-full" style={{ background: 'radial-gradient(circle at center, #1f2937 0%, #111827 100%)' }} />
 
 

packages/web/src/index.css

@@ -73,7 +73,7 @@
 
 /* Graph visualization styles */
 .graph-container {
-  @apply w-full h-full;
+  @apply w-full h-full overflow-hidden;
 }
 
 .node {