parallel-codex-tui 0.1.4 → 0.1.5

package/dist/tui/AppShell.js

@@ -236,12 +236,18 @@ function viewLabel(view) {
     return shortViewLabel(view);
 }
 function shortcutHint(view) {
+    if (view === "status") {
+        return "^S back";
+    }
     if (view === "native") {
-        return "^] logs";
+        return "^S status · ^] logs";
     }
-    return "^C exit";
+    return "^S status · ^C exit";
 }
 function shortViewLabel(view) {
+    if (view === "status") {
+        return "status";
+    }
     if (view === "worker") {
         return "logs";
     }
@@ -266,7 +272,7 @@ function shortViewLabel(view) {
     return "chat";
 }
 function shortShortcutHint(view) {
-    return view === "native" ? "^]" : "^C";
+    return view === "native" ? "^]" : view === "status" ? "^S" : "^C";
 }
 function compactHeaderProject(cwd, maxLength) {
     const project = basename(cwd) || cwd;

package/dist/tui/FeatureBoardView.js

@@ -99,6 +99,7 @@ function featureBoardSummary(timeline, width) {
     const approved = timeline.features.filter((feature) => feature.state === "approved").length;
     const active = timeline.features.filter((feature) => featureBoardStateIsActive(feature.state)).length;
     const revision = timeline.features.filter((feature) => feature.state === "revision_needed").length;
+    const paused = timeline.features.filter((feature) => feature.state === "paused").length;
     const failed = timeline.features.filter((feature) => feature.state === "failed" || feature.state === "cancelled").length;
     const blocked = timeline.features.filter((feature) => featureBoardBlockedDependencies(timeline, feature).length > 0).length;
     const full = [
@@ -106,6 +107,7 @@ function featureBoardSummary(timeline, width) {
         ...(approved > 0 ? [`${approved} approved`] : []),
         ...(active > 0 ? [`${active} active`] : []),
         ...(revision > 0 ? [`${revision} ${revision === 1 ? "revision" : "revisions"}`] : []),
+        ...(paused > 0 ? [`${paused} paused`] : []),
         ...(blocked > 0 ? [`${blocked} blocked`] : []),
         ...(failed > 0 ? [`${failed} failed`] : [])
     ].join(" · ");
@@ -139,12 +141,15 @@ function featureBoardEvidenceText(timeline, feature, width) {
     const dependencyText = dependencies.length > 0
         ? `deps ${dependencies.map((item) => safeFeatureBoardText(item.title)).join(", ")}`
         : "independent";
+    const assignmentText = feature.actorEngine && feature.criticEngine
+        ? `actor ${feature.actorEngine} · critic ${feature.criticEngine}`
+        : "";
     const evidence = feature.latestFinding
         ? `finding · ${safeFeatureBoardText(feature.latestFinding)}`
         : feature.latestReply
             ? `reply · ${safeFeatureBoardText(feature.latestReply)}`
             : safeFeatureBoardText(feature.description);
-    return fitFeatureBoardText(`    ${[dependencyText, evidence].filter(Boolean).join(" · ")}`, width);
+    return fitFeatureBoardText(`    ${[assignmentText, dependencyText, evidence].filter(Boolean).join(" · ")}`, width);
 }
 function featureBoardDependencies(timeline, feature) {
     return feature.dependsOn.flatMap((dependency) => {
@@ -168,7 +173,7 @@ function featureBoardStateTone(state) {
     if (state === "failed" || state === "cancelled") {
         return "danger";
     }
-    if (state === "revision_needed") {
+    if (state === "revision_needed" || state === "paused") {
         return "warning";
     }
     if (featureBoardStateIsActive(state)) {

package/dist/tui/InputBar.js

@@ -2,7 +2,7 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
 import { Box, Text } from "ink";
 import { compactEndByDisplayWidth, compactTailByDisplayWidth, displayWidth } from "./display-width.js";
 import { TUI_THEME } from "./theme.js";
-export function InputBar({ mode, ready = true, busy = false, routeFallback = false, collaborationDetail = false, collaborationUnresolved = false, collaborationBack = "workers", featureCanCancel = false, featureCancelConfirm = false, taskSessionAction = null, taskSessionsIncludeArchived = false, canRetry = false, hasWorkers = false, hasActiveTask = false, hasTaskResult = false, taskResultExpanded = false, chatScrollOffset = 0, chatMaxScrollOffset = 0, nativeClosed = false, searchMatchIndex = 0, searchMatchCount = 0, value, cursor, terminalWidth: providedTerminalWidth, onChange, onSubmit }) {
+export function InputBar({ mode, ready = true, busy = false, routeFallback = false, collaborationDetail = false, collaborationUnresolved = false, collaborationBack = "workers", featureCanCancel = false, featureCanPause = false, featureCanReassign = false, featureCancelConfirm = false, featurePauseConfirm = false, featureAssignment = false, taskSessionAction = null, taskSessionsIncludeArchived = false, taskSessionDetail = false, taskSessionDetailHasNative = false, taskSessionDetailCanFork = false, canRetry = false, hasWorkers = false, hasActiveTask = false, hasTaskResult = false, taskResultExpanded = false, chatScrollOffset = 0, chatMaxScrollOffset = 0, nativeClosed = false, searchMatchIndex = 0, searchMatchCount = 0, value, cursor, terminalWidth: providedTerminalWidth, onChange, onSubmit }) {
     const terminalWidth = providedTerminalWidth ?? process.stdout.columns ?? 120;
     const fillRail = providedTerminalWidth !== undefined || typeof process.stdout.columns === "number";
     if (mode === "worker-search") {
@@ -14,6 +14,10 @@ export function InputBar({ mode, ready = true, busy = false, routeFallback = fal
         const textWidth = displayWidth(`${prefix}${display.before}|${display.after}${suffix}`);
         return (_jsxs(InputRail, { terminalWidth: terminalWidth, textWidth: textWidth, fill: fillRail, children: [_jsx(Text, { backgroundColor: TUI_THEME.rail, color: TUI_THEME.accent, bold: true, children: prefix }), _jsx(Text, { backgroundColor: TUI_THEME.rail, color: TUI_THEME.text, children: display.before }), _jsx(Text, { backgroundColor: TUI_THEME.rail, color: TUI_THEME.accent, bold: true, children: "|" }), _jsx(Text, { backgroundColor: TUI_THEME.rail, color: TUI_THEME.text, children: display.after }), suffix ? _jsx(Text, { backgroundColor: TUI_THEME.rail, color: TUI_THEME.muted, children: suffix }) : null] }));
     }
+    if (mode === "status") {
+        const hints = statusDetailInputHints(terminalWidth);
+        return (_jsxs(InputRail, { terminalWidth: terminalWidth, textWidth: displayWidth(`${hints.label}${hints.detail}`), fill: fillRail, children: [_jsx(Text, { backgroundColor: TUI_THEME.rail, color: TUI_THEME.accent, bold: true, children: hints.label }), hints.detail ? _jsx(Text, { backgroundColor: TUI_THEME.rail, color: TUI_THEME.muted, children: hints.detail }) : null] }));
+    }
     if (mode === "sessions") {
         if (taskSessionAction?.type === "rename") {
             const prefix = terminalWidth < 12 ? "> " : "rename > ";
@@ -26,6 +30,10 @@ export function InputBar({ mode, ready = true, busy = false, routeFallback = fal
             const hints = taskSessionDeleteInputHints(terminalWidth, taskSessionAction.title);
             return (_jsxs(InputRail, { terminalWidth: terminalWidth, textWidth: displayWidth(`${hints.label}${hints.detail}`), fill: fillRail, children: [_jsx(Text, { backgroundColor: TUI_THEME.rail, color: TUI_THEME.danger, bold: true, children: hints.label }), hints.detail ? _jsx(Text, { backgroundColor: TUI_THEME.rail, color: TUI_THEME.muted, children: hints.detail }) : null] }));
         }
+        if (taskSessionDetail) {
+            const hints = taskSessionDetailInputHints(terminalWidth, taskSessionDetailHasNative, taskSessionDetailCanFork);
+            return (_jsxs(InputRail, { terminalWidth: terminalWidth, textWidth: displayWidth(`${hints.label}${hints.detail}`), fill: fillRail, children: [_jsx(Text, { backgroundColor: TUI_THEME.rail, color: TUI_THEME.accent, bold: true, children: hints.label }), hints.detail ? _jsx(Text, { backgroundColor: TUI_THEME.rail, color: TUI_THEME.muted, children: hints.detail }) : null] }));
+        }
         const hints = taskSessionsInputHints(terminalWidth, taskSessionsIncludeArchived);
         return (_jsxs(InputRail, { terminalWidth: terminalWidth, textWidth: displayWidth(`${hints.label}${hints.detail}`), fill: fillRail, children: [_jsx(Text, { backgroundColor: TUI_THEME.rail, color: TUI_THEME.accent, bold: true, children: hints.label }), hints.detail ? _jsx(Text, { backgroundColor: TUI_THEME.rail, color: TUI_THEME.muted, children: hints.detail }) : null] }));
     }
@@ -38,7 +46,11 @@ export function InputBar({ mode, ready = true, busy = false, routeFallback = fal
     if (mode === "features") {
         const hints = featureBoardInputHints(terminalWidth, {
             canCancel: featureCanCancel,
+            canPause: featureCanPause,
+            canReassign: featureCanReassign,
             confirmCancel: featureCancelConfirm,
+            confirmPause: featurePauseConfirm,
+            assignment: featureAssignment,
             canRetry
         });
         return (_jsxs(InputRail, { terminalWidth: terminalWidth, textWidth: displayWidth(`${hints.label}${hints.detail}`), fill: fillRail, children: [_jsx(Text, { backgroundColor: TUI_THEME.rail, color: TUI_THEME.accent, bold: true, children: hints.label }), hints.detail ? _jsx(Text, { backgroundColor: TUI_THEME.rail, color: TUI_THEME.muted, children: hints.detail }) : null] }));
@@ -396,6 +408,15 @@ function workerInputHints(width) {
     }
     return { label: "logs", detail: " · scroll · ^F find · E err · D diff · Tab · ^B workers · ^O attach · Esc chat" };
 }
+function statusDetailInputHints(width) {
+    return selectInputHints(width, [
+        { label: "status", detail: " · ^S/Esc back · ^C exit" },
+        { label: "status", detail: " · ^S back · ^C exit" },
+        { label: "status", detail: " · ^S back" },
+        { label: "status", detail: "" },
+        { label: "st", detail: "" }
+    ]);
+}
 function workerOverviewInputHints(width) {
     if (width < 16) {
         return { label: "wrk", detail: "" };
@@ -421,6 +442,26 @@ function workerOverviewInputHints(width) {
     return { label: "workers", detail: " · Up/Dn select · Enter logs · F features · C timeline · ^O attach · Esc back" };
 }
 function featureBoardInputHints(width, options) {
+    if (options.assignment) {
+        return selectInputHints(width, [
+            { label: "assign provider", detail: " · A Actor · C Critic · M/Esc done" },
+            { label: "assign", detail: " · A Actor · C Critic · Esc done" },
+            { label: "assign", detail: " · A actor · C critic" },
+            { label: "provider", detail: " · A · C · Esc" },
+            { label: "provider", detail: "" },
+            { label: "M", detail: "" }
+        ]);
+    }
+    if (options.confirmPause) {
+        return selectInputHints(width, [
+            { label: "pause feature?", detail: " · P confirm · Esc keep" },
+            { label: "pause?", detail: " · P confirm · Esc keep" },
+            { label: "pause?", detail: " · Esc keep" },
+            { label: "Esc keep", detail: "" },
+            { label: "hold?", detail: "" },
+            { label: "?", detail: "" }
+        ]);
+    }
     if (options.confirmCancel) {
         return selectInputHints(width, [
             { label: "cancel feature?", detail: " · X confirm · Esc keep" },
@@ -431,13 +472,21 @@ function featureBoardInputHints(width, options) {
             { label: "?", detail: "" }
         ]);
     }
-    if (options.canCancel) {
+    if (options.canCancel || options.canPause) {
+        const controls = [
+            ...(options.canPause ? ["P pause"] : []),
+            ...(options.canCancel ? ["X cancel"] : [])
+        ].join(" · ");
         return selectInputHints(width, [
-            { label: "features", detail: " · Up/Dn select · Enter timeline · X cancel · R refresh · Esc workers" },
-            { label: "features", detail: " · Up/Dn select · X cancel · R refresh · Esc workers" },
-            { label: "features", detail: " · Up/Dn select · X cancel · Esc workers" },
-            { label: "features", detail: " · X cancel · Esc workers" },
-            { label: "features", detail: " · Esc workers" },
+            { label: "features", detail: ` · Up/Dn select · Enter timeline · ${controls} · R refresh · Esc workers` },
+            { label: "features", detail: ` · Up/Dn select · ${controls} · R refresh · Esc workers` },
+            { label: "features", detail: ` · Up/Dn select · ${controls} · Esc workers` },
+            { label: "features", detail: ` · ${controls} · Esc workers` },
+            { label: "ft", detail: ` · ${controls} · Esc workers` },
+            { label: "f", detail: ` · ${controls} · Esc workers` },
+            { label: "features", detail: ` · ${controls}` },
+            { label: "ft", detail: ` · ${controls}` },
+            { label: "f", detail: ` · ${controls}` },
             { label: "features", detail: "" },
             { label: "ft", detail: "" },
             { label: "f", detail: "" }
@@ -445,10 +494,9 @@ function featureBoardInputHints(width, options) {
     }
     if (options.canRetry) {
         return selectInputHints(width, [
-            { label: "features", detail: " · Up/Dn select · Enter timeline · ^R retry task · R refresh · Esc workers" },
-            { label: "features", detail: " · Up/Dn select · ^R retry task · R refresh · Esc workers" },
-            { label: "features", detail: " · Up/Dn select · ^R retry · R refresh · Esc workers" },
-            { label: "features", detail: " · Up/Dn select · ^R retry · Esc workers" },
+            { label: "features", detail: ` · Up/Dn select · Enter timeline · ${options.canReassign ? "M provider · " : ""}^R retry task · R refresh · Esc workers` },
+            { label: "features", detail: ` · Up/Dn select · ${options.canReassign ? "M provider · " : ""}^R retry task · R refresh · Esc workers` },
+            { label: "features", detail: ` · Up/Dn select · ${options.canReassign ? "M provider · " : ""}^R retry · Esc workers` },
             { label: "features", detail: " · ^R retry · Esc workers" },
             { label: "features", detail: " · Esc workers" },
             { label: "features", detail: "" },
@@ -507,11 +555,13 @@ function collaborationDetailInputHints(width) {
 function taskSessionsInputHints(width, includeArchived) {
     const archivedAction = includeArchived ? "H hide archived" : "H archived";
     return selectInputHints(width, [
-        { label: "sessions", detail: ` · Up/Dn select · Enter restore · R rename · A archive · D delete · E export · ${archivedAction} · Esc back` },
-        { label: "sessions", detail: " · Up/Dn select · Enter restore · R rename · A archive · D delete · E export · Esc back" },
-        { label: "sessions", detail: " · Up/Dn select · Enter restore · R rename · A archive · D delete · Esc back" },
-        { label: "sessions", detail: " · Up/Dn select · Enter restore · R rename · A archive · Esc back" },
+        { label: "sessions", detail: ` · Up/Dn select · Enter restore · I inspect · R rename · A archive · D delete · E export · ${archivedAction} · Esc back` },
+        { label: "sessions", detail: " · Up/Dn select · Enter restore · I inspect · R rename · A archive · D delete · E export · Esc back" },
+        { label: "sessions", detail: " · Up/Dn select · Enter restore · I inspect · R rename · A archive · D delete · Esc back" },
+        { label: "sessions", detail: " · Up/Dn select · Enter restore · I inspect · R rename · A archive · Esc back" },
+        { label: "sessions", detail: " · Up/Dn select · Enter restore · I inspect · R rename · Esc back" },
         { label: "sessions", detail: " · Up/Dn select · Enter restore · R rename · Esc back" },
+        { label: "sessions", detail: " · Up/Dn select · Enter restore · I inspect · Esc back" },
         { label: "sessions", detail: " · Up/Dn select · Enter restore · Esc back" },
         { label: "sessions", detail: " · Up/Dn select · Esc back" },
         { label: "sessions", detail: " · Esc back" },
@@ -521,6 +571,23 @@ function taskSessionsInputHints(width, includeArchived) {
         { label: "s", detail: "" }
     ]);
 }
+function taskSessionDetailInputHints(width, hasNative, canFork) {
+    const nativeActions = hasNative
+        ? `${canFork ? "C continue · B branch" : "C continue"} · `
+        : "";
+    return selectInputHints(width, [
+        { label: "session", detail: ` · Up/Dn worker · Enter logs · ${nativeActions}R refresh · Esc tasks` },
+        { label: "session", detail: ` · Up/Dn worker · Enter logs · ${nativeActions}Esc tasks` },
+        { label: "session", detail: ` · Up/Dn · Enter logs · ${nativeActions}Esc tasks` },
+        { label: "session", detail: ` · Enter logs · ${nativeActions}Esc tasks` },
+        { label: "session", detail: ` · ${hasNative ? "C continue · " : ""}Esc tasks` },
+        { label: "session", detail: " · Esc tasks" },
+        { label: "Esc tasks", detail: "" },
+        { label: "session", detail: "" },
+        { label: "ses", detail: "" },
+        { label: "s", detail: "" }
+    ]);
+}
 function taskSessionDeleteInputHints(width, title) {
     const safeTitle = title.replace(/[\u0000-\u001f\u007f]/g, " ").replace(/\s+/g, " ").trim();
     return selectInputHints(width, [

package/dist/tui/StatusBar.js

@@ -772,7 +772,7 @@ function runtimeStatusTone(status) {
     if (status === "fail" || status === "failed" || status === "error") {
         return "fail";
     }
-    if (status === "wait" || status === "waiting" || status === "queued" || status === "stopping") {
+    if (status === "wait" || status === "waiting" || status === "queued" || status === "stopping" || status === "paused") {
         return "wait";
     }
     if (status === "stop" || status === "cancelled" || status === "canceled") {

package/dist/tui/StatusDetailView.js

@@ -0,0 +1,164 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { basename } from "node:path";
+import { Box, Text } from "ink";
+import { compactEndByDisplayWidth, displayWidth, wrapByDisplayWidth } from "./display-width.js";
+import { TUI_THEME } from "./theme.js";
+export function StatusDetailView({ height = 20, terminalWidth = process.stdout.columns || 120, ...input }) {
+    const viewportHeight = Math.max(1, Math.trunc(height));
+    const width = Math.max(1, terminalWidth - 2);
+    const lines = statusDetailDisplayLines(input, width, viewportHeight);
+    const blankRows = Math.max(0, viewportHeight - lines.length);
+    return (_jsxs(Box, { flexDirection: "column", height: viewportHeight, children: [lines.map((line, index) => (_jsx(StatusDetailRow, { line: line, width: width }, `${line.tone}-${index}`))), Array.from({ length: blankRows }, (_, index) => (_jsx(Text, { backgroundColor: TUI_THEME.surface, children: " ".repeat(width) }, `status-detail-fill-${index}`)))] }));
+}
+export function statusDetailDisplayLines(input, width, height) {
+    const safeWidth = Math.max(1, Math.trunc(width));
+    const maxLines = Math.max(1, Math.trunc(height));
+    const selected = input.workers[clampWorkerIndex(input.selectedWorkerIndex, input.workers.length)];
+    const lines = [
+        { text: "Status", tone: "heading" },
+        {
+            text: fitStatusDetailText(taskDetail(input), safeWidth),
+            tone: input.busy ? "active" : input.canRetry ? "warning" : "text"
+        },
+        {
+            text: fitStatusDetailText(`workspace · ${basename(input.cwd) || input.cwd} · ${input.cwd}`, safeWidth),
+            tone: "muted"
+        }
+    ];
+    if (input.routeStatus.trim()) {
+        lines.push({
+            text: fitStatusDetailText(input.routeStatus.trim(), safeWidth),
+            tone: /fallback|failed|error|timeout/i.test(input.routeStatus) ? "danger" : "text"
+        });
+    }
+    lines.push({
+        text: fitStatusDetailText(workerSummary(input.workers, input.taskStatus), safeWidth),
+        tone: input.workers.some((worker) => worker.runtimeStatus?.state === "failed") ? "danger" : "text"
+    });
+    if (selected) {
+        lines.push(...selectedWorkerLines(selected, safeWidth));
+    }
+    const reason = sanitizeStatusDetailText(input.routeReason ?? "");
+    if (reason) {
+        const prefix = "reason · ";
+        const wrapped = wrapByDisplayWidth(reason, Math.max(1, safeWidth - displayWidth(prefix))).slice(0, 2);
+        wrapped.forEach((part, index) => lines.push({
+            text: fitStatusDetailText(`${index === 0 ? prefix : "         "}${part}`, safeWidth),
+            tone: "muted"
+        }));
+    }
+    return lines.slice(0, maxLines);
+}
+function taskDetail(input) {
+    if (!input.taskId) {
+        return "task · none";
+    }
+    const state = input.busy ? "running" : input.canRetry ? "retryable" : "ready";
+    return ["task", compactTaskId(input.taskId), input.mode, state].filter(Boolean).join(" · ");
+}
+function workerSummary(workers, taskStatus) {
+    if (workers.length === 0) {
+        return "workers · none";
+    }
+    const summary = taskStatus
+        .split("|")
+        .map((part) => part.trim())
+        .filter((part) => /^workers\s+\d+$|^(?:fail|stop|run|wait|done|idle)\s+\d+/i.test(part))
+        .join(" · ");
+    return summary || `workers · ${workers.length}`;
+}
+function selectedWorkerLines(worker, width) {
+    const status = worker.runtimeStatus;
+    const state = status?.state ?? "waiting";
+    const identity = [
+        "selected",
+        `${worker.role}/${worker.engine}`,
+        state,
+        status?.feature_title ?? worker.featureId ?? ""
+    ].filter(Boolean).join(" · ");
+    const model = [status?.model_provider, status?.model_name].filter(Boolean).join("/");
+    const phase = status
+        ? ["phase", humanizeStatusDetail(status.phase), `updated ${formatStatusDetailTime(status.last_event_at)}`].join(" · ")
+        : "phase · status pending";
+    const lines = [
+        { text: fitStatusDetailText(identity, width), tone: workerStateTone(state) },
+        ...(model ? [{ text: fitStatusDetailText(`model · ${model}`, width), tone: "muted" }] : []),
+        { text: fitStatusDetailText(phase, width), tone: "muted" }
+    ];
+    if (status?.native_session_id) {
+        lines.push({
+            text: fitStatusDetailText(`session · ${status.native_session_id}`, width),
+            tone: "muted"
+        });
+    }
+    const summary = sanitizeStatusDetailText(status?.summary ?? "");
+    if (summary) {
+        lines.push({ text: fitStatusDetailText(`summary · ${summary}`, width), tone: "text" });
+    }
+    return lines;
+}
+function StatusDetailRow({ line, width }) {
+    const text = fitStatusDetailText(line.text, width);
+    const trailingWidth = Math.max(0, width - displayWidth(text));
+    const theme = statusDetailLineTheme(line.tone);
+    return (_jsxs(Text, { children: [_jsx(Text, { ...theme, children: text }), trailingWidth > 0 ? _jsx(Text, { backgroundColor: TUI_THEME.surface, children: " ".repeat(trailingWidth) }) : null] }));
+}
+export function statusDetailLineTheme(tone) {
+    return {
+        backgroundColor: TUI_THEME.surface,
+        color: tone === "heading" || tone === "active"
+            ? TUI_THEME.accent
+            : tone === "success"
+                ? TUI_THEME.success
+                : tone === "warning"
+                    ? TUI_THEME.warning
+                    : tone === "danger"
+                        ? TUI_THEME.danger
+                        : tone === "muted"
+                            ? TUI_THEME.muted
+                            : TUI_THEME.text,
+        ...(tone === "heading" || tone === "danger" ? { bold: true } : {})
+    };
+}
+function workerStateTone(state) {
+    if (state === "done") {
+        return "success";
+    }
+    if (state === "failed") {
+        return "danger";
+    }
+    if (state === "running" || state === "starting") {
+        return "active";
+    }
+    if (state === "waiting" || state === "cancelled") {
+        return "warning";
+    }
+    return "muted";
+}
+function fitStatusDetailText(text, width) {
+    return compactEndByDisplayWidth(sanitizeStatusDetailText(text), Math.max(1, width));
+}
+function sanitizeStatusDetailText(text) {
+    return text
+        .replace(/\x1b\[[0-?]*[ -/]*[@-~]/g, "")
+        .replace(/[\u0000-\u001f\u007f]/g, " ")
+        .replace(/\s+/g, " ")
+        .trim();
+}
+function humanizeStatusDetail(value) {
+    return sanitizeStatusDetailText(value).replace(/[-_]+/g, " ");
+}
+function formatStatusDetailTime(value) {
+    const parsed = new Date(value);
+    if (!Number.isFinite(parsed.getTime())) {
+        return "unknown";
+    }
+    return parsed.toISOString().replace("T", " ").replace(/\.\d{3}Z$/, "Z");
+}
+function compactTaskId(taskId) {
+    const withoutPrefix = taskId.startsWith("task-") ? taskId.slice("task-".length) : taskId;
+    return withoutPrefix.replace(/^\d{8}-/, "");
+}
+function clampWorkerIndex(index, count) {
+    return Math.min(Math.max(0, count - 1), Math.max(0, Math.trunc(index)));
+}

package/dist/tui/TaskSessionDetailView.js

@@ -0,0 +1,222 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Box, Text } from "ink";
+import { compactEndByDisplayWidth, displayWidth } from "./display-width.js";
+import { TUI_THEME } from "./theme.js";
+export function TaskSessionDetailView({ details, selectedWorkerIndex, loading = false, error = null, notice = null, height = 20, terminalWidth = process.stdout.columns || 120 }) {
+    const viewportHeight = Math.max(1, Math.trunc(height));
+    const width = taskSessionDetailContentWidth(terminalWidth);
+    const lines = taskSessionDetailDisplayLines(details, selectedWorkerIndex, viewportHeight, terminalWidth, {
+        loading,
+        error,
+        notice
+    });
+    const blankRows = Math.max(0, viewportHeight - lines.length);
+    return (_jsxs(Box, { flexDirection: "column", height: viewportHeight, children: [lines.map((line, index) => (_jsx(TaskSessionDetailRow, { line: line, width: width }, `${line.kind}-${line.workerIndex ?? index}-${index}`))), Array.from({ length: blankRows }, (_, index) => (_jsx(Text, { backgroundColor: TUI_THEME.surface, children: " ".repeat(width) }, `task-session-detail-fill-${index}`)))] }));
+}
+export function taskSessionDetailDisplayLines(details, selectedWorkerIndex, height, terminalWidth, state = {}) {
+    const viewportHeight = Math.max(1, Math.trunc(height));
+    const width = taskSessionDetailContentWidth(terminalWidth);
+    const header = [
+        { text: fitDetailCandidates(["Session hierarchy", "Session detail", "Session", "S"], width), tone: "heading", kind: "heading" }
+    ];
+    if (details && viewportHeight >= 3) {
+        header.push({
+            text: fitDetailCandidates([
+                `project · ${safeDetailText(details.projectName)} · ${safeDetailText(details.projectPath)}`,
+                `project · ${safeDetailText(details.projectName)}`,
+                safeDetailText(details.projectName)
+            ], width),
+            tone: "muted",
+            kind: "project"
+        });
+    }
+    if (details && viewportHeight >= 4) {
+        header.push({
+            text: fitDetailCandidates([
+                `task · ${safeDetailText(details.task.title)} · ${humanizeDetailState(details.task.status)} · ${details.turns.length} turns · ${details.workers.length} workers`,
+                `task · ${safeDetailText(details.task.title)} · ${humanizeDetailState(details.task.status)}`,
+                safeDetailText(details.task.title)
+            ], width),
+            tone: detailTaskTone(details.task.status),
+            kind: "task"
+        });
+    }
+    if (state.notice && header.length < viewportHeight) {
+        header.push({ text: fitDetailText(safeDetailText(state.notice), width), tone: "active", kind: "heading" });
+    }
+    const bodySlots = Math.max(0, viewportHeight - header.length);
+    if (bodySlots === 0) {
+        return header;
+    }
+    if (state.loading) {
+        return [...header, { text: fitDetailText("loading session hierarchy", width), tone: "muted", kind: "empty" }];
+    }
+    if (state.error) {
+        return [...header, {
+                text: fitDetailText(`error · ${safeDetailText(state.error)}`, width),
+                tone: "danger",
+                kind: "error"
+            }];
+    }
+    if (!details) {
+        return [...header, { text: fitDetailText("No task selected", width), tone: "muted", kind: "empty" }];
+    }
+    if (details.turns.length === 0) {
+        return [...header, { text: fitDetailText("No persisted turns", width), tone: "muted", kind: "empty" }];
+    }
+    const selected = clampDetailWorkerIndex(selectedWorkerIndex, details.workers.length);
+    const body = taskSessionDetailBodyLines(details, selected, width);
+    const selectedLine = Math.max(0, body.findIndex((line) => line.workerIndex === selected && line.kind === "worker"));
+    let start = Math.min(Math.max(0, body.length - bodySlots), Math.max(0, selectedLine - Math.floor(bodySlots / 2)));
+    if (start > 0) {
+        for (let index = selectedLine; index >= start; index -= 1) {
+            if (body[index]?.kind === "turn" && selectedLine - index < bodySlots) {
+                start = index;
+                break;
+            }
+        }
+    }
+    return [...header, ...body.slice(start, start + bodySlots)];
+}
+export function moveTaskSessionDetailSelection(current, delta, workerCount, wrap = false) {
+    if (workerCount <= 0) {
+        return 0;
+    }
+    const normalized = clampDetailWorkerIndex(current, workerCount);
+    const next = normalized + Math.trunc(delta);
+    if (wrap) {
+        return ((next % workerCount) + workerCount) % workerCount;
+    }
+    return Math.min(workerCount - 1, Math.max(0, next));
+}
+function taskSessionDetailBodyLines(details, selectedWorkerIndex, width) {
+    const workerIndexById = new Map(details.workers.map((worker, index) => [worker.id, index]));
+    return details.turns.flatMap((turn) => {
+        const turnNumber = Number(turn.turnId);
+        const turnLabel = Number.isInteger(turnNumber) ? `Turn ${turnNumber}` : `Turn ${turn.turnId}`;
+        const lines = [{
+                text: fitDetailCandidates([
+                    `${turnLabel} · ${formatDetailTime(turn.createdAt)} · ${safeDetailText(turn.request) || "request unavailable"}`,
+                    `${turnLabel} · ${safeDetailText(turn.request) || "request unavailable"}`,
+                    turnLabel
+                ], width),
+                tone: "active",
+                kind: "turn"
+            }];
+        if (turn.workers.length === 0) {
+            lines.push({ text: fitDetailText("    no workers", width), tone: "muted", kind: "empty" });
+            return lines;
+        }
+        for (const worker of turn.workers) {
+            const workerIndex = workerIndexById.get(worker.id) ?? 0;
+            lines.push({
+                text: detailWorkerText(worker, workerIndex === selectedWorkerIndex, width),
+                tone: detailWorkerTone(worker),
+                workerIndex,
+                kind: "worker"
+            });
+            lines.push({
+                text: detailNativeText(worker, width),
+                tone: "muted",
+                workerIndex,
+                kind: "native"
+            });
+        }
+        return lines;
+    });
+}
+function detailWorkerText(worker, selected, width) {
+    const marker = selected ? "> " : "  ";
+    const role = `${worker.role.slice(0, 1).toUpperCase()}${worker.role.slice(1)}`;
+    const engine = [worker.engine, worker.model, worker.modelProvider].filter(Boolean).join("/");
+    const feature = worker.featureTitle ?? worker.featureId ?? "";
+    return fitDetailCandidates([
+        `${marker}${role} · ${engine} · ${feature ? `${safeDetailText(feature)} · ` : ""}${worker.state} · ${formatDetailTime(worker.lastActivityAt)}`,
+        `${marker}${role} · ${engine} · ${worker.state}`,
+        `${marker}${role} · ${worker.engine}`,
+        `${marker}${safeDetailText(worker.id)}`,
+        marker.trimEnd()
+    ], width);
+}
+function detailNativeText(worker, width) {
+    const session = worker.nativeSession;
+    const cwd = safeDetailText(session?.cwd ?? worker.dir);
+    if (!session) {
+        return fitDetailCandidates([
+            `    native · none · cwd ${cwd}`,
+            `    native · none`,
+            "    no native session"
+        ], width);
+    }
+    return fitDetailCandidates([
+        `    native · ${safeDetailText(session.sessionId)} · cwd ${cwd} · used ${formatDetailTime(session.lastUsedAt)}`,
+        `    native · ${safeDetailText(session.sessionId)} · used ${formatDetailTime(session.lastUsedAt)}`,
+        `    native · ${safeDetailText(session.sessionId)}`,
+        `    session ${safeDetailText(session.sessionId)}`
+    ], width);
+}
+function TaskSessionDetailRow({ line, width }) {
+    const fill = Math.max(0, width - displayWidth(line.text));
+    return (_jsxs(Text, { children: [_jsx(Text, { ...detailLineTheme(line.tone), children: line.text }), fill > 0 ? _jsx(Text, { backgroundColor: TUI_THEME.surface, children: " ".repeat(fill) }) : null] }));
+}
+function detailTaskTone(status) {
+    if (status === "done")
+        return "success";
+    if (status === "failed")
+        return "danger";
+    if (status === "paused" || status === "cancelled")
+        return "warning";
+    return "active";
+}
+function detailWorkerTone(worker) {
+    if (worker.state === "done")
+        return "success";
+    if (worker.state === "failed")
+        return "danger";
+    if (worker.state === "cancelled")
+        return "warning";
+    if (worker.state === "running" || worker.state === "starting")
+        return "active";
+    return "muted";
+}
+function detailLineTheme(tone) {
+    return {
+        backgroundColor: TUI_THEME.surface,
+        color: tone === "heading" || tone === "active"
+            ? TUI_THEME.accent
+            : tone === "success"
+                ? TUI_THEME.success
+                : tone === "warning"
+                    ? TUI_THEME.warning
+                    : tone === "danger"
+                        ? TUI_THEME.danger
+                        : TUI_THEME.muted,
+        ...(tone === "heading" || tone === "danger" ? { bold: true } : {})
+    };
+}
+function clampDetailWorkerIndex(index, count) {
+    return Math.min(Math.max(0, count - 1), Math.max(0, Math.trunc(index)));
+}
+function humanizeDetailState(value) {
+    return value.replaceAll("_", " ");
+}
+function formatDetailTime(value) {
+    return value.slice(5, 16).replace("T", " ");
+}
+function fitDetailCandidates(candidates, width) {
+    return candidates.find((candidate) => displayWidth(candidate) <= width)
+        ?? fitDetailText(candidates.at(-1) ?? "", width);
+}
+function fitDetailText(text, width) {
+    return compactEndByDisplayWidth(text, Math.max(1, width));
+}
+function safeDetailText(text) {
+    return text
+        .replace(/\x1b\[[0-?]*[ -/]*[@-~]/g, "")
+        .replace(/[\u0000-\u001f\u007f]/g, " ")
+        .replace(/\s+/g, " ")
+        .trim();
+}
+function taskSessionDetailContentWidth(terminalWidth) {
+    return Math.max(1, terminalWidth - 2);
+}