@deepseek-harness-tui/dsh-tui 0.13.0 → 0.14.0

package/lib/types/components/CommandSuggestions.js

@@ -13,14 +13,21 @@ import { SuggestionCard, cardContentWidth, splitQueryMatch } from './SuggestionC
  *   ╭─ 命令 · 共 12 项 ──────────────────────╮
  *   │ ❯ compact  Summarize earlier turns…  │   ← 选中：❯ + 加粗 + suggestion 色
  *   │   compare  Compare selected messages … │   ← 名字里命中输入的段提亮
+ *   │   new      Start a new conversation   │   ← 灰区整行 subtle，不提亮命中
  *   │ ↑2 · ↓3                                 │   ← 仅当列表被窗口裁剪
  *   ╰─────────────────────────────────────────╯
  *
  * 未选中行整体 dim，唯独名字里匹配当前查询 token 的前缀以正常亮度提亮
  * （bold 与 dim 在终端互斥，故提亮用非 dim 而非加粗）；选中行整行
  * suggestion 色、名字加粗、前置 ❯ 指针。
+ *
+ * issue #1072：回合运行中（`holdFrom` 有值）命令按「对当前对话的影响」分区——
+ * 不影响对话的留在上方用原样式，会被门禁拦下 / 会打断或替换对话 / 会 steer 的
+ * 沉底为灰区（主题 `subtle`，不做命中提亮，但仍可选中执行，该门禁的门禁、
+ * 该 steer 的 steer）。分区只是稳定重排：命令索引空间（`selectedIndex` /
+ * `onPick`）与窗口数学都不变，灰区只靠颜色区分，不额外占显示行。
  */
-export function CommandSuggestions({ commands, selectedIndex, columns, query = '', accent, onPick, onWheelStep, }) {
+export function CommandSuggestions({ commands, selectedIndex, columns, query = '', accent, holdFrom, onPick, onWheelStep, }) {
     if (commands.length === 0)
         return null;
     // Cap the command name column at 40% of the card's content width to ensure
@@ -28,6 +35,9 @@ export function CommandSuggestions({ commands, selectedIndex, columns, query = '
     const usable = cardContentWidth(columns);
     const maxNameWidth = Math.floor(usable * 0.4);
     const nameWidth = Math.min(Math.max(...commands.map(c => stringWidth(c.name))) + 5, maxNameWidth);
+    const holdStart = holdFrom === undefined || holdFrom >= commands.length
+        ? commands.length
+        : Math.max(0, holdFrom);
     const maxVisible = 5;
     const startIndex = Math.max(0, Math.min(selectedIndex - Math.floor(maxVisible / 2), commands.length - maxVisible));
     const visible = commands.slice(startIndex, startIndex + maxVisible);
@@ -44,8 +54,10 @@ export function CommandSuggestions({ commands, selectedIndex, columns, query = '
             .filter((part) => part !== null)
             .join(' · ')
         : null;
-    return (_jsx(SuggestionCard, { title: title, columns: columns, accent: accent, footer: footer, onRowPick: onPick ? index => onPick(startIndex + index) : undefined, onWheelStep: onWheelStep, rows: visible.map(command => {
+    return (_jsx(SuggestionCard, { title: title, columns: columns, accent: accent, footer: footer, onRowPick: onPick ? index => onPick(startIndex + index) : undefined, onWheelStep: onWheelStep, rows: visible.map((command, offset) => {
+            const commandIndex = startIndex + offset;
             const isSelected = command.name === commands[selectedIndex]?.name;
+            const isHeld = commandIndex >= holdStart;
             const tagText = command.tag ? `[${command.tag}] ` : '';
             const tagWidth = stringWidth(tagText);
             // 行预算：内容宽 − 前导空格 1 − 指针列 2。
@@ -54,8 +66,13 @@ export function CommandSuggestions({ commands, selectedIndex, columns, query = '
             const description = stringWidth(rawDescription) > descriptionWidth
                 ? truncateToWidth(rawDescription, descriptionWidth - 1) + '…'
                 : rawDescription;
-            const parts = splitQueryMatch(command.name, queryToken);
             const padAfter = Math.max(0, nameWidth - stringWidth(command.name));
+            // 灰区整行一个 `subtle`，且刻意不做查询命中提亮（灰区不该看起来像
+            // 「可用」）。选中行仍走下方通用样式，保证光标始终可见。
+            if (isHeld && !isSelected) {
+                return (_jsx(Text, { color: "subtle", wrap: "truncate", children: `  ${command.name}${' '.repeat(padAfter)}${tagText}${description}` }, command.name));
+            }
+            const parts = isHeld ? null : splitQueryMatch(command.name, queryToken);
             return (_jsxs(Text, { wrap: "truncate", children: [' ', isSelected ? (_jsx(Text, { color: "suggestion", bold: true, children: `${POINTER} ${command.name}${' '.repeat(padAfter)}` })) : parts ? (_jsxs(_Fragment, { children: [_jsx(Text, { dimColor: true, children: `  ${parts.before}` }), _jsx(Text, { children: parts.match }), _jsx(Text, { dimColor: true, children: `${parts.after}${' '.repeat(padAfter)}` })] })) : (_jsx(Text, { dimColor: true, children: `  ${command.name}${' '.repeat(padAfter)}` })), tagText ? _jsx(Text, { dimColor: true, children: tagText }) : null, _jsx(Text, { color: isSelected ? 'suggestion' : undefined, dimColor: !isSelected, children: description })] }, command.name));
         }) }));
 }

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

@@ -21,9 +21,9 @@ import { type ContextSegments } from '../screens/StatusMetrics.js';
  * can react to the pointer, not to restyle it.
  */
 export declare function ContextBarView({ segments, usedTokens, contextWindow, width, colors, onHover, }: {
-    /** Used tokens per content type. */
+    /** Local token estimates per content type, dividing the filled portion only. */
     segments: ContextSegments;
-    /** Total used tokens, driving the usage readout. */
+    /** Measured occupancy, driving both fill length and readout. */
     usedTokens: number;
     /** The context window size in tokens. */
     contextWindow: number;

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

@@ -1 +1 @@
-{"version":3,"file":"ContextBarView.d.ts","sourceRoot":"","sources":["../../../src/components/ContextBarView.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAA;AAC7C,OAAO,EAQL,KAAK,eAAe,EACrB,MAAM,6BAA6B,CAAA;AAEpC;;;;;;;;;;;;;;;;;;GAkBG;AACH,wBAAgB,cAAc,CAAC,EAC7B,QAAQ,EACR,UAAU,EACV,aAAa,EACb,KAAK,EACL,MAAM,EACN,OAAO,GACR,EAAE;IACD,oCAAoC;IACpC,QAAQ,EAAE,eAAe,CAAA;IACzB,oDAAoD;IACpD,UAAU,EAAE,MAAM,CAAA;IAClB,yCAAyC;IACzC,aAAa,EAAE,MAAM,CAAA;IACrB,2CAA2C;IAC3C,KAAK,EAAE,MAAM,CAAA;IACb,yEAAyE;IACzE,MAAM,CAAC,EAAE;QAAE,QAAQ,EAAE,KAAK,CAAC;QAAC,QAAQ,EAAE,KAAK,CAAA;KAAE,CAAA;IAC7C;+EAC2E;IAC3E,OAAO,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAA;CACrC,GAAG,KAAK,CAAC,SAAS,CA2DlB"}
+{"version":3,"file":"ContextBarView.d.ts","sourceRoot":"","sources":["../../../src/components/ContextBarView.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAA;AAE7C,OAAO,EAWL,KAAK,eAAe,EACrB,MAAM,6BAA6B,CAAA;AAEpC;;;;;;;;;;;;;;;;;;GAkBG;AACH,wBAAgB,cAAc,CAAC,EAC7B,QAAQ,EACR,UAAU,EACV,aAAa,EACb,KAAK,EACL,MAAM,EACN,OAAO,GACR,EAAE;IACD,gFAAgF;IAChF,QAAQ,EAAE,eAAe,CAAA;IACzB,gEAAgE;IAChE,UAAU,EAAE,MAAM,CAAA;IAClB,yCAAyC;IACzC,aAAa,EAAE,MAAM,CAAA;IACrB,2CAA2C;IAC3C,KAAK,EAAE,MAAM,CAAA;IACb,yEAAyE;IACzE,MAAM,CAAC,EAAE;QAAE,QAAQ,EAAE,KAAK,CAAC;QAAC,QAAQ,EAAE,KAAK,CAAA;KAAE,CAAA;IAC7C;+EAC2E;IAC3E,OAAO,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAA;CACrC,GAAG,KAAK,CAAC,SAAS,CA6ElB"}

package/lib/types/components/ContextBarView.js

@@ -1,6 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { Box, Text } from '../ui.js';
-import { FREE_SEGMENT_FILL, FREE_SEGMENT_TEXT, USED_SEGMENTS, allocateBarColumns, contextBarReadout, contextPressureStep, rightAlignBarText, } from '../screens/StatusMetrics.js';
+import { Box, Text, useTheme } from '../ui.js';
+import { getTheme } from '../theme.js';
+import { FREE_SEGMENT_FILL, FREE_SEGMENT_TEXT, USED_SEGMENTS, usedSegmentColor, contextBarColumns, contextBarReadout, contextBarSegmentColors, contextBarUsedColor, contextPressureStep, rightAlignBarText, } from '../screens/StatusMetrics.js';
 /**
  * The hoverable JSX twin of `renderContextBar`: the same segmented context
  * bar (same largest-remainder column split, same free-segment readout),
@@ -21,11 +22,14 @@ import { FREE_SEGMENT_FILL, FREE_SEGMENT_TEXT, USED_SEGMENTS, allocateBarColumns
  * can react to the pointer, not to restyle it.
  */
 export function ContextBarView({ segments, usedTokens, contextWindow, width, colors, onHover, }) {
+    // The five used fills come from the palette (contextBar* keys); only the free
+    // segment still takes an override, since its shading is a light/dark call the
+    // call site already made.
+    const [themeName] = useTheme();
     if (width <= 0 || contextWindow <= 0)
         return null;
-    const freeTokens = Math.max(0, contextWindow - usedTokens);
-    const values = [...USED_SEGMENTS.map(segment => segments[segment.key]), freeTokens];
-    const columns = allocateBarColumns(values, width);
+    const segmentColors = contextBarSegmentColors(getTheme(themeName));
+    const columns = contextBarColumns(segments, usedTokens, contextWindow, width);
     // The readout is the bar's only text, and its one pressure signal: amber
     // from 80% occupancy, red from 95% (the footer's shared thresholds). The
     // theme key wins over the free-text color, which stays for comfortable
@@ -34,15 +38,21 @@ export function ContextBarView({ segments, usedTokens, contextWindow, width, col
     const pressure = contextPressureStep((usedTokens / contextWindow) * 100);
     const nodes = [];
     for (const [index, segment] of USED_SEGMENTS.entries()) {
-        const segmentWidth = columns[index] ?? 0;
+        const segmentWidth = columns.used[index] ?? 0;
         if (segmentWidth <= 0)
             continue;
         // Childless on purpose: the renderer fills a node's own rect with its
         // backgroundColor, so the segment is a pure colored block (render-node-to-
         // output's ownBackgroundColor fill).
-        nodes.push(_jsx(Box, { width: segmentWidth, height: 1, flexShrink: 0, backgroundColor: segment.color }, segment.key));
+        nodes.push(_jsx(Box, { width: segmentWidth, height: 1, flexShrink: 0, backgroundColor: usedSegmentColor({
+                key: segment.key,
+                color: segmentColors[index] ?? segment.fallback,
+            }) }, segment.key));
     }
-    const freeWidth = columns[USED_SEGMENTS.length] ?? 0;
+    if (columns.unclassified > 0) {
+        nodes.push(_jsx(Box, { width: columns.unclassified, height: 1, flexShrink: 0, backgroundColor: contextBarUsedColor(segmentColors) }, "used"));
+    }
+    const freeWidth = columns.free;
     if (freeWidth > 0) {
         nodes.push(_jsx(Box, { width: freeWidth, height: 1, flexShrink: 0, backgroundColor: colors?.freeFill ?? FREE_SEGMENT_FILL, children: _jsx(Text, { color: pressure ?? colors?.freeText ?? FREE_SEGMENT_TEXT, wrap: "truncate", children: rightAlignBarText(readout, freeWidth) }) }, "free"));
     }

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

@@ -2,7 +2,7 @@
  * EffortChargeGlyph — 输入提示前缀 `❯ ` 的最高档强调与充能。
  *
  * 思考强度处于当前路线最高档期间，前缀换为点火强调色（加粗，与点焰波
- * 共用 hues[0]——同一瞬间前缀与波是同一种橙）；切到最高档的瞬间做一次
+ * 共用主题 ignition——同一瞬间前缀与波同色）；切到最高档的瞬间做一次
  * 150ms「充能」渐变（accentRamp 的暗端 → 全值）。冷启动已在最高档时
  * 不充能（充能只属于切换瞬间），离开最高档恢复原样的 dim 行为。
  *

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

@@ -1 +1 @@
-{"version":3,"file":"EffortChargeGlyph.d.ts","sourceRoot":"","sources":["../../../src/components/EffortChargeGlyph.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AACH,OAAO,KAAsD,MAAM,OAAO,CAAA;AAW1E,wBAAgB,iBAAiB,CAAC,EAChC,MAAM,EACN,MAAM,EACN,OAAO,GACR,EAAE;IACD,sCAAsC;IACtC,MAAM,EAAE,MAAM,GAAG,SAAS,CAAA;IAC1B,4BAA4B;IAC5B,MAAM,EAAE,SAAS,MAAM,EAAE,GAAG,SAAS,CAAA;IACrC,0BAA0B;IAC1B,OAAO,EAAE,OAAO,CAAA;CACjB,GAAG,KAAK,CAAC,SAAS,CAuDlB"}
+{"version":3,"file":"EffortChargeGlyph.d.ts","sourceRoot":"","sources":["../../../src/components/EffortChargeGlyph.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AACH,OAAO,KAAsD,MAAM,OAAO,CAAA;AAU1E,wBAAgB,iBAAiB,CAAC,EAChC,MAAM,EACN,MAAM,EACN,OAAO,GACR,EAAE;IACD,sCAAsC;IACtC,MAAM,EAAE,MAAM,GAAG,SAAS,CAAA;IAC1B,4BAA4B;IAC5B,MAAM,EAAE,SAAS,MAAM,EAAE,GAAG,SAAS,CAAA;IACrC,0BAA0B;IAC1B,OAAO,EAAE,OAAO,CAAA;CACjB,GAAG,KAAK,CAAC,SAAS,CAuDlB"}

package/lib/types/components/EffortChargeGlyph.js

@@ -3,7 +3,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
  * EffortChargeGlyph — 输入提示前缀 `❯ ` 的最高档强调与充能。
  *
  * 思考强度处于当前路线最高档期间，前缀换为点火强调色（加粗，与点焰波
- * 共用 hues[0]——同一瞬间前缀与波是同一种橙）；切到最高档的瞬间做一次
+ * 共用主题 ignition——同一瞬间前缀与波同色）；切到最高档的瞬间做一次
  * 150ms「充能」渐变（accentRamp 的暗端 → 全值）。冷启动已在最高档时
  * 不充能（充能只属于切换瞬间），离开最高档恢复原样的 dim 行为。
  *
@@ -18,10 +18,9 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useContext, useEffect, useReducer, useState } from 'react';
 import { Text, useTheme } from '../ui.js';
 import { ClockContext } from '../ink/components/ClockContext.js';
-import { accentRamp } from '../trajectory/effortIgnition.js';
+import { accentRamp, ignitionColors } from '../trajectory/effortIgnition.js';
 import { rgbString } from '../trajectory/motion.js';
 import { interpolateColor } from './Spinner/spinnerUtils.js';
-import { isLightThemeActive } from '../theme.js';
 /** 充能时长（ms）。 */
 const CHARGE_MS = 150;
 export function EffortChargeGlyph({ effort, levels, working, }) {
@@ -57,7 +56,7 @@ export function EffortChargeGlyph({ effort, levels, working, }) {
     }, [charging, clock]);
     if (!topActive)
         return _jsx(Text, { dimColor: working, children: "\u276F " });
-    const ramp = accentRamp(isLightThemeActive(themeName));
+    const ramp = accentRamp(ignitionColors(themeName));
     if (!charging) {
         // Steady state re-derives on every render (two allocations + one blend
         // per keystroke — negligible) instead of caching: a cached colour would

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

@@ -31,13 +31,12 @@ export interface InputBorderLabel {
     /** Chip foreground (theme token or raw color). */
     ink: keyof Theme | Color;
 }
-export declare function EffortInputBorder({ effort, levels, columns, onLight, idleColor, topRightLabel, children, }: {
+export declare function EffortInputBorder({ effort, levels, columns, idleColor, topRightLabel, children, }: {
     /** 当前思考强度档 id；`undefined` 表示路线未声明。 */
     effort: string | undefined;
     /** 当前路线的档位表（低→高，末位为最高档）；未知时传 `undefined`。 */
     levels: readonly string[] | undefined;
     columns: number;
-    onLight: boolean;
     /** 静止边框色（主题 token 名，如 'promptBorder' / 'planMode'）。 */
     idleColor: keyof Theme | Color;
     /** 顶边框右侧的静态标签 chip（会话名标签）；undefined = 不显示。 */

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

@@ -1 +1 @@
-{"version":3,"file":"EffortInputBorder.d.ts","sourceRoot":"","sources":["../../../src/components/EffortInputBorder.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,OAAO,KAA8D,MAAM,OAAO,CAAA;AAGlF,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAA;AAE7C,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,aAAa,CAAA;AAKxC,sEAAsE;AACtE,MAAM,WAAW,gBAAgB;IAC/B,4DAA4D;IAC5D,IAAI,EAAE,MAAM,CAAA;IACZ,kDAAkD;IAClD,KAAK,EAAE,MAAM,KAAK,GAAG,KAAK,CAAA;IAC1B,kDAAkD;IAClD,GAAG,EAAE,MAAM,KAAK,GAAG,KAAK,CAAA;CACzB;AAiDD,wBAAgB,iBAAiB,CAAC,EAChC,MAAM,EACN,MAAM,EACN,OAAO,EACP,OAAO,EACP,SAAS,EACT,aAAa,EACb,QAAQ,GACT,EAAE;IACD,sCAAsC;IACtC,MAAM,EAAE,MAAM,GAAG,SAAS,CAAA;IAC1B,6CAA6C;IAC7C,MAAM,EAAE,SAAS,MAAM,EAAE,GAAG,SAAS,CAAA;IACrC,OAAO,EAAE,MAAM,CAAA;IACf,OAAO,EAAE,OAAO,CAAA;IAChB,uDAAuD;IACvD,SAAS,EAAE,MAAM,KAAK,GAAG,KAAK,CAAA;IAC9B,8CAA8C;IAC9C,aAAa,CAAC,EAAE,gBAAgB,CAAA;IAChC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAC1B,GAAG,KAAK,CAAC,SAAS,CA0DlB"}
+{"version":3,"file":"EffortInputBorder.d.ts","sourceRoot":"","sources":["../../../src/components/EffortInputBorder.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,OAAO,KAA8D,MAAM,OAAO,CAAA;AAGlF,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAA;AAE7C,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,aAAa,CAAA;AAKxC,sEAAsE;AACtE,MAAM,WAAW,gBAAgB;IAC/B,4DAA4D;IAC5D,IAAI,EAAE,MAAM,CAAA;IACZ,kDAAkD;IAClD,KAAK,EAAE,MAAM,KAAK,GAAG,KAAK,CAAA;IAC1B,kDAAkD;IAClD,GAAG,EAAE,MAAM,KAAK,GAAG,KAAK,CAAA;CACzB;AAiDD,wBAAgB,iBAAiB,CAAC,EAChC,MAAM,EACN,MAAM,EACN,OAAO,EACP,SAAS,EACT,aAAa,EACb,QAAQ,GACT,EAAE;IACD,sCAAsC;IACtC,MAAM,EAAE,MAAM,GAAG,SAAS,CAAA;IAC1B,6CAA6C;IAC7C,MAAM,EAAE,SAAS,MAAM,EAAE,GAAG,SAAS,CAAA;IACrC,OAAO,EAAE,MAAM,CAAA;IACf,uDAAuD;IACvD,SAAS,EAAE,MAAM,KAAK,GAAG,KAAK,CAAA;IAC9B,8CAA8C;IAC9C,aAAa,CAAC,EAAE,gBAAgB,CAAA;IAChC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAC1B,GAAG,KAAK,CAAC,SAAS,CA6DlB"}

package/lib/types/components/EffortInputBorder.js

@@ -21,10 +21,10 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
  * 窗口订阅（keepAlive），播完回到零开销静止边框。
  */
 import { useContext, useEffect, useReducer, useState } from 'react';
-import { Box, Text } from '../ui.js';
+import { Box, Text, useTheme } from '../ui.js';
 import { ClockContext } from '../ink/components/ClockContext.js';
 import { stringWidth } from '../ink/stringWidth.js';
-import { IGNITION_TIMELINE, ignitionLineColors } from '../trajectory/effortIgnition.js';
+import { IGNITION_TIMELINE, ignitionColors, ignitionLineColors } from '../trajectory/effortIgnition.js';
 /** 边框行（顶/底共用同一色段序列——同步变色）。顶行可在右圆角前插入
  *  一个静态标签 chip（会话名），占用的列数从色段序列里扣掉，行宽不变。 */
 function BorderRow({ left, right, runs, idleColor, label, }) {
@@ -45,8 +45,11 @@ function BorderRow({ left, right, runs, idleColor, label, }) {
     }
     return (_jsx(Box, { width: "100%", height: 1, flexShrink: 0, overflow: "hidden", children: _jsxs(Text, { wrap: "truncate-end", children: [_jsx(Text, { color: idleColor, children: left }), clipped.map((run, i) => (_jsx(Text, { color: run.color, children: run.glyph }, i))), label !== undefined && (_jsx(Text, { backgroundColor: label.color, color: label.ink, children: ` ${label.text} ` })), label !== undefined && _jsx(Text, { color: idleColor, children: '─'.repeat(labelGap) }), _jsx(Text, { color: idleColor, children: right })] }) }));
 }
-export function EffortInputBorder({ effort, levels, columns, onLight, idleColor, topRightLabel, children, }) {
+export function EffortInputBorder({ effort, levels, columns, idleColor, topRightLabel, children, }) {
     const clock = useContext(ClockContext);
+    // 扫光色取自当前主题（ignition / ignitionDim），与 ─ 底色的取用方式一致；
+    // 缺键的旧主题回落到点火专属的蓝白对。
+    const [themeName] = useTheme();
     const [overlay, setOverlay] = useState(null);
     const [prevEffort, setPrevEffort] = useState(effort);
     const [, forceRender] = useReducer((tick) => tick + 1, 0);
@@ -74,7 +77,7 @@ export function EffortInputBorder({ effort, levels, columns, onLight, idleColor,
     }, [overlay, elapsedMs]);
     const midWidth = Math.max(0, columns - 2);
     const sweepColors = overlay !== null && elapsedMs < IGNITION_TIMELINE.sweepMs && midWidth > 0
-        ? ignitionLineColors({ elapsedMs, width: midWidth, onLight })
+        ? ignitionLineColors({ elapsedMs, width: midWidth, colors: ignitionColors(themeName) })
         : [];
     // 顶/底共用的色段序列（同步）：扫光列取波形色，其余列回主题色。
     const runs = [];

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

@@ -7,10 +7,14 @@ import type { EffortOption } from '../dsh-adapter/channel.js';
  * or Esc just closes it). The current level carries `✓`; the focused level's
  * description renders below the row.
  */
-export declare function EffortSlider({ options, focusIndex, currentId, onPick, }: {
+export declare function EffortSlider({ options, focusIndex, currentId, levelsFallback, onPick, }: {
     options: readonly EffortOption[];
     focusIndex: number;
     currentId: string | undefined;
+    /** True when the ladder is the CLI-standard compatibility offer (the
+     *  model row declares no tiers of its own): the note says so — the
+     *  levels are applied exactly like a model's own list either way. */
+    levelsFallback?: boolean;
     /** Mouse pick (fullscreen): click a tier = move there and live-apply —
      *  the same semantics as the ←/→ keys (the slider IS the control). */
     onPick?: (index: number) => void;

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

@@ -1 +1 @@
-{"version":3,"file":"EffortSlider.d.ts","sourceRoot":"","sources":["../../../src/components/EffortSlider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAKzB,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAA;AAE7D;;;;;;GAMG;AACH,wBAAgB,YAAY,CAAC,EAC3B,OAAO,EACP,UAAU,EACV,SAAS,EACT,MAAM,GACP,EAAE;IACD,OAAO,EAAE,SAAS,YAAY,EAAE,CAAA;IAChC,UAAU,EAAE,MAAM,CAAA;IAClB,SAAS,EAAE,MAAM,GAAG,SAAS,CAAA;IAC7B;0EACsE;IACtE,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;CACjC,GAAG,KAAK,CAAC,SAAS,CA4ClB"}
+{"version":3,"file":"EffortSlider.d.ts","sourceRoot":"","sources":["../../../src/components/EffortSlider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAKzB,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAA;AAE7D;;;;;;GAMG;AACH,wBAAgB,YAAY,CAAC,EAC3B,OAAO,EACP,UAAU,EACV,SAAS,EACT,cAAsB,EACtB,MAAM,GACP,EAAE;IACD,OAAO,EAAE,SAAS,YAAY,EAAE,CAAA;IAChC,UAAU,EAAE,MAAM,CAAA;IAClB,SAAS,EAAE,MAAM,GAAG,SAAS,CAAA;IAC7B;;yEAEqE;IACrE,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB;0EACsE;IACtE,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;CACjC,GAAG,KAAK,CAAC,SAAS,CA+ClB"}

package/lib/types/components/EffortSlider.js

@@ -11,9 +11,9 @@ import { HintLine } from './design-system/HintLine.js';
  * or Esc just closes it). The current level carries `✓`; the focused level's
  * description renders below the row.
  */
-export function EffortSlider({ options, focusIndex, currentId, onPick, }) {
+export function EffortSlider({ options, focusIndex, currentId, levelsFallback = false, onPick, }) {
     const focused = options[focusIndex];
     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-effort') }) }), _jsx(Box, { flexDirection: "row", children: options.map((option, index) => (_jsxs(React.Fragment, { children: [index > 0 ? (_jsx(Text, { dimColor: true, children: " \u2500\u2500 " })) : null, _jsx(Box, { onClick: onPick ? () => onPick(index) : undefined, backgroundColor: onPick !== undefined && index !== focusIndex
                                     ? 'userMessageBackgroundHover'
-                                    : undefined, children: _jsx(Text, { inverse: index === focusIndex, bold: index === focusIndex, children: option.name }) }), option.id === currentId ? _jsx(Text, { color: "remember", children: "\u2713" }) : null] }, option.id))) }), focused?.description !== undefined ? (_jsx(Text, { dimColor: true, children: focused.description })) : null, _jsx(Text, { dimColor: true, italic: true, children: _jsx(HintLine, { text: t('hint-adjust-done') }) })] }) }));
+                                    : undefined, children: _jsx(Text, { inverse: index === focusIndex, bold: index === focusIndex, children: option.name }) }), option.id === currentId ? _jsx(Text, { color: "remember", children: "\u2713" }) : null] }, option.id))) }), focused?.description !== undefined ? (_jsx(Text, { dimColor: true, children: focused.description })) : null, levelsFallback ? (_jsx(Text, { dimColor: true, children: t('effort-fallback-tier-note') })) : null, _jsx(Text, { dimColor: true, italic: true, children: _jsx(HintLine, { text: t('hint-adjust-done') }) })] }) }));
 }

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

@@ -11,12 +11,11 @@
  * 复用 Ink core 共享时钟，仅动画窗口订阅（keepAlive），播完归零。
  */
 import React from 'react';
-export declare function EffortTierBadge({ effort, levels, onLight, columns, leadingColumns, }: {
+export declare function EffortTierBadge({ effort, levels, columns, leadingColumns, }: {
     /** 当前思考强度档 id；`undefined` 表示路线未声明。 */
     effort: string | undefined;
     /** 当前路线的档位表（低→高，末位为最高档）；未知时传 `undefined`。 */
     levels: readonly string[] | undefined;
-    onLight: boolean;
     /** 终端列数——居中锚点按终端几何中心计算（纯文本流，不引入嵌套 Box）。 */
     columns: number;
     /** badge 文本流之前该行已被占据的列数（❯ 与块光标等）——居中换算成

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

@@ -1 +1 @@
-{"version":3,"file":"EffortTierBadge.d.ts","sourceRoot":"","sources":["../../../src/components/EffortTierBadge.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AACH,OAAO,KAAsD,MAAM,OAAO,CAAA;AAc1E,wBAAgB,eAAe,CAAC,EAC9B,MAAM,EACN,MAAM,EACN,OAAO,EACP,OAAO,EACP,cAAc,GACf,EAAE;IACD,sCAAsC;IACtC,MAAM,EAAE,MAAM,GAAG,SAAS,CAAA;IAC1B,6CAA6C;IAC7C,MAAM,EAAE,SAAS,MAAM,EAAE,GAAG,SAAS,CAAA;IACrC,OAAO,EAAE,OAAO,CAAA;IAChB,2CAA2C;IAC3C,OAAO,EAAE,MAAM,CAAA;IACf;qCACiC;IACjC,cAAc,EAAE,MAAM,CAAA;CACvB,GAAG,KAAK,CAAC,SAAS,CAkFlB"}
+{"version":3,"file":"EffortTierBadge.d.ts","sourceRoot":"","sources":["../../../src/components/EffortTierBadge.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AACH,OAAO,KAAsD,MAAM,OAAO,CAAA;AAc1E,wBAAgB,eAAe,CAAC,EAC9B,MAAM,EACN,MAAM,EACN,OAAO,EACP,cAAc,GACf,EAAE;IACD,sCAAsC;IACtC,MAAM,EAAE,MAAM,GAAG,SAAS,CAAA;IAC1B,6CAA6C;IAC7C,MAAM,EAAE,SAAS,MAAM,EAAE,GAAG,SAAS,CAAA;IACrC,2CAA2C;IAC3C,OAAO,EAAE,MAAM,CAAA;IACf;qCACiC;IACjC,cAAc,EAAE,MAAM,CAAA;CACvB,GAAG,KAAK,CAAC,SAAS,CAqFlB"}

package/lib/types/components/EffortTierBadge.js

@@ -12,16 +12,18 @@ import { jsx as _jsx } from "react/jsx-runtime";
  * 复用 Ink core 共享时钟，仅动画窗口订阅（keepAlive），播完归零。
  */
 import { useContext, useEffect, useReducer, useState } from 'react';
-import { Text } from '../ui.js';
+import { Text, useTheme } from '../ui.js';
 import { ClockContext } from '../ink/components/ClockContext.js';
 import { rgbString } from '../trajectory/motion.js';
-import { IGNITION_TIMELINE, ignitionHues } from '../trajectory/effortIgnition.js';
+import { IGNITION_TIMELINE, ignitionColors } from '../trajectory/effortIgnition.js';
 /** 字母间距聚拢：从 10 个空格减速收敛到 1 个（ease-out，快收慢停）。 */
 const GAP_START = 10;
 const GAP_END = 1;
 const CONVERGE_MS = 500;
-export function EffortTierBadge({ effort, levels, onLight, columns, leadingColumns, }) {
+export function EffortTierBadge({ effort, levels, columns, leadingColumns, }) {
     const clock = useContext(ClockContext);
+    // 字样色与扫光同源（主题 ignition / ignitionDim）。
+    const [themeName] = useTheme();
     const [overlay, setOverlay] = useState(null);
     const [prevEffort, setPrevEffort] = useState(effort);
     const [, forceRender] = useReducer((tick) => tick + 1, 0);
@@ -55,9 +57,10 @@ export function EffortTierBadge({ effort, levels, onLight, columns, leadingColum
     const alpha = brighten * fade;
     if (alpha <= 0)
         return null;
-    const band = onLight ? { r: 240, g: 240, b: 242 } : { r: 27, g: 30, b: 40 };
+    const palette = ignitionColors(themeName);
+    const band = palette.ignitionDim;
     // 明亮蓝：accent 混白 35% 提亮（用户拍板的高亮观感）。
-    const hue = ignitionHues(onLight)[0];
+    const hue = palette.ignition;
     const whiten = (x) => Math.round(x + (255 - x) * 0.35);
     const bright = { r: whiten(hue.r), g: whiten(hue.g), b: whiten(hue.b) };
     const mix = (x, y) => Math.round(x + (y - x) * alpha);

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

@@ -2,7 +2,8 @@ import React from 'react';
 import type { ChannelUi as Channel } from '../adapter/channel/ui-policy.js';
 import type { ChannelGoal } from '../dsh-adapter/channel.js';
 /**
- * Compact goal chip for the status footer: phase glyph + rounds, colored by
+ * Compact goal chip for the status footer: phase glyph + rounds (a goal a
+ * backend budgets by tokens: tokens used / budget instead), colored by
  * phase. `minimal` swaps the glyph for a text form, per the minimal-mode
  * no-emoji contract.
  */

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

@@ -1 +1 @@
-{"version":3,"file":"GoalTodoPanel.d.ts","sourceRoot":"","sources":["../../../src/components/GoalTodoPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,KAAK,EAAE,SAAS,IAAI,OAAO,EAAE,MAAM,iCAAiC,CAAA;AAC3E,OAAO,KAAK,EAAE,WAAW,EAAiB,MAAM,2BAA2B,CAAA;AAmC3E;;;;GAIG;AACH,wBAAgB,cAAc,CAAC,EAAE,IAAI,EAAE,OAAe,EAAE,EAAE;IAAE,IAAI,EAAE,WAAW,CAAC;IAAC,OAAO,CAAC,EAAE,OAAO,CAAA;CAAE,GAAG,KAAK,CAAC,SAAS,CAQnH;AA2CD;;;;;;;;;;;;;;;;;GAiBG;AACH,wBAAgB,aAAa,CAAC,EAC5B,OAAO,EACP,SAAiB,EACjB,QAAQ,EACR,OAAmB,EACnB,OAAc,EACd,QAAQ,EACR,SAAS,GACV,EAAE;IACD,OAAO,EAAE,OAAO,CAAA;IAChB,8DAA8D;IAC9D,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,0EAA0E;IAC1E,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;IACrB;8CAC0C;IAC1C,OAAO,CAAC,EAAE,SAAS,GAAG,OAAO,CAAA;IAC7B;oDACgD;IAChD,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,2CAA2C;IAC3C,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB;;oDAEgD;IAChD,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,GAAG,KAAK,CAAC,SAAS,CAiMlB"}
+{"version":3,"file":"GoalTodoPanel.d.ts","sourceRoot":"","sources":["../../../src/components/GoalTodoPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,KAAK,EAAE,SAAS,IAAI,OAAO,EAAE,MAAM,iCAAiC,CAAA;AAC3E,OAAO,KAAK,EAAE,WAAW,EAAiB,MAAM,2BAA2B,CAAA;AAoC3E;;;;;GAKG;AACH,wBAAgB,cAAc,CAAC,EAAE,IAAI,EAAE,OAAe,EAAE,EAAE;IAAE,IAAI,EAAE,WAAW,CAAC;IAAC,OAAO,CAAC,EAAE,OAAO,CAAA;CAAE,GAAG,KAAK,CAAC,SAAS,CASnH;AAsDD;;;;;;;;;;;;;;;;;GAiBG;AACH,wBAAgB,aAAa,CAAC,EAC5B,OAAO,EACP,SAAiB,EACjB,QAAQ,EACR,OAAmB,EACnB,OAAc,EACd,QAAQ,EACR,SAAS,GACV,EAAE;IACD,OAAO,EAAE,OAAO,CAAA;IAChB,8DAA8D;IAC9D,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,0EAA0E;IAC1E,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;IACrB;8CAC0C;IAC1C,OAAO,CAAC,EAAE,SAAS,GAAG,OAAO,CAAA;IAC7B;oDACgD;IAChD,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,2CAA2C;IAC3C,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB;;oDAEgD;IAChD,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,GAAG,KAAK,CAAC,SAAS,CAkMlB"}

package/lib/types/components/GoalTodoPanel.js

@@ -4,6 +4,7 @@ import { Box, Text, useAnimationFrame } from '../ui.js';
 import wrapText from '../ink/wrap-text.js';
 import { t } from '../i18n.js';
 import { primaryComboString } from '../utils/keymap.js';
+import { formatGoalBudget, formatGoalBudgetCompact } from '../channel/goal-command.js';
 /** Maximum todo rows shown before the overflow line. */
 const MAX_TODOS = 8;
 const PHASE_LABEL = {
@@ -34,17 +35,22 @@ function formatDuration(ms) {
     return seconds < 60 ? `${seconds}s` : `${Math.floor(seconds / 60)}m${seconds % 60}s`;
 }
 /**
- * Compact goal chip for the status footer: phase glyph + rounds, colored by
+ * Compact goal chip for the status footer: phase glyph + rounds (a goal a
+ * backend budgets by tokens: tokens used / budget instead), colored by
  * phase. `minimal` swaps the glyph for a text form, per the minimal-mode
  * no-emoji contract.
  */
 export function GoalStatusChip({ goal, minimal = false }) {
+    const progress = goal.budget === undefined ? `${goal.roundsStarted}/${goal.maxGoalRounds}` : formatGoalBudgetCompact(goal.budget);
     return (_jsx(Text, { color: phaseColor(goal.phase), dimColor: goal.phase === 'complete', children: minimal
-            ? `goal ${goal.roundsStarted}/${goal.maxGoalRounds}`
-            : `${PHASE_GLYPH[goal.phase]} ${goal.roundsStarted}/${goal.maxGoalRounds}` }));
+            ? `goal ${progress}`
+            : `${PHASE_GLYPH[goal.phase]} ${progress}` }));
 }
-function PhaseBadge({ phase, roundsStarted, maxGoalRounds, elapsed, }) {
+function PhaseBadge({ phase, roundsStarted, maxGoalRounds, budget, elapsed, }) {
     const color = phaseColor(phase);
+    if (budget !== undefined) {
+        return (_jsxs(Text, { color: color, dimColor: phase === 'complete', children: [PHASE_LABEL[phase], " \u00B7 ", formatGoalBudget(budget)] }));
+    }
     return (_jsxs(Text, { color: color, dimColor: phase === 'complete', children: [PHASE_LABEL[phase], " \u00B7 ", roundsStarted, "/", maxGoalRounds, elapsed !== undefined ? ` · ${elapsed}` : ''] }));
 }
 function TodoGlyph({ status }) {
@@ -165,7 +171,7 @@ export function GoalTodoPanel({ channel, collapsed = false, onToggle, variant =
     // Collapsed preview: the live task when one runs, else the next open row.
     const preview = allTodos.find(todo => todo.status === 'in_progress')
         ?? allTodos.find(todo => todo.status !== 'completed');
-    return (_jsxs(Box, { ref: variant === 'panel' ? clockRef : undefined, flexDirection: "column", paddingLeft: variant === 'panel' ? 1 : 2, paddingRight: variant === 'panel' ? 1 : 2, paddingTop: 1, children: [goal !== undefined && (_jsxs(Box, { flexDirection: "column", children: [_jsxs(Box, { flexDirection: "row", width: "100%", height: 1, children: [_jsx(Text, { color: "suggestion", children: "\uD83C\uDFAF " }), _jsx(Box, { flexGrow: 1, flexShrink: 1, children: _jsx(Text, { bold: true, wrap: "truncate", children: goal.objective }) }), _jsx(Box, { flexShrink: 0, marginLeft: 1, children: _jsx(PhaseBadge, { phase: goal.phase, roundsStarted: goal.roundsStarted, maxGoalRounds: goal.maxGoalRounds, elapsed: elapsed }) })] }), goal.phase === 'blocked' && goal.blockedReason !== undefined && (_jsxs(Box, { flexDirection: "row", marginTop: 1, height: 1, children: [_jsx(Text, { dimColor: true, children: "\u2502 " }), _jsx(Text, { color: "error", wrap: "truncate", children: goal.blockedReason.message })] }))] })), showTodoSection && (_jsxs(Box, { flexDirection: "column", children: [_jsxs(Box, { flexDirection: "row", height: 1, onClick: onToggle, onMouseEnter: () => setHeaderHovered(true), onMouseLeave: () => setHeaderHovered(false), backgroundColor: headerHovered ? 'userMessageBackgroundHover' : undefined, children: [_jsxs(Text, { dimColor: true, children: [collapsed ? '▸' : '▾', " "] }), _jsxs(Text, { dimColor: true, children: ["\u2713 ", doneCount, "/", allTodos.length] }), collapsed && preview !== undefined && (_jsx(Box, { flexGrow: 1, flexShrink: 1, marginLeft: 1, children: preview.status === 'in_progress' ? (_jsxs(Text, { wrap: "truncate", children: [_jsx(Text, { color: "suggestion", children: "\u25CF " }), preview.content] })) : (_jsxs(Text, { wrap: "truncate", dimColor: true, children: ["\u25CB ", preview.content] })) }))] }), !collapsed && (_jsxs(Box, { flexDirection: "column", children: [visibleTodos.map((item, index) => {
+    return (_jsxs(Box, { ref: variant === 'panel' ? clockRef : undefined, flexDirection: "column", paddingLeft: variant === 'panel' ? 1 : 2, paddingRight: variant === 'panel' ? 1 : 2, paddingTop: 1, children: [goal !== undefined && (_jsxs(Box, { flexDirection: "column", children: [_jsxs(Box, { flexDirection: "row", width: "100%", height: 1, children: [_jsx(Text, { color: "suggestion", children: "\uD83C\uDFAF " }), _jsx(Box, { flexGrow: 1, flexShrink: 1, children: _jsx(Text, { bold: true, wrap: "truncate", children: goal.objective }) }), _jsx(Box, { flexShrink: 0, marginLeft: 1, children: _jsx(PhaseBadge, { phase: goal.phase, roundsStarted: goal.roundsStarted, maxGoalRounds: goal.maxGoalRounds, budget: goal.budget, elapsed: elapsed }) })] }), goal.phase === 'blocked' && goal.blockedReason !== undefined && (_jsxs(Box, { flexDirection: "row", marginTop: 1, height: 1, children: [_jsx(Text, { dimColor: true, children: "\u2502 " }), _jsx(Text, { color: "error", wrap: "truncate", children: goal.blockedReason.message })] }))] })), showTodoSection && (_jsxs(Box, { flexDirection: "column", children: [_jsxs(Box, { flexDirection: "row", height: 1, onClick: onToggle, onMouseEnter: () => setHeaderHovered(true), onMouseLeave: () => setHeaderHovered(false), backgroundColor: headerHovered ? 'userMessageBackgroundHover' : undefined, children: [_jsxs(Text, { dimColor: true, children: [collapsed ? '▸' : '▾', " "] }), _jsxs(Text, { dimColor: true, children: ["\u2713 ", doneCount, "/", allTodos.length] }), collapsed && preview !== undefined && (_jsx(Box, { flexGrow: 1, flexShrink: 1, marginLeft: 1, children: preview.status === 'in_progress' ? (_jsxs(Text, { wrap: "truncate", children: [_jsx(Text, { color: "suggestion", children: "\u25CF " }), preview.content] })) : (_jsxs(Text, { wrap: "truncate", dimColor: true, children: ["\u25CB ", preview.content] })) }))] }), !collapsed && (_jsxs(Box, { flexDirection: "column", children: [visibleTodos.map((item, index) => {
                                 const last = index === visibleTodos.length - 1 && hidden === 0;
                                 return item.lines.map((line, li) => (_jsxs(Box, { flexDirection: "row", height: 1, children: [li === 0 ? (_jsxs(_Fragment, { children: [_jsx(BranchPrefix, { last: last }), _jsx(TodoGlyph, { status: item.todo.status })] })) : (_jsx(Text, { dimColor: true, children: last ? '     ' : '\u2502    ' })), _jsx(Text, { wrap: "truncate", dimColor: item.todo.status === 'completed', children: line })] }, li)));
                             }), hidden > 0 && (_jsxs(Box, { flexDirection: "row", height: 1, children: [_jsx(BranchPrefix, { last: true }), _jsxs(Text, { dimColor: true, children: ["\u2026 ", hidden, " more"] })] })), variant !== 'panel' && (_jsxs(Text, { dimColor: true, children: ["  ", t('goal-todo-fold-hint', { key: primaryComboString('todoFold') })] }))] }))] }))] }));

package/lib/types/components/InlineMathParagraph.js

@@ -70,7 +70,7 @@ export function InlineMathParagraph({ token, highlight }) {
                         // slot at all, and crops instead of dropping it at a viewport
                         // edge — the same contract block formulas use.
                         const formulaRequest = requests?.[piece.index];
-                        const painted = (_jsx(Image, { ...(composited ? {} : { transparent: true }), presentation: "transcript", source: raster.source, width: piece.columns, height: 1, alt: formula.text, copyText: formula.raw, children: _jsx(Text, { dimColor: true, wrap: "truncate", children: renderInlineMath(formula.text) ?? formula.raw }) }));
+                        const painted = (_jsx(Image, { ...(composited ? {} : { transparent: true }), lineArt: true, presentation: "transcript", source: raster.source, width: piece.columns, height: 1, alt: formula.text, copyText: formula.raw, children: _jsx(Text, { dimColor: true, wrap: "truncate", children: renderInlineMath(formula.text) ?? formula.raw }) }));
                         const image = composited
                             ? (_jsx(Box, { width: piece.columns, height: 1, flexShrink: 0, backgroundColor: terminalBackground, children: painted }))
                             : painted;

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

@@ -3,10 +3,8 @@ import { type BackgroundJobState } from '../dsh-adapter/jobs.js';
 /**
  * Pure width→column allocation for the roster row (kept side-effect free so
  * regressions can assert the table directly). There is no pid column in this
- * roster. Side-panel tiers: the label always truncates and every column
- * leaves it ≥8 cells — progress drops first, then duration, then the
- * id/status columns narrow — so a 38-col panel never folds a command into
- * per-word lines. The full-screen form keeps its wrap-the-label contract.
+ * roster. In the side panel, the command gets a wrapped row under the id and
+ * status header; full-screen keeps the flexible inline label column.
  */
 export interface JobsRowColumns {
     readonly showProgress: boolean;
@@ -14,8 +12,7 @@ export interface JobsRowColumns {
     readonly showStatus: boolean;
     readonly idWidth: number;
     readonly statusWidth: number;
-    /** 整屏形态 label 折行（长命令可读全文）；panel 形态 truncate-end
-     *  （行高恒定，全文由焦点行的 detail 块承担）。 */
+    /** Full-screen keeps the label in the header; panel rows place it below. */
     readonly labelWrap: boolean;
 }
 export declare function resolveJobsRowColumns(width: number): JobsRowColumns;
@@ -34,8 +31,10 @@ export interface JobsPanelProps {
     onClose?: () => void;
     /** Kill the focused live job (`job_kill` with the session's authority). */
     onKill: (id: string) => void;
-    /** Send to Chat（§6.7）：把焦点任务作为附加上下文送进草稿（chip 出现在
-     *  输入框上方，随下一次提交附给模型）。仅 panel 形态；未接时不提供 's'。 */
+    /** Keep the focused job's output tail fresh while the panel shows it
+     *  (a backend whose output is read on demand); returns the unwatch. */
+    onWatchOutput?: (id: string) => () => void;
+    /** Attach the focused job to the next submitted message. Panel mode only. */
     onSendToChat?: (job: BackgroundJobState) => void;
     /** 'panel' mounts inside the side-panel host (no outer padding, host-owned
      *  chrome, keyboard via usePanelInput). Default keeps the full-screen
@@ -53,5 +52,5 @@ export interface JobsPanelProps {
  * row expands a detail block (full label, start/finish times, mirrored
  * output tail). The panel is the deep view behind the transcript job cards.
  */
-export declare function JobsPanel({ jobs, onClose, onKill, onSendToChat, initialFocusId, focusRequest, variant, focused, visible }: JobsPanelProps): React.ReactNode;
+export declare function JobsPanel({ jobs, onClose, onKill, onSendToChat, initialFocusId, focusRequest, variant, focused, visible, onWatchOutput }: JobsPanelProps): React.ReactNode;
 //# sourceMappingURL=JobsPanel.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"JobsPanel.d.ts","sourceRoot":"","sources":["../../../src/components/JobsPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAqB,KAAK,kBAAkB,EAA4B,MAAM,wBAAwB,CAAA;AAY7G;;;;;;;GAOG;AACH,MAAM,WAAW,cAAc;IAC7B,QAAQ,CAAC,YAAY,EAAE,OAAO,CAAA;IAC9B,QAAQ,CAAC,YAAY,EAAE,OAAO,CAAA;IAC9B,QAAQ,CAAC,UAAU,EAAE,OAAO,CAAA;IAC5B,QAAQ,CAAC,OAAO,EAAE,MAAM,CAAA;IACxB,QAAQ,CAAC,WAAW,EAAE,MAAM,CAAA;IAC5B;qCACiC;IACjC,QAAQ,CAAC,SAAS,EAAE,OAAO,CAAA;CAC5B;AAED,wBAAgB,qBAAqB,CAAC,KAAK,EAAE,MAAM,GAAG,cAAc,CAKnE;AAED,MAAM,WAAW,cAAc;IAC7B,IAAI,EAAE,SAAS,kBAAkB,EAAE,CAAA;IACnC;oEACgE;IAChE,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB;;wDAEoD;IACpD,YAAY,CAAC,EAAE;QAAE,QAAQ,CAAC,EAAE,EAAE,MAAM,GAAG,IAAI,CAAC;QAAC,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAA;KAAE,GAAG,IAAI,CAAA;IAC5E,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,2EAA2E;IAC3E,MAAM,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAA;IAC5B;mDAC+C;IAC/C,YAAY,CAAC,EAAE,CAAC,GAAG,EAAE,kBAAkB,KAAK,IAAI,CAAA;IAChD;;kCAE8B;IAC9B,OAAO,CAAC,EAAE,SAAS,GAAG,OAAO,CAAA;IAC7B;+DAC2D;IAC3D,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB;AAoND;;;;;;GAMG;AACH,wBAAgB,SAAS,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,EAAE,YAAY,EAAE,cAAc,EAAE,YAAY,EAAE,OAAmB,EAAE,OAAc,EAAE,OAAc,EAAE,EAAE,cAAc,GAAG,KAAK,CAAC,SAAS,CA6QrL"}
+{"version":3,"file":"JobsPanel.d.ts","sourceRoot":"","sources":["../../../src/components/JobsPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAA4C,KAAK,kBAAkB,EAAmD,MAAM,wBAAwB,CAAA;AAY3J;;;;;GAKG;AACH,MAAM,WAAW,cAAc;IAC7B,QAAQ,CAAC,YAAY,EAAE,OAAO,CAAA;IAC9B,QAAQ,CAAC,YAAY,EAAE,OAAO,CAAA;IAC9B,QAAQ,CAAC,UAAU,EAAE,OAAO,CAAA;IAC5B,QAAQ,CAAC,OAAO,EAAE,MAAM,CAAA;IACxB,QAAQ,CAAC,WAAW,EAAE,MAAM,CAAA;IAC5B,4EAA4E;IAC5E,QAAQ,CAAC,SAAS,EAAE,OAAO,CAAA;CAC5B;AAED,wBAAgB,qBAAqB,CAAC,KAAK,EAAE,MAAM,GAAG,cAAc,CAKnE;AAED,MAAM,WAAW,cAAc;IAC7B,IAAI,EAAE,SAAS,kBAAkB,EAAE,CAAA;IACnC;oEACgE;IAChE,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB;;wDAEoD;IACpD,YAAY,CAAC,EAAE;QAAE,QAAQ,CAAC,EAAE,EAAE,MAAM,GAAG,IAAI,CAAC;QAAC,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAA;KAAE,GAAG,IAAI,CAAA;IAC5E,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,2EAA2E;IAC3E,MAAM,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAA;IAC5B;2EACuE;IACvE,aAAa,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,MAAM,IAAI,CAAA;IAC1C,6EAA6E;IAC7E,YAAY,CAAC,EAAE,CAAC,GAAG,EAAE,kBAAkB,KAAK,IAAI,CAAA;IAChD;;kCAE8B;IAC9B,OAAO,CAAC,EAAE,SAAS,GAAG,OAAO,CAAA;IAC7B;+DAC2D;IAC3D,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB;AAiRD;;;;;;GAMG;AACH,wBAAgB,SAAS,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,EAAE,YAAY,EAAE,cAAc,EAAE,YAAY,EAAE,OAAmB,EAAE,OAAc,EAAE,OAAc,EAAE,aAAa,EAAE,EAAE,cAAc,GAAG,KAAK,CAAC,SAAS,CA0SpM"}