@wrongstack/tui 1.0.1 → 1.0.4

package/README.md

@@ -69,6 +69,9 @@ process.exit(exitCode);
 The wordmark and route label render in the brand gradient (orange → pink).
 
 - **History pane** — assistant text, tool calls, tool results, errors, turn summaries
+- **Tool-result density** — each committed tool card has copy / less / more controls;
+  choose the global `minimal`, `normal`, or bounded `full` default under
+  `/settings tool-result-view <mode>`
 - **Streaming text** — partial deltas render live; on abort, partial response is preserved
 - **Status bar** — model · provider · context-window % · YOLO chip · spinner
 - **Input box** — multi-line buffer with bracketed-paste detection, history (↑/↓), placeholder pills for attachments

package/dist/app-action-type.d.ts

@@ -9,7 +9,7 @@ import type { BrainLogEntry, BrainRiskLevel } from './brain-contracts.js';
 import type { BrainPanelSettings } from './brain-panel-model.js';
 import type { StatuslineItem } from './components/statusline-picker.js';
 import type { HistoryEntry } from './history-entry.js';
-import type { AuditLevel, CacheTtl, CompactorStrategy, ContextMode, LogLevel, ReasoningEffort, SettingsMode, SettingsPickerPatch, StatuslineMode } from './settings-contracts.js';
+import type { AuditLevel, CacheTtl, CompactorStrategy, ContextMode, LogLevel, ReasoningEffort, SettingsMode, SettingsPickerPatch, StatuslineMode, ToolResultViewMode } from './settings-contracts.js';
 import type { AutonomyOption, ChipMeta, HelpEntry, LiveSessionEntry, McpPickerItem, ModeOption, PluginPickerItem, ProjectPickerItem, PromptPickEntry, ProviderOption, ResourceMenuAction, ResourceMenuSnapshot, ShadowState, ToolPickerItem, WorktreeRow } from './ui-contracts.js';
 export type Action = {
     type: 'addEntry';
@@ -27,6 +27,17 @@ export type Action = {
     cursor: number;
 } | {
     type: 'clearInput';
+}
+/**
+ * Flip the composer into bash mode (`!` pressed on an empty draft): the
+ * input becomes a shell-command line and Enter runs it via the `!` path.
+ */
+ | {
+    type: 'bashModeEnter';
+}
+/** Leave bash mode and restore the normal chat composer. */
+ | {
+    type: 'bashModeExit';
 } | {
     type: 'clearHistory';
     model?: string | undefined;
@@ -63,6 +74,15 @@ export type Action = {
     type: 'copiedNotice';
     text: string;
     entryId: number | null;
+} | {
+    type: 'inspectOverlayOpen';
+    entryId: number;
+    entryIds?: readonly number[] | undefined;
+} | {
+    type: 'inspectOverlayClose';
+} | {
+    type: 'inspectOverlayScroll';
+    delta: number;
 } | {
     type: 'brainStatus';
     state: State['brain']['state'];
@@ -379,6 +399,7 @@ export type Action = {
     breakerEnabled: boolean;
     breakerAutoKillResetMs: number;
     showModelReasoning: boolean;
+    toolResultViewMode: ToolResultViewMode;
     showAgentSwarmPanel: import('./app-settings-type.js').AgentSwarmPanelMode;
     showSidebar?: boolean | undefined;
     panelPositions: import('./ui-contracts.js').PanelPositionMap;
@@ -417,6 +438,10 @@ export type Action = {
  | {
     type: 'settingsValueSet';
     patch: SettingsPickerPatch;
+} | {
+    type: 'toolResultViewSet';
+    entryIds: readonly number[];
+    mode: ToolResultViewMode;
 }
 /**
  * Update the live row-search filter. Empty string clears the filter.
@@ -659,6 +684,7 @@ export type Action = {
     view?: Extract<AuthPanelView, 'list' | 'oauth'> | undefined;
     providers?: AuthProviderRow[] | undefined;
     presets?: AuthLocalPresetRow[] | undefined;
+    oauthStrategies?: import('./auth-panel-model.js').AuthOAuthStrategyRow[] | undefined;
 } | {
     type: 'authClose';
 } | {

package/dist/app-key-handler.d.ts

@@ -44,7 +44,9 @@ interface AppKeyHandlerOptions {
         cursor: number;
     }>;
     setDraft: (buffer: string, cursor: number) => void;
-    submit: () => void;
+    /** Submits the composer. `overrideRaw` bypasses the buffer (bash mode
+     *  forwards its draft through the `!` shell path this way). */
+    submit: (overrideRaw?: string) => void;
     mouseMode: boolean;
     termRows: number;
     terminalColumns: number;

package/dist/app-settings-type.d.ts

@@ -2,6 +2,7 @@ import type { FleetChatVerbosity, TokenSavingTier } from '@wrongstack/core/types
 import type { AgentSwarmPanelMode, CacheTtl, ContextMode, ReasoningEffort, StatuslineMode } from './settings-contracts.js';
 export type { PanelId, PanelPosition, PanelPositionMap } from './ui-contracts.js';
 export { coercePanelPositionMap, DEFAULT_PANEL_POSITIONS, PANEL_IDS, } from './ui-contracts.js';
+import type { ToolResultViewMode } from './tool-result-view-mode.js';
 import type { PanelPositionMap } from './ui-contracts.js';
 export type { AgentSwarmPanelMode } from './settings-contracts.js';
 /**
@@ -72,6 +73,8 @@ export type Settings = {
     /** Single word shown in the TUI rainbow working-state chip. */
     thinkingWord: string;
     showModelReasoning: boolean;
+    /** Default presentation density for committed TUI tool results. */
+    toolResultViewMode?: ToolResultViewMode | undefined;
     /** Agent swarm panel placement: 'bottom' (lower region), 'sidebar' (right
      *  sidebar, vertical), or 'off' (hidden). Default: 'bottom'.
      *  Backward-compat: old boolean configs are coerced — true→'bottom', false→'off'. */

package/dist/app-state.d.ts

@@ -9,7 +9,7 @@ import type { BrainPanelSettings } from './brain-panel-model.js';
 import type { HistoryEntry } from './history-entry.js';
 import type { TuiHistoryBudget } from './history-retention.js';
 import type { ResumeLoadState } from './resume-load.js';
-import type { AuditLevel, CacheTtl, CompactorStrategy, ContextMode, LogLevel, ReasoningEffort, SettingsMode, StatuslineMode } from './settings-contracts.js';
+import type { AuditLevel, CacheTtl, CompactorStrategy, ContextMode, LogLevel, ReasoningEffort, SettingsMode, StatuslineMode, ToolResultViewMode } from './settings-contracts.js';
 import type { AutonomyOption, ChipMeta, HelpEntry, LiveSessionEntry, McpPickerItem, ModeOption, PanelPositionMap, PluginPickerItem, ProjectPickerItem, PromptPickEntry, ProviderOption, RefineFailureDecision, RefineFailureModel, ResourceMenuAction, ResourceMenuSnapshot, SendMode, ShadowState, StatuslineItem, ToolPickerItem, WorktreeRow } from './ui-contracts.js';
 export type { Settings } from './app-settings-type.js';
 export type { DraftEntry, GoalSummary, QueueItem, ResumeSessionEntry, SlashCommandMatch, } from './app-state-core-types.js';
@@ -62,6 +62,14 @@ export type State = {
     resumeLoad: ResumeLoadState | null;
     buffer: string;
     cursor: number;
+    /**
+     * Bash mode: the composer is dedicated to shell commands. Entered by
+     * pressing `!` on an empty draft, exited by Esc / Backspace-on-empty (or a
+     * successful run). While on, Enter submits the draft through the `!` shell
+     * path (`/dev`) instead of sending it to the model, and the composer rail
+     * relabels itself so the mode is unmistakable.
+     */
+    bashMode: boolean;
     streamingText: string;
     /**
      * Live tail of the currently streaming tool's stdout/progress text. Mirrors
@@ -104,21 +112,28 @@ export type State = {
         partialAssistantText: string;
     } | null;
     hint: string;
+    /** Transient clipboard confirmation; separate from competing hint producers. */
+    copiedNotice: string;
+    /** Card whose copy icon should flash; null means no highlighted card. */
+    copiedEntryId: number | null;
     /**
-     * Transient "Copied" confirmation shown when a chat card's copy icon is
-     * clicked and its content lands on the clipboard. Separate from `hint` so it
-     * takes precedence over the running-tools indicator (copying tool output
-     * mid-run is a prime use case) and never races another hint producer. Empty
-     * string = no notice. Auto-cleared by a host timer.
+     * Tool-result inspect overlay. Holds the clicked card's ids; the view
+     * resolves the full (untruncated) payload from live history / stream.
+     * Null when closed.
      */
-    copiedNotice: string;
+    inspectOverlay: {
+        entryId: number;
+        entryIds?: readonly number[] | undefined;
+        scroll: number;
+    } | null;
     /**
-     * Entry id of the card whose copy icon was just clicked, so ScrollableHistory
-     * can flash that specific icon in the success color while the "Copied" notice
-     * is active. `null` = no card highlighted. Set and cleared in lockstep with
-     * `copiedNotice`.
+     * Per-card tool-result density overrides, keyed by immutable history id.
+     * These are presentation-only: the retained/canonical payload is untouched,
+     * so expanding after a compact render never loses data. Changing the global
+     * menu setting or clearing the session drops every local override.
+     * Group controls write the same override to each member id.
      */
-    copiedEntryId: number | null;
+    toolResultViewOverrides: ReadonlyMap<number, ToolResultViewMode>;
     brain: {
         state: 'idle' | 'deciding' | 'answered' | 'ask_human' | 'denied';
         source?: string | undefined;
@@ -340,6 +355,8 @@ export type State = {
          * (API-level provisioning). Default: true.
          */
         showModelReasoning: boolean;
+        /** Global default for all committed tool-result cards. */
+        toolResultViewMode: ToolResultViewMode;
         /** Agent swarm panel placement: 'bottom' (lower region), 'sidebar' (right sidebar), or 'off'. Default: 'bottom'. */
         showAgentSwarmPanel: import('./app-settings-type.js').AgentSwarmPanelMode;
         /** Right sidebar visibility (mirrors Settings.showSidebar). Default: true. */

package/dist/auth-panel-model.d.ts

@@ -36,7 +36,15 @@ export interface AuthLocalPresetRow {
     noAuth: boolean;
     hint: string;
 }
-export type AuthOAuthKind = 'chatgpt' | 'claude' | 'copilot';
+/** UI-safe interactive-login descriptor supplied by the CLI host. */
+export interface AuthOAuthStrategyRow {
+    id: string;
+    providerId: string;
+    label: string;
+    description?: string | undefined;
+}
+/** Strategy ids are runtime-extensible. */
+export type AuthOAuthKind = string;
 /**
  * Bridge the CLI flows use to talk to the panel while a flow runs.
  * `prompt` REJECTS when the user cancels (Esc) — flows treat a thrown
@@ -120,6 +128,7 @@ export interface AuthPanelHost {
     listProviders(): Promise<AuthProviderRow[]>;
     listCatalog(): Promise<AuthCatalogRow[]>;
     localPresets(): AuthLocalPresetRow[];
+    oauthStrategies?: (() => AuthOAuthStrategyRow[]) | undefined;
     setActiveKey(providerId: string, label: string): Promise<string | null>;
     deleteKey(providerId: string, label: string): Promise<string | null>;
     removeProvider(providerId: string): Promise<string | null>;
@@ -198,6 +207,7 @@ export interface AuthPanelState {
     hint?: string | undefined;
     providers: AuthProviderRow[];
     presets: AuthLocalPresetRow[];
+    oauthStrategies?: AuthOAuthStrategyRow[] | undefined;
     catalog: AuthCatalogRow[];
     /** Cursor index into `authPanelRows(state)` for the current view. */
     selected: number;
@@ -295,7 +305,7 @@ export type AuthPanelRow = {
     preset: AuthLocalPresetRow;
 } | {
     kind: 'oauth-option';
-    oauth: AuthOAuthKind;
+    oauth: AuthOAuthStrategyRow;
 } | {
     kind: 'form-field';
     field: AuthFormFieldId;

package/dist/components/history/copy-geometry.d.ts

@@ -1,3 +1,10 @@
+/**
+ * Copy-hit geometry helpers — pure functions for resolving copy-icon targets
+ * in viewport coordinates.
+ *
+ * Extracted from scrollable-history.tsx.
+ */
+import type { ToolResultViewMode } from '../../tool-result-view-mode.js';
 import type { HistoryEntry } from './index.js';
 /**
  * A clickable copy-icon target resolved in viewport coordinates during the
@@ -13,7 +20,30 @@ export interface CopyHit {
     startRow: number;
     endRow: number;
     iconCol: number;
+    /**
+     * Column of the inspect glyph when this card can open the detail overlay
+     * (tools and the live tool stream). Absent for non-tool cards.
+     */
+    inspectCol?: number | undefined;
+    /** Present only for committed tool cards/groups that expose −/+ controls. */
+    toolEntryIds?: readonly number[] | undefined;
+    toolViewMode?: ToolResultViewMode | undefined;
+    /** History-band columns for the spaced `▲  ▼` controls. */
+    lessCol?: number | undefined;
+    moreCol?: number | undefined;
 }
+/**
+ * Resolve a click on a committed tool card's view-mode control.
+ *
+ * The control spans {@link VIEW_CONTROL_HIT_WIDTH} cells, not one: an exact
+ * single-column match on a one-row header is a target the user cannot
+ * reliably hit even when the column is right (and it was not — the columns
+ * used to be hard-coded one cell left of the glyphs).
+ */
+export declare function findToolViewControl(hits: readonly CopyHit[], row: number, col: number): {
+    hit: CopyHit;
+    delta: -1 | 1;
+} | null;
 /** Sentinel returned after copying the active, non-retained tool-stream box. */
 export declare const LIVE_TOOL_STREAM_COPY_ID = -1;
 /** Sentinel returned after copying a drag-select-then-right-click selection.
@@ -28,11 +58,22 @@ export declare const SELECTION_COPY_ID = -2;
  * the most recently rendered card. Exported-shape pure helper for unit tests.
  */
 export declare function findCopyHit(hits: readonly CopyHit[], row: number, col: number): CopyHit | null;
+/** Resolve the inspect-icon target under a viewport cell, or null. */
+export declare function findInspectHit(hits: readonly CopyHit[], row: number, col: number): CopyHit | null;
 /** Resolve a hit to the complete current clipboard payload without performing I/O. */
 export declare function resolveCopyPayload(hit: CopyHit, entriesById: ReadonlyMap<number, HistoryEntry>, liveToolText?: string | undefined): {
     entryId: number;
     text: string;
 } | null;
+/** Resolve a hit to the inspect overlay payload (title + full body). */
+export declare function resolveInspectPayload(hit: CopyHit, entriesById: ReadonlyMap<number, HistoryEntry>, liveTool?: {
+    name: string;
+    text: string;
+} | undefined): {
+    entryId: number;
+    title: string;
+    body: string;
+} | null;
 /**
  * Rows clipped from the top of the mounted history stack before it appears in
  * the viewport. Scrolled frames clip by the anchor's row offset; pinned frames

package/dist/components/history/copy-icon.d.ts

@@ -11,6 +11,17 @@ export declare const COPY_ICON = "\u274F";
  * the mouse handler treats the icon column plus this span as the target.
  */
 export declare const COPY_ICON_WIDTH = 1;
+/**
+ * Inspect affordance (U+2315). Same single-cell contract as COPY_ICON.
+ * A blank column sits between copy and this glyph so the two hits are
+ * not adjacent.
+ */
+export declare const INSPECT_ICON = "\u2315";
+export declare const INSPECT_ICON_WIDTH = 1;
+/** Blank cells between the copy glyph and the inspect glyph. */
+export declare const INSPECT_ICON_GAP = 1;
+/** History-band column of inspect relative to the copy column. */
+export declare const INSPECT_COL_OFFSET: number;
 /**
  * Return the most useful lossless clipboard representation for any retained
  * history card. Text cards preserve their original text, pasted user cards use
@@ -22,4 +33,10 @@ export declare function copyableTextForEntry(entry: HistoryEntry): string;
 export declare function copyableTextForEntries(entries: readonly HistoryEntry[]): string;
 /** Every retained history entry has either natural text or a raw JSON fallback. */
 export declare function isCopyableEntry(_entry: HistoryEntry): boolean;
+/** Tool cards (and live tool streams) expose the inspect overlay. */
+export declare function isInspectableEntry(entry: HistoryEntry): boolean;
+/** Full inspect document: status, input, and the canonical untruncated result. */
+export declare function inspectTextForEntry(entry: HistoryEntry): string;
+export declare function inspectTextForEntries(entries: readonly HistoryEntry[]): string;
+export declare function inspectTitleForEntries(entries: readonly HistoryEntry[]): string;
 //# sourceMappingURL=copy-icon.d.ts.map

package/dist/components/history/copy-registry.d.ts

@@ -1,4 +1,5 @@
 import type { EntryHeightCache } from '../../height-cache.js';
+import type { ToolResultViewMode } from '../../tool-result-view-mode.js';
 import type { CopyHit } from './copy-geometry.js';
 import { type RenderGroup } from './tool-group.js';
 interface CopyRegistry {
@@ -24,6 +25,7 @@ export declare function buildCopyRegistry(opts: {
     iconCol: number;
     showModelReasoning?: boolean | undefined;
     liveToolVisible: boolean;
+    viewModeForEntry?: ((entryId: number) => ToolResultViewMode) | undefined;
 }): CopyRegistry;
 export {};
 //# sourceMappingURL=copy-registry.d.ts.map

package/dist/components/history/entry-helpers.d.ts

@@ -6,6 +6,12 @@ import type { HistoryEntry } from './types.js';
  * and count the rest; the side panel keeps the full set.
  */
 export declare const MAX_MEMORY_PROOF_ROWS = 4;
+/** Shared open left-rail used by transcript cards (user, thinking, error, …). */
+export declare function HistoryRail({ color, marginY, children, }: {
+    color: string;
+    marginY?: number;
+    children: React.ReactNode;
+}): React.ReactElement;
 /**
  * Render the signed score contributions as `metadata 0.72×0.48 +0.34 │ …`.
  * Uses U+2212 for negatives so a minus is not mistaken for a hyphen inside
@@ -46,23 +52,9 @@ export declare function memoryLifecycleStyle(action: Extract<HistoryEntry, {
 }>['action']): {
     icon: string;
     color: string;
+    title: string;
 };
 export declare function brainRiskColor(risk: Extract<HistoryEntry, {
     kind: 'brain';
 }>['risk']): string;
-/**
- * Full-bordered notice card for `warn`/`error` entries. A rounded box with an
- * icon + label header in the accent color and the message body below, wrapped
- * to the terminal width and split across lines so multi-line diagnostics stay
- * readable instead of overflowing a single-line strip. Slash-command output
- * is normalized before it reaches Ink so cursor/control sequences can never
- * paint outside the notice card's measured geometry.
- */
-export declare function NoticeCard({ icon, label, color, text, termWidth, }: {
-    icon: string;
-    label: string;
-    color: string;
-    text: string;
-    termWidth: number;
-}): React.ReactElement;
 //# sourceMappingURL=entry-helpers.d.ts.map

package/dist/components/history/entry.d.ts

@@ -1,8 +1,9 @@
 import type { TodoItem } from '@wrongstack/core/agent';
 import React from 'react';
+import type { ToolResultViewMode } from '../../tool-result-view-mode.js';
 import type { HistoryEntry } from './types.js';
 export { councilHeadline, councilSeatLine } from './entry-helpers.js';
-export declare const Entry: React.MemoExoticComponent<({ entry, termWidth, termHeight, setSuggestions, autonomyMode, multiDiffSummaryThreshold, todos, showModelReasoning, showSageMemoryInject, }: {
+export declare const Entry: React.MemoExoticComponent<({ entry, termWidth, termHeight, setSuggestions, autonomyMode, multiDiffSummaryThreshold, todos, showModelReasoning, showSageMemoryInject, toolResultViewMode, }: {
     entry: HistoryEntry;
     termWidth: number;
     /** Available managed-history rows; used by height-aware entries such as the banner. */
@@ -29,5 +30,6 @@ export declare const Entry: React.MemoExoticComponent<({ entry, termWidth, termH
      * Default: false.
      */
     showSageMemoryInject?: boolean | undefined;
+    toolResultViewMode?: ToolResultViewMode | undefined;
 }) => React.ReactElement | null>;
 //# sourceMappingURL=entry.d.ts.map

package/dist/components/history/index.d.ts

@@ -16,5 +16,5 @@ export { AssistantStreamBox, assistantStreamBoxHeight, countLines, firstNonEmpty
  * primitives or stable reducer references, so default shallow
  * comparison is sufficient.
  */
-export declare const History: React.MemoExoticComponent<({ entries, generation, toolStream, setSuggestions, autonomyMode, multiDiffSummaryThreshold, todos, showModelReasoning, showSageMemoryInject, }: HistoryProps) => React.ReactElement>;
+export declare const History: React.MemoExoticComponent<({ entries, generation, toolStream, setSuggestions, autonomyMode, multiDiffSummaryThreshold, todos, showModelReasoning, showSageMemoryInject, toolResultViewMode, toolResultViewOverrides, }: HistoryProps) => React.ReactElement>;
 //# sourceMappingURL=index.d.ts.map

package/dist/components/history/sage-memory-block.d.ts

@@ -1,17 +1,16 @@
 import type React from 'react';
+/** Header the SAGE inject panel and its height estimator share. */
+export declare function sageInjectTitle(toolName: string, count: number, stats?: string): string;
 /**
  * Compact magenta-bordered panel rendering SAGE memory-injection lines
  * appended to a tool result. Renders nothing when `sageLines` is empty.
  *
  * Layout:
  *
- *   ┌ 🧠 SAGE MEMORY INJECTED · <tool>  N memories ────────────────┐
- *   │ [kind][importance]                                                │
- *   │     text body (wrapped to panel width)                            │
- *   │     id: mem_…  anchor: pkg/path  relation: about_file            │
- *   │     tags: t1, t2, t3                                              │
- *   │ [next memory …]                                                    │
- *   └────────────────────────────────────────────────────────────────────┘
+ *   │ 🧠 SAGE · <tool>  N memories
+ *   │ [kind][importance]
+ *   │     text body
+ *   │     id / anchor / relation / tags
  *
  * Each memory is parsed by `parseSageMemoryLine` and rendered as key/value
  * rows instead of the raw `[kind] <memory id="…">text</memory> (anchor) […]`
@@ -24,8 +23,7 @@ export declare function SageMemoryBlock({ sageLines, toolName, stats, compact, }
     stats?: string | undefined;
     /**
      * Compact (opt-in): one magenta chip with count + first preview.
-     * Full (default): bordered panel with every memory row. The bordered form
-     * is the canonical SAGE surface and is asserted by every render test in
+     * Full (default): left-rail panel with every memory row. Asserted by
      * `tests/glob-sage-render.test.tsx` and `tests/sage-memory-block-render.test.tsx`.
      */
     compact?: boolean | undefined;

package/dist/components/history/scroll-controller-types.d.ts

@@ -34,6 +34,11 @@ export interface HistoryScrollController {
      * coordinate contract.
      */
     hasCopyTargetAt(row: number, col: number): boolean;
+    /**
+     * True when the viewport cell lands on a tool card's inspect icon.
+     * Same `row`/`col` contract as {@link hasCopyTargetAt}.
+     */
+    hasInspectTargetAt(row: number, col: number): boolean;
     /**
      * Handle a left-click inside the history viewport. `row` is 0-based from the
      * viewport top; `col` is 0-based from the LEFT EDGE OF THE HISTORY BAND, not
@@ -45,6 +50,16 @@ export interface HistoryScrollController {
      * entry id is returned; otherwise returns null.
      */
     copyAtViewportCell(row: number, col: number): Promise<number | null>;
+    /**
+     * Resolve the inspect target for the cell, or null on a miss.
+     * The host opens the overlay; the view loads the full payload from live state.
+     */
+    inspectAtViewportCell(row: number, col: number): {
+        entryId: number;
+        entryIds?: readonly number[];
+    } | null;
+    /** Activate a committed tool card's −/+ control. */
+    activateToolViewControlAt(row: number, col: number): boolean;
     /**
      * Begin a drag-to-select gesture at `row`,`col` (history-band viewport cell).
      * The cell must be inside a card's row range and inside the rendered band
@@ -66,7 +81,7 @@ export interface HistoryScrollController {
      * Copy contract (block-based): the selection rect only decides WHICH
      * blocks it touches — every touched block is copied in full via
      * copyableTextForEntry (the same payload the copy icon writes), so inline
-     * chrome (card gutter, `👤 USER  ` label, `ℹ ` icon) neither leaks into
+     * chrome (card gutter, `▸ USER  ` label, `· ` icon) neither leaks into
      * nor offsets the payload. Columns still drive the GESTURE: band bounds
      * (`isOutOfBand`), the highlight band, and the drag-vs-click distinction
      * (a zero-size selection commits nothing).

package/dist/components/history/scrollbar-rail.d.ts

@@ -1,8 +1,7 @@
 /**
- * Right-edge rail for the managed viewport. Its first column is the copy icon
- * (or blank), the second is a visual gap, and the third is the scrollbar track.
- * All three columns are always reserved, so copy affordances and scrollability
- * never reflow chat content.
+ * Right-edge rail for the managed viewport: copy, inspect, selection band,
+ * and scrollbar track. Columns are always reserved, so affordances never
+ * reflow chat content.
  *
  * The gap column doubles as the drag-selection highlight band: while a drag is
  * in progress, the subscribing component re-renders ONLY this rail (via

package/dist/components/history/stream-box.d.ts

@@ -4,6 +4,13 @@ export declare const MAX_STREAM_DISPLAY_CHARS = 480;
 export declare function assistantStreamBoxHeight(): number;
 /** Fixed layout height of the live tool-stream tail for scroll-range math. */
 export declare function toolStreamBoxHeight(name: string): number;
+/** A started tool without partial output occupies one stable live-tail row. */
+export declare function toolPendingLineHeight(): number;
+export declare const ToolPendingLine: React.MemoExoticComponent<({ name, startedAt, termWidth, }: {
+    name: string;
+    startedAt: number;
+    termWidth: number;
+}) => React.ReactElement>;
 /**
  * Build the CONSTANT-height content block for the live tool-stream box: always
  * exactly `maxLines` rows, newest-pinned-to-bottom, every line truncated to

package/dist/components/history/tool-card-geometry.d.ts

@@ -0,0 +1,35 @@
+/**
+ * Shared geometry for the committed tool card / tool group header.
+ *
+ * The header is rendered as a single `<Text>` run but hit-tested by column in
+ * `copy-registry.ts`, so the two MUST agree on where the ▲ / ▼ view-mode
+ * controls sit. They did not: the registry hard-coded columns 2 and 5 while
+ * the glyphs render at 3 and 6 (the card lead is three cells), so a click on
+ * either triangle landed one cell left of the glyph and did nothing. Both
+ * sides now derive their columns from the strings below — the same
+ * render/hit-test single-source pattern the status-bar chips use.
+ */
+/** Card lead for a card that owns a body (`hasBody`), and for a closed one. */
+export declare const CARD_LEAD_OPEN = "\u256D\u2500 ";
+export declare const CARD_LEAD_CLOSED = "\u2514\u2500 ";
+/** "Show less" (▲) and "show more" (▼) controls: glyph plus two spaces. */
+export declare const VIEW_CONTROL_LESS = "\u25B2  ";
+export declare const VIEW_CONTROL_MORE = "\u25BC  ";
+export declare const VIEW_CONTROL_PREFIX = "\u25B2  \u25BC  ";
+/**
+ * Clickable width of one control: the glyph plus one trailing space. A
+ * one-cell-wide target in a one-row-tall header is unforgiving enough that a
+ * correct column still feels broken. The SECOND trailing space is
+ * deliberately excluded so a dead cell separates the two controls and a
+ * slightly-right click on ▲ can never fire ▼.
+ */
+export declare const VIEW_CONTROL_HIT_WIDTH = 2;
+/**
+ * 0-based history-band columns of the two controls. Both card leads are the
+ * same width, so the columns do not depend on `hasBody` or view mode.
+ */
+export declare function viewControlColumns(): {
+    lessCol: number;
+    moreCol: number;
+};
+//# sourceMappingURL=tool-card-geometry.d.ts.map

package/dist/components/history/tool-card.d.ts

@@ -1,4 +1,5 @@
 import type React from 'react';
+import type { ToolResultViewMode } from '../../tool-result-view-mode.js';
 interface ToolCardProps {
     glyph: string;
     color: string;
@@ -9,6 +10,7 @@ interface ToolCardProps {
     termWidth: number;
     hasBody: boolean;
     children?: React.ReactNode;
+    viewMode?: ToolResultViewMode | undefined;
 }
 /**
  * Shared terminal-native anatomy for committed tool results. The open left
@@ -16,6 +18,6 @@ interface ToolCardProps {
  * heavy full-width modal, while the compact header makes tool/state/timing
  * easy to scan in long transcripts.
  */
-export declare function ToolCard({ glyph, color, title, detail, meta, ok, termWidth, hasBody, children, }: ToolCardProps): React.ReactElement;
+export declare function ToolCard({ glyph, color, title, detail, meta, ok, termWidth, hasBody, children, viewMode, }: ToolCardProps): React.ReactElement;
 export {};
 //# sourceMappingURL=tool-card.d.ts.map

package/dist/components/history/tool-entry.d.ts

@@ -1,11 +1,13 @@
 import type React from 'react';
+import type { ToolResultViewMode } from '../../tool-result-view-mode.js';
 import type { HistoryEntry } from './types.js';
-export declare function ToolEntry({ entry, termWidth, multiDiffSummaryThreshold, showSageMemoryInject, }: {
+export declare function ToolEntry({ entry, termWidth, multiDiffSummaryThreshold, showSageMemoryInject, viewMode, }: {
     entry: Extract<HistoryEntry, {
         kind: 'tool';
     }>;
     termWidth: number;
     multiDiffSummaryThreshold?: number | undefined;
     showSageMemoryInject?: boolean | undefined;
+    viewMode?: ToolResultViewMode | undefined;
 }): React.ReactElement;
 //# sourceMappingURL=tool-entry.d.ts.map

package/dist/components/history/tool-group.d.ts

@@ -15,6 +15,7 @@
  * isolated tool entries pass through unchanged.
  */
 import type React from 'react';
+import type { ToolResultViewMode } from '../../tool-result-view-mode.js';
 import type { HistoryEntry } from './types.js';
 export interface ToolGroupData {
     /** Shared tool name (e.g. "read", "bash", "grep"). */
@@ -38,13 +39,13 @@ export type RenderGroup = {
 /** Stable id used by the height cache and React keys for a render group. */
 export declare function renderGroupId(group: RenderGroup): number;
 /** Conservative, bounded row estimate used before a group is measured. */
-export declare function estimateRenderGroupRows(group: RenderGroup, contentWidth: number, showSageMemoryInject?: boolean): number;
+export declare function estimateRenderGroupRows(group: RenderGroup, contentWidth: number, showSageMemoryInject?: boolean, viewMode?: ToolResultViewMode): number;
 /**
  * Walk entries and merge consecutive same-tool entries into bounded groups.
  * Non-tool entries and isolated tool entries (no consecutive sibling)
  * remain as individual items.
  */
-export declare function groupEntries(entries: readonly HistoryEntry[]): RenderGroup[];
+export declare function groupEntries(entries: readonly HistoryEntry[], viewModeForEntry?: (entryId: number) => ToolResultViewMode): RenderGroup[];
 /**
  * Render a group of consecutive same-tool entries.
  *
@@ -59,9 +60,10 @@ export declare function groupEntries(entries: readonly HistoryEntry[]): RenderGr
  * Each sub-entry is rendered as a compact list item with its index,
  * arg summary, timing, and a single-line output preview.
  */
-declare function ToolGroupImpl({ data, termWidth, }: {
+declare function ToolGroupImpl({ data, termWidth, viewMode, }: {
     data: ToolGroupData;
     termWidth: number;
+    viewMode?: ToolResultViewMode | undefined;
 }): React.ReactElement;
 /**
  * One render group of compacted tool calls.

package/dist/components/history/types.d.ts

@@ -1,6 +1,7 @@
 import type { TodoItem } from '@wrongstack/core/agent';
 import type { Lang } from '../../highlight.js';
 import type { HistoryEntry } from '../../history-entry.js';
+import type { ToolResultViewMode } from '../../tool-result-view-mode.js';
 export type { AutonomyAgentStatus, HistoryEntry, MemoryActivationItem, } from '../../history-entry.js';
 export interface HistoryProps {
     entries: HistoryEntry[];
@@ -64,6 +65,10 @@ export interface HistoryProps {
      * Default: false.
      */
     showSageMemoryInject?: boolean | undefined;
+    /** Global default; individual entry ids may override it. */
+    toolResultViewMode?: ToolResultViewMode | undefined;
+    toolResultViewOverrides?: ReadonlyMap<number, ToolResultViewMode> | undefined;
+    onToolResultViewChange?: ((entryIds: readonly number[], mode: ToolResultViewMode) => void) | undefined;
 }
 export interface BodySegment {
     type: 'prose' | 'code';

package/dist/components/history/use-history-controller.d.ts

@@ -1,4 +1,5 @@
 import { type ScrollAnchor, type ScrollGeometry } from '../../scroll-anchor.js';
+import type { ToolResultViewMode } from '../../tool-result-view-mode.js';
 import type { CopyHit } from './copy-geometry.js';
 import type { HistoryScrollController } from './scroll-controller-types.js';
 import type { MountedCardSpan } from './scrollbar-geometry.js';
@@ -54,6 +55,7 @@ interface UseHistoryControllerOptions {
     controllerRef?: {
         current: HistoryScrollController | null;
     } | undefined;
+    onToolResultViewChange?: ((entryIds: readonly number[], mode: ToolResultViewMode) => void) | undefined;
 }
 export declare function useHistoryController(opts: UseHistoryControllerOptions): {
     controller: HistoryScrollController;