Update components/CodeViewer.tsx

components/CodeViewer.tsx

@@ -153,6 +153,16 @@ const CodeViewer: React.FC<CodeViewerProps> = ({ nodes, edges, promptText, isOpe
                     summary: result.initialPatches.summary,
                     files_changed: result.initialPatches.files_changed
                 });
+            } else if (result.autoFixError) {
+                initialMsgs.push({
+                    role: 'assistant',
+                    content: `I attempted to auto-fix the issues, but the auto-fixer failed: ${result.autoFixError}`
+                });
+            } else if (result.evaluation.score < 90 && result.evaluation.improvement_tasks.length > 0) {
+                initialMsgs.push({
+                    role: 'assistant',
+                    content: `I skipped auto-fixing because patching was not successful or no patches were applied.`
+                });
             }
             setMessages(initialMsgs);
         }
@@ -169,7 +179,7 @@ const CodeViewer: React.FC<CodeViewerProps> = ({ nodes, edges, promptText, isOpe
   };
 
   const getStepStatus = (step: AgentStatus, current: AgentStatus) => {
-    const order = ['idle', 'architect', 'critic', 'refiner', 'evaluator', 'complete'];
+    const order = ['idle', 'architect', 'critic', 'refiner', 'evaluator', 'patcher', 'complete'];
     const stepIdx = order.indexOf(step);
     const currentIdx = order.indexOf(current);
     
@@ -182,7 +192,8 @@ const CodeViewer: React.FC<CodeViewerProps> = ({ nodes, edges, promptText, isOpe
   const renderAgentStep = (step: AgentStatus, icon: React.ReactNode, label: string) => {
       const statusColor = getStepStatus(step, agentStatus);
       const isCurrent = agentStatus === step;
-      const isDone = ['architect', 'critic', 'refiner', 'complete'].indexOf(agentStatus) > ['architect', 'critic', 'refiner'].indexOf(step);
+      const order = ['architect', 'critic', 'refiner', 'evaluator', 'patcher', 'complete'];
+      const isDone = order.indexOf(agentStatus) > order.indexOf(step);
 
       return (
         <div className={`flex items-center gap-3 p-4 rounded-lg border border-slate-800 ${isCurrent ? 'bg-slate-800/50 border-blue-500/30' : 'bg-slate-900'}`}>
@@ -289,6 +300,7 @@ const CodeViewer: React.FC<CodeViewerProps> = ({ nodes, edges, promptText, isOpe
                     {renderAgentStep('critic', <Search size={24} />, "Reviewer Agent: Analyzing Logic")}
                     {renderAgentStep('refiner', <Wand2 size={24} />, "Polisher Agent: Finalizing Code")}
                     {renderAgentStep('evaluator', <CheckCircle2 size={24} />, "Evaluator Agent: Verifying Requirements")}
+                    {renderAgentStep('patcher', <Terminal size={24} />, "Patcher Agent: Auto-fixing bugs")}
                  </div>
                  {agentStatus === 'complete' && (
                      <div className="mt-8 text-emerald-400 font-bold animate-bounce">