parallel-codex-tui 0.1.0 → 0.1.4

package/dist/tui/TaskSessionsView.js

@@ -0,0 +1,207 @@
+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", "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 === "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 === "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);
+}