@jingyi0605/codingns4dsh 0.1.0

package/data/build/dist/client/terminal/ui.js

@@ -0,0 +1,257 @@
+import { createElement, Fragment, useEffect, useLayoutEffect, useRef, useState, useSyncExternalStore, } from 'react';
+import { Button, IconChevronDownOutline14, Menu, } from '@deepseek-ai/dsh-client-ui-primitives';
+import { CodingNsWebTerminals } from './model.js';
+import { installTerminalStyles, terminalClass } from './styles.js';
+import { CodingNsXtermView } from './xterm-view.js';
+import { codingNsTranslator, useCodingNsTranslator } from '../locale.js';
+export const TERMINAL_PROVIDER_ID = 'codingns4dsh/terminal';
+export const TERMINAL_KIND = 'terminal';
+/** 注册终端类型及其所有公开 Sidebar Slot。 */
+export function registerCodingNsTerminalUi(ctx, webTerminals, settings) {
+    const disposers = [];
+    const t = codingNsTranslator(ctx.locale);
+    const theme = {
+        getSnapshot: () => ctx.theme.getTheme().revision,
+        subscribe: (listener) => ctx.on('theme/change', listener),
+    };
+    const sidebarRight = ctx.sidebarRight;
+    const registerCloseHandler = sidebarRight.registerCloseHandler;
+    // alpha2 提供多 Tab 元数据和关闭 API；rc3 没有这些字段，不能直接调用。
+    const legacyCloseFallback = typeof registerCloseHandler !== 'function';
+    const supportsMultiple = typeof ctx.sidebarRight.openTabs !== 'undefined';
+    const guideEntrySlot = ctx.slots.specDynamic?.('sidebar.right.tab.guide.entry') !== undefined;
+    disposers.push(installTerminalStyles());
+    const tabDefinition = {
+        id: TERMINAL_PROVIDER_ID,
+        kind: TERMINAL_KIND,
+        ...(supportsMultiple ? { multiple: true } : {}),
+        priority: 'extension',
+        title: () => t('terminal.title'),
+        guide: [{
+                id: 'new',
+                order: 20,
+                title: () => t('terminal.new'),
+                description: () => t('terminal.description'),
+                icon: TerminalGuideIcon,
+            }],
+    };
+    disposers.push(ctx.sidebarRightTabs.register(tabDefinition));
+    disposers.push(ctx.slots.inject('sidebar.right.pane.tab', () => ctx.slots.register({
+        name: 'sidebar.right.pane.tab', key: TERMINAL_PROVIDER_ID,
+        inject: () => ({ webTerminals, settings, theme, locale: ctx.locale, legacyCloseFallback }),
+    }, TerminalBody)));
+    disposers.push(ctx.slots.inject('sidebar.right.pane.tab.title', () => ctx.slots.register({
+        name: 'sidebar.right.pane.tab.title', key: TERMINAL_PROVIDER_ID,
+        inject: () => ({ webTerminals, locale: ctx.locale }),
+    }, TerminalTitle)));
+    if (guideEntrySlot)
+        disposers.push(ctx.slots.inject('sidebar.right.tab.guide.entry', () => ctx.slots.register({
+            name: 'sidebar.right.tab.guide.entry', key: TERMINAL_PROVIDER_ID,
+            inject: () => ({ webTerminals, locale: ctx.locale }),
+        }, TerminalGuide)));
+    disposers.push(ctx.slots.inject('shell.overlay', () => ctx.slots.register({
+        name: 'shell.overlay', id: 'codingns4dsh-terminal-cleanup', order: 1000,
+        inject: () => ({ webTerminals, locale: ctx.locale }),
+    }, TerminalCleanup)));
+    if (typeof registerCloseHandler === 'function')
+        disposers.push(registerCloseHandler.call(ctx.sidebarRight, TERMINAL_KIND, (sessionId, tab) => {
+            const params = navigationParams(tab);
+            webTerminals.close(String(sessionId), String(tab.id), tab.contentId, params.terminalId);
+        }));
+    return () => { for (const dispose of disposers.reverse())
+        dispose(); };
+}
+function TerminalBody({ sessionId, useTabInfo, webTerminals, settings, theme, legacyCloseFallback }) {
+    const info = useTabInfo();
+    const params = terminalParams(info);
+    const view = webTerminals.view(String(sessionId), String(info.tab.id), info.tab.contentId, params.terminalId, params.shellPath);
+    const themeRevision = useSyncExternalStore(theme.subscribe, theme.getSnapshot);
+    useEffect(() => info.tab.visible ? view.mount() : undefined, [info.tab.visible, view]);
+    useEffect(() => {
+        if (!legacyCloseFallback)
+            return;
+        // rc3 没有显式关闭回调，只能利用 Tab 被移除时的 signal 回收对应 Host 终端。
+        const close = () => {
+            const nextParams = navigationParams(info.tab);
+            webTerminals.close(String(sessionId), String(info.tab.id), info.tab.contentId, nextParams.terminalId);
+        };
+        if (info.tab.signal.aborted)
+            close();
+        else
+            info.tab.signal.addEventListener('abort', close, { once: true });
+        return () => info.tab.signal.removeEventListener('abort', close);
+    }, [legacyCloseFallback, info.tab, sessionId, webTerminals]);
+    return info.tab.visible ? createElement(CodingNsXtermView, {
+        view,
+        settings,
+        themeRevision,
+        onNewTerminal: () => info.tab.actions.openTab(TERMINAL_KIND, { replaceTab: true }),
+    }) : null;
+}
+function TerminalTitle({ sessionId, useTabInfo, webTerminals, locale }) {
+    const t = useCodingNsTranslator(locale);
+    const info = useTabInfo();
+    const params = terminalParams(info);
+    const view = webTerminals.view(String(sessionId), String(info.tab.id), info.tab.contentId, params.terminalId, params.shellPath);
+    const state = useSyncExternalStore(view.state.subscribe.bind(view.state), view.state.getSnapshot.bind(view.state));
+    const [editing, setEditing] = useState(false);
+    const [title, setTitle] = useState(state.title);
+    const input = useRef(null);
+    useEffect(() => { if (!editing)
+        setTitle(state.title); }, [editing, state.title]);
+    useLayoutEffect(() => {
+        if (!editing)
+            return;
+        input.current?.focus();
+        input.current?.select();
+    }, [editing]);
+    const beginEditing = (event) => {
+        event.stopPropagation();
+        if (event.detail === undefined || event.detail >= 2)
+            setEditing(true);
+    };
+    return createElement(Fragment, undefined, createElement(TerminalIcon), editing
+        ? createElement('input', {
+            ref: input,
+            value: title,
+            maxLength: 120,
+            'aria-label': t('terminal.title'),
+            className: terminalClass.titleInput,
+            onPointerDown: stopPropagation,
+            onClick: stopPropagation,
+            onDoubleClick: stopPropagation,
+            onChange: (event) => setTitle(event.currentTarget.value),
+            onBlur: () => { setEditing(false); void view.rename(title); },
+            onKeyDown: (event) => {
+                event.stopPropagation();
+                if (event.key === 'Escape') {
+                    setTitle(state.title);
+                    event.currentTarget.blur();
+                }
+                else if (event.key === 'Enter')
+                    event.currentTarget.blur();
+            },
+        })
+        : createElement('span', {
+            className: terminalClass.title,
+            onPointerDown: stopPropagation,
+            onMouseDown: stopPropagation,
+            onClick: beginEditing,
+            onDoubleClick: beginEditing,
+            title: t('terminal.rename'),
+        }, state.title));
+}
+function TerminalGuide({ sessionId, useTabInfo, webTerminals, title, description, locale }) {
+    const t = useCodingNsTranslator(locale);
+    const info = useTabInfo();
+    const [open, setOpen] = useState(false);
+    const [attempt, setAttempt] = useState(0);
+    const [state, setState] = useState({ phase: 'loading' });
+    useEffect(() => {
+        if (!open)
+            return;
+        const controller = new AbortController();
+        void webTerminals.launchShells(String(sessionId), controller.signal).then((result) => {
+            if (controller.signal.aborted)
+                return;
+            setState({
+                phase: 'ready',
+                shells: result.shells,
+                ...(result.selectedShell === undefined ? {} : { selected: result.selectedShell }),
+            });
+        }).catch((cause) => {
+            if (!controller.signal.aborted)
+                setState({ phase: 'failed', message: messageOf(cause) });
+        });
+        return () => controller.abort();
+    }, [open, attempt, sessionId, webTerminals]);
+    return createElement('div', {
+        className: terminalClass.guideEntry,
+        'data-sidebar-right-guide-entry': TERMINAL_KIND,
+    }, createElement(Button, {
+        variant: 'ghost',
+        className: terminalClass.guideMain,
+        onClick: () => info.tab.actions.openTab(TERMINAL_KIND, { replaceTab: true }),
+    }, createElement(TerminalGuideIcon, { size: description === undefined ? 22 : 26, className: terminalClass.guideIcon }), createElement('span', { className: terminalClass.guideText }, createElement('span', { className: terminalClass.guideTitle }, title), description === undefined ? null : createElement('span', { className: terminalClass.guideDescription }, description))), createElement(Menu, {
+        open,
+        portal: true,
+        autoFocus: true,
+        align: 'end',
+        className: terminalClass.guideMenu,
+        items: shellMenuItems(state, t),
+        ...(state.phase === 'ready' && state.selected !== undefined ? { selectedId: state.selected } : {}),
+        onClose: () => setOpen(false),
+        onSelect: (path) => {
+            if (state.phase === 'failed') {
+                setState({ phase: 'loading' });
+                setAttempt((value) => value + 1);
+                return;
+            }
+            if (state.phase !== 'ready')
+                return;
+            webTerminals.selectShell(path);
+            setOpen(false);
+            info.tab.actions.openTab(TERMINAL_KIND, { params: { shellPath: path }, replaceTab: true });
+        },
+        anchor: createElement(Button, {
+            variant: 'ghost',
+            className: terminalClass.guideTrigger,
+            'aria-label': t('terminal.selectShell'),
+            'aria-haspopup': 'menu',
+            'aria-expanded': open,
+            onClick: () => { setState({ phase: 'loading' }); setOpen((value) => !value); },
+        }, createElement(IconChevronDownOutline14)),
+    }));
+}
+function shellMenuItems(state, t) {
+    if (state.phase === 'loading')
+        return [{ id: 'loading', label: t('terminal.loadingShell'), disabled: true }];
+    if (state.phase === 'failed')
+        return [
+            { id: 'error', label: `${t('terminal.error')}: ${state.message}`, disabled: true },
+            { id: 'retry', label: t('terminal.retry') },
+        ];
+    if (state.shells.length === 0)
+        return [{ id: 'empty', label: t('terminal.noShell'), disabled: true }];
+    return state.shells.map((shell) => ({ id: shell.path, label: shell.name }));
+}
+function TerminalCleanup({ webTerminals, locale }) {
+    const t = useCodingNsTranslator(locale);
+    const failures = useSyncExternalStore(webTerminals.closeFailures.subscribe.bind(webTerminals.closeFailures), webTerminals.closeFailures.getSnapshot.bind(webTerminals.closeFailures));
+    if (failures.length === 0)
+        return null;
+    return createElement('div', { className: terminalClass.cleanupStack }, ...failures.map((failure) => createElement('div', {
+        key: String(failure.id),
+        className: terminalClass.cleanupNotice,
+        role: 'alert',
+    }, createElement('span', undefined, t('terminal.cleanupFailed', { title: failure.title, message: failure.message })), createElement('button', { type: 'button', onClick: () => webTerminals.retryClose(failure.id) }, t('terminal.retry')))));
+}
+function terminalParams(info) {
+    const params = info.tab.navigation.params;
+    return typeof params === 'object' && params !== null ? params : {};
+}
+function navigationParams(tab) {
+    const params = tab.navigation?.params;
+    return typeof params === 'object' && params !== null ? params : {};
+}
+function messageOf(value) { return value instanceof Error ? value.message : String(value); }
+function stopPropagation(event) { event.stopPropagation(); }
+function TerminalIcon() {
+    return createElement('svg', { width: 16, height: 16, viewBox: '0 0 16 16', fill: 'none', 'aria-hidden': true }, createElement('path', {
+        d: 'm3 4 4 4-4 4M9 12h4',
+        stroke: 'currentColor',
+        strokeWidth: 1.5,
+        strokeLinecap: 'round',
+        strokeLinejoin: 'round',
+    }));
+}
+function TerminalGuideIcon({ size = 26, className }) {
+    return createElement('svg', { width: size, height: size, className, viewBox: '0 0 28 28', fill: 'none', 'aria-hidden': true }, createElement('rect', { x: 3, y: 5, width: 22, height: 19, rx: 3, fill: '#17191d' }), createElement('path', {
+        d: 'm8 10 4 4-4 4M15 18h5',
+        stroke: '#fff',
+        strokeWidth: 1.7,
+        strokeLinecap: 'round',
+        strokeLinejoin: 'round',
+    }));
+}
+//# sourceMappingURL=ui.js.map

package/data/build/dist/client/terminal/xterm-view.d.ts

@@ -0,0 +1,13 @@
+import type { ReactElement } from 'react';
+import type { SettingsScope } from '@deepseek-ai/dsh-client-ui-settings/client';
+import { type CodingNsSettings } from '../../shared/contracts/config.js';
+import type { CodingNsTerminalView } from './model.js';
+export interface CodingNsXtermViewProps {
+    readonly view: CodingNsTerminalView;
+    readonly settings: SettingsScope<CodingNsSettings>;
+    readonly themeRevision: number;
+    readonly onNewTerminal: () => void;
+}
+/** 使用与 DSH 内置终端相同的布局、状态条和 xterm 默认参数。 */
+export declare function CodingNsXtermView({ view, settings, themeRevision, onNewTerminal, }: CodingNsXtermViewProps): ReactElement;
+//# sourceMappingURL=xterm-view.d.ts.map

package/data/build/dist/client/terminal/xterm-view.js

@@ -0,0 +1,213 @@
+import { createElement, useEffect, useRef, useSyncExternalStore } from 'react';
+import { Button, IconPlusOutline16 } from '@deepseek-ai/dsh-client-ui-primitives';
+import { FitAddon } from '@xterm/addon-fit';
+import { Terminal } from '@xterm/xterm';
+import xtermCss from '@xterm/xterm/css/xterm.css';
+import { DEFAULT_TERMINAL_ENHANCEMENT_SETTINGS, } from '../../shared/contracts/config.js';
+import { terminalClass } from './styles.js';
+/** 使用与 DSH 内置终端相同的布局、状态条和 xterm 默认参数。 */
+export function CodingNsXtermView({ view, settings, themeRevision, onNewTerminal, }) {
+    const hostRef = useRef(null);
+    const terminalRef = useRef(null);
+    const fitRef = useRef(null);
+    const lastRevision = useRef(0);
+    const state = useSyncExternalStore(view.state.subscribe.bind(view.state), view.state.getSnapshot.bind(view.state));
+    const settingsSnapshot = useSyncExternalStore(settings.subscribe.bind(settings), settings.getSnapshot.bind(settings));
+    const appearance = settingsSnapshot.value?.terminalEnhancement.appearance
+        ?? DEFAULT_TERMINAL_ENHANCEMENT_SETTINGS.appearance;
+    const hasTerminal = state.info !== undefined;
+    useEffect(() => {
+        const host = hostRef.current;
+        if (host === null || !hasTerminal)
+            return;
+        const root = host.shadowRoot ?? host.attachShadow({ mode: 'open' });
+        const style = document.createElement('style');
+        style.textContent = shadowCss;
+        const container = document.createElement('div');
+        container.className = 'codingns-xterm';
+        root.replaceChildren(style, container);
+        const terminal = new Terminal(terminalOptions(appearance, host, state.environment?.scrollback ?? 0, !state.writable));
+        const fit = new FitAddon();
+        terminal.loadAddon(fit);
+        terminal.open(container);
+        terminal.textarea?.setAttribute('aria-label', '终端');
+        terminalRef.current = terminal;
+        fitRef.current = fit;
+        lastRevision.current = 0;
+        const input = terminal.onData((data) => view.write(data));
+        // 调试终端由 Host 预设“配置名(终端类型)”标题；Shell 启动时通常会发一个 zsh 等默认标题，不能覆盖它。
+        const preserveHostTitle = state.info !== undefined && state.info.title !== state.info.shell.name;
+        const title = terminal.onTitleChange((value) => {
+            if (!preserveHostTitle)
+                void view.rename(value);
+        });
+        const measure = () => {
+            if (!state.writable || host.clientWidth === 0 || host.clientHeight === 0)
+                return;
+            fitTerminal(terminal, fit, view);
+        };
+        const resize = new ResizeObserver(measure);
+        resize.observe(host);
+        measure();
+        return () => {
+            resize.disconnect();
+            input.dispose();
+            title.dispose();
+            terminal.dispose();
+            terminalRef.current = null;
+            fitRef.current = null;
+            root.replaceChildren();
+        };
+    }, [hasTerminal, view]);
+    useEffect(() => {
+        const terminal = terminalRef.current;
+        const host = hostRef.current;
+        if (terminal === null || host === null)
+            return;
+        applyAppearance(terminal, appearance, host, state.environment?.scrollback ?? 0);
+        terminal.options.disableStdin = !state.writable;
+        if (state.writable && host.clientWidth > 0 && host.clientHeight > 0) {
+            fitTerminal(terminal, fitRef.current, view);
+            terminal.focus();
+        }
+        else if (state.info !== undefined) {
+            terminal.resize(state.info.cols, state.info.rows);
+        }
+    }, [
+        appearance,
+        state.environment?.scrollback,
+        state.info?.cols,
+        state.info?.rows,
+        state.writable,
+        themeRevision,
+        view,
+    ]);
+    useEffect(() => {
+        const terminal = terminalRef.current;
+        const render = state.render;
+        if (terminal === null || render === undefined || render.revision <= lastRevision.current)
+            return;
+        lastRevision.current = render.revision;
+        if (render.frame.type === 'snapshot') {
+            terminal.reset();
+            terminal.resize(render.frame.info.cols, render.frame.info.rows);
+        }
+        const data = render.frame.type === 'snapshot' ? render.frame.screen : render.frame.data;
+        terminal.write(data, () => view.acknowledge(render.revision));
+    }, [state.render, view]);
+    return createElement('section', {
+        className: terminalClass.root,
+        'data-sidebar-terminal': true,
+    }, createElement(TerminalStatus, { state, view, onNewTerminal }), hasTerminal ? createElement('div', { className: terminalClass.screen }, createElement('div', { ref: hostRef, style: terminalHostStyle })) : null, state.error === undefined || state.phase === 'disconnected'
+        ? null
+        : createElement('p', { className: terminalClass.error, role: 'alert' }, `终端错误：${state.error}`));
+}
+function TerminalStatus({ state, view, onNewTerminal, }) {
+    const status = statusText(state);
+    const ended = state.info?.state === 'exited' || state.phase === 'closed';
+    const retry = !ended && (state.phase === 'failed' || state.phase === 'disconnected');
+    const readOnly = state.phase === 'connected' && state.info?.state === 'running' && !state.writable;
+    if (status === undefined && !retry && !readOnly)
+        return null;
+    return createElement('div', { className: terminalClass.status, role: 'status' }, status, readOnly ? '此页面当前只读。' : null, retry ? createElement(Button, {
+        variant: 'outline',
+        size: 'sm',
+        onClick: () => { void view.refresh(); },
+    }, state.phase === 'disconnected' ? '重新连接' : '重试') : null, ended ? createElement(Button, {
+        variant: 'primary',
+        size: 'sm',
+        icon: createElement(IconPlusOutline16),
+        onClick: onNewTerminal,
+    }, '新建终端') : null);
+}
+function statusText(state) {
+    if (state.phase === 'idle' || state.phase === 'loading')
+        return '正在读取终端环境…';
+    if (state.phase === 'creating')
+        return '正在启动…';
+    if (state.phase === 'connecting')
+        return '正在连接…';
+    if (state.phase === 'disconnected')
+        return '连接已断开。';
+    if (state.info?.state === 'exited')
+        return `进程已退出（${state.info.exitCode ?? '—'}）`;
+    if (state.info?.state === 'failed')
+        return '不可用';
+    if (state.phase === 'closed')
+        return '终端已关闭。';
+    return undefined;
+}
+function terminalOptions(appearance, host, scrollback, disableStdin) {
+    const computed = getComputedStyle(host);
+    return {
+        allowProposedApi: false,
+        convertEol: false,
+        disableStdin,
+        minimumContrastRatio: 4.5,
+        fontFamily: appearance.fontFamily ?? 'ui-monospace, SFMono-Regular, Menlo, Consolas, monospace',
+        fontSize: appearance.fontSize ?? 13,
+        lineHeight: appearance.lineHeight ?? 1,
+        cursorStyle: appearance.cursorStyle ?? 'block',
+        cursorBlink: appearance.cursorBlink ?? true,
+        scrollback: appearance.scrollback ?? scrollback,
+        theme: terminalTheme(appearance, computed),
+    };
+}
+function applyAppearance(terminal, appearance, host, scrollback) {
+    const next = terminalOptions(appearance, host, scrollback, terminal.options.disableStdin ?? false);
+    terminal.options.fontFamily = next.fontFamily;
+    terminal.options.fontSize = next.fontSize;
+    terminal.options.lineHeight = next.lineHeight;
+    terminal.options.cursorStyle = next.cursorStyle;
+    terminal.options.cursorBlink = next.cursorBlink;
+    terminal.options.scrollback = next.scrollback;
+    terminal.options.minimumContrastRatio = next.minimumContrastRatio;
+    terminal.options.theme = next.theme;
+}
+function terminalTheme(appearance, computed) {
+    const custom = appearance.theme === 'custom';
+    const background = custom
+        ? appearance.background ?? '#111111'
+        : visibleColor(computed.backgroundColor, '#111111');
+    const foreground = custom
+        ? appearance.foreground ?? '#f3f3f3'
+        : visibleColor(computed.color, '#f3f3f3');
+    const cursor = custom
+        ? appearance.cursorColor ?? foreground
+        : foreground;
+    return {
+        background,
+        foreground,
+        cursor,
+        cursorAccent: background,
+        selectionBackground: foreground,
+        selectionForeground: background,
+        selectionInactiveBackground: foreground,
+    };
+}
+function fitTerminal(terminal, fit, view) {
+    const dimensions = fit?.proposeDimensions();
+    if (dimensions === undefined)
+        return;
+    terminal.resize(dimensions.cols, dimensions.rows);
+    view.resize(dimensions.cols, dimensions.rows);
+}
+function visibleColor(value, fallback) {
+    const normalized = value.trim();
+    return normalized === '' || normalized === 'rgba(0, 0, 0, 0)' ? fallback : normalized;
+}
+const terminalHostStyle = {
+    width: '100%',
+    height: '100%',
+    minWidth: 0,
+    minHeight: 0,
+    color: 'var(--dsw-alias-label-primary)',
+    background: 'var(--dsw-alias-bg-base)',
+};
+const shadowCss = `${xtermCss}
+:host{display:block;width:100%;height:100%;min-width:0;min-height:0;color:inherit;background:inherit}
+.codingns-xterm{width:100%;height:100%}
+.xterm{height:100%}
+.xterm-viewport{background:var(--dsw-alias-bg-base)}
+`;
+//# sourceMappingURL=xterm-view.js.map

package/data/build/dist/client/theme.d.ts

@@ -0,0 +1,56 @@
+import type { CSSProperties } from 'react';
+/**
+ * DSH 0.1.6 暴露的主题令牌。
+ *
+ * 回退值只服务于独立测试或宿主尚未加载主题的瞬间；正常运行时由 DSH 的明暗
+ * 主题覆盖。所有表单表面必须同时设置背景和前景，避免再次出现白底白字。
+ */
+export declare const dshThemeColor: {
+    readonly labelPrimary: "var(--dsw-alias-label-primary, CanvasText)";
+    readonly labelSecondary: "var(--dsw-alias-label-secondary, GrayText)";
+    readonly labelTertiary: "var(--dsw-alias-label-tertiary, GrayText)";
+    readonly labelCaption: "var(--dsw-alias-label-caption, GrayText)";
+    readonly border: "var(--dsw-alias-border-l2, #d9d9d9)";
+    readonly inputBackground: "var(--dsw-specific-input-major, Canvas)";
+    readonly surfaceSubtle: "var(--dsw-alias-bg-secondary, rgba(127, 127, 127, 0.06))";
+    readonly buttonBackground: "var(--dsw-alias-button-elevated-fill, transparent)";
+    readonly menuBackground: "var(--dsw-specific-menu, Canvas)";
+    readonly pageBackground: "var(--dsw-alias-bg-primary, Canvas)";
+    readonly overlay: "var(--dsw-alias-bg-mask-1, rgba(0, 0, 0, 0.45))";
+    readonly accent: "var(--dsw-alias-button-info-fill, #1677ff)";
+    readonly success: "var(--dsw-alias-state-success-primary, #16803c)";
+    readonly error: "var(--dsw-alias-state-error-primary, #b42318)";
+    readonly switchThumb: "var(--dsw-static-neutral-00, #fff)";
+    readonly prominentShadow: "var(--dsw-elevation-prominent, 0 12px 40px rgba(0, 0, 0, 0.25))";
+    readonly subtleShadow: "var(--dsw-elevation-l1, 0 1px 2px rgba(0, 0, 0, 0.06))";
+};
+/** 设置模块根节点显式接入 DSH 的主文字色。 */
+export declare const dshFormRootStyle: CSSProperties;
+/** input、select 和 textarea 共用的主题表面。 */
+export declare const dshFieldStyle: CSSProperties;
+/** 普通表单按钮共用的主题表面。 */
+export declare const dshButtonStyle: CSSProperties;
+/** Codingns4DSH 设置页共享外壳：保持紧凑宽度，避免挤压宿主设置导航。 */
+export declare const dshSettingsPageStyle: CSSProperties;
+/** 设置页标题区，使用宿主主题颜色而不是独立品牌色。 */
+export declare const dshSettingsHeaderStyle: CSSProperties;
+export declare const dshSettingsTitleStyle: CSSProperties;
+export declare const dshSettingsSubtitleStyle: CSSProperties;
+/** 模块卡片和标题栏共享的结构样式。 */
+export declare const dshSettingsCardStyle: CSSProperties;
+export declare const dshSettingsSummaryStyle: CSSProperties;
+export declare const dshSettingsSummaryTextStyle: CSSProperties;
+export declare const dshSettingsSummaryLabelStyle: CSSProperties;
+export declare const dshSettingsSummaryDescriptionStyle: CSSProperties;
+export declare const dshSettingsBodyStyle: CSSProperties;
+export declare const dshSettingsFieldLabelStyle: CSSProperties;
+export declare const dshSettingsFieldStyle: CSSProperties;
+export declare const dshSettingsButtonStyle: CSSProperties;
+export declare const dshSettingsPrimaryButtonStyle: CSSProperties;
+export declare const dshSettingsRowStyle: CSSProperties;
+export declare const dshSettingsListRowStyle: CSSProperties;
+export declare const dshSettingsHelpStyle: CSSProperties;
+export declare const dshSettingsNoteStyle: CSSProperties;
+/** 模态框和弹出菜单必须成对设置前景色与背景色。 */
+export declare const dshPopupSurfaceStyle: CSSProperties;
+//# sourceMappingURL=theme.d.ts.map