@north-light/crouter 0.3.195 → 0.3.196

package/dist/clients/attach/render/assistant-message.d.ts

@@ -6,7 +6,7 @@ export declare class ViewerAssistantMessageComponent extends AssistantMessageCom
     /** The stripped copy last handed to the base class, for identity comparison. */
     private stripped;
     private hidden;
-    constructor(message: AssistantMessageLike | undefined, hideThinkingBlock?: boolean, markdownTheme?: ConstructorParameters<typeof AssistantMessageComponent>[2], hiddenThinkingLabel?: string);
+    constructor(message: AssistantMessageLike | undefined, hideThinkingBlock?: boolean, markdownTheme?: ConstructorParameters<typeof AssistantMessageComponent>[2], hiddenThinkingLabel?: string, markdownTransformers?: ConstructorParameters<typeof AssistantMessageComponent>[5]);
     updateContent(message: AssistantMessageLike): void;
     setHideThinkingBlock(hide: boolean): void;
 }

package/dist/clients/attach/render/assistant-message.js

@@ -23,9 +23,10 @@ export class ViewerAssistantMessageComponent extends AssistantMessageComponent {
     /** The stripped copy last handed to the base class, for identity comparison. */
     stripped;
     hidden;
-    constructor(message, hideThinkingBlock = false, markdownTheme, hiddenThinkingLabel) {
+    constructor(message, hideThinkingBlock = false, markdownTheme, hiddenThinkingLabel, markdownTransformers) {
         // Defer content to our own updateContent so stripping applies to it too.
-        super(undefined, hideThinkingBlock, markdownTheme, hiddenThinkingLabel);
+        // `undefined` outputPad keeps the base class's own default.
+        super(undefined, hideThinkingBlock, markdownTheme, hiddenThinkingLabel, undefined, markdownTransformers);
         this.hidden = hideThinkingBlock;
         if (message)
             this.updateContent(message);

package/dist/clients/attach/render/chat-view.d.ts

@@ -111,13 +111,16 @@ export declare class ChatView {
     private readonly recapPalette;
     /** Bold accent for the expanded crtr-context label. */
     private readonly labelStyle;
-    /** Raw broker messages retained beside their viewer components so a local
-     *  Ctrl+O disclosure toggle can re-project settled Markdown without touching
-     *  persisted/copyable source. Includes condensed-history components. */
-    private readonly assistantSources;
     /** Undefined honors each `<details open>` attribute until Ctrl+O establishes
      *  one viewer-wide disclosure state. */
     private detailsExpandedOverride;
+    /** Viewer-local Markdown projection, handed to pi's message components so
+     *  THEY apply it at render time with the exact content width. The viewer keeps
+     *  no projected copy: the components hold canonical source, and each
+     *  transformer reads live viewer state (disclosure, palette) on every call.
+     *  Diagrams and the HTML allowlist apply only to assistant-authored
+     *  Markdown. */
+    private readonly markdownTransformers;
     /** The assistant message component currently being streamed (between
      *  message_start and message_end for an assistant turn). */
     private streamingComponent;
@@ -268,19 +271,6 @@ export declare class ChatView {
     /** Append conversation content above the independent live status area — or into
      *  the nested container while condensed history is under construction. */
     private append;
-    /** Project one raw assistant message through every attach-local Markdown
-     * transform. This is the sole pipeline used by snapshots, streaming, settled
-     * messages, and Ctrl+O re-renders. */
-    private renderAssistantMessage;
-    /** Retain canonical source and update one stable transcript component with its
-     * viewer-local projection. */
-    private updateAssistantComponent;
-    /** Re-project every assistant component in place after a disclosure toggle. */
-    private rerenderAssistantMessages;
-    /** Approximate render width for inline mermaid diagrams. Only affects
-     *  termrender's trailing padding (stripped in the transform), so the terminal
-     *  column count is close enough without threading the live pane width here. */
-    private renderWidth;
     /** Number of rendered conversation components in the container currently being
      *  appended to (live history or the nested condensed region). */
     private chatChildCount;

package/dist/clients/attach/render/chat-view.js

@@ -28,9 +28,9 @@ import { CRTR_OUTPUT_CUSTOM_TYPE, CrtrOutputMessageComponent, createCrtrBashTool
 import { CRTR_CYCLE_DIVIDER_CUSTOM_TYPE } from '../../../core/runtime/session-cycles.js';
 import { generatedContextExpandedBody, generatedContextPresentation, isRuntimeRestartContinuation, } from '../../../shared/generated-context.js';
 import { assistantVisibleText, isTrueUserMessage, } from '../../../shared/tool-groups.js';
-import { transformMessageDiagrams } from './diagram.js';
-import { transformMessageHtml } from './html-markdown.js';
-import { styleAttachMarkdownSource, styleAttachMessageMarkdown, styleAttachSummaryMarkdown, } from './markdown-source.js';
+import { transformDiagramFences } from './diagram.js';
+import { transformHtmlMarkdown } from './html-markdown.js';
+import { styleAttachAgentMarkdown, styleAttachMarkdownSource, styleAttachMessageMarkdown, styleAttachSummaryMarkdown, } from './markdown-source.js';
 import { createCrtrEditToolDefinition } from './edit-diff.js';
 import { GroupActivityRecorder } from './group-activity.js';
 import { GroupRecapComponent } from './group-recap.js';
@@ -305,13 +305,29 @@ export class ChatView {
     recapPalette;
     /** Bold accent for the expanded crtr-context label. */
     labelStyle = (s) => `\x1b[1m${s}\x1b[22m`;
-    /** Raw broker messages retained beside their viewer components so a local
-     *  Ctrl+O disclosure toggle can re-project settled Markdown without touching
-     *  persisted/copyable source. Includes condensed-history components. */
-    assistantSources = new Map();
     /** Undefined honors each `<details open>` attribute until Ctrl+O establishes
      *  one viewer-wide disclosure state. */
     detailsExpandedOverride;
+    /** Viewer-local Markdown projection, handed to pi's message components so
+     *  THEY apply it at render time with the exact content width. The viewer keeps
+     *  no projected copy: the components hold canonical source, and each
+     *  transformer reads live viewer state (disclosure, palette) on every call.
+     *  Diagrams and the HTML allowlist apply only to assistant-authored
+     *  Markdown. */
+    markdownTransformers = [
+        (markdown, { messageType, availableWidth }) => (messageType === 'assistant' ? transformDiagramFences(markdown, availableWidth) : markdown),
+        (markdown, { messageType }) => (messageType === 'assistant'
+            ? transformHtmlMarkdown(markdown, {
+                detailsExpanded: this.detailsExpandedOverride,
+                styles: {
+                    kbd: (text) => this.recapPalette.active(this.recapPalette.bold(`‹${text}›`)),
+                    mark: (text) => `\x1b[7m${this.recapPalette.bold(this.recapPalette.accent(text))}\x1b[27m`,
+                    hint: this.dimStyle,
+                },
+            })
+            : markdown),
+        (markdown, { messageType }) => (messageType === 'user' ? styleAttachMarkdownSource(markdown) : styleAttachAgentMarkdown(markdown)),
+    ];
     /** The assistant message component currently being streamed (between
      *  message_start and message_end for an assistant turn). */
     streamingComponent;
@@ -499,11 +515,11 @@ export class ChatView {
                     this.closeOpenGroup();
                 let separator;
                 if (isStreamingTail) {
-                    this.streamingComponent = new ViewerAssistantMessageComponent(undefined, this.hideThinking, attachMarkdownTheme(), this.hiddenThinkingLabel);
+                    this.streamingComponent = new ViewerAssistantMessageComponent(undefined, this.hideThinking, attachMarkdownTheme(), this.hiddenThinkingLabel, this.markdownTransformers);
                     this.appendAssistantPart(this.streamingComponent, !hasProse);
                     this.registerCopyBlock(this.streamingComponent, 'assistant', '');
                     this.streamingWasGroupMember = !hasProse;
-                    this.updateAssistantComponent(this.streamingComponent, message);
+                    this.streamingComponent.updateContent(message);
                     this.registerCopyBlock(this.streamingComponent, 'assistant', assistantVisibleText(message));
                     separator = this.streamingToolSeparator = this.appendAssistantSeparator(!hasProse);
                 }
@@ -638,7 +654,6 @@ export class ChatView {
         if (this.streamingComponent) {
             this.historyContainer.removeChild(this.streamingComponent);
             this.unregisterCopyBlock(this.streamingComponent);
-            this.assistantSources.delete(this.streamingComponent);
             this.streamingComponent = undefined;
         }
         this.streamingToolSeparator = undefined;
@@ -673,7 +688,10 @@ export class ChatView {
             result = { kind: 'output', expanded: this.toolOutputExpanded };
         }
         this.detailsExpandedOverride = this.toolOutputExpanded;
-        this.rerenderAssistantMessages();
+        // The disclosure state lives in the transformer closure, so the transcript
+        // only has to drop its projections: pi's message components rebuild their
+        // Markdown on invalidate() and re-run the transformer on the next render.
+        this.historyContainer.invalidate();
         this.applyToolDisplay();
         return result;
     }
@@ -772,11 +790,11 @@ export class ChatView {
                     const hasProse = assistantVisibleText(event.message).trim() !== '';
                     if (hasProse)
                         this.closeOpenGroup();
-                    this.streamingComponent = new ViewerAssistantMessageComponent(undefined, this.hideThinking, attachMarkdownTheme(), this.hiddenThinkingLabel);
+                    this.streamingComponent = new ViewerAssistantMessageComponent(undefined, this.hideThinking, attachMarkdownTheme(), this.hiddenThinkingLabel, this.markdownTransformers);
                     this.streamingWasGroupMember = !hasProse;
                     this.appendAssistantPart(this.streamingComponent, !hasProse);
                     this.registerCopyBlock(this.streamingComponent, 'assistant', '');
-                    this.updateAssistantComponent(this.streamingComponent, event.message);
+                    this.streamingComponent.updateContent(event.message);
                     this.registerCopyBlock(this.streamingComponent, 'assistant', assistantVisibleText(event.message));
                     this.streamingToolSeparator = this.appendAssistantSeparator(!hasProse);
                     this.setAssistantSeparatorContent(this.streamingToolSeparator, event.message);
@@ -786,10 +804,10 @@ export class ChatView {
             case 'message_update': {
                 if (this.streamingComponent && event.message.role === 'assistant') {
                     this.promoteStreamingAssistantToBoundary(event.message);
-                    // Upgrade complete rich-Markdown constructs mid-stream. Incomplete
-                    // Mermaid fences and HTML pairs remain literal until their closing
-                    // marker arrives, then this same settled-message pipeline projects them.
-                    this.updateAssistantComponent(this.streamingComponent, event.message);
+                    // Incomplete Mermaid fences and HTML pairs stay literal until their
+                    // closing marker arrives; the transformers upgrade them on the render
+                    // that follows, with no separate mid-stream path.
+                    this.streamingComponent.updateContent(event.message);
                     this.registerCopyBlock(this.streamingComponent, 'assistant', assistantVisibleText(event.message));
                     this.historyContainer.markDirty(this.streamingComponent);
                     const toolCalls = this.assistantToolCalls(event.message);
@@ -842,8 +860,7 @@ export class ChatView {
                         // updateContent) so the rendered message shows the annotation.
                         event.message.errorMessage = errorMessage;
                     }
-                    // Project every supported rich-Markdown construct in the settled reply.
-                    this.updateAssistantComponent(this.streamingComponent, event.message);
+                    this.streamingComponent.updateContent(event.message);
                     if (stopReason === 'aborted' || stopReason === 'error') {
                         const text = errorMessage ?? 'Error';
                         for (const component of this.pendingTools.values()) {
@@ -1111,18 +1128,20 @@ export class ChatView {
                     this.appendUserPart(new Spacer(1), !isTrueUserMessage(message));
                 const skillBlock = parseSkillBlock(textContent);
                 if (skillBlock) {
+                    // SkillInvocationMessageComponent has no transformer seam, so its body
+                    // is still styled before construction.
                     const component = new SkillInvocationMessageComponent({ ...skillBlock, content: styleAttachMarkdownSource(skillBlock.content) }, attachMarkdownTheme());
                     component.setExpanded(this.toolOutputExpanded);
                     this.appendUserPart(component, !isTrueUserMessage(message));
                     this.registerCopyBlock(component, 'user', textContent);
                     if (skillBlock.userMessage) {
-                        const userMessage = new UserMessageComponent(styleAttachMarkdownSource(skillBlock.userMessage), attachMarkdownTheme());
+                        const userMessage = new UserMessageComponent(skillBlock.userMessage, attachMarkdownTheme(), undefined, this.markdownTransformers);
                         this.appendUserPart(userMessage, !isTrueUserMessage(message));
                         this.registerCopyBlock(userMessage, 'user', skillBlock.userMessage);
                     }
                 }
                 else {
-                    const component = new UserMessageComponent(styleAttachMarkdownSource(textContent), attachMarkdownTheme());
+                    const component = new UserMessageComponent(textContent, attachMarkdownTheme(), undefined, this.markdownTransformers);
                     this.appendUserPart(component, !isTrueUserMessage(message));
                     this.registerCopyBlock(component, 'user', textContent);
                 }
@@ -1145,8 +1164,8 @@ export class ChatView {
     // -------------------------------------------------------------------------
     /** Render an assistant reply plus its initially-hidden boundary separator. */
     appendAssistantMessage(message, groupMember = false) {
-        const component = new ViewerAssistantMessageComponent(undefined, this.hideThinking, attachMarkdownTheme(), this.hiddenThinkingLabel);
-        this.updateAssistantComponent(component, message);
+        const component = new ViewerAssistantMessageComponent(undefined, this.hideThinking, attachMarkdownTheme(), this.hiddenThinkingLabel, this.markdownTransformers);
+        component.updateContent(message);
         this.appendAssistantPart(component, groupMember);
         this.registerCopyBlock(component, 'assistant', assistantVisibleText(message));
         const separator = this.appendAssistantSeparator(groupMember);
@@ -1380,39 +1399,6 @@ export class ChatView {
     append(child) {
         this.appendTarget.addChild(child);
     }
-    /** Project one raw assistant message through every attach-local Markdown
-     * transform. This is the sole pipeline used by snapshots, streaming, settled
-     * messages, and Ctrl+O re-renders. */
-    renderAssistantMessage(message) {
-        const withDiagrams = transformMessageDiagrams(message, this.renderWidth());
-        const withHtml = transformMessageHtml(withDiagrams, {
-            detailsExpanded: this.detailsExpandedOverride,
-            styles: {
-                kbd: (text) => this.recapPalette.active(this.recapPalette.bold(`‹${text}›`)),
-                mark: (text) => `\x1b[7m${this.recapPalette.bold(this.recapPalette.accent(text))}\x1b[27m`,
-                hint: this.dimStyle,
-            },
-        });
-        return styleAttachMessageMarkdown(withHtml);
-    }
-    /** Retain canonical source and update one stable transcript component with its
-     * viewer-local projection. */
-    updateAssistantComponent(component, message) {
-        this.assistantSources.set(component, message);
-        component.updateContent(this.renderAssistantMessage(message));
-    }
-    /** Re-project every assistant component in place after a disclosure toggle. */
-    rerenderAssistantMessages() {
-        for (const [component, source] of this.assistantSources) {
-            component.updateContent(this.renderAssistantMessage(source));
-        }
-    }
-    /** Approximate render width for inline mermaid diagrams. Only affects
-     *  termrender's trailing padding (stripped in the transform), so the terminal
-     *  column count is close enough without threading the live pane width here. */
-    renderWidth() {
-        return Math.max(40, process.stdout.columns ?? 80);
-    }
     /** Number of rendered conversation components in the container currently being
      *  appended to (live history or the nested condensed region). */
     chatChildCount() {
@@ -1426,7 +1412,6 @@ export class ChatView {
         this.streamingToolSeparator = undefined;
         this.streamingWasGroupMember = false;
         this.foldedToolSeparatorContents.clear();
-        this.assistantSources.clear();
         this.groups.length = 0;
         this.openGroup = undefined;
         this.groupSummaries.clear();

package/dist/clients/attach/render/diagram.d.ts

@@ -2,13 +2,3 @@
 export declare function textHasDiagram(text: string): boolean;
 /** Replace every supported complete fence in `text` with its rendered diagram. */
 export declare function transformDiagramFences(text: string, width: number): string;
-/** True when any text part of an assistant message carries a supported fence. */
-export declare function messageHasDiagram(message: {
-    content?: unknown;
-}): boolean;
-/** Return a shallow clone of an assistant message with every supported fence
- *  rendered inline. Non-text parts (thinking, toolCall) pass through untouched,
- *  and a message without a supported fence keeps the same reference. */
-export declare function transformMessageDiagrams<T extends {
-    content?: unknown;
-}>(message: T, width: number): T;

package/dist/clients/attach/render/diagram.js

@@ -101,35 +101,3 @@ export function transformDiagramFences(text, width) {
         return source === null ? whole : renderDiagram(whole, source, width);
     });
 }
-/** True when any text part of an assistant message carries a supported fence. */
-export function messageHasDiagram(message) {
-    const content = message.content;
-    if (typeof content === 'string')
-        return textHasDiagram(content);
-    if (!Array.isArray(content))
-        return false;
-    return content.some((p) => p?.type === 'text' && textHasDiagram(p.text ?? ''));
-}
-/** Return a shallow clone of an assistant message with every supported fence
- *  rendered inline. Non-text parts (thinking, toolCall) pass through untouched,
- *  and a message without a supported fence keeps the same reference. */
-export function transformMessageDiagrams(message, width) {
-    const content = message.content;
-    if (typeof content === 'string') {
-        if (!textHasDiagram(content))
-            return message;
-        return { ...message, content: transformDiagramFences(content, width) };
-    }
-    if (!Array.isArray(content) || !messageHasDiagram(message))
-        return message;
-    return {
-        ...message,
-        content: content.map((part) => {
-            const p = part;
-            if (p?.type === 'text' && typeof p.text === 'string' && textHasDiagram(p.text)) {
-                return { ...p, text: transformDiagramFences(p.text, width) };
-            }
-            return part;
-        }),
-    };
-}

package/dist/clients/attach/render/html-markdown.d.ts

@@ -11,7 +11,3 @@ export interface HtmlMarkdownOptions {
 }
 /** Transform the strict supported HTML subset in one Markdown string. */
 export declare function transformHtmlMarkdown(source: string, options: HtmlMarkdownOptions): string;
-/** Copy an assistant message for terminal rendering, enhancing only text parts. */
-export declare function transformMessageHtml<T extends {
-    content?: unknown;
-}>(message: T, options: HtmlMarkdownOptions): T;

package/dist/clients/attach/render/html-markdown.js

@@ -204,25 +204,3 @@ export function transformHtmlMarkdown(source, options) {
         out += transformInlineHtml(masked.slice(cursor), options.styles);
     return protectedMarkdown.restore(out);
 }
-/** Copy an assistant message for terminal rendering, enhancing only text parts. */
-export function transformMessageHtml(message, options) {
-    const content = message.content;
-    if (typeof content === 'string') {
-        const transformed = transformHtmlMarkdown(content, options);
-        return transformed === content ? message : { ...message, content: transformed };
-    }
-    if (!Array.isArray(content))
-        return message;
-    let changed = false;
-    const next = content.map((part) => {
-        const candidate = part;
-        if (candidate?.type !== 'text' || typeof candidate.text !== 'string')
-            return part;
-        const transformed = transformHtmlMarkdown(candidate.text, options);
-        if (transformed === candidate.text)
-            return part;
-        changed = true;
-        return { ...candidate, text: transformed };
-    });
-    return changed ? { ...message, content: next } : message;
-}

package/dist/clients/attach/render/markdown-source.d.ts

@@ -2,6 +2,11 @@
  *  tag lines. Fenced examples remain literal Markdown, never decorated
  *  terminal output. */
 export declare function styleAttachMarkdownSource(markdown: string): string;
+/** Every source-text transform the viewer applies to AGENT-authored Markdown,
+ *  in one place: heading and XML syntax, then glyph expansion. A human's own
+ *  message keeps `styleAttachMarkdownSource` alone — the `U+XXXX` escape hatch
+ *  exists for agents that cannot type a Nerd Font character. */
+export declare function styleAttachAgentMarkdown(markdown: string): string;
 /** Copy a pi message for terminal rendering and decorate only Markdown-bearing
  * text/thinking blocks. The broker's source event is never mutated. */
 export declare function styleAttachMessageMarkdown<T>(message: T): T;

package/dist/clients/attach/render/markdown-source.js

@@ -127,9 +127,11 @@ export function styleAttachMarkdownSource(markdown) {
     }
     return out.join('\n');
 }
-/** Every source-text transform the viewer applies to a Markdown-bearing block,
- *  in one place: heading and XML syntax, then glyph expansion. */
-function renderableText(markdown) {
+/** Every source-text transform the viewer applies to AGENT-authored Markdown,
+ *  in one place: heading and XML syntax, then glyph expansion. A human's own
+ *  message keeps `styleAttachMarkdownSource` alone — the `U+XXXX` escape hatch
+ *  exists for agents that cannot type a Nerd Font character. */
+export function styleAttachAgentMarkdown(markdown) {
     return expandGlyphCodepoints(styleAttachMarkdownSource(markdown));
 }
 /** Copy a pi message for terminal rendering and decorate only Markdown-bearing
@@ -139,7 +141,7 @@ export function styleAttachMessageMarkdown(message) {
         return message;
     const candidate = message;
     if (typeof candidate.content === 'string') {
-        return { ...candidate, content: renderableText(candidate.content) };
+        return { ...candidate, content: styleAttachAgentMarkdown(candidate.content) };
     }
     if (!Array.isArray(candidate.content))
         return message;
@@ -150,10 +152,10 @@ export function styleAttachMessageMarkdown(message) {
                 return part;
             const block = part;
             if (block.type === 'text' && typeof block.text === 'string') {
-                return { ...block, text: renderableText(block.text) };
+                return { ...block, text: styleAttachAgentMarkdown(block.text) };
             }
             if (block.type === 'thinking' && typeof block.thinking === 'string') {
-                return { ...block, thinking: renderableText(block.thinking) };
+                return { ...block, thinking: styleAttachAgentMarkdown(block.thinking) };
             }
             return part;
         }),
@@ -161,5 +163,5 @@ export function styleAttachMessageMarkdown(message) {
 }
 /** Copy an expanded pi summary without changing its persisted source. */
 export function styleAttachSummaryMarkdown(message) {
-    return { ...message, summary: renderableText(message.summary) };
+    return { ...message, summary: styleAttachAgentMarkdown(message.summary) };
 }