codingbuddy 4.4.0 → 5.0.0

package/dist/src/tui-bundle.mjs

@@ -1371,12 +1371,12 @@ var require_eventemitter2 = __commonJS({
 });
 
 // src/tui/index.tsx
-import React11 from "react";
+import React12 from "react";
 import { render } from "ink";
 
 // src/tui/dashboard-app.tsx
-import React8, { useMemo as useMemo3 } from "react";
-import { Box as Box8 } from "ink";
+import React9, { useMemo as useMemo4 } from "react";
+import { Box as Box9 } from "ink";
 
 // src/tui/hooks/use-terminal-size.ts
 import { useState, useEffect } from "react";
@@ -1431,8 +1431,21 @@ function useTerminalSize() {
   return { ...size, layoutMode: getLayoutMode(size.columns) };
 }
 
+// src/tui/hooks/use-tick.ts
+import { useState as useState2, useEffect as useEffect2 } from "react";
+function useTick(intervalMs = 1e3) {
+  const [tick, setTick] = useState2(0);
+  useEffect2(() => {
+    const id = setInterval(() => {
+      setTick((prev) => prev + 1);
+    }, intervalMs);
+    return () => clearInterval(id);
+  }, [intervalMs]);
+  return tick;
+}
+
 // src/tui/hooks/use-dashboard-state.ts
-import { useReducer, useEffect as useEffect2 } from "react";
+import { useReducer, useEffect as useEffect3 } from "react";
 
 // src/tui/events/event-bus.ts
 var import_eventemitter2 = __toESM(require_eventemitter2());
@@ -1483,7 +1496,8 @@ var TUI_EVENTS = Object.freeze({
   TOOL_INVOKED: "tool:invoked",
   OBJECTIVE_SET: "objective:set",
   SESSION_RESET: "session:reset",
-  CONTEXT_UPDATED: "context:updated"
+  CONTEXT_UPDATED: "context:updated",
+  DISCUSSION_ROUND_ADDED: "discussion:round-added"
 });
 
 // src/tui/events/parse-agent.ts
@@ -2824,6 +2838,22 @@ var TestStrategyConfigSchema = z3.object({
 var AIConfigSchema = z3.object({
   defaultModel: z3.string().optional(),
   primaryAgent: z3.string().optional(),
+  /**
+   * Override default dispatch strength for parallel specialist agents.
+   * - "auto": Always dispatch specialists automatically
+   * - "recommend": Suggest dispatch (default for PLAN/ACT)
+   * - "skip": Do not dispatch specialists
+   *
+   * Default varies by mode: EVAL="auto", PLAN/ACT="recommend"
+   *
+   * @example
+   * ```javascript
+   * ai: {
+   *   dispatchStrength: 'auto',
+   * }
+   * ```
+   */
+  dispatchStrength: z3.enum(["auto", "recommend", "skip"]).optional(),
   /**
    * List of agent names to exclude from automatic resolution.
    * Useful for project-specific exclusions (e.g., exclude mobile-developer for backend-only projects).
@@ -2849,7 +2879,27 @@ var AIConfigSchema = z3.object({
    * }
    * ```
    */
-  maxIncludedSkills: z3.number().int().min(0).max(10).optional()
+  maxIncludedSkills: z3.number().int().min(0).max(10).optional(),
+  /**
+   * Enable/disable automatic plan-reviewer gate after PLAN completion.
+   * When enabled, parse_mode PLAN response includes a planReviewGate recommendation.
+   * Default: true (enabled)
+   *
+   * @example
+   * ```javascript
+   * ai: {
+   *   planReviewGate: false, // disable plan review gate
+   * }
+   * ```
+   */
+  planReviewGate: z3.boolean().optional(),
+  /**
+   * Enable/disable agent discussion integration in EVAL mode.
+   * When enabled, parse_mode EVAL response includes agentDiscussion config
+   * for structuring specialist findings as AgentOpinion protocol.
+   * Default: true (enabled)
+   */
+  agentDiscussion: z3.boolean().optional()
 });
 var AutoConfigSchema = z3.object({
   maxIterations: z3.number().int().min(1).max(10).default(3)
@@ -2877,6 +2927,8 @@ var CodingBuddyConfigSchema = z3.object({
   auto: AutoConfigSchema.optional(),
   // Context document limits (DoS prevention)
   context: ContextConfigSchema.optional(),
+  // Upstream Repository Mapping (for cross-repo issue creation)
+  upstreamRepos: z3.record(z3.string(), z3.string()).optional(),
   // Additional Context
   keyFiles: z3.array(z3.string()).optional(),
   avoid: z3.array(z3.string()).optional(),
@@ -3974,6 +4026,7 @@ function createInitialDashboardState() {
     tasks: [],
     eventLog: [],
     toolCalls: [],
+    activityHistory: [],
     objectives: [],
     activeSkills: [],
     toolInvokeCount: 0,
@@ -3983,7 +4036,8 @@ function createInitialDashboardState() {
     contextDecisions: [],
     contextNotes: [],
     contextMode: null,
-    contextStatus: null
+    contextStatus: null,
+    discussionRounds: []
   };
 }
 function cloneAgents(agents) {
@@ -4075,7 +4129,8 @@ function dashboardReducer(state, action) {
       const entry = {
         timestamp: new Date(action.payload.timestamp).toTimeString().slice(0, 8),
         message: `${action.payload.toolName}${action.payload.agentId ? ` [${action.payload.agentId}]` : ""}`,
-        level: "info"
+        level: "info",
+        rawTimestamp: action.payload.timestamp
       };
       const base = state.eventLog.length >= EVENT_LOG_MAX ? state.eventLog.slice(1) : state.eventLog;
       const invokedAgentId = action.payload.agentId;
@@ -4103,11 +4158,24 @@ function dashboardReducer(state, action) {
         status: "completed"
       };
       const toolCallsBase = state.toolCalls.length >= TOOL_CALLS_MAX ? state.toolCalls.slice(1) : state.toolCalls;
+      const sec = Math.floor(action.payload.timestamp / 1e3);
+      const history = state.activityHistory;
+      const last = history.length > 0 ? history[history.length - 1] : null;
+      let activityHistory;
+      if (last && last.timestamp === sec) {
+        activityHistory = [
+          ...history.slice(0, -1),
+          { timestamp: sec, toolCalls: last.toolCalls + 1 }
+        ];
+      } else {
+        activityHistory = [...history.slice(-59), { timestamp: sec, toolCalls: 1 }];
+      }
       return {
         ...state,
         agents,
         eventLog: [...base, entry],
         toolCalls: [...toolCallsBase, toolCall],
+        activityHistory,
         toolInvokeCount: state.toolInvokeCount + 1
       };
     }
@@ -4152,6 +4220,12 @@ function dashboardReducer(state, action) {
         contextStatus: status
       };
     }
+    case "ADD_DISCUSSION_ROUND": {
+      return {
+        ...state,
+        discussionRounds: [...state.discussionRounds, action.payload.round]
+      };
+    }
     case "SESSION_RESET":
       return createInitialDashboardState();
     case "CLEANUP_STALE_AGENTS": {
@@ -4181,7 +4255,7 @@ function dashboardReducer(state, action) {
 }
 function useDashboardState(eventBus) {
   const [state, dispatch] = useReducer(dashboardReducer, void 0, createInitialDashboardState);
-  useEffect2(() => {
+  useEffect3(() => {
     if (!eventBus) return;
     const onActivated = (p) => dispatch({ type: "AGENT_ACTIVATED", payload: p });
     const onDeactivated = (p) => dispatch({ type: "AGENT_DEACTIVATED", payload: p });
@@ -4196,6 +4270,7 @@ function useDashboardState(eventBus) {
     const onObjectiveSet = (p) => dispatch({ type: "OBJECTIVE_SET", payload: p });
     const onSessionReset = (p) => dispatch({ type: "SESSION_RESET", payload: p });
     const onContextUpdated = (p) => dispatch({ type: "CONTEXT_UPDATED", payload: p });
+    const onDiscussionRoundAdded = (p) => dispatch({ type: "ADD_DISCUSSION_ROUND", payload: p });
     eventBus.on(TUI_EVENTS.AGENT_ACTIVATED, onActivated);
     eventBus.on(TUI_EVENTS.AGENT_DEACTIVATED, onDeactivated);
     eventBus.on(TUI_EVENTS.MODE_CHANGED, onModeChanged);
@@ -4209,6 +4284,7 @@ function useDashboardState(eventBus) {
     eventBus.on(TUI_EVENTS.OBJECTIVE_SET, onObjectiveSet);
     eventBus.on(TUI_EVENTS.SESSION_RESET, onSessionReset);
     eventBus.on(TUI_EVENTS.CONTEXT_UPDATED, onContextUpdated);
+    eventBus.on(TUI_EVENTS.DISCUSSION_ROUND_ADDED, onDiscussionRoundAdded);
     return () => {
       eventBus.off(TUI_EVENTS.AGENT_ACTIVATED, onActivated);
       eventBus.off(TUI_EVENTS.AGENT_DEACTIVATED, onDeactivated);
@@ -4223,9 +4299,10 @@ function useDashboardState(eventBus) {
       eventBus.off(TUI_EVENTS.OBJECTIVE_SET, onObjectiveSet);
       eventBus.off(TUI_EVENTS.SESSION_RESET, onSessionReset);
       eventBus.off(TUI_EVENTS.CONTEXT_UPDATED, onContextUpdated);
+      eventBus.off(TUI_EVENTS.DISCUSSION_ROUND_ADDED, onDiscussionRoundAdded);
     };
   }, [eventBus]);
-  useEffect2(() => {
+  useEffect3(() => {
     const cleanupInterval = setInterval(() => {
       dispatch({ type: "CLEANUP_STALE_AGENTS", payload: { now: Date.now(), ttlMs: 3e4 } });
     }, 1e4);
@@ -4348,6 +4425,59 @@ function getAgentAvatar(agentName) {
   return "\u{1F916}";
 }
 
+// src/tui/components/live.pure.ts
+function formatElapsed(startedAt, now) {
+  const totalSec = Math.max(0, Math.floor((now - startedAt) / 1e3));
+  const min = Math.floor(totalSec / 60);
+  const sec = totalSec % 60;
+  return min > 0 ? `${min}m ${sec}s` : `${sec}s`;
+}
+function formatRelativeTime(timestamp, now) {
+  const diffSec = Math.max(0, Math.floor((now - timestamp) / 1e3));
+  if (diffSec <= 2) return "just now";
+  if (diffSec < 60) return `${diffSec}s ago`;
+  const diffMin = Math.floor(diffSec / 60);
+  if (diffMin < 60) return `${diffMin}m ago`;
+  const diffHr = Math.floor(diffMin / 60);
+  return `${diffHr}h ago`;
+}
+var SPINNER_FRAMES = "\u280B\u2819\u2839\u2838\u283C\u2834\u2826\u2827";
+function spinnerFrame(tick) {
+  return SPINNER_FRAMES[tick % 8];
+}
+function pulseIcon(tick) {
+  return tick % 2 === 0 ? "\u25CF" : "\u25C9";
+}
+var SPARK_CHARS = "\u2581\u2582\u2583\u2584\u2585\u2586\u2587\u2588";
+function renderSparkline(samples, width) {
+  if (samples.length === 0) return "";
+  const visible = samples.slice(-width);
+  const min = Math.min(...visible);
+  const max = Math.max(...visible);
+  const range = max - min;
+  return visible.map((v) => {
+    if (range === 0) return SPARK_CHARS[0];
+    const idx = Math.round((v - min) / range * 7);
+    return SPARK_CHARS[idx];
+  }).join("");
+}
+function computeThroughput(samples) {
+  if (samples.length <= 1) return "0.0/min";
+  const first = samples[0];
+  const last = samples[samples.length - 1];
+  const durationMin = (last.timestamp - first.timestamp) / 60;
+  if (durationMin <= 0) return "0.0/min";
+  const totalCalls = samples.reduce((sum, s) => sum + s.toolCalls, 0);
+  return `${(totalCalls / durationMin).toFixed(1)}/min`;
+}
+function formatTimeWithSeconds(now) {
+  const d = new Date(now);
+  const h = String(d.getHours()).padStart(2, "0");
+  const m = String(d.getMinutes()).padStart(2, "0");
+  const s = String(d.getSeconds()).padStart(2, "0");
+  return `${h}:${m}:${s}`;
+}
+
 // src/tui/components/HeaderBar.tsx
 var PROCESS_MODES = ["PLAN", "ACT", "EVAL"];
 function ModeFlow({ currentMode }) {
@@ -4358,17 +4488,23 @@ function ModeFlow({ currentMode }) {
     return /* @__PURE__ */ React.createElement(React.Fragment, { key: mode }, i > 0 && /* @__PURE__ */ React.createElement(Text, { dimColor: true }, " \u2192 "), isActive ? /* @__PURE__ */ React.createElement(Text, { color, bold: true }, "[", mode, "]") : /* @__PURE__ */ React.createElement(Text, { dimColor: true }, mode));
   }));
 }
-function StateIndicator({ globalState }) {
-  const icon = GLOBAL_STATE_ICONS[globalState];
+function StateIndicator({
+  globalState,
+  tick
+}) {
+  const isRunning = globalState === "RUNNING";
+  const icon = isRunning && tick !== void 0 ? spinnerFrame(tick) : GLOBAL_STATE_ICONS[globalState];
   const color = GLOBAL_STATE_COLORS[globalState];
-  return /* @__PURE__ */ React.createElement(Text, { color, bold: globalState === "RUNNING" || globalState === "ERROR" }, icon, " ", globalState);
+  return /* @__PURE__ */ React.createElement(Text, { color, bold: isRunning || globalState === "ERROR" }, icon, " ", globalState);
 }
 function HeaderBar({
   workspace,
   currentMode,
   globalState,
   layoutMode,
-  width
+  width,
+  tick,
+  now
 }) {
   if (layoutMode === "narrow") {
     return /* @__PURE__ */ React.createElement(
@@ -4384,7 +4520,8 @@ function HeaderBar({
       /* @__PURE__ */ React.createElement(Box, { flexGrow: 1 }),
       /* @__PURE__ */ React.createElement(ModeFlow, { currentMode }),
       /* @__PURE__ */ React.createElement(Box, { flexGrow: 1 }),
-      /* @__PURE__ */ React.createElement(StateIndicator, { globalState })
+      /* @__PURE__ */ React.createElement(StateIndicator, { globalState, tick }),
+      now !== void 0 && /* @__PURE__ */ React.createElement(Text, { dimColor: true }, " ", formatTimeWithSeconds(now))
     );
   }
   return /* @__PURE__ */ React.createElement(
@@ -4396,7 +4533,7 @@ function HeaderBar({
       overflowX: "hidden",
       flexDirection: "row"
     },
-    /* @__PURE__ */ React.createElement(Box, { gap: 2, flexShrink: 1, minWidth: 0 }, /* @__PURE__ */ React.createElement(Text, { color: "cyan", bold: true }, "\u27E8\u27E9 CODINGBUDDY AGENT DASHBOARD"), /* @__PURE__ */ React.createElement(ModeFlow, { currentMode }), /* @__PURE__ */ React.createElement(StateIndicator, { globalState })),
+    /* @__PURE__ */ React.createElement(Box, { gap: 2, flexShrink: 1, minWidth: 0 }, /* @__PURE__ */ React.createElement(Text, { color: "cyan", bold: true }, "\u27E8\u27E9 CODINGBUDDY AGENT DASHBOARD"), /* @__PURE__ */ React.createElement(ModeFlow, { currentMode }), /* @__PURE__ */ React.createElement(StateIndicator, { globalState, tick }), now !== void 0 && /* @__PURE__ */ React.createElement(Text, { dimColor: true }, formatTimeWithSeconds(now))),
     /* @__PURE__ */ React.createElement(Box, { flexGrow: 1 }),
     /* @__PURE__ */ React.createElement(Box, { flexShrink: 1, overflowX: "hidden" }, /* @__PURE__ */ React.createElement(Text, { dimColor: true, wrap: "truncate" }, workspace))
   );
@@ -4915,10 +5052,18 @@ function FlowMap({
   layoutMode,
   width,
   height,
-  activeStage = null
+  activeStage = null,
+  tick,
+  now
 }) {
   const contentWidth = Math.max(1, width - 2);
   const contentHeight = Math.max(1, height - 3);
+  const hasRunningAgents = useMemo(
+    () => [...agents.values()].some((a) => a.status === "running"),
+    [agents]
+  );
+  const liveTick = hasRunningAgents ? tick ?? 0 : 0;
+  const liveNow = hasRunningAgents ? now : void 0;
   const compactContent = useMemo(() => {
     if (layoutMode !== "narrow") return null;
     return renderFlowMapCompact(agents);
@@ -4928,6 +5073,20 @@ function FlowMap({
     const buf = layoutMode === "wide" ? renderFlowMap(agents, edges, contentWidth, contentHeight, activeStage) : renderFlowMapSimplified(agents, contentWidth, contentHeight);
     return buf.toLinesDirect();
   }, [agents, edges, contentWidth, contentHeight, layoutMode, activeStage]);
+  const liveOverlays = useMemo(() => {
+    if (liveNow === void 0) return null;
+    const overlays = [];
+    for (const [id, agent] of agents) {
+      if (agent.status === "running" && agent.startedAt != null) {
+        overlays.push({
+          id,
+          icon: pulseIcon(liveTick),
+          elapsed: formatElapsed(agent.startedAt, liveNow)
+        });
+      }
+    }
+    return overlays.length > 0 ? overlays : null;
+  }, [agents, liveTick, liveNow]);
   if (layoutMode === "narrow") {
     return /* @__PURE__ */ React2.createElement(
       Box2,
@@ -4939,7 +5098,8 @@ function FlowMap({
         height
       },
       /* @__PURE__ */ React2.createElement(Text2, { bold: true, color: "cyan" }, "FLOW MAP"),
-      /* @__PURE__ */ React2.createElement(Text2, null, compactContent)
+      /* @__PURE__ */ React2.createElement(Text2, null, compactContent),
+      liveOverlays?.map((o) => /* @__PURE__ */ React2.createElement(Text2, { key: o.id, color: "yellow" }, o.icon, " ", o.elapsed))
     );
   }
   if (!lines) {
@@ -4965,13 +5125,162 @@ function FlowMap({
       height
     },
     /* @__PURE__ */ React2.createElement(Text2, { bold: true, color: "cyan" }, "FLOW MAP"),
-    lines.map((row, y) => /* @__PURE__ */ React2.createElement(ColorRow, { key: y, cells: row }))
+    lines.map((row, y) => /* @__PURE__ */ React2.createElement(ColorRow, { key: y, cells: row })),
+    liveOverlays?.map((o) => /* @__PURE__ */ React2.createElement(Text2, { key: o.id, color: "yellow" }, o.icon, " ", o.elapsed))
+  );
+}
+
+// src/tui/components/AgentDiscussionPanel.tsx
+import React3, { useMemo as useMemo2 } from "react";
+import { Box as Box3, Text as Text3 } from "ink";
+
+// src/collaboration/types.ts
+var STANCES = Object.freeze(["approve", "concern", "reject"]);
+var STANCE_ICONS = Object.freeze({
+  approve: "\u2705",
+  concern: "\u26A0\uFE0F",
+  reject: "\u274C"
+});
+function calculateConsensus(opinions) {
+  const approveCount = opinions.filter((o) => o.stance === "approve").length;
+  const concernCount = opinions.filter((o) => o.stance === "concern").length;
+  const rejectCount = opinions.filter((o) => o.stance === "reject").length;
+  return {
+    totalAgents: opinions.length,
+    approveCount,
+    concernCount,
+    rejectCount,
+    reached: opinions.length > 0 && rejectCount === 0,
+    criticalCount: rejectCount
+  };
+}
+
+// src/tui/components/agent-discussion-panel.pure.ts
+var CROSS_REVIEW_VERBS = {
+  approve: "agrees",
+  concern: "notes",
+  reject: "disagrees"
+};
+function renderOpinionLine(opinion, stanceHistory) {
+  const avatar = getAgentAvatar(opinion.agentName);
+  const icon = STANCE_ICONS[opinion.stance];
+  let suffix = "";
+  if (stanceHistory && stanceHistory.length > 1) {
+    const lastStance = stanceHistory[stanceHistory.length - 1];
+    const prevStance = stanceHistory[stanceHistory.length - 2];
+    if (lastStance !== prevStance) {
+      suffix = ` (${prevStance === "reject" || prevStance === "concern" ? "revised" : "alt"})`;
+    }
+  }
+  return {
+    text: `${avatar} ${opinion.agentName}  ${icon} ${opinion.stance}${suffix}: "${opinion.reasoning}"`,
+    type: "opinion"
+  };
+}
+function renderCrossReviewLine(review, agentNames) {
+  const fromAvatar = getAgentAvatar(agentNames[review.fromAgentId] ?? "unknown");
+  const fromName = agentNames[review.fromAgentId] ?? review.fromAgentId;
+  const toAvatar = getAgentAvatar(agentNames[review.toAgentId] ?? "unknown");
+  const toName = agentNames[review.toAgentId] ?? review.toAgentId;
+  const verb = CROSS_REVIEW_VERBS[review.stance];
+  return {
+    text: `${fromAvatar} ${fromName} \u2192 ${toAvatar} ${toName} ${verb}: "${review.comment}"`,
+    type: "cross-review"
+  };
+}
+function renderConsensusLine(consensus) {
+  const icon = consensus.reached ? "\u2705" : "\u274C";
+  return {
+    text: `${icon} Consensus: ${consensus.approveCount}/${consensus.totalAgents} | Critical: ${consensus.criticalCount}`,
+    type: "consensus"
+  };
+}
+function buildAgentNameMap(rounds) {
+  const map = {};
+  for (const round of rounds) {
+    for (const opinion of round.opinions) {
+      map[opinion.agentId] = opinion.agentName;
+    }
+  }
+  return map;
+}
+function buildStanceHistories(rounds) {
+  const histories = {};
+  for (const round of rounds) {
+    for (const opinion of round.opinions) {
+      if (!histories[opinion.agentId]) {
+        histories[opinion.agentId] = [];
+      }
+      histories[opinion.agentId].push(opinion.stance);
+    }
+  }
+  return histories;
+}
+function renderDiscussionPanel(rounds, _width) {
+  if (rounds.length === 0) {
+    return [{ text: "No agent discussion yet", type: "empty" }];
+  }
+  const lines = [];
+  const agentNames = buildAgentNameMap(rounds);
+  const stanceHistories = buildStanceHistories(rounds);
+  const latestRound = rounds[rounds.length - 1];
+  lines.push({ text: `\u2500\u2500 Agent Discussion \u2500\u2500`, type: "header" });
+  for (const opinion of latestRound.opinions) {
+    lines.push(renderOpinionLine(opinion, stanceHistories[opinion.agentId]));
+  }
+  for (const review of latestRound.crossReviews) {
+    lines.push(renderCrossReviewLine(review, agentNames));
+  }
+  const consensus = calculateConsensus(latestRound.opinions);
+  lines.push(renderConsensusLine(consensus));
+  return lines;
+}
+
+// src/tui/components/AgentDiscussionPanel.tsx
+var LINE_COLORS = {
+  opinion: "white",
+  "cross-review": "cyan",
+  consensus: "green",
+  header: "magenta",
+  empty: "gray"
+};
+function AgentDiscussionPanel({
+  rounds,
+  width,
+  height
+}) {
+  const lines = useMemo2(
+    () => renderDiscussionPanel(rounds, width),
+    [rounds, width]
+  );
+  const maxLines = Math.max(0, height - 2);
+  const visibleLines = lines.slice(0, maxLines);
+  return /* @__PURE__ */ React3.createElement(
+    Box3,
+    {
+      flexDirection: "column",
+      width,
+      height,
+      borderStyle: "round",
+      borderColor: BORDER_COLORS.panel
+    },
+    visibleLines.map((line, i) => /* @__PURE__ */ React3.createElement(
+      Text3,
+      {
+        key: i,
+        color: LINE_COLORS[line.type],
+        bold: line.type === "header" || line.type === "consensus",
+        dimColor: line.type === "empty",
+        wrap: "truncate"
+      },
+      line.text
+    ))
   );
 }
 
 // src/tui/components/FocusedAgentPanel.tsx
-import React4 from "react";
-import { Box as Box4, Text as Text4 } from "ink";
+import React5 from "react";
+import { Box as Box5, Text as Text5 } from "ink";
 
 // src/tui/components/focused-agent.pure.ts
 function formatObjective(objectives, maxLines = 3) {
@@ -4985,6 +5294,13 @@ function formatLogTail(events, maxLines = 10) {
   const tail = events.slice(-maxLines);
   return tail.map((e) => `${e.timestamp} ${e.message}`).join("\n");
 }
+function formatLogTailRelative(events, now, maxLines = 10) {
+  const tail = events.slice(-maxLines);
+  return tail.map((e) => {
+    const ts = e.rawTimestamp != null ? formatRelativeTime(e.rawTimestamp, now) : e.timestamp;
+    return `${ts} ${e.message}`;
+  }).join("\n");
+}
 function formatSectionDivider(title, width = 50) {
   const prefix = "\u2500\u2500\u2500 ";
   const suffix = " ";
@@ -5010,8 +5326,8 @@ function formatEnhancedChecklist(tasks, maxItems = 6) {
 }
 
 // src/tui/components/ContextSection.tsx
-import React3 from "react";
-import { Box as Box3, Text as Text3 } from "ink";
+import React4 from "react";
+import { Box as Box4, Text as Text4 } from "ink";
 
 // src/tui/components/context-section.pure.ts
 function formatContextDecisions(decisions, maxItems = 5) {
@@ -5041,27 +5357,27 @@ function ContextSection({
   const hasDecisions = decisions.length > 0;
   const hasNotes = notes.length > 0;
   if (!hasDecisions && !hasNotes) return null;
-  return /* @__PURE__ */ React3.createElement(Box3, { flexDirection: "column" }, hasDecisions && /* @__PURE__ */ React3.createElement(Box3, { flexDirection: "column" }, /* @__PURE__ */ React3.createElement(Text3, { dimColor: true, bold: true }, "Decisions"), formatContextDecisions(decisions)?.split("\n").map((line, i) => /* @__PURE__ */ React3.createElement(Text3, { key: i, color: "cyan" }, line))), hasNotes && /* @__PURE__ */ React3.createElement(Box3, { flexDirection: "column" }, /* @__PURE__ */ React3.createElement(Text3, { dimColor: true, bold: true }, "Notes"), formatContextNotes(notes)?.split("\n").map((line, i) => /* @__PURE__ */ React3.createElement(Text3, { key: i, dimColor: true }, line))));
+  return /* @__PURE__ */ React4.createElement(Box4, { flexDirection: "column" }, hasDecisions && /* @__PURE__ */ React4.createElement(Box4, { flexDirection: "column" }, /* @__PURE__ */ React4.createElement(Text4, { dimColor: true, bold: true }, "Decisions"), formatContextDecisions(decisions)?.split("\n").map((line, i) => /* @__PURE__ */ React4.createElement(Text4, { key: i, color: "cyan" }, line))), hasNotes && /* @__PURE__ */ React4.createElement(Box4, { flexDirection: "column" }, /* @__PURE__ */ React4.createElement(Text4, { dimColor: true, bold: true }, "Notes"), formatContextNotes(notes)?.split("\n").map((line, i) => /* @__PURE__ */ React4.createElement(Text4, { key: i, dimColor: true }, line))));
 }
 
 // src/tui/components/FocusedAgentPanel.tsx
 function SectionDivider({ title }) {
-  return /* @__PURE__ */ React4.createElement(Text4, { color: "magenta" }, formatSectionDivider(title));
+  return /* @__PURE__ */ React5.createElement(Text5, { color: "magenta" }, formatSectionDivider(title));
 }
 function LogSection({
   logs,
   eventLog
 }) {
-  if (!logs) return /* @__PURE__ */ React4.createElement(Text4, { dimColor: true }, "No events");
+  if (!logs) return /* @__PURE__ */ React5.createElement(Text5, { dimColor: true }, "No events");
   const logLines = logs.split("\n");
   const offset = eventLog.length - logLines.length;
-  return /* @__PURE__ */ React4.createElement(React4.Fragment, null, logLines.map((line, i) => {
+  return /* @__PURE__ */ React5.createElement(React5.Fragment, null, logLines.map((line, i) => {
     const ev = eventLog[offset + i];
     const isError = ev?.level === "error";
     const spaceIdx = line.indexOf(" ");
     const timestamp = spaceIdx > 0 ? line.slice(0, spaceIdx) : line;
     const message = spaceIdx > 0 ? line.slice(spaceIdx + 1) : "";
-    return /* @__PURE__ */ React4.createElement(Box4, { key: i, gap: 1 }, /* @__PURE__ */ React4.createElement(Text4, { dimColor: true }, timestamp), /* @__PURE__ */ React4.createElement(Text4, { color: isError ? "red" : void 0 }, message));
+    return /* @__PURE__ */ React5.createElement(Box5, { key: i, gap: 1 }, /* @__PURE__ */ React5.createElement(Text5, { dimColor: true }, timestamp), /* @__PURE__ */ React5.createElement(Text5, { color: isError ? "red" : void 0 }, message));
   }));
 }
 function FocusedAgentPanel({
@@ -5071,12 +5387,14 @@ function FocusedAgentPanel({
   eventLog,
   contextDecisions = [],
   contextNotes = [],
+  tick,
+  now,
   width,
   height
 }) {
   if (!agent) {
-    return /* @__PURE__ */ React4.createElement(
-      Box4,
+    return /* @__PURE__ */ React5.createElement(
+      Box5,
       {
         borderStyle: "single",
         borderColor: BORDER_COLORS.panel,
@@ -5084,7 +5402,7 @@ function FocusedAgentPanel({
         width,
         height
       },
-      /* @__PURE__ */ React4.createElement(Text4, { dimColor: true }, "No agent focused")
+      /* @__PURE__ */ React5.createElement(Text5, { dimColor: true }, "No agent focused")
     );
   }
   const avatar = getAgentAvatar(agent.name);
@@ -5093,9 +5411,12 @@ function FocusedAgentPanel({
   const statusLabel = agent.status.toUpperCase();
   const progressBar = formatEnhancedProgressBar(agent.progress);
   const objective = formatObjective(objectives);
-  const logs = formatLogTail(eventLog);
-  return /* @__PURE__ */ React4.createElement(
-    Box4,
+  const logs = now != null ? formatLogTailRelative(eventLog, now) : formatLogTail(eventLog);
+  const isRunning = agent.status === "running";
+  const showSpinner = isRunning && tick != null;
+  const showElapsed = isRunning && now != null && agent.startedAt != null;
+  return /* @__PURE__ */ React5.createElement(
+    Box5,
     {
       borderStyle: "single",
       borderColor: BORDER_COLORS.panel,
@@ -5103,22 +5424,22 @@ function FocusedAgentPanel({
       width,
       height
     },
-    /* @__PURE__ */ React4.createElement(Box4, { gap: 2 }, /* @__PURE__ */ React4.createElement(Text4, null, avatar), /* @__PURE__ */ React4.createElement(Text4, { bold: true }, agent.name), /* @__PURE__ */ React4.createElement(Text4, { color: statusColor, bold: true }, icon), /* @__PURE__ */ React4.createElement(Text4, { color: statusColor }, statusLabel), /* @__PURE__ */ React4.createElement(Text4, { dimColor: true }, agent.stage)),
-    /* @__PURE__ */ React4.createElement(Box4, { gap: 1 }, /* @__PURE__ */ React4.createElement(Text4, { color: "magenta" }, progressBar.bar), /* @__PURE__ */ React4.createElement(Text4, { dimColor: true }, progressBar.label)),
-    /* @__PURE__ */ React4.createElement(SectionDivider, { title: "Objective" }),
-    objective ? /* @__PURE__ */ React4.createElement(Text4, null, objective) : /* @__PURE__ */ React4.createElement(Text4, { dimColor: true }, "No objectives"),
-    /* @__PURE__ */ React4.createElement(SectionDivider, { title: "Skills" }),
-    activeSkills.length > 0 ? activeSkills.map((s, i) => /* @__PURE__ */ React4.createElement(Text4, { key: i }, " ", s)) : /* @__PURE__ */ React4.createElement(Text4, { dimColor: true }, "No skills"),
-    /* @__PURE__ */ React4.createElement(SectionDivider, { title: "Context" }),
-    contextDecisions.length > 0 || contextNotes.length > 0 ? /* @__PURE__ */ React4.createElement(ContextSection, { decisions: contextDecisions, notes: contextNotes, width }) : /* @__PURE__ */ React4.createElement(Text4, { dimColor: true }, "No context"),
-    /* @__PURE__ */ React4.createElement(SectionDivider, { title: "Event Log" }),
-    /* @__PURE__ */ React4.createElement(LogSection, { logs, eventLog })
+    /* @__PURE__ */ React5.createElement(Box5, { gap: 2 }, /* @__PURE__ */ React5.createElement(Text5, null, avatar), /* @__PURE__ */ React5.createElement(Text5, { bold: true }, agent.name), showSpinner ? /* @__PURE__ */ React5.createElement(Text5, { color: "cyan" }, spinnerFrame(tick)) : /* @__PURE__ */ React5.createElement(Text5, { color: statusColor, bold: true }, icon), /* @__PURE__ */ React5.createElement(Text5, { color: statusColor }, statusLabel), showElapsed && /* @__PURE__ */ React5.createElement(Text5, { dimColor: true }, formatElapsed(agent.startedAt, now)), /* @__PURE__ */ React5.createElement(Text5, { dimColor: true }, agent.stage)),
+    /* @__PURE__ */ React5.createElement(Box5, { gap: 1 }, /* @__PURE__ */ React5.createElement(Text5, { color: "magenta" }, progressBar.bar), /* @__PURE__ */ React5.createElement(Text5, { dimColor: true }, progressBar.label)),
+    /* @__PURE__ */ React5.createElement(SectionDivider, { title: "Objective" }),
+    objective ? /* @__PURE__ */ React5.createElement(Text5, null, objective) : /* @__PURE__ */ React5.createElement(Text5, { dimColor: true }, "No objectives"),
+    /* @__PURE__ */ React5.createElement(SectionDivider, { title: "Skills" }),
+    activeSkills.length > 0 ? activeSkills.map((s, i) => /* @__PURE__ */ React5.createElement(Text5, { key: i }, " ", s)) : /* @__PURE__ */ React5.createElement(Text5, { dimColor: true }, "No skills"),
+    /* @__PURE__ */ React5.createElement(SectionDivider, { title: "Context" }),
+    contextDecisions.length > 0 || contextNotes.length > 0 ? /* @__PURE__ */ React5.createElement(ContextSection, { decisions: contextDecisions, notes: contextNotes, width }) : /* @__PURE__ */ React5.createElement(Text5, { dimColor: true }, "No context"),
+    /* @__PURE__ */ React5.createElement(SectionDivider, { title: "Event Log" }),
+    /* @__PURE__ */ React5.createElement(LogSection, { logs, eventLog })
   );
 }
 
 // src/tui/components/ChecklistPanel.tsx
-import React5 from "react";
-import { Box as Box5, Text as Text5 } from "ink";
+import React6 from "react";
+import { Box as Box6, Text as Text6 } from "ink";
 
 // src/tui/components/checklist-panel.pure.ts
 function resolveChecklistTasks(tasks, contextDecisions, contextNotes) {
@@ -5146,8 +5467,8 @@ function ChecklistPanel({
 }) {
   const resolvedTasks = resolveChecklistTasks(tasks, contextDecisions, contextNotes);
   const checklist = formatEnhancedChecklist(resolvedTasks);
-  return /* @__PURE__ */ React5.createElement(
-    Box5,
+  return /* @__PURE__ */ React6.createElement(
+    Box6,
     {
       borderStyle: "single",
       borderColor: BORDER_COLORS.panel,
@@ -5155,17 +5476,17 @@ function ChecklistPanel({
       width,
       height
     },
-    /* @__PURE__ */ React5.createElement(Text5, { bold: true, dimColor: true }, "\u2500\u2500\u2500 Checklist"),
+    /* @__PURE__ */ React6.createElement(Text6, { bold: true, dimColor: true }, "\u2500\u2500\u2500 Checklist"),
     checklist.split("\n").map((line, i) => {
       const isCompleted = line.includes("\u2714");
-      return /* @__PURE__ */ React5.createElement(Text5, { key: i, color: isCompleted ? "green" : void 0 }, line);
+      return /* @__PURE__ */ React6.createElement(Text6, { key: i, color: isCompleted ? "green" : void 0 }, line);
     })
   );
 }
 
 // src/tui/components/StageHealthBar.tsx
-import React6 from "react";
-import { Box as Box6, Text as Text6 } from "ink";
+import React7 from "react";
+import { Box as Box7, Text as Text7 } from "ink";
 
 // src/tui/components/stage-health.pure.ts
 function formatCount(n) {
@@ -5233,29 +5554,29 @@ function StageStatDisplay({
   const parts = [];
   if (stats.running > 0)
     parts.push(
-      /* @__PURE__ */ React6.createElement(Text6, { key: "r", color: "green" }, " ", "\u25CF ", stats.running, " running")
+      /* @__PURE__ */ React7.createElement(Text7, { key: "r", color: "green" }, " ", "\u25CF ", stats.running, " running")
     );
   if (stats.blocked > 0)
     parts.push(
-      /* @__PURE__ */ React6.createElement(Text6, { key: "b", color: "yellow" }, " ", "\u23F8 ", stats.blocked, " blocked")
+      /* @__PURE__ */ React7.createElement(Text7, { key: "b", color: "yellow" }, " ", "\u23F8 ", stats.blocked, " blocked")
     );
   if (stats.waiting > 0)
     parts.push(
-      /* @__PURE__ */ React6.createElement(Text6, { key: "w", dimColor: true }, " ", "\u25CB ", stats.waiting, " waiting")
+      /* @__PURE__ */ React7.createElement(Text7, { key: "w", dimColor: true }, " ", "\u25CB ", stats.waiting, " waiting")
     );
   if (stats.done > 0)
     parts.push(
-      /* @__PURE__ */ React6.createElement(Text6, { key: "d", color: "green" }, " ", "\u2713 ", stats.done)
+      /* @__PURE__ */ React7.createElement(Text7, { key: "d", color: "green" }, " ", "\u2713 ", stats.done)
     );
   if (stats.error > 0)
     parts.push(
-      /* @__PURE__ */ React6.createElement(Text6, { key: "e", color: "red", bold: true }, " ", "! ", stats.error, " err")
+      /* @__PURE__ */ React7.createElement(Text7, { key: "e", color: "red", bold: true }, " ", "! ", stats.error, " err")
     );
   if (parts.length === 0)
     parts.push(
-      /* @__PURE__ */ React6.createElement(Text6, { key: "idle", dimColor: true }, " ", "idle")
+      /* @__PURE__ */ React7.createElement(Text7, { key: "idle", dimColor: true }, " ", "idle")
     );
-  return /* @__PURE__ */ React6.createElement(Box6, null, /* @__PURE__ */ React6.createElement(Text6, { color, bold: true }, mode, ":"), parts);
+  return /* @__PURE__ */ React7.createElement(Box7, null, /* @__PURE__ */ React7.createElement(Text7, { color, bold: true }, mode, ":"), parts);
 }
 function StageHealthBar({
   stageHealth,
@@ -5263,23 +5584,30 @@ function StageHealthBar({
   toolCount,
   agentCount,
   skillCount,
-  width
+  width,
+  activityHistory,
+  tick: _tick,
+  now: _now
 }) {
-  return /* @__PURE__ */ React6.createElement(
-    Box6,
+  const hasActivity = activityHistory && activityHistory.length > 0;
+  return /* @__PURE__ */ React7.createElement(
+    Box7,
     {
       borderStyle: "double",
       borderColor: BORDER_COLORS.panel,
       width,
       flexDirection: "column"
     },
-    /* @__PURE__ */ React6.createElement(Box6, null, /* @__PURE__ */ React6.createElement(Box6, { gap: 2 }, ["PLAN", "ACT", "EVAL"].map((mode) => /* @__PURE__ */ React6.createElement(StageStatDisplay, { key: mode, mode, stats: stageHealth[mode] }))), /* @__PURE__ */ React6.createElement(Box6, { flexGrow: 1 }), /* @__PURE__ */ React6.createElement(Box6, { gap: 2 }, bottlenecks.length > 0 && /* @__PURE__ */ React6.createElement(Text6, { color: "red", bold: true }, "\u26A1 Bottlenecks: ", bottlenecks.join(" / ")), /* @__PURE__ */ React6.createElement(Text6, { dimColor: true }, "\u{1F916} ", formatCount(agentCount)), /* @__PURE__ */ React6.createElement(Text6, { dimColor: true }, "\u2699 ", formatCount(skillCount)), /* @__PURE__ */ React6.createElement(Text6, { dimColor: true }, "\u{1F527} ", formatCount(toolCount))))
+    /* @__PURE__ */ React7.createElement(Box7, null, hasActivity && /* @__PURE__ */ React7.createElement(Box7, { gap: 1, marginRight: 1 }, /* @__PURE__ */ React7.createElement(Text7, { color: "cyan" }, renderSparkline(
+      activityHistory.map((s) => s.toolCalls),
+      10
+    )), /* @__PURE__ */ React7.createElement(Text7, { dimColor: true }, computeThroughput(activityHistory))), /* @__PURE__ */ React7.createElement(Box7, { gap: 2 }, ["PLAN", "ACT", "EVAL"].map((mode) => /* @__PURE__ */ React7.createElement(StageStatDisplay, { key: mode, mode, stats: stageHealth[mode] }))), /* @__PURE__ */ React7.createElement(Box7, { flexGrow: 1 }), /* @__PURE__ */ React7.createElement(Box7, { gap: 2 }, bottlenecks.length > 0 && /* @__PURE__ */ React7.createElement(Text7, { color: "red", bold: true }, "\u26A1 Bottlenecks: ", bottlenecks.join(" / ")), /* @__PURE__ */ React7.createElement(Text7, { dimColor: true }, "\u{1F916} ", formatCount(agentCount)), /* @__PURE__ */ React7.createElement(Text7, { dimColor: true }, "\u2699 ", formatCount(skillCount)), /* @__PURE__ */ React7.createElement(Text7, { dimColor: true }, "\u{1F527} ", formatCount(toolCount))))
   );
 }
 
 // src/tui/components/ActivityVisualizer.tsx
-import React7, { useMemo as useMemo2 } from "react";
-import { Box as Box7, Text as Text7 } from "ink";
+import React8, { useMemo as useMemo3 } from "react";
+import { Box as Box8, Text as Text8 } from "ink";
 
 // src/tui/utils/display-width.ts
 function isWide(code) {
@@ -5448,11 +5776,11 @@ function ActivityVisualizer({
   const treeWidth = Math.floor(width * 0.6);
   const cardWidth = width - treeWidth;
   const contentHeight = Math.max(1, height - 2);
-  const treeLines = useMemo2(
+  const treeLines = useMemo3(
     () => renderAgentTree(agents, edges, activeSkills, Math.max(1, treeWidth - 2), contentHeight),
     [agents, edges, activeSkills, treeWidth, contentHeight]
   );
-  const cardLines = useMemo2(
+  const cardLines = useMemo3(
     () => renderAgentStatusCard(
       focusedAgent,
       currentMode,
@@ -5464,10 +5792,10 @@ function ActivityVisualizer({
     [focusedAgent, currentMode, objectives, activeSkills, cardWidth, contentHeight]
   );
   if (width <= 0 || height <= 0) {
-    return /* @__PURE__ */ React7.createElement(Box7, null);
+    return /* @__PURE__ */ React8.createElement(Box8, null);
   }
-  return /* @__PURE__ */ React7.createElement(Box7, { flexDirection: "row", width, height }, /* @__PURE__ */ React7.createElement(
-    Box7,
+  return /* @__PURE__ */ React8.createElement(Box8, { flexDirection: "row", width, height }, /* @__PURE__ */ React8.createElement(
+    Box8,
     {
       borderStyle: "single",
       borderColor: BORDER_COLORS.panel,
@@ -5475,9 +5803,9 @@ function ActivityVisualizer({
       width: treeWidth,
       height
     },
-    treeLines.map((line, i) => /* @__PURE__ */ React7.createElement(Text7, { key: i }, line))
-  ), /* @__PURE__ */ React7.createElement(
-    Box7,
+    treeLines.map((line, i) => /* @__PURE__ */ React8.createElement(Text8, { key: i }, line))
+  ), /* @__PURE__ */ React8.createElement(
+    Box8,
     {
       borderStyle: "single",
       borderColor: BORDER_COLORS.panel,
@@ -5485,7 +5813,7 @@ function ActivityVisualizer({
       width: cardWidth,
       height
     },
-    cardLines.map((line, i) => /* @__PURE__ */ React7.createElement(Text7, { key: i }, line))
+    cardLines.map((line, i) => /* @__PURE__ */ React8.createElement(Text8, { key: i }, line))
   ));
 }
 
@@ -5571,25 +5899,29 @@ function DashboardApp({
   workspace: workspaceProp
 }) {
   const { columns, rows, layoutMode } = useTerminalSize();
+  const tick = useTick(1e3);
+  const now = useMemo4(() => Date.now(), [tick]);
   const internalState = useDashboardState(externalState ? void 0 : eventBus);
   const state = externalState ?? internalState;
   const focusedAgent = state.focusedAgentId ? state.agents.get(state.focusedAgentId) ?? null : null;
-  const stageHealth = useMemo3(() => computeStageHealth(state.agents), [state.agents]);
-  const bottlenecks = useMemo3(() => detectBottlenecks(state.eventLog), [state.eventLog]);
-  const grid = useMemo3(
+  const stageHealth = useMemo4(() => computeStageHealth(state.agents), [state.agents]);
+  const bottlenecks = useMemo4(() => detectBottlenecks(state.eventLog), [state.eventLog]);
+  const grid = useMemo4(
     () => computeGridLayout(columns, rows, layoutMode),
     [columns, rows, layoutMode]
   );
-  return /* @__PURE__ */ React8.createElement(Box8, { flexDirection: "column", width: grid.total.width, height: grid.total.height }, /* @__PURE__ */ React8.createElement(
+  return /* @__PURE__ */ React9.createElement(Box9, { flexDirection: "column", width: grid.total.width, height: grid.total.height }, /* @__PURE__ */ React9.createElement(
     HeaderBar,
     {
       workspace: workspaceProp ?? state.workspace,
       currentMode: state.currentMode,
       globalState: state.globalState,
       layoutMode,
-      width: grid.header.width
+      width: grid.header.width,
+      tick,
+      now
     }
-  ), layoutMode === "narrow" ? /* @__PURE__ */ React8.createElement(Box8, { flexDirection: "column" }, grid.checklistPanel.height > 0 && /* @__PURE__ */ React8.createElement(
+  ), layoutMode === "narrow" ? /* @__PURE__ */ React9.createElement(Box9, { flexDirection: "column" }, grid.checklistPanel.height > 0 && /* @__PURE__ */ React9.createElement(
     ChecklistPanel,
     {
       tasks: state.tasks,
@@ -5598,7 +5930,7 @@ function DashboardApp({
       width: grid.checklistPanel.width,
       height: grid.checklistPanel.height
     }
-  ), /* @__PURE__ */ React8.createElement(
+  ), /* @__PURE__ */ React9.createElement(
     FocusedAgentPanel,
     {
       agent: focusedAgent,
@@ -5608,9 +5940,18 @@ function DashboardApp({
       contextDecisions: state.contextDecisions,
       contextNotes: state.contextNotes,
       width: grid.focusedAgent.width,
-      height: grid.focusedAgent.height
+      height: grid.focusedAgent.height,
+      tick,
+      now
     }
-  ), /* @__PURE__ */ React8.createElement(
+  ), state.discussionRounds.length > 0 ? /* @__PURE__ */ React9.createElement(
+    AgentDiscussionPanel,
+    {
+      rounds: state.discussionRounds,
+      width: grid.flowMap.width,
+      height: grid.flowMap.height
+    }
+  ) : /* @__PURE__ */ React9.createElement(
     FlowMap,
     {
       agents: state.agents,
@@ -5618,16 +5959,25 @@ function DashboardApp({
       layoutMode,
       width: grid.flowMap.width,
       height: grid.flowMap.height,
-      activeStage: state.currentMode
+      activeStage: state.currentMode,
+      tick,
+      now
     }
-  )) : /* @__PURE__ */ React8.createElement(
-    Box8,
+  )) : /* @__PURE__ */ React9.createElement(
+    Box9,
     {
       flexDirection: "row",
       width: grid.total.width,
       height: grid.checklistPanel.height + grid.focusedAgent.height
     },
-    /* @__PURE__ */ React8.createElement(Box8, { flexDirection: "column", width: grid.flowMap.width }, /* @__PURE__ */ React8.createElement(
+    /* @__PURE__ */ React9.createElement(Box9, { flexDirection: "column", width: grid.flowMap.width }, state.discussionRounds.length > 0 ? /* @__PURE__ */ React9.createElement(
+      AgentDiscussionPanel,
+      {
+        rounds: state.discussionRounds,
+        width: grid.flowMap.width,
+        height: grid.flowMap.height
+      }
+    ) : /* @__PURE__ */ React9.createElement(
       FlowMap,
       {
         agents: state.agents,
@@ -5635,9 +5985,11 @@ function DashboardApp({
         layoutMode,
         width: grid.flowMap.width,
         height: grid.flowMap.height,
-        activeStage: state.currentMode
+        activeStage: state.currentMode,
+        tick,
+        now
       }
-    ), /* @__PURE__ */ React8.createElement(
+    ), /* @__PURE__ */ React9.createElement(
       ActivityVisualizer,
       {
         currentMode: state.currentMode,
@@ -5650,7 +6002,7 @@ function DashboardApp({
         height: grid.monitorPanel.height
       }
     )),
-    /* @__PURE__ */ React8.createElement(Box8, { flexDirection: "column", width: grid.checklistPanel.width }, /* @__PURE__ */ React8.createElement(
+    /* @__PURE__ */ React9.createElement(Box9, { flexDirection: "column", width: grid.checklistPanel.width }, /* @__PURE__ */ React9.createElement(
       ChecklistPanel,
       {
         tasks: state.tasks,
@@ -5659,7 +6011,7 @@ function DashboardApp({
         width: grid.checklistPanel.width,
         height: grid.checklistPanel.height
       }
-    ), /* @__PURE__ */ React8.createElement(
+    ), /* @__PURE__ */ React9.createElement(
       FocusedAgentPanel,
       {
         agent: focusedAgent,
@@ -5669,10 +6021,12 @@ function DashboardApp({
         contextDecisions: state.contextDecisions,
         contextNotes: state.contextNotes,
         width: grid.focusedAgent.width,
-        height: grid.focusedAgent.height
+        height: grid.focusedAgent.height,
+        tick,
+        now
       }
     ))
-  ), /* @__PURE__ */ React8.createElement(
+  ), /* @__PURE__ */ React9.createElement(
     StageHealthBar,
     {
       stageHealth,
@@ -5680,18 +6034,21 @@ function DashboardApp({
       toolCount: state.toolInvokeCount,
       agentCount: state.agentActivateCount,
       skillCount: state.skillInvokeCount,
-      width: grid.stageHealth.width
+      width: grid.stageHealth.width,
+      activityHistory: state.activityHistory,
+      tick,
+      now
     }
   ));
 }
 
 // src/tui/multi-session-app.tsx
-import React10, { useMemo as useMemo4, useCallback as useCallback2 } from "react";
-import { Box as Box10, useInput } from "ink";
+import React11, { useMemo as useMemo5, useCallback as useCallback2 } from "react";
+import { Box as Box11, useInput } from "ink";
 import * as path8 from "path";
 
 // src/tui/hooks/use-multi-session-state.ts
-import { useState as useState2, useCallback, useEffect as useEffect3, useRef } from "react";
+import { useState as useState3, useCallback, useEffect as useEffect4, useRef } from "react";
 function toSessionState(managed) {
   return {
     pid: managed.instance.pid,
@@ -5711,10 +6068,10 @@ function getPidArray(sessions) {
   return [...sessions.keys()];
 }
 function useMultiSessionState(manager) {
-  const [sessions, setSessions] = useState2(
+  const [sessions, setSessions] = useState3(
     () => buildInitialSessions(manager)
   );
-  const [activeSessionPid, setActiveSessionPid] = useState2(() => {
+  const [activeSessionPid, setActiveSessionPid] = useState3(() => {
     const initial = manager.getSessions();
     return initial.length > 0 ? initial[0].instance.pid : null;
   });
@@ -5789,7 +6146,7 @@ function useMultiSessionState(manager) {
       eventCleanupRef.current.delete(pid);
     }
   }, []);
-  useEffect3(() => {
+  useEffect4(() => {
     for (const managed of manager.getSessions()) {
       subscribeSession(managed.instance.pid, managed.eventBus);
     }
@@ -5843,8 +6200,8 @@ function useMultiSessionState(manager) {
 }
 
 // src/tui/components/SessionTabBar.tsx
-import React9 from "react";
-import { Box as Box9, Text as Text8 } from "ink";
+import React10 from "react";
+import { Box as Box10, Text as Text9 } from "ink";
 
 // src/tui/components/session-tab-bar.pure.ts
 var STATUS_ICONS2 = {
@@ -5898,14 +6255,14 @@ function SessionTabBar({
   if (formatted === "") {
     return null;
   }
-  return /* @__PURE__ */ React9.createElement(Box9, { width, height: 1 }, /* @__PURE__ */ React9.createElement(Text8, null, formatted));
+  return /* @__PURE__ */ React10.createElement(Box10, { width, height: 1 }, /* @__PURE__ */ React10.createElement(Text9, null, formatted));
 }
 
 // src/tui/multi-session-app.tsx
 function MultiSessionApp({ manager }) {
   const { columns, layoutMode } = useTerminalSize();
   const { sessions, activeSessionPid, switchNext, switchPrev, switchByIndex } = useMultiSessionState(manager);
-  const tabs = useMemo4(() => {
+  const tabs = useMemo5(() => {
     let index = 0;
     const result = [];
     for (const [pid, sessionState] of sessions) {
@@ -5920,13 +6277,13 @@ function MultiSessionApp({ manager }) {
     }
     return result;
   }, [sessions, activeSessionPid]);
-  const activeEventBus = useMemo4(() => {
+  const activeEventBus = useMemo5(() => {
     if (activeSessionPid === null) return void 0;
     const managedSessions = manager.getSessions();
     const found = managedSessions.find((s) => s.instance.pid === activeSessionPid);
     return found?.eventBus;
   }, [manager, activeSessionPid]);
-  const activeProjectRoot = useMemo4(() => {
+  const activeProjectRoot = useMemo5(() => {
     if (activeSessionPid === null) return void 0;
     return sessions.get(activeSessionPid)?.projectRoot;
   }, [sessions, activeSessionPid]);
@@ -5948,7 +6305,7 @@ function MultiSessionApp({ manager }) {
     [switchNext, switchPrev, switchByIndex]
   );
   useInput(handleInput);
-  return /* @__PURE__ */ React10.createElement(Box10, { flexDirection: "column" }, /* @__PURE__ */ React10.createElement(SessionTabBar, { sessions: tabs, width: columns, layoutMode }), /* @__PURE__ */ React10.createElement(
+  return /* @__PURE__ */ React11.createElement(Box11, { flexDirection: "column" }, /* @__PURE__ */ React11.createElement(SessionTabBar, { sessions: tabs, width: columns, layoutMode }), /* @__PURE__ */ React11.createElement(
     DashboardApp,
     {
       key: activeSessionPid ?? "none",
@@ -5993,35 +6350,13 @@ function createDefaultAgentState(params) {
   return state;
 }
 
-// src/tui/hooks/use-clock.ts
-import { useState as useState3, useEffect as useEffect4 } from "react";
-
-// src/tui/components/header-bar.pure.ts
-function formatTime(date) {
-  const hours = String(date.getHours()).padStart(2, "0");
-  const minutes = String(date.getMinutes()).padStart(2, "0");
-  return `${hours}:${minutes}`;
-}
-
-// src/tui/hooks/use-clock.ts
-function useClock() {
-  const [time, setTime] = useState3(() => formatTime(/* @__PURE__ */ new Date()));
-  useEffect4(() => {
-    const interval = setInterval(() => {
-      setTime(formatTime(/* @__PURE__ */ new Date()));
-    }, 1e3);
-    return () => clearInterval(interval);
-  }, []);
-  return time;
-}
-
 // src/tui/index.tsx
 function startTui(options) {
   const renderOptions = options.stdout ? { stdout: options.stdout } : {};
-  return render(/* @__PURE__ */ React11.createElement(DashboardApp, { eventBus: options.eventBus }), renderOptions);
+  return render(/* @__PURE__ */ React12.createElement(DashboardApp, { eventBus: options.eventBus }), renderOptions);
 }
 function renderMultiSession(options) {
-  return render(/* @__PURE__ */ React11.createElement(MultiSessionApp, { manager: options.manager }));
+  return render(/* @__PURE__ */ React12.createElement(MultiSessionApp, { manager: options.manager }));
 }
 export {
   AGENT_STATUSES,
@@ -6035,9 +6370,9 @@ export {
   getLayoutMode,
   renderMultiSession,
   startTui,
-  useClock,
   useDashboardState,
-  useTerminalSize
+  useTerminalSize,
+  useTick
 };
 /*! Bundled license information: