dsh-codinput 0.3.2 → 0.3.5

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dsh-codinput",
-  "version": "0.3.2",
+  "version": "0.3.5",
   "description": "DSH WebUI 插件：把聊天输入框变成代码编辑器一样的输入风格（CodeMirror 6 接管 conversation.composer.bar）。",
   "license": "MIT",
   "author": "Witherwithwinter",

package/src/client/components/CodinputBar.tsx

@@ -23,6 +23,7 @@ import { loadPrefs, savePrefs, subscribePrefs, type CodinputPrefs } from '../pre
 import { useSidebarInputCarried } from '../sideinput';
 import { CodinputBall } from './ExpandBall';
 import { CodinputSurface } from './CodinputSurface';
+import { kitFromBarProps } from './slotEntry';
 
 /** ComposerBarOwnerProps 切面（官方 bar owner）。 */
 interface BarOwner {
@@ -38,6 +39,10 @@ type BarProps = BarOwner & SessionMaybeStandard & { useChat?: <S>(sel: (s: unkno
 export function CodinputBar(props: BarProps): JSX.Element | null {
   const { variant, blocked, disabled, placeholder, sessionId, useInput, inputActions, useProjection, useChat, useSession } = props;
   const state = useInput((s) => s);
+  // conversation.input.left/.right 第三方条目的 standard props 原样面：宿主给
+  // 本条目的 kit（standard 全集）减去 owner props——enhancer ✨/🎤 等按钮与
+  // 左座读数按官方契约消费（sessionId + useSession/useInput + inputActions + t）。
+  const inputStandard = kitFromBarProps(props as unknown as Record<string, unknown>);
   // 官方 StatsPills 同款数据源：chat store 的 legacy 节点数组（选择器只取
   // 数组引用，派生换算在 stats.ts 的 useSessionStats 里做）。
   const chatNodes = useChat ? useChat((s: unknown) => (s as { legacy?: { nodes?: unknown } })?.legacy?.nodes) : undefined;
@@ -56,6 +61,7 @@ export function CodinputBar(props: BarProps): JSX.Element | null {
       state={state}
       actions={inputActions}
       useProjection={useProjection}
+      inputStandard={inputStandard}
       placeholder={placeholder}
       disabled={disabled === true}
       blocked={blocked !== undefined}

package/src/client/components/CodinputSurface.tsx

@@ -34,6 +34,11 @@ export interface CodinputSurfaceProps {
   state: InputState | undefined;
   actions: InputActions | undefined;
   useProjection: UseProjection | undefined;
+  /**
+   * conversation.input.left / .right 条目的 standard props 原样面（宿主
+   * kit − owner props），经 Toolbar 转给输入座位镜像转发渲染。
+   */
+  inputStandard?: Record<string, unknown> | undefined;
   /** 宿主 bar owner props 透传：占位文案与禁用。 */
   placeholder?: string;
   disabled?: boolean;
@@ -61,7 +66,7 @@ const DOMPurify = ((DOMPurifyModule as unknown as { default?: unknown }).default
   DOMPurifyModule) as unknown as { sanitize(html: string): string };
 
 export function CodinputSurface(props: CodinputSurfaceProps): JSX.Element {
-  const { sessionId, state, actions, useProjection, placeholder, disabled, blocked, running, side, hero, chatNodes, float, onDragZonePointerDown } = props;
+  const { sessionId, state, actions, useProjection, inputStandard, placeholder, disabled, blocked, running, side, hero, chatNodes, float, onDragZonePointerDown } = props;
   // 语言切换时整棵表面重渲染（文案都走 i18n 的 t()）。
   useT();
 
@@ -401,6 +406,7 @@ export function CodinputSurface(props: CodinputSurfaceProps): JSX.Element {
           onNotify={notifyFor(sessionId)}
           onSend={sendGesture}
           sendDisabled={sendDisabled}
+          inputStandard={inputStandard}
         />
 
         {/* 数据行：悬浮形态收进卡片（工具行下方，随卡片圆角一体）。 */}

package/src/client/components/InputLeftSlot.tsx

@@ -0,0 +1,26 @@
+/**
+ * 左座薄壳（v0.3.5 新增；引擎见 InputSlotSeat）。
+ *
+ * 座位 = conversation.input.left：官方工具行左区 `.tools` 内
+ * [renderSlot(input.permission), renderSlot(input.plan), renderSlot(input.left)]
+ * 的末位——issue #1 里「上传视频」按钮、dsh-qoder-plugin 的额度读数等第三方
+ * 条目所在座位。遮蔽官方条目后该渲染点消失，本组件在自绘工具行左区同位置
+ * （`.dci-tools` 内、权限触发器之后）复刻官方 renderer 的 list 合成。
+ *
+ * 门槛与官方同款：`input === undefined || sessionId === undefined` 不渲染
+ * （Toolbar 判断 state，组件再兜底 sessionId）；槽位未声明/无条目 → 零残留。
+ */
+
+import { InputSlotSeat } from './InputSlotSeat';
+
+const LEFT_SLOT = 'conversation.input.left';
+
+export interface InputLeftSlotProps {
+  sessionId: string | undefined;
+  /** 宿主下发给本插件条目的 standard props 原样面（见 InputSlotSeat）。 */
+  standard: Record<string, unknown> | undefined;
+}
+
+export function InputLeftSlot(props: InputLeftSlotProps): JSX.Element | null {
+  return <InputSlotSeat slot={LEFT_SLOT} sessionId={props.sessionId} standard={props.standard} />;
+}

package/src/client/components/InputRightSlot.tsx

@@ -0,0 +1,26 @@
+/**
+ * 右座薄壳（v0.3.4 引入；v0.3.5 起与左座共用 InputSlotSeat 通用引擎）。
+ *
+ * 座位 = conversation.input.right：官方工具行 `.standardControls` 内
+ * [renderSlot(input.right), renderSlot(input.model)] 的第一位——
+ * 如 dsh-prompt-enhancer 的 ✨ 提示词优化与 🎤 语音识别按钮、各渠道插件的
+ * 积分/余额读数。本组件在自绘工具行的同座位（`.dci-standard-controls` 内、
+ * 模型选择之前）把条目原样渲染回来。
+ *
+ * 门槛与官方同款：`input === undefined || sessionId === undefined` 不渲染
+ * （Toolbar 判断 state，组件再兜底 sessionId）；槽位未声明/无条目 → 零残留。
+ */
+
+import { InputSlotSeat } from './InputSlotSeat';
+
+const RIGHT_SLOT = 'conversation.input.right';
+
+export interface InputRightSlotProps {
+  sessionId: string | undefined;
+  /** 宿主下发给本插件条目的 standard props 原样面（见 InputSlotSeat）。 */
+  standard: Record<string, unknown> | undefined;
+}
+
+export function InputRightSlot(props: InputRightSlotProps): JSX.Element | null {
+  return <InputSlotSeat slot={RIGHT_SLOT} sessionId={props.sessionId} standard={props.standard} />;
+}

package/src/client/components/InputSlotSeat.tsx

@@ -0,0 +1,80 @@
+/**
+ * 座位镜像通用引擎：把注册在官方 InputBar 子槽位（conversation.input.left /
+ * conversation.input.right 等，均为 list/session）上的**条目组件本体**在自绘
+ * 工具行的对应座位重新渲染。
+ *
+ * 为什么需要这里：这些子槽位由官方 InputBar（conversation.composer.bar 的缺省
+ * 条目）声明并在其工具行内渲染——Codinput 以 priority -1 遮蔽官方条目后，槽位
+ * 声明仍在（宿主按注册周期记账），但渲染点随官方输入框一起消失，第三方按钮/
+ * 读数便无处挂载（issue #1）。本组件复刻官方 renderer 的 list 合成，座位名与
+ * standard props 面由调用方给（InputLeftSlot / InputRightSlot 两片薄壳）——
+ * 一套引擎、N 个座位。
+ *
+ * props 合成复刻官方 SessionEntry → renderEntry 的展开式：
+ *   {...standard(kit), ...entryInjectProps(entry, sessionId), ...(t)}
+ * standard 走 bar/session 条目已下发的原样通道（CodinputBar 与
+ * SidebarCodinputBody 把宿主 kit props 减去 owner props 传下来）——第三方
+ * 条目按官方契约消费 sessionId + useSession/useInput 选择器 hook +
+ * inputActions（enhancer v3.4.x 实证），有的条目还从 inject 面拿自带 props
+ * （如 qoder 左座的 directory store 与 t）；这里只做原样转发，绝不重新
+ * 物化宿主绑定。
+ *
+ * 检测即兼容：无条目 → 渲染 null；单条目崩溃被 EntryBoundary 隔离，不连坐
+ * 输入面；旧宿主（无该子槽位声明）槽位未声明 → entries 空数组，同样不渲染。
+ * 条目声明 store 的 useStore/actions 面插件侧不可复现（官方 host.storeOf
+ * 私有），现网无此类条目；如出现则降级为无 store props 渲染。
+ */
+
+import { createElement, useMemo } from 'react';
+import { diagError } from '../diag';
+import { EntryBoundary, entryId, entryInjectProps, listRows, translatorFor, useSlotEntries } from './slotEntry';
+
+export interface InputSlotSeatProps {
+  /** 官方子槽位全名（如 conversation.input.left）。 */
+  slot: string;
+  sessionId: string | undefined;
+  /** 宿主下发给本插件条目的 standard props 原样面（见组件头注释）。 */
+  standard: Record<string, unknown> | undefined;
+}
+
+export function InputSlotSeat(props: InputSlotSeatProps): JSX.Element | null {
+  const { slot, sessionId, standard } = props;
+  const entries = useSlotEntries(slot);
+  // 官方 list 合成：id 首占位去重 + order 升序（entries 快照引用稳定，直接 memo）。
+  const rows = useMemo(() => listRows(entries), [entries]);
+
+  // 官方同款门槛：无会话不渲染（input.left / input.right 都是 strict session 槽位）。
+  if (sessionId === undefined || rows.length === 0) return null;
+
+  return (
+    <>
+      {rows.map((entry, index) => {
+        const Comp = entry.component as React.ComponentType<Record<string, unknown>>;
+        // 条目词典的 t（官方 localeSeat 同款）；无 locale 或绑定失败 → 不下发，
+        // 组件按各自回退（enhancer 回退内置中文词典）。
+        let t: unknown;
+        try {
+          t = translatorFor(entry) ?? undefined;
+        } catch {
+          t = undefined;
+        }
+        let injected: Record<string, unknown> | null = null;
+        try {
+          injected = entryInjectProps(entry, sessionId);
+        } catch (error) {
+          diagError('slot.seat.inject', error);
+        }
+        return createElement(
+          EntryBoundary,
+          { key: entryId(entry, index) },
+          createElement(Comp, {
+            ...(standard ?? {}),
+            sessionId,
+            ...(injected ?? {}),
+            ...(t !== undefined ? { t } : {}),
+          }),
+        );
+      })}
+    </>
+  );
+}

package/src/client/components/MenuSurface.tsx

@@ -1,6 +1,21 @@
-/** 官方 Menu 容器复刻：fixed 定位、锚点上方 4px、r20 卡片、视口约束。 */
+/**
+ * 官方 Menu 容器复刻：fixed 定位、锚点上方弹出、r20 卡片、视口约束。
+ *
+ * 定位复刻官方 ModelSelect 的 place()：
+ *   y = anchor.top - 8 - h（side=top）/ anchor.bottom + 4（side=bottom），
+ *   x/y 各夹进 [12, innerWidth - w - 12] / [12, innerHeight - h - 12]。
+ * place 随**内容尺寸每次变化**重跑（ResizeObserver 挂卡片本体）+ 页面
+ * scroll/resize 重跑——官方同款监听。旧实现只在打开瞬间定位一次，钻入
+ * 更长的子页（模型/推理强度列表）时卡片保持小菜单的 top 向下生长，
+ * 表现为「向下弹出」且列表伸出视口外够不着。
+ *
+ * 滚动复刻官方两级结构：卡片 overflow:hidden +
+ * max-height: min(360px, 100vh - 96px)，列表在 .dci-viewport 内滚，
+ * 细滚动条由卡片注入的 --dsh-scrollbar-thumb(l2) 变量着色（官方
+ * ModelSelect .menu 同款）。
+ */
 
-import { useEffect, useLayoutEffect, useRef, type ReactNode } from 'react';
+import { useEffect, useLayoutEffect, useRef, useState, type ReactNode } from 'react';
 
 export interface MenuSurfaceProps {
   /** 触发器矩形（getBoundingClientRect 快照）。 */
@@ -10,31 +25,42 @@ export interface MenuSurfaceProps {
   /** 右对齐锚点（trailing 控件用）。 */
   alignEnd?: boolean;
   minWidth?: number;
-  /** 弹出方向：top = 锚点上方（默认），bottom = 锚点下方（设置区下拉）。 */
+  /** 弹出方向：top = 锚点上方（默认，官方 ModelSelect/Menu 同款），bottom = 锚点下方（设置区下拉）。 */
   side?: 'top' | 'bottom';
 }
 
+/** 官方 place() 的视口留距。 */
+const MARGIN = 12;
+
 export function MenuSurface(props: MenuSurfaceProps): JSX.Element {
   const { anchor, onClose, children, alignEnd, minWidth = 218, side = 'top' } = props;
   const ref = useRef<HTMLDivElement | null>(null);
+  const [pos, setPos] = useState<{ left: number; top: number } | null>(null);
 
   useLayoutEffect(() => {
     const el = ref.current;
     if (!el) return;
-    const rect = el.getBoundingClientRect();
-    let top: number;
-    if (side === 'top') {
-      top = Math.max(12, anchor.top - rect.height - 4);
-      el.style.bottom = 'auto';
-    } else {
-      top = Math.min(window.innerHeight - rect.height - 12, anchor.bottom + 4);
-      el.style.bottom = 'auto';
-    }
-    el.style.top = `${top}px`;
-    let left = anchor.left;
-    if (alignEnd) left = anchor.right - rect.width;
-    left = Math.min(Math.max(12, left), window.innerWidth - rect.width - 12);
-    el.style.left = `${left}px`;
+    const place = (): void => {
+      // 尺寸取 offset*（官方同款）：不受自身 top/left 变更反馈影响。
+      const w = el.offsetWidth;
+      const h = el.offsetHeight;
+      let x = alignEnd ? anchor.right - w : anchor.left;
+      let y = side === 'top' ? anchor.top - 8 - h : anchor.bottom + 4;
+      if (w > 0) x = Math.min(Math.max(x, MARGIN), window.innerWidth - w - MARGIN);
+      if (h > 0) y = Math.min(Math.max(y, MARGIN), window.innerHeight - h - MARGIN);
+      setPos((prev) => (prev && prev.left === x && prev.top === y ? prev : { left: x, top: y }));
+    };
+    place();
+    // 内容换页/目录热更/滚动/视口变化都重定位——官方 place 的三路监听。
+    window.addEventListener('scroll', place, true);
+    window.addEventListener('resize', place);
+    const observer = typeof ResizeObserver !== 'undefined' ? new ResizeObserver(place) : null;
+    observer?.observe(el);
+    return () => {
+      observer?.disconnect();
+      window.removeEventListener('scroll', place, true);
+      window.removeEventListener('resize', place);
+    };
   }, [anchor, alignEnd, side]);
 
   useEffect(() => {
@@ -46,16 +72,20 @@ export function MenuSurface(props: MenuSurfaceProps): JSX.Element {
     return () => window.removeEventListener('pointerdown', onDown, true);
   }, [onClose]);
 
-  const below = side === 'bottom';
+  // 未定位的首帧隐藏但仍参与布局（官方 unplaced card 同款）——place() 在
+  // layout effect 里同步测得尺寸后即落位，无闪烁。
   return (
     <div
       ref={ref}
       className="dci-menu"
-      style={
-        below
-          ? { top: anchor.bottom + 4, bottom: 'auto', ...(alignEnd ? { left: 'auto', right: window.innerWidth - anchor.right } : { left: anchor.left }), minWidth }
-          : { left: anchor.left, bottom: window.innerHeight - anchor.top + 4, top: 'auto', ...(alignEnd ? { left: 'auto', right: window.innerWidth - anchor.right } : {}), minWidth }
-      }
+      style={{
+        left: pos?.left ?? 0,
+        top: pos?.top ?? 0,
+        bottom: 'auto',
+        right: 'auto',
+        minWidth,
+        ...(pos ? null : { visibility: 'hidden' }),
+      }}
     >
       <div className="dci-viewport">{children}</div>
     </div>

package/src/client/components/PopupSelectView.tsx

@@ -114,7 +114,8 @@ export function PopupSelectView(props: PopupSelectViewProps): JSX.Element | null
           </div>
         </div>
       ) : (
-        <>
+        /* 官方两级结构：卡片 overflow:hidden，列表在 .dci-viewport 内滚 */
+        <div className="dci-viewport">
           {state.status === 'pending' ? <div className="dci-empty">{t('menu.loading')}</div> : null}
           {state.status === 'ready' && filtered.length === 0 ? <div className="dci-empty">{t('menu.empty')}</div> : null}
           {filtered.map((option, index) => (
@@ -132,7 +133,7 @@ export function PopupSelectView(props: PopupSelectViewProps): JSX.Element | null
               </span>
             </button>
           ))}
-        </>
+        </div>
       )}
       {state.error && state.status === 'ready' ? <div className="dci-error">{state.error}</div> : null}
     </div>

package/src/client/components/Toolbar.tsx

@@ -1,8 +1,10 @@
 /**
  * 工具行：结构与样式逐条对齐官方 InputBar 工具行——
- * 左侧 .dci-tools：指令（plus）、权限（shield 触发器）；
+ * 左侧 .dci-tools：指令（plus）、权限（shield 触发器），其后是官方左区末位
+ * 的 conversation.input.left 座位（第三方条目镜像，见 InputLeftSlot）；
  * 右侧 .dci-trailing：模型与思考强度（触发器）、语音输入（官方 activity 槽位
- * 条目，桌面版宿主才有）、发送（.primary 圆钮）。
+ * 条目，桌面版宿主才有）、发送（.primary 圆钮）；conversation.input.right 座位
+ * 在 .dci-standard-controls 内、模型之前（见 InputRightSlot）。
  * 按钮沿用官方 keepFocus 语义（mousedown 不夺走编辑器焦点）。
  * 附件无独立按钮（官方已并入 slash「添加 · 文件」），粘贴/拖拽路径保留。
  * 0.1.7-rc.2 起官方上下文小圈不再在工具行（挪进卡片下方 dock 行，见 StatsRow）。
@@ -18,6 +20,8 @@ import { IconPlusOfficial, IconSendOfficial, IconStopOfficial } from '../icons';
 import { ModelMenu } from './ModelMenu';
 import { PermissionMenu } from './PermissionMenu';
 import { VoiceActivity } from './VoiceActivity';
+import { InputLeftSlot } from './InputLeftSlot';
+import { InputRightSlot } from './InputRightSlot';
 
 export interface ToolbarProps {
   sessionId: string | undefined;
@@ -27,6 +31,13 @@ export interface ToolbarProps {
   /** caret 偏移（指令按钮以当前 caret 构造 synthetic hit）。 */
   caretRef: { current: number | null };
   useProjection: UseProjection | undefined;
+  /**
+   * conversation.input.left / .right 条目的 standard props 原样面（宿主下发
+   * 给本插件 bar/body 条目的 kit 减去 owner props），供两座第三方条目转发
+   * 用。它是条目 props 的一部分而非门控：缺席时条目仍按槽位条目渲染，只是
+   * 拿不到这组标准面（见 InputSlotSeat）。
+   */
+  inputStandard?: Record<string, unknown> | undefined;
   /** owner disabled（权限触发器随之锁住，对齐官方 locked）。 */
   disabled?: boolean;
   onNotify?(level: 'info' | 'error', text: string): void;
@@ -45,7 +56,7 @@ function keepFocus(event: React.MouseEvent): void {
 }
 
 export function Toolbar(props: ToolbarProps): JSX.Element {
-  const { sessionId, state, actions, triggers, caretRef, useProjection, disabled, onNotify } = props;
+  const { sessionId, state, actions, triggers, caretRef, useProjection, disabled, onNotify, inputStandard } = props;
   useT();
 
   const attachments: readonly DraftAttachmentId[] = state?.attachmentIds ?? [];
@@ -81,9 +92,19 @@ export function Toolbar(props: ToolbarProps): JSX.Element {
           disabled={disabled}
           onNotify={onNotify}
         />
+        {/* 官方左区同构：`.tools` 内 modes（permission→plan）之后是
+            renderSlot("conversation.input.left") 的末位。 */}
+        {state !== undefined && sessionId !== undefined ? (
+          <InputLeftSlot sessionId={sessionId} standard={inputStandard} />
+        ) : null}
       </div>
       <div className="dci-trailing">
         <div className="dci-standard-controls">
+          {/* 官方同款门槛：input === undefined || sessionId === undefined 时
+              整个 input.right 座位不渲染（renderSlot 调用点的三元条件）。 */}
+          {state !== undefined && sessionId !== undefined ? (
+            <InputRightSlot sessionId={sessionId} standard={inputStandard} />
+          ) : null}
           <ModelMenu
             sessionId={sessionId}
             onNotify={onNotify}

package/src/client/components/slotEntry.tsx

@@ -1,11 +1,12 @@
 /**
  * 槽位条目渲染的共享件：检视任意槽位的条目快照（检测即兼容）、按条目 locale
- * 绑定官方词典、以及条目崩溃兜底边界。语音输入（VoiceActivity）与模型名
- * 标签（ModelLabel）共用同一套合成公式，抽到这里避免两份漂移。
+ * 绑定官方词典、快照 store 的选择器钩子合成、条目崩溃兜底边界，以及宿主 kit
+ * 减去 owner props 的 standard 面（座位镜像 InputSlotSeat 与语音/模型标签
+ * 共用同一套合成公式，抽到这里避免多份漂移）。
  */
 
 import { useCallback, useSyncExternalStore, Component } from 'react';
-import type { SlotEntryLike } from '../host-types';
+import type { HostObservable, SlotEntryLike } from '../host-types';
 import { bindForeign } from '../i18n';
 import { diagError } from '../diag';
 import { stash } from '../services';
@@ -50,6 +51,102 @@ export function firstComponentEntry(entries: readonly unknown[]): SlotEntryLike
   return null;
 }
 
+/**
+ * 列表槽位行合成：复刻官方 renderer 的 list 分支——
+ * entries 已由 SlotCore 按（priority↑, order↑）排序，同 id 首个占位（去重），
+ * 剩余行再按 order 升序稳定排序（官方 `[...rows].sort(a.order - b.order)`）。
+ * 无组件的条目跳过（官方 deadCell 是废黜兜底，插件侧无法复现其内部状态）。
+ */
+export function listRows(entries: readonly unknown[]): SlotEntryLike[] {
+  const byId = new Map<unknown, SlotEntryLike>();
+  for (const candidate of entries) {
+    const record = candidate as (SlotEntryLike & { options?: { id?: unknown } }) | null | undefined;
+    if (!record || typeof record !== 'object' || typeof record.component !== 'function') continue;
+    const id = (record as { options?: { id?: unknown } }).options?.id;
+    if (byId.has(id)) continue;
+    byId.set(id, record);
+  }
+  const rows = [...byId.values()];
+  rows.sort((a, b) => orderOf(a) - orderOf(b));
+  return rows;
+}
+
+function orderOf(entry: SlotEntryLike): number {
+  const options = (entry as { options?: { order?: number } }).options;
+  return options?.order ?? 0;
+}
+
+/** 条目 options.id（React key 用；官方 renderer 同轴）。 */
+export function entryId(entry: SlotEntryLike, index: number): string {
+  const options = (entry as { options?: { id?: string } }).options;
+  return options?.id ?? `#${index}`;
+}
+
+export type SnapshotSelectorHook = <S>(sel: (s: any) => S, eq?: (a: S, b: S) => boolean) => S;
+
+/** 快照 store → use<Name> 选择器钩子（官方 observableHook 同款，按源缓存）。 */
+const snapshotHookCache = new WeakMap<object, SnapshotSelectorHook>();
+export function snapshotHookFor(source: unknown): SnapshotSelectorHook | null {
+  const face = source as HostObservable<unknown> | undefined;
+  if (!face || typeof face.subscribe !== 'function' || typeof face.getSnapshot !== 'function') return null;
+  let hook = snapshotHookCache.get(face);
+  if (!hook) {
+    hook = <S,>(sel: (s: unknown) => S): S =>
+      useSyncExternalStore(
+        (fn: () => void) => face.subscribe(fn) ?? (() => {}),
+        () => sel(face.getSnapshot()),
+        () => sel(face.getSnapshot()),
+      );
+    snapshotHookCache.set(face, hook);
+  }
+  return hook;
+}
+
+/** 官方 standardHookPropName：name → use<Name>（首字母大写）。 */
+export function standardHookPropName(name: string): string {
+  if (!name) return name;
+  return `use${name.charAt(0).toUpperCase()}${name.slice(1)}`;
+}
+
+/**
+ * 条目自带 inject 的 props 面（官方 runInject + bindInjectSources 的插件侧
+ * 复刻）：以 sessionId 调 inject，把 hooks 子表折成 use<Name> 钩子、其余
+ * 原样下传；keyedHooks 需要官方 keyed resolver 面，插件侧不可复现 → 跳过
+ * （现网条目无键控钩子）。结果按（条目 × 会话）缓存——官方同款缓存轴。
+ */
+const entryInjectCache = new WeakMap<object, Map<string, Record<string, unknown> | null>>();
+export function entryInjectProps(entry: SlotEntryLike, sessionId: string): Record<string, unknown> | null {
+  if (typeof entry.inject !== 'function') return null;
+  let perSession = entryInjectCache.get(entry);
+  if (!perSession) {
+    perSession = new Map();
+    entryInjectCache.set(entry, perSession);
+  }
+  if (!perSession.has(sessionId)) {
+    let bound: Record<string, unknown> | null = null;
+    try {
+      const face = entry.inject(sessionId);
+      if (face && typeof face === 'object') {
+        const { hooks: _hooks, keyedHooks: _keyed, ...rest } = face as Record<string, unknown> & {
+          hooks?: Record<string, unknown>;
+          keyedHooks?: Record<string, unknown>;
+        };
+        void _keyed;
+        for (const [name, source] of Object.entries(_hooks ?? {})) {
+          const hook = snapshotHookFor(source);
+          if (hook) rest[standardHookPropName(name)] = hook;
+        }
+        bound = rest;
+      }
+    } catch (error) {
+      diagError('slot.inject', error);
+      bound = null;
+    }
+    perSession.set(sessionId, bound);
+  }
+  return perSession.get(sessionId) ?? null;
+}
+
 /** 官方 renderer 的 locale 座位：locale.bind(entry.locale)，按 ns 缓存。 */
 export function translatorFor(entry: SlotEntryLike, fallbackNs?: string): Translator | null {
   const ns = entry.locale ?? fallbackNs;
@@ -73,3 +170,36 @@ export class EntryBoundary extends Component<
     return this.state.failed ? this.props.fallback ?? null : this.props.children;
   }
 }
+
+/**
+ * 宿主 kit 减去 owner props 的原样面：供槽位条目按官方契约消费
+ * （sessionId + 选择器 hook + inputActions 等）。bar 条目的 kit 里 owner
+ * 专属字段（variant/blocked/disabled/placeholder/…）不该下发给子槽位条目；
+ * 侧栏 body 再额外剔除注入的 useTabInfo。
+ */
+export function kitFromBarProps(
+  props: Record<string, unknown>,
+  extraOmit: readonly string[] = [],
+): Record<string, unknown> {
+  const {
+    variant: _variant,
+    blocked: _blocked,
+    disabled: _disabled,
+    placeholder: _placeholder,
+    workspacePickerOpen: _workspacePickerOpen,
+    onRequestWorkspace: _onRequestWorkspace,
+    accessory: _accessory,
+    hero: _hero,
+    ...kit
+  } = props;
+  void _variant;
+  void _blocked;
+  void _disabled;
+  void _placeholder;
+  void _workspacePickerOpen;
+  void _onRequestWorkspace;
+  void _accessory;
+  void _hero;
+  for (const key of extraOmit) delete kit[key];
+  return kit;
+}

package/src/client/sidebar.tsx

@@ -21,6 +21,7 @@ import { claimSidebarInput, subscribeSidebarTabClose, useSidebarCarryOwner, type
 import { loadPrefs, savePrefs, subscribePrefs } from './prefs';
 import { diagError, diagWindow } from './diag';
 import { CodinputSurface } from './components/CodinputSurface';
+import { kitFromBarProps } from './components/slotEntry';
 import { IconBrandLogo } from './icons';
 import { t, useT } from './i18n';
 
@@ -98,6 +99,9 @@ export function SidebarCodinputTitle(props: { useTabInfo?: () => SidebarTabInfo
 export function SidebarCodinputBody(props: SessionStandard & { useTabInfo?: () => SidebarTabInfo }): JSX.Element {
   const { sessionId, useInput, inputActions, useProjection, useSession, useTabInfo } = props;
   const state = useInput((s) => s);
+  // conversation.input.left/.right 第三方条目的 standard props 原样面（本条目
+  // kit 减去注入的 useTabInfo；见 components/InputSlotSeat）。
+  const inputStandard = kitFromBarProps(props as unknown as Record<string, unknown>, ['useTabInfo']);
   // 会话运行中：侧栏形态的主按钮同样变停止（官方同款）。
   const running = useSession ? useSession((s: unknown) => (s as { running?: boolean } | undefined)?.running) === true : false;
   useT();
@@ -198,6 +202,7 @@ export function SidebarCodinputBody(props: SessionStandard & { useTabInfo?: () =
         state={state}
         actions={inputActions}
         useProjection={useProjection}
+        inputStandard={inputStandard}
         running={running}
         side={true}
       />

package/src/client/styles.ts

@@ -3,6 +3,9 @@
  * 工具行/菜单/发送按钮的属性值逐条复刻官方 InputBar.module.css 与
  * PermissionSelect/ModelSelection 的触发器与菜单（含 --dsw-* 主题变量，
  * 随宿主主题自动切换）；编辑器/设置等自有部分用 currentColor 适配。
+ * 主题/皮肤插件兼容约定：官方走 --dsw-* token 的取值这里也走 token（皮肤
+ * 改 token 即全盘跟随）；官方写死的（发送钮前景 #fff、小圈 tools 紫）同样
+ * 写死保持逐值对齐——多跟一分就会在换肤下与官方脱队。
  */
 
 const STYLE_ID = 'dsh-codinput-styles';
@@ -77,7 +80,8 @@ const CSS = `
 .dci-preview blockquote { margin: 0.5em 0; padding: 0.1em 0.9em; border-left: 3px solid color-mix(in srgb, currentColor 22%, transparent); opacity: 0.85; }
 .dci-preview table { border-collapse: collapse; margin: 0.6em 0; }
 .dci-preview th, .dci-preview td { border: 1px solid color-mix(in srgb, currentColor 18%, transparent); padding: 4px 9px; }
-.dci-preview a { color: #4c8dff; } .dci-preview img { max-width: 100%; } .dci-preview hr { border: none;
+/* 预览链接走官方 markdown 同款 alias-link token（官方 _markdown_ a 逐值核对）。 */
+.dci-preview a { color: var(--dsw-alias-link, #4c8dff); } .dci-preview img { max-width: 100%; } .dci-preview hr { border: none;
   border-top: 1px solid color-mix(in srgb, currentColor 14%, transparent); }
 
 /* ===== 工具行（官方 InputBar .row / .tools / .trailing）===== */
@@ -126,14 +130,19 @@ const CSS = `
 .dci-send:hover:not(:disabled) { background: var(--dsw-alias-button-info-hover, color-mix(in srgb, currentColor 70%, transparent)); }
 .dci-send:disabled { opacity: 0.4; cursor: default; }
 
-/* ===== 菜单（官方 primitives Menu：r20 卡片 / item r10 / side-top 弹出）===== */
+/* ===== 菜单（官方 primitives Menu / ModelSelect .menu 逐值复刻：r20 卡片 / item r10 / 上方弹出）
+   卡片 overflow:hidden + max-height:min(360px,100vh-96px)（官方 .menu 同款），
+   列表在 .dci-viewport 内滚；--dsh-scrollbar-thumb(l2) 由卡片注入（官方同款），
+   宿主全局 ::-webkit-scrollbar-thumb{background:var(--dsh-scrollbar-thumb)} 据此出条。 ===== */
 .dci-menu { position: fixed; z-index: 1100; box-sizing: border-box; padding: 4px; display: flex; flex-direction: column;
-  min-width: 218px; max-width: min(360px, 100vw - 24px); max-height: calc(100vh - 24px); overflow-y: auto;
+  min-width: 218px; max-width: min(360px, 100vw - 24px); max-height: min(360px, calc(100vh - 96px)); overflow: hidden;
+  --dsh-scrollbar-thumb: var(--dsw-alias-scrollbar-bg-l2, color-mix(in srgb, currentColor 18%, transparent));
+  --dsh-scrollbar-thumb-hover: var(--dsw-alias-scrollbar-hover-l2, color-mix(in srgb, currentColor 26%, transparent));
   background: var(--dsw-menu-surface-fill, var(--dsw-specific-menu, rgba(28, 28, 32, 0.98)));
   backdrop-filter: var(--dsw-menu-backdrop-filter, none); color: var(--dsw-alias-label-primary, #ececf1);
   --dsw-elevation-stroke-color: var(--dsw-alias-border-l1, transparent);
   box-shadow: var(--dsw-elevation-prominent, 0 10px 34px rgba(0, 0, 0, 0.35)); border: 0; border-radius: var(--dsw-radius-lg, 20px); font-size: 13px; }
-.dci-viewport { display: flex; flex-direction: column; min-height: 0; }
+.dci-viewport { display: flex; flex-direction: column; min-height: 0; overflow-y: auto; }
 .dci-menuLabel { padding: 8px 10px; font-size: 12px; line-height: 16px; color: var(--dsw-alias-label-tertiary, currentColor);
   user-select: none; text-align: left; }
 .dci-item { display: flex; align-items: center; gap: 8px; width: 100%; min-height: 40px; padding: 8px 10px; border: none;
@@ -210,7 +219,7 @@ const CSS = `
 .dci-search { width: calc(100% - 8px); margin: 2px 4px 4px; padding: 5px 9px; font-size: 13px;
   border-radius: 8px; border: 1px solid var(--dsw-alias-border-l2, color-mix(in srgb, currentColor 18%, transparent));
   background: transparent; color: inherit; outline: none; }
-.dci-error { padding: 6px 10px; color: var(--dsw-alias-state-error-primary, #ff6b6b); font-size: 12px; }
+.dci-error { padding: 6px 10px; color: var(--dsw-alias-state-error-primary, #d54941); font-size: 12px; }
 
 /* ===== 模型/推理等级 cell 行（官方 ModelSelection .cell）===== */
 .dci-cell { box-sizing: border-box; width: auto; min-width: 100%; height: 40px; color: var(--dsw-alias-label-primary, inherit);
@@ -225,7 +234,7 @@ const CSS = `
 /* ===== 完全权限确认（官方 RiskConfirmation 语义）===== */
 .dci-confirm-warning { display: flex; align-items: flex-start; gap: 10px; color: var(--dsw-alias-label-secondary, currentColor);
   font-size: 14px; line-height: 22px; padding: 6px 8px 0; }
-.dci-confirm-warning svg { flex: none; margin-top: 2px; color: var(--dsw-alias-state-error-primary, #ff6b6b); }
+.dci-confirm-warning svg { flex: none; margin-top: 2px; color: var(--dsw-alias-state-error-primary, #d54941); }
 .dci-confirm-warning p { margin: 0; }
 .dci-confirm-ack { display: flex; align-items: flex-start; gap: 10px; margin: 14px 8px 0; cursor: pointer;
   color: var(--dsw-alias-label-primary, inherit); font-size: 14px; line-height: 22px; }
@@ -237,7 +246,7 @@ const CSS = `
 .dci-btn { border: 1px solid var(--dsw-alias-border-l2, color-mix(in srgb, currentColor 22%, transparent)); border-radius: 10px;
   background: transparent; color: inherit; padding: 6px 14px; cursor: pointer; font-size: 14px; line-height: 20px; }
 .dci-btn[data-primary="true"] { background: var(--dsw-alias-button-primary-fill, color-mix(in srgb, currentColor 85%, transparent));
-  color: #fff; border-color: transparent; }
+  color: var(--dsw-alias-label-primary-foreground, #fff); border-color: transparent; }
 .dci-btn:disabled { opacity: 0.4; cursor: default; }
 
 /* ===== 草稿附件轨（官方 ComposerAttachments/AttachmentRail/FileCard 逐值复刻）=====
@@ -513,7 +522,7 @@ button.dci-attach-body { color: inherit; font: inherit; text-align: left; backgr
 .dci-confirm-warning { display: flex; align-items: flex-start; gap: 10px; color: var(--dsw-alias-label-secondary, inherit);
   font-size: 14px; line-height: 22px; }
 .dci-confirm-warning p { margin: 0; }
-.dci-confirm-warningIcon { flex: none; margin-top: 2px; color: var(--dsw-alias-state-error-primary, #e5484d); }
+.dci-confirm-warningIcon { flex: none; margin-top: 2px; color: var(--dsw-alias-state-error-primary, #d54941); }
 .dci-confirm-ack { display: flex; align-items: flex-start; gap: 10px; margin-top: 20px; cursor: pointer;
   color: var(--dsw-alias-label-primary, inherit); font-size: 14px; line-height: 22px; }
 .dci-confirm-ack input { flex: none; width: 16px; height: 16px; margin: 3px 0 0; cursor: pointer;