@phuetz/code-buddy 0.1.0

package/dist/ui/components/AccessibleOutput.js

@@ -0,0 +1,189 @@
+/**
+ * Accessible Output Components
+ *
+ * Provides semantic structure and accessibility features for terminal output.
+ * Designed to work well with screen readers and provide text alternatives.
+ */
+import React from "react";
+import { Box, Text } from "ink";
+export function SectionHeader({ text, level = 1, color = "cyan" }) {
+    const prefix = level === 1 ? "══" : level === 2 ? "──" : "••";
+    const suffix = level === 1 ? "══" : level === 2 ? "──" : "";
+    const separator = level === 1 ? "═" : level === 2 ? "─" : "";
+    const separatorLength = level === 1 ? 40 : level === 2 ? 30 : 0;
+    return (React.createElement(Box, { flexDirection: "column", marginY: level === 1 ? 1 : 0 },
+        React.createElement(Text, { color: color, bold: level === 1 },
+            prefix,
+            " ",
+            text,
+            " ",
+            suffix),
+        separatorLength > 0 && (React.createElement(Text, { color: color, dimColor: true }, separator.repeat(separatorLength)))));
+}
+const STATUS_CONFIG = {
+    success: { icon: "✓", color: "green", label: "[SUCCESS]" },
+    error: { icon: "✗", color: "red", label: "[ERROR]" },
+    warning: { icon: "⚠", color: "yellow", label: "[WARNING]" },
+    info: { icon: "ℹ", color: "blue", label: "[INFO]" },
+    pending: { icon: "○", color: "gray", label: "[PENDING]" },
+    running: { icon: "◐", color: "cyan", label: "[RUNNING]" },
+};
+export function StatusWithText({ status, text, showLabel = true, }) {
+    const config = STATUS_CONFIG[status];
+    return (React.createElement(Box, null,
+        React.createElement(Text, { color: config.color },
+            config.icon,
+            " "),
+        showLabel && React.createElement(Text, { color: config.color },
+            config.label,
+            " "),
+        React.createElement(Text, null, text)));
+}
+export function AccessibleProgress({ current, total, label, showBar = true, showPercentage = true, width = 20, }) {
+    const percentage = total > 0 ? Math.round((current / total) * 100) : 0;
+    const filledWidth = Math.round((percentage / 100) * width);
+    const emptyWidth = width - filledWidth;
+    return (React.createElement(Box, { flexDirection: "column" },
+        React.createElement(Box, null,
+            React.createElement(Text, null,
+                label,
+                ": "),
+            React.createElement(Text, { bold: true },
+                current,
+                " of ",
+                total),
+            showPercentage && React.createElement(Text, { dimColor: true },
+                " (",
+                percentage,
+                "%)")),
+        showBar && (React.createElement(Box, { marginLeft: 2 },
+            React.createElement(Text, { color: "green" }, "█".repeat(filledWidth)),
+            React.createElement(Text, { dimColor: true }, "░".repeat(emptyWidth))))));
+}
+export function KeyboardShortcut({ keys, description }) {
+    return (React.createElement(Box, null,
+        keys.map((key, index) => (React.createElement(React.Fragment, { key: key },
+            index > 0 && React.createElement(Text, { dimColor: true }, " + "),
+            React.createElement(Text, { backgroundColor: "gray", color: "white" },
+                " ",
+                key,
+                " ")))),
+        React.createElement(Text, null,
+            " ",
+            description)));
+}
+export function HelpPanel({ shortcuts, title = "Keyboard Shortcuts" }) {
+    return (React.createElement(Box, { flexDirection: "column", borderStyle: "round", borderColor: "gray", padding: 1 },
+        React.createElement(SectionHeader, { text: title, level: 2 }),
+        React.createElement(Box, { flexDirection: "column", marginTop: 1 }, shortcuts.map((shortcut, index) => (React.createElement(KeyboardShortcut, { key: index, keys: shortcut.keys, description: shortcut.description }))))));
+}
+export function AccessibleList({ items, ordered = false, bulletChar = "•", }) {
+    return (React.createElement(Box, { flexDirection: "column" }, items.map((item, index) => (React.createElement(Box, { key: index },
+        React.createElement(Text, { dimColor: true },
+            ordered ? `${index + 1}.` : bulletChar,
+            " "),
+        React.createElement(Text, null, item))))));
+}
+export function DefinitionList({ items }) {
+    const maxTermLength = Math.max(...items.map((i) => i.term.length));
+    return (React.createElement(Box, { flexDirection: "column" }, items.map((item, index) => (React.createElement(Box, { key: index },
+        React.createElement(Text, { bold: true }, item.term.padEnd(maxTermLength)),
+        React.createElement(Text, { dimColor: true }, " : "),
+        React.createElement(Text, null, item.definition))))));
+}
+export function Announcement({ message, type = "polite", prefix, }) {
+    const icon = type === "assertive" ? "⚡" : "📢";
+    const color = type === "assertive" ? "yellow" : "cyan";
+    return (React.createElement(Box, null,
+        React.createElement(Text, { color: color },
+            icon,
+            " "),
+        prefix && React.createElement(Text, { bold: true },
+            "[",
+            prefix,
+            "] "),
+        React.createElement(Text, null, message)));
+}
+export function AccessibleError({ code, message, details, suggestion, docUrl, }) {
+    return (React.createElement(Box, { flexDirection: "column", borderStyle: "round", borderColor: "red", padding: 1 },
+        React.createElement(Box, null,
+            React.createElement(Text, { color: "red" }, "\u2717 [ERROR] "),
+            React.createElement(Text, { bold: true }, message)),
+        code && (React.createElement(Box, { marginTop: 1 },
+            React.createElement(Text, { dimColor: true }, "Code: "),
+            React.createElement(Text, null, code))),
+        details && (React.createElement(Box, { marginTop: 1 },
+            React.createElement(Text, { dimColor: true }, "Details: "),
+            React.createElement(Text, null, details))),
+        suggestion && (React.createElement(Box, { marginTop: 1 },
+            React.createElement(Text, { color: "yellow" }, "\uD83D\uDCA1 Suggestion: "),
+            React.createElement(Text, null, suggestion))),
+        docUrl && (React.createElement(Box, { marginTop: 1 },
+            React.createElement(Text, { dimColor: true }, "\uD83D\uDCDA Documentation: "),
+            React.createElement(Text, { color: "cyan" }, docUrl)))));
+}
+export function AccessibleSuccess({ message, details }) {
+    return (React.createElement(Box, { flexDirection: "column" },
+        React.createElement(Box, null,
+            React.createElement(Text, { color: "green" }, "\u2713 [SUCCESS] "),
+            React.createElement(Text, null, message)),
+        details && details.length > 0 && (React.createElement(Box, { marginTop: 1, marginLeft: 2, flexDirection: "column" }, details.map((detail, index) => (React.createElement(Text, { key: index, dimColor: true },
+            "\u2022 ",
+            detail)))))));
+}
+export function AccessibleTable({ headers, rows, caption }) {
+    const colWidths = headers.map((header, i) => Math.max(header.length, ...rows.map((row) => (row[i] || "").length)));
+    const formatCell = (content, width) => content.padEnd(width);
+    const separator = colWidths.map((w) => "─".repeat(w)).join("─┼─");
+    return (React.createElement(Box, { flexDirection: "column" },
+        caption && (React.createElement(Text, { bold: true, dimColor: true },
+            "Table: ",
+            caption)),
+        React.createElement(Text, { bold: true }, headers.map((h, i) => formatCell(h, colWidths[i])).join(" │ ")),
+        React.createElement(Text, { dimColor: true }, separator),
+        rows.map((row, rowIndex) => (React.createElement(Text, { key: rowIndex }, row.map((cell, i) => formatCell(cell || "", colWidths[i])).join(" │ "))))));
+}
+export function AccessibleCodeBlock({ code, language, showLineNumbers = false, }) {
+    const lines = code.split("\n");
+    const lineNumberWidth = String(lines.length).length;
+    return (React.createElement(Box, { flexDirection: "column", borderStyle: "round", borderColor: "gray", padding: 1 },
+        language && (React.createElement(Box, { marginBottom: 1 },
+            React.createElement(Text, { backgroundColor: "gray", color: "white" },
+                " ",
+                language,
+                " "))),
+        React.createElement(Box, { flexDirection: "column" }, lines.map((line, index) => (React.createElement(Box, { key: index },
+            showLineNumbers && (React.createElement(Text, { dimColor: true },
+                String(index + 1).padStart(lineNumberWidth),
+                " \u2502",
+                " ")),
+            React.createElement(Text, null, line)))))));
+}
+export function Divider({ label, width = 40, color = "gray" }) {
+    if (!label) {
+        return React.createElement(Text, { color: color }, "─".repeat(width));
+    }
+    const sideWidth = Math.floor((width - label.length - 2) / 2);
+    return (React.createElement(Text, { color: color },
+        "─".repeat(sideWidth),
+        " ",
+        label,
+        " ",
+        "─".repeat(width - sideWidth - label.length - 2)));
+}
+export default {
+    SectionHeader,
+    StatusWithText,
+    AccessibleProgress,
+    KeyboardShortcut,
+    HelpPanel,
+    AccessibleList,
+    DefinitionList,
+    Announcement,
+    AccessibleError,
+    AccessibleSuccess,
+    AccessibleTable,
+    AccessibleCodeBlock,
+    Divider,
+};
+//# sourceMappingURL=AccessibleOutput.js.map

package/dist/ui/components/AccessibleOutput.js.map

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

package/dist/ui/components/ApiKeyInput.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+import { CodeBuddyAgent } from "../../agent/codebuddy-agent.js";
+interface ApiKeyInputProps {
+    onApiKeySet: (agent: CodeBuddyAgent) => void;
+}
+declare function ApiKeyInputInner({ onApiKeySet }: ApiKeyInputProps): React.JSX.Element;
+declare const ApiKeyInput: React.MemoExoticComponent<typeof ApiKeyInputInner>;
+export default ApiKeyInput;

package/dist/ui/components/ApiKeyInput.js

@@ -0,0 +1,90 @@
+import React, { useState, useCallback, useMemo } from "react";
+import { Box, Text, useInput, useApp } from "ink";
+import { CodeBuddyAgent } from "../../agent/codebuddy-agent.js";
+import { getSettingsManager } from "../../utils/settings-manager.js";
+import { logger } from "../../utils/logger.js";
+function ApiKeyInputInner({ onApiKeySet }) {
+    const [input, setInput] = useState("");
+    const [error, setError] = useState("");
+    const [isSubmitting, setIsSubmitting] = useState(false);
+    const { exit } = useApp();
+    // Memoized submit handler
+    const handleSubmit = useCallback(async () => {
+        if (!input.trim()) {
+            setError("API key cannot be empty");
+            return;
+        }
+        setIsSubmitting(true);
+        try {
+            const apiKey = input.trim();
+            const agent = new CodeBuddyAgent(apiKey);
+            // Set environment variable for current process
+            process.env.GROK_API_KEY = apiKey;
+            // Save to user settings
+            try {
+                const manager = getSettingsManager();
+                manager.updateUserSetting('apiKey', apiKey);
+                logger.info('API key saved to ~/.codebuddy/user-settings.json');
+            }
+            catch (_error) {
+                logger.warn('Could not save API key to settings file. API key set for current session only.');
+            }
+            onApiKeySet(agent);
+        }
+        catch (_error) {
+            setError("Invalid API key format");
+            setIsSubmitting(false);
+        }
+    }, [input, onApiKeySet]);
+    // Memoized input handler
+    const handleInput = useCallback((inputChar, key) => {
+        if (isSubmitting)
+            return;
+        if (key.ctrl && inputChar === "c") {
+            exit();
+            return;
+        }
+        if (key.return) {
+            handleSubmit();
+            return;
+        }
+        if (key.backspace || key.delete) {
+            setInput((prev) => prev.slice(0, -1));
+            setError("");
+            return;
+        }
+        if (inputChar && !key.ctrl && !key.meta) {
+            setInput((prev) => prev + inputChar);
+            setError("");
+        }
+    }, [isSubmitting, exit, handleSubmit]);
+    useInput(handleInput);
+    // Memoized display text to prevent re-computation
+    const displayText = useMemo(() => {
+        if (input.length > 0) {
+            return isSubmitting ? "*".repeat(input.length) : "*".repeat(input.length) + "█";
+        }
+        return isSubmitting ? " " : "█";
+    }, [input.length, isSubmitting]);
+    return (React.createElement(Box, { flexDirection: "column", paddingX: 2, paddingY: 1 },
+        React.createElement(Text, { color: "yellow" }, "\uD83D\uDD11 CodeBuddy API Key Required"),
+        React.createElement(Box, { marginBottom: 1 },
+            React.createElement(Text, { color: "gray" }, "Please enter your CodeBuddy API key to continue:")),
+        React.createElement(Box, { borderStyle: "round", borderColor: "blue", paddingX: 1, marginBottom: 1 },
+            React.createElement(Text, { color: "gray" }, "\u276F "),
+            React.createElement(Text, null, displayText)),
+        error ? (React.createElement(Box, { marginBottom: 1 },
+            React.createElement(Text, { color: "red" },
+                "\u274C ",
+                error))) : null,
+        React.createElement(Box, { flexDirection: "column", marginTop: 1 },
+            React.createElement(Text, { color: "gray", dimColor: true }, "\u2022 Press Enter to submit"),
+            React.createElement(Text, { color: "gray", dimColor: true }, "\u2022 Press Ctrl+C to exit"),
+            React.createElement(Text, { color: "gray", dimColor: true }, "Note: API key will be saved to ~/.codebuddy/user-settings.json")),
+        isSubmitting ? (React.createElement(Box, { marginTop: 1 },
+            React.createElement(Text, { color: "yellow" }, "\uD83D\uDD04 Validating API key..."))) : null));
+}
+// Export memoized component to prevent unnecessary re-renders
+const ApiKeyInput = React.memo(ApiKeyInputInner);
+export default ApiKeyInput;
+//# sourceMappingURL=ApiKeyInput.js.map

package/dist/ui/components/ApiKeyInput.js.map

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

package/dist/ui/components/ChatHistory.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+import { ChatEntry } from "../../agent/codebuddy-agent.js";
+interface ChatHistoryProps {
+    entries: ChatEntry[];
+    isConfirmationActive?: boolean;
+    /** Maximum number of messages to display (default: 50) */
+    maxMessages?: number;
+}
+export declare function ChatHistory({ entries, isConfirmationActive, maxMessages, }: ChatHistoryProps): React.JSX.Element;
+export {};

package/dist/ui/components/ChatHistory.js

@@ -0,0 +1,314 @@
+import React, { useMemo } from "react";
+import { Box, Text, Static } from "ink";
+import { DiffRenderer } from "./DiffRenderer.js";
+import { MarkdownRenderer } from "../utils/markdown-renderer.js";
+import { useTheme } from "../context/theme-context.js";
+import { getRenderManager, isTestResultsData, isWeatherData, isCodeStructureData } from "../../renderers/index.js";
+import { ErrorBoundary } from "./ErrorBoundary.js";
+import { Divider } from "./EnhancedSpinners.js";
+import { ReasoningBlock } from "./ReasoningBlock.js";
+import { ToolStreamOutput } from "./ToolStreamOutput.js";
+import { logger } from "../../utils/logger.js";
+// ============================================================================
+// Structured Data Detection & Rendering
+// ============================================================================
+/**
+ * Try to parse content as structured data and render it appropriately
+ * Returns null if content is not recognized structured data
+ */
+function tryRenderStructuredData(content) {
+    try {
+        const parsed = JSON.parse(content);
+        const manager = getRenderManager();
+        // Check if it's a known structured data type
+        if (isTestResultsData(parsed) || isWeatherData(parsed) || isCodeStructureData(parsed)) {
+            try {
+                return manager.render(parsed);
+            }
+            catch (renderError) {
+                // Render error - return error message instead of crashing
+                logger.error('Error rendering structured data', renderError);
+                return '⚠ Error rendering structured output';
+            }
+        }
+        // Check if manager can render it (generic check)
+        if (manager.canRender(parsed)) {
+            try {
+                return manager.render(parsed);
+            }
+            catch (renderError) {
+                // Render error - return error message instead of crashing
+                logger.error('Error rendering data', renderError);
+                return '⚠ Error rendering output';
+            }
+        }
+    }
+    catch (_err) {
+        // Intentionally ignored: content is not valid JSON, so it is not structured data
+    }
+    return null;
+}
+/**
+ * Component to render structured output with proper line handling
+ */
+function StructuredContent({ content, color }) {
+    try {
+        const lines = content.split('\n');
+        return (React.createElement(Box, { flexDirection: "column" }, lines.map((line, idx) => (React.createElement(Text, { key: idx, color: color }, line)))));
+    }
+    catch (_err) {
+        // Intentionally ignored: content rendering may fail for malformed data, show error UI
+        return (React.createElement(Text, { color: "yellow" }, "\u26A0 Error rendering structured content"));
+    }
+}
+// Memoized ChatEntry component to prevent unnecessary re-renders
+const MemoizedChatEntry = React.memo(({ entry, index, colors, avatars }) => {
+    const renderDiff = (diffContent, filename) => {
+        return (React.createElement(ErrorBoundary, { fallback: React.createElement(Text, { color: "yellow" }, "\u26A0 Error rendering diff (content too large or invalid format)"), showDetails: false },
+            React.createElement(DiffRenderer, { diffContent: diffContent, filename: filename, terminalWidth: 80 })));
+    };
+    const renderFileContent = (content) => {
+        try {
+            const lines = content.split("\n");
+            // Calculate minimum indentation like DiffRenderer does
+            let baseIndentation = Infinity;
+            for (const line of lines) {
+                if (line.trim() === "")
+                    continue;
+                const firstCharIndex = line.search(/\S/);
+                const currentIndent = firstCharIndex === -1 ? 0 : firstCharIndex;
+                baseIndentation = Math.min(baseIndentation, currentIndent);
+            }
+            if (!isFinite(baseIndentation)) {
+                baseIndentation = 0;
+            }
+            return lines.map((line, index) => {
+                const displayContent = line.substring(baseIndentation);
+                return (React.createElement(Text, { key: index, color: "gray" }, displayContent));
+            });
+        }
+        catch (_err) {
+            // Intentionally ignored: file content rendering can fail for large or binary files
+            return (React.createElement(Text, { color: "yellow" }, "\u26A0 Error rendering file content (file too large or invalid format)"));
+        }
+    };
+    switch (entry.type) {
+        case "user":
+            return (React.createElement(Box, { key: index, flexDirection: "column", marginTop: 1 },
+                React.createElement(Divider, { color: colors.border, title: "You" }),
+                React.createElement(Box, { paddingLeft: 1 },
+                    React.createElement(Text, { color: colors.userMessage },
+                        avatars.user,
+                        " ",
+                        entry.content))));
+        case "assistant":
+            return (React.createElement(Box, { key: index, flexDirection: "column", marginTop: 1 },
+                React.createElement(Divider, { color: colors.border, title: "Code Buddy" }),
+                React.createElement(Box, { flexDirection: "row", alignItems: "flex-start", paddingLeft: 1 },
+                    React.createElement(Text, { color: colors.assistantMessage },
+                        avatars.assistant,
+                        " "),
+                    React.createElement(Box, { flexDirection: "column", flexGrow: 1 },
+                        entry.toolCalls ? (
+                        // If there are tool calls, just show plain text
+                        React.createElement(Text, { color: colors.assistantMessage }, entry.content.trim())) : (
+                        // If no tool calls, render as markdown
+                        // Pass isStreaming to handle incomplete tables properly
+                        React.createElement(MarkdownRenderer, { content: entry.content.trim(), isStreaming: entry.isStreaming })),
+                        entry.isStreaming && React.createElement(Text, { color: colors.info }, "\u2588")))));
+        case "reasoning":
+            return (React.createElement(Box, { key: index, flexDirection: "column" },
+                React.createElement(ReasoningBlock, { content: entry.content, isStreaming: entry.isStreaming })));
+        case "plan_progress":
+            return (React.createElement(Box, { key: index, flexDirection: "column", marginTop: 1 },
+                React.createElement(Box, { paddingLeft: 1 },
+                    React.createElement(Text, { color: colors.info },
+                        avatars.tool,
+                        " Plan: ",
+                        entry.content))));
+        case "tool_call":
+        case "tool_result":
+            const getToolActionName = (toolName) => {
+                // Handle MCP tools with mcp__servername__toolname format
+                if (toolName.startsWith("mcp__")) {
+                    const parts = toolName.split("__");
+                    if (parts.length >= 3) {
+                        const serverName = parts[1];
+                        const actualToolName = parts.slice(2).join("__");
+                        return `${serverName.charAt(0).toUpperCase() + serverName.slice(1)}(${actualToolName.replace(/_/g, " ")})`;
+                    }
+                }
+                switch (toolName) {
+                    case "view_file":
+                        return "Read";
+                    case "str_replace_editor":
+                        return "Update";
+                    case "create_file":
+                        return "Create";
+                    case "bash":
+                        return "Bash";
+                    case "search":
+                        return "Search";
+                    case "create_todo_list":
+                        return "Created Todo";
+                    case "update_todo_list":
+                        return "Updated Todo";
+                    default:
+                        return "Tool";
+                }
+            };
+            const toolName = entry.toolCall?.function?.name || "unknown";
+            const actionName = getToolActionName(toolName);
+            const getFilePath = (toolCall) => {
+                if (toolCall?.function?.arguments) {
+                    try {
+                        const args = JSON.parse(toolCall.function.arguments);
+                        if (toolCall.function.name === "search") {
+                            return args.query;
+                        }
+                        return args.path || args.file_path || args.command || "";
+                    }
+                    catch (_err) {
+                        // Intentionally ignored: tool call arguments may not be valid JSON
+                        return "";
+                    }
+                }
+                return "";
+            };
+            const filePath = getFilePath(entry.toolCall);
+            const isExecuting = entry.type === "tool_call" || !entry.toolResult;
+            // Format JSON content for better readability
+            const formatToolContent = (content, toolName) => {
+                try {
+                    // First, try to render as structured data
+                    const structuredOutput = tryRenderStructuredData(content);
+                    if (structuredOutput) {
+                        return { text: structuredOutput, isStructured: true };
+                    }
+                    if (toolName.startsWith("mcp__")) {
+                        try {
+                            // Try to parse as JSON and format it
+                            const parsed = JSON.parse(content);
+                            if (Array.isArray(parsed)) {
+                                // For arrays, show a summary instead of full JSON
+                                return { text: `Found ${parsed.length} items`, isStructured: false };
+                            }
+                            else if (typeof parsed === 'object') {
+                                // For objects, show a formatted version
+                                return { text: JSON.stringify(parsed, null, 2), isStructured: false };
+                            }
+                        }
+                        catch (_err) {
+                            // Intentionally ignored: content is not valid JSON, return as plain text
+                            return { text: content, isStructured: false };
+                        }
+                    }
+                    return { text: content, isStructured: false };
+                }
+                catch (error) {
+                    // Fallback for any unexpected errors
+                    logger.error('Error formatting tool content', error);
+                    return { text: '⚠ Error formatting tool output', isStructured: false };
+                }
+            };
+            const shouldShowDiff = entry.toolCall?.function?.name === "str_replace_editor" &&
+                entry.toolResult?.success &&
+                entry.content.includes("Updated") &&
+                entry.content.includes("---") &&
+                entry.content.includes("+++");
+            const shouldShowFileContent = (entry.toolCall?.function?.name === "view_file" ||
+                entry.toolCall?.function?.name === "create_file") &&
+                entry.toolResult?.success &&
+                !shouldShowDiff;
+            return (React.createElement(Box, { key: index, flexDirection: "column", marginTop: 1 },
+                React.createElement(Box, null,
+                    React.createElement(Text, { color: colors.toolCall }, avatars.tool),
+                    React.createElement(Text, { color: colors.text },
+                        " ",
+                        filePath ? `${actionName}(${filePath})` : actionName)),
+                React.createElement(Box, { marginLeft: 2, flexDirection: "column" }, isExecuting && entry.isStreaming && entry.content !== 'Executing...' ? (React.createElement(ToolStreamOutput, { output: entry.content, toolName: toolName, isStreaming: true })) : isExecuting ? (React.createElement(Text, { color: colors.info }, "\u23BF Executing...")) : shouldShowFileContent ? (React.createElement(Box, { flexDirection: "column" },
+                    React.createElement(Text, { color: colors.toolResult }, "\u23BF File contents:"),
+                    React.createElement(Box, { marginLeft: 2, flexDirection: "column" }, renderFileContent(entry.content)))) : shouldShowDiff ? (
+                // For diff results, show only the summary line, not the raw content
+                React.createElement(Text, { color: colors.toolResult },
+                    "\u23BF ",
+                    entry.content.split("\n")[0])) : (() => {
+                    const formatted = formatToolContent(entry.content, toolName);
+                    if (formatted.isStructured) {
+                        return (React.createElement(ErrorBoundary, { fallback: React.createElement(Text, { color: "yellow" }, "\u23BF \u26A0 Error displaying structured output"), showDetails: false },
+                            React.createElement(Box, { flexDirection: "column" },
+                                React.createElement(Text, { color: colors.toolResult }, "\u23BF Structured output:"),
+                                React.createElement(Box, { marginLeft: 2 },
+                                    React.createElement(StructuredContent, { content: formatted.text })))));
+                    }
+                    return React.createElement(Text, { color: colors.toolResult },
+                        "\u23BF ",
+                        formatted.text);
+                })()),
+                shouldShowDiff && !isExecuting && (React.createElement(Box, { marginLeft: 4, flexDirection: "column" }, renderDiff(entry.content, filePath)))));
+        default:
+            return null;
+    }
+});
+MemoizedChatEntry.displayName = "MemoizedChatEntry";
+export function ChatHistory({ entries, isConfirmationActive = false, maxMessages = 50, }) {
+    const { colors, avatars } = useTheme();
+    // Filter out tool_call entries with "Executing..." when confirmation is active
+    // Apply windowing to prevent performance issues with very long conversations
+    const filteredEntries = useMemo(() => {
+        const filtered = isConfirmationActive
+            ? entries.filter((entry) => !(entry.type === "tool_call" && entry.content === "Executing..."))
+            : entries;
+        // Windowing: Only show the most recent N messages
+        // This prevents performance degradation in very long conversations
+        const windowSize = Math.max(10, Math.min(maxMessages, 100)); // Clamp between 10-100
+        if (filtered.length > windowSize) {
+            // Show truncation indicator for long conversations
+            const truncatedCount = filtered.length - windowSize;
+            logger.debug(`[ChatHistory] Showing ${windowSize} most recent messages (${truncatedCount} older messages hidden)`);
+        }
+        return filtered.slice(-windowSize);
+    }, [entries, isConfirmationActive, maxMessages]);
+    // Calculate truncation info
+    const truncatedCount = useMemo(() => {
+        const totalFiltered = isConfirmationActive
+            ? entries.filter((entry) => !(entry.type === "tool_call" && entry.content === "Executing...")).length
+            : entries.length;
+        return Math.max(0, totalFiltered - filteredEntries.length);
+    }, [entries, filteredEntries, isConfirmationActive]);
+    // Separate completed (static) entries from streaming (dynamic) entries
+    // Static entries use Ink's Static component - they render once and never re-render
+    // This dramatically reduces flickering during streaming
+    const { staticEntries, dynamicEntries } = useMemo(() => {
+        const staticList = [];
+        const dynamicList = [];
+        filteredEntries.forEach((entry, index) => {
+            // Create a stable unique key based on timestamp and content hash
+            const uniqueKey = `${entry.timestamp.getTime()}-${index}`;
+            const entryWithKey = { ...entry, uniqueKey };
+            // Entry is dynamic if it's streaming or is a tool_call being executed
+            const isDynamic = entry.isStreaming ||
+                (entry.type === "tool_call" && entry.content === "Executing...");
+            if (isDynamic) {
+                dynamicList.push(entryWithKey);
+            }
+            else {
+                staticList.push(entryWithKey);
+            }
+        });
+        return { staticEntries: staticList, dynamicEntries: dynamicList };
+    }, [filteredEntries]);
+    return (React.createElement(Box, { flexDirection: "column" },
+        truncatedCount > 0 && (React.createElement(Box, { marginBottom: 1 },
+            React.createElement(Text, { color: "gray", dimColor: true },
+                "\u00B7\u00B7\u00B7 ",
+                truncatedCount,
+                " older message",
+                truncatedCount !== 1 ? 's' : '',
+                " hidden (showing most recent ",
+                filteredEntries.length,
+                ")"))),
+        React.createElement(Static, { items: staticEntries }, (entry) => (React.createElement(MemoizedChatEntry, { key: entry.uniqueKey, entry: entry, index: 0, colors: colors, avatars: avatars }))),
+        dynamicEntries.map((entry, index) => (React.createElement(MemoizedChatEntry, { key: entry.uniqueKey, entry: entry, index: index, colors: colors, avatars: avatars })))));
+}
+//# sourceMappingURL=ChatHistory.js.map