@deepseek-harness-tui/dsh-tui 0.6.0 → 0.7.0

package/lib/types/components/design-system/ThemedBox.d.ts

@@ -30,7 +30,7 @@ export type Props = BaseStylesWithoutColors & ThemedColorProps & {
 };
 /**
  * Theme-aware Box component that resolves theme color keys to raw colors
- * (ported from the leak's design-system).
+ * (in the Claude Code visual language).
  */
 declare function ThemedBox({ borderColor, borderTopColor, borderBottomColor, borderLeftColor, borderRightColor, backgroundColor, ...rest }: PropsWithChildren<Props>): React.ReactNode;
 export default ThemedBox;

package/lib/types/components/design-system/ThemedBox.js

@@ -16,7 +16,7 @@ function resolveColor(color, theme) {
 }
 /**
  * Theme-aware Box component that resolves theme color keys to raw colors
- * (ported from the leak's design-system).
+ * (in the Claude Code visual language).
  */
 function ThemedBox({ borderColor, borderTopColor, borderBottomColor, borderLeftColor, borderRightColor, backgroundColor, ...rest }) {
     const [themeName] = useTheme();

package/lib/types/components/design-system/ThemedText.d.ts

@@ -3,7 +3,7 @@ import type { Color, Styles } from '../../ink/styles.js';
 import { type Theme } from '../../theme.js';
 /**
  * Colors uncolored ThemedText in the subtree. Precedence: explicit `color` >
- * this > dimColor (ported from the leak's design-system, where message rows
+ * this > dimColor (in the Claude Code visual language, where message rows
  * set it to `text` on hover).
  */
 export declare const TextHoverColorContext: React.Context<keyof Theme | undefined>;
@@ -49,7 +49,7 @@ export type Props = {
 };
 /**
  * Theme-aware Text component that resolves theme color keys to raw colors
- * (ported from the leak's design-system). This is what lets every ported CC
+ * (in the Claude Code visual language). This is what lets every ported CC
  * component use `color="subtle"`-style theme keys unchanged.
  */
 export default function ThemedText({ color, backgroundColor, dimColor, bold, italic, underline, strikethrough, inverse, wrap, children, }: Props): React.ReactNode;

package/lib/types/components/design-system/ThemedText.js

@@ -5,7 +5,7 @@ import { getTheme } from '../../theme.js';
 import { useTheme } from './ThemeProvider.js';
 /**
  * Colors uncolored ThemedText in the subtree. Precedence: explicit `color` >
- * this > dimColor (ported from the leak's design-system, where message rows
+ * this > dimColor (in the Claude Code visual language, where message rows
  * set it to `text` on hover).
  */
 export const TextHoverColorContext = React.createContext(undefined);
@@ -25,7 +25,7 @@ function resolveColor(color, theme) {
 }
 /**
  * Theme-aware Text component that resolves theme color keys to raw colors
- * (ported from the leak's design-system). This is what lets every ported CC
+ * (in the Claude Code visual language). This is what lets every ported CC
  * component use `color="subtle"`-style theme keys unchanged.
  */
 export default function ThemedText({ color, backgroundColor, dimColor = false, bold = false, italic = false, underline = false, strikethrough = false, inverse = false, wrap = 'wrap', children, }) {

package/lib/types/components/listWindow.d.ts

@@ -0,0 +1,26 @@
+/**
+ * 焦点居中的列表窗口：长列表只渲染焦点附近的一段，保证焦点行始终可见。
+ * 瞬态面板走 OverlayAbove 零高度浮层后，超高部分会被 overflow 裁掉且焦点
+ * 可能落在被裁区（P1 审查实证：30 行终端 30 个模型时焦点在索引 0 完全不
+ * 可见），窗口化是硬要求。
+ *
+ * 按**行**而非项数预算：ListItem 带 description 时占两行（正文 + 描述），
+ * 容器还可能有 gap 空行——只数项数会把焦点裁出屏外（二次审查实证：每项
+ * 一行描述时索引 0 仍不可见）。调用方须保证每项行高固定（ListItem 对字符
+ * 串内容 truncate + 压平换行后恒为 1 + (description ? 1 : 0) 行）。
+ *
+ * 扩展策略：从焦点项出发向两侧交替扩张，优先补累计行数较少的一侧（焦点
+ * 大致居中）；任一侧再加会超预算或已到边界时停。焦点项本身超过 maxRows
+ * 时仍单独返回焦点项——焦点可见性优先于预算。
+ *
+ * @param heights - 每项的固定行高（≥1）。
+ * @param focusIndex - 键盘焦点项下标（越界自动 clamp）。
+ * @param maxRows - 列表区可用行数（终端高减去浮层预留与面板框架行）。
+ * @param gap - 相邻项之间的空行数（容器 gap，如 HistorySearchDialog 的 1）。
+ * @returns [start, end) 切片区间。
+ */
+export declare function listWindow(heights: readonly number[], focusIndex: number, maxRows: number, gap?: number): {
+    start: number;
+    end: number;
+};
+//# sourceMappingURL=listWindow.d.ts.map

package/lib/types/components/listWindow.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"listWindow.d.ts","sourceRoot":"","sources":["../../../src/components/listWindow.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,wBAAgB,UAAU,CACxB,OAAO,EAAE,SAAS,MAAM,EAAE,EAC1B,UAAU,EAAE,MAAM,EAClB,OAAO,EAAE,MAAM,EACf,GAAG,SAAI,GACN;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,GAAG,EAAE,MAAM,CAAA;CAAE,CAsBhC"}

package/lib/types/components/listWindow.js

@@ -0,0 +1,47 @@
+/**
+ * 焦点居中的列表窗口：长列表只渲染焦点附近的一段，保证焦点行始终可见。
+ * 瞬态面板走 OverlayAbove 零高度浮层后，超高部分会被 overflow 裁掉且焦点
+ * 可能落在被裁区（P1 审查实证：30 行终端 30 个模型时焦点在索引 0 完全不
+ * 可见），窗口化是硬要求。
+ *
+ * 按**行**而非项数预算：ListItem 带 description 时占两行（正文 + 描述），
+ * 容器还可能有 gap 空行——只数项数会把焦点裁出屏外（二次审查实证：每项
+ * 一行描述时索引 0 仍不可见）。调用方须保证每项行高固定（ListItem 对字符
+ * 串内容 truncate + 压平换行后恒为 1 + (description ? 1 : 0) 行）。
+ *
+ * 扩展策略：从焦点项出发向两侧交替扩张，优先补累计行数较少的一侧（焦点
+ * 大致居中）；任一侧再加会超预算或已到边界时停。焦点项本身超过 maxRows
+ * 时仍单独返回焦点项——焦点可见性优先于预算。
+ *
+ * @param heights - 每项的固定行高（≥1）。
+ * @param focusIndex - 键盘焦点项下标（越界自动 clamp）。
+ * @param maxRows - 列表区可用行数（终端高减去浮层预留与面板框架行）。
+ * @param gap - 相邻项之间的空行数（容器 gap，如 HistorySearchDialog 的 1）。
+ * @returns [start, end) 切片区间。
+ */
+export function listWindow(heights, focusIndex, maxRows, gap = 0) {
+    if (heights.length === 0)
+        return { start: 0, end: 0 };
+    const focus = Math.min(Math.max(focusIndex, 0), heights.length - 1);
+    let start = focus;
+    let end = focus + 1;
+    let upUsed = 0;
+    let downUsed = 0;
+    for (;;) {
+        const up = start > 0 ? gap + heights[start - 1] : Number.POSITIVE_INFINITY;
+        const down = end < heights.length ? gap + heights[end] : Number.POSITIVE_INFINITY;
+        const used = heights[focus] + upUsed + downUsed;
+        const canUp = used + up <= maxRows;
+        const canDown = used + down <= maxRows;
+        if (!canUp && !canDown)
+            return { start, end };
+        if (canUp && (!canDown || upUsed <= downUsed)) {
+            start -= 1;
+            upUsed += up;
+        }
+        else {
+            end += 1;
+            downUsed += down;
+        }
+    }
+}

package/lib/types/components/messages/AssistantTextMessage.d.ts

@@ -10,8 +10,7 @@ type Props = {
     onClick?(): void;
 };
 /**
- * Assistant text message:  bullet + markdown body (ported from the
- * leak's  default branch).
+ * Assistant text message:  bullet + markdown body (mirroring Claude Code's  default branch).
  */
 export declare function AssistantTextMessage({ text, addMargin, isSelected, isExpanded, onClick, }: Props): React.ReactNode;
 export {};

package/lib/types/components/messages/AssistantTextMessage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AssistantTextMessage.d.ts","sourceRoot":"","sources":["../../../../src/components/messages/AssistantTextMessage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAKzB,KAAK,KAAK,GAAG;IACX,IAAI,EAAE,MAAM,CAAA;IACZ,4DAA4D;IAC5D,SAAS,EAAE,OAAO,CAAA;IAClB,wCAAwC;IACxC,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,sEAAsE;IACtE,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,OAAO,CAAC,IAAI,IAAI,CAAA;CACjB,CAAA;AAED;;;GAGG;AACH,wBAAgB,oBAAoB,CAAC,EACnC,IAAI,EACJ,SAAS,EACT,UAAkB,EAClB,UAAkB,EAClB,OAAO,GACR,EAAE,KAAK,GAAG,KAAK,CAAC,SAAS,CA2BzB"}
+{"version":3,"file":"AssistantTextMessage.d.ts","sourceRoot":"","sources":["../../../../src/components/messages/AssistantTextMessage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAKzB,KAAK,KAAK,GAAG;IACX,IAAI,EAAE,MAAM,CAAA;IACZ,4DAA4D;IAC5D,SAAS,EAAE,OAAO,CAAA;IAClB,wCAAwC;IACxC,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,sEAAsE;IACtE,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,OAAO,CAAC,IAAI,IAAI,CAAA;CACjB,CAAA;AAED;;GAEG;AACH,wBAAgB,oBAAoB,CAAC,EACnC,IAAI,EACJ,SAAS,EACT,UAAkB,EAClB,UAAkB,EAClB,OAAO,GACR,EAAE,KAAK,GAAG,KAAK,CAAC,SAAS,CA2BzB"}

package/lib/types/components/messages/AssistantTextMessage.js

@@ -3,8 +3,7 @@ import { Box, NoSelect, Text } from '../../ui.js';
 import { BLACK_CIRCLE } from '../../cc/figures.js';
 import { Markdown } from '../Markdown.js';
 /**
- * Assistant text message:  bullet + markdown body (ported from the
- * leak's  default branch).
+ * Assistant text message:  bullet + markdown body (mirroring Claude Code's  default branch).
  */
 export function AssistantTextMessage({ text, addMargin, isSelected = false, isExpanded = false, onClick, }) {
     return (_jsx(Box, { alignItems: "flex-start", flexDirection: "row", justifyContent: "space-between", marginTop: addMargin ? 1 : 0, width: "100%", backgroundColor: isSelected

package/lib/types/components/messages/AssistantThinkingMessage.d.ts

@@ -13,8 +13,8 @@ type Props = {
 };
 /**
  * Thinking block: folded `∴ Thinking (ctrl+o to expand)`, expanded shows the
- * full reasoning text indented under `∴ Thinking…` (ported from the leak's
- * `messages/AssistantThinkingMessage.tsx`). When the channel records the
+ * full reasoning text indented under `∴ Thinking…`, mirroring Claude Code's
+ * `messages/AssistantThinkingMessage.tsx`. When the channel records the
  * reasoning duration, the label carries it (`∴ Thinking · 12s …`) — dsh-tui's
  * take on making thinking time visible in the transcript.
  */

package/lib/types/components/messages/AssistantThinkingMessage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AssistantThinkingMessage.d.ts","sourceRoot":"","sources":["../../../../src/components/messages/AssistantThinkingMessage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAMzB,KAAK,KAAK,GAAG;IACX,QAAQ,EAAE,MAAM,CAAA;IAChB,4DAA4D;IAC5D,SAAS,EAAE,OAAO,CAAA;IAClB,2EAA2E;IAC3E,OAAO,EAAE,OAAO,CAAA;IAChB,0EAA0E;IAC1E,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,wCAAwC;IACxC,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,OAAO,CAAC,IAAI,IAAI,CAAA;CACjB,CAAA;AAED;;;;;;GAMG;AACH,wBAAgB,wBAAwB,CAAC,EACvC,QAAQ,EACR,SAAS,EACT,OAAO,EACP,UAAU,EACV,UAAkB,EAClB,OAAO,GACR,EAAE,KAAK,GAAG,KAAK,CAAC,SAAS,CA0CzB"}
+{"version":3,"file":"AssistantThinkingMessage.d.ts","sourceRoot":"","sources":["../../../../src/components/messages/AssistantThinkingMessage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAMzB,KAAK,KAAK,GAAG;IACX,QAAQ,EAAE,MAAM,CAAA;IAChB,4DAA4D;IAC5D,SAAS,EAAE,OAAO,CAAA;IAClB,2EAA2E;IAC3E,OAAO,EAAE,OAAO,CAAA;IAChB,0EAA0E;IAC1E,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,wCAAwC;IACxC,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,OAAO,CAAC,IAAI,IAAI,CAAA;CACjB,CAAA;AAED;;;;;;GAMG;AACH,wBAAgB,wBAAwB,CAAC,EACvC,QAAQ,EACR,SAAS,EACT,OAAO,EACP,UAAU,EACV,UAAkB,EAClB,OAAO,GACR,EAAE,KAAK,GAAG,KAAK,CAAC,SAAS,CAuCzB"}

package/lib/types/components/messages/AssistantThinkingMessage.js

@@ -1,12 +1,12 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
 import { Box, Text } from '../../ui.js';
-import { KeyboardShortcutHint } from '../design-system/KeyboardShortcutHint.js';
+import { t } from '../../i18n.js';
 import { Markdown } from '../Markdown.js';
 import { formatDuration } from '../../cc/format.js';
 /**
  * Thinking block: folded `∴ Thinking (ctrl+o to expand)`, expanded shows the
- * full reasoning text indented under `∴ Thinking…` (ported from the leak's
- * `messages/AssistantThinkingMessage.tsx`). When the channel records the
+ * full reasoning text indented under `∴ Thinking…`, mirroring Claude Code's
+ * `messages/AssistantThinkingMessage.tsx`. When the channel records the
  * reasoning duration, the label carries it (`∴ Thinking · 12s …`) — dsh-tui's
  * take on making thinking time visible in the transcript.
  */
@@ -17,7 +17,7 @@ export function AssistantThinkingMessage({ thinking, addMargin, verbose, duratio
         ? ` · ${formatDuration(durationMs)}`
         : '';
     if (!verbose) {
-        return (_jsx(Box, { marginTop: addMargin ? 1 : 0, backgroundColor: isSelected ? 'messageActionsBackground' : undefined, onClick: onClick, children: _jsxs(Text, { dimColor: true, italic: true, children: ["\u2234 Thinking", duration, ' ', _jsx(Text, { dimColor: true, children: _jsx(KeyboardShortcutHint, { shortcut: "ctrl+o", action: "expand", parens: true }) })] }) }));
+        return (_jsx(Box, { marginTop: addMargin ? 1 : 0, backgroundColor: isSelected ? 'messageActionsBackground' : undefined, onClick: onClick, children: _jsxs(Text, { dimColor: true, italic: true, children: ["\u2234 ", t('thinking-label'), duration, " ", t('hint-expand-ctrl-o')] }) }));
     }
-    return (_jsxs(Box, { flexDirection: "column", gap: 1, marginTop: addMargin ? 1 : 0, width: "100%", backgroundColor: isSelected ? 'messageActionsBackground' : undefined, onClick: onClick, children: [_jsxs(Text, { dimColor: true, italic: true, children: ["\u2234 Thinking", duration, "\u2026"] }), _jsx(Box, { paddingLeft: 2, children: _jsx(Markdown, { dimColor: true, children: thinking }) })] }));
+    return (_jsxs(Box, { flexDirection: "column", gap: 1, marginTop: addMargin ? 1 : 0, width: "100%", backgroundColor: isSelected ? 'messageActionsBackground' : undefined, onClick: onClick, children: [_jsxs(Text, { dimColor: true, italic: true, children: ["\u2234 ", t('thinking-label'), duration, "\u2026"] }), _jsx(Box, { paddingLeft: 2, children: _jsx(Markdown, { dimColor: true, children: thinking }) })] }));
 }

package/lib/types/components/messages/AssistantToolUseMessage.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import type { ToolRow } from '../../channel.js';
+import type { ToolRow } from '../../dsh-adapter/channel.js';
 type Props = {
     tool: ToolRow;
     /** Adds the top margin between messages (CC: addMargin). */
@@ -10,14 +10,22 @@ type Props = {
     isSelected?: boolean;
     /** Row expanded on its own (persistent hover-grey background, CC). */
     isExpanded?: boolean;
+    /**
+     * Trajectory pointer, rendered as one more `⎿` line under a failed call.
+     *
+     * It appears on the NEWEST unseen failure only, so a session with a dozen
+     * failed calls still shows exactly one pointer — the moment of failure is
+     * where the trajectory is worth mentioning, and mentioning it twelve times
+     * is worth less than mentioning it once.
+     */
+    footnote?: string;
 };
 /**
  * Tool-call card: `● Edit /path` header with a blinking status dot, then the
  * structured body under a `  ⎿  ` gutter — diff hunks in red/green, terminal
- * output, read content — instead of the raw result dump (ported from the
- * leak's `AssistantToolUseMessage.tsx` + the dsh-tools presentation views the
+ * output, read content — instead of the raw result dump (mirroring Claude Code's `AssistantToolUseMessage.tsx` + the dsh-tools presentation views the
  * channel captures per call).
  */
-export declare function AssistantToolUseMessage({ tool, addMargin, verbose, isSelected, isExpanded, }: Props): React.ReactNode;
+export declare function AssistantToolUseMessage({ tool, addMargin, verbose, isSelected, isExpanded, footnote, }: Props): React.ReactNode;
 export {};
 //# sourceMappingURL=AssistantToolUseMessage.d.ts.map

package/lib/types/components/messages/AssistantToolUseMessage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AssistantToolUseMessage.d.ts","sourceRoot":"","sources":["../../../../src/components/messages/AssistantToolUseMessage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,OAAO,KAAK,EAA8C,OAAO,EAAE,MAAM,kBAAkB,CAAA;AAI3F,KAAK,KAAK,GAAG;IACX,IAAI,EAAE,OAAO,CAAA;IACb,4DAA4D;IAC5D,SAAS,EAAE,OAAO,CAAA;IAClB,iEAAiE;IACjE,OAAO,EAAE,OAAO,CAAA;IAChB,wCAAwC;IACxC,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,sEAAsE;IACtE,UAAU,CAAC,EAAE,OAAO,CAAA;CACrB,CAAA;AAqMD;;;;;;GAMG;AACH,wBAAgB,uBAAuB,CAAC,EACtC,IAAI,EACJ,SAAS,EACT,OAAO,EACP,UAAkB,EAClB,UAAkB,GACnB,EAAE,KAAK,GAAG,KAAK,CAAC,SAAS,CAkGzB"}
+{"version":3,"file":"AssistantToolUseMessage.d.ts","sourceRoot":"","sources":["../../../../src/components/messages/AssistantToolUseMessage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,OAAO,KAAK,EAA8C,OAAO,EAAE,MAAM,8BAA8B,CAAA;AAIvG,KAAK,KAAK,GAAG;IACX,IAAI,EAAE,OAAO,CAAA;IACb,4DAA4D;IAC5D,SAAS,EAAE,OAAO,CAAA;IAClB,iEAAiE;IACjE,OAAO,EAAE,OAAO,CAAA;IAChB,wCAAwC;IACxC,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,sEAAsE;IACtE,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB;;;;;;;OAOG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB,CAAA;AAsMD;;;;;GAKG;AACH,wBAAgB,uBAAuB,CAAC,EACtC,IAAI,EACJ,SAAS,EACT,OAAO,EACP,UAAkB,EAClB,UAAkB,EAClB,QAAQ,GACT,EAAE,KAAK,GAAG,KAAK,CAAC,SAAS,CAwGzB"}

package/lib/types/components/messages/AssistantToolUseMessage.js

@@ -160,11 +160,10 @@ function HeaderTitle({ name, title, isTerminal, displayArgs }) {
 /**
  * Tool-call card: `● Edit /path` header with a blinking status dot, then the
  * structured body under a `  ⎿  ` gutter — diff hunks in red/green, terminal
- * output, read content — instead of the raw result dump (ported from the
- * leak's `AssistantToolUseMessage.tsx` + the dsh-tools presentation views the
+ * output, read content — instead of the raw result dump (mirroring Claude Code's `AssistantToolUseMessage.tsx` + the dsh-tools presentation views the
  * channel captures per call).
  */
-export function AssistantToolUseMessage({ tool, addMargin, verbose, isSelected = false, isExpanded = false, }) {
+export function AssistantToolUseMessage({ tool, addMargin, verbose, isSelected = false, isExpanded = false, footnote, }) {
     const isRunning = tool.status === 'running';
     const isError = tool.status === 'error';
     const displayArgs = verbose ? tool.argsFull ?? tool.argsText : tool.argsText;
@@ -205,16 +204,21 @@ export function AssistantToolUseMessage({ tool, addMargin, verbose, isSelected =
         }
     }
     const cap = view?.card === 'diff' ? DIFF_BODY_MAX_LINES : TEXT_BODY_MAX_LINES;
+    // The footnote rides OUTSIDE the cap: it is a pointer, not content, and a
+    // long error body must not be the reason it disappears.
     const lines = capLines(body, cap, verbose);
+    const rendered = footnote === undefined ? lines : [...lines, { text: footnote, tone: 'hint' }];
     return (_jsx(Box, { ref: viewportRef, flexDirection: "row", justifyContent: "space-between", marginTop: addMargin ? 1 : 0, width: "100%", backgroundColor: isSelected
             ? 'messageActionsBackground'
             : isExpanded
                 ? 'userMessageBackgroundHover'
-                : undefined, children: _jsxs(Box, { flexDirection: "column", flexGrow: 1, children: [_jsxs(Box, { flexDirection: "row", flexWrap: "nowrap", minWidth: minWidth, children: [_jsx(ToolUseLoader, { shouldAnimate: isRunning, isUnresolved: isRunning, isError: isError }), _jsx(HeaderTitle, { name: name, title: headerTitle, isTerminal: headerIsTerminal, displayArgs: displayArgs }), !isRunning && (_jsx(Box, { flexWrap: "nowrap", children: _jsx(Text, { dimColor: true, children: elapsedText }) }))] }), lines.map((line, index) => (_jsxs(Box, { flexDirection: "row", children: [_jsx(Box, { width: 5, flexShrink: 0, children: _jsx(Text, { dimColor: true, children: index === 0 ? GUTTER_FIRST : GUTTER_REST }) }), _jsx(Box, { flexGrow: 1, children: _jsx(Text, { color: line.tone === 'add'
+                : undefined, children: _jsxs(Box, { flexDirection: "column", flexGrow: 1, children: [_jsxs(Box, { flexDirection: "row", flexWrap: "nowrap", minWidth: minWidth, children: [_jsx(ToolUseLoader, { shouldAnimate: isRunning, isUnresolved: isRunning, isError: isError }), _jsx(HeaderTitle, { name: name, title: headerTitle, isTerminal: headerIsTerminal, displayArgs: displayArgs }), !isRunning && (_jsx(Box, { flexWrap: "nowrap", children: _jsx(Text, { dimColor: true, children: elapsedText }) }))] }), rendered.map((line, index) => (_jsxs(Box, { flexDirection: "row", children: [_jsx(Box, { width: 5, flexShrink: 0, children: _jsx(Text, { dimColor: true, children: index === 0 ? GUTTER_FIRST : GUTTER_REST }) }), _jsx(Box, { flexGrow: 1, children: _jsx(Text, { color: line.tone === 'add'
                                     ? 'diffAddedWord'
                                     : line.tone === 'del'
                                         ? 'diffRemovedWord'
                                         : line.tone === 'error'
                                             ? 'error'
-                                            : undefined, dimColor: line.tone === 'dim', wrap: "wrap", children: line.text === '' ? ' ' : line.text }) })] }, index)))] }) }));
+                                            : line.tone === 'hint'
+                                                ? 'subtle'
+                                                : undefined, dimColor: line.tone === 'dim', wrap: "wrap", children: line.text === '' ? ' ' : line.text }) })] }, index)))] }) }));
 }

package/lib/types/components/messages/MessageMetadata.d.ts

@@ -7,7 +7,7 @@ type Props = {
 };
 /**
  * Transcript-mode metadata row: `HH:MM · model`, right-aligned above the
- * assistant text (ported from the leak's MessageTimestamp + MessageModel,
+ * assistant text, mirroring Claude Code's MessageTimestamp + MessageModel,
  * collapsed into one row).
  */
 export declare function MessageMetadata({ timestamp, model, }: Props): React.ReactNode;

package/lib/types/components/messages/MessageMetadata.js

@@ -4,7 +4,7 @@ import Text from '../../ink/components/Text.js';
 import { stringWidth } from '../../ink/stringWidth.js';
 /**
  * Transcript-mode metadata row: `HH:MM · model`, right-aligned above the
- * assistant text (ported from the leak's MessageTimestamp + MessageModel,
+ * assistant text, mirroring Claude Code's MessageTimestamp + MessageModel,
  * collapsed into one row).
  */
 export function MessageMetadata({ timestamp, model, }) {

package/lib/types/components/messages/UserPromptMessage.d.ts

@@ -11,7 +11,7 @@ type Props = {
 };
 /**
  * User prompt bubble: `❯ text` on the theme's userMessageBackground grey
- * (ported from the leak's `messages/UserPromptMessage.tsx` +
+ * (mirroring Claude Code's `messages/UserPromptMessage.tsx` +
  * `HighlightedThinkingText.tsx`, with the ultrathink rainbow removed).
  */
 export declare function UserPromptMessage({ text, addMargin, isSelected, isExpanded, onClick, }: Props): React.ReactNode;

package/lib/types/components/messages/UserPromptMessage.js

@@ -3,7 +3,7 @@ import { Box, Text } from '../../ui.js';
 import { POINTER } from '../../cc/figures.js';
 /**
  * User prompt bubble: `❯ text` on the theme's userMessageBackground grey
- * (ported from the leak's `messages/UserPromptMessage.tsx` +
+ * (mirroring Claude Code's `messages/UserPromptMessage.tsx` +
  * `HighlightedThinkingText.tsx`, with the ultrathink rainbow removed).
  */
 export function UserPromptMessage({ text, addMargin, isSelected = false, isExpanded = false, onClick, }) {

package/lib/types/components/questions/AskUserQuestionPanel.d.ts

@@ -12,7 +12,7 @@
  * the input row itself and typing gives a pure custom answer.
  */
 import React from 'react';
-import type { QuestionSelection } from '../../questions.js';
+import type { QuestionSelection } from '../../dsh-adapter/questions.js';
 export type AskUserQuestionPanelProps = {
     /** The question to render (from the QuestionStore snapshot). */
     readonly question: {
@@ -24,6 +24,10 @@ export type AskUserQuestionPanelProps = {
             readonly description?: string;
         }>;
         readonly multiSelect?: boolean;
+        /** Hide the trailing free-text input row for pure option questions
+         *  (local wizards, e.g. /provider). Ignored when there are no options —
+         *  a text-only question would otherwise be unanswerable. */
+        readonly hideCustomInput?: boolean;
         /** Presentation intent tag (rc.6): 'plan-review' switches to the
          *  decision-card layout; an intent never changes the protocol. */
         readonly intent?: {

package/lib/types/components/questions/AskUserQuestionPanel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AskUserQuestionPanel.d.ts","sourceRoot":"","sources":["../../../../src/components/questions/AskUserQuestionPanel.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;GAYG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAA;AAKzB,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,oBAAoB,CAAA;AAO3D,MAAM,MAAM,yBAAyB,GAAG;IACtC,gEAAgE;IAChE,QAAQ,CAAC,QAAQ,EAAE;QACjB,QAAQ,CAAC,QAAQ,EAAE,MAAM,CAAA;QACzB,QAAQ,CAAC,MAAM,CAAC,EAAE,MAAM,CAAA;QACxB,QAAQ,CAAC,MAAM,CAAC,EAAE,MAAM,CAAA;QACxB,QAAQ,CAAC,OAAO,CAAC,EAAE,aAAa,CAAC;YAAE,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;YAAC,QAAQ,CAAC,WAAW,CAAC,EAAE,MAAM,CAAA;SAAE,CAAC,CAAA;QAC3F,QAAQ,CAAC,WAAW,CAAC,EAAE,OAAO,CAAA;QAC9B;0EACkE;QAClE,QAAQ,CAAC,MAAM,CAAC,EAAE;YAAE,QAAQ,CAAC,IAAI,EAAE,aAAa,CAAC;YAAC,QAAQ,CAAC,OAAO,EAAE,MAAM,CAAA;SAAE,CAAA;KAC7E,CAAA;IACD,2DAA2D;IAC3D,QAAQ,CAAC,QAAQ,EAAE,MAAM,CAAA;IACzB,sDAAsD;IACtD,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAA;IACtB,iDAAiD;IACjD,QAAQ,CAAC,QAAQ,EAAE,MAAM,CAAA;IACzB,QAAQ,CAAC,QAAQ,EAAE,CAAC,SAAS,EAAE,iBAAiB,KAAK,IAAI,CAAA;IACzD,2EAA2E;IAC3E,QAAQ,CAAC,QAAQ,EAAE,MAAM,IAAI,CAAA;CAC9B,CAAA;AAED,wBAAgB,oBAAoB,CAAC,EACnC,QAAQ,EACR,QAAQ,EACR,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,QAAQ,GACT,EAAE,yBAAyB,GAAG,KAAK,CAAC,SAAS,CAoT7C"}
+{"version":3,"file":"AskUserQuestionPanel.d.ts","sourceRoot":"","sources":["../../../../src/components/questions/AskUserQuestionPanel.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;GAYG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAA;AAKzB,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAA;AAQvE,MAAM,MAAM,yBAAyB,GAAG;IACtC,gEAAgE;IAChE,QAAQ,CAAC,QAAQ,EAAE;QACjB,QAAQ,CAAC,QAAQ,EAAE,MAAM,CAAA;QACzB,QAAQ,CAAC,MAAM,CAAC,EAAE,MAAM,CAAA;QACxB,QAAQ,CAAC,MAAM,CAAC,EAAE,MAAM,CAAA;QACxB,QAAQ,CAAC,OAAO,CAAC,EAAE,aAAa,CAAC;YAAE,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;YAAC,QAAQ,CAAC,WAAW,CAAC,EAAE,MAAM,CAAA;SAAE,CAAC,CAAA;QAC3F,QAAQ,CAAC,WAAW,CAAC,EAAE,OAAO,CAAA;QAC9B;;oEAE4D;QAC5D,QAAQ,CAAC,eAAe,CAAC,EAAE,OAAO,CAAA;QAClC;0EACkE;QAClE,QAAQ,CAAC,MAAM,CAAC,EAAE;YAAE,QAAQ,CAAC,IAAI,EAAE,aAAa,CAAC;YAAC,QAAQ,CAAC,OAAO,EAAE,MAAM,CAAA;SAAE,CAAA;KAC7E,CAAA;IACD,2DAA2D;IAC3D,QAAQ,CAAC,QAAQ,EAAE,MAAM,CAAA;IACzB,sDAAsD;IACtD,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAA;IACtB,iDAAiD;IACjD,QAAQ,CAAC,QAAQ,EAAE,MAAM,CAAA;IACzB,QAAQ,CAAC,QAAQ,EAAE,CAAC,SAAS,EAAE,iBAAiB,KAAK,IAAI,CAAA;IACzD,2EAA2E;IAC3E,QAAQ,CAAC,QAAQ,EAAE,MAAM,IAAI,CAAA;CAC9B,CAAA;AAED,wBAAgB,oBAAoB,CAAC,EACnC,QAAQ,EACR,QAAQ,EACR,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,QAAQ,GACT,EAAE,yBAAyB,GAAG,KAAK,CAAC,SAAS,CAqT7C"}

package/lib/types/components/questions/AskUserQuestionPanel.js

@@ -18,6 +18,7 @@ import { Box, Text, useInput } from '../../ui.js';
 import { Divider } from '../design-system/Divider.js';
 import { POINTER } from '../../cc/figures.js';
 import { PlanReviewPanel } from './PlanReviewPanel.js';
+import { isPlainReturnInput } from '../../utils/modifiers.js';
 const CHECKED = '◉';
 const UNCHECKED = '○';
 const PENCIL = '✎';
@@ -30,8 +31,9 @@ export function AskUserQuestionPanel({ question, position, total, answered, onAn
     }
     const options = question.options ?? [];
     const multiSelect = question.multiSelect === true;
+    const hideCustomInput = question.hideCustomInput === true && options.length > 0;
     /** Rows: the real options plus the inline input row at the tail. */
-    const rowCount = options.length + 1;
+    const rowCount = options.length + (hideCustomInput ? 0 : 1);
     const [focusIndex, setFocusIndex] = React.useState(0);
     const [checked, setChecked] = React.useState(() => new Set());
     const [customText, setCustomText] = React.useState('');
@@ -40,7 +42,7 @@ export function AskUserQuestionPanel({ question, position, total, answered, onAn
      *  together with the custom text when the input row itself is Entered. */
     const [attached, setAttached] = React.useState(null);
     const [error, setError] = React.useState(null);
-    const inputFocused = focusIndex === options.length;
+    const inputFocused = !hideCustomInput && focusIndex === options.length;
     const moveFocus = (delta) => {
         if (rowCount <= 1)
             return;
@@ -119,7 +121,7 @@ export function AskUserQuestionPanel({ question, position, total, answered, onAn
                 moveFocus(1);
                 return;
             }
-            if (key.return) {
+            if (isPlainReturnInput(input, key)) {
                 submitInput();
                 return;
             }
@@ -170,7 +172,7 @@ export function AskUserQuestionPanel({ question, position, total, answered, onAn
             moveFocus(1);
             return;
         }
-        if (key.tab) {
+        if (key.tab && !hideCustomInput) {
             setFocusIndex(options.length);
             setError(null);
             return;
@@ -186,19 +188,19 @@ export function AskUserQuestionPanel({ question, position, total, answered, onAn
             });
             return;
         }
-        if (key.return) {
+        if (isPlainReturnInput(input, key)) {
             submitOptions();
             return;
         }
         if (key.backspace) {
             // Edit the input row without leaving the option list.
-            if (customText !== '')
+            if (!hideCustomInput && customText !== '')
                 backspaceText();
             return;
         }
         // Typing on an option appends into the input row; single-select also
         // attaches this option's label so Enter carries label + text (#9).
-        if (!key.ctrl && !key.meta && !key.super && input) {
+        if (!hideCustomInput && !key.ctrl && !key.meta && !key.super && input) {
             appendText(input);
             if (!multiSelect)
                 setAttached(options[focusIndex]?.label ?? null);
@@ -214,7 +216,7 @@ export function AskUserQuestionPanel({ question, position, total, answered, onAn
                 const focused = index === focusIndex;
                 const selected = multiSelect ? checked.has(index) : focused;
                 return (_jsxs(Box, { flexDirection: "row", marginTop: focused ? 1 : 0, children: [_jsx(Box, { width: 1, flexShrink: 0, children: _jsx(Text, { color: focused ? 'claude' : undefined, bold: focused, children: focused ? POINTER : ' ' }) }), _jsx(Box, { width: 1, flexShrink: 0, children: _jsx(Text, { color: focused ? 'claude' : undefined, bold: selected, children: selected ? (multiSelect ? CHECKED : '●') : UNCHECKED }) }), _jsxs(Box, { flexDirection: "column", marginLeft: 1, children: [_jsx(Text, { bold: focused || selected, color: focused ? 'claude' : undefined, wrap: "wrap", children: option.label }), option.description !== undefined && (_jsx(Text, { dimColor: true, wrap: "wrap", children: option.description }))] })] }, option.label));
-            }), renderInputRow()] }));
+            }), hideCustomInput ? null : renderInputRow()] }));
     const hintParts = inputFocused
         ? [
             t('question-hint-type'),
@@ -226,7 +228,7 @@ export function AskUserQuestionPanel({ question, position, total, answered, onAn
         : [
             t('question-hint-select'),
             ...(multiSelect ? [t('question-hint-multi')] : []),
-            t('question-hint-attach'),
+            ...(hideCustomInput ? [] : [t('question-hint-attach')]),
             t('question-hint-enter'),
             t('question-hint-esc'),
             ...(multiSelect && checked.size > 0 ? [t('question-hint-selected', { n: checked.size })] : []),

package/lib/types/components/questions/PlanReviewPanel.d.ts

@@ -15,7 +15,7 @@
  *   reads as "the user dismissed the review to speak instead".
  */
 import React from 'react';
-import type { QuestionSelection } from '../../questions.js';
+import type { QuestionSelection } from '../../dsh-adapter/questions.js';
 export type PlanReviewPanelProps = {
     /** The plan-review question (intent.kind === 'plan-review'). */
     readonly question: {

package/lib/types/components/questions/PlanReviewPanel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PlanReviewPanel.d.ts","sourceRoot":"","sources":["../../../../src/components/questions/PlanReviewPanel.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAA;AAMzB,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,oBAAoB,CAAA;AAI3D,MAAM,MAAM,oBAAoB,GAAG;IACjC,gEAAgE;IAChE,QAAQ,CAAC,QAAQ,EAAE;QACjB,QAAQ,CAAC,QAAQ,EAAE,MAAM,CAAA;QACzB,QAAQ,CAAC,MAAM,CAAC,EAAE,MAAM,CAAA;QACxB,QAAQ,CAAC,MAAM,CAAC,EAAE,MAAM,CAAA;QACxB,QAAQ,CAAC,OAAO,CAAC,EAAE,aAAa,CAAC;YAAE,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;YAAC,QAAQ,CAAC,WAAW,CAAC,EAAE,MAAM,CAAA;SAAE,CAAC,CAAA;QAC3F,QAAQ,CAAC,MAAM,CAAC,EAAE;YAAE,QAAQ,CAAC,IAAI,EAAE,aAAa,CAAC;YAAC,QAAQ,CAAC,OAAO,EAAE,MAAM,CAAA;SAAE,CAAA;KAC7E,CAAA;IACD,QAAQ,CAAC,QAAQ,EAAE,CAAC,SAAS,EAAE,iBAAiB,KAAK,IAAI,CAAA;IACzD,iEAAiE;IACjE,QAAQ,CAAC,QAAQ,EAAE,MAAM,IAAI,CAAA;CAC9B,CAAA;AAED,wBAAgB,eAAe,CAAC,EAC9B,QAAQ,EACR,QAAQ,EACR,QAAQ,GACT,EAAE,oBAAoB,GAAG,KAAK,CAAC,SAAS,CAgOxC"}
+{"version":3,"file":"PlanReviewPanel.d.ts","sourceRoot":"","sources":["../../../../src/components/questions/PlanReviewPanel.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAA;AAMzB,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAA;AAKvE,MAAM,MAAM,oBAAoB,GAAG;IACjC,gEAAgE;IAChE,QAAQ,CAAC,QAAQ,EAAE;QACjB,QAAQ,CAAC,QAAQ,EAAE,MAAM,CAAA;QACzB,QAAQ,CAAC,MAAM,CAAC,EAAE,MAAM,CAAA;QACxB,QAAQ,CAAC,MAAM,CAAC,EAAE,MAAM,CAAA;QACxB,QAAQ,CAAC,OAAO,CAAC,EAAE,aAAa,CAAC;YAAE,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;YAAC,QAAQ,CAAC,WAAW,CAAC,EAAE,MAAM,CAAA;SAAE,CAAC,CAAA;QAC3F,QAAQ,CAAC,MAAM,CAAC,EAAE;YAAE,QAAQ,CAAC,IAAI,EAAE,aAAa,CAAC;YAAC,QAAQ,CAAC,OAAO,EAAE,MAAM,CAAA;SAAE,CAAA;KAC7E,CAAA;IACD,QAAQ,CAAC,QAAQ,EAAE,CAAC,SAAS,EAAE,iBAAiB,KAAK,IAAI,CAAA;IACzD,iEAAiE;IACjE,QAAQ,CAAC,QAAQ,EAAE,MAAM,IAAI,CAAA;CAC9B,CAAA;AAED,wBAAgB,eAAe,CAAC,EAC9B,QAAQ,EACR,QAAQ,EACR,QAAQ,GACT,EAAE,oBAAoB,GAAG,KAAK,CAAC,SAAS,CAgOxC"}

package/lib/types/components/questions/PlanReviewPanel.js

@@ -21,6 +21,7 @@ import { Box, Text, useInput } from '../../ui.js';
 import { Divider } from '../design-system/Divider.js';
 import { Markdown } from '../Markdown.js';
 import { POINTER } from '../../cc/figures.js';
+import { isPlainReturnInput } from '../../utils/modifiers.js';
 const PENCIL = '✎';
 export function PlanReviewPanel({ question, onAnswer, onCancel, }) {
     const options = question.options ?? [];
@@ -91,7 +92,7 @@ export function PlanReviewPanel({ question, onAnswer, onCancel, }) {
                 moveFocus(1);
                 return;
             }
-            if (key.return) {
+            if (isPlainReturnInput(input, key)) {
                 submitFeedback();
                 return;
             }
@@ -137,7 +138,7 @@ export function PlanReviewPanel({ question, onAnswer, onCancel, }) {
             moveFocus(1);
             return;
         }
-        if (key.return) {
+        if (isPlainReturnInput(input, key)) {
             submitOption(focusIndex);
             return;
         }

package/lib/types/components/trajectory/HotspotView.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+import type { HotspotRow, HotspotSort, TrajAggregate } from '../../dsh-adapter/types.js';
+/** Flatten the three sections into the single list the cursor walks. */
+export declare function hotspotRows(agg: TrajAggregate): HotspotRow[];
+export declare function HotspotView({ agg, sort, width, height, cursor, tick, switchTick, }: {
+    agg: TrajAggregate;
+    sort: HotspotSort;
+    width: number;
+    height: number;
+    cursor: number;
+    tick: number;
+    switchTick: number;
+}): React.ReactNode;
+//# sourceMappingURL=HotspotView.d.ts.map

package/lib/types/components/trajectory/HotspotView.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"HotspotView.d.ts","sourceRoot":"","sources":["../../../../src/components/trajectory/HotspotView.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAMzB,OAAO,KAAK,EAAE,UAAU,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAA;AA6CxF,wEAAwE;AACxE,wBAAgB,WAAW,CAAC,GAAG,EAAE,aAAa,GAAG,UAAU,EAAE,CAE5D;AAOD,wBAAgB,WAAW,CAAC,EAC1B,GAAG,EACH,IAAI,EACJ,KAAK,EACL,MAAM,EACN,MAAM,EACN,IAAI,EACJ,UAAU,GACX,EAAE;IACD,GAAG,EAAE,aAAa,CAAA;IAClB,IAAI,EAAE,WAAW,CAAA;IACjB,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,EAAE,MAAM,CAAA;IACd,MAAM,EAAE,MAAM,CAAA;IACd,IAAI,EAAE,MAAM,CAAA;IACZ,UAAU,EAAE,MAAM,CAAA;CACnB,GAAG,KAAK,CAAC,SAAS,CA4ElB"}

package/lib/types/components/trajectory/HotspotView.js

@@ -0,0 +1,83 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Box, Text, useTheme } from '../../ui.js';
+import { getTheme } from '../../theme.js';
+import { formatDuration, formatTokens, truncateWidth } from '../../trajectory/format.js';
+import { mix, reproject } from '../../trajectory/motion.js';
+import { t } from '../../i18n.js';
+/**
+ * The hotspot view — the session ranked by cost instead of ordered by time.
+ *
+ * Chronology is the wrong order for "where did my half hour go": the answer is
+ * a ranking, and a ranking is what this shows — cost per tool, per model phase
+ * (decode vs. waiting for the first token vs. retry backoff), per turn.
+ *
+ * The three sections are flattened into ONE windowed row list rather than laid
+ * out as three independent columns. A long session easily produces more rows
+ * than the viewport has lines, and three self-sizing sections in a fixed-height
+ * box overlap each other when they overflow — a flat window scrolls instead,
+ * and the cursor can reach every row.
+ *
+ * The reveal is a staggered brightening rather than a growing bar. A bar that
+ * grew would change its glyph count every frame, which is a layout change, and
+ * layout changes are the one thing the motion rules forbid. Sweeping colour
+ * across already-final bars reads the same and costs style bytes.
+ */
+/** Bar cells; a half block gives one extra step of resolution for free. */
+const FULL = '█';
+const HALF = '▌';
+function bar(value, max, width) {
+    if (max <= 0 || width <= 0)
+        return '';
+    const exact = (value / max) * width;
+    const full = Math.max(0, Math.min(width, Math.floor(exact)));
+    return FULL.repeat(full) + (exact - full >= 0.5 && full < width ? HALF : '');
+}
+/** Flatten the three sections into the single list the cursor walks. */
+export function hotspotRows(agg) {
+    return [...agg.tools, ...agg.model, ...agg.turns];
+}
+/** Value a row is ranked by under the active sort. */
+function valueOf(row, sort) {
+    return sort === 'count' ? row.count : sort === 'tokens' ? row.tokens : row.totalMs;
+}
+export function HotspotView({ agg, sort, width, height, cursor, tick, switchTick, }) {
+    const [themeName] = useTheme();
+    const theme = getTheme(themeName);
+    const labelWidth = Math.min(18, Math.max(10, Math.floor(width * 0.16)));
+    const barWidth = Math.max(6, Math.min(30, width - labelWidth - 34));
+    // Build the flat list once, tagging each row with its section's scale.
+    const entries = [];
+    let cursorIndex = 0;
+    for (const [title, rows, colorKey] of [
+        [t('traj-hot-tools'), agg.tools, 'chromeYellow'],
+        [t('traj-hot-model'), agg.model, 'autoAccept'],
+        [t('traj-hot-turns'), agg.turns, 'professionalBlue'],
+    ]) {
+        if (rows.length === 0)
+            continue;
+        entries.push({ kind: 'title', text: title });
+        const max = Math.max(...rows.map(row => valueOf(row, sort)), 1);
+        for (const row of rows) {
+            entries.push({ kind: 'row', row, cursorIndex, max, colorKey });
+            cursorIndex += 1;
+        }
+    }
+    // Window around the cursor's entry so ↑/↓ can reach every section.
+    const focusEntry = entries.findIndex(entry => entry.kind === 'row' && entry.cursorIndex === cursor);
+    const start = Math.max(0, Math.min(focusEntry - Math.floor(height / 2), entries.length - height));
+    const visible = entries.slice(Math.max(0, start), Math.max(0, start) + height);
+    return (_jsx(Box, { flexDirection: "column", flexGrow: 1, flexShrink: 1, overflow: "hidden", children: visible.map((entry, offset) => {
+            if (entry.kind === 'title') {
+                return (_jsx(Box, { width: "100%", height: 1, flexShrink: 0, children: _jsx(Text, { color: "subtle", children: entry.text }) }, `t${offset}`));
+            }
+            const { row, max, colorKey } = entry;
+            const focused = entry.cursorIndex === cursor;
+            // Stagger the settle by row so a section reads top-down on switch.
+            const dim = reproject(tick - offset, switchTick);
+            const base = row.error === true ? theme.error : theme[colorKey];
+            const stats = `${row.count}×` +
+                (row.tokens > 0 ? ` · ${formatTokens(row.tokens)}` : '') +
+                (row.count > 0 && row.totalMs > 0 ? ` · ⌀${formatDuration(row.totalMs / row.count)}` : '');
+            return (_jsxs(Box, { flexDirection: "row", width: "100%", height: 1, flexShrink: 0, gap: 1, children: [_jsx(Box, { flexShrink: 0, width: 2, children: _jsx(Text, { color: "suggestion", children: focused ? '▸' : ' ' }) }), _jsx(Box, { flexShrink: 0, width: labelWidth, children: _jsx(Text, { color: focused ? 'suggestion' : row.error === true ? 'error' : undefined, children: truncateWidth(row.label, labelWidth) }) }), _jsx(Box, { flexShrink: 0, width: barWidth, children: _jsx(Text, { color: mix(base, theme.background, dim), children: bar(valueOf(row, sort), max, barWidth) }) }), _jsx(Box, { flexShrink: 0, width: 8, justifyContent: "flex-end", children: _jsx(Text, { bold: true, color: row.error === true ? 'error' : undefined, children: formatDuration(row.totalMs) }) }), _jsx(Box, { flexShrink: 1, overflow: "hidden", children: _jsx(Text, { color: "subtle", children: truncateWidth(stats, Math.max(4, width - labelWidth - barWidth - 16)) }) })] }, `r${entry.cursorIndex}`));
+        }) }));
+}