dw-kit 1.8.0-rc.2 → 1.9.0

package/src/commands/voice.mjs

@@ -27,7 +27,7 @@ import { spawn } from 'node:child_process';
 import yaml from 'js-yaml';
 import chalk from 'chalk';
 import { parseVoiceCommand, speakSummaryFor, detectGreeting, suggestCommands, langKey } from '../lib/voice-parser.mjs';
-import { runOrchestrator, shortenForTTS } from '../lib/orchestrator.mjs';
+import { runOrchestrator, shortenForTTS, detectDeepMode } from '../lib/orchestrator.mjs';
 import { loadConnectorsConfig } from './connector.mjs';
 import { fetchGoogleTts } from '../lib/tts-fallback.mjs';
 import { loadOrGenerateCert, readCertPair, commonLanHostnames, detectTlsProvider } from '../lib/tls-helpers.mjs';
@@ -38,7 +38,10 @@ import { resolveCommandPath, spawnAgent } from '../lib/spawn-helpers.mjs';
 // Per-token pending action state (ADR-0014). In-memory; lost on server
 // restart by design — voice latency budget makes that acceptable.
 const pendingActions = new Map();
-const PENDING_TTL_MS = 30_000;
+// F-45: 30s was too short for voice ASR + thinking + speaking. Owner-reported
+// turn at 2026-05-28 where 'yes' arrived after the window expired. 60s is a
+// kinder default; user can still say 'no'/'huỷ' to cancel explicitly.
+const PENDING_TTL_MS = 60_000;
 
 // Returns the array of pending entries that JUST expired this sweep — caller
 // may surface a one-time toast to the user so they know the pending dropped
@@ -77,6 +80,9 @@ import {
   openOutputFd, closeFd, isValidSessionId, isAlive, GOAL_MAX_LEN,
 } from '../lib/session-store.mjs';
 import { buildSessionTreeData } from '../lib/session-tree.mjs';
+import { startDebate, resolveDebateRoster } from '../lib/debate.mjs';
+import { createSseBroker } from '../lib/sse-broker.mjs';
+import { buildBoardData } from '../lib/board-data.mjs';
 
 const CACHE_DIR = '.dw/cache';
 const VOICE_TOKEN_PATH = '.dw/cache/voice.token';
@@ -234,6 +240,15 @@ async function dispatch({ cmd, rootDir, defaultAgent }) {
     }
   }
 
+  // ADR-0015 KR-D: multi-agent live debate. Fire-and-forget — agent replies
+  // arrive on the SSE stream /voice/debate-stream as they land.
+  if (name === 'debate') {
+    if (!args.topic) return { ok: false, error: 'No debate topic recognized' };
+    const lang = cmd.lang || 'en-US';
+    const result = startDebate({ topic: args.topic, rootDir, lang });
+    return result;
+  }
+
   return { ok: false, error: `Unknown command: ${name}` };
 }
 
@@ -288,6 +303,17 @@ function renderResult({ cmd, result, lang = 'en-US' }) {
   if (cmd.name === 'stop') {
     return { display: `${L === 'vi' ? 'Đã dừng' : 'Stopped'}: ${result.data.stopped}`, spoken };
   }
+  if (cmd.name === 'debate') {
+    const agents = (result.data?.agents || []).map((a) => a.agent).join(' vs ');
+    const head = L === 'vi'
+      ? `Bắt đầu tranh luận: ${agents}. Đợi từng agent trả lời…`
+      : `Debate kicked off: ${agents}. Streaming replies…`;
+    return {
+      display: `${head}\n\n_debate_id: ${result.data.debate_id}_`,
+      spoken: L === 'vi' ? `Bắt đầu tranh luận giữa ${agents}.` : `Debate kicked off between ${agents}.`,
+      debate_id: result.data.debate_id,
+    };
+  }
   return { display: L === 'vi' ? 'Xong.' : 'Done.', spoken };
 }
 
@@ -372,6 +398,15 @@ function html(token, langOptions = ['en-US'], fallbackMode = 'auto') {
   <div class="tree-body" id="session-tree-body">Loading…</div>
 </aside>
 <div class="main-col">
+<!-- ADR-0015 KR-D: multi-agent debate panel — hidden until a debate fires -->
+<section id="debate-panel" style="display:none; margin-bottom:16px; background:#0b1018; border:1px solid #21262d; border-radius:6px; padding:10px 12px;">
+  <div style="display:flex; justify-content:space-between; align-items:center; margin-bottom:8px; padding-bottom:6px; border-bottom:1px solid #21262d;">
+    <h2 style="font-size:13px; font-weight:600; margin:0">Live debate</h2>
+    <span id="debate-meta" style="color:var(--dim); font-size:11px"></span>
+    <button id="debate-close" title="Close debate panel" type="button" style="background:transparent; color:var(--dim); border:1px solid #30363d; padding:2px 8px; font-size:12px; border-radius:4px; cursor:pointer">✕</button>
+  </div>
+  <div id="debate-cols" style="display:grid; grid-template-columns:1fr 1fr; gap:12px;"></div>
+</section>
 <div class="controls">
   <button id="mic" aria-pressed="false">Tap to talk</button>
   <select id="langSelect" title="Recognition + TTS language">${langSelectOptions}</select>
@@ -643,12 +678,118 @@ async function send(text) {
     replacePlaceholder(placeholderId, { display: data.display || '(no response)', error: !data.ok });
     speak(data.spoken || '');
     setStatus('Idle.' + (data.command === 'orchestrator' ? ' (orchestrator)' : ''));
+    // ADR-0015 KR-D: if the dispatch returned a debate_id, open the SSE stream
+    // and render agent replies as they arrive.
+    if (data.command === 'debate' && data.debate_id) {
+      openDebateStream(data.debate_id, data.roster || []);
+    }
   } catch (e) {
     replacePlaceholder(placeholderId, { display: 'Network error: ' + e.message, error: true });
     setStatus('Network error.');
   }
 }
 
+// ─ ADR-0015 KR-D debate UI ─
+
+let debateEventSource = null;
+let debateState = { debate_id: null, columns: {}, queue: [] };
+
+function openDebateStream(debate_id, roster) {
+  const panel = document.getElementById('debate-panel');
+  const cols = document.getElementById('debate-cols');
+  const meta = document.getElementById('debate-meta');
+  const closeBtn = document.getElementById('debate-close');
+  cols.innerHTML = '';
+  debateState = { debate_id, columns: {}, queue: [] };
+
+  // Best-effort: fetch roster from server if dispatch didn't send it.
+  if (!roster || !roster.length) {
+    fetch('/voice/debate-roster?t=' + encodeURIComponent(TOKEN))
+      .then((r) => r.json())
+      .then((j) => { if (j.ok && j.data.roster?.length) initColumns(j.data.roster); })
+      .catch(() => initColumns(['claude', 'codex']));
+  } else {
+    initColumns(roster);
+  }
+
+  function initColumns(names) {
+    cols.innerHTML = '';
+    for (const name of names) {
+      const col = document.createElement('div');
+      col.style.cssText = 'border:1px solid #21262d; border-radius:4px; padding:8px;';
+      const h = document.createElement('div');
+      h.style.cssText = 'font-weight:600; color:var(--accent); margin-bottom:6px;';
+      h.textContent = name;
+      const status = document.createElement('span');
+      status.style.cssText = 'color:var(--dim); font-size:11px; margin-left:8px; font-weight:400';
+      status.textContent = '(thinking…)';
+      h.appendChild(status);
+      const body = document.createElement('div');
+      body.style.cssText = 'font-size:13px; line-height:1.5; white-space:pre-wrap; color:var(--fg);';
+      body.textContent = '';
+      col.appendChild(h);
+      col.appendChild(body);
+      cols.appendChild(col);
+      debateState.columns[name] = { col, status, body };
+    }
+    meta.textContent = 'debate_id ' + debate_id.slice(-6);
+    panel.style.display = 'block';
+  }
+
+  if (debateEventSource) { try { debateEventSource.close(); } catch {} debateEventSource = null; }
+  debateEventSource = new EventSource('/voice/debate-stream?t=' + encodeURIComponent(TOKEN));
+  debateEventSource.addEventListener('message', (ev) => {
+    let payload;
+    try { payload = JSON.parse(ev.data); } catch { return; }
+    if (!payload || payload.debate_id !== debate_id) return;
+    if (payload.event === 'debate_agent_replied') {
+      const c = debateState.columns[payload.agent];
+      if (c) {
+        c.status.textContent = '(' + (payload.ms || 0) + 'ms)';
+        c.status.style.color = 'var(--ok)';
+        c.body.textContent = payload.reply || '';
+        // Queue TTS per agent — Web Speech API serializes per-tab.
+        if (payload.reply) speakDebate(payload.agent, payload.reply);
+      }
+    } else if (payload.event === 'debate_agent_failed') {
+      const c = debateState.columns[payload.agent];
+      if (c) {
+        c.status.textContent = '(failed)';
+        c.status.style.color = 'var(--err)';
+        c.body.textContent = '⚠ ' + (payload.error || 'unknown error');
+      }
+    } else if (payload.event === 'debate_completed') {
+      meta.textContent = 'completed · ' + (payload.agents || []).join(' / ');
+      try { debateEventSource.close(); } catch {}
+      debateEventSource = null;
+    }
+  });
+  debateEventSource.addEventListener('error', () => { /* keep panel open; SSE retry handled by browser */ });
+
+  closeBtn.onclick = () => {
+    panel.style.display = 'none';
+    if (debateEventSource) { try { debateEventSource.close(); } catch {} debateEventSource = null; }
+  };
+}
+
+// Per-agent TTS voice pick — falls back to the global current voice when an
+// agent has no dedicated voice. Queued (Web Speech API serializes per-tab).
+function speakDebate(agent, text) {
+  if (!('speechSynthesis' in window)) return;
+  const u = new SpeechSynthesisUtterance(text);
+  u.lang = currentLang;
+  const voices = window.speechSynthesis.getVoices();
+  // Hash agent name to pick a stable voice from the list (lo-fi differentiation).
+  if (voices.length) {
+    let h = 0;
+    for (const ch of agent) h = (h * 31 + ch.charCodeAt(0)) >>> 0;
+    const sameLang = voices.filter((v) => v.lang && v.lang.startsWith(currentLang.split('-')[0]));
+    const pool = sameLang.length ? sameLang : voices;
+    u.voice = pool[h % pool.length];
+  }
+  window.speechSynthesis.speak(u);
+}
+
 function replacePlaceholder(id, { display, error }) {
   const el = document.getElementById(id);
   if (!el) return;
@@ -786,6 +927,9 @@ if (document.readyState === 'interactive' || document.readyState === 'complete')
 // Refresh tree after any command that may have started/stopped a session.
 // Wrap \`send\` so the post-command refresh fires for both mic and text input.
 // 300ms delay lets the index write settle before we re-read.
+// F-44: this is now a fallback — SSE live stream (below) handles realtime
+// refresh for events that touch the index. The wrap stays as belt-and-
+// suspenders in case the SSE socket is closed.
 const _origSend = send;
 send = async function(text) {
   await _origSend(text);
@@ -794,6 +938,338 @@ send = async function(text) {
     setTimeout(loadSessionTree, 300);
   }
 };
+
+// ─ F-44: realtime session-tree refresh via /voice/events-stream SSE ─
+//
+// One EventSource lives for the page lifetime. We listen for session.* +
+// goal.* + debate_completed signals and re-fetch the session tree (and any
+// other portfolio surface). Debate-specific events still drive the debate
+// panel through its own openDebateStream() — both share the same broker
+// (same backend file tail), they just filter different event names.
+let _treeSseSource = null;
+let _treeRefreshPending = false;
+function scheduleTreeRefresh() {
+  // Debounce 250ms — many events can land in the same tick (e.g. created +
+  // status_changed:running fire within a few ms).
+  if (_treeRefreshPending) return;
+  _treeRefreshPending = true;
+  setTimeout(() => { _treeRefreshPending = false; loadSessionTree(); }, 250);
+}
+function openEventsStream() {
+  if (_treeSseSource) { try { _treeSseSource.close(); } catch {} _treeSseSource = null; }
+  _treeSseSource = new EventSource('/voice/events-stream?t=' + encodeURIComponent(TOKEN));
+  _treeSseSource.addEventListener('message', (ev) => {
+    let payload;
+    try { payload = JSON.parse(ev.data); } catch { return; }
+    if (!payload || !payload.event) return;
+    const name = payload.event;
+    if (name === 'session.created' || name === 'session.status_changed' || name === 'session.reconciled') {
+      scheduleTreeRefresh();
+    } else if (name === 'debate_completed' || name === 'debate_started') {
+      // A debate creates a parent audit session — also refresh tree.
+      scheduleTreeRefresh();
+    } else if (name.startsWith('goal.')) {
+      // Goal field/status/version updates may affect any portfolio view.
+      scheduleTreeRefresh();
+    }
+    // Unknown events: ignore — adapter protocol §4 forward-compat.
+  });
+  _treeSseSource.addEventListener('error', () => {
+    // Browser auto-reconnects via the broker's \`retry: 5000\`. Nothing to do.
+  });
+}
+// Open the stream once the page is interactive. SSE survives across many
+// voice turns; restart only if the page reloads.
+if (document.readyState === 'loading') {
+  window.addEventListener('DOMContentLoaded', openEventsStream);
+} else {
+  openEventsStream();
+}
+</script>
+</body></html>`;
+}
+
+// ─ F-49 Đợt 2: Kanban board page ─
+//
+// Self-contained HTML at /board?t=<token>. Polls /voice/board for JSON, then
+// renders three columns: Goals (with task cards), Subtasks (To Do/In Progress/
+// Done counts), Sessions (live). Subscribes to /voice/events-stream for
+// realtime refresh (same SSE broker as the voice page F-44 wiring).
+//
+// Click a subtask card → POST /voice/command with text "start agent for task X"
+// → the orchestrator + F-43/F-47 expansion handles spawning. Confirmation gate
+// still applies (ADR-0014).
+function boardHtml(token) {
+  return `<!DOCTYPE html>
+<html lang="en"><head>
+<meta charset="utf-8">
+<meta name="viewport" content="width=device-width,initial-scale=1">
+<title>dw board — Kanban</title>
+<style>
+  :root { color-scheme: light dark; --bg: #0d1117; --fg: #c9d1d9; --accent: #58a6ff; --dim: #6b7280; --err: #f85149; --ok: #3fb950; --warn: #d29922; --card: #161b22; --border: #21262d; }
+  * { box-sizing: border-box; }
+  body { background: var(--bg); color: var(--fg); font: 14px/1.5 -apple-system, BlinkMacSystemFont, system-ui, sans-serif; margin: 0; padding: 16px; }
+  h1 { font-size: 18px; margin: 0 0 4px 0; }
+  .subtitle { color: var(--dim); font-size: 13px; margin-bottom: 16px; }
+  .topbar { display: flex; justify-content: space-between; align-items: center; gap: 16px; margin-bottom: 12px; flex-wrap: wrap; }
+  .topbar a { color: var(--accent); text-decoration: none; font-size: 13px; }
+  .topbar a:hover { text-decoration: underline; }
+  .totals { display: flex; gap: 12px; flex-wrap: wrap; font-size: 12px; color: var(--dim); }
+  .totals .pill { background: var(--card); border: 1px solid var(--border); padding: 3px 8px; border-radius: 999px; }
+  .totals .pill .num { color: var(--fg); font-weight: 600; }
+  .columns { display: grid; grid-template-columns: 1.4fr 1fr 1fr; gap: 16px; align-items: start; }
+  @media (max-width: 980px) { .columns { grid-template-columns: 1fr; } }
+  .col { background: #0b1018; border: 1px solid var(--border); border-radius: 6px; padding: 10px 12px; }
+  .col h2 { font-size: 13px; font-weight: 600; margin: 0 0 8px 0; padding-bottom: 6px; border-bottom: 1px solid var(--border); display: flex; justify-content: space-between; }
+  .col h2 .count { color: var(--dim); font-weight: 400; font-size: 11px; }
+  .goal-card { background: var(--card); border: 1px solid var(--border); border-left: 3px solid var(--accent); border-radius: 4px; padding: 8px 10px; margin-bottom: 10px; }
+  .goal-card.cycle-north-star { border-left-color: var(--warn); }
+  .goal-card .gid { color: var(--accent); font-weight: 600; font-size: 12px; }
+  .goal-card .gtitle { color: var(--fg); font-size: 13px; margin-top: 2px; }
+  .goal-card .gmeta { color: var(--dim); font-size: 11px; margin-top: 4px; }
+  .progress-bar { height: 4px; background: var(--border); border-radius: 2px; margin-top: 6px; overflow: hidden; }
+  .progress-bar .fill { height: 100%; background: var(--ok); transition: width 0.3s; }
+  .task-card { background: #0d1117; border: 1px solid var(--border); border-radius: 4px; padding: 6px 8px; margin-top: 6px; margin-left: 12px; cursor: pointer; transition: border-color 0.15s; }
+  .task-card:hover { border-color: var(--accent); }
+  .task-card .ttitle { color: var(--fg); font-size: 12px; font-weight: 500; }
+  .task-card .tmeta { color: var(--dim); font-size: 11px; }
+  .subtask-row { font-size: 11px; padding: 2px 0; color: var(--fg); cursor: pointer; }
+  .subtask-row:hover { color: var(--accent); }
+  .subtask-row.bucket-done { color: var(--dim); text-decoration: line-through; }
+  .subtask-row.bucket-blocked { color: var(--err); }
+  .subtask-row.bucket-in_progress { color: var(--warn); }
+  .session-card { background: var(--card); border: 1px solid var(--border); border-radius: 4px; padding: 6px 8px; margin-bottom: 6px; font-size: 12px; }
+  .session-card .sagent { color: var(--accent); font-weight: 600; }
+  .session-card .sstatus { display: inline-block; padding: 1px 6px; border-radius: 999px; font-size: 10px; font-weight: 600; text-transform: uppercase; margin-right: 4px; }
+  .pill-running { background: rgba(63, 185, 80, 0.18); color: var(--ok); }
+  .pill-idle { background: rgba(107, 114, 128, 0.22); color: var(--dim); }
+  .pill-terminal { background: rgba(248, 81, 73, 0.15); color: var(--err); }
+  .empty { color: var(--dim); font-style: italic; font-size: 12px; padding: 8px 0; }
+  .toast { position: fixed; bottom: 16px; right: 16px; background: var(--card); border: 1px solid var(--accent); padding: 10px 14px; border-radius: 6px; font-size: 13px; max-width: 360px; box-shadow: 0 4px 12px rgba(0,0,0,0.4); }
+  .toast.err { border-color: var(--err); }
+</style>
+</head><body>
+<div class="topbar">
+  <div>
+    <h1>📋 dw board</h1>
+    <div class="subtitle">Goals · Tasks · Subtasks · Sessions — click a subtask to spawn an agent</div>
+  </div>
+  <div style="display:flex; gap:12px; align-items:center;">
+    <a href="/?t=${token}">← voice page</a>
+    <button id="refresh" type="button" style="background:var(--card); color:var(--fg); border:1px solid var(--border); padding:4px 10px; border-radius:4px; cursor:pointer;">↻ refresh</button>
+  </div>
+</div>
+
+<div class="totals" id="totals"></div>
+
+<div class="columns" style="margin-top:14px;">
+  <div class="col" id="col-goals">
+    <h2>Goals + Tasks <span class="count" id="ct-goals"></span></h2>
+    <div id="goals-body">Loading…</div>
+  </div>
+  <div class="col" id="col-subtasks">
+    <h2>Subtasks (open) <span class="count" id="ct-subtasks"></span></h2>
+    <div id="subtasks-body">Loading…</div>
+  </div>
+  <div class="col" id="col-sessions">
+    <h2>Sessions <span class="count" id="ct-sessions"></span></h2>
+    <div id="sessions-body">Loading…</div>
+  </div>
+</div>
+
+<div id="toast" class="toast" style="display:none"></div>
+
+<script>
+const TOKEN = ${JSON.stringify(token)};
+let lastData = null;
+
+function showToast(msg, isErr) {
+  const t = document.getElementById('toast');
+  t.textContent = msg;
+  t.classList.toggle('err', !!isErr);
+  t.style.display = 'block';
+  clearTimeout(t._timer);
+  t._timer = setTimeout(() => { t.style.display = 'none'; }, 4500);
+}
+
+async function loadBoard() {
+  try {
+    const res = await fetch('/voice/board?t=' + encodeURIComponent(TOKEN));
+    const j = await res.json();
+    if (!j.ok) throw new Error(j.error || 'fetch failed');
+    lastData = j.data;
+    render(j.data);
+  } catch (e) {
+    showToast('Load failed: ' + e.message, true);
+  }
+}
+
+function render(d) {
+  // Totals bar
+  const totalsEl = document.getElementById('totals');
+  totalsEl.innerHTML = '';
+  const pills = [
+    ['goals', d.totals.goals_active + '/' + d.totals.goals_total],
+    ['tasks', d.totals.tasks_active + '/' + d.totals.tasks_total],
+    ['pending', d.totals.subtasks_pending],
+    ['in progress', d.totals.subtasks_in_progress],
+    ['done', d.totals.subtasks_done],
+    ['sessions running', d.totals.sessions_running],
+  ];
+  for (const [k, v] of pills) {
+    const p = document.createElement('span');
+    p.className = 'pill';
+    p.innerHTML = '<span class="num">' + v + '</span> ' + k;
+    totalsEl.appendChild(p);
+  }
+
+  // Column 1 — Goals + their tasks.
+  const gbody = document.getElementById('goals-body');
+  gbody.innerHTML = '';
+  if (!d.goals.length) {
+    gbody.innerHTML = '<div class="empty">No active goals.</div>';
+  }
+  for (const g of d.goals) {
+    const gc = document.createElement('div');
+    gc.className = 'goal-card cycle-' + (g.cycle || '');
+    const gid = document.createElement('div'); gid.className = 'gid';
+    gid.textContent = (g.icon ? g.icon + ' ' : '') + g.goal_id;
+    const gt = document.createElement('div'); gt.className = 'gtitle';
+    gt.textContent = g.title;
+    const gm = document.createElement('div'); gm.className = 'gmeta';
+    gm.textContent = g.status + (g.target_date ? ' · ' + g.target_date : '') + (g.cycle ? ' · ' + g.cycle : '');
+    gc.appendChild(gid); gc.appendChild(gt); gc.appendChild(gm);
+    if (g.progress && Number.isFinite(g.progress.percent)) {
+      const bar = document.createElement('div'); bar.className = 'progress-bar';
+      const fill = document.createElement('div'); fill.className = 'fill';
+      fill.style.width = g.progress.percent + '%';
+      bar.appendChild(fill); gc.appendChild(bar);
+    }
+    for (const t of g.tasks) {
+      const tc = document.createElement('div'); tc.className = 'task-card';
+      const tt = document.createElement('div'); tt.className = 'ttitle';
+      tt.textContent = t.task_id;
+      const tm = document.createElement('div'); tm.className = 'tmeta';
+      tm.textContent = t.status + (t.phase ? ' · ' + t.phase.slice(0, 40) : '');
+      tc.appendChild(tt); tc.appendChild(tm);
+      // Click task → spawn agent (uses orchestrator + F-43/F-47 expansion).
+      tc.onclick = () => triggerSpawnForTask(t, g);
+      gc.appendChild(tc);
+    }
+    gbody.appendChild(gc);
+  }
+  document.getElementById('ct-goals').textContent = '(' + d.goals.length + ')';
+
+  // Column 2 — Open subtasks (pending + in_progress).
+  const sbody = document.getElementById('subtasks-body');
+  sbody.innerHTML = '';
+  const open = [];
+  for (const g of d.goals) {
+    for (const t of g.tasks) {
+      for (const st of t.subtasks) {
+        if (st.status_bucket === 'pending' || st.status_bucket === 'in_progress' || st.status_bucket === 'blocked') {
+          open.push({ goal: g, task: t, st });
+        }
+      }
+    }
+  }
+  if (!open.length) {
+    sbody.innerHTML = '<div class="empty">No open subtasks.</div>';
+  }
+  for (const entry of open.slice(0, 60)) {
+    const row = document.createElement('div');
+    row.className = 'subtask-row bucket-' + entry.st.status_bucket;
+    row.textContent = entry.st.status_icon + ' ' + entry.st.st_id + ' · ' + entry.task.task_id + ' · ' + entry.st.title.slice(0, 80);
+    row.title = entry.st.notes;
+    row.onclick = () => triggerSpawnForSubtask(entry.st, entry.task, entry.goal);
+    sbody.appendChild(row);
+  }
+  document.getElementById('ct-subtasks').textContent = '(' + open.length + ')';
+
+  // Column 3 — Sessions.
+  const sessBody = document.getElementById('sessions-body');
+  sessBody.innerHTML = '';
+  if (!d.sessions.length) {
+    sessBody.innerHTML = '<div class="empty">No sessions.</div>';
+  }
+  for (const s of d.sessions) {
+    const sc = document.createElement('div'); sc.className = 'session-card';
+    const head = document.createElement('div');
+    const pill = document.createElement('span'); pill.className = 'sstatus pill-' + bucketForStatus(s.status); pill.textContent = s.status;
+    const ag = document.createElement('span'); ag.className = 'sagent'; ag.textContent = s.agent;
+    head.appendChild(pill); head.appendChild(ag);
+    const goal = document.createElement('div'); goal.style.color = 'var(--dim)'; goal.style.fontSize = '11px'; goal.textContent = (s.goal_preview || '').slice(0, 80);
+    const id = document.createElement('div'); id.style.color = 'var(--dim)'; id.style.fontSize = '10px'; id.textContent = s.session_id.slice(-12);
+    sc.appendChild(head); sc.appendChild(goal); sc.appendChild(id);
+    sessBody.appendChild(sc);
+  }
+  document.getElementById('ct-sessions').textContent = '(' + d.sessions.length + ')';
+}
+
+function bucketForStatus(s) {
+  if (s === 'running' || s === 'starting') return 'running';
+  if (s === 'completed' || s === 'exited') return 'idle';
+  return 'terminal';
+}
+
+function triggerSpawnForTask(task, goal) {
+  const text = 'start agent for task ' + task.task_id + ' under goal ' + goal.goal_id;
+  showToast('Asking orchestrator: ' + text);
+  fetch('/voice/command', {
+    method: 'POST',
+    headers: { 'Content-Type': 'application/json', 'X-Voice-Token': TOKEN },
+    body: JSON.stringify({ text, lang: 'en-US' }),
+  }).then((r) => r.json()).then((j) => {
+    if (j.command === 'orchestrator_recommend') {
+      showToast('Orchestrator suggested an action — go to voice page to confirm.');
+    } else if (j.ok) {
+      showToast('Done: ' + (j.spoken || 'OK'));
+      setTimeout(loadBoard, 400);
+    } else {
+      showToast('Failed: ' + (j.error || j.display || 'unknown'), true);
+    }
+  }).catch((e) => showToast('Network error: ' + e.message, true));
+}
+
+function triggerSpawnForSubtask(st, task, goal) {
+  const text = 'start agent for subtask ' + st.st_id + ' of task ' + task.task_id + ' under goal ' + goal.goal_id;
+  showToast('Asking orchestrator: ' + text);
+  fetch('/voice/command', {
+    method: 'POST',
+    headers: { 'Content-Type': 'application/json', 'X-Voice-Token': TOKEN },
+    body: JSON.stringify({ text, lang: 'en-US' }),
+  }).then((r) => r.json()).then((j) => {
+    if (j.command === 'orchestrator_recommend') {
+      showToast('Orchestrator suggested an action — go to voice page to confirm.');
+    } else if (j.ok) {
+      showToast('Done: ' + (j.spoken || 'OK'));
+      setTimeout(loadBoard, 400);
+    } else {
+      showToast('Failed: ' + (j.error || j.display || 'unknown'), true);
+    }
+  }).catch((e) => showToast('Network error: ' + e.message, true));
+}
+
+document.getElementById('refresh').onclick = loadBoard;
+window.addEventListener('DOMContentLoaded', loadBoard);
+if (document.readyState !== 'loading') loadBoard();
+
+// Realtime refresh via the shared SSE broker (F-44).
+let _refreshPending = false;
+function scheduleRefresh() {
+  if (_refreshPending) return;
+  _refreshPending = true;
+  setTimeout(() => { _refreshPending = false; loadBoard(); }, 300);
+}
+const es = new EventSource('/voice/events-stream?t=' + encodeURIComponent(TOKEN));
+es.addEventListener('message', (ev) => {
+  let p; try { p = JSON.parse(ev.data); } catch { return; }
+  if (!p || !p.event) return;
+  const n = p.event;
+  if (n.startsWith('session.') || n.startsWith('goal.') || n === 'debate_completed' || n === 'debate_started') {
+    scheduleRefresh();
+  }
+});
 </script>
 </body></html>`;
 }
@@ -860,6 +1336,9 @@ export async function voiceCommand(opts = {}) {
   const langOptions = [defaultLang, ...extras.filter((l) => l !== defaultLang)];
   const fallbackMode = voiceCfg.fallback_tts || 'auto';
 
+  // ADR-0015: SSE broker for debate replies — lazy-init on first connection.
+  let debateBroker = null;
+
   server.on('request', async (req, res) => {
     try {
       if (req.method === 'GET' && (req.url === '/' || req.url === '/index.html')) {
@@ -960,6 +1439,39 @@ export async function voiceCommand(opts = {}) {
             }
           }
           const withExpired = (display) => (display || '') + (expiredNote || '');
+
+          // F-46: if user says yes/ok and there's no pending BUT one expired
+          // in THIS sweep, treat it as a confirmation of the just-expired
+          // action (the user clearly intended to confirm; the 60s window
+          // closed a beat before they spoke). This rescues the very common
+          // race where voice ASR + thinking + speaking exceeds the TTL.
+          // Only applies to the SAME token's expired entry and only when
+          // pendingActions is otherwise empty for this token.
+          if (!pendingActions.get(token) && isConfirmPhrase(text)) {
+            const rescue = justExpired.find((e) => e.token === token);
+            if (rescue) {
+              log.step('pending_rescued', { action: rescue.pending.action, by: 'F-46 just_expired_rescue' });
+              const result = await executeAction({
+                name: rescue.pending.action, args: rescue.pending.args, rootDir, lang: requestLang,
+              });
+              if (rescue.pending.sessionId) appendActionEvent(rootDir, rescue.pending, 'orchestrator_confirmed_after_expiry', result);
+              log.step('action_executed', { action: rescue.pending.action, ok: result.ok });
+              log.done(result.ok ? 'action_executed' : 'action_failed');
+              const rescueNote = requestLang.startsWith('vi')
+                ? '\n\n(Hết hạn rồi nhưng tôi vẫn chạy theo "yes" của bạn — F-46 rescue.)'
+                : '\n\n(Past the window, but ran on your "yes" anyway — F-46 rescue.)';
+              res.writeHead(200, { 'Content-Type': 'application/json' });
+              res.end(JSON.stringify({
+                ok: result.ok,
+                display: (result.display || '') + rescueNote,
+                spoken: result.spoken,
+                command: 'action_executed',
+                action: rescue.pending.action,
+              }));
+              return;
+            }
+          }
+
           const pending = pendingActions.get(token);
           if (pending) {
             log.step('pending_check', { action: pending.action, expires_in_s: Math.round((pending.expires_at - Date.now()) / 1000) });
@@ -1005,6 +1517,8 @@ export async function voiceCommand(opts = {}) {
           log.step('greeting', { matched: false });
 
           const cmd = parseVoiceCommand(text);
+          // Pass language through so dispatch (e.g. debate) can localize replies.
+          if (cmd) cmd.lang = requestLang;
           log.step('parser', { matched: cmd ? cmd.name : 'miss' });
           if (!cmd) {
             // Hybrid fallback (Phase 4 hardening, owner directive 2026-05-24):
@@ -1017,7 +1531,13 @@ export async function voiceCommand(opts = {}) {
               const agentName = cfg.orchestrator.agent || 'claude';
               const timeoutMs = Number(cfg.orchestrator.timeout_ms) || 30000;
               log.step('orchestrator_spawn', { agent: agentName, timeout_ms: timeoutMs });
-              const orch = await runOrchestrator({ text, rootDir, agentName, timeoutMs, lang: requestLang });
+              // F-48: detect deep-mode trigger phrases and loosen the prompt.
+              const deepMode = detectDeepMode(text, requestLang);
+              if (deepMode) log.step('deep_mode', { triggered: true });
+              const orch = await runOrchestrator({
+                text, rootDir, agentName, timeoutMs, lang: requestLang,
+                mode: deepMode ? 'deep' : 'quick',
+              });
               log.step('orchestrator_result', { ok: orch.ok, reply_chars: orch.reply?.length || 0, error: orch.error });
               if (orch.ok) {
                 // ADR-0014: parse [ACTION: ...] tag from the orchestrator's
@@ -1104,7 +1624,17 @@ export async function voiceCommand(opts = {}) {
           const rendered = renderResult({ cmd, result, lang: requestLang });
           log.done('fast_path', { command: cmd.name, ok: result.ok, error: result.ok ? undefined : (result.error || '').slice(0, 200) });
           res.writeHead(200, { 'Content-Type': 'application/json' });
-          res.end(JSON.stringify({ ok: result.ok, display: withExpired(rendered.display), spoken: rendered.spoken, command: cmd.name, error: result.error }));
+          res.end(JSON.stringify({
+            ok: result.ok,
+            display: withExpired(rendered.display),
+            spoken: rendered.spoken,
+            command: cmd.name,
+            error: result.error,
+            // ADR-0015: expose debate_id + roster to the client so the page
+            // can open the SSE stream + render the columns.
+            debate_id: cmd.name === 'debate' ? result.debate_id : undefined,
+            roster: cmd.name === 'debate' ? (result.agents || []).map((a) => a.agent) : undefined,
+          }));
         });
         return;
       }
@@ -1125,6 +1655,62 @@ export async function voiceCommand(opts = {}) {
         res.end(JSON.stringify(body, null, 2));
         return;
       }
+      // ADR-0015 SSE stream — agents' replies tail events-global.jsonl via
+      // sse-broker. Client filters frames by debate_id client-side.
+      // F-44: /voice/events-stream is the unified endpoint covering ALL
+      // global events (debate.*, goal.*, session.*). /voice/debate-stream
+      // is kept as a backward-compat alias of the SAME broker — the file
+      // it tails contains everything; client filters by event name.
+      if (req.method === 'GET' && (req.url.startsWith('/voice/events-stream') || req.url.startsWith('/voice/debate-stream'))) {
+        const urlObj = new URL(req.url, `http://localhost:${port}`);
+        if (urlObj.searchParams.get('t') !== token) {
+          res.writeHead(401, { 'Content-Type': 'application/json' });
+          res.end(JSON.stringify({ ok: false, error: 'unauthorized' }));
+          return;
+        }
+        if (!debateBroker) debateBroker = createSseBroker(rootDir, { maxClients: 10 });
+        debateBroker.addClient(req, res);
+        return;
+      }
+      // ADR-0015 roster info — browser uses this to render the column labels
+      // and pick per-agent TTS voices.
+      if (req.method === 'GET' && req.url.startsWith('/voice/debate-roster')) {
+        const urlObj = new URL(req.url, `http://localhost:${port}`);
+        if (urlObj.searchParams.get('t') !== token) {
+          res.writeHead(401, { 'Content-Type': 'application/json' });
+          res.end(JSON.stringify({ ok: false, error: 'unauthorized' }));
+          return;
+        }
+        const { roster, timeout_ms } = resolveDebateRoster(rootDir);
+        res.writeHead(200, { 'Content-Type': 'application/json' });
+        res.end(JSON.stringify({ ok: true, data: { roster, timeout_ms } }));
+        return;
+      }
+      // F-49 Đợt 2: Kanban board JSON + HTML page.
+      if (req.method === 'GET' && req.url.startsWith('/voice/board')) {
+        const urlObj = new URL(req.url, `http://localhost:${port}`);
+        if (urlObj.searchParams.get('t') !== token) {
+          res.writeHead(401, { 'Content-Type': 'application/json' });
+          res.end(JSON.stringify({ ok: false, error: 'unauthorized' }));
+          return;
+        }
+        try {
+          const data = buildBoardData(rootDir);
+          res.writeHead(200, { 'Content-Type': 'application/json', 'Cache-Control': 'no-store' });
+          res.end(JSON.stringify({ ok: true, data }, null, 2));
+        } catch (e) {
+          res.writeHead(500, { 'Content-Type': 'application/json' });
+          res.end(JSON.stringify({ ok: false, error: e.message }));
+        }
+        return;
+      }
+      if (req.method === 'GET' && (req.url === '/board' || req.url.startsWith('/board?'))) {
+        // Token authorization happens in JSON fetch — the HTML itself is
+        // public scaffolding (matches the / behavior).
+        res.writeHead(200, { 'Content-Type': 'text/html; charset=utf-8', 'Cache-Control': 'no-store' });
+        res.end(boardHtml(token));
+        return;
+      }
       res.writeHead(404); res.end();
     } catch (e) {
       try { res.writeHead(500); res.end(JSON.stringify({ ok: false, error: e.message })); } catch {}