@jingyi0605/codingns4dsh 0.1.0 → 0.1.1

package/data/build/dist/client/features/index.js

@@ -5,6 +5,7 @@ import { cliAdaptersFeature } from './cli-adapters.js';
 import { terminalEnhancementFeature } from './terminal-enhancement.js';
 import { workspaceSessionEnhancementFeature } from './workspace-session-enhancement.js';
 import { debugFeature } from './debug.js';
+import { gitManagementFeature } from '../git-management.js';
 /** Client 侧功能模块清单：新增模块在这里登记一行，不需要改动设置页和入口。 */
 export const CLIENT_FEATURES = [
     lanAccessFeature,
@@ -14,6 +15,7 @@ export const CLIENT_FEATURES = [
     workspaceSessionEnhancementFeature,
     terminalEnhancementFeature,
     debugFeature,
+    gitManagementFeature,
 ];
 /**
  * 汇总需要在设置页显示的模块，按 ui.order 升序。
@@ -33,7 +35,7 @@ export function settingsModules(registry) {
     entries.sort((left, right) => (left.ui.order ?? 0) - (right.ui.order ?? 0));
     return entries;
 }
-export { lanAccessFeature, loginProtectionFeature, reverseProxyFeature, cliAdaptersFeature, workspaceSessionEnhancementFeature, terminalEnhancementFeature, debugFeature };
+export { lanAccessFeature, loginProtectionFeature, reverseProxyFeature, cliAdaptersFeature, workspaceSessionEnhancementFeature, terminalEnhancementFeature, debugFeature, gitManagementFeature };
 export { startBrowserRelayConnection } from './reverse-proxy.js';
 export { LanAccessPanel } from './lan-access-panel.js';
 export { LoginProtectionPanel } from './login-protection-panel.js';

package/data/build/dist/client/features/lan-access-panel.d.ts

@@ -1,5 +1,5 @@
 import type { ReactElement } from 'react';
 import type { FeaturePanelProps } from './types.js';
 /** “局域网访问DSH”设置卡片：只配置一条监听并转发到当前 DSH Web。 */
-export declare function LanAccessPanel({ services, enabled, snapshot: settingsSnapshot }: FeaturePanelProps): ReactElement;
+export declare function LanAccessPanel({ services, enabled, snapshot: settingsSnapshot, notify }: FeaturePanelProps): ReactElement;
 //# sourceMappingURL=lan-access-panel.d.ts.map

package/data/build/dist/client/features/lan-access-panel.js

@@ -3,7 +3,7 @@ import { CODINGNS_RPC_CHANNEL } from '../../shared/contracts/transport.js';
 import { dshFormRootStyle, dshSettingsButtonStyle, dshSettingsFieldLabelStyle, dshSettingsFieldStyle, dshSettingsNoteStyle, dshSettingsPrimaryButtonStyle, dshSettingsRowStyle, dshThemeColor, } from '../theme.js';
 import { useCodingNsTranslator } from '../locale.js';
 /** “局域网访问DSH”设置卡片：只配置一条监听并转发到当前 DSH Web。 */
-export function LanAccessPanel({ services, enabled, snapshot: settingsSnapshot }) {
+export function LanAccessPanel({ services, enabled, snapshot: settingsSnapshot, notify }) {
     const { rpc, settings } = services;
     const t = useCodingNsTranslator(services.locale);
     const [savedSettings, setSavedSettings] = useState();
@@ -17,7 +17,6 @@ export function LanAccessPanel({ services, enabled, snapshot: settingsSnapshot }
     const [detectedDshPorts, setDetectedDshPorts] = useState([]);
     const [snapshot, setSnapshot] = useState(null);
     const [busy, setBusy] = useState(false);
-    const [message, setMessage] = useState('');
     useEffect(() => {
         if (disabled)
             return;
@@ -53,12 +52,11 @@ export function LanAccessPanel({ services, enabled, snapshot: settingsSnapshot }
     }, [savedSettings]);
     const run = async (operation) => {
         setBusy(true);
-        setMessage('');
         try {
             await operation();
         }
         catch (error) {
-            setMessage(error instanceof Error ? error.message : String(error));
+            notify({ kind: 'error', message: error instanceof Error ? error.message : String(error) });
         }
         finally {
             setBusy(false);
@@ -69,7 +67,7 @@ export function LanAccessPanel({ services, enabled, snapshot: settingsSnapshot }
         setDetectedDshPorts(result.ports);
         if (result.ports.length === 1)
             setDshPort(String(result.ports[0]));
-        setMessage(result.ports.length === 0 ? t('lan.detectNone') : t('lan.detected', { ports: result.ports.join('、') }));
+        notify({ kind: 'info', message: result.ports.length === 0 ? t('lan.detectNone') : t('lan.detected', { ports: result.ports.join('、') }) });
     });
     const saveMapping = async (nextAutoStart = autoStart) => {
         const saved = await callRpc(rpc, 'lanAccessDsh/settings/set', readMapping(listenHost, listenPort, dshPort, nextAutoStart));
@@ -79,7 +77,7 @@ export function LanAccessPanel({ services, enabled, snapshot: settingsSnapshot }
         if (!autoStart)
             return;
         void saveMapping().catch((error) => {
-            setMessage(error instanceof Error ? error.message : String(error));
+            notify({ kind: 'error', message: error instanceof Error ? error.message : String(error) });
         });
     };
     const start = () => run(async () => {
@@ -94,22 +92,22 @@ export function LanAccessPanel({ services, enabled, snapshot: settingsSnapshot }
         setSnapshot(current);
         setDshPort(String(current.dshPort));
         setListenPort(String(current.listenPort));
-        setMessage(t('lan.started', { host: current.listenHost, port: current.actualListenPort ?? current.listenPort, dshPort: current.dshPort }));
+        notify({ kind: 'success', message: t('lan.started', { host: current.listenHost, port: current.actualListenPort ?? current.listenPort, dshPort: current.dshPort }) });
     });
     const stop = () => run(async () => {
         await callRpc(rpc, 'lanAccessDsh/stop', {});
         setSnapshot(null);
-        setMessage(t('lan.stopped'));
+        notify({ kind: 'success', message: t('lan.stopped') });
     });
     const toggleAutoStart = () => run(async () => {
         const next = !autoStart;
         await saveMapping(next);
         setAutoStart(next);
-        setMessage(next ? t('lan.autoStartOn') : t('lan.autoStartOff'));
+        notify({ kind: 'success', message: next ? t('lan.autoStartOn') : t('lan.autoStartOff') });
     });
     const fieldStyle = dshSettingsFieldStyle;
     const buttonStyle = dshSettingsButtonStyle;
-    return createElement('div', { 'aria-disabled': controlsDisabled, style: { ...dshFormRootStyle, display: 'flex', flexDirection: 'column', gap: 14, opacity: controlsDisabled ? 0.5 : 1, pointerEvents: controlsDisabled ? 'none' : 'auto' } }, createElement('p', { style: { margin: 0, color: dshThemeColor.labelSecondary, fontSize: 13, lineHeight: 1.5 } }, t('lan.description')), createElement('label', { style: { display: 'flex', flexDirection: 'column', gap: 6 } }, createElement('span', { style: dshSettingsFieldLabelStyle }, t('lan.listenHost')), createElement('select', { value: listenHost, disabled: controlsDisabled || busy, onChange: (event) => setListenHost(event.currentTarget.value), onBlur: saveMappingOnBlur, style: fieldStyle }, ...listenHosts.map((host) => createElement('option', { key: host, value: host }, host === '0.0.0.0' ? t('lan.allInterfaces') : host)))), createElement('label', { style: { display: 'flex', flexDirection: 'column', gap: 6 } }, createElement('span', { style: dshSettingsFieldLabelStyle }, t('lan.listenPort')), createElement('input', { type: 'number', min: 0, max: 65535, placeholder: t('lan.listenPort'), value: listenPort, disabled: controlsDisabled || busy, onChange: (event) => setListenPort(event.currentTarget.value), onBlur: saveMappingOnBlur, style: fieldStyle })), createElement('label', { style: { display: 'flex', flexDirection: 'column', gap: 6 } }, createElement('span', { style: dshSettingsFieldLabelStyle }, t('lan.dshPort')), createElement('div', { style: dshSettingsRowStyle }, createElement('input', { type: 'number', min: 1, max: 65535, placeholder: t('lan.dshPort'), value: dshPort, disabled: controlsDisabled || busy, onChange: (event) => setDshPort(event.currentTarget.value), onBlur: saveMappingOnBlur, style: { ...fieldStyle, flex: 1, minWidth: 0 } }), createElement('button', { type: 'button', disabled: controlsDisabled || busy, onClick: () => void detect(), style: buttonStyle }, t('lan.detect')))), detectedDshPorts.length > 1 && createElement('div', { style: dshSettingsNoteStyle }, t('lan.detectMultiple', { ports: detectedDshPorts.join('、') })), createElement('label', { style: { display: 'flex', alignItems: 'center', gap: 8, cursor: controlsDisabled || busy ? 'not-allowed' : 'pointer', color: dshThemeColor.labelSecondary, fontSize: 13 } }, createElement('input', { type: 'checkbox', checked: autoStart, disabled: controlsDisabled || busy, onChange: () => void toggleAutoStart(), style: { accentColor: dshThemeColor.accent } }), createElement('span', undefined, t('lan.autoStart'))), createElement('div', { style: dshSettingsRowStyle }, createElement('button', { type: 'button', disabled: controlsDisabled || busy || !listenPort, onClick: () => void start(), style: { ...dshSettingsPrimaryButtonStyle, flex: 1 } }, busy ? t('lan.processing') : snapshot ? t('lan.update') : t('lan.start')), snapshot && createElement('button', { type: 'button', disabled: controlsDisabled || busy, onClick: () => void stop(), style: buttonStyle }, t('lan.stop'))), snapshot && createElement('div', { role: 'status', style: dshSettingsNoteStyle }, t('lan.forwarding', { host: snapshot.listenHost, port: snapshot.actualListenPort ?? snapshot.listenPort, dshPort: snapshot.dshPort })), message && createElement('div', { role: 'status', style: { color: message.includes('已') ? dshThemeColor.success : dshThemeColor.error } }, message));
+    return createElement('div', { 'aria-disabled': controlsDisabled, style: { ...dshFormRootStyle, display: 'flex', flexDirection: 'column', gap: 14, opacity: controlsDisabled ? 0.5 : 1, pointerEvents: controlsDisabled ? 'none' : 'auto' } }, createElement('p', { style: { margin: 0, color: dshThemeColor.labelSecondary, fontSize: 13, lineHeight: 1.5 } }, t('lan.description')), createElement('label', { style: { display: 'flex', flexDirection: 'column', gap: 6 } }, createElement('span', { style: dshSettingsFieldLabelStyle }, t('lan.listenHost')), createElement('select', { value: listenHost, disabled: controlsDisabled || busy, onChange: (event) => setListenHost(event.currentTarget.value), onBlur: saveMappingOnBlur, style: fieldStyle }, ...listenHosts.map((host) => createElement('option', { key: host, value: host }, host === '0.0.0.0' ? t('lan.allInterfaces') : host)))), createElement('label', { style: { display: 'flex', flexDirection: 'column', gap: 6 } }, createElement('span', { style: dshSettingsFieldLabelStyle }, t('lan.listenPort')), createElement('input', { type: 'number', min: 0, max: 65535, placeholder: t('lan.listenPort'), value: listenPort, disabled: controlsDisabled || busy, onChange: (event) => setListenPort(event.currentTarget.value), onBlur: saveMappingOnBlur, style: fieldStyle })), createElement('label', { style: { display: 'flex', flexDirection: 'column', gap: 6 } }, createElement('span', { style: dshSettingsFieldLabelStyle }, t('lan.dshPort')), createElement('div', { style: dshSettingsRowStyle }, createElement('input', { type: 'number', min: 1, max: 65535, placeholder: t('lan.dshPort'), value: dshPort, disabled: controlsDisabled || busy, onChange: (event) => setDshPort(event.currentTarget.value), onBlur: saveMappingOnBlur, style: { ...fieldStyle, flex: 1, minWidth: 0 } }), createElement('button', { type: 'button', disabled: controlsDisabled || busy, onClick: () => void detect(), style: buttonStyle }, t('lan.detect')))), detectedDshPorts.length > 1 && createElement('div', { style: dshSettingsNoteStyle }, t('lan.detectMultiple', { ports: detectedDshPorts.join('、') })), createElement('label', { style: { display: 'flex', alignItems: 'center', gap: 8, cursor: controlsDisabled || busy ? 'not-allowed' : 'pointer', color: dshThemeColor.labelSecondary, fontSize: 13 } }, createElement('input', { type: 'checkbox', checked: autoStart, disabled: controlsDisabled || busy, onChange: () => void toggleAutoStart(), style: { accentColor: dshThemeColor.accent } }), createElement('span', undefined, t('lan.autoStart'))), createElement('div', { style: dshSettingsRowStyle }, createElement('button', { type: 'button', disabled: controlsDisabled || busy || !listenPort, onClick: () => void start(), style: { ...dshSettingsPrimaryButtonStyle, flex: 1 } }, busy ? t('lan.processing') : snapshot ? t('lan.update') : t('lan.start')), snapshot && createElement('button', { type: 'button', disabled: controlsDisabled || busy, onClick: () => void stop(), style: buttonStyle }, t('lan.stop'))), snapshot && createElement('div', { role: 'status', style: dshSettingsNoteStyle }, t('lan.forwarding', { host: snapshot.listenHost, port: snapshot.actualListenPort ?? snapshot.listenPort, dshPort: snapshot.dshPort })));
 }
 function readMapping(listenHost, listenPort, dshPort, autoStart) {
     return {

package/data/build/dist/client/features/lan-access.js

@@ -9,7 +9,7 @@ import { LanAccessPanel } from './lan-access-panel.js';
 export const lanAccessFeature = {
     descriptor: {
         name: 'lanAccess',
-        version: '0.1.0',
+        version: '0.1.1',
         enabledByDefault: true,
         dependencies: [],
         runtime: 'client',

package/data/build/dist/client/features/login-protection-panel.d.ts

@@ -1,5 +1,5 @@
 import type { ReactElement } from 'react';
 import type { FeaturePanelProps } from './types.js';
 /** 独立的登录保护设置卡片，凭据实际由 Host 保存和校验。 */
-export declare function LoginProtectionPanel({ services, enabled, snapshot }: FeaturePanelProps): ReactElement;
+export declare function LoginProtectionPanel({ services, enabled, snapshot, notify }: FeaturePanelProps): ReactElement;
 //# sourceMappingURL=login-protection-panel.d.ts.map

package/data/build/dist/client/features/login-protection-panel.js

@@ -1,10 +1,10 @@
 import { createElement, useEffect, useState } from 'react';
 import { CODINGNS_RPC_CHANNEL } from '../../shared/contracts/transport.js';
-import { dshFormRootStyle, dshSettingsButtonStyle, dshSettingsFieldLabelStyle, dshSettingsFieldStyle, dshSettingsNoteStyle, dshSettingsPrimaryButtonStyle, dshThemeColor, } from '../theme.js';
+import { dshFormRootStyle, dshSettingsButtonStyle, dshSettingsFieldLabelStyle, dshSettingsFieldStyle, dshSettingsPrimaryButtonStyle, dshThemeColor, } from '../theme.js';
 import { writeLoginProtectionSession } from './login-protection-session.js';
 const DEFAULT_SCOPES = { lan: true, relay: true };
 /** 独立的登录保护设置卡片，凭据实际由 Host 保存和校验。 */
-export function LoginProtectionPanel({ services, enabled, snapshot }) {
+export function LoginProtectionPanel({ services, enabled, snapshot, notify }) {
     const { rpc } = services;
     const controlsDisabled = !enabled || snapshot.status === 'loading' || !snapshot.writable;
     const [saved, setSaved] = useState({ enabled: false, username: '', passwordConfigured: false, timeoutSeconds: 1800, scopes: DEFAULT_SCOPES });
@@ -14,7 +14,6 @@ export function LoginProtectionPanel({ services, enabled, snapshot }) {
     const [timeoutSeconds, setTimeoutSeconds] = useState('1800');
     const [scopes, setScopes] = useState(DEFAULT_SCOPES);
     const [busy, setBusy] = useState(false);
-    const [message, setMessage] = useState('');
     useEffect(() => {
         if (!enabled)
             return;
@@ -26,11 +25,10 @@ export function LoginProtectionPanel({ services, enabled, snapshot }) {
             setTimeoutSeconds(String(value.timeoutSeconds));
             setScopes(value.scopes ?? DEFAULT_SCOPES);
         })
-            .catch((error) => setMessage(error instanceof Error ? error.message : String(error)));
+            .catch((error) => notify({ kind: 'error', message: error instanceof Error ? error.message : String(error) }));
     }, [enabled, rpc]);
     const save = async () => {
         setBusy(true);
-        setMessage('');
         try {
             const parsedTimeout = Number(timeoutSeconds);
             if (!Number.isInteger(parsedTimeout) || parsedTimeout < 60 || parsedTimeout > 604800)
@@ -53,10 +51,10 @@ export function LoginProtectionPanel({ services, enabled, snapshot }) {
                 writeLoginProtectionSession(undefined);
             }
             setPassword('');
-            setMessage(value.enabled && value.scopes.relay && password === '' ? '设置已保存；中继访问需要重新输入密码以建立当前标签页会话' : '登录保护设置已保存');
+            notify({ kind: 'success', message: value.enabled && value.scopes.relay && password === '' ? '设置已保存；中继访问需要重新输入密码以建立当前标签页会话' : '登录保护设置已保存' });
         }
         catch (error) {
-            setMessage(error instanceof Error ? error.message : String(error));
+            notify({ kind: 'error', message: error instanceof Error ? error.message : String(error) });
         }
         finally {
             setBusy(false);
@@ -70,8 +68,8 @@ export function LoginProtectionPanel({ services, enabled, snapshot }) {
         'aria-disabled': controlsDisabled,
     }, createElement('p', { style: { margin: 0, color: dshThemeColor.labelSecondary, fontSize: 13, lineHeight: 1.5 } }, '为局域网和中继访问统一增加本地账号验证。本机 127.0.0.1 / ::1 永远不受此保护。密码只在 Host 侧验证，不会进入浏览器设置或 URL。'), createElement('label', { style: { display: 'flex', alignItems: 'center', gap: 8, color: dshThemeColor.labelSecondary, fontSize: 13 } }, createElement('input', { type: 'checkbox', checked: active, disabled: controlsDisabled || busy, onChange: (event) => setActive(event.currentTarget.checked), style: { accentColor: dshThemeColor.accent } }), createElement('span', undefined, '启用登录保护')), createElement('label', { style: { display: 'flex', flexDirection: 'column', gap: 6 } }, createElement('span', { style: dshSettingsFieldLabelStyle }, '本地用户名'), createElement('input', { value: username, disabled: controlsDisabled || busy || !active, autoComplete: 'username', onChange: (event) => setUsername(event.currentTarget.value), style: field })), createElement('label', { style: { display: 'flex', flexDirection: 'column', gap: 6 } }, createElement('span', { style: dshSettingsFieldLabelStyle }, saved.passwordConfigured ? '新密码（留空保持不变）' : '密码（至少 8 位）'), createElement('input', { type: 'password', value: password, disabled: controlsDisabled || busy || !active, autoComplete: 'new-password', onChange: (event) => setPassword(event.currentTarget.value), style: field })), createElement('label', { style: { display: 'flex', flexDirection: 'column', gap: 6 } }, createElement('span', { style: dshSettingsFieldLabelStyle }, '会话超时（秒）'), createElement('input', { type: 'number', min: 60, max: 604800, value: timeoutSeconds, disabled: controlsDisabled || busy || !active, onChange: (event) => setTimeoutSeconds(event.currentTarget.value), style: field })), createElement('fieldset', { disabled: controlsDisabled || busy || !active, style: { display: 'flex', flexDirection: 'column', gap: 8, margin: 0, padding: 12, border: `1px solid ${dshThemeColor.border}`, borderRadius: 6 } }, createElement('legend', { style: dshSettingsFieldLabelStyle }, '应用范围'), ...[
         ['lan', '局域网访问', '局域网网卡入口'],
-        ['relay', '中继访问', 'DSH-Codingns4DSH 中继'],
-    ].map(([key, label, hint]) => createElement('label', { key, style: { display: 'flex', alignItems: 'center', gap: 8, color: dshThemeColor.labelSecondary, fontSize: 13 } }, createElement('input', { type: 'checkbox', checked: scopes[key], onChange: () => toggleScope(key), style: { accentColor: dshThemeColor.accent } }), createElement('span', undefined, `${label}（${hint}）`)))), createElement('button', { type: 'button', disabled: controlsDisabled || busy, onClick: () => void save(), style: dshSettingsPrimaryButtonStyle }, busy ? '保存中…' : '保存登录保护'), message && createElement('div', { role: 'status', style: message.includes('已') ? { color: dshThemeColor.success } : { ...dshSettingsNoteStyle, color: dshThemeColor.error } }, message));
+        ['relay', '中继访问', 'Codingns4DSH 中继'],
+    ].map(([key, label, hint]) => createElement('label', { key, style: { display: 'flex', alignItems: 'center', gap: 8, color: dshThemeColor.labelSecondary, fontSize: 13 } }, createElement('input', { type: 'checkbox', checked: scopes[key], onChange: () => toggleScope(key), style: { accentColor: dshThemeColor.accent } }), createElement('span', undefined, `${label}（${hint}）`)))), createElement('button', { type: 'button', disabled: controlsDisabled || busy, onClick: () => void save(), style: dshSettingsPrimaryButtonStyle }, busy ? '保存中…' : '保存登录保护'));
 }
 async function callRpc(rpc, endpoint, payload) {
     let response;

package/data/build/dist/client/features/reverse-proxy-panel.d.ts

@@ -5,5 +5,5 @@ import type { FeaturePanelProps } from './types.js';
  *
  * 密码只在单次 RPC 中经过 Host，表单不保存它；refresh token 只存在于 Host。
  */
-export declare function ReverseProxyPanel({ services, enabled, snapshot }: FeaturePanelProps): ReactElement;
+export declare function ReverseProxyPanel({ services, enabled, snapshot, notify }: FeaturePanelProps): ReactElement;
 //# sourceMappingURL=reverse-proxy-panel.d.ts.map

package/data/build/dist/client/features/reverse-proxy-panel.js

@@ -1,5 +1,5 @@
 import { createElement, useEffect, useState } from 'react';
-import { CODINGNS_CONTROL_BASE_URL_FIELD, CODINGNS_CONTROL_BASE_URLS_FIELD, DEFAULT_CODINGNS_CONTROL_BASE_URLS, } from '../../shared/contracts/config.js';
+import { CODINGNS_CONTROL_STATION_URL, CODINGNS_CONTROL_BASE_URL_FIELD, CODINGNS_CONTROL_BASE_URLS_FIELD, CODINGNS_H5_LOGIN_URL, DEFAULT_CODINGNS_CONTROL_BASE_URLS, } from '../../shared/contracts/config.js';
 import { CODINGNS_RPC_CHANNEL } from '../../shared/contracts/transport.js';
 import { dshFormRootStyle, dshPopupSurfaceStyle, dshSettingsButtonStyle, dshSettingsFieldLabelStyle, dshSettingsFieldStyle, dshSettingsNoteStyle, dshSettingsPrimaryButtonStyle, dshSettingsRowStyle, dshThemeColor, } from '../theme.js';
 import { useCodingNsTranslator } from '../locale.js';
@@ -8,7 +8,7 @@ import { useCodingNsTranslator } from '../locale.js';
  *
  * 密码只在单次 RPC 中经过 Host，表单不保存它；refresh token 只存在于 Host。
  */
-export function ReverseProxyPanel({ services, enabled, snapshot }) {
+export function ReverseProxyPanel({ services, enabled, snapshot, notify }) {
     const { settings, rpc } = services;
     const t = useCodingNsTranslator(services.locale);
     const disabled = !enabled;
@@ -24,7 +24,7 @@ export function ReverseProxyPanel({ services, enabled, snapshot }) {
     const [devices, setDevices] = useState(null);
     const [selectedDeviceId, setSelectedDeviceId] = useState('');
     const [busy, setBusy] = useState(false);
-    const [message, setMessage] = useState('');
+    const [h5UrlCopied, setH5UrlCopied] = useState(false);
     useEffect(() => {
         const saved = snapshot.value?.controlBaseUrl;
         const resolved = resolveControlBaseUrl(saved);
@@ -45,17 +45,16 @@ export function ReverseProxyPanel({ services, enabled, snapshot }) {
         if (!enabled || auth.status !== 'authenticated')
             return;
         void loadDevicesInternal().catch((error) => {
-            setMessage(error instanceof Error ? error.message : String(error));
+            notify({ kind: 'error', message: error instanceof Error ? error.message : String(error) });
         });
     }, [auth.status, enabled, rpc]);
     const run = async (operation) => {
         setBusy(true);
-        setMessage('');
         try {
             await operation();
         }
         catch (error) {
-            setMessage(error instanceof Error ? error.message : String(error));
+            notify({ kind: 'error', message: error instanceof Error ? error.message : String(error) });
         }
         finally {
             setBusy(false);
@@ -73,15 +72,34 @@ export function ReverseProxyPanel({ services, enabled, snapshot }) {
         });
         setPassword('');
         setAuth(next);
-        setMessage(t('relay.loginSuccess'));
+        setH5UrlCopied(false);
+        notify({ kind: 'success', message: t('relay.loginSuccess') });
     });
     const logout = () => run(async () => {
         await callCodingNsRpc(rpc, 'auth/logout', {});
         setAuth(loggedOutSnapshot());
         setDevices(null);
         setSelectedDeviceId('');
-        setMessage(t('relay.loggedOut'));
+        setH5UrlCopied(false);
+        notify({ kind: 'success', message: t('relay.loggedOut') });
     });
+    const copyH5LoginUrl = async () => {
+        try {
+            await copyText(CODINGNS_H5_LOGIN_URL);
+            setH5UrlCopied(true);
+            notify({ kind: 'success', message: t('relay.copySuccess') });
+        }
+        catch (error) {
+            setH5UrlCopied(false);
+            notify({ kind: 'error', message: error instanceof Error ? error.message : t('relay.copyFailed') });
+        }
+    };
+    const handleH5AddressKeyDown = (event) => {
+        if (event.key !== 'Enter' && event.key !== ' ')
+            return;
+        event.preventDefault();
+        void copyH5LoginUrl();
+    };
     const loadDevices = () => run(async () => {
         await loadDevicesInternal();
     });
@@ -103,7 +121,7 @@ export function ReverseProxyPanel({ services, enabled, snapshot }) {
             setControlBaseUrl(addedUrl);
             setNewControlBaseUrl('');
             setAddAddressOpen(false);
-            setMessage(t('relay.add'));
+            notify({ kind: 'success', message: t('relay.add') });
         }
         catch (error) {
             setAddressError(error instanceof Error ? error.message : String(error));
@@ -115,13 +133,60 @@ export function ReverseProxyPanel({ services, enabled, snapshot }) {
     const chooseControlBaseUrl = (value) => {
         setControlBaseUrl(value);
         void settings.set(CODINGNS_CONTROL_BASE_URL_FIELD, value).catch((error) => {
-            setMessage(error instanceof Error ? error.message : String(error));
+            notify({ kind: 'error', message: error instanceof Error ? error.message : String(error) });
         });
     };
     const fieldStyle = dshSettingsFieldStyle;
     const buttonStyle = dshSettingsButtonStyle;
     const authenticated = auth.status === 'authenticated';
-    return createElement('div', { 'aria-disabled': controlsDisabled, style: { ...dshFormRootStyle, display: 'flex', flexDirection: 'column', gap: 16, opacity: controlsDisabled ? 0.5 : 1, pointerEvents: controlsDisabled ? 'none' : 'auto' } }, createElement('div', undefined, createElement('h3', { style: { margin: 0, fontSize: 17 } }, t('relay.settings')), createElement('p', { style: { margin: '6px 0 0', color: dshThemeColor.labelSecondary, fontSize: 13, lineHeight: 1.5 } }, t('relay.loginHint'))), createElement('label', { style: { display: 'flex', flexDirection: 'column', gap: 6 } }, createElement('span', { style: dshSettingsFieldLabelStyle }, t('relay.controlApi')), createElement('div', { style: dshSettingsRowStyle }, createElement('select', { value: controlBaseUrl, disabled: controlsDisabled || busy, onChange: (event) => chooseControlBaseUrl(event.currentTarget.value), style: { ...fieldStyle, flex: 1, minWidth: 0 } }, ...controlBaseUrls.map((url) => createElement('option', { key: url, value: url }, url))), createElement('button', { type: 'button', 'aria-haspopup': 'dialog', disabled: controlsDisabled || busy, onClick: () => { setAddressError(''); setAddAddressOpen(true); }, style: { ...buttonStyle, flex: '0 0 auto' } }, t('relay.add')))), addAddressOpen && createElement('div', { role: 'dialog', 'aria-modal': true, 'aria-labelledby': 'codingns-add-address-title', style: { position: 'fixed', inset: 0, zIndex: 1000, display: 'flex', alignItems: 'center', justifyContent: 'center', padding: 24, background: dshThemeColor.overlay } }, createElement('div', { style: { ...dshPopupSurfaceStyle, width: 'min(100%, 480px)', boxSizing: 'border-box', padding: 24, borderRadius: 8 } }, createElement('h3', { id: 'codingns-add-address-title', style: { margin: 0, fontSize: 18 } }, t('relay.addServer')), createElement('p', { style: { margin: '8px 0 16px', opacity: 0.7 } }, t('relay.addServerHint')), createElement('input', { type: 'url', autoFocus: true, value: newControlBaseUrl, placeholder: 'https://example.com:1443', disabled: disabled || busy, onChange: (event) => setNewControlBaseUrl(event.currentTarget.value), style: fieldStyle }), addressError && createElement('div', { role: 'alert', style: { marginTop: 8, color: dshThemeColor.error } }, addressError), createElement('div', { style: { display: 'flex', justifyContent: 'flex-end', gap: 8, marginTop: 20 } }, createElement('button', { type: 'button', disabled: busy, onClick: () => { setAddAddressOpen(false); setAddressError(''); }, style: buttonStyle }, t('relay.cancel')), createElement('button', { type: 'button', disabled: busy || !newControlBaseUrl.trim(), onClick: () => void addControlBaseUrl(), style: buttonStyle }, busy ? t('relay.adding') : t('relay.add'))))), !authenticated && createElement('form', { onSubmit: (event) => { event.preventDefault(); void login(); }, style: { display: 'flex', flexDirection: 'column', gap: 12 } }, createElement('label', { style: { display: 'flex', flexDirection: 'column', gap: 6 } }, createElement('span', { style: dshSettingsFieldLabelStyle }, t('relay.email')), createElement('input', { type: 'email', autoComplete: 'username', value: email, disabled: controlsDisabled || busy, onChange: (event) => setEmail(event.currentTarget.value), style: fieldStyle })), createElement('label', { style: { display: 'flex', flexDirection: 'column', gap: 6 } }, createElement('span', { style: dshSettingsFieldLabelStyle }, t('relay.password')), createElement('input', { type: 'password', autoComplete: 'current-password', value: password, disabled: controlsDisabled || busy, onChange: (event) => setPassword(event.currentTarget.value), style: fieldStyle })), createElement('button', { type: 'submit', disabled: controlsDisabled || busy || !controlBaseUrl || !email || !password, style: dshSettingsPrimaryButtonStyle }, busy ? t('relay.loggingIn') : t('relay.login'))), authenticated && createElement('div', { style: { display: 'flex', flexDirection: 'column', gap: 12 } }, createElement('div', { style: dshSettingsNoteStyle }, createElement('strong', undefined, auth.account?.email ?? t('relay.loggedIn')), createElement('div', { style: { marginTop: 6, opacity: 0.7 } }, t('relay.device', { value: devices?.devices.find((device) => device.dshDeviceId === selectedDeviceId)?.displayName ?? t('relay.unrecognized') })), createElement('div', { style: { marginTop: 4, opacity: 0.7 } }, t('relay.host', { value: selectedDeviceId || t('relay.unbound') }))), createElement('div', { style: { display: 'flex', gap: 8, flexWrap: 'wrap' } }, createElement('button', { type: 'button', disabled: controlsDisabled || busy, onClick: () => void loadDevices(), style: buttonStyle }, t('relay.refreshDevices')), createElement('button', { type: 'button', disabled: controlsDisabled || busy, onClick: () => void logout(), style: buttonStyle }, t('relay.logout'))), devices && createElement('div', { style: { display: 'flex', flexDirection: 'column', gap: 8 } }, createElement('strong', { style: dshSettingsFieldLabelStyle }, t('relay.dshDevices')), createElement('select', { value: selectedDeviceId, disabled: controlsDisabled || busy, onChange: (event) => setSelectedDeviceId(event.currentTarget.value), style: fieldStyle }, createElement('option', { value: '' }, t('relay.selectDevice')), ...devices.devices.map((device) => createElement('option', { key: device.dshDeviceId, value: device.dshDeviceId, disabled: !device.online || device.status !== 'active' }, `${device.displayName} · ${device.online ? t('relay.online') : t('relay.offline')}`))), createElement('div', { style: { fontSize: 13, opacity: 0.75 } }, t('relay.devicesSummary', { current: selectedDeviceId || t('relay.unknown'), count: devices.devices.length })))), message && createElement('div', { role: 'status', style: { color: message.includes('成功') ? dshThemeColor.success : dshThemeColor.error } }, message));
+    const selectedDevice = devices?.devices.find((device) => device.dshDeviceId === selectedDeviceId);
+    const deviceStatus = selectedDevice === undefined
+        ? { label: t('relay.unknown'), color: dshThemeColor.labelTertiary }
+        : selectedDevice.online && selectedDevice.status === 'active'
+            ? { label: t('relay.online'), color: dshThemeColor.success }
+            : { label: t('relay.offline'), color: dshThemeColor.error };
+    return createElement('div', { 'aria-disabled': controlsDisabled, style: { ...dshFormRootStyle, display: 'flex', flexDirection: 'column', gap: 16, opacity: controlsDisabled ? 0.5 : 1, pointerEvents: controlsDisabled ? 'none' : 'auto' } }, createElement('label', { style: { display: 'flex', flexDirection: 'column', gap: 6 } }, createElement('span', { style: dshSettingsFieldLabelStyle }, t('relay.controlApi')), createElement('div', { style: dshSettingsRowStyle }, createElement('select', { value: controlBaseUrl, disabled: controlsDisabled || busy, onChange: (event) => chooseControlBaseUrl(event.currentTarget.value), style: { ...fieldStyle, flex: 1, minWidth: 0 } }, ...controlBaseUrls.map((url) => createElement('option', { key: url, value: url }, url))), createElement('button', { type: 'button', 'aria-haspopup': 'dialog', disabled: controlsDisabled || busy, onClick: () => { setAddressError(''); setAddAddressOpen(true); }, style: { ...buttonStyle, flex: '0 0 auto' } }, t('relay.add')))), addAddressOpen && createElement('div', { role: 'dialog', 'aria-modal': true, 'aria-labelledby': 'codingns-add-address-title', style: { position: 'fixed', inset: 0, zIndex: 1000, display: 'flex', alignItems: 'center', justifyContent: 'center', padding: 24, background: dshThemeColor.overlay } }, createElement('div', { style: { ...dshPopupSurfaceStyle, width: 'min(100%, 480px)', boxSizing: 'border-box', padding: 24, borderRadius: 8 } }, createElement('h3', { id: 'codingns-add-address-title', style: { margin: 0, fontSize: 18 } }, t('relay.addServer')), createElement('p', { style: { margin: '8px 0 16px', opacity: 0.7 } }, t('relay.addServerHint')), createElement('input', { type: 'url', autoFocus: true, value: newControlBaseUrl, placeholder: 'https://example.com:1443', disabled: disabled || busy, onChange: (event) => setNewControlBaseUrl(event.currentTarget.value), style: fieldStyle }), addressError && createElement('div', { role: 'alert', style: { marginTop: 8, color: dshThemeColor.error } }, addressError), createElement('div', { style: { display: 'flex', justifyContent: 'flex-end', gap: 8, marginTop: 20 } }, createElement('button', { type: 'button', disabled: busy, onClick: () => { setAddAddressOpen(false); setAddressError(''); }, style: buttonStyle }, t('relay.cancel')), createElement('button', { type: 'button', disabled: busy || !newControlBaseUrl.trim(), onClick: () => void addControlBaseUrl(), style: buttonStyle }, busy ? t('relay.adding') : t('relay.add'))))), !authenticated && createElement('form', { onSubmit: (event) => { event.preventDefault(); void login(); }, style: { display: 'flex', flexDirection: 'column', gap: 12 } }, createElement('label', { style: { display: 'flex', flexDirection: 'column', gap: 6 } }, createElement('span', { style: dshSettingsFieldLabelStyle }, t('relay.email')), createElement('input', { type: 'email', autoComplete: 'username', value: email, disabled: controlsDisabled || busy, onChange: (event) => setEmail(event.currentTarget.value), style: fieldStyle })), createElement('label', { style: { display: 'flex', flexDirection: 'column', gap: 6 } }, createElement('span', { style: dshSettingsFieldLabelStyle }, t('relay.password')), createElement('input', { type: 'password', autoComplete: 'current-password', value: password, disabled: controlsDisabled || busy, onChange: (event) => setPassword(event.currentTarget.value), style: fieldStyle })), createElement('button', { type: 'submit', disabled: controlsDisabled || busy || !controlBaseUrl || !email || !password, style: dshSettingsPrimaryButtonStyle }, busy ? t('relay.loggingIn') : t('relay.login')), createElement('p', { style: { margin: 0, color: dshThemeColor.labelSecondary, fontSize: 13, lineHeight: 1.5 } }, t('relay.noAccountPrefix'), createElement('a', { href: CODINGNS_CONTROL_STATION_URL, target: '_blank', rel: 'noreferrer', style: { color: dshThemeColor.accent } }, t('relay.register')), t('relay.noAccountSuffix'))), authenticated && createElement('div', { style: { display: 'flex', flexDirection: 'column', gap: 12 } }, createElement('div', { style: dshSettingsNoteStyle }, createElement('strong', undefined, auth.account?.email ?? t('relay.loggedIn')), createElement('div', { style: { marginTop: 6, opacity: 0.7 } }, t('relay.device', { value: selectedDevice?.displayName ?? t('relay.unrecognized') })), createElement('div', { style: { marginTop: 4, opacity: 0.7 } }, t('relay.dshVersion', { value: selectedDevice?.dshVersion ?? t('relay.unknown') })), createElement('div', { style: { marginTop: 4, opacity: 0.7 } }, t('relay.computerName', { value: selectedDevice?.computerName ?? t('relay.unknown') })), createElement('div', { style: { marginTop: 4, opacity: 0.7 } }, t('relay.host', { value: selectedDeviceId || t('relay.unbound') }))), createElement('div', { style: dshSettingsNoteStyle }, createElement('strong', undefined, t('relay.h5LoginAddress')), createElement('div', {
+        role: 'button',
+        tabIndex: controlsDisabled || busy ? -1 : 0,
+        'aria-disabled': controlsDisabled || busy,
+        'aria-label': t('relay.copyAddressHint'),
+        title: t('relay.copyAddressHint'),
+        onClick: () => { if (!controlsDisabled && !busy)
+            void copyH5LoginUrl(); },
+        onKeyDown: (event) => { if (!controlsDisabled && !busy)
+            handleH5AddressKeyDown(event); },
+        style: {
+            display: 'flex',
+            alignItems: 'center',
+            gap: 12,
+            marginTop: 8,
+            minWidth: 0,
+            padding: '10px 12px',
+            border: `1px solid ${h5UrlCopied ? dshThemeColor.success : dshThemeColor.border}`,
+            borderRadius: 8,
+            color: dshThemeColor.accent,
+            background: dshThemeColor.pageBackground,
+            cursor: controlsDisabled || busy ? 'default' : 'copy',
+            transition: 'border-color 160ms ease, background 160ms ease',
+        },
+    }, createElement('span', { style: { minWidth: 0, overflow: 'hidden', textOverflow: 'ellipsis', whiteSpace: 'nowrap', fontFamily: 'ui-monospace, SFMono-Regular, Menlo, monospace', fontSize: 13, fontWeight: 600 } }, CODINGNS_H5_LOGIN_URL))), createElement('div', { style: { display: 'flex', gap: 8, flexWrap: 'wrap' } }, createElement('button', { type: 'button', disabled: controlsDisabled || busy, onClick: () => void loadDevices(), style: buttonStyle }, t('relay.refreshDevices')), createElement('button', { type: 'button', disabled: controlsDisabled || busy, onClick: () => void logout(), style: buttonStyle }, t('relay.logout'))), devices && createElement('div', { style: { display: 'flex', flexDirection: 'column', gap: 8 } }, createElement('div', { style: { display: 'flex', alignItems: 'center', justifyContent: 'space-between', gap: 12, minWidth: 0 } }, createElement('strong', { style: dshSettingsFieldLabelStyle }, t('relay.dshDevices')), createElement('span', {
+        role: 'status',
+        'aria-label': t('relay.deviceStatus', { value: deviceStatus.label }),
+        style: {
+            display: 'inline-flex',
+            alignItems: 'center',
+            gap: 6,
+            flex: '0 0 auto',
+            padding: '4px 9px',
+            border: `1px solid ${deviceStatus.color}`,
+            borderRadius: 999,
+            color: deviceStatus.color,
+            background: dshThemeColor.surfaceSubtle,
+            fontSize: 12,
+            lineHeight: 1.2,
+            fontWeight: 600,
+        },
+    }, createElement('span', { 'aria-hidden': true, style: { width: 7, height: 7, flex: '0 0 auto', borderRadius: '50%', background: deviceStatus.color } }), deviceStatus.label)), createElement('select', { value: selectedDeviceId, disabled: controlsDisabled || busy, onChange: (event) => setSelectedDeviceId(event.currentTarget.value), style: fieldStyle }, createElement('option', { value: '' }, t('relay.selectDevice')), ...devices.devices.map((device) => createElement('option', { key: device.dshDeviceId, value: device.dshDeviceId, disabled: !device.online || device.status !== 'active' }, `${device.displayName} · ${device.computerName ?? t('relay.unknown')} · ${device.dshVersion ?? t('relay.unknown')} · ${device.online ? t('relay.online') : t('relay.offline')}`))), createElement('div', { style: { fontSize: 13, opacity: 0.75 } }, t('relay.devicesSummary', { current: selectedDeviceId || t('relay.unknown'), count: devices.devices.length })))));
 }
 async function callCodingNsRpc(rpc, endpoint, payload) {
     let response;
@@ -156,4 +221,27 @@ function normalizeControlBaseUrl(value) {
         throw new TypeError('Control API 地址必须使用 HTTP(S)');
     return parsed.toString().replace(/\/+$/u, '');
 }
+/** 复制 H5 地址；非安全上下文下回退到传统 DOM 复制接口。 */
+async function copyText(value) {
+    if (typeof navigator !== 'undefined' && navigator.clipboard?.writeText) {
+        await navigator.clipboard.writeText(value);
+        return;
+    }
+    if (typeof document === 'undefined')
+        throw new Error('当前环境不支持复制');
+    const input = document.createElement('textarea');
+    input.value = value;
+    input.setAttribute('readonly', '');
+    input.style.position = 'fixed';
+    input.style.opacity = '0';
+    document.body.appendChild(input);
+    input.select();
+    try {
+        if (!document.execCommand('copy'))
+            throw new Error('当前环境不支持复制');
+    }
+    finally {
+        input.remove();
+    }
+}
 //# sourceMappingURL=reverse-proxy-panel.js.map

package/data/build/dist/client/features/reverse-proxy.d.ts

@@ -3,7 +3,7 @@ import type { CodingNsRpcClient } from './types.js';
 /**
  * 中转访问服务模块。
  *
- * 它把 DSH 页面接入 DSH-Codingns4DSH 独立设备隧道。登录和设备列表由 Host RPC 提供，
+ * 它把 DSH 页面接入 Codingns4DSH 独立设备隧道。登录和设备列表由 Host RPC 提供，
  * 连接状态和设备选择由设置面板承载；隧道本身在模块启用时建立。
  */
 export declare const reverseProxyFeature: CodingNsClientFeatureModule;

package/data/build/dist/client/features/reverse-proxy.js

@@ -1,26 +1,26 @@
 import { ReverseProxyPanel } from './reverse-proxy-panel.js';
 import { startDshH5Bootstrap } from '../dsh-h5-bootstrap.js';
+import { callCodingNsRpc } from '../settings-bridge.js';
 import { LOGIN_PROTECTION_SESSION_EVENT, readLoginProtectionSession } from './login-protection-session.js';
-import { CODINGNS_RPC_CHANNEL } from '../../shared/contracts/transport.js';
 function isRemoteWebContext() {
     return globalThis.__CODINGNS4DSH_REMOTE_WEB_CONTEXT__ === true;
 }
 /**
  * 中转访问服务模块。
  *
- * 它把 DSH 页面接入 DSH-Codingns4DSH 独立设备隧道。登录和设备列表由 Host RPC 提供，
+ * 它把 DSH 页面接入 Codingns4DSH 独立设备隧道。登录和设备列表由 Host RPC 提供，
  * 连接状态和设备选择由设置面板承载；隧道本身在模块启用时建立。
  */
 export const reverseProxyFeature = {
     descriptor: {
         name: 'reverseProxy',
-        version: '0.1.0',
+        version: '0.1.1',
         enabledByDefault: false,
         dependencies: [],
         runtime: 'client',
         ui: {
             label: '中转访问服务',
-            description: '通过 DSH-Codingns4DSH 独立设备隧道访问 Host。',
+            description: '通过 Codingns4DSH 独立设备隧道访问 Host。',
             labelKey: 'feature.reverseProxy.label',
             descriptionKey: 'feature.reverseProxy.description',
             order: 20,
@@ -51,6 +51,11 @@ export const reverseProxyFeature = {
             if (stopped || waitingForLogin)
                 return;
             try {
+                const auth = await readAuthSnapshot(context.services.rpc);
+                if (auth.status !== 'authenticated') {
+                    scheduleRetry();
+                    return;
+                }
                 const protection = await readLoginProtectionSettings(context.services.rpc);
                 const loginProtectionToken = readLoginProtectionSession();
                 if (protection.enabled && protection.scopes.relay && loginProtectionToken === undefined) {
@@ -68,9 +73,14 @@ export const reverseProxyFeature = {
                 if (stopped || abort.signal.aborted)
                     return;
                 console.error('codingns4dsh: 中继连接建立失败，将在稍后重试', error);
-                retryTimer = setTimeout(() => { void attempt(); }, 5_000);
+                scheduleRetry();
             }
         };
+        const scheduleRetry = () => {
+            if (retryTimer !== undefined || stopped || abort.signal.aborted)
+                return;
+            retryTimer = setTimeout(() => { retryTimer = undefined; void attempt(); }, 5_000);
+        };
         void attempt();
         return async () => {
             stopped = true;
@@ -95,18 +105,9 @@ export async function startBrowserRelayConnection(rpc, signal, loginProtectionTo
     };
 }
 async function readLoginProtectionSettings(rpc) {
-    let response;
-    try {
-        response = await rpc.call(CODINGNS_RPC_CHANNEL, 'lanAccessDsh/login/get', {});
-    }
-    catch (error) {
-        const message = error instanceof Error ? error.message : String(error);
-        if (!/HTTP (?:404|405)\b/u.test(message))
-            throw error;
-        response = await rpc.call('/api', 'codingns/lanAccessDsh/login/get', {});
-    }
-    if (!response.ok)
-        throw new Error(response.error.message);
-    return response.value;
+    return callCodingNsRpc(rpc, 'lanAccessDsh/login/get', {});
+}
+async function readAuthSnapshot(rpc) {
+    return callCodingNsRpc(rpc, 'auth/snapshot', {});
 }
 //# sourceMappingURL=reverse-proxy.js.map

package/data/build/dist/client/features/terminal-enhancement-panel.d.ts

@@ -1,5 +1,5 @@
 import type { ReactElement } from 'react';
 import type { FeaturePanelProps } from './types.js';
 /** 终端默认行为与外观设置；终端 UI 由独立 Sidebar 模块负责。 */
-export declare function TerminalEnhancementPanel({ services, enabled, snapshot }: FeaturePanelProps): ReactElement;
+export declare function TerminalEnhancementPanel({ services, enabled, snapshot, notify }: FeaturePanelProps): ReactElement;
 //# sourceMappingURL=terminal-enhancement-panel.d.ts.map