parallel-codex-tui 0.1.0 → 0.1.4

package/dist/tui/AppShell.js

@@ -3,10 +3,13 @@ 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 }) {
+import { TUI_THEME } from "./theme.js";
+const APP_HEADER_ROOMY_SEPARATOR = " · ";
+const APP_HEADER_COMPACT_SEPARATOR = "  ";
+export function AppShell({ view, cwd, taskId, statusText, contentHeight = 20, terminalWidth = process.stdout.columns || 120, showStatusBar = true, children, input, error = null }) {
     const header = headerParts({ view, cwd, taskId, terminalWidth });
     const headerSegments = headerDisplaySegments(header);
+    const headerSeparatorText = headerSeparator(terminalWidth);
     const headerLeadingWidth = terminalWidth > 1 ? 1 : 0;
     const headerRenderWidth = typeof process.stdout.columns === "number"
         ? Math.max(1, Math.min(terminalWidth, process.stdout.columns))
@@ -14,11 +17,154 @@ export function AppShell({ view, cwd, taskId, statusText, contentHeight = 20, te
     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] }));
+        : Math.max(0, headerBarWidth - headerLeadingWidth - headerSegmentsDisplayWidth(headerSegments, headerSeparatorText));
+    const errorRow = error ? appShellErrorRow(error, terminalWidth) : null;
+    const errorTheme = appShellErrorLineTheme();
+    return (_jsxs(Box, { flexDirection: "column", children: [_jsxs(Box, { children: [headerLeadingWidth > 0 ? _jsx(Text, { backgroundColor: TUI_THEME.chrome, children: " ".repeat(headerLeadingWidth) }) : null, headerSegments.map((segment, index) => (_jsxs(Box, { flexShrink: 0, children: [index > 0 ? _jsx(Text, { backgroundColor: TUI_THEME.chrome, color: TUI_THEME.muted, children: headerSeparatorText }) : null, _jsx(Text, { backgroundColor: TUI_THEME.chrome, color: segment.kind === "brand" ? TUI_THEME.accent : segment.kind === "view" ? TUI_THEME.text : TUI_THEME.muted, bold: segment.kind === "brand", children: segment.text })] }, `${segment.kind}-${index}`))), headerTrailingWidth > 0 ? _jsx(Text, { backgroundColor: TUI_THEME.chrome, children: " ".repeat(headerTrailingWidth) }) : null] }), _jsx(AppShellContentFrame, { contentHeight: contentHeight, terminalWidth: terminalWidth, children: children }), input, showStatusBar ? (_jsx(StatusBar, { text: statusText, terminalWidth: terminalWidth, fillRail: typeof process.stdout.columns === "number" })) : null, errorRow ? (_jsxs(Box, { children: [_jsx(Text, { ...errorTheme, children: " " }), _jsxs(Text, { ...errorTheme, children: [errorRow.text, " ".repeat(errorRow.trailingWidth)] })] })) : null] }));
 }
-function headerSegmentsDisplayWidth(segments) {
-    return segments.reduce((sum, segment, index) => sum + displayWidth(segment.text) + (index > 0 ? 2 : 0), 0);
+function AppShellContentFrame({ contentHeight, terminalWidth, children }) {
+    const layout = appShellContentFrameLayout(contentHeight, terminalWidth);
+    const gutterTheme = appShellContentGutterTheme();
+    return (_jsxs(Box, { height: layout.height, children: [layout.leadingWidth > 0 ? _jsx(Text, { ...gutterTheme, children: appShellContentGutterText(layout.height, layout.leadingWidth) }) : null, _jsx(Box, { flexDirection: "column", height: layout.height, width: layout.contentWidth, children: children })] }));
+}
+export function appShellErrorLineTheme() {
+    return {
+        backgroundColor: TUI_THEME.dangerSurface,
+        color: TUI_THEME.danger
+    };
+}
+export function appShellContentGutterTheme() {
+    return {
+        backgroundColor: TUI_THEME.surface
+    };
+}
+export function appShellContentFrameLayout(contentHeight, terminalWidth) {
+    const height = Math.max(1, contentHeight);
+    const renderWidth = typeof process.stdout.columns === "number"
+        ? Math.max(1, Math.min(terminalWidth, process.stdout.columns))
+        : Math.max(1, terminalWidth);
+    const leadingWidth = renderWidth > 1 ? 1 : 0;
+    const reservedWrapColumnWidth = renderWidth > 2 ? 1 : 0;
+    return {
+        height,
+        leadingWidth,
+        contentWidth: Math.max(1, renderWidth - leadingWidth - reservedWrapColumnWidth)
+    };
+}
+export function appShellContentGutterText(contentHeight, gutterWidth) {
+    const height = Math.max(1, contentHeight);
+    const width = Math.max(0, gutterWidth);
+    return Array.from({ length: height }, () => " ".repeat(width)).join("\n");
+}
+export function appShellErrorRow(error, terminalWidth) {
+    const renderWidth = typeof process.stdout.columns === "number"
+        ? Math.max(1, Math.min(terminalWidth, process.stdout.columns))
+        : terminalWidth;
+    const contentWidth = Math.max(1, renderWidth - 2);
+    const text = appShellErrorDisplayText(error, contentWidth);
+    return {
+        text,
+        trailingWidth: Math.max(0, contentWidth - displayWidth(text))
+    };
+}
+function appShellErrorDisplayText(error, maxWidth) {
+    const normalized = normalizeAppShellError(error);
+    const message = normalized.replace(/^(?:ERROR|Error|error):\s*/, "").trim();
+    const full = `error · ${message || "unknown"}`;
+    if (displayWidth(full) <= maxWidth) {
+        return full;
+    }
+    for (const summary of appShellErrorSummaries(message)) {
+        const prefixed = `error · ${summary}`;
+        if (displayWidth(prefixed) <= maxWidth) {
+            return prefixed;
+        }
+        if (displayWidth(summary) <= maxWidth) {
+            return summary;
+        }
+    }
+    return ["error", "err", "!"]
+        .find((candidate) => displayWidth(candidate) <= maxWidth)
+        ?? "";
+}
+function normalizeAppShellError(error) {
+    return error
+        .replace(/\x1b\[[0-?]*[ -/]*[@-~]/g, "")
+        .replace(/\x1b\][^\x07]*(?:\x07|\x1b\\)/g, "")
+        .replace(/[\u0000-\u0008\u000b\u000c\u000e-\u001f\u007f]/g, " ")
+        .replace(/\s+/g, " ")
+        .trim();
+}
+function appShellErrorSummaries(message) {
+    if (/permission denied|\bEACCES\b|\bEPERM\b/i.test(message)) {
+        return ["permission denied", "denied"];
+    }
+    const nativeSession = message.match(/no native session for\s+(.+?)(?:\s+·|$)/i);
+    if (nativeSession) {
+        const identity = compactErrorIdentity(nativeSession[1] ?? "");
+        const role = identity.split("/", 1)[0] ?? "";
+        return [
+            identity ? `no native session · ${identity}` : "no native session",
+            role ? `no session · ${role}` : "no session",
+            "no session",
+            "no sid"
+        ];
+    }
+    if (/router.*(?:timed out|timeout)|(?:timed out|timeout).*router/i.test(message)) {
+        const duration = compactErrorDuration(message);
+        const proxy = /\bproxy\b|代理/i.test(message);
+        return [
+            proxy
+                ? ["router timeout", duration, "proxy"].filter(Boolean).join(" · ")
+                : ["router timeout", duration].filter(Boolean).join(" · "),
+            duration ? `router timeout · ${duration}` : "router timeout",
+            duration ? `timeout · ${duration}` : "timeout",
+            "timeout",
+            "time"
+        ];
+    }
+    if (/\bproxy\b|代理/i.test(message)) {
+        return ["proxy error", "proxy"];
+    }
+    if (/\bnetwork\b|\bECONNREFUSED\b|\bECONNRESET\b|\bENETUNREACH\b|\bEHOSTUNREACH\b/i.test(message)) {
+        return ["network error", "network", "net"];
+    }
+    if (/no workers?/i.test(message)) {
+        return ["no workers · start task", "no workers", "workers"];
+    }
+    if (/command not found|\bENOENT\b/i.test(message)) {
+        return ["command missing", "command"];
+    }
+    if (/not a directory|workspace.*(?:missing|not found|does not exist)/i.test(message)) {
+        return ["workspace missing", "bad path", "path"];
+    }
+    const words = message.split(/\s+/).filter(Boolean);
+    const summaries = [];
+    for (let count = Math.min(4, words.length); count >= 1; count -= 1) {
+        summaries.push(words.slice(0, count).join(" "));
+    }
+    return summaries;
+}
+function compactErrorIdentity(label) {
+    const match = label.trim().match(/^([^()]+?)\s*\(([^)]+)\)$/);
+    if (!match) {
+        return label.trim().toLowerCase();
+    }
+    return `${(match[1] ?? "").trim().toLowerCase()}/${(match[2] ?? "").trim().toLowerCase()}`;
+}
+function compactErrorDuration(message) {
+    const milliseconds = message.match(/\b(\d+(?:\.\d+)?)\s*ms\b/i);
+    if (milliseconds) {
+        const value = Number(milliseconds[1]);
+        if (Number.isFinite(value) && value >= 1000) {
+            return `${(value / 1000).toFixed(value % 1000 === 0 ? 0 : 1)}s`;
+        }
+        return `${milliseconds[1]}ms`;
+    }
+    return message.match(/\b\d+(?:\.\d+)?s\b/i)?.[0] ?? null;
+}
+function headerSegmentsDisplayWidth(segments, separator) {
+    return segments.reduce((sum, segment, index) => sum + displayWidth(segment.text) + (index > 0 ? displayWidth(separator) : 0), 0);
 }
 function headerDisplaySegments(parts) {
     return Object.entries(parts)
@@ -32,62 +178,66 @@ function headerParts(input) {
     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 showTask = Boolean(task) && input.terminalWidth >= 24;
     const contentWidth = Math.max(1, input.terminalWidth - 2);
+    const separator = headerSeparator(input.terminalWidth);
     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}` : "",
+        task: showTask ? ultraNarrow ? ultraCompactTaskId(task) : narrow ? task : `#${task}` : "",
         project: tiny || ultraNarrow ? "" : compactHeaderProject(input.cwd, veryNarrow ? 10 : narrow ? 16 : 40),
         shortcut: narrow ? shortShortcutHint(input.view) : shortcutHint(input.view)
-    }, contentWidth);
+    }, contentWidth, separator);
 }
-function fitHeaderParts(parts, contentWidth) {
+function fitHeaderParts(parts, contentWidth, separator) {
     const fitted = { ...parts };
-    if (headerLineLength(fitted) <= contentWidth) {
+    if (headerLineLength(fitted, separator) <= contentWidth) {
         return fitted;
     }
     fitted.project = "";
-    if (headerLineLength(fitted) <= contentWidth) {
+    if (headerLineLength(fitted, separator) <= contentWidth) {
         return fitted;
     }
-    const taskBudget = Math.max(3, contentWidth - headerLineLength({ ...fitted, task: "" }) - 2);
+    const taskBudget = Math.max(3, contentWidth - headerLineLength({ ...fitted, task: "" }, separator) - displayWidth(separator));
     fitted.task = compactHeaderText(fitted.task, taskBudget);
-    if (headerLineLength(fitted) <= contentWidth) {
+    if (headerLineLength(fitted, separator) <= contentWidth) {
         return fitted;
     }
-    const viewBudget = Math.max(3, contentWidth - headerLineLength({ ...fitted, view: "" }) - 2);
+    const viewBudget = Math.max(3, contentWidth - headerLineLength({ ...fitted, view: "" }, separator) - displayWidth(separator));
     fitted.view = compactHeaderText(fitted.view, viewBudget);
-    if (headerLineLength(fitted) <= contentWidth) {
+    if (headerLineLength(fitted, separator) <= contentWidth) {
         return fitted;
     }
     fitted.shortcut = "";
-    if (headerLineLength(fitted) <= contentWidth) {
+    if (headerLineLength(fitted, separator) <= contentWidth) {
         return fitted;
     }
     fitted.task = "";
-    if (headerLineLength(fitted) <= contentWidth) {
+    if (headerLineLength(fitted, separator) <= contentWidth) {
         return fitted;
     }
     fitted.view = "";
-    if (headerLineLength(fitted) <= contentWidth) {
+    if (headerLineLength(fitted, separator) <= contentWidth) {
         return fitted;
     }
     fitted.brand = compactHeaderText(fitted.brand, contentWidth);
     return fitted;
 }
-function headerLineLength(parts) {
-    return displayWidth(headerPartList(parts).join("  "));
+function headerLineLength(parts, separator) {
+    return displayWidth(headerPartList(parts).join(separator));
 }
 function headerPartList(parts) {
     return [parts.brand, parts.view, parts.task, parts.project, parts.shortcut].filter(Boolean);
 }
+function headerSeparator(terminalWidth) {
+    return terminalWidth >= 56 ? APP_HEADER_ROOMY_SEPARATOR : APP_HEADER_COMPACT_SEPARATOR;
+}
 function viewLabel(view) {
     return shortViewLabel(view);
 }
 function shortcutHint(view) {
     if (view === "native") {
-        return "^] detach";
+        return "^] logs";
     }
     return "^C exit";
 }
@@ -95,9 +245,24 @@ function shortViewLabel(view) {
     if (view === "worker") {
         return "logs";
     }
+    if (view === "workers") {
+        return "workers";
+    }
+    if (view === "features") {
+        return "features";
+    }
+    if (view === "collaboration") {
+        return "timeline";
+    }
+    if (view === "sessions") {
+        return "sessions";
+    }
     if (view === "native") {
         return "native";
     }
+    if (view === "router") {
+        return "routes";
+    }
     return "chat";
 }
 function shortShortcutHint(view) {
@@ -119,7 +284,7 @@ function ultraCompactTaskId(taskId) {
 }
 function compactHeaderTaskId(taskId) {
     if (!taskId) {
-        return "none";
+        return "";
     }
     const match = taskId.match(/^task-\d{8}-(.+)$/);
     if (match) {

package/dist/tui/CollaborationTimelineView.js

@@ -0,0 +1,327 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect } from "react";
+import { Box, Text } from "ink";
+import { compactEndByDisplayWidth, displayWidth, wrapByDisplayWidth } from "./display-width.js";
+import { TUI_THEME } from "./theme.js";
+export function CollaborationTimelineView({ timeline, featureIndex, loading = false, error = null, selectedEventId = null, detailOpen = false, unresolvedOnly = false, scrollOffset = 0, height = 20, terminalWidth = process.stdout.columns || 120, onViewportChange }) {
+    const viewportHeight = Math.max(1, Math.trunc(height));
+    const width = collaborationTimelineContentWidth(terminalWidth);
+    const layout = collaborationTimelineLayout(timeline, featureIndex, terminalWidth, {
+        loading,
+        error,
+        selectedEventId,
+        detailOpen,
+        unresolvedOnly
+    });
+    const header = layout.header.slice(0, viewportHeight);
+    const eventHeight = Math.max(0, viewportHeight - header.length);
+    const maxOffset = Math.max(0, layout.events.length - eventHeight);
+    const clampedOffset = Math.min(maxOffset, Math.max(0, Math.trunc(scrollOffset)));
+    const start = detailOpen
+        ? clampedOffset
+        : Math.max(0, layout.events.length - eventHeight - clampedOffset);
+    const visibleEvents = eventHeight > 0 ? layout.events.slice(start, start + eventHeight) : [];
+    const lines = [...header, ...visibleEvents];
+    const blankRows = Math.max(0, viewportHeight - lines.length);
+    useEffect(() => {
+        onViewportChange?.({ offset: clampedOffset, maxOffset });
+    }, [clampedOffset, maxOffset, onViewportChange]);
+    return (_jsxs(Box, { flexDirection: "column", height: viewportHeight, children: [lines.map((line, index) => (_jsx(CollaborationTimelineRow, { line: line, width: width }, `${index}-${line.tone}`))), Array.from({ length: blankRows }, (_, index) => (_jsx(Text, { backgroundColor: TUI_THEME.surface, children: " ".repeat(width) }, `collaboration-fill-${index}`)))] }));
+}
+export function collaborationTimelineDisplayLines(timeline, featureIndex, terminalWidth, options = {}) {
+    const layout = collaborationTimelineLayout(timeline, featureIndex, terminalWidth, options);
+    return [...layout.header, ...layout.events];
+}
+export function nextCollaborationFeatureIndex(current, delta, featureCount) {
+    const count = Math.max(0, Math.trunc(featureCount));
+    if (count === 0) {
+        return -1;
+    }
+    const slotCount = count + 1;
+    const currentSlot = Math.min(count, Math.max(0, Math.trunc(current) + 1));
+    const nextSlot = ((currentSlot + Math.trunc(delta)) % slotCount + slotCount) % slotCount;
+    return nextSlot - 1;
+}
+export function collaborationTimelineEvents(timeline, featureIndex, unresolvedOnly = false) {
+    const feature = selectedCollaborationFeature(timeline, featureIndex);
+    const scoped = collaborationEventsForFeature(timeline.events, feature);
+    if (!unresolvedOnly) {
+        return scoped;
+    }
+    const unresolvedFeatureIds = new Set(timeline.features.filter(collaborationFeatureIsUnresolved).map((item) => item.id));
+    if (feature && !unresolvedFeatureIds.has(feature.id)) {
+        return [];
+    }
+    return scoped.filter((event) => (event.featureId
+        ? unresolvedFeatureIds.has(event.featureId)
+        : unresolvedFeatureIds.size > 0 && event.type.startsWith("feature.wave_")));
+}
+export function moveCollaborationEventSelection(events, selectedEventId, delta) {
+    if (events.length === 0) {
+        return null;
+    }
+    const latestIndex = events.length - 1;
+    const selectedIndex = selectedEventId
+        ? events.findIndex((event) => event.id === selectedEventId)
+        : latestIndex;
+    const currentIndex = selectedIndex >= 0 ? selectedIndex : latestIndex;
+    const nextIndex = Math.min(latestIndex, Math.max(0, currentIndex + Math.trunc(delta)));
+    return nextIndex === latestIndex ? null : events[nextIndex]?.id ?? null;
+}
+export function collaborationSelectionScrollOffset(events, selectedEventId, terminalWidth) {
+    if (!selectedEventId) {
+        return 0;
+    }
+    const selectedIndex = events.findIndex((event) => event.id === selectedEventId);
+    if (selectedIndex < 0) {
+        return 0;
+    }
+    const lineHeight = terminalWidth < 28 ? 1 : 2;
+    return Math.max(0, events.length - 1 - selectedIndex) * lineHeight;
+}
+function collaborationTimelineLayout(timeline, featureIndex, terminalWidth, state = {}) {
+    const width = collaborationTimelineContentWidth(terminalWidth);
+    const feature = selectedCollaborationFeature(timeline, featureIndex);
+    const unresolvedOnly = state.unresolvedOnly ?? false;
+    const events = timeline ? collaborationTimelineEvents(timeline, featureIndex, unresolvedOnly) : [];
+    const selectedEvent = selectedCollaborationEvent(events, state.selectedEventId ?? null);
+    if (state.detailOpen) {
+        return collaborationEventDetailLayout(selectedEvent, width);
+    }
+    const header = [
+        {
+            text: fitCollaborationCandidates(["Collaboration timeline", "Timeline", "Flow"], width),
+            tone: "heading"
+        },
+        {
+            text: collaborationTimelineSummary(timeline, feature, events.length, width, unresolvedOnly),
+            tone: "muted"
+        }
+    ];
+    if (state.loading && !timeline) {
+        return { header, events: [{ text: fitCollaborationText("loading collaboration evidence", width), tone: "muted" }] };
+    }
+    if (state.error) {
+        return { header, events: [{ text: fitCollaborationText(`error · ${safeCollaborationText(state.error)}`, width), tone: "danger" }] };
+    }
+    if (!timeline) {
+        return { header, events: [{ text: fitCollaborationText("no collaboration timeline", width), tone: "muted" }] };
+    }
+    if (events.length === 0) {
+        const emptyMessage = unresolvedOnly
+            ? "no unresolved collaboration events in this scope"
+            : "no collaboration events in this scope";
+        return { header, events: [{ text: fitCollaborationText(emptyMessage, width), tone: "muted" }] };
+    }
+    return {
+        header,
+        events: events.flatMap((event) => collaborationEventLines(event, width, terminalWidth, event.id === selectedEvent?.id))
+    };
+}
+function selectedCollaborationFeature(timeline, featureIndex) {
+    if (!timeline || featureIndex < 0 || featureIndex >= timeline.features.length) {
+        return null;
+    }
+    return timeline.features[Math.trunc(featureIndex)] ?? null;
+}
+function collaborationEventsForFeature(events, feature) {
+    if (!feature) {
+        return events;
+    }
+    return events.filter((event) => (event.featureId === feature.id || event.type.startsWith("feature.wave_")));
+}
+function collaborationFeatureIsUnresolved(feature) {
+    return feature.state !== "approved"
+        || (typeof feature.unresolvedFindings === "number"
+            ? feature.unresolvedFindings > 0
+            : feature.findings > feature.replies);
+}
+function selectedCollaborationEvent(events, selectedEventId) {
+    if (events.length === 0) {
+        return null;
+    }
+    return selectedEventId
+        ? events.find((event) => event.id === selectedEventId) ?? events.at(-1) ?? null
+        : events.at(-1) ?? null;
+}
+function collaborationTimelineSummary(timeline, feature, eventCount, width, unresolvedOnly = false) {
+    if (!timeline) {
+        return fitCollaborationCandidates(["waiting for task evidence", "waiting"], width);
+    }
+    if (feature) {
+        const findings = `${feature.findings} ${feature.findings === 1 ? "finding" : "findings"}`;
+        const replies = `${feature.replies} ${feature.replies === 1 ? "reply" : "replies"}`;
+        const resolution = typeof feature.resolvedFindings === "number"
+            && typeof feature.unresolvedFindings === "number"
+            ? `${feature.resolvedFindings} fixed · ${feature.unresolvedFindings} open`
+            : `${findings} · ${replies}`;
+        return fitCollaborationCandidates([
+            ...(unresolvedOnly ? [
+                `${safeCollaborationText(feature.title)} · ${humanizeState(feature.state)} · unresolved · ${eventCount} events`
+            ] : []),
+            `${safeCollaborationText(feature.title)} · ${humanizeState(feature.state)} · ${eventCount} events · ${resolution}`,
+            `${safeCollaborationText(feature.title)} · ${humanizeState(feature.state)} · ${eventCount} events`,
+            `${safeCollaborationText(feature.title)} · ${humanizeState(feature.state)}`,
+            safeCollaborationText(feature.id)
+        ], width);
+    }
+    const approved = timeline.features.filter((item) => item.state === "approved").length;
+    const revision = timeline.features.filter((item) => item.state === "revision_needed").length;
+    return fitCollaborationCandidates([
+        ...(unresolvedOnly ? [
+            `all · ${timeline.features.length} features · unresolved · ${eventCount} events`,
+            `all · unresolved · ${eventCount} events`
+        ] : []),
+        `all · ${timeline.features.length} features · approved ${approved} · revision ${revision} · ${eventCount} events`,
+        `all · ${timeline.features.length} features · ${eventCount} events`,
+        `all · ${timeline.features.length}f · ${eventCount}e`,
+        "all"
+    ], width);
+}
+function collaborationEventLines(event, width, terminalWidth, selected) {
+    const role = collaborationRoleLabel(event.role);
+    const action = safeCollaborationText(event.action);
+    if (terminalWidth < 28) {
+        return [{
+                text: fitCollaborationCandidates([
+                    `${selected ? "> " : "  "}${event.time.slice(11, 16)} ${role.toLowerCase()} · ${action}`,
+                    `${selected ? "> " : "  "}${role.toLowerCase()} · ${action}`,
+                    `${selected ? "> " : "  "}${action}`
+                ], width),
+                tone: collaborationEventTone(event)
+            }];
+    }
+    const scope = collaborationEventScope(event);
+    const turn = event.turnId ? `T${event.turnId}` : "";
+    const meta = [event.time.slice(11, 19), turn, role, scope].filter(Boolean).join(" · ");
+    const countParts = [
+        ...(event.findings ? [`${event.findings} ${event.findings === 1 ? "finding" : "findings"}`] : []),
+        ...(event.replies ? [`${event.replies} ${event.replies === 1 ? "reply" : "replies"}`] : []),
+        ...(event.artifacts.length > 0 ? [`${event.artifacts.length} ${event.artifacts.length === 1 ? "artifact" : "artifacts"}`] : [])
+    ];
+    const detail = [action, safeCollaborationText(event.message), ...countParts].filter(Boolean).join(" · ");
+    return [
+        { text: fitCollaborationText(`${selected ? ">" : " "} ${meta}`, width), tone: collaborationRoleTone(event.role) },
+        { text: fitCollaborationText(`    ${detail}`, width), tone: collaborationEventTone(event) }
+    ];
+}
+function collaborationEventDetailLayout(event, width) {
+    const header = [
+        { text: fitCollaborationCandidates(["Collaboration event", "Event"], width), tone: "heading" },
+        {
+            text: event
+                ? fitCollaborationText([
+                    event.time.slice(11, 19),
+                    collaborationRoleLabel(event.role),
+                    collaborationEventScope(event)
+                ].join(" · "), width)
+                : fitCollaborationText("no selected event", width),
+            tone: "muted"
+        }
+    ];
+    if (!event) {
+        return { header, events: [{ text: "no event in this scope", tone: "muted" }] };
+    }
+    const lines = [
+        ...collaborationDetailLines("action", event.action, width, collaborationEventTone(event)),
+        ...collaborationDetailLines("type", event.type, width, "muted"),
+        ...(event.featureId
+            ? collaborationDetailLines("feature", `${event.featureTitle ?? event.featureId} · ${event.featureId}`, width, "muted")
+            : []),
+        ...(event.turnId ? collaborationDetailLines("turn", event.turnId, width, "muted") : []),
+        ...collaborationDetailLines("message", event.message || "(empty)", width, "text"),
+        ...(typeof event.findings === "number"
+            ? collaborationDetailLines("findings", String(event.findings), width, "muted")
+            : []),
+        ...(typeof event.replies === "number"
+            ? collaborationDetailLines("replies", String(event.replies), width, "muted")
+            : []),
+        ...(typeof event.resolvedFindings === "number"
+            ? collaborationDetailLines("fixed", String(event.resolvedFindings), width, "success")
+            : []),
+        ...(typeof event.unresolvedFindings === "number"
+            ? collaborationDetailLines("open", String(event.unresolvedFindings), width, event.unresolvedFindings > 0 ? "critic" : "muted")
+            : []),
+        ...(event.artifactRefs.length > 0
+            ? event.artifactRefs.flatMap((artifact) => collaborationDetailLines("artifact", `${artifact.label} · ${artifact.path}`, width, "actor"))
+            : [{ text: fitCollaborationText("artifacts · none", width), tone: "muted" }])
+    ];
+    return { header, events: lines };
+}
+function collaborationDetailLines(label, value, width, tone) {
+    return wrapByDisplayWidth(`${label} · ${safeCollaborationText(value)}`, width)
+        .map((text) => ({ text, tone }));
+}
+function collaborationEventScope(event) {
+    if (event.featureTitle) {
+        return safeCollaborationText(event.featureTitle);
+    }
+    const wave = event.message.match(/\bWave\s+\d+(?:\/\d+)?/i)?.[0];
+    return wave ? wave.replace(/^wave/i, "Wave") : "Task";
+}
+function CollaborationTimelineRow({ line, width }) {
+    const fill = Math.max(0, width - displayWidth(line.text));
+    return (_jsxs(Text, { children: [_jsx(Text, { ...collaborationTimelineTheme(line.tone), children: line.text }), fill > 0 ? _jsx(Text, { backgroundColor: TUI_THEME.surface, children: " ".repeat(fill) }) : null] }));
+}
+function collaborationTimelineTheme(tone) {
+    return {
+        backgroundColor: TUI_THEME.surface,
+        color: tone === "heading" || tone === "actor"
+            ? TUI_THEME.accent
+            : tone === "critic" || tone === "warning"
+                ? TUI_THEME.warning
+                : tone === "success"
+                    ? TUI_THEME.success
+                    : tone === "danger"
+                        ? TUI_THEME.danger
+                        : tone === "text"
+                            ? TUI_THEME.text
+                            : TUI_THEME.muted,
+        ...(tone === "heading" || tone === "danger" ? { bold: true } : {})
+    };
+}
+function collaborationRoleTone(role) {
+    if (role === "actor") {
+        return "actor";
+    }
+    if (role === "critic") {
+        return "critic";
+    }
+    return "muted";
+}
+function collaborationEventTone(event) {
+    if (/revision|failed|cancelled/i.test(`${event.action} ${event.message}`)) {
+        return /failed|cancelled/i.test(`${event.action} ${event.message}`) ? "danger" : "warning";
+    }
+    if (/approved|verified|integrated|completed/i.test(event.action)) {
+        return "success";
+    }
+    return collaborationRoleTone(event.role);
+}
+function collaborationRoleLabel(role) {
+    return role === "actor" ? "Actor" : role === "critic" ? "Critic" : "Supervisor";
+}
+function humanizeState(state) {
+    if (state === "revision_needed") {
+        return "revision pending";
+    }
+    return state.replaceAll("_", " ");
+}
+function fitCollaborationCandidates(candidates, width) {
+    const safe = candidates.map(safeCollaborationText);
+    return safe.find((candidate) => displayWidth(candidate) <= width)
+        ?? fitCollaborationText(safe.at(-1) ?? "", width);
+}
+function fitCollaborationText(text, width) {
+    return compactEndByDisplayWidth(safeCollaborationText(text), Math.max(1, width));
+}
+function safeCollaborationText(text) {
+    return text
+        .replace(/\x1b\[[0-?]*[ -/]*[@-~]/g, "")
+        .replace(/[\u0000-\u001f\u007f]/g, " ")
+        .replace(/\s+/g, " ")
+        .trim();
+}
+function collaborationTimelineContentWidth(terminalWidth) {
+    return Math.max(1, terminalWidth - 2);
+}