dsh-codinput 0.3.5 → 0.3.7

package/package.json

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

package/src/client/components/AttachmentRail.tsx

@@ -27,7 +27,7 @@ const FILE_FOLD =
   'M26.3909 7.37445L19.0525 0V3.77445C19.0525 4.89271 19.0525 5.45184 19.2352 5.89289C19.4788 6.48096 19.946 6.94818 20.5341 7.19176C20.9751 7.37445 21.5342 7.37445 22.6525 7.37445H26.3909Z';
 
 /** 官方 FileTypeIcon 的通用文件 glyph（28×28 视图框，fill 自带轮廓）。 */
-function FileGlyph({ size = 28 }: { size?: number }): JSX.Element {
+export function FileGlyph({ size = 28 }: { size?: number }): JSX.Element {
   return (
     <svg width={size} height={size} viewBox="0 0 28 28" fill="none" aria-hidden="true">
       <path d={FILE_BODY} fill="currentColor" />
@@ -37,14 +37,14 @@ function FileGlyph({ size = 28 }: { size?: number }): JSX.Element {
 }
 
 /** 官方 fileExtension：取 basename 最后一个点之后的部分。 */
-function fileExtension(name: string): string {
+export function fileExtension(name: string): string {
   const base = name.split(/[\\/]/).pop() ?? name;
   const dot = base.lastIndexOf('.');
   return dot < 0 ? '' : base.slice(dot + 1);
 }
 
 /** 官方 fileSizeText 逐值复刻。 */
-function fileSizeText(bytes: number): string {
+export function fileSizeText(bytes: number): string {
   if (bytes < 1024) return `${bytes}B`;
   const kb = bytes / 1024;
   if (kb < 1024) return `${kb < 10 ? kb.toFixed(1) : Math.round(kb)}KB`;

package/src/client/components/InputSlotSeat.tsx

@@ -25,9 +25,8 @@
  * 私有），现网无此类条目；如出现则降级为无 store props 渲染。
  */
 
-import { createElement, useMemo } from 'react';
-import { diagError } from '../diag';
-import { EntryBoundary, entryId, entryInjectProps, listRows, translatorFor, useSlotEntries } from './slotEntry';
+import { useMemo } from 'react';
+import { entryId, listRows, renderSlotEntry, useSlotEntries } from './slotEntry';
 
 export interface InputSlotSeatProps {
   /** 官方子槽位全名（如 conversation.input.left）。 */
@@ -46,35 +45,5 @@ export function InputSlotSeat(props: InputSlotSeatProps): JSX.Element | null {
   // 官方同款门槛：无会话不渲染（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 } : {}),
-          }),
-        );
-      })}
-    </>
-  );
+  return <>{rows.map((entry, index) => renderSlotEntry(entry, entryId(entry, index), { sessionId, standard }))}</>;
 }

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

@@ -197,7 +197,9 @@ function TokenPill(props: { stats: SessionStats; open: boolean; onToggle(): void
 
 export function StatsRow(props: StatsRowProps): JSX.Element | null {
   const { useProjection, sessionId, chatNodes } = props;
-  const [open, setOpen] = useState<'rounds' | 'tokens' | null>(null);
+  // 唯一展开：三枚（轮步/用量/上下文小圈）共用一个 open 态——任意一枚展开
+  // 即收起其余（官方语义：详情面板同时只存在一个）。
+  const [open, setOpen] = useState<'rounds' | 'tokens' | 'gauge' | null>(null);
   const rootRef = useRef<HTMLDivElement | null>(null);
   const stats = useSessionStats(useProjection, sessionId, chatNodes);
 
@@ -226,7 +228,11 @@ export function StatsRow(props: StatsRowProps): JSX.Element | null {
           <TokenPill stats={stats} open={open === 'tokens'} onToggle={() => setOpen(open === 'tokens' ? null : 'tokens')} />
         </>
       ) : null}
-      <ContextGauge useProjection={useProjection} />
+      <ContextGauge
+        useProjection={useProjection}
+        open={open === 'gauge'}
+        onToggle={() => setOpen(open === 'gauge' ? null : 'gauge')}
+      />
     </div>
   );
 }
@@ -252,10 +258,14 @@ function shortTokens(n: number): string {
 }
 
 /** 上下文占用小圈（官方 JObwrW 复刻）：双环仪表 + 百分比，点击展开分段面板。
- * 0.1.7-rc.2 起官方渲染在 dock 行 stats 胶囊之后（原先在工具行 trailing）。 */
-export function ContextGauge(props: { useProjection: UseProjection | undefined }): JSX.Element | null {
-  const { useProjection } = props;
-  const [open, setOpen] = useState(false);
+ * 0.1.7-rc.2 起官方渲染在 dock 行 stats 胶囊之后（原先在工具行 trailing）。
+ * 展开态由 StatsRow 持有（三枚详情面板唯一展开）。 */
+export function ContextGauge(props: {
+  useProjection: UseProjection | undefined;
+  open: boolean;
+  onToggle(): void;
+}): JSX.Element | null {
+  const { useProjection, open, onToggle } = props;
   const rootRef = useRef<HTMLSpanElement | null>(null);
   const pressure = useProjection
     ? (useProjection('contextPressure') as PressureSnapshot | undefined)
@@ -263,16 +273,6 @@ export function ContextGauge(props: { useProjection: UseProjection | undefined }
   const breakdown = useProjection
     ? (useProjection('contextBreakdown') as BreakdownSnapshot | undefined)
     : undefined;
-  // 点外面关闭。
-  useEffect(() => {
-    if (!open) return;
-    const onDown = (event: PointerEvent): void => {
-      if (rootRef.current && event.target instanceof Node && rootRef.current.contains(event.target)) return;
-      setOpen(false);
-    };
-    window.addEventListener('pointerdown', onDown, true);
-    return () => window.removeEventListener('pointerdown', onDown, true);
-  }, [open]);
 
   if (!pressure || !pressure.contextWindow) return null;
   const windowTokens = pressure.contextWindow;
@@ -294,7 +294,7 @@ export function ContextGauge(props: { useProjection: UseProjection | undefined }
         aria-haspopup="dialog"
         aria-expanded={open}
         title={t("tool.context", { percent: Math.round(pct) })}
-        onClick={() => setOpen(!open)}
+        onClick={onToggle}
       >
         <svg viewBox="0 0 14 14" width="14" height="14" aria-hidden="true">
           <circle className="dci-gauge-track" cx="7" cy="7" r="5.5" />

package/src/client/components/Toolbar.tsx

@@ -18,6 +18,7 @@ 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';
@@ -105,9 +106,14 @@ export function Toolbar(props: ToolbarProps): JSX.Element {
           {state !== undefined && sessionId !== undefined ? (
             <InputRightSlot sessionId={sessionId} standard={inputStandard} />
           ) : null}
-          <ModelMenu
+          {/* 官方右区顺序：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">