muonroi-cli 1.3.4 → 1.4.1

package/dist/src/types/index.d.ts

@@ -160,6 +160,15 @@ export interface ToolResult {
     computer?: ComputerToolMetadata;
     verifyRecipe?: VerifyRecipe;
     lspDiagnostics?: LspDiagnosticFile[];
+    /**
+     * Opaque ID assigned by BashTool when a foreground command runs. The full
+     * (untruncated, ANSI-stripped) stdout+stderr is cached in-memory keyed by
+     * this ID so the agent can re-query it via `bash_output_get` instead of
+     * re-running expensive commands with cosmetic flag changes (Fix #2).
+     */
+    bashRunId?: string;
+    /** Total chars of cached stdout+stderr for this bashRunId, pre-truncation. */
+    bashTotalChars?: number;
 }
 export interface ToolCall {
     id: string;
@@ -169,8 +178,24 @@ export interface ToolCall {
         arguments: string;
     };
 }
+export interface ToolGroupItem {
+    toolCall: ToolCall;
+    result?: ToolResult;
+    startedAt: number;
+    finishedAt?: number;
+    failed?: boolean;
+}
+export interface ToolGroup {
+    id: string;
+    state: "active" | "done" | "failed";
+    items: ToolGroupItem[];
+    startedAt: number;
+    finishedAt?: number;
+    inputTokens?: number;
+    outputTokens?: number;
+}
 export interface ChatEntry {
-    type: "user" | "assistant" | "tool_call" | "tool_result" | "structured_response";
+    type: "user" | "assistant" | "tool_call" | "tool_result" | "structured_response" | "tool_group";
     content: string;
     timestamp: Date;
     modeColor?: string;
@@ -180,6 +205,7 @@ export interface ChatEntry {
     toolCalls?: ToolCall[];
     toolCall?: ToolCall;
     toolResult?: ToolResult;
+    toolGroup?: ToolGroup;
     structuredResponse?: StructuredResponse;
 }
 export interface PaymentPrecheck {
@@ -195,7 +221,7 @@ export interface StructuredResponse {
     taskType: string;
     data: Record<string, unknown>;
 }
-export type CouncilQuestionPhase = "clarify" | "preflight" | "plan-confirm" | "post-debate";
+export type CouncilQuestionPhase = "clarify" | "preflight" | "plan-confirm" | "post-debate" | "pil-interview" | "pil-acceptance" | "tool-loop-cap";
 export type CouncilOptionKind = "choice" | "freetext" | "chat";
 export interface CouncilQuestionOption {
     label: string;
@@ -229,7 +255,13 @@ export interface CouncilStatusData {
     errorMessage?: string;
 }
 /** High-level lifecycle event for a council phase. Drives the phase timeline UI. */
-export type CouncilPhaseKind = "clarification" | "clarification_round" | "preflight" | "debate_plan" | "research" | "opening" | "round" | "evaluation" | "mid_research" | "summary" | "synthesis" | "action_plan";
+export type CouncilPhaseKind = "clarification" | "clarification_round" | "preflight" | "debate_plan" | "research" | "opening" | "round" | "evaluation" | "mid_research" | "summary" | "synthesis" | "action_plan"
+/**
+ * Sprint stage emitted by sprint-runner — one of planning/implementation/
+ * verification/judgment. label distinguishes the stage. Used so the user
+ * can see what sprint-runner is doing instead of a silent "## Sprint N" header.
+ */
+ | "sprint_stage";
 export type CouncilPhaseState = "active" | "done" | "error";
 export interface CouncilPhaseEvent {
     /** Stable id for upserts; e.g. "phase:research", "phase:round-1". */
@@ -242,6 +274,13 @@ export interface CouncilPhaseEvent {
     errorMessage?: string;
     /** Monotonic ordering hint; ties broken by insertion order. */
     sequence?: number;
+    /**
+     * Epoch-ms timestamp when the phase entered "active". When set on an
+     * "active" event, the timeline UI computes a live-ticking elapsed display
+     * (no need to keep sending elapsedMs updates from the emitter). Set
+     * automatically by `phaseStart` in council/phase-events.ts.
+     */
+    startedAt?: number;
 }
 export interface CouncilPreflightData {
     preflightId: string;
@@ -301,7 +340,7 @@ export interface CouncilMessage {
     runId?: string;
 }
 export interface StreamChunk {
-    type: "content" | "tool_calls" | "tool_result" | "tool_approval_request" | "council_question" | "council_preflight" | "council_status" | "council_phase" | "council_message" | "council_info_card" | "done" | "error" | "reasoning" | "structured_response" | "product_status_card" | "experience_warning" | "experience_injected" | "push_notification" | "halt";
+    type: "content" | "tool_calls" | "tool_result" | "tool_approval_request" | "council_question" | "council_preflight" | "council_status" | "council_phase" | "council_message" | "council_info_card" | "done" | "error" | "reasoning" | "structured_response" | "product_status_card" | "experience_warning" | "experience_injected" | "push_notification" | "halt" | "task_list_update";
     content?: string;
     toolCalls?: ToolCall[];
     toolCall?: ToolCall;
@@ -321,6 +360,27 @@ export interface StreamChunk {
     haltChunk?: import("../product-loop/types.js").HaltChunk;
     experienceWarning?: ExperienceWarningData;
     experienceInjected?: ExperienceInjectedData;
+    taskListSnapshot?: TaskListSnapshot;
+}
+export type TaskListItemStatus = "pending" | "in_progress" | "completed";
+export interface TaskListItem {
+    id: string;
+    subject: string;
+    /** Present-continuous form shown while in_progress (e.g. "Reading files"). Falls back to subject. */
+    activeForm?: string;
+    status: TaskListItemStatus;
+}
+export interface TaskListSnapshot {
+    items: TaskListItem[];
+    /** Derived counts, included so the UI footer doesn't need to recompute. */
+    counts: {
+        completed: number;
+        inProgress: number;
+        pending: number;
+        total: number;
+    };
+    /** Server timestamp (ms since epoch) of the snapshot. */
+    ts: number;
 }
 export type ReasoningEffort = "low" | "medium" | "high" | "xhigh";
 export type ModelTier = "fast" | "balanced" | "premium";
@@ -331,6 +391,7 @@ export interface ModelInfo {
     inputPrice: number;
     outputPrice: number;
     cachedInputPrice?: number;
+    cacheWritePrice?: number;
     reasoning: boolean;
     description: string;
     tier?: ModelTier;

package/dist/src/ui/__tests__/picker-providers.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/src/ui/__tests__/picker-providers.test.js

@@ -0,0 +1,31 @@
+import { describe, expect, it } from "vitest";
+import { resolvePickerProviders } from "../picker-providers.js";
+// Catalog reality in the default build: only deepseek/siliconflow/openai have
+// models. anthropic/ollama/google/xai have zero catalog models.
+const hasModels = (p) => p === "deepseek" || p === "siliconflow" || p === "openai";
+const SPLASH = ["deepseek", "siliconflow"];
+describe("resolvePickerProviders", () => {
+    it("surfaces an OAuth-configured provider with catalog models (openai) after the splash set", () => {
+        // getConfiguredProviders() returns providers usable at the routing layer,
+        // including anthropic/ollama which have no catalog models.
+        const configured = ["anthropic", "openai", "deepseek", "siliconflow", "ollama"];
+        const result = resolvePickerProviders(SPLASH, configured, hasModels);
+        expect(result).toEqual(["deepseek", "siliconflow", "openai"]);
+    });
+    it("excludes configured providers that have no catalog models (anthropic, ollama)", () => {
+        const configured = ["anthropic", "ollama"];
+        const result = resolvePickerProviders(SPLASH, configured, hasModels);
+        expect(result).not.toContain("anthropic");
+        expect(result).not.toContain("ollama");
+    });
+    it("always keeps the curated splash providers even when not configured", () => {
+        const result = resolvePickerProviders(SPLASH, [], hasModels);
+        expect(result).toEqual(["deepseek", "siliconflow"]);
+    });
+    it("does not duplicate a provider that is both splash and configured", () => {
+        const configured = ["deepseek", "openai"];
+        const result = resolvePickerProviders(SPLASH, configured, hasModels);
+        expect(result).toEqual(["deepseek", "siliconflow", "openai"]);
+    });
+});
+//# sourceMappingURL=picker-providers.test.js.map

package/dist/src/ui/agents-modal.js

@@ -43,6 +43,8 @@ export function SubagentsBrowserModal({ t, width, height, selectedIndex, searchQ
 }
 export function SubagentEditorModal({ t, width, height, draft, focusedField, modelIndex, error, title, nameRef, instructionRef, onSubmit, showRemoveHint, }) {
     const model = MODELS[modelIndex] ?? MODELS[0];
+    if (!model)
+        throw new Error("No models in catalog — cannot render agent editor.");
     const panelWidth = Math.min(68, width - 6);
     const panelHeight = Math.min(28, Math.floor(height * 0.75));
     const overlayBg = "#000000cc";

package/dist/src/ui/app.d.ts

@@ -13,6 +13,7 @@ import "./slash/debug.js";
 import "./slash/council.js";
 import "./slash/ideal.js";
 import "./slash/export.js";
+import "./slash/status.js";
 import type { AppProps } from "./types.js";
 export type { AppStartupConfig } from "./types.js";
 export declare function App({ agent, startupConfig, initialMessage, onExit }: AppProps): import("react").ReactNode;

package/dist/src/ui/components/__tests__/task-list-panel.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/src/ui/components/__tests__/task-list-panel.test.js

@@ -0,0 +1,31 @@
+import { describe, expect, it } from "vitest";
+import { __TEST_ONLY__ } from "../task-list-panel.js";
+const { sortItems, MAX_VISIBLE } = __TEST_ONLY__;
+function item(id, status) {
+    return { id, subject: `Task ${id}`, status };
+}
+describe("TaskListPanel sortItems", () => {
+    it("puts in_progress first, completed last, pending in middle", () => {
+        const out = sortItems([
+            item("a", "completed"),
+            item("b", "pending"),
+            item("c", "in_progress"),
+            item("d", "completed"),
+            item("e", "pending"),
+        ]);
+        expect(out.map((x) => x.id)).toEqual(["c", "b", "e", "a", "d"]);
+    });
+    it("preserves order within the same status bucket (stable sort)", () => {
+        const out = sortItems([item("1", "pending"), item("2", "pending"), item("3", "pending")]);
+        expect(out.map((x) => x.id)).toEqual(["1", "2", "3"]);
+    });
+    it("returns empty array for empty input", () => {
+        expect(sortItems([])).toEqual([]);
+    });
+});
+describe("TaskListPanel MAX_VISIBLE", () => {
+    it("caps inline list to 8 (guard against accidental bump)", () => {
+        expect(MAX_VISIBLE).toBe(8);
+    });
+});
+//# sourceMappingURL=task-list-panel.test.js.map

package/dist/src/ui/components/council-info-card.d.ts

@@ -1,4 +1,3 @@
-import React from "react";
 import type { CouncilInfoCard } from "../../types/index.js";
 import type { Theme } from "../theme.js";
 export interface CouncilInfoCardProps {
@@ -6,4 +5,4 @@ export interface CouncilInfoCardProps {
     terminalCols: number;
     theme: Theme;
 }
-export declare function CouncilInfoCardView({ card, terminalCols, theme }: CouncilInfoCardProps): React.ReactNode;
+export declare function CouncilInfoCardView({ card, terminalCols, theme }: CouncilInfoCardProps): import("react").ReactNode;

package/dist/src/ui/components/council-leader-bubble.d.ts

@@ -1,4 +1,3 @@
-import React from "react";
 import type { CouncilMessage } from "../../types/index.js";
 export interface CouncilLeaderBubbleProps {
     msg: CouncilMessage;
@@ -8,4 +7,4 @@ export declare function buildLeaderHeader(round: number | undefined): string;
 /**
  * Centered, narrow (40% width), gray-bordered bubble for leader evaluations.
  */
-export declare function CouncilLeaderBubble({ msg, terminalCols }: CouncilLeaderBubbleProps): React.ReactNode;
+export declare function CouncilLeaderBubble({ msg, terminalCols }: CouncilLeaderBubbleProps): import("react").ReactNode;

package/dist/src/ui/components/council-message-bubble.d.ts

@@ -1,4 +1,3 @@
-import React from "react";
 import type { CouncilMessage } from "../../types/index.js";
 import type { Theme } from "../theme.js";
 import type { RoleStyle } from "./role-palette.js";
@@ -18,4 +17,4 @@ export interface CouncilMessageBubbleProps {
 export declare function buildFooter(msg: CouncilMessage): string;
 export declare function buildHeader(msg: CouncilMessage, style: RoleStyle): string;
 export declare function buildQuoteLine(partnerLastText: string, partnerRole: string): string;
-export declare function CouncilMessageBubble({ msg, terminalCols, side, resolveStyle, partnerLastText, partnerRole, theme, }: CouncilMessageBubbleProps): React.ReactNode;
+export declare function CouncilMessageBubble({ msg, terminalCols, side, resolveStyle, partnerLastText, partnerRole, theme, }: CouncilMessageBubbleProps): import("react").ReactNode;

package/dist/src/ui/components/council-phase-timeline.js

@@ -21,7 +21,23 @@ function formatElapsed(ms) {
     const s = Math.round(sec % 60);
     return `${m}m${s.toString().padStart(2, "0")}s`;
 }
+/**
+ * P4-D: heartbeat hook — re-renders consumers every `tickMs` so any phase whose
+ * state is "active" and has a `startedAt` displays a live-ticking elapsed
+ * counter. Without this, the timeline freezes at the last `elapsedMs` value
+ * the emitter sent (only on state transitions) — which is exactly the "im lìm"
+ * symptom the user reported.
+ */
+function useHeartbeat(tickMs = 1000) {
+    const [, force] = useState(0);
+    useEffect(() => {
+        const id = setInterval(() => force((n) => n + 1), tickMs);
+        return () => clearInterval(id);
+    }, [tickMs]);
+    return Date.now();
+}
 export function CouncilPhaseTimeline({ phases, theme: t }) {
+    const now = useHeartbeat(1000);
     if (phases.length === 0)
         return null;
     return (_jsx("box", { flexDirection: "column", paddingLeft: 2, paddingTop: 0, flexShrink: 0, children: phases.map((p) => {
@@ -30,7 +46,10 @@ export function CouncilPhaseTimeline({ phases, theme: t }) {
             const marker = isError ? "✗" : isDone ? "✓" : _jsx(Spinner, {});
             const markerColor = isError ? t.diffRemovedFg : isDone ? t.planOptionCheck : t.accent;
             const labelColor = isError ? t.diffRemovedFg : isDone ? t.textMuted : t.text;
-            const elapsed = formatElapsed(p.elapsedMs);
+            // For active phases with a startedAt, derive elapsed from wall-clock
+            // so the displayed time keeps counting up between emitter updates.
+            const liveElapsedMs = p.state === "active" && typeof p.startedAt === "number" ? Math.max(0, now - p.startedAt) : p.elapsedMs;
+            const elapsed = formatElapsed(liveElapsedMs);
             const meta = elapsed ? ` (${elapsed})` : isDone ? "" : " …";
             return (_jsxs("box", { flexDirection: "column", children: [_jsxs("box", { children: [_jsx("text", { fg: markerColor, children: marker }), _jsx("text", { fg: labelColor, children: ` ${p.label}` }), meta && _jsx("text", { fg: t.textDim, children: meta })] }), p.detail && (_jsx("box", { paddingLeft: 2, children: _jsx("text", { fg: t.textMuted, children: `└ ${truncate(p.detail, 100)}` }) })), p.errorMessage && (_jsx("box", { paddingLeft: 2, children: _jsx("text", { fg: t.diffRemovedFg, children: `└ ${truncate(p.errorMessage, 100)}` }) }))] }, p.phaseId));
         }) }));

package/dist/src/ui/components/council-placeholder-bubble.d.ts

@@ -1,4 +1,3 @@
-import React from "react";
 import type { Theme } from "../theme.js";
 export type PlaceholderVariant = "participant" | "leader";
 export interface CouncilPlaceholderBubbleProps {
@@ -19,4 +18,4 @@ export declare function buildPlaceholderLabel(role: string): string;
  *  - "participant" (default): left/right aligned per pair-side map, palette color border
  *  - "leader": centered, leader-gray border, 40% width — matches the real leader bubble
  */
-export declare function CouncilPlaceholderBubble({ role, side, terminalCols, color, theme, variant, }: CouncilPlaceholderBubbleProps): React.ReactNode;
+export declare function CouncilPlaceholderBubble({ role, side, terminalCols, color, theme, variant, }: CouncilPlaceholderBubbleProps): import("react").ReactNode;

package/dist/src/ui/components/council-question-card.js

@@ -5,6 +5,9 @@ const PHASE_LABEL = {
     preflight: "Pre-flight",
     "plan-confirm": "Plan",
     "post-debate": "Post-Debate",
+    "pil-interview": "Understanding",
+    "pil-acceptance": "Confirm Intent",
+    "tool-loop-cap": "Tool-loop guard",
 };
 /**
  * AskUserQuestion-style card. Controlled component — parent owns the state

package/dist/src/ui/components/council-synthesis-banner.d.ts

@@ -1,4 +1,3 @@
-import React from "react";
 import type { CouncilMessage } from "../../types/index.js";
 export interface CouncilSynthesisBannerProps {
     msg: CouncilMessage;
@@ -7,4 +6,4 @@ export declare function buildSynthesisTitle(round: number | undefined): string;
 /**
  * Full-width double-border pinned banner for round and final synthesis.
  */
-export declare function CouncilSynthesisBanner({ msg }: CouncilSynthesisBannerProps): React.ReactNode;
+export declare function CouncilSynthesisBanner({ msg }: CouncilSynthesisBannerProps): import("react").ReactNode;

package/dist/src/ui/components/halt-recovery-card.js

@@ -16,6 +16,7 @@ const FALLBACK_THRESHOLD = 70;
 const REASON_LABELS = {
     no_recipe: "No verify recipe detected",
     zero_coverage: "Zero test coverage detected",
+    budget_exhausted: "Token budget exhausted",
 };
 export function HaltRecoveryCard({ halt, selectedIndex, terminalCols, theme }) {
     const fallback = terminalCols < FALLBACK_THRESHOLD;

package/dist/src/ui/components/message-view.d.ts

@@ -1,5 +1,11 @@
 import type { ChatEntry } from "../../types/index.js";
 import type { Theme } from "../theme.js";
+export declare function AssistantMessageContent({ content, t, expanded, isFinal, }: {
+    content: string;
+    t: Theme;
+    expanded: boolean;
+    isFinal?: boolean;
+}): import("react").ReactNode;
 export declare function UserMessageContent({ content, t, expanded }: {
     content: string;
     t: Theme;
@@ -21,11 +27,15 @@ export interface McpRunInfo {
  * and the path list; subsequent indices are marked hidden so they don't render.
  */
 export declare function computeMcpRunInfo(messages: ChatEntry[]): McpRunInfo[];
-export declare function MessageView({ entry, index, t, modeColor, expandedMessages, mcpRun, }: {
+declare function MessageViewImpl({ entry, index, t, modeColor, expandedMessages, mcpRun, isFinalAssistant, }: {
     entry: ChatEntry;
     index: number;
     t: Theme;
     modeColor: string;
     expandedMessages?: Set<number>;
     mcpRun?: McpRunInfo;
+    /** True iff this entry is the last assistant message in the current message list. */
+    isFinalAssistant?: boolean;
 }): import("react").ReactNode;
+export declare const MessageView: import("react").MemoExoticComponent<typeof MessageViewImpl>;
+export {};

package/dist/src/ui/components/message-view.js

@@ -1,4 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "@opentui/react/jsx-runtime";
+import { memo } from "react";
 import { Markdown } from "../markdown.js";
 import { PlanView } from "../plan.js";
 import { trunc } from "../utils/text.js";
@@ -7,6 +8,7 @@ import { DiffView, ReadFilePreviewView } from "./diff-view.js";
 import { LspDiagnosticsView, LspResultView } from "./lsp-views.js";
 import { MediaAutoOpenView, MediaToolResultView } from "./media-views.js";
 import { StructuredResponseView } from "./structured-response-view.js";
+import { ToolGroupView } from "./tool-group.js";
 import { BackgroundProcessLine, DelegationListView, DelegationResultView, InlineTool, ProcessLogsView, TaskResultView, ToolTextOutputView, } from "./tool-result-views.js";
 const SPLIT = {
     topLeft: "",
@@ -22,6 +24,28 @@ const SPLIT = {
     rightT: "",
 };
 const USER_MSG_COLLAPSED_LINES = 5;
+// Long assistant blocks (model narration between tool batches) auto-collapse
+// to this many lines to stop the chat scroll wall and cut markdown re-render
+// cost. 8 fits comfortably on a short terminal and conveys the gist.
+const ASSISTANT_MSG_COLLAPSED_LINES = 8;
+export function AssistantMessageContent({ content, t, expanded, isFinal, }) {
+    const lines = content.split("\n");
+    const isLong = lines.length > ASSISTANT_MSG_COLLAPSED_LINES;
+    // Phase 5 F7 — the FINAL assistant message in a turn IS the answer the
+    // user is waiting for. Auto-collapsing it behind "ctrl+e expand (N more
+    // lines)" hides the actual response. Intermediate assistant blocks
+    // (narration between tool batches) keep the auto-collapse behavior so
+    // the chat doesn't become a scroll wall.
+    if (!isLong || isFinal) {
+        return _jsx(Markdown, { content: content, t: t });
+    }
+    if (expanded) {
+        return (_jsxs(_Fragment, { children: [_jsx(Markdown, { content: content, t: t }), _jsx("box", { marginTop: 1, children: _jsxs("text", { fg: t.textDim, children: ["ctrl+e ", _jsx("span", { style: { fg: t.textMuted }, children: "collapse" })] }) })] }));
+    }
+    const preview = lines.slice(0, ASSISTANT_MSG_COLLAPSED_LINES).join("\n");
+    const hidden = lines.length - ASSISTANT_MSG_COLLAPSED_LINES;
+    return (_jsxs(_Fragment, { children: [_jsx(Markdown, { content: preview, t: t }), _jsx("box", { marginTop: 1, children: _jsxs("text", { fg: t.textDim, children: ["ctrl+e ", _jsx("span", { style: { fg: t.textMuted }, children: `expand (${hidden} more lines)` })] }) })] }));
+}
 export function UserMessageContent({ content, t, expanded }) {
     const lines = content.split("\n");
     const isLong = lines.length > USER_MSG_COLLAPSED_LINES;
@@ -81,16 +105,18 @@ export function computeMcpRunInfo(messages) {
     finalizeRun();
     return out;
 }
-export function MessageView({ entry, index, t, modeColor, expandedMessages, mcpRun, }) {
+function MessageViewImpl({ entry, index, t, modeColor, expandedMessages, mcpRun, isFinalAssistant, }) {
     if (mcpRun?.hidden)
         return null;
     switch (entry.type) {
         case "user":
             return (_jsx("box", { border: ["left"], customBorderChars: SPLIT, borderColor: entry.modeColor || modeColor, marginTop: index === 0 ? 0 : 1, marginBottom: 1, children: _jsxs("box", { paddingTop: 1, paddingBottom: 1, paddingLeft: 2, backgroundColor: t.backgroundPanel, flexShrink: 0, flexDirection: "column", children: [entry.sourceLabel ? _jsx("text", { fg: t.textMuted, children: entry.sourceLabel }) : null, _jsx(UserMessageContent, { content: entry.content, t: t, expanded: expandedMessages?.has(index) ?? false })] }) }));
         case "assistant":
-            return (_jsxs("box", { paddingLeft: 3, marginTop: 1, flexShrink: 0, flexDirection: "column", children: [entry.sourceLabel ? _jsx("text", { fg: t.textMuted, children: entry.sourceLabel }) : null, _jsx(Markdown, { content: entry.content, t: t })] }));
+            return (_jsxs("box", { paddingLeft: 3, marginTop: 1, flexShrink: 0, flexDirection: "column", children: [entry.sourceLabel ? _jsx("text", { fg: t.textMuted, children: entry.sourceLabel }) : null, _jsx(AssistantMessageContent, { content: entry.content, t: t, expanded: expandedMessages?.has(index) ?? false, isFinal: isFinalAssistant === true })] }));
         case "tool_call":
             return (_jsx("box", { paddingLeft: 3, marginTop: 1, children: _jsxs("text", { children: [_jsx("span", { style: { fg: entry.modeColor || modeColor }, children: "▣ " }), _jsx("span", { style: { fg: t.textMuted }, children: entry.content.replace("▣  ", "") })] }) }));
+        case "tool_group":
+            return (_jsx(ToolGroupView, { entry: entry, t: t, expanded: expandedMessages?.has(index) ?? false, modeColor: modeColor }));
         case "tool_result": {
             const name = entry.toolCall?.function.name || "tool";
             const args = toolArgs(entry.toolCall);
@@ -140,8 +166,16 @@ export function MessageView({ entry, index, t, modeColor, expandedMessages, mcpR
                 return (_jsx(InlineTool, { t: t, pending: false, children: entry.content }));
             }
             if (name === "read_file") {
+                // PIL-L6 v2 — render only the action line. The file body is for the
+                // model, not the user — showing a 10-line preview per read_file call
+                // crowds the TUI when the agent fans out across many files in a
+                // single debug turn (session 127140a47b56 had 27 read_file calls).
+                // Error strings still surface via ReadFilePreviewView when the read
+                // failed.
                 const readPath = tryParseArg(entry.toolCall, "file_path") || tryParseArg(entry.toolCall, "path") || args;
-                return (_jsxs("box", { gap: 0, children: [_jsx(InlineTool, { t: t, pending: false, children: `Read ${trunc(readPath, 60)}` }), _jsx(ReadFilePreviewView, { t: t, filePath: readPath, content: entry.content })] }));
+                const body = (entry.content ?? "").trimEnd();
+                const failed = body.startsWith("File not found:") || body.startsWith("Failed to read file:");
+                return (_jsxs("box", { gap: 0, children: [_jsx(InlineTool, { t: t, pending: false, children: `Read ${trunc(readPath, 60)}` }), failed && _jsx(ReadFilePreviewView, { t: t, filePath: readPath, content: entry.content })] }));
             }
             if (name === "grep")
                 return (_jsx(InlineTool, { t: t, pending: false, children: `Grep ${trunc(args, 60)}` }));
@@ -171,4 +205,32 @@ export function MessageView({ entry, index, t, modeColor, expandedMessages, mcpR
             return _jsx("text", { fg: t.textMuted, children: entry.content });
     }
 }
+// React.memo wrapper — message log re-renders on every keystroke + every
+// 60Hz harness tick. Without memo, every assistant block re-runs its
+// Markdown parser per frame; an 11KB CoT block froze the renderer in
+// session 7b6f6ea1b719. The comparator skips re-render when:
+//   - the entry reference is identical (append-only log → safe)
+//   - the per-index expanded flag is unchanged
+//   - mcpRun shape (hidden + count) hasn't shifted
+// Theme + modeColor are module-level constants so they don't need to
+// drive re-renders.
+export const MessageView = memo(MessageViewImpl, (prev, next) => {
+    if (prev.entry !== next.entry)
+        return false;
+    if (prev.index !== next.index)
+        return false;
+    if (prev.modeColor !== next.modeColor)
+        return false;
+    const prevExpanded = prev.expandedMessages?.has(prev.index) ?? false;
+    const nextExpanded = next.expandedMessages?.has(next.index) ?? false;
+    if (prevExpanded !== nextExpanded)
+        return false;
+    const prevMcp = prev.mcpRun;
+    const nextMcp = next.mcpRun;
+    if ((prevMcp?.hidden ?? false) !== (nextMcp?.hidden ?? false))
+        return false;
+    if ((prevMcp?.count ?? 0) !== (nextMcp?.count ?? 0))
+        return false;
+    return true;
+});
 //# sourceMappingURL=message-view.js.map

package/dist/src/ui/components/point-to-existing-form-card.js

@@ -29,6 +29,10 @@ const FALLBACK_THRESHOLD = 60;
 export function PointToExistingFormCard({ state, terminalCols, theme: t }) {
     const fallback = terminalCols < FALLBACK_THRESHOLD;
     const width = fallback ? terminalCols : Math.min(terminalCols - 2, MAX_CARD_COLS);
-    return (_jsx(Semantic, { id: "point-to-existing-form", role: "dialog", name: "Point to existing project", children: _jsx("box", { flexDirection: "column", marginBottom: 1, children: _jsxs("box", { width: width, borderStyle: "single", borderColor: state.step === "error" ? t.initFormError : t.initFormBorder, flexDirection: "column", paddingLeft: 1, paddingRight: 1, children: [_jsx("text", { fg: t.initFormTitle, attributes: 1, children: "Point to existing project" }), (state.step === "input" || state.step === "loading") && (_jsxs("box", { flexDirection: "column", marginTop: 1, children: [_jsx("text", { fg: t.initFormLabel, children: "Path to existing project:" }), _jsx("box", { flexDirection: "row", marginTop: 0, children: _jsx("text", { fg: t.initFormInput, children: state.step === "input" ? `> ${state.pathInput}_` : `  ${state.pathInput}` }) }), state.errorMessage && (_jsxs("text", { fg: t.initFormError, marginTop: 0, children: ["\u2717 ", state.errorMessage] }))] })), state.step === "loading" && (_jsx("box", { flexDirection: "column", marginTop: 1, children: _jsx("text", { fg: t.initFormLabel, children: "Detecting verify recipe\u2026" }) })), state.step === "done" && (_jsx(Semantic, { id: "point-to-existing-result", role: "statusbar", name: "Recipe detected", children: _jsxs("box", { flexDirection: "column", marginTop: 1, children: [_jsx("text", { fg: t.initFormSuccess, attributes: 1, children: "\u2713 Verify recipe detected!" }), state.resultPath && (_jsxs("text", { fg: t.initFormLabel, children: ["Sprint will re-enter at: ", state.resultPath] }))] }) })), state.step === "error" && (_jsx(Semantic, { id: "point-to-existing-result", role: "statusbar", name: "Recipe not found", children: _jsxs("box", { flexDirection: "column", marginTop: 1, children: [_jsx("text", { fg: t.initFormError, attributes: 1, children: "\u2717 No verify recipe found" }), state.errorMessage && _jsx("text", { fg: t.initFormError, children: state.errorMessage })] }) })), _jsxs("text", { fg: t.initFormHint, marginTop: 1, children: [state.step === "input" && "Type path · Enter confirm · Esc cancel", state.step === "loading" && "Please wait…", (state.step === "done" || state.step === "error") && "Esc / Enter dismiss"] })] }) }) }));
+    return (_jsx(Semantic, { id: "point-to-existing-form", role: "dialog", name: "Point to existing project", children: _jsx("box", { flexDirection: "column", marginBottom: 1, children: _jsxs("box", { width: width, borderStyle: "single", borderColor: state.step === "error" ? t.initFormError : t.initFormBorder, flexDirection: "column", paddingLeft: 1, paddingRight: 1, children: [_jsx("text", { fg: t.initFormTitle, attributes: 1, children: "Point to existing project" }), (state.step === "input" || state.step === "loading") && (_jsxs("box", { flexDirection: "column", marginTop: 1, children: [_jsx("text", { fg: t.initFormLabel, children: "Path to existing project:" }), _jsx("box", { flexDirection: "row", marginTop: 0, children: _jsx("text", { fg: t.initFormInput, children: state.step === "input" ? `> ${state.pathInput}_` : `  ${state.pathInput}` }) }), state.errorMessage && (_jsxs("text", { fg: t.initFormError, marginTop: 0, children: ["\u2717 ", state.errorMessage] }))] })), state.step === "loading" && (_jsx("box", { flexDirection: "column", marginTop: 1, children: _jsx("text", { fg: t.initFormLabel, children: "Detecting verify recipe\u2026" }) })), state.step === "done" && (
+                    // biome-ignore lint/a11y/useValidAriaRole: muonroi harness Role union includes "statusbar" (see packages/agent-harness-core/src/protocol.ts)
+                    _jsx(Semantic, { id: "point-to-existing-result", role: "statusbar", name: "Recipe detected", children: _jsxs("box", { flexDirection: "column", marginTop: 1, children: [_jsx("text", { fg: t.initFormSuccess, attributes: 1, children: "\u2713 Verify recipe detected!" }), state.resultPath && _jsxs("text", { fg: t.initFormLabel, children: ["Sprint will re-enter at: ", state.resultPath] })] }) })), state.step === "error" && (
+                    // biome-ignore lint/a11y/useValidAriaRole: muonroi harness Role union includes "statusbar" (see packages/agent-harness-core/src/protocol.ts)
+                    _jsx(Semantic, { id: "point-to-existing-result", role: "statusbar", name: "Recipe not found", children: _jsxs("box", { flexDirection: "column", marginTop: 1, children: [_jsx("text", { fg: t.initFormError, attributes: 1, children: "\u2717 No verify recipe found" }), state.errorMessage && _jsx("text", { fg: t.initFormError, children: state.errorMessage })] }) })), _jsxs("text", { fg: t.initFormHint, marginTop: 1, children: [state.step === "input" && "Type path · Enter confirm · Esc cancel", state.step === "loading" && "Please wait…", (state.step === "done" || state.step === "error") && "Esc / Enter dismiss"] })] }) }) }));
 }
 //# sourceMappingURL=point-to-existing-form-card.js.map

package/dist/src/ui/components/task-list-panel.d.ts

@@ -0,0 +1,32 @@
+/**
+ * src/ui/components/task-list-panel.tsx
+ *
+ * Claude-Code-style sticky checklist panel. Renders the agent's current todo
+ * snapshot (from `todo_write` tool calls) at the top of the chat log:
+ *
+ *     ┌ Todos ────────────────────────────────────────────────────┐
+ *     │ ◉ Wiring askcard answer handler                            │
+ *     │ ○ Add tests + self-verify                                  │
+ *     │ ✓ ~~Define ToolGroupEntry types~~                          │
+ *     │ ✓ ~~Define TaskListSnapshot type~~                         │
+ *     │ … +3 more (ctrl+e to expand)                               │
+ *     │ 4 completed · 2 queued · 1 in progress                     │
+ *     └────────────────────────────────────────────────────────────┘
+ *
+ * Sort order: in_progress (top) → pending → completed (bottom). Each call to
+ * todo_write fully replaces the snapshot — the panel re-renders from scratch.
+ */
+import type { TaskListItem, TaskListSnapshot } from "../../types/index.js";
+import type { Theme } from "../theme.js";
+declare function sortItems(items: ReadonlyArray<TaskListItem>): TaskListItem[];
+export interface TaskListPanelProps {
+    snapshot: TaskListSnapshot;
+    t: Theme;
+    expanded: boolean;
+}
+export declare function TaskListPanel({ snapshot, t, expanded }: TaskListPanelProps): import("react").ReactNode;
+export declare const __TEST_ONLY__: {
+    sortItems: typeof sortItems;
+    MAX_VISIBLE: number;
+};
+export {};

package/dist/src/ui/components/task-list-panel.js

@@ -0,0 +1,84 @@
+import { jsx as _jsx, jsxs as _jsxs } from "@opentui/react/jsx-runtime";
+/**
+ * src/ui/components/task-list-panel.tsx
+ *
+ * Claude-Code-style sticky checklist panel. Renders the agent's current todo
+ * snapshot (from `todo_write` tool calls) at the top of the chat log:
+ *
+ *     ┌ Todos ────────────────────────────────────────────────────┐
+ *     │ ◉ Wiring askcard answer handler                            │
+ *     │ ○ Add tests + self-verify                                  │
+ *     │ ✓ ~~Define ToolGroupEntry types~~                          │
+ *     │ ✓ ~~Define TaskListSnapshot type~~                         │
+ *     │ … +3 more (ctrl+e to expand)                               │
+ *     │ 4 completed · 2 queued · 1 in progress                     │
+ *     └────────────────────────────────────────────────────────────┘
+ *
+ * Sort order: in_progress (top) → pending → completed (bottom). Each call to
+ * todo_write fully replaces the snapshot — the panel re-renders from scratch.
+ */
+import { Semantic } from "@muonroi/agent-harness-opentui";
+import { trunc } from "../utils/text.js";
+// Show at most this many items inline before collapsing the tail into
+// "… +N more". Larger lists rarely fit on screen and add noise.
+const MAX_VISIBLE = 8;
+const STATUS_ORDER = {
+    in_progress: 0,
+    pending: 1,
+    completed: 2,
+};
+function sortItems(items) {
+    // Stable sort by status bucket. Preserves original order within a bucket so
+    // the agent's authored order is kept when many items share the same state.
+    return [...items].sort((a, b) => STATUS_ORDER[a.status] - STATUS_ORDER[b.status]);
+}
+function ItemRow({ item, t }) {
+    let glyph;
+    let glyphColor;
+    let textColor;
+    let label;
+    if (item.status === "completed") {
+        glyph = "✓";
+        glyphColor = t.diffAddedFg;
+        textColor = t.textMuted;
+        // Strikethrough via U+0336 combining mark. OpenTUI doesn't expose CSS
+        // text-decoration so we synthesise it character-by-character — matches the
+        // visual goal in the spec.
+        label = item.subject
+            .split("")
+            .map((c) => `${c}̶`)
+            .join("");
+    }
+    else if (item.status === "in_progress") {
+        glyph = "◉";
+        glyphColor = t.accent;
+        textColor = t.text;
+        label = item.activeForm ?? item.subject;
+    }
+    else {
+        glyph = "○";
+        glyphColor = t.textMuted;
+        textColor = t.text;
+        label = item.subject;
+    }
+    return (_jsx(Semantic, { id: `task-${item.id}`, role: "listitem", name: label, state: item.status, children: _jsxs("text", { children: [_jsx("span", { style: { fg: glyphColor }, children: `${glyph} ` }), _jsx("span", { style: { fg: textColor }, children: trunc(label, 80) })] }) }));
+}
+export function TaskListPanel({ snapshot, t, expanded }) {
+    if (snapshot.items.length === 0)
+        return null;
+    const sorted = sortItems(snapshot.items);
+    const overflow = !expanded && sorted.length > MAX_VISIBLE ? sorted.length - MAX_VISIBLE : 0;
+    const visible = overflow > 0 ? sorted.slice(0, MAX_VISIBLE) : sorted;
+    const { completed, inProgress, pending } = snapshot.counts;
+    const footerParts = [];
+    if (completed > 0)
+        footerParts.push(`${completed} completed`);
+    if (inProgress > 0)
+        footerParts.push(`${inProgress} in progress`);
+    if (pending > 0)
+        footerParts.push(`${pending} queued`);
+    const footer = footerParts.length > 0 ? footerParts.join(" · ") : "0 todos";
+    return (_jsx(Semantic, { id: "task-list", role: "listbox", name: "Todos", children: _jsxs("box", { border: true, borderColor: t.border, paddingLeft: 2, paddingRight: 2, paddingTop: 0, paddingBottom: 0, marginBottom: 1, flexDirection: "column", children: [_jsx("text", { children: _jsx("span", { style: { fg: t.textMuted }, children: "Todos" }) }), visible.map((it) => (_jsx(ItemRow, { item: it, t: t }, it.id))), overflow > 0 && _jsx("text", { fg: t.textMuted, children: `… +${overflow} more (ctrl+e to expand)` }), _jsx("text", { fg: t.textDim, children: footer })] }) }));
+}
+export const __TEST_ONLY__ = { sortItems, MAX_VISIBLE };
+//# sourceMappingURL=task-list-panel.js.map