wave-code 0.0.8 → 0.0.10

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

@@ -1 +1 @@
-{"version":3,"file":"ChatInterface.d.ts","sourceRoot":"","sources":["../../src/components/ChatInterface.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAO1B,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAgEjC,CAAC"}
+{"version":3,"file":"ChatInterface.d.ts","sourceRoot":"","sources":["../../src/components/ChatInterface.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAO1B,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAkEjC,CAAC"}

package/dist/components/ChatInterface.js

@@ -9,5 +9,5 @@ export const ChatInterface = () => {
     if (!sessionId)
         return null;
     return (_jsxs(Box, { flexDirection: "column", height: "100%", paddingY: 1, children: [_jsx(MessageList, { messages: messages, isLoading: isLoading, isCommandRunning: isCommandRunning, isCompressing: isCompressing, latestTotalTokens: latestTotalTokens, isExpanded: isExpanded }, String(isExpanded) + sessionId), !isExpanded &&
-                (isConfirmationVisible ? (_jsx(Confirmation, { toolName: confirmingTool.name, toolInput: confirmingTool.input, onDecision: handleConfirmationDecision, onCancel: handleConfirmationCancel, onAbort: abortMessage })) : (_jsx(InputBox, { isLoading: isLoading, isCommandRunning: isCommandRunning, userInputHistory: userInputHistory, sendMessage: sendMessage, abortMessage: abortMessage, saveMemory: saveMemory, mcpServers: mcpServers, connectMcpServer: connectMcpServer, disconnectMcpServer: disconnectMcpServer, slashCommands: slashCommands, hasSlashCommand: hasSlashCommand })))] }));
+                (isConfirmationVisible ? (_jsx(Confirmation, { toolName: confirmingTool.name, toolInput: confirmingTool.input, suggestedPrefix: confirmingTool.suggestedPrefix, hidePersistentOption: confirmingTool.hidePersistentOption, onDecision: handleConfirmationDecision, onCancel: handleConfirmationCancel, onAbort: abortMessage })) : (_jsx(InputBox, { isLoading: isLoading, isCommandRunning: isCommandRunning, userInputHistory: userInputHistory, sendMessage: sendMessage, abortMessage: abortMessage, saveMemory: saveMemory, mcpServers: mcpServers, connectMcpServer: connectMcpServer, disconnectMcpServer: disconnectMcpServer, slashCommands: slashCommands, hasSlashCommand: hasSlashCommand })))] }));
 };

package/dist/components/Confirmation.d.ts

@@ -3,6 +3,8 @@ import type { PermissionDecision } from "wave-agent-sdk";
 export interface ConfirmationProps {
     toolName: string;
     toolInput?: Record<string, unknown>;
+    suggestedPrefix?: string;
+    hidePersistentOption?: boolean;
     onDecision: (decision: PermissionDecision) => void;
     onCancel: () => void;
     onAbort: () => void;

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

@@ -1 +1 @@
-{"version":3,"file":"Confirmation.d.ts","sourceRoot":"","sources":["../../src/components/Confirmation.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAExC,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,gBAAgB,CAAC;AA2BzD,MAAM,WAAW,iBAAiB;IAChC,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACpC,UAAU,EAAE,CAAC,QAAQ,EAAE,kBAAkB,KAAK,IAAI,CAAC;IACnD,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAQD,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAiNpD,CAAC"}
+{"version":3,"file":"Confirmation.d.ts","sourceRoot":"","sources":["../../src/components/Confirmation.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAExC,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,gBAAgB,CAAC;AA2BzD,MAAM,WAAW,iBAAiB;IAChC,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACpC,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,UAAU,EAAE,CAAC,QAAQ,EAAE,kBAAkB,KAAK,IAAI,CAAC;IACnD,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAQD,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAgPpD,CAAC"}

package/dist/components/Confirmation.js

@@ -21,15 +21,18 @@ const getActionDescription = (toolName, toolInput) => {
             return "Execute operation";
     }
 };
-export const Confirmation = ({ toolName, toolInput, onDecision, onCancel, onAbort, }) => {
+export const Confirmation = ({ toolName, toolInput, suggestedPrefix, hidePersistentOption, onDecision, onCancel, onAbort, }) => {
     const [state, setState] = useState({
         selectedOption: "allow",
-        alternativeText: "",
-        hasUserInput: false,
+        alternativeText: suggestedPrefix || "",
+        hasUserInput: !!suggestedPrefix,
     });
     const getAutoOptionText = () => {
         if (toolName === "Bash") {
-            return `Yes, and don't ask again for ${toolInput?.command || "this"} commands in this workdir`;
+            if (suggestedPrefix) {
+                return `Yes, and don't ask again for: ${suggestedPrefix}`;
+            }
+            return "Yes, and don't ask again for this command in this workdir";
         }
         return "Yes, and auto-accept edits";
     };
@@ -47,9 +50,12 @@ export const Confirmation = ({ toolName, toolInput, onDecision, onCancel, onAbor
             }
             else if (state.selectedOption === "auto") {
                 if (toolName === "Bash") {
+                    const rule = suggestedPrefix
+                        ? `Bash(${suggestedPrefix}:*)`
+                        : `Bash(${toolInput?.command})`;
                     onDecision({
                         behavior: "allow",
-                        newPermissionRule: `Bash(${toolInput?.command})`,
+                        newPermissionRule: rule,
                     });
                 }
                 else {
@@ -77,21 +83,31 @@ export const Confirmation = ({ toolName, toolInput, onDecision, onCancel, onAbor
                 return;
             }
             if (input === "2") {
-                if (toolName === "Bash") {
-                    onDecision({
-                        behavior: "allow",
-                        newPermissionRule: `Bash(${toolInput?.command})`,
-                    });
+                if (!hidePersistentOption) {
+                    if (toolName === "Bash") {
+                        const rule = suggestedPrefix
+                            ? `Bash(${suggestedPrefix}:*)`
+                            : `Bash(${toolInput?.command})`;
+                        onDecision({
+                            behavior: "allow",
+                            newPermissionRule: rule,
+                        });
+                    }
+                    else {
+                        onDecision({
+                            behavior: "allow",
+                            newPermissionMode: "acceptEdits",
+                        });
+                    }
+                    return;
                 }
                 else {
-                    onDecision({
-                        behavior: "allow",
-                        newPermissionMode: "acceptEdits",
-                    });
+                    // If auto option is hidden, '2' selects alternative
+                    setState((prev) => ({ ...prev, selectedOption: "alternative" }));
+                    return;
                 }
-                return;
             }
-            if (input === "3") {
+            if (input === "3" && !hidePersistentOption) {
                 setState((prev) => ({ ...prev, selectedOption: "alternative" }));
                 return;
             }
@@ -99,8 +115,12 @@ export const Confirmation = ({ toolName, toolInput, onDecision, onCancel, onAbor
         // Handle arrow keys for navigation
         if (key.upArrow) {
             setState((prev) => {
-                if (prev.selectedOption === "alternative")
-                    return { ...prev, selectedOption: "auto" };
+                if (prev.selectedOption === "alternative") {
+                    return {
+                        ...prev,
+                        selectedOption: hidePersistentOption ? "allow" : "auto",
+                    };
+                }
                 if (prev.selectedOption === "auto")
                     return { ...prev, selectedOption: "allow" };
                 return prev;
@@ -109,8 +129,12 @@ export const Confirmation = ({ toolName, toolInput, onDecision, onCancel, onAbor
         }
         if (key.downArrow) {
             setState((prev) => {
-                if (prev.selectedOption === "allow")
-                    return { ...prev, selectedOption: "auto" };
+                if (prev.selectedOption === "allow") {
+                    return {
+                        ...prev,
+                        selectedOption: hidePersistentOption ? "alternative" : "auto",
+                    };
+                }
                 if (prev.selectedOption === "auto")
                     return { ...prev, selectedOption: "alternative" };
                 return prev;
@@ -143,6 +167,6 @@ export const Confirmation = ({ toolName, toolInput, onDecision, onCancel, onAbor
     });
     const placeholderText = "Type here to tell Wave what to do differently";
     const showPlaceholder = state.selectedOption === "alternative" && !state.hasUserInput;
-    return (_jsxs(Box, { flexDirection: "column", borderStyle: "single", borderColor: "yellow", padding: 1, marginBottom: 1, children: [_jsxs(Text, { color: "yellow", bold: true, children: ["Tool: ", toolName] }), _jsx(Text, { color: "yellow", children: getActionDescription(toolName, toolInput) }), _jsx(Box, { marginTop: 1, children: _jsx(Text, { children: "Do you want to proceed?" }) }), _jsxs(Box, { marginTop: 1, flexDirection: "column", children: [_jsx(Box, { children: _jsxs(Text, { color: state.selectedOption === "allow" ? "black" : "white", backgroundColor: state.selectedOption === "allow" ? "yellow" : undefined, bold: state.selectedOption === "allow", children: [state.selectedOption === "allow" ? "> " : "  ", "1. Yes"] }) }, "allow-option"), _jsx(Box, { children: _jsxs(Text, { color: state.selectedOption === "auto" ? "black" : "white", backgroundColor: state.selectedOption === "auto" ? "yellow" : undefined, bold: state.selectedOption === "auto", children: [state.selectedOption === "auto" ? "> " : "  ", "2.", " ", getAutoOptionText()] }) }, "auto-option"), _jsx(Box, { children: _jsxs(Text, { color: state.selectedOption === "alternative" ? "black" : "white", backgroundColor: state.selectedOption === "alternative" ? "yellow" : undefined, bold: state.selectedOption === "alternative", children: [state.selectedOption === "alternative" ? "> " : "  ", "3.", " ", showPlaceholder ? (_jsx(Text, { color: "gray", dimColor: true, children: placeholderText })) : (_jsx(Text, { children: state.alternativeText ||
-                                        "Type here to tell Wave what to do differently" }))] }) }, "alternative-option")] }), _jsx(Box, { marginTop: 1, children: _jsx(Text, { dimColor: true, children: "Use \u2191\u2193 or 1-3 to navigate \u2022 ESC to cancel" }) })] }));
+    return (_jsxs(Box, { flexDirection: "column", borderStyle: "single", borderColor: "yellow", padding: 1, marginBottom: 1, children: [_jsxs(Text, { color: "yellow", bold: true, children: ["Tool: ", toolName] }), _jsx(Text, { color: "yellow", children: getActionDescription(toolName, toolInput) }), _jsx(Box, { marginTop: 1, children: _jsx(Text, { children: "Do you want to proceed?" }) }), _jsxs(Box, { marginTop: 1, flexDirection: "column", children: [_jsx(Box, { children: _jsxs(Text, { color: state.selectedOption === "allow" ? "black" : "white", backgroundColor: state.selectedOption === "allow" ? "yellow" : undefined, bold: state.selectedOption === "allow", children: [state.selectedOption === "allow" ? "> " : "  ", "1. Yes"] }) }, "allow-option"), !hidePersistentOption && (_jsx(Box, { children: _jsxs(Text, { color: state.selectedOption === "auto" ? "black" : "white", backgroundColor: state.selectedOption === "auto" ? "yellow" : undefined, bold: state.selectedOption === "auto", children: [state.selectedOption === "auto" ? "> " : "  ", "2.", " ", getAutoOptionText()] }) }, "auto-option")), _jsx(Box, { children: _jsxs(Text, { color: state.selectedOption === "alternative" ? "black" : "white", backgroundColor: state.selectedOption === "alternative" ? "yellow" : undefined, bold: state.selectedOption === "alternative", children: [state.selectedOption === "alternative" ? "> " : "  ", hidePersistentOption ? "2. " : "3. ", showPlaceholder ? (_jsx(Text, { color: "gray", dimColor: true, children: placeholderText })) : (_jsx(Text, { children: state.alternativeText ||
+                                        "Type here to tell Wave what to do differently" }))] }) }, "alternative-option")] }), _jsx(Box, { marginTop: 1, children: _jsxs(Text, { dimColor: true, children: ["Use \u2191\u2193 or 1-", hidePersistentOption ? "2" : "3", " to navigate \u2022 ESC to cancel"] }) })] }));
 };

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

@@ -1 +1 @@
-{"version":3,"file":"Markdown.d.ts","sourceRoot":"","sources":["../../src/components/Markdown.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAC;AAKvC,MAAM,WAAW,aAAa;IAC5B,QAAQ,EAAE,MAAM,CAAC;CAClB;AAGD,eAAO,MAAM,QAAQ,2CAA6B,aAAa,6CAe7D,CAAC"}
+{"version":3,"file":"Markdown.d.ts","sourceRoot":"","sources":["../../src/components/Markdown.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAC;AAIvC,MAAM,WAAW,aAAa;IAC5B,QAAQ,EAAE,MAAM,CAAC;CAClB;AAoUD,eAAO,MAAM,QAAQ,2CAA6B,aAAa,6CAQ7D,CAAC"}

package/dist/components/Markdown.js

@@ -1,22 +1,121 @@
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import React, { useMemo } from "react";
-import { Text } from "ink";
+import { Box, Text, useStdout } from "ink";
 import { marked } from "marked";
-import TerminalRenderer from "marked-terminal";
-// Markdown component using marked-terminal with proper unescape option
-export const Markdown = React.memo(({ children }) => {
-    const result = useMemo(() => {
-        // Configure marked with TerminalRenderer using default options
-        marked.setOptions({
-            renderer: new TerminalRenderer({
-                // Use official unescape option to handle HTML entities
-                unescape: true,
-            }),
+const unescapeHtml = (html) => {
+    return html
+        .replace(/&/g, "&")
+        .replace(/&lt;/g, "<")
+        .replace(/&gt;/g, ">")
+        .replace(/&quot;/g, '"')
+        .replace(/&#39;/g, "'");
+};
+const InlineRenderer = ({ tokens }) => {
+    return (_jsx(_Fragment, { children: tokens.map((token, index) => {
+            switch (token.type) {
+                case "text": {
+                    const t = token;
+                    if (t.tokens) {
+                        return _jsx(InlineRenderer, { tokens: t.tokens }, index);
+                    }
+                    return _jsx(Text, { children: unescapeHtml(t.text) }, index);
+                }
+                case "strong":
+                    return (_jsx(Text, { bold: true, children: token.tokens ? (_jsx(InlineRenderer, { tokens: token.tokens })) : (unescapeHtml(token.text)) }, index));
+                case "em":
+                    return (_jsx(Text, { italic: true, children: token.tokens ? (_jsx(InlineRenderer, { tokens: token.tokens })) : (unescapeHtml(token.text)) }, index));
+                case "codespan":
+                    return (_jsx(Text, { color: "yellow", children: unescapeHtml(token.text) }, index));
+                case "link":
+                    return (_jsx(Text, { color: "blue", underline: true, children: token.tokens ? (_jsx(InlineRenderer, { tokens: token.tokens })) : (unescapeHtml(token.text)) }, index));
+                case "br":
+                    return _jsx(Text, { children: "\n" }, index);
+                case "del":
+                    return (_jsx(Text, { strikethrough: true, children: token.tokens ? (_jsx(InlineRenderer, { tokens: token.tokens })) : (unescapeHtml(token.text)) }, index));
+                default:
+                    return _jsx(Text, { children: token.raw }, index);
+            }
+        }) }));
+};
+const TableRenderer = ({ token }) => {
+    const { stdout } = useStdout();
+    const terminalWidth = (stdout?.columns || 80) - 2;
+    const columnWidths = useMemo(() => {
+        const numCols = token.header.length;
+        const minWidth = 5;
+        const maxColWidth = 40;
+        const widths = token.header.map((h) => Math.min(maxColWidth, Math.max(minWidth, h.text.length)));
+        token.rows.forEach((row) => {
+            row.forEach((cell, i) => {
+                widths[i] = Math.min(maxColWidth, Math.max(widths[i] || minWidth, cell.text.length));
+            });
         });
-        const output = marked(children);
-        return typeof output === "string" ? output.trim() : "";
-    }, [children]);
-    return _jsx(Text, { children: result });
+        const paddedWidths = widths.map((w) => w + 2);
+        const totalWidth = paddedWidths.reduce((a, b) => a + b, 0) + numCols + 1;
+        if (totalWidth <= terminalWidth) {
+            return paddedWidths;
+        }
+        // If table is too wide, scale down columns proportionally
+        const availableWidth = terminalWidth - numCols - 1;
+        const scaleFactor = availableWidth / (totalWidth - numCols - 1);
+        return paddedWidths.map((w) => Math.max(minWidth, Math.floor(w * scaleFactor)));
+    }, [token, terminalWidth]);
+    return (_jsxs(Box, { flexDirection: "column", marginBottom: 1, borderStyle: "single", borderColor: "gray", width: columnWidths.reduce((a, b) => a + b, 0) + token.header.length + 1, children: [_jsx(Box, { flexDirection: "row", borderStyle: "single", borderBottom: true, borderTop: false, borderLeft: false, borderRight: false, borderColor: "gray", children: token.header.map((cell, i) => (_jsx(Box, { width: columnWidths[i], paddingX: 1, borderStyle: "single", borderLeft: i > 0, borderRight: false, borderTop: false, borderBottom: false, borderColor: "gray", children: _jsx(Text, { bold: true, wrap: "wrap", children: _jsx(InlineRenderer, { tokens: cell.tokens }) }) }, i))) }), token.rows.map((row, rowIndex) => (_jsx(Box, { flexDirection: "row", children: row.map((cell, i) => (_jsx(Box, { width: columnWidths[i], paddingX: 1, borderStyle: "single", borderLeft: i > 0, borderRight: false, borderTop: false, borderBottom: false, borderColor: "gray", children: _jsx(Text, { wrap: "wrap", children: _jsx(InlineRenderer, { tokens: cell.tokens }) }) }, i))) }, rowIndex)))] }));
+};
+const BlockRenderer = ({ tokens }) => {
+    return (_jsx(_Fragment, { children: tokens.map((token, index) => {
+            switch (token.type) {
+                case "heading": {
+                    const t = token;
+                    return (_jsx(Box, { marginBottom: 1, flexDirection: "column", children: _jsxs(Text, { bold: true, color: "cyan", children: ["#".repeat(t.depth), " ", _jsx(InlineRenderer, { tokens: t.tokens })] }) }, index));
+                }
+                case "paragraph": {
+                    const t = token;
+                    return (_jsx(Box, { marginBottom: 1, flexDirection: "row", flexWrap: "wrap", children: _jsx(InlineRenderer, { tokens: t.tokens }) }, index));
+                }
+                case "code": {
+                    const t = token;
+                    if (t.lang !== undefined) {
+                        const lines = token.raw.replace(/\n$/, "").split("\n");
+                        const opening = lines[0];
+                        const closing = lines[lines.length - 1];
+                        const content = lines.slice(1, -1).join("\n");
+                        return (_jsxs(Box, { flexDirection: "column", paddingX: 1, marginBottom: 1, children: [_jsx(Text, { color: "gray", children: opening }), content && _jsx(Text, { children: content }), _jsx(Text, { color: "gray", children: closing })] }, index));
+                    }
+                    return (_jsx(Box, { flexDirection: "column", paddingX: 1, marginBottom: 1, children: _jsx(Text, { children: t.text }) }, index));
+                }
+                case "list": {
+                    const t = token;
+                    return (_jsx(Box, { flexDirection: "column", marginBottom: 1, paddingLeft: 2, children: t.items.map((item, i) => {
+                            const start = t.start || 1;
+                            return (_jsxs(Box, { flexDirection: "row", children: [_jsx(Text, { color: "gray", children: t.ordered ? `${start + i}. ` : "• " }), _jsx(Box, { flexDirection: "column", flexGrow: 1, children: item.tokens.map((itemToken, itemIndex) => {
+                                            if (itemToken.type === "text") {
+                                                const it = itemToken;
+                                                return (_jsx(Box, { flexDirection: "row", flexWrap: "wrap", children: _jsx(InlineRenderer, { tokens: it.tokens || [itemToken] }) }, itemIndex));
+                                            }
+                                            return (_jsx(BlockRenderer, { tokens: [itemToken] }, itemIndex));
+                                        }) })] }, i));
+                        }) }, index));
+                }
+                case "blockquote": {
+                    const t = token;
+                    return (_jsx(Box, { flexDirection: "column", paddingLeft: 2, borderStyle: "single", borderLeft: true, borderRight: false, borderTop: false, borderBottom: false, borderColor: "gray", marginBottom: 1, children: _jsx(BlockRenderer, { tokens: t.tokens }) }, index));
+                }
+                case "hr":
+                    return (_jsx(Box, { marginBottom: 1, children: _jsx(Text, { color: "gray", children: "─".repeat(20) }) }, index));
+                case "table":
+                    return _jsx(TableRenderer, { token: token }, index);
+                case "space":
+                    return null;
+                default:
+                    return (_jsx(Box, { marginBottom: 1, children: _jsx(Text, { children: token.raw }) }, index));
+            }
+        }) }));
+};
+// Markdown component using custom Ink-based renderer
+export const Markdown = React.memo(({ children }) => {
+    const tokens = useMemo(() => marked.lexer(children), [children]);
+    return (_jsx(Box, { flexDirection: "column", children: _jsx(BlockRenderer, { tokens: tokens }) }));
 });
 // Add display name for debugging
 Markdown.displayName = "Markdown";

package/dist/contexts/useChat.d.ts

@@ -34,8 +34,10 @@ export interface ChatContextType {
     confirmingTool?: {
         name: string;
         input?: Record<string, unknown>;
+        suggestedPrefix?: string;
+        hidePersistentOption?: boolean;
     };
-    showConfirmation: (toolName: string, toolInput?: Record<string, unknown>) => Promise<PermissionDecision>;
+    showConfirmation: (toolName: string, toolInput?: Record<string, unknown>, suggestedPrefix?: string, hidePersistentOption?: boolean) => Promise<PermissionDecision>;
     hideConfirmation: () => void;
     handleConfirmationDecision: (decision: PermissionDecision) => void;
     handleConfirmationCancel: () => void;

package/dist/contexts/useChat.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useChat.d.ts","sourceRoot":"","sources":["../../src/contexts/useChat.tsx"],"names":[],"mappings":"AAAA,OAAO,KAON,MAAM,OAAO,CAAC;AAGf,OAAO,KAAK,EACV,OAAO,EACP,eAAe,EACf,eAAe,EACf,YAAY,EACZ,kBAAkB,EAClB,cAAc,EACf,MAAM,gBAAgB,CAAC;AAUxB,MAAM,WAAW,eAAe;IAC9B,QAAQ,EAAE,OAAO,EAAE,CAAC;IACpB,SAAS,EAAE,OAAO,CAAC;IACnB,gBAAgB,EAAE,OAAO,CAAC;IAC1B,aAAa,EAAE,OAAO,CAAC;IACvB,gBAAgB,EAAE,MAAM,EAAE,CAAC;IAE3B,UAAU,EAAE,OAAO,CAAC;IAEpB,SAAS,EAAE,MAAM,CAAC;IAClB,WAAW,EAAE,CACX,OAAO,EAAE,MAAM,EACf,MAAM,CAAC,EAAE,KAAK,CAAC;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,QAAQ,EAAE,MAAM,CAAA;KAAE,CAAC,KAC/C,OAAO,CAAC,IAAI,CAAC,CAAC;IACnB,YAAY,EAAE,MAAM,IAAI,CAAC;IACzB,iBAAiB,EAAE,MAAM,CAAC;IAE1B,UAAU,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,SAAS,GAAG,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAEzE,UAAU,EAAE,eAAe,EAAE,CAAC;IAC9B,gBAAgB,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,OAAO,CAAC,OAAO,CAAC,CAAC;IAC3D,mBAAmB,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,OAAO,CAAC,OAAO,CAAC,CAAC;IAE9D,gBAAgB,EAAE,eAAe,EAAE,CAAC;IACpC,wBAAwB,EAAE,CACxB,OAAO,EAAE,MAAM,KACZ;QAAE,MAAM,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,GAAG,IAAI,CAAC;IAC/D,mBAAmB,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,OAAO,CAAC;IAElD,aAAa,EAAE,YAAY,EAAE,CAAC;IAC9B,eAAe,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,OAAO,CAAC;IAEhD,gBAAgB,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,EAAE,CAAC,CAAC;IAE5C,cAAc,EAAE,cAAc,CAAC;IAC/B,iBAAiB,EAAE,CAAC,IAAI,EAAE,cAAc,KAAK,IAAI,CAAC;IAElD,qBAAqB,EAAE,OAAO,CAAC;IAC/B,cAAc,CAAC,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;KAAE,CAAC;IACnE,gBAAgB,EAAE,CAChB,QAAQ,EAAE,MAAM,EAChB,SAAS,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAChC,OAAO,CAAC,kBAAkB,CAAC,CAAC;IACjC,gBAAgB,EAAE,MAAM,IAAI,CAAC;IAC7B,0BAA0B,EAAE,CAAC,QAAQ,EAAE,kBAAkB,KAAK,IAAI,CAAC;IACnE,wBAAwB,EAAE,MAAM,IAAI,CAAC;CACtC;AAID,eAAO,MAAM,OAAO,uBAMnB,CAAC;AAEF,MAAM,WAAW,iBAAiB;IAChC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC7B;AAED,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAqZpD,CAAC"}
+{"version":3,"file":"useChat.d.ts","sourceRoot":"","sources":["../../src/contexts/useChat.tsx"],"names":[],"mappings":"AAAA,OAAO,KAON,MAAM,OAAO,CAAC;AAGf,OAAO,KAAK,EACV,OAAO,EACP,eAAe,EACf,eAAe,EACf,YAAY,EACZ,kBAAkB,EAClB,cAAc,EACf,MAAM,gBAAgB,CAAC;AAUxB,MAAM,WAAW,eAAe;IAC9B,QAAQ,EAAE,OAAO,EAAE,CAAC;IACpB,SAAS,EAAE,OAAO,CAAC;IACnB,gBAAgB,EAAE,OAAO,CAAC;IAC1B,aAAa,EAAE,OAAO,CAAC;IACvB,gBAAgB,EAAE,MAAM,EAAE,CAAC;IAE3B,UAAU,EAAE,OAAO,CAAC;IAEpB,SAAS,EAAE,MAAM,CAAC;IAClB,WAAW,EAAE,CACX,OAAO,EAAE,MAAM,EACf,MAAM,CAAC,EAAE,KAAK,CAAC;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,QAAQ,EAAE,MAAM,CAAA;KAAE,CAAC,KAC/C,OAAO,CAAC,IAAI,CAAC,CAAC;IACnB,YAAY,EAAE,MAAM,IAAI,CAAC;IACzB,iBAAiB,EAAE,MAAM,CAAC;IAE1B,UAAU,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,SAAS,GAAG,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAEzE,UAAU,EAAE,eAAe,EAAE,CAAC;IAC9B,gBAAgB,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,OAAO,CAAC,OAAO,CAAC,CAAC;IAC3D,mBAAmB,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,OAAO,CAAC,OAAO,CAAC,CAAC;IAE9D,gBAAgB,EAAE,eAAe,EAAE,CAAC;IACpC,wBAAwB,EAAE,CACxB,OAAO,EAAE,MAAM,KACZ;QAAE,MAAM,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,GAAG,IAAI,CAAC;IAC/D,mBAAmB,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,OAAO,CAAC;IAElD,aAAa,EAAE,YAAY,EAAE,CAAC;IAC9B,eAAe,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,OAAO,CAAC;IAEhD,gBAAgB,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,EAAE,CAAC,CAAC;IAE5C,cAAc,EAAE,cAAc,CAAC;IAC/B,iBAAiB,EAAE,CAAC,IAAI,EAAE,cAAc,KAAK,IAAI,CAAC;IAElD,qBAAqB,EAAE,OAAO,CAAC;IAC/B,cAAc,CAAC,EAAE;QACf,IAAI,EAAE,MAAM,CAAC;QACb,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;QAChC,eAAe,CAAC,EAAE,MAAM,CAAC;QACzB,oBAAoB,CAAC,EAAE,OAAO,CAAC;KAChC,CAAC;IACF,gBAAgB,EAAE,CAChB,QAAQ,EAAE,MAAM,EAChB,SAAS,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EACnC,eAAe,CAAC,EAAE,MAAM,EACxB,oBAAoB,CAAC,EAAE,OAAO,KAC3B,OAAO,CAAC,kBAAkB,CAAC,CAAC;IACjC,gBAAgB,EAAE,MAAM,IAAI,CAAC;IAC7B,0BAA0B,EAAE,CAAC,QAAQ,EAAE,kBAAkB,KAAK,IAAI,CAAC;IACnE,wBAAwB,EAAE,MAAM,IAAI,CAAC;CACtC;AAID,eAAO,MAAM,OAAO,uBAMnB,CAAC;AAEF,MAAM,WAAW,iBAAiB;IAChC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC7B;AAED,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CA0apD,CAAC"}

package/dist/contexts/useChat.js

@@ -42,11 +42,13 @@ export const ChatProvider = ({ children, bypassPermissions, }) => {
     const [currentConfirmation, setCurrentConfirmation] = useState(null);
     const agentRef = useRef(null);
     // Permission confirmation methods with queue support
-    const showConfirmation = useCallback(async (toolName, toolInput) => {
+    const showConfirmation = useCallback(async (toolName, toolInput, suggestedPrefix, hidePersistentOption) => {
         return new Promise((resolve, reject) => {
             const queueItem = {
                 toolName,
                 toolInput,
+                suggestedPrefix,
+                hidePersistentOption,
                 resolver: resolve,
                 reject,
             };
@@ -98,7 +100,7 @@ export const ChatProvider = ({ children, bypassPermissions, }) => {
                     ? undefined
                     : async (context) => {
                         try {
-                            return await showConfirmation(context.toolName, context.toolInput);
+                            return await showConfirmation(context.toolName, context.toolInput, context.suggestedPrefix, context.hidePersistentOption);
                         }
                         catch {
                             // If confirmation was cancelled or failed, deny the operation
@@ -261,7 +263,12 @@ export const ChatProvider = ({ children, bypassPermissions, }) => {
         if (confirmationQueue.length > 0 && !isConfirmationVisible) {
             const next = confirmationQueue[0];
             setCurrentConfirmation(next);
-            setConfirmingTool({ name: next.toolName, input: next.toolInput });
+            setConfirmingTool({
+                name: next.toolName,
+                input: next.toolInput,
+                suggestedPrefix: next.suggestedPrefix,
+                hidePersistentOption: next.hidePersistentOption,
+            });
             setIsConfirmationVisible(true);
             setConfirmationQueue((prev) => prev.slice(1));
         }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "wave-code",
-  "version": "0.0.8",
+  "version": "0.0.10",
   "description": "CLI-based code assistant powered by AI, built with React and Ink",
   "keywords": [
     "ai",
@@ -29,13 +29,11 @@
     "glob": "^13.0.0",
     "ink": "^6.5.1",
     "marked": "^11.2.0",
-    "marked-terminal": "^7.3.0",
     "react": "^19.1.0",
     "yargs": "^17.7.2",
-    "wave-agent-sdk": "0.0.10"
+    "wave-agent-sdk": "0.0.11"
   },
   "devDependencies": {
-    "@types/marked-terminal": "^6.1.1",
     "@types/react": "^19.1.8",
     "@types/yargs": "^17.0.0",
     "eslint-plugin-react": "^7.37.5",
@@ -60,6 +58,9 @@
     "watch": "tsc -p tsconfig.build.json --watch & tsc-alias -p tsconfig.build.json --watch",
     "test": "vitest run",
     "lint": "eslint --cache",
-    "format": "prettier --write ."
+    "format": "prettier --write .",
+    "version:patch": "node ../../scripts/version.js patch",
+    "version:minor": "node ../../scripts/version.js minor",
+    "version:major": "node ../../scripts/version.js major"
   }
 }

package/src/components/ChatInterface.tsx

@@ -48,6 +48,8 @@ export const ChatInterface: React.FC = () => {
           <Confirmation
             toolName={confirmingTool!.name}
             toolInput={confirmingTool!.input}
+            suggestedPrefix={confirmingTool!.suggestedPrefix}
+            hidePersistentOption={confirmingTool!.hidePersistentOption}
             onDecision={handleConfirmationDecision}
             onCancel={handleConfirmationCancel}
             onAbort={abortMessage}

package/src/components/Confirmation.tsx

@@ -30,6 +30,8 @@ const getActionDescription = (
 export interface ConfirmationProps {
   toolName: string;
   toolInput?: Record<string, unknown>;
+  suggestedPrefix?: string;
+  hidePersistentOption?: boolean;
   onDecision: (decision: PermissionDecision) => void;
   onCancel: () => void;
   onAbort: () => void;
@@ -44,19 +46,24 @@ interface ConfirmationState {
 export const Confirmation: React.FC<ConfirmationProps> = ({
   toolName,
   toolInput,
+  suggestedPrefix,
+  hidePersistentOption,
   onDecision,
   onCancel,
   onAbort,
 }) => {
   const [state, setState] = useState<ConfirmationState>({
     selectedOption: "allow",
-    alternativeText: "",
-    hasUserInput: false,
+    alternativeText: suggestedPrefix || "",
+    hasUserInput: !!suggestedPrefix,
   });
 
   const getAutoOptionText = () => {
     if (toolName === "Bash") {
-      return `Yes, and don't ask again for ${toolInput?.command || "this"} commands in this workdir`;
+      if (suggestedPrefix) {
+        return `Yes, and don't ask again for: ${suggestedPrefix}`;
+      }
+      return "Yes, and don't ask again for this command in this workdir";
     }
     return "Yes, and auto-accept edits";
   };
@@ -75,9 +82,12 @@ export const Confirmation: React.FC<ConfirmationProps> = ({
         onDecision({ behavior: "allow" });
       } else if (state.selectedOption === "auto") {
         if (toolName === "Bash") {
+          const rule = suggestedPrefix
+            ? `Bash(${suggestedPrefix}:*)`
+            : `Bash(${toolInput?.command})`;
           onDecision({
             behavior: "allow",
-            newPermissionRule: `Bash(${toolInput?.command})`,
+            newPermissionRule: rule,
           });
         } else {
           onDecision({
@@ -104,20 +114,29 @@ export const Confirmation: React.FC<ConfirmationProps> = ({
         return;
       }
       if (input === "2") {
-        if (toolName === "Bash") {
-          onDecision({
-            behavior: "allow",
-            newPermissionRule: `Bash(${toolInput?.command})`,
-          });
+        if (!hidePersistentOption) {
+          if (toolName === "Bash") {
+            const rule = suggestedPrefix
+              ? `Bash(${suggestedPrefix}:*)`
+              : `Bash(${toolInput?.command})`;
+            onDecision({
+              behavior: "allow",
+              newPermissionRule: rule,
+            });
+          } else {
+            onDecision({
+              behavior: "allow",
+              newPermissionMode: "acceptEdits",
+            });
+          }
+          return;
         } else {
-          onDecision({
-            behavior: "allow",
-            newPermissionMode: "acceptEdits",
-          });
+          // If auto option is hidden, '2' selects alternative
+          setState((prev) => ({ ...prev, selectedOption: "alternative" }));
+          return;
         }
-        return;
       }
-      if (input === "3") {
+      if (input === "3" && !hidePersistentOption) {
         setState((prev) => ({ ...prev, selectedOption: "alternative" }));
         return;
       }
@@ -126,8 +145,12 @@ export const Confirmation: React.FC<ConfirmationProps> = ({
     // Handle arrow keys for navigation
     if (key.upArrow) {
       setState((prev) => {
-        if (prev.selectedOption === "alternative")
-          return { ...prev, selectedOption: "auto" };
+        if (prev.selectedOption === "alternative") {
+          return {
+            ...prev,
+            selectedOption: hidePersistentOption ? "allow" : "auto",
+          };
+        }
         if (prev.selectedOption === "auto")
           return { ...prev, selectedOption: "allow" };
         return prev;
@@ -137,8 +160,12 @@ export const Confirmation: React.FC<ConfirmationProps> = ({
 
     if (key.downArrow) {
       setState((prev) => {
-        if (prev.selectedOption === "allow")
-          return { ...prev, selectedOption: "auto" };
+        if (prev.selectedOption === "allow") {
+          return {
+            ...prev,
+            selectedOption: hidePersistentOption ? "alternative" : "auto",
+          };
+        }
         if (prev.selectedOption === "auto")
           return { ...prev, selectedOption: "alternative" };
         return prev;
@@ -208,18 +235,20 @@ export const Confirmation: React.FC<ConfirmationProps> = ({
         </Box>
 
         {/* Option 2: Auto-accept/Persistent */}
-        <Box key="auto-option">
-          <Text
-            color={state.selectedOption === "auto" ? "black" : "white"}
-            backgroundColor={
-              state.selectedOption === "auto" ? "yellow" : undefined
-            }
-            bold={state.selectedOption === "auto"}
-          >
-            {state.selectedOption === "auto" ? "> " : "  "}2.{" "}
-            {getAutoOptionText()}
-          </Text>
-        </Box>
+        {!hidePersistentOption && (
+          <Box key="auto-option">
+            <Text
+              color={state.selectedOption === "auto" ? "black" : "white"}
+              backgroundColor={
+                state.selectedOption === "auto" ? "yellow" : undefined
+              }
+              bold={state.selectedOption === "auto"}
+            >
+              {state.selectedOption === "auto" ? "> " : "  "}2.{" "}
+              {getAutoOptionText()}
+            </Text>
+          </Box>
+        )}
 
         {/* Option 3: Alternative */}
         <Box key="alternative-option">
@@ -230,7 +259,8 @@ export const Confirmation: React.FC<ConfirmationProps> = ({
             }
             bold={state.selectedOption === "alternative"}
           >
-            {state.selectedOption === "alternative" ? "> " : "  "}3.{" "}
+            {state.selectedOption === "alternative" ? "> " : "  "}
+            {hidePersistentOption ? "2. " : "3. "}
             {showPlaceholder ? (
               <Text color="gray" dimColor>
                 {placeholderText}
@@ -246,7 +276,10 @@ export const Confirmation: React.FC<ConfirmationProps> = ({
       </Box>
 
       <Box marginTop={1}>
-        <Text dimColor>Use ↑↓ or 1-3 to navigate • ESC to cancel</Text>
+        <Text dimColor>
+          Use ↑↓ or 1-{hidePersistentOption ? "2" : "3"} to navigate • ESC to
+          cancel
+        </Text>
       </Box>
     </Box>
   );

package/src/components/Markdown.tsx

@@ -1,28 +1,341 @@
 import React, { useMemo } from "react";
-import { Text } from "ink";
-import { marked } from "marked";
-import TerminalRenderer from "marked-terminal";
+import { Box, Text, useStdout } from "ink";
+import { marked, type Token, type Tokens } from "marked";
 
 export interface MarkdownProps {
   children: string;
 }
 
-// Markdown component using marked-terminal with proper unescape option
-export const Markdown = React.memo(({ children }: MarkdownProps) => {
-  const result = useMemo(() => {
-    // Configure marked with TerminalRenderer using default options
-    marked.setOptions({
-      renderer: new TerminalRenderer({
-        // Use official unescape option to handle HTML entities
-        unescape: true,
-      }),
+const unescapeHtml = (html: string) => {
+  return html
+    .replace(/&/g, "&")
+    .replace(/&lt;/g, "<")
+    .replace(/&gt;/g, ">")
+    .replace(/&quot;/g, '"')
+    .replace(/&#39;/g, "'");
+};
+
+const InlineRenderer = ({ tokens }: { tokens: Token[] }) => {
+  return (
+    <>
+      {tokens.map((token, index) => {
+        switch (token.type) {
+          case "text": {
+            const t = token as Tokens.Text;
+            if (t.tokens) {
+              return <InlineRenderer key={index} tokens={t.tokens} />;
+            }
+            return <Text key={index}>{unescapeHtml(t.text)}</Text>;
+          }
+          case "strong":
+            return (
+              <Text key={index} bold>
+                {token.tokens ? (
+                  <InlineRenderer tokens={token.tokens} />
+                ) : (
+                  unescapeHtml((token as Tokens.Strong).text)
+                )}
+              </Text>
+            );
+          case "em":
+            return (
+              <Text key={index} italic>
+                {token.tokens ? (
+                  <InlineRenderer tokens={token.tokens} />
+                ) : (
+                  unescapeHtml((token as Tokens.Em).text)
+                )}
+              </Text>
+            );
+          case "codespan":
+            return (
+              <Text key={index} color="yellow">
+                {unescapeHtml((token as Tokens.Codespan).text)}
+              </Text>
+            );
+          case "link":
+            return (
+              <Text key={index} color="blue" underline>
+                {token.tokens ? (
+                  <InlineRenderer tokens={token.tokens} />
+                ) : (
+                  unescapeHtml((token as Tokens.Link).text)
+                )}
+              </Text>
+            );
+          case "br":
+            return <Text key={index}>{"\n"}</Text>;
+          case "del":
+            return (
+              <Text key={index} strikethrough>
+                {token.tokens ? (
+                  <InlineRenderer tokens={token.tokens} />
+                ) : (
+                  unescapeHtml((token as Tokens.Del).text)
+                )}
+              </Text>
+            );
+          default:
+            return <Text key={index}>{token.raw}</Text>;
+        }
+      })}
+    </>
+  );
+};
+
+const TableRenderer = ({ token }: { token: Tokens.Table }) => {
+  const { stdout } = useStdout();
+  const terminalWidth = (stdout?.columns || 80) - 2;
+
+  const columnWidths = useMemo(() => {
+    const numCols = token.header.length;
+    const minWidth = 5;
+    const maxColWidth = 40;
+    const widths = token.header.map((h) =>
+      Math.min(maxColWidth, Math.max(minWidth, h.text.length)),
+    );
+
+    token.rows.forEach((row) => {
+      row.forEach((cell, i) => {
+        widths[i] = Math.min(
+          maxColWidth,
+          Math.max(widths[i] || minWidth, cell.text.length),
+        );
+      });
     });
 
-    const output = marked(children);
-    return typeof output === "string" ? output.trim() : "";
-  }, [children]);
+    const paddedWidths = widths.map((w) => w + 2);
+    const totalWidth = paddedWidths.reduce((a, b) => a + b, 0) + numCols + 1;
+
+    if (totalWidth <= terminalWidth) {
+      return paddedWidths;
+    }
+
+    // If table is too wide, scale down columns proportionally
+    const availableWidth = terminalWidth - numCols - 1;
+    const scaleFactor = availableWidth / (totalWidth - numCols - 1);
+    return paddedWidths.map((w) =>
+      Math.max(minWidth, Math.floor(w * scaleFactor)),
+    );
+  }, [token, terminalWidth]);
+
+  return (
+    <Box
+      flexDirection="column"
+      marginBottom={1}
+      borderStyle="single"
+      borderColor="gray"
+      width={columnWidths.reduce((a, b) => a + b, 0) + token.header.length + 1}
+    >
+      {/* Header */}
+      <Box
+        flexDirection="row"
+        borderStyle="single"
+        borderBottom
+        borderTop={false}
+        borderLeft={false}
+        borderRight={false}
+        borderColor="gray"
+      >
+        {token.header.map((cell, i) => (
+          <Box
+            key={i}
+            width={columnWidths[i]}
+            paddingX={1}
+            borderStyle="single"
+            borderLeft={i > 0}
+            borderRight={false}
+            borderTop={false}
+            borderBottom={false}
+            borderColor="gray"
+          >
+            <Text bold wrap="wrap">
+              <InlineRenderer tokens={cell.tokens} />
+            </Text>
+          </Box>
+        ))}
+      </Box>
+      {/* Rows */}
+      {token.rows.map((row, rowIndex) => (
+        <Box key={rowIndex} flexDirection="row">
+          {row.map((cell, i) => (
+            <Box
+              key={i}
+              width={columnWidths[i]}
+              paddingX={1}
+              borderStyle="single"
+              borderLeft={i > 0}
+              borderRight={false}
+              borderTop={false}
+              borderBottom={false}
+              borderColor="gray"
+            >
+              <Text wrap="wrap">
+                <InlineRenderer tokens={cell.tokens} />
+              </Text>
+            </Box>
+          ))}
+        </Box>
+      ))}
+    </Box>
+  );
+};
+
+const BlockRenderer = ({ tokens }: { tokens: Token[] }) => {
+  return (
+    <>
+      {tokens.map((token, index) => {
+        switch (token.type) {
+          case "heading": {
+            const t = token as Tokens.Heading;
+            return (
+              <Box key={index} marginBottom={1} flexDirection="column">
+                <Text bold color="cyan">
+                  {"#".repeat(t.depth)} <InlineRenderer tokens={t.tokens} />
+                </Text>
+              </Box>
+            );
+          }
+          case "paragraph": {
+            const t = token as Tokens.Paragraph;
+            return (
+              <Box
+                key={index}
+                marginBottom={1}
+                flexDirection="row"
+                flexWrap="wrap"
+              >
+                <InlineRenderer tokens={t.tokens} />
+              </Box>
+            );
+          }
+          case "code": {
+            const t = token as Tokens.Code;
+            if (t.lang !== undefined) {
+              const lines = token.raw.replace(/\n$/, "").split("\n");
+              const opening = lines[0];
+              const closing = lines[lines.length - 1];
+              const content = lines.slice(1, -1).join("\n");
+              return (
+                <Box
+                  key={index}
+                  flexDirection="column"
+                  paddingX={1}
+                  marginBottom={1}
+                >
+                  <Text color="gray">{opening}</Text>
+                  {content && <Text>{content}</Text>}
+                  <Text color="gray">{closing}</Text>
+                </Box>
+              );
+            }
+            return (
+              <Box
+                key={index}
+                flexDirection="column"
+                paddingX={1}
+                marginBottom={1}
+              >
+                <Text>{t.text}</Text>
+              </Box>
+            );
+          }
+          case "list": {
+            const t = token as Tokens.List;
+            return (
+              <Box
+                key={index}
+                flexDirection="column"
+                marginBottom={1}
+                paddingLeft={2}
+              >
+                {t.items.map((item, i) => {
+                  const start = t.start || 1;
+                  return (
+                    <Box key={i} flexDirection="row">
+                      <Text color="gray">
+                        {t.ordered ? `${start + i}. ` : "• "}
+                      </Text>
+                      <Box flexDirection="column" flexGrow={1}>
+                        {item.tokens.map((itemToken, itemIndex) => {
+                          if (itemToken.type === "text") {
+                            const it = itemToken as Tokens.Text;
+                            return (
+                              <Box
+                                key={itemIndex}
+                                flexDirection="row"
+                                flexWrap="wrap"
+                              >
+                                <InlineRenderer
+                                  tokens={it.tokens || [itemToken]}
+                                />
+                              </Box>
+                            );
+                          }
+                          return (
+                            <BlockRenderer
+                              key={itemIndex}
+                              tokens={[itemToken]}
+                            />
+                          );
+                        })}
+                      </Box>
+                    </Box>
+                  );
+                })}
+              </Box>
+            );
+          }
+          case "blockquote": {
+            const t = token as Tokens.Blockquote;
+            return (
+              <Box
+                key={index}
+                flexDirection="column"
+                paddingLeft={2}
+                borderStyle="single"
+                borderLeft
+                borderRight={false}
+                borderTop={false}
+                borderBottom={false}
+                borderColor="gray"
+                marginBottom={1}
+              >
+                <BlockRenderer tokens={t.tokens} />
+              </Box>
+            );
+          }
+          case "hr":
+            return (
+              <Box key={index} marginBottom={1}>
+                <Text color="gray">{"─".repeat(20)}</Text>
+              </Box>
+            );
+          case "table":
+            return <TableRenderer key={index} token={token as Tokens.Table} />;
+          case "space":
+            return null;
+          default:
+            return (
+              <Box key={index} marginBottom={1}>
+                <Text>{token.raw}</Text>
+              </Box>
+            );
+        }
+      })}
+    </>
+  );
+};
+
+// Markdown component using custom Ink-based renderer
+export const Markdown = React.memo(({ children }: MarkdownProps) => {
+  const tokens = useMemo(() => marked.lexer(children), [children]);
 
-  return <Text>{result}</Text>;
+  return (
+    <Box flexDirection="column">
+      <BlockRenderer tokens={tokens} />
+    </Box>
+  );
 });
 
 // Add display name for debugging

package/src/contexts/useChat.tsx

@@ -63,10 +63,17 @@ export interface ChatContextType {
   setPermissionMode: (mode: PermissionMode) => void;
   // Permission confirmation state
   isConfirmationVisible: boolean;
-  confirmingTool?: { name: string; input?: Record<string, unknown> };
+  confirmingTool?: {
+    name: string;
+    input?: Record<string, unknown>;
+    suggestedPrefix?: string;
+    hidePersistentOption?: boolean;
+  };
   showConfirmation: (
     toolName: string,
     toolInput?: Record<string, unknown>,
+    suggestedPrefix?: string,
+    hidePersistentOption?: boolean,
   ) => Promise<PermissionDecision>;
   hideConfirmation: () => void;
   handleConfirmationDecision: (decision: PermissionDecision) => void;
@@ -129,12 +136,20 @@ export const ChatProvider: React.FC<ChatProviderProps> = ({
   // Confirmation state with queue-based architecture
   const [isConfirmationVisible, setIsConfirmationVisible] = useState(false);
   const [confirmingTool, setConfirmingTool] = useState<
-    { name: string; input?: Record<string, unknown> } | undefined
+    | {
+        name: string;
+        input?: Record<string, unknown>;
+        suggestedPrefix?: string;
+        hidePersistentOption?: boolean;
+      }
+    | undefined
   >();
   const [confirmationQueue, setConfirmationQueue] = useState<
     Array<{
       toolName: string;
       toolInput?: Record<string, unknown>;
+      suggestedPrefix?: string;
+      hidePersistentOption?: boolean;
       resolver: (decision: PermissionDecision) => void;
       reject: () => void;
     }>
@@ -142,6 +157,8 @@ export const ChatProvider: React.FC<ChatProviderProps> = ({
   const [currentConfirmation, setCurrentConfirmation] = useState<{
     toolName: string;
     toolInput?: Record<string, unknown>;
+    suggestedPrefix?: string;
+    hidePersistentOption?: boolean;
     resolver: (decision: PermissionDecision) => void;
     reject: () => void;
   } | null>(null);
@@ -153,11 +170,15 @@ export const ChatProvider: React.FC<ChatProviderProps> = ({
     async (
       toolName: string,
       toolInput?: Record<string, unknown>,
+      suggestedPrefix?: string,
+      hidePersistentOption?: boolean,
     ): Promise<PermissionDecision> => {
       return new Promise<PermissionDecision>((resolve, reject) => {
         const queueItem = {
           toolName,
           toolInput,
+          suggestedPrefix,
+          hidePersistentOption,
           resolver: resolve,
           reject,
         };
@@ -219,6 +240,8 @@ export const ChatProvider: React.FC<ChatProviderProps> = ({
                 return await showConfirmation(
                   context.toolName,
                   context.toolInput,
+                  context.suggestedPrefix,
+                  context.hidePersistentOption,
                 );
               } catch {
                 // If confirmation was cancelled or failed, deny the operation
@@ -407,7 +430,12 @@ export const ChatProvider: React.FC<ChatProviderProps> = ({
     if (confirmationQueue.length > 0 && !isConfirmationVisible) {
       const next = confirmationQueue[0];
       setCurrentConfirmation(next);
-      setConfirmingTool({ name: next.toolName, input: next.toolInput });
+      setConfirmingTool({
+        name: next.toolName,
+        input: next.toolInput,
+        suggestedPrefix: next.suggestedPrefix,
+        hidePersistentOption: next.hidePersistentOption,
+      });
       setIsConfirmationVisible(true);
       setConfirmationQueue((prev) => prev.slice(1));
     }