@pencil-agent/nano-pencil 1.11.42 → 1.11.44

package/dist/modes/interactive/components/assistant-message.js

@@ -4,7 +4,7 @@
  * [TO]: Consumed by modes/interactive/components/index.ts
  * [HERE]: modes/interactive/components/assistant-message.ts - assistant message display
  */
-import { Box, Container, Markdown, Spacer, Text } from "@pencil-agent/tui";
+import { Container, Markdown, Spacer, Text } from "@pencil-agent/tui";
 import { getMarkdownTheme, theme } from "../theme/theme.js";
 /**
  * Component that renders a complete assistant message
@@ -39,42 +39,32 @@ export class AssistantMessageComponent extends Container {
         // Clear content container
         this.contentContainer.clear();
         const hasVisibleContent = message.content.some((c) => (c.type === "text" && c.text.trim()) || (c.type === "thinking" && c.thinking.trim()));
-        let addedAssistantLabelForText = false;
-        let seenThinking = false;
+        if (hasVisibleContent) {
+            this.contentContainer.addChild(new Spacer(1));
+        }
         // Render content in order
         for (let i = 0; i < message.content.length; i++) {
             const content = message.content[i];
             if (content.type === "text" && content.text.trim()) {
-                if (!addedAssistantLabelForText) {
-                    // Top spacing before first text when this message did not start with thinking.
-                    if (!seenThinking) {
-                        this.contentContainer.addChild(new Spacer(1));
-                    }
-                    addedAssistantLabelForText = true;
-                }
-                const textBox = new Box(1, 1, (text) => theme.bg("assistantMessageBg", text));
-                textBox.addChild(new Markdown(content.text.trim(), 0, 0, this.markdownTheme, {
-                    color: (text) => theme.fg("assistantMessageText", text),
-                }));
-                this.contentContainer.addChild(textBox);
+                // 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));
             }
             else if (content.type === "thinking" && content.thinking.trim()) {
-                seenThinking = true;
                 // Add spacing only when another visible assistant content block follows.
                 // This avoids a superfluous blank line before separately-rendered tool execution blocks.
                 const hasVisibleContentAfter = message.content
                     .slice(i + 1)
                     .some((c) => (c.type === "text" && c.text.trim()) || (c.type === "thinking" && c.thinking.trim()));
-                this.contentContainer.addChild(new Spacer(1));
-                const thinkingLabel = new Text(theme.italic(theme.fg("thinkingText", "I'm thinking...")), 1, 0);
                 if (this.hideThinkingBlock) {
-                    this.contentContainer.addChild(thinkingLabel);
+                    // Show static "Thinking..." label when hidden
+                    this.contentContainer.addChild(new Text(theme.italic(theme.fg("thinkingText", "Thinking...")), 1, 0));
                     if (hasVisibleContentAfter) {
                         this.contentContainer.addChild(new Spacer(1));
                     }
                 }
                 else {
-                    this.contentContainer.addChild(thinkingLabel);
+                    // Thinking traces in thinkingText color, italic
                     this.contentContainer.addChild(new Markdown(content.thinking.trim(), 1, 0, this.markdownTheme, {
                         color: (text) => theme.fg("thinkingText", text),
                         italic: true,

package/dist/modes/interactive/interactive-mode.js

@@ -829,7 +829,6 @@ export class InteractiveMode {
                     this.pendingTools.clear();
                     // Render any messages added via setup, or show empty session
                     this.renderInitialMessages();
-                    this.ui.requestRender();
                     return { cancelled: false };
                 },
                 fork: async (entryId) => {
@@ -2882,6 +2881,10 @@ export class InteractiveMode {
             const times = compactionCount === 1 ? "1 time" : `${compactionCount} times`;
             this.showStatus(`Session compacted ${times}`);
         }
+        // Force full re-render to reset viewport state after rebuilding chat.
+        // Without this, maxLinesRendered retains the old value and the viewport
+        // may point past the actual content end after compaction or session switch.
+        this.ui.requestRender(true);
     }
     async getUserInput() {
         return new Promise((resolve) => {
@@ -2895,6 +2898,20 @@ export class InteractiveMode {
         this.chatContainer.clear();
         const context = this.sessionManager.buildSessionContext();
         this.renderSessionContext(context);
+        // Re-add optimistic user messages not yet persisted to session.
+        // Cleared by chatContainer.clear() above but absent from buildSessionContext().
+        for (const msg of this.optimisticUserMessages) {
+            this.addMessageToChat({
+                role: "user",
+                content: [{ type: "text", text: msg.text }],
+                timestamp: Date.now(),
+            });
+        }
+        // Force full re-render to reset maxLinesRendered, which tracks the
+        // terminal working area. After a clear+rebuild, content may be shorter
+        // than the previous working area, causing the viewport to point past
+        // the actual content end.
+        this.ui.requestRender(true);
     }
     // =========================================================================
     // Key handlers

package/dist/modes/interactive/theme/dark.json

@@ -30,11 +30,10 @@
 		"dim": "dimGray",
 		"text": "",
 		"thinkingText": "gray",
+
 		"selectedBg": "selectedBg",
 		"userMessageBg": "userMsgBg",
 		"userMessageText": "",
-		"assistantMessageBg": "#1e1e24",
-		"assistantMessageText": "",
 		"customMessageBg": "customMsgBg",
 		"customMessageText": "",
 		"customMessageLabel": "#9575cd",
@@ -43,6 +42,7 @@
 		"toolErrorBg": "toolErrorBg",
 		"toolTitle": "",
 		"toolOutput": "gray",
+
 		"mdHeading": "#f0c674",
 		"mdLink": "#81a2be",
 		"mdLinkUrl": "dimGray",
@@ -53,9 +53,11 @@
 		"mdQuoteBorder": "gray",
 		"mdHr": "gray",
 		"mdListBullet": "accent",
+
 		"toolDiffAdded": "green",
 		"toolDiffRemoved": "red",
 		"toolDiffContext": "gray",
+
 		"syntaxComment": "#6A9955",
 		"syntaxKeyword": "#569CD6",
 		"syntaxFunction": "#DCDCAA",
@@ -65,15 +67,15 @@
 		"syntaxType": "#4EC9B0",
 		"syntaxOperator": "#D4D4D4",
 		"syntaxPunctuation": "#D4D4D4",
+
 		"thinkingOff": "darkGray",
 		"thinkingMinimal": "#6e6e6e",
 		"thinkingLow": "#5f87af",
 		"thinkingMedium": "#81a2be",
 		"thinkingHigh": "#b294bb",
 		"thinkingXhigh": "#d183e8",
-		"bashMode": "green",
-		"userLabel": "accent",
-		"assistantLabel": "gray"
+
+		"bashMode": "green"
 	},
 	"export": {
 		"pageBg": "#18181e",

package/dist/modes/interactive/theme/light.json

@@ -29,11 +29,10 @@
 		"dim": "dimGray",
 		"text": "",
 		"thinkingText": "mediumGray",
+
 		"selectedBg": "selectedBg",
 		"userMessageBg": "userMsgBg",
 		"userMessageText": "",
-		"assistantMessageBg": "#f0f0f0",
-		"assistantMessageText": "",
 		"customMessageBg": "customMsgBg",
 		"customMessageText": "",
 		"customMessageLabel": "#7e57c2",
@@ -42,6 +41,7 @@
 		"toolErrorBg": "toolErrorBg",
 		"toolTitle": "",
 		"toolOutput": "mediumGray",
+
 		"mdHeading": "yellow",
 		"mdLink": "blue",
 		"mdLinkUrl": "dimGray",
@@ -52,9 +52,11 @@
 		"mdQuoteBorder": "mediumGray",
 		"mdHr": "mediumGray",
 		"mdListBullet": "green",
+
 		"toolDiffAdded": "green",
 		"toolDiffRemoved": "red",
 		"toolDiffContext": "mediumGray",
+
 		"syntaxComment": "#008000",
 		"syntaxKeyword": "#0000FF",
 		"syntaxFunction": "#795E26",
@@ -64,15 +66,15 @@
 		"syntaxType": "#267F99",
 		"syntaxOperator": "#000000",
 		"syntaxPunctuation": "#000000",
+
 		"thinkingOff": "lightGray",
 		"thinkingMinimal": "#767676",
 		"thinkingLow": "blue",
 		"thinkingMedium": "teal",
 		"thinkingHigh": "#875f87",
 		"thinkingXhigh": "#8b008b",
-		"bashMode": "green",
-		"userLabel": "teal",
-		"assistantLabel": "mediumGray"
+
+		"bashMode": "green"
 	},
 	"export": {
 		"pageBg": "#f8f8f8",

package/dist/modes/interactive/theme/theme-schema.json

@@ -3,10 +3,7 @@
 	"title": "NanoPencil Theme",
 	"description": "Theme schema for NanoPencil",
 	"type": "object",
-	"required": [
-		"name",
-		"colors"
-	],
+	"required": ["name", "colors"],
 	"properties": {
 		"$schema": {
 			"type": "string",
@@ -49,13 +46,9 @@
 				"dim",
 				"text",
 				"thinkingText",
-				"userLabel",
-				"assistantLabel",
 				"selectedBg",
 				"userMessageBg",
 				"userMessageText",
-				"assistantMessageBg",
-				"assistantMessageText",
 				"customMessageBg",
 				"customMessageText",
 				"customMessageLabel",
@@ -139,14 +132,6 @@
 					"$ref": "#/$defs/colorValue",
 					"description": "Thinking block text color"
 				},
-				"userLabel": {
-					"$ref": "#/$defs/colorValue",
-					"description": "User role label color"
-				},
-				"assistantLabel": {
-					"$ref": "#/$defs/colorValue",
-					"description": "Assistant role label color"
-				},
 				"selectedBg": {
 					"$ref": "#/$defs/colorValue",
 					"description": "Selected item background"
@@ -306,14 +291,6 @@
 				"bashMode": {
 					"$ref": "#/$defs/colorValue",
 					"description": "Editor border color in bash mode"
-				},
-				"assistantMessageBg": {
-					"$ref": "#/$defs/colorValue",
-					"description": "Assistant message background"
-				},
-				"assistantMessageText": {
-					"$ref": "#/$defs/colorValue",
-					"description": "Assistant message text color"
 				}
 			},
 			"additionalProperties": false

package/dist/modes/interactive/theme/theme.d.ts

@@ -5,8 +5,8 @@
  * [HERE]: modes/interactive/theme/theme.ts - theme loader and definitions
  */
 import type { EditorTheme, MarkdownTheme, SelectListTheme } from "@pencil-agent/tui";
-export type ThemeColor = "accent" | "border" | "borderAccent" | "borderMuted" | "success" | "error" | "warning" | "muted" | "dim" | "text" | "thinkingText" | "userLabel" | "assistantLabel" | "assistantMessageText" | "userMessageText" | "customMessageText" | "customMessageLabel" | "toolTitle" | "toolOutput" | "mdHeading" | "mdLink" | "mdLinkUrl" | "mdCode" | "mdCodeBlock" | "mdCodeBlockBorder" | "mdQuote" | "mdQuoteBorder" | "mdHr" | "mdListBullet" | "toolDiffAdded" | "toolDiffRemoved" | "toolDiffContext" | "syntaxComment" | "syntaxKeyword" | "syntaxFunction" | "syntaxVariable" | "syntaxString" | "syntaxNumber" | "syntaxType" | "syntaxOperator" | "syntaxPunctuation" | "thinkingOff" | "thinkingMinimal" | "thinkingLow" | "thinkingMedium" | "thinkingHigh" | "thinkingXhigh" | "bashMode";
-export type ThemeBg = "selectedBg" | "userMessageBg" | "customMessageBg" | "toolPendingBg" | "toolSuccessBg" | "toolErrorBg" | "assistantMessageBg";
+export type ThemeColor = "accent" | "border" | "borderAccent" | "borderMuted" | "success" | "error" | "warning" | "muted" | "dim" | "text" | "thinkingText" | "userMessageText" | "customMessageText" | "customMessageLabel" | "toolTitle" | "toolOutput" | "mdHeading" | "mdLink" | "mdLinkUrl" | "mdCode" | "mdCodeBlock" | "mdCodeBlockBorder" | "mdQuote" | "mdQuoteBorder" | "mdHr" | "mdListBullet" | "toolDiffAdded" | "toolDiffRemoved" | "toolDiffContext" | "syntaxComment" | "syntaxKeyword" | "syntaxFunction" | "syntaxVariable" | "syntaxString" | "syntaxNumber" | "syntaxType" | "syntaxOperator" | "syntaxPunctuation" | "thinkingOff" | "thinkingMinimal" | "thinkingLow" | "thinkingMedium" | "thinkingHigh" | "thinkingXhigh" | "bashMode";
+export type ThemeBg = "selectedBg" | "userMessageBg" | "customMessageBg" | "toolPendingBg" | "toolSuccessBg" | "toolErrorBg";
 type ColorMode = "truecolor" | "256color";
 export declare class Theme {
     readonly name?: string;

package/dist/modes/interactive/theme/theme.js

@@ -35,15 +35,10 @@ const ThemeJsonSchema = Type.Object({
         dim: ColorValueSchema,
         text: ColorValueSchema,
         thinkingText: ColorValueSchema,
-        // Role labels (2 colors)
-        userLabel: ColorValueSchema,
-        assistantLabel: ColorValueSchema,
         // Backgrounds & Content Text (11 colors)
         selectedBg: ColorValueSchema,
         userMessageBg: ColorValueSchema,
         userMessageText: ColorValueSchema,
-        assistantMessageBg: ColorValueSchema,
-        assistantMessageText: ColorValueSchema,
         customMessageBg: ColorValueSchema,
         customMessageText: ColorValueSchema,
         customMessageLabel: ColorValueSchema,
@@ -469,7 +464,6 @@ function createTheme(themeJson, mode, sourcePath) {
     const bgColorKeys = new Set([
         "selectedBg",
         "userMessageBg",
-        "assistantMessageBg",
         "customMessageBg",
         "toolPendingBg",
         "toolSuccessBg",

package/dist/modes/interactive/theme/warm.json

@@ -35,8 +35,6 @@
     "selectedBg": "selectedBg",
     "userMessageBg": "userMsgBg",
     "userMessageText": "warmLight",
-    "assistantMessageBg": "#242018",
-    "assistantMessageText": "",
     "customMessageBg": "customMsgBg",
     "customMessageText": "",
     "customMessageLabel": "#b8956b",
@@ -73,9 +71,7 @@
     "thinkingMedium": "warmBrown",
     "thinkingHigh": "#b294bb",
     "thinkingXhigh": "#d183e8",
-    "bashMode": "green",
-    "userLabel": "accent",
-    "assistantLabel": "gray"
+    "bashMode": "green"
   },
   "export": {
     "pageBg": "#1a1814",

package/dist/node_modules/@pencil-agent/ai/models.generated.js

@@ -7460,13 +7460,13 @@ export const MODELS = {
             reasoning: true,
             input: ["text"],
             cost: {
-                input: 0.44999999999999996,
+                input: 0.5,
                 output: 2.1500000000000004,
-                cacheRead: 0.22499999999999998,
+                cacheRead: 0.35,
                 cacheWrite: 0,
             },
             contextWindow: 163840,
-            maxTokens: 65536,
+            maxTokens: 4096,
         },
         "deepseek/deepseek-v3.1-terminus": {
             id: "deepseek/deepseek-v3.1-terminus",
@@ -10095,13 +10095,13 @@ export const MODELS = {
             reasoning: false,
             input: ["text"],
             cost: {
-                input: 0.12,
-                output: 0.75,
-                cacheRead: 0.06,
+                input: 0.15,
+                output: 0.7999999999999999,
+                cacheRead: 0.12,
                 cacheWrite: 0,
             },
             contextWindow: 262144,
-            maxTokens: 65536,
+            maxTokens: 262144,
         },
         "qwen/qwen3-coder-plus": {
             id: "qwen/qwen3-coder-plus",

package/dist/node_modules/@pencil-agent/tui/terminal.d.ts

@@ -37,8 +37,6 @@ export declare class ProcessTerminal implements Terminal {
     private inputHandler?;
     private resizeHandler?;
     private _kittyProtocolActive;
-    private cursorVisible;
-    private cursorStyleConfigured;
     private stdinBuffer?;
     private stdinDataHandler?;
     private writeLogPath;

package/dist/node_modules/@pencil-agent/tui/terminal.js

@@ -17,8 +17,6 @@ export class ProcessTerminal {
     inputHandler;
     resizeHandler;
     _kittyProtocolActive = false;
-    cursorVisible = true;
-    cursorStyleConfigured = false;
     stdinBuffer;
     stdinDataHandler;
     writeLogPath = process.env.NANOPENCIL_TUI_WRITE_LOG || "";
@@ -28,8 +26,6 @@ export class ProcessTerminal {
     start(onInput, onResize) {
         this.inputHandler = onInput;
         this.resizeHandler = onResize;
-        this.cursorVisible = true;
-        this.cursorStyleConfigured = false;
         // Save previous state and enable raw mode
         this.wasRaw = process.stdin.isRaw || false;
         if (process.stdin.setRawMode) {
@@ -237,26 +233,10 @@ export class ProcessTerminal {
         // lines === 0: no movement
     }
     hideCursor() {
-        if (!this.cursorVisible) {
-            return;
-        }
         process.stdout.write("\x1b[?25l");
-        this.cursorVisible = false;
     }
     showCursor() {
-        let buffer = "";
-        if (!this.cursorStyleConfigured) {
-            // Use a steady bar cursor to avoid terminal-side blinking in the TUI editor.
-            buffer += "\x1b[?12l\x1b[6 q";
-            this.cursorStyleConfigured = true;
-        }
-        if (!this.cursorVisible) {
-            buffer += "\x1b[?25h";
-            this.cursorVisible = true;
-        }
-        if (buffer) {
-            process.stdout.write(buffer);
-        }
+        process.stdout.write("\x1b[?25h");
     }
     clearLine() {
         process.stdout.write("\x1b[K");

package/dist/node_modules/@pencil-agent/tui/tui.d.ts

@@ -148,6 +148,7 @@ export declare class TUI extends Container {
     private previousViewportTop;
     private fullRedrawCount;
     private stopped;
+    private synchronizedOutputEnabled;
     private overlayStack;
     constructor(terminal: Terminal, showHardwareCursor?: boolean);
     get fullRedraws(): number;
@@ -160,6 +161,7 @@ export declare class TUI extends Container {
      * When false, empty rows remain (reduces redraws on slower terminals).
      */
     setClearOnShrink(enabled: boolean): void;
+    private wrapRenderBuffer;
     setFocus(component: Component | null): void;
     /**
      * Show an overlay component with configurable positioning and sizing.

package/dist/node_modules/@pencil-agent/tui/tui.js

@@ -17,6 +17,15 @@ import { extractSegments, sliceByColumn, sliceWithWidth, visibleWidth } from "./
 export function isFocusable(component) {
     return component !== null && "focused" in component;
 }
+function shouldUseSynchronizedOutput() {
+    if (process.env.NANOPENCIL_SYNC_OUTPUT === "0") {
+        return false;
+    }
+    const termProgram = process.env.TERM_PROGRAM?.toLowerCase() || "";
+    // Warp has shown intermittent delayed/hidden frame presentation with our
+    // diff renderer, so prefer plain writes there until its TUI path is stable.
+    return termProgram !== "warpterminal";
+}
 /**
  * Cursor position marker - APC (Application Program Command) sequence.
  * This is a zero-width escape sequence that terminals ignore.
@@ -90,6 +99,7 @@ export class TUI extends Container {
     previousViewportTop = 0; // Track previous viewport top for resize-aware cursor moves
     fullRedrawCount = 0;
     stopped = false;
+    synchronizedOutputEnabled = shouldUseSynchronizedOutput();
     // Overlay stack for modal components rendered on top of base content
     overlayStack = [];
     constructor(terminal, showHardwareCursor) {
@@ -125,6 +135,12 @@ export class TUI extends Container {
     setClearOnShrink(enabled) {
         this.clearOnShrink = enabled;
     }
+    wrapRenderBuffer(buffer) {
+        if (!this.synchronizedOutputEnabled) {
+            return buffer;
+        }
+        return `\x1b[?2026h${buffer}\x1b[?2026l`;
+    }
     setFocus(component) {
         // Clear focused flag on old component
         if (isFocusable(this.focusedComponent)) {
@@ -646,6 +662,7 @@ export class TUI extends Container {
             return;
         const width = this.terminal.columns;
         const height = this.terminal.rows;
+        let viewportTop = Math.max(0, this.maxLinesRendered - height);
         let prevViewportTop = this.previousViewportTop;
         let hardwareCursorRow = this.hardwareCursorRow;
         const computeLineDiff = (targetRow) => {
@@ -659,8 +676,6 @@ export class TUI extends Container {
         if (this.overlayStack.length > 0) {
             newLines = this.compositeOverlays(newLines, width, height);
         }
-        const nextWorkingHeight = Math.max(this.maxLinesRendered, newLines.length);
-        let viewportTop = Math.max(0, nextWorkingHeight - height);
         // Extract cursor position before applying line resets (marker must be found first)
         const cursorPos = this.extractCursorPosition(newLines, height);
         newLines = this.applyLineResets(newLines);
@@ -669,7 +684,7 @@ export class TUI extends Container {
         // Helper to clear scrollback and viewport and render all new lines
         const fullRender = (clear) => {
             this.fullRedrawCount += 1;
-            let buffer = "\x1b[?2026h"; // Begin synchronized output
+            let buffer = "";
             if (clear)
                 buffer += "\x1b[3J\x1b[2J\x1b[H"; // Clear scrollback, screen, and home
             for (let i = 0; i < newLines.length; i++) {
@@ -677,8 +692,7 @@ export class TUI extends Container {
                     buffer += "\r\n";
                 buffer += newLines[i];
             }
-            buffer += "\x1b[?2026l"; // End synchronized output
-            this.terminal.write(buffer);
+            this.terminal.write(this.wrapRenderBuffer(buffer));
             this.cursorRow = Math.max(0, newLines.length - 1);
             this.hardwareCursorRow = this.cursorRow;
             // Reset max lines when clearing, otherwise track growth
@@ -689,7 +703,7 @@ export class TUI extends Container {
                 this.maxLinesRendered = Math.max(this.maxLinesRendered, newLines.length);
             }
             this.previousViewportTop = Math.max(0, this.maxLinesRendered - height);
-            this.positionHardwareCursor(cursorPos, newLines.length, prevViewportTop, this.previousViewportTop, height);
+            this.positionHardwareCursor(cursorPos, newLines.length);
             this.previousLines = newLines;
             this.previousWidth = width;
         };
@@ -745,14 +759,14 @@ export class TUI extends Container {
         const appendStart = appendedLines && firstChanged === this.previousLines.length && firstChanged > 0;
         // No changes - but still need to update hardware cursor position if it moved
         if (firstChanged === -1) {
-            this.positionHardwareCursor(cursorPos, newLines.length, prevViewportTop, this.previousViewportTop, height);
+            this.positionHardwareCursor(cursorPos, newLines.length);
             this.previousViewportTop = Math.max(0, this.maxLinesRendered - height);
             return;
         }
         // All changes are in deleted lines (nothing to render, just clear)
         if (firstChanged >= newLines.length) {
             if (this.previousLines.length > newLines.length) {
-                let buffer = "\x1b[?2026h";
+                let buffer = "";
                 // Move to end of new content (clamp to 0 for empty content)
                 const targetRow = Math.max(0, newLines.length - 1);
                 const lineDiff = computeLineDiff(targetRow);
@@ -779,12 +793,11 @@ export class TUI extends Container {
                 if (extraLines > 0) {
                     buffer += `\x1b[${extraLines}A`;
                 }
-                buffer += "\x1b[?2026l";
-                this.terminal.write(buffer);
+                this.terminal.write(this.wrapRenderBuffer(buffer));
                 this.cursorRow = targetRow;
                 this.hardwareCursorRow = targetRow;
             }
-            this.positionHardwareCursor(cursorPos, newLines.length, prevViewportTop, this.previousViewportTop, height);
+            this.positionHardwareCursor(cursorPos, newLines.length);
             this.previousLines = newLines;
             this.previousWidth = width;
             this.previousViewportTop = Math.max(0, this.maxLinesRendered - height);
@@ -801,7 +814,7 @@ export class TUI extends Container {
         }
         // Render from first changed line to end
         // Build buffer with all updates wrapped in synchronized output
-        let buffer = "\x1b[?2026h"; // Begin synchronized output
+        let buffer = "";
         const prevViewportBottom = prevViewportTop + height - 1;
         const moveTargetRow = appendStart ? firstChanged - 1 : firstChanged;
         if (moveTargetRow > prevViewportBottom) {
@@ -879,7 +892,6 @@ export class TUI extends Container {
             // Move cursor back to end of new content
             buffer += `\x1b[${extraLines}A`;
         }
-        buffer += "\x1b[?2026l"; // End synchronized output
         if (process.env.NANOPENCIL_TUI_DEBUG === "1") {
             const debugDir = "/tmp/tui";
             fs.mkdirSync(debugDir, { recursive: true });
@@ -909,7 +921,7 @@ export class TUI extends Container {
             fs.writeFileSync(debugPath, debugData);
         }
         // Write entire buffer at once
-        this.terminal.write(buffer);
+        this.terminal.write(this.wrapRenderBuffer(buffer));
         // Track cursor position for next render
         // cursorRow tracks end of content (for viewport calculation)
         // hardwareCursorRow tracks actual terminal cursor position (for movement)
@@ -919,7 +931,7 @@ export class TUI extends Container {
         this.maxLinesRendered = Math.max(this.maxLinesRendered, newLines.length);
         this.previousViewportTop = Math.max(0, this.maxLinesRendered - height);
         // Position hardware cursor for IME
-        this.positionHardwareCursor(cursorPos, newLines.length, prevViewportTop, this.previousViewportTop, height);
+        this.positionHardwareCursor(cursorPos, newLines.length);
         this.previousLines = newLines;
         this.previousWidth = width;
     }
@@ -928,7 +940,7 @@ export class TUI extends Container {
      * @param cursorPos The cursor position extracted from rendered output, or null
      * @param totalLines Total number of rendered lines
      */
-    positionHardwareCursor(cursorPos, totalLines, previousViewportTop, currentViewportTop, terminalHeight) {
+    positionHardwareCursor(cursorPos, totalLines) {
         if (!cursorPos || totalLines <= 0) {
             this.terminal.hideCursor();
             return;
@@ -936,10 +948,8 @@ export class TUI extends Container {
         // Clamp cursor position to valid range
         const targetRow = Math.max(0, Math.min(cursorPos.row, totalLines - 1));
         const targetCol = Math.max(0, cursorPos.col);
-        const targetScreenRow = Math.max(0, Math.min(targetRow - currentViewportTop, terminalHeight - 1));
-        const currentScreenRow = Math.max(0, Math.min(this.hardwareCursorRow - previousViewportTop, terminalHeight - 1));
         // Move cursor from current position to target
-        const rowDelta = targetScreenRow - currentScreenRow;
+        const rowDelta = targetRow - this.hardwareCursorRow;
         let buffer = "";
         if (rowDelta > 0) {
             buffer += `\x1b[${rowDelta}B`; // Move down

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pencil-agent/nano-pencil",
-  "version": "1.11.42",
+  "version": "1.11.44",
   "description": "CLI writing agent with read, bash, edit, write tools and session management. Supports DashScope Coding Plan. Soul enabled by default for AI personality evolution.",
   "type": "module",
   "bin": {