parallel-codex-tui 0.1.0

package/dist/tui/AppShell.js

@@ -0,0 +1,129 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { basename } from "node:path";
+import { Box, Text } from "ink";
+import { StatusBar } from "./StatusBar.js";
+import { compactEndByDisplayWidth, displayWidth } from "./display-width.js";
+const APP_HEADER_BACKGROUND = "ansi256(235)";
+export function AppShell({ view, cwd, taskId, statusText, contentHeight = 20, terminalWidth = process.stdout.columns || 120, children, input, error = null }) {
+    const header = headerParts({ view, cwd, taskId, terminalWidth });
+    const headerSegments = headerDisplaySegments(header);
+    const headerLeadingWidth = terminalWidth > 1 ? 1 : 0;
+    const headerRenderWidth = typeof process.stdout.columns === "number"
+        ? Math.max(1, Math.min(terminalWidth, process.stdout.columns))
+        : null;
+    const headerBarWidth = headerRenderWidth === null ? null : Math.max(1, headerRenderWidth - 1);
+    const headerTrailingWidth = headerBarWidth === null
+        ? 0
+        : Math.max(0, headerBarWidth - headerLeadingWidth - headerSegmentsDisplayWidth(headerSegments));
+    return (_jsxs(Box, { flexDirection: "column", children: [_jsxs(Box, { children: [headerLeadingWidth > 0 ? _jsx(Text, { backgroundColor: APP_HEADER_BACKGROUND, children: " ".repeat(headerLeadingWidth) }) : null, headerSegments.map((segment, index) => (_jsxs(Box, { flexShrink: 0, children: [index > 0 ? _jsx(Text, { backgroundColor: APP_HEADER_BACKGROUND, dimColor: true, children: "  " }) : null, _jsx(Text, { backgroundColor: APP_HEADER_BACKGROUND, color: segment.kind === "brand" ? "cyan" : segment.kind === "view" ? "white" : undefined, bold: segment.kind === "brand", dimColor: segment.kind !== "brand" && segment.kind !== "view", children: segment.text })] }, `${segment.kind}-${index}`))), headerTrailingWidth > 0 ? _jsx(Text, { backgroundColor: APP_HEADER_BACKGROUND, children: " ".repeat(headerTrailingWidth) }) : null] }), _jsx(Box, { flexDirection: "column", height: contentHeight, paddingX: 1, children: children }), input, _jsx(StatusBar, { text: statusText, terminalWidth: terminalWidth }), error ? (_jsx(Box, { paddingX: 1, children: _jsx(Text, { color: "red", children: error }) })) : null] }));
+}
+function headerSegmentsDisplayWidth(segments) {
+    return segments.reduce((sum, segment, index) => sum + displayWidth(segment.text) + (index > 0 ? 2 : 0), 0);
+}
+function headerDisplaySegments(parts) {
+    return Object.entries(parts)
+        .filter(([, text]) => Boolean(text))
+        .map(([kind, text]) => ({ kind, text }));
+}
+function headerParts(input) {
+    const nano = input.terminalWidth < 16;
+    const tiny = input.terminalWidth < 24;
+    const narrow = input.terminalWidth < 72;
+    const veryNarrow = input.terminalWidth < 56;
+    const ultraNarrow = input.terminalWidth < 40;
+    const task = compactHeaderTaskId(input.taskId);
+    const showTask = input.terminalWidth >= 24 && !(task === "none" && input.terminalWidth < 32);
+    const contentWidth = Math.max(1, input.terminalWidth - 2);
+    return fitHeaderParts({
+        brand: narrow ? "pct" : "parallel-codex-tui",
+        view: nano ? "" : input.terminalWidth <= 24 && input.view === "native" ? "nat" : narrow ? shortViewLabel(input.view) : viewLabel(input.view),
+        task: showTask ? ultraNarrow ? ultraCompactTaskId(task) : narrow ? task : `task ${task}` : "",
+        project: tiny || ultraNarrow ? "" : compactHeaderProject(input.cwd, veryNarrow ? 10 : narrow ? 16 : 40),
+        shortcut: narrow ? shortShortcutHint(input.view) : shortcutHint(input.view)
+    }, contentWidth);
+}
+function fitHeaderParts(parts, contentWidth) {
+    const fitted = { ...parts };
+    if (headerLineLength(fitted) <= contentWidth) {
+        return fitted;
+    }
+    fitted.project = "";
+    if (headerLineLength(fitted) <= contentWidth) {
+        return fitted;
+    }
+    const taskBudget = Math.max(3, contentWidth - headerLineLength({ ...fitted, task: "" }) - 2);
+    fitted.task = compactHeaderText(fitted.task, taskBudget);
+    if (headerLineLength(fitted) <= contentWidth) {
+        return fitted;
+    }
+    const viewBudget = Math.max(3, contentWidth - headerLineLength({ ...fitted, view: "" }) - 2);
+    fitted.view = compactHeaderText(fitted.view, viewBudget);
+    if (headerLineLength(fitted) <= contentWidth) {
+        return fitted;
+    }
+    fitted.shortcut = "";
+    if (headerLineLength(fitted) <= contentWidth) {
+        return fitted;
+    }
+    fitted.task = "";
+    if (headerLineLength(fitted) <= contentWidth) {
+        return fitted;
+    }
+    fitted.view = "";
+    if (headerLineLength(fitted) <= contentWidth) {
+        return fitted;
+    }
+    fitted.brand = compactHeaderText(fitted.brand, contentWidth);
+    return fitted;
+}
+function headerLineLength(parts) {
+    return displayWidth(headerPartList(parts).join("  "));
+}
+function headerPartList(parts) {
+    return [parts.brand, parts.view, parts.task, parts.project, parts.shortcut].filter(Boolean);
+}
+function viewLabel(view) {
+    return shortViewLabel(view);
+}
+function shortcutHint(view) {
+    if (view === "native") {
+        return "^] detach";
+    }
+    return "^C exit";
+}
+function shortViewLabel(view) {
+    if (view === "worker") {
+        return "logs";
+    }
+    if (view === "native") {
+        return "native";
+    }
+    return "chat";
+}
+function shortShortcutHint(view) {
+    return view === "native" ? "^]" : "^C";
+}
+function compactHeaderProject(cwd, maxLength) {
+    const project = basename(cwd) || cwd;
+    return compactHeaderText(project, maxLength);
+}
+function compactHeaderText(text, maxLength) {
+    if (maxLength <= 4) {
+        return compactEndByDisplayWidth(text, Math.min(maxLength, 3));
+    }
+    return compactEndByDisplayWidth(text, maxLength);
+}
+function ultraCompactTaskId(taskId) {
+    const first = taskId.split("-", 1)[0];
+    return first || taskId.slice(0, 6);
+}
+function compactHeaderTaskId(taskId) {
+    if (!taskId) {
+        return "none";
+    }
+    const match = taskId.match(/^task-\d{8}-(.+)$/);
+    if (match) {
+        return match[1] ?? taskId;
+    }
+    return taskId.startsWith("task-") ? taskId.slice("task-".length) : taskId;
+}

package/dist/tui/InputBar.js

@@ -0,0 +1,141 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Box, Text } from "ink";
+import { compactTailByDisplayWidth, displayWidth } from "./display-width.js";
+const INPUT_BAR_BACKGROUND = "ansi256(234)";
+export function InputBar({ mode, busy = false, hasWorkers = false, nativeClosed = false, value, terminalWidth = process.stdout.columns || 120, onChange, onSubmit }) {
+    if (mode === "worker") {
+        const hints = workerInputHints(terminalWidth);
+        return (_jsxs(InputRail, { terminalWidth: terminalWidth, textWidth: displayWidth(`${hints.label}${hints.detail}`), children: [_jsx(Text, { backgroundColor: INPUT_BAR_BACKGROUND, color: "cyan", bold: true, children: hints.label }), hints.detail ? _jsx(Text, { backgroundColor: INPUT_BAR_BACKGROUND, dimColor: true, children: hints.detail }) : null] }));
+    }
+    if (mode === "native") {
+        const hints = nativeInputHints(terminalWidth, nativeClosed);
+        return (_jsxs(InputRail, { terminalWidth: terminalWidth, textWidth: displayWidth(`${hints.label}${hints.detail}`), children: [_jsx(Text, { backgroundColor: INPUT_BAR_BACKGROUND, color: "cyan", bold: true, children: hints.label }), hints.detail ? _jsx(Text, { backgroundColor: INPUT_BAR_BACKGROUND, dimColor: true, children: hints.detail }) : null] }));
+    }
+    const busyText = chatBusyDisplayValue(terminalWidth);
+    const prompt = busy ? "run" : ">";
+    if (busy) {
+        return (_jsxs(InputRail, { terminalWidth: terminalWidth, textWidth: displayWidth(busyText ? `${prompt} ${busyText}` : prompt), children: [_jsx(Text, { backgroundColor: INPUT_BAR_BACKGROUND, color: "yellow", bold: true, children: prompt }), busyText ? (_jsxs(_Fragment, { children: [_jsx(Text, { backgroundColor: INPUT_BAR_BACKGROUND, children: " " }), _jsx(Text, { backgroundColor: INPUT_BAR_BACKGROUND, color: "yellow", children: busyText })] })) : null] }));
+    }
+    if (value) {
+        const displayValue = chatInputDisplayValue(value, terminalWidth);
+        return (_jsxs(InputRail, { terminalWidth: terminalWidth, textWidth: displayWidth(`${prompt} ${displayValue}|`), children: [_jsx(Text, { backgroundColor: INPUT_BAR_BACKGROUND, color: "cyan", bold: true, children: prompt }), _jsx(Text, { backgroundColor: INPUT_BAR_BACKGROUND, children: " " }), _jsxs(Text, { backgroundColor: INPUT_BAR_BACKGROUND, children: [displayValue, "|"] })] }));
+    }
+    const hasLeadingPromptSpace = terminalWidth >= 10;
+    const placeholder = chatPlaceholderDisplayText(terminalWidth, { hasWorkers }, { leadingSpace: hasLeadingPromptSpace });
+    return (_jsxs(InputRail, { terminalWidth: terminalWidth, textWidth: displayWidth(`${prompt}${hasLeadingPromptSpace ? " " : ""}|${placeholder}`), children: [_jsx(Text, { backgroundColor: INPUT_BAR_BACKGROUND, color: "cyan", bold: true, children: prompt }), hasLeadingPromptSpace ? _jsx(Text, { backgroundColor: INPUT_BAR_BACKGROUND, children: " " }) : null, _jsx(Text, { backgroundColor: INPUT_BAR_BACKGROUND, children: "|" }), _jsx(Text, { backgroundColor: INPUT_BAR_BACKGROUND, dimColor: true, children: placeholder })] }));
+}
+function InputRail({ terminalWidth, textWidth, children }) {
+    const leadingWidth = terminalWidth > 1 ? 1 : 0;
+    const renderWidth = typeof process.stdout.columns === "number"
+        ? Math.max(1, Math.min(terminalWidth, process.stdout.columns))
+        : null;
+    const barWidth = renderWidth === null ? null : Math.max(1, renderWidth - 1);
+    const trailingWidth = barWidth === null
+        ? 0
+        : Math.max(0, barWidth - leadingWidth - textWidth);
+    return (_jsxs(Box, { children: [leadingWidth > 0 ? _jsx(Text, { backgroundColor: INPUT_BAR_BACKGROUND, children: " ".repeat(leadingWidth) }) : null, children, trailingWidth > 0 ? _jsx(Text, { backgroundColor: INPUT_BAR_BACKGROUND, children: " ".repeat(trailingWidth) }) : null] }));
+}
+export function chatPlaceholderDisplayText(terminalWidth, options = {}, display = {}) {
+    const placeholder = chatPlaceholderDisplayValue(terminalWidth, options);
+    if (!placeholder) {
+        return "";
+    }
+    return display.leadingSpace === false ? placeholder : ` ${placeholder}`;
+}
+export function chatInputDisplayValue(value, terminalWidth) {
+    const valueWidth = Math.max(1, terminalWidth - 6);
+    return compactTailByDisplayWidth(value, valueWidth);
+}
+export function chatPlaceholderDisplayValue(terminalWidth, options = {}) {
+    if (options.hasWorkers) {
+        return chatTaskPlaceholderDisplayValue(terminalWidth);
+    }
+    if (terminalWidth < 14) {
+        return "msg";
+    }
+    if (terminalWidth < 22) {
+        return "message";
+    }
+    return chatInputDisplayValue("Type a message", terminalWidth);
+}
+function chatTaskPlaceholderDisplayValue(terminalWidth) {
+    if (terminalWidth < 14) {
+        return "msg";
+    }
+    if (terminalWidth < 19) {
+        return "msg · ^W";
+    }
+    if (terminalWidth < 24) {
+        return "msg · ^W · ^O";
+    }
+    if (terminalWidth < 38) {
+        return chatInputDisplayValue("Message · ^W · ^O", terminalWidth);
+    }
+    if (terminalWidth < 64) {
+        return chatInputDisplayValue("Message · ^W logs · ^O attach", terminalWidth);
+    }
+    return chatInputDisplayValue("Type a message · ^W logs · ^O attach", terminalWidth);
+}
+export function chatBusyDisplayValue(terminalWidth) {
+    if (terminalWidth < 14) {
+        return "";
+    }
+    if (terminalWidth < 22) {
+        return "busy";
+    }
+    return "Running...";
+}
+function workerInputHints(width) {
+    if (width < 12) {
+        return { label: "log", detail: "" };
+    }
+    if (width < 15) {
+        return { label: "log", detail: " · ^O" };
+    }
+    if (width < 18) {
+        return { label: "log", detail: " · Pg · ^O" };
+    }
+    if (width < 28) {
+        return { label: "logs", detail: " · Pg · ^O" };
+    }
+    if (width < 56) {
+        return { label: "logs", detail: " · Pg · Tab · ^O · Esc" };
+    }
+    if (width < 72) {
+        return { label: "logs", detail: " · Pg/wheel · Tab · ^O · Esc" };
+    }
+    return { label: "logs", detail: " · read · wheel/Pg · Tab worker · ^O attach · Esc chat" };
+}
+function nativeInputHints(width, closed = false) {
+    if (closed) {
+        if (width < 12) {
+            return { label: "done", detail: " ^]" };
+        }
+        if (width < 14) {
+            return { label: "closed", detail: " ^]" };
+        }
+        if (width < 24) {
+            return { label: "closed", detail: " · ^]" };
+        }
+        if (width < 36) {
+            return { label: "closed", detail: " · Pg · ^]" };
+        }
+        if (width < 56) {
+            return { label: "closed", detail: " · Pg/wheel · ^]" };
+        }
+        return { label: "closed", detail: " · wheel/Pg · ^] back" };
+    }
+    if (width < 12) {
+        return { label: "nat", detail: " ^]" };
+    }
+    if (width < 24) {
+        return { label: "native", detail: " · ^]" };
+    }
+    if (width < 36) {
+        return { label: "native", detail: " · Pg · ^]" };
+    }
+    if (width < 56) {
+        return { label: "native", detail: " · Pg/wheel · ^]" };
+    }
+    return { label: "native", detail: " · wheel/Pg · ^] detach" };
+}

package/dist/tui/StatusBar.js

@@ -0,0 +1,288 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Box, Text } from "ink";
+import { compactEndByDisplayWidth, displayWidth } from "./display-width.js";
+const STATUS_BAR_BACKGROUND = "ansi256(236)";
+export function StatusBar({ text, terminalWidth = process.stdout.columns || 120, showTask = false }) {
+    const parsedSegments = parseStatusText(text, { hideTask: !showTask || terminalWidth < 40 });
+    if (isIdleStatus(parsedSegments)) {
+        return (_jsx(Box, { children: _jsx(Text, { children: " " }) }));
+    }
+    const segments = omitTinyCurrentSegment(parsedSegments, terminalWidth);
+    const compact = shouldUseCompactStatus(segments, terminalWidth);
+    const fittedSegments = fitStatusSegments(segments, terminalWidth, compact);
+    if (isIdleStatus(fittedSegments)) {
+        return (_jsx(Box, { children: _jsx(Text, { children: " " }) }));
+    }
+    const leadingWidth = terminalWidth > 1 ? 1 : 0;
+    const renderWidth = typeof process.stdout.columns === "number"
+        ? Math.max(1, Math.min(terminalWidth, process.stdout.columns))
+        : null;
+    const barWidth = renderWidth === null ? null : Math.max(1, renderWidth - 1);
+    const trailingWidth = barWidth === null
+        ? 0
+        : Math.max(0, barWidth - leadingWidth - statusSegmentsWidth(fittedSegments, compact));
+    return (_jsxs(Box, { children: [leadingWidth > 0 ? _jsx(Text, { backgroundColor: STATUS_BAR_BACKGROUND, children: " ".repeat(leadingWidth) }) : null, fittedSegments.map((segment, index) => (_jsx(StatusSegment, { segment: segment, compact: compact, isLast: index === fittedSegments.length - 1 }, `${segment.label}-${index}`))), trailingWidth > 0 ? _jsx(Text, { backgroundColor: STATUS_BAR_BACKGROUND, children: " ".repeat(trailingWidth) }) : null] }));
+}
+function omitTinyCurrentSegment(segments, terminalWidth) {
+    if (terminalWidth >= 24 || segments.length <= 1) {
+        return segments;
+    }
+    const compacted = segments.filter((segment) => segment.label.toLowerCase() !== "current");
+    return compacted.length > 0 ? compacted : segments;
+}
+function shouldUseCompactStatus(segments, terminalWidth) {
+    if (terminalWidth < 56) {
+        return true;
+    }
+    const roomyDisplays = segments.map((segment) => statusSegmentDisplay(segment, false));
+    return statusSegmentsDisplayWidth(roomyDisplays, false) > Math.max(1, terminalWidth - 2);
+}
+function isIdleStatus(segments) {
+    return segments.length === 1 && segments[0]?.tone === "idle" && segments[0]?.value === "idle";
+}
+function StatusSegment({ segment, compact, isLast }) {
+    const display = statusSegmentDisplay(segment, compact);
+    return (_jsxs(Box, { flexShrink: 0, children: [display.label ? (_jsxs(_Fragment, { children: [_jsx(Text, { backgroundColor: STATUS_BAR_BACKGROUND, color: colorForTone(segment.tone), dimColor: segment.tone === undefined || segment.tone === "idle", children: display.label }), _jsx(Text, { backgroundColor: STATUS_BAR_BACKGROUND, dimColor: true, children: display.separator })] })) : null, _jsx(Text, { backgroundColor: STATUS_BAR_BACKGROUND, color: valueColorForTone(segment.tone), bold: segment.tone !== undefined && segment.tone !== "idle", wrap: "truncate-end", children: display.value }), !isLast ? _jsx(Text, { backgroundColor: STATUS_BAR_BACKGROUND, dimColor: true, children: statusSegmentSeparator(compact) }) : null] }));
+}
+function fitStatusSegments(segments, terminalWidth, compact) {
+    const contentWidth = Math.max(1, terminalWidth - 2);
+    if (statusSegmentsWidth(segments, compact) <= contentWidth) {
+        return segments;
+    }
+    const displays = segments.map((segment) => statusSegmentDisplay(segment, compact));
+    const totalWidth = statusSegmentsDisplayWidth(displays, compact);
+    const currentIndex = segments.map((segment) => segment.label.toLowerCase()).lastIndexOf("current");
+    if (currentIndex >= 0) {
+        const currentDisplay = displays[currentIndex];
+        if (currentDisplay) {
+            const overflow = totalWidth - contentWidth;
+            const nextValueWidth = Math.max(1, displayWidth(currentDisplay.value) - overflow);
+            const fitted = segments.map((segment, index) => index === currentIndex
+                ? { ...segment, value: compactStatusTextEnd(segment.value, nextValueWidth) }
+                : segment);
+            if (statusSegmentsWidth(fitted, compact) <= contentWidth) {
+                return fitted;
+            }
+            return selectStatusSegmentsThatFit(fitted, contentWidth, compact);
+        }
+    }
+    return selectStatusSegmentsThatFit(segments, contentWidth, compact);
+}
+function statusSegmentsDisplayWidth(displays, compact) {
+    const segmentWidths = displays.map((display) => displayWidth(`${display.label}${display.separator}${display.value}`));
+    return segmentWidths.reduce((sum, width) => sum + width, 0) + Math.max(0, displays.length - 1) * displayWidth(statusSegmentSeparator(compact));
+}
+function statusSegmentsWidth(segments, compact) {
+    return statusSegmentsDisplayWidth(segments.map((segment) => statusSegmentDisplay(segment, compact)), compact);
+}
+function selectStatusSegmentsThatFit(segments, contentWidth, compact) {
+    const selected = [];
+    const candidates = segments
+        .map((segment, index) => ({ index, segment }))
+        .sort((left, right) => statusSegmentKeepPriority(left.segment) - statusSegmentKeepPriority(right.segment));
+    for (const candidate of candidates) {
+        const next = [...selected, candidate].sort((left, right) => left.index - right.index).map((item) => item.segment);
+        if (statusSegmentsWidth(next, compact) <= contentWidth) {
+            selected.push(candidate);
+        }
+    }
+    if (selected.length > 0) {
+        return selected.sort((left, right) => left.index - right.index).map((item) => item.segment);
+    }
+    return [compactSingleStatusSegment(segments[0] ?? { label: "STATUS", value: "idle", tone: "idle" }, contentWidth, compact)];
+}
+function statusSegmentKeepPriority(segment) {
+    const label = segment.label.toLowerCase();
+    if (segment.tone === "fail" || label === "fail") {
+        return 0;
+    }
+    if (segment.tone === "run" || label === "run") {
+        return 1;
+    }
+    if (segment.tone === "wait" || label === "wait") {
+        return 2;
+    }
+    if (label === "workers") {
+        return 3;
+    }
+    if (segment.tone === "done" || label === "done") {
+        return 4;
+    }
+    if (label === "current") {
+        return 5;
+    }
+    return 6;
+}
+function compactSingleStatusSegment(segment, contentWidth, compact) {
+    const display = statusSegmentDisplay(segment, compact);
+    const labelWidth = displayWidth(`${display.label}${display.separator}`);
+    return {
+        ...segment,
+        value: compactStatusTextEnd(display.value, Math.max(1, contentWidth - labelWidth))
+    };
+}
+function statusSegmentSeparator(compact) {
+    return compact ? " " : " · ";
+}
+function compactStatusTextEnd(text, maxLength) {
+    return compactEndByDisplayWidth(text, maxLength);
+}
+function statusSegmentDisplay(segment, compact) {
+    const label = segment.label.toLowerCase();
+    if (label === "task") {
+        return { label: "", separator: "", value: segment.value };
+    }
+    if (isRoleStatusLabel(label)) {
+        return {
+            label: compact ? compactRoleStatusLabel(label) : displayRoleStatusLabel(label),
+            separator: compact ? ":" : " ",
+            value: segment.value
+        };
+    }
+    if (!compact) {
+        if (label === "current") {
+            return { label: "@", separator: " ", value: segment.value };
+        }
+        if (segment.tone && segment.tone !== "idle") {
+            return { label: segment.tone, separator: " ", value: segment.value };
+        }
+        return { label, separator: " ", value: segment.value };
+    }
+    if (label === "workers") {
+        return { label: "w", separator: "", value: segment.value };
+    }
+    if (label === "current") {
+        return { label: "@", separator: " ", value: segment.value };
+    }
+    if (segment.tone && segment.tone !== "idle") {
+        return { label: compactToneLabel(segment.tone), separator: "", value: segment.value };
+    }
+    return { label, separator: " ", value: segment.value };
+}
+function compactToneLabel(tone) {
+    if (tone === "run") {
+        return "r";
+    }
+    if (tone === "done") {
+        return "d";
+    }
+    if (tone === "fail") {
+        return "f";
+    }
+    return "w";
+}
+function isRoleStatusLabel(label) {
+    return label === "main" || label === "judge" || label === "actor" || label === "critic";
+}
+function displayRoleStatusLabel(label) {
+    return label === "main" ? "chat" : label;
+}
+function compactRoleStatusLabel(label) {
+    if (label === "main") {
+        return "chat";
+    }
+    return label.slice(0, 1);
+}
+function parseStatusText(text, options = {}) {
+    const parts = text
+        .split("|")
+        .map((part) => part.trim())
+        .filter(Boolean);
+    if (parts.length === 0) {
+        return [{ label: "STATUS", value: "idle", tone: "idle" }];
+    }
+    if (parts.length === 1 && parts[0] === "idle") {
+        return [{ label: "STATUS", value: "idle", tone: "idle" }];
+    }
+    const segments = [];
+    const [first = "idle", ...rest] = parts;
+    const statusParts = isStatusPart(first) ? parts : rest;
+    if (!isStatusPart(first) && !options.hideTask) {
+        segments.push({ label: "TASK", value: first, tone: first === "idle" ? "idle" : undefined });
+    }
+    for (const part of statusParts) {
+        const workerMatch = part.match(/^workers\s+(\d+)$/i);
+        if (workerMatch) {
+            segments.push({ label: "WORKERS", value: workerMatch[1] ?? "0" });
+            continue;
+        }
+        const counts = parseStateCounts(part);
+        if (counts.length > 0) {
+            segments.push(...counts);
+            continue;
+        }
+        segments.push(parseCurrentStatus(part));
+    }
+    return segments.length > 0 ? segments : [{ label: "STATUS", value: "idle", tone: "idle" }];
+}
+function isStatusPart(part) {
+    return /^workers\s+\d+$/i.test(part) || parseStateCounts(part).length > 0;
+}
+function parseStateCounts(part) {
+    const matches = Array.from(part.matchAll(/\b(run|done|fail|wait|idle)\s+(\d+)\b/gi));
+    if (matches.length === 0) {
+        return [];
+    }
+    return matches.map((match) => {
+        const tone = normalizeTone(match[1] ?? "idle");
+        return {
+            label: tone.toUpperCase(),
+            value: match[2] ?? "0",
+            tone
+        };
+    });
+}
+function parseCurrentStatus(part) {
+    const roleStatus = parseRoleStatus(part);
+    if (roleStatus) {
+        return roleStatus;
+    }
+    const toneMatch = part.match(/\b(run|done|fail|wait|idle)\b/i);
+    const tone = toneMatch ? normalizeTone(toneMatch[1] ?? "idle") : undefined;
+    const value = toneMatch ? part.replace(toneMatch[0], "").trim() || part : part;
+    return {
+        label: "CURRENT",
+        value,
+        tone
+    };
+}
+function parseRoleStatus(part) {
+    const match = part.match(/^(main|judge|actor|critic)\s+(run|done|fail|wait|idle)\b/i);
+    if (!match) {
+        return null;
+    }
+    const tone = normalizeTone(match[2] ?? "idle");
+    return {
+        label: (match[1] ?? "main").toUpperCase(),
+        value: tone,
+        tone
+    };
+}
+function normalizeTone(value) {
+    const normalized = value.toLowerCase();
+    if (normalized === "run" || normalized === "done" || normalized === "fail" || normalized === "wait") {
+        return normalized;
+    }
+    return "idle";
+}
+function colorForTone(tone) {
+    if (tone === "run") {
+        return "cyan";
+    }
+    if (tone === "done") {
+        return "green";
+    }
+    if (tone === "fail") {
+        return "red";
+    }
+    if (tone === "wait") {
+        return "yellow";
+    }
+    return "gray";
+}
+function valueColorForTone(tone) {
+    if (tone === "fail") {
+        return "red";
+    }
+    return undefined;
+}

package/dist/tui/TerminalOutput.js

@@ -0,0 +1,22 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Box, Text } from "ink";
+export function TerminalOutput({ lines }) {
+    if (lines.length === 0) {
+        return _jsx(Text, { children: "(no output yet)" });
+    }
+    return (_jsx(Box, { flexDirection: "column", children: lines.map((line, index) => (_jsx(Text, { children: line.chunks.length === 0
+                ? " "
+                : line.chunks.map((chunk, chunkIndex) => (_jsx(Text, { ...textProps(chunk.style), children: chunk.text }, chunkIndex))) }, index))) }));
+}
+function textProps(style) {
+    return {
+        backgroundColor: style.backgroundColor,
+        bold: style.bold,
+        color: style.color,
+        dimColor: style.dimColor,
+        inverse: style.inverse || style.cursor,
+        italic: style.italic,
+        strikethrough: style.strikethrough,
+        underline: style.underline
+    };
+}