fix: consistent card sizes, edge breakdown, blue theme (no purple)

- Dashboard cards: fixed height with reserved space for "Click for
  breakdown" text so all cards are same size regardless of detail
- Edges card: now shows edge kind breakdown on click (calls, imports,
  depends_on, contains, etc.) via detailed stats API
- Theme: changed primary from indigo #4f46e5 (reads purple) to clean
  blue #2563eb — tabs, buttons, selections all blue now
- MCP Console: first tool selected by default

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

Author: aksOps

src/main/frontend/src/components/AppLayout.tsx

@@ -44,7 +44,7 @@ export default function AppLayout() {
       >
         <Typography.Title
           level={4}
-          style={{ color: '#4f46e5', margin: '0 24px 0 0', whiteSpace: 'nowrap', lineHeight: '64px' }}
+          style={{ color: '#2563eb', margin: '0 24px 0 0', whiteSpace: 'nowrap', lineHeight: '64px' }}
         >
           Code IQ
         </Typography.Title>

src/main/frontend/src/main.tsx

@@ -14,12 +14,12 @@ function ThemedApp() {
         ? [theme.darkAlgorithm]
         : [theme.defaultAlgorithm],
       token: {
-        // Premium deep indigo palette
-        colorPrimary: '#4f46e5',
+        // Clean blue primary — no purple
+        colorPrimary: '#2563eb',
         colorSuccess: '#10b981',
         colorWarning: '#f59e0b',
         colorError: '#ef4444',
-        colorInfo: '#6366f1',
+        colorInfo: '#3b82f6',
         // Typography
         fontFamily: "'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif",
         fontSize: 14,

src/main/frontend/src/pages/Dashboard.tsx

@@ -62,14 +62,16 @@ function StatCard({ title, value, icon, detail, detailTitle }: StatCardProps) {
       <Card
         hoverable={!!hasDetail}
         onClick={() => hasDetail && setOpen(true)}
-        style={{ cursor: hasDetail ? 'pointer' : 'default' }}
+        style={{ cursor: hasDetail ? 'pointer' : 'default', height: '100%' }}
       >
         <Statistic title={title} value={value} prefix={icon} />
-        {hasDetail && (
-          <Typography.Text type="secondary" style={{ fontSize: 12 }}>
-            Click for breakdown
-          </Typography.Text>
-        )}
+        <div style={{ height: 20, marginTop: 4 }}>
+          {hasDetail && (
+            <Typography.Text type="secondary" style={{ fontSize: 12 }}>
+              Click for breakdown
+            </Typography.Text>
+          )}
+        </div>
       </Card>
       <Modal
         title={detailTitle ?? title}
@@ -112,6 +114,7 @@ function isComputedStats(s: StatsResponse): s is StatsResponse & {
 export default function Dashboard() {
   const { data: stats, loading, error } = useApi(() => api.getStats(), []);
   const { data: kinds } = useApi(() => api.getKinds(), []);
+  const { data: detailed } = useApi(() => api.getDetailedStats('all'), []);
 
   const computed = stats && isComputedStats(stats) ? stats : null;
   const queryStats = stats && !isComputedStats(stats)
@@ -135,6 +138,20 @@ export default function Dashboard() {
     }
   }
 
+  // Edge kind breakdown from detailed stats
+  const edgeKindBreakdown: Record<string, number> = {};
+  if (detailed && typeof detailed === 'object') {
+    const d = detailed as Record<string, unknown>;
+    const graph = d.graph as Record<string, unknown> | undefined;
+    if (graph?.edges_by_kind && typeof graph.edges_by_kind === 'object') {
+      Object.assign(edgeKindBreakdown, flattenToRecord(graph.edges_by_kind));
+    }
+    // Fallback: try connections section
+    if (Object.keys(edgeKindBreakdown).length === 0 && d.connections) {
+      Object.assign(edgeKindBreakdown, flattenToRecord(d.connections));
+    }
+  }
+
   if (loading) {
     return <div style={{ textAlign: 'center', padding: 80 }}><Spin size="large" /></div>;
   }
@@ -162,6 +179,8 @@ export default function Dashboard() {
             title="Edges"
             value={edgeCount.toLocaleString()}
             icon={<BranchesOutlined />}
+            detail={edgeKindBreakdown}
+            detailTitle="Edge Kind Breakdown"
           />
         </Col>
         <Col xs={12} sm={8} md={6}>