@selesai/code 0.13.15 → 0.13.18

package/dist/modes/interactive/components/thinking-selector.js

@@ -1,6 +1,7 @@
-import { Container, SelectList } from "@earendil-works/pi-tui";
-import { getSelectListTheme } from "../theme/theme.js";
+import { Container, fuzzyFilter, getKeybindings, Input, SelectList, Spacer, Text, } from "@earendil-works/pi-tui";
+import { getSelectListTheme, theme } from "../theme/theme.js";
 import { DynamicBorder } from "./dynamic-border.js";
+import { keyDisplayText } from "./keybinding-hints.js";
 const THINKING_SELECT_LIST_LAYOUT = {
     minPrimaryColumnWidth: 12,
     maxPrimaryColumnWidth: 32,
@@ -18,33 +19,89 @@ const LEVEL_DESCRIPTIONS = {
  * Component that renders a thinking level selector with borders
  */
 export class ThinkingSelectorComponent extends Container {
+    searchInput;
     selectList;
-    constructor(currentLevel, availableLevels, onSelect, onCancel) {
+    selectListChildIndex;
+    allItems;
+    onSelect;
+    onCancel;
+    onSelectAsDefault;
+    _focused = false;
+    get focused() {
+        return this._focused;
+    }
+    set focused(value) {
+        this._focused = value;
+        this.searchInput.focused = value;
+    }
+    constructor(currentLevel, availableLevels, onSelect, onCancel, onSelectAsDefault, defaultThinkingLevel) {
         super();
-        const thinkingLevels = availableLevels.map((level) => ({
+        this.onSelect = onSelect;
+        this.onCancel = onCancel;
+        this.onSelectAsDefault = onSelectAsDefault;
+        this.allItems = availableLevels.map((level) => ({
             value: level,
-            label: level,
-            description: LEVEL_DESCRIPTIONS[level],
+            label: `${level === currentLevel ? "✓ " : "  "}${level}`,
+            description: level === defaultThinkingLevel ? `${LEVEL_DESCRIPTIONS[level]} · default` : LEVEL_DESCRIPTIONS[level],
         }));
         // Add top border
         this.addChild(new DynamicBorder());
+        this.addChild(new Spacer(1));
+        this.addChild(new Text("Thinking Level", 0, 0));
+        this.addChild(new Spacer(1));
+        this.addChild(new Text(`${keyDisplayText("app.thinking.cycle")} cycles thinking levels in-session`, 0, 0));
+        this.addChild(new Spacer(1));
+        this.searchInput = new Input();
+        this.searchInput.onSubmit = () => this.selectList.handleInput("\r");
+        this.addChild(this.searchInput);
+        this.addChild(new Spacer(1));
         // Create selector
-        this.selectList = new SelectList(thinkingLevels, thinkingLevels.length, getSelectListTheme(), THINKING_SELECT_LIST_LAYOUT);
-        // Preselect current level
-        const currentIndex = thinkingLevels.findIndex((item) => item.value === currentLevel);
-        if (currentIndex !== -1) {
-            this.selectList.setSelectedIndex(currentIndex);
-        }
-        this.selectList.onSelect = (item) => {
-            onSelect(item.value);
-        };
-        this.selectList.onCancel = () => {
-            onCancel();
-        };
+        this.selectList = this.buildSelectList(this.allItems, currentLevel);
+        this.selectListChildIndex = this.children.length;
         this.addChild(this.selectList);
+        this.addChild(new Spacer(1));
+        this.addChild(new Text(theme.fg("dim", `  ${keyDisplayText("tui.select.confirm")} to select · ${keyDisplayText("app.thinking.save")} to set as default · ${keyDisplayText("tui.select.cancel")} to cancel`), 0, 0));
         // Add bottom border
         this.addChild(new DynamicBorder());
     }
+    buildSelectList(items, preselect) {
+        const list = new SelectList(items, Math.max(1, items.length), getSelectListTheme(), THINKING_SELECT_LIST_LAYOUT);
+        const currentIndex = items.findIndex((item) => item.value === preselect);
+        if (currentIndex !== -1) {
+            list.setSelectedIndex(currentIndex);
+        }
+        list.onSelect = (item) => this.onSelect(item.value);
+        list.onCancel = () => this.onCancel();
+        return list;
+    }
+    applyFilter(query) {
+        const filtered = query
+            ? fuzzyFilter(this.allItems, query, (item) => `${item.value} ${item.description ?? ""}`)
+            : this.allItems;
+        const selectedValue = this.selectList.getSelectedItem()?.value;
+        const newList = this.buildSelectList(filtered, selectedValue);
+        this.children[this.selectListChildIndex] = newList;
+        this.selectList = newList;
+    }
+    handleInput(keyData) {
+        const kb = getKeybindings();
+        if (kb.matches(keyData, "app.thinking.save") && this.onSelectAsDefault) {
+            const item = this.selectList.getSelectedItem();
+            if (item)
+                this.onSelectAsDefault(item.value);
+            return;
+        }
+        const isNav = kb.matches(keyData, "tui.select.up") ||
+            kb.matches(keyData, "tui.select.down") ||
+            kb.matches(keyData, "tui.select.confirm") ||
+            kb.matches(keyData, "tui.select.cancel");
+        if (isNav) {
+            this.selectList.handleInput(keyData);
+            return;
+        }
+        this.searchInput.handleInput(keyData);
+        this.applyFilter(this.searchInput.getValue());
+    }
     getSelectList() {
         return this.selectList;
     }

package/dist/modes/interactive/components/tool-execution.d.ts

@@ -1,5 +1,19 @@
-import { Container, type TUI } from "@earendil-works/pi-tui";
-import type { ToolDefinition } from "../../../core/extensions/types.ts";
+import type { AgentToolResult } from "@earendil-works/pi-agent-core";
+import { type Component, Container, type TUI, type TuiMouseEvent } from "@earendil-works/pi-tui";
+import type { ToolDefinition, ToolRenderContext, ToolRenderResultOptions } from "../../../core/extensions/types.ts";
+import type { Theme } from "../theme/theme.ts";
+/**
+ * What this component needs from a tool: how to draw it. It neither executes tools nor reads their
+ * parameter schemas, so a definition and a bare renderer pair are equally acceptable.
+ *
+ * The renderer parameters are `any` on purpose: a `ToolDefinition` types them from its schema, and
+ * narrowing them here would make those definitions unassignable.
+ */
+export interface ToolRenderers {
+    renderShell?: "default" | "self";
+    renderCall?: (args: any, theme: Theme, context: ToolRenderContext<any, any>) => Component;
+    renderResult?: (result: AgentToolResult<any>, options: ToolRenderResultOptions, theme: Theme, context: ToolRenderContext<any, any>) => Component;
+}
 export interface ToolExecutionOptions {
     showImages?: boolean;
     imageWidthCells?: number;
@@ -7,7 +21,9 @@ export interface ToolExecutionOptions {
 export declare class ToolExecutionComponent extends Container {
     private contentBox;
     private contentText;
+    private contentTextRegion;
     private selfRenderContainer;
+    private selfRenderHeight;
     private callRendererComponent?;
     private resultRendererComponent?;
     private rendererState;
@@ -21,7 +37,6 @@ export declare class ToolExecutionComponent extends Container {
     private imageWidthCells;
     private isPartial;
     private toolDefinition?;
-    private builtInToolDefinition?;
     private ui;
     private cwd;
     private executionStarted;
@@ -29,7 +44,7 @@ export declare class ToolExecutionComponent extends Container {
     private result?;
     private convertedImages;
     private hideComponent;
-    constructor(toolName: string, toolCallId: string, args: any, options: ToolExecutionOptions | undefined, toolDefinition: ToolDefinition<any, any> | undefined, ui: TUI, cwd: string);
+    constructor(toolName: string, toolCallId: string, args: any, options: ToolExecutionOptions | undefined, toolDefinition: ToolRenderers | ToolDefinition<any, any, any> | undefined, ui: TUI, cwd: string);
     private getCallRenderer;
     private getResultRenderer;
     private hasRendererDefinition;
@@ -37,6 +52,7 @@ export declare class ToolExecutionComponent extends Container {
     private getRenderContext;
     private createCallFallback;
     private createResultFallback;
+    private createResultRegion;
     updateArgs(args: any): void;
     markExecutionStarted(): void;
     setArgsComplete(): void;
@@ -56,6 +72,7 @@ export declare class ToolExecutionComponent extends Container {
     setImageWidthCells(width: number): void;
     invalidate(): void;
     render(width: number): string[];
+    handleMouse(event: TuiMouseEvent): ReturnType<Container["handleMouse"]>;
     private updateDisplay;
     private getTextOutput;
     private formatToolExecution;

package/dist/modes/interactive/components/tool-execution.js

@@ -1,5 +1,4 @@
-import { Box, Container, getCapabilities, Image, Spacer, Text } from "@earendil-works/pi-tui";
-import { createAllToolDefinitions } from "../../../core/tools/index.js";
+import { Box, Container, getCapabilities, Image, MouseRegion, Spacer, Text, } from "@earendil-works/pi-tui";
 import { getTextOutput as getRenderedTextOutput } from "../../../core/tools/render-utils.js";
 import { convertToPng } from "../../../utils/image-convert.js";
 import { keyHint } from "./keybinding-hints.js";
@@ -8,7 +7,9 @@ const FALLBACK_PREVIEW_LINES = 10;
 export class ToolExecutionComponent extends Container {
     contentBox;
     contentText;
+    contentTextRegion;
     selfRenderContainer;
+    selfRenderHeight = 0;
     callRendererComponent;
     resultRendererComponent;
     rendererState = {};
@@ -22,7 +23,6 @@ export class ToolExecutionComponent extends Container {
     imageWidthCells;
     isPartial = true;
     toolDefinition;
-    builtInToolDefinition;
     ui;
     cwd;
     executionStarted = false;
@@ -36,7 +36,6 @@ export class ToolExecutionComponent extends Container {
         this.toolCallId = toolCallId;
         this.args = args;
         this.toolDefinition = toolDefinition;
-        this.builtInToolDefinition = createAllToolDefinitions(cwd)[toolName];
         this.showImages = options.showImages ?? true;
         this.imageWidthCells = options.imageWidthCells ?? 60;
         this.ui = ui;
@@ -47,44 +46,27 @@ export class ToolExecutionComponent extends Container {
         // contentText is reserved for generic fallback rendering when no tool definition exists.
         this.contentBox = new Box(1, 1, (text) => theme.bg("toolPendingBg", text));
         this.contentText = new Text("", 1, 1, (text) => theme.bg("toolPendingBg", text));
+        this.contentTextRegion = this.createResultRegion(this.contentText);
         this.selfRenderContainer = new Container();
         if (this.hasRendererDefinition()) {
             this.addChild(this.getRenderShell() === "self" ? this.selfRenderContainer : this.contentBox);
         }
         else {
-            this.addChild(this.contentText);
+            this.addChild(this.contentTextRegion);
         }
         this.updateDisplay();
     }
     getCallRenderer() {
-        if (!this.builtInToolDefinition) {
-            return this.toolDefinition?.renderCall;
-        }
-        if (!this.toolDefinition) {
-            return this.builtInToolDefinition.renderCall;
-        }
-        return this.toolDefinition.renderCall ?? this.builtInToolDefinition.renderCall;
+        return this.toolDefinition?.renderCall;
     }
     getResultRenderer() {
-        if (!this.builtInToolDefinition) {
-            return this.toolDefinition?.renderResult;
-        }
-        if (!this.toolDefinition) {
-            return this.builtInToolDefinition.renderResult;
-        }
-        return this.toolDefinition.renderResult ?? this.builtInToolDefinition.renderResult;
+        return this.toolDefinition?.renderResult;
     }
     hasRendererDefinition() {
-        return this.builtInToolDefinition !== undefined || this.toolDefinition !== undefined;
+        return this.toolDefinition !== undefined;
     }
     getRenderShell() {
-        if (!this.builtInToolDefinition) {
-            return this.toolDefinition?.renderShell ?? "default";
-        }
-        if (!this.toolDefinition) {
-            return this.builtInToolDefinition.renderShell ?? "default";
-        }
-        return this.toolDefinition.renderShell ?? this.builtInToolDefinition.renderShell ?? "default";
+        return this.toolDefinition?.renderShell ?? "default";
     }
     getRenderContext(lastComponent) {
         return {
@@ -122,6 +104,14 @@ export class ToolExecutionComponent extends Container {
         }
         return new Text(text, 0, 0);
     }
+    createResultRegion(component) {
+        return new MouseRegion(component, (event) => {
+            if (!this.result || event.type !== "click" || event.button !== "left")
+                return undefined;
+            this.setExpanded(!this.expanded);
+            return { handled: true };
+        });
+    }
     updateArgs(args) {
         this.args = args;
         this.updateDisplay();
@@ -189,6 +179,7 @@ export class ToolExecutionComponent extends Container {
         }
         if (this.hasRendererDefinition() && this.getRenderShell() === "self") {
             const contentLines = this.selfRenderContainer.render(width);
+            this.selfRenderHeight = contentLines.length;
             if (contentLines.length === 0 && this.imageComponents.length === 0) {
                 return [];
             }
@@ -211,6 +202,17 @@ export class ToolExecutionComponent extends Container {
         }
         return super.render(width);
     }
+    handleMouse(event) {
+        if (!this.hasRendererDefinition() || this.getRenderShell() !== "self")
+            return super.handleMouse(event);
+        if (event.y <= 0 || event.y > this.selfRenderHeight)
+            return undefined;
+        return this.selfRenderContainer.handleMouse({
+            ...event,
+            y: event.y - 1,
+            height: this.selfRenderHeight,
+        });
+    }
     updateDisplay() {
         const bgFn = this.isPartial
             ? (text) => theme.bg("toolPendingBg", text)
@@ -227,19 +229,19 @@ export class ToolExecutionComponent extends Container {
             renderContainer.clear();
             const callRenderer = this.getCallRenderer();
             if (!callRenderer) {
-                renderContainer.addChild(this.createCallFallback());
+                renderContainer.addChild(this.createResultRegion(this.createCallFallback()));
                 hasContent = true;
             }
             else {
                 try {
                     const component = callRenderer(this.args, theme, this.getRenderContext(this.callRendererComponent));
                     this.callRendererComponent = component;
-                    renderContainer.addChild(component);
+                    renderContainer.addChild(this.createResultRegion(component));
                     hasContent = true;
                 }
                 catch {
                     this.callRendererComponent = undefined;
-                    renderContainer.addChild(this.createCallFallback());
+                    renderContainer.addChild(this.createResultRegion(this.createCallFallback()));
                     hasContent = true;
                 }
             }
@@ -248,7 +250,7 @@ export class ToolExecutionComponent extends Container {
                 if (!resultRenderer) {
                     const component = this.createResultFallback();
                     if (component) {
-                        renderContainer.addChild(component);
+                        renderContainer.addChild(this.createResultRegion(component));
                         hasContent = true;
                     }
                 }
@@ -256,14 +258,14 @@ export class ToolExecutionComponent extends Container {
                     try {
                         const component = resultRenderer({ content: this.result.content, details: this.result.details }, { expanded: this.expanded, isPartial: this.isPartial }, theme, this.getRenderContext(this.resultRendererComponent));
                         this.resultRendererComponent = component;
-                        renderContainer.addChild(component);
+                        renderContainer.addChild(this.createResultRegion(component));
                         hasContent = true;
                     }
                     catch {
                         this.resultRendererComponent = undefined;
                         const component = this.createResultFallback();
                         if (component) {
-                            renderContainer.addChild(component);
+                            renderContainer.addChild(this.createResultRegion(component));
                             hasContent = true;
                         }
                     }

package/dist/modes/interactive/components/trust-selector.js

@@ -61,10 +61,10 @@ export class TrustSelectorComponent extends Container {
             }
             const isSelected = i === this.selectedIndex;
             const isCurrent = this.isSavedOption(option);
-            const checkmark = isCurrent ? theme.fg("success", " ✓") : "";
+            const currentMarker = isCurrent ? theme.fg("accent", "✓ ") : "  ";
             const prefix = isSelected ? theme.fg("accent", "→ ") : "  ";
             const label = isSelected ? theme.fg("accent", option.label) : theme.fg("text", option.label);
-            this.listContainer.addChild(new Text(`${prefix}${label}${checkmark}`, 1, 0));
+            this.listContainer.addChild(new Text(`${prefix}${currentMarker}${label}`, 1, 0));
         }
     }
     handleInput(keyData) {

package/dist/modes/interactive/interactive-mode.d.ts

@@ -3,12 +3,11 @@
  * Handles TUI rendering and user interaction, delegating business logic to AgentSession.
  */
 import type { ImageContent } from "@earendil-works/pi-ai/compat";
-import type { Terminal } from "@earendil-works/pi-tui";
-import { type TUI, TuiAltScreen, TuiMainScreen } from "@earendil-works/pi-tui";
 import { type AgentSessionRuntime } from "../../core/agent-session-runtime.ts";
 import { SessionManager } from "../../core/session-manager.ts";
 import type { FullscreenExitOutput, TuiMode } from "../../core/settings-manager.ts";
 import { type LatestPiRelease } from "../../utils/version-check.ts";
+export { createInteractiveTui, createInteractiveTuiReference } from "./tui-renderer.ts";
 type PendingUserInput = {
     text: string;
     images?: ImageContent[];
@@ -37,18 +36,6 @@ export interface InteractiveModeOptions {
     /** Initial interactive theme setting for this invocation. */
     initialThemeSetting?: string;
 }
-interface InteractiveTuiOptions {
-    tuiMode: TuiMode;
-    showHardwareCursor: boolean;
-    logDirectory: string;
-    terminal?: Terminal;
-    onRightClickPaste?: () => void;
-    fullscreenCopyOnSelect?: boolean;
-}
-/** Composition root for selecting the interactive terminal renderer. */
-export declare function createInteractiveTui(options: InteractiveTuiOptions): TuiMainScreen | TuiAltScreen;
-/** Stable reference for components while InteractiveMode replaces the active renderer. */
-export declare function createInteractiveTuiReference(getTui: () => TUI): TUI;
 export declare class InteractiveMode {
     private runtimeHost;
     private renderer;
@@ -78,6 +65,7 @@ export declare class InteractiveMode {
     private pendingUserInputs;
     private pendingInputImages;
     private activeStatusIndicator;
+    private activeWorkingIndicatorEmbedded;
     private readonly idleStatus;
     private workingMessage;
     private workingVisible;
@@ -191,6 +179,10 @@ export declare class InteractiveMode {
     /**
      * Get a registered tool definition by name (for custom rendering).
      */
+    /**
+     * Extension-registered definition, falling back to the built-in one. The renderer components take
+     * whatever this returns, so they never reach into the tool registry themselves.
+     */
     private getRegisteredToolDefinition;
     /**
      * Set up keyboard shortcuts registered by extensions.
@@ -200,6 +192,7 @@ export declare class InteractiveMode {
      * Set extension status text in the footer.
      */
     private setExtensionStatus;
+    private setEditorWorkingStatusIndicator;
     private showStatusIndicator;
     private clearStatusIndicator;
     private showWorkingStatusIndicator;
@@ -304,6 +297,12 @@ export declare class InteractiveMode {
      * @param options.populateHistory Add user messages to editor history
      */
     private renderSessionEntries;
+    /**
+     * Render billing usage for a compaction or branch summary. The notice is derived
+     * from persisted summary usage and is not stored as a separate session entry.
+     */
+    private addCompactionCostNotice;
+    private maybeShowAssistantDiagnostics;
     /**
      * Show a transcript notice when a completed assistant message paid for a
      * significant cache miss. Only states observable facts: the miss itself,
@@ -444,4 +443,3 @@ export declare class InteractiveMode {
     private handleCompactCommand;
     stop(fullscreenExitOutput?: FullscreenExitOutput): void;
 }
-export {};