parallel-codex-tui 0.1.3 → 0.1.5

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);
+}

package/dist/tui/TaskSessionsView.js

@@ -0,0 +1,210 @@
+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 TaskSessionsView({ tasks, activeTaskId, selectedIndex, includeArchived = false, notice = null, action = null, loading = false, error = null, height = 20, terminalWidth = process.stdout.columns || 120 }) {
+    const viewportHeight = Math.max(1, height);
+    const width = taskSessionsContentWidth(terminalWidth);
+    const lines = taskSessionsDisplayLines(tasks, activeTaskId, selectedIndex, viewportHeight, terminalWidth, {
+        loading,
+        error,
+        includeArchived,
+        notice,
+        action
+    });
+    const blankRows = Math.max(0, viewportHeight - lines.length);
+    return (_jsxs(Box, { flexDirection: "column", height: viewportHeight, children: [lines.map((line, index) => (_jsx(TaskSessionRow, { line: line, width: width }, `${line.taskIndex ?? line.tone}-${index}`))), Array.from({ length: blankRows }, (_, index) => (_jsx(Text, { backgroundColor: TUI_THEME.surface, children: " ".repeat(width) }, `task-session-fill-${index}`)))] }));
+}
+export function taskSessionsDisplayLines(tasks, activeTaskId, selectedIndex, height, terminalWidth, state = {}) {
+    const viewportHeight = Math.max(1, Math.trunc(height));
+    const width = taskSessionsContentWidth(terminalWidth);
+    const lines = [
+        {
+            text: fitTaskSessionCandidates([
+                state.includeArchived ? "Task sessions · archived shown" : "Task sessions",
+                state.includeArchived ? "Sessions · all" : "Sessions",
+                "Tasks",
+                "T"
+            ], width),
+            tone: "heading"
+        }
+    ];
+    if (viewportHeight >= 3) {
+        lines.push({ text: taskSessionSummary(tasks, width), tone: "muted" });
+    }
+    if (viewportHeight >= 4 && state.action) {
+        lines.push({
+            text: fitTaskSessionText(state.action.type === "rename"
+                ? `rename · ${safeTaskSessionText(state.action.title)} · Enter save · Esc cancel`
+                : `delete · ${safeTaskSessionText(state.action.title)} · press D again · Esc cancel`, width),
+            tone: state.action.type === "delete" ? "danger" : "active"
+        });
+    }
+    else if (viewportHeight >= 4 && state.notice) {
+        lines.push({ text: fitTaskSessionText(state.notice, width), tone: "success" });
+    }
+    const slots = Math.max(0, viewportHeight - lines.length);
+    if (state.loading) {
+        if (slots > 0) {
+            lines.push({ text: fitTaskSessionText("loading task sessions", width), tone: "muted" });
+        }
+        return lines;
+    }
+    if (state.error) {
+        if (slots > 0) {
+            lines.push({ text: fitTaskSessionText(`error · ${safeTaskSessionText(state.error)}`, width), tone: "danger" });
+        }
+        return lines;
+    }
+    if (tasks.length === 0) {
+        if (slots > 0) {
+            lines.push({ text: fitTaskSessionText("No saved task sessions", width), tone: "muted" });
+        }
+        return lines;
+    }
+    const selected = clampTaskIndex(selectedIndex, tasks.length);
+    const visibleCount = Math.min(slots, tasks.length);
+    const start = taskSessionWindowStart(selected, tasks.length, visibleCount);
+    for (let index = start; index < start + visibleCount; index += 1) {
+        const task = tasks[index];
+        if (!task) {
+            continue;
+        }
+        lines.push({
+            text: taskSessionRowText(task, index === selected, task.id === activeTaskId, width),
+            tone: taskSessionStatusTone(task),
+            taskIndex: index
+        });
+    }
+    return lines;
+}
+export function moveTaskSessionSelection(current, delta, taskCount, wrap = false) {
+    if (taskCount <= 0) {
+        return 0;
+    }
+    const normalizedCurrent = clampTaskIndex(current, taskCount);
+    const next = normalizedCurrent + Math.trunc(delta);
+    if (wrap) {
+        return ((next % taskCount) + taskCount) % taskCount;
+    }
+    return Math.min(taskCount - 1, Math.max(0, next));
+}
+function TaskSessionRow({ line, width }) {
+    const trailingWidth = Math.max(0, width - displayWidth(line.text));
+    const theme = taskSessionLineTheme(line.tone);
+    return (_jsxs(Text, { children: [_jsx(Text, { ...theme, children: line.text }), trailingWidth > 0 ? _jsx(Text, { backgroundColor: TUI_THEME.surface, children: " ".repeat(trailingWidth) }) : null] }));
+}
+function taskSessionSummary(tasks, width) {
+    const counts = new Map();
+    let archived = 0;
+    for (const task of tasks) {
+        if (task.archived_at) {
+            archived += 1;
+            continue;
+        }
+        const group = taskSessionStatusGroup(task.status);
+        counts.set(group, (counts.get(group) ?? 0) + 1);
+    }
+    const parts = ["running", "paused", "done", "failed", "cancelled"].flatMap((group) => {
+        const count = counts.get(group) ?? 0;
+        return count > 0 ? [`${count} ${group}`] : [];
+    });
+    if (archived > 0) {
+        parts.push(`${archived} archived`);
+    }
+    return fitTaskSessionCandidates([
+        [`${tasks.length} ${tasks.length === 1 ? "task" : "tasks"}`, ...parts].join(" · "),
+        `${tasks.length} tasks · ${counts.get("running") ?? 0} active · ${counts.get("failed") ?? 0} failed`,
+        `${tasks.length} tasks`,
+        `${tasks.length}t`
+    ], width);
+}
+function taskSessionRowText(task, selected, active, width) {
+    const marker = `${selected ? ">" : " "} ${active ? "*" : " "} `;
+    const title = safeTaskSessionText(task.title);
+    const status = task.archived_at
+        ? `archived · ${humanizeTaskSessionStatus(task.status)}`
+        : humanizeTaskSessionStatus(task.status);
+    const date = task.created_at.slice(5, 16).replace("T", " ");
+    const turns = `${task.turnCount} ${task.turnCount === 1 ? "turn" : "turns"}`;
+    const workers = `${task.workerCount} ${task.workerCount === 1 ? "worker" : "workers"}`;
+    const native = `${task.nativeSessionCount} native`;
+    const compactId = task.id.replace(/^task-/, "#");
+    return fitTaskSessionCandidates([
+        [marker + title, status, turns, workers, native, date].join(" · "),
+        [marker + title, status, turns, workers, native].join(" · "),
+        [marker + title, status, turns, workers].join(" · "),
+        [marker + title, status].join(" · "),
+        [marker + compactId, status].join(" · "),
+        marker.trimEnd()
+    ], width);
+}
+function taskSessionWindowStart(selected, count, visibleCount) {
+    if (visibleCount <= 0 || count <= visibleCount) {
+        return 0;
+    }
+    return Math.min(count - visibleCount, Math.max(0, selected - Math.floor(visibleCount / 2)));
+}
+function clampTaskIndex(index, count) {
+    return Math.min(Math.max(0, count - 1), Math.max(0, Math.trunc(index)));
+}
+function taskSessionStatusGroup(status) {
+    if (status === "paused" || status === "done" || status === "failed" || status === "cancelled") {
+        return status;
+    }
+    return "running";
+}
+function humanizeTaskSessionStatus(status) {
+    return status.replace(/_/g, " ");
+}
+function taskSessionStatusTone(task) {
+    if (task.archived_at) {
+        return "muted";
+    }
+    const status = task.status;
+    if (status === "done") {
+        return "success";
+    }
+    if (status === "paused") {
+        return "warning";
+    }
+    if (status === "failed") {
+        return "danger";
+    }
+    if (status === "cancelled") {
+        return "warning";
+    }
+    return "active";
+}
+function fitTaskSessionCandidates(candidates, width) {
+    return candidates.find((candidate) => displayWidth(candidate) <= width)
+        ?? fitTaskSessionText(candidates.at(-1) ?? "", width);
+}
+function fitTaskSessionText(text, width) {
+    return compactEndByDisplayWidth(text, Math.max(1, width));
+}
+function safeTaskSessionText(text) {
+    return text
+        .replace(/\x1b\[[0-?]*[ -/]*[@-~]/g, "")
+        .replace(/[\u0000-\u001f\u007f]/g, " ")
+        .replace(/\s+/g, " ")
+        .trim();
+}
+function taskSessionLineTheme(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 taskSessionsContentWidth(terminalWidth) {
+    return Math.max(1, terminalWidth - 2);
+}

package/dist/tui/TerminalOutput.js

@@ -1,18 +1,36 @@
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { Box, Text } from "ink";
-export function TerminalOutput({ lines }) {
+import { displayWidth } from "./display-width.js";
+import { TUI_THEME } from "./theme.js";
+const TERMINAL_OUTPUT_EMPTY_TEXT = "waiting for output";
+export function TerminalOutput({ lines, minLines, width }) {
+    const blankTailLineCount = terminalOutputBlankTailLineCount(lines.length === 0 ? 1 : lines.length, minLines);
     if (lines.length === 0) {
-        return _jsx(Text, { children: "(no output yet)" });
+        return (_jsxs(Box, { flexDirection: "column", children: [_jsxs(Text, { children: [_jsx(Text, { ...terminalOutputEmptyTheme(), children: TERMINAL_OUTPUT_EMPTY_TEXT }), _jsx(TerminalOutputEmptyTrailingFill, { width: width })] }), _jsx(TerminalOutputBlankTailLines, { count: blankTailLineCount, width: width })] }));
     }
-    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))) }));
+    return (_jsxs(Box, { flexDirection: "column", children: [lines.map((line, index) => (_jsx(Text, { children: line.chunks.length === 0
+                    ? _jsx(Text, { ...terminalOutputBlankLineTheme(), children: " ".repeat(terminalOutputBlankLineWidth(width)) })
+                    : _jsxs(_Fragment, { children: [line.chunks.map((chunk, chunkIndex) => (_jsx(Text, { ...terminalOutputTextProps(chunk.style), children: chunk.text }, chunkIndex))), _jsx(TerminalOutputTrailingFill, { line: line, width: width })] }) }, index))), _jsx(TerminalOutputBlankTailLines, { count: blankTailLineCount, width: width })] }));
 }
-function textProps(style) {
+export function terminalOutputEmptyTheme() {
     return {
-        backgroundColor: style.backgroundColor,
+        backgroundColor: TUI_THEME.surface,
+        color: TUI_THEME.muted
+    };
+}
+export function terminalOutputEmptyText() {
+    return TERMINAL_OUTPUT_EMPTY_TEXT;
+}
+export function terminalOutputBlankLineTheme() {
+    return {
+        backgroundColor: TUI_THEME.surface
+    };
+}
+export function terminalOutputTextProps(style) {
+    return {
+        backgroundColor: style.backgroundColor ?? TUI_THEME.surface,
         bold: style.bold,
-        color: style.color,
+        color: style.color ?? TUI_THEME.text,
         dimColor: style.dimColor,
         inverse: style.inverse || style.cursor,
         italic: style.italic,
@@ -20,3 +38,29 @@ function textProps(style) {
         underline: style.underline
     };
 }
+export function terminalOutputTrailingFillWidth(line, width) {
+    if (width === undefined) {
+        return 0;
+    }
+    return Math.max(0, width - terminalOutputLineDisplayWidth(line));
+}
+function TerminalOutputTrailingFill({ line, width }) {
+    const fillWidth = terminalOutputTrailingFillWidth(line, width);
+    return fillWidth > 0 ? _jsx(Text, { ...terminalOutputBlankLineTheme(), children: " ".repeat(fillWidth) }) : null;
+}
+function TerminalOutputEmptyTrailingFill({ width }) {
+    const fillWidth = width === undefined ? 0 : Math.max(0, width - displayWidth(TERMINAL_OUTPUT_EMPTY_TEXT));
+    return fillWidth > 0 ? _jsx(Text, { ...terminalOutputBlankLineTheme(), children: " ".repeat(fillWidth) }) : null;
+}
+function TerminalOutputBlankTailLines({ count, width }) {
+    return (_jsx(_Fragment, { children: Array.from({ length: count }, (_, index) => (_jsx(Text, { ...terminalOutputBlankLineTheme(), children: " ".repeat(terminalOutputBlankLineWidth(width)) }, `blank-tail-${index}`))) }));
+}
+function terminalOutputBlankTailLineCount(lineCount, minLines) {
+    return minLines === undefined ? 0 : Math.max(0, minLines - lineCount);
+}
+function terminalOutputLineDisplayWidth(line) {
+    return line.chunks.reduce((sum, chunk) => sum + displayWidth(chunk.text), 0);
+}
+function terminalOutputBlankLineWidth(width) {
+    return Math.max(1, width ?? 1);
+}