@deepseek-harness-tui/dsh-tui 0.8.8 → 0.9.1

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

@@ -0,0 +1,65 @@
+import React from 'react';
+import type { Color } from '../ink/styles.js';
+import type { Theme } from '../theme.js';
+/**
+ * `/` 命令菜单与 `@` 文件菜单共用的圆角卡片外壳（与输入框 EffortInputBorder
+ * 同款 ╭╮╰╯ 视觉语言）：
+ *
+ *   ╭─ 标题 ─────────────────────╮
+ *   │ ❯ 行内容 …                 │
+ *   │   行内容 …                 │
+ *   │ ↑2 · ↓3                    │  ← 仅当列表被裁剪
+ *   ╰────────────────────────────╯
+ *
+ * 底边 ╰╯ 直接坐在输入框顶边 ╭╮ 的上一行（PromptInput 的浮层包装去掉了
+ * 底部留白），卡片与输入框连成一体，读作"挂在输入框上的下拉"。边框色
+ * 跟随输入框 idle 色（plan 模式下整套面板一起变 sage 绿）。
+ *
+ * 每一行的左右 │ 由本组件包在行外——侧边框若是内容列旁的单行 Text，只
+ * 会画在自己那一行（行高的首行），多行列表的中段行会裸奔无边框。
+ * 卡片左右各占 2 列（│ + 1 空格），行内容的可用宽度由
+ * {@link cardContentWidth} 统一计算，CJK 截断契约（verify-cjk-truncate）
+ * 按该宽度钉住。
+ */
+export declare function SuggestionCard({ title, columns, accent, footer, rows, onRowPick, onWheelStep, }: {
+    /** 嵌在顶边框里的标题（已本地化、含计数）。 */
+    title: string;
+    columns: number;
+    /** 边框色（主题 token 或裸色）；缺省 promptBorder。 */
+    accent?: keyof Theme | Color;
+    /** 底部 dim 提示行（滚动指示）；null/undefined 时不渲染。 */
+    footer?: string | null;
+    /** 已渲染的行内容（每行一个节点），本组件为各行补上左右边框。 */
+    rows: readonly React.ReactNode[];
+    /**
+     * 鼠标点击行（fullscreen）：上报行索引——命令/文件补全用它接受该项
+     * （与 Tab/Enter 同路径）。未提供时行为不变。
+     */
+    onRowPick?: (index: number) => void;
+    /**
+     * 滚轮在菜单上滚动（fullscreen）：每次滚动上报 ±1 步——补全菜单用它
+     * 移动选中行（窗口随之滚动）。位置路由保证只有菜单下的滚轮到达这里。
+     */
+    onWheelStep?: (step: 1 | -1) => void;
+}): React.ReactNode;
+/**
+ * 卡片内一行内容的可用显示宽度：总宽减去两侧 │ + 各 1 空格的内边距。
+ * CommandSuggestions / FileSuggestions 的截断数学共用这一口径。
+ */
+export declare function cardContentWidth(columns: number): number;
+/**
+ * 把补全名按「命中的查询前缀」拆成三段（用于前缀高亮）。三级尝试，
+ * 均大小写不敏感，与 completeCommands / 文件候选的过滤语义对齐：
+ *   1. 整名前缀（文件查询是路径前缀，`src/re` 命中 `src/render`）；
+ *   2. 最后一个空格 token 的前缀（嵌套命令 `model deepseek/…` 的
+ *      `deepseek/` 查询——补全名带 `model ` 路径前缀）；
+ *   3. 最后一个 `/` 段的前缀（`/model deepseek-v` 命中段
+ *      `deepseek-v4-flash` 的开头）。
+ * 查询为空、或都不命中（别名命中、过期候选）返回 null——渲染方整体 dim。
+ */
+export declare function splitQueryMatch(name: string, query: string): {
+    before: string;
+    match: string;
+    after: string;
+} | null;
+//# sourceMappingURL=SuggestionCard.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SuggestionCard.d.ts","sourceRoot":"","sources":["../../../src/components/SuggestionCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAA;AAC7C,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,aAAa,CAAA;AAGxC;;;;;;;;;;;;;;;;;;;GAmBG;AACH,wBAAgB,cAAc,CAAC,EAC7B,KAAK,EACL,OAAO,EACP,MAAM,EACN,MAAM,EACN,IAAI,EACJ,SAAS,EACT,WAAW,GACZ,EAAE;IACD,2BAA2B;IAC3B,KAAK,EAAE,MAAM,CAAA;IACb,OAAO,EAAE,MAAM,CAAA;IACf,yCAAyC;IACzC,MAAM,CAAC,EAAE,MAAM,KAAK,GAAG,KAAK,CAAA;IAC5B,4CAA4C;IAC5C,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACtB,oCAAoC;IACpC,IAAI,EAAE,SAAS,KAAK,CAAC,SAAS,EAAE,CAAA;IAChC;;;OAGG;IACH,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACnC;;;OAGG;IACH,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,GAAG,CAAC,CAAC,KAAK,IAAI,CAAA;CACrC,GAAG,KAAK,CAAC,SAAS,CAwDlB;AAED;;;GAGG;AACH,wBAAgB,gBAAgB,CAAC,OAAO,EAAE,MAAM,GAAG,MAAM,CAExD;AAED;;;;;;;;;GASG;AACH,wBAAgB,eAAe,CAC7B,IAAI,EAAE,MAAM,EACZ,KAAK,EAAE,MAAM,GACZ;IAAE,MAAM,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,GAAG,IAAI,CAmBzD"}

package/lib/types/components/SuggestionCard.js

@@ -0,0 +1,77 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from 'react';
+import { Box, Text } from '../ui.js';
+import { stringWidth } from '../ink/stringWidth.js';
+/**
+ * `/` 命令菜单与 `@` 文件菜单共用的圆角卡片外壳（与输入框 EffortInputBorder
+ * 同款 ╭╮╰╯ 视觉语言）：
+ *
+ *   ╭─ 标题 ─────────────────────╮
+ *   │ ❯ 行内容 …                 │
+ *   │   行内容 …                 │
+ *   │ ↑2 · ↓3                    │  ← 仅当列表被裁剪
+ *   ╰────────────────────────────╯
+ *
+ * 底边 ╰╯ 直接坐在输入框顶边 ╭╮ 的上一行（PromptInput 的浮层包装去掉了
+ * 底部留白），卡片与输入框连成一体，读作"挂在输入框上的下拉"。边框色
+ * 跟随输入框 idle 色（plan 模式下整套面板一起变 sage 绿）。
+ *
+ * 每一行的左右 │ 由本组件包在行外——侧边框若是内容列旁的单行 Text，只
+ * 会画在自己那一行（行高的首行），多行列表的中段行会裸奔无边框。
+ * 卡片左右各占 2 列（│ + 1 空格），行内容的可用宽度由
+ * {@link cardContentWidth} 统一计算，CJK 截断契约（verify-cjk-truncate）
+ * 按该宽度钉住。
+ */
+export function SuggestionCard({ title, columns, accent, footer, rows, onRowPick, onWheelStep, }) {
+    const inner = Math.max(0, columns - 2);
+    const lead = `─ ${title} `;
+    // 标题放不下（极窄终端）时退化为素边框，不做半截标题。
+    const titleFits = stringWidth(lead) + 1 <= inner;
+    const top = titleFits
+        ? `╭${lead}${'─'.repeat(inner - stringWidth(lead))}╮`
+        : `╭${'─'.repeat(inner)}╮`;
+    const borderColor = accent ?? 'promptBorder';
+    const [hoveredRow, setHoveredRow] = React.useState(-1);
+    const handleWheel = React.useCallback((e) => {
+        if (e.deltaY !== 0)
+            onWheelStep?.(e.deltaY > 0 ? 1 : -1);
+    }, [onWheelStep]);
+    return (_jsxs("ink-box", { style: { flexDirection: 'column', width: '100%', flexShrink: 0 }, onWheel: onWheelStep !== undefined ? handleWheel : undefined, children: [_jsx(Text, { color: borderColor, wrap: "truncate-end", children: top }), rows.map((row, index) => (_jsxs(Box, { flexDirection: "row", width: "100%", onClick: onRowPick ? () => onRowPick(index) : undefined, onMouseEnter: onRowPick ? () => setHoveredRow(index) : undefined, onMouseLeave: onRowPick ? () => setHoveredRow(current => (current === index ? -1 : current)) : undefined, children: [_jsx(Text, { color: borderColor, children: "\u2502" }), _jsx(Box, { flexDirection: "column", flexGrow: 1, minWidth: 0, backgroundColor: onRowPick !== undefined && hoveredRow === index ? 'userMessageBackgroundHover' : undefined, children: row }), _jsx(Text, { color: borderColor, children: "\u2502" })] }, index))), footer ? (_jsxs(Box, { flexDirection: "row", width: "100%", children: [_jsx(Text, { color: borderColor, children: "\u2502" }), _jsx(Box, { flexGrow: 1, minWidth: 0, children: _jsxs(Text, { dimColor: true, wrap: "truncate-end", children: [" ", footer] }) }), _jsx(Text, { color: borderColor, children: "\u2502" })] })) : null, _jsx(Text, { color: borderColor, wrap: "truncate-end", children: `╰${'─'.repeat(inner)}╯` })] }));
+}
+/**
+ * 卡片内一行内容的可用显示宽度：总宽减去两侧 │ + 各 1 空格的内边距。
+ * CommandSuggestions / FileSuggestions 的截断数学共用这一口径。
+ */
+export function cardContentWidth(columns) {
+    return Math.max(0, columns - 4);
+}
+/**
+ * 把补全名按「命中的查询前缀」拆成三段（用于前缀高亮）。三级尝试，
+ * 均大小写不敏感，与 completeCommands / 文件候选的过滤语义对齐：
+ *   1. 整名前缀（文件查询是路径前缀，`src/re` 命中 `src/render`）；
+ *   2. 最后一个空格 token 的前缀（嵌套命令 `model deepseek/…` 的
+ *      `deepseek/` 查询——补全名带 `model ` 路径前缀）；
+ *   3. 最后一个 `/` 段的前缀（`/model deepseek-v` 命中段
+ *      `deepseek-v4-flash` 的开头）。
+ * 查询为空、或都不命中（别名命中、过期候选）返回 null——渲染方整体 dim。
+ */
+export function splitQueryMatch(name, query) {
+    if (query === '')
+        return null;
+    const lower = query.toLowerCase();
+    const startsWith = (start) => {
+        const segment = name.slice(start);
+        if (!segment.toLowerCase().startsWith(lower))
+            return null;
+        const matched = segment.slice(0, Math.min(query.length, segment.length));
+        return {
+            before: name.slice(0, start),
+            match: matched,
+            after: segment.slice(matched.length),
+        };
+    };
+    const lastSpace = name.lastIndexOf(' ');
+    return (startsWith(0)
+        ?? (lastSpace >= 0 ? startsWith(lastSpace + 1) : null)
+        ?? startsWith(name.lastIndexOf('/') + 1));
+}

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

@@ -19,8 +19,11 @@ export declare function getThemeOptions(): SelectOption[];
  * active theme. Enter applies through the ThemeProvider setter (persists to
  * ~/.dsh-tui/theme.json and hot swaps), Esc cancels.
  */
-export declare function ThemePicker({ focusIndex, currentTheme, }: {
+export declare function ThemePicker({ focusIndex, currentTheme, onPick, }: {
     focusIndex: number;
     currentTheme: string | undefined;
+    /** Mouse pick (fullscreen): clicked row's absolute index (Chat applies
+     *  the same code path as the keyboard Enter). */
+    onPick?: (index: number) => void;
 }): React.ReactNode;
 //# sourceMappingURL=ThemePicker.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"ThemePicker.d.ts","sourceRoot":"","sources":["../../../src/components/ThemePicker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,OAAO,EAAU,KAAK,YAAY,EAAE,MAAM,aAAa,CAAA;AAuCvD;;;;;;;;;GASG;AACH,wBAAgB,eAAe,IAAI,YAAY,EAAE,CAsBhD;AAED;;;;;;;GAOG;AACH,wBAAgB,WAAW,CAAC,EAC1B,UAAU,EACV,YAAY,GACb,EAAE;IACD,UAAU,EAAE,MAAM,CAAA;IAClB,YAAY,EAAE,MAAM,GAAG,SAAS,CAAA;CACjC,GAAG,KAAK,CAAC,SAAS,CAsBlB"}
+{"version":3,"file":"ThemePicker.d.ts","sourceRoot":"","sources":["../../../src/components/ThemePicker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,OAAO,EAAU,KAAK,YAAY,EAAE,MAAM,aAAa,CAAA;AAuCvD;;;;;;;;;GASG;AACH,wBAAgB,eAAe,IAAI,YAAY,EAAE,CAsBhD;AAED;;;;;;;GAOG;AACH,wBAAgB,WAAW,CAAC,EAC1B,UAAU,EACV,YAAY,EACZ,MAAM,GACP,EAAE;IACD,UAAU,EAAE,MAAM,CAAA;IAClB,YAAY,EAAE,MAAM,GAAG,SAAS,CAAA;IAChC;qDACiD;IACjD,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;CACjC,GAAG,KAAK,CAAC,SAAS,CAuBlB"}

package/lib/types/components/ThemePicker.js

@@ -51,7 +51,7 @@ export function getThemeOptions() {
  * active theme. Enter applies through the ThemeProvider setter (persists to
  * ~/.dsh-tui/theme.json and hot swaps), Esc cancels.
  */
-export function ThemePicker({ focusIndex, currentTheme, }) {
+export function ThemePicker({ focusIndex, currentTheme, onPick, }) {
     const options = React.useMemo(() => getThemeOptions(), []);
-    return (_jsx(Pane, { color: "permission", children: _jsxs(Box, { flexDirection: "column", children: [_jsx(Box, { marginBottom: 1, children: _jsx(Text, { color: "remember", bold: true, children: t('picker-title-theme') }) }), _jsx(Select, { options: options, focusIndex: focusIndex, selectedValue: currentTheme, visibleOptionCount: 6 }), _jsx(Text, { dimColor: true, italic: true, children: _jsx(HintLine, { text: t('hint-confirm-exit') }) })] }) }));
+    return (_jsx(Pane, { color: "permission", children: _jsxs(Box, { flexDirection: "column", children: [_jsx(Box, { marginBottom: 1, children: _jsx(Text, { color: "remember", bold: true, children: t('picker-title-theme') }) }), _jsx(Select, { options: options, focusIndex: focusIndex, selectedValue: currentTheme, visibleOptionCount: 6, onPick: onPick ? index => onPick(index) : undefined }), _jsx(Text, { dimColor: true, italic: true, children: _jsx(HintLine, { text: t('hint-confirm-exit') }) })] }) }));
 }

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

@@ -3,8 +3,11 @@ import React from 'react';
  * The `/thinking` display dialog: a permission-colored Pane with a bold
  * title, the Shown/Hidden select, and the Enter/Esc hint line.
  */
-export declare function ThinkingToggle({ currentValue, focusIndex, }: {
+export declare function ThinkingToggle({ currentValue, focusIndex, onPick, }: {
     currentValue: boolean;
     focusIndex: number;
+    /** Mouse pick (fullscreen): reports the clicked row's index — Chat
+     *  applies it with the same code path as the keyboard Enter. */
+    onPick?: (index: number) => void;
 }): React.ReactNode;
 //# sourceMappingURL=ThinkingToggle.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"ThinkingToggle.d.ts","sourceRoot":"","sources":["../../../src/components/ThinkingToggle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAOzB;;;GAGG;AACH,wBAAgB,cAAc,CAAC,EAC7B,YAAY,EACZ,UAAU,GACX,EAAE;IACD,YAAY,EAAE,OAAO,CAAA;IACrB,UAAU,EAAE,MAAM,CAAA;CACnB,GAAG,KAAK,CAAC,SAAS,CAsClB"}
+{"version":3,"file":"ThinkingToggle.d.ts","sourceRoot":"","sources":["../../../src/components/ThinkingToggle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAOzB;;;GAGG;AACH,wBAAgB,cAAc,CAAC,EAC7B,YAAY,EACZ,UAAU,EACV,MAAM,GACP,EAAE;IACD,YAAY,EAAE,OAAO,CAAA;IACrB,UAAU,EAAE,MAAM,CAAA;IAClB;oEACgE;IAChE,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;CACjC,GAAG,KAAK,CAAC,SAAS,CAuClB"}

package/lib/types/components/ThinkingToggle.js

@@ -8,7 +8,7 @@ import { HintLine } from './design-system/HintLine.js';
  * The `/thinking` display dialog: a permission-colored Pane with a bold
  * title, the Shown/Hidden select, and the Enter/Esc hint line.
  */
-export function ThinkingToggle({ currentValue, focusIndex, }) {
+export function ThinkingToggle({ currentValue, focusIndex, onPick, }) {
     const options = [
         {
             value: 'true',
@@ -21,5 +21,5 @@ export function ThinkingToggle({ currentValue, focusIndex, }) {
             description: t('thinking-disabled-desc'),
         },
     ];
-    return (_jsxs(Pane, { color: "permission", children: [_jsxs(Box, { flexDirection: "column", children: [_jsxs(Box, { marginBottom: 1, flexDirection: "column", children: [_jsx(Text, { color: "remember", bold: true, children: t('thinking-title') }), _jsx(Text, { dimColor: true, children: t('thinking-subtitle') })] }), _jsx(Box, { flexDirection: "column", marginBottom: 1, children: _jsx(Select, { options: options, focusIndex: focusIndex, selectedValue: currentValue ? 'true' : 'false', visibleOptionCount: 2 }) })] }), _jsx(Text, { dimColor: true, italic: true, children: _jsx(HintLine, { text: t('hint-confirm-exit') }) })] }));
+    return (_jsxs(Pane, { color: "permission", children: [_jsxs(Box, { flexDirection: "column", children: [_jsxs(Box, { marginBottom: 1, flexDirection: "column", children: [_jsx(Text, { color: "remember", bold: true, children: t('thinking-title') }), _jsx(Text, { dimColor: true, children: t('thinking-subtitle') })] }), _jsx(Box, { flexDirection: "column", marginBottom: 1, children: _jsx(Select, { options: options, focusIndex: focusIndex, selectedValue: currentValue ? 'true' : 'false', visibleOptionCount: 2, onPick: onPick === undefined ? undefined : (index) => onPick(index) }) })] }), _jsx(Text, { dimColor: true, italic: true, children: _jsx(HintLine, { text: t('hint-confirm-exit') }) })] }));
 }

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

@@ -0,0 +1,53 @@
+import React from 'react';
+import { type ScrollBoxHandle } from '../ui.js';
+import { type TimelineTurn } from '../ink/timeline-rail.js';
+/**
+ * Timeline rail: the fullscreen transcript's turn navigator — a 2-column
+ * gutter REPLACING the classic scrollbar (Grok Build's timeline sidebar,
+ * ported to the dsh Ink tree).
+ *
+ *  - one tick per user turn; tick position encodes conversation order,
+ *    not scroll proportion (a long answer must not skew the timeline);
+ *  - the tick of the turn owning the viewport top row (the turn being
+ *    read — same anchor the sticky prompt header pins) renders as `━━`;
+ *    hovering a tick widens it to `──` and pops a preview card left of
+ *    the rail; idle ticks are a short dim ` ─`;
+ *  - ▲ / ▾ step between turns by STRICT geometry (nearest prompt above /
+ *    below the viewport top — never `active ± 1`, which can name a turn
+ *    no scroll reaches), so a dim chevron is always a guaranteed no-op;
+ *  - clicking a tick (or chevron) jumps by content coordinate — the
+ *    prompt's measured top — no element seek, no force-mount race;
+ *  - more turns than rows: the window slides around the active tick, and
+ *    pins to the tail while at the bottom (never excluding active);
+ *  - hidden below 60 terminal columns, under 2 turns, under 3 viewport
+ *    rows, or when the content fits (inline mode keeps the terminal's
+ *    native scrollback).
+ *
+ * The whole 2-column width is the hit target; the rail is fenced with
+ * NoSelect so click-drag text selection never picks up its glyphs, and
+ * the wheel scrolls the transcript (the rail has no scroll of its own).
+ */
+export declare function TimelineRail({ handle, turns, activeId, upId, downId, terminalWidth, hoverEnabled, onRevealTurn, }: {
+    handle: ScrollBoxHandle | null;
+    /** Turns in conversation order (MessageList's measured snapshot). */
+    turns: ReadonlyArray<TimelineTurn>;
+    /** Turn owning the viewport top row (rail highlight target). */
+    activeId: number | null;
+    /** ▲ target: nearest turn strictly above the viewport top. */
+    upId: number | null;
+    /** ▼ target: nearest turn below the viewport top that a scroll can
+     *  still bring to the top row. */
+    downId: number | null;
+    terminalWidth: number;
+    /** False while a modal overlay owns the screen — suppress the hover
+     *  card (the rail itself stays, but stops narrating). */
+    hoverEnabled: boolean;
+    /**
+     * Reveal-and-seek for FOLDED turns (older than the recent-rows window):
+     * Chat expands the fold (showAll) and seeks through the force-mount
+     * path — the row's top is unknown until it mounts, so the coordinate
+     * jump below does not apply to it.
+     */
+    onRevealTurn: (rowId: number) => void;
+}): React.ReactNode;
+//# sourceMappingURL=TimelineRail.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TimelineRail.d.ts","sourceRoot":"","sources":["../../../src/components/TimelineRail.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAuB,KAAK,eAAe,EAAE,MAAM,UAAU,CAAA;AAEpE,OAAO,EAKL,KAAK,YAAY,EAClB,MAAM,yBAAyB,CAAA;AAwBhC;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,wBAAgB,YAAY,CAAC,EAC3B,MAAM,EACN,KAAK,EACL,QAAQ,EACR,IAAI,EACJ,MAAM,EACN,aAAa,EACb,YAAY,EACZ,YAAY,GACb,EAAE;IACD,MAAM,EAAE,eAAe,GAAG,IAAI,CAAA;IAC9B,qEAAqE;IACrE,KAAK,EAAE,aAAa,CAAC,YAAY,CAAC,CAAA;IAClC,gEAAgE;IAChE,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAA;IACvB,8DAA8D;IAC9D,IAAI,EAAE,MAAM,GAAG,IAAI,CAAA;IACnB;sCACkC;IAClC,MAAM,EAAE,MAAM,GAAG,IAAI,CAAA;IACrB,aAAa,EAAE,MAAM,CAAA;IACrB;6DACyD;IACzD,YAAY,EAAE,OAAO,CAAA;IACrB;;;;;OAKG;IACH,YAAY,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;CACtC,GAAG,KAAK,CAAC,SAAS,CAqNlB"}

package/lib/types/components/TimelineRail.js

@@ -0,0 +1,197 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from 'react';
+import { Box, Text, NoSelect } from '../ui.js';
+import { stringWidth } from '../ink/stringWidth.js';
+import { RAIL_WIDTH, railEligible, computeRailGeometry, wrapPreviewLines, } from '../ink/timeline-rail.js';
+/** ▴ / ▾ (U+25B4 / U+25BE — the small triangles; CP437-safe on ConHost too). */
+const CHEVRON_UP = ' ▴';
+const CHEVRON_DOWN = ' ▾';
+/** Tick glyphs, right-aligned across the 2-col rail (Grok Build spec):
+ *  active = heavy stroke, hover = wide light stroke, idle = short dim
+ *  stroke in the rightmost cell. */
+const TICK_ACTIVE = '━━';
+const TICK_HOVER = '──';
+const TICK_IDLE = ' ─';
+/** Pointer rest time before the hover preview card pops (ms). Sweeps
+ *  never mount a card; only a deliberate pause does. */
+const HOVER_DWELL_MS = 120;
+/**
+ * Timeline rail: the fullscreen transcript's turn navigator — a 2-column
+ * gutter REPLACING the classic scrollbar (Grok Build's timeline sidebar,
+ * ported to the dsh Ink tree).
+ *
+ *  - one tick per user turn; tick position encodes conversation order,
+ *    not scroll proportion (a long answer must not skew the timeline);
+ *  - the tick of the turn owning the viewport top row (the turn being
+ *    read — same anchor the sticky prompt header pins) renders as `━━`;
+ *    hovering a tick widens it to `──` and pops a preview card left of
+ *    the rail; idle ticks are a short dim ` ─`;
+ *  - ▲ / ▾ step between turns by STRICT geometry (nearest prompt above /
+ *    below the viewport top — never `active ± 1`, which can name a turn
+ *    no scroll reaches), so a dim chevron is always a guaranteed no-op;
+ *  - clicking a tick (or chevron) jumps by content coordinate — the
+ *    prompt's measured top — no element seek, no force-mount race;
+ *  - more turns than rows: the window slides around the active tick, and
+ *    pins to the tail while at the bottom (never excluding active);
+ *  - hidden below 60 terminal columns, under 2 turns, under 3 viewport
+ *    rows, or when the content fits (inline mode keeps the terminal's
+ *    native scrollback).
+ *
+ * The whole 2-column width is the hit target; the rail is fenced with
+ * NoSelect so click-drag text selection never picks up its glyphs, and
+ * the wheel scrolls the transcript (the rail has no scroll of its own).
+ */
+export function TimelineRail({ handle, turns, activeId, upId, downId, terminalWidth, hoverEnabled, onRevealTurn, }) {
+    const [, setTick] = React.useState(0);
+    const [hover, setHover] = React.useState(null);
+    // Dwell-gated preview card: the card pops only after the pointer RESTS
+    // on a tick for HOVER_DWELL_MS. Sweeping the rail fires enter/leave per
+    // cell — without the gate each crossing mounts an absolute-positioned
+    // card at a new spot (flapping previews, absolute-rect churn, and the
+    // fast-sweep residue users reported). The glyph highlight stays instant
+    // (cheap, no overlay); only the card waits for intent.
+    const [cardIndex, setCardIndex] = React.useState(null);
+    const dwellTimerRef = React.useRef(null);
+    const clearDwell = React.useCallback(() => {
+        if (dwellTimerRef.current !== null) {
+            clearTimeout(dwellTimerRef.current);
+            dwellTimerRef.current = null;
+        }
+        setCardIndex(null);
+    }, []);
+    const armDwell = React.useCallback((index) => {
+        if (dwellTimerRef.current !== null)
+            clearTimeout(dwellTimerRef.current);
+        dwellTimerRef.current = setTimeout(() => {
+            dwellTimerRef.current = null;
+            setCardIndex(index);
+        }, HOVER_DWELL_MS);
+    }, []);
+    React.useEffect(() => () => {
+        if (dwellTimerRef.current !== null)
+            clearTimeout(dwellTimerRef.current);
+    }, []);
+    React.useEffect(() => {
+        if (!handle)
+            return;
+        return handle.subscribe(() => {
+            setTick(t => t + 1);
+            // A scroll (wheel over the rail, tick/chevron jump, header click)
+            // slides the tick window under a STATIONARY pointer — without this,
+            // the hover card keeps re-narrating whatever turn now sits under the
+            // pointer cell, flapping previews across turns every frame (reads as
+            // ghosting). OpenCode's modality rule: only a real mouse move may
+            // re-enter hover; Grok likewise clears the hover popup on tick click.
+            // setHover(null) on an already-null hover is a React no-op.
+            setHover(null);
+            clearDwell();
+        });
+    }, [handle, clearDwell]);
+    if (!handle)
+        return null;
+    const viewport = handle.getViewportHeight();
+    const content = handle.getScrollHeight();
+    const maxScroll = Math.max(0, content - viewport);
+    if (!railEligible({
+        turnCount: turns.length,
+        terminalWidth,
+        viewportRows: viewport,
+        scrollable: content > viewport,
+    }))
+        return null;
+    const activeIndex = turns.findIndex(t => t.id === activeId);
+    // Tail-pin the tick window while the viewport sits at the bottom
+    // (sticky flag OR positional) — newest ticks stay on screen.
+    const atBottom = handle.isSticky() || handle.getScrollTop() >= maxScroll;
+    const geo = computeRailGeometry(turns.length, viewport, activeIndex === -1 ? null : activeIndex, atBottom);
+    if (!geo)
+        return null;
+    // Jump by CONTENT COORDINATE, not by element: the target row is usually
+    // unmounted (virtualization), and the element-based seek's force-mount
+    // path races React's synchronous re-render (the renderer's deferred
+    // Yoga read can see a detached anchor and silently no-op). The turn's
+    // reported top is the measured text position — scrollTo() lands the
+    // prompt exactly at the viewport top; the renderer clamps unreachable
+    // tail tops to maxScroll (their turns stay on screen, just short of
+    // owning the top row — and ▼ never names them, see timeline-rail.ts).
+    // FOLDDED turns have no measured top (-1): their click (and ▲ naming
+    // one) routes through onRevealTurn instead — expand the fold, then the
+    // existing force-mount seek lands the row once it measures.
+    const jumpToIndex = (index) => {
+        const turn = turns[index];
+        if (!turn)
+            return;
+        if (turn.folded)
+            onRevealTurn(turn.id);
+        else
+            handle.scrollTo(turn.top);
+    };
+    const jumpToId = (id) => {
+        if (id === null)
+            return;
+        const index = turns.findIndex(t => t.id === id);
+        if (index !== -1)
+            jumpToIndex(index);
+    };
+    const shown = geo.windowEnd - geo.windowStart;
+    const chevron = (kind) => {
+        const enabled = (kind === 'up' ? upId : downId) !== null;
+        const hovered = hover?.kind === kind;
+        const glyph = kind === 'up' ? CHEVRON_UP : CHEVRON_DOWN;
+        const color = !enabled ? 'subtle' : hovered ? 'text' : 'inactive';
+        return (_jsx(Box, { height: 1, flexShrink: 0, onClick: () => jumpToId(kind === 'up' ? upId : downId), onMouseEnter: () => setHover({ kind }), onMouseLeave: () => setHover(null), children: _jsx(Text, { color: color, children: glyph }) }, kind));
+    };
+    const tickRows = [];
+    for (let k = 0; k < shown; k++) {
+        const index = geo.windowStart + k;
+        const turn = turns[index];
+        const isActive = index === activeIndex;
+        const isHovered = hover?.kind === 'tick' && hover.index === index;
+        const glyph = isActive ? TICK_ACTIVE : isHovered ? TICK_HOVER : TICK_IDLE;
+        const color = isActive || isHovered ? 'text' : 'subtle';
+        tickRows.push(_jsx(Box, { height: 1, flexShrink: 0, onClick: () => jumpToIndex(index), onMouseEnter: () => {
+                setHover({ kind: 'tick', index });
+                armDwell(index);
+            }, onMouseLeave: () => {
+                setHover(null);
+                clearDwell();
+            }, children: _jsx(Text, { color: color, children: glyph }) }, turn.id));
+    }
+    // Hover preview card, anchored left of the rail and vertically centered
+    // on the hovered tick (shrink-to-fit, rounded chrome). Dwell-gated: only
+    // cardIndex (armed after HOVER_DWELL_MS of rest) draws — a sweep keeps
+    // hover flashing on glyphs but never mounts the overlay. Suppressed
+    // while an overlay owns the screen — the rail stops narrating over
+    // dialogs.
+    let card = null;
+    if (hoverEnabled && cardIndex !== null) {
+        const turn = turns[cardIndex];
+        if (turn && turn.preview.length > 0) {
+            const tickRow = geo.tickTop + cardIndex - geo.windowStart;
+            if (tickRow >= geo.tickTop && tickRow < geo.downRow) {
+                const budget = Math.min(32, Math.max(16, Math.floor((terminalWidth - RAIL_WIDTH) / 2)));
+                const lines = wrapPreviewLines(turn.preview, budget);
+                if (lines.length > 0 && lines.some(l => l.length > 0)) {
+                    const widest = Math.max(...lines.map(l => stringWidth(l)));
+                    const cardW = widest + 4; // rounded border ×2 + padding ×2
+                    const cardH = lines.length + 2;
+                    if (cardH <= viewport) {
+                        const top = Math.max(0, Math.min(tickRow - Math.floor(cardH / 2), viewport - cardH));
+                        card = (_jsx(Box, { position: "absolute", top: top, right: RAIL_WIDTH + 1, width: cardW, height: cardH, flexDirection: "column", flexShrink: 0, borderStyle: "round", borderColor: "inactive", paddingX: 1, 
+                            // The card floats LEFT of the rail over selectable
+                            // transcript text; fence its own rect so a drag that
+                            // happens under a dwell-popped preview never copies the
+                            // card's preview glyphs. On the box itself (not a NoSelect
+                            // wrapper): absolute children don't contribute to a flow
+                            // wrapper's layout, so a wrapper's region would be 0×0.
+                            noSelect: true, children: lines.map((line, i) => (_jsx(Text, { color: "text", wrap: "truncate-end", children: line }, i))) }));
+                    }
+                }
+            }
+        }
+    }
+    return (_jsx(NoSelect, { children: _jsxs("ink-box", { onWheel: e => {
+                if (e.deltaY !== 0)
+                    handle.scrollBy(e.deltaY);
+            }, style: { flexDirection: 'column', flexShrink: 0, width: RAIL_WIDTH }, children: [_jsx(Box, { height: geo.upRow, flexShrink: 0 }), chevron('up'), tickRows, chevron('down'), card] }) }));
+}

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

@@ -1,7 +1,7 @@
 import React from 'react';
 import type { TuiWorkspaceChoice } from '../workspaces.js';
 /** Generic nested choice surface returned by a workspace provider command. */
-export declare function WorkspaceFlowPicker({ title, choices, focusIndex, busy, input, }: {
+export declare function WorkspaceFlowPicker({ title, choices, focusIndex, busy, input, onPick, }: {
     title: string;
     choices: readonly TuiWorkspaceChoice[];
     focusIndex: number;
@@ -11,5 +11,10 @@ export declare function WorkspaceFlowPicker({ title, choices, focusIndex, busy,
         cursor: number;
         placeholder?: string;
     } | null;
+    /** Mouse pick (fullscreen): reports the clicked row's absolute index —
+     *  Chat applies it with the same code path as the keyboard Enter. Rows
+     *  are inert while busy (keyboard is swallowed too) and while the inline
+     *  text input owns the interaction. */
+    onPick?: (index: number) => void;
 }): React.ReactNode;
 //# sourceMappingURL=WorkspaceFlowPicker.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"WorkspaceFlowPicker.d.ts","sourceRoot":"","sources":["../../../src/components/WorkspaceFlowPicker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAA;AAO1D,8EAA8E;AAC9E,wBAAgB,mBAAmB,CAAC,EAClC,KAAK,EACL,OAAO,EACP,UAAU,EACV,IAAY,EACZ,KAAY,GACb,EAAE;IACD,KAAK,EAAE,MAAM,CAAA;IACb,OAAO,EAAE,SAAS,kBAAkB,EAAE,CAAA;IACtC,UAAU,EAAE,MAAM,CAAA;IAClB,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,KAAK,CAAC,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAC;QAAC,WAAW,CAAC,EAAE,MAAM,CAAA;KAAE,GAAG,IAAI,CAAA;CACvE,GAAG,KAAK,CAAC,SAAS,CAoDlB"}
+{"version":3,"file":"WorkspaceFlowPicker.d.ts","sourceRoot":"","sources":["../../../src/components/WorkspaceFlowPicker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAA;AAO1D,8EAA8E;AAC9E,wBAAgB,mBAAmB,CAAC,EAClC,KAAK,EACL,OAAO,EACP,UAAU,EACV,IAAY,EACZ,KAAY,EACZ,MAAM,GACP,EAAE;IACD,KAAK,EAAE,MAAM,CAAA;IACb,OAAO,EAAE,SAAS,kBAAkB,EAAE,CAAA;IACtC,UAAU,EAAE,MAAM,CAAA;IAClB,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,KAAK,CAAC,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAC;QAAC,WAAW,CAAC,EAAE,MAAM,CAAA;KAAE,GAAG,IAAI,CAAA;IACtE;;;2CAGuC;IACvC,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;CACjC,GAAG,KAAK,CAAC,SAAS,CA0DlB"}

package/lib/types/components/WorkspaceFlowPicker.js

@@ -6,10 +6,12 @@ import { ListItem } from './design-system/ListItem.js';
 import { HintLine } from './design-system/HintLine.js';
 const WINDOW = 8;
 /** Generic nested choice surface returned by a workspace provider command. */
-export function WorkspaceFlowPicker({ title, choices, focusIndex, busy = false, input = null, }) {
+export function WorkspaceFlowPicker({ title, choices, focusIndex, busy = false, input = null, onPick, }) {
     const start = Math.max(0, Math.min(focusIndex - Math.floor(WINDOW / 2), choices.length - WINDOW));
     const visible = choices.slice(start, start + WINDOW);
-    return (_jsxs(Pane, { color: "permission", children: [_jsxs(Box, { flexDirection: "column", children: [_jsx(Box, { marginBottom: 1, children: _jsx(Text, { color: "remember", bold: true, children: title }) }), visible.map((choice, index) => (_jsxs(ListItem, { isFocused: start + index === focusIndex, isSelected: false, description: choice.description, showScrollUp: index === 0 && start > 0, showScrollDown: index === visible.length - 1 && start + visible.length < choices.length, children: [choice.badge ? `${choice.badge} · ` : '', choice.label] }, choice.id))), input !== null && (_jsxs(Box, { marginTop: 1, children: [_jsx(Text, { color: "remember", children: "\u276F " }), input.value.length === 0 ? (_jsxs(_Fragment, { children: [_jsx(Text, { inverse: true, children: " " }), _jsx(Text, { dimColor: true, children: input.placeholder ?? '' })] })) : (_jsxs(_Fragment, { children: [_jsx(Text, { children: input.value.slice(0, input.cursor) }), _jsx(Text, { inverse: true, children: input.value[input.cursor] ?? ' ' }), _jsx(Text, { children: input.value.slice(input.cursor + 1) })] }))] }))] }), _jsx(Text, { dimColor: true, italic: true, children: _jsx(HintLine, { text: busy
+    return (_jsxs(Pane, { color: "permission", children: [_jsxs(Box, { flexDirection: "column", children: [_jsx(Box, { marginBottom: 1, children: _jsx(Text, { color: "remember", bold: true, children: title }) }), visible.map((choice, index) => (_jsxs(ListItem, { isFocused: start + index === focusIndex, isSelected: false, description: choice.description, disabled: busy, showScrollUp: index === 0 && start > 0, showScrollDown: index === visible.length - 1 && start + visible.length < choices.length, onClick: onPick !== undefined && !busy && input === null
+                            ? () => onPick(start + index)
+                            : undefined, children: [choice.badge ? `${choice.badge} · ` : '', choice.label] }, choice.id))), input !== null && (_jsxs(Box, { marginTop: 1, children: [_jsx(Text, { color: "remember", children: "\u276F " }), input.value.length === 0 ? (_jsxs(_Fragment, { children: [_jsx(Text, { inverse: true, children: " " }), _jsx(Text, { dimColor: true, children: input.placeholder ?? '' })] })) : (_jsxs(_Fragment, { children: [_jsx(Text, { children: input.value.slice(0, input.cursor) }), _jsx(Text, { inverse: true, children: input.value[input.cursor] ?? ' ' }), _jsx(Text, { children: input.value.slice(input.cursor + 1) })] }))] }))] }), _jsx(Text, { dimColor: true, italic: true, children: _jsx(HintLine, { text: busy
                         ? t('workspace-flow-loading')
                         : input !== null
                             ? t('workspace-flow-input-hint')

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

@@ -0,0 +1,19 @@
+import React from 'react';
+/**
+ * Bare `/workspace` action menu: the built-in subcommands (resume / rename /
+ * open) plus any dynamically registered workspace extensions. Enter runs the
+ * focused action through the same paths a hand-typed subcommand takes;
+ * actions needing free text (rename/open) fall back to their usage notice.
+ */
+export declare function WorkspaceMenuPicker({ options, focusIndex, onPick, }: {
+    options: readonly {
+        id: string;
+        label: string;
+        description: string;
+    }[];
+    focusIndex: number;
+    /** Mouse pick (fullscreen): reports the clicked row's index — Chat
+     *  applies it with the same code path as the keyboard Enter. */
+    onPick?: (index: number) => void;
+}): React.ReactNode;
+//# sourceMappingURL=WorkspaceMenuPicker.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"WorkspaceMenuPicker.d.ts","sourceRoot":"","sources":["../../../src/components/WorkspaceMenuPicker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAOzB;;;;;GAKG;AACH,wBAAgB,mBAAmB,CAAC,EAClC,OAAO,EACP,UAAU,EACV,MAAM,GACP,EAAE;IACD,OAAO,EAAE,SAAS;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,WAAW,EAAE,MAAM,CAAA;KAAE,EAAE,CAAA;IACtE,UAAU,EAAE,MAAM,CAAA;IAClB;oEACgE;IAChE,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;CACjC,GAAG,KAAK,CAAC,SAAS,CAyBlB"}

package/lib/types/components/WorkspaceMenuPicker.js

@@ -0,0 +1,19 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { t } from '../i18n.js';
+import { Box, Text } from '../ui.js';
+import { Pane } from './design-system/Pane.js';
+import { Select } from './Select.js';
+import { HintLine } from './design-system/HintLine.js';
+/**
+ * Bare `/workspace` action menu: the built-in subcommands (resume / rename /
+ * open) plus any dynamically registered workspace extensions. Enter runs the
+ * focused action through the same paths a hand-typed subcommand takes;
+ * actions needing free text (rename/open) fall back to their usage notice.
+ */
+export function WorkspaceMenuPicker({ options, focusIndex, onPick, }) {
+    return (_jsx(Pane, { color: "permission", children: _jsxs(Box, { flexDirection: "column", children: [_jsx(Box, { marginBottom: 1, children: _jsx(Text, { color: "remember", bold: true, children: t('workspace-menu-title') }) }), _jsx(Select, { options: options.map(option => ({
+                        value: option.id,
+                        label: option.label,
+                        description: option.description,
+                    })), focusIndex: focusIndex, selectedValue: undefined, onPick: onPick === undefined ? undefined : (index) => onPick(index) }), _jsx(Text, { dimColor: true, italic: true, children: _jsx(HintLine, { text: t('hint-confirm-exit') }) })] }) }));
+}

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

@@ -1,9 +1,12 @@
 import React from 'react';
 import type { TuiWorkspaceTarget } from '../workspaces.js';
 /** `/workspace` target picker contributed by local and optional providers. */
-export declare function WorkspacePicker({ targets, focusIndex, currentCwd, }: {
+export declare function WorkspacePicker({ targets, focusIndex, currentCwd, onPick, }: {
     targets: readonly TuiWorkspaceTarget[];
     focusIndex: number;
     currentCwd: string;
+    /** Mouse pick (fullscreen): reports the clicked row's absolute index —
+     *  Chat applies it with the same code path as the keyboard Enter. */
+    onPick?: (index: number) => void;
 }): React.ReactNode;
 //# sourceMappingURL=WorkspacePicker.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"WorkspacePicker.d.ts","sourceRoot":"","sources":["../../../src/components/WorkspacePicker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAA;AAO1D,8EAA8E;AAC9E,wBAAgB,eAAe,CAAC,EAC9B,OAAO,EACP,UAAU,EACV,UAAU,GACX,EAAE;IACD,OAAO,EAAE,SAAS,kBAAkB,EAAE,CAAA;IACtC,UAAU,EAAE,MAAM,CAAA;IAClB,UAAU,EAAE,MAAM,CAAA;CACnB,GAAG,KAAK,CAAC,SAAS,CAyBlB"}
+{"version":3,"file":"WorkspacePicker.d.ts","sourceRoot":"","sources":["../../../src/components/WorkspacePicker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAA;AAO1D,8EAA8E;AAC9E,wBAAgB,eAAe,CAAC,EAC9B,OAAO,EACP,UAAU,EACV,UAAU,EACV,MAAM,GACP,EAAE;IACD,OAAO,EAAE,SAAS,kBAAkB,EAAE,CAAA;IACtC,UAAU,EAAE,MAAM,CAAA;IAClB,UAAU,EAAE,MAAM,CAAA;IAClB;yEACqE;IACrE,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;CACjC,GAAG,KAAK,CAAC,SAAS,CA0BlB"}

package/lib/types/components/WorkspacePicker.js

@@ -6,8 +6,8 @@ import { ListItem } from './design-system/ListItem.js';
 import { HintLine } from './design-system/HintLine.js';
 const WINDOW = 8;
 /** `/workspace` target picker contributed by local and optional providers. */
-export function WorkspacePicker({ targets, focusIndex, currentCwd, }) {
+export function WorkspacePicker({ targets, focusIndex, currentCwd, onPick, }) {
     const start = Math.max(0, Math.min(focusIndex - Math.floor(WINDOW / 2), targets.length - WINDOW));
     const visible = targets.slice(start, start + WINDOW);
-    return (_jsxs(Pane, { color: "permission", children: [_jsxs(Box, { flexDirection: "column", children: [_jsx(Box, { marginBottom: 1, children: _jsx(Text, { color: "remember", bold: true, children: t('workspace-picker-title') }) }), visible.map((target, index) => (_jsxs(ListItem, { isFocused: start + index === focusIndex, isSelected: target.cwd === currentCwd, description: target.description ?? target.uri, showScrollUp: index === 0 && start > 0, showScrollDown: index === visible.length - 1 && start + visible.length < targets.length, children: [target.badge, " \u00B7 ", target.label] }, target.uri)))] }), _jsx(Text, { dimColor: true, italic: true, children: _jsx(HintLine, { text: t('workspace-picker-hint') }) })] }));
+    return (_jsxs(Pane, { color: "permission", children: [_jsxs(Box, { flexDirection: "column", children: [_jsx(Box, { marginBottom: 1, children: _jsx(Text, { color: "remember", bold: true, children: t('workspace-picker-title') }) }), visible.map((target, index) => (_jsxs(ListItem, { isFocused: start + index === focusIndex, isSelected: target.cwd === currentCwd, description: target.description ?? target.uri, showScrollUp: index === 0 && start > 0, showScrollDown: index === visible.length - 1 && start + visible.length < targets.length, onClick: onPick === undefined ? undefined : () => onPick(start + index), children: [target.badge, " \u00B7 ", target.label] }, target.uri)))] }), _jsx(Text, { dimColor: true, italic: true, children: _jsx(HintLine, { text: t('workspace-picker-hint') }) })] }));
 }

package/lib/types/components/approvals/ApprovalPanel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ApprovalPanel.d.ts","sourceRoot":"","sources":["../../../../src/components/approvals/ApprovalPanel.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAA;AAMzB,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,gCAAgC,CAAA;AAEtE,MAAM,MAAM,kBAAkB,GAAG;IAC/B,gEAAgE;IAChE,QAAQ,CAAC,QAAQ,EAAE,gBAAgB,CAAA;IACnC,QAAQ,CAAC,QAAQ,EAAE,CAAC,OAAO,EAAE,cAAc,GAAG,UAAU,KAAK,IAAI,CAAA;CAClE,CAAA;AAID,wBAAgB,aAAa,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,kBAAkB,GAAG,KAAK,CAAC,SAAS,CAmEzF"}
+{"version":3,"file":"ApprovalPanel.d.ts","sourceRoot":"","sources":["../../../../src/components/approvals/ApprovalPanel.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAA;AAMzB,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,gCAAgC,CAAA;AAEtE,MAAM,MAAM,kBAAkB,GAAG;IAC/B,gEAAgE;IAChE,QAAQ,CAAC,QAAQ,EAAE,gBAAgB,CAAA;IACnC,QAAQ,CAAC,QAAQ,EAAE,CAAC,OAAO,EAAE,cAAc,GAAG,UAAU,KAAK,IAAI,CAAA;CAClE,CAAA;AAID,wBAAgB,aAAa,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,kBAAkB,GAAG,KAAK,CAAC,SAAS,CA+EzF"}