fix: send eof event to frontend, inject new files into explorer

- Fix SSE generator: yield eof event before breaking so frontend receives it
- Fix: result panel now correctly transitions to FIX READY after analysis
- Add generated files to explorer tree with NEW/MOD labels
- New files (✨ NEW) and modified files (✏️ MOD) clickable in sidebar
- Click generated files to view content without GitHub fetch

backend/api.py

@@ -109,16 +109,15 @@ async def analyze_endpoint(issue_url: str, repo_url: str, run_confidence: bool =
     async def event_generator():
         while True:
             try:
-                # Wait up to 15s before sending a heartbeat ping to keep connection alive
                 msg = await asyncio.wait_for(queue.get(), timeout=15.0)
                 if msg["type"] == "eof":
+                    yield {"event": "eof", "data": json.dumps({"done": True})}
                     break
                 yield {
                     "event": msg["type"],
                     "data": json.dumps(msg["data"])
                 }
             except asyncio.TimeoutError:
-                # Send a heartbeat comment to prevent browser SSE timeout
                 yield {"event": "heartbeat", "data": json.dumps({"alive": True})}
 
     return EventSourceResponse(event_generator())
@@ -264,6 +263,7 @@ async def refine_endpoint(session_id: str, feedback: str):
             try:
                 msg = await asyncio.wait_for(queue.get(), timeout=15.0)
                 if msg["type"] == "eof":
+                    yield {"event": "eof", "data": json.dumps({"done": True})}
                     break
                 yield {
                     "event": msg["type"],

frontend/src/app/[owner]/[repo]/page.tsx

@@ -47,6 +47,8 @@ export default function RepoDashboard() {
   const [fixedFileView, setFixedFileView] = useState<{path: string, content: string} | null>(null);
   const [sessionId, setSessionId] = useState("");
   const [feedback, setFeedback] = useState("");
+  const [newFiles, setNewFiles] = useState<string[]>([]);  // files generated by agent, not in original tree
+  const resultRef = useRef<any>(null);  // avoid stale closure in eof handler
 
   const logsEndRef = useRef<HTMLDivElement>(null);
 
@@ -163,13 +165,25 @@ export default function RepoDashboard() {
       const data = JSON.parse((e as MessageEvent).data);
       const r = data.result;
       setResult(r);
+      resultRef.current = r;
       if (data.session_id) setSessionId(data.session_id);
       if (r?.fixed_files) {
         const paths = Object.keys(r.fixed_files);
+        // Show first fixed file in editor
         if (paths.length > 0) {
           setFixedFileView({ path: paths[0], content: r.fixed_files[paths[0]] });
           setSelectedFilePath(paths[0]);
         }
+        // Inject any new files into the explorer tree
+        setRepoInfo(prev => {
+          if (!prev) return prev;
+          const existingPaths = new Set(prev.tree.map(f => f.path));
+          const addedPaths = paths.filter(p => !existingPaths.has(p));
+          setNewFiles(addedPaths);
+          if (addedPaths.length === 0) return prev;
+          const newEntries = addedPaths.map(p => ({ path: p, size: 0, type: 'blob' }));
+          return { ...prev, tree: [...prev.tree, ...newEntries] };
+        });
       }
     });
     eventSource.addEventListener("error", (e: Event) => {
@@ -252,10 +266,21 @@ export default function RepoDashboard() {
             <div style={{ flex: 1, overflowY: 'auto', fontSize: '0.78rem', color: 'var(--text-muted)', fontFamily: 'monospace' }}>
               {repoInfo.tree.map((file, i) => {
                 const isAnalyzing = analyzingFiles.includes(file.path);
+                const isNew = newFiles.includes(file.path);
+                const isFixed = result?.fixed_files && file.path in result.fixed_files && !isNew;
                 return (
                   <div
                     key={i}
-                    onClick={() => handleFileClick(file.path)}
+                    onClick={() => {
+                      if (isNew || isFixed) {
+                        // Show the generated content directly (no need to fetch from GitHub)
+                        setSelectedFilePath(file.path);
+                        setFixedFileView({ path: file.path, content: result.fixed_files[file.path] });
+                      } else {
+                        handleFileClick(file.path);
+                        setFixedFileView(null);
+                      }
+                    }}
                     className={isAnalyzing ? 'analyzing-glow' : ''}
                     style={{
                       padding: '5px 8px',
@@ -263,15 +288,19 @@ export default function RepoDashboard() {
                       borderRadius: '4px',
                       marginBottom: '1px',
                       backgroundColor: selectedFilePath === file.path ? 'rgba(139, 92, 246, 0.15)' : 'transparent',
-                      color: selectedFilePath === file.path ? 'var(--primary)' : 'inherit',
+                      color: isNew ? '#a3be8c' : isFixed ? '#ebcb8b' : selectedFilePath === file.path ? 'var(--primary)' : 'inherit',
                       whiteSpace: 'nowrap',
                       overflow: 'hidden',
                       textOverflow: 'ellipsis',
                       transition: 'all 0.2s ease'
                     }}
                   >
-                    <span style={{ marginRight: 6 }}>{isAnalyzing ? '🧠' : '📄'}</span>
+                    <span style={{ marginRight: 6 }}>
+                      {isAnalyzing ? '🧠' : isNew ? '✨' : isFixed ? '✏️' : '📄'}
+                    </span>
                     {file.path}
+                    {isNew && <span style={{ marginLeft: 6, fontSize: '0.65rem', color: '#a3be8c', opacity: 0.8 }}>NEW</span>}
+                    {isFixed && <span style={{ marginLeft: 6, fontSize: '0.65rem', color: '#ebcb8b', opacity: 0.8 }}>MOD</span>}
                   </div>
                 );
               })}