Fix progress tracking synchronization issues

- Pre-generate sessionId on client side before API call to avoid race conditions
- Add small delays in progress tracker to ensure EventSource connection is established
- Improve logging and error handling in progress streaming
- Add connection confirmation messages in EventSource stream
- Fix TypeScript interface to include sessionId in AnalysisProgress

This should resolve the lag between actual analysis progress and progress bar display.

app/api/enhanced-screenshot/route.js

@@ -6,13 +6,13 @@ import { progressTracker } from '../../../lib/progress-tracker'
 export async function POST(request) {
   try {
     const body = await request.json()
-    const { symbol, layouts, timeframe, timeframes, selectedLayouts, analyze = true } = body
+    const { symbol, layouts, timeframe, timeframes, selectedLayouts, analyze = true, sessionId: providedSessionId } = body
 
-    console.log('📊 Enhanced screenshot request:', { symbol, layouts, timeframe, timeframes, selectedLayouts })
+    console.log('📊 Enhanced screenshot request:', { symbol, layouts, timeframe, timeframes, selectedLayouts, providedSessionId })
 
-    // Generate unique session ID for progress tracking
-    const sessionId = `analysis_${Date.now()}_${Math.random().toString(36).substr(2, 9)}`
-    console.log('🔍 Created session ID:', sessionId)
+    // Use provided sessionId or generate one
+    const sessionId = providedSessionId || `analysis_${Date.now()}_${Math.random().toString(36).substr(2, 9)}`
+    console.log('🔍 Using session ID:', sessionId)
 
     // Create progress tracking session with initial steps
     const initialSteps = [