feat(ui): display loop progress with task completion status

   - Add loopReason field to display task progress (e.g., "Cycle 2 - Task 5/50")
   - Update task verification workflow to report progress as "Task X/Y"
   - Pass loop reason from workflow execution to UI state
   - Fix bug where loopReason was cleared during agent reset

Author: moazbuilds

prompts/templates/codemachine/workflows/task-verification-workflow.md

@@ -20,7 +20,12 @@ You are the **StateTracker Agent**, a specialized system component. Your sole fu
 
 3.  **Handle Edge Case (No Tasks):** If the provided tasks array is empty (`[]`), you are to consider the project completed.
 
-4.  **Generate Behavior File:** Based on your final determination, your **only output** is to create or overwrite the file `.codemachine/memory/behavior.json` with the exact content specified below.
+4.  **Count Progress:** Calculate task completion progress:
+    *   Count the total number of tasks in the array.
+    *   Count how many tasks have `"done": true`.
+    *   Use this for progress reporting in the behavior file.
+
+5.  **Generate Behavior File:** Based on your final determination, your **only output** is to create or overwrite the file `.codemachine/memory/behavior.json` with the exact content specified below.
 
 ---
 
@@ -32,9 +37,11 @@ You are the **StateTracker Agent**, a specialized system component. Your sole fu
     ```json
     {
       "action": "loop",
-      "reason": "Tasks not completed"
+      "reason": "Task X/Y"
     }
     ```
+    Where X is the number of completed tasks and Y is the total number of tasks.
+    Example: `"reason": "Task 2/40"` means 2 out of 40 tasks are completed.
 
 *   **If the project IS complete (or no tasks were provided):**
     ```json

src/ui/components/MainAgentNode.tsx

@@ -64,12 +64,16 @@ export const MainAgentNode: React.FC<MainAgentNodeProps> = ({ agent, isSelected
 
   // If loop round exists, show cycle on separate line below
   if (hasLoopRound) {
+    // Debug: log loop reason
+    if (process.env.LOG_LEVEL === 'debug') {
+      console.error(`[DEBUG] MainAgentNode: loopRound=${agent.loopRound}, loopReason="${agent.loopReason}"`);
+    }
     return (
       <Box paddingX={1} flexDirection="column">
         {mainLine}
         <Box paddingLeft={2}>
           <Text bold color="cyan">
-            ⎿ Cycle {agent.loopRound}
+            ⎿ Cycle {agent.loopRound}{agent.loopReason ? ` - ${agent.loopReason}` : ''}
           </Text>
         </Box>
       </Box>

src/ui/state/WorkflowUIState.ts

@@ -182,11 +182,15 @@ export class WorkflowUIState {
 
     // Update the source agent's loop round
     if (loopState && loopState.active) {
+      // Debug: log loop state
+      if (process.env.LOG_LEVEL === 'debug') {
+        console.error(`[DEBUG] setLoopState: sourceAgent=${loopState.sourceAgent}, iteration=${loopState.iteration}, reason="${loopState.reason}"`);
+      }
       this.state = {
         ...this.state,
         agents: this.state.agents.map((agent) =>
           agent.id === loopState.sourceAgent
-            ? { ...agent, loopRound: loopState.iteration }
+            ? { ...agent, loopRound: loopState.iteration, loopReason: loopState.reason }
             : agent
         ),
       };
@@ -200,7 +204,7 @@ export class WorkflowUIState {
       ...this.state,
       agents: this.state.agents.map((agent) =>
         agent.id === agentId
-          ? { ...agent, loopRound: undefined }
+          ? { ...agent, loopRound: undefined, loopReason: undefined }
           : agent
       ),
     };
@@ -348,6 +352,8 @@ export class WorkflowUIState {
               startTime: Date.now(),
               endTime: undefined,
               error: undefined,
+              // Preserve loopRound and loopReason - these are set by setLoopState and should persist
+              // loopReason: undefined,  <-- removed to preserve loop state
               telemetry: {
                 tokensIn: 0,
                 tokensOut: 0,

src/ui/state/types.ts

@@ -37,6 +37,7 @@ export interface AgentState {
   toolCount: number;
   thinkingCount: number;
   loopRound?: number;  // Current loop iteration number (e.g., 1, 2, 3...)
+  loopReason?: string; // Reason for the current loop iteration
   stepIndex?: number;  // Current step index (0-based)
   totalSteps?: number; // Total number of steps in workflow
 }
@@ -66,6 +67,7 @@ export interface LoopState {
   iteration: number;
   maxIterations: number;
   skipList: string[];
+  reason?: string;
 }
 
 /**

src/workflows/execution/workflow.ts

@@ -442,6 +442,7 @@ export async function runWorkflow(options: RunWorkflowOptions = {}): Promise<voi
           iteration,
           maxIterations: step.module?.behavior?.type === 'loop' ? step.module.behavior.maxIterations ?? Infinity : Infinity,
           skipList: loopResult.decision.skipList || [],
+          reason: loopResult.decision.reason,
         });
 
         // Reset all agents that will be re-executed in the loop