@agentdeck/bridge 0.2.2 → 1.0.0

package/dist/tui/renderer.js

@@ -9,7 +9,7 @@
  */
 import { cursor, screen as screenCodes, RESET, colors, box, hLine, sgr, stateColor, stateIcon, truncText, padRight, visLen, terminalCaps, centerText, fg, } from './ansi.js';
 import { blockGauge, resetTimeStr, formatTokens } from './gauge.js';
-import { sortSessions, assignDisplayNames } from '@agentdeck/shared';
+import { sortSessions, assignDisplayNames, timelineShouldRenderTaskRow, timelineTaskHeaderDisplay, } from '@agentdeck/shared';
 // ===== Layout Breakpoints =====
 export function getLayout(cols, rows) {
     if (cols >= 120)
@@ -92,6 +92,11 @@ function typeIcon(type) {
             case 'scheduled': return 's';
             case 'user_action': return 'u';
             case 'eval_result': return '#';
+            // Task hierarchy -- mirrors timelineIconKey() (shared/src/timeline-icons.ts):
+            // task_start/task_end -> task, task_milestone -> success.
+            case 'task_start':
+            case 'task_end': return '=';
+            case 'task_milestone': return '+';
             default: return '*';
         }
     }
@@ -108,6 +113,10 @@ function typeIcon(type) {
         case 'model_response': return '\u25C8';
         case 'memory_recall': return '\u25CC';
         case 'scheduled': return '\u25D1';
+        // Task hierarchy -- mirrors timelineIconKey() (shared/src/timeline-icons.ts).
+        case 'task_start':
+        case 'task_end': return '\u25A3'; // white square w/ centre
+        case 'task_milestone': return '\u2713'; // check mark
         case 'eval_result': return '\u2605'; // ★
         default: return '\u25C6';
     }
@@ -140,20 +149,24 @@ function creatureEmoji(agentType) {
             return 'D';
         if (agentType === 'openclaw')
             return 'C';
-        if (agentType === 'codex-cli')
+        if (agentType === 'codex-cli' || agentType === 'codex-app')
             return 'X';
         if (agentType === 'opencode')
             return 'O';
+        if (agentType === 'antigravity')
+            return 'A';
         return '*';
     }
     if (agentType === 'daemon')
         return '\u2699\uFE0F'; // ⚙️
     if (agentType === 'openclaw')
         return '\uD83E\uDD9E'; // 🦞
-    if (agentType === 'codex-cli')
+    if (agentType === 'codex-cli' || agentType === 'codex-app')
         return '\u2601'; // ☁ (cloud — matches creature)
     if (agentType === 'opencode')
         return '\u25A3'; // ▣ (nested square — matches creature)
+    if (agentType === 'antigravity')
+        return '\u25B2'; // ▲ (Antigravity peak)
     return '\u273B'; // ✻ (teardrop-spoked asterisk — Claude sparkle)
 }
 function creatureBrandColor(agentType) {
@@ -162,8 +175,10 @@ function creatureBrandColor(agentType) {
     switch (agentType) {
         case 'claude-code': return fg(192, 112, 88); // terracotta
         case 'openclaw': return fg(255, 77, 77); // red
-        case 'codex-cli': return fg(177, 167, 255); // indigo
+        case 'codex-cli':
+        case 'codex-app': return fg(177, 167, 255); // indigo
         case 'opencode': return fg(241, 236, 236); // warm gray (#F1ECEC)
+        case 'antigravity': return fg(210, 214, 220); // Google gray
         default: return '';
     }
 }
@@ -197,8 +212,129 @@ function sessionHotkeyLabel(index) {
         return '·';
     return String(index + 1);
 }
-function sessionHotkeyIndex(session, nextIndex) {
-    if (!session.port || session.controlMode === 'observed')
+/**
+ * Build the unified left-HUD entry list shared with macOS / iOS / Android.
+ *
+ * Collapses primary + siblings + virtual OpenClaw into one array, sorts via
+ * the shared sortSessions (agentType → projectName → startedAt → id), and
+ * applies #N suffix via assignDisplayNames so the display order and #N
+ * numbering match every other surface.
+ *
+ * Primary handling mirrors apple/AgentDeck/UI/Monitor/SessionListPanel.swift:
+ *   - if a sibling matches our connected port, that sibling becomes the
+ *     primary anchor (its startedAt anchors the sort position)
+ *   - otherwise primary is appended only when no sibling shares its
+ *     agentType (duplicatePrimaryWithoutId guard)
+ *   - daemon / openclaw primaries are never appended (they're virtual)
+ */
+export function buildHudEntries(state) {
+    const items = [];
+    const portToItem = new Map();
+    for (const s of state.sessions) {
+        const ri = s;
+        const item = {
+            id: s.id,
+            projectName: s.projectName ?? 'unknown',
+            agentType: s.agentType ?? undefined,
+            state: s.state ?? 'idle',
+            modelName: s.modelName ?? undefined,
+            startedAt: s.startedAt ?? undefined,
+            port: s.port ?? undefined,
+            controlMode: ri.controlMode,
+            currentTask: ri.currentTask,
+            contextPercent: ri.contextPercent,
+            totalTokens: ri.totalTokens,
+            isPrimary: false,
+            isVirtualOpenClaw: false,
+        };
+        items.push(item);
+        if (item.port !== undefined)
+            portToItem.set(item.port, item);
+    }
+    if (state.agentType && state.agentType !== 'daemon' && state.agentType !== 'openclaw' && state.state) {
+        const anchor = state.currentPort != null ? portToItem.get(state.currentPort) : undefined;
+        if (anchor) {
+            // Patch anchor with primary's live fields. macOS / Android compose
+            // SessionEntry from primary state and only borrow the anchor sibling's
+            // startedAt; if we left the sibling's snapshot in place the row would
+            // render stale modelName / state / currentTask whenever the sibling
+            // payload lagged the primary state_update. startedAt, port, id, and
+            // controlMode stay with the anchor so sort position and hotkey
+            // identity match every other surface.
+            anchor.isPrimary = true;
+            anchor.projectName = state.projectName ?? anchor.projectName;
+            anchor.agentType = state.agentType;
+            anchor.state = state.state;
+            anchor.modelName = state.modelName ?? undefined;
+            anchor.currentTask = state.currentTool ?? undefined;
+        }
+        else {
+            const duplicateAgentType = state.sessions.some(s => s.agentType === state.agentType);
+            if (!duplicateAgentType) {
+                items.push({
+                    id: '__self__',
+                    projectName: state.projectName ?? 'unknown',
+                    agentType: state.agentType,
+                    state: state.state,
+                    modelName: state.modelName ?? undefined,
+                    startedAt: undefined,
+                    port: state.currentPort ?? undefined,
+                    controlMode: undefined,
+                    currentTask: state.currentTool ?? undefined,
+                    contextPercent: undefined,
+                    totalTokens: undefined,
+                    isPrimary: true,
+                    isVirtualOpenClaw: false,
+                });
+            }
+        }
+    }
+    const hasOpenClaw = items.some(it => it.agentType === 'openclaw' || it.agentType === 'gateway');
+    if (state.gatewayAvailable && !hasOpenClaw) {
+        items.push({
+            id: '__virtual_openclaw__',
+            projectName: 'OpenClaw',
+            agentType: 'openclaw',
+            state: state.crayfishRouting ? 'processing' : 'idle',
+            modelName: undefined,
+            startedAt: undefined,
+            port: undefined,
+            controlMode: undefined,
+            currentTask: undefined,
+            contextPercent: undefined,
+            totalTokens: undefined,
+            isPrimary: false,
+            isVirtualOpenClaw: true,
+        });
+    }
+    const sorted = sortSessions(items);
+    const named = assignDisplayNames(sorted.map(it => ({
+        id: it.id,
+        projectName: it.projectName,
+        agentType: it.agentType,
+        state: it.state,
+    })));
+    return sorted.map((it, i) => ({
+        id: it.id,
+        displayName: named[i].displayName,
+        projectName: it.projectName,
+        agentType: it.agentType,
+        state: it.state,
+        modelName: it.modelName,
+        startedAt: it.startedAt,
+        port: it.port,
+        controlMode: it.controlMode,
+        currentTask: it.currentTask,
+        contextPercent: it.contextPercent,
+        totalTokens: it.totalTokens,
+        isPrimary: it.isPrimary,
+        isVirtualOpenClaw: it.isVirtualOpenClaw,
+    }));
+}
+function hudHotkeyIndex(entry, nextIndex) {
+    if (entry.isPrimary || entry.isVirtualOpenClaw)
+        return null;
+    if (!entry.port || entry.controlMode === 'observed')
         return null;
     return nextIndex;
 }
@@ -214,6 +350,125 @@ function observedDetailParts(session) {
         parts.push(session.currentTask);
     return parts;
 }
+function asRecord(value) {
+    return value && typeof value === 'object' && !Array.isArray(value)
+        ? value
+        : undefined;
+}
+function asArray(value) {
+    return Array.isArray(value) ? value : [];
+}
+function asNumber(value) {
+    return typeof value === 'number' && Number.isFinite(value) ? value : undefined;
+}
+function moduleStatusIcon(ok, warning = false) {
+    if (!terminalCaps.unicode)
+        return ok ? 'o' : warning ? '!' : 'x';
+    return ok ? '\u25CF' : warning ? '\u25C6' : '\u25CB';
+}
+function renderModuleHealthLines(moduleHealth, width) {
+    const lines = [];
+    if (!moduleHealth)
+        return lines;
+    const push = (label, detail, ok, warning = false) => {
+        const color = ok ? colors.idle : warning ? colors.awaiting : colors.dim;
+        lines.push(` ${color}${moduleStatusIcon(ok, warning)}${RESET} ${truncText(`${label} ${detail}`.trim(), width - 4)}`);
+    };
+    const serial = asRecord(moduleHealth.serial);
+    if (serial) {
+        const connections = asArray(serial.connections).map(asRecord).filter(Boolean);
+        const connected = connections.filter((c) => c.connected === true || c.transportOpen === true);
+        const boards = connected
+            .map((c) => asRecord(c.deviceInfo)?.board)
+            .filter((b) => typeof b === 'string' && b.length > 0);
+        const count = asNumber(serial.connectionCount) ?? connected.length;
+        const shown = boards.slice(0, 3).join(', ');
+        const more = boards.length > 3 ? ` +${boards.length - 3}` : '';
+        const detail = count > 0 ? `${count}${shown ? `: ${shown}${more}` : ''}` : 'none';
+        push('Serial', detail, count > 0, Boolean(serial.lastError));
+    }
+    const pixoo = asRecord(moduleHealth.pixoo);
+    if (pixoo) {
+        const devices = asArray(pixoo.devices).map(asRecord).filter(Boolean);
+        const configured = asNumber(pixoo.configuredDeviceCount) ?? devices.length;
+        const online = devices.filter((d) => d.online === true && d.backedOff !== true).length;
+        const dimmed = pixoo.displayDimmed === true ? ' dim' : '';
+        push('Pixoo', `${online}/${configured}${dimmed}`, configured > 0 && online > 0, configured > 0);
+    }
+    // BLE matrix panels — Divoom Timebox Mini + iDotMatrix. The Swift daemon
+    // reports a live `connected`/`statusReason`; the Node daemon only knows a
+    // panel is configured (the Python BLE sync subprocess owns the link), so a
+    // configured-but-state-unknown panel reads as amber "cfg" rather than a red
+    // offline, which would be a false negative for a working Node-driven panel.
+    for (const [key, label] of [['timebox', 'Timebox'], ['idotmatrix', 'iDotMatrix']]) {
+        const m = asRecord(moduleHealth[key]);
+        if (!m)
+            continue;
+        const configured = asNumber(m.configuredDeviceCount) ?? asArray(m.devices).length;
+        if (configured <= 0)
+            continue;
+        const connected = m.connected === true;
+        const dimmed = m.displayDimmed === true ? ' dim' : '';
+        const reason = typeof m.statusReason === 'string' ? m.statusReason : '';
+        const detail = connected ? `ready${dimmed}` : (reason || `${configured} cfg`);
+        push(label, detail, connected, !connected);
+    }
+    // The daemon only emits d200h while the Ulanzi Studio plugin is connected —
+    // an absent key means no D200H row at all, not an offline one.
+    const d200h = asRecord(moduleHealth.d200h);
+    if (d200h) {
+        const connected = d200h.connected === true;
+        push('D200H', connected ? 'ready plugin' : 'offline', connected);
+    }
+    const adb = asRecord(moduleHealth.adb);
+    if (adb) {
+        const devices = asArray(adb.devices);
+        const reverse = asNumber(adb.reverseReadyCount) ?? devices.length;
+        const available = adb.available === true;
+        push('ADB', available ? `${reverse} reverse` : 'missing', available && reverse > 0, available);
+    }
+    // Stream Deck plugin roster — the plugin registers over WS; the daemon
+    // reports one row per attached deck. Mirrors the macOS TopologyRail /
+    // menubar Stream Deck section (Node-tier row added in bf23fb8e).
+    const streamDeck = asRecord(moduleHealth.streamDeck);
+    if (streamDeck) {
+        const devices = asArray(streamDeck.devices).map(asRecord).filter(Boolean);
+        for (const dev of devices) {
+            const name = typeof dev.name === 'string' && dev.name.length > 0 ? dev.name : 'Stream Deck';
+            const cols = asNumber(dev.columns);
+            const rows = asNumber(dev.rows);
+            const detail = cols && rows ? `${cols}×${rows}` : '';
+            push(name, detail, true);
+        }
+    }
+    // WiFi-only ESP32 boards. Dual-homed boards (also live on USB serial) are
+    // already shown in the Serial row, so filter them out here via the
+    // per-board `serialActive` flag — mirrors TopologyRail.wifiOnlyEsp32Boards.
+    const esp32Wifi = asRecord(moduleHealth.esp32Wifi);
+    if (esp32Wifi) {
+        const devices = asArray(esp32Wifi.devices).map(asRecord).filter(Boolean);
+        const wifiOnly = devices.filter((d) => d.serialActive !== true);
+        for (const dev of wifiOnly) {
+            const board = typeof dev.board === 'string' && dev.board.length > 0 ? dev.board : 'esp32';
+            const ip = typeof dev.ip === 'string' ? dev.ip : '';
+            const stale = dev.stale === true;
+            const detail = [ip, 'WiFi', stale ? 'stale' : ''].filter(Boolean).join(' · ');
+            push(`Wi-Fi ESP32 ${board}`, detail, !stale, stale);
+        }
+    }
+    // Terminal dashboards (`agentdeck dashboard`) attached to the daemon —
+    // presence-only roster, one row per open TUI WS. Mirrors the macOS
+    // TopologyRail "Terminal · TUI Dashboard" section.
+    const tuiDashboards = asRecord(moduleHealth.tuiDashboards);
+    if (tuiDashboards) {
+        const devices = asArray(tuiDashboards.devices).map(asRecord).filter(Boolean);
+        for (const dev of devices) {
+            const host = typeof dev.name === 'string' ? dev.name : '';
+            push('TUI Dashboard', host, true);
+        }
+    }
+    return lines;
+}
 // ===== Panel Renderers =====
 function renderAgentLines(state, maxWidth, useLogo) {
     const lines = [];
@@ -241,68 +496,33 @@ function renderAgentLines(state, maxWidth, useLogo) {
         lines.push(` ${hotkey} ${emoji} ${col}${name}${RESET}`);
         lines.push(`${colors.dim}    ${truncText(secondary, maxWidth - 4)}${RESET}`);
     };
-    // #N suffix via shared assignDisplayNames
-    // Daemon mode: sessions list already contains all agents (including virtual OpenClaw).
-    // Also applies when daemon relays OpenClaw (agentType='openclaw' but sessions has the entry).
-    // Session bridge mode: sessions has siblings only — prepend self.
-    const isDaemonLike = state.agentType === 'daemon' ||
-        (state.agentType && state.sessions.some(s => s.agentType === state.agentType));
-    if (isDaemonLike) {
-        const sorted = sortSessions(state.sessions);
-        const displayed = assignDisplayNames(sorted.map(s => ({
-            id: s.id, projectName: s.projectName || 'unknown', agentType: s.agentType, state: s.state,
-            modelName: s.modelName,
-            port: s.port, controlMode: s.controlMode,
-            currentTask: s.currentTask,
-            contextPercent: s.contextPercent,
-            totalTokens: s.totalTokens,
-        })));
-        let focusableIndex = 0;
-        for (const d of displayed) {
-            const hotkeyIndex = sessionHotkeyIndex(d.session, focusableIndex);
-            if (hotkeyIndex !== null)
-                focusableIndex += 1;
-            renderSession(d.displayName, d.session.modelName, d.session.state || 'idle', d.session.agentType, hotkeyIndex, d.session);
-        }
-    }
-    else if (state.state) {
-        // Self (primary session)
-        renderSession(state.projectName || 'unknown', state.modelName ?? undefined, state.state, state.agentType ?? undefined, null);
-        // Siblings — include self as virtual entry for correct #N numbering
-        const sorted = sortSessions(state.sessions);
-        const selfEntry = {
-            id: '__self__', projectName: state.projectName || 'unknown',
-            agentType: state.agentType ?? undefined, state: state.state,
-        };
-        const allForNumbering = [selfEntry, ...sorted.map(s => ({
-                id: s.id, projectName: s.projectName || 'unknown', agentType: s.agentType, state: s.state,
-                modelName: s.modelName,
-                port: s.port, controlMode: s.controlMode,
-                currentTask: s.currentTask,
-                contextPercent: s.contextPercent,
-                totalTokens: s.totalTokens,
-            }))];
-        const displayed = assignDisplayNames(allForNumbering);
-        // Skip the self entry (index 0), render siblings with hotkey indices
-        let focusableIndex = 0;
-        for (let i = 1; i < displayed.length; i++) {
-            const d = displayed[i];
-            const sessionInfo = d.session;
-            const hotkeyIndex = sessionHotkeyIndex(sessionInfo, focusableIndex);
-            if (hotkeyIndex !== null)
-                focusableIndex += 1;
-            renderSession(d.displayName, d.session.modelName, d.session.state || 'idle', d.session.agentType, hotkeyIndex, sessionInfo);
-        }
-    }
-    // Virtual OpenClaw entry when gateway detected but not in sessions list
-    const hasOcSession = state.sessions.some(s => s.agentType === 'openclaw' || s.agentType === 'gateway');
-    if (state.gatewayAvailable && !hasOcSession) {
-        renderSession('OpenClaw', undefined, state.crayfishRouting ? 'processing' : 'idle', 'openclaw', null);
+    // Unified entry list (primary + siblings + virtual OpenClaw). Order and #N
+    // suffix matches macOS / iOS / Android via the shared sortSessions +
+    // assignDisplayNames pipeline inside buildHudEntries.
+    const entries = buildHudEntries(state);
+    let focusableIndex = 0;
+    for (const e of entries) {
+        const hotkeyIndex = hudHotkeyIndex(e, focusableIndex);
+        if (hotkeyIndex !== null)
+            focusableIndex += 1;
+        renderSession(e.displayName, e.modelName, e.state, e.agentType, hotkeyIndex, {
+            port: e.port,
+            controlMode: e.controlMode,
+            currentTask: e.currentTask,
+            contextPercent: e.contextPercent,
+            totalTokens: e.totalTokens,
+        });
     }
     // Gateway error warning
     if (state.gatewayHasError) {
         lines.push(`${colors.error} \u26A0 Gateway Error${RESET}`);
     }
+    const moduleLines = renderModuleHealthLines(state.moduleHealth, maxWidth);
+    if (moduleLines.length > 0) {
+        lines.push('');
+        lines.push(`${colors.header} DOWNSTREAM${RESET}`);
+        lines.push(...moduleLines);
+    }
     // Voice assistant indicator
     if (state.voiceAssistantState && state.voiceAssistantState !== 'disabled' && state.voiceAssistantState !== 'idle') {
         lines.push('');
@@ -391,9 +611,9 @@ function renderStatusLines(state, width) {
 }
 function renderOauthCatalogLines(modelCatalog, oauthConnected, width) {
     const lines = [];
-    const models = modelCatalog.filter((m) => m.available).map((m) => m.name);
+    const models = (modelCatalog ?? []).filter((m) => m.available).map((m) => m.name);
     if (models.length > 0) {
-        return wrapCommaList(' OAuth: ', models, width);
+        return wrapCommaList(' OAuth: ', models, width, 4);
     }
     if (oauthConnected === true) {
         lines.push(`${colors.dim}${truncText(' OAuth: connected', width)}${RESET}`);
@@ -403,22 +623,38 @@ function renderOauthCatalogLines(modelCatalog, oauthConnected, width) {
     }
     return lines;
 }
-function wrapCommaList(prefix, items, width) {
+function wrapCommaList(prefix, items, width, maxLines = Number.POSITIVE_INFINITY) {
     const lines = [];
     const indent = ' '.repeat(prefix.length);
     let current = prefix;
+    let consumed = 0;
     for (let i = 0; i < items.length; i++) {
         const chunk = i === 0 ? items[i] : `, ${items[i]}`;
         if (visLen(current) + visLen(chunk) <= width) {
             current += chunk;
+            consumed = i + 1;
             continue;
         }
         if (visLen(current) > visLen(prefix)) {
             lines.push(`${colors.dim}${padRight(current, width)}${RESET}`.trimEnd());
+            if (lines.length >= maxLines) {
+                const hidden = items.length - consumed;
+                if (hidden > 0)
+                    lines.push(`${colors.dim}${truncText(` ${hidden} more models`, width)}${RESET}`);
+                return lines;
+            }
             current = indent + items[i];
+            consumed = i + 1;
             continue;
         }
         lines.push(`${colors.dim}${truncText(current + chunk, width)}${RESET}`);
+        consumed = i + 1;
+        if (lines.length >= maxLines) {
+            const hidden = items.length - consumed;
+            if (hidden > 0)
+                lines.push(`${colors.dim}${truncText(` ${hidden} more models`, width)}${RESET}`);
+            return lines;
+        }
         current = indent;
     }
     if (visLen(current.trim()) > 0) {
@@ -440,7 +676,11 @@ function renderOllamaSummaryLines(ollamaStatus, width) {
 }
 function renderTimelineLines(state, width, maxLines, scrollOffset) {
     const lines = [];
-    const entries = state.timeline;
+    // One-row-per-task render contract (shared/src/timeline-task-display.ts):
+    // task_end rows are data-only closure records — the task_start header folds
+    // in the closure label + judge verdict instead. Bare "Task N" headers with
+    // no eval payload (including every interrupted reaper closure) drop out.
+    const entries = state.timeline.filter((e) => timelineShouldRenderTaskRow(e, state.timeline));
     if (entries.length === 0) {
         lines.push(`${colors.dim} No events yet${RESET}`);
         return lines;
@@ -451,12 +691,39 @@ function renderTimelineLines(state, width, maxLines, scrollOffset) {
         const e = entries[i];
         const time = new Date(e.ts);
         const timeStr = `${String(time.getHours()).padStart(2, '0')}:${String(time.getMinutes()).padStart(2, '0')}`;
-        const raw = truncText(e.raw, width - 10);
+        // Task headers render their folded closure: judge summary as title when
+        // the own title is a bare "Task N", the closure label ("Session end ·
+        // 2 turns · 6m") as a chip, and the score+outcome suffix once the judge
+        // resolves (5–30 s after the boundary itself).
+        let text = e.raw;
+        let evalSuffix = '';
+        if (e.type === 'task_start') {
+            const d = timelineTaskHeaderDisplay(e, state.timeline);
+            text = d.closureText ? `${d.title} · ${d.closureText}` : d.title;
+            if (d.taskOutcome)
+                evalSuffix = formatTaskEvalSuffix(d.taskScore, d.taskOutcome);
+        }
+        const raw = truncText(`${text}${evalSuffix}`, width - 10);
         const pending = e.status === 'pending' ? `${colors.dim} [PENDING]${RESET}` : '';
         lines.push(` ${colors.dim}${timeStr}${RESET} ${typeColor(e.type)}${typeIcon(e.type)}${RESET} ${raw}${pending}`);
     }
     return lines;
 }
+export function formatTaskEvalSuffix(score, outcome) {
+    // `abandoned` flows from the manual `agentdeck task cancel` path and
+    // must render as its own glyph — not fall through to '' (which would
+    // make the task look pending) and not borrow the fail glyph (which
+    // would read as agent failure rather than user-initiated stop).
+    const glyph = outcome === 'success' ? '✓'
+        : outcome === 'fail' ? '✗'
+            : outcome === 'partial' ? '△'
+                : outcome === 'abandoned' ? '⊘'
+                    : '';
+    if (!glyph)
+        return '';
+    const scoreText = typeof score === 'number' ? score.toFixed(2) : '?';
+    return ` · ${scoreText} ${glyph}`;
+}
 function timelineHeader(state, width, maxLines, scrollOffset) {
     const total = state.timeline.length;
     if (total === 0)
@@ -649,64 +916,31 @@ function renderStandardLayout(state, cols, rows, terrariumLines, frame, scrollOf
 }
 function renderAgentCompactLines(state, width) {
     const lines = [];
-    const isDaemonLikeCompact = state.agentType === 'daemon' ||
-        (state.agentType && state.sessions.some(s => s.agentType === state.agentType));
-    if (isDaemonLikeCompact) {
-        let focusableIndex = 0;
-        for (const s of sortSessions(state.sessions)) {
-            const renderInfo = s;
-            const st = s.state || 'idle';
-            const col = stateColor(st);
-            const emoji = `${creatureBrandColor(s.agentType)}${creatureEmoji(s.agentType)}${RESET}`;
-            const status = `${col}${stateIcon(st)} ${compactStateLabel(st)}${RESET}`;
-            const detail = renderInfo.currentTask || s.modelName;
-            const model = detail ? `${colors.dim} · ${truncText(detail, Math.max(8, width - 24))}${RESET}` : '';
-            const marker = renderInfo.controlMode === 'observed' ? `${colors.dim} · obs${RESET}` : '';
-            const project = truncText(s.projectName || '?', Math.max(8, width - 20));
-            const hotkeyIndex = sessionHotkeyIndex(renderInfo, focusableIndex);
-            if (hotkeyIndex !== null)
-                focusableIndex += 1;
-            lines.push(` ${colors.dim}[${sessionHotkeyLabel(hotkeyIndex)}]${RESET} ${emoji} ${project} ${status}${marker}${model}`);
-        }
-    }
-    else if (state.state) {
-        // Self first
-        const col = stateColor(state.state);
-        const proj = truncText(state.projectName || '?', Math.max(8, width - 16));
-        const status = `${col}${stateIcon(state.state)} ${compactStateLabel(state.state)}${RESET}`;
-        const model = state.modelName ? `${colors.dim} · ${truncText(state.modelName, Math.max(8, width - 24))}${RESET}` : '';
-        const emoji = `${creatureBrandColor(state.agentType ?? undefined)}${creatureEmoji(state.agentType ?? undefined)}${RESET}`;
-        lines.push(` ${emoji} ${proj} ${status}${model}`);
-        // Siblings
-        let focusableIndex = 0;
-        for (const s of sortSessions(state.sessions)) {
-            const renderInfo = s;
-            const st = s.state || 'idle';
-            const sCol = stateColor(st);
-            const sEmoji = `${creatureBrandColor(s.agentType)}${creatureEmoji(s.agentType)}${RESET}`;
-            const sStatus = `${sCol}${stateIcon(st)} ${compactStateLabel(st)}${RESET}`;
-            const detail = renderInfo.currentTask || s.modelName;
-            const sModel = detail ? `${colors.dim} · ${truncText(detail, Math.max(8, width - 24))}${RESET}` : '';
-            const marker = renderInfo.controlMode === 'observed' ? `${colors.dim} · obs${RESET}` : '';
-            const sProject = truncText(s.projectName || '?', Math.max(8, width - 20));
-            const hotkeyIndex = sessionHotkeyIndex(renderInfo, focusableIndex);
-            if (hotkeyIndex !== null)
-                focusableIndex += 1;
-            lines.push(` ${colors.dim}[${sessionHotkeyLabel(hotkeyIndex)}]${RESET} ${sEmoji} ${sProject} ${sStatus}${marker}${sModel}`);
-        }
-    }
-    // Virtual OpenClaw entry
-    const hasOcCompact = state.sessions.some(s => s.agentType === 'openclaw' || s.agentType === 'gateway');
-    if (state.gatewayAvailable && !hasOcCompact) {
-        const ocState = state.crayfishRouting ? 'processing' : 'idle';
-        const ocCol = stateColor(ocState);
-        const ocEmoji = `${creatureBrandColor('openclaw')}${creatureEmoji('openclaw')}${RESET}`;
-        lines.push(` ${ocEmoji} OpenClaw ${ocCol}${stateIcon(ocState)}${ocState.toUpperCase()}${RESET}`);
+    // Unified entry list — same ordering and #N suffix as macOS / iOS / Android.
+    const entries = buildHudEntries(state);
+    let focusableIndex = 0;
+    for (const e of entries) {
+        const hotkeyIndex = hudHotkeyIndex(e, focusableIndex);
+        if (hotkeyIndex !== null)
+            focusableIndex += 1;
+        const col = stateColor(e.state);
+        const emoji = `${creatureBrandColor(e.agentType)}${creatureEmoji(e.agentType)}${RESET}`;
+        const status = `${col}${stateIcon(e.state)} ${compactStateLabel(e.state)}${RESET}`;
+        const detail = e.currentTask || e.modelName;
+        const model = detail ? `${colors.dim} · ${truncText(detail, Math.max(8, width - 24))}${RESET}` : '';
+        const marker = e.controlMode === 'observed' ? `${colors.dim} · obs${RESET}` : '';
+        const project = truncText(e.displayName, Math.max(8, width - 20));
+        lines.push(` ${colors.dim}[${sessionHotkeyLabel(hotkeyIndex)}]${RESET} ${emoji} ${project} ${status}${marker}${model}`);
     }
     // Gateway error warning
     if (state.gatewayHasError) {
         lines.push(`${colors.error} \u26A0 Gateway Error${RESET}`);
     }
+    const moduleLines = renderModuleHealthLines(state.moduleHealth, width);
+    if (moduleLines.length > 0) {
+        lines.push(`${colors.header} DOWNSTREAM${RESET}`);
+        lines.push(...moduleLines);
+    }
     // Voice assistant indicator (compact)
     if (state.voiceAssistantState && state.voiceAssistantState !== 'disabled' && state.voiceAssistantState !== 'idle') {
         if (state.voiceAssistantState === 'listening') {