@jingyi0605/codingns4dsh 0.1.2 → 0.1.7-rc.3

package/data/build/dist/client/subscription-slot.js

@@ -2,8 +2,20 @@ import { createElement, useEffect, useRef, useState } from 'react';
 import { callCliRpc } from './cli-catalog.js';
 import { providerIconUrl } from './provider-icons.js';
 import { dshPopupSurfaceStyle, dshThemeColor } from './theme.js';
+const SUBSCRIPTION_STYLE_ID = 'codingns4dsh-subscription-responsive-style';
+/** 移动端订阅入口只保留图标，完整数据仍可在点击后的弹层中查看。 */
+function installSubscriptionStyles() {
+    if (typeof document === 'undefined' || document.querySelector(`style[data-plugin-css="${SUBSCRIPTION_STYLE_ID}"]`) !== null)
+        return;
+    const style = document.createElement('style');
+    style.dataset.plugin = 'codingns4dsh';
+    style.dataset.pluginCss = SUBSCRIPTION_STYLE_ID;
+    style.textContent = '@media (max-width: 768px){.codingns4dsh-subscription-trigger{gap:0!important;padding-left:4px!important;padding-right:4px!important}.codingns4dsh-subscription-label,.codingns4dsh-subscription-value{display:none!important}.codingns4dsh-subscription-popover{position:fixed!important;left:12px!important;right:12px!important;bottom:48px!important;width:auto!important;min-width:0!important;max-width:none!important;max-height:calc(100vh - 72px)!important;overflow:auto!important}}';
+    document.head.appendChild(style);
+}
 /** 在 DSH 原生步骤统计左侧显示当前 Agent 的订阅余量。 */
 export function registerSubscriptionSlot(slots, rpc) {
+    installSubscriptionStyles();
     return slots.inject('conversation.composer.dock', () => slots.register({
         name: 'conversation.composer.dock',
         id: 'codingns4dsh-subscription',
@@ -131,18 +143,19 @@ function CommandCodeSubscriptionSlot(props) {
     const triggerContent = sub2api === undefined && deepseek === undefined && providerBalance === undefined
         ? createElement('span', { 'aria-hidden': true, style: progressRingStyle() }, createElement('span', { style: { ...progressRingVisualStyle, background: progressRingVisualBackground(remaining === null ? 0 : remaining / 100, false) } }, createElement('span', { style: progressRingValueStyle }, createElement('span', undefined, formatRingPercentage(remaining ?? 0)), createElement('span', { style: progressRingSuffixStyle }, '%'))))
         : sub2api !== undefined
-            ? createElement('span', { 'aria-hidden': true, style: sub2apiIdentityStyle }, logoSource !== '' && createElement('img', { src: logoSource, alt: '', width: 20, height: 20, style: sub2apiLogoStyle }), createElement('span', undefined, formatSub2ApiMoney(sub2api.balance, sub2api.unit)))
+            ? createElement('span', { 'aria-hidden': true, style: sub2apiIdentityStyle }, createElement('img', { src: logoSource || providerIconUrl(adapterId ?? 'dsh') || '', alt: '', width: 20, height: 20, style: sub2apiLogoStyle }), createElement('span', { className: 'codingns4dsh-subscription-value' }, formatSub2ApiMoney(sub2api.balance, sub2api.unit)))
             : deepseek !== undefined
-                ? createElement('span', { 'aria-hidden': true, style: deepseekBalanceIdentityStyle }, deepseekIconSource !== undefined && createElement('img', { src: deepseekIconSource, alt: '', width: 18, height: 18, style: deepseekLogoStyle }), createElement('span', { style: deepseekBalanceStyle }, deepseekBalance === null ? '--' : formatDeepseekMoney(deepseekBalance.totalBalance, deepseekBalance.currency)))
-                : createElement('span', { 'aria-hidden': true, style: deepseekBalanceIdentityStyle }, deepseekIconSource !== undefined && createElement('img', { src: deepseekIconSource, alt: '', width: 18, height: 18, style: deepseekLogoStyle }), createElement('span', { style: deepseekBalanceStyle }, formatProviderBalance(providerBalance)));
+                ? createElement('span', { 'aria-hidden': true, style: deepseekBalanceIdentityStyle }, deepseekIconSource !== undefined && createElement('img', { src: deepseekIconSource, alt: '', width: 18, height: 18, style: deepseekLogoStyle }), createElement('span', { className: 'codingns4dsh-subscription-value', style: deepseekBalanceStyle }, deepseekBalance === null ? '--' : formatDeepseekMoney(deepseekBalance.totalBalance, deepseekBalance.currency)))
+                : createElement('span', { 'aria-hidden': true, style: deepseekBalanceIdentityStyle }, deepseekIconSource !== undefined && createElement('img', { src: deepseekIconSource, alt: '', width: 18, height: 18, style: deepseekLogoStyle }), createElement('span', { className: 'codingns4dsh-subscription-value', style: deepseekBalanceStyle }, formatProviderBalance(providerBalance)));
     return createElement('div', { ref: rootRef, style: subscriptionRootStyle }, createElement('button', {
         type: 'button',
+        className: 'codingns4dsh-subscription-trigger',
         onClick: () => setOpen((value) => !value),
         disabled: loading && usage === null,
         'aria-label': label,
         'aria-expanded': open,
         style: subscriptionTriggerStyle,
-    }, triggerContent, createElement('span', { style: subscriptionLabelStyle }, sub2api === undefined && deepseek === undefined && providerBalance === undefined
+    }, triggerContent, createElement('span', { className: 'codingns4dsh-subscription-label', style: subscriptionLabelStyle }, sub2api === undefined && deepseek === undefined && providerBalance === undefined
         ? (resetLabel ?? '订阅余量')
         : sub2api !== undefined ? `今日 ${formatSub2ApiMoney(sub2api.today.cost, sub2api.unit)}` : deepseek !== undefined ? '账户余额' : '官方余量')), open && createElement(SubscriptionPopover, { usage, providerName }));
 }
@@ -158,7 +171,7 @@ function SubscriptionPopover({ usage, providerName }) {
         { id: 'secondary', label: formatSubscriptionWindowLabel(usage.secondary, '周额度'), window: usage.secondary },
         { id: 'monthly', label: formatSubscriptionWindowLabel(usage.monthly, '月额度'), window: usage.monthly },
     ];
-    return createElement('div', { role: 'dialog', 'aria-label': `${providerName} 订阅使用情况`, style: subscriptionPopoverStyle }, createElement('div', { style: popoverHeadingStyle }, createElement('strong', undefined, `${providerName} 订阅`), usage.planType && createElement('span', { style: { color: dshThemeColor.labelTertiary } }, formatPlanType(usage.planType))), ...windows.map(({ id, label, window }) => window === null ? null : createElement('section', { key: id, style: windowStyle }, createElement('div', { style: windowHeadingStyle }, createElement('span', undefined, label), createElement('span', undefined, `${formatPercent(window.remainingPercent)}%`)), createElement('div', { role: 'progressbar', 'aria-label': `${label}剩余 ${formatPercent(window.remainingPercent)}%`, 'aria-valuemin': 0, 'aria-valuemax': 100, 'aria-valuenow': window.remainingPercent, style: barStyle }, createElement('span', { style: { ...barFillStyle, width: `${window.remainingPercent}%` } })), window.resetsAt !== null && createElement('div', { style: resetStyle }, `重置于 ${formatCountdown(window.resetsAt)}`))));
+    return createElement('div', { className: 'codingns4dsh-subscription-popover', role: 'dialog', 'aria-label': `${providerName} 订阅使用情况`, style: subscriptionPopoverStyle }, createElement('div', { style: popoverHeadingStyle }, createElement('strong', undefined, `${providerName} 订阅`), usage.planType && createElement('span', { style: { color: dshThemeColor.labelTertiary } }, formatPlanType(usage.planType))), ...windows.map(({ id, label, window }) => window === null ? null : createElement('section', { key: id, style: windowStyle }, createElement('div', { style: windowHeadingStyle }, createElement('span', undefined, label), createElement('span', undefined, `${formatPercent(window.remainingPercent)}%`)), createElement('div', { role: 'progressbar', 'aria-label': `${label}剩余 ${formatPercent(window.remainingPercent)}%`, 'aria-valuemin': 0, 'aria-valuemax': 100, 'aria-valuenow': window.remainingPercent, style: barStyle }, createElement('span', { style: { ...barFillStyle, width: `${window.remainingPercent}%` } })), window.resetsAt !== null && createElement('div', { style: resetStyle }, `重置于 ${formatCountdown(window.resetsAt)}`))));
 }
 /** 根据服务端返回的窗口时长生成准确的额度标签，避免把七天窗口误显示成五小时。 */
 function formatSubscriptionWindowLabel(window, fallback) {
@@ -172,15 +185,15 @@ function formatSubscriptionWindowLabel(window, fallback) {
     return `${durationMins} 分钟额度`;
 }
 function ProviderBalancePopover({ usage, providerName }) {
-    return createElement('div', { role: 'dialog', 'aria-label': `${providerName} 官方余量`, style: subscriptionPopoverStyle }, createElement('div', { style: popoverHeadingStyle }, createElement('strong', undefined, `${providerName} 官方余量`), createElement('span', { style: { color: dshThemeColor.labelTertiary } }, formatProviderBalance(usage))), usage.used !== null && usage.total !== null && createElement('div', { style: upstreamMetaStyle }, `已用 ${formatProviderBalanceValue(usage.used, usage.unit)} / ${formatProviderBalanceValue(usage.total, usage.unit)}`), usage.details.length === 0
+    return createElement('div', { className: 'codingns4dsh-subscription-popover', role: 'dialog', 'aria-label': `${providerName} 官方余量`, style: subscriptionPopoverStyle }, createElement('div', { style: popoverHeadingStyle }, createElement('strong', undefined, `${providerName} 官方余量`), createElement('span', { style: { color: dshThemeColor.labelTertiary } }, formatProviderBalance(usage))), usage.used !== null && usage.total !== null && createElement('div', { style: upstreamMetaStyle }, `已用 ${formatProviderBalanceValue(usage.used, usage.unit)} / ${formatProviderBalanceValue(usage.total, usage.unit)}`), usage.details.length === 0
         ? createElement('div', { style: resetStyle }, '暂无更多统计')
         : usage.details.map((item) => createElement('div', { key: item.label, style: deepseekBalanceDetailsStyle }, createElement('span', undefined, item.label), createElement('span', undefined, String(item.value)))));
 }
 function DeepseekPopover({ usage, providerName }) {
-    return createElement('div', { role: 'dialog', 'aria-label': `${providerName} 账户余额`, style: subscriptionPopoverStyle }, createElement('div', { style: popoverHeadingStyle }, createElement('strong', undefined, `${providerName} 账户余额`), createElement('span', { style: { color: usage.isAvailable === false ? dshThemeColor.error : dshThemeColor.labelTertiary } }, usage.isAvailable === false ? '不可用' : '可用')), usage.balances.map((balance) => createElement('section', { key: balance.currency, style: deepseekBalanceSectionStyle }, createElement('div', { style: windowHeadingStyle }, createElement('span', undefined, balance.currency), createElement('strong', undefined, formatDeepseekMoney(balance.totalBalance, balance.currency))), createElement('div', { style: deepseekBalanceDetailsStyle }, createElement('span', undefined, `赠送 ${formatDeepseekMoney(balance.grantedBalance, balance.currency)}`), createElement('span', undefined, `充值 ${formatDeepseekMoney(balance.toppedUpBalance, balance.currency)}`)))), createElement('div', { style: deepseekUnavailableStatsStyle }, '官方 DeepSeek API 当前只提供账户余额接口，暂无请求量、Token 或费用明细。'));
+    return createElement('div', { className: 'codingns4dsh-subscription-popover', role: 'dialog', 'aria-label': `${providerName} 账户余额`, style: subscriptionPopoverStyle }, createElement('div', { style: popoverHeadingStyle }, createElement('strong', undefined, `${providerName} 账户余额`), createElement('span', { style: { color: usage.isAvailable === false ? dshThemeColor.error : dshThemeColor.labelTertiary } }, usage.isAvailable === false ? '不可用' : '可用')), usage.balances.map((balance) => createElement('section', { key: balance.currency, style: deepseekBalanceSectionStyle }, createElement('div', { style: windowHeadingStyle }, createElement('span', undefined, balance.currency), createElement('strong', undefined, formatDeepseekMoney(balance.totalBalance, balance.currency))), createElement('div', { style: deepseekBalanceDetailsStyle }, createElement('span', undefined, `赠送 ${formatDeepseekMoney(balance.grantedBalance, balance.currency)}`), createElement('span', undefined, `充值 ${formatDeepseekMoney(balance.toppedUpBalance, balance.currency)}`)))), createElement('div', { style: deepseekUnavailableStatsStyle }, '官方 DeepSeek API 当前只提供账户余额接口，暂无请求量、Token 或费用明细。'));
 }
 function Sub2ApiPopover({ usage, providerName }) {
-    return createElement('div', { role: 'dialog', 'aria-label': `${providerName} 上游用量`, style: subscriptionPopoverStyle }, createElement('div', { style: popoverHeadingStyle }, createElement('strong', undefined, `${providerName} 上游用量`), createElement('span', { style: { color: dshThemeColor.labelTertiary } }, formatSub2ApiMoney(usage.balance, usage.unit))), createElement('div', { style: upstreamMetaStyle }, createElement('span', { style: upstreamTypeStyle }, usage.upstreamType), usage.upstreamUrl === ''
+    return createElement('div', { className: 'codingns4dsh-subscription-popover', role: 'dialog', 'aria-label': `${providerName} 上游用量`, style: subscriptionPopoverStyle }, createElement('div', { style: popoverHeadingStyle }, createElement('strong', undefined, `${providerName} 上游用量`), createElement('span', { style: { color: dshThemeColor.labelTertiary } }, formatSub2ApiMoney(usage.balance, usage.unit))), createElement('div', { style: upstreamMetaStyle }, createElement('span', { style: upstreamTypeStyle }, usage.upstreamType), usage.upstreamUrl === ''
         ? createElement('span', { style: upstreamMutedStyle }, '地址未提供')
         : createElement('a', { href: usage.upstreamUrl, target: '_blank', rel: 'noreferrer', title: usage.upstreamUrl, style: upstreamLinkStyle }, usage.upstreamUrl)), createElement('div', { style: sub2apiStatsGridStyle }, createSub2ApiStat('今日请求数', formatInteger(usage.today.requests)), createSub2ApiStat('今日 Token 用量', formatSub2ApiTokens(usage.today.totalTokens)), createSub2ApiStat('今日费用', formatSub2ApiMoney(usage.today.cost, usage.unit)), createSub2ApiStat('累计请求数', formatInteger(usage.total.requests)), createSub2ApiStat('累计 Token 用量', formatSub2ApiTokens(usage.total.totalTokens)), createSub2ApiStat('累计费用', formatSub2ApiMoney(usage.total.cost, usage.unit)), createSub2ApiStat('今日缓存命中率', formatSub2ApiPercent(usage.today.cacheHitRate)), createSub2ApiStat('累计缓存命中率', formatSub2ApiPercent(usage.total.cacheHitRate))), createElement('section', { style: sub2apiSectionStyle }, createElement('strong', { style: sub2apiSectionTitleStyle }, '按模型统计'), usage.models.length === 0
         ? createElement('div', { style: resetStyle }, '暂无按模型统计')

package/data/build/dist/client/workspace-session-rightbar-dom.d.ts

@@ -0,0 +1,28 @@
+/** 右侧栏宽度比例的本地存储键；宽度属于浏览器布局，不应同步到 Host。 */
+export declare const WORKSPACE_RIGHTBAR_RATIO_STORAGE_KEY = "codingns4dsh.workspace.rightbar-ratio.v1";
+interface StorageLike {
+    getItem(key: string): string | null;
+    setItem(key: string, value: string): void;
+}
+export interface WorkspaceSessionRightbarDomOptions {
+    readonly document?: Document;
+    readonly window?: Window;
+    readonly MutationObserver?: typeof MutationObserver;
+    readonly storage?: StorageLike;
+}
+export interface WorkspaceSessionRightbarDomController {
+    /** 主动重新查找句柄并应用已保存的比例。 */
+    refresh(): void;
+    /** 断开观察器并移除事件监听。 */
+    dispose(): void;
+}
+/**
+ * 记忆 DSH 原生对话区与右侧栏的宽度比例。
+ *
+ * DSH 不同版本暴露了两种句柄：旧版使用 `data-side="rightbar"` 并直接写入
+ * `left`，新版使用 `workbench-side-resizer[data-side="right"]` 并通过工作台
+ * CSS 变量控制宽度。这里只读取边界，不依赖 React Fiber 或版本号。
+ */
+export declare function startWorkspaceSessionRightbarDom(options?: WorkspaceSessionRightbarDomOptions): WorkspaceSessionRightbarDomController;
+export {};
+//# sourceMappingURL=workspace-session-rightbar-dom.d.ts.map

package/data/build/dist/client/workspace-session-rightbar-dom.js

@@ -0,0 +1,291 @@
+/** 右侧栏宽度比例的本地存储键；宽度属于浏览器布局，不应同步到 Host。 */
+export const WORKSPACE_RIGHTBAR_RATIO_STORAGE_KEY = 'codingns4dsh.workspace.rightbar-ratio.v1';
+const RIGHTBAR_HANDLE_SELECTOR = '[data-side="rightbar"], .workbench-side-resizer[data-side="right"]';
+const MIN_RIGHTBAR_SHARE = 0.12;
+const MAX_RIGHTBAR_SHARE = 0.8;
+/**
+ * 记忆 DSH 原生对话区与右侧栏的宽度比例。
+ *
+ * DSH 不同版本暴露了两种句柄：旧版使用 `data-side="rightbar"` 并直接写入
+ * `left`，新版使用 `workbench-side-resizer[data-side="right"]` 并通过工作台
+ * CSS 变量控制宽度。这里只读取边界，不依赖 React Fiber 或版本号。
+ */
+export function startWorkspaceSessionRightbarDom(options = {}) {
+    const dom = options.document ?? (typeof document === 'undefined' ? undefined : document);
+    const win = options.window ?? (typeof window === 'undefined' ? undefined : window);
+    const Observer = options.MutationObserver
+        ?? (typeof MutationObserver === 'undefined' ? undefined : MutationObserver);
+    const storage = options.storage ?? resolveStorage();
+    let disposed = false;
+    let scanQueued = false;
+    let desiredShare = readStoredShare(storage);
+    let userInteracting = false;
+    let userCommitPending = false;
+    let applying = false;
+    let pendingShare;
+    const scan = () => {
+        if (disposed || dom === undefined || win === undefined)
+            return;
+        const handle = findRightbarHandle(dom);
+        if (handle === undefined)
+            return;
+        if (applying)
+            return;
+        const share = readRightbarShare(handle, win);
+        if (share === undefined)
+            return;
+        if (pendingShare !== undefined) {
+            const expectedShare = pendingShare;
+            pendingShare = undefined;
+            if (sharesMatch(share, expectedShare))
+                return;
+            // 宿主重绘时可能先移除旧句柄的内联位置，再补上新的布局状态。
+            // 这种中间态可以直接继续恢复；如果仍有旧位置，则等下一次宿主重绘，
+            // 避免在 React 状态提交前重复派发拖拽事件。
+            if (handle.style.left !== '')
+                return;
+        }
+        if (userCommitPending) {
+            userCommitPending = false;
+            desiredShare = share;
+            writeStoredShare(storage, share);
+            return;
+        }
+        // 宿主布局可能在插件恢复后再次渲染默认宽度。用户没有拖拽时，
+        // 始终把句柄拉回已保存比例，避免默认值覆盖本地布局。
+        if (!userInteracting && desiredShare !== undefined && !sharesMatch(share, desiredShare)) {
+            applyShare(handle, desiredShare, win);
+            return;
+        }
+        if (userInteracting)
+            return;
+        desiredShare = share;
+        writeStoredShare(storage, share);
+    };
+    const scheduleScan = () => {
+        if (disposed || scanQueued)
+            return;
+        scanQueued = true;
+        queueMicrotask(() => {
+            scanQueued = false;
+            scan();
+        });
+    };
+    const observer = dom === undefined || Observer === undefined
+        ? undefined
+        : new Observer(scheduleScan);
+    if (observer !== undefined && dom !== undefined) {
+        observer.observe(dom.documentElement ?? dom, { childList: true, subtree: true, attributes: true, attributeFilter: ['style', 'class'] });
+    }
+    const onPointerStart = () => {
+        if (applying)
+            return;
+        userInteracting = true;
+    };
+    const onPointerEnd = () => {
+        if (applying)
+            return;
+        userInteracting = false;
+        userCommitPending = true;
+        scheduleScan();
+    };
+    const onResize = () => {
+        if (disposed || win === undefined || dom === undefined)
+            return;
+        const handle = findRightbarHandle(dom);
+        const savedShare = readStoredShare(storage);
+        if (handle !== undefined && savedShare !== undefined)
+            applyShare(handle, savedShare, win);
+        scheduleScan();
+    };
+    dom?.addEventListener('mousedown', onPointerStart, true);
+    dom?.addEventListener('pointerdown', onPointerStart, true);
+    dom?.addEventListener('mouseup', onPointerEnd, true);
+    dom?.addEventListener('pointerup', onPointerEnd, true);
+    win?.addEventListener('resize', onResize);
+    scheduleScan();
+    return {
+        refresh: scheduleScan,
+        dispose() {
+            if (disposed)
+                return;
+            disposed = true;
+            observer?.disconnect();
+            dom?.removeEventListener('mousedown', onPointerStart, true);
+            dom?.removeEventListener('pointerdown', onPointerStart, true);
+            dom?.removeEventListener('mouseup', onPointerEnd, true);
+            dom?.removeEventListener('pointerup', onPointerEnd, true);
+            win?.removeEventListener('resize', onResize);
+        },
+    };
+    function applyShare(handle, share, targetWindow) {
+        const containerWidth = resolveContainerWidth(handle, targetWindow);
+        const rightWidth = containerWidth * share;
+        const container = resolveContainerRect(handle, targetWindow.innerWidth);
+        const targetClientX = container.left + containerWidth - rightWidth;
+        applying = true;
+        pendingShare = share;
+        try {
+            // 右侧栏宽度通常由宿主 React 的拖拽状态驱动。模拟一次原生拖拽，
+            // 让宿主自己更新面板和调整线，避免只移动句柄而面板状态仍是默认值。
+            const nativeResizeDispatched = dispatchNativeResize(handle, targetWindow, targetClientX);
+            if (!nativeResizeDispatched && handle.matches('[data-side="rightbar"]')) {
+                // `left` 是相对于 offsetParent 的坐标，不能直接使用视口宽度。
+                handle.style.left = `${Math.round(containerWidth - rightWidth)}px`;
+            }
+            const shell = handle.closest('.workbench-shell');
+            if (!nativeResizeDispatched && shell !== null) {
+                shell.style.setProperty('--workbench-right-width', `${Math.round(rightWidth)}px`);
+                shell.style.setProperty('--workbench-right-current-width', `${Math.round(rightWidth)}px`);
+            }
+        }
+        finally {
+            applying = false;
+        }
+    }
+}
+function dispatchNativeResize(handle, targetWindow, targetClientX) {
+    const targetDocument = targetWindow.document;
+    if (targetDocument === undefined || typeof handle.dispatchEvent !== 'function')
+        return false;
+    const currentClientX = handle.getBoundingClientRect().left;
+    const PointerEventCtor = targetWindow.PointerEvent;
+    const canCapture = typeof handle.setPointerCapture === 'function';
+    if (typeof PointerEventCtor === 'function' && canCapture && Number.isFinite(currentClientX)) {
+        const pointerId = 2147483000;
+        const eventInit = (clientX, type) => ({
+            bubbles: true,
+            cancelable: true,
+            clientX,
+            pointerId,
+            pointerType: 'mouse',
+            isPrimary: true,
+            button: type === 'pointerdown' ? 0 : -1,
+            buttons: type === 'pointerup' ? 0 : 1,
+        });
+        // 合成 PointerEvent 不属于真实硬件指针，宿主直接调用
+        // setPointerCapture(pointerId) 会在 Chromium 中抛 NotFoundError。
+        // 宿主的拖拽逻辑只依赖捕获后的 id 和后续事件，因此临时屏蔽捕获调用即可。
+        const captureTarget = handle;
+        const ownCapture = Object.getOwnPropertyDescriptor(handle, 'setPointerCapture');
+        let capturePatched = false;
+        try {
+            Object.defineProperty(handle, 'setPointerCapture', {
+                configurable: true,
+                writable: true,
+                value: () => undefined,
+            });
+            capturePatched = true;
+        }
+        catch {
+            return false;
+        }
+        try {
+            handle.dispatchEvent(new PointerEventCtor('pointerdown', eventInit(currentClientX, 'pointerdown')));
+            handle.dispatchEvent(new PointerEventCtor('pointermove', eventInit(targetClientX, 'pointermove')));
+            handle.dispatchEvent(new PointerEventCtor('pointerup', eventInit(targetClientX, 'pointerup')));
+        }
+        catch {
+            return false;
+        }
+        finally {
+            if (capturePatched) {
+                if (ownCapture === undefined)
+                    Reflect.deleteProperty(handle, 'setPointerCapture');
+                else
+                    Object.defineProperty(handle, 'setPointerCapture', ownCapture);
+            }
+        }
+        return true;
+    }
+    const MouseEventCtor = targetWindow.MouseEvent;
+    if (typeof MouseEventCtor !== 'function' || !Number.isFinite(currentClientX))
+        return false;
+    handle.dispatchEvent(new MouseEventCtor('mousedown', { bubbles: true, clientX: currentClientX }));
+    targetDocument.dispatchEvent(new MouseEventCtor('mousemove', { bubbles: true, clientX: targetClientX }));
+    targetDocument.dispatchEvent(new MouseEventCtor('mouseup', { bubbles: true, clientX: targetClientX }));
+    return false;
+}
+function findRightbarHandle(dom) {
+    return dom.querySelector(RIGHTBAR_HANDLE_SELECTOR) ?? undefined;
+}
+function readRightbarShare(handle, win) {
+    const viewportWidth = win.innerWidth;
+    if (!Number.isFinite(viewportWidth) || viewportWidth <= 0)
+        return undefined;
+    const containerWidth = resolveContainerWidth(handle, win);
+    const rightWidth = resolveRightbarWidth(handle, viewportWidth);
+    if (!Number.isFinite(containerWidth) || containerWidth <= 0 || !Number.isFinite(rightWidth) || rightWidth <= 0)
+        return undefined;
+    return clamp(rightWidth / containerWidth, MIN_RIGHTBAR_SHARE, MAX_RIGHTBAR_SHARE);
+}
+function resolveRightbarWidth(handle, viewportWidth) {
+    const containerWidth = resolveContainerWidth(handle, { innerWidth: viewportWidth });
+    const inlineLeft = Number.parseFloat(handle.style.left);
+    if (Number.isFinite(inlineLeft))
+        return containerWidth - inlineLeft;
+    const shell = handle.closest('.workbench-shell');
+    const cssWidth = shell?.style.getPropertyValue('--workbench-right-width');
+    const configuredWidth = cssWidth === undefined ? Number.NaN : Number.parseFloat(cssWidth);
+    if (Number.isFinite(configuredWidth) && configuredWidth > 0)
+        return configuredWidth;
+    const panel = shell?.querySelector('.workbench-auxiliary');
+    const measuredWidth = panel?.getBoundingClientRect().width ?? 0;
+    if (measuredWidth > 0)
+        return measuredWidth;
+    const boundary = handle.getBoundingClientRect().left;
+    const container = resolveContainerRect(handle, viewportWidth);
+    return boundary > container.left ? container.right - boundary : 0;
+}
+function resolveContainerWidth(handle, targetWindow) {
+    return Math.max(1, resolveContainerRect(handle, targetWindow.innerWidth).width);
+}
+function resolveContainerRect(handle, viewportWidth) {
+    const positioningParent = handle.offsetParent;
+    const parentRect = positioningParent?.getBoundingClientRect();
+    if (parentRect !== undefined && parentRect.width > 0) {
+        return { left: parentRect.left, right: parentRect.right, width: parentRect.width };
+    }
+    const shell = handle.closest('.workbench-shell');
+    const shellRect = shell?.getBoundingClientRect();
+    if (shellRect !== undefined && shellRect.width > 0) {
+        return { left: shellRect.left, right: shellRect.right, width: shellRect.width };
+    }
+    return { left: 0, right: viewportWidth, width: viewportWidth };
+}
+function resolveStorage() {
+    try {
+        return typeof localStorage === 'undefined' ? undefined : localStorage;
+    }
+    catch {
+        return undefined;
+    }
+}
+function readStoredShare(storage) {
+    if (storage === undefined)
+        return undefined;
+    try {
+        const value = Number.parseFloat(storage.getItem(WORKSPACE_RIGHTBAR_RATIO_STORAGE_KEY) ?? '');
+        return Number.isFinite(value) ? clamp(value, MIN_RIGHTBAR_SHARE, MAX_RIGHTBAR_SHARE) : undefined;
+    }
+    catch {
+        return undefined;
+    }
+}
+function writeStoredShare(storage, share) {
+    if (storage === undefined)
+        return;
+    try {
+        storage.setItem(WORKSPACE_RIGHTBAR_RATIO_STORAGE_KEY, String(Number(share.toFixed(6))));
+    }
+    catch {
+        // 隐私模式或受限 iframe 中本地存储不可用时，仅失去跨刷新记忆。
+    }
+}
+function clamp(value, min, max) {
+    return Math.max(min, Math.min(max, value));
+}
+function sharesMatch(left, right) {
+    return Math.abs(left - right) < 0.002;
+}
+//# sourceMappingURL=workspace-session-rightbar-dom.js.map

package/data/build/dist/dsh-capabilities/client/config-forms-adapter.js

@@ -1,18 +1,31 @@
-import { accepted } from '../settings-store.js';
+import { accepted, sameSettingsSnapshot } from '../settings-store.js';
 import { debugInfo, debugWarn } from '../../shared/debug.js';
+/**
+ * 未暴露 ConfigForm（memory 模式、命名空间未下发或版本缺少该接口）时的占位快照。
+ *
+ * 必须是稳定引用：设置页用 `useSyncExternalStore` 读取它，每次返回新对象会让
+ * React 每帧比对失败并持续强制渲染，最终以 React #185 崩溃整个设置分区。
+ */
+const UNAVAILABLE_FORM_SNAPSHOT = Object.freeze({
+    value: undefined,
+    revision: undefined,
+    writable: false,
+    status: 'unavailable',
+});
 /** 0.1.7 Client ConfigForm 路由适配器。 */
 export function createConfigFormSettingsStore(forms, namespace, options = {}) {
     const form = forms.get(namespace);
     if (form === undefined) {
         return {
-            getSnapshot: () => ({ value: undefined, revision: undefined, writable: false, status: 'unavailable' }),
+            getSnapshot: () => UNAVAILABLE_FORM_SNAPSHOT,
             subscribe: () => () => undefined,
             mutate: async () => false,
             set: async () => false,
             unset: async () => false,
         };
     }
-    let snapshot = toStoreSnapshot(form.getSnapshot());
+    const hostWriterAvailable = options.writeUnfenced !== undefined;
+    let snapshot = toStoreSnapshot(form.getSnapshot(), hostWriterAvailable);
     debugInfo('codingns4dsh: client config form selected', {
         namespace,
         status: snapshot.status,
@@ -21,12 +34,14 @@ export function createConfigFormSettingsStore(forms, namespace, options = {}) {
     });
     const listeners = new Set();
     const refresh = () => {
-        const next = toStoreSnapshot(form.getSnapshot());
+        const next = toStoreSnapshot(form.getSnapshot(), hostWriterAvailable);
         // 自有 Host RPC 的写入答复可能先于原生 mirror 事件到达；旧 revision
         // 只能被丢弃，不能把刚接受的模块开关覆盖回去。
         if (snapshot.revision !== undefined && next.revision !== undefined && next.revision < snapshot.revision)
             return;
-        if (sameSnapshot(snapshot, next))
+        // ConfigForm 每次读取都可能返回新对象；内容未变化时保持同一引用，
+        // 否则订阅方（useSyncExternalStore）会被无意义地唤醒并反复渲染。
+        if (sameSettingsSnapshot(snapshot, next))
             return;
         snapshot = next;
         for (const listener of [...listeners])
@@ -40,7 +55,7 @@ export function createConfigFormSettingsStore(forms, namespace, options = {}) {
             writable: true,
             status: 'ready',
         };
-        if (sameSnapshot(snapshot, next))
+        if (sameSettingsSnapshot(snapshot, next))
             return true;
         snapshot = next;
         for (const listener of [...listeners])
@@ -97,12 +112,14 @@ async function writeWithRetry(first, retry) {
     debugInfo('codingns4dsh: client config form write retry completed', { accepted: retried });
     return retried;
 }
-function toStoreSnapshot(snapshot) {
+function toStoreSnapshot(snapshot, hostWriterAvailable = false) {
     const value = toClientValue(snapshot.value);
     return {
         value: value,
         revision: snapshot.revision,
-        writable: snapshot.writable,
+        // 0.1.7 ConfigForm 的 writable 只描述原生表单镜像；插件自己的 Host
+        // RPC 是实际写入边界，因此存在该 writer 时不能把开关误判为只读。
+        writable: snapshot.writable || hostWriterAvailable,
         status: snapshot.status ?? 'ready',
     };
 }
@@ -111,29 +128,4 @@ function toClientValue(value) {
         ? undefined
         : (({ cliSessions: _cliSessions, ...clientValue }) => clientValue)(value);
 }
-function sameSnapshot(left, right) {
-    return sameConfigValue(left.value, right.value)
-        && left.revision === right.revision
-        && left.writable === right.writable
-        && left.status === right.status;
-}
-/** ConfigForm 可能在每次读取时返回新对象；按配置内容比较，避免无意义地唤醒所有消费者。 */
-function sameConfigValue(left, right) {
-    if (Object.is(left, right))
-        return true;
-    if (left === null || right === null || typeof left !== 'object' || typeof right !== 'object')
-        return false;
-    if (Array.isArray(left) || Array.isArray(right)) {
-        if (!Array.isArray(left) || !Array.isArray(right) || left.length !== right.length)
-            return false;
-        return left.every((value, index) => sameConfigValue(value, right[index]));
-    }
-    const leftRecord = left;
-    const rightRecord = right;
-    const leftKeys = Object.keys(leftRecord);
-    const rightKeys = Object.keys(rightRecord);
-    if (leftKeys.length !== rightKeys.length)
-        return false;
-    return leftKeys.every((key) => Object.prototype.hasOwnProperty.call(rightRecord, key) && sameConfigValue(leftRecord[key], rightRecord[key]));
-}
 //# sourceMappingURL=config-forms-adapter.js.map

package/data/build/dist/dsh-capabilities/client/settings-scope-adapter.d.ts

@@ -1,7 +1,13 @@
 import type { SettingsScope } from '@deepseek-ai/dsh-client-ui-settings/client';
 import type { CodingNsSettings } from '../../shared/contracts/config.js';
 import { type CodingNsSettingsOperation, type CodingNsSettingsSnapshot, type CodingNsSettingsStore } from '../settings-store.js';
-/** 旧版 Client SettingsScope 到 Codingns4DSH 内部设置接口的适配器。 */
+/**
+ * 旧版 Client SettingsScope 到 Codingns4DSH 内部设置接口的适配器。
+ *
+ * SettingsScope 每次读取都可能返回新对象，而设置页通过 `useSyncExternalStore`
+ * 读取快照。这里缓存上一次的快照，内容不变时不替换引用、不唤醒订阅者，避免
+ * React 反复强制渲染（React #185）。
+ */
 export declare function createLegacyClientSettingsStore(scope: SettingsScope<CodingNsSettings>): CodingNsSettingsStore<CodingNsSettings>;
 export type CodingNsClientSettingsStore = CodingNsSettingsStore<CodingNsSettings>;
 export type { CodingNsSettingsOperation, CodingNsSettingsSnapshot };

package/data/build/dist/dsh-capabilities/client/settings-scope-adapter.js

@@ -1,16 +1,39 @@
-import { accepted } from '../settings-store.js';
-/** 旧版 Client SettingsScope 到 Codingns4DSH 内部设置接口的适配器。 */
+import { accepted, sameSettingsSnapshot, } from '../settings-store.js';
+/**
+ * 旧版 Client SettingsScope 到 Codingns4DSH 内部设置接口的适配器。
+ *
+ * SettingsScope 每次读取都可能返回新对象，而设置页通过 `useSyncExternalStore`
+ * 读取快照。这里缓存上一次的快照，内容不变时不替换引用、不唤醒订阅者，避免
+ * React 反复强制渲染（React #185）。
+ */
 export function createLegacyClientSettingsStore(scope) {
-    const store = {
-        getSnapshot: () => {
-            const snapshot = scope.getSnapshot();
-            return { value: snapshot.value, revision: snapshot.revision, writable: snapshot.writable, status: snapshot.status };
+    const listeners = new Set();
+    let snapshot = fromScopeSnapshot(scope.getSnapshot());
+    const refresh = () => {
+        const next = fromScopeSnapshot(scope.getSnapshot());
+        if (sameSettingsSnapshot(snapshot, next))
+            return;
+        snapshot = next;
+        for (const listener of [...listeners])
+            listener();
+    };
+    const unsubscribeScope = scope.subscribe(refresh);
+    return {
+        getSnapshot: () => snapshot,
+        subscribe: (listener) => {
+            listeners.add(listener);
+            return () => listeners.delete(listener);
+        },
+        mutate: async (operations, revision) => accepted(scope.mutate(operations, revision)),
+        set: async (field, value) => accepted(scope.set(field, value)),
+        unset: async (field) => accepted(scope.unset(field)),
+        dispose: () => {
+            unsubscribeScope();
+            listeners.clear();
         },
-        subscribe: (listener) => scope.subscribe(listener),
-        mutate: (operations, revision) => accepted(scope.mutate(operations, revision)),
-        set: (field, value) => accepted(scope.set(field, value)),
-        unset: (field) => accepted(scope.unset(field)),
     };
-    return store;
+}
+function fromScopeSnapshot(snapshot) {
+    return { value: snapshot.value, revision: snapshot.revision, writable: snapshot.writable, status: snapshot.status };
 }
 //# sourceMappingURL=settings-scope-adapter.js.map

package/data/build/dist/dsh-capabilities/matrix.js

@@ -15,6 +15,15 @@ export const DSH_CAPABILITY_MATRIX = [
     route('conversation.tool-call', 'conversation-events', 'client', '>=0.1.5-rc.3 <=0.1.7-rc.2', 'supported', ['client/external-tool-stream.ts']),
     route('sidebar.right', 'sidebar-right-tabs', 'client', '>=0.1.5-rc.3 <=0.1.7-rc.2', 'supported', ['client/terminal/ui.ts']),
     route('typert.remote', 'remote-result', 'host', '>=0.1.5-rc.3 <=0.1.7-rc.2', 'supported', ['host/terminal/terminal-controller.ts', 'client/terminal/model.ts']),
+    route('peer-host.store', 'peer-host-store', 'host', '>=0.1.5-rc.3 <=0.1.7-rc.2', 'supported', ['host/features/peer-host.ts']),
+    route('peer-host.handshake', 'peer-host-handshake', 'host', '>=0.1.5-rc.3 <=0.1.7-rc.2', 'supported', ['host/features/peer-host.ts']),
+    route('peer-host.http-proxy', 'peer-host-http-proxy', 'host', '>=0.1.5-rc.3 <=0.1.7-rc.2', 'supported', ['host/features/peer-host.ts']),
+    route('peer-host.ws-proxy', 'peer-host-ws-proxy', 'host', '>=0.1.5-rc.3 <=0.1.7-rc.2', 'supported', ['host/features/peer-host.ts']),
+    route('peer-host.aggregate', 'peer-host-aggregate', 'host', '>=0.1.5-rc.3 <=0.1.7-rc.2', 'supported', ['host/features/peer-host.ts']),
+    route('peer-host.relay-route', 'peer-host-relay-route', 'host', '>=0.1.5-rc.3 <=0.1.7-rc.2', 'supported', ['host/features/peer-host.ts']),
+    route('peer-host.native-navigation', 'peer-host-native-navigation-legacy', 'client', '>=0.1.5-rc.3 <=0.1.6', 'deprecated', ['client/features/peer-host.ts']),
+    route('peer-host.native-navigation', 'peer-host-native-navigation-modern', 'client', '>=0.1.7-rc.2 <=0.1.7-rc.2', 'supported', ['client/features/peer-host.ts']),
+    route('peer-host.remote-web-context-fallback', 'peer-host-remote-web-context-fallback', 'client', '>=0.1.5-rc.3 <=0.1.7-rc.2', 'supported', ['client/features/peer-host.ts']),
 ];
 function route(capability, routeId, runtime, supportedDsh, status, consumers, replacement, removableAfter) {
     return {