@psnext/slingcli 2.5.20260623-1 → 2.5.20260705-1

package/node_modules/@earendil-works/pi-coding-agent/dist/core/tools/read.js

@@ -6,7 +6,7 @@ import { Type } from "typebox";
 import { getReadmePath } from "../../config.js";
 import { keyHint, keyText } from "../../modes/interactive/components/keybinding-hints.js";
 import { getLanguageFromPath, highlightCode } from "../../modes/interactive/theme/theme.js";
-import { formatDimensionNote, resizeImage } from "../../utils/image-resize.js";
+import { processImage } from "../../utils/image-process.js";
 import { detectSupportedImageMimeTypeFromFile } from "../../utils/mime.js";
 import { formatPathRelativeToCwdOrAbsolute } from "../../utils/paths.js";
 import { resolveReadPathAsync, resolveToCwd } from "./path-utils.js";
@@ -133,7 +133,7 @@ export function createReadToolDefinition(cwd, options) {
     return {
         name: "read",
         label: "read",
-        description: `Read the contents of a file. Supports text files and images (jpg, png, gif, webp). Images are sent as attachments. For text files, output is truncated to ${DEFAULT_MAX_LINES} lines or ${DEFAULT_MAX_BYTES / 1024}KB (whichever is hit first). Use offset/limit for large files. When you need the full file, continue with offset until complete.`,
+        description: `Read the contents of a file. Supports text files and images (jpg, png, gif, webp, bmp). Images are sent as attachments. For text files, output is truncated to ${DEFAULT_MAX_LINES} lines or ${DEFAULT_MAX_BYTES / 1024}KB (whichever is hit first). Use offset/limit for large files. When you need the full file, continue with offset until complete.`,
         promptSnippet: "Read file contents",
         promptGuidelines: ["Use read to examine files instead of cat or sed."],
         parameters: readSchema,
@@ -165,35 +165,22 @@ export function createReadToolDefinition(cwd, options) {
                         if (mimeType) {
                             // Read image as binary.
                             const buffer = await ops.readFile(absolutePath);
-                            if (autoResizeImages) {
-                                // Resize image if needed before sending it back to the model.
-                                const resized = await resizeImage(buffer, mimeType);
-                                if (!resized) {
-                                    let textNote = `Read image file [${mimeType}]\n[Image omitted: could not be resized below the inline image size limit.]`;
-                                    if (nonVisionImageNote)
-                                        textNote += `\n${nonVisionImageNote}`;
-                                    content = [{ type: "text", text: textNote }];
-                                }
-                                else {
-                                    const dimensionNote = formatDimensionNote(resized);
-                                    let textNote = `Read image file [${resized.mimeType}]`;
-                                    if (dimensionNote)
-                                        textNote += `\n${dimensionNote}`;
-                                    if (nonVisionImageNote)
-                                        textNote += `\n${nonVisionImageNote}`;
-                                    content = [
-                                        { type: "text", text: textNote },
-                                        { type: "image", data: resized.data, mimeType: resized.mimeType },
-                                    ];
-                                }
+                            const processed = await processImage(buffer, mimeType, { autoResizeImages });
+                            if (!processed.ok) {
+                                let textNote = `Read image file [${mimeType}]\n${processed.message}`;
+                                if (nonVisionImageNote)
+                                    textNote += `\n${nonVisionImageNote}`;
+                                content = [{ type: "text", text: textNote }];
                             }
                             else {
-                                let textNote = `Read image file [${mimeType}]`;
+                                let textNote = `Read image file [${processed.mimeType}]`;
+                                if (processed.hints.length > 0)
+                                    textNote += `\n${processed.hints.join("\n")}`;
                                 if (nonVisionImageNote)
                                     textNote += `\n${nonVisionImageNote}`;
                                 content = [
                                     { type: "text", text: textNote },
-                                    { type: "image", data: buffer.toString("base64"), mimeType },
+                                    { type: "image", data: processed.data, mimeType: processed.mimeType },
                                 ];
                             }
                         }

package/node_modules/@earendil-works/pi-coding-agent/dist/index.js

@@ -11,6 +11,7 @@ export { createEventBus } from "./core/event-bus.js";
 export { createExtensionRuntime, defineTool, discoverAndLoadExtensions, ExtensionRunner, isBashToolResult, isEditToolResult, isFindToolResult, isGrepToolResult, isLsToolResult, isReadToolResult, isToolCallEventType, isWriteToolResult, wrapRegisteredTool, wrapRegisteredTools, } from "./core/extensions/index.js";
 export { convertToLlm } from "./core/messages.js";
 export { ModelRegistry } from "./core/model-registry.js";
+export { resolveCliModel, resolveModelScopeWithDiagnostics, } from "./core/model-resolver.js";
 export { DefaultPackageManager } from "./core/package-manager.js";
 export { DefaultResourceLoader, loadProjectContextFiles } from "./core/resource-loader.js";
 // SDK for programmatic usage
@@ -19,7 +20,7 @@ export { AgentSessionRuntime,
 createAgentSession, createAgentSessionFromServices, createAgentSessionRuntime, createAgentSessionServices, createBashTool, 
 // Tool factories (for custom cwd)
 createCodingTools, createEditTool, createFindTool, createGrepTool, createLsTool, createReadOnlyTools, createReadTool, createWriteTool, } from "./core/sdk.js";
-export { buildSessionContext, CURRENT_SESSION_VERSION, getLatestCompactionEntry, migrateSessionEntries, parseSessionEntries, SessionManager, } from "./core/session-manager.js";
+export { buildContextEntries, buildSessionContext, CURRENT_SESSION_VERSION, getLatestCompactionEntry, migrateSessionEntries, parseSessionEntries, SessionManager, sessionEntryToContextMessages, } from "./core/session-manager.js";
 export { SettingsManager, } from "./core/settings-manager.js";
 // Skills
 export { formatSkillsForPrompt, loadSkills, loadSkillsFromDir, } from "./core/skills.js";

package/node_modules/@earendil-works/pi-coding-agent/dist/main.js

@@ -35,6 +35,7 @@ import { initTheme, stopThemeWatcher } from "./modes/interactive/theme/theme.js"
 import { handleConfigCommand, handlePackageCommand } from "./package-manager-cli.js";
 import { isLocalPath, normalizePath, resolvePath } from "./utils/paths.js";
 import { cleanupWindowsSelfUpdateQuarantine } from "./utils/windows-self-update.js";
+const EXTENSION_LOAD_FAILURE_HINT = 'Hint: Start without extensions using "pi -ne".';
 /**
  * Read all content from piped stdin.
  * Returns undefined if stdin is a TTY (interactive terminal).
@@ -167,7 +168,6 @@ function validateSessionIdFlags(parsed) {
         parsed.session ? "--session" : undefined,
         parsed.continue ? "--continue" : undefined,
         parsed.resume ? "--resume" : undefined,
-        parsed.noSession ? "--no-session" : undefined,
     ].filter((flag) => flag !== undefined);
     if (conflictingFlags.length > 0) {
         console.error(chalk.red(`Error: --session-id cannot be combined with ${conflictingFlags.join(", ")}`));
@@ -182,6 +182,16 @@ function validateSessionIdFlags(parsed) {
         process.exit(1);
     }
 }
+function openSessionOrExit(path, sessionDir) {
+    try {
+        return SessionManager.open(path, sessionDir);
+    }
+    catch (error) {
+        const message = error instanceof Error ? error.message : String(error);
+        console.error(chalk.red(`Error: ${message}`));
+        process.exit(1);
+    }
+}
 function forkSessionOrExit(sourcePath, cwd, sessionDir, sessionId) {
     try {
         return SessionManager.forkFrom(sourcePath, cwd, sessionDir, { id: sessionId });
@@ -194,7 +204,7 @@ function forkSessionOrExit(sourcePath, cwd, sessionDir, sessionId) {
 }
 async function createSessionManager(parsed, cwd, sessionDir, settingsManager) {
     if (parsed.noSession || parsed.help || parsed.listModels !== undefined) {
-        return SessionManager.inMemory(cwd);
+        return SessionManager.inMemory(cwd, parsed.sessionId !== undefined ? { id: parsed.sessionId } : undefined);
     }
     if (parsed.fork) {
         if (parsed.sessionId) {
@@ -220,7 +230,7 @@ async function createSessionManager(parsed, cwd, sessionDir, settingsManager) {
         switch (resolved.type) {
             case "path":
             case "local":
-                return SessionManager.open(resolved.path, sessionDir);
+                return openSessionOrExit(resolved.path, sessionDir);
             case "global": {
                 console.log(chalk.yellow(`Session found in different project: ${resolved.cwd}`));
                 const shouldFork = await promptConfirm("Fork this session into current directory?");
@@ -621,6 +631,9 @@ export async function main(args, options) {
     time("resolveModelScope");
     reportDiagnostics(runtime.diagnostics);
     if (runtime.diagnostics.some((diagnostic) => diagnostic.type === "error")) {
+        if (runtime.diagnostics.some((diagnostic) => diagnostic.message.includes("Failed to load extension"))) {
+            console.error(chalk.yellow(EXTENSION_LOAD_FAILURE_HINT));
+        }
         process.exit(1);
     }
     time("createAgentSession");
@@ -650,9 +663,12 @@ export async function main(args, options) {
         if (startupBenchmark) {
             await interactiveMode.init();
             time("interactiveMode.init");
-            printTimings();
+            // Give the TUI's stdin handler a brief chance to consume terminal query replies
+            // (Kitty keyboard protocol, device attributes, cell size) before restoring the terminal.
+            await new Promise((resolve) => setTimeout(resolve, 150));
             interactiveMode.stop();
             stopThemeWatcher();
+            printTimings();
             if (process.stdout.writableLength > 0) {
                 await new Promise((resolve) => process.stdout.once("drain", resolve));
             }

package/node_modules/@earendil-works/pi-coding-agent/dist/modes/interactive/components/assistant-message.js

@@ -11,13 +11,15 @@ export class AssistantMessageComponent extends Container {
     hideThinkingBlock;
     markdownTheme;
     hiddenThinkingLabel;
+    outputPad;
     lastMessage;
     hasToolCalls = false;
-    constructor(message, hideThinkingBlock = false, markdownTheme = getMarkdownTheme(), hiddenThinkingLabel = "Thinking...") {
+    constructor(message, hideThinkingBlock = false, markdownTheme = getMarkdownTheme(), hiddenThinkingLabel = "Thinking...", outputPad = 1) {
         super();
         this.hideThinkingBlock = hideThinkingBlock;
         this.markdownTheme = markdownTheme;
         this.hiddenThinkingLabel = hiddenThinkingLabel;
+        this.outputPad = outputPad;
         // Container for text/thinking content
         this.contentContainer = new Container();
         this.addChild(this.contentContainer);
@@ -43,6 +45,12 @@ export class AssistantMessageComponent extends Container {
             this.updateContent(this.lastMessage);
         }
     }
+    setOutputPad(padding) {
+        this.outputPad = padding;
+        if (this.lastMessage) {
+            this.updateContent(this.lastMessage);
+        }
+    }
     render(width) {
         const lines = super.render(width);
         if (this.hasToolCalls || lines.length === 0) {
@@ -66,7 +74,7 @@ export class AssistantMessageComponent extends Container {
             if (content.type === "text" && content.text.trim()) {
                 // Assistant text messages with no background - trim the text
                 // Set paddingY=0 to avoid extra spacing before tool executions
-                this.contentContainer.addChild(new Markdown(content.text.trim(), 1, 0, this.markdownTheme));
+                this.contentContainer.addChild(new Markdown(content.text.trim(), this.outputPad, 0, this.markdownTheme));
             }
             else if (content.type === "thinking" && content.thinking.trim()) {
                 // Add spacing only when another visible assistant content block follows.
@@ -76,14 +84,14 @@ export class AssistantMessageComponent extends Container {
                     .some((c) => (c.type === "text" && c.text.trim()) || (c.type === "thinking" && c.thinking.trim()));
                 if (this.hideThinkingBlock) {
                     // Show static thinking label when hidden
-                    this.contentContainer.addChild(new Text(theme.italic(theme.fg("thinkingText", this.hiddenThinkingLabel)), 1, 0));
+                    this.contentContainer.addChild(new Text(theme.italic(theme.fg("thinkingText", this.hiddenThinkingLabel)), this.outputPad, 0));
                     if (hasVisibleContentAfter) {
                         this.contentContainer.addChild(new Spacer(1));
                     }
                 }
                 else {
                     // Thinking traces in thinkingText color, italic
-                    this.contentContainer.addChild(new Markdown(content.thinking.trim(), 1, 0, this.markdownTheme, {
+                    this.contentContainer.addChild(new Markdown(content.thinking.trim(), this.outputPad, 0, this.markdownTheme, {
                         color: (text) => theme.fg("thinkingText", text),
                         italic: true,
                     }));
@@ -93,27 +101,27 @@ export class AssistantMessageComponent extends Container {
                 }
             }
         }
-        // Check if aborted - show after partial content
-        // But only if there are no tool calls (tool execution components will show the error)
+        // Check if incomplete/failed - show after partial content.
+        // For aborted/error tool calls, tool execution components show the error.
+        // Length stops can happen before a tool call is complete, so surface them here too.
         const hasToolCalls = message.content.some((c) => c.type === "toolCall");
         this.hasToolCalls = hasToolCalls;
-        if (!hasToolCalls) {
+        if (message.stopReason === "length") {
+            this.contentContainer.addChild(new Spacer(1));
+            this.contentContainer.addChild(new Text(theme.fg("error", "Error: Model stopped because it reached the maximum output token limit. The response may be incomplete."), this.outputPad, 0));
+        }
+        else if (!hasToolCalls) {
             if (message.stopReason === "aborted") {
                 const abortMessage = message.errorMessage && message.errorMessage !== "Request was aborted"
                     ? message.errorMessage
                     : "Operation aborted";
-                if (hasVisibleContent) {
-                    this.contentContainer.addChild(new Spacer(1));
-                }
-                else {
-                    this.contentContainer.addChild(new Spacer(1));
-                }
-                this.contentContainer.addChild(new Text(theme.fg("error", abortMessage), 1, 0));
+                this.contentContainer.addChild(new Spacer(1));
+                this.contentContainer.addChild(new Text(theme.fg("error", abortMessage), this.outputPad, 0));
             }
             else if (message.stopReason === "error") {
                 const errorMsg = message.errorMessage || "Unknown error";
                 this.contentContainer.addChild(new Spacer(1));
-                this.contentContainer.addChild(new Text(theme.fg("error", `Error: ${errorMsg}`), 1, 0));
+                this.contentContainer.addChild(new Text(theme.fg("error", `Error: ${errorMsg}`), this.outputPad, 0));
             }
         }
     }

package/node_modules/@earendil-works/pi-coding-agent/dist/modes/interactive/components/custom-entry.js

@@ -0,0 +1,52 @@
+import { Box, Container, Spacer, Text } from "@earendil-works/pi-tui";
+import { theme } from "../theme/theme.js";
+/**
+ * Component that renders a custom session entry from extensions.
+ * The host owns transcript spacing; renderer output should provide only its content.
+ */
+export class CustomEntryComponent extends Container {
+    entry;
+    renderer;
+    customComponent;
+    _expanded = false;
+    constructor(entry, renderer) {
+        super();
+        this.entry = entry;
+        this.renderer = renderer;
+        this.rebuild();
+    }
+    hasContent() {
+        return this.customComponent !== undefined;
+    }
+    setExpanded(expanded) {
+        if (this._expanded !== expanded) {
+            this._expanded = expanded;
+            this.rebuild();
+        }
+    }
+    invalidate() {
+        super.invalidate();
+        this.rebuild();
+    }
+    rebuild() {
+        this.clear();
+        this.customComponent = undefined;
+        let component;
+        try {
+            component = this.renderer(this.entry, { expanded: this._expanded }, theme);
+        }
+        catch (error) {
+            const message = error instanceof Error ? error.message : String(error);
+            const box = new Box(1, 1, (text) => theme.bg("customMessageBg", text));
+            box.addChild(new Text(theme.fg("error", `[${this.entry.customType}] renderer failed: ${message}`), 0, 0));
+            component = box;
+        }
+        if (!component) {
+            return;
+        }
+        this.customComponent = component;
+        this.addChild(new Spacer(1));
+        this.addChild(component);
+    }
+}
+//# sourceMappingURL=custom-entry.js.map

package/node_modules/@earendil-works/pi-coding-agent/dist/modes/interactive/components/extension-editor.js

@@ -16,6 +16,7 @@ export class ExtensionEditorComponent extends Container {
     onCancelCallback;
     tui;
     keybindings;
+    externalEditorCommand;
     _focused = false;
     get focused() {
         return this._focused;
@@ -24,10 +25,11 @@ export class ExtensionEditorComponent extends Container {
         this._focused = value;
         this.editor.focused = value;
     }
-    constructor(tui, keybindings, title, prefill, onSubmit, onCancel, options) {
+    constructor(tui, keybindings, title, prefill, onSubmit, onCancel, options, externalEditorCommand) {
         super();
         this.tui = tui;
         this.keybindings = keybindings;
+        this.externalEditorCommand = externalEditorCommand;
         this.onSubmitCallback = onSubmit;
         this.onCancelCallback = onCancel;
         // Add top border
@@ -48,7 +50,7 @@ export class ExtensionEditorComponent extends Container {
         this.addChild(this.editor);
         this.addChild(new Spacer(1));
         // Add hint
-        const hasExternalEditor = !!(process.env.VISUAL || process.env.EDITOR);
+        const hasExternalEditor = !!this.getExternalEditorCommand();
         const hint = keyHint("tui.select.confirm", "submit") +
             "  " +
             keyHint("tui.input.newLine", "newline") +
@@ -75,8 +77,15 @@ export class ExtensionEditorComponent extends Container {
         // Forward to editor
         this.editor.handleInput(keyData);
     }
+    getExternalEditorCommand() {
+        const editorCmd = this.externalEditorCommand || process.env.VISUAL || process.env.EDITOR;
+        if (editorCmd) {
+            return editorCmd;
+        }
+        return process.platform === "win32" ? "notepad" : "nano";
+    }
     async openExternalEditor() {
-        const editorCmd = process.env.VISUAL || process.env.EDITOR;
+        const editorCmd = this.getExternalEditorCommand();
         if (!editorCmd) {
             return;
         }

package/node_modules/@earendil-works/pi-coding-agent/dist/modes/interactive/components/session-selector.js

@@ -168,7 +168,7 @@ function buildSessionTree(sessions) {
     const byPath = new Map();
     for (const session of sessions) {
         const sessionPath = canonicalizePath(session.path) ?? session.path;
-        byPath.set(sessionPath, { session, children: [] });
+        byPath.set(sessionPath, { session, children: [], latestActivity: session.modified.getTime() });
     }
     const roots = [];
     for (const session of sessions) {
@@ -182,9 +182,20 @@ function buildSessionTree(sessions) {
             roots.push(node);
         }
     }
-    // Sort children and roots by modified date (descending)
+    const updateLatestActivity = (node) => {
+        let latestActivity = node.session.modified.getTime();
+        for (const child of node.children) {
+            latestActivity = Math.max(latestActivity, updateLatestActivity(child));
+        }
+        node.latestActivity = latestActivity;
+        return latestActivity;
+    };
+    for (const root of roots) {
+        updateLatestActivity(root);
+    }
+    // Sort children and roots by latest activity in each subtree (descending)
     const sortNodes = (nodes) => {
-        nodes.sort((a, b) => b.session.modified.getTime() - a.session.modified.getTime());
+        nodes.sort((a, b) => b.latestActivity - a.latestActivity);
         for (const node of nodes) {
             sortNodes(node.children);
         }

package/node_modules/@earendil-works/pi-coding-agent/dist/modes/interactive/components/settings-selector.js

@@ -450,9 +450,18 @@ export class SettingsSelectorComponent extends Container {
             currentValue: String(config.editorPaddingX),
             values: ["0", "1", "2", "3"],
         });
-        // Autocomplete max visible toggle (insert after editor-padding)
+        // Output padding toggle (insert after editor-padding)
         const editorPaddingIndex = items.findIndex((item) => item.id === "editor-padding");
         items.splice(editorPaddingIndex + 1, 0, {
+            id: "output-padding",
+            label: "Output padding",
+            description: "Horizontal padding for user messages, assistant messages, and thinking",
+            currentValue: String(config.outputPad),
+            values: ["0", "1"],
+        });
+        // Autocomplete max visible toggle (insert after output-padding)
+        const outputPaddingIndex = items.findIndex((item) => item.id === "output-padding");
+        items.splice(outputPaddingIndex + 1, 0, {
             id: "autocomplete-max-visible",
             label: "Autocomplete max items",
             description: "Max visible items in autocomplete dropdown (3-20)",
@@ -546,6 +555,9 @@ export class SettingsSelectorComponent extends Container {
                 case "editor-padding":
                     callbacks.onEditorPaddingXChange(parseInt(newValue, 10));
                     break;
+                case "output-padding":
+                    callbacks.onOutputPadChange(newValue === "0" ? 0 : 1);
+                    break;
                 case "autocomplete-max-visible":
                     callbacks.onAutocompleteMaxVisibleChange(parseInt(newValue, 10));
                     break;

package/node_modules/@earendil-works/pi-coding-agent/dist/modes/interactive/components/status-indicator.js

@@ -0,0 +1,60 @@
+import { Loader } from "@earendil-works/pi-tui";
+import { theme } from "../theme/theme.js";
+import { CountdownTimer } from "./countdown-timer.js";
+import { keyText } from "./keybinding-hints.js";
+export class StatusIndicator extends Loader {
+    kind;
+    constructor(kind, ui, spinnerColorFn, messageColorFn, message, indicator) {
+        super(ui, spinnerColorFn, messageColorFn, message, indicator);
+        this.kind = kind;
+    }
+    dispose() {
+        this.stop();
+    }
+}
+export class WorkingStatusIndicator extends StatusIndicator {
+    constructor(ui, message, indicator) {
+        super("working", ui, (spinner) => theme.fg("accent", spinner), (text) => theme.fg("muted", text), message, indicator);
+    }
+}
+export class RetryStatusIndicator extends StatusIndicator {
+    countdown;
+    constructor(ui, attempt, maxAttempts, delayMs) {
+        const retryMessage = (seconds) => `Retrying (${attempt}/${maxAttempts}) in ${seconds}s... (${keyText("app.interrupt")} to cancel)`;
+        super("retry", ui, (spinner) => theme.fg("warning", spinner), (text) => theme.fg("muted", text), retryMessage(Math.ceil(delayMs / 1000)));
+        this.countdown = new CountdownTimer(delayMs, ui, (seconds) => {
+            this.setMessage(retryMessage(seconds));
+        }, () => {
+            this.countdown = undefined;
+        });
+    }
+    dispose() {
+        this.countdown?.dispose();
+        this.countdown = undefined;
+        super.dispose();
+    }
+}
+export class CompactionStatusIndicator extends StatusIndicator {
+    constructor(ui, reason) {
+        const cancelHint = `(${keyText("app.interrupt")} to cancel)`;
+        const label = reason === "manual"
+            ? `Compacting context... ${cancelHint}`
+            : `${reason === "overflow" ? "Context overflow detected, " : ""}Auto-compacting... ${cancelHint}`;
+        super("compaction", ui, (spinner) => theme.fg("accent", spinner), (text) => theme.fg("muted", text), label);
+    }
+}
+export class BranchSummaryStatusIndicator extends StatusIndicator {
+    constructor(ui) {
+        super("branchSummary", ui, (spinner) => theme.fg("accent", spinner), (text) => theme.fg("muted", text), `Summarizing branch... (${keyText("app.interrupt")} to cancel)`);
+    }
+}
+export class IdleStatus {
+    invalidate() {
+        // No cached state to invalidate.
+    }
+    render(width) {
+        const emptyLine = " ".repeat(width);
+        return [emptyLine, emptyLine];
+    }
+}
+//# sourceMappingURL=status-indicator.js.map

package/node_modules/@earendil-works/pi-coding-agent/dist/modes/interactive/components/user-message.js

@@ -7,14 +7,27 @@ const OSC133_ZONE_FINAL = "\x1b]133;C\x07";
  * Component that renders a user message
  */
 export class UserMessageComponent extends Container {
-    contentBox;
-    constructor(text, markdownTheme = getMarkdownTheme()) {
+    text;
+    markdownTheme;
+    outputPad;
+    constructor(text, markdownTheme = getMarkdownTheme(), outputPad = 1) {
         super();
-        this.contentBox = new Box(1, 1, (content) => theme.bg("userMessageBg", content));
-        this.contentBox.addChild(new Markdown(text, 0, 0, markdownTheme, {
+        this.text = text;
+        this.markdownTheme = markdownTheme;
+        this.outputPad = outputPad;
+        this.rebuild();
+    }
+    setOutputPad(padding) {
+        this.outputPad = padding;
+        this.rebuild();
+    }
+    rebuild() {
+        this.clear();
+        const contentBox = new Box(this.outputPad, 1, (content) => theme.bg("userMessageBg", content));
+        contentBox.addChild(new Markdown(this.text, 0, 0, this.markdownTheme, {
             color: (content) => theme.fg("userMessageText", content),
-        }, { preserveOrderedListMarkers: true }));
-        this.addChild(this.contentBox);
+        }, { preserveOrderedListMarkers: true, preserveBackslashEscapes: true }));
+        this.addChild(contentBox);
     }
     render(width) {
         const lines = super.render(width);