dsh-codinput 0.3.1 → 0.3.5

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dsh-codinput",
-  "version": "0.3.1",
+  "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/ModelLabel.tsx

@@ -0,0 +1,57 @@
+/**
+ * 模型名标签：渲染官方 model-selection 在 `conversation.input.model.label`
+ * 子槽位（0.2.1 起）的条目组件本体——桌面版宿主挂载
+ * dsh-client-ui-deepseek-model-label-1017 后，官方给 deepseek-flash 的
+ * 目录名「DeepSeek-V4.1-Flash」后面追加一枚 info 色发布徽章「1017」
+ * （Tag 原语，官方插件的样式注入自带）。web 宿主（0.1.x）没有该插件、
+ * 槽位键也未声明，条目为空 → 回退纯名，与官方两个宿主的表现各自一致。
+ *
+ * 渲染公式复刻官方 ModelSelect.renderModelLabel：外包
+ * span[data-provider-id][data-model-id]，条目 props = {provider, model,
+ * placement, selected, t = locale.bind(entry.locale)}；无条目或条目崩溃
+ * 一律回退 fallback（官方 renderSlot 的 fallback 同参）。
+ */
+
+import { createElement, useMemo } from 'react';
+import { EntryBoundary, firstComponentEntry, translatorFor, useSlotEntries } from './slotEntry';
+
+const LABEL_SLOT = 'conversation.input.model.label';
+
+export type ModelLabelPlacement = 'trigger' | 'menu' | 'option';
+
+export interface ModelLabelProps {
+  provider: { id: string; name: string };
+  model: { id: string; name: string };
+  placement: ModelLabelPlacement;
+  selected: boolean;
+  /** 无官方条目 / 条目崩溃时的回退显示（通常是目录名）。 */
+  fallback: string;
+}
+
+export function ModelLabel(props: ModelLabelProps): JSX.Element {
+  const { provider, model, placement, selected, fallback } = props;
+  const entries = useSlotEntries(LABEL_SLOT);
+  const entry = useMemo(() => firstComponentEntry(entries), [entries]);
+  // 徽章文案在官方插件自己的词典里（ns = deepseek-model-label-1017）；
+  // 条目没带 locale 就没有可用的 t，按无条目回退。
+  const translator = useMemo(
+    () => (entry && entry.locale ? translatorFor(entry) : null),
+    [entry],
+  );
+
+  let label: React.ReactNode = fallback;
+  if (entry && translator) {
+    label = createElement(entry.component as React.ComponentType<Record<string, unknown>>, {
+      provider,
+      model,
+      placement,
+      selected,
+      t: translator,
+    });
+  }
+  return (
+    <span data-provider-id={provider.id} data-model-id={model.id}>
+      <EntryBoundary fallback={fallback}>{label}</EntryBoundary>
+    </span>
+  );
+}

package/src/client/components/ModelMenu.tsx

@@ -1,15 +1,24 @@
 /**
- * 模型与思考强度菜单：官方 ModelSelection 的触发器与两级 cell 菜单。
+ * 模型与思考强度菜单：官方 ModelSelect 座位（conversation.input.model 槽位）
+ * 的触发器与两级 cell 菜单复刻。
  * 数据来自官方 per-session 目录（ctx.modelDirectories.directoryFor(id).store：
  * { current, groups, status, error }），写入走官方 select（selectModel RPC）。
  * 服务缺席时触发器禁用。
+ *
+ * 0.2.1 同步：模型名的显示名经官方 `conversation.input.model.label` 子槽位
+ * 渲染（ModelLabel）——桌面版宿主的 deepseek-model-label-1017 插件会给
+ * deepseek-flash 追加「1017」发布徽章，web 宿主无条目回退纯名；思考强度
+ * 显示对齐官方公式（selection 未显式指定时回落模型 defaultEffort，模型无
+ * reasoning 元数据时显示会话 retainedEffort，均无才显示 Default），推理
+ * 等级菜单在模型未声明默认强度时补官方的 Default（跟随提供方默认）行。
  */
 
 import { useEffect, useRef, useState } from 'react';
-import type { InputActions, ModelCatalogModel, ModelProviderGroup, ModelSelection } from '../host-types';
+import type { ModelCatalogModel, ModelProviderGroup, ModelSelection } from '../host-types';
 import { getSessionDirectory, type DirectorySnapshot } from '../modeldir';
 import { stash } from '../services';
 import { IconChevronOfficial } from '../icons';
+import { ModelLabel } from './ModelLabel';
 import { MenuCheck, MenuSurface } from './MenuSurface';
 import { useSnapshot } from './useSnapshot';
 import { t } from '../i18n';
@@ -41,13 +50,24 @@ function modelLabel(selection: ModelSelection | null, groups: readonly ModelProv
   return findCurrent(selection, groups)?.model.name ?? selection.model;
 }
 
-/** 推理等级显示名（目录 efforts[].name，如 High；未热时退回首字母大写 id）。 */
-function effortLabel(selection: ModelSelection | null, groups: readonly ModelProviderGroup[]): string {
-  const effortId = selection?.reasoningEffort;
-  if (!effortId) return 'Default';
-  const named = findCurrent(selection, groups)?.model.reasoning?.efforts.find((e) => e.id === effortId);
-  if (named) return named.name;
-  return effortId.charAt(0).toUpperCase() + effortId.slice(1);
+/**
+ * 思考强度显示（官方 ModelSelect 的 effortLabel 公式）：目录里找不到当前
+ * 模型 → 无强度段；模型无 reasoning 元数据 → 会话 retainedEffort（官方
+ * 已折成显示名）；selection 未显式指定 → 模型 defaultEffort 的名字；再
+ * 无才显示 Default（effort.providerDefault，官方中英同为「Default」）。
+ */
+function effortLabel(
+  selection: ModelSelection | null,
+  groups: readonly ModelProviderGroup[],
+  snapshot: DirectorySnapshot | undefined,
+): string | undefined {
+  const found = findCurrent(selection, groups);
+  if (!found) return undefined;
+  const reasoning = found.model.reasoning;
+  if (!reasoning) return snapshot?.retainedEffort;
+  const effective = selection?.reasoningEffort ?? reasoning.defaultEffort;
+  if (effective === undefined) return 'Default';
+  return reasoning.efforts.find((level) => level.id === effective)?.name ?? effective;
 }
 
 export function ModelMenu(props: ModelMenuProps): JSX.Element {
@@ -97,8 +117,20 @@ export function ModelMenu(props: ModelMenuProps): JSX.Element {
 
   const current = snap?.current ?? null;
   const groups = snap?.groups ?? [];
+  const found = findCurrent(current, groups);
   const currentModelName = modelLabel(current, groups);
-  const currentEffort = effortLabel(current, groups);
+  const currentEffort = effortLabel(current, groups, snap);
+  const triggerTitle = currentEffort === undefined ? currentModelName : `${currentModelName} · ${currentEffort}`;
+  /** 官方 renderModelLabel：触发器/根菜单 cell 位置的当前模型显示名。 */
+  const renderCurrentName = (placement: 'trigger' | 'menu', target: NonNullable<typeof found>): JSX.Element => (
+    <ModelLabel
+      provider={{ id: target.group.id, name: target.group.name }}
+      model={target.model}
+      placement={placement}
+      selected={true}
+      fallback={currentModelName}
+    />
+  );
 
   const pick = async (group: ModelProviderGroup, model: ModelCatalogModel, effortId: string | undefined): Promise<void> => {
     if (!directory || busy) return;
@@ -127,15 +159,18 @@ export function ModelMenu(props: ModelMenuProps): JSX.Element {
         ref={triggerRef}
         type="button"
         className="dci-trigger"
+        data-model=""
         style={{ maxWidth: 'min(360px, 45cqw)' }}
         data-open={open}
         onMouseDown={(e) => e.preventDefault()}
         disabled={!directory}
         onClick={() => (open ? close() : openMenu())}
-        aria-label={t("tool.model", { name: `${currentModelName} · ${currentEffort}` })}
-        title={t("tool.model", { name: `${currentModelName} · ${currentEffort}` })}
+        aria-haspopup="menu"
+        aria-expanded={open}
+        aria-label={t("tool.model", { name: triggerTitle })}
+        title={t("tool.model", { name: triggerTitle })}
       >
-        <span className="dci-triggerLabel">{currentModelName}</span>
+        <span className="dci-triggerLabel">{found ? renderCurrentName('trigger', found) : currentModelName}</span>
         {currentEffort ? <span className="dci-triggerEffort">{currentEffort}</span> : null}
         <span className="dci-chev" data-open={open}>
           <IconChevronOfficial size={14} />
@@ -149,18 +184,22 @@ export function ModelMenu(props: ModelMenuProps): JSX.Element {
               <>
                 <button type="button" className="dci-cell" onClick={() => setView('models')}>
                   <span className="dci-cellLabel">{t("menu.model")}</span>
-                  <span className="dci-cellValue">{currentModelName}</span>
-                  <span className="dci-cellChevron" style={{ transform: 'rotate(-90deg)' }} aria-hidden="true">
-                    <IconChevronOfficial size={14} />
+                  <span className="dci-cellValue">
+                    {found ? renderCurrentName('menu', found) : currentModelName}
                   </span>
-                </button>
-                <button type="button" className="dci-cell" onClick={() => setView('efforts')}>
-                  <span className="dci-cellLabel">{t("menu.reasoning")}</span>
-                  <span className="dci-cellValue">{currentEffort}</span>
                   <span className="dci-cellChevron" style={{ transform: 'rotate(-90deg)' }} aria-hidden="true">
                     <IconChevronOfficial size={14} />
                   </span>
                 </button>
+                {found?.model.reasoning ? (
+                  <button type="button" className="dci-cell" onClick={() => setView('efforts')}>
+                    <span className="dci-cellLabel">{t("menu.reasoning")}</span>
+                    <span className="dci-cellValue">{currentEffort}</span>
+                    <span className="dci-cellChevron" style={{ transform: 'rotate(-90deg)' }} aria-hidden="true">
+                      <IconChevronOfficial size={14} />
+                    </span>
+                  </button>
+                ) : null}
               </>
             ) : null}
 
@@ -181,7 +220,15 @@ export function ModelMenu(props: ModelMenuProps): JSX.Element {
                           title={model.description}
                           onClick={() => void pick(group, model, model.reasoning?.defaultEffort)}
                         >
-                          <span className="dci-itemLabel">{model.name}</span>
+                          <span className="dci-itemLabel">
+                            <ModelLabel
+                              provider={{ id: group.id, name: group.name }}
+                              model={model}
+                              placement="option"
+                              selected={active}
+                              fallback={model.name}
+                            />
+                          </span>
                           {active ? (
                             <span className="dci-check" aria-hidden="true">
                               <MenuCheck size={16} />
@@ -200,21 +247,34 @@ export function ModelMenu(props: ModelMenuProps): JSX.Element {
               <>
                 <div className="dci-menuLabel">{t("menu.reasoning")}</div>
                 {(() => {
-                  const found = findCurrent(current, groups);
-                  const efforts = found?.model.reasoning?.efforts ?? [];
-                  if (efforts.length === 0) return <div className="dci-empty">{t("menu.reasoningNone")}</div>;
-                  return efforts.map((eff) => {
-                    const active = current?.reasoningEffort === eff.id;
+                  const reasoning = found?.model.reasoning;
+                  if (!reasoning) return <div className="dci-empty">{t("menu.reasoningNone")}</div>;
+                  const effectiveEffort = current?.reasoningEffort ?? reasoning.defaultEffort;
+                  // 官方 effortChoices：模型未声明默认强度时补一行 Default
+                  // （写回时省略 reasoningEffort = 跟随提供方默认）。
+                  const rows: { key: string; effort: string | undefined; label: string }[] = [
+                    ...(reasoning.defaultEffort === undefined
+                      ? [{ key: 'provider-default', effort: undefined as string | undefined, label: 'Default' }]
+                      : []),
+                    ...reasoning.efforts.map((eff) => ({
+                      key: `effort:${eff.id}`,
+                      effort: eff.id,
+                      label: eff.name,
+                    })),
+                  ];
+                  return rows.map((row) => {
+                    const active = effectiveEffort === row.effort;
+                    const named = row.effort === undefined ? undefined : reasoning.efforts.find((e) => e.id === row.effort);
                     return (
                       <button
-                        key={eff.id}
+                        key={row.key}
                         type="button"
                         className="dci-item"
                         disabled={busy}
-                        title={eff.description}
-                        onClick={() => found && void pick(found.group, found.model, eff.id)}
+                        title={named?.description}
+                        onClick={() => found && void pick(found.group, found.model, row.effort)}
                       >
-                        <span className="dci-itemLabel">{eff.name}</span>
+                        <span className="dci-itemLabel">{row.label}</span>
                         {active ? (
                           <span className="dci-check" aria-hidden="true">
                             <MenuCheck size={16} />

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}