@mariozechner/pi-tui 0.5.48 → 0.7.0

package/dist/components/{loading-animation.js → loader.js}

@@ -1,20 +1,23 @@
 import chalk from "chalk";
-import { TextComponent } from "./text-component.js";
+import { Text } from "./text.js";
 /**
- * LoadingAnimation component that updates every 80ms
- * Simulates the animation component that causes flicker in single-buffer mode
+ * Loader component that updates every 80ms with spinning animation
  */
-export class LoadingAnimation extends TextComponent {
+export class Loader extends Text {
+    message;
+    frames = ["⠋", "⠙", "⠹", "⠸", "⠼", "⠴", "⠦", "⠧", "⠇", "⠏"];
+    currentFrame = 0;
+    intervalId = null;
+    ui = null;
     constructor(ui, message = "Loading...") {
-        super("", { bottom: 1 });
+        super("", 1, 0);
         this.message = message;
-        this.frames = ["⠋", "⠙", "⠹", "⠸", "⠼", "⠴", "⠦", "⠧", "⠇", "⠏"];
-        this.currentFrame = 0;
-        this.intervalId = null;
-        this.ui = null;
         this.ui = ui;
         this.start();
     }
+    render(width) {
+        return ["", ...super.render(width)];
+    }
     start() {
         this.updateDisplay();
         this.intervalId = setInterval(() => {
@@ -40,4 +43,4 @@ export class LoadingAnimation extends TextComponent {
         }
     }
 }
-//# sourceMappingURL=loading-animation.js.map
+//# sourceMappingURL=loader.js.map

package/dist/components/loader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"loader.js","sourceRoot":"","sources":["../../src/components/loader.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AAEjC;;GAEG;AACH,MAAM,OAAO,MAAO,SAAQ,IAAI;IAQtB,OAAO;IAPR,MAAM,GAAG,CAAC,KAAG,EAAE,KAAG,EAAE,KAAG,EAAE,KAAG,EAAE,KAAG,EAAE,KAAG,EAAE,KAAG,EAAE,KAAG,EAAE,KAAG,EAAE,KAAG,CAAC,CAAC;IAC5D,YAAY,GAAG,CAAC,CAAC;IACjB,UAAU,GAA0B,IAAI,CAAC;IACzC,EAAE,GAAe,IAAI,CAAC;IAE9B,YACC,EAAO,EACC,OAAO,GAAW,YAAY,EACrC;QACD,KAAK,CAAC,EAAE,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;uBAFR,OAAO;QAGf,IAAI,CAAC,EAAE,GAAG,EAAE,CAAC;QACb,IAAI,CAAC,KAAK,EAAE,CAAC;IAAA,CACb;IAED,MAAM,CAAC,KAAa,EAAY;QAC/B,OAAO,CAAC,EAAE,EAAE,GAAG,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC;IAAA,CACpC;IAED,KAAK,GAAG;QACP,IAAI,CAAC,aAAa,EAAE,CAAC;QACrB,IAAI,CAAC,UAAU,GAAG,WAAW,CAAC,GAAG,EAAE,CAAC;YACnC,IAAI,CAAC,YAAY,GAAG,CAAC,IAAI,CAAC,YAAY,GAAG,CAAC,CAAC,GAAG,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC;YACjE,IAAI,CAAC,aAAa,EAAE,CAAC;QAAA,CACrB,EAAE,EAAE,CAAC,CAAC;IAAA,CACP;IAED,IAAI,GAAG;QACN,IAAI,IAAI,CAAC,UAAU,EAAE,CAAC;YACrB,aAAa,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;YAC/B,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC;QACxB,CAAC;IAAA,CACD;IAED,UAAU,CAAC,OAAe,EAAE;QAC3B,IAAI,CAAC,OAAO,GAAG,OAAO,CAAC;QACvB,IAAI,CAAC,aAAa,EAAE,CAAC;IAAA,CACrB;IAEO,aAAa,GAAG;QACvB,MAAM,KAAK,GAAG,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC;QAC7C,IAAI,CAAC,OAAO,CAAC,GAAG,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC;QAChE,IAAI,IAAI,CAAC,EAAE,EAAE,CAAC;YACb,IAAI,CAAC,EAAE,CAAC,aAAa,EAAE,CAAC;QACzB,CAAC;IAAA,CACD;CACD","sourcesContent":["import chalk from \"chalk\";\nimport type { TUI } from \"../tui.js\";\nimport { Text } from \"./text.js\";\n\n/**\n * Loader component that updates every 80ms with spinning animation\n */\nexport class Loader extends Text {\n\tprivate frames = [\"⠋\", \"⠙\", \"⠹\", \"⠸\", \"⠼\", \"⠴\", \"⠦\", \"⠧\", \"⠇\", \"⠏\"];\n\tprivate currentFrame = 0;\n\tprivate intervalId: NodeJS.Timeout | null = null;\n\tprivate ui: TUI | null = null;\n\n\tconstructor(\n\t\tui: TUI,\n\t\tprivate message: string = \"Loading...\",\n\t) {\n\t\tsuper(\"\", 1, 0);\n\t\tthis.ui = ui;\n\t\tthis.start();\n\t}\n\n\trender(width: number): string[] {\n\t\treturn [\"\", ...super.render(width)];\n\t}\n\n\tstart() {\n\t\tthis.updateDisplay();\n\t\tthis.intervalId = setInterval(() => {\n\t\t\tthis.currentFrame = (this.currentFrame + 1) % this.frames.length;\n\t\t\tthis.updateDisplay();\n\t\t}, 80);\n\t}\n\n\tstop() {\n\t\tif (this.intervalId) {\n\t\t\tclearInterval(this.intervalId);\n\t\t\tthis.intervalId = null;\n\t\t}\n\t}\n\n\tsetMessage(message: string) {\n\t\tthis.message = message;\n\t\tthis.updateDisplay();\n\t}\n\n\tprivate updateDisplay() {\n\t\tconst frame = this.frames[this.currentFrame];\n\t\tthis.setText(`${chalk.cyan(frame)} ${chalk.dim(this.message)}`);\n\t\tif (this.ui) {\n\t\t\tthis.ui.requestRender();\n\t\t}\n\t}\n}\n"]}

package/dist/components/markdown.d.ts

@@ -0,0 +1,46 @@
+import type { Component } from "../tui.js";
+type Color = "black" | "red" | "green" | "yellow" | "blue" | "magenta" | "cyan" | "white" | "gray" | "bgBlack" | "bgRed" | "bgGreen" | "bgYellow" | "bgBlue" | "bgMagenta" | "bgCyan" | "bgWhite" | "bgGray";
+export declare class Markdown implements Component {
+    private text;
+    private bgColor?;
+    private fgColor?;
+    private customBgRgb?;
+    private paddingX;
+    private paddingY;
+    private cachedText?;
+    private cachedWidth?;
+    private cachedLines?;
+    constructor(text?: string, bgColor?: Color, fgColor?: Color, customBgRgb?: {
+        r: number;
+        g: number;
+        b: number;
+    }, paddingX?: number, paddingY?: number);
+    setText(text: string): void;
+    setBgColor(bgColor?: Color): void;
+    setFgColor(fgColor?: Color): void;
+    setCustomBgRgb(customBgRgb?: {
+        r: number;
+        g: number;
+        b: number;
+    }): void;
+    render(width: number): string[];
+    private renderToken;
+    private renderInlineTokens;
+    private wrapLine;
+    private wrapSingleLine;
+    /**
+     * 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/components/markdown.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"markdown.d.ts","sourceRoot":"","sources":["../../src/components/markdown.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,WAAW,CAAC;AAG3C,KAAK,KAAK,GACP,OAAO,GACP,KAAK,GACL,OAAO,GACP,QAAQ,GACR,MAAM,GACN,SAAS,GACT,MAAM,GACN,OAAO,GACP,MAAM,GACN,SAAS,GACT,OAAO,GACP,SAAS,GACT,UAAU,GACV,QAAQ,GACR,WAAW,GACX,QAAQ,GACR,SAAS,GACT,QAAQ,CAAC;AAEZ,qBAAa,QAAS,YAAW,SAAS;IACzC,OAAO,CAAC,IAAI,CAAS;IACrB,OAAO,CAAC,OAAO,CAAC,CAAQ;IACxB,OAAO,CAAC,OAAO,CAAC,CAAQ;IACxB,OAAO,CAAC,WAAW,CAAC,CAAsC;IAC1D,OAAO,CAAC,QAAQ,CAAS;IACzB,OAAO,CAAC,QAAQ,CAAS;IAGzB,OAAO,CAAC,UAAU,CAAC,CAAS;IAC5B,OAAO,CAAC,WAAW,CAAC,CAAS;IAC7B,OAAO,CAAC,WAAW,CAAC,CAAW;IAE/B,YACC,IAAI,GAAE,MAAW,EACjB,OAAO,CAAC,EAAE,KAAK,EACf,OAAO,CAAC,EAAE,KAAK,EACf,WAAW,CAAC,EAAE;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAE,EACjD,QAAQ,GAAE,MAAU,EACpB,QAAQ,GAAE,MAAU,EAQpB;IAED,OAAO,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI,CAM1B;IAED,UAAU,CAAC,OAAO,CAAC,EAAE,KAAK,GAAG,IAAI,CAMhC;IAED,UAAU,CAAC,OAAO,CAAC,EAAE,KAAK,GAAG,IAAI,CAMhC;IAED,cAAc,CAAC,WAAW,CAAC,EAAE;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAE,GAAG,IAAI,CAMtE;IAED,MAAM,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,CAwG9B;IAED,OAAO,CAAC,WAAW;IAyFnB,OAAO,CAAC,kBAAkB;IAwD1B,OAAO,CAAC,QAAQ;IA0BhB,OAAO,CAAC,cAAc;IAmFtB;;OAEG;IACH,OAAO,CAAC,UAAU;IA6ClB;;;OAGG;IACH,OAAO,CAAC,cAAc;IAsCtB;;OAEG;IACH,OAAO,CAAC,WAAW;CAqDnB","sourcesContent":["import chalk from \"chalk\";\nimport { marked, type Token } from \"marked\";\nimport type { Component } from \"../tui.js\";\nimport { visibleWidth } from \"../utils.js\";\n\ntype Color =\n\t| \"black\"\n\t| \"red\"\n\t| \"green\"\n\t| \"yellow\"\n\t| \"blue\"\n\t| \"magenta\"\n\t| \"cyan\"\n\t| \"white\"\n\t| \"gray\"\n\t| \"bgBlack\"\n\t| \"bgRed\"\n\t| \"bgGreen\"\n\t| \"bgYellow\"\n\t| \"bgBlue\"\n\t| \"bgMagenta\"\n\t| \"bgCyan\"\n\t| \"bgWhite\"\n\t| \"bgGray\";\n\nexport class Markdown implements Component {\n\tprivate text: string;\n\tprivate bgColor?: Color;\n\tprivate fgColor?: Color;\n\tprivate customBgRgb?: { r: number; g: number; b: number };\n\tprivate paddingX: number; // Left/right padding\n\tprivate paddingY: number; // Top/bottom padding\n\n\t// Cache for rendered output\n\tprivate cachedText?: string;\n\tprivate cachedWidth?: number;\n\tprivate cachedLines?: string[];\n\n\tconstructor(\n\t\ttext: string = \"\",\n\t\tbgColor?: Color,\n\t\tfgColor?: Color,\n\t\tcustomBgRgb?: { r: number; g: number; b: number },\n\t\tpaddingX: number = 1,\n\t\tpaddingY: number = 1,\n\t) {\n\t\tthis.text = text;\n\t\tthis.bgColor = bgColor;\n\t\tthis.fgColor = fgColor;\n\t\tthis.customBgRgb = customBgRgb;\n\t\tthis.paddingX = paddingX;\n\t\tthis.paddingY = paddingY;\n\t}\n\n\tsetText(text: string): void {\n\t\tthis.text = text;\n\t\t// Invalidate cache when text changes\n\t\tthis.cachedText = undefined;\n\t\tthis.cachedWidth = undefined;\n\t\tthis.cachedLines = undefined;\n\t}\n\n\tsetBgColor(bgColor?: Color): void {\n\t\tthis.bgColor = bgColor;\n\t\t// Invalidate cache when color changes\n\t\tthis.cachedText = undefined;\n\t\tthis.cachedWidth = undefined;\n\t\tthis.cachedLines = undefined;\n\t}\n\n\tsetFgColor(fgColor?: Color): void {\n\t\tthis.fgColor = fgColor;\n\t\t// Invalidate cache when color changes\n\t\tthis.cachedText = undefined;\n\t\tthis.cachedWidth = undefined;\n\t\tthis.cachedLines = undefined;\n\t}\n\n\tsetCustomBgRgb(customBgRgb?: { r: number; g: number; b: number }): void {\n\t\tthis.customBgRgb = customBgRgb;\n\t\t// Invalidate cache when color changes\n\t\tthis.cachedText = undefined;\n\t\tthis.cachedWidth = undefined;\n\t\tthis.cachedLines = undefined;\n\t}\n\n\trender(width: number): string[] {\n\t\t// Check cache\n\t\tif (this.cachedLines && this.cachedText === this.text && this.cachedWidth === width) {\n\t\t\treturn this.cachedLines;\n\t\t}\n\n\t\t// Calculate available width for content (subtract horizontal padding)\n\t\tconst contentWidth = Math.max(1, width - this.paddingX * 2);\n\n\t\t// Don't render anything if there's no actual text\n\t\tif (!this.text || this.text.trim() === \"\") {\n\t\t\tconst result: string[] = [];\n\t\t\t// Update cache\n\t\t\tthis.cachedText = this.text;\n\t\t\tthis.cachedWidth = width;\n\t\t\tthis.cachedLines = result;\n\t\t\treturn result;\n\t\t}\n\n\t\t// Replace tabs with 3 spaces for consistent rendering\n\t\tconst normalizedText = this.text.replace(/\\t/g, \"   \");\n\n\t\t// Parse markdown to HTML-like tokens\n\t\tconst tokens = marked.lexer(normalizedText);\n\n\t\t// Convert tokens to styled terminal output\n\t\tconst renderedLines: string[] = [];\n\n\t\tfor (let i = 0; i < tokens.length; i++) {\n\t\t\tconst token = tokens[i];\n\t\t\tconst nextToken = tokens[i + 1];\n\t\t\tconst tokenLines = this.renderToken(token, contentWidth, nextToken?.type);\n\t\t\trenderedLines.push(...tokenLines);\n\t\t}\n\n\t\t// Wrap lines to fit content width\n\t\tconst wrappedLines: string[] = [];\n\t\tfor (const line of renderedLines) {\n\t\t\twrappedLines.push(...this.wrapLine(line, contentWidth));\n\t\t}\n\n\t\t// Add padding and apply colors\n\t\tconst leftPad = \" \".repeat(this.paddingX);\n\t\tconst paddedLines: string[] = [];\n\n\t\tfor (const line of wrappedLines) {\n\t\t\t// Calculate visible length\n\t\t\tconst visibleLength = visibleWidth(line);\n\t\t\t// Right padding to fill to width (accounting for left padding and content)\n\t\t\tconst rightPadLength = Math.max(0, width - this.paddingX - visibleLength);\n\t\t\tconst rightPad = \" \".repeat(rightPadLength);\n\n\t\t\t// Add left padding, content, and right padding\n\t\t\tlet paddedLine = leftPad + line + rightPad;\n\n\t\t\t// Apply foreground color if specified\n\t\t\tif (this.fgColor) {\n\t\t\t\tpaddedLine = (chalk as any)[this.fgColor](paddedLine);\n\t\t\t}\n\n\t\t\t// Apply background color if specified\n\t\t\tif (this.customBgRgb) {\n\t\t\t\tpaddedLine = chalk.bgRgb(this.customBgRgb.r, this.customBgRgb.g, this.customBgRgb.b)(paddedLine);\n\t\t\t} else if (this.bgColor) {\n\t\t\t\tpaddedLine = (chalk as any)[this.bgColor](paddedLine);\n\t\t\t}\n\n\t\t\tpaddedLines.push(paddedLine);\n\t\t}\n\n\t\t// Add top padding (empty lines)\n\t\tconst emptyLine = \" \".repeat(width);\n\t\tconst topPadding: string[] = [];\n\t\tfor (let i = 0; i < this.paddingY; i++) {\n\t\t\tlet emptyPaddedLine = emptyLine;\n\t\t\tif (this.customBgRgb) {\n\t\t\t\temptyPaddedLine = chalk.bgRgb(this.customBgRgb.r, this.customBgRgb.g, this.customBgRgb.b)(emptyPaddedLine);\n\t\t\t} else if (this.bgColor) {\n\t\t\t\temptyPaddedLine = (chalk as any)[this.bgColor](emptyPaddedLine);\n\t\t\t}\n\t\t\ttopPadding.push(emptyPaddedLine);\n\t\t}\n\n\t\t// Add bottom padding (empty lines)\n\t\tconst bottomPadding: string[] = [];\n\t\tfor (let i = 0; i < this.paddingY; i++) {\n\t\t\tlet emptyPaddedLine = emptyLine;\n\t\t\tif (this.customBgRgb) {\n\t\t\t\temptyPaddedLine = chalk.bgRgb(this.customBgRgb.r, this.customBgRgb.g, this.customBgRgb.b)(emptyPaddedLine);\n\t\t\t} else if (this.bgColor) {\n\t\t\t\temptyPaddedLine = (chalk as any)[this.bgColor](emptyPaddedLine);\n\t\t\t}\n\t\t\tbottomPadding.push(emptyPaddedLine);\n\t\t}\n\n\t\t// Combine top padding, content, and bottom padding\n\t\tconst result = [...topPadding, ...paddedLines, ...bottomPadding];\n\n\t\t// Update cache\n\t\tthis.cachedText = this.text;\n\t\tthis.cachedWidth = width;\n\t\tthis.cachedLines = result;\n\n\t\treturn result.length > 0 ? result : [\"\"];\n\t}\n\n\tprivate renderToken(token: Token, width: number, nextTokenType?: string): string[] {\n\t\tconst lines: string[] = [];\n\n\t\tswitch (token.type) {\n\t\t\tcase \"heading\": {\n\t\t\t\tconst headingLevel = token.depth;\n\t\t\t\tconst headingPrefix = \"#\".repeat(headingLevel) + \" \";\n\t\t\t\tconst headingText = this.renderInlineTokens(token.tokens || []);\n\t\t\t\tif (headingLevel === 1) {\n\t\t\t\t\tlines.push(chalk.bold.underline.yellow(headingText));\n\t\t\t\t} else if (headingLevel === 2) {\n\t\t\t\t\tlines.push(chalk.bold.yellow(headingText));\n\t\t\t\t} else {\n\t\t\t\t\tlines.push(chalk.bold(headingPrefix + headingText));\n\t\t\t\t}\n\t\t\t\tlines.push(\"\"); // Add spacing after headings\n\t\t\t\tbreak;\n\t\t\t}\n\n\t\t\tcase \"paragraph\": {\n\t\t\t\tconst paragraphText = this.renderInlineTokens(token.tokens || []);\n\t\t\t\tlines.push(paragraphText);\n\t\t\t\t// Don't add spacing if next token is space or list\n\t\t\t\tif (nextTokenType && nextTokenType !== \"list\" && nextTokenType !== \"space\") {\n\t\t\t\t\tlines.push(\"\");\n\t\t\t\t}\n\t\t\t\tbreak;\n\t\t\t}\n\n\t\t\tcase \"code\": {\n\t\t\t\tlines.push(chalk.gray(\"```\" + (token.lang || \"\")));\n\t\t\t\t// Split code by newlines and style each line\n\t\t\t\tconst codeLines = token.text.split(\"\\n\");\n\t\t\t\tfor (const codeLine of codeLines) {\n\t\t\t\t\tlines.push(chalk.dim(\"  \") + chalk.green(codeLine));\n\t\t\t\t}\n\t\t\t\tlines.push(chalk.gray(\"```\"));\n\t\t\t\tlines.push(\"\"); // Add spacing after code blocks\n\t\t\t\tbreak;\n\t\t\t}\n\n\t\t\tcase \"list\": {\n\t\t\t\tconst listLines = this.renderList(token as any, 0);\n\t\t\t\tlines.push(...listLines);\n\t\t\t\t// Don't add spacing after lists if a space token follows\n\t\t\t\t// (the space token will handle it)\n\t\t\t\tbreak;\n\t\t\t}\n\n\t\t\tcase \"table\": {\n\t\t\t\tconst tableLines = this.renderTable(token as any);\n\t\t\t\tlines.push(...tableLines);\n\t\t\t\tbreak;\n\t\t\t}\n\n\t\t\tcase \"blockquote\": {\n\t\t\t\tconst quoteText = this.renderInlineTokens(token.tokens || []);\n\t\t\t\tconst quoteLines = quoteText.split(\"\\n\");\n\t\t\t\tfor (const quoteLine of quoteLines) {\n\t\t\t\t\tlines.push(chalk.gray(\"│ \") + chalk.italic(quoteLine));\n\t\t\t\t}\n\t\t\t\tlines.push(\"\"); // Add spacing after blockquotes\n\t\t\t\tbreak;\n\t\t\t}\n\n\t\t\tcase \"hr\":\n\t\t\t\tlines.push(chalk.gray(\"─\".repeat(Math.min(width, 80))));\n\t\t\t\tlines.push(\"\"); // Add spacing after horizontal rules\n\t\t\t\tbreak;\n\n\t\t\tcase \"html\":\n\t\t\t\t// Skip HTML for terminal output\n\t\t\t\tbreak;\n\n\t\t\tcase \"space\":\n\t\t\t\t// Space tokens represent blank lines in markdown\n\t\t\t\tlines.push(\"\");\n\t\t\t\tbreak;\n\n\t\t\tdefault:\n\t\t\t\t// Handle any other token types as plain text\n\t\t\t\tif (\"text\" in token && typeof token.text === \"string\") {\n\t\t\t\t\tlines.push(token.text);\n\t\t\t\t}\n\t\t}\n\n\t\treturn lines;\n\t}\n\n\tprivate renderInlineTokens(tokens: Token[]): string {\n\t\tlet result = \"\";\n\n\t\tfor (const token of tokens) {\n\t\t\tswitch (token.type) {\n\t\t\t\tcase \"text\":\n\t\t\t\t\t// Text tokens in list items can have nested tokens for inline formatting\n\t\t\t\t\tif (token.tokens && token.tokens.length > 0) {\n\t\t\t\t\t\tresult += this.renderInlineTokens(token.tokens);\n\t\t\t\t\t} else {\n\t\t\t\t\t\tresult += token.text;\n\t\t\t\t\t}\n\t\t\t\t\tbreak;\n\n\t\t\t\tcase \"strong\":\n\t\t\t\t\tresult += chalk.bold(this.renderInlineTokens(token.tokens || []));\n\t\t\t\t\tbreak;\n\n\t\t\t\tcase \"em\":\n\t\t\t\t\tresult += chalk.italic(this.renderInlineTokens(token.tokens || []));\n\t\t\t\t\tbreak;\n\n\t\t\t\tcase \"codespan\":\n\t\t\t\t\tresult += chalk.gray(\"`\") + chalk.cyan(token.text) + chalk.gray(\"`\");\n\t\t\t\t\tbreak;\n\n\t\t\t\tcase \"link\": {\n\t\t\t\t\tconst linkText = this.renderInlineTokens(token.tokens || []);\n\t\t\t\t\t// If link text matches href, only show the link once\n\t\t\t\t\tif (linkText === token.href) {\n\t\t\t\t\t\tresult += chalk.underline.blue(linkText);\n\t\t\t\t\t} else {\n\t\t\t\t\t\tresult += chalk.underline.blue(linkText) + chalk.gray(` (${token.href})`);\n\t\t\t\t\t}\n\t\t\t\t\tbreak;\n\t\t\t\t}\n\n\t\t\t\tcase \"br\":\n\t\t\t\t\tresult += \"\\n\";\n\t\t\t\t\tbreak;\n\n\t\t\t\tcase \"del\":\n\t\t\t\t\tresult += chalk.strikethrough(this.renderInlineTokens(token.tokens || []));\n\t\t\t\t\tbreak;\n\n\t\t\t\tdefault:\n\t\t\t\t\t// Handle any other inline token types as plain text\n\t\t\t\t\tif (\"text\" in token && typeof token.text === \"string\") {\n\t\t\t\t\t\tresult += token.text;\n\t\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\treturn result;\n\t}\n\n\tprivate wrapLine(line: string, width: number): string[] {\n\t\t// Handle ANSI escape codes properly when wrapping\n\t\tconst wrapped: string[] = [];\n\n\t\t// Handle undefined or null lines\n\t\tif (!line) {\n\t\t\treturn [\"\"];\n\t\t}\n\n\t\t// Split by newlines first - wrap each line individually\n\t\tconst splitLines = line.split(\"\\n\");\n\t\tfor (const splitLine of splitLines) {\n\t\t\tconst visibleLength = visibleWidth(splitLine);\n\n\t\t\tif (visibleLength <= width) {\n\t\t\t\twrapped.push(splitLine);\n\t\t\t\tcontinue;\n\t\t\t}\n\n\t\t\t// This line needs wrapping\n\t\t\twrapped.push(...this.wrapSingleLine(splitLine, width));\n\t\t}\n\n\t\treturn wrapped.length > 0 ? wrapped : [\"\"];\n\t}\n\n\tprivate wrapSingleLine(line: string, width: number): string[] {\n\t\tconst wrapped: string[] = [];\n\n\t\t// Track active ANSI codes to preserve them across wrapped lines\n\t\tconst activeAnsiCodes: string[] = [];\n\t\tlet currentLine = \"\";\n\t\tlet currentLength = 0;\n\t\tlet i = 0;\n\n\t\twhile (i < line.length) {\n\t\t\tif (line[i] === \"\\x1b\" && line[i + 1] === \"[\") {\n\t\t\t\t// ANSI escape sequence - parse and track it\n\t\t\t\tlet j = i + 2;\n\t\t\t\twhile (j < line.length && line[j] && !/[mGKHJ]/.test(line[j]!)) {\n\t\t\t\t\tj++;\n\t\t\t\t}\n\t\t\t\tif (j < line.length) {\n\t\t\t\t\tconst ansiCode = line.substring(i, j + 1);\n\t\t\t\t\tcurrentLine += ansiCode;\n\n\t\t\t\t\t// Track styling codes (ending with 'm')\n\t\t\t\t\tif (line[j] === \"m\") {\n\t\t\t\t\t\t// Reset code\n\t\t\t\t\t\tif (ansiCode === \"\\x1b[0m\" || ansiCode === \"\\x1b[m\") {\n\t\t\t\t\t\t\tactiveAnsiCodes.length = 0;\n\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t// Add to active codes (replacing similar ones)\n\t\t\t\t\t\t\tactiveAnsiCodes.push(ansiCode);\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\ti = j + 1;\n\t\t\t\t} else {\n\t\t\t\t\t// Incomplete ANSI sequence at end - don't include it\n\t\t\t\t\tbreak;\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\t// Regular character - extract full grapheme cluster\n\t\t\t\t// Handle multi-byte characters (emoji, surrogate pairs, etc.)\n\t\t\t\tlet char: string;\n\t\t\t\tlet charByteLength: number;\n\n\t\t\t\t// Check for surrogate pair (emoji and other multi-byte chars)\n\t\t\t\tconst codePoint = line.charCodeAt(i);\n\t\t\t\tif (codePoint >= 0xd800 && codePoint <= 0xdbff && i + 1 < line.length) {\n\t\t\t\t\t// High surrogate - get the pair\n\t\t\t\t\tchar = line.substring(i, i + 2);\n\t\t\t\t\tcharByteLength = 2;\n\t\t\t\t} else {\n\t\t\t\t\t// Regular character\n\t\t\t\t\tchar = line[i];\n\t\t\t\t\tcharByteLength = 1;\n\t\t\t\t}\n\n\t\t\t\tconst charWidth = visibleWidth(char);\n\n\t\t\t\t// Check if adding this character would exceed width\n\t\t\t\tif (currentLength + charWidth > width) {\n\t\t\t\t\t// Need to wrap - close current line with reset if needed\n\t\t\t\t\tif (activeAnsiCodes.length > 0) {\n\t\t\t\t\t\twrapped.push(currentLine + \"\\x1b[0m\");\n\t\t\t\t\t\t// Start new line with active codes\n\t\t\t\t\t\tcurrentLine = activeAnsiCodes.join(\"\");\n\t\t\t\t\t} else {\n\t\t\t\t\t\twrapped.push(currentLine);\n\t\t\t\t\t\tcurrentLine = \"\";\n\t\t\t\t\t}\n\t\t\t\t\tcurrentLength = 0;\n\t\t\t\t}\n\n\t\t\t\tcurrentLine += char;\n\t\t\t\tcurrentLength += charWidth;\n\t\t\t\ti += charByteLength;\n\t\t\t}\n\t\t}\n\n\t\tif (currentLine) {\n\t\t\twrapped.push(currentLine);\n\t\t}\n\n\t\treturn wrapped.length > 0 ? wrapped : [\"\"];\n\t}\n\n\t/**\n\t * Render a list with proper nesting support\n\t */\n\tprivate renderList(token: Token & { items: any[]; ordered: boolean }, depth: number): string[] {\n\t\tconst lines: string[] = [];\n\t\tconst indent = \"  \".repeat(depth);\n\n\t\tfor (let i = 0; i < token.items.length; i++) {\n\t\t\tconst item = token.items[i];\n\t\t\tconst bullet = token.ordered ? `${i + 1}. ` : \"- \";\n\n\t\t\t// Process item tokens to handle nested lists\n\t\t\tconst itemLines = this.renderListItem(item.tokens || [], depth);\n\n\t\t\tif (itemLines.length > 0) {\n\t\t\t\t// First line - check if it's a nested list (contains cyan ANSI code for bullets)\n\t\t\t\tconst firstLine = itemLines[0];\n\t\t\t\tconst isNestedList = firstLine.includes(\"\\x1b[36m\"); // cyan color code\n\n\t\t\t\tif (isNestedList) {\n\t\t\t\t\t// This is a nested list, just add it as-is (already has full indent)\n\t\t\t\t\tlines.push(firstLine);\n\t\t\t\t} else {\n\t\t\t\t\t// Regular text content - add indent and bullet\n\t\t\t\t\tlines.push(indent + chalk.cyan(bullet) + firstLine);\n\t\t\t\t}\n\n\t\t\t\t// Rest of the lines\n\t\t\t\tfor (let j = 1; j < itemLines.length; j++) {\n\t\t\t\t\tconst line = itemLines[j];\n\t\t\t\t\tconst isNestedListLine = line.includes(\"\\x1b[36m\"); // cyan bullet color\n\n\t\t\t\t\tif (isNestedListLine) {\n\t\t\t\t\t\t// Nested list line - already has full indent\n\t\t\t\t\t\tlines.push(line);\n\t\t\t\t\t} else {\n\t\t\t\t\t\t// Regular content - add parent indent + 2 spaces for continuation\n\t\t\t\t\t\tlines.push(indent + \"  \" + line);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\tlines.push(indent + chalk.cyan(bullet));\n\t\t\t}\n\t\t}\n\n\t\treturn lines;\n\t}\n\n\t/**\n\t * Render list item tokens, handling nested lists\n\t * Returns lines WITHOUT the parent indent (renderList will add it)\n\t */\n\tprivate renderListItem(tokens: Token[], parentDepth: number): string[] {\n\t\tconst lines: string[] = [];\n\n\t\tfor (const token of tokens) {\n\t\t\tif (token.type === \"list\") {\n\t\t\t\t// Nested list - render with one additional indent level\n\t\t\t\t// These lines will have their own indent, so we just add them as-is\n\t\t\t\tconst nestedLines = this.renderList(token as any, parentDepth + 1);\n\t\t\t\tlines.push(...nestedLines);\n\t\t\t} else if (token.type === \"text\") {\n\t\t\t\t// Text content (may have inline tokens)\n\t\t\t\tconst text =\n\t\t\t\t\ttoken.tokens && token.tokens.length > 0 ? this.renderInlineTokens(token.tokens) : token.text || \"\";\n\t\t\t\tlines.push(text);\n\t\t\t} else if (token.type === \"paragraph\") {\n\t\t\t\t// Paragraph in list item\n\t\t\t\tconst text = this.renderInlineTokens(token.tokens || []);\n\t\t\t\tlines.push(text);\n\t\t\t} else if (token.type === \"code\") {\n\t\t\t\t// Code block in list item\n\t\t\t\tlines.push(chalk.gray(\"```\" + (token.lang || \"\")));\n\t\t\t\tconst codeLines = token.text.split(\"\\n\");\n\t\t\t\tfor (const codeLine of codeLines) {\n\t\t\t\t\tlines.push(chalk.dim(\"  \") + chalk.green(codeLine));\n\t\t\t\t}\n\t\t\t\tlines.push(chalk.gray(\"```\"));\n\t\t\t} else {\n\t\t\t\t// Other token types - try to render as inline\n\t\t\t\tconst text = this.renderInlineTokens([token]);\n\t\t\t\tif (text) {\n\t\t\t\t\tlines.push(text);\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\treturn lines;\n\t}\n\n\t/**\n\t * Render a table\n\t */\n\tprivate renderTable(token: Token & { header: any[]; rows: any[][] }): string[] {\n\t\tconst lines: string[] = [];\n\n\t\t// Calculate column widths\n\t\tconst columnWidths: number[] = [];\n\n\t\t// Check header\n\t\tfor (let i = 0; i < token.header.length; i++) {\n\t\t\tconst headerText = this.renderInlineTokens(token.header[i].tokens || []);\n\t\t\tconst width = visibleWidth(headerText);\n\t\t\tcolumnWidths[i] = Math.max(columnWidths[i] || 0, width);\n\t\t}\n\n\t\t// Check rows\n\t\tfor (const row of token.rows) {\n\t\t\tfor (let i = 0; i < row.length; i++) {\n\t\t\t\tconst cellText = this.renderInlineTokens(row[i].tokens || []);\n\t\t\t\tconst width = visibleWidth(cellText);\n\t\t\t\tcolumnWidths[i] = Math.max(columnWidths[i] || 0, width);\n\t\t\t}\n\t\t}\n\n\t\t// Limit column widths to reasonable max\n\t\tconst maxColWidth = 40;\n\t\tfor (let i = 0; i < columnWidths.length; i++) {\n\t\t\tcolumnWidths[i] = Math.min(columnWidths[i], maxColWidth);\n\t\t}\n\n\t\t// Render header\n\t\tconst headerCells = token.header.map((cell, i) => {\n\t\t\tconst text = this.renderInlineTokens(cell.tokens || []);\n\t\t\treturn chalk.bold(text.padEnd(columnWidths[i]));\n\t\t});\n\t\tlines.push(\"│ \" + headerCells.join(\" │ \") + \" │\");\n\n\t\t// Render separator\n\t\tconst separatorCells = columnWidths.map((width) => \"─\".repeat(width));\n\t\tlines.push(\"├─\" + separatorCells.join(\"─┼─\") + \"─┤\");\n\n\t\t// Render rows\n\t\tfor (const row of token.rows) {\n\t\t\tconst rowCells = row.map((cell, i) => {\n\t\t\t\tconst text = this.renderInlineTokens(cell.tokens || []);\n\t\t\t\tconst visWidth = visibleWidth(text);\n\t\t\t\tconst padding = \" \".repeat(Math.max(0, columnWidths[i] - visWidth));\n\t\t\t\treturn text + padding;\n\t\t\t});\n\t\t\tlines.push(\"│ \" + rowCells.join(\" │ \") + \" │\");\n\t\t}\n\n\t\tlines.push(\"\"); // Add spacing after table\n\t\treturn lines;\n\t}\n}\n"]}

package/dist/components/markdown.js

@@ -0,0 +1,499 @@
+import chalk from "chalk";
+import { marked } from "marked";
+import { visibleWidth } from "../utils.js";
+export class Markdown {
+    text;
+    bgColor;
+    fgColor;
+    customBgRgb;
+    paddingX; // Left/right padding
+    paddingY; // Top/bottom padding
+    // Cache for rendered output
+    cachedText;
+    cachedWidth;
+    cachedLines;
+    constructor(text = "", bgColor, fgColor, customBgRgb, paddingX = 1, paddingY = 1) {
+        this.text = text;
+        this.bgColor = bgColor;
+        this.fgColor = fgColor;
+        this.customBgRgb = customBgRgb;
+        this.paddingX = paddingX;
+        this.paddingY = paddingY;
+    }
+    setText(text) {
+        this.text = text;
+        // Invalidate cache when text changes
+        this.cachedText = undefined;
+        this.cachedWidth = undefined;
+        this.cachedLines = undefined;
+    }
+    setBgColor(bgColor) {
+        this.bgColor = bgColor;
+        // Invalidate cache when color changes
+        this.cachedText = undefined;
+        this.cachedWidth = undefined;
+        this.cachedLines = undefined;
+    }
+    setFgColor(fgColor) {
+        this.fgColor = fgColor;
+        // Invalidate cache when color changes
+        this.cachedText = undefined;
+        this.cachedWidth = undefined;
+        this.cachedLines = undefined;
+    }
+    setCustomBgRgb(customBgRgb) {
+        this.customBgRgb = customBgRgb;
+        // Invalidate cache when color changes
+        this.cachedText = undefined;
+        this.cachedWidth = undefined;
+        this.cachedLines = undefined;
+    }
+    render(width) {
+        // Check cache
+        if (this.cachedLines && this.cachedText === this.text && this.cachedWidth === width) {
+            return this.cachedLines;
+        }
+        // Calculate available width for content (subtract horizontal padding)
+        const contentWidth = Math.max(1, width - this.paddingX * 2);
+        // Don't render anything if there's no actual text
+        if (!this.text || this.text.trim() === "") {
+            const result = [];
+            // Update cache
+            this.cachedText = this.text;
+            this.cachedWidth = width;
+            this.cachedLines = result;
+            return result;
+        }
+        // Replace tabs with 3 spaces for consistent rendering
+        const normalizedText = this.text.replace(/\t/g, "   ");
+        // Parse markdown to HTML-like tokens
+        const tokens = marked.lexer(normalizedText);
+        // Convert tokens to styled terminal output
+        const renderedLines = [];
+        for (let i = 0; i < tokens.length; i++) {
+            const token = tokens[i];
+            const nextToken = tokens[i + 1];
+            const tokenLines = this.renderToken(token, contentWidth, nextToken?.type);
+            renderedLines.push(...tokenLines);
+        }
+        // Wrap lines to fit content width
+        const wrappedLines = [];
+        for (const line of renderedLines) {
+            wrappedLines.push(...this.wrapLine(line, contentWidth));
+        }
+        // Add padding and apply colors
+        const leftPad = " ".repeat(this.paddingX);
+        const paddedLines = [];
+        for (const line of wrappedLines) {
+            // Calculate visible length
+            const visibleLength = visibleWidth(line);
+            // Right padding to fill to width (accounting for left padding and content)
+            const rightPadLength = Math.max(0, width - this.paddingX - visibleLength);
+            const rightPad = " ".repeat(rightPadLength);
+            // Add left padding, content, and right padding
+            let paddedLine = leftPad + line + rightPad;
+            // Apply foreground color if specified
+            if (this.fgColor) {
+                paddedLine = chalk[this.fgColor](paddedLine);
+            }
+            // Apply background color if specified
+            if (this.customBgRgb) {
+                paddedLine = chalk.bgRgb(this.customBgRgb.r, this.customBgRgb.g, this.customBgRgb.b)(paddedLine);
+            }
+            else if (this.bgColor) {
+                paddedLine = chalk[this.bgColor](paddedLine);
+            }
+            paddedLines.push(paddedLine);
+        }
+        // Add top padding (empty lines)
+        const emptyLine = " ".repeat(width);
+        const topPadding = [];
+        for (let i = 0; i < this.paddingY; i++) {
+            let emptyPaddedLine = emptyLine;
+            if (this.customBgRgb) {
+                emptyPaddedLine = chalk.bgRgb(this.customBgRgb.r, this.customBgRgb.g, this.customBgRgb.b)(emptyPaddedLine);
+            }
+            else if (this.bgColor) {
+                emptyPaddedLine = chalk[this.bgColor](emptyPaddedLine);
+            }
+            topPadding.push(emptyPaddedLine);
+        }
+        // Add bottom padding (empty lines)
+        const bottomPadding = [];
+        for (let i = 0; i < this.paddingY; i++) {
+            let emptyPaddedLine = emptyLine;
+            if (this.customBgRgb) {
+                emptyPaddedLine = chalk.bgRgb(this.customBgRgb.r, this.customBgRgb.g, this.customBgRgb.b)(emptyPaddedLine);
+            }
+            else if (this.bgColor) {
+                emptyPaddedLine = chalk[this.bgColor](emptyPaddedLine);
+            }
+            bottomPadding.push(emptyPaddedLine);
+        }
+        // Combine top padding, content, and bottom padding
+        const result = [...topPadding, ...paddedLines, ...bottomPadding];
+        // Update cache
+        this.cachedText = this.text;
+        this.cachedWidth = width;
+        this.cachedLines = result;
+        return result.length > 0 ? result : [""];
+    }
+    renderToken(token, width, nextTokenType) {
+        const lines = [];
+        switch (token.type) {
+            case "heading": {
+                const headingLevel = token.depth;
+                const headingPrefix = "#".repeat(headingLevel) + " ";
+                const headingText = this.renderInlineTokens(token.tokens || []);
+                if (headingLevel === 1) {
+                    lines.push(chalk.bold.underline.yellow(headingText));
+                }
+                else if (headingLevel === 2) {
+                    lines.push(chalk.bold.yellow(headingText));
+                }
+                else {
+                    lines.push(chalk.bold(headingPrefix + headingText));
+                }
+                lines.push(""); // Add spacing after headings
+                break;
+            }
+            case "paragraph": {
+                const paragraphText = this.renderInlineTokens(token.tokens || []);
+                lines.push(paragraphText);
+                // Don't add spacing if next token is space or list
+                if (nextTokenType && nextTokenType !== "list" && nextTokenType !== "space") {
+                    lines.push("");
+                }
+                break;
+            }
+            case "code": {
+                lines.push(chalk.gray("```" + (token.lang || "")));
+                // Split code by newlines and style each line
+                const codeLines = token.text.split("\n");
+                for (const codeLine of codeLines) {
+                    lines.push(chalk.dim("  ") + chalk.green(codeLine));
+                }
+                lines.push(chalk.gray("```"));
+                lines.push(""); // Add spacing after code blocks
+                break;
+            }
+            case "list": {
+                const listLines = this.renderList(token, 0);
+                lines.push(...listLines);
+                // Don't add spacing after lists if a space token follows
+                // (the space token will handle it)
+                break;
+            }
+            case "table": {
+                const tableLines = this.renderTable(token);
+                lines.push(...tableLines);
+                break;
+            }
+            case "blockquote": {
+                const quoteText = this.renderInlineTokens(token.tokens || []);
+                const quoteLines = quoteText.split("\n");
+                for (const quoteLine of quoteLines) {
+                    lines.push(chalk.gray("│ ") + chalk.italic(quoteLine));
+                }
+                lines.push(""); // Add spacing after blockquotes
+                break;
+            }
+            case "hr":
+                lines.push(chalk.gray("─".repeat(Math.min(width, 80))));
+                lines.push(""); // Add spacing after horizontal rules
+                break;
+            case "html":
+                // Skip HTML for terminal output
+                break;
+            case "space":
+                // Space tokens represent blank lines in markdown
+                lines.push("");
+                break;
+            default:
+                // Handle any other token types as plain text
+                if ("text" in token && typeof token.text === "string") {
+                    lines.push(token.text);
+                }
+        }
+        return lines;
+    }
+    renderInlineTokens(tokens) {
+        let result = "";
+        for (const token of tokens) {
+            switch (token.type) {
+                case "text":
+                    // Text tokens in list items can have nested tokens for inline formatting
+                    if (token.tokens && token.tokens.length > 0) {
+                        result += this.renderInlineTokens(token.tokens);
+                    }
+                    else {
+                        result += token.text;
+                    }
+                    break;
+                case "strong":
+                    result += chalk.bold(this.renderInlineTokens(token.tokens || []));
+                    break;
+                case "em":
+                    result += chalk.italic(this.renderInlineTokens(token.tokens || []));
+                    break;
+                case "codespan":
+                    result += chalk.gray("`") + chalk.cyan(token.text) + chalk.gray("`");
+                    break;
+                case "link": {
+                    const linkText = this.renderInlineTokens(token.tokens || []);
+                    // If link text matches href, only show the link once
+                    if (linkText === token.href) {
+                        result += chalk.underline.blue(linkText);
+                    }
+                    else {
+                        result += chalk.underline.blue(linkText) + chalk.gray(` (${token.href})`);
+                    }
+                    break;
+                }
+                case "br":
+                    result += "\n";
+                    break;
+                case "del":
+                    result += chalk.strikethrough(this.renderInlineTokens(token.tokens || []));
+                    break;
+                default:
+                    // Handle any other inline token types as plain text
+                    if ("text" in token && typeof token.text === "string") {
+                        result += token.text;
+                    }
+            }
+        }
+        return result;
+    }
+    wrapLine(line, width) {
+        // Handle ANSI escape codes properly when wrapping
+        const wrapped = [];
+        // Handle undefined or null lines
+        if (!line) {
+            return [""];
+        }
+        // Split by newlines first - wrap each line individually
+        const splitLines = line.split("\n");
+        for (const splitLine of splitLines) {
+            const visibleLength = visibleWidth(splitLine);
+            if (visibleLength <= width) {
+                wrapped.push(splitLine);
+                continue;
+            }
+            // This line needs wrapping
+            wrapped.push(...this.wrapSingleLine(splitLine, width));
+        }
+        return wrapped.length > 0 ? wrapped : [""];
+    }
+    wrapSingleLine(line, width) {
+        const wrapped = [];
+        // Track active ANSI codes to preserve them across wrapped lines
+        const activeAnsiCodes = [];
+        let currentLine = "";
+        let currentLength = 0;
+        let i = 0;
+        while (i < line.length) {
+            if (line[i] === "\x1b" && line[i + 1] === "[") {
+                // ANSI escape sequence - parse and track it
+                let j = i + 2;
+                while (j < line.length && line[j] && !/[mGKHJ]/.test(line[j])) {
+                    j++;
+                }
+                if (j < line.length) {
+                    const ansiCode = line.substring(i, j + 1);
+                    currentLine += ansiCode;
+                    // Track styling codes (ending with 'm')
+                    if (line[j] === "m") {
+                        // Reset code
+                        if (ansiCode === "\x1b[0m" || ansiCode === "\x1b[m") {
+                            activeAnsiCodes.length = 0;
+                        }
+                        else {
+                            // Add to active codes (replacing similar ones)
+                            activeAnsiCodes.push(ansiCode);
+                        }
+                    }
+                    i = j + 1;
+                }
+                else {
+                    // Incomplete ANSI sequence at end - don't include it
+                    break;
+                }
+            }
+            else {
+                // Regular character - extract full grapheme cluster
+                // Handle multi-byte characters (emoji, surrogate pairs, etc.)
+                let char;
+                let charByteLength;
+                // Check for surrogate pair (emoji and other multi-byte chars)
+                const codePoint = line.charCodeAt(i);
+                if (codePoint >= 0xd800 && codePoint <= 0xdbff && i + 1 < line.length) {
+                    // High surrogate - get the pair
+                    char = line.substring(i, i + 2);
+                    charByteLength = 2;
+                }
+                else {
+                    // Regular character
+                    char = line[i];
+                    charByteLength = 1;
+                }
+                const charWidth = visibleWidth(char);
+                // Check if adding this character would exceed width
+                if (currentLength + charWidth > width) {
+                    // Need to wrap - close current line with reset if needed
+                    if (activeAnsiCodes.length > 0) {
+                        wrapped.push(currentLine + "\x1b[0m");
+                        // Start new line with active codes
+                        currentLine = activeAnsiCodes.join("");
+                    }
+                    else {
+                        wrapped.push(currentLine);
+                        currentLine = "";
+                    }
+                    currentLength = 0;
+                }
+                currentLine += char;
+                currentLength += charWidth;
+                i += charByteLength;
+            }
+        }
+        if (currentLine) {
+            wrapped.push(currentLine);
+        }
+        return wrapped.length > 0 ? wrapped : [""];
+    }
+    /**
+     * Render a list with proper nesting support
+     */
+    renderList(token, depth) {
+        const lines = [];
+        const indent = "  ".repeat(depth);
+        for (let i = 0; i < token.items.length; i++) {
+            const item = token.items[i];
+            const bullet = token.ordered ? `${i + 1}. ` : "- ";
+            // Process item tokens to handle nested lists
+            const itemLines = this.renderListItem(item.tokens || [], depth);
+            if (itemLines.length > 0) {
+                // First line - check if it's a nested list (contains cyan ANSI code for bullets)
+                const firstLine = itemLines[0];
+                const isNestedList = firstLine.includes("\x1b[36m"); // cyan color code
+                if (isNestedList) {
+                    // This is a nested list, just add it as-is (already has full indent)
+                    lines.push(firstLine);
+                }
+                else {
+                    // Regular text content - add indent and bullet
+                    lines.push(indent + chalk.cyan(bullet) + firstLine);
+                }
+                // Rest of the lines
+                for (let j = 1; j < itemLines.length; j++) {
+                    const line = itemLines[j];
+                    const isNestedListLine = line.includes("\x1b[36m"); // cyan bullet color
+                    if (isNestedListLine) {
+                        // Nested list line - already has full indent
+                        lines.push(line);
+                    }
+                    else {
+                        // Regular content - add parent indent + 2 spaces for continuation
+                        lines.push(indent + "  " + line);
+                    }
+                }
+            }
+            else {
+                lines.push(indent + chalk.cyan(bullet));
+            }
+        }
+        return lines;
+    }
+    /**
+     * Render list item tokens, handling nested lists
+     * Returns lines WITHOUT the parent indent (renderList will add it)
+     */
+    renderListItem(tokens, parentDepth) {
+        const lines = [];
+        for (const token of tokens) {
+            if (token.type === "list") {
+                // Nested list - render with one additional indent level
+                // These lines will have their own indent, so we just add them as-is
+                const nestedLines = this.renderList(token, parentDepth + 1);
+                lines.push(...nestedLines);
+            }
+            else if (token.type === "text") {
+                // Text content (may have inline tokens)
+                const text = token.tokens && token.tokens.length > 0 ? this.renderInlineTokens(token.tokens) : token.text || "";
+                lines.push(text);
+            }
+            else if (token.type === "paragraph") {
+                // Paragraph in list item
+                const text = this.renderInlineTokens(token.tokens || []);
+                lines.push(text);
+            }
+            else if (token.type === "code") {
+                // Code block in list item
+                lines.push(chalk.gray("```" + (token.lang || "")));
+                const codeLines = token.text.split("\n");
+                for (const codeLine of codeLines) {
+                    lines.push(chalk.dim("  ") + chalk.green(codeLine));
+                }
+                lines.push(chalk.gray("```"));
+            }
+            else {
+                // Other token types - try to render as inline
+                const text = this.renderInlineTokens([token]);
+                if (text) {
+                    lines.push(text);
+                }
+            }
+        }
+        return lines;
+    }
+    /**
+     * Render a table
+     */
+    renderTable(token) {
+        const lines = [];
+        // Calculate column widths
+        const columnWidths = [];
+        // Check header
+        for (let i = 0; i < token.header.length; i++) {
+            const headerText = this.renderInlineTokens(token.header[i].tokens || []);
+            const width = visibleWidth(headerText);
+            columnWidths[i] = Math.max(columnWidths[i] || 0, width);
+        }
+        // Check rows
+        for (const row of token.rows) {
+            for (let i = 0; i < row.length; i++) {
+                const cellText = this.renderInlineTokens(row[i].tokens || []);
+                const width = visibleWidth(cellText);
+                columnWidths[i] = Math.max(columnWidths[i] || 0, width);
+            }
+        }
+        // Limit column widths to reasonable max
+        const maxColWidth = 40;
+        for (let i = 0; i < columnWidths.length; i++) {
+            columnWidths[i] = Math.min(columnWidths[i], maxColWidth);
+        }
+        // Render header
+        const headerCells = token.header.map((cell, i) => {
+            const text = this.renderInlineTokens(cell.tokens || []);
+            return chalk.bold(text.padEnd(columnWidths[i]));
+        });
+        lines.push("│ " + headerCells.join(" │ ") + " │");
+        // Render separator
+        const separatorCells = columnWidths.map((width) => "─".repeat(width));
+        lines.push("├─" + separatorCells.join("─┼─") + "─┤");
+        // Render rows
+        for (const row of token.rows) {
+            const rowCells = row.map((cell, i) => {
+                const text = this.renderInlineTokens(cell.tokens || []);
+                const visWidth = visibleWidth(text);
+                const padding = " ".repeat(Math.max(0, columnWidths[i] - visWidth));
+                return text + padding;
+            });
+            lines.push("│ " + rowCells.join(" │ ") + " │");
+        }
+        lines.push(""); // Add spacing after table
+        return lines;
+    }
+}
+//# sourceMappingURL=markdown.js.map