@deepseek-harness-tui/dsh-tui 0.14.1 → 0.16.0

package/lib/types/components/sidePanel/PanelStore.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PanelStore.d.ts","sourceRoot":"","sources":["../../../../src/components/sidePanel/PanelStore.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AACH,OAAO,KAAK,EAAE,UAAU,EAAE,eAAe,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,YAAY,CAAA;AAErF,eAAO,MAAM,gBAAgB,KAAK,CAAA;AAElC,uCAAuC;AACvC,eAAO,MAAM,6BAA6B,IAAI,CAAA;AAC9C,kBAAkB;AAClB,eAAO,MAAM,qBAAqB,QAAS,CAAA;AAE3C;;4CAE4C;AAC5C,MAAM,MAAM,eAAe,GACvB;IAAE,QAAQ,CAAC,IAAI,EAAE,YAAY,CAAC;IAAC,QAAQ,CAAC,EAAE,EAAE,MAAM,CAAA;CAAE,GACpD;IAAE,QAAQ,CAAC,IAAI,EAAE,cAAc,CAAC;IAAC,QAAQ,CAAC,EAAE,EAAE,MAAM,CAAA;CAAE,GACtD;IAAE,QAAQ,CAAC,IAAI,EAAE,OAAO,CAAC;IAAC,QAAQ,CAAC,EAAE,EAAE,MAAM,CAAA;CAAE,GAC/C;IAAE,QAAQ,CAAC,IAAI,EAAE,OAAO,CAAC;IAAC,QAAQ,CAAC,EAAE,EAAE,MAAM,CAAA;CAAE,GAC/C;IAAE,QAAQ,CAAC,IAAI,EAAE,UAAU,CAAC;IAAC,QAAQ,CAAC,EAAE,EAAE,MAAM,CAAA;CAAE,CAAA;AAatD,qBAAa,UAAU;IACrB,OAAO,CAAC,OAAO,CAAgC;IAC/C,OAAO,CAAC,SAAS,CAA8C;IAC/D,OAAO,CAAC,QAAQ,CAA2C;IAC3D,OAAO,CAAC,QAAQ,CAAI;IACpB,+CAA+C;IAC/C,OAAO,CAAC,UAAU,CAA8B;IAEhD,2DAA2D;IAC3D,QAAQ,CAAC,UAAU,EAAE,eAAe,EAAE,KAAK,EAAE,UAAU,GAAG,MAAM,IAAI;IA0BpE,IAAI,IAAI,SAAS,UAAU,EAAE;IAI7B,GAAG,CAAC,EAAE,EAAE,MAAM,GAAG,UAAU,GAAG,SAAS;IAIvC;;+CAE2C;IAC3C,QAAQ,CAAC,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,IAAI,CAAC,UAAU,EAAE,UAAU,CAAC,GAAG,IAAI,GAAG,IAAI;IAWtE,UAAU,CAAC,EAAE,EAAE,MAAM,GAAG,IAAI;IAO5B,WAAW,CAAC,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,GAAG,IAAI;IAsB7C,SAAS,GAAI,UAAU,CAAC,KAAK,EAAE,eAAe,KAAK,IAAI,KAAG,CAAC,MAAM,IAAI,CAAC,CAGrE;IAED,OAAO,CAAC,IAAI;CAIb;AAED,0DAA0D;AAC1D,eAAO,MAAM,UAAU,YAAmB,CAAA"}
+{"version":3,"file":"PanelStore.d.ts","sourceRoot":"","sources":["../../../../src/components/sidePanel/PanelStore.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AACH,OAAO,KAAK,EAAE,UAAU,EAAE,eAAe,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,YAAY,CAAA;AAErF,eAAO,MAAM,gBAAgB,KAAK,CAAA;AAElC,uCAAuC;AACvC,eAAO,MAAM,6BAA6B,IAAI,CAAA;AAC9C,kBAAkB;AAClB,eAAO,MAAM,qBAAqB,QAAS,CAAA;AAE3C;;4CAE4C;AAC5C,MAAM,MAAM,eAAe,GACvB;IAAE,QAAQ,CAAC,IAAI,EAAE,YAAY,CAAC;IAAC,QAAQ,CAAC,EAAE,EAAE,MAAM,CAAA;CAAE,GACpD;IAAE,QAAQ,CAAC,IAAI,EAAE,cAAc,CAAC;IAAC,QAAQ,CAAC,EAAE,EAAE,MAAM,CAAA;CAAE,GACtD;IAAE,QAAQ,CAAC,IAAI,EAAE,OAAO,CAAC;IAAC,QAAQ,CAAC,EAAE,EAAE,MAAM,CAAA;CAAE,GAC/C;IAAE,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,EAAE,EAAE,MAAM,CAAA;CAAE,GAC9C;IAAE,QAAQ,CAAC,IAAI,EAAE,OAAO,CAAC;IAAC,QAAQ,CAAC,EAAE,EAAE,MAAM,CAAA;CAAE,GAC/C;IAAE,QAAQ,CAAC,IAAI,EAAE,UAAU,CAAC;IAAC,QAAQ,CAAC,EAAE,EAAE,MAAM,CAAA;CAAE,CAAA;AAatD,qBAAa,UAAU;IACrB,OAAO,CAAC,OAAO,CAAgC;IAC/C,OAAO,CAAC,SAAS,CAA8C;IAC/D,OAAO,CAAC,QAAQ,CAA2C;IAC3D,OAAO,CAAC,QAAQ,CAAI;IACpB,+CAA+C;IAC/C,OAAO,CAAC,UAAU,CAA8B;IAEhD,2DAA2D;IAC3D,QAAQ,CAAC,UAAU,EAAE,eAAe,EAAE,KAAK,EAAE,UAAU,GAAG,MAAM,IAAI;IA0BpE,IAAI,IAAI,SAAS,UAAU,EAAE;IAI7B,GAAG,CAAC,EAAE,EAAE,MAAM,GAAG,UAAU,GAAG,SAAS;IAIvC;;+CAE2C;IAC3C,QAAQ,CAAC,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,IAAI,CAAC,UAAU,EAAE,UAAU,CAAC,GAAG,IAAI,GAAG,IAAI;IAWtE;;;OAGG;IACH,OAAO,CAAC,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,GAAG,IAAI;IAOvC,UAAU,CAAC,EAAE,EAAE,MAAM,GAAG,IAAI;IAO5B,WAAW,CAAC,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,GAAG,IAAI;IAsB7C,SAAS,GAAI,UAAU,CAAC,KAAK,EAAE,eAAe,KAAK,IAAI,KAAG,CAAC,MAAM,IAAI,CAAC,CAGrE;IAED,OAAO,CAAC,IAAI;CAIb;AAED,0DAA0D;AAC1D,eAAO,MAAM,UAAU,YAAmB,CAAA"}

package/lib/types/components/sidePanel/PanelStore.js

@@ -69,6 +69,17 @@ export class PanelStore {
         this.entries.set(id, { ...entry, badge: next });
         this.emit({ type: 'badge', id });
     }
+    /**
+     * 面板广告自己当前的键位片段（见 PanelEntry.hint）。每次 channel delta 都会
+     * 有适配器调 setBadge，这里同理按值短路：没变就不通知宿主重渲染。
+     */
+    setHint(id, hint) {
+        const entry = this.entries.get(id);
+        if (entry === undefined || entry.hint === hint)
+            return;
+        this.entries.set(id, { ...entry, hint });
+        this.emit({ type: 'hint', id });
+    }
     clearBadge(id) {
         const entry = this.entries.get(id);
         if (entry === undefined || entry.badge === null)

package/lib/types/components/sidePanel/SidePanelColumn.d.ts

@@ -1,7 +1,7 @@
 /**
  * SidePanelColumn: PanelBar, the active panel surface and a one-row key hint.
  * The hint follows focus, and the rules brighten with the divider as one surface.
- * Tabs follow the enabled registration order and carry each panel's badge.
+ * Tabs follow the enabled registration order and carry each panel's icon and badge.
  */
 import React from 'react';
 import type { ChannelUi } from '../../adapter/channel/ui-policy.js';

package/lib/types/components/sidePanel/SidePanelColumn.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SidePanelColumn.d.ts","sourceRoot":"","sources":["../../../../src/components/sidePanel/SidePanelColumn.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,oCAAoC,CAAA;AAMnE,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAA;AAI5D,MAAM,WAAW,oBAAoB;IACnC,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAA;IACtB,QAAQ,CAAC,UAAU,EAAE,mBAAmB,CAAA;IACxC,QAAQ,CAAC,OAAO,EAAE,SAAS,CAAA;IAC3B,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,qCAAqC,EAAE,YAAY,CAAA;IAC9E,QAAQ,CAAC,SAAS,CAAC,EAAE;QAAE,QAAQ,CAAC,SAAS,EAAE,MAAM,CAAC;QAAC,QAAQ,CAAC,SAAS,EAAE,MAAM,CAAA;KAAE,CAAA;IAC/E,qCAAqC;IACrC,QAAQ,CAAC,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAA;IAC7C,6BAA6B;IAC7B,QAAQ,CAAC,UAAU,CAAC,EAAE,OAAO,uCAAuC,EAAE,SAAS,CAAA;CAChF;AAoCD,wBAAgB,eAAe,CAAC,EAAE,KAAK,EAAE,UAAU,EAAE,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,QAAQ,EAAE,UAAU,EAAE,EAAE,oBAAoB,GAAG,KAAK,CAAC,SAAS,CAsEhJ"}
+{"version":3,"file":"SidePanelColumn.d.ts","sourceRoot":"","sources":["../../../../src/components/sidePanel/SidePanelColumn.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,oCAAoC,CAAA;AAMnE,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAA;AAI5D,MAAM,WAAW,oBAAoB;IACnC,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAA;IACtB,QAAQ,CAAC,UAAU,EAAE,mBAAmB,CAAA;IACxC,QAAQ,CAAC,OAAO,EAAE,SAAS,CAAA;IAC3B,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,qCAAqC,EAAE,YAAY,CAAA;IAC9E,QAAQ,CAAC,SAAS,CAAC,EAAE;QAAE,QAAQ,CAAC,SAAS,EAAE,MAAM,CAAC;QAAC,QAAQ,CAAC,SAAS,EAAE,MAAM,CAAA;KAAE,CAAA;IAC/E,qCAAqC;IACrC,QAAQ,CAAC,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAA;IAC7C,6BAA6B;IAC7B,QAAQ,CAAC,UAAU,CAAC,EAAE,OAAO,uCAAuC,EAAE,SAAS,CAAA;CAChF;AAoCD,wBAAgB,eAAe,CAAC,EAAE,KAAK,EAAE,UAAU,EAAE,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,QAAQ,EAAE,UAAU,EAAE,EAAE,oBAAoB,GAAG,KAAK,CAAC,SAAS,CAmFhJ"}

package/lib/types/components/sidePanel/SidePanelColumn.js

@@ -2,7 +2,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 /**
  * SidePanelColumn: PanelBar, the active panel surface and a one-row key hint.
  * The hint follows focus, and the rules brighten with the divider as one surface.
- * Tabs follow the enabled registration order and carry each panel's badge.
+ * Tabs follow the enabled registration order and carry each panel's icon and badge.
  */
 import React from 'react';
 import { Box, Text, useTerminalSize } from '../../ui.js';
@@ -40,6 +40,7 @@ export function SidePanelColumn({ width, controller, channel, activity, attentio
         return {
             id,
             title: def.titleKey !== undefined ? t(def.titleKey) : def.title ?? fallbackTitle(id),
+            icon: def.icon,
             badge: entry.badge,
         };
     });
@@ -54,6 +55,18 @@ export function SidePanelColumn({ width, controller, channel, activity, attentio
     // oxlint-disable-next-line typescript/no-unnecessary-condition -- runtime guard: partial fixture channels
     const trajectoryUnsupported = controller.activePanelId === 'trajectory' && channel.trajectorySource?.() === 'unsupported';
     const canExpand = activeEntry?.definition.capabilities?.fullscreen === true && onExpand !== undefined && !trajectoryUnsupported;
+    // 底栏拼序 = 重要性：导航 → 面板自己绑的键 → 列控制。宿主不点名任何面板：
+    // 面板经 panelStore 广告自己此刻的键位（例如 btw 在编辑层只说「↑ 回标题」、
+    // 在列表层才说 s/c），没广告过的才退回能力位那一段。窄面板从尾部截断，所以
+    // 面板键排在列控制前；未聚焦时面板收不到按键，那一格继续只说怎么把焦点拿过来。
+    const panelSegment = activeEntry === undefined
+        ? ''
+        : activeEntry.hint !== undefined
+            ? activeEntry.hint
+            : activeEntry.definition.capabilities?.sendToChat === true ? t('panel-hint-send-to-chat') : '';
+    const focusedHint = t('panel-hint-focused')
+        + (panelSegment === '' ? '' : ' · ' + panelSegment)
+        + ' · ' + t('panel-hint-zoom-width');
     // 标签点击与 ←/→ 宿主键走同一条路（openPanel 会顺带把焦点给右栏）。
     const onSelectPanel = React.useCallback((id) => { controller.openPanel(id, { focus: true }); }, 
     // openPanel 在 useSidePanel 里是空依赖 useCallback（引用稳定）；
@@ -63,5 +76,5 @@ export function SidePanelColumn({ width, controller, channel, activity, attentio
     const hostHeight = Math.max(1, rows - 4);
     return (_jsxs(Box, { flexDirection: "column", width: width, flexGrow: 1, children: [_jsx(PanelBar, { tabs: tabs, activeId: controller.activePanelId, width: width - 2, focused: focused, canExpand: canExpand, onExpand: canExpand ? () => onExpand?.(controller.activePanelId ?? '') : undefined, onSelect: onSelectPanel }), _jsx(Rule, { focused: focused }), _jsx(Box, { flexDirection: "column", flexGrow: 1, overflow: "hidden", children: anyRegistered
                     ? (_jsx(PanelHost, { controller: controller, channel: channel, width: width, height: hostHeight, activity: activity, attention: attention, trajectory: trajectory, openFullscreen: onExpand }))
-                    : _jsx(EmptyNone, {}) }), _jsx(Rule, { focused: focused }), _jsx(Box, { height: 1, flexShrink: 0, paddingX: 1, overflow: "hidden", children: _jsx(Text, { dimColor: true, wrap: "truncate-end", children: focused ? t('panel-hint-focused') : t('panel-hint-unfocused') }) })] }));
+                    : _jsx(EmptyNone, {}) }), _jsx(Rule, { focused: focused }), _jsx(Box, { height: 1, flexShrink: 0, paddingX: 1, overflow: "hidden", children: _jsx(Text, { dimColor: true, wrap: "truncate-end", children: focused ? focusedHint : t('panel-hint-unfocused') }) })] }));
 }

package/lib/types/components/sidePanel/SidePanelLayout.d.ts

@@ -1,8 +1,8 @@
 /**
  * SidePanelLayout: owns the two-column row — chat surface left, divider,
- * side-panel surface right (design doc §4.1). It decides nothing about
- * state: useSidePanel hands it a resolved geometry and this component only
- * arranges boxes and re-provides contexts.
+ * side-panel surface right (design doc §4.1). useSidePanel owns the width
+ * state; this component arranges boxes, re-provides contexts, and forwards
+ * divider drags as chat-column widths in cells.
  *
  * What each column subtree gets (the PageMargin trick, one level down):
  * - TerminalSizeContext narrowed to the column width, so every existing
@@ -48,7 +48,9 @@ export interface SidePanelLayoutProps {
     readonly side: React.ReactNode;
     readonly onActivateChat?: () => void;
     readonly onActivatePanel?: () => void;
+    /** Resize the chat column in cells; the controller clamps both columns. */
+    readonly onResize?: (chatColumns: number) => void;
     readonly children: React.ReactNode;
 }
-export declare function SidePanelLayout({ geometry, focus, side, onActivateChat, onActivatePanel, children, }: SidePanelLayoutProps): React.ReactNode;
+export declare function SidePanelLayout({ geometry, focus, side, onActivateChat, onActivatePanel, onResize, children, }: SidePanelLayoutProps): React.ReactNode;
 //# sourceMappingURL=SidePanelLayout.d.ts.map

package/lib/types/components/sidePanel/SidePanelLayout.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SidePanelLayout.d.ts","sourceRoot":"","sources":["../../../../src/components/sidePanel/SidePanelLayout.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAuCG;AACH,OAAO,KAAK,MAAM,OAAO,CAAA;AAKzB,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAA;AACvD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAA;AAErD,MAAM,WAAW,oBAAoB;IACnC,QAAQ,CAAC,QAAQ,EAAE,cAAc,GAAG,IAAI,CAAA;IACxC,QAAQ,CAAC,KAAK,EAAE,cAAc,CAAA;IAC9B,0DAA0D;IAC1D,QAAQ,CAAC,IAAI,EAAE,KAAK,CAAC,SAAS,CAAA;IAC9B,QAAQ,CAAC,cAAc,CAAC,EAAE,MAAM,IAAI,CAAA;IACpC,QAAQ,CAAC,eAAe,CAAC,EAAE,MAAM,IAAI,CAAA;IACrC,QAAQ,CAAC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CACnC;AA6BD,wBAAgB,eAAe,CAAC,EAC9B,QAAQ,EACR,KAAK,EACL,IAAI,EACJ,cAAc,EACd,eAAe,EACf,QAAQ,GACT,EAAE,oBAAoB,GAAG,KAAK,CAAC,SAAS,CAqExC"}
+{"version":3,"file":"SidePanelLayout.d.ts","sourceRoot":"","sources":["../../../../src/components/sidePanel/SidePanelLayout.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAuCG;AACH,OAAO,KAAK,MAAM,OAAO,CAAA;AAMzB,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAA;AACvD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAA;AAErD,MAAM,WAAW,oBAAoB;IACnC,QAAQ,CAAC,QAAQ,EAAE,cAAc,GAAG,IAAI,CAAA;IACxC,QAAQ,CAAC,KAAK,EAAE,cAAc,CAAA;IAC9B,0DAA0D;IAC1D,QAAQ,CAAC,IAAI,EAAE,KAAK,CAAC,SAAS,CAAA;IAC9B,QAAQ,CAAC,cAAc,CAAC,EAAE,MAAM,IAAI,CAAA;IACpC,QAAQ,CAAC,eAAe,CAAC,EAAE,MAAM,IAAI,CAAA;IACrC,2EAA2E;IAC3E,QAAQ,CAAC,QAAQ,CAAC,EAAE,CAAC,WAAW,EAAE,MAAM,KAAK,IAAI,CAAA;IACjD,QAAQ,CAAC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CACnC;AAqED,wBAAgB,eAAe,CAAC,EAC9B,QAAQ,EACR,KAAK,EACL,IAAI,EACJ,cAAc,EACd,eAAe,EACf,QAAQ,EACR,QAAQ,GACT,EAAE,oBAAoB,GAAG,KAAK,CAAC,SAAS,CA2ExC"}

package/lib/types/components/sidePanel/SidePanelLayout.js

@@ -1,9 +1,9 @@
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 /**
  * SidePanelLayout: owns the two-column row — chat surface left, divider,
- * side-panel surface right (design doc §4.1). It decides nothing about
- * state: useSidePanel hands it a resolved geometry and this component only
- * arranges boxes and re-provides contexts.
+ * side-panel surface right (design doc §4.1). useSidePanel owns the width
+ * state; this component arranges boxes, re-provides contexts, and forwards
+ * divider drags as chat-column widths in cells.
  *
  * What each column subtree gets (the PageMargin trick, one level down):
  * - TerminalSizeContext narrowed to the column width, so every existing
@@ -50,15 +50,41 @@ import { SurfaceEdgesContext, useSurfaceEdges } from '../SurfaceEdges.js';
  * with a rule draw '├', everything else '│' — the seam and the rules read
  * as one framed surface instead of two crossing lines.
  */
-function DividerColumn({ focused, rows, junctionRows, }) {
+function DividerColumn({ focused, rows, junctionRows, chatColumns, onResize, }) {
+    const [hovered, setHovered] = React.useState(false);
+    const [dragging, setDragging] = React.useState(false);
+    const startChatColumns = React.useRef(null);
+    const resizeHandler = React.useRef(onResize);
+    // Ink keeps the captured node after removal. Withdraw its callback on
+    // unmount so a scene switch cannot resize the hidden sidebar.
+    React.useLayoutEffect(() => {
+        resizeHandler.current = onResize;
+        return () => { resizeHandler.current = undefined; };
+    }, [onResize]);
+    const resize = (event) => {
+        event.stopImmediatePropagation();
+        if (startChatColumns.current !== null) {
+            resizeHandler.current?.(startChatColumns.current + event.col - event.startCol);
+        }
+    };
     const junctions = new Set(junctionRows);
     const glyphs = [];
     for (let y = 0; y < Math.max(1, rows); y += 1) {
         glyphs.push(junctions.has(y) ? '├' : '│');
     }
-    return (_jsx(Box, { width: 1, flexShrink: 0, overflow: "hidden", children: _jsx(Text, { color: focused ? 'accent' : 'inactive', children: glyphs.join('\n') }) }));
+    return (_jsx(Box, { width: 1, flexShrink: 0, overflow: "hidden", noSelect: true, onMouseEnter: onResize === undefined ? undefined : () => setHovered(true), onMouseLeave: onResize === undefined ? undefined : () => setHovered(false), onDragStart: onResize === undefined ? undefined : event => {
+            // Keep the press geometry for the entire captured gesture: the
+            // divider moves on every frame and localCol moves with it.
+            startChatColumns.current = chatColumns;
+            setDragging(true);
+            resize(event);
+        }, onDragMove: onResize === undefined ? undefined : resize, onDragEnd: onResize === undefined ? undefined : event => {
+            resize(event);
+            startChatColumns.current = null;
+            setDragging(false);
+        }, children: _jsx(Text, { color: focused || hovered || dragging ? 'accent' : 'inactive', children: glyphs.join('\n') }) }));
 }
-export function SidePanelLayout({ geometry, focus, side, onActivateChat, onActivatePanel, children, }) {
+export function SidePanelLayout({ geometry, focus, side, onActivateChat, onActivatePanel, onResize, children, }) {
     const outerEdges = useSurfaceEdges();
     const parentSize = useTerminalSize();
     const rows = parentSize.rows;
@@ -73,7 +99,7 @@ export function SidePanelLayout({ geometry, focus, side, onActivateChat, onActiv
     // eslint-disable-next-line react-hooks/exhaustive-deps -- geometry identity changes with the split
     [parentSize, geometry, rows, screenRows]);
     const panelSize = React.useMemo(() => ({ columns: panelColumns, rows, screenRows }), [panelColumns, rows, screenRows]);
-    return (_jsxs(Box, { flexDirection: "row", flexGrow: 1, flexShrink: 1, overflow: split ? 'hidden' : undefined, children: [_jsx(SurfaceEdgesContext.Provider, { value: split ? chatEdges : outerEdges, children: _jsx(TerminalSizeContext.Provider, { value: chatSize, children: _jsx(Box, { flexDirection: "column", flexGrow: split ? 0 : 1, width: geometry === null ? undefined : geometry.chat, flexShrink: 0, overflow: split ? 'hidden' : undefined, onClick: split ? onActivateChat : undefined, children: children }) }) }), split && (_jsxs(_Fragment, { children: [_jsx(DividerColumn, { focused: focus === 'panel', rows: rows, junctionRows: [1, Math.max(1, rows - 2)] }), _jsx(SurfaceEdgesContext.Provider, { value: panelEdges, children: _jsx(TerminalSizeContext.Provider, { value: panelSize, children: _jsx(Box, { flexDirection: "column", width: panelColumns, flexShrink: 0, overflow: "hidden", onClick: onActivatePanel, 
+    return (_jsxs(Box, { flexDirection: "row", flexGrow: 1, flexShrink: 1, overflow: split ? 'hidden' : undefined, children: [_jsx(SurfaceEdgesContext.Provider, { value: split ? chatEdges : outerEdges, children: _jsx(TerminalSizeContext.Provider, { value: chatSize, children: _jsx(Box, { flexDirection: "column", flexGrow: split ? 0 : 1, width: geometry === null ? undefined : geometry.chat, flexShrink: 0, overflow: split ? 'hidden' : undefined, onClick: split ? onActivateChat : undefined, children: children }) }) }), split && (_jsxs(_Fragment, { children: [_jsx(DividerColumn, { focused: focus === 'panel', rows: rows, junctionRows: [1, Math.max(1, rows - 2)], chatColumns: geometry.chat, onResize: onResize }), _jsx(SurfaceEdgesContext.Provider, { value: panelEdges, children: _jsx(TerminalSizeContext.Provider, { value: panelSize, children: _jsx(Box, { flexDirection: "column", width: panelColumns, flexShrink: 0, overflow: "hidden", onClick: onActivatePanel, 
                                 /* The right column is fenced out of the fullscreen linear text
                                    selection: a drag across chat rows must not capture panel
                                    glyphs (design doc §4.6). Panels carry their own copy action. */

package/lib/types/components/sidePanel/SidePanelRuntimeContext.d.ts

@@ -30,6 +30,11 @@ export interface SidePanelRuntimeContextValue {
      *  未接（或该 Panel 没有整屏形态）时 undefined，按钮照画但点击无效——
      *  宿主是否可展开由 PanelDefinition.capabilities.fullscreen 决定。 */
     readonly openFullscreen?: (panelId: string) => void;
+    /** 「回主输入框」出口：Panel 把内容送聊天（attachContext）后把列焦点交回
+     *  聊天——chip 就在眼前、可直接接着打字，toast 里的「Esc 可撤」也立刻
+     *  成立（剥 chip 的那把 Esc 只有主输入框有焦点时才收得到）。宿主
+     *  （PanelHost）从 controller.focusChat 注入；未接时送完焦点不动。 */
+    readonly focusChat?: () => void;
 }
 export declare const SidePanelRuntimeContext: React.Context<SidePanelRuntimeContextValue | null>;
 export declare function useSidePanelChannel(): ChannelUi;
@@ -37,6 +42,8 @@ export declare function useSidePanelChannel(): ChannelUi;
 export declare function useSidePanelTrajectory(): TrajBuild | undefined;
 /** 「全屏」出口：宿主没接时返回 undefined（按钮点击静默无效）。 */
 export declare function useSidePanelFullscreen(): ((panelId: string) => void) | undefined;
+/** 「回主输入框」出口：宿主没接时返回 undefined（送聊天后焦点不动）。 */
+export declare function useSidePanelFocusChat(): (() => void) | undefined;
 export declare const PanelContext: React.Context<{
     readonly panelId: string;
 } | null>;

package/lib/types/components/sidePanel/SidePanelRuntimeContext.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SidePanelRuntimeContext.d.ts","sourceRoot":"","sources":["../../../../src/components/sidePanel/SidePanelRuntimeContext.tsx"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AACH,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,oCAAoC,CAAA;AACnE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,qCAAqC,CAAA;AACvE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,uCAAuC,CAAA;AACtE,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAA;AAElD,MAAM,WAAW,4BAA4B;IAC3C,QAAQ,CAAC,OAAO,EAAE,gBAAgB,CAAA;IAClC,QAAQ,CAAC,OAAO,EAAE,SAAS,CAAA;IAC3B;sDACkD;IAClD,QAAQ,CAAC,QAAQ,CAAC,EAAE,YAAY,CAAA;IAChC,oDAAoD;IACpD,QAAQ,CAAC,SAAS,CAAC,EAAE;QAAE,QAAQ,CAAC,SAAS,EAAE,MAAM,CAAC;QAAC,QAAQ,CAAC,SAAS,EAAE,MAAM,CAAA;KAAE,CAAA;IAC/E;6CACyC;IACzC,QAAQ,CAAC,UAAU,CAAC,EAAE,SAAS,CAAA;IAC/B;;+DAE2D;IAC3D,QAAQ,CAAC,cAAc,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAA;CACpD;AAED,eAAO,MAAM,uBAAuB,oDAAiE,CAAA;AAErG,wBAAgB,mBAAmB,IAAI,SAAS,CAI/C;AAED,sDAAsD;AACtD,wBAAgB,sBAAsB,IAAI,SAAS,GAAG,SAAS,CAE9D;AAED,0CAA0C;AAC1C,wBAAgB,sBAAsB,IAAI,CAAC,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC,GAAG,SAAS,CAEhF;AAED,eAAO,MAAM,YAAY;sBAA2C,MAAM;SAAgB,CAAA"}
+{"version":3,"file":"SidePanelRuntimeContext.d.ts","sourceRoot":"","sources":["../../../../src/components/sidePanel/SidePanelRuntimeContext.tsx"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AACH,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,oCAAoC,CAAA;AACnE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,qCAAqC,CAAA;AACvE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,uCAAuC,CAAA;AACtE,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAA;AAElD,MAAM,WAAW,4BAA4B;IAC3C,QAAQ,CAAC,OAAO,EAAE,gBAAgB,CAAA;IAClC,QAAQ,CAAC,OAAO,EAAE,SAAS,CAAA;IAC3B;sDACkD;IAClD,QAAQ,CAAC,QAAQ,CAAC,EAAE,YAAY,CAAA;IAChC,oDAAoD;IACpD,QAAQ,CAAC,SAAS,CAAC,EAAE;QAAE,QAAQ,CAAC,SAAS,EAAE,MAAM,CAAC;QAAC,QAAQ,CAAC,SAAS,EAAE,MAAM,CAAA;KAAE,CAAA;IAC/E;6CACyC;IACzC,QAAQ,CAAC,UAAU,CAAC,EAAE,SAAS,CAAA;IAC/B;;+DAE2D;IAC3D,QAAQ,CAAC,cAAc,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAA;IACnD;;;0DAGsD;IACtD,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,IAAI,CAAA;CAChC;AAED,eAAO,MAAM,uBAAuB,oDAAiE,CAAA;AAErG,wBAAgB,mBAAmB,IAAI,SAAS,CAI/C;AAED,sDAAsD;AACtD,wBAAgB,sBAAsB,IAAI,SAAS,GAAG,SAAS,CAE9D;AAED,0CAA0C;AAC1C,wBAAgB,sBAAsB,IAAI,CAAC,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC,GAAG,SAAS,CAEhF;AAED,6CAA6C;AAC7C,wBAAgB,qBAAqB,IAAI,CAAC,MAAM,IAAI,CAAC,GAAG,SAAS,CAEhE;AAED,eAAO,MAAM,YAAY;sBAA2C,MAAM;SAAgB,CAAA"}

package/lib/types/components/sidePanel/SidePanelRuntimeContext.js

@@ -23,4 +23,8 @@ export function useSidePanelTrajectory() {
 export function useSidePanelFullscreen() {
     return React.useContext(SidePanelRuntimeContext)?.openFullscreen;
 }
+/** 「回主输入框」出口：宿主没接时返回 undefined（送聊天后焦点不动）。 */
+export function useSidePanelFocusChat() {
+    return React.useContext(SidePanelRuntimeContext)?.focusChat;
+}
 export const PanelContext = React.createContext(null);

package/lib/types/components/sidePanel/btw/BtwComposer.d.ts

@@ -32,11 +32,14 @@ type BtwKeyFlags = SidePanelKeyFlags & {
 /**
  * 单行 composer 的键语义。返回 null = 未消费（面板形态交宿主回退键，
  * 全屏形态交场景其余分支）；返回对象按 exitFocus > submit > 编辑 写回。
+ * ←/→ 先移光标，贴到行首/行尾后返回未消费——面板形态据此切面板。
+ * ↑ 让位给列表（选中轮，见 BtwPanelAdapter 的选中态）；↓ 在单行框里没有
+ * 语义，吃掉即可，免得漏给主聊天去滚 transcript。
  */
 export declare function btwComposerKey(state: BtwComposerState, input: string, key: BtwKeyFlags): BtwComposerKeyResult | null;
-export declare function BtwComposer({ state, focused, busy, notice, }: {
+export declare function BtwComposer({ state, focused, busy, notice, onActivate, }: {
     readonly state: BtwComposerState;
-    /** 编辑焦点（决定 caret 反白块的画法）。 */
+    /** 编辑焦点（决定边框高亮与原生光标显示）。 */
     readonly focused: boolean;
     /** 线程在途：Enter 不发送，提示稍候。 */
     readonly busy: boolean;
@@ -45,6 +48,8 @@ export declare function BtwComposer({ state, focused, busy, notice, }: {
         readonly text: string;
         readonly failure: boolean;
     } | undefined;
+    /** 点击输入框进入编辑（默认箭头归导航，点进来才编辑）。 */
+    readonly onActivate?: () => void;
 }): React.ReactNode;
 export {};
 //# sourceMappingURL=BtwComposer.d.ts.map

package/lib/types/components/sidePanel/btw/BtwComposer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BtwComposer.d.ts","sourceRoot":"","sources":["../../../../../src/components/sidePanel/btw/BtwComposer.tsx"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AACH,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAA;AAGpD,+CAA+C;AAC/C,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAA;IACrB,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAA;CACvB;AAED,8DAA8D;AAC9D,MAAM,WAAW,oBAAoB;IACnC,QAAQ,CAAC,KAAK,CAAC,EAAE,gBAAgB,CAAA;IACjC,QAAQ,CAAC,MAAM,CAAC,EAAE,OAAO,CAAA;IACzB,wCAAwC;IACxC,QAAQ,CAAC,SAAS,CAAC,EAAE,OAAO,CAAA;CAC7B;AAED,qDAAqD;AACrD,KAAK,WAAW,GAAG,iBAAiB,GAAG;IACrC,QAAQ,CAAC,GAAG,CAAC,EAAE,OAAO,CAAA;IACtB,QAAQ,CAAC,SAAS,CAAC,EAAE,OAAO,CAAA;IAC5B,QAAQ,CAAC,MAAM,CAAC,EAAE,OAAO,CAAA;IACzB,QAAQ,CAAC,IAAI,CAAC,EAAE,OAAO,CAAA;IACvB,QAAQ,CAAC,GAAG,CAAC,EAAE,OAAO,CAAA;IACtB,QAAQ,CAAC,MAAM,CAAC,EAAE,OAAO,CAAA;CAC1B,CAAA;AAED;;;GAGG;AACH,wBAAgB,cAAc,CAAC,KAAK,EAAE,gBAAgB,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,WAAW,GAAG,oBAAoB,GAAG,IAAI,CAuBpH;AAED,wBAAgB,WAAW,CAAC,EAC1B,KAAK,EACL,OAAO,EACP,IAAI,EACJ,MAAM,GACP,EAAE;IACD,QAAQ,CAAC,KAAK,EAAE,gBAAgB,CAAA;IAChC,6BAA6B;IAC7B,QAAQ,CAAC,OAAO,EAAE,OAAO,CAAA;IACzB,2BAA2B;IAC3B,QAAQ,CAAC,IAAI,EAAE,OAAO,CAAA;IACtB,6BAA6B;IAC7B,QAAQ,CAAC,MAAM,CAAC,EAAE;QAAE,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC;QAAC,QAAQ,CAAC,OAAO,EAAE,OAAO,CAAA;KAAE,GAAG,SAAS,CAAA;CACnF,GAAG,KAAK,CAAC,SAAS,CAsBlB"}
+{"version":3,"file":"BtwComposer.d.ts","sourceRoot":"","sources":["../../../../../src/components/sidePanel/btw/BtwComposer.tsx"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AACH,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAA;AAGpD,+CAA+C;AAC/C,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAA;IACrB,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAA;CACvB;AAED,8DAA8D;AAC9D,MAAM,WAAW,oBAAoB;IACnC,QAAQ,CAAC,KAAK,CAAC,EAAE,gBAAgB,CAAA;IACjC,QAAQ,CAAC,MAAM,CAAC,EAAE,OAAO,CAAA;IACzB,wCAAwC;IACxC,QAAQ,CAAC,SAAS,CAAC,EAAE,OAAO,CAAA;CAC7B;AAED,qDAAqD;AACrD,KAAK,WAAW,GAAG,iBAAiB,GAAG;IACrC,QAAQ,CAAC,GAAG,CAAC,EAAE,OAAO,CAAA;IACtB,QAAQ,CAAC,SAAS,CAAC,EAAE,OAAO,CAAA;IAC5B,QAAQ,CAAC,MAAM,CAAC,EAAE,OAAO,CAAA;IACzB,QAAQ,CAAC,IAAI,CAAC,EAAE,OAAO,CAAA;IACvB,QAAQ,CAAC,GAAG,CAAC,EAAE,OAAO,CAAA;IACtB,QAAQ,CAAC,MAAM,CAAC,EAAE,OAAO,CAAA;CAC1B,CAAA;AAED;;;;;;GAMG;AACH,wBAAgB,cAAc,CAAC,KAAK,EAAE,gBAAgB,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,WAAW,GAAG,oBAAoB,GAAG,IAAI,CAsCpH;AAED,wBAAgB,WAAW,CAAC,EAC1B,KAAK,EACL,OAAO,EACP,IAAI,EACJ,MAAM,EACN,UAAU,GACX,EAAE;IACD,QAAQ,CAAC,KAAK,EAAE,gBAAgB,CAAA;IAChC,2BAA2B;IAC3B,QAAQ,CAAC,OAAO,EAAE,OAAO,CAAA;IACzB,2BAA2B;IAC3B,QAAQ,CAAC,IAAI,EAAE,OAAO,CAAA;IACtB,6BAA6B;IAC7B,QAAQ,CAAC,MAAM,CAAC,EAAE;QAAE,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC;QAAC,QAAQ,CAAC,OAAO,EAAE,OAAO,CAAA;KAAE,GAAG,SAAS,CAAA;IAClF,iCAAiC;IACjC,QAAQ,CAAC,UAAU,CAAC,EAAE,MAAM,IAAI,CAAA;CACjC,GAAG,KAAK,CAAC,SAAS,CA6ClB"}

package/lib/types/components/sidePanel/btw/BtwComposer.js

@@ -1,10 +1,13 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { Box, Text } from '../../../ui.js';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Box, Text, InputCaret } from '../../../ui.js';
 import { t } from '../../../i18n.js';
 import { nextCodePoint, previousCodePoint } from '../../AgentMessageComposer.js';
 /**
  * 单行 composer 的键语义。返回 null = 未消费（面板形态交宿主回退键，
  * 全屏形态交场景其余分支）；返回对象按 exitFocus > submit > 编辑 写回。
+ * ←/→ 先移光标，贴到行首/行尾后返回未消费——面板形态据此切面板。
+ * ↑ 让位给列表（选中轮，见 BtwPanelAdapter 的选中态）；↓ 在单行框里没有
+ * 语义，吃掉即可，免得漏给主聊天去滚 transcript。
  */
 export function btwComposerKey(state, input, key) {
     if (key.escape === true)
@@ -19,16 +22,32 @@ export function btwComposerKey(state, input, key) {
     // Tab 离开编辑层去列表（与 TrajectoryPanel 同款双形态判定）。
     if (key.tab === true || input === '\t')
         return { exitFocus: true };
+    // ↑ 也从编辑层上到列表：光标落在本轮标题上（列表形态默认选中最后一条）。
+    if (key.upArrow === true)
+        return { exitFocus: true };
+    if (key.downArrow === true)
+        return {};
     if (key.backspace === true || key.delete === true) {
         if (caret <= 0)
             return { state: { ...state, caret } };
         const at = previousCodePoint(state.text, caret);
         return { state: { text: state.text.slice(0, at) + state.text.slice(caret), caret: at } };
     }
-    if (key.leftArrow === true)
-        return { state: { ...state, caret: previousCodePoint(state.text, caret) } };
-    if (key.rightArrow === true)
-        return { state: { ...state, caret: nextCodePoint(state.text, caret) } };
+    // Shift+←/→ 不归编辑层：返回未消费，面板形态下落宿主切面板（宿主的
+    // leftArrow 判定不看 shift）——编辑中途也能一键换面板，不必先 Esc 收起。
+    if ((key.leftArrow === true || key.rightArrow === true) && key.shift === true)
+        return null;
+    // 光标先走、到头让位：还能移就移一格，已经贴着行首/行尾则返回未消费——
+    // 面板形态下落宿主切面板，底栏「←/→ 切换」因此在编辑层同样成立；场景
+    // 形态下无人接管，等于空操作。
+    if (key.leftArrow === true) {
+        const previous = previousCodePoint(state.text, caret);
+        return previous === caret ? null : { state: { ...state, caret: previous } };
+    }
+    if (key.rightArrow === true) {
+        const next = nextCodePoint(state.text, caret);
+        return next === caret ? null : { state: { ...state, caret: next } };
+    }
     if (key.home === true)
         return { state: { ...state, caret: 0 } };
     if (key.end === true)
@@ -38,8 +57,9 @@ export function btwComposerKey(state, input, key) {
     }
     return null;
 }
-export function BtwComposer({ state, focused, busy, notice, }) {
+export function BtwComposer({ state, focused, busy, notice, onActivate, }) {
     const { text, caret } = state;
     const shown = Math.min(caret, text.length);
-    return (_jsxs(Box, { flexDirection: "column", flexShrink: 0, children: [_jsxs(Box, { flexDirection: "row", flexShrink: 0, children: [_jsx(Text, { color: "warning", bold: true, children: '› ' }), focused ? (_jsxs(_Fragment, { children: [_jsx(Text, { children: text.slice(0, shown) }), _jsx(Text, { inverse: true, children: text.slice(shown, shown + 1) || ' ' }), text.slice(shown + 1) !== '' ? _jsx(Text, { children: text.slice(shown + 1) }) : null] })) : (_jsx(Text, { dimColor: true, children: text === '' ? t('btw-thread-followup') : text }))] }), notice !== undefined && (_jsx(Text, { color: notice.failure ? 'error' : undefined, wrap: "truncate", children: notice.text }))] }));
+    const afterCaret = nextCodePoint(text, shown);
+    return (_jsxs(Box, { flexDirection: "column", flexShrink: 0, children: [_jsx(Box, { width: "100%", flexShrink: 0, borderStyle: "round", borderColor: focused ? 'accent' : undefined, onClick: onActivate === undefined ? undefined : () => onActivate(), children: _jsxs(Box, { flexDirection: "row", flexShrink: 0, paddingLeft: 1, paddingRight: 1, children: [_jsx(Text, { color: focused ? 'accent' : undefined, bold: true, children: '›' }), _jsx(Text, { children: ' ' }), focused ? (_jsxs(_Fragment, { children: [_jsxs(Box, { flexDirection: "row", flexShrink: 1, minWidth: 0, children: [_jsx(Text, { wrap: "truncate", children: text.slice(0, shown) }), _jsx(InputCaret, { children: text.slice(shown, afterCaret) || ' ' }), text.slice(afterCaret) !== '' ? _jsx(Text, { wrap: "truncate", children: text.slice(afterCaret) }) : null] }), _jsx(Box, { flexGrow: 1, flexShrink: 0, children: _jsx(Text, { children: " " }) }), _jsx(Box, { flexShrink: 0, children: _jsxs(Text, { dimColor: true, children: [" ", t('btw-input-hint-edit')] }) })] })) : (_jsx(Text, { dimColor: true, wrap: "truncate", children: text === '' ? t('btw-input-placeholder') : text }))] }) }), notice !== undefined && (_jsx(Text, { color: notice.failure ? 'error' : undefined, wrap: "truncate", children: notice.text }))] }));
 }

package/lib/types/components/sidePanel/btw/BtwPanelAdapter.d.ts

@@ -1,7 +1,8 @@
 /**
  * btw 侧栏面板：线程滚动 + Markdown + 底部 composer 连续追问。Esc 先退出
  * composer 编辑（草稿保留），列表层不消费 Esc，再交宿主回聊天；Tab 在列表
- * 与 composer 间切焦点；未消费的键交宿主（←/→ 仍切面板）。
+ * 与 composer 间切焦点；未消费的键交宿主（←/→ 切面板——编辑层里光标贴到
+ * 行首/行尾后也让位）。
  *
  * badge 派生（镜像 jobs/agents 适配器）：面板不可见期间完成的新 answer
  * 增 info unread、失败 error level 计未读、运行中只亮点不计未读；进入

package/lib/types/components/sidePanel/btw/BtwPanelAdapter.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BtwPanelAdapter.d.ts","sourceRoot":"","sources":["../../../../../src/components/sidePanel/btw/BtwPanelAdapter.tsx"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AACH,OAAO,KAAK,MAAM,OAAO,CAAA;AAYzB,OAAO,KAAK,EAAmB,UAAU,EAAE,MAAM,aAAa,CAAA;AAY9D,wBAAgB,eAAe,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,EAAE,UAAU,GAAG,KAAK,CAAC,SAAS,CAoJhG"}
+{"version":3,"file":"BtwPanelAdapter.d.ts","sourceRoot":"","sources":["../../../../../src/components/sidePanel/btw/BtwPanelAdapter.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AACH,OAAO,KAAK,MAAM,OAAO,CAAA;AAazB,OAAO,KAAK,EAAmB,UAAU,EAAE,MAAM,aAAa,CAAA;AAY9D,wBAAgB,eAAe,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,EAAE,UAAU,GAAG,KAAK,CAAC,SAAS,CAiRhG"}

package/lib/types/components/sidePanel/btw/BtwPanelAdapter.js

@@ -2,7 +2,8 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 /**
  * btw 侧栏面板：线程滚动 + Markdown + 底部 composer 连续追问。Esc 先退出
  * composer 编辑（草稿保留），列表层不消费 Esc，再交宿主回聊天；Tab 在列表
- * 与 composer 间切焦点；未消费的键交宿主（←/→ 仍切面板）。
+ * 与 composer 间切焦点；未消费的键交宿主（←/→ 切面板——编辑层里光标贴到
+ * 行首/行尾后也让位）。
  *
  * badge 派生（镜像 jobs/agents 适配器）：面板不可见期间完成的新 answer
  * 增 info unread、失败 error level 计未读、运行中只亮点不计未读；进入
@@ -12,12 +13,13 @@ import React from 'react';
 import { Box, Text } from '../../../ui.js';
 import { t } from '../../../i18n.js';
 import { panelStore } from '../PanelStore.js';
-import { useSidePanelChannel } from '../SidePanelRuntimeContext.js';
+import { useSidePanelChannel, useSidePanelFocusChat } from '../SidePanelRuntimeContext.js';
 import { usePanelInput } from '../usePanelInput.js';
 import { truncateWidth } from '../../../trajectory/format.js';
 import { stringWidth } from '../../../ink/stringWidth.js';
+import { setClipboard } from '../../../ink/termio/osc.js';
 import { btwThreads } from './threads.js';
-import { getBtwContextBudget, getBtwContextTurns, subscribeBtwContextTurns } from '../../../tuiDisplayPrefs.js';
+import { getBtwContextBudget, getBtwContextTurns } from '../../../tuiDisplayPrefs.js';
 import { BtwComposer, btwComposerKey } from './BtwComposer.js';
 import { BtwThreadView } from './BtwThreadView.js';
 function useBtwThread(sessionId) {
@@ -29,11 +31,25 @@ function btwContextOptions() {
 }
 export function BtwPanelAdapter({ width, height, focused, visible }) {
     const channel = useSidePanelChannel();
+    // 送聊天后把列焦点交回主输入框（宿主没接时 undefined = 焦点不动）。
+    const focusChat = useSidePanelFocusChat();
     const sessionId = String(channel.agentId);
     const thread = useBtwThread(sessionId);
     const version = thread?.version ?? 0;
     const busy = thread !== undefined && thread.activeTurnId !== null;
-    const [composerFocus, setComposerFocus] = React.useState(true);
+    // 默认阅读层：箭头归导航（←/→ 切面板、↑/↓ 滚动）；Enter/Tab/点击输入框
+    // 才进编辑层，箭头变光标——光标贴到行首/行尾后再按同一个键同样落回宿主
+    // 切面板（BtwComposer 的到头让位），所以底栏「←/→ 切换」在两层都成立；
+    // 聚焦状态另有边框高亮与框内提示兜底。
+    const [composerFocus, setComposerFocusState] = React.useState(false);
+    // 聚焦位也骑 ref：Enter 聚焦后紧接着的按键（两键之间没有重渲染）必须
+    // 已经看见编辑层——与 caret 同一款契约，否则第一个字符会被列表层吃掉。
+    const composerFocusRef = React.useRef(false);
+    const setComposerFocus = React.useCallback((next) => {
+        composerFocusRef.current = next;
+        setComposerFocusState(next);
+    }, []);
+    const activateComposer = React.useCallback(() => setComposerFocus(true), [setComposerFocus]);
     // The caret rides a ref too: two keys arriving before a re-render must
     // see each other's caret (the draft itself is read from the store).
     const caretRef = React.useRef(0);
@@ -43,6 +59,8 @@ export function BtwPanelAdapter({ width, height, focused, visible }) {
         setCaretState(next);
     }, []);
     const [notice, setNotice] = React.useState(null);
+    // 列表态的滚动句柄（阅读态：↑/↓/PgUp/PgDn 归线程，编辑态仍归输入框）。
+    const scrollRef = React.useRef(null);
     // badge（镜像 jobs：version/visible 驱动；可见即已读）。
     React.useEffect(() => {
         const running = thread?.turns.some(turn => turn.phase === 'running') ?? false;
@@ -58,8 +76,10 @@ export function BtwPanelAdapter({ width, height, focused, visible }) {
         // eslint-disable-next-line react-hooks/exhaustive-deps -- badge derives from the thread snapshot version
     }, [version, visible]);
     const attachTurn = React.useCallback((turn) => {
+        if (turn.phase !== 'completed')
+            return false;
         if (typeof channel.attachContext !== 'function')
-            return;
+            return false;
         channel.attachContext({
             source: 'panel',
             sourceId: turn.turnId,
@@ -68,7 +88,29 @@ export function BtwPanelAdapter({ width, height, focused, visible }) {
         });
         const staged = channel.attachedContexts.find(entry => entry.sourceId === turn.turnId);
         channel.notify(staged?.truncated === true ? t('btw-thread-answer-truncated') : t('btw-thread-answer-attached'), { color: 'success' });
+        return true;
+    }, [channel]);
+    /** 该轮是否已经挂在主输入框上（sourceId = turnId；部分夹具没有这个面）。 */
+    const attachedEntryOf = React.useCallback((turnId) => {
+        // oxlint-disable-next-line typescript/no-unnecessary-condition -- runtime guard: partial fixture channels
+        return (channel.attachedContexts ?? []).find(entry => entry.sourceId === turnId);
     }, [channel]);
+    /**
+     * `s` = 送聊天，再按一次 = 撤回（选中行 → 动作）。送出去之后把列焦点交回主
+     * 输入框：chip 就在眼前、可直接接着打字，toast 里那句「Esc 可撤」也才成立
+     * （剥 chip 的 Esc 只有主输入框有焦点才收得到）。
+     */
+    const sendToChat = React.useCallback((turn) => {
+        const staged = attachedEntryOf(turn.turnId);
+        if (staged !== undefined) {
+            if (typeof channel.detachContext === 'function')
+                channel.detachContext(staged.id);
+            channel.notify(t('panel-context-detached'), { color: 'success' });
+            return;
+        }
+        if (attachTurn(turn))
+            focusChat?.();
+    }, [attachTurn, attachedEntryOf, channel, focusChat]);
     const submitDraft = React.useCallback(() => {
         const text = btwThreads.get(sessionId)?.draft ?? '';
         if (text.trim() === '')
@@ -91,9 +133,45 @@ export function BtwPanelAdapter({ width, height, focused, visible }) {
         setNotice(null);
         channel.notify(t('btw-thread-clear'), { timeoutMs: 2500 });
     }, [sessionId, channel]);
+    const copyLatest = React.useCallback(() => {
+        const latest = [...(btwThreads.get(sessionId)?.turns ?? [])].reverse().find(turn => turn.phase === 'completed');
+        if (latest === undefined)
+            return;
+        void setClipboard(latest.answer);
+        channel.notify(t('copied-chars', { n: latest.answer.length }), { timeoutMs: 1500 });
+    }, [sessionId, channel]);
+    // ── 选中轮：列表形态（composer 不聚焦）的键盘归它 ─────────────────────
+    // 选中态存在线程 store 里（与 draft 同理：面板与全屏场景共用），快照给的
+    // selectedTurnId 已经解析过「跟最后一条」——null 只在空线程上出现。
+    const turns = thread?.turns ?? [];
+    const selectedId = thread?.selectedTurnId ?? null;
+    const selectedTurn = turns.find(turn => turn.turnId === selectedId);
+    /** ↑/↓ 移动选中（夹在两端；到底再按 ↓ 由调用方回输入框）。 */
+    const moveSelection = React.useCallback((delta) => {
+        btwThreads.moveSelection(sessionId, delta);
+    }, [sessionId]);
+    /** 点标题行：选中那一轮并离开编辑层（高亮只在列表态显示，见 listActive）。 */
+    const selectTurn = React.useCallback((turnId) => {
+        btwThreads.select(sessionId, turnId);
+        setComposerFocus(false);
+    }, [sessionId, setComposerFocus]);
+    /** 选中轮本身（读实时线程，不依赖渲染期快照）。 */
+    const selectedTurnNow = React.useCallback(() => {
+        return btwThreads.selectedTurn(sessionId);
+    }, [sessionId]);
+    /** `c` = 复制选中轮的答案（选中轮还没答案时退回「最后一条已完成」）。 */
+    const copySelected = React.useCallback(() => {
+        const turn = selectedTurnNow();
+        if (turn !== undefined && turn.answer !== '') {
+            void setClipboard(turn.answer);
+            channel.notify(t('copied-chars', { n: turn.answer.length }), { timeoutMs: 1500 });
+            return;
+        }
+        copyLatest();
+    }, [selectedTurnNow, copyLatest, channel]);
     // ── 键盘：composer 层 > 列表层 > 宿主（未消费的键返回 false）──────────
     const onKey = React.useCallback((input, key) => {
-        if (composerFocus) {
+        if (composerFocusRef.current) {
             const text = btwThreads.get(sessionId)?.draft ?? '';
             const result = btwComposerKey({ text, caret: caretRef.current }, input, key);
             if (result === null)
@@ -114,7 +192,10 @@ export function BtwPanelAdapter({ width, height, focused, visible }) {
             return true;
         }
         const tabKey = key.tab === true || input === '\t';
-        if (tabKey) {
+        const enterKey = key.return_ === true || key.return === true || /^[\r\n]+$/u.test(input);
+        // Enter/Tab 都回编辑层：列表态不是死胡同，一键继续问（Enter 不进
+        // composer 的提交分支——那是聚焦后的下一次按键的事）。
+        if (tabKey || enterKey) {
             setComposerFocus(true);
             return true;
         }
@@ -122,26 +203,80 @@ export function BtwPanelAdapter({ width, height, focused, visible }) {
             newTopic();
             return true;
         }
+        // 选中轮 + s/c：与 jobs 面板同一套「选中行 → 动作」契约（s 再按一次撤回）。
         if (input === 's' && key.ctrl !== true && key.meta !== true) {
-            const latest = [...(btwThreads.get(sessionId)?.turns ?? [])].reverse().find(turn => turn.phase === 'completed');
-            if (latest !== undefined)
-                attachTurn(latest);
+            const turn = selectedTurnNow();
+            if (turn !== undefined)
+                sendToChat(turn);
+            return true;
+        }
+        if (input === 'c' && key.ctrl !== true && key.meta !== true) {
+            copySelected();
             return true;
         }
-        // 列表层不独占 Esc/←/→：返回 false 交宿主（Esc 回聊天、←/→ 切面板）。
+        // 列表键盘：↑/↓ 只挪选中——滚动交给 BtwThreadView 的「最小揭示」：目标标题
+        // 已经在视口里就一动不动，出了视口才滚到恰好露出那一行。已经在最后一条时
+        // 再按 ↓ = 回输入框（与输入框里按 ↑ 上到标题互为往返）。
+        if (key.upArrow === true) {
+            moveSelection(-1);
+            return true;
+        }
+        if (key.downArrow === true) {
+            const list = btwThreads.get(sessionId)?.turns ?? [];
+            const current = btwThreads.selectedTurn(sessionId);
+            const at = current === undefined ? list.length - 1 : list.findIndex(turn => turn.turnId === current.turnId);
+            if (list.length === 0 || at === list.length - 1) {
+                setComposerFocus(true);
+                return true;
+            }
+            moveSelection(1);
+            return true;
+        }
+        // 翻页仍归滚动（列表里 ↑/↓ 已经改成移动选中了）。
+        if (key.pageUp === true) {
+            scrollRef.current?.scrollBy(-(height - 6));
+            return true;
+        }
+        if (key.pageDown === true) {
+            scrollRef.current?.scrollBy(height - 6);
+            return true;
+        }
+        // 其余不独占：返回 false 交宿主（Esc 回聊天、←/→ 切面板、1-9 跳面板）。
         return false;
         // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [composerFocus, sessionId, submitDraft, newTopic, attachTurn, setCaret]);
+    }, [sessionId, submitDraft, newTopic, sendToChat, copySelected, moveSelection, selectedTurnNow, height, setCaret]);
     usePanelInput(onKey, { active: focused && visible });
-    // ── 头部：/btw + 首问标题（单行裁切）+ 新话题 + 上下文覆盖提示 ────────
-    const title = thread !== undefined && thread.turns.length > 0 ? thread.turns[0].question : '';
+    // ── 头部（只有线程后才画）：首问标题 + 状态徽 + 新话题，下压一条细线 ──
+    // 空线程不画头部：标题没有内容，`新话题` 在空线程上也无事可做（清空/换题的
+    // 语义只对已有线程成立）——面板标签栏已经给了这块版面的标题。
     const newLabel = t('btw-thread-new');
-    // 覆盖提示跟随 dsh-tui.btw.contextTurns 的活值（/settings 改完即换词）。
-    const contextTurns = React.useSyncExternalStore(subscribeBtwContextTurns, getBtwContextTurns);
-    const contextLabel = t('btw-thread-context-recent', { n: contextTurns });
+    const turnCount = thread?.turns.length ?? 0;
+    const title = turnCount > 0 ? thread.turns[0].question : '';
+    const chip = busy ? '● ' + t('btw-answering') : turnCount > 0 ? `Q${turnCount}` : '';
     const budget = Math.max(6, width - 2);
-    const titleRoom = budget - stringWidth(newLabel) - stringWidth(contextLabel) - 5;
-    const header = (_jsxs(Box, { flexDirection: "row", width: "100%", height: 1, flexShrink: 0, children: [_jsx(Text, { color: "warning", bold: true, children: "/btw " }), _jsx(Text, { dimColor: true, wrap: "truncate", children: truncateWidth(title, Math.max(2, titleRoom)) }), _jsx(Box, { flexGrow: 1, flexShrink: 1, children: _jsx(Text, { children: " " }) }), _jsx(Box, { flexShrink: 0, onClick: event => { event.stopImmediatePropagation(); newTopic(); }, children: _jsxs(Text, { color: "permission", children: ["[n] ", newLabel] }) })] }));
-    const contextNote = (_jsx(Box, { width: "100%", height: 1, flexShrink: 0, children: _jsx(Text, { dimColor: true, italic: true, wrap: "truncate", children: contextLabel }) }));
-    return (_jsxs(Box, { flexDirection: "column", width: "100%", height: height, overflow: "hidden", children: [header, contextNote, _jsx(BtwThreadView, { thread: thread, width: width, height: Math.max(3, height - 5), alive: visible, onAttachTurn: attachTurn }), _jsx(BtwComposer, { state: { text: thread?.draft ?? '', caret }, focused: composerFocus && focused && visible, busy: busy, notice: notice === undefined || notice === null ? undefined : notice })] }));
+    const titleRoom = budget - stringWidth(newLabel) - stringWidth(chip) - 4;
+    const header = turnCount === 0 ? null : (_jsxs(Box, { flexDirection: "column", width: "100%", flexShrink: 0, children: [_jsxs(Box, { flexDirection: "row", width: "100%", height: 1, paddingLeft: 1, children: [_jsx(Text, { bold: true, wrap: "truncate", children: truncateWidth(title, Math.max(2, titleRoom)) }), _jsx(Box, { flexGrow: 1, flexShrink: 1, children: _jsx(Text, { children: " " }) }), chip !== '' && (_jsx(Box, { flexShrink: 0, children: _jsxs(Text, { color: busy ? 'warning' : undefined, dimColor: !busy, children: [chip, " "] }) })), _jsx(Box, { flexShrink: 0, onClick: event => { event.stopImmediatePropagation(); newTopic(); }, children: _jsxs(Text, { color: "permission", children: ["[n] ", newLabel] }) })] }), _jsx(Box, { width: "100%", height: 1, children: _jsx(Text, { dimColor: true, children: '─'.repeat(Math.max(4, width - 2)) }) })] }));
+    // 选中高亮 + 光标声明只在列表态出现：光标在主输入框（列没聚焦）或侧栏输入框
+    // （composer 编辑层）时都不显示——用户要的是「列表拿着键盘」这个状态的指示，
+    // 不是常驻标记。
+    const listActive = focused && visible && !composerFocus;
+    // 底栏广告按层走（层内状态只有面板自己知道，所以由面板发、宿主只拼）：
+    // - 列表层：有轮才说 s/c（已附加的那一轮同一个键是撤回）；
+    // - 编辑层：s/c 在输入框里只是打字，只说「↑ 回标题」；
+    // - 空线程没有可选的轮，明确广告空串（连能力位那一段也不画，免得广告一个按
+    //   下去没反应的 s）；
+    // - 光标在主输入框时面板根本收不到键，整段不画。
+    const selectedAttached = selectedTurn !== undefined && attachedEntryOf(selectedTurn.turnId) !== undefined;
+    const hintText = !focused || !visible
+        ? ''
+        : composerFocus
+            ? t('btw-hint-edit-back')
+            : turns.length === 0
+                ? ''
+                : t(selectedAttached ? 'btw-list-hint-attached' : 'btw-list-hint');
+    React.useEffect(() => {
+        panelStore.setHint('btw', hintText);
+        return () => { panelStore.setHint('btw', ''); };
+    }, [hintText]);
+    return (_jsxs(Box, { flexDirection: "column", width: "100%", height: height, overflow: "hidden", children: [header, _jsx(BtwThreadView, { thread: thread, width: width, height: Math.max(3, height - (header === null ? 4 : 6)), alive: visible, selectedTurnId: listActive ? selectedId ?? undefined : undefined, onSelectTurn: selectTurn, scrollHandleRef: scrollRef }), _jsx(BtwComposer, { state: { text: thread?.draft ?? '', caret }, focused: composerFocus && focused && visible, busy: busy, notice: notice === undefined || notice === null ? undefined : notice, onActivate: activateComposer })] }));
 }