feat: optimize graph visualization sizes for better UI layout

- Reduce modal graph size from 700x500 to 550x400
- Adjust SimpleGraphVisualization defaults from 600x400 to 500x350
- Lower minimum dimensions in KnowledgeGraphVisualizer from 600x500 to 500x400
- Update global config defaults from 800x600 to 650x450
- Reduce BaseGraphVisualizer minimum from 400x400 to 350x350

These changes improve screen space utilization while maintaining good readability and interactivity.

frontend/src/components/features/traces/KnowledgeGraphVisualizer.tsx

@@ -389,8 +389,8 @@ export const KnowledgeGraphVisualizer: React.FC<
         }
 
         // Ensure minimum dimensions
-        width = Math.max(width, 600);
-        height = Math.max(height, 500);
+        width = Math.max(width, 500);
+        height = Math.max(height, 400);
 
         const config = createKnowledgeGraphConfig({
           width,

frontend/src/components/features/workspace/SimpleGraphVisualization.tsx

@@ -15,8 +15,8 @@ interface SimpleGraphVisualizationProps {
 
 export function SimpleGraphVisualization({
   knowledgeGraph,
-  width = 600,
-  height = 400,
+  width = 500,
+  height = 350,
   graphData,
 }: SimpleGraphVisualizationProps) {
   const svgRef = useRef<SVGSVGElement>(null);

frontend/src/components/shared/BaseGraphVisualizer.tsx

@@ -189,8 +189,8 @@ export const BaseGraphVisualizer: React.FC<BaseGraphVisualizerProps> = ({
 
         const finalConfig = {
           ...config,
-          width: Math.max(width, 400),
-          height: Math.max(height, 400),
+          width: Math.max(width, 350),
+          height: Math.max(height, 350),
         };
 
         console.log(

frontend/src/components/shared/modals/KnowledgeGraphModal.tsx

@@ -417,8 +417,8 @@ export function KnowledgeGraphModal({
 
             <SimpleGraphVisualization
               knowledgeGraph={knowledgeGraph}
-              width={700}
-              height={500}
+              width={550}
+              height={400}
               graphData={graphData}
             />
           </div>

frontend/src/lib/graph-config-factory.ts

@@ -6,8 +6,8 @@ import {
 // Default base configuration
 const DEFAULT_CONFIG: GraphVisualizationConfig = {
   type: GraphVisualizationType.FORCE_DIRECTED,
-  width: 800,
-  height: 600,
+  width: 650,
+  height: 450,
 
   // Node defaults
   nodeRadius: 10,