indusagi-coding-agent 0.1.0

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

@@ -0,0 +1,155 @@
+/**
+ * Component for displaying bash command execution with streaming output.
+ */
+import { Container, Loader, Spacer, Text } from "indusagi/tui";
+import stripAnsi from "strip-ansi";
+import { DEFAULT_MAX_BYTES, DEFAULT_MAX_LINES, truncateTail, } from "../../../core/tools/truncate.js";
+import { theme } from "../theme/theme.js";
+import { DynamicBorder } from "./dynamic-border.js";
+import { editorKey, keyHint } from "./keybinding-hints.js";
+import { truncateToVisualLines } from "./visual-truncate.js";
+// Preview line limit when not expanded (matches tool execution behavior)
+const PREVIEW_LINES = 20;
+export class BashExecutionComponent extends Container {
+    constructor(command, ui, excludeFromContext = false) {
+        super();
+        this.outputLines = [];
+        this.status = "running";
+        this.exitCode = undefined;
+        this.expanded = false;
+        this.command = command;
+        this.ui = ui;
+        // Use dim border for excluded-from-context commands (!! prefix)
+        const colorKey = excludeFromContext ? "dim" : "bashMode";
+        const borderColor = (str) => theme.fg(colorKey, str);
+        // Add spacer
+        this.addChild(new Spacer(1));
+        // Top border
+        this.addChild(new DynamicBorder(borderColor));
+        // Content container (holds dynamic content between borders)
+        this.contentContainer = new Container();
+        this.addChild(this.contentContainer);
+        // Command header
+        const header = new Text(theme.fg(colorKey, theme.bold(`$ ${command}`)), 1, 0);
+        this.contentContainer.addChild(header);
+        // Loader
+        this.loader = new Loader(ui, (spinner) => theme.fg(colorKey, spinner), (text) => theme.fg("muted", text), `Running... (${editorKey("selectCancel")} to cancel)`);
+        this.contentContainer.addChild(this.loader);
+        // Bottom border
+        this.addChild(new DynamicBorder(borderColor));
+    }
+    /**
+     * Set whether the output is expanded (shows full output) or collapsed (preview only).
+     */
+    setExpanded(expanded) {
+        this.expanded = expanded;
+        this.updateDisplay();
+    }
+    invalidate() {
+        super.invalidate();
+        this.updateDisplay();
+    }
+    appendOutput(chunk) {
+        // Strip ANSI codes and normalize line endings
+        // Note: binary data is already sanitized in tui-renderer.ts executeBashCommand
+        const clean = stripAnsi(chunk).replace(/\r\n/g, "\n").replace(/\r/g, "\n");
+        // Append to output lines
+        const newLines = clean.split("\n");
+        if (this.outputLines.length > 0 && newLines.length > 0) {
+            // Append first chunk to last line (incomplete line continuation)
+            this.outputLines[this.outputLines.length - 1] += newLines[0];
+            this.outputLines.push(...newLines.slice(1));
+        }
+        else {
+            this.outputLines.push(...newLines);
+        }
+        this.updateDisplay();
+    }
+    setComplete(exitCode, cancelled, truncationResult, fullOutputPath) {
+        this.exitCode = exitCode;
+        this.status = cancelled
+            ? "cancelled"
+            : exitCode !== 0 && exitCode !== undefined && exitCode !== null
+                ? "error"
+                : "complete";
+        this.truncationResult = truncationResult;
+        this.fullOutputPath = fullOutputPath;
+        // Stop loader
+        this.loader.stop();
+        this.updateDisplay();
+    }
+    updateDisplay() {
+        // Apply truncation for LLM context limits (same limits as bash tool)
+        const fullOutput = this.outputLines.join("\n");
+        const contextTruncation = truncateTail(fullOutput, {
+            maxLines: DEFAULT_MAX_LINES,
+            maxBytes: DEFAULT_MAX_BYTES,
+        });
+        // Get the lines to potentially display (after context truncation)
+        const availableLines = contextTruncation.content ? contextTruncation.content.split("\n") : [];
+        // Apply preview truncation based on expanded state
+        const previewLogicalLines = availableLines.slice(-PREVIEW_LINES);
+        const hiddenLineCount = availableLines.length - previewLogicalLines.length;
+        // Rebuild content container
+        this.contentContainer.clear();
+        // Command header
+        const header = new Text(theme.fg("bashMode", theme.bold(`$ ${this.command}`)), 1, 0);
+        this.contentContainer.addChild(header);
+        // Output
+        if (availableLines.length > 0) {
+            if (this.expanded) {
+                // Show all lines
+                const displayText = availableLines.map((line) => theme.fg("muted", line)).join("\n");
+                this.contentContainer.addChild(new Text(`\n${displayText}`, 1, 0));
+            }
+            else {
+                // Use shared visual truncation utility
+                const styledOutput = previewLogicalLines.map((line) => theme.fg("muted", line)).join("\n");
+                const { visualLines } = truncateToVisualLines(`\n${styledOutput}`, PREVIEW_LINES, this.ui.terminal.columns, 1);
+                this.contentContainer.addChild({ render: () => visualLines, invalidate: () => { } });
+            }
+        }
+        // Loader or status
+        if (this.status === "running") {
+            this.contentContainer.addChild(this.loader);
+        }
+        else {
+            const statusParts = [];
+            // Show how many lines are hidden (collapsed preview)
+            if (hiddenLineCount > 0) {
+                if (this.expanded) {
+                    statusParts.push(`(${keyHint("expandTools", "to collapse")})`);
+                }
+                else {
+                    statusParts.push(`${theme.fg("muted", `... ${hiddenLineCount} more lines`)} (${keyHint("expandTools", "to expand")})`);
+                }
+            }
+            if (this.status === "cancelled") {
+                statusParts.push(theme.fg("warning", "(cancelled)"));
+            }
+            else if (this.status === "error") {
+                statusParts.push(theme.fg("error", `(exit ${this.exitCode})`));
+            }
+            // Add truncation warning (context truncation, not preview truncation)
+            const wasTruncated = this.truncationResult?.truncated || contextTruncation.truncated;
+            if (wasTruncated && this.fullOutputPath) {
+                statusParts.push(theme.fg("warning", `Output truncated. Full output: ${this.fullOutputPath}`));
+            }
+            if (statusParts.length > 0) {
+                this.contentContainer.addChild(new Text(`\n${statusParts.join("\n")}`, 1, 0));
+            }
+        }
+    }
+    /**
+     * Get the raw output for creating BashExecutionMessage.
+     */
+    getOutput() {
+        return this.outputLines.join("\n");
+    }
+    /**
+     * Get the command that was executed.
+     */
+    getCommand() {
+        return this.command;
+    }
+}

package/dist/modes/interactive/components/bordered-loader.js

@@ -0,0 +1,47 @@
+import { CancellableLoader, Container, Loader, Spacer, Text } from "indusagi/tui";
+import { DynamicBorder } from "./dynamic-border.js";
+import { keyHint } from "./keybinding-hints.js";
+/** Loader wrapped with borders for extension UI */
+export class BorderedLoader extends Container {
+    constructor(tui, theme, message, options) {
+        super();
+        this.cancellable = options?.cancellable ?? true;
+        const borderColor = (s) => theme.fg("border", s);
+        this.addChild(new DynamicBorder(borderColor));
+        if (this.cancellable) {
+            this.loader = new CancellableLoader(tui, (s) => theme.fg("accent", s), (s) => theme.fg("muted", s), message);
+        }
+        else {
+            this.signalController = new AbortController();
+            this.loader = new Loader(tui, (s) => theme.fg("accent", s), (s) => theme.fg("muted", s), message);
+        }
+        this.addChild(this.loader);
+        if (this.cancellable) {
+            this.addChild(new Spacer(1));
+            this.addChild(new Text(keyHint("selectCancel", "cancel"), 1, 0));
+        }
+        this.addChild(new Spacer(1));
+        this.addChild(new DynamicBorder(borderColor));
+    }
+    get signal() {
+        if (this.cancellable) {
+            return this.loader.signal;
+        }
+        return this.signalController?.signal ?? new AbortController().signal;
+    }
+    set onAbort(fn) {
+        if (this.cancellable) {
+            this.loader.onAbort = fn;
+        }
+    }
+    handleInput(data) {
+        if (this.cancellable) {
+            this.loader.handleInput(data);
+        }
+    }
+    dispose() {
+        if ("dispose" in this.loader && typeof this.loader.dispose === "function") {
+            this.loader.dispose();
+        }
+    }
+}

package/dist/modes/interactive/components/branch-summary-message.js

@@ -0,0 +1,41 @@
+import { Box, Markdown, Spacer, Text } from "indusagi/tui";
+import { getMarkdownTheme, theme } from "../theme/theme.js";
+import { editorKey } from "./keybinding-hints.js";
+/**
+ * Component that renders a branch summary message with collapsed/expanded state.
+ * Uses same background color as custom messages for visual consistency.
+ */
+export class BranchSummaryMessageComponent extends Box {
+    constructor(message, markdownTheme = getMarkdownTheme()) {
+        super(1, 1, (t) => theme.bg("customMessageBg", t));
+        this.expanded = false;
+        this.message = message;
+        this.markdownTheme = markdownTheme;
+        this.updateDisplay();
+    }
+    setExpanded(expanded) {
+        this.expanded = expanded;
+        this.updateDisplay();
+    }
+    invalidate() {
+        super.invalidate();
+        this.updateDisplay();
+    }
+    updateDisplay() {
+        this.clear();
+        const label = theme.fg("customMessageLabel", `\x1b[1m[branch]\x1b[22m`);
+        this.addChild(new Text(label, 0, 0));
+        this.addChild(new Spacer(1));
+        if (this.expanded) {
+            const header = "**Branch Summary**\n\n";
+            this.addChild(new Markdown(header + this.message.summary, 0, 0, this.markdownTheme, {
+                color: (text) => theme.fg("customMessageText", text),
+            }));
+        }
+        else {
+            this.addChild(new Text(theme.fg("customMessageText", "Branch summary (") +
+                theme.fg("dim", editorKey("expandTools")) +
+                theme.fg("customMessageText", " to expand)"), 0, 0));
+        }
+    }
+}

package/dist/modes/interactive/components/compaction-summary-message.js

@@ -0,0 +1,42 @@
+import { Box, Markdown, Spacer, Text } from "indusagi/tui";
+import { getMarkdownTheme, theme } from "../theme/theme.js";
+import { editorKey } from "./keybinding-hints.js";
+/**
+ * Component that renders a compaction message with collapsed/expanded state.
+ * Uses same background color as custom messages for visual consistency.
+ */
+export class CompactionSummaryMessageComponent extends Box {
+    constructor(message, markdownTheme = getMarkdownTheme()) {
+        super(1, 1, (t) => theme.bg("customMessageBg", t));
+        this.expanded = false;
+        this.message = message;
+        this.markdownTheme = markdownTheme;
+        this.updateDisplay();
+    }
+    setExpanded(expanded) {
+        this.expanded = expanded;
+        this.updateDisplay();
+    }
+    invalidate() {
+        super.invalidate();
+        this.updateDisplay();
+    }
+    updateDisplay() {
+        this.clear();
+        const tokenStr = this.message.tokensBefore.toLocaleString();
+        const label = theme.fg("customMessageLabel", `\x1b[1m[compaction]\x1b[22m`);
+        this.addChild(new Text(label, 0, 0));
+        this.addChild(new Spacer(1));
+        if (this.expanded) {
+            const header = `**Compacted from ${tokenStr} tokens**\n\n`;
+            this.addChild(new Markdown(header + this.message.summary, 0, 0, this.markdownTheme, {
+                color: (text) => theme.fg("customMessageText", text),
+            }));
+        }
+        else {
+            this.addChild(new Text(theme.fg("customMessageText", `Compacted from ${tokenStr} tokens (`) +
+                theme.fg("dim", editorKey("expandTools")) +
+                theme.fg("customMessageText", " to expand)"), 0, 0));
+        }
+    }
+}