@jingyi0605/codingns4dsh 0.1.0 → 0.1.1

package/data/build/dist/client/quick-phrase-layout.js

@@ -0,0 +1,95 @@
+/**
+ * 快捷短语按钮在 DSH 输入工具栏里的落位。
+ *
+ * DSH 原生结构是「添加附件按钮 → 权限/规划组 → conversation.input.left 槽位」，
+ * 槽位里的控件默认排在权限组件右边。这里不改 DOM 顺序，只给这些项各加一个 flex order：
+ * 三者仍共用宿主工具栏的 flex 行，既不互相覆盖，间距也由宿主 gap 统一决定。
+ */
+export const QUICK_PHRASE_TRIGGER_ORDER = 1;
+export const QUICK_PHRASE_PERMISSION_ORDER = 2;
+/** 快捷短语两侧保留的间距比例：只留宿主原生间距的一半，入口更紧凑。 */
+export const QUICK_PHRASE_GAP_SCALE = 0.5;
+/** 读不到宿主 gap 时按 DSH 当前的 12px 估算，留出一半间距。 */
+export const QUICK_PHRASE_FALLBACK_MARGIN = -6;
+/**
+ * 把快捷短语按钮排到添加附件按钮之后、权限设置组件之前。
+ * @param request - 快捷短语根节点与添加附件按钮。
+ * @param environment - 计算样式读取入口。
+ * @returns 被重排的工具栏项、工具栏行与还原函数。
+ */
+export function applyQuickPhraseOrder(request, environment = {}) {
+    const computedStyle = environment.computedStyle ?? ((element) => getComputedStyle(element));
+    const container = findFlexContainer(request.addButton, computedStyle);
+    const following = container === null ? [] : findItemsAfterAddButton(container, request, computedStyle);
+    if (following.length === 0)
+        return { reordered: [], container, dispose: () => undefined };
+    const original = following.map((item) => item.style.order);
+    for (const item of following)
+        item.style.order = String(QUICK_PHRASE_PERMISSION_ORDER);
+    return {
+        reordered: following,
+        container,
+        dispose: () => {
+            following.forEach((item, index) => {
+                item.style.order = original[index] ?? '';
+            });
+        },
+    };
+}
+/**
+ * 快捷短语两侧要用的负外边距：把宿主原生 gap 收窄到 {@link QUICK_PHRASE_GAP_SCALE}。
+ * @param container - 承载工具栏项的 flex 行。
+ * @param environment - 计算样式读取入口。
+ * @returns 左右外边距（px，负值）。
+ */
+export function readQuickPhraseMargin(container, environment = {}) {
+    if (container === null)
+        return QUICK_PHRASE_FALLBACK_MARGIN;
+    const computedStyle = environment.computedStyle ?? ((element) => getComputedStyle(element));
+    const gap = Number.parseFloat(computedStyle(container).columnGap ?? '');
+    if (!Number.isFinite(gap) || gap <= 0)
+        return QUICK_PHRASE_FALLBACK_MARGIN;
+    return -gap * (1 - QUICK_PHRASE_GAP_SCALE);
+}
+/** 添加附件按钮之后、快捷短语之前的工具栏项。 */
+function findItemsAfterAddButton(container, request, computedStyle) {
+    const items = layoutItems(container, computedStyle);
+    const addIndex = items.findIndex((item) => item.contains(request.addButton));
+    if (addIndex < 0)
+        return [];
+    return items.slice(addIndex + 1).filter((item) => !item.contains(request.trigger));
+}
+/** 最近的 flex/grid 布局容器；找不到说明宿主工具栏结构变了，此时保持原生顺序。 */
+function findFlexContainer(node, computedStyle) {
+    let current = node.parentElement;
+    while (current !== null) {
+        const display = computedStyle(current).display;
+        if (display === 'flex' || display === 'inline-flex' || display === 'grid')
+            return current;
+        current = current.parentElement;
+    }
+    return null;
+}
+/** 展开工具栏里真正参与布局的项：display: contents 的槽位锚点穿透，display: none 的隐藏节点跳过。 */
+function layoutItems(container, computedStyle) {
+    const items = [];
+    const visit = (parent) => {
+        for (const child of parent.children) {
+            const display = computedStyle(child).display;
+            if (display === 'none')
+                continue;
+            if (display === 'contents') {
+                visit(child);
+                continue;
+            }
+            if (isStylable(child))
+                items.push(child);
+        }
+    };
+    visit(container);
+    return items;
+}
+function isStylable(element) {
+    return element.style !== undefined;
+}
+//# sourceMappingURL=quick-phrase-layout.js.map

package/data/build/dist/client/quick-phrase-slot.d.ts

@@ -0,0 +1,7 @@
+import type { SlotRegistry } from '@deepseek-ai/dsh-client-ui-renderer/client';
+import { type CodingNsSettings } from '../shared/contracts/config.js';
+import type { CodingNsSettingsStore } from '../dsh-capabilities/settings-store.js';
+import { type CodingNsLocale } from './locale.js';
+/** 在添加文件按钮右侧的输入工具区挂载插件自己的快捷会话入口。 */
+export declare function registerQuickPhraseSlot(slots: SlotRegistry, settings: CodingNsSettingsStore<CodingNsSettings>, locale: CodingNsLocale): () => void;
+//# sourceMappingURL=quick-phrase-slot.d.ts.map

package/data/build/dist/client/quick-phrase-slot.js

@@ -0,0 +1,370 @@
+import { createElement, useEffect, useLayoutEffect, useRef, useState } from 'react';
+import { DEFAULT_QUICK_PHRASES } from '../shared/contracts/config.js';
+import { useCodingNsTranslator } from './locale.js';
+import { applyQuickPhraseOrder, QUICK_PHRASE_FALLBACK_MARGIN, QUICK_PHRASE_TRIGGER_ORDER, readQuickPhraseMargin } from './quick-phrase-layout.js';
+import { dshPopupSurfaceStyle, dshThemeColor } from './theme.js';
+const QUICK_PHRASE_FALLBACK_SIZE = 28;
+const QUICK_PHRASE_FALLBACK_ICON_SIZE = 14;
+/** 在添加文件按钮右侧的输入工具区挂载插件自己的快捷会话入口。 */
+export function registerQuickPhraseSlot(slots, settings, locale) {
+    const t = locale.bind('codingns');
+    return slots.inject('conversation.input.left', () => slots.register({
+        name: 'conversation.input.left',
+        id: 'codingns4dsh-quick-phrases',
+        order: 0,
+        label: t('workspace.quickPhrasesTrigger'),
+        inject: () => ({ settings, locale }),
+    }, QuickPhraseSlot));
+}
+function QuickPhraseSlot(props) {
+    const t = useCodingNsTranslator(props.locale);
+    const draft = props.useInput((value) => value.draft);
+    const [phrases, setPhrases] = useState(() => readQuickPhrases(props.settings));
+    const [open, setOpen] = useState(false);
+    const [addOpen, setAddOpen] = useState(false);
+    const [newPhrase, setNewPhrase] = useState('');
+    const [draggingId, setDraggingId] = useState(null);
+    const [saving, setSaving] = useState(false);
+    const [saveError, setSaveError] = useState(false);
+    const quickPhraseRootRef = useRef(null);
+    const [triggerSize, setTriggerSize] = useState({ width: QUICK_PHRASE_FALLBACK_SIZE, height: QUICK_PHRASE_FALLBACK_SIZE });
+    const [iconSize, setIconSize] = useState(QUICK_PHRASE_FALLBACK_ICON_SIZE);
+    const [triggerMargin, setTriggerMargin] = useState(QUICK_PHRASE_FALLBACK_MARGIN);
+    const [messageAreaBounds, setMessageAreaBounds] = useState(null);
+    useEffect(() => {
+        const sync = () => setPhrases(readQuickPhrases(props.settings));
+        sync();
+        const workspaceSettings = props.settings.getSnapshot().value?.workspaceSessionEnhancement;
+        if (workspaceSettings?.quickPhrasesSeeded === false && workspaceSettings.quickPhrases.length === 0) {
+            void props.settings.mutate([
+                { op: 'set', path: ['workspaceSessionEnhancement', 'quickPhrases'], value: DEFAULT_QUICK_PHRASES.map((phrase) => ({ ...phrase })) },
+                { op: 'set', path: ['workspaceSessionEnhancement', 'quickPhrasesSeeded'], value: true },
+            ]).catch(() => undefined);
+        }
+        return props.settings.subscribe(sync);
+    }, [props.settings]);
+    useEffect(() => {
+        if (!open && !addOpen)
+            return;
+        const closeOnEscape = (event) => {
+            if (event.key !== 'Escape')
+                return;
+            if (addOpen)
+                setAddOpen(false);
+            else
+                setOpen(false);
+        };
+        document.addEventListener('keydown', closeOnEscape);
+        return () => document.removeEventListener('keydown', closeOnEscape);
+    }, [addOpen, open]);
+    useLayoutEffect(() => {
+        const root = quickPhraseRootRef.current;
+        if (root === null || typeof document === 'undefined')
+            return;
+        const addButton = findAddButton(root);
+        if (addButton === null)
+            return;
+        // 顺序、尺寸和间距都取自添加附件按钮所在的工具栏行，三者共用一个 flex 布局。
+        const order = applyQuickPhraseOrder({ trigger: root, addButton });
+        const positioningParent = findPositioningParent(root);
+        const update = () => {
+            const addRect = addButton.getBoundingClientRect();
+            const nextSize = addRect.width > 0 && addRect.height > 0
+                ? { width: addRect.width, height: addRect.height }
+                : { width: QUICK_PHRASE_FALLBACK_SIZE, height: QUICK_PHRASE_FALLBACK_SIZE };
+            setTriggerSize((current) => (current.width === nextSize.width && current.height === nextSize.height ? current : nextSize));
+            const iconRect = addButton.querySelector('svg')?.getBoundingClientRect();
+            const nextIconSize = iconRect !== undefined && iconRect.width > 0 ? iconRect.width : QUICK_PHRASE_FALLBACK_ICON_SIZE;
+            setIconSize((current) => (current === nextIconSize ? current : nextIconSize));
+            const nextMargin = readQuickPhraseMargin(order.container);
+            setTriggerMargin((current) => (current === nextMargin ? current : nextMargin));
+            const parentRect = positioningParent?.getBoundingClientRect();
+            const nextBounds = { left: parentRect?.left ?? 0, width: parentRect?.width ?? window.innerWidth };
+            setMessageAreaBounds((current) => (current !== null && current.left === nextBounds.left && current.width === nextBounds.width ? current : nextBounds));
+        };
+        update();
+        const observer = typeof globalThis.ResizeObserver === 'function'
+            ? new globalThis.ResizeObserver(update)
+            : undefined;
+        observer?.observe(addButton);
+        // 工具栏宽度变化会切换宿主的容器查询 gap，间距要跟着重算。
+        if (order.container !== null)
+            observer?.observe(order.container);
+        window.addEventListener('resize', update);
+        document.addEventListener('scroll', update, true);
+        return () => {
+            observer?.disconnect();
+            window.removeEventListener('resize', update);
+            document.removeEventListener('scroll', update, true);
+            order.dispose();
+        };
+    }, [draft.length === 0]);
+    const persistPhrases = (next) => {
+        setPhrases(next);
+        setSaving(true);
+        void props.settings.mutate([{
+                op: 'set',
+                path: ['workspaceSessionEnhancement', 'quickPhrases'],
+                value: next,
+            }, {
+                op: 'set',
+                path: ['workspaceSessionEnhancement', 'quickPhrasesSeeded'],
+                value: true,
+            }]).then((accepted) => setSaveError(!accepted)).catch(() => setSaveError(true)).finally(() => setSaving(false));
+    };
+    const addPhrase = () => {
+        const text = newPhrase.trim();
+        if (text === '' || saving)
+            return;
+        const id = typeof globalThis.crypto?.randomUUID === 'function'
+            ? globalThis.crypto.randomUUID()
+            : `quick-${Date.now()}-${Math.random().toString(36).slice(2)}`;
+        persistPhrases([...phrases, { id, text }]);
+        setNewPhrase('');
+        setAddOpen(false);
+    };
+    const removePhrase = (id) => {
+        if (!saving)
+            persistPhrases(phrases.filter((phrase) => phrase.id !== id));
+    };
+    const movePhrase = (fromId, toId) => {
+        if (fromId === toId || saving)
+            return;
+        const from = phrases.findIndex((phrase) => phrase.id === fromId);
+        const to = phrases.findIndex((phrase) => phrase.id === toId);
+        if (from < 0 || to < 0)
+            return;
+        const next = [...phrases];
+        const [moved] = next.splice(from, 1);
+        if (moved === undefined)
+            return;
+        next.splice(to, 0, moved);
+        persistPhrases(next);
+    };
+    const enabled = props.settings.getSnapshot().value?.workspaceSessionEnhancement?.showQuickPhrases
+        ?? true;
+    if (!enabled || draft.length > 0) {
+        return null;
+    }
+    const openAddDialog = () => {
+        setNewPhrase('');
+        setAddOpen(true);
+    };
+    return createElement('div', {
+        ref: quickPhraseRootRef,
+        // 负外边距把工具栏 gap 收窄到一半，两侧对称，不覆盖相邻控件。
+        style: { ...quickPhraseRootStyle, marginLeft: triggerMargin, marginRight: triggerMargin },
+    }, createElement('button', {
+        type: 'button',
+        'aria-label': t('workspace.quickPhrasesTrigger'),
+        title: t('workspace.quickPhrasesTrigger'),
+        'aria-haspopup': 'dialog',
+        'aria-expanded': open,
+        onClick: () => setOpen((value) => !value),
+        style: { ...quickPhraseTriggerStyle, width: triggerSize.width, height: triggerSize.height },
+    }, createElement('svg', {
+        width: iconSize,
+        height: iconSize,
+        // 收紧到图形自身边界，让 14px 的图标和添加附件按钮的图标视觉尺寸一致。
+        viewBox: '4 4 16 20',
+        fill: 'none',
+        stroke: 'currentColor',
+        strokeWidth: 2,
+        'aria-hidden': true,
+    }, createElement('path', { d: 'M7 8h10' }), createElement('path', { d: 'M7 12h8' }), createElement('path', { d: 'M7 16h5' }), createElement('path', { d: 'M5 5h14v14H9l-4 4V5z' }))), open && createElement('div', {
+        role: 'dialog',
+        'aria-label': t('workspace.quickPhrasesDialogLabel'),
+        'aria-modal': true,
+        style: {
+            ...quickPhraseOverlayStyle,
+            ...(messageAreaBounds === null ? {} : { left: messageAreaBounds.left, right: 'auto', width: messageAreaBounds.width }),
+        },
+        onPointerDown: () => setOpen(false),
+    }, createElement('div', {
+        style: quickPhraseDialogStyle,
+        onPointerDown: (event) => event.stopPropagation(),
+    }, createElement('div', { style: quickPhraseHeaderStyle }, createElement('div', { style: { minWidth: 0 } }, createElement('strong', { style: quickPhraseTitleStyle }, t('workspace.quickPhrasesTitle')), createElement('p', { style: quickPhraseHintStyle }, t('workspace.quickPhrasesHint'))), createElement('div', { style: quickPhraseHeaderActionsStyle }, createElement('button', {
+        type: 'button',
+        'aria-label': t('workspace.quickPhrasesAdd'),
+        title: t('workspace.quickPhrasesAdd'),
+        onClick: openAddDialog,
+        style: quickPhraseIconButtonStyle,
+    }, createElement('svg', { width: 16, height: 16, viewBox: '0 0 24 24', fill: 'none', stroke: 'currentColor', strokeWidth: 2, 'aria-hidden': true }, createElement('path', { d: 'M12 5v14' }), createElement('path', { d: 'M5 12h14' }))), createElement('button', {
+        type: 'button',
+        'aria-label': t('workspace.quickPhrasesClose'),
+        title: t('workspace.quickPhrasesClose'),
+        onClick: () => setOpen(false),
+        style: quickPhraseCloseStyle,
+    }, '×'))), saveError && createElement('div', { role: 'alert', style: quickPhraseSaveErrorStyle }, t('workspace.quickPhrasesSaveFailed')), phrases.length === 0
+        ? createElement('div', { role: 'status', style: quickPhraseEmptyStyle }, t('workspace.quickPhrasesEmpty'))
+        : createElement('div', { style: quickPhraseListStyle }, ...phrases.map((phrase) => createElement('div', {
+            key: phrase.id,
+            draggable: !saving,
+            onDragStart: () => setDraggingId(phrase.id),
+            onDragOver: (event) => event.preventDefault(),
+            onDrop: () => {
+                if (draggingId !== null)
+                    movePhrase(draggingId, phrase.id);
+                setDraggingId(null);
+            },
+            onDragEnd: () => setDraggingId(null),
+            style: { ...quickPhraseItemStyle, ...(draggingId === phrase.id ? quickPhraseDraggingStyle : {}) },
+        }, createElement('button', {
+            type: 'button',
+            onClick: () => {
+                props.inputActions.setDraft(phrase.text);
+                setOpen(false);
+            },
+            style: quickPhraseTextButtonStyle,
+        }, phrase.text), createElement('span', { role: 'img', 'aria-label': t('workspace.quickPhrasesDrag'), title: t('workspace.quickPhrasesDrag'), style: quickPhraseDragHandleStyle }, '⋮⋮'), createElement('button', {
+            type: 'button',
+            disabled: saving,
+            'aria-label': t('workspace.quickPhrasesDelete'),
+            title: t('workspace.quickPhrasesDelete'),
+            onClick: () => removePhrase(phrase.id),
+            style: quickPhraseDeleteStyle,
+        }, '×')))))), addOpen && createElement('div', {
+        role: 'dialog',
+        'aria-label': t('workspace.quickPhrasesAddDialogLabel'),
+        'aria-modal': true,
+        style: {
+            ...quickPhraseEditorOverlayStyle,
+            ...(messageAreaBounds === null ? {} : { left: messageAreaBounds.left, right: 'auto', width: messageAreaBounds.width }),
+        },
+        onPointerDown: (event) => {
+            event.stopPropagation();
+            setAddOpen(false);
+        },
+    }, createElement('div', {
+        style: quickPhraseEditorStyle,
+        onPointerDown: (event) => event.stopPropagation(),
+    }, createElement('div', { style: quickPhraseEditorHeaderStyle }, createElement('strong', { style: quickPhraseTitleStyle }, t('workspace.quickPhrasesAdd')), createElement('button', {
+        type: 'button',
+        'aria-label': t('workspace.quickPhrasesCancel'),
+        title: t('workspace.quickPhrasesCancel'),
+        onClick: () => setAddOpen(false),
+        style: quickPhraseCloseStyle,
+    }, '×')), createElement('input', {
+        type: 'text',
+        value: newPhrase,
+        disabled: saving,
+        autoFocus: true,
+        placeholder: t('workspace.quickPhrasesPlaceholder'),
+        onChange: (event) => setNewPhrase(event.currentTarget.value),
+        onKeyDown: (event) => {
+            if (event.key === 'Enter') {
+                event.preventDefault();
+                addPhrase();
+            }
+        },
+        style: quickPhraseEditorInputStyle,
+    }), createElement('div', { style: quickPhraseEditorActionsStyle }, createElement('button', {
+        type: 'button',
+        onClick: () => setAddOpen(false),
+        style: quickPhraseCancelButtonStyle,
+    }, t('workspace.quickPhrasesCancel')), createElement('button', {
+        type: 'button',
+        disabled: saving || newPhrase.trim() === '',
+        onClick: addPhrase,
+        style: quickPhraseAddButtonStyle,
+    }, t('workspace.quickPhrasesAdd'))))));
+}
+function findAddButton(root) {
+    let scope = root.parentElement;
+    while (scope !== null) {
+        const button = Array.from(scope.querySelectorAll('button.uV2eYG_add'))
+            .find(isVisibleElement) ?? null;
+        if (button !== null)
+            return button;
+        scope = scope.parentElement;
+    }
+    return Array.from(document.querySelectorAll('button.uV2eYG_add'))
+        .find(isVisibleElement) ?? null;
+}
+function findPositioningParent(root) {
+    let current = root.parentElement;
+    while (current !== null) {
+        if (getComputedStyle(current).position !== 'static')
+            return current;
+        current = current.parentElement;
+    }
+    return null;
+}
+function isVisibleElement(element) {
+    const rect = element.getBoundingClientRect();
+    const style = getComputedStyle(element);
+    return rect.width > 0 && rect.height > 0 && style.display !== 'none' && style.visibility !== 'hidden';
+}
+function readQuickPhrases(settings) {
+    const workspaceSettings = settings.getSnapshot().value?.workspaceSessionEnhancement;
+    const value = workspaceSettings?.quickPhrases;
+    if (!Array.isArray(value))
+        return DEFAULT_QUICK_PHRASES;
+    if (value.length === 0 && workspaceSettings?.quickPhrasesSeeded === false)
+        return DEFAULT_QUICK_PHRASES;
+    return value.filter((phrase) => (typeof phrase?.id === 'string' && phrase.id.length > 0
+        && typeof phrase.text === 'string' && phrase.text.length > 0));
+}
+const quickPhraseRootStyle = {
+    // 与 DSH 工具栏同一个 flex 行：靠 order 排在权限组件之前，间距由宿主的 gap 决定。
+    display: 'inline-flex',
+    alignItems: 'center',
+    order: QUICK_PHRASE_TRIGGER_ORDER,
+    flex: '0 0 auto',
+};
+const quickPhraseTriggerStyle = {
+    display: 'inline-flex',
+    alignItems: 'center',
+    justifyContent: 'center',
+    width: QUICK_PHRASE_FALLBACK_SIZE,
+    height: QUICK_PHRASE_FALLBACK_SIZE,
+    flex: '0 0 auto',
+    padding: 0,
+    border: 0,
+    borderRadius: '50%',
+    color: dshThemeColor.labelSecondary,
+    background: 'transparent',
+    cursor: 'pointer',
+};
+const quickPhraseOverlayStyle = {
+    position: 'fixed',
+    inset: 0,
+    zIndex: 1400,
+    display: 'flex',
+    alignItems: 'center',
+    justifyContent: 'center',
+    padding: 20,
+    boxSizing: 'border-box',
+    background: 'transparent',
+};
+const quickPhraseDialogStyle = {
+    ...dshPopupSurfaceStyle,
+    width: 'min(100%, 720px)',
+    maxHeight: 'min(720px, 90vh)',
+    overflow: 'auto',
+    boxSizing: 'border-box',
+    padding: 24,
+    borderRadius: 12,
+};
+const quickPhraseHeaderStyle = { display: 'flex', alignItems: 'flex-start', justifyContent: 'space-between', gap: 16, paddingBottom: 16, borderBottom: `1px solid ${dshThemeColor.border}` };
+const quickPhraseHeaderActionsStyle = { display: 'flex', alignItems: 'center', gap: 8, flex: '0 0 auto' };
+const quickPhraseTitleStyle = { display: 'block', color: dshThemeColor.labelPrimary, fontSize: 20, lineHeight: 1.3 };
+const quickPhraseHintStyle = { margin: '6px 0 0', color: dshThemeColor.labelSecondary, fontSize: 13, lineHeight: 1.5 };
+const quickPhraseCloseStyle = { width: 32, height: 32, flex: '0 0 auto', border: 0, borderRadius: 16, color: dshThemeColor.labelSecondary, background: dshThemeColor.surfaceSubtle, fontSize: 24, lineHeight: 1, cursor: 'pointer' };
+const quickPhraseIconButtonStyle = { width: 32, height: 32, display: 'inline-flex', alignItems: 'center', justifyContent: 'center', padding: 0, border: 0, borderRadius: 8, color: dshThemeColor.labelSecondary, background: dshThemeColor.surfaceSubtle, cursor: 'pointer' };
+const quickPhraseEditorOverlayStyle = { ...quickPhraseOverlayStyle, zIndex: 1410, background: 'transparent' };
+const quickPhraseEditorStyle = { ...dshPopupSurfaceStyle, width: 'min(100%, 520px)', boxSizing: 'border-box', padding: 24, borderRadius: 12 };
+const quickPhraseEditorHeaderStyle = { display: 'flex', alignItems: 'center', justifyContent: 'space-between', gap: 16, paddingBottom: 16, borderBottom: `1px solid ${dshThemeColor.border}` };
+const quickPhraseEditorInputStyle = { width: '100%', minHeight: 92, marginTop: 16, boxSizing: 'border-box', padding: '10px 12px', border: `1px solid ${dshThemeColor.border}`, borderRadius: 8, color: dshThemeColor.labelPrimary, background: dshThemeColor.inputBackground, fontSize: 14, lineHeight: 1.5, resize: 'vertical' };
+const quickPhraseEditorActionsStyle = { display: 'flex', justifyContent: 'flex-end', gap: 8, paddingTop: 16 };
+const quickPhraseCancelButtonStyle = { minHeight: 36, padding: '8px 14px', border: `1px solid ${dshThemeColor.border}`, borderRadius: 8, color: dshThemeColor.labelPrimary, background: 'transparent', fontSize: 13, cursor: 'pointer' };
+const quickPhraseAddButtonStyle = { flex: '0 0 auto', minHeight: 36, padding: '8px 14px', border: 0, borderRadius: 8, color: dshThemeColor.switchThumb, background: dshThemeColor.accent, fontSize: 13, cursor: 'pointer' };
+const quickPhraseListStyle = { display: 'flex', flexDirection: 'column', gap: 8, paddingTop: 16 };
+const quickPhraseItemStyle = { display: 'flex', alignItems: 'center', gap: 8, width: '100%', minHeight: 48, padding: '7px 8px 7px 14px', boxSizing: 'border-box', border: `1px solid ${dshThemeColor.border}`, borderRadius: 8, color: dshThemeColor.labelPrimary, background: dshThemeColor.surfaceSubtle };
+const quickPhraseDraggingStyle = { opacity: 0.55, borderColor: dshThemeColor.accent };
+const quickPhraseTextButtonStyle = { flex: '1 1 auto', minWidth: 0, padding: 0, border: 0, color: dshThemeColor.labelPrimary, background: 'transparent', textAlign: 'left', fontSize: 13, lineHeight: 1.5, cursor: 'pointer', overflowWrap: 'anywhere' };
+const quickPhraseDragHandleStyle = { flex: '0 0 24px', color: dshThemeColor.labelTertiary, textAlign: 'center', fontSize: 18, lineHeight: 1, cursor: 'grab', userSelect: 'none' };
+const quickPhraseDeleteStyle = { width: 30, height: 30, flex: '0 0 30px', padding: 0, border: 0, borderRadius: 8, color: dshThemeColor.error, background: 'transparent', fontSize: 20, lineHeight: 1, cursor: 'pointer' };
+const quickPhraseSaveErrorStyle = { color: dshThemeColor.error, fontSize: 12, lineHeight: 1.4 };
+const quickPhraseEmptyStyle = { padding: '28px 0 10px', color: dshThemeColor.labelSecondary, textAlign: 'center', fontSize: 13 };
+//# sourceMappingURL=quick-phrase-slot.js.map

package/data/build/dist/client/remote-web-context.js

@@ -348,7 +348,7 @@ export class RemoteDshWebContext {
 }
 function createBridgeScript() {
     return `(() => {
-    // 远程 DSH Web 已经运行在外层 DSH-Codingns4DSH Tunnel 内。
+    // 远程 DSH Web 已经运行在外层 Codingns4DSH Tunnel 内。
     // 内嵌的 codingns4dsh Client 仍需加载其插件代码和界面，但不能再次启动
     // 自己的 Relay/WebRTC，否则会把信令 WebSocket 当成本地 DSH Web 路径转发，
     // 形成递归连接并持续触发 /signaling/signal 失败。

package/data/build/dist/client/settings-bridge.d.ts

@@ -1,13 +1,14 @@
-import type { SettingsScope, SettingsScopeSnapshot } from '@deepseek-ai/dsh-client-ui-settings/client';
+import type { SettingsScope } from '@deepseek-ai/dsh-client-ui-settings/client';
 import type { CodingNsSettings } from '../shared/contracts/config.js';
 import type { CodingNsRpcClient } from './features/types.js';
+import type { CodingNsSettingsSnapshot, CodingNsSettingsStore } from '../dsh-capabilities/settings-store.js';
 type SettingsMutation = Parameters<SettingsScope<CodingNsSettings>['mutate']>[0];
 type SnapshotListener = () => void;
 /**
  * 把 DSH 本地设置和远程 Host 设置 RPC 统一成一个设置作用域。
  * 非回环页面使用 RPC，回环页面完全复用 DSH 的原生设置传输。
  */
-export declare class CodingNsSettingsBridge implements SettingsScope<CodingNsSettings> {
+export declare class CodingNsSettingsBridge implements CodingNsSettingsStore<CodingNsSettings> {
     private readonly local;
     private readonly rpc;
     private snapshot;
@@ -16,17 +17,19 @@ export declare class CodingNsSettingsBridge implements SettingsScope<CodingNsSet
     private remoteLoad;
     private remoteLoaded;
     constructor(local: SettingsScope<CodingNsSettings>, rpc: CodingNsRpcClient);
-    getSnapshot(): SettingsScopeSnapshot<CodingNsSettings>;
+    getSnapshot(): CodingNsSettingsSnapshot<CodingNsSettings>;
     subscribe(listener: SnapshotListener): () => void;
     load(): Promise<void>;
-    set(field: string, value: unknown): Promise<void>;
-    unset(field: string): Promise<void>;
-    mutate(ops: SettingsMutation, expectedRevision?: number): Promise<void>;
+    set(field: string, value: unknown): Promise<boolean>;
+    unset(field: string): Promise<boolean>;
+    mutate(ops: SettingsMutation, expectedRevision?: number): Promise<boolean>;
     dispose(): void;
     private call;
     private publish;
     private isRemote;
 }
+/** 调用 Codingns4DSH Host RPC，并兼容 DSH 原生连接与普通 Web API 回退。 */
+export declare function callCodingNsRpc<T>(rpc: CodingNsRpcClient, endpoint: string, payload: unknown): Promise<T>;
 export declare function createCodingNsSettingsBridge(local: SettingsScope<CodingNsSettings>, rpc: CodingNsRpcClient): CodingNsSettingsBridge;
 export {};
 //# sourceMappingURL=settings-bridge.d.ts.map