dsh-codinput 0.3.2 → 0.3.6

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dsh-codinput",
-  "version": "0.3.2",
+  "version": "0.3.6",
   "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,49 @@
+/**
+ * 座位镜像通用引擎：把注册在官方 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 { useMemo } from 'react';
+import { entryId, listRows, renderSlotEntry, 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) => renderSlotEntry(entry, entryId(entry, index), { sessionId, standard }))}</>;
+}

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/ModelSlot.tsx

@@ -0,0 +1,83 @@
+/**
+ * 模型座单值镜像（issue #4）：`conversation.input.model`。
+ *
+ * 座位事实（宿主 0.2.1-rc.2 取证）：
+ * - `conversation.input.model` 是 `{kind:"single", scope:"session"}` 单值槽，
+ *   由官方 InputBar 条目（`conversation.composer.bar` 缺省条目）声明，唯一
+ *   渲染点在 InputBar 体内：`input.model → renderSlot(..., { locked })`；
+ *   官方占用者是 client-ui-model-selection 的 ModelSelect（替换风险标记
+ *   `shadows-shipped-ui`，生态替换类插件按契约以 priority 遮蔽它）。
+ * - Codinput 以 priority 遮蔽整个 bar 后，该 renderSlot 调用点随官方条目一起
+ *   消失；但「遮蔽」不是 dispose——宿主条目仍在 ledger 上，座位声明仍在，
+ *   第三方对它的 `slots.inject` 照常触发、`register` 照常成功（单值槽低
+ *   priority 无人竞争时静默赢）、`entries` 里它确实是赢家，只是没有任何
+ *   renderSlot 会读它。表现为「插件装了、不报错、永不上屏」。
+ *
+ * 本组件的收敛口径（0.3.6 起）：
+ * - **只镜像第三方遮蔽者**（宿主动态包：register 被强制分配负数遮蔽秩、
+ *   fiber 名带 `dyn/` 前缀），见 `isShadowingOccupant`；
+ * - **出厂占用的 ModelSelect 不镜像**——那个座位一直由 Codinput 自绘的模型
+ *   芯片代表（模型名显示仍走官方 `conversation.input.model.label` 子座），
+ *   镜像出厂条目会与自绘芯片重复成两个模型选择器；
+ * - 有第三方遮蔽者时**让位**：镜像其组件、隐藏自绘芯片（同座只留一个控件，
+ *   与官方「一个单值座只画一个占用者」一致）。
+ *
+ * 官方门槛同款复刻：`sessionId === undefined` 时该座位不渲染（此时自绘芯片
+ * 保持现状）。owner prop `locked`（官方 `InputControlOwnerProps`：会话是否
+ * 拒绝交互）原样下发——生态替换类插件按契约消费它（如 reasoning-slider 的
+ * `props.locked === true` 置灰）。
+ */
+
+import { useMemo } from 'react';
+import type { ReactNode } from 'react';
+import type { SlotEntryLike } from '../host-types';
+import {
+  entryId,
+  entryInjectFailed,
+  firstComponentEntry,
+  isShadowingOccupant,
+  renderSlotEntry,
+  useSlotEntries,
+} from './slotEntry';
+
+const MODEL_SLOT = 'conversation.input.model';
+
+export interface ModelSlotProps {
+  sessionId: string | undefined;
+  /** 宿主下发给本插件条目的 standard props 原样面（见 InputSlotSeat）。 */
+  standard: Record<string, unknown> | undefined;
+  /** 官方 owner prop locked（会话拒绝交互时第三方座条目应置灰）。 */
+  locked: boolean;
+  /** 无第三方遮蔽者时的自绘模型芯片（保持既有 UX）。 */
+  fallback: ReactNode;
+}
+
+/** 模型座的第三方遮蔽者（无则 null）：单值槽赢家且命中动态包判据。 */
+export function useModelSeatOccupant(): SlotEntryLike | null {
+  const entries = useSlotEntries(MODEL_SLOT);
+  return useMemo(() => {
+    const winner = firstComponentEntry(entries);
+    return winner !== null && isShadowingOccupant(winner) ? winner : null;
+  }, [entries]);
+}
+
+export function ModelSlot(props: ModelSlotProps): JSX.Element | null {
+  const { sessionId, standard, locked, fallback } = props;
+  const occupant = useModelSeatOccupant();
+
+  // 官方门槛：无会话不画该座位；自绘芯片（fallback）保持既有行为。
+  if (sessionId === undefined || occupant === null) return <>{fallback}</>;
+
+  // 让位可行性：inject 面必须在宿主 fiber 上下文里才算数（见 slotEntry）。
+  // 若该条目的 inject 依赖宿主服务面（插件侧调用会抛 without inject），
+  // 让位降级——回退自绘芯片（它本就是官方模型选择的等价物），而不是留空。
+  if (entryInjectFailed(occupant, sessionId)) return <>{fallback}</>;
+
+  return renderSlotEntry(occupant, `model:${entryId(occupant, 0)}`, {
+    sessionId,
+    standard,
+    ownerProps: { locked },
+    // 组件本体崩溃同样回退自绘芯片（逐条目边界已在 renderSlotEntry 内）。
+    fallback,
+  });
+}

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）。
@@ -16,8 +18,11 @@ import { openCommandMenu } from '../triggers';
 import { t, useT } from '../i18n';
 import { IconPlusOfficial, IconSendOfficial, IconStopOfficial } from '../icons';
 import { ModelMenu } from './ModelMenu';
+import { ModelSlot } from './ModelSlot';
 import { PermissionMenu } from './PermissionMenu';
 import { VoiceActivity } from './VoiceActivity';
+import { InputLeftSlot } from './InputLeftSlot';
+import { InputRightSlot } from './InputRightSlot';
 
 export interface ToolbarProps {
   sessionId: string | undefined;
@@ -27,6 +32,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 +57,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,12 +93,27 @@ 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">
-          <ModelMenu
+          {/* 官方同款门槛：input === undefined || sessionId === undefined 时
+              整个 input.right 座位不渲染（renderSlot 调用点的三元条件）。 */}
+          {state !== undefined && sessionId !== undefined ? (
+            <InputRightSlot sessionId={sessionId} standard={inputStandard} />
+          ) : null}
+          {/* 官方右区顺序：input.right → input.model。模型座单值槽的第三方
+              遮蔽者（如 reasoning-slider / dsh-model-accordion / effort-dial）
+              由 ModelSlot 镜像并让位；无遮蔽者时回退自绘模型芯片（issue #4）。 */}
+          <ModelSlot
             sessionId={sessionId}
-            onNotify={onNotify}
+            standard={inputStandard}
+            locked={disabled === true}
+            fallback={<ModelMenu sessionId={sessionId} onNotify={onNotify} />}
           />
         </div>
         <div className="dci-voice-seat">