pi-claude-code-ui 1.0.77 → 1.0.79

package/CHANGELOG.md

@@ -3,6 +3,18 @@
 > [!IMPORTANT]
 > **1.0.69 — package rename (permanent).** Canonical npm name is now [`pi-claude-code-ui`](https://www.npmjs.com/package/pi-claude-code-ui). `pi-claude-style-tools` is legacy and will not receive further releases. Install with `pi install npm:pi-claude-code-ui` or `npm i pi-claude-code-ui`.
 
+## 1.0.79 — 2026-08-23
+
+### Fixed
+
+- **Hide Magic Context tags in tool output** — tool result renderers now receive sanitized text, so transient `§N§` tags (including live-prefixed streaming chunks and queued ctx_reduce output replayed from history) no longer appear in tool rows. Storage is never mutated — result blocks are cloned only when a tag is present, so context management keeps its data. Also covers the `formatToolExecution` fallback path for renderer-less tools.
+
+## 1.0.78 — 2026-08-22
+
+### Fixed
+
+- **Hide transient Magic Context tags** — dynamically filter Magic Context tags (like `§N§`) from all Markdown view components in the Terminal UI. This covers thinking blocks, user messages, assistant prose, and subagent frames, without mutating the underlying message text content or breaking LLM prompt tracking.
+
 ## 1.0.77 — 2026-08-21
 
 ### Fixed

package/extensions/index.ts

@@ -1496,6 +1496,26 @@ function stripTransientMagicContextTags(text: string): string {
 	return text.replace(MAGIC_CONTEXT_TAG_LINE_PREFIX, "$1");
 }
 
+// Tool results can carry transient Magic Context tags too (live-prefixed output
+// chunks). Renderers must see sanitized text WITHOUT mutating this.result — the
+// result object is the stored message used by context management. Clone blocks
+// only when a tag is actually present so the common path stays zero-cost.
+function sanitizeToolResultForDisplay(result: any): any {
+	if (!result || !Array.isArray(result.content)) return result;
+	let changed = false;
+	const content = result.content.map((block: any) => {
+		if (block && typeof block.text === "string") {
+			const stripped = stripTransientMagicContextTags(block.text);
+			if (stripped !== block.text) {
+				changed = true;
+				return { ...block, text: stripped };
+			}
+		}
+		return block;
+	});
+	return changed ? { ...result, content } : result;
+}
+
 function replaceInlineMath(text: string): string {
 	if (!hasInlineMathMarkers(text)) return text;
 	const withParens = text.replace(/\\\(([\s\S]*?)\\\)/g, (_match, body: string) => {
@@ -1783,7 +1803,7 @@ class ThinkingParagraph {
 		_markdownTheme: ConstructorParameters<typeof Markdown>[3],
 		_defaultTextStyle?: ConstructorParameters<typeof Markdown>[4],
 	) {
-		this.text = text;
+		this.text = stripTransientMagicContextTags(text);
 	}
 
 	private thinkingMarkdown(): InstanceType<typeof Markdown> {
@@ -1961,6 +1981,16 @@ function patchCustomMessageRender(): void {
 		syncToolBackgroundMode();
 		const cached = messageRenderCacheHit(this, width);
 		if (cached) return cached;
+		visitMarkdownDescendants(this, (child) => {
+			const markdownAny = child as any;
+			if (typeof markdownAny.text === "string") {
+				const stripped = stripTransientMagicContextTags(markdownAny.text);
+				if (stripped !== markdownAny.text) {
+					markdownAny.text = stripped;
+					child.invalidate?.();
+				}
+			}
+		});
 		const lines = originalRender.call(this, width);
 		if (!Array.isArray(lines)) return lines;
 		const result = isSubagentNotificationMessage(this?.message)
@@ -2058,6 +2088,13 @@ function patchUserMessageRender(): void {
 		if (cached) return cached;
 		visitMarkdownDescendants(this, (child) => {
 			const markdownAny = child as any;
+			if (typeof markdownAny.text === "string") {
+				const stripped = stripTransientMagicContextTags(markdownAny.text);
+				if (stripped !== markdownAny.text) {
+					markdownAny.text = stripped;
+					child.invalidate?.();
+				}
+			}
 			makeMarkdownLinksCopySafe(child);
 			if (markdownAny.defaultTextStyle?.bgColor) {
 				markdownAny.defaultTextStyle.bgColor = undefined;
@@ -2087,6 +2124,16 @@ function patchAssistantMessages(): void {
 		proto.render = function patchedAssistantMessageRender(width: number) {
 			const cached = messageRenderCacheHit(this, width);
 			if (cached) return cached;
+			visitMarkdownDescendants(this, (child) => {
+				const markdownAny = child as any;
+				if (typeof markdownAny.text === "string") {
+					const stripped = stripTransientMagicContextTags(markdownAny.text);
+					if (stripped !== markdownAny.text) {
+						markdownAny.text = stripped;
+						child.invalidate?.();
+					}
+				}
+			});
 			const lines = originalRender.call(this, width);
 			if (!Array.isArray(lines) || lines.length === 0) return lines;
 			if ((this as any).hasToolCalls) {
@@ -2299,17 +2346,31 @@ function patchToolExecutionRenderers(): void {
 
 	proto.getResultRenderer = function patchedGetResultRenderer() {
 		const toolName = typeof this?.toolName === "string" ? this.toolName : "";
+		let renderer: any;
 		if (toolName === "apply_patch") {
-			return (result: any, options: any, theme: Theme, ctx: any) =>
+			renderer = (result: any, options: any, theme: Theme, ctx: any) =>
 				renderApplyPatchResult({ content: result.content, details: result.details }, options.isPartial, theme, ctx);
-		}
-		if (shouldUseGenericToolRenderer(toolName)) {
-			return (result: any, options: any, theme: Theme, ctx: any) =>
+		} else if (shouldUseGenericToolRenderer(toolName)) {
+			renderer = (result: any, options: any, theme: Theme, ctx: any) =>
 				renderGenericToolResult(toolName, result, options, theme, ctx);
+		} else {
+			renderer = typeof originalGetResultRenderer === "function" ? originalGetResultRenderer.call(this) : undefined;
 		}
-		return typeof originalGetResultRenderer === "function" ? originalGetResultRenderer.call(this) : undefined;
+		if (typeof renderer !== "function") return renderer;
+		// Strip transient Magic Context tags from the text the renderer sees,
+		// without touching the stored result message.
+		return (result: any, options: any, theme: Theme, ctx: any) => renderer(sanitizeToolResultForDisplay(result), options, theme, ctx);
 	};
 
+	// Fallback path for tools without a renderer definition formats raw text.
+	const originalFormatToolExecution = proto.formatToolExecution;
+	if (typeof originalFormatToolExecution === "function") {
+		proto.formatToolExecution = function patchedFormatToolExecution(this: any, ...args: any[]) {
+			const formatted = originalFormatToolExecution.apply(this, args);
+			return typeof formatted === "string" ? stripTransientMagicContextTags(formatted) : formatted;
+		};
+	}
+
 	proto[TOOL_EXECUTION_PATCH_FLAG] = true;
 }
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "pi-claude-code-ui",
-  "version": "1.0.77",
+  "version": "1.0.79",
   "description": "Claude Code-style grouped tool rows for pi with Ctrl+O/Ctrl+Shift+O previews, math rendering, and consistent built-in, MCP, and custom tool rendering",
   "keywords": [
     "pi-package",