@agi-fans/dsh-tui 0.24.0 → 0.24.1

package/lib/views/transcript-render.js

@@ -20,7 +20,7 @@ import { createTheme, paintSurface, SPINNER, SYMBOL, BOX } from "../chrome/theme
 import { highlightToolText, toolPayloadLanguage } from "../chrome/code-highlight.js";
 import { renderGoalBar } from "../chrome/goal-bar.js";
 import { padToWidth, sliceCells, stripAnsi, truncateToWidth, visibleWidth, wrapCode, wrapTextStable } from "../chrome/width.js";
-import { alignFileDiffs, wrapPaintedDiffRows, } from "../chrome/diff-render.js";
+import { alignFileDiffs, paintDiffStats, wrapPaintedDiffRows, } from "../chrome/diff-render.js";
 import { workspaceBlockLines, WORKSPACE_COLLAPSED_LINES } from "./workspace-changes.js";
 import { blockFileAction } from "./file-actions.js";
 import { renderTool, toolArgSubject } from "../chrome/tool-renderers.js";
@@ -137,10 +137,10 @@ function assistantMarkdown(source, theme, width, style, streaming = false) {
  * everything else, so nothing on the screen is held off by a gutter.
  */
 function userBubble(text, theme, width) {
-    const gutter = '  ';
+    const gutter = width > ASSISTANT_PADDING_X * 2 ? ' '.repeat(ASSISTANT_PADDING_X) : '';
     // Drawn masked, stored plain: the key still reaches the model and the copy
     // action still returns what the reader sent, but a shared screen shows stars.
-    const wrapped = renderPathMentionRows(maskSecrets(text), Math.max(1, width - gutter.length), theme);
+    const wrapped = renderPathMentionRows(maskSecrets(text), Math.max(1, width - gutter.length * 2), theme);
     const rows = ['', ...wrapped, ''];
     // The padding rows share the prompt's tint, so the prompt is one slab that
     // opens the turn. Unpainted, they were two blank rows of their own on top of
@@ -150,7 +150,7 @@ function userBubble(text, theme, width) {
         if (row === '')
             return paintSurface(theme, 'userMessageBg', 'userMessageText', padToWidth('', width));
         const promptMark = index === 1 && theme.colors ? '\x1b]133;A\x07' : '';
-        const content = padToWidth((index === 1 ? promptMark + gutter : '') + row, width);
+        const content = padToWidth(promptMark + gutter + row, width);
         return paintSurface(theme, 'userMessageBg', 'userMessageText', content);
     });
 }
@@ -261,7 +261,9 @@ function toolRowLine(block, theme, width, spinnerFrame, open = false) {
     const text = labelText + (detailText === '' ? '' : (descriptionLed ? '' : ROW_JOIN) + detailText) + (tailText === '' ? '' : ROW_JOIN);
     // A failure is the one line in a run that has to stay findable while scrolling
     // past, so its fact carries the error colour rather than the row's dim.
-    const tail = tailText === '' ? '' : block.status === 'error' ? theme.fg('error', tailText) : theme.dim(tailText);
+    const tail = tailText === '' ? '' : block.status === 'error' ? theme.fg('error', tailText)
+        : presentation.diffStats === undefined ? theme.dim(tailText)
+            : truncateToWidth(paintDiffStats(presentation.diffStats.added, presentation.diffStats.removed, theme), factRoom);
     return [padToWidth(truncateToWidth(head + theme.fg('muted', text) + tail, Math.max(1, width - 2)), width)];
 }
 /** Separator between a process subject and its outcome. */
@@ -336,7 +338,7 @@ function toolOutputLines(block, output, subject, theme, width) {
     return painted.flatMap(line => wrapTextStable(line, width));
 }
 /** Tool content shared by a running turn and a completed turn opened for reading. */
-function toolBlockLines(block, theme, width, mode = 'preview', detailsKey = 'Alt+O', surface = 'toolSuccessBg', showTitle = true) {
+function toolBlockLines(block, theme, width, mode = 'preview', detailsKey = 'Alt+O', showTitle = true) {
     const full = mode !== 'preview';
     const presentation = renderTool({
         name: block.name, arguments: prettyArgs(block.args), output: block.output,
@@ -449,7 +451,7 @@ function toolBlockLines(block, theme, width, mode = 'preview', detailsKey = 'Alt
             rows.push('');
         rows.push(...wrapTextStable(theme.fg(block.status === 'error' ? 'error' : 'muted', `Job ${block.job.id} · ${block.job.detail ?? block.job.status}`), room));
     }
-    const bg = !showTitle ? 'toolAltBg' : block.status === 'running' ? 'toolPendingBg' : block.status === 'error' ? 'toolErrorBg' : surface;
+    const bg = block.status === 'running' ? 'toolPendingBg' : block.status === 'error' ? 'toolErrorBg' : 'toolSuccessBg';
     return ['', ...rows, ''].map(row => paintSurface(theme, bg, 'toolOutput', padToWidth(' '.repeat(padding + nest) + row, width)));
 }
 function firstLineOf(text) {
@@ -484,7 +486,7 @@ function reasoningSummaryRow(block, theme, width) {
 function toolDisclosureLines(block, theme, width, open, detailsKey = 'Alt+O', spinnerFrame = 0, raw = false) {
     const rows = toolRowLine(block, theme, width, spinnerFrame, open);
     if (open)
-        rows.push(...toolBlockLines(block, theme, width, raw ? 'details' : 'full', detailsKey, 'toolAltBg', false));
+        rows.push(...toolBlockLines(block, theme, width, raw ? 'details' : 'full', detailsKey, false));
     return rows;
 }
 function reasoningDisclosureLines(block, theme, width, open, mathMode = 'auto') {