@travisennis/acai 0.0.6 → 0.0.7

package/dist/tui/components/thinking-block.js

@@ -25,6 +25,9 @@ export class ThinkingBlockComponent extends Container {
         const content = message.content;
         // Assistant text messages with no background - trim the text
         // Set paddingY=0 to avoid extra spacing before tool executions
-        this.contentContainer.addChild(new Markdown(style.dim(content.trim()), undefined, undefined, undefined, 1, 0));
+        this.contentContainer.addChild(new Markdown(style.dim(content.trim()), {
+            paddingX: 1,
+            paddingY: 0,
+        }));
     }
 }

package/dist/tui/components/tool-execution.d.ts

@@ -1,17 +1,21 @@
 import type { ToolEvent } from "../../agent/index.ts";
-import { Container } from "../index.ts";
+import { Container, type TUI } from "../index.ts";
 export declare class ToolExecutionComponent extends Container {
+    private tui;
     private contentContainer;
+    private loaderComponent;
     private toolName;
     private events;
-    constructor(event: ToolEvent);
-    update(event: ToolEvent): void;
+    constructor(tui: TUI, events: ToolEvent[]);
+    update(events: ToolEvent[]): void;
     private renderDisplay;
-    private getIndicator;
+    private getToolCallStartComponent;
+    private handleToolStartMessage;
     private handleToolInitMessage;
     private handleToolUpdateMessage;
     private handleToolCompletionMessage;
     private handleToolErrorMessage;
     private processEventsInOrder;
+    private getEventIndex;
 }
 //# sourceMappingURL=tool-execution.d.ts.map

package/dist/tui/components/tool-execution.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tool-execution.d.ts","sourceRoot":"","sources":["../../../source/tui/components/tool-execution.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAGtD,OAAO,EAAE,SAAS,EAAgB,MAAM,aAAa,CAAC;AAItD,qBAAa,sBAAuB,SAAQ,SAAS;IACnD,OAAO,CAAC,gBAAgB,CAAY;IACpC,OAAO,CAAC,QAAQ,CAAS;IACzB,OAAO,CAAC,MAAM,CAAc;gBAEhB,KAAK,EAAE,SAAS;IAY5B,MAAM,CAAC,KAAK,EAAE,SAAS;IAKvB,OAAO,CAAC,aAAa;IAwDrB,OAAO,CAAC,YAAY;IAgBpB,OAAO,CAAC,qBAAqB;IAU7B,OAAO,CAAC,uBAAuB;IAkB/B,OAAO,CAAC,2BAA2B;IAcnC,OAAO,CAAC,sBAAsB;IAI9B,OAAO,CAAC,oBAAoB;CA+C7B"}
+{"version":3,"file":"tool-execution.d.ts","sourceRoot":"","sources":["../../../source/tui/components/tool-execution.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAGtD,OAAO,EACL,SAAS,EAKT,KAAK,GAAG,EACT,MAAM,aAAa,CAAC;AAUrB,qBAAa,sBAAuB,SAAQ,SAAS;IACnD,OAAO,CAAC,GAAG,CAAM;IACjB,OAAO,CAAC,gBAAgB,CAAY;IACpC,OAAO,CAAC,eAAe,CAAgB;IACvC,OAAO,CAAC,QAAQ,CAAS;IACzB,OAAO,CAAC,MAAM,CAAc;gBAEhB,GAAG,EAAE,GAAG,EAAE,MAAM,EAAE,SAAS,EAAE;IAczC,MAAM,CAAC,MAAM,EAAE,SAAS,EAAE;IAS1B,OAAO,CAAC,aAAa;IAiErB,OAAO,CAAC,yBAAyB;IA0DjC,OAAO,CAAC,sBAAsB;IAU9B,OAAO,CAAC,qBAAqB;IAI7B,OAAO,CAAC,uBAAuB;IAI/B,OAAO,CAAC,2BAA2B;IAInC,OAAO,CAAC,sBAAsB;IAI9B,OAAO,CAAC,oBAAoB;IA+B5B,OAAO,CAAC,aAAa;CAkBtB"}

package/dist/tui/components/tool-execution.js

@@ -1,117 +1,118 @@
 import { capitalize } from "../../formatting.js";
 import style from "../../terminal/style.js";
-import { Container, Spacer, Text } from "../index.js";
+import { Container, Loader, Markdown, Spacer, Text, } from "../index.js";
+const bgColor = {
+    r: 52,
+    g: 53,
+    b: 65,
+};
 export class ToolExecutionComponent extends Container {
+    tui;
     contentContainer;
+    loaderComponent;
     toolName;
     events;
-    constructor(event) {
+    constructor(tui, events) {
         super();
-        this.toolName = event.name;
-        this.events = [event];
+        this.tui = tui;
+        this.loaderComponent = null;
+        this.toolName = events[0].name;
+        this.events = events;
         // Container for text/thinking content
         this.contentContainer = new Container();
         this.addChild(this.contentContainer);
         this.renderDisplay();
     }
-    update(event) {
-        this.events.push(event);
+    update(events) {
+        this.events = events;
+        // Clear content container
+        this.contentContainer.clear();
         this.renderDisplay();
     }
     renderDisplay() {
-        // Clear content container
-        this.contentContainer.clear();
-        const lines = [];
         // Build display from complete event history with proper ordering
         const processedEvents = this.processEventsInOrder();
+        const currentStatus = processedEvents.at(-1)?.type ?? "tool-call-start";
+        this.contentContainer.addChild(new Spacer(1));
+        this.contentContainer.addChild(new Spacer(1, bgColor));
         for (let i = 0; i < processedEvents.length; i++) {
             const event = processedEvents[i];
             const eventType = event.type;
             switch (eventType) {
                 case "tool-call-start":
-                    lines.push(`${this.handleToolInitMessage(event)}`);
+                    this.getToolCallStartComponent(event, currentStatus);
+                    break;
+                case "tool-call-init":
+                    this.contentContainer.addChild(new Text(`→ ${this.handleToolInitMessage(event.msg)}`, 1, 0, bgColor));
                     break;
                 case "tool-call-update":
-                    lines.push(`├── ${this.handleToolUpdateMessage(event.msg)}`);
+                    this.contentContainer.addChild(new Markdown(this.handleToolUpdateMessage(event.msg), {
+                        paddingX: 3,
+                        customBgRgb: bgColor,
+                    }));
                     break;
                 case "tool-call-end":
-                    lines.push(`└── ${this.handleToolCompletionMessage(event.msg)}`);
+                    this.contentContainer.addChild(new Text(`└ ${this.handleToolCompletionMessage(event.msg)}`, 1, 0, bgColor));
                     break;
                 case "tool-call-error":
-                    lines.push(`└── ${this.handleToolErrorMessage(event.msg)}`);
+                    this.contentContainer.addChild(new Text(`└ ${this.handleToolErrorMessage(event.msg)}`, 1, 0, bgColor));
                     break;
                 default: {
                     eventType;
                 }
             }
         }
-        // Render all lines with proper indicators
-        const currentStatus = this.events[this.events.length - 1].type;
-        const indicator = this.getIndicator(currentStatus);
-        const displayLines = [];
-        for (let i = 0; i < lines.length; i++) {
-            let line = lines[i];
-            if (i === 0) {
-                line = `${indicator} ${line}`;
-            }
-            displayLines.push(line);
-        }
+        this.contentContainer.addChild(new Spacer(1, bgColor));
         this.contentContainer.addChild(new Spacer(1));
-        this.contentContainer.addChild(new Text(displayLines.join("\n"), 1, 1, {
-            r: 52,
-            g: 53,
-            b: 65,
-        }));
     }
-    getIndicator(status) {
-        switch (status) {
+    getToolCallStartComponent(event, currentStatus) {
+        switch (currentStatus) {
             case "tool-call-start":
-                return style.blue.bold("●");
+                this.contentContainer.addChild(new Text(`${style.blue.bold("●")} ${this.handleToolStartMessage(event)}`, 1, 0, bgColor));
+                break;
+            case "tool-call-init":
             case "tool-call-update":
-                return style.yellow.bold("●");
+                if (!this.loaderComponent) {
+                    this.loaderComponent = new Loader(this.tui, this.handleToolStartMessage(event), bgColor);
+                    this.contentContainer.addChild(this.loaderComponent);
+                }
+                else {
+                    this.loaderComponent.setMessage(this.handleToolStartMessage(event));
+                }
+                break;
             case "tool-call-end":
-                return style.green.bold("●");
+                if (this.loaderComponent) {
+                    this.loaderComponent.stop();
+                    this.loaderComponent = null;
+                }
+                this.contentContainer.addChild(new Text(`${style.green.bold("●")} ${this.handleToolStartMessage(event)}`, 1, 0, bgColor));
+                break;
             case "tool-call-error":
-                return style.red.bold("●");
+                if (this.loaderComponent) {
+                    this.loaderComponent.stop();
+                    this.loaderComponent = null;
+                }
+                this.contentContainer.addChild(new Text(`${style.red.bold("●")} ${this.handleToolStartMessage(event)}`, 1, 0, bgColor));
+                break;
             default:
-                status;
+                currentStatus;
         }
-        return style.blue.bold("●");
     }
-    handleToolInitMessage(event) {
+    handleToolStartMessage(event) {
         const message = event.msg;
         let result = `${style.bold(capitalize(this.toolName))} `;
         result += message.trim() ? `${style.bold(message)} ` : "";
         result += style.dim(JSON.stringify(event.args).slice(0, 50));
         return result;
     }
+    handleToolInitMessage(message) {
+        return style.bold(message);
+    }
     handleToolUpdateMessage(message) {
-        const newlineIndex = message.indexOf("\n");
-        let result = "";
-        if (newlineIndex === -1) {
-            result += style.bold(message);
-        }
-        else {
-            const firstLine = message.slice(0, newlineIndex);
-            // const remainingLines = message.slice(newlineIndex + 1);
-            result += style.bold(firstLine);
-            // if (remainingLines.trim()) {
-            //   terminal.display(remainingLines);
-            // }
-        }
-        return result;
+        return message;
     }
     handleToolCompletionMessage(message) {
-        const newlineIndex = message.indexOf("\n");
-        let result = "";
-        if (newlineIndex === -1) {
-            result += style.bold(message);
-        }
-        else {
-            const firstLine = message.slice(0, newlineIndex);
-            result += style.bold(firstLine);
-        }
-        return result;
+        return style.bold(message);
     }
     handleToolErrorMessage(message) {
         return style.bold.red(message);
@@ -119,8 +120,11 @@ export class ToolExecutionComponent extends Container {
     processEventsInOrder() {
         const events = [...this.events];
         const processed = [];
-        // Ensure we have a tool-call-start event
-        const hasStartEvent = events.some((event) => event.type === "tool-call-start");
+        // Ensure we have a tool-call-start event for this specific tool call
+        // Events are grouped by toolCallId, so we need to check for start events
+        // that match the current tool call's ID
+        const toolCallId = events[0]?.toolCallId;
+        const hasStartEvent = events.some((event) => event.type === "tool-call-start" && event.toolCallId === toolCallId);
         if (!hasStartEvent && events.length > 0) {
             // Create synthetic start event using the first event's name
             const firstEvent = events[0];
@@ -132,22 +136,26 @@ export class ToolExecutionComponent extends Container {
                 args: firstEvent.args,
             });
         }
-        // Process events in the correct order: start → update → end/error
-        const startEvents = events.filter((event) => event.type === "tool-call-start");
-        const updateEvents = events.filter((event) => event.type === "tool-call-update");
-        const endEvents = events.filter((event) => event.type === "tool-call-end");
-        const errorEvents = events.filter((event) => event.type === "tool-call-error");
-        // Add start events first
-        processed.push(...startEvents);
-        // Add update events
-        processed.push(...updateEvents);
-        // Add end or error events (only one should be present)
-        if (endEvents.length > 0) {
-            processed.push(...endEvents);
-        }
-        else if (errorEvents.length > 0) {
-            processed.push(...errorEvents);
-        }
+        processed.push(...events);
+        processed.sort((a, b) => this.getEventIndex(a) - this.getEventIndex(b));
         return processed;
     }
+    getEventIndex(event) {
+        const eventType = event.type;
+        switch (eventType) {
+            case "tool-call-start":
+                return 0;
+            case "tool-call-init":
+                return 1;
+            case "tool-call-update":
+                return 2;
+            case "tool-call-end":
+            case "tool-call-error":
+                return 3;
+            default: {
+                eventType;
+                return -1;
+            }
+        }
+    }
 }

package/dist/tui/components/user-message.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"user-message.d.ts","sourceRoot":"","sources":["../../../source/tui/components/user-message.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAC;AAItC;;GAEG;AACH,qBAAa,oBAAqB,SAAQ,SAAS;IACjD,OAAO,CAAC,QAAQ,CAAW;gBAEf,IAAI,EAAE,MAAM;CAezB"}
+{"version":3,"file":"user-message.d.ts","sourceRoot":"","sources":["../../../source/tui/components/user-message.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAC;AAItC;;GAEG;AACH,qBAAa,oBAAqB,SAAQ,SAAS;IACjD,OAAO,CAAC,QAAQ,CAAW;gBAEf,IAAI,EAAE,MAAM;CAiBzB"}

package/dist/tui/components/user-message.js

@@ -10,10 +10,12 @@ export class UserMessageComponent extends Container {
         super();
         this.addChild(new Spacer(1));
         // User messages with dark gray background
-        this.markdown = new Markdown(text, undefined, undefined, {
-            r: 52,
-            g: 53,
-            b: 65,
+        this.markdown = new Markdown(text, {
+            customBgRgb: {
+                r: 52,
+                g: 53,
+                b: 65,
+            },
         });
         this.addChild(this.markdown);
         this.addChild(new Spacer(1));

package/dist/tui/index.d.ts

@@ -1,14 +1,18 @@
-export { type AutocompleteItem, type AutocompleteProvider, CombinedAutocompleteProvider, type SlashCommand, } from "./autocomplete.ts";
-export { Editor, type TextEditorConfig } from "./components/editor.ts";
+export { type AutocompleteItem, CombinedAutocompleteProvider, type SlashCommand, } from "./autocomplete.ts";
+export { BoxComponent } from "./components/box.ts";
+export { Editor } from "./components/editor.ts";
+export { HeaderComponent } from "./components/header.ts";
 export { Input } from "./components/input.ts";
 export { Loader } from "./components/loader.ts";
 export { Markdown } from "./components/markdown.ts";
-export { Modal, ModalTable, ModalText } from "./components/modal.ts";
-export { type SelectItem, SelectList } from "./components/select-list.ts";
+export { Modal, ModalText } from "./components/modal.ts";
+export { ProgressBarComponent } from "./components/progress-bar.ts";
+export { SelectList } from "./components/select-list.ts";
 export { Spacer } from "./components/spacer.ts";
+export { TableComponent } from "./components/table.ts";
 export { Text } from "./components/text.ts";
 export { UserMessageComponent } from "./components/user-message.ts";
-export { ProcessTerminal, type Terminal } from "./terminal.ts";
+export { ProcessTerminal } from "./terminal.ts";
 export { type Component, Container, TUI } from "./tui.ts";
 export { visibleWidth } from "./utils.ts";
 //# sourceMappingURL=index.d.ts.map

package/dist/tui/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../source/tui/index.ts"],"names":[],"mappings":"AAGA,OAAO,EACL,KAAK,gBAAgB,EACrB,KAAK,oBAAoB,EACzB,4BAA4B,EAC5B,KAAK,YAAY,GAClB,MAAM,mBAAmB,CAAC;AAE3B,OAAO,EAAE,MAAM,EAAE,KAAK,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AACvE,OAAO,EAAE,KAAK,EAAE,MAAM,uBAAuB,CAAC;AAC9C,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAChD,OAAO,EAAE,QAAQ,EAAE,MAAM,0BAA0B,CAAC;AACpD,OAAO,EAAE,KAAK,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AACrE,OAAO,EAAE,KAAK,UAAU,EAAE,UAAU,EAAE,MAAM,6BAA6B,CAAC;AAC1E,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAChD,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAC5C,OAAO,EAAE,oBAAoB,EAAE,MAAM,8BAA8B,CAAC;AAEpE,OAAO,EAAE,eAAe,EAAE,KAAK,QAAQ,EAAE,MAAM,eAAe,CAAC;AAC/D,OAAO,EAAE,KAAK,SAAS,EAAE,SAAS,EAAE,GAAG,EAAE,MAAM,UAAU,CAAC;AAE1D,OAAO,EAAE,YAAY,EAAE,MAAM,YAAY,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../source/tui/index.ts"],"names":[],"mappings":"AAGA,OAAO,EACL,KAAK,gBAAgB,EACrB,4BAA4B,EAC5B,KAAK,YAAY,GAClB,MAAM,mBAAmB,CAAC;AAE3B,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AACnD,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAChD,OAAO,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AACzD,OAAO,EAAE,KAAK,EAAE,MAAM,uBAAuB,CAAC;AAC9C,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAChD,OAAO,EAAE,QAAQ,EAAE,MAAM,0BAA0B,CAAC;AACpD,OAAO,EAAE,KAAK,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AACzD,OAAO,EAAE,oBAAoB,EAAE,MAAM,8BAA8B,CAAC;AACpE,OAAO,EAAE,UAAU,EAAE,MAAM,6BAA6B,CAAC;AACzD,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAChD,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AACvD,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAC5C,OAAO,EAAE,oBAAoB,EAAE,MAAM,8BAA8B,CAAC;AAEpE,OAAO,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AAChD,OAAO,EAAE,KAAK,SAAS,EAAE,SAAS,EAAE,GAAG,EAAE,MAAM,UAAU,CAAC;AAE1D,OAAO,EAAE,YAAY,EAAE,MAAM,YAAY,CAAC"}

package/dist/tui/index.js

@@ -2,13 +2,17 @@
 // Autocomplete support
 export { CombinedAutocompleteProvider, } from "./autocomplete.js";
 // Components
+export { BoxComponent } from "./components/box.js";
 export { Editor } from "./components/editor.js";
+export { HeaderComponent } from "./components/header.js";
 export { Input } from "./components/input.js";
 export { Loader } from "./components/loader.js";
 export { Markdown } from "./components/markdown.js";
-export { Modal, ModalTable, ModalText } from "./components/modal.js";
+export { Modal, ModalText } from "./components/modal.js";
+export { ProgressBarComponent } from "./components/progress-bar.js";
 export { SelectList } from "./components/select-list.js";
 export { Spacer } from "./components/spacer.js";
+export { TableComponent } from "./components/table.js";
 export { Text } from "./components/text.js";
 export { UserMessageComponent } from "./components/user-message.js";
 // Terminal interface and implementations

package/dist/tui/terminal.d.ts

@@ -19,9 +19,10 @@ export interface Terminal {
  */
 export declare class ProcessTerminal implements Terminal {
     private wasRaw;
+    private sigintHandler?;
     private inputHandler?;
     private resizeHandler?;
-    private rl?;
+    private stopped;
     start(onInput: (data: string) => void, onResize: () => void): void;
     stop(): void;
     write(data: string): void;

package/dist/tui/terminal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"terminal.d.ts","sourceRoot":"","sources":["../../source/tui/terminal.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,MAAM,WAAW,QAAQ;IAEvB,KAAK,CAAC,OAAO,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,EAAE,QAAQ,EAAE,MAAM,IAAI,GAAG,IAAI,CAAC;IAGnE,IAAI,IAAI,IAAI,CAAC;IAGb,KAAK,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI,CAAC;IAG1B,IAAI,OAAO,IAAI,MAAM,CAAC;IACtB,IAAI,IAAI,IAAI,MAAM,CAAC;IAGnB,MAAM,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IAG5B,UAAU,IAAI,IAAI,CAAC;IACnB,UAAU,IAAI,IAAI,CAAC;IAGnB,SAAS,IAAI,IAAI,CAAC;IAClB,eAAe,IAAI,IAAI,CAAC;IACxB,WAAW,IAAI,IAAI,CAAC;CACrB;AAID;;GAEG;AACH,qBAAa,eAAgB,YAAW,QAAQ;IAC9C,OAAO,CAAC,MAAM,CAAS;IACvB,OAAO,CAAC,YAAY,CAAC,CAAyB;IAC9C,OAAO,CAAC,aAAa,CAAC,CAAa;IACnC,OAAO,CAAC,EAAE,CAAC,CAAqB;IAEhC,KAAK,CAAC,OAAO,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,EAAE,QAAQ,EAAE,MAAM,IAAI,GAAG,IAAI;IA2ClE,IAAI,IAAI,IAAI;IA0BZ,KAAK,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI;IAIzB,IAAI,OAAO,IAAI,MAAM,CAEpB;IAED,IAAI,IAAI,IAAI,MAAM,CAEjB;IAED,MAAM,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI;IAW3B,UAAU,IAAI,IAAI;IAIlB,UAAU,IAAI,IAAI;IAIlB,SAAS,IAAI,IAAI;IAIjB,eAAe,IAAI,IAAI;IAIvB,WAAW,IAAI,IAAI;CAGpB"}
+{"version":3,"file":"terminal.d.ts","sourceRoot":"","sources":["../../source/tui/terminal.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,MAAM,WAAW,QAAQ;IAEvB,KAAK,CAAC,OAAO,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,EAAE,QAAQ,EAAE,MAAM,IAAI,GAAG,IAAI,CAAC;IAGnE,IAAI,IAAI,IAAI,CAAC;IAGb,KAAK,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI,CAAC;IAG1B,IAAI,OAAO,IAAI,MAAM,CAAC;IACtB,IAAI,IAAI,IAAI,MAAM,CAAC;IAGnB,MAAM,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IAG5B,UAAU,IAAI,IAAI,CAAC;IACnB,UAAU,IAAI,IAAI,CAAC;IAGnB,SAAS,IAAI,IAAI,CAAC;IAClB,eAAe,IAAI,IAAI,CAAC;IACxB,WAAW,IAAI,IAAI,CAAC;CACrB;AAED;;GAEG;AACH,qBAAa,eAAgB,YAAW,QAAQ;IAC9C,OAAO,CAAC,MAAM,CAAS;IACvB,OAAO,CAAC,aAAa,CAAC,CAAa;IACnC,OAAO,CAAC,YAAY,CAAC,CAAyB;IAC9C,OAAO,CAAC,aAAa,CAAC,CAAa;IACnC,OAAO,CAAC,OAAO,CAAS;IAExB,KAAK,CAAC,OAAO,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,EAAE,QAAQ,EAAE,MAAM,IAAI,GAAG,IAAI;IAiClE,IAAI,IAAI,IAAI;IA6BZ,KAAK,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI;IAIzB,IAAI,OAAO,IAAI,MAAM,CAEpB;IAED,IAAI,IAAI,IAAI,MAAM,CAEjB;IAED,MAAM,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI;IAW3B,UAAU,IAAI,IAAI;IAIlB,UAAU,IAAI,IAAI;IAIlB,SAAS,IAAI,IAAI;IAIjB,eAAe,IAAI,IAAI;IAIvB,WAAW,IAAI,IAAI;CAGpB"}

package/dist/tui/terminal.js

@@ -1,50 +1,44 @@
-import readline from "node:readline";
 /**
  * Real terminal using process.stdin/stdout
  */
 export class ProcessTerminal {
     wasRaw = false;
+    sigintHandler;
     inputHandler;
     resizeHandler;
-    rl;
+    stopped = false;
     start(onInput, onResize) {
         this.inputHandler = onInput;
         this.resizeHandler = onResize;
-        // Save previous state
-        this.wasRaw = process.stdin.isRaw || false;
-        // Check if we're in a TTY environment
-        const isTty = process.stdin.isTTY && process.stdout.isTTY;
-        if (isTty) {
-            // Create readline interface for reliable input handling
-            this.rl = readline.createInterface({
-                input: process.stdin,
-                output: process.stdout,
-                terminal: true,
-            });
-            // Enable raw mode for character-by-character input
-            if (process.stdin.setRawMode) {
-                process.stdin.setRawMode(true);
-            }
-            process.stdin.setEncoding("utf8");
-            process.stdin.resume();
-            // Enable bracketed paste mode - terminal will wrap pastes in \x1b[200~ ... \x1b[201~
-            process.stdout.write("\x1b[?2004h");
-            // Set up input handler
-            process.stdin.on("data", this.inputHandler);
-            process.stdout.on("resize", this.resizeHandler);
+        if (!process.stdin.isTTY || !process.stdout.isTTY) {
+            throw new Error("Terminal requires TTY environment");
         }
-        else {
-            console.warn("Not running in a TTY environment - input will not work");
-            // In non-TTY environments, we can't use raw mode
-            // But we can still set up basic input handling if needed
-            process.stdin.setEncoding("utf8");
-            if (process.stdin.isPaused()) {
-                process.stdin.resume();
-            }
-            process.stdin.on("data", this.inputHandler);
+        // Save previous state and enable raw mode
+        this.wasRaw = process.stdin.isRaw ?? false;
+        if (process.stdin.setRawMode) {
+            process.stdin.setRawMode(true);
         }
+        process.stdin.setEncoding("utf8");
+        process.stdin.resume();
+        // Enable bracketed paste mode - terminal will wrap pastes in \x1b[200~ ... \x1b[201~
+        process.stdout.write("\x1b[?2004h");
+        // Set up event handlers with proper binding and type conversion
+        process.stdin.on("data", (data) => {
+            this.inputHandler?.(typeof data === "string" ? data : data.toString("utf8"));
+        });
+        process.stdout.on("resize", () => {
+            this.resizeHandler?.();
+        });
+        this.sigintHandler = () => this.stop();
+        process.on("SIGINT", this.sigintHandler);
     }
     stop() {
+        if (this.stopped)
+            return;
+        this.stopped = true;
+        if (this.sigintHandler) {
+            process.off("SIGINT", this.sigintHandler);
+        }
         // Disable bracketed paste mode
         process.stdout.write("\x1b[?2004l");
         // Remove event handlers
@@ -56,11 +50,7 @@ export class ProcessTerminal {
             process.stdout.removeListener("resize", this.resizeHandler);
             this.resizeHandler = undefined;
         }
-        // Close readline interface
-        if (this.rl) {
-            this.rl.close();
-            this.rl = undefined;
-        }
+        process.stdin.pause();
         // Restore raw mode state
         if (process.stdin.setRawMode) {
             process.stdin.setRawMode(this.wasRaw);

package/dist/tui/tui.d.ts

@@ -43,6 +43,8 @@ export declare class TUI extends Container {
     private terminal;
     private focusedComponent;
     private renderRequested;
+    private isRendering;
+    private renderAgain;
     private activeModal;
     constructor(terminal: Terminal);
     setFocus(component: Component | null): void;

package/dist/tui/tui.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tui.d.ts","sourceRoot":"","sources":["../../source/tui/tui.ts"],"names":[],"mappings":"AAAA;;GAEG;AAIH,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,uBAAuB,CAAC;AACnD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAC9C,OAAO,EAAE,YAAY,EAAE,MAAM,YAAY,CAAC;AAE1C;;GAEG;AACH,MAAM,WAAW,SAAS;IACxB;;;;OAIG;IACH,MAAM,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IAEhC;;OAEG;IACH,WAAW,CAAC,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI,CAAC;IAEjC;;;;OAIG;IACH,iBAAiB,CAAC,IAAI,CAAC,MAAM,EAAE,MAAM,CAAC,GAAG,IAAI,CAAC;CAC/C;AAED,OAAO,EAAE,YAAY,EAAE,CAAC;AAExB;;GAEG;AACH,qBAAa,SAAU,YAAW,SAAS;IACzC,QAAQ,EAAE,SAAS,EAAE,CAAM;IAE3B,QAAQ,CAAC,SAAS,EAAE,SAAS,GAAG,IAAI;IAIpC,WAAW,CAAC,SAAS,EAAE,SAAS,GAAG,IAAI;IAOvC,KAAK,IAAI,IAAI;IAIb,MAAM,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE;CAOhC;AAED;;GAEG;AAGH,qBAAa,GAAI,SAAQ,SAAS;IAChC,OAAO,CAAC,QAAQ,CAAW;IAC3B,OAAO,CAAC,gBAAgB,CAA0B;IAClD,OAAO,CAAC,eAAe,CAAS;IAChC,OAAO,CAAC,WAAW,CAAsB;gBAE7B,QAAQ,EAAE,QAAQ;IAK9B,QAAQ,CAAC,SAAS,EAAE,SAAS,GAAG,IAAI,GAAG,IAAI;IAI3C,KAAK,IAAI,IAAI;IASb,IAAI,IAAI,IAAI;IAKZ,aAAa,IAAI,IAAI;IASrB,OAAO,CAAC,WAAW;IAwBnB,OAAO,CAAC,QAAQ;IAmFhB;;OAEG;IACH,SAAS,CAAC,KAAK,EAAE,KAAK,GAAG,IAAI;IAK7B;;OAEG;IACH,SAAS,IAAI,IAAI;IAKjB;;OAEG;IACH,aAAa,IAAI,OAAO;CAGzB"}
+{"version":3,"file":"tui.d.ts","sourceRoot":"","sources":["../../source/tui/tui.ts"],"names":[],"mappings":"AAAA;;GAEG;AAIH,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,uBAAuB,CAAC;AACnD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAC9C,OAAO,EAAE,YAAY,EAAE,MAAM,YAAY,CAAC;AAE1C;;GAEG;AACH,MAAM,WAAW,SAAS;IACxB;;;;OAIG;IACH,MAAM,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IAEhC;;OAEG;IACH,WAAW,CAAC,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI,CAAC;IAEjC;;;;OAIG;IACH,iBAAiB,CAAC,IAAI,CAAC,MAAM,EAAE,MAAM,CAAC,GAAG,IAAI,CAAC;CAC/C;AAED,OAAO,EAAE,YAAY,EAAE,CAAC;AAExB;;GAEG;AACH,qBAAa,SAAU,YAAW,SAAS;IACzC,QAAQ,EAAE,SAAS,EAAE,CAAM;IAE3B,QAAQ,CAAC,SAAS,EAAE,SAAS,GAAG,IAAI;IAIpC,WAAW,CAAC,SAAS,EAAE,SAAS,GAAG,IAAI;IAOvC,KAAK,IAAI,IAAI;IAIb,MAAM,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE;CAOhC;AAED;;GAEG;AAGH,qBAAa,GAAI,SAAQ,SAAS;IAChC,OAAO,CAAC,QAAQ,CAAW;IAC3B,OAAO,CAAC,gBAAgB,CAA0B;IAClD,OAAO,CAAC,eAAe,CAAS;IAChC,OAAO,CAAC,WAAW,CAAS;IAC5B,OAAO,CAAC,WAAW,CAAS;IAC5B,OAAO,CAAC,WAAW,CAAsB;gBAE7B,QAAQ,EAAE,QAAQ;IAK9B,QAAQ,CAAC,SAAS,EAAE,SAAS,GAAG,IAAI,GAAG,IAAI;IAI3C,KAAK,IAAI,IAAI;IASb,IAAI,IAAI,IAAI;IAKZ,aAAa,IAAI,IAAI;IAarB,OAAO,CAAC,WAAW;IAwBnB,OAAO,CAAC,QAAQ;IAgGhB;;OAEG;IACH,SAAS,CAAC,KAAK,EAAE,KAAK,GAAG,IAAI;IAK7B;;OAEG;IACH,SAAS,IAAI,IAAI;IAKjB;;OAEG;IACH,aAAa,IAAI,OAAO;CAGzB"}

package/dist/tui/tui.js

@@ -38,6 +38,8 @@ export class TUI extends Container {
     terminal;
     focusedComponent = null;
     renderRequested = false;
+    isRendering = false;
+    renderAgain = false;
     activeModal = null;
     constructor(terminal) {
         super();
@@ -56,10 +58,14 @@ export class TUI extends Container {
         this.terminal.stop();
     }
     requestRender() {
+        if (this.isRendering) {
+            this.renderAgain = true;
+            return;
+        }
         if (this.renderRequested)
             return;
         this.renderRequested = true;
-        process.nextTick(() => {
+        setImmediate(() => {
             this.renderRequested = false;
             this.doRender();
         });
@@ -67,7 +73,7 @@ export class TUI extends Container {
     handleInput(data) {
         // Handle Ctrl+C globally - exit the application
         if (data.charCodeAt(0) === 3) {
-            console.log("\nCtrl+C pressed - exiting...");
+            console.info("\nCtrl+C pressed - exiting...");
             this.stop();
             process.exit(0);
         }
@@ -87,42 +93,56 @@ export class TUI extends Container {
         }
     }
     doRender() {
-        const width = this.terminal.columns;
-        // Render all components to get new lines
-        const newLines = this.render(width);
-        // Always do full re-render for simplicity and reliability
-        // This ensures that previous content is properly cleared
-        let buffer = "\x1b[?2026h"; // Begin synchronized output
-        buffer += "\x1b[3J\x1b[2J\x1b[H"; // Clear scrollback, screen, and home
-        for (let i = 0; i < newLines.length; i++) {
-            if (i > 0)
-                buffer += "\r\n";
-            buffer += newLines[i];
+        if (this.isRendering) {
+            this.renderAgain = true;
+            return;
         }
-        // Render modal on top if active
-        if (this.activeModal) {
-            const modalLines = this.activeModal.render(width);
-            // Render backdrop first if modal has backdrop
-            if (this.activeModal.backdrop) {
-                const backdropLine = style.bgRgb(0, 0, 0)(" ".repeat(width));
-                const { columns } = getTerminalSize(); // 24
-                for (let i = 0; i < columns; i++) {
-                    // Cover entire terminal
-                    buffer += `\x1b[${i + 1};1H`;
-                    buffer += backdropLine;
-                }
+        this.isRendering = true;
+        try {
+            const width = this.terminal.columns;
+            // Render all components to get new lines
+            const newLines = this.render(width);
+            // Always do full re-render for simplicity and reliability
+            // This ensures that previous content is properly cleared
+            let buffer = "\x1b[?2026h"; // Begin synchronized output
+            buffer += "\x1b[3J\x1b[2J\x1b[H"; // Clear scrollback, screen, and home
+            for (let i = 0; i < newLines.length; i++) {
+                if (i > 0)
+                    buffer += "\r\n";
+                buffer += newLines[i];
             }
-            // Render modal content
-            for (let i = 0; i < modalLines.length; i++) {
-                if (modalLines[i]) {
-                    // Position cursor and overwrite existing content
-                    buffer += `\x1b[${i + 1};1H`;
-                    buffer += modalLines[i];
+            // Render modal on top if active
+            if (this.activeModal) {
+                const modalLines = this.activeModal.render(width);
+                // Render backdrop first if modal has backdrop
+                if (this.activeModal.backdrop) {
+                    const backdropLine = style.bgRgb(0, 0, 0)(" ".repeat(width));
+                    const { columns } = getTerminalSize(); // 24
+                    for (let i = 0; i < columns; i++) {
+                        // Cover entire terminal
+                        buffer += `\x1b[${i + 1};1H`;
+                        buffer += backdropLine;
+                    }
                 }
+                // Render modal content
+                for (let i = 0; i < modalLines.length; i++) {
+                    if (modalLines[i]) {
+                        // Position cursor and overwrite existing content
+                        buffer += `\x1b[${i + 1};1H`;
+                        buffer += modalLines[i];
+                    }
+                }
+            }
+            buffer += "\x1b[?2026l"; // End synchronized output
+            this.terminal.write(buffer);
+        }
+        finally {
+            this.isRendering = false;
+            if (this.renderAgain) {
+                this.renderAgain = false;
+                this.requestRender();
             }
         }
-        buffer += "\x1b[?2026l"; // End synchronized output
-        this.terminal.write(buffer);
     }
     // private positionCursor(
     //   componentCursorPos: [number, number] | null,

package/dist/tui/utils.d.ts

@@ -7,6 +7,11 @@
  * - Tabs (replaced with 3 spaces for consistent width)
  */
 export declare function visibleWidth(str: string): number;
+/**
+ * Truncate text to fit within a maximum visible width, preserving ANSI codes.
+ * Adds ellipsis if truncation occurs.
+ */
+export declare function truncateToWidth(text: string, maxWidth: number, ellipsis?: string): string;
 /**
  * Apply background color to a line, padding to full width.
  *

package/dist/tui/utils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../source/tui/utils.ts"],"names":[],"mappings":"AAEA;;;;;;;GAOG;AACH,wBAAgB,YAAY,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAIhD;AAED;;;;;;;GAOG;AACH,wBAAgB,qBAAqB,CACnC,IAAI,EAAE,MAAM,EACZ,KAAK,EAAE,MAAM,EACb,IAAI,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,MAAM,GAC7B,MAAM,CASR"}
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../source/tui/utils.ts"],"names":[],"mappings":"AAKA;;;;;;;GAOG;AACH,wBAAgB,YAAY,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAIhD;AA4BD;;;GAGG;AACH,wBAAgB,eAAe,CAC7B,IAAI,EAAE,MAAM,EACZ,QAAQ,EAAE,MAAM,EAChB,QAAQ,SAAQ,GACf,MAAM,CA+DR;AAED;;;;;;;GAOG;AACH,wBAAgB,qBAAqB,CACnC,IAAI,EAAE,MAAM,EACZ,KAAK,EAAE,MAAM,EACb,IAAI,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,MAAM,GAC7B,MAAM,CASR"}