@travisennis/acai 0.0.5 → 0.0.7

package/dist/tui/components/footer.d.ts

@@ -0,0 +1,12 @@
+import type { AgentState } from "../../agent/index.ts";
+import { Container } from "../tui.ts";
+/**
+ * Footer component that shows pwd, token stats, and context usage
+ */
+export declare class FooterComponent extends Container {
+    private state;
+    constructor(state: AgentState);
+    updateState(state: AgentState): void;
+    render(width: number): string[];
+}
+//# sourceMappingURL=footer.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"footer.d.ts","sourceRoot":"","sources":["../../../source/tui/components/footer.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAIvD,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAC;AAEtC;;GAEG;AACH,qBAAa,eAAgB,SAAQ,SAAS;IAC5C,OAAO,CAAC,KAAK,CAAa;gBAEd,KAAK,EAAE,UAAU;IAK7B,WAAW,CAAC,KAAK,EAAE,UAAU,GAAG,IAAI;IAI3B,MAAM,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE;CA+IzC"}

package/dist/tui/components/footer.js

@@ -0,0 +1,209 @@
+import { formatDuration, formatNumber } from "../../formatting.js";
+import { hr } from "../../terminal/index.js";
+import style from "../../terminal/style.js";
+import { Container } from "../tui.js";
+/**
+ * Footer component that shows pwd, token stats, and context usage
+ */
+export class FooterComponent extends Container {
+    state;
+    constructor(state) {
+        super();
+        this.state = state;
+    }
+    updateState(state) {
+        this.state = state;
+    }
+    render(width) {
+        const results = [];
+        if (this.state.steps.length === 0) {
+            return results;
+        }
+        results.push(hr(width));
+        // Create a more visual representation of steps/tool usage
+        results.push(...displayToolUse(this.state));
+        let status = `Steps: ${this.state.steps.length} - `;
+        // Calculate total tool calls across all steps
+        const totalToolCalls = this.state.steps.reduce((total, step) => total + step.toolCalls.length, 0);
+        status += `Tools call: ${totalToolCalls} - `;
+        // Show time spend on this prompt
+        status += `Time: ${formatDuration(this.state.timestamps.stop - this.state.timestamps.start)} - `;
+        const total = this.state.totalUsage;
+        const inputTokens = total.inputTokens;
+        const outputTokens = total.outputTokens;
+        const cachedInputTokens = total.cachedInputTokens;
+        const tokenSummary = `Tokens: ↑ ${formatNumber(inputTokens)} (${formatNumber(cachedInputTokens)}) ↓ ${formatNumber(outputTokens)} - `;
+        status += tokenSummary;
+        const inputCost = this.state.modelConfig.costPerInputToken * inputTokens;
+        const outputCost = this.state.modelConfig.costPerOutputToken * outputTokens;
+        status += `Cost: $${(inputCost + outputCost).toFixed(2)}`;
+        results.push(style.dim(status));
+        return results;
+        //   // Calculate cumulative usage from all assistant messages
+        //   let totalInput = 0;
+        //   let totalOutput = 0;
+        //   let totalCacheRead = 0;
+        //   let totalCacheWrite = 0;
+        //   let totalCost = 0;
+        //   for (const message of this.state.messages) {
+        //     if (message.role === "assistant") {
+        //       const assistantMsg = message as AssistantMessage;
+        //       totalInput += assistantMsg.usage.input;
+        //       totalOutput += assistantMsg.usage.output;
+        //       totalCacheRead += assistantMsg.usage.cacheRead;
+        //       totalCacheWrite += assistantMsg.usage.cacheWrite;
+        //       totalCost += assistantMsg.usage.cost.total;
+        //     }
+        //   }
+        //   // Get last assistant message for context percentage calculation (skip aborted messages)
+        //   const lastAssistantMessage = this.state.messages
+        //     .slice()
+        //     .reverse()
+        //     .find((m) => m.role === "assistant" && m.stopReason !== "aborted") as
+        //     | AssistantMessage
+        //     | undefined;
+        //   // Calculate context percentage from last message (input + output + cacheRead + cacheWrite)
+        //   const contextTokens = lastAssistantMessage
+        //     ? lastAssistantMessage.usage.input +
+        //       lastAssistantMessage.usage.output +
+        //       lastAssistantMessage.usage.cacheRead +
+        //       lastAssistantMessage.usage.cacheWrite
+        //     : 0;
+        //   const contextWindow = this.state.model.contextWindow;
+        //   const contextPercent =
+        //     contextWindow > 0
+        //       ? ((contextTokens / contextWindow) * 100).toFixed(1)
+        //       : "0.0";
+        //   // Format token counts (similar to web-ui)
+        //   const formatTokens = (count: number): string => {
+        //     if (count < 1000) return count.toString();
+        //     if (count < 10000) return (count / 1000).toFixed(1) + "k";
+        //     return Math.round(count / 1000) + "k";
+        //   };
+        //   // Replace home directory with ~
+        //   let pwd = process.cwd();
+        //   const home = process.env.HOME || process.env.USERPROFILE;
+        //   if (home && pwd.startsWith(home)) {
+        //     pwd = "~" + pwd.slice(home.length);
+        //   }
+        //   // Truncate path if too long to fit width
+        //   const maxPathLength = Math.max(20, width - 10); // Leave some margin
+        //   if (pwd.length > maxPathLength) {
+        //     const start = pwd.slice(0, Math.floor(maxPathLength / 2) - 2);
+        //     const end = pwd.slice(-(Math.floor(maxPathLength / 2) - 1));
+        //     pwd = `${start}...${end}`;
+        //   }
+        //   // Build stats line
+        //   const statsParts = [];
+        //   if (totalInput) statsParts.push(`↑${formatTokens(totalInput)}`);
+        //   if (totalOutput) statsParts.push(`↓${formatTokens(totalOutput)}`);
+        //   if (totalCacheRead) statsParts.push(`R${formatTokens(totalCacheRead)}`);
+        //   if (totalCacheWrite) statsParts.push(`W${formatTokens(totalCacheWrite)}`);
+        //   if (totalCost) statsParts.push(`$${totalCost.toFixed(3)}`);
+        //   statsParts.push(`${contextPercent}%`);
+        //   const statsLeft = statsParts.join(" ");
+        //   // Add model name on the right side
+        //   let modelName = this.state.model.id;
+        //   const statsLeftWidth = visibleWidth(statsLeft);
+        //   const modelWidth = visibleWidth(modelName);
+        //   // Calculate available space for padding (minimum 2 spaces between stats and model)
+        //   const minPadding = 2;
+        //   const totalNeeded = statsLeftWidth + minPadding + modelWidth;
+        //   let statsLine: string;
+        //   if (totalNeeded <= width) {
+        //     // Both fit - add padding to right-align model
+        //     const padding = " ".repeat(width - statsLeftWidth - modelWidth);
+        //     statsLine = statsLeft + padding + modelName;
+        //   } else {
+        //     // Need to truncate model name
+        //     const availableForModel = width - statsLeftWidth - minPadding;
+        //     if (availableForModel > 3) {
+        //       // Truncate model name to fit
+        //       modelName = modelName.substring(0, availableForModel);
+        //       const padding = " ".repeat(
+        //         width - statsLeftWidth - visibleWidth(modelName),
+        //       );
+        //       statsLine = statsLeft + padding + modelName;
+        //     } else {
+        //       // Not enough space for model name at all
+        //       statsLine = statsLeft;
+        //     }
+        //   }
+        //   // Return two lines: pwd and stats
+        //   return [chalk.gray(pwd), chalk.gray(statsLine)];
+    }
+}
+// Simple hash function to convert tool names to consistent numbers
+function hashString(str) {
+    let hash = 0;
+    for (let i = 0; i < str.length; i++) {
+        const char = str.charCodeAt(i);
+        hash = (hash << 5) - hash + char;
+        hash = hash & hash; // Convert to 32-bit integer
+    }
+    return Math.abs(hash);
+}
+function displayToolUse(result) {
+    const toolsCalled = [];
+    const toolColors = new Map();
+    const styleColors = [
+        "red",
+        "green",
+        "yellow",
+        "blue",
+        "magenta",
+        "cyan",
+        "white",
+        "gray",
+        "redBright",
+        "greenBright",
+        "yellowBright",
+        "blueBright",
+        "magentaBright",
+        "cyanBright",
+        "whiteBright",
+        "blackBright",
+    ];
+    const results = [];
+    for (const step of result.steps) {
+        let currentToolCalls = [];
+        if (step.toolResults.length > 0) {
+            currentToolCalls = step.toolResults;
+        }
+        else if (step.toolCalls.length > 0) {
+            currentToolCalls = step.toolCalls;
+        }
+        for (const toolCallOrResult of currentToolCalls) {
+            const toolName = toolCallOrResult.toolName;
+            if (!toolColors.has(toolName)) {
+                const hash = hashString(toolName);
+                const colorIndex = hash % styleColors.length;
+                const color = styleColors[colorIndex];
+                toolColors.set(toolName, style[color]);
+            }
+            toolsCalled.push(toolName);
+        }
+    }
+    if (toolsCalled.length > 0) {
+        results.push(style.dim("Tools:"));
+        let toolBlocks = "";
+        for (const toolCalled of toolsCalled) {
+            const colorFn = toolColors.get(toolCalled) ?? style.white;
+            toolBlocks += `${colorFn("██")} `;
+        }
+        results.push(toolBlocks);
+        results.push("");
+        let toolLegend = "";
+        const uniqueTools = new Set(toolsCalled);
+        for (const [index, toolCalled] of Array.from(uniqueTools).entries()) {
+            const colorFn = toolColors.get(toolCalled) ?? style.white;
+            toolLegend += colorFn(toolCalled);
+            if (index < new Set(toolsCalled).size - 1) {
+                toolLegend += " - ";
+            }
+        }
+        results.push(toolLegend);
+        results.push("");
+    }
+    return results;
+}

package/dist/tui/components/header.d.ts

@@ -0,0 +1,21 @@
+import { type StyleInstance } from "../../terminal/style.ts";
+import type { Component } from "../tui.ts";
+/**
+ * Header component - displays styled header line
+ */
+export declare class HeaderComponent implements Component {
+    private header;
+    private styleFn;
+    private width;
+    private cachedOutput?;
+    private cachedHeader?;
+    private cachedStyleFn?;
+    private cachedWidth?;
+    constructor(header: string, styleFn?: StyleInstance, width?: number);
+    setHeader(header: string): void;
+    setStyleFn(styleFn: StyleInstance): void;
+    setWidth(width: number): void;
+    private invalidateCache;
+    render(width: number): string[];
+}
+//# sourceMappingURL=header.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"header.d.ts","sourceRoot":"","sources":["../../../source/tui/components/header.ts"],"names":[],"mappings":"AACA,OAAc,EAAE,KAAK,aAAa,EAAE,MAAM,yBAAyB,CAAC;AACpE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,WAAW,CAAC;AAE3C;;GAEG;AACH,qBAAa,eAAgB,YAAW,SAAS;IAC/C,OAAO,CAAC,MAAM,CAAS;IACvB,OAAO,CAAC,OAAO,CAAgB;IAC/B,OAAO,CAAC,KAAK,CAAS;IAGtB,OAAO,CAAC,YAAY,CAAC,CAAW;IAChC,OAAO,CAAC,YAAY,CAAC,CAAS;IAC9B,OAAO,CAAC,aAAa,CAAC,CAAgB;IACtC,OAAO,CAAC,WAAW,CAAC,CAAS;gBAG3B,MAAM,EAAE,MAAM,EACd,OAAO,GAAE,aAA0B,EACnC,KAAK,CAAC,EAAE,MAAM;IAOhB,SAAS,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI;IAK/B,UAAU,CAAC,OAAO,EAAE,aAAa,GAAG,IAAI;IAKxC,QAAQ,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI;IAK7B,OAAO,CAAC,eAAe;IAOvB,MAAM,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE;CA+BhC"}

package/dist/tui/components/header.js

@@ -0,0 +1,63 @@
+import { getTerminalSize } from "../../terminal/control.js";
+import style from "../../terminal/style.js";
+/**
+ * Header component - displays styled header line
+ */
+export class HeaderComponent {
+    header;
+    styleFn;
+    width;
+    // Cache for rendered output
+    cachedOutput;
+    cachedHeader;
+    cachedStyleFn;
+    cachedWidth;
+    constructor(header, styleFn = style.cyan, width) {
+        this.header = header;
+        this.styleFn = styleFn;
+        this.width = width || 0;
+    }
+    setHeader(header) {
+        this.header = header;
+        this.invalidateCache();
+    }
+    setStyleFn(styleFn) {
+        this.styleFn = styleFn;
+        this.invalidateCache();
+    }
+    setWidth(width) {
+        this.width = width;
+        this.invalidateCache();
+    }
+    invalidateCache() {
+        this.cachedOutput = undefined;
+        this.cachedHeader = undefined;
+        this.cachedStyleFn = undefined;
+        this.cachedWidth = undefined;
+    }
+    render(width) {
+        // Use provided width if specified, otherwise use component width or terminal size
+        let renderWidth = width || this.width;
+        if (renderWidth === 0) {
+            const { columns } = getTerminalSize();
+            const cols = columns > 0 ? columns : 80;
+            renderWidth = Math.max(0, cols - this.header.length - 4);
+        }
+        // Check cache
+        if (this.cachedOutput &&
+            this.cachedHeader === this.header &&
+            this.cachedStyleFn === this.styleFn &&
+            this.cachedWidth === renderWidth) {
+            return this.cachedOutput;
+        }
+        const result = [
+            `${style.gray("\n── ")}${this.styleFn(this.header)} ${style.gray("─".repeat(renderWidth))}`,
+        ];
+        // Update cache
+        this.cachedOutput = result;
+        this.cachedHeader = this.header;
+        this.cachedStyleFn = this.styleFn;
+        this.cachedWidth = renderWidth;
+        return result;
+    }
+}

package/dist/tui/components/input.d.ts

@@ -0,0 +1,14 @@
+import type { Component } from "../tui.ts";
+/**
+ * Input component - single-line text input with horizontal scrolling
+ */
+export declare class Input implements Component {
+    private value;
+    private cursor;
+    onSubmit?: (value: string) => void;
+    getValue(): string;
+    setValue(value: string): void;
+    handleInput(data: string): void;
+    render(width: number): string[];
+}
+//# sourceMappingURL=input.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"input.d.ts","sourceRoot":"","sources":["../../../source/tui/components/input.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,WAAW,CAAC;AAG3C;;GAEG;AACH,qBAAa,KAAM,YAAW,SAAS;IACrC,OAAO,CAAC,KAAK,CAAM;IACnB,OAAO,CAAC,MAAM,CAAK;IACZ,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAE1C,QAAQ,IAAI,MAAM;IAIlB,QAAQ,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI;IAK7B,WAAW,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI;IAiE/B,MAAM,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE;CAuDhC"}

package/dist/tui/components/input.js

@@ -0,0 +1,122 @@
+import { visibleWidth } from "../utils.js";
+/**
+ * Input component - single-line text input with horizontal scrolling
+ */
+export class Input {
+    value = "";
+    cursor = 0; // Cursor position in the value
+    onSubmit;
+    getValue() {
+        return this.value;
+    }
+    setValue(value) {
+        this.value = value;
+        this.cursor = Math.min(this.cursor, value.length);
+    }
+    handleInput(data) {
+        // Handle special keys
+        if (data === "\r" || data === "\n") {
+            // Enter - submit
+            if (this.onSubmit) {
+                this.onSubmit(this.value);
+            }
+            return;
+        }
+        if (data === "\x7f" || data === "\x08") {
+            // Backspace
+            if (this.cursor > 0) {
+                this.value =
+                    this.value.slice(0, this.cursor - 1) + this.value.slice(this.cursor);
+                this.cursor--;
+            }
+            return;
+        }
+        if (data === "\x1b[D") {
+            // Left arrow
+            if (this.cursor > 0) {
+                this.cursor--;
+            }
+            return;
+        }
+        if (data === "\x1b[C") {
+            // Right arrow
+            if (this.cursor < this.value.length) {
+                this.cursor++;
+            }
+            return;
+        }
+        if (data === "\x1b[3~") {
+            // Delete
+            if (this.cursor < this.value.length) {
+                this.value =
+                    this.value.slice(0, this.cursor) + this.value.slice(this.cursor + 1);
+            }
+            return;
+        }
+        if (data === "\x01") {
+            // Ctrl+A - beginning of line
+            this.cursor = 0;
+            return;
+        }
+        if (data === "\x05") {
+            // Ctrl+E - end of line
+            this.cursor = this.value.length;
+            return;
+        }
+        // Regular character input
+        if (data.length === 1 && data >= " " && data <= "~") {
+            this.value =
+                this.value.slice(0, this.cursor) + data + this.value.slice(this.cursor);
+            this.cursor++;
+        }
+    }
+    render(width) {
+        // Calculate visible window
+        const prompt = "> ";
+        const availableWidth = width - prompt.length;
+        if (availableWidth <= 0) {
+            return [prompt];
+        }
+        let visibleText = "";
+        let cursorDisplay = this.cursor;
+        if (this.value.length < availableWidth) {
+            // Everything fits (leave room for cursor at end)
+            visibleText = this.value;
+        }
+        else {
+            // Need horizontal scrolling
+            // Reserve one character for cursor if it's at the end
+            const scrollWidth = this.cursor === this.value.length ? availableWidth - 1 : availableWidth;
+            const halfWidth = Math.floor(scrollWidth / 2);
+            if (this.cursor < halfWidth) {
+                // Cursor near start
+                visibleText = this.value.slice(0, scrollWidth);
+                cursorDisplay = this.cursor;
+            }
+            else if (this.cursor > this.value.length - halfWidth) {
+                // Cursor near end
+                visibleText = this.value.slice(this.value.length - scrollWidth);
+                cursorDisplay = scrollWidth - (this.value.length - this.cursor);
+            }
+            else {
+                // Cursor in middle
+                const start = this.cursor - halfWidth;
+                visibleText = this.value.slice(start, start + scrollWidth);
+                cursorDisplay = halfWidth;
+            }
+        }
+        // Build line with fake cursor
+        // Insert cursor character at cursor position
+        const beforeCursor = visibleText.slice(0, cursorDisplay);
+        const atCursor = visibleText[cursorDisplay] || " "; // Character at cursor, or space if at end
+        const afterCursor = visibleText.slice(cursorDisplay + 1);
+        // Use inverse video to show cursor
+        const cursorChar = `\x1b[7m${atCursor}\x1b[27m`; // ESC[7m = reverse video, ESC[27m = normal
+        const textWithCursor = beforeCursor + cursorChar + afterCursor;
+        // Calculate visual width
+        const visualLength = visibleWidth(textWithCursor);
+        const padding = " ".repeat(Math.max(0, availableWidth - visualLength));
+        const line = prompt + textWithCursor + padding;
+        return [line];
+    }
+}

package/dist/tui/components/loader.d.ts

@@ -0,0 +1,23 @@
+import type { TUI } from "../tui.ts";
+import { Text } from "./text.ts";
+/**
+ * Loader component that updates every 80ms with spinning animation
+ */
+export declare class Loader extends Text {
+    private frames;
+    private currentFrame;
+    private intervalId;
+    private ui;
+    private message;
+    constructor(ui: TUI, message?: string, customBgRgb?: {
+        r: number;
+        g: number;
+        b: number;
+    });
+    render(width: number): string[];
+    start(): void;
+    stop(): void;
+    setMessage(message: string): void;
+    private updateDisplay;
+}
+//# sourceMappingURL=loader.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"loader.d.ts","sourceRoot":"","sources":["../../../source/tui/components/loader.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,WAAW,CAAC;AACrC,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AAEjC;;GAEG;AACH,qBAAa,MAAO,SAAQ,IAAI;IAC9B,OAAO,CAAC,MAAM,CAAsD;IACpE,OAAO,CAAC,YAAY,CAAK;IACzB,OAAO,CAAC,UAAU,CAA+B;IACjD,OAAO,CAAC,EAAE,CAAoB;IAC9B,OAAO,CAAC,OAAO,CAAS;gBAGtB,EAAE,EAAE,GAAG,EACP,OAAO,CAAC,EAAE,MAAM,EAChB,WAAW,CAAC,EAAE;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAE;IAQ1C,MAAM,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE;IAIxC,KAAK;IAQL,IAAI;IAOJ,UAAU,CAAC,OAAO,EAAE,MAAM;IAK1B,OAAO,CAAC,aAAa;CAOtB"}

package/dist/tui/components/loader.js

@@ -0,0 +1,45 @@
+import style from "../../terminal/style.js";
+import { Text } from "./text.js";
+/**
+ * Loader component that updates every 80ms with spinning animation
+ */
+export class Loader extends Text {
+    frames = ["⠋", "⠙", "⠹", "⠸", "⠼", "⠴", "⠦", "⠧", "⠇", "⠏"];
+    currentFrame = 0;
+    intervalId = null;
+    ui = null;
+    message;
+    constructor(ui, message, customBgRgb) {
+        super("", 1, 0, customBgRgb);
+        this.message = message ?? "Loading...";
+        this.ui = ui;
+        this.start();
+    }
+    render(width) {
+        return ["", ...super.render(width)];
+    }
+    start() {
+        this.updateDisplay();
+        this.intervalId = setInterval(() => {
+            this.currentFrame = (this.currentFrame + 1) % this.frames.length;
+            this.updateDisplay();
+        }, 80);
+    }
+    stop() {
+        if (this.intervalId) {
+            clearInterval(this.intervalId);
+            this.intervalId = null;
+        }
+    }
+    setMessage(message) {
+        this.message = message;
+        this.updateDisplay();
+    }
+    updateDisplay() {
+        const frame = this.frames[this.currentFrame];
+        this.setText(`${style.cyan(frame)} ${style.dim(this.message)}`);
+        if (this.ui) {
+            this.ui.requestRender();
+        }
+    }
+}

package/dist/tui/components/markdown.d.ts

@@ -0,0 +1,106 @@
+import type { Theme } from "../../terminal/highlight/theme.ts";
+import type { Component } from "../tui.ts";
+type Color = "black" | "red" | "green" | "yellow" | "blue" | "magenta" | "cyan" | "white" | "gray" | "bgBlack" | "bgRed" | "bgGreen" | "bgYellow" | "bgBlue" | "bgMagenta" | "bgCyan" | "bgWhite" | "bgGray";
+/**
+ * Theme functions for markdown elements.
+ * Each function takes text and returns styled text with ANSI codes.
+ */
+export interface MarkdownTheme {
+    heading: (text: string) => string;
+    paragraph: (text: string) => string;
+    link: (text: string) => string;
+    linkUrl: (text: string) => string;
+    code: (text: string) => string;
+    codeBlock: (text: string) => string;
+    codeBlockBorder: (text: string) => string;
+    quote: (text: string) => string;
+    quoteBorder: (text: string) => string;
+    hr: (text: string) => string;
+    listBullet: (text: string) => string;
+    bold: (text: string) => string;
+    italic: (text: string) => string;
+    strikethrough: (text: string) => string;
+    underline: (text: string) => string;
+}
+/**
+ * Options for configuring Markdown component
+ */
+export interface MarkdownOptions {
+    /** Background color */
+    bgColor?: Color;
+    /** Custom background RGB color */
+    customBgRgb?: {
+        r: number;
+        g: number;
+        b: number;
+    };
+    /** Horizontal padding */
+    paddingX?: number;
+    /** Vertical padding */
+    paddingY?: number;
+    /** Theme for markdown */
+    theme?: MarkdownTheme;
+    /** Theme for code highlighting */
+    highlightTheme?: Theme;
+}
+export declare class Markdown implements Component {
+    private text;
+    private bgColor?;
+    private customBgRgb?;
+    private paddingX;
+    private paddingY;
+    private theme;
+    private highlightTheme;
+    private cachedText?;
+    private cachedWidth?;
+    private cachedLines?;
+    constructor(text: string, options?: MarkdownOptions);
+    setText(text: string): void;
+    setBgColor(bgColor?: Color): void;
+    setCustomBgRgb(customBgRgb?: {
+        r: number;
+        g: number;
+        b: number;
+    }): void;
+    invalidate(): void;
+    /**
+     * Get the background color function based on current configuration
+     */
+    private getBackgroundFunction;
+    render(width: number): string[];
+    private renderToken;
+    private renderInlineTokens;
+    private wrapLine;
+    /**
+     * Protect inline code spans by replacing them with placeholders
+     * This prevents wrapAnsi from breaking code spans across lines
+     */
+    private protectCodeSpans;
+    /**
+     * Check if a potential code span is an actual code span (not escaped backticks)
+     */
+    private isActualCodeSpan;
+    /**
+     * Check if a line represents a nested list item
+     */
+    private isNestedListLine;
+    /**
+     * Restore code spans from placeholders after wrapping
+     */
+    private restoreCodeSpans;
+    /**
+     * Render a list with proper nesting support
+     */
+    private renderList;
+    /**
+     * Render list item tokens, handling nested lists
+     * Returns lines WITHOUT the parent indent (renderList will add it)
+     */
+    private renderListItem;
+    /**
+     * Render a table
+     */
+    private renderTable;
+}
+export {};
+//# sourceMappingURL=markdown.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"markdown.d.ts","sourceRoot":"","sources":["../../../source/tui/components/markdown.ts"],"names":[],"mappings":"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"}