agileflow 2.90.0 → 2.90.1

package/scripts/tui/lib/keyboard.js

@@ -28,7 +28,7 @@ const DEFAULT_BINDINGS = {
   session6: { key: '6', description: 'Session 6' },
   session7: { key: '7', description: 'Session 7' },
   session8: { key: '8', description: 'Session 8' },
-  session9: { key: '9', description: 'Session 9' }
+  session9: { key: '9', description: 'Session 9' },
 };
 
 /**
@@ -104,7 +104,7 @@ class KeyboardHandler extends EventEmitter {
     this.keyHistory.push({
       input,
       key,
-      timestamp: Date.now()
+      timestamp: Date.now(),
     });
 
     // Trim history
@@ -198,10 +198,19 @@ function formatHelp(bindings = DEFAULT_BINDINGS) {
   // Group bindings
   const groups = {
     'Loop Control': ['start', 'pause', 'resume'],
-    'View': ['trace', 'help'],
-    'Navigation': ['quit'],
-    'Sessions': ['session1', 'session2', 'session3', 'session4', 'session5',
-                 'session6', 'session7', 'session8', 'session9']
+    View: ['trace', 'help'],
+    Navigation: ['quit'],
+    Sessions: [
+      'session1',
+      'session2',
+      'session3',
+      'session4',
+      'session5',
+      'session6',
+      'session7',
+      'session8',
+      'session9',
+    ],
   };
 
   for (const [groupName, actions] of Object.entries(groups)) {
@@ -248,5 +257,5 @@ module.exports = {
   formatBindings,
   formatHelp,
   getDefaultHandler,
-  createKeyHandler
+  createKeyHandler,
 };

package/scripts/tui/lib/loopControl.js

@@ -87,7 +87,7 @@ function pause(sessionId = 'default', reason = 'user_request') {
   const pauseData = {
     paused_at: new Date().toISOString(),
     reason,
-    session_id: sessionId
+    session_id: sessionId,
   };
 
   fs.writeFileSync(pauseFile, JSON.stringify(pauseData, null, 2));
@@ -141,7 +141,7 @@ function resume(sessionId = 'default') {
   return {
     resumed_at: new Date().toISOString(),
     was_paused: pauseData !== null,
-    pause_data: pauseData
+    pause_data: pauseData,
   };
 }
 
@@ -158,7 +158,7 @@ function getLoopStatus() {
     return {
       active: false,
       paused: false,
-      message: 'Loop not active'
+      message: 'Loop not active',
     };
   }
 
@@ -177,7 +177,7 @@ function getLoopStatus() {
     coverageCurrent: loop.coverage_current || 0,
     pausedAt: loop.paused_at,
     pauseReason: loop.pause_reason,
-    startedAt: loop.started_at
+    startedAt: loop.started_at,
   };
 }
 
@@ -205,7 +205,7 @@ function stopLoop(reason = 'user_request') {
   return {
     stopped: true,
     reason,
-    stopped_at: new Date().toISOString()
+    stopped_at: new Date().toISOString(),
   };
 }
 
@@ -276,7 +276,7 @@ class LoopController extends EventEmitter {
       if (newStatus.paused) {
         this.emit('paused', {
           pausedAt: newStatus.pausedAt,
-          reason: newStatus.pauseReason
+          reason: newStatus.pauseReason,
         });
       } else {
         this.emit('resumed');
@@ -292,14 +292,14 @@ class LoopController extends EventEmitter {
     if (this.lastStatus.iteration !== newStatus.iteration) {
       this.emit('iteration', {
         iteration: newStatus.iteration,
-        maxIterations: newStatus.maxIterations
+        maxIterations: newStatus.maxIterations,
       });
     }
 
     if (this.lastStatus.currentStory !== newStatus.currentStory) {
       this.emit('storyChange', {
         previousStory: this.lastStatus.currentStory,
-        currentStory: newStatus.currentStory
+        currentStory: newStatus.currentStory,
       });
     }
 
@@ -367,5 +367,5 @@ module.exports = {
   stopLoop,
   getPauseFilePath,
   LoopController,
-  getDefaultController
+  getDefaultController,
 };

package/scripts/tui/panels/OutputPanel.js

@@ -24,7 +24,7 @@ function getAgentColor(agent) {
     'agileflow-devops': 'blue',
     'agileflow-database': 'white',
     'agileflow-performance': 'cyan',
-    'agileflow-documentation': 'gray'
+    'agileflow-documentation': 'gray',
   };
 
   // Check for partial matches
@@ -69,29 +69,15 @@ function OutputRow({ event, showTimestamp = true }) {
     Box,
     { flexDirection: 'row' },
     // Timestamp
-    showTimestamp && formatted.timestamp && React.createElement(
-      Text,
-      { dimColor: true },
-      `[${formatted.timestamp}] `
-    ),
+    showTimestamp &&
+      formatted.timestamp &&
+      React.createElement(Text, { dimColor: true }, `[${formatted.timestamp}] `),
     // Status indicator
-    React.createElement(
-      Text,
-      { color: status.color },
-      `${status.symbol} `
-    ),
+    React.createElement(Text, { color: status.color }, `${status.symbol} `),
     // Agent name
-    React.createElement(
-      Text,
-      { color: agentColor, bold: true },
-      `[${formatted.agent}] `
-    ),
+    React.createElement(Text, { color: agentColor, bold: true }, `[${formatted.agent}] `),
     // Message
-    React.createElement(
-      Text,
-      null,
-      formatted.message
-    )
+    React.createElement(Text, null, formatted.message)
   );
 }
 
@@ -102,7 +88,7 @@ function OutputPanel({
   maxMessages = 100,
   showTimestamp = true,
   logPath = null,
-  title = 'AGENT OUTPUT'
+  title = 'AGENT OUTPUT',
 }) {
   const [messages, setMessages] = React.useState([]);
   const [isConnected, setIsConnected] = React.useState(false);
@@ -111,13 +97,15 @@ function OutputPanel({
 
   React.useEffect(() => {
     // Create event stream
-    const options = logPath ? { logPath, emitHistory: true, historyLimit: 10 } : { emitHistory: true, historyLimit: 10 };
+    const options = logPath
+      ? { logPath, emitHistory: true, historyLimit: 10 }
+      : { emitHistory: true, historyLimit: 10 };
     const stream = new EventStream(options);
     streamRef.current = stream;
 
     // Handle events
-    stream.on('event', (event) => {
-      setMessages((prev) => {
+    stream.on('event', event => {
+      setMessages(prev => {
         const newMessages = [...prev, event];
         // Limit to maxMessages
         if (newMessages.length > maxMessages) {
@@ -136,7 +124,7 @@ function OutputPanel({
       setIsConnected(false);
     });
 
-    stream.on('error', (err) => {
+    stream.on('error', err => {
       setError(err.message);
     });
 
@@ -164,37 +152,17 @@ function OutputPanel({
       borderStyle: 'single',
       borderColor: isConnected ? 'green' : 'gray',
       padding: 1,
-      flexGrow: 1
+      flexGrow: 1,
     },
     // Header
     React.createElement(
       Box,
       { marginBottom: 1 },
-      React.createElement(
-        Text,
-        { bold: true, color: 'cyan' },
-        title
-      ),
-      React.createElement(
-        Text,
-        { dimColor: true },
-        ` (${messages.length}/${maxMessages})`
-      ),
-      isConnected && React.createElement(
-        Text,
-        { color: 'green' },
-        ' ●'
-      ),
-      !isConnected && !error && React.createElement(
-        Text,
-        { color: 'yellow' },
-        ' ○'
-      ),
-      error && React.createElement(
-        Text,
-        { color: 'red' },
-        ' ✗'
-      )
+      React.createElement(Text, { bold: true, color: 'cyan' }, title),
+      React.createElement(Text, { dimColor: true }, ` (${messages.length}/${maxMessages})`),
+      isConnected && React.createElement(Text, { color: 'green' }, ' ●'),
+      !isConnected && !error && React.createElement(Text, { color: 'yellow' }, ' ○'),
+      error && React.createElement(Text, { color: 'red' }, ' ✗')
     ),
     // Messages or placeholder
     messages.length === 0
@@ -207,7 +175,7 @@ function OutputPanel({
           React.createElement(OutputRow, {
             key: `msg-${index}`,
             event,
-            showTimestamp
+            showTimestamp,
           })
         )
   );
@@ -225,8 +193,8 @@ function CompactOutput({ maxLines = 5, logPath = null }) {
     const stream = new EventStream(options);
     streamRef.current = stream;
 
-    stream.on('event', (event) => {
-      setMessages((prev) => {
+    stream.on('event', event => {
+      setMessages(prev => {
         const newMessages = [...prev, event];
         return newMessages.slice(-maxLines);
       });
@@ -242,11 +210,7 @@ function CompactOutput({ maxLines = 5, logPath = null }) {
   }, [logPath, maxLines]);
 
   if (messages.length === 0) {
-    return React.createElement(
-      Text,
-      { dimColor: true },
-      'No recent activity'
-    );
+    return React.createElement(Text, { dimColor: true }, 'No recent activity');
   }
 
   return React.createElement(
@@ -274,5 +238,5 @@ module.exports = {
   OutputRow,
   CompactOutput,
   getAgentColor,
-  getStatusIndicator
+  getStatusIndicator,
 };

package/scripts/tui/panels/SessionPanel.js

@@ -25,7 +25,7 @@ function getThreadColor(threadType) {
     chained: 'yellow',
     fusion: 'magenta',
     big: 'blue',
-    long: 'white'
+    long: 'white',
   };
   return colors[threadType] || 'gray';
 }
@@ -56,7 +56,7 @@ function formatSession(session) {
     story: story || 'none',
     threadType: thread_type || 'base',
     active,
-    current
+    current,
   };
 }
 
@@ -135,16 +135,8 @@ function SessionPanel({ refreshInterval = 5000 }) {
     return React.createElement(
       Box,
       { flexDirection: 'column', borderStyle: 'single', borderColor: 'gray', padding: 1 },
-      React.createElement(
-        Text,
-        { bold: true, color: 'cyan' },
-        'SESSIONS'
-      ),
-      React.createElement(
-        Text,
-        { dimColor: true, italic: true },
-        'No active sessions'
-      )
+      React.createElement(Text, { bold: true, color: 'cyan' }, 'SESSIONS'),
+      React.createElement(Text, { dimColor: true, italic: true }, 'No active sessions')
     );
   }
 

package/scripts/tui/panels/TracePanel.js

@@ -22,7 +22,7 @@ const QUALITY_GATES = {
   coverage: { name: 'Coverage', color: 'magenta', icon: '%' },
   lint: { name: 'Lint', color: 'yellow', icon: '◆' },
   types: { name: 'Types', color: 'blue', icon: '⬡' },
-  visual: { name: 'Visual', color: 'cyan', icon: '◉' }
+  visual: { name: 'Visual', color: 'cyan', icon: '◉' },
 };
 
 /**
@@ -111,26 +111,10 @@ function GateRow({ gate, status, value }) {
   return React.createElement(
     Box,
     { flexDirection: 'row', marginLeft: 2 },
-    React.createElement(
-      Text,
-      { color: gateConfig.color },
-      `${gateConfig.icon} `
-    ),
-    React.createElement(
-      Text,
-      { color: statusColor },
-      `${statusSymbol} `
-    ),
-    React.createElement(
-      Text,
-      null,
-      `${gateConfig.name}`
-    ),
-    value !== undefined && React.createElement(
-      Text,
-      { dimColor: true },
-      `: ${value}`
-    )
+    React.createElement(Text, { color: gateConfig.color }, `${gateConfig.icon} `),
+    React.createElement(Text, { color: statusColor }, `${statusSymbol} `),
+    React.createElement(Text, null, `${gateConfig.name}`),
+    value !== undefined && React.createElement(Text, { dimColor: true }, `: ${value}`)
   );
 }
 
@@ -139,11 +123,7 @@ function GateRow({ gate, status, value }) {
  */
 function LoopTrace({ loopStatus }) {
   if (!loopStatus || !loopStatus.active) {
-    return React.createElement(
-      Text,
-      { dimColor: true, italic: true },
-      'No active loop'
-    );
+    return React.createElement(Text, { dimColor: true, italic: true }, 'No active loop');
   }
 
   const {
@@ -155,7 +135,7 @@ function LoopTrace({ loopStatus }) {
     coverageMode,
     coverageThreshold,
     coverageCurrent,
-    visualMode
+    visualMode,
   } = loopStatus;
 
   // Build gates list
@@ -165,7 +145,7 @@ function LoopTrace({ loopStatus }) {
   gates.push({
     gate: 'tests',
     status: 'running',
-    value: null
+    value: null,
   });
 
   // Coverage if enabled
@@ -173,7 +153,7 @@ function LoopTrace({ loopStatus }) {
     gates.push({
       gate: 'coverage',
       status: coverageCurrent >= coverageThreshold ? 'passed' : 'running',
-      value: `${coverageCurrent?.toFixed(1) || 0}% / ${coverageThreshold}%`
+      value: `${coverageCurrent?.toFixed(1) || 0}% / ${coverageThreshold}%`,
     });
   }
 
@@ -182,7 +162,7 @@ function LoopTrace({ loopStatus }) {
     gates.push({
       gate: 'visual',
       status: 'pending',
-      value: null
+      value: null,
     });
   }
 
@@ -212,30 +192,27 @@ function LoopTrace({ loopStatus }) {
       Box,
       { flexDirection: 'row', marginY: 1 },
       React.createElement(Text, { dimColor: true }, 'Iteration: '),
-      React.createElement(
-        ProgressBar,
-        { value: iteration || 0, max: maxIterations || 20, width: 15 }
-      ),
+      React.createElement(ProgressBar, {
+        value: iteration || 0,
+        max: maxIterations || 20,
+        width: 15,
+      }),
       React.createElement(Text, { dimColor: true }, ` ${iteration || 0}/${maxIterations || 20}`)
     ),
     // Coverage progress (if enabled)
-    coverageMode && React.createElement(
-      Box,
-      { flexDirection: 'row', marginBottom: 1 },
-      React.createElement(Text, { dimColor: true }, 'Coverage: '),
+    coverageMode &&
       React.createElement(
-        ProgressBar,
-        { value: coverageCurrent || 0, max: 100, width: 15 }
-      )
-    ),
+        Box,
+        { flexDirection: 'row', marginBottom: 1 },
+        React.createElement(Text, { dimColor: true }, 'Coverage: '),
+        React.createElement(ProgressBar, { value: coverageCurrent || 0, max: 100, width: 15 })
+      ),
     // Quality gates
     React.createElement(
       Box,
       { flexDirection: 'column', marginTop: 1 },
       React.createElement(Text, { dimColor: true }, 'Quality Gates:'),
-      gates.map((g, i) =>
-        React.createElement(GateRow, { key: `gate-${i}`, ...g })
-      )
+      gates.map((g, i) => React.createElement(GateRow, { key: `gate-${i}`, ...g }))
     )
   );
 }
@@ -274,22 +251,14 @@ function TracePanel({ visible = true, refreshInterval = 2000 }) {
       flexDirection: 'column',
       borderStyle: 'single',
       borderColor: 'blue',
-      padding: 1
+      padding: 1,
     },
     // Header
     React.createElement(
       Box,
       { marginBottom: 1 },
-      React.createElement(
-        Text,
-        { bold: true, color: 'blue' },
-        'AGENT TRACE'
-      ),
-      React.createElement(
-        Text,
-        { dimColor: true },
-        ' (T to toggle)'
-      )
+      React.createElement(Text, { bold: true, color: 'blue' }, 'AGENT TRACE'),
+      React.createElement(Text, { dimColor: true }, ' (T to toggle)')
     ),
     // Loop trace
     React.createElement(LoopTrace, { loopStatus })
@@ -301,11 +270,7 @@ function TracePanel({ visible = true, refreshInterval = 2000 }) {
  */
 function CompactTrace({ loopStatus }) {
   if (!loopStatus || !loopStatus.active) {
-    return React.createElement(
-      Text,
-      { dimColor: true },
-      'Loop: inactive'
-    );
+    return React.createElement(Text, { dimColor: true }, 'Loop: inactive');
   }
 
   const { iteration, maxIterations, paused, currentStory } = loopStatus;
@@ -329,5 +294,5 @@ module.exports = {
   CompactTrace,
   getStatusColor,
   getStatusSymbol,
-  QUALITY_GATES
+  QUALITY_GATES,
 };