@travisennis/acai 0.0.6 → 0.0.8

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

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

package/dist/tui/components/markdown.js

@@ -1,27 +1,50 @@
-import Table from "cli-table3";
 import { marked } from "marked";
-import { DEFAULT_THEME } from "../../terminal/default-theme.js";
+import { DEFAULT_HIGHLIGHT_THEME } from "../../terminal/default-theme.js";
+import { link as terminalLink } from "../../terminal/formatting.js";
 import { highlight, supportsLanguage } from "../../terminal/highlight/index.js";
 import { getListNumber } from "../../terminal/markdown-utils.js";
+import stripAnsi from "../../terminal/strip-ansi.js";
 import style from "../../terminal/style.js";
+import { Table } from "../../terminal/table/index.js";
 import wrapAnsi from "../../terminal/wrap-ansi.js";
 import { applyBackgroundToLine, visibleWidth } from "../utils.js";
+const DEFAULT_THEME = {
+    heading: (text) => style.bold.yellow(text),
+    paragraph: (text) => text,
+    link: (text) => style.underline.blue(text),
+    linkUrl: (text) => style.gray(text),
+    code: (text) => style.cyan(text),
+    codeBlock: (text) => style.green(text),
+    codeBlockBorder: (text) => style.gray(text),
+    quote: (text) => style.italic(text),
+    quoteBorder: (text) => style.gray(text),
+    hr: (text) => style.gray(text),
+    listBullet: (text) => style.cyan(text),
+    bold: (text) => style.bold(text),
+    italic: (text) => style.italic(text),
+    strikethrough: (text) => style.strikethrough(text),
+    underline: (text) => style.underline(text),
+};
 export class Markdown {
     text;
     bgColor;
     customBgRgb;
     paddingX; // Left/right padding
     paddingY; // Top/bottom padding
+    theme;
+    highlightTheme;
     // Cache for rendered output
     cachedText;
     cachedWidth;
     cachedLines;
-    constructor(text = "", bgColor, _fgColor, customBgRgb, paddingX = 1, paddingY = 1) {
+    constructor(text, options = {}) {
         this.text = text;
-        this.bgColor = bgColor;
-        this.customBgRgb = customBgRgb;
-        this.paddingX = paddingX;
-        this.paddingY = paddingY;
+        this.bgColor = options.bgColor;
+        this.customBgRgb = options.customBgRgb;
+        this.paddingX = options.paddingX ?? 1;
+        this.paddingY = options.paddingY ?? 1;
+        this.theme = options.theme ?? DEFAULT_THEME;
+        this.highlightTheme = options.highlightTheme ?? DEFAULT_HIGHLIGHT_THEME;
     }
     setText(text) {
         this.text = text;
@@ -139,20 +162,20 @@ export class Markdown {
                 const headingPrefix = `${"#".repeat(headingLevel)} `;
                 const headingText = this.renderInlineTokens(token.tokens || []);
                 if (headingLevel === 1) {
-                    lines.push(style.bold.underline.yellow(headingText));
+                    lines.push(style.underline(this.theme.heading(headingText)));
                 }
                 else if (headingLevel === 2) {
-                    lines.push(style.bold.yellow(headingText));
+                    lines.push(this.theme.heading(headingText));
                 }
                 else {
-                    lines.push(style.bold(headingPrefix + headingText));
+                    lines.push(this.theme.heading(headingPrefix + headingText));
                 }
                 lines.push(""); // Add spacing after headings
                 break;
             }
             case "paragraph": {
                 const paragraphText = this.renderInlineTokens(token.tokens || []);
-                lines.push(paragraphText);
+                lines.push(this.theme.paragraph(paragraphText));
                 // Don't add spacing if next token is space or list
                 if (nextTokenType &&
                     nextTokenType !== "list" &&
@@ -166,23 +189,23 @@ export class Markdown {
                     // Use syntax highlighting for supported languages
                     const highlightedCode = highlight(token.text, {
                         language: token.lang,
-                        theme: DEFAULT_THEME,
+                        theme: this.highlightTheme,
                     });
                     const codeLines = highlightedCode.split("\n");
-                    lines.push(style.gray(`\`\`\`${token.lang}`));
+                    lines.push(this.theme.codeBlockBorder(`\`\`\`${token.lang}`));
                     for (const codeLine of codeLines) {
                         lines.push(style.dim("  ") + codeLine);
                     }
-                    lines.push(style.gray("```"));
+                    lines.push(this.theme.codeBlockBorder("```"));
                 }
                 else {
                     // Fallback to basic styling for unsupported languages
-                    lines.push(style.gray(`\`\`\`${token.lang || ""}`));
+                    lines.push(this.theme.codeBlockBorder(`\`\`\`${token.lang || ""}`));
                     const codeLines = token.text.split("\n");
                     for (const codeLine of codeLines) {
-                        lines.push(style.dim("  ") + style.green(codeLine));
+                        lines.push(style.dim("  ") + this.theme.codeBlock(codeLine));
                     }
-                    lines.push(style.gray("```"));
+                    lines.push(this.theme.codeBlockBorder("```"));
                 }
                 lines.push(""); // Add spacing after code blocks
                 break;
@@ -203,13 +226,13 @@ export class Markdown {
                 const quoteText = this.renderInlineTokens(token.tokens || []);
                 const quoteLines = quoteText.split("\n");
                 for (const quoteLine of quoteLines) {
-                    lines.push(style.gray("│ ") + style.italic(quoteLine));
+                    lines.push(this.theme.quoteBorder("│ ") + this.theme.quote(quoteLine));
                 }
                 lines.push(""); // Add spacing after blockquotes
                 break;
             }
             case "hr":
-                lines.push(style.gray("─".repeat(Math.min(width, 80))));
+                lines.push(this.theme.hr("─".repeat(Math.min(width, 80))));
                 lines.push(""); // Add spacing after horizontal rules
                 break;
             case "image": {
@@ -252,23 +275,28 @@ export class Markdown {
                     }
                     break;
                 case "strong":
-                    result += style.bold(this.renderInlineTokens(token.tokens || []));
+                    result += this.theme.bold(this.renderInlineTokens(token.tokens || []));
                     break;
                 case "em":
-                    result += style.italic(this.renderInlineTokens(token.tokens || []));
+                    result += this.theme.italic(this.renderInlineTokens(token.tokens || []));
                     break;
                 case "codespan":
-                    result += style.gray("`") + style.cyan(token.text) + style.gray("`");
+                    result +=
+                        this.theme.codeBlockBorder("`") +
+                            this.theme.code(token.text) +
+                            this.theme.codeBlockBorder("`");
                     break;
                 case "link": {
                     const linkText = this.renderInlineTokens(token.tokens || []);
+                    const terminalLinkText = terminalLink(linkText, token.href);
                     // If link text matches href, only show the link once
                     if (linkText === token.href) {
-                        result += style.underline.blue(linkText);
+                        result += this.theme.link(terminalLinkText ?? linkText);
                     }
                     else {
                         result +=
-                            style.underline.blue(linkText) + style.gray(` (${token.href})`);
+                            this.theme.link(terminalLinkText ?? linkText) +
+                                this.theme.linkUrl(` (${token.href})`);
                     }
                     break;
                 }
@@ -276,7 +304,7 @@ export class Markdown {
                     result += "\n";
                     break;
                 case "del":
-                    result += style.strikethrough(this.renderInlineTokens(token.tokens || []));
+                    result += this.theme.strikethrough(this.renderInlineTokens(token.tokens || []));
                     break;
                 case "image": {
                     const alt = (token.title ?? token.text ?? "").toString().trim();
@@ -297,7 +325,7 @@ export class Markdown {
         }
         return result;
     }
-    wrapLine(line, width) {
+    wrapLine(line, contentWidth) {
         // Handle undefined or null lines
         if (!line) {
             return [""];
@@ -306,12 +334,46 @@ export class Markdown {
         // by temporarily replacing them with placeholders
         const { protectedText, codeSpans } = this.protectCodeSpans(line);
         // Use the existing wrapAnsi function for robust ANSI-aware wrapping
-        const wrappedText = wrapAnsi(protectedText, width, { trim: false });
+        // Use contentWidth (available width after padding) for wrapping
+        const wrappedText = wrapAnsi(protectedText, contentWidth, { trim: false });
         const lines = wrappedText.split("\n");
         // Restore the code spans
         const restoredLines = this.restoreCodeSpans(lines, codeSpans);
         return restoredLines;
     }
+    /**
+     * Map a position in clean text to the corresponding position in styled text
+     * This accounts for ANSI escape codes that are inserted between characters
+     */
+    cleanToStyledIndex(cleanText, styledText, cleanIndex) {
+        let cleanPos = 0;
+        let styledPos = 0;
+        while (cleanPos < cleanIndex && styledPos < styledText.length) {
+            const char = cleanText[cleanPos];
+            // Check if we're at an ANSI escape sequence in the styled text
+            const escapeChar = String.fromCharCode(27);
+            if (styledText[styledPos] === escapeChar) {
+                // Skip the entire ANSI escape sequence
+                while (styledPos < styledText.length && styledText[styledPos] !== "m") {
+                    styledPos++;
+                }
+                // Skip the 'm' character too
+                styledPos++;
+                // Don't increment cleanPos - ANSI codes are inserted between characters
+            }
+            else if (styledText[styledPos] === char) {
+                // Characters match, advance both
+                cleanPos++;
+                styledPos++;
+            }
+            else {
+                // Characters don't match - this shouldn't happen if cleanText is derived from styledText
+                // But to be safe, just advance styledPos
+                styledPos++;
+            }
+        }
+        return styledPos;
+    }
     /**
      * Protect inline code spans by replacing them with placeholders
      * This prevents wrapAnsi from breaking code spans across lines
@@ -320,47 +382,49 @@ export class Markdown {
         const codeSpans = [];
         let protectedText = text;
         let placeholderIndex = 0;
-        // Find all inline code spans (text between backticks with ANSI styling)
-        // Only protect actual code spans that have been styled by renderInlineTokens
-        // Pattern: gray backtick + cyan content + gray backtick
-        // Use a simpler approach that doesn't rely on specific ANSI codes
-        const codeSpanRegex = /`[^`]+`/g;
-        let match = null;
-        // biome-ignore lint/suspicious/noAssignInExpressions: Need assignment in while condition
-        while ((match = codeSpanRegex.exec(text)) !== null) {
-            const codeSpan = match[0];
-            // Only protect code spans that are actual code (not escaped backticks)
-            // We can identify actual code spans by checking if they're surrounded by ANSI codes
-            // or if they appear in contexts where escaped backticks would have been processed
-            const startIndex = match.index;
-            const endIndex = startIndex + codeSpan.length;
-            // Check if this looks like an actual code span (not escaped backticks)
-            // Escaped backticks would appear as literal backticks without ANSI styling
-            // Actual code spans would have been processed by renderInlineTokens
-            if (this.isActualCodeSpan(text, startIndex, endIndex)) {
+        // Create a version of the text without ANSI codes for code span detection
+        // This allows us to reliably find code spans regardless of styling
+        const cleanText = stripAnsi(text);
+        // Use the clean text to find code spans
+        let i = 0;
+        while (i < cleanText.length) {
+            // Find the next backtick in clean text
+            const backtickIndex = cleanText.indexOf("`", i);
+            if (backtickIndex === -1)
+                break;
+            // Look for the closing backtick in clean text
+            let closingIndex = -1;
+            let depth = 1;
+            for (let j = backtickIndex + 1; j < cleanText.length; j++) {
+                if (cleanText[j] === "`") {
+                    depth--;
+                    if (depth === 0) {
+                        closingIndex = j;
+                        break;
+                    }
+                }
+            }
+            if (closingIndex !== -1) {
+                // Map the positions to the styled text
+                const styledStart = this.cleanToStyledIndex(cleanText, text, backtickIndex);
+                const styledEnd = this.cleanToStyledIndex(cleanText, text, closingIndex + 1);
+                // Extract the styled code span
+                const styledCodeSpan = text.slice(styledStart, styledEnd);
                 const placeholder = `__CODE_SPAN_${placeholderIndex}__`;
-                codeSpans.push(codeSpan);
-                protectedText = protectedText.replace(codeSpan, placeholder);
+                // Store the full styled code span for restoration
+                codeSpans.push(styledCodeSpan);
+                // Replace with placeholder
+                protectedText = protectedText.replace(styledCodeSpan, placeholder);
                 placeholderIndex++;
+                // Move past this code span
+                i = closingIndex + 1;
+                continue;
             }
+            // Move to next character
+            i = backtickIndex + 1;
         }
         return { protectedText, codeSpans };
     }
-    /**
-     * Check if a potential code span is an actual code span (not escaped backticks)
-     */
-    isActualCodeSpan(text, startIndex, endIndex) {
-        // If the text around the code span contains ANSI escape sequences,
-        // it's likely an actual code span that was processed by renderInlineTokens
-        // Look for ANSI escape sequences in the surrounding context
-        const contextStart = Math.max(0, startIndex - 10);
-        const contextEnd = Math.min(text.length, endIndex + 10);
-        const context = text.slice(contextStart, contextEnd);
-        // Check for ANSI escape sequences that would indicate styled code
-        // Use String.fromCharCode(27) to avoid control characters in regex
-        const escapeChar = String.fromCharCode(27);
-        return context.includes(`${escapeChar}[`);
-    }
     /**
      * Check if a line represents a nested list item
      */
@@ -430,7 +494,7 @@ export class Markdown {
                 }
                 else {
                     // Regular text content - add indent and bullet
-                    lines.push(indent + style.cyan(bullet) + firstLine);
+                    lines.push(indent + this.theme.listBullet(bullet) + firstLine);
                 }
                 // Rest of the lines
                 for (let j = 1; j < itemLines.length; j++) {
@@ -447,7 +511,7 @@ export class Markdown {
                 }
             }
             else {
-                lines.push(indent + style.cyan(bullet));
+                lines.push(indent + this.theme.listBullet(bullet));
             }
         }
         return lines;
@@ -479,12 +543,12 @@ export class Markdown {
             }
             else if (token.type === "code") {
                 // Code block in list item
-                lines.push(style.gray(`\`\`\`${token.lang || ""}`));
+                lines.push(this.theme.codeBlockBorder(`\`\`\`${token.lang || ""}`));
                 const codeLines = token.text.split("\n");
                 for (const codeLine of codeLines) {
-                    lines.push(style.dim("  ") + style.green(codeLine));
+                    lines.push(style.dim("  ") + this.theme.codeBlock(codeLine));
                 }
-                lines.push(style.gray("```"));
+                lines.push(this.theme.codeBlockBorder("```"));
             }
             else {
                 // Other token types - try to render as inline

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

@@ -26,15 +26,4 @@ export declare class ModalText extends Container {
     constructor(text: string, paddingX?: number, paddingY?: number);
     render(width: number): string[];
 }
-/**
- * ModalTable component - displays tabular data in a modal
- * Uses the terminal table function for proper text wrapping and formatting
- */
-export declare class ModalTable extends Container {
-    private data;
-    private headers?;
-    private colWidths?;
-    constructor(data: (string | number)[][], headers?: string[], colWidths?: number[]);
-    render(width: number): string[];
-}
 //# sourceMappingURL=modal.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"modal.d.ts","sourceRoot":"","sources":["../../../source/tui/components/modal.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,WAAW,CAAC;AAC3C,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAC;AAGtC;;GAEG;AACH,qBAAa,KAAM,SAAQ,SAAU,YAAW,SAAS;IACvD,OAAO,CAAC,KAAK,CAAS;IACf,QAAQ,EAAE,OAAO,CAAC;IACzB,OAAO,CAAC,OAAO,CAAC,CAAa;IAC7B,OAAO,CAAC,QAAQ,CAAS;IACzB,OAAO,CAAC,SAAS,CAAS;IAC1B,OAAO,CAAC,cAAc,CAAK;gBAGzB,KAAK,EAAE,MAAM,EACb,OAAO,EAAE,SAAS,EAClB,QAAQ,UAAO,EACf,OAAO,CAAC,EAAE,MAAM,IAAI,EACpB,QAAQ,CAAC,EAAE,MAAM,EACjB,SAAS,CAAC,EAAE,MAAM;IAYpB,WAAW,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI;IAgD/B,KAAK,IAAI,IAAI;IAMJ,MAAM,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE;IAqHxC,iBAAiB,IAAI,CAAC,MAAM,EAAE,MAAM,CAAC,GAAG,IAAI;CA2B7C;AAED;;GAEG;AACH,qBAAa,SAAU,SAAQ,SAAS;IACtC,OAAO,CAAC,IAAI,CAAS;IACrB,OAAO,CAAC,QAAQ,CAAS;IACzB,OAAO,CAAC,QAAQ,CAAS;gBAEb,IAAI,EAAE,MAAM,EAAE,QAAQ,SAAI,EAAE,QAAQ,SAAI;IAO3C,MAAM,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE;CAkFzC;AAED;;;GAGG;AACH,qBAAa,UAAW,SAAQ,SAAS;IACvC,OAAO,CAAC,IAAI,CAAwB;IACpC,OAAO,CAAC,OAAO,CAAC,CAAW;IAC3B,OAAO,CAAC,SAAS,CAAC,CAAW;gBAG3B,IAAI,EAAE,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,EAAE,EAC3B,OAAO,CAAC,EAAE,MAAM,EAAE,EAClB,SAAS,CAAC,EAAE,MAAM,EAAE;IAQb,MAAM,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE;CAezC"}
+{"version":3,"file":"modal.d.ts","sourceRoot":"","sources":["../../../source/tui/components/modal.ts"],"names":[],"mappings":"AAWA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,WAAW,CAAC;AAC3C,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAC;AAGtC;;GAEG;AACH,qBAAa,KAAM,SAAQ,SAAU,YAAW,SAAS;IACvD,OAAO,CAAC,KAAK,CAAS;IACf,QAAQ,EAAE,OAAO,CAAC;IACzB,OAAO,CAAC,OAAO,CAAC,CAAa;IAC7B,OAAO,CAAC,QAAQ,CAAS;IACzB,OAAO,CAAC,SAAS,CAAS;IAC1B,OAAO,CAAC,cAAc,CAAK;gBAGzB,KAAK,EAAE,MAAM,EACb,OAAO,EAAE,SAAS,EAClB,QAAQ,UAAO,EACf,OAAO,CAAC,EAAE,MAAM,IAAI,EACpB,QAAQ,CAAC,EAAE,MAAM,EACjB,SAAS,CAAC,EAAE,MAAM;IAYpB,WAAW,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI;IAgD/B,KAAK,IAAI,IAAI;IAMJ,MAAM,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE;IAqHxC,iBAAiB,IAAI,CAAC,MAAM,EAAE,MAAM,CAAC,GAAG,IAAI;CA2B7C;AAED;;GAEG;AACH,qBAAa,SAAU,SAAQ,SAAS;IACtC,OAAO,CAAC,IAAI,CAAS;IACrB,OAAO,CAAC,QAAQ,CAAS;IACzB,OAAO,CAAC,QAAQ,CAAS;gBAEb,IAAI,EAAE,MAAM,EAAE,QAAQ,SAAI,EAAE,QAAQ,SAAI;IAO3C,MAAM,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE;CAkFzC"}

package/dist/tui/components/modal.js

@@ -1,5 +1,5 @@
-import { getTerminalSize } from "../../terminal/formatting.js";
-import { table } from "../../terminal/index.js";
+import { getTerminalSize } from "../../terminal/control.js";
+import { isArrowDown, isArrowUp, isEnd, isEscape, isHome, isPageDown, isPageUp, } from "../../terminal/keys.js";
 import style from "../../terminal/style.js";
 import { Container } from "../tui.js";
 import { visibleWidth } from "../utils.js";
@@ -25,37 +25,37 @@ export class Modal extends Container {
     }
     handleInput(data) {
         // Handle Escape key to close modal
-        if (data === "\x1b") {
+        if (isEscape(data)) {
             this.close();
             return;
         }
         // Handle scrolling
-        if (data === "\x1b[A") {
+        if (isArrowUp(data)) {
             // Up arrow
             this.scrollPosition = Math.max(0, this.scrollPosition - 1);
             return;
         }
-        if (data === "\x1b[B") {
+        if (isArrowDown(data)) {
             // Down arrow
             this.scrollPosition += 1;
             return;
         }
-        if (data === "\x1b[5~") {
+        if (isPageUp(data)) {
             // Page up
             this.scrollPosition = Math.max(0, this.scrollPosition - 10);
             return;
         }
-        if (data === "\x1b[6~") {
+        if (isPageDown(data)) {
             // Page down
             this.scrollPosition += 10;
             return;
         }
-        if (data === "\x1b[H" || data === "g") {
+        if (isHome(data) || data === "g") {
             // Home key or 'g' for top
             this.scrollPosition = 0;
             return;
         }
-        if (data === "\x1b[F" || data === "G") {
+        if (isEnd(data) || data === "G") {
             // End key or 'G' for bottom
             this.scrollPosition = Number.POSITIVE_INFINITY; // Will be clamped in render
             return;
@@ -262,31 +262,3 @@ export class ModalText extends Container {
         return paddedLines;
     }
 }
-/**
- * ModalTable component - displays tabular data in a modal
- * Uses the terminal table function for proper text wrapping and formatting
- */
-export class ModalTable extends Container {
-    data;
-    headers;
-    colWidths;
-    constructor(data, headers, colWidths) {
-        super();
-        this.data = data;
-        this.headers = headers;
-        this.colWidths = colWidths;
-    }
-    render(width) {
-        if (this.data.length === 0) {
-            return [];
-        }
-        // Use the terminal table function for proper text wrapping and formatting
-        const tableString = table(this.data, {
-            header: this.headers,
-            colWidths: this.colWidths,
-            width: width,
-        });
-        // Split the table string into lines and return
-        return tableString.split("\n");
-    }
-}

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

@@ -0,0 +1,28 @@
+import type { Component } from "../tui.ts";
+/**
+ * NotificationComponent - displays a notification message with styling
+ */
+export declare class NotificationComponent implements Component {
+    private message;
+    private bgColor;
+    private textStyle;
+    private paddingX;
+    private cachedMessage?;
+    private cachedWidth?;
+    private cachedLines?;
+    constructor(message?: string, bgColor?: {
+        r: number;
+        g: number;
+        b: number;
+    }, textStyle?: (text: string) => string, paddingX?: number);
+    setMessage(message: string): void;
+    setBgColor(bgColor: {
+        r: number;
+        g: number;
+        b: number;
+    }): void;
+    setTextStyle(textStyle: (text: string) => string): void;
+    private invalidateCache;
+    render(width: number): string[];
+}
+//# sourceMappingURL=notification.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"notification.d.ts","sourceRoot":"","sources":["../../../source/tui/components/notification.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,WAAW,CAAC;AAG3C;;GAEG;AACH,qBAAa,qBAAsB,YAAW,SAAS;IACrD,OAAO,CAAC,OAAO,CAAS;IACxB,OAAO,CAAC,OAAO,CAAsC;IACrD,OAAO,CAAC,SAAS,CAA2B;IAC5C,OAAO,CAAC,QAAQ,CAAS;IAGzB,OAAO,CAAC,aAAa,CAAC,CAAS;IAC/B,OAAO,CAAC,WAAW,CAAC,CAAS;IAC7B,OAAO,CAAC,WAAW,CAAC,CAAW;gBAG7B,OAAO,SAAK,EACZ,OAAO;;;;KAA0B,EACjC,SAAS,GAAE,CAAC,IAAI,EAAE,MAAM,KAAK,MAAqB,EAClD,QAAQ,SAAI;IAQd,UAAU,CAAC,OAAO,EAAE,MAAM,GAAG,IAAI;IAKjC,UAAU,CAAC,OAAO,EAAE;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAE,GAAG,IAAI;IAK9D,YAAY,CAAC,SAAS,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,MAAM,GAAG,IAAI;IAKvD,OAAO,CAAC,eAAe;IAMvB,MAAM,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE;CAqChC"}

package/dist/tui/components/notification.js

@@ -0,0 +1,63 @@
+import style from "../../terminal/style.js";
+import { visibleWidth } from "../utils.js";
+/**
+ * NotificationComponent - displays a notification message with styling
+ */
+export class NotificationComponent {
+    message;
+    bgColor;
+    textStyle;
+    paddingX;
+    // Cache for rendered output
+    cachedMessage;
+    cachedWidth;
+    cachedLines;
+    constructor(message = "", bgColor = { r: 64, g: 64, b: 64 }, textStyle = style.yellow, paddingX = 1) {
+        this.message = message;
+        this.bgColor = bgColor;
+        this.textStyle = textStyle;
+        this.paddingX = paddingX;
+    }
+    setMessage(message) {
+        this.message = message;
+        this.invalidateCache();
+    }
+    setBgColor(bgColor) {
+        this.bgColor = bgColor;
+        this.invalidateCache();
+    }
+    setTextStyle(textStyle) {
+        this.textStyle = textStyle;
+        this.invalidateCache();
+    }
+    invalidateCache() {
+        this.cachedMessage = undefined;
+        this.cachedWidth = undefined;
+        this.cachedLines = undefined;
+    }
+    render(width) {
+        if (!this.message) {
+            return [];
+        }
+        // Check cache
+        if (this.cachedLines &&
+            this.cachedMessage === this.message &&
+            this.cachedWidth === width) {
+            return this.cachedLines;
+        }
+        const lines = this.message.split("\n");
+        const result = [];
+        for (const line of lines) {
+            const styledText = this.textStyle(line);
+            const paddedLine = " ".repeat(this.paddingX) + styledText + " ".repeat(this.paddingX);
+            const visibleLength = visibleWidth(paddedLine);
+            const paddingNeeded = Math.max(0, width - visibleLength);
+            const bgLine = style.bgRgb(this.bgColor.r, this.bgColor.g, this.bgColor.b)(paddedLine + " ".repeat(paddingNeeded));
+            result.push(bgLine);
+        }
+        this.cachedMessage = this.message;
+        this.cachedWidth = width;
+        this.cachedLines = result;
+        return result;
+    }
+}

package/dist/tui/components/progress-bar.d.ts

@@ -0,0 +1,19 @@
+import type { Component } from "../tui.ts";
+/**
+ * Progress bar component - displays a visual progress indicator
+ */
+export declare class ProgressBarComponent implements Component {
+    private current;
+    private total;
+    private width;
+    private cachedOutput?;
+    private cachedCurrent?;
+    private cachedTotal?;
+    private cachedWidth?;
+    constructor(current: number, total: number, width: number);
+    setCurrent(current: number): void;
+    setTotal(total: number): void;
+    private invalidateCache;
+    render(width: number): string[];
+}
+//# sourceMappingURL=progress-bar.d.ts.map

package/dist/tui/components/progress-bar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"progress-bar.d.ts","sourceRoot":"","sources":["../../../source/tui/components/progress-bar.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,WAAW,CAAC;AAE3C;;GAEG;AACH,qBAAa,oBAAqB,YAAW,SAAS;IACpD,OAAO,CAAC,OAAO,CAAS;IACxB,OAAO,CAAC,KAAK,CAAS;IACtB,OAAO,CAAC,KAAK,CAAS;IAGtB,OAAO,CAAC,YAAY,CAAC,CAAW;IAChC,OAAO,CAAC,aAAa,CAAC,CAAS;IAC/B,OAAO,CAAC,WAAW,CAAC,CAAS;IAC7B,OAAO,CAAC,WAAW,CAAC,CAAS;gBAEjB,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM;IAMzD,UAAU,CAAC,OAAO,EAAE,MAAM,GAAG,IAAI;IAKjC,QAAQ,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI;IAK7B,OAAO,CAAC,eAAe;IAOvB,MAAM,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE;CAiDhC"}