@agentuity/coder 1.0.40 → 1.0.41

package/dist/hub-overlay.js

@@ -1,11 +1,35 @@
 import { getMarkdownTheme } from '@mariozechner/pi-coding-agent';
 import { matchesKey, Markdown as MdComponent } from '@mariozechner/pi-tui';
+import { buildProjectionFromEntries, normalizeStreamProjection, shouldReplaceStreamProjection, } from "./hub-overlay-state.js";
 import { truncateToWidth } from "./renderers.js";
 const ANSI_RE = /\x1b\[[0-9;]*m/g;
 const POLL_MS = 4_000;
 const REQUEST_TIMEOUT_MS = 5_000;
+const HISTORY_FETCH_FAILURE_COOLDOWN_MS = 15_000;
 const MAX_FEED_ITEMS = 80;
 const STREAM_SESSION_LIMIT = 8;
+class HubRequestError extends Error {
+    _tag = 'HubRequestError';
+    path;
+    status;
+    statusText;
+    body;
+    plainArgs;
+    constructor(args) {
+        super(args.message, args.cause === undefined ? undefined : { cause: args.cause });
+        this.name = 'HubRequestError';
+        this.path = args.path;
+        this.status = args.status;
+        this.statusText = args.statusText;
+        this.body = args.body;
+        this.plainArgs = {
+            path: args.path,
+            status: args.status,
+            statusText: args.statusText,
+            body: args.body,
+        };
+    }
+}
 function visibleWidth(text) {
     return text.replace(ANSI_RE, '').replace(/\t/g, '    ').length;
 }
@@ -48,8 +72,8 @@ function formatClock(ms) {
     const d = new Date(ms);
     return `${String(d.getHours()).padStart(2, '0')}:${String(d.getMinutes()).padStart(2, '0')}`;
 }
-function formatRelative(isoDate) {
-    const ts = Date.parse(isoDate);
+function formatRelative(value) {
+    const ts = typeof value === 'number' ? value : Date.parse(value);
     if (Number.isNaN(ts))
         return '-';
     const seconds = Math.max(0, Math.floor((Date.now() - ts) / 1000));
@@ -64,6 +88,15 @@ function formatRelative(isoDate) {
     const days = Math.floor(hours / 24);
     return `${days}d ago`;
 }
+function formatElapsedCompact(ms) {
+    if (ms < 1_000)
+        return `${ms}ms`;
+    if (ms < 60_000)
+        return `${Math.round(ms / 1_000)}s`;
+    if (ms < 3_600_000)
+        return `${Math.round(ms / 60_000)}m`;
+    return `${Math.round(ms / 3_600_000)}h`;
+}
 function shortId(id) {
     if (id.length <= 12)
         return id;
@@ -249,14 +282,27 @@ export class HubOverlay {
     cachedTodos = null;
     feed = [];
     sessionFeed = new Map();
+    sessionHistoryFeed = new Map();
     sessionBuffers = new Map();
     taskBuffers = new Map();
-    hydratedSessions = new Set();
+    streamSources = new Map();
+    replayLoadedSessions = new Set();
+    replayInFlight = new Set();
+    replayRequestControllers = new Map();
+    replayRequestGenerations = new Map();
+    replayFailureUntil = new Map();
+    eventHistoryLoadedSessions = new Set();
+    eventHistoryInFlight = new Set();
+    eventHistoryRequestControllers = new Map();
+    eventHistoryRequestGenerations = new Map();
+    eventHistoryFailureUntil = new Map();
     previousDigests = new Map();
     loadingList = true;
     loadingDetail = false;
     listError = '';
     detailError = '';
+    detailTodoRequestId = 0;
+    resumeBusySessionId = null;
     lastUpdatedAt = 0;
     listInFlight = false;
     detailInFlight = false;
@@ -409,6 +455,14 @@ export class HubOverlay {
             stream.controller.abort();
         }
         this.sseControllers.clear();
+        for (const controller of this.replayRequestControllers.values()) {
+            controller.abort();
+        }
+        this.replayRequestControllers.clear();
+        for (const controller of this.eventHistoryRequestControllers.values()) {
+            controller.abort();
+        }
+        this.eventHistoryRequestControllers.clear();
     }
     requestRender() {
         try {
@@ -418,6 +472,52 @@ export class HubOverlay {
             // Best effort render invalidation.
         }
     }
+    nextRequestGeneration(generations, sessionId) {
+        const next = (generations.get(sessionId) ?? 0) + 1;
+        generations.set(sessionId, next);
+        return next;
+    }
+    invalidateSessionRequest(generations, controllers, inFlight, sessionId) {
+        this.nextRequestGeneration(generations, sessionId);
+        inFlight.delete(sessionId);
+        const controller = controllers.get(sessionId);
+        if (controller)
+            controller.abort();
+        controllers.delete(sessionId);
+    }
+    isCurrentSessionRequest(generations, controllers, sessionId, generation, controller) {
+        return (!controller.signal.aborted &&
+            generations.get(sessionId) === generation &&
+            controllers.get(sessionId) === controller);
+    }
+    isFailureCoolingDown(failureUntil, sessionId) {
+        const until = failureUntil.get(sessionId);
+        if (!until)
+            return false;
+        if (until <= Date.now()) {
+            failureUntil.delete(sessionId);
+            return false;
+        }
+        return true;
+    }
+    markFailureCooldown(failureUntil, sessionId) {
+        failureUntil.set(sessionId, Date.now() + HISTORY_FETCH_FAILURE_COOLDOWN_MS);
+    }
+    clearReplayFailureCooldown(sessionId) {
+        this.replayFailureUntil.delete(sessionId);
+    }
+    clearEventHistoryFailureCooldown(sessionId) {
+        this.eventHistoryFailureUntil.delete(sessionId);
+    }
+    resetHistoricalSessionState(sessionId) {
+        this.invalidateSessionRequest(this.replayRequestGenerations, this.replayRequestControllers, this.replayInFlight, sessionId);
+        this.invalidateSessionRequest(this.eventHistoryRequestGenerations, this.eventHistoryRequestControllers, this.eventHistoryInFlight, sessionId);
+        this.replayLoadedSessions.delete(sessionId);
+        this.eventHistoryLoadedSessions.delete(sessionId);
+        this.sessionHistoryFeed.delete(sessionId);
+        this.clearReplayFailureCooldown(sessionId);
+        this.clearEventHistoryFailureCooldown(sessionId);
+    }
     close() {
         this.dispose();
         this.done(undefined);
@@ -460,6 +560,12 @@ export class HubOverlay {
     }
     handleDetailInput(data) {
         const tasks = this.getDetailTasks();
+        if ((matchesKey(data, 'w') || data.toLowerCase() === 'w') && this.detailSessionId) {
+            if (this.canResumeSession(this.detail)) {
+                void this.resumeSession(this.detailSessionId);
+            }
+            return;
+        }
         if (matchesKey(data, 'up')) {
             if (tasks.length > 0) {
                 this.selectedTaskIndex = (this.selectedTaskIndex - 1 + tasks.length) % tasks.length;
@@ -708,9 +814,53 @@ export class HubOverlay {
         }
         return buffer;
     }
+    getStreamSource(sessionId) {
+        return this.streamSources.get(sessionId) ?? 'none';
+    }
+    setStreamSource(sessionId, source) {
+        this.streamSources.set(sessionId, source);
+    }
+    clearTaskBuffers(sessionId) {
+        for (const key of this.taskBuffers.keys()) {
+            if (key.startsWith(`${sessionId}:`)) {
+                this.taskBuffers.delete(key);
+            }
+        }
+    }
+    replaceStreamProjection(sessionId, projectionRaw, source) {
+        if (!projectionRaw)
+            return false;
+        const currentSource = this.getStreamSource(sessionId);
+        if (!shouldReplaceStreamProjection(currentSource, source))
+            return false;
+        const projection = normalizeStreamProjection(projectionRaw);
+        const sessionBuffer = this.getSessionBuffer(sessionId);
+        sessionBuffer.output = projection.output;
+        sessionBuffer.thinking = projection.thinking;
+        this.clearTaskBuffers(sessionId);
+        for (const [taskId, block] of Object.entries(projection.tasks)) {
+            const taskBuffer = this.getTaskBuffer(sessionId, taskId);
+            taskBuffer.output = block.output;
+            taskBuffer.thinking = block.thinking;
+        }
+        this.setStreamSource(sessionId, source);
+        return true;
+    }
+    applyReplayEntries(sessionId, entries) {
+        const projection = buildProjectionFromEntries(entries);
+        this.clearReplayFailureCooldown(sessionId);
+        if (this.replaceStreamProjection(sessionId, projection, 'replay')) {
+            this.replayLoadedSessions.add(sessionId);
+        }
+    }
     appendBufferText(sessionId, kind, chunk, taskId) {
         if (!chunk)
             return;
+        this.clearReplayFailureCooldown(sessionId);
+        if (this.replayInFlight.has(sessionId)) {
+            this.invalidateSessionRequest(this.replayRequestGenerations, this.replayRequestControllers, this.replayInFlight, sessionId);
+        }
+        this.setStreamSource(sessionId, 'live');
         // Session stream is lead/top-level only; task-scoped output lives in task buffers.
         if (!taskId) {
             const sessionBuffer = this.getSessionBuffer(sessionId);
@@ -769,21 +919,62 @@ export class HubOverlay {
         }
         return `  ${tab('1', 'List', active === 'list')}${divider}${tab('2', 'Feed', active === 'feed')}`;
     }
-    async fetchJson(path, timeoutMs = REQUEST_TIMEOUT_MS) {
+    async fetchJson(path, timeoutMs = REQUEST_TIMEOUT_MS, init) {
         const controller = new AbortController();
         const timeout = setTimeout(() => controller.abort(), timeoutMs);
         try {
             // TODO: Remove/Change when we get Agentuity service level auth enabled, this is just temporary
             const apiKey = process.env.AGENTUITY_CODER_API_KEY;
-            const headers = { accept: 'application/json' };
+            const headers = {
+                accept: 'application/json',
+                ...(init?.headers && typeof init.headers === 'object'
+                    ? init.headers
+                    : {}),
+            };
             if (apiKey)
                 headers['x-agentuity-auth-api-key'] = apiKey;
+            const signal = init?.signal
+                ? AbortSignal.any([controller.signal, init.signal])
+                : controller.signal;
             const response = await fetch(`${this.baseUrl}${path}`, {
+                ...init,
                 headers,
-                signal: controller.signal,
+                signal,
             });
             if (!response.ok) {
-                throw new Error(`Hub returned ${response.status}`);
+                let message = `Hub returned ${response.status}`;
+                let rawBody = '';
+                try {
+                    const text = await response.text();
+                    if (text) {
+                        rawBody = text;
+                        try {
+                            const parsed = JSON.parse(text);
+                            if (typeof parsed.error === 'string' && parsed.error.trim()) {
+                                message = parsed.error;
+                            }
+                            else if (typeof parsed.message === 'string' && parsed.message.trim()) {
+                                message = parsed.message;
+                            }
+                            else {
+                                message = text;
+                            }
+                        }
+                        catch {
+                            message = text;
+                        }
+                    }
+                }
+                catch {
+                    // Fall back to the status-only message.
+                }
+                throw new HubRequestError({
+                    message,
+                    path,
+                    status: response.status,
+                    statusText: response.statusText || undefined,
+                    body: rawBody || undefined,
+                });
             }
             return (await response.json());
         }
@@ -791,6 +982,143 @@ export class HubOverlay {
             clearTimeout(timeout);
         }
     }
+    getSessionSummary(sessionId) {
+        return this.sessions.find((item) => item.sessionId === sessionId);
+    }
+    isRuntimeAvailable(sessionId) {
+        const detailRuntime = this.detail?.sessionId === sessionId ? this.detail.runtimeAvailable : undefined;
+        if (typeof detailRuntime === 'boolean')
+            return detailRuntime;
+        const session = this.getSessionSummary(sessionId);
+        if (typeof session?.runtimeAvailable === 'boolean')
+            return session.runtimeAvailable;
+        if (session?.historyOnly)
+            return false;
+        if (session?.bucket === 'history')
+            return false;
+        return true;
+    }
+    isHistoryOnly(sessionId) {
+        if (this.detail?.sessionId === sessionId && typeof this.detail.historyOnly === 'boolean') {
+            return this.detail.historyOnly;
+        }
+        return this.getSessionSummary(sessionId)?.historyOnly === true;
+    }
+    canResumeSession(detail) {
+        if (!detail)
+            return false;
+        return (detail.mode === 'sandbox' &&
+            detail.bucket === 'paused' &&
+            detail.historyOnly !== true &&
+            detail.runtimeAvailable === false);
+    }
+    isArchivedStatus(status) {
+        return status === 'archived' || status === 'shutdown' || status === 'stopped';
+    }
+    getStatusTone(status) {
+        if (status === 'active' || status === 'running' || status === 'connected') {
+            return 'success';
+        }
+        if (status === 'error' || status === 'failed' || status === 'stopped') {
+            return 'error';
+        }
+        if (status === 'archived' || status === 'shutdown') {
+            return 'muted';
+        }
+        return 'warning';
+    }
+    getConnectionState(input) {
+        const isLocalSession = input.mode === 'tui';
+        const isArchived = this.isArchivedStatus(input.status);
+        const bucket = input.bucket ?? (input.historyOnly ? 'history' : 'running');
+        const runtimeAvailable = input.runtimeAvailable !== false;
+        const controlAvailable = input.controlAvailable ?? runtimeAvailable;
+        const historyOnly = input.historyOnly === true || bucket === 'history';
+        const canWake = !isLocalSession && !isArchived && bucket === 'paused' && historyOnly !== true;
+        if (historyOnly)
+            return { label: 'History only', tone: 'warning', controlAvailable };
+        if (isLocalSession && bucket === 'provisioning')
+            return { label: 'Starting', tone: 'warning', controlAvailable };
+        if (isLocalSession && !isArchived)
+            return { label: 'View only', tone: 'muted', controlAvailable };
+        if (bucket === 'provisioning')
+            return { label: 'Starting', tone: 'warning', controlAvailable };
+        if (canWake) {
+            return {
+                label: this.resumeBusySessionId === input.sessionId ? 'Waking' : 'Paused',
+                tone: this.resumeBusySessionId === input.sessionId ? 'accent' : 'warning',
+                controlAvailable,
+            };
+        }
+        if (!isArchived && runtimeAvailable && !controlAvailable) {
+            return { label: 'Read only', tone: 'muted', controlAvailable };
+        }
+        if (!isArchived && runtimeAvailable)
+            return { label: 'Live', tone: 'success', controlAvailable };
+        if (isArchived)
+            return { label: 'Archived', tone: 'muted', controlAvailable };
+        return { label: 'Disconnected', tone: 'warning', controlAvailable };
+    }
+    formatTagSummary(tags, maxCount = 4) {
+        if (!tags || tags.length === 0)
+            return null;
+        const visible = tags.slice(0, maxCount);
+        const remainder = tags.length - visible.length;
+        return remainder > 0 ? `${visible.join(', ')} +${remainder}` : visible.join(', ');
+    }
+    getSessionEventEntries(sessionId) {
+        if (!this.isRuntimeAvailable(sessionId) || this.isHistoryOnly(sessionId)) {
+            return this.sessionHistoryFeed.get(sessionId) ?? [];
+        }
+        return this.sessionFeed.get(sessionId) ?? [];
+    }
+    async refreshTodos(sessionId) {
+        const requestId = ++this.detailTodoRequestId;
+        try {
+            const todosResponse = await this.fetchJson(`/api/hub/session/${encodeURIComponent(sessionId)}/todos?includeTerminal=true&includeSync=true&limit=30`, 15_000).catch((err) => {
+                const isAbort = err?.name === 'AbortError' || err?.message?.includes('aborted');
+                return {
+                    _fetchError: true,
+                    message: isAbort ? 'Todos loading...' : err?.message || 'Failed to load todos',
+                };
+            });
+            if (this.disposed ||
+                this.detail?.sessionId !== sessionId ||
+                requestId !== this.detailTodoRequestId) {
+                return;
+            }
+            if (todosResponse._fetchError) {
+                if (this.cachedTodos && this.cachedTodos.sessionId === sessionId) {
+                    this.detail.todos = this.cachedTodos.todos;
+                    this.detail.todoSummary = this.cachedTodos.summary;
+                }
+                this.detail.todosUnavailable = todosResponse.message;
+                this.requestRender();
+                return;
+            }
+            this.detail.todos = Array.isArray(todosResponse.todos) ? todosResponse.todos : [];
+            this.detail.todoSummary =
+                todosResponse.summary && typeof todosResponse.summary === 'object'
+                    ? todosResponse.summary
+                    : undefined;
+            this.detail.todosUnavailable = todosResponse.unavailable
+                ? typeof todosResponse.message === 'string'
+                    ? todosResponse.message
+                    : 'Task service unavailable'
+                : undefined;
+            if (this.detail.todos.length > 0) {
+                this.cachedTodos = {
+                    todos: this.detail.todos,
+                    summary: this.detail.todoSummary,
+                    sessionId,
+                };
+            }
+            this.requestRender();
+        }
+        catch {
+            // Best-effort todos loading.
+        }
+    }
     async refreshList(initial = false) {
         if (this.disposed || this.listInFlight)
             return;
@@ -835,46 +1163,21 @@ export class HubOverlay {
             this.requestRender();
         }
         try {
-            const [detail, todosResponse] = await Promise.all([
-                this.fetchJson(`/api/hub/session/${encodeURIComponent(sessionId)}`),
-                this.fetchJson(`/api/hub/session/${encodeURIComponent(sessionId)}/todos?includeTerminal=true&includeSync=true&limit=30`, 15_000).catch((err) => {
-                    const isAbort = err?.name === 'AbortError' || err?.message?.includes('aborted');
-                    return {
-                        _fetchError: true,
-                        message: isAbort ? 'Todos loading\u2026' : err?.message || 'Failed to load todos',
-                    };
-                }),
-            ]);
-            if (todosResponse?._fetchError) {
-                // Use cached todos if available, show loading indicator
-                if (this.cachedTodos && this.cachedTodos.sessionId === sessionId) {
-                    detail.todos = this.cachedTodos.todos;
-                    detail.todoSummary = this.cachedTodos.summary;
-                    detail.todosUnavailable = todosResponse.message;
-                }
-                else {
-                    detail.todosUnavailable = todosResponse.message;
-                }
+            const detail = await this.fetchJson(`/api/hub/session/${encodeURIComponent(sessionId)}`);
+            if (this.cachedTodos && this.cachedTodos.sessionId === sessionId) {
+                detail.todos = this.cachedTodos.todos;
+                detail.todoSummary = this.cachedTodos.summary;
+                detail.todosUnavailable = 'Loading todos...';
             }
-            else if (todosResponse) {
-                detail.todos = Array.isArray(todosResponse.todos) ? todosResponse.todos : [];
-                detail.todoSummary =
-                    todosResponse.summary && typeof todosResponse.summary === 'object'
-                        ? todosResponse.summary
-                        : undefined;
-                detail.todosUnavailable = todosResponse.unavailable
-                    ? typeof todosResponse.message === 'string'
-                        ? todosResponse.message
-                        : 'Task service unavailable'
-                    : undefined;
-                // Cache successful todo data
-                if (detail.todos && detail.todos.length > 0) {
-                    this.cachedTodos = { todos: detail.todos, summary: detail.todoSummary, sessionId };
-                }
+            else {
+                detail.todosUnavailable = 'Loading todos...';
             }
             this.detail = detail;
             this.detailSessionId = sessionId;
-            this.applyStreamProjection(sessionId, detail.stream);
+            this.replaceStreamProjection(sessionId, detail.stream, 'snapshot');
+            if (detail.runtimeAvailable !== false && detail.historyOnly !== true) {
+                this.resetHistoricalSessionState(sessionId);
+            }
             const taskCount = detail.tasks?.length ?? 0;
             if (taskCount === 0) {
                 this.selectedTaskIndex = 0;
@@ -886,6 +1189,11 @@ export class HubOverlay {
             this.detailError = '';
             this.lastUpdatedAt = Date.now();
             this.requestRender();
+            void this.refreshTodos(sessionId);
+            if (detail.runtimeAvailable === false || detail.historyOnly === true) {
+                void this.refreshReplay(sessionId);
+                void this.refreshEventHistory(sessionId);
+            }
         }
         catch (err) {
             this.loadingDetail = false;
@@ -896,6 +1204,127 @@ export class HubOverlay {
             this.detailInFlight = false;
         }
     }
+    async refreshReplay(sessionId) {
+        if (this.isFailureCoolingDown(this.replayFailureUntil, sessionId))
+            return;
+        if (this.replayLoadedSessions.has(sessionId) || this.replayInFlight.has(sessionId))
+            return;
+        const controller = new AbortController();
+        const generation = this.nextRequestGeneration(this.replayRequestGenerations, sessionId);
+        this.replayInFlight.add(sessionId);
+        this.replayRequestControllers.set(sessionId, controller);
+        try {
+            const data = await this.fetchJson(`/api/hub/session/${encodeURIComponent(sessionId)}/replay`, 15_000, { signal: controller.signal });
+            if (!this.isCurrentSessionRequest(this.replayRequestGenerations, this.replayRequestControllers, sessionId, generation, controller)) {
+                return;
+            }
+            this.applyReplayEntries(sessionId, Array.isArray(data.entries) ? data.entries : []);
+            this.replayLoadedSessions.add(sessionId);
+            this.requestRender();
+        }
+        catch (err) {
+            if (controller.signal.aborted ||
+                !this.isCurrentSessionRequest(this.replayRequestGenerations, this.replayRequestControllers, sessionId, generation, controller)) {
+                return;
+            }
+            this.markFailureCooldown(this.replayFailureUntil, sessionId);
+            this.pushFeed(`${this.getSessionLabel(sessionId)}: replay unavailable (${err instanceof Error ? err.message : String(err)})`, sessionId);
+            this.requestRender();
+        }
+        finally {
+            if (this.isCurrentSessionRequest(this.replayRequestGenerations, this.replayRequestControllers, sessionId, generation, controller)) {
+                this.replayInFlight.delete(sessionId);
+                this.replayRequestControllers.delete(sessionId);
+            }
+        }
+    }
+    formatHistoryEventLine(sessionId, event) {
+        const payload = event.payload && typeof event.payload === 'object'
+            ? event.payload
+            : undefined;
+        return (this.formatEventFeedLine(sessionId, event.event, payload) ??
+            this.formatStreamLine(event.event, payload) ??
+            `${event.event}${event.agent ? ` ${event.agent}` : ''}`);
+    }
+    async refreshEventHistory(sessionId) {
+        if (this.isFailureCoolingDown(this.eventHistoryFailureUntil, sessionId)) {
+            return;
+        }
+        if (this.eventHistoryLoadedSessions.has(sessionId) ||
+            this.eventHistoryInFlight.has(sessionId)) {
+            return;
+        }
+        const controller = new AbortController();
+        const generation = this.nextRequestGeneration(this.eventHistoryRequestGenerations, sessionId);
+        this.eventHistoryInFlight.add(sessionId);
+        this.eventHistoryRequestControllers.set(sessionId, controller);
+        try {
+            const data = await this.fetchJson(`/api/hub/session/${encodeURIComponent(sessionId)}/events/history?limit=100`, 15_000, { signal: controller.signal });
+            if (!this.isCurrentSessionRequest(this.eventHistoryRequestGenerations, this.eventHistoryRequestControllers, sessionId, generation, controller)) {
+                return;
+            }
+            const entries = (data.events ?? [])
+                .map((event) => {
+                const text = this.formatHistoryEventLine(sessionId, event);
+                if (!text)
+                    return null;
+                return {
+                    at: Number.isNaN(Date.parse(event.occurredAt))
+                        ? Date.now()
+                        : Date.parse(event.occurredAt),
+                    sessionId,
+                    text,
+                };
+            })
+                .filter((entry) => entry !== null)
+                .sort((a, b) => b.at - a.at);
+            this.sessionHistoryFeed.set(sessionId, entries);
+            this.clearEventHistoryFailureCooldown(sessionId);
+            this.eventHistoryLoadedSessions.add(sessionId);
+            this.requestRender();
+        }
+        catch (err) {
+            if (controller.signal.aborted ||
+                !this.isCurrentSessionRequest(this.eventHistoryRequestGenerations, this.eventHistoryRequestControllers, sessionId, generation, controller)) {
+                return;
+            }
+            this.markFailureCooldown(this.eventHistoryFailureUntil, sessionId);
+            this.pushFeed(`${this.getSessionLabel(sessionId)}: event history unavailable (${err instanceof Error ? err.message : String(err)})`, sessionId);
+            this.requestRender();
+        }
+        finally {
+            if (this.isCurrentSessionRequest(this.eventHistoryRequestGenerations, this.eventHistoryRequestControllers, sessionId, generation, controller)) {
+                this.eventHistoryInFlight.delete(sessionId);
+                this.eventHistoryRequestControllers.delete(sessionId);
+            }
+        }
+    }
+    async resumeSession(sessionId) {
+        if (this.resumeBusySessionId)
+            return;
+        this.resumeBusySessionId = sessionId;
+        this.pushFeed(`${this.getSessionLabel(sessionId)}: resume requested`, sessionId);
+        this.requestRender();
+        try {
+            const response = await this.fetchJson(`/api/hub/session/${encodeURIComponent(sessionId)}/resume`, 15_000, { method: 'POST' });
+            if (response.resumed !== true) {
+                throw new Error(response.error || 'Hub declined to resume the session');
+            }
+            this.resetHistoricalSessionState(sessionId);
+            await this.refreshList();
+            await this.refreshDetail(sessionId);
+        }
+        catch (err) {
+            const message = err instanceof Error ? err.message : String(err);
+            this.detailError = message;
+            this.pushFeed(`${this.getSessionLabel(sessionId)}: resume failed (${message})`, sessionId);
+            this.requestRender();
+        }
+        finally {
+            this.resumeBusySessionId = null;
+            this.requestRender();
+        }
+    }
     updateFeedFromList(sessions) {
         if (this.previousDigests.size === 0) {
             if (sessions.length > 0) {
@@ -952,9 +1381,14 @@ export class HubOverlay {
             return;
         const desiredModes = new Map();
         for (const session of sessions.slice(0, STREAM_SESSION_LIMIT)) {
+            if (session.runtimeAvailable === false || session.historyOnly === true)
+                continue;
             desiredModes.set(session.sessionId, 'summary');
         }
-        if (this.detailSessionId && this.isSessionContext()) {
+        if (this.detailSessionId &&
+            this.isSessionContext() &&
+            this.isRuntimeAvailable(this.detailSessionId) &&
+            !this.isHistoryOnly(this.detailSessionId)) {
             desiredModes.set(this.detailSessionId, 'full');
         }
         for (const [sessionId, stream] of this.sseControllers) {
@@ -1113,52 +1547,16 @@ export class HubOverlay {
         }
     }
     applyHydration(sessionId, eventData) {
-        if (this.hydratedSessions.has(sessionId))
-            return;
         if (!eventData || typeof eventData !== 'object')
             return;
         const payload = eventData;
-        const loadedFromProjection = this.applyStreamProjection(sessionId, payload.stream);
+        const loadedFromProjection = this.replaceStreamProjection(sessionId, payload.stream, 'hydration');
         if (!loadedFromProjection) {
-            const entries = Array.isArray(payload.entries) ? payload.entries : [];
-            for (const rawEntry of entries) {
-                if (!rawEntry || typeof rawEntry !== 'object')
-                    continue;
-                const entry = rawEntry;
-                const type = typeof entry.type === 'string' ? entry.type : '';
-                const content = typeof entry.content === 'string' ? entry.content : '';
-                const taskId = typeof entry.taskId === 'string' ? entry.taskId : undefined;
-                if (!content)
-                    continue;
-                if (type === 'message' || type === 'task_result') {
-                    this.appendBufferText(sessionId, 'output', content + '\n\n', taskId);
-                }
-                else if (type === 'thinking') {
-                    this.appendBufferText(sessionId, 'thinking', content + '\n\n', taskId);
-                }
-            }
-        }
-        this.hydratedSessions.add(sessionId);
-    }
-    applyStreamProjection(sessionId, streamRaw) {
-        if (!streamRaw || typeof streamRaw !== 'object')
-            return false;
-        const stream = streamRaw;
-        const sessionBuffer = this.getSessionBuffer(sessionId);
-        sessionBuffer.output = typeof stream.output === 'string' ? stream.output : '';
-        sessionBuffer.thinking = typeof stream.thinking === 'string' ? stream.thinking : '';
-        const taskStreams = stream.tasks && typeof stream.tasks === 'object'
-            ? stream.tasks
-            : {};
-        for (const [taskId, rawBlock] of Object.entries(taskStreams)) {
-            if (!rawBlock || typeof rawBlock !== 'object')
-                continue;
-            const block = rawBlock;
-            const taskBuffer = this.getTaskBuffer(sessionId, taskId);
-            taskBuffer.output = typeof block.output === 'string' ? block.output : '';
-            taskBuffer.thinking = typeof block.thinking === 'string' ? block.thinking : '';
+            const entries = Array.isArray(payload.entries)
+                ? payload.entries.filter((entry) => !!entry && typeof entry === 'object')
+                : [];
+            this.replaceStreamProjection(sessionId, buildProjectionFromEntries(entries), 'hydration');
         }
-        return true;
     }
     captureStreamContent(sessionId, eventName, eventData, taskId) {
         const data = eventData && typeof eventData === 'object'
@@ -1269,7 +1667,7 @@ export class HubOverlay {
     }
     getFeedEntries(scope) {
         if (scope === 'session' && this.detailSessionId) {
-            return this.sessionFeed.get(this.detailSessionId) ?? [];
+            return this.getSessionEventEntries(this.detailSessionId);
         }
         return this.feed;
     }
@@ -1457,7 +1855,21 @@ export class HubOverlay {
             const updated = this.lastUpdatedAt
                 ? `${formatClock(this.lastUpdatedAt)} updated`
                 : 'not updated';
-            body.push(this.contentLine(this.theme.fg('muted', `  Active: ${this.sessions.length} sessions  ${updated}`), inner));
+            const liveCount = this.sessions.filter((session) => {
+                const connection = this.getConnectionState({
+                    sessionId: session.sessionId,
+                    mode: session.mode,
+                    status: session.status,
+                    bucket: session.bucket,
+                    runtimeAvailable: session.runtimeAvailable,
+                    controlAvailable: session.controlAvailable,
+                    historyOnly: session.historyOnly,
+                });
+                return connection.label === 'Live';
+            }).length;
+            const pausedCount = this.sessions.filter((session) => session.bucket === 'paused' && session.historyOnly !== true).length;
+            const historyCount = this.sessions.filter((session) => session.historyOnly === true || session.bucket === 'history').length;
+            body.push(this.contentLine(this.theme.fg('muted', `  Active: ${this.sessions.length} sessions  Live:${liveCount}  Paused:${pausedCount}  History:${historyCount}  ${updated}`), inner));
         }
         body.push(this.contentLine(this.theme.fg('dim', `  ${hLine(Math.max(0, inner - 2))}`), inner));
         body.push(this.contentLine(this.theme.bold('  Teams / Observers'), inner));
@@ -1476,17 +1888,31 @@ export class HubOverlay {
                 const marker = selected ? this.theme.fg('accent', '›') : ' ';
                 const label = session.label || shortId(session.sessionId);
                 const name = selected ? this.theme.bold(label) : label;
-                const statusColor = session.status === 'running'
-                    ? 'success'
-                    : session.status === 'error' || session.status === 'failed'
-                        ? 'error'
-                        : 'warning';
-                const status = this.theme.fg(statusColor, session.status);
+                const status = this.theme.fg(this.getStatusTone(session.status), session.status);
+                const connection = this.getConnectionState({
+                    sessionId: session.sessionId,
+                    mode: session.mode,
+                    status: session.status,
+                    bucket: session.bucket,
+                    runtimeAvailable: session.runtimeAvailable,
+                    controlAvailable: session.controlAvailable,
+                    historyOnly: session.historyOnly,
+                });
+                const connectionLabel = this.theme.fg(connection.tone, connection.label);
                 const self = this.currentSessionId === session.sessionId
                     ? this.theme.fg('accent', ' (this)')
                     : '';
-                const metrics = this.theme.fg('muted', `obs:${session.observerCount} agents:${session.subAgentCount} tasks:${session.taskCount} ${formatRelative(session.createdAt)}`);
-                body.push(this.contentLine(` ${marker} ${name}${self}  ${status} ${session.mode}  ${metrics}`, inner));
+                const tagSummary = this.formatTagSummary(session.tags, 2);
+                const metricsParts = [
+                    `obs:${session.observerCount}`,
+                    `agents:${session.subAgentCount}`,
+                    `tasks:${session.taskCount}`,
+                    formatRelative(session.createdAt),
+                    session.defaultAgent ? `agent:${session.defaultAgent}` : undefined,
+                    tagSummary ? `tags:${tagSummary}` : undefined,
+                ].filter((part) => !!part);
+                const metrics = this.theme.fg('muted', metricsParts.join('  '));
+                body.push(this.contentLine(` ${marker} ${name}${self}  ${status} ${session.mode}  ${connectionLabel}  ${metrics}`, inner));
             }
             if (end < this.sessions.length) {
                 body.push(this.contentLine(this.theme.fg('dim', `  ↓ ${this.sessions.length - end} more below`), inner));
@@ -1504,11 +1930,12 @@ export class HubOverlay {
     renderDetailScreen(width, maxLines) {
         const inner = Math.max(0, width - 2);
         const lines = [];
-        const title = this.detail?.label || this.detailSessionId || 'Hub Session';
+        const title = this.detail?.label ||
+            (this.detailSessionId ? shortId(this.detailSessionId) : 'Hub Session');
         const headerRows = 3;
         const footerRows = 2;
         const contentBudget = Math.max(5, maxLines - headerRows - footerRows);
-        lines.push(buildTopBorder(width, `Session ${shortId(title)}`));
+        lines.push(buildTopBorder(width, `Session ${title}`));
         lines.push(this.contentLine('', inner));
         lines.push(this.contentLine(this.buildTopTabs('detail', true), inner));
         const body = [];
@@ -1526,17 +1953,67 @@ export class HubOverlay {
             const participants = session.participants ?? [];
             const tasks = session.tasks ?? [];
             const activityEntries = Object.entries(session.agentActivity ?? {});
+            const connection = this.getConnectionState({
+                sessionId: session.sessionId,
+                mode: session.mode,
+                status: session.status,
+                bucket: session.bucket,
+                runtimeAvailable: session.runtimeAvailable,
+                controlAvailable: session.controlAvailable,
+                historyOnly: session.historyOnly,
+            });
+            const inactiveTasks = session.diagnostics?.inactiveRunningTasks ?? [];
+            const inactiveTaskById = new Map(inactiveTasks.map((item) => [item.taskId, item]));
+            const pushWrappedLine = (text, tone = 'muted') => {
+                for (const wrapped of wrapText(text, Math.max(12, inner - 4))) {
+                    body.push(this.contentLine(this.theme.fg(tone, `  ${wrapped}`), inner));
+                }
+            };
             body.push(this.contentLine(this.theme.bold('  Overview'), inner));
             body.push(this.contentLine(this.theme.fg('muted', `  ID: ${session.sessionId}`), inner));
-            body.push(this.contentLine(this.theme.fg('muted', `  Status: ${session.status}  Mode: ${session.mode}`), inner));
+            body.push(this.contentLine(`  Status: ${this.theme.fg(this.getStatusTone(session.status), session.status)}  Mode: ${session.mode}  Bucket: ${session.bucket ?? '-'}`, inner));
+            body.push(this.contentLine(`  Connection: ${this.theme.fg(connection.tone, connection.label)}  Runtime: ${session.runtimeAvailable === false ? 'offline' : 'ready'}  Control: ${connection.controlAvailable ? 'enabled' : 'read-only'}`, inner));
             body.push(this.contentLine(this.theme.fg('muted', `  Created: ${formatRelative(session.createdAt)}`), inner));
             body.push(this.contentLine(this.theme.fg('muted', `  Participants: ${participants.length}  Tasks: ${tasks.length}  Active agents: ${activityEntries.length}`), inner));
+            if (session.defaultAgent) {
+                body.push(this.contentLine(this.theme.fg('muted', `  Default agent: ${session.defaultAgent}`), inner));
+            }
+            const tagSummary = this.formatTagSummary(session.tags);
+            if (tagSummary) {
+                pushWrappedLine(`Tags: ${tagSummary}`);
+            }
+            if (session.streamId || session.streamUrl) {
+                const streamState = session.streamId
+                    ? shortId(session.streamId)
+                    : session.streamUrl
+                        ? 'attached'
+                        : 'none';
+                body.push(this.contentLine(this.theme.fg('muted', `  Stream: ${streamState}`), inner));
+            }
             if (session.context?.branch) {
                 body.push(this.contentLine(this.theme.fg('muted', `  Branch: ${session.context.branch}`), inner));
             }
             if (session.context?.workingDirectory) {
                 body.push(this.contentLine(this.theme.fg('muted', `  CWD: ${session.context.workingDirectory}`), inner));
             }
+            if (session.task) {
+                body.push(this.contentLine(this.theme.fg('dim', `  ${hLine(Math.max(0, inner - 2))}`), inner));
+                body.push(this.contentLine(this.theme.bold('  Root Task'), inner));
+                for (const wrapped of wrapText(session.task, Math.max(12, inner - 4))) {
+                    body.push(this.contentLine(`  ${wrapped}`, inner));
+                }
+            }
+            if (session.error) {
+                body.push(this.contentLine(this.theme.fg('dim', `  ${hLine(Math.max(0, inner - 2))}`), inner));
+                body.push(this.contentLine(this.theme.bold('  Error'), inner));
+                pushWrappedLine(session.error, 'error');
+            }
+            if (this.canResumeSession(session)) {
+                const resumeMessage = this.resumeBusySessionId === session.sessionId
+                    ? 'Waking sandbox session...'
+                    : 'Press [w] to wake this paused sandbox session.';
+                pushWrappedLine(resumeMessage, this.resumeBusySessionId === session.sessionId ? 'muted' : 'warning');
+            }
             body.push(this.contentLine(this.theme.fg('dim', `  ${hLine(Math.max(0, inner - 2))}`), inner));
             body.push(this.contentLine(this.theme.bold('  Tasks'), inner));
             body.push(this.contentLine(this.theme.fg('dim', '  Use ↑ and ↓ to move, Enter to open task view'), inner));
@@ -1554,14 +2031,22 @@ export class HubOverlay {
                         ? 'success'
                         : task.status === 'failed'
                             ? 'error'
-                            : 'warning';
+                            : task.status === 'running'
+                                ? 'accent'
+                                : 'warning';
                     const status = this.theme.fg(statusColor, task.status);
+                    const inactive = inactiveTaskById.get(task.taskId);
                     const prompt = task.prompt
                         ? truncateToWidth(toSingleLine(task.prompt), Math.max(16, inner - 34))
                         : '';
-                    const duration = typeof task.duration === 'number' ? ` ${task.duration}ms` : '';
+                    const duration = typeof task.duration === 'number'
+                        ? ` ${formatElapsedCompact(task.duration)}`
+                        : '';
+                    const idle = inactive
+                        ? ` ${this.theme.fg('warning', `idle ${formatElapsedCompact(inactive.inactivityMs)}`)}`
+                        : '';
                     const marker = selected ? this.theme.fg('accent', '›') : ' ';
-                    body.push(this.contentLine(`${marker} ${shortId(task.taskId).padEnd(12)} ${task.agent.padEnd(9)} ${status}${duration} ${prompt}`, inner));
+                    body.push(this.contentLine(`${marker} ${shortId(task.taskId).padEnd(12)} ${task.agent.padEnd(9)} ${status}${duration}${idle} ${prompt}`, inner));
                 }
             }
             body.push(this.contentLine(this.theme.fg('dim', `  ${hLine(Math.max(0, inner - 2))}`), inner));
@@ -1617,6 +2102,17 @@ export class HubOverlay {
                     body.push(this.contentLine(`  ${participant.id.padEnd(12)} ${participant.role.padEnd(9)} ${(participant.transport || 'ws').padEnd(3)} ${when}${idle}`, inner));
                 }
             }
+            if (inactiveTasks.length > 0) {
+                body.push(this.contentLine(this.theme.fg('dim', `  ${hLine(Math.max(0, inner - 2))}`), inner));
+                body.push(this.contentLine(this.theme.bold('  Diagnostics'), inner));
+                body.push(this.contentLine(this.theme.fg('warning', `  ${inactiveTasks.length} running task${inactiveTasks.length === 1 ? '' : 's'} without recent activity`), inner));
+                for (const item of inactiveTasks.slice(0, 8)) {
+                    const lastSeen = item.lastActivityAt
+                        ? `  last ${formatRelative(item.lastActivityAt)}`
+                        : '';
+                    body.push(this.contentLine(this.theme.fg('warning', `  ${shortId(item.taskId).padEnd(12)} ${item.agent.padEnd(10)} idle ${formatElapsedCompact(item.inactivityMs)}  started ${formatRelative(item.startedAt)}${lastSeen}`), inner));
+                }
+            }
             body.push(this.contentLine(this.theme.fg('dim', `  ${hLine(Math.max(0, inner - 2))}`), inner));
             body.push(this.contentLine(this.theme.bold('  Agent Activity'), inner));
             if (activityEntries.length === 0) {
@@ -1624,12 +2120,28 @@ export class HubOverlay {
             }
             else {
                 for (const [agent, info] of activityEntries.slice(0, 15)) {
-                    const tool = info.currentTool ? ` ${info.currentTool}` : '';
-                    const calls = typeof info.toolCallCount === 'number'
-                        ? this.theme.fg('dim', ` (${info.toolCallCount} calls)`)
-                        : '';
                     const status = info.status || 'idle';
-                    body.push(this.contentLine(`  ${agent.padEnd(12)} ${status}${tool}${calls}`, inner));
+                    const statusTone = status === 'completed'
+                        ? 'success'
+                        : status === 'failed'
+                            ? 'error'
+                            : status === 'tool_start' || status === 'running'
+                                ? 'accent'
+                                : 'warning';
+                    const tool = info.currentTool ? `  tool:${info.currentTool}` : '';
+                    const calls = typeof info.toolCallCount === 'number' ? `  calls:${info.toolCallCount}` : '';
+                    const lastSeen = info.lastActivity !== undefined && info.lastActivity !== null
+                        ? `  last:${formatRelative(info.lastActivity)}`
+                        : '';
+                    const totalElapsed = typeof info.totalElapsed === 'number'
+                        ? `  total:${formatElapsedCompact(info.totalElapsed)}`
+                        : '';
+                    body.push(this.contentLine(`  ${agent.padEnd(12)} ${this.theme.fg(statusTone, status)}${this.theme.fg('dim', `${tool}${calls}${lastSeen}${totalElapsed}`)}`, inner));
+                    if (info.currentToolArgs) {
+                        for (const wrapped of wrapText(toSingleLine(info.currentToolArgs), Math.max(12, inner - 6))) {
+                            body.push(this.contentLine(this.theme.fg('dim', `    ${wrapped}`), inner));
+                        }
+                    }
                 }
             }
         }
@@ -1645,7 +2157,8 @@ export class HubOverlay {
         const scrollInfo = this.detailMaxScroll > 0
             ? this.theme.fg('dim', `  scroll ${this.detailScrollOffset}/${this.detailMaxScroll}`)
             : this.theme.fg('dim', '  scroll 0/0');
-        lines.push(this.contentLine(`${scrollInfo}  ${this.theme.fg('dim', '[↑↓] Task  [j/k] Scroll  [Enter] Open  [r] Refresh  [Esc] Back')}`, inner));
+        const wakeHint = this.canResumeSession(this.detail) ? '  [w] Wake' : '';
+        lines.push(this.contentLine(`${scrollInfo}  ${this.theme.fg('dim', `[↑↓] Task  [j/k] Scroll  [Enter] Open${wakeHint}  [r] Refresh  [Esc] Back`)}`, inner));
         lines.push(buildBottomBorder(width));
         return lines.slice(0, maxLines);
     }
@@ -1656,25 +2169,41 @@ export class HubOverlay {
         const footerRows = 2;
         const contentBudget = Math.max(5, maxLines - headerRows - footerRows);
         const scoped = this.feedScope === 'session' && !!this.detailSessionId;
+        const sessionId = scoped ? this.detailSessionId : null;
+        const historySession = sessionId
+            ? !this.isRuntimeAvailable(sessionId) || this.isHistoryOnly(sessionId)
+            : false;
         const title = scoped
-            ? `${this.feedViewMode === 'events' ? 'Session Events' : 'Session Feed'} ${shortId(this.getSessionLabel(this.detailSessionId))}`
+            ? `${this.feedViewMode === 'events' ? 'Session Events' : 'Session Feed'} ${this.getSessionLabel(sessionId)}`
             : 'Global Feed';
         const entryBudget = Math.max(1, contentBudget - 2);
-        const sessionBuffer = scoped && this.detailSessionId ? this.sessionBuffers.get(this.detailSessionId) : undefined;
+        const sessionBuffer = sessionId ? this.sessionBuffers.get(sessionId) : undefined;
         lines.push(buildTopBorder(width, title));
         lines.push(this.contentLine('', inner));
         lines.push(this.contentLine(this.buildTopTabs(scoped ? (this.feedViewMode === 'events' ? 'events' : 'feed') : 'feed', scoped), inner));
         lines.push(this.contentLine(this.theme.fg('muted', scoped
             ? this.feedViewMode === 'stream'
-                ? '  Streaming rendered session output (sub-agent style) — [v] task stream'
-                : '  Streaming full session events'
+                ? historySession
+                    ? '  Rehydrated session output from stored replay — [v] task stream'
+                    : '  Live rendered session output (sub-agent style) — [v] task stream'
+                : historySession
+                    ? '  Stored session events from history'
+                    : '  Live full session events'
             : '  Streaming event summaries across all sessions'), inner));
         lines.push(this.contentLine(this.theme.fg('dim', `  ${hLine(Math.max(0, inner - 2))}`), inner));
         let contentLines = [];
         if (scoped && this.feedViewMode === 'stream') {
             contentLines = this.renderStreamLines(sessionBuffer?.output ?? '', sessionBuffer?.thinking ?? '', this.showFeedThinking, Math.max(12, inner - 4));
             if (contentLines.length === 0) {
-                contentLines = [this.theme.fg('dim', '(no streamed output yet)')];
+                if (sessionId && historySession && this.replayInFlight.has(sessionId)) {
+                    contentLines = [this.theme.fg('dim', '(loading replay...)')];
+                }
+                else if (sessionId && historySession && this.replayLoadedSessions.has(sessionId)) {
+                    contentLines = [this.theme.fg('dim', '(no replay output available)')];
+                }
+                else {
+                    contentLines = [this.theme.fg('dim', '(no streamed output yet)')];
+                }
             }
         }
         else {
@@ -1683,7 +2212,19 @@ export class HubOverlay {
                 .reverse()
                 .map((entry) => `${this.theme.fg('dim', formatClock(entry.at))} ${entry.text}`);
             if (contentLines.length === 0) {
-                contentLines = [this.theme.fg('dim', '(no feed items yet)')];
+                if (sessionId && historySession && this.eventHistoryInFlight.has(sessionId)) {
+                    contentLines = [this.theme.fg('dim', '(loading event history...)')];
+                }
+                else if (sessionId &&
+                    historySession &&
+                    this.eventHistoryLoadedSessions.has(sessionId)) {
+                    contentLines = [this.theme.fg('dim', '(no stored events available)')];
+                }
+                else {
+                    contentLines = [
+                        this.theme.fg('dim', scoped ? '(no session feed items yet)' : '(no feed items yet)'),
+                    ];
+                }
             }
         }
         this.feedMaxScroll = Math.max(0, contentLines.length - entryBudget);
@@ -1728,12 +2269,16 @@ export class HubOverlay {
             body.push(this.contentLine(this.theme.fg('dim', '  No task selected'), inner));
         }
         else {
+            const historySession = this.detailSessionId
+                ? !this.isRuntimeAvailable(this.detailSessionId) ||
+                    this.isHistoryOnly(this.detailSessionId)
+                : false;
             body.push(this.contentLine(this.theme.bold('  Task Overview'), inner));
             body.push(this.contentLine(this.theme.fg('muted', `  Task ID: ${selected.taskId}`), inner));
             body.push(this.contentLine(this.theme.fg('muted', `  Agent: ${selected.agent}`), inner));
             body.push(this.contentLine(this.theme.fg('muted', `  Status: ${selected.status}`), inner));
             if (typeof selected.duration === 'number') {
-                body.push(this.contentLine(this.theme.fg('muted', `  Duration: ${selected.duration}ms`), inner));
+                body.push(this.contentLine(this.theme.fg('muted', `  Duration: ${formatElapsedCompact(selected.duration)}`), inner));
             }
             if (selected.startedAt) {
                 body.push(this.contentLine(this.theme.fg('muted', `  Started: ${selected.startedAt}`), inner));
@@ -1754,7 +2299,14 @@ export class HubOverlay {
                 : undefined;
             const rendered = this.renderStreamLines(taskBuffer?.output ?? '', taskBuffer?.thinking ?? '', this.showTaskThinking, Math.max(12, inner - 4));
             if (rendered.length === 0) {
-                body.push(this.contentLine(this.theme.fg('dim', '  (no task output yet)'), inner));
+                if (historySession &&
+                    this.detailSessionId &&
+                    this.replayInFlight.has(this.detailSessionId)) {
+                    body.push(this.contentLine(this.theme.fg('dim', '  (loading replay...)'), inner));
+                }
+                else {
+                    body.push(this.contentLine(this.theme.fg('dim', '  (no task output yet)'), inner));
+                }
             }
             else {
                 for (const line of rendered) {