@yeshwanthyk/open-tui 0.1.0 → 0.1.1

package/dist/components/editor.jsx

@@ -0,0 +1,146 @@
+/**
+ * Editor component - wrapper around OpenTUI's TextareaRenderable
+ *
+ * Provides a multi-line text input with keyboard navigation, history,
+ * and autocomplete support.
+ */
+import { TextareaRenderable } from "@opentui/core";
+import { createEffect } from "solid-js";
+import { useTheme } from "../context/theme.js";
+// Default keybindings for the textarea
+const defaultKeybindings = [
+    { name: "left", action: "move-left" },
+    { name: "right", action: "move-right" },
+    { name: "up", action: "move-up" },
+    { name: "down", action: "move-down" },
+    { name: "home", action: "buffer-home" },
+    { name: "end", action: "buffer-end" },
+    { name: "a", ctrl: true, action: "line-home" },
+    { name: "e", ctrl: true, action: "line-end" },
+    { name: "backspace", action: "backspace" },
+    { name: "delete", action: "delete" },
+    { name: "w", ctrl: true, action: "delete-word-backward" },
+    { name: "k", ctrl: true, action: "delete-to-line-end" },
+    { name: "u", ctrl: true, action: "delete-to-line-start" },
+    { name: "return", shift: true, action: "newline" },
+    { name: "return", ctrl: true, action: "newline" },
+    { name: "return", meta: true, action: "newline" },
+    { name: "return", action: "submit" },
+    { name: "z", super: true, action: "undo" },
+    { name: "z", super: true, shift: true, action: "redo" },
+];
+/**
+ * Editor component for multi-line text input
+ */
+export function Editor(props) {
+    const { theme: globalTheme } = useTheme();
+    let textareaRef;
+    const theme = () => ({
+        border: props.theme?.border ?? globalTheme.border,
+        borderActive: props.theme?.borderActive ?? globalTheme.borderActive,
+        text: props.theme?.text ?? globalTheme.text,
+        cursor: props.theme?.cursor ?? globalTheme.text,
+        placeholder: props.theme?.placeholder ?? globalTheme.textMuted,
+        background: props.theme?.background ?? globalTheme.backgroundPanel,
+    });
+    const editorRef = {
+        getText: () => textareaRef?.plainText ?? "",
+        setText: (text) => textareaRef?.setText(text),
+        clear: () => textareaRef?.clear(),
+        focus: () => textareaRef?.focus(),
+        blur: () => textareaRef?.blur(),
+        getTextarea: () => textareaRef,
+    };
+    createEffect(() => {
+        if (props.ref && textareaRef)
+            props.ref(editorRef);
+    });
+    const handleKeyDown = (e) => {
+        if (props.disabled) {
+            e.preventDefault();
+            return;
+        }
+        if (e.name === "escape") {
+            props.onEscape?.();
+            e.preventDefault();
+        }
+    };
+    const handleSubmit = () => {
+        if (props.disabled)
+            return;
+        const text = textareaRef?.plainText?.trim() ?? "";
+        if (!text)
+            return;
+        props.onSubmit?.(text);
+    };
+    const handleContentChange = () => {
+        props.onChange?.(textareaRef?.plainText ?? "");
+    };
+    const borderColor = () => (props.focused ? theme().borderActive : theme().border);
+    const textareaProps = {
+        minHeight: props.minHeight ?? 1,
+        maxHeight: props.maxHeight ?? 10,
+        backgroundColor: theme().background,
+        focusedBackgroundColor: theme().background,
+        textColor: theme().text,
+        focusedTextColor: theme().text,
+        cursorColor: theme().cursor,
+        keyBindings: defaultKeybindings,
+        onKeyDown: handleKeyDown,
+        onSubmit: handleSubmit,
+        onContentChange: handleContentChange,
+    };
+    if (props.initialValue !== undefined) {
+        textareaProps["initialValue"] = props.initialValue;
+    }
+    if (props.placeholder) {
+        textareaProps["placeholder"] = props.placeholder;
+    }
+    if (props.focused !== undefined) {
+        textareaProps["focused"] = props.focused;
+    }
+    const boxProps = {
+        flexDirection: "column",
+        border: true,
+        borderColor: borderColor(),
+        backgroundColor: theme().background,
+        paddingLeft: 1,
+        paddingRight: 1,
+    };
+    if (props.width !== undefined)
+        boxProps["width"] = props.width;
+    if (props.maxWidth !== undefined)
+        boxProps["maxWidth"] = props.maxWidth;
+    return (<box {...boxProps}>
+			<textarea ref={(r) => {
+            textareaRef = r;
+            props.ref?.(editorRef);
+        }} {...textareaProps}/>
+		</box>);
+}
+export function Input(props) {
+    const editorProps = {
+        minHeight: 1,
+        maxHeight: 1,
+    };
+    if (props.value !== undefined)
+        editorProps.initialValue = props.value;
+    if (props.placeholder !== undefined)
+        editorProps.placeholder = props.placeholder;
+    if (props.focused !== undefined)
+        editorProps.focused = props.focused;
+    if (props.theme !== undefined)
+        editorProps.theme = props.theme;
+    if (props.onChange !== undefined)
+        editorProps.onChange = props.onChange;
+    if (props.onSubmit !== undefined)
+        editorProps.onSubmit = props.onSubmit;
+    if (props.onEscape !== undefined)
+        editorProps.onEscape = props.onEscape;
+    if (props.width !== undefined)
+        editorProps.width = props.width;
+    if (props.maxWidth !== undefined)
+        editorProps.maxWidth = props.maxWidth;
+    return <Editor {...editorProps}/>;
+}
+//# sourceMappingURL=editor.jsx.map

package/dist/components/editor.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"editor.jsx","sourceRoot":"","sources":["../../src/components/editor.tsx"],"names":[],"mappings":"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"}

package/dist/components/image.d.ts

@@ -0,0 +1,65 @@
+/**
+ * Image component for rendering images in the terminal
+ *
+ * Supports Kitty and iTerm2 image protocols with automatic detection.
+ * Falls back to text placeholder when images aren't supported.
+ *
+ * Note: Image escape sequences are written directly to stdout, bypassing
+ * OpenTUI's text buffer (which doesn't properly handle OSC sequences).
+ */
+import { type RGBA } from "../context/theme.js";
+export type ImageProtocol = "kitty" | "iterm2" | null;
+export interface TerminalCapabilities {
+    images: ImageProtocol;
+    trueColor: boolean;
+}
+export interface ImageDimensions {
+    widthPx: number;
+    heightPx: number;
+}
+export interface CellDimensions {
+    widthPx: number;
+    heightPx: number;
+}
+export interface ImageProps {
+    /** Base64 encoded image data */
+    data: string;
+    /** MIME type of the image */
+    mimeType: string;
+    /** Image dimensions (will be auto-detected if not provided) */
+    dimensions?: ImageDimensions;
+    /** Maximum width in terminal cells */
+    maxWidth?: number;
+    /** Maximum height in terminal cells */
+    maxHeight?: number;
+    /** Filename for fallback display */
+    filename?: string;
+    /** Fallback text color */
+    fallbackColor?: RGBA;
+}
+export declare function setCellDimensions(dims: CellDimensions): void;
+export declare function getCellDimensions(): CellDimensions;
+/**
+ * Detect terminal image capabilities
+ */
+export declare function detectCapabilities(): TerminalCapabilities;
+export declare function getCapabilities(): TerminalCapabilities;
+export declare function resetCapabilitiesCache(): void;
+/**
+ * Get image dimensions from base64 data
+ */
+export declare function getImageDimensions(base64Data: string, mimeType: string): ImageDimensions | null;
+/**
+ * Image component for rendering inline images in the terminal
+ *
+ * @example
+ * ```tsx
+ * <Image
+ *   data={base64ImageData}
+ *   mimeType="image/png"
+ *   maxWidth={60}
+ * />
+ * ```
+ */
+export declare function Image(props: ImageProps): any;
+//# sourceMappingURL=image.d.ts.map

package/dist/components/image.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"image.d.ts","sourceRoot":"","sources":["../../src/components/image.tsx"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAIH,OAAO,EAAE,KAAK,IAAI,EAAY,MAAM,qBAAqB,CAAA;AAGzD,MAAM,MAAM,aAAa,GAAG,OAAO,GAAG,QAAQ,GAAG,IAAI,CAAA;AAErD,MAAM,WAAW,oBAAoB;IACpC,MAAM,EAAE,aAAa,CAAA;IACrB,SAAS,EAAE,OAAO,CAAA;CAClB;AAED,MAAM,WAAW,eAAe;IAC/B,OAAO,EAAE,MAAM,CAAA;IACf,QAAQ,EAAE,MAAM,CAAA;CAChB;AAED,MAAM,WAAW,cAAc;IAC9B,OAAO,EAAE,MAAM,CAAA;IACf,QAAQ,EAAE,MAAM,CAAA;CAChB;AAED,MAAM,WAAW,UAAU;IAC1B,gCAAgC;IAChC,IAAI,EAAE,MAAM,CAAA;IACZ,6BAA6B;IAC7B,QAAQ,EAAE,MAAM,CAAA;IAChB,+DAA+D;IAC/D,UAAU,CAAC,EAAE,eAAe,CAAA;IAC5B,sCAAsC;IACtC,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,uCAAuC;IACvC,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,oCAAoC;IACpC,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,0BAA0B;IAC1B,aAAa,CAAC,EAAE,IAAI,CAAA;CACpB;AAQD,wBAAgB,iBAAiB,CAAC,IAAI,EAAE,cAAc,GAAG,IAAI,CAE5D;AAED,wBAAgB,iBAAiB,IAAI,cAAc,CAElD;AAED;;GAEG;AACH,wBAAgB,kBAAkB,IAAI,oBAAoB,CA2BzD;AAED,wBAAgB,eAAe,IAAI,oBAAoB,CAKtD;AAED,wBAAgB,sBAAsB,IAAI,IAAI,CAE7C;AAgID;;GAEG;AACH,wBAAgB,kBAAkB,CAAC,UAAU,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,GAAG,eAAe,GAAG,IAAI,CAM/F;AAkCD;;;;;;;;;;;GAWG;AACH,wBAAgB,KAAK,CAAC,KAAK,EAAE,UAAU,OAwFtC"}

package/dist/components/image.jsx

@@ -0,0 +1,319 @@
+/**
+ * Image component for rendering images in the terminal
+ *
+ * Supports Kitty and iTerm2 image protocols with automatic detection.
+ * Falls back to text placeholder when images aren't supported.
+ *
+ * Note: Image escape sequences are written directly to stdout, bypassing
+ * OpenTUI's text buffer (which doesn't properly handle OSC sequences).
+ */
+import { createEffect, createMemo, onCleanup, Show } from "solid-js";
+import { useTerminalDimensions } from "../context/terminal.js";
+import { useTheme } from "../context/theme.js";
+// Cache terminal capabilities
+let cachedCapabilities = null;
+// Default cell dimensions
+let cellDimensions = { widthPx: 9, heightPx: 18 };
+export function setCellDimensions(dims) {
+    cellDimensions = dims;
+}
+export function getCellDimensions() {
+    return cellDimensions;
+}
+/**
+ * Detect terminal image capabilities
+ */
+export function detectCapabilities() {
+    const env = process.env;
+    const termProgram = env["TERM_PROGRAM"]?.toLowerCase() || "";
+    const term = env["TERM"]?.toLowerCase() || "";
+    const colorTerm = env["COLORTERM"]?.toLowerCase() || "";
+    const termInfo = env["TERMINFO"]?.toLowerCase() || "";
+    // Kitty protocol support
+    if (env["KITTY_WINDOW_ID"] || termProgram === "kitty") {
+        return { images: "kitty", trueColor: true };
+    }
+    // Ghostty - check TERM_PROGRAM or TERMINFO (for tmux passthrough)
+    if (termProgram === "ghostty" || term.includes("ghostty") || termInfo.includes("ghostty")) {
+        return { images: "kitty", trueColor: true };
+    }
+    if (env["WEZTERM_PANE"] || termProgram === "wezterm") {
+        return { images: "kitty", trueColor: true };
+    }
+    // iTerm2 protocol support
+    if (env["ITERM_SESSION_ID"] || termProgram === "iterm.app") {
+        return { images: "iterm2", trueColor: true };
+    }
+    // No image support
+    const trueColor = colorTerm === "truecolor" || colorTerm === "24bit";
+    return { images: null, trueColor };
+}
+export function getCapabilities() {
+    if (!cachedCapabilities) {
+        cachedCapabilities = detectCapabilities();
+    }
+    return cachedCapabilities;
+}
+export function resetCapabilitiesCache() {
+    cachedCapabilities = null;
+}
+/**
+ * Encode image using Kitty graphics protocol
+ */
+function encodeKitty(base64Data, columns, rows) {
+    const CHUNK_SIZE = 4096;
+    const params = ["a=T", "f=100", "q=2", `c=${columns}`, `r=${rows}`];
+    if (base64Data.length <= CHUNK_SIZE) {
+        return `\x1b_G${params.join(",")};${base64Data}\x1b\\`;
+    }
+    const chunks = [];
+    let offset = 0;
+    let isFirst = true;
+    while (offset < base64Data.length) {
+        const chunk = base64Data.slice(offset, offset + CHUNK_SIZE);
+        const isLast = offset + CHUNK_SIZE >= base64Data.length;
+        if (isFirst) {
+            chunks.push(`\x1b_G${params.join(",")},m=1;${chunk}\x1b\\`);
+            isFirst = false;
+        }
+        else if (isLast) {
+            chunks.push(`\x1b_Gm=0;${chunk}\x1b\\`);
+        }
+        else {
+            chunks.push(`\x1b_Gm=1;${chunk}\x1b\\`);
+        }
+        offset += CHUNK_SIZE;
+    }
+    return chunks.join("");
+}
+/**
+ * Encode image using iTerm2 inline image protocol
+ */
+function encodeITerm2(base64Data, width) {
+    const params = [`inline=1`, `width=${width}`, `height=auto`, `preserveAspectRatio=1`];
+    return `\x1b]1337;File=${params.join(";")}:${base64Data}\x07`;
+}
+/**
+ * Calculate image rows based on dimensions and cell size
+ */
+function calculateRows(imageDims, targetWidthCells) {
+    const targetWidthPx = targetWidthCells * cellDimensions.widthPx;
+    const scale = targetWidthPx / imageDims.widthPx;
+    const scaledHeightPx = imageDims.heightPx * scale;
+    const rows = Math.ceil(scaledHeightPx / cellDimensions.heightPx);
+    return Math.max(1, rows);
+}
+// Image dimension extractors
+function getPngDimensions(base64Data) {
+    try {
+        const buffer = Buffer.from(base64Data, "base64");
+        if (buffer.length < 24)
+            return null;
+        if (buffer[0] !== 0x89 || buffer[1] !== 0x50 || buffer[2] !== 0x4e || buffer[3] !== 0x47)
+            return null;
+        return { widthPx: buffer.readUInt32BE(16), heightPx: buffer.readUInt32BE(20) };
+    }
+    catch {
+        return null;
+    }
+}
+function getJpegDimensions(base64Data) {
+    try {
+        const buffer = Buffer.from(base64Data, "base64");
+        if (buffer.length < 2 || buffer[0] !== 0xff || buffer[1] !== 0xd8)
+            return null;
+        let offset = 2;
+        while (offset < buffer.length - 9) {
+            if (buffer[offset] !== 0xff) {
+                offset++;
+                continue;
+            }
+            const marker = buffer[offset + 1];
+            if (marker !== undefined && marker >= 0xc0 && marker <= 0xc2) {
+                return { widthPx: buffer.readUInt16BE(offset + 7), heightPx: buffer.readUInt16BE(offset + 5) };
+            }
+            if (offset + 3 >= buffer.length)
+                return null;
+            const length = buffer.readUInt16BE(offset + 2);
+            if (length < 2)
+                return null;
+            offset += 2 + length;
+        }
+        return null;
+    }
+    catch {
+        return null;
+    }
+}
+function getGifDimensions(base64Data) {
+    try {
+        const buffer = Buffer.from(base64Data, "base64");
+        if (buffer.length < 10)
+            return null;
+        const sig = buffer.slice(0, 6).toString("ascii");
+        if (sig !== "GIF87a" && sig !== "GIF89a")
+            return null;
+        return { widthPx: buffer.readUInt16LE(6), heightPx: buffer.readUInt16LE(8) };
+    }
+    catch {
+        return null;
+    }
+}
+function getWebpDimensions(base64Data) {
+    try {
+        const buffer = Buffer.from(base64Data, "base64");
+        if (buffer.length < 30)
+            return null;
+        if (buffer.slice(0, 4).toString("ascii") !== "RIFF")
+            return null;
+        if (buffer.slice(8, 12).toString("ascii") !== "WEBP")
+            return null;
+        const chunk = buffer.slice(12, 16).toString("ascii");
+        if (chunk === "VP8 " && buffer.length >= 30) {
+            return { widthPx: buffer.readUInt16LE(26) & 0x3fff, heightPx: buffer.readUInt16LE(28) & 0x3fff };
+        }
+        if (chunk === "VP8L" && buffer.length >= 25) {
+            const bits = buffer.readUInt32LE(21);
+            return { widthPx: (bits & 0x3fff) + 1, heightPx: ((bits >> 14) & 0x3fff) + 1 };
+        }
+        if (chunk === "VP8X" && buffer.length >= 30) {
+            return {
+                widthPx: ((buffer[24] ?? 0) | ((buffer[25] ?? 0) << 8) | ((buffer[26] ?? 0) << 16)) + 1,
+                heightPx: ((buffer[27] ?? 0) | ((buffer[28] ?? 0) << 8) | ((buffer[29] ?? 0) << 16)) + 1,
+            };
+        }
+        return null;
+    }
+    catch {
+        return null;
+    }
+}
+/**
+ * Get image dimensions from base64 data
+ */
+export function getImageDimensions(base64Data, mimeType) {
+    if (mimeType === "image/png")
+        return getPngDimensions(base64Data);
+    if (mimeType === "image/jpeg")
+        return getJpegDimensions(base64Data);
+    if (mimeType === "image/gif")
+        return getGifDimensions(base64Data);
+    if (mimeType === "image/webp")
+        return getWebpDimensions(base64Data);
+    return null;
+}
+/**
+ * Generate fallback text for images
+ */
+function imageFallback(mimeType, dimensions, filename) {
+    const parts = [];
+    if (filename)
+        parts.push(filename);
+    parts.push(`[${mimeType}]`);
+    if (dimensions)
+        parts.push(`${dimensions.widthPx}x${dimensions.heightPx}`);
+    return `[Image: ${parts.join(" ")}]`;
+}
+// Track rendered images to avoid duplicate writes
+const renderedImages = new Set();
+/**
+ * Write image escape sequence directly to stdout
+ * This bypasses OpenTUI's text buffer which doesn't handle OSC sequences properly
+ */
+function writeImageToStdout(sequence, rows, imageId) {
+    // Avoid duplicate writes for the same image
+    if (renderedImages.has(imageId))
+        return;
+    renderedImages.add(imageId);
+    // Move cursor up to the start of the reserved space, output image, then restore position
+    // The box component reserves `rows` lines, so we move up (rows-1) to position at start
+    const moveUp = rows > 1 ? `\x1b[${rows - 1}A` : "";
+    const moveDown = rows > 1 ? `\x1b[${rows - 1}B` : "";
+    // Write: move up, image sequence, move down (to restore cursor position)
+    process.stdout.write(moveUp + sequence + moveDown);
+}
+/**
+ * Image component for rendering inline images in the terminal
+ *
+ * @example
+ * ```tsx
+ * <Image
+ *   data={base64ImageData}
+ *   mimeType="image/png"
+ *   maxWidth={60}
+ * />
+ * ```
+ */
+export function Image(props) {
+    const { theme } = useTheme();
+    const caps = getCapabilities();
+    const fallbackColor = () => props.fallbackColor ?? theme.textMuted;
+    const termDimensions = useTerminalDimensions();
+    // Get or detect dimensions
+    const dimensions = createMemo(() => {
+        if (props.dimensions)
+            return props.dimensions;
+        return getImageDimensions(props.data, props.mimeType) ?? { widthPx: 800, heightPx: 600 };
+    });
+    // Dynamic maxWidth based on terminal size
+    const maxWidth = createMemo(() => Math.min(props.maxWidth ?? 60, termDimensions().width - 4));
+    const maxHeight = () => props.maxHeight ?? 24;
+    // Generate content-based key for caching (re-render if data or size changes)
+    const imageKey = createMemo(() => {
+        const dims = dimensions();
+        const mw = maxWidth();
+        const mh = maxHeight();
+        // Use first 32 chars of data for key
+        const dataPrefix = props.data.slice(0, 32);
+        return `img-${dataPrefix}-${dims.widthPx}x${dims.heightPx}-${mw}x${mh}`;
+    });
+    // Render image or fallback
+    const renderResult = createMemo(() => {
+        if (!caps.images) {
+            return { type: "fallback", text: imageFallback(props.mimeType, dimensions(), props.filename) };
+        }
+        const width = maxWidth();
+        let rows = calculateRows(dimensions(), width);
+        // Clamp to maxHeight
+        if (rows > maxHeight()) {
+            rows = maxHeight();
+        }
+        if (caps.images === "kitty") {
+            const sequence = encodeKitty(props.data, width, rows);
+            return { type: "image", sequence, rows };
+        }
+        if (caps.images === "iterm2") {
+            const sequence = encodeITerm2(props.data, width);
+            return { type: "image", sequence, rows };
+        }
+        return { type: "fallback", text: imageFallback(props.mimeType, dimensions(), props.filename) };
+    });
+    // Write image directly to stdout when component renders
+    createEffect(() => {
+        const result = renderResult();
+        const key = imageKey();
+        if (result.type === "image") {
+            // Small delay to ensure the box has been rendered and positioned
+            setTimeout(() => {
+                writeImageToStdout(result.sequence, result.rows, key);
+            }, 50);
+        }
+    });
+    // Re-render on terminal resize - imageKey already depends on maxWidth which depends on termDimensions
+    createEffect(() => {
+        const key = imageKey();
+        // Remove from cache to force re-render when dimensions change
+        renderedImages.delete(key);
+    });
+    // Cleanup: remove from rendered set when component unmounts
+    onCleanup(() => {
+        renderedImages.delete(imageKey());
+    });
+    return (<Show when={renderResult().type === "image"} fallback={<text fg={fallbackColor()}>{renderResult().text}</text>}>
+			{/* Reserve vertical space for the image - content is written directly to stdout */}
+			<box height={renderResult().rows} width={maxWidth()}>
+				<text fg={theme.textMuted}>{" ".repeat(maxWidth())}</text>
+			</box>
+		</Show>);
+}
+//# sourceMappingURL=image.jsx.map

package/dist/components/image.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"image.jsx","sourceRoot":"","sources":["../../src/components/image.tsx"],"names":[],"mappings":"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"}

package/dist/components/loader.d.ts

@@ -0,0 +1,25 @@
+/**
+ * Loader/spinner component using OpenTUI spinner
+ */
+import { type RGBA } from "@opentui/core";
+import "opentui-spinner/solid";
+export interface LoaderProps {
+    /** Message to display alongside spinner */
+    message?: string;
+    /** Primary color for spinner */
+    color?: RGBA;
+    /** Dim color for message text */
+    dimColor?: RGBA;
+    /** Animation interval in ms */
+    interval?: number;
+}
+/**
+ * Animated loader with optional message
+ *
+ * @example
+ * ```tsx
+ * <Loader message="Loading..." color={theme.primary} />
+ * ```
+ */
+export declare function Loader(props: LoaderProps): any;
+//# sourceMappingURL=loader.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"loader.d.ts","sourceRoot":"","sources":["../../src/components/loader.tsx"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,EAAc,KAAK,IAAI,EAAE,MAAM,eAAe,CAAA;AACrD,OAAO,uBAAuB,CAAA;AAG9B,MAAM,WAAW,WAAW;IAC3B,2CAA2C;IAC3C,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,gCAAgC;IAChC,KAAK,CAAC,EAAE,IAAI,CAAA;IACZ,iCAAiC;IACjC,QAAQ,CAAC,EAAE,IAAI,CAAA;IACf,+BAA+B;IAC/B,QAAQ,CAAC,EAAE,MAAM,CAAA;CACjB;AAMD;;;;;;;GAOG;AACH,wBAAgB,MAAM,CAAC,KAAK,EAAE,WAAW,OAexC"}

package/dist/components/loader.jsx

@@ -0,0 +1,31 @@
+/**
+ * Loader/spinner component using OpenTUI spinner
+ */
+import { parseColor } from "@opentui/core";
+import "opentui-spinner/solid";
+import { Show } from "solid-js";
+// Default spinner frames (bouncing dots style)
+const DEFAULT_FRAMES = ["    ", ".   ", "..  ", "... ", "....", " ...", "  ..", "   ."];
+const DEFAULT_COLOR = parseColor("#64b4ff");
+/**
+ * Animated loader with optional message
+ *
+ * @example
+ * ```tsx
+ * <Loader message="Loading..." color={theme.primary} />
+ * ```
+ */
+export function Loader(props) {
+    const interval = () => props.interval ?? 120;
+    const color = () => props.color ?? DEFAULT_COLOR;
+    return (<box flexDirection="row" gap={1}>
+			<spinner frames={DEFAULT_FRAMES} interval={interval()} color={color()}/>
+			<Show when={props.message && props.dimColor}>
+				<text fg={props.dimColor}>{props.message}</text>
+			</Show>
+			<Show when={props.message && !props.dimColor}>
+				<text>{props.message}</text>
+			</Show>
+		</box>);
+}
+//# sourceMappingURL=loader.jsx.map

package/dist/components/loader.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"loader.jsx","sourceRoot":"","sources":["../../src/components/loader.tsx"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,EAAE,UAAU,EAAa,MAAM,eAAe,CAAA;AACrD,OAAO,uBAAuB,CAAA;AAC9B,OAAO,EAAE,IAAI,EAAE,MAAM,UAAU,CAAA;AAa/B,+CAA+C;AAC/C,MAAM,cAAc,GAAG,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAAA;AACvF,MAAM,aAAa,GAAG,UAAU,CAAC,SAAS,CAAC,CAAA;AAE3C;;;;;;;GAOG;AACH,MAAM,UAAU,MAAM,CAAC,KAAkB;IACxC,MAAM,QAAQ,GAAG,GAAG,EAAE,CAAC,KAAK,CAAC,QAAQ,IAAI,GAAG,CAAA;IAC5C,MAAM,KAAK,GAAG,GAAG,EAAE,CAAC,KAAK,CAAC,KAAK,IAAI,aAAa,CAAA;IAEhD,OAAO,CACN,CAAC,GAAG,CAAC,aAAa,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAC/B;GAAA,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,cAAc,CAAC,CAAC,QAAQ,CAAC,CAAC,QAAQ,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC,KAAK,EAAE,CAAC,EACtE;GAAA,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,KAAK,CAAC,OAAO,IAAI,KAAK,CAAC,QAAQ,CAAC,CAC3C;IAAA,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,KAAK,CAAC,QAAS,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE,IAAI,CACjD;GAAA,EAAE,IAAI,CACN;GAAA,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,KAAK,CAAC,OAAO,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,CAC5C;IAAA,CAAC,IAAI,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE,IAAI,CAC5B;GAAA,EAAE,IAAI,CACP;EAAA,EAAE,GAAG,CAAC,CACN,CAAA;AACF,CAAC"}

package/dist/components/markdown.d.ts

@@ -0,0 +1,28 @@
+/**
+ * Markdown renderer using @opentui/core's tree-sitter based <code> component
+ */
+import type { JSX } from "solid-js";
+export interface MarkdownProps {
+    /** Markdown text to render */
+    text: string;
+    /** Enable conceal mode (hides markdown syntax like **, #, etc.) */
+    conceal?: boolean;
+    /** Whether content is actively streaming */
+    streaming?: boolean;
+    /** Use dimmed/subtle styling (for secondary content like thinking blocks) */
+    dim?: boolean;
+}
+/**
+ * Markdown component that renders markdown text with tree-sitter syntax highlighting
+ *
+ * @example
+ * ```tsx
+ * <Markdown text="# Hello\n\nThis is **bold** text." />
+ * ```
+ */
+export declare function Markdown(props: MarkdownProps): JSX.Element;
+export interface MarkdownTheme {
+    text?: string;
+    heading?: string;
+}
+//# 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.tsx"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,UAAU,CAAA;AAGnC,MAAM,WAAW,aAAa;IAC7B,8BAA8B;IAC9B,IAAI,EAAE,MAAM,CAAA;IACZ,mEAAmE;IACnE,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,4CAA4C;IAC5C,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,6EAA6E;IAC7E,GAAG,CAAC,EAAE,OAAO,CAAA;CACb;AAED;;;;;;;GAOG;AACH,wBAAgB,QAAQ,CAAC,KAAK,EAAE,aAAa,GAAG,GAAG,CAAC,OAAO,CAmB1D;AAGD,MAAM,WAAW,aAAa;IAC7B,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,OAAO,CAAC,EAAE,MAAM,CAAA;CAEhB"}