agentxchain 2.70.0 → 2.72.0

package/dashboard/app.js

@@ -20,7 +20,7 @@ import { render as renderCoordinatorTimeouts } from './components/coordinator-ti
 
 const VIEWS = {
   timeline: { fetch: ['state', 'continuity', 'history', 'audit', 'annotations', 'connectors'], render: renderTimeline },
-  ledger: { fetch: ['ledger'], render: renderLedger },
+  ledger: { fetch: ['state', 'ledger', 'coordinatorState', 'coordinatorLedger'], render: renderLedger },
   hooks: { fetch: ['audit', 'annotations'], render: renderHooks },
   blocked: { fetch: ['state', 'audit', 'coordinatorState', 'coordinatorAudit'], render: renderBlocked },
   gate: { fetch: ['state', 'history', 'coordinatorState', 'coordinatorHistory', 'coordinatorBarriers'], render: renderGate },
@@ -38,6 +38,7 @@ const API_MAP = {
   continuity: '/api/continuity',
   history: '/api/history',
   ledger: '/api/ledger',
+  coordinatorLedger: '/api/coordinator/ledger',
   audit: '/api/hooks/audit',
   annotations: '/api/hooks/annotations',
   coordinatorState: '/api/coordinator/state',

package/dashboard/components/ledger.js

@@ -79,12 +79,7 @@ function hasObjections(entry) {
   return Array.isArray(entry.objections) && entry.objections.length > 0;
 }
 
-export function render({ ledger, filter = {} }) {
-  if (!ledger || ledger.length === 0) {
-    return `<div class="placeholder"><h2>Decision Ledger</h2><p>No decisions recorded yet.</p></div>`;
-  }
-
-  const filtered = filterEntries(ledger, filter);
+function renderFilterBar(ledger, filter) {
   const selectedAgent = filter.agent || 'all';
   const selectedPhase = filter.phase || 'all';
   const dateFrom = filter.dateFrom || '';
@@ -93,56 +88,57 @@ export function render({ ledger, filter = {} }) {
   const agents = collectAgents(ledger);
   const phases = collectPhases(ledger);
 
-  let html = `<div class="ledger-view">
-    <div class="section"><h3>Decision Ledger</h3>
-    <p class="section-subtitle">${filtered.length} of ${ledger.length} decision${ledger.length !== 1 ? 's' : ''} shown</p>
-    <div class="filter-bar">
-      <label class="filter-control">
-        <span>Agent</span>
-        <select data-view-control="ledger-agent">
-          <option value="all"${selectedAgent === 'all' ? ' selected' : ''}>All roles</option>
-          ${agents.map((agent) => `<option value="${esc(agent)}"${selectedAgent === agent ? ' selected' : ''}>${esc(agent)}</option>`).join('')}
-        </select>
-      </label>
-      <label class="filter-control">
-        <span>Phase</span>
-        <select data-view-control="ledger-phase">
-          <option value="all"${selectedPhase === 'all' ? ' selected' : ''}>All phases</option>
-          ${phases.map((p) => `<option value="${esc(p)}"${selectedPhase === p ? ' selected' : ''}>${esc(p)}</option>`).join('')}
-        </select>
-      </label>
-      <label class="filter-control">
-        <span>Search</span>
-        <input
-          type="search"
-          data-view-control="ledger-query"
-          value="${esc(query)}"
-          placeholder="Filter by role or decision"
-          autocomplete="off"
-        >
-      </label>
-      <label class="filter-control">
-        <span>From</span>
-        <input
-          type="date"
-          data-view-control="ledger-date-from"
-          value="${esc(dateFrom)}"
-          autocomplete="off"
-        >
-      </label>
-      <label class="filter-control">
-        <span>To</span>
-        <input
-          type="date"
-          data-view-control="ledger-date-to"
-          value="${esc(dateTo)}"
-          autocomplete="off"
-        >
-      </label>
-    </div>
-    <table class="data-table">
-      <thead><tr><th>Turn</th><th>Agent</th><th>Decision</th><th>Timestamp</th></tr></thead>
-      <tbody>`;
+  return `<div class="filter-bar">
+    <label class="filter-control">
+      <span>Agent</span>
+      <select data-view-control="ledger-agent">
+        <option value="all"${selectedAgent === 'all' ? ' selected' : ''}>All roles</option>
+        ${agents.map((agent) => `<option value="${esc(agent)}"${selectedAgent === agent ? ' selected' : ''}>${esc(agent)}</option>`).join('')}
+      </select>
+    </label>
+    <label class="filter-control">
+      <span>Phase</span>
+      <select data-view-control="ledger-phase">
+        <option value="all"${selectedPhase === 'all' ? ' selected' : ''}>All phases</option>
+        ${phases.map((p) => `<option value="${esc(p)}"${selectedPhase === p ? ' selected' : ''}>${esc(p)}</option>`).join('')}
+      </select>
+    </label>
+    <label class="filter-control">
+      <span>Search</span>
+      <input
+        type="search"
+        data-view-control="ledger-query"
+        value="${esc(query)}"
+        placeholder="Filter by role or decision"
+        autocomplete="off"
+      >
+    </label>
+    <label class="filter-control">
+      <span>From</span>
+      <input
+        type="date"
+        data-view-control="ledger-date-from"
+        value="${esc(dateFrom)}"
+        autocomplete="off"
+      >
+    </label>
+    <label class="filter-control">
+      <span>To</span>
+      <input
+        type="date"
+        data-view-control="ledger-date-to"
+        value="${esc(dateTo)}"
+        autocomplete="off"
+      >
+    </label>
+  </div>`;
+}
+
+function renderLedgerTable(entries, filter) {
+  const filtered = filterEntries(entries, filter);
+  let html = `<table class="data-table">
+    <thead><tr><th>Turn</th><th>Agent</th><th>Decision</th><th>Timestamp</th></tr></thead>
+    <tbody>`;
 
   if (filtered.length === 0) {
     html += `<tr><td colspan="4">No decisions match the current filters.</td></tr>`;
@@ -160,6 +156,65 @@ export function render({ ledger, filter = {} }) {
     }
   }
 
-  html += `</tbody></table></div></div>`;
+  html += `</tbody></table>`;
+  return { html, filteredCount: filtered.length };
+}
+
+function buildSections({ ledger, coordinatorLedger, state, coordinatorState }) {
+  const sections = [];
+  const hasRepoContext = Boolean(state) || (Array.isArray(ledger) && ledger.length > 0);
+  const hasCoordinatorContext = Boolean(coordinatorState) || (Array.isArray(coordinatorLedger) && coordinatorLedger.length > 0);
+
+  if (hasRepoContext) {
+    sections.push({
+      title: hasCoordinatorContext ? 'Repo Decision Ledger' : 'Decision Ledger',
+      entries: Array.isArray(ledger) ? ledger : [],
+      emptyMessage: 'No repo-local decisions recorded yet.',
+    });
+  }
+
+  if (hasCoordinatorContext) {
+    sections.push({
+      title: hasRepoContext ? 'Coordinator Decision Ledger' : 'Coordinator Decision Ledger',
+      entries: Array.isArray(coordinatorLedger) ? coordinatorLedger : [],
+      emptyMessage: 'No coordinator decisions recorded yet.',
+    });
+  }
+
+  return sections;
+}
+
+export function render({
+  ledger,
+  coordinatorLedger = null,
+  state = null,
+  coordinatorState = null,
+  filter = {},
+}) {
+  const sections = buildSections({ ledger, coordinatorLedger, state, coordinatorState });
+  if (sections.length === 0) {
+    return `<div class="placeholder"><h2>Decision Ledger</h2><p>No decisions recorded yet.</p></div>`;
+  }
+
+  const combinedLedger = sections.flatMap((section) => section.entries);
+  let html = `<div class="ledger-view">
+    <div class="section"><h3>Decisions</h3>
+    <p class="section-subtitle">${sections.length === 1 ? 'Decision ledger surface' : 'Repo-local and coordinator decision ledgers'}</p>
+    ${renderFilterBar(combinedLedger, filter)}
+    </div>`;
+
+  for (const section of sections) {
+    const { html: tableHtml, filteredCount } = renderLedgerTable(section.entries, filter);
+    html += `<div class="section"><h3>${section.title}</h3>
+      <p class="section-subtitle">${filteredCount} of ${section.entries.length} decision${section.entries.length !== 1 ? 's' : ''} shown</p>`;
+    if (section.entries.length === 0) {
+      html += `<div class="placeholder compact"><p>${section.emptyMessage}</p></div>`;
+    } else {
+      html += tableHtml;
+    }
+    html += `</div>`;
+  }
+
+  html += `</div>`;
   return html;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "agentxchain",
-  "version": "2.70.0",
+  "version": "2.72.0",
   "description": "CLI for AgentXchain — governed multi-agent software delivery",
   "type": "module",
   "bin": {

package/src/commands/multi.js

@@ -10,6 +10,7 @@
  *   multi resync       — detect divergence and rebuild coordinator state from repo authority
  */
 
+import chalk from 'chalk';
 import { loadCoordinatorConfig } from '../lib/coordinator-config.js';
 import {
   initializeCoordinatorRun,
@@ -105,11 +106,44 @@ export async function multiStatusCommand(options) {
   }
 
   console.log(`Super Run:    ${status.super_run_id}`);
-  console.log(`Status:       ${status.status}`);
+  console.log(`Status:       ${formatCoordinatorStatus(status.status)}`);
   console.log(`Phase:        ${status.phase}`);
 
+  // Elapsed time for active runs
+  if (status.created_at && status.status === 'active') {
+    const elapsedMs = Date.now() - new Date(status.created_at).getTime();
+    if (elapsedMs >= 0) {
+      const secs = Math.floor(elapsedMs / 1000);
+      const mins = Math.floor(secs / 60);
+      const remainSecs = secs % 60;
+      const elapsed = mins > 0 ? `${mins}m ${remainSecs}s` : `${remainSecs}s`;
+      console.log(`Elapsed:      ${elapsed}`);
+    }
+  }
+
+  // Blocked state with reason
+  if (status.status === 'blocked') {
+    const reason = (typeof status.blocked_reason === 'string' && status.blocked_reason.trim())
+      ? status.blocked_reason.trim()
+      : 'unknown reason';
+    console.log(`Blocked:      ${chalk.red.bold('BLOCKED')} — ${reason}`);
+  }
+
+  // Pending gate with phase transition direction
   if (status.pending_gate) {
-    console.log(`Pending Gate: ${status.pending_gate.gate} (${status.pending_gate.gate_type})`);
+    const pg = status.pending_gate;
+    const fromTo = pg.from && pg.to ? ` ${pg.from} → ${pg.to}` : '';
+    console.log(`Pending Gate: ${pg.gate} (${pg.gate_type})${fromTo}`);
+    console.log(`Action:       Run ${chalk.cyan('agentxchain multi approve-gate')} to advance`);
+  }
+
+  // Completed state
+  if (status.status === 'completed') {
+    console.log('');
+    console.log(`  ${chalk.green.bold('✓ Coordinator run completed')}`);
+    if (status.updated_at) {
+      console.log(`  ${chalk.dim('Completed:')} ${status.updated_at}`);
+    }
   }
 
   console.log('');
@@ -119,6 +153,17 @@ export async function multiStatusCommand(options) {
     console.log(`  ${repoId}: ${info.status || 'unknown'}${phase} (run: ${info.run_id})`);
   }
 
+  // Phase gate status
+  const gateEntries = Object.entries(status.phase_gate_status || {});
+  if (gateEntries.length > 0) {
+    console.log('');
+    console.log('Gates:');
+    for (const [gate, gateStatus] of gateEntries) {
+      const icon = gateStatus === 'passed' ? chalk.green('✓') : chalk.dim('○');
+      console.log(`  ${icon} ${gate}: ${gateStatus}`);
+    }
+  }
+
   const barrierEntries = Object.entries(barriers || {});
   if (barrierEntries.length > 0) {
     console.log('');
@@ -129,6 +174,15 @@ export async function multiStatusCommand(options) {
   }
 }
 
+function formatCoordinatorStatus(status) {
+  switch (status) {
+    case 'active': return chalk.green(status);
+    case 'blocked': return chalk.red.bold(status);
+    case 'completed': return chalk.cyan(status);
+    default: return status;
+  }
+}
+
 // ── multi step ─────────────────────────────────────────────────────────────
 
 export async function multiStepCommand(options) {

package/src/lib/coordinator-state.js

@@ -401,6 +401,10 @@ export function getCoordinatorStatus(workspacePath) {
     repo_runs: state.repo_runs,
     pending_barriers: pendingBarriers,
     pending_gate: state.pending_gate ?? null,
+    blocked_reason: state.blocked_reason ?? null,
+    created_at: state.created_at ?? null,
+    updated_at: state.updated_at ?? null,
+    phase_gate_status: state.phase_gate_status ?? null,
   };
 }