@esso0428/pi-subagents 0.15.6 → 0.15.7

package/dist/ui/conversation-search.js

@@ -121,3 +121,4 @@ export function nearestConversationMatchBefore(matches, lineIdx) {
 }
 /** ANSI CSI/OSC sequences emitted by the TUI renderer. */
 const ANSI_ESCAPE_RE = /^(?:\x1b\][^\x07]*(?:\x07|\x1b\\)|\x1b(?:[@-Z\\-_]|\[[0-?]*[ -/]*[@-~]))/;
+//# sourceMappingURL=conversation-search.js.map

package/dist/ui/conversation-search.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"conversation-search.js","sourceRoot":"","sources":["../../src/ui/conversation-search.ts"],"names":[],"mappings":"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"}

package/dist/ui/conversation-timeline.d.ts

@@ -0,0 +1,62 @@
+import { type Component, type TUI, type TuiMouseEvent } from "@earendil-works/pi-tui";
+import type { AgentRecord } from "../types.js";
+import type { Theme } from "./agent-widget.js";
+import { type ConversationBlock } from "./conversation-blocks.js";
+export interface TimelineRenderLine {
+    text: string;
+    plain: string;
+    blockIndex: number;
+    railable?: boolean;
+}
+export interface TimelineToolSpan {
+    toolCallId: string;
+    startLine: number;
+    height: number;
+}
+export interface ConversationTimelineSnapshot {
+    lines: TimelineRenderLine[];
+    messageStarts: number[];
+    messageBlocks: ConversationBlock[];
+    interactiveToolIds: string[];
+    toolSpans: TimelineToolSpan[];
+}
+export interface ConversationTimelineOptions {
+    cwd?: string;
+    record?: AgentRecord;
+    onChange?: () => void;
+}
+/**
+ * Component-aware, snapshot-driven conversation timeline.
+ * ToolExecutionComponent state is rebuilt from normalized blocks when a call id
+ * first appears and then reused; history never needs a live session, spinner,
+ * stream, or process handle.
+ */
+export declare class ConversationTimeline implements Component {
+    private readonly tui;
+    private readonly theme;
+    private readonly options;
+    private blocks;
+    private showTools;
+    private focusedToolCallId;
+    private expandedTools;
+    private toolComponents;
+    private snapshot;
+    private lastWidth;
+    constructor(tui: TUI, theme: Theme, options?: ConversationTimelineOptions);
+    setBlocks(blocks: readonly ConversationBlock[]): void;
+    setShowTools(show: boolean): void;
+    getShowTools(): boolean;
+    setFocusedToolCallId(id: string | undefined): void;
+    getFocusedToolCallId(): string | undefined;
+    getSnapshot(): ConversationTimelineSnapshot;
+    moveFocus(direction: 1 | -1): boolean;
+    toggleFocusedTool(): boolean;
+    isToolFocused(): boolean;
+    render(width: number): string[];
+    handleMouse(event: TuiMouseEvent): {
+        handled?: boolean;
+        render?: boolean;
+    } | undefined;
+    invalidate(): void;
+}
+//# sourceMappingURL=conversation-timeline.d.ts.map

package/dist/ui/conversation-timeline.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"conversation-timeline.d.ts","sourceRoot":"","sources":["../../src/ui/conversation-timeline.ts"],"names":[],"mappings":"AACA,OAAO,EAGL,KAAK,SAAS,EACd,KAAK,GAAG,EACR,KAAK,aAAa,EAEnB,MAAM,wBAAwB,CAAC;AAEhC,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAC/C,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAC/C,OAAO,EACL,KAAK,iBAAiB,EAEvB,MAAM,0BAA0B,CAAC;AAQlC,MAAM,WAAW,kBAAkB;IACjC,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,gBAAgB;IAC/B,UAAU,EAAE,MAAM,CAAC;IACnB,SAAS,EAAE,MAAM,CAAC;IAClB,MAAM,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,4BAA4B;IAC3C,KAAK,EAAE,kBAAkB,EAAE,CAAC;IAC5B,aAAa,EAAE,MAAM,EAAE,CAAC;IACxB,aAAa,EAAE,iBAAiB,EAAE,CAAC;IACnC,kBAAkB,EAAE,MAAM,EAAE,CAAC;IAC7B,SAAS,EAAE,gBAAgB,EAAE,CAAC;CAC/B;AAED,MAAM,WAAW,2BAA2B;IAC1C,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;CACvB;AAwED;;;;;GAKG;AACH,qBAAa,oBAAqB,YAAW,SAAS;IAgBlD,OAAO,CAAC,QAAQ,CAAC,GAAG;IACpB,OAAO,CAAC,QAAQ,CAAC,KAAK;IACtB,OAAO,CAAC,QAAQ,CAAC,OAAO;IAjB1B,OAAO,CAAC,MAAM,CAA2B;IACzC,OAAO,CAAC,SAAS,CAAQ;IACzB,OAAO,CAAC,iBAAiB,CAAqB;IAC9C,OAAO,CAAC,aAAa,CAAqB;IAC1C,OAAO,CAAC,cAAc,CAAsF;IAC5G,OAAO,CAAC,QAAQ,CAMd;IACF,OAAO,CAAC,SAAS,CAAK;gBAGH,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,KAAK,EACZ,OAAO,GAAE,2BAAgC;IAG5D,SAAS,CAAC,MAAM,EAAE,SAAS,iBAAiB,EAAE,GAAG,IAAI;IASrD,YAAY,CAAC,IAAI,EAAE,OAAO,GAAG,IAAI;IAOjC,YAAY,IAAI,OAAO;IAIvB,oBAAoB,CAAC,EAAE,EAAE,MAAM,GAAG,SAAS,GAAG,IAAI;IAKlD,oBAAoB,IAAI,MAAM,GAAG,SAAS;IAI1C,WAAW,IAAI,4BAA4B;IAK3C,SAAS,CAAC,SAAS,EAAE,CAAC,GAAG,CAAC,CAAC,GAAG,OAAO;IAarC,iBAAiB,IAAI,OAAO;IAU5B,aAAa,IAAI,OAAO;IAIxB,MAAM,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE;IAgF/B,WAAW,CAAC,KAAK,EAAE,aAAa,GAAG;QAAE,OAAO,CAAC,EAAE,OAAO,CAAC;QAAC,MAAM,CAAC,EAAE,OAAO,CAAA;KAAE,GAAG,SAAS;IAsBtF,UAAU,IAAI,IAAI;CAInB"}

package/dist/ui/conversation-timeline.js

@@ -0,0 +1,263 @@
+import * as CodingAgent from "@earendil-works/pi-coding-agent";
+import { Markdown, Text, truncateToWidth, } from "@earendil-works/pi-tui";
+import { getMarkdownTheme } from "@earendil-works/pi-coding-agent";
+import { renderConversationRoleHeader } from "./conversation-role.js";
+import { stripAnsi } from "./conversation-search.js";
+import { createViewerCcstyleTool, } from "./ccstyle/tool-renderer.js";
+function safeWidth(width) {
+    return Math.max(1, Math.floor(Number.isFinite(width) ? width : 1));
+}
+function resultContent(result) {
+    if (Array.isArray(result.content))
+        return result.content;
+    if (typeof result.content === "string")
+        return [{ type: "text", text: result.content }];
+    return [];
+}
+function fallbackToolLines(block, width, expanded = false) {
+    const summary = block.toolLine || block.fullText || block.toolName || "tool";
+    const output = block.toolResult
+        ? block.toolResult.content
+        : undefined;
+    const outputText = typeof output === "string"
+        ? output
+        : Array.isArray(output)
+            ? output.filter((item) => item?.type === "text").map((item) => String(item.text ?? "")).join("\n")
+            : "";
+    const outputLines = outputText.split(/\r?\n/);
+    const displayOutput = expanded || outputLines.length <= 4
+        ? outputLines
+        : [...outputLines.slice(0, 4), `… (${outputLines.length - 4} more lines · Enter to expand)`];
+    const body = outputText ? [summary, ...displayOutput].join("\n") : summary;
+    return body.split(/\r?\n/).map((line) => truncateToWidth(line, width, ""));
+}
+function applyToolComponentState(component, block, expanded) {
+    component.updateArgs?.(block.args ?? block.toolArguments ?? {});
+    component.setArgsComplete?.();
+    if (block.result ?? block.toolResult) {
+        const result = (block.result ?? block.toolResult);
+        component.updateResult?.({
+            content: resultContent(result),
+            details: result.details,
+            isError: result.isError === true,
+        }, false);
+    }
+    component.setExpanded?.(expanded);
+}
+function createToolComponent(block, tui, cwd, expanded) {
+    const Constructor = CodingAgent.ToolExecutionComponent;
+    if (typeof Constructor !== "function" || !block.toolName || !block.toolCallId)
+        return undefined;
+    try {
+        const renderer = createViewerCcstyleTool(block.toolName);
+        const component = new Constructor(block.toolName, block.toolCallId, block.args ?? block.toolArguments ?? {}, { showImages: false }, renderer, tui, cwd);
+        component.markExecutionStarted?.();
+        applyToolComponentState(component, block, expanded);
+        return component;
+    }
+    catch {
+        return undefined;
+    }
+}
+/**
+ * Component-aware, snapshot-driven conversation timeline.
+ * ToolExecutionComponent state is rebuilt from normalized blocks when a call id
+ * first appears and then reused; history never needs a live session, spinner,
+ * stream, or process handle.
+ */
+export class ConversationTimeline {
+    tui;
+    theme;
+    options;
+    blocks = [];
+    showTools = true;
+    focusedToolCallId;
+    expandedTools = new Set();
+    toolComponents = new Map();
+    snapshot = {
+        lines: [],
+        messageStarts: [],
+        messageBlocks: [],
+        interactiveToolIds: [],
+        toolSpans: [],
+    };
+    lastWidth = 0;
+    constructor(tui, theme, options = {}) {
+        this.tui = tui;
+        this.theme = theme;
+        this.options = options;
+    }
+    setBlocks(blocks) {
+        this.blocks = [...blocks];
+        const ids = new Set(this.blocks.filter((block) => block.kind === "tool" && block.toolCallId).map((block) => block.toolCallId));
+        if (this.focusedToolCallId && !ids.has(this.focusedToolCallId))
+            this.focusedToolCallId = undefined;
+        for (const id of this.expandedTools)
+            if (!ids.has(id))
+                this.expandedTools.delete(id);
+        for (const id of this.toolComponents.keys())
+            if (!ids.has(id))
+                this.toolComponents.delete(id);
+        this.invalidate();
+    }
+    setShowTools(show) {
+        if (this.showTools === show)
+            return;
+        this.showTools = show;
+        if (!show)
+            this.focusedToolCallId = undefined;
+        this.invalidate();
+    }
+    getShowTools() {
+        return this.showTools;
+    }
+    setFocusedToolCallId(id) {
+        this.focusedToolCallId = id;
+        this.invalidate();
+    }
+    getFocusedToolCallId() {
+        return this.focusedToolCallId;
+    }
+    getSnapshot() {
+        if (this.lastWidth <= 0)
+            this.render(80);
+        return this.snapshot;
+    }
+    moveFocus(direction) {
+        const ids = this.getSnapshot().interactiveToolIds;
+        if (ids.length === 0)
+            return false;
+        const current = this.focusedToolCallId ? ids.indexOf(this.focusedToolCallId) : -1;
+        const next = current < 0
+            ? direction > 0 ? 0 : ids.length - 1
+            : (current + direction + ids.length) % ids.length;
+        this.focusedToolCallId = ids[next];
+        this.invalidate();
+        this.options.onChange?.();
+        return true;
+    }
+    toggleFocusedTool() {
+        const id = this.focusedToolCallId;
+        if (!id)
+            return false;
+        if (this.expandedTools.has(id))
+            this.expandedTools.delete(id);
+        else
+            this.expandedTools.add(id);
+        this.invalidate();
+        this.options.onChange?.();
+        return true;
+    }
+    isToolFocused() {
+        return this.focusedToolCallId !== undefined;
+    }
+    render(width) {
+        const requestedWidth = safeWidth(width);
+        const lines = [];
+        const messageStarts = [];
+        const messageBlocks = [];
+        const interactiveToolIds = [];
+        const toolSpans = [];
+        const visibleBlocks = this.blocks.filter((block) => this.showTools || block.kind !== "tool");
+        if (visibleBlocks.length === 0) {
+            const text = this.blocks.length === 0 ? "(waiting for first message...)" : "(tools hidden)";
+            lines.push({ text: this.theme.fg("dim", text), plain: text, blockIndex: -1 });
+        }
+        for (const block of visibleBlocks) {
+            const blockIndex = this.blocks.indexOf(block);
+            if (lines.length > 0) {
+                const separator = this.theme.fg("border", "   " + "─ ".repeat(Math.max(1, Math.floor((requestedWidth - 6) / 2))).trimEnd());
+                lines.push({ text: truncateToWidth(separator, requestedWidth), plain: stripAnsi(separator), blockIndex });
+            }
+            const headerLine = ` ${renderConversationRoleHeader(block, this.theme)}`;
+            messageStarts.push(lines.length);
+            messageBlocks.push(block);
+            lines.push({ text: truncateToWidth(headerLine, requestedWidth), plain: stripAnsi(headerLine), blockIndex, railable: true });
+            if (block.kind === "tool") {
+                const id = block.toolCallId;
+                if (id)
+                    interactiveToolIds.push(id);
+                let component;
+                if (id) {
+                    const existing = this.toolComponents.get(id);
+                    if (existing) {
+                        applyToolComponentState(existing, block, this.expandedTools.has(id));
+                        component = existing;
+                    }
+                    else {
+                        component = createToolComponent(block, this.tui, this.options.cwd ?? process.cwd(), this.expandedTools.has(id));
+                        if (component)
+                            this.toolComponents.set(id, component);
+                    }
+                }
+                let rendered;
+                try {
+                    rendered = component?.render(requestedWidth) ?? fallbackToolLines(block, requestedWidth, id ? this.expandedTools.has(id) : false);
+                }
+                catch {
+                    // Pi's interactive theme is a capability, not a viewer dependency;
+                    // test hosts and older Pi versions can lack its initialized theme.
+                    rendered = fallbackToolLines(block, requestedWidth, id ? this.expandedTools.has(id) : false);
+                }
+                for (const line of rendered) {
+                    lines.push({ text: truncateToWidth(line, requestedWidth), plain: stripAnsi(line), blockIndex, railable: true });
+                }
+                if (id)
+                    toolSpans.push({ toolCallId: id, startLine: messageStarts[messageStarts.length - 1], height: lines.length - messageStarts[messageStarts.length - 1] });
+                continue;
+            }
+            try {
+                const markdown = new Markdown(block.markdown || "∅", 2, 0, getMarkdownTheme(), {
+                    color: (text) => this.theme.fg(block.role === "meta" ? "muted" : "text", text),
+                });
+                for (const line of markdown.render(requestedWidth)) {
+                    lines.push({ text: truncateToWidth(line, requestedWidth), plain: stripAnsi(line), blockIndex, railable: true });
+                }
+            }
+            catch {
+                try {
+                    for (const line of new Text(block.markdown || "∅").render(requestedWidth)) {
+                        lines.push({ text: truncateToWidth(line, requestedWidth), plain: stripAnsi(line), blockIndex, railable: true });
+                    }
+                }
+                catch {
+                    for (const line of (block.markdown || "∅").split("\n")) {
+                        lines.push({ text: truncateToWidth(line, requestedWidth), plain: line, blockIndex, railable: true });
+                    }
+                }
+            }
+        }
+        this.lastWidth = requestedWidth;
+        this.snapshot = { lines, messageStarts, messageBlocks, interactiveToolIds, toolSpans };
+        return lines.map((line) => line.text);
+    }
+    handleMouse(event) {
+        if (event.type !== "click" && event.type !== "press")
+            return undefined;
+        const span = this.snapshot.toolSpans.find((candidate) => event.y >= candidate.startLine && event.y < candidate.startLine + candidate.height);
+        if (!span)
+            return undefined;
+        this.focusedToolCallId = span.toolCallId;
+        const component = this.toolComponents.get(span.toolCallId);
+        try {
+            // Keep Pi's normalized mouse contract in the component tree. The local
+            // role header occupies the first row; ToolExecutionComponent receives
+            // the remaining card-relative coordinate.
+            component?.handleMouse?.({ ...event, y: event.y - span.startLine, height: span.height });
+        }
+        catch {
+            // A missing/older Pi mouse implementation must not break the viewer.
+        }
+        this.expandedTools.has(span.toolCallId)
+            ? this.expandedTools.delete(span.toolCallId)
+            : this.expandedTools.add(span.toolCallId);
+        this.invalidate();
+        this.options.onChange?.();
+        return { handled: true, render: true };
+    }
+    invalidate() {
+        this.lastWidth = 0;
+        this.snapshot = { lines: [], messageStarts: [], messageBlocks: [], interactiveToolIds: [], toolSpans: [] };
+    }
+}
+//# sourceMappingURL=conversation-timeline.js.map

package/dist/ui/conversation-timeline.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"conversation-timeline.js","sourceRoot":"","sources":["../../src/ui/conversation-timeline.ts"],"names":[],"mappings":"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"}

package/dist/ui/conversation-viewer.d.ts

@@ -5,7 +5,7 @@
  * blocks are formatted data, while Markdown/ANSI lines are a bounded cache.
  */
 import type { ExtensionAPI, ExtensionContext, AgentSession } from "@earendil-works/pi-coding-agent";
-import { type Component, type TUI } from "@earendil-works/pi-tui";
+import { type Component, type TUI, type TuiMouseEvent } from "@earendil-works/pi-tui";
 import type { AgentRecord } from "../types.js";
 import type { Theme } from "./agent-widget.js";
 import { type AgentActivity } from "./agent-widget.js";
@@ -54,6 +54,7 @@ export declare class ConversationViewer implements Component {
     private searchQuery;
     private searchMatches;
     private currentMatchIdx;
+    private timeline;
     constructor(tui: TUI, session: ConversationSource, record: AgentRecord, activity: AgentActivity | undefined, theme: Theme, done: (result: undefined) => void, 
     /** Abort the agent shown here. Omitted means read-only history. */
     onStop?: (() => void) | undefined, 
@@ -64,6 +65,10 @@ export declare class ConversationViewer implements Component {
     /** Optional clipboard/nvim operation context, appended for compatibility. */
     operations?: ConversationViewerOperations | undefined);
     handleInput(data: string): void;
+    handleMouse(event: TuiMouseEvent): {
+        handled?: boolean;
+        render?: boolean;
+    } | undefined;
     render(width: number): string[];
     invalidate(): void;
     dispose(): void;
@@ -94,3 +99,4 @@ export declare class ConversationViewer implements Component {
     private canSteer;
     private openComposer;
 }
+//# sourceMappingURL=conversation-viewer.d.ts.map

package/dist/ui/conversation-viewer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"conversation-viewer.d.ts","sourceRoot":"","sources":["../../src/ui/conversation-viewer.ts"],"names":[],"mappings":"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"}

package/dist/ui/conversation-viewer.js

@@ -4,11 +4,13 @@
  * The viewer deliberately keeps rendering state separate from the transcript:
  * blocks are formatted data, while Markdown/ANSI lines are a bounded cache.
  */
-import { copyToClipboard, getMarkdownTheme } from "@earendil-works/pi-coding-agent";
-import { Input, Key, Markdown, matchesKey, Text, truncateToWidth, visibleWidth } from "@earendil-works/pi-tui";
+import { copyToClipboard } from "@earendil-works/pi-coding-agent";
+import { Input, Key, matchesKey, truncateToWidth, visibleWidth } from "@earendil-works/pi-tui";
 import { getLifetimeTotal, getSessionContextPercent } from "../usage.js";
 import { buildInvocationTags, describeActivity, fgPreservingNestedStyles, formatDuration, formatSessionTokens, getDisplayName, getPromptModeLabel } from "./agent-widget.js";
 import { formatConversationMessages } from "./conversation-blocks.js";
+import { ConversationTimeline } from "./conversation-timeline.js";
+import { renderConversationRoleHeader } from "./conversation-role.js";
 import { editLiveAssistantBlockInNvim, viewConversationBlockInNvim } from "./conversation-nvim.js";
 import { findConversationMatches, highlightConversationLine, nearestConversationMatchAfter, nearestConversationMatchBefore, stripAnsi } from "./conversation-search.js";
 import { createViewerKeys } from "./viewer-keys.js";
@@ -54,6 +56,7 @@ export class ConversationViewer {
     searchQuery = "";
     searchMatches = [];
     currentMatchIdx = -1;
+    timeline;
     constructor(tui, session, record, activity, theme, done, 
     /** Abort the agent shown here. Omitted means read-only history. */
     onStop, 
@@ -74,10 +77,21 @@ export class ConversationViewer {
         this.operations = operations;
         this.keys = createViewerKeys(keybindings);
         this.blocks = formatConversationMessages(session.messages);
+        this.timeline = new ConversationTimeline(tui, theme, {
+            cwd: operations?.ctx.cwd,
+            record,
+            onChange: () => {
+                this.cacheVersion++;
+                this.invalidate();
+                this.tui.requestRender();
+            },
+        });
+        this.timeline.setBlocks(this.blocks);
         this.unsubscribe = session.subscribe(() => {
             if (this.closed)
                 return;
             this.blocks = formatConversationMessages(this.session.messages);
+            this.timeline.setBlocks(this.blocks);
             this.cacheVersion++;
             this.invalidate();
             this.tui.requestRender();
@@ -98,10 +112,17 @@ export class ConversationViewer {
             this.done(undefined);
             return;
         }
-        if (matchesKey(data, "enter") && this.canSteer()) {
-            this.stopArmed = false;
-            this.openComposer();
-            return;
+        if (matchesKey(data, "enter")) {
+            this.buildContentLines(this.lastInnerW || 80);
+            if (this.timeline.isToolFocused()) {
+                this.timeline.toggleFocusedTool();
+                return;
+            }
+            if (this.canSteer()) {
+                this.stopArmed = false;
+                this.openComposer();
+                return;
+            }
         }
         if (matchesKey(data, "x")) {
             if (this.isStoppable()) {
@@ -124,6 +145,17 @@ export class ConversationViewer {
         const maxScroll = Math.max(0, this.cachedLines.length - viewportHeight);
         if (data === "t") {
             this.showTools = !this.showTools;
+            this.timeline.setShowTools(this.showTools);
+            this.invalidate();
+            this.tui.requestRender();
+        }
+        else if (data === "\t") {
+            this.timeline.moveFocus(1);
+            this.invalidate();
+            this.tui.requestRender();
+        }
+        else if (matchesKey(data, Key.shift("tab"))) {
+            this.timeline.moveFocus(-1);
             this.invalidate();
             this.tui.requestRender();
         }
@@ -181,6 +213,26 @@ export class ConversationViewer {
         // Keep the computed max alive for the key path even when the cache is empty.
         void maxScroll;
     }
+    handleMouse(event) {
+        if (this.composer || this.searchMode)
+            return undefined;
+        const innerW = Math.max(1, this.lastInnerW || event.width - 4);
+        const contentLines = this.buildContentLines(innerW);
+        const viewportHeight = this.viewportHeight();
+        const maxScroll = Math.max(0, contentLines.length - viewportHeight);
+        const visibleStart = Math.min(this.scrollOffset, maxScroll);
+        const contentOrigin = 3 + (this.invocationLine() ? 1 : 0);
+        const contentY = event.y - contentOrigin + visibleStart;
+        if (contentY < 0 || contentY >= contentLines.length)
+            return undefined;
+        const result = this.timeline.handleMouse({ ...event, y: contentY });
+        if (result?.handled) {
+            this.cacheVersion++;
+            this.invalidate();
+            this.tui.requestRender();
+        }
+        return result;
+    }
     render(width) {
         if (width < 6)
             return [];
@@ -226,8 +278,10 @@ export class ConversationViewer {
         const displayed = visible.slice();
         if (showSticky) {
             const block = this.cachedMessageBlocks[this.currentMessageIndex()];
-            if (block)
-                displayed[0] = { text: ` ${block.header}`, plain: block.header, blockIndex: currentBlockIdx, railable: true };
+            if (block) {
+                const header = renderConversationRoleHeader(block, this.theme);
+                displayed[0] = { text: ` ${header}`, plain: header, blockIndex: currentBlockIdx, railable: true };
+            }
         }
         for (let i = 0; i < displayed.length; i++) {
             const line = displayed[i];
@@ -251,6 +305,14 @@ export class ConversationViewer {
             const label = th.fg("accent", "✎ steer");
             lines.push(row(label + " ".repeat(Math.max(1, innerW - visibleWidth(label) - visibleWidth(hint))) + hint));
         }
+        else if (this.searchMode) {
+            const query = `/${this.searchQuery}`;
+            const matchCount = this.searchMatches.length > 0
+                ? ` · ${this.searchMatches.length} match${this.searchMatches.length === 1 ? "" : "es"}`
+                : "";
+            const hints = th.fg("dim", " · Enter apply · Esc cancel");
+            lines.push(row(truncateToWidth(th.fg("accent", query) + th.fg("dim", matchCount) + hints, innerW, "...", true)));
+        }
         else {
             const actions = [];
             if (this.canSteer())
@@ -308,58 +370,37 @@ export class ConversationViewer {
         return CHROME_LINES_BASE + (this.invocationLine() ? 1 : 0) + (this.composer ? 1 : 0);
     }
     invocationLine() {
-        const { modelName, tags } = buildInvocationTags(this.record.invocation);
-        const parts = modelName ? [modelName, ...tags] : tags;
-        return parts.length === 0 ? undefined : this.theme.fg("dim", `  ↳ ${parts.join(" · ")}`);
+        const liveModel = this.isLive() ? this.record.session?.model : undefined;
+        const invocation = this.record.invocation
+            ? {
+                ...this.record.invocation,
+                ...(liveModel && { effectiveModelName: liveModel.name ?? liveModel.id }),
+                ...(this.isLive() && { effectiveThinking: this.record.session?.thinkingLevel }),
+            }
+            : liveModel || (this.isLive() && this.record.session?.thinkingLevel)
+                ? {
+                    effectiveModelName: liveModel?.name ?? liveModel?.id,
+                    effectiveThinking: this.record.session?.thinkingLevel,
+                }
+                : undefined;
+        if (!invocation)
+            return this.theme.fg("dim", "  ↳ model: unknown · thinking: unknown");
+        const { modelName, tags } = buildInvocationTags(invocation);
+        const effectiveModelName = invocation.effectiveModelName ?? modelName;
+        const parts = effectiveModelName ? [`model: ${effectiveModelName}`, ...tags] : ["model: inherit", ...tags];
+        return this.theme.fg("dim", `  ↳ ${parts.join(" · ")}`);
     }
     buildContentLines(width) {
         if (width <= 0)
             return [];
         if (this.cachedVersion === this.cacheVersion && this.cachedWidth === width)
             return this.cachedLines;
-        const visibleBlocks = this.blocks.filter((block) => this.showTools || block.kind !== "tool");
-        const lines = [];
-        this.cachedMessageStarts = [];
-        this.cachedMessageBlocks = [];
-        if (visibleBlocks.length === 0) {
-            const empty = this.blocks.length === 0 ? "(waiting for first message...)" : "(tools hidden)";
-            lines.push({ text: this.theme.fg("dim", empty), plain: empty, blockIndex: -1 });
-        }
-        for (const block of visibleBlocks) {
-            const blockIndex = this.blocks.indexOf(block);
-            if (block.kind === "tool") {
-                const raw = (block.toolLine ?? block.copyText).replace(/^·\s*/, "");
-                const line = this.theme.fg("dim", `   └─ ${raw}`);
-                lines.push({ text: truncateToWidth(line, width), plain: stripAnsi(line), blockIndex });
-                continue;
-            }
-            if (lines.length > 0) {
-                const separator = this.theme.fg("border", `   ${"─ ".repeat(Math.max(1, Math.floor((width - 6) / 2)))}`.trimEnd());
-                lines.push({ text: truncateToWidth(separator, width), plain: stripAnsi(separator), blockIndex });
-            }
-            this.cachedMessageStarts.push(lines.length);
-            this.cachedMessageBlocks.push(block);
-            const header = ` ${block.header}`;
-            lines.push({ text: truncateToWidth(header, width), plain: block.header, blockIndex, railable: true });
-            try {
-                const markdown = new Markdown(block.markdown || "∅", 2, 0, getMarkdownTheme(), {
-                    color: (text) => this.theme.fg(block.role === "meta" ? "muted" : "text", text),
-                });
-                for (const text of markdown.render(Math.max(1, width)))
-                    lines.push({ text: truncateToWidth(text, width), plain: stripAnsi(text), blockIndex, railable: true });
-            }
-            catch {
-                try {
-                    for (const text of new Text(block.markdown || "∅").render(Math.max(1, width)))
-                        lines.push({ text: truncateToWidth(text, width), plain: stripAnsi(text), blockIndex, railable: true });
-                }
-                catch {
-                    const text = block.markdown || "∅";
-                    for (const line of text.split("\n"))
-                        lines.push({ text: truncateToWidth(line, width), plain: line, blockIndex, railable: true });
-                }
-            }
-        }
+        this.timeline.setShowTools(this.showTools);
+        this.timeline.render(width);
+        const timelineSnapshot = this.timeline.getSnapshot();
+        const lines = timelineSnapshot.lines.map((line) => ({ ...line }));
+        this.cachedMessageStarts = [...timelineSnapshot.messageStarts];
+        this.cachedMessageBlocks = [...timelineSnapshot.messageBlocks];
         if (this.record.status === "running" && this.activity) {
             const act = describeActivity(this.activity.activeTools, this.activity.responseText);
             const text = `▍ ${act}`;
@@ -543,3 +584,4 @@ export class ConversationViewer {
         this.tui.requestRender();
     }
 }
+//# sourceMappingURL=conversation-viewer.js.map