dsh-multiview 0.1.10 → 0.1.11

package/CHANGELOG.md

@@ -1,5 +1,20 @@
 # Changelog
 
+## 0.1.11 — 2026-11-07
+
+### 新增
+
+- **性能模式（可选，默认关闭）**：顶栏「视图」左边的仪表盘图标。开启后非聚焦格暂停实时渲染，只保留标题与「实时渲染已暂停」占位；点击该格立即恢复。
+  - 真机（win11-test，DSH 0.2.2-rc.1）四路同时长流式实测：**p95 140ms → 58ms**，帧率 24.4 → 44.1fps，p50 19.3 → 15.8ms（1 格实时 + 3 格暂停）。
+  - 根因记录：CPU profile 显示分屏插件自身只占 0.6% 自耗时，大头是被四人份"虚拟化 transcript 逐 chunk 测量/重渲染 + 渲染器非 JS 开销"占据；因此唯一有效杠杆就是减少同时在渲染的格子。
+
+## 0.1.10 — 2026-11-07
+
+首个通过 **npm Trusted Publishing（OIDC）** 发布的版本：仓库中没有任何 npm token 或 secret，打 tag 即由 GitHub Actions 用 OIDC 换取短期凭据发布，并附带 provenance 签名。
+
+- workflow 不再使用 setup-node 的 registry-url：它会写入 _authToken=${NODE_AUTH_TOKEN}，空值会让 npm 退回 token 认证而不是走 OIDC 交换。
+- 发布命令为 npm publish --access public --provenance。
+
 ## 0.1.9 — 2026-11-07
 
 ### 基础设施

package/client.js

@@ -11,7 +11,7 @@ const NS = 'multiview';
 const MV_PANEL_ID = 'multiview';
 const MV_PANE_SLOT = 'multiview.pane';
 const MV_STORAGE_KEY = 'dsh.multiview.v1';
-const MV_PLUGIN_VERSION = '0.1.10';
+const MV_PLUGIN_VERSION = '0.1.11';
 const MV_ZH = {
     panel: '分屏',
     title: '分屏',
@@ -34,6 +34,11 @@ const MV_ZH = {
     waiting: '等待你处理',
     unread: '有新结果',
     views: '视图',
+    perfMode: '性能模式',
+    perfModeOn: '性能模式已开启：只有聚焦的那一格实时渲染',
+    perfModeOff: '性能模式已关闭：每一格都实时渲染',
+    parkedTitle: '实时渲染已暂停',
+    parkedHint: '性能模式下非聚焦格不渲染；点击这一格恢复',
     viewsEmpty: '还没有保存的视图。绑定两个以上会话后会自动记住。',
     viewsCurrent: '当前分屏',
     viewsDelete: '删除视图',
@@ -79,6 +84,11 @@ const MV_EN = {
     waiting: 'Waiting for you',
     unread: 'New result',
     views: 'Views',
+    perfMode: 'Performance mode',
+    perfModeOn: 'Performance mode on: only the focused pane renders live',
+    perfModeOff: 'Performance mode off: every pane renders live',
+    parkedTitle: 'Live rendering paused',
+    parkedHint: 'Performance mode parks unfocused panes; click this pane to resume',
     viewsEmpty: 'No saved views yet. A split with two or more sessions is remembered automatically.',
     viewsCurrent: 'Current split',
     viewsDelete: 'Delete view',
@@ -443,7 +453,8 @@ function mvInitialState() {
         seeded: false,
         reconciled: false,
         views: [],
-        currentViewId: null
+        currentViewId: null,
+        perfMode: false
     };
 }
 let mvState = mvInitialState();
@@ -470,7 +481,8 @@ function mvScheduleSave() {
                 preset: mvState.preset,
                 seeded: mvState.seeded,
                 views: mvState.views,
-                currentViewId: mvState.currentViewId
+                currentViewId: mvState.currentViewId,
+                perfMode: mvState.perfMode === true
             };
             window.localStorage.setItem(MV_STORAGE_KEY, JSON.stringify(durable));
         } catch (error) {}
@@ -591,7 +603,8 @@ function mvHydrate() {
         seeded: raw.seeded === true,
         reconciled: false,
         views,
-        currentViewId
+        currentViewId,
+        perfMode: raw.perfMode === true
     };
 }
 function mvReset() {
@@ -802,6 +815,12 @@ function mvDeleteView(viewId) {
         };
     });
 }
+function mvTogglePerfMode() {
+    mvCommit((current)=>({
+            ...current,
+            perfMode: current.perfMode !== true
+        }));
+}
 
 const MV_UPDATE_KEY = 'dsh.multiview.update.v1';
 const MV_CHECK_INTERVAL = 24 * 60 * 60 * 1000;
@@ -1158,6 +1177,11 @@ const MV_CSS = `
 .mv-icon:hover{background:var(--dsw-alias-interactive-bg-hover);color:var(--dsw-alias-label-primary)}
 .mv-chip{color:var(--dsw-alias-label-secondary)}
 .mv-chip[data-active="true"]{color:var(--dsw-alias-label-primary);background:var(--dsw-alias-interactive-bg-hover)}
+.mv-perf[data-active="true"]{background:var(--dsw-alias-interactive-bg-hover);color:var(--dsw-alias-state-business-primary)}
+.mv-parked{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;width:100%;height:100%;padding:0;border:none;background:transparent;color:var(--dsw-alias-label-tertiary);font:inherit;cursor:pointer}
+.mv-parked:hover{background:var(--dsw-alias-interactive-bg-hover)}
+.mv-parked-title{font-size:13px;color:var(--dsw-alias-label-secondary)}
+.mv-parked-note{font-size:11px;color:var(--dsw-alias-label-tertiary)}
 @media (prefers-reduced-motion: reduce){*{transition:none !important;animation:none !important}}
 `;
 function MvGlyph(props) {
@@ -1202,6 +1226,7 @@ const MV_ICON = {
     external: 'M6 10L13 3M9 3h4v4',
     updateCheck: 'M8 2a6 6 0 1 0 0 12A6 6 0 1 0 8 2zM8 10.7V5.7M5.6 8.1 8 5.6l2.4 2.5',
     updateInstall: 'M3 9.5v3c0 .6.45 1 1 1h8c.55 0 1-.4 1-1v-3M8 2.6v6.2M5.4 6.4 8 9l2.6-2.6',
+    perf: 'M2.6 12.2a5.4 5.4 0 1 1 10.8 0M8 12.2 10.5 7.4',
     views: 'M8 2.2 13.4 5 8 7.8 2.6 5 8 2.2M2.6 8.2 8 11l5.4-2.8M2.6 11.2 8 14l5.4-2.8'
 };
 
@@ -1667,6 +1692,9 @@ function PaneFrame(props) {
         onPick: (id)=>surface.onBind(leaf.id, id),
         views: surface.state.views,
         currentViewId: surface.state.currentViewId
+    }) : surface.state.perfMode === true && !focused ? h(MvParkedPane, {
+        title,
+        onResume: ()=>surface.onFocus(leaf.id)
     }) : h(MvPaneHost, {
         sessionId,
         SessionProvider: surface.SessionProvider,
@@ -1680,6 +1708,19 @@ const MvPaneHost = React.memo(function MvPaneHost(props) {
         renderSlot: props.renderSlot
     });
 }, (previous, next)=>previous.sessionId === next.sessionId && previous.SessionProvider === next.SessionProvider && previous.renderSlot === next.renderSlot);
+function MvParkedPane(props) {
+    const { title, onResume } = props;
+    return h('button', {
+        type: 'button',
+        className: 'mv-parked',
+        onClick: onResume,
+        title: T('parkedHint')
+    }, h('span', {
+        className: 'mv-parked-title'
+    }, title), h('span', {
+        className: 'mv-parked-note'
+    }, T('parkedTitle')));
+}
 function renderMvNode(node, surface) {
     if (node.kind === 'leaf') return h(PaneFrame, {
         key: node.id,
@@ -1806,6 +1847,20 @@ function MvUpdateDialog(props) {
         'aria-label': T('updateCheck')
     }, body, actions));
 }
+function MvPerfButton() {
+    const state = useMvState();
+    const on = state.perfMode === true;
+    return h('button', {
+        type: 'button',
+        className: 'mv-icon mv-perf',
+        'data-active': on ? 'true' : 'false',
+        title: on ? T('perfModeOn') : T('perfModeOff'),
+        'aria-label': T('perfMode'),
+        onClick: ()=>mvTogglePerfMode()
+    }, h(MvGlyph, {
+        path: MV_ICON.perf
+    }));
+}
 function MvViewsButton(props) {
     const { views, currentKey } = props;
     const [open, setOpen] = React.useState(false);
@@ -2059,7 +2114,7 @@ function MultiviewStage(props) {
         className: 'mv-chip',
         'data-active': 'true',
         onClick: mvRestore
-    }, T('restore')), h(MvViewsButton, {
+    }, T('restore')), h(MvPerfButton, null), h(MvViewsButton, {
         views: state.views ?? [],
         currentKey: mvViewKey(state.layout)
     }), h(MvUpdateButton, null), h('span', {

package/docs/RELEASE_ACCEPTANCE.md

@@ -64,6 +64,15 @@
 
 > 该 VM 的测试 profile 里没有可用的审批触发条件（无 `danger-full-access` 提权会话），所以审批链路只在 `desktop-kfscv8c-1` 的 0.2.1-rc.5 实例上验证过（S11）。
 
+
+## 2.2 卸载 / 重装演练（win11-test，2026-11-07）
+
+| # | 步骤 | 结果 |
+|---|---|---|
+| U1 | 从 profile 删除依赖 + bundle 行 + `node_modules\dsh-multiview`，重启 | 启动图 0 条 multiview；侧栏无「分屏」；无 `.mv-*` 残留样式（`oursLeft: 0`） |
+| U2 | 残留检查 | `localStorage['dsh.multiview.v1']` 仍在（约 1.4KB，文档已声明为唯一残留） |
+| U3 | 重新装回 0.1.10 + 恢复 bundle 行，重启 | 启动图 1 条；「分屏」回来；打开面板 4 格正常、无错误提示 |
+
 ## 3. 性能（CDP rAF 采样，1530×851）
 
 | 场景 | p50 | p95 | 最长帧 | >50ms 长任务 | JS 堆 |
@@ -72,7 +81,10 @@
 | 4 格挂载、空闲 | 16.7ms | 16.8ms | 16.8ms | 0 | 75MB |
 | 4 格挂载、2 路同时流式 | 16.7ms | 16.7ms | 16.8ms | 0 | 85MB |
 | 4 格挂载、4 路**同时长流式**（60s 采样，前 ~40s 四路都在产出） | 16.7ms | **50ms** | **150ms** | **2** | 53MB |
+| 4 格、4 路同时长流式（**win11-test 真机**，0.2.2-rc.1，60s，四路全程在产出） | 19.3ms | **140ms** | **370ms** | **55** | 69MB |
+| 4 格静态内容、脚本化滚动 10s（win11-test 真机） | 15.8ms | 26ms | 85ms | — | — |
 
+> **2026-11-07 真机复测结论**：交互（滚动/拖拽/聚焦）在 4 格下仍是 ~59fps、p95 26ms；卡顿只出现在「多格同时长流式」——那是 DSH Chat 自己对每个 chunk 重排 markdown 的成本 ×4，不是分屏框架的开销（`contain: strict` A/B 59.2 vs 58.5fps，属噪声，未采纳）。另：虚拟机窗口失焦时 Chromium 会把 rAF 压到 ~7fps，所以真机绝对帧率受环境影响，只有同一窗口内的对比才有意义。
 > 四路长文同时流式是本插件目前压到的最重场景：平均仍近 60fps，但 p95 升到 50ms、出现 2 个 >50ms 长任务与一次 150ms 长帧。原因是四份虚拟化 transcript 各自按 chunk 重排，属于渲染侧固有成本；未做节流/降级（保持"每格都是真实 Chat"的产品约束）。需要更稳时可后续加"非聚焦格降频"。|
 
 采样脚本：`.dev/sampler.js`（`requestAnimationFrame` 间隔分布 + `PerformanceObserver('longtask')` + `performance.memory`）。

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dsh-multiview",
-  "version": "0.1.10",
+  "version": "0.1.11",
   "description": "Multi-view for DeepSeek Harness: 2-4 live conversations side by side, each pane a real Chat, with resize, swap, saved splits and pane focus.",
   "type": "module",
   "license": "MIT",