@pandablessing/dsh-user-sync 1.0.2 → 1.0.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (6) hide show
  1. package/README.md +10 -7
  2. package/lib/client.js +509 -492
  3. package/lib/index.js +68 -28
  4. package/lib/sync.js +70 -5
  5. package/lib/transport/api.js +13 -8
  6. package/package.json +7 -7
package/lib/client.js CHANGED
@@ -1,521 +1,538 @@
1
1
  "use strict";
2
2
  // client.ts —— 浏览器 bundle，由 DSH 的 module loader 执行；不是 ESM 模块。
3
3
  // React 由宿主运行时注入（factory 的 require）；宿主服务的形状在下面用最小接口声明。
4
- window.__ModuleLoader__.load({
5
- id: 'dsh-user-sync',
6
- factory: (require) => {
7
- const module = { exports: {} };
8
- const exports = module.exports;
9
- let React = null;
10
- try {
11
- React = require('react');
12
- }
13
- catch (error) {
14
- console.error('[dsh-user-sync] 无法加载 react，面板已禁用', error);
15
- }
16
- // 最坏情况只失去面板，绝不让 client entry 失败拖垮 web boot。
17
- if (!React) {
18
- exports.apply = () => { };
19
- exports.inject = [];
20
- return module.exports;
21
- }
22
- const R = React;
23
- const API = '/api/dsh-user-sync';
24
- const MODULE_LABELS = {
25
- skills: '技能',
26
- plugins: '插件清单',
27
- config: '配置',
28
- userMemory: '用户记忆',
29
- projectMemory: '项目记忆',
30
- sessions: '会话',
31
- };
32
- const USER_LEVEL = ['skills', 'plugins', 'config', 'userMemory'];
33
- /** 每个模块同步的内容简介（按钮悬停与下方小字）。 */
34
- const MODULE_HINTS = {
35
- skills: '~/.agents/skills 下的技能包（需含 SKILL.md）',
36
- plugins: 'profile 的 package.json 与依赖锁文件',
37
- config: 'cordis.patch.yml 与 AGENTS.md',
38
- userMemory: 'AGENTS.md 与 memories/ 下的用户级记忆（MEMORY/USER/KEY）',
39
- projectMemory: 'memories/projects 与 daily 下的项目记忆',
40
- sessions: 'sessions/ 下的会话记录',
41
- };
42
- const styles = {
43
- section: { display: 'flex', flexDirection: 'column', gap: 12 },
44
- heading: { margin: 0, fontSize: 18, fontWeight: 600 },
45
- card: { border: '1px solid var(--dsw-alias-border-l2)', borderRadius: 8, padding: 12, display: 'flex', flexDirection: 'column', gap: 6 },
46
- row: { display: 'flex', justifyContent: 'space-between', gap: 12, fontSize: 13 },
47
- muted: { margin: 0, fontSize: 13, color: 'var(--dsw-alias-label-tertiary)' },
48
- moduleRow: { display: 'flex', alignItems: 'center', gap: 8, fontSize: 13 },
49
- moduleWrap: { display: 'flex', flexWrap: 'wrap', gap: 8 },
50
- moduleGrid: { display: 'grid', gridTemplateColumns: 'repeat(2, minmax(0, 1fr))', gap: 8 },
51
- moduleItem: { display: 'flex', flexDirection: 'column', gap: 4, minWidth: 0 },
52
- moduleHint: { fontSize: 11, lineHeight: 1.4, color: 'var(--dsw-alias-label-tertiary)' },
53
- linkButton: { alignSelf: 'flex-start', padding: 0, border: 0, background: 'transparent', color: 'var(--dsw-alias-state-business-primary)', fontSize: 11, cursor: 'pointer', textDecoration: 'underline' },
54
- warn: { margin: 0, fontSize: 12, color: 'var(--dsw-alias-state-warning-primary, #b26b00)' },
55
- fileList: { margin: 0, padding: '4px 0 0 16px', listStyle: 'disc', maxHeight: 160, overflowY: 'auto' },
56
- fileItem: { fontSize: 11, lineHeight: 1.5, fontFamily: 'ui-monospace, SFMono-Regular, Menlo, monospace', wordBreak: 'break-all' },
57
- moduleButton: {
58
- padding: '5px 12px',
59
- borderRadius: 999,
60
- border: '1px solid var(--dsw-alias-border-l2)',
61
- background: 'transparent',
62
- color: 'inherit',
63
- fontSize: 13,
64
- cursor: 'pointer',
65
- userSelect: 'none',
66
- WebkitUserSelect: 'none',
67
- },
68
- moduleButtonActive: {
69
- padding: '5px 12px',
70
- borderRadius: 999,
71
- border: '1px solid var(--dsw-alias-state-business-primary)',
72
- background: 'var(--dsw-alias-state-business-primary)',
73
- color: '#fff',
74
- fontSize: 13,
75
- cursor: 'pointer',
76
- userSelect: 'none',
77
- WebkitUserSelect: 'none',
78
- },
79
- actions: { display: 'flex', gap: 8, flexWrap: 'wrap' },
80
- primary: { padding: '6px 14px', borderRadius: 6, border: 0, cursor: 'pointer', background: 'var(--dsw-alias-state-business-primary)', color: '#fff', fontSize: 13 },
81
- secondary: { padding: '6px 14px', borderRadius: 6, cursor: 'pointer', border: '1px solid var(--dsw-alias-border-l2)', background: 'transparent', color: 'inherit', fontSize: 13 },
82
- error: { margin: 0, fontSize: 13, color: 'var(--dsw-alias-state-error-primary, #d33)' },
83
- overlay: {
84
- position: 'fixed',
85
- inset: 0,
86
- background: 'rgba(0, 0, 0, 0.4)',
87
- display: 'flex',
88
- alignItems: 'center',
89
- justifyContent: 'center',
90
- zIndex: 1000,
91
- },
92
- dialog: {
93
- width: 360,
94
- maxWidth: 'calc(100vw - 48px)',
95
- background: 'var(--dsw-alias-bg-elevated, #fff)',
96
- color: 'inherit',
97
- borderRadius: 10,
98
- padding: 16,
99
- display: 'flex',
100
- flexDirection: 'column',
101
- gap: 10,
102
- boxShadow: '0 8px 24px rgba(0, 0, 0, 0.25)',
103
- },
104
- };
105
- async function fetchJson(url, options = {}) {
106
- // no-store：GET 结果可能被渲染进程缓存，导致「刚写入的状态读回旧值」
107
- const response = await fetch(url, { cache: 'no-store', ...options });
108
- const text = await response.text();
4
+ // 浏览器内由 DSH 注入 __ModuleLoader__ 后注册面板；
5
+ // 在 Node 侧（DSH 启动时预检 client 入口）import 时不抛错，避免 web boot 失败。
6
+ if (typeof window !== 'undefined' && window.__ModuleLoader__) {
7
+ window.__ModuleLoader__.load({
8
+ id: 'dsh-user-sync',
9
+ factory: (require) => {
10
+ const module = { exports: {} };
11
+ const exports = module.exports;
12
+ let React = null;
109
13
  try {
110
- return JSON.parse(text);
111
- }
112
- catch {
113
- return { error: `HTTP ${response.status}`, detail: text.slice(0, 200) };
14
+ React = require('react');
114
15
  }
115
- }
116
- function fmtBytes(bytes) {
117
- const n = Number(bytes ?? 0);
118
- if (!Number.isFinite(n))
119
- return '-';
120
- if (n < 1024)
121
- return `${n} B`;
122
- if (n < 1024 * 1024)
123
- return `${(n / 1024).toFixed(1)} KB`;
124
- return `${(n / (1024 * 1024)).toFixed(1)} MB`;
125
- }
126
- /** ISO 时间 → 本地 `MM-DD HH:mm`。 */
127
- function fmtTime(iso) {
128
- if (!iso)
129
- return '—';
130
- const date = new Date(iso);
131
- if (Number.isNaN(date.getTime()))
132
- return String(iso);
133
- const pad = (value) => String(value).padStart(2, '0');
134
- return `${pad(date.getMonth() + 1)}-${pad(date.getDate())} ${pad(date.getHours())}:${pad(date.getMinutes())}`;
135
- }
136
- const DECISION_LABELS = {
137
- pull: '发现更新',
138
- push: '本机有更新',
139
- skip: '已是最新',
140
- confirm: '需人工确认',
141
- 'remote-missing': '远端无包',
142
- };
143
- /** 最近一次同步的摘要：上传 / 应用 / 检查。 */
144
- function lastSyncSummary(status) {
145
- if (!status)
146
- return '尚未同步';
147
- const parts = [];
148
- if (status.lastUploaded?.createdAt)
149
- parts.push(`上次上传 ${fmtTime(status.lastUploaded.createdAt)}`);
150
- if (status.lastApplied?.createdAt)
151
- parts.push(`上次应用 ${fmtTime(status.lastApplied.createdAt)}`);
152
- if (status.scheduler?.lastCheckAt) {
153
- const decision = status.scheduler.lastDecision;
154
- const label = decision?.action && DECISION_LABELS[decision.action] ? DECISION_LABELS[decision.action] : '';
155
- parts.push(`上次检查 ${fmtTime(status.scheduler.lastCheckAt)}${label ? `（${label}）` : ''}`);
156
- }
157
- return parts.length > 0 ? parts.join(' · ') : '尚未同步';
158
- }
159
- function ResultCard({ notice, onApply, onConfirmModules, onDismiss, onInstallPlugins }) {
160
- if (!notice)
161
- return null;
162
- const { kind, data } = notice;
163
- if (kind === 'check') {
164
- const decision = data.decision ?? {};
165
- if (decision.action === 'pull' || decision.action === 'confirm') {
166
- const plan = data.plan ?? { added: [], overwritten: [], skipped: [] };
167
- const missing = data.plugins?.missing ?? [];
168
- const linkDeps = data.plugins?.linkDeps ?? [];
169
- return R.createElement('div', { style: styles.card }, R.createElement('strong', null, decision.action === 'confirm' ? '两侧都有更新，需要你决定' : '远端有更新'), R.createElement('p', { style: styles.muted }, `远端包 ${data.latest?.name ?? ''}（${data.meta?.createdAt ?? '时间未知'}），新增 ${(plan.added ?? []).length} / 覆盖 ${(plan.overwritten ?? []).length} / 跳过 ${(plan.skipped ?? []).length} 个文件。`), missing.length > 0
170
- ? R.createElement('p', { style: styles.muted }, `缺失插件：${missing.map((item) => `${item.name}@${item.spec}`).join('、')}`)
171
- : null, linkDeps.length > 0
172
- ? R.createElement('p', { style: styles.muted }, `本地包需手动放回：${linkDeps.map((item) => item.name).join('、')}`)
173
- : null, R.createElement('div', { style: styles.actions }, missing.length > 0
174
- ? R.createElement('button', { style: styles.primary, onClick: () => onInstallPlugins(missing) }, '先安装缺失插件')
175
- : null, R.createElement('button', { style: styles.primary, onClick: () => onApply(data.latest?.name ?? '') }, '用远端覆盖本机'), R.createElement('button', { style: styles.secondary, onClick: () => onDismiss() }, '取消')));
176
- }
177
- return R.createElement('div', { style: styles.card }, R.createElement('strong', null, decision.action === 'skip' ? '本机已是最新' : '本机有改动'), R.createElement('p', { style: styles.muted }, `判定：${decision.reason ?? decision.action}`));
16
+ catch (error) {
17
+ console.error('[dsh-user-sync] 无法加载 react，面板已禁用', error);
178
18
  }
179
- if (kind === 'error') {
180
- return R.createElement('div', { style: styles.card }, R.createElement('strong', { style: styles.error }, '操作失败'), R.createElement('p', { style: styles.muted }, data.detail ?? data.error ?? '未知错误'), data.hits
181
- ? R.createElement('p', { style: styles.error }, `敏感扫描命中 ${data.hits.length} 处：${data.hits.map((h) => `${h.file}:${h.line}（${h.pattern}）`).join('；')}`)
182
- : null);
19
+ // 最坏情况只失去面板，绝不让 client entry 失败拖垮 web boot。
20
+ if (!React) {
21
+ exports.apply = () => { };
22
+ exports.inject = [];
23
+ return module.exports;
183
24
  }
184
- return R.createElement('div', { style: styles.card }, R.createElement('strong', null, '完成'), R.createElement('p', { style: styles.muted }, data.detail
185
- ? String(data.detail)
186
- : data.packageId
187
- ? `包 ${data.packageId} · ${fmtBytes(data.size ?? 0)}`
188
- : `写入 ${data.written?.length ?? 0} 个文件，跳过 ${data.skipped?.length ?? 0} 个`));
189
- }
190
- function UserSyncSection() {
191
- const [status, setStatus] = R.useState(null);
192
- const [scan, setScan] = R.useState(null);
193
- // 默认即「四类用户级选中、项目/会话不选」，不依赖 scan 是否成功（G1）。
194
- const [modules, setModules] = R.useState(['skills', 'plugins', 'config', 'userMemory']);
195
- const [settings, setSettings] = R.useState({ transport: 'folder', baseUrl: '', autoCheck: true, intervalHours: 6 });
196
- const [busy, setBusy] = R.useState(false);
197
- const [notice, setNotice] = R.useState(null);
198
- // 非用户级模块确认走弹窗（dialog），不再用底部结果卡
199
- const [confirmDialog, setConfirmDialog] = R.useState(null);
200
- // 当前展开文件清单的模块（null 表示都收起）
201
- const [expandedModule, setExpandedModule] = R.useState(null);
202
- // 设置改动后自动保存（600ms 防抖），不再提供「保存设置」按钮
203
- const [settingsDirty, setSettingsDirty] = R.useState(false);
204
- // 本地兜底：status 读不到时也能记住「已同意」，不再重复显示同意卡
205
- const [localConsent, setLocalConsent] = R.useState(() => {
25
+ const R = React;
26
+ const API = '/api/dsh-user-sync';
27
+ const MODULE_LABELS = {
28
+ skills: '技能',
29
+ plugins: '插件清单',
30
+ config: '配置',
31
+ userMemory: '用户记忆',
32
+ projectMemory: '项目记忆',
33
+ sessions: '会话',
34
+ };
35
+ const USER_LEVEL = ['skills', 'plugins', 'config', 'userMemory'];
36
+ /** 每个模块同步的内容简介（按钮悬停与下方小字）。 */
37
+ const MODULE_HINTS = {
38
+ skills: '~/.agents/skills 下的技能包（需含 SKILL.md）',
39
+ plugins: 'profile 的 package.json 与依赖锁文件',
40
+ config: 'cordis.patch.yml 与 AGENTS.md',
41
+ userMemory: 'AGENTS.md 与 memories/ 下的用户级记忆（MEMORY/USER/KEY）',
42
+ projectMemory: 'memories/projects 与 daily 下的项目记忆',
43
+ sessions: 'sessions/ 下的会话记录',
44
+ };
45
+ const styles = {
46
+ section: { display: 'flex', flexDirection: 'column', gap: 12 },
47
+ heading: { margin: 0, fontSize: 18, fontWeight: 600 },
48
+ card: { border: '1px solid var(--dsw-alias-border-l2)', borderRadius: 8, padding: 12, display: 'flex', flexDirection: 'column', gap: 6 },
49
+ row: { display: 'flex', justifyContent: 'space-between', gap: 12, fontSize: 13 },
50
+ muted: { margin: 0, fontSize: 13, color: 'var(--dsw-alias-label-tertiary)' },
51
+ moduleRow: { display: 'flex', alignItems: 'center', gap: 8, fontSize: 13 },
52
+ moduleWrap: { display: 'flex', flexWrap: 'wrap', gap: 8 },
53
+ moduleGrid: { display: 'grid', gridTemplateColumns: 'repeat(2, minmax(0, 1fr))', gap: 8 },
54
+ moduleItem: { display: 'flex', flexDirection: 'column', gap: 4, minWidth: 0 },
55
+ moduleHint: { fontSize: 11, lineHeight: 1.4, color: 'var(--dsw-alias-label-tertiary)' },
56
+ linkButton: { alignSelf: 'flex-start', padding: 0, border: 0, background: 'transparent', color: 'var(--dsw-alias-state-business-primary)', fontSize: 11, cursor: 'pointer', textDecoration: 'underline' },
57
+ warn: { margin: 0, fontSize: 12, color: 'var(--dsw-alias-state-warning-primary, #b26b00)' },
58
+ fileList: { margin: 0, padding: '4px 0 0 16px', listStyle: 'disc', maxHeight: 160, overflowY: 'auto' },
59
+ fileItem: { fontSize: 11, lineHeight: 1.5, fontFamily: 'ui-monospace, SFMono-Regular, Menlo, monospace', wordBreak: 'break-all' },
60
+ moduleButton: {
61
+ padding: '5px 12px',
62
+ borderRadius: 999,
63
+ border: '1px solid var(--dsw-alias-border-l2)',
64
+ background: 'transparent',
65
+ color: 'inherit',
66
+ fontSize: 13,
67
+ cursor: 'pointer',
68
+ userSelect: 'none',
69
+ WebkitUserSelect: 'none',
70
+ },
71
+ moduleButtonActive: {
72
+ padding: '5px 12px',
73
+ borderRadius: 999,
74
+ border: '1px solid var(--dsw-alias-state-business-primary)',
75
+ background: 'var(--dsw-alias-state-business-primary)',
76
+ color: '#fff',
77
+ fontSize: 13,
78
+ cursor: 'pointer',
79
+ userSelect: 'none',
80
+ WebkitUserSelect: 'none',
81
+ },
82
+ actions: { display: 'flex', gap: 8, flexWrap: 'wrap' },
83
+ primary: { padding: '6px 14px', borderRadius: 6, border: 0, cursor: 'pointer', background: 'var(--dsw-alias-state-business-primary)', color: '#fff', fontSize: 13 },
84
+ secondary: { padding: '6px 14px', borderRadius: 6, cursor: 'pointer', border: '1px solid var(--dsw-alias-border-l2)', background: 'transparent', color: 'inherit', fontSize: 13 },
85
+ error: { margin: 0, fontSize: 13, color: 'var(--dsw-alias-state-error-primary, #d33)' },
86
+ overlay: {
87
+ position: 'fixed',
88
+ inset: 0,
89
+ background: 'rgba(0, 0, 0, 0.4)',
90
+ display: 'flex',
91
+ alignItems: 'center',
92
+ justifyContent: 'center',
93
+ zIndex: 1000,
94
+ },
95
+ dialog: {
96
+ width: 360,
97
+ maxWidth: 'calc(100vw - 48px)',
98
+ background: 'var(--dsw-alias-bg-elevated, #fff)',
99
+ color: 'inherit',
100
+ borderRadius: 10,
101
+ padding: 16,
102
+ display: 'flex',
103
+ flexDirection: 'column',
104
+ gap: 10,
105
+ boxShadow: '0 8px 24px rgba(0, 0, 0, 0.25)',
106
+ },
107
+ };
108
+ async function fetchJson(url, options = {}) {
109
+ // no-store：GET 结果可能被渲染进程缓存，导致「刚写入的状态读回旧值」
110
+ const response = await fetch(url, { cache: 'no-store', ...options });
111
+ const text = await response.text();
206
112
  try {
207
- return localStorage.getItem('dsh-user-sync:consent') === '1';
113
+ return JSON.parse(text);
208
114
  }
209
115
  catch {
210
- return false;
116
+ return { error: `HTTP ${response.status}`, detail: text.slice(0, 200) };
211
117
  }
212
- });
213
- const consentGiven = Boolean(status?.consent?.acceptedAt) || localConsent;
214
- const refresh = () => {
215
- fetchJson(`${API}/status`)
216
- .then((data) => {
217
- if (data?.error) {
218
- // 保留已乐观更新的 consent，只补充错误信息
219
- setStatus((previous) => ({ ...(previous ?? {}), error: data.error, detail: data.detail }));
220
- return;
221
- }
222
- setStatus(data);
223
- setSettings({
224
- transport: data.transportSetting ?? 'folder',
225
- baseUrl: data.baseUrl ?? '',
226
- autoCheck: data.scheduler?.autoCheck !== false,
227
- intervalHours: data.scheduler?.intervalHours ?? 6,
228
- });
229
- })
230
- .catch((error) => setStatus((previous) => ({ ...(previous ?? {}), error: 'status-fetch-failed', detail: String(error) })));
231
- fetchJson(`${API}/scan`)
232
- .then((data) => {
233
- if (data?.error) {
234
- setScan({ error: data.error, detail: data.detail });
235
- return;
236
- }
237
- setScan(data);
238
- if (Array.isArray(data.modules))
239
- setModules(data.modules);
240
- })
241
- .catch((error) => setScan({ error: 'scan-fetch-failed', detail: String(error) }));
118
+ }
119
+ function fmtBytes(bytes) {
120
+ const n = Number(bytes ?? 0);
121
+ if (!Number.isFinite(n))
122
+ return '-';
123
+ if (n < 1024)
124
+ return `${n} B`;
125
+ if (n < 1024 * 1024)
126
+ return `${(n / 1024).toFixed(1)} KB`;
127
+ return `${(n / (1024 * 1024)).toFixed(1)} MB`;
128
+ }
129
+ /** ISO 时间 → 本地 `MM-DD HH:mm`。 */
130
+ function fmtTime(iso) {
131
+ if (!iso)
132
+ return '—';
133
+ const date = new Date(iso);
134
+ if (Number.isNaN(date.getTime()))
135
+ return String(iso);
136
+ const pad = (value) => String(value).padStart(2, '0');
137
+ return `${pad(date.getMonth() + 1)}-${pad(date.getDate())} ${pad(date.getHours())}:${pad(date.getMinutes())}`;
138
+ }
139
+ const DECISION_LABELS = {
140
+ pull: '发现更新',
141
+ push: '本机有更新',
142
+ skip: '已是最新',
143
+ confirm: '需人工确认',
144
+ 'remote-missing': '远端无包',
242
145
  };
243
- R.useEffect(() => {
244
- refresh();
245
- }, []);
246
- // 设置改动后 600ms 自动保存（输入间隔时不会每敲一下都发请求）
247
- R.useEffect(() => {
248
- if (!settingsDirty)
249
- return undefined;
250
- const timer = setTimeout(() => {
251
- void saveSettings();
252
- }, 600);
253
- return () => clearTimeout(timer);
254
- }, [settings, settingsDirty]);
255
- // 操作提示（完成 / 已保存）3 秒后自动消失；覆盖确认与错误卡保留
256
- R.useEffect(() => {
257
- if (notice?.kind !== 'result')
258
- return undefined;
259
- const timer = setTimeout(() => setNotice(null), 3000);
260
- return () => clearTimeout(timer);
261
- }, [notice]);
262
- // 自动保存不占用 busy：否则底部「上传/同步」按钮会因 disabled 切换而闪烁
263
- const saveSettings = async () => {
264
- try {
265
- const result = await fetchJson(`${API}/config`, {
266
- method: 'POST',
267
- headers: { 'content-type': 'application/json' },
268
- body: JSON.stringify({
269
- autoCheck: settings.autoCheck,
270
- intervalHours: Number(settings.intervalHours) || 6,
271
- }),
272
- });
273
- if (result.error) {
274
- setNotice({ kind: 'error', data: { detail: `设置保存失败：${result.error}` } });
275
- }
276
- else {
277
- setNotice({ kind: 'result', data: { detail: '自动检查设置已保存' } });
146
+ /** 最近一次同步的摘要：上传 / 应用 / 检查。 */
147
+ function lastSyncSummary(status) {
148
+ if (!status)
149
+ return '尚未同步';
150
+ const parts = [];
151
+ if (status.lastUploaded?.createdAt)
152
+ parts.push(`上次上传 ${fmtTime(status.lastUploaded.createdAt)}`);
153
+ if (status.lastApplied?.createdAt)
154
+ parts.push(`上次应用 ${fmtTime(status.lastApplied.createdAt)}`);
155
+ if (status.scheduler?.lastCheckAt) {
156
+ const decision = status.scheduler.lastDecision;
157
+ const label = decision?.action && DECISION_LABELS[decision.action] ? DECISION_LABELS[decision.action] : '';
158
+ parts.push(`上次检查 ${fmtTime(status.scheduler.lastCheckAt)}${label ? `（${label}）` : ''}`);
159
+ }
160
+ return parts.length > 0 ? parts.join(' · ') : '尚未同步';
161
+ }
162
+ function ResultCard({ notice, onApply, onConfirmModules, onDismiss, onInstallPlugins, onForceUpload }) {
163
+ if (!notice)
164
+ return null;
165
+ const { kind, data } = notice;
166
+ if (kind === 'check') {
167
+ const decision = data.decision ?? {};
168
+ if (decision.action === 'pull' || decision.action === 'confirm') {
169
+ const plan = data.plan ?? { added: [], overwritten: [], skipped: [] };
170
+ const missing = data.plugins?.missing ?? [];
171
+ const linkDeps = data.plugins?.linkDeps ?? [];
172
+ return R.createElement('div', { style: styles.card }, R.createElement('strong', null, decision.action === 'confirm' ? '两侧都有更新，需要你决定' : '远端有更新'), R.createElement('p', { style: styles.muted }, `远端包 ${data.latest?.name ?? ''}（${data.meta?.createdAt ?? '时间未知'}），新增 ${(plan.added ?? []).length} / 覆盖 ${(plan.overwritten ?? []).length} / 跳过 ${(plan.skipped ?? []).length} 个文件。`), missing.length > 0
173
+ ? R.createElement('p', { style: styles.muted }, `缺失插件：${missing.map((item) => `${item.name}@${item.spec}`).join('、')}`)
174
+ : null, linkDeps.length > 0
175
+ ? R.createElement('p', { style: styles.muted }, `本地包需手动放回：${linkDeps.map((item) => item.name).join('、')}`)
176
+ : null, R.createElement('div', { style: styles.actions }, missing.length > 0
177
+ ? R.createElement('button', { style: styles.primary, onClick: () => onInstallPlugins(missing) }, '先安装缺失插件')
178
+ : null, R.createElement('button', { style: styles.primary, onClick: () => onApply(data.latest?.name ?? '') }, '用远端覆盖本机'), R.createElement('button', { style: styles.secondary, onClick: () => onDismiss() }, '取消')));
278
179
  }
279
- setSettingsDirty(false);
280
- refresh();
180
+ return R.createElement('div', { style: styles.card }, R.createElement('strong', null, decision.action === 'skip' ? '本机已是最新' : '本机有改动'), R.createElement('p', { style: styles.muted }, `判定：${decision.reason ?? decision.action}`));
281
181
  }
282
- catch (error) {
283
- setNotice({ kind: 'error', data: { detail: String(error) } });
182
+ if (kind === 'error') {
183
+ const remoteNewer = data.code === 'E_REMOTE_NEWER';
184
+ return R.createElement('div', { style: styles.card }, R.createElement('strong', { style: styles.error }, remoteNewer ? '远端有更新的包' : '操作失败'), R.createElement('p', { style: styles.muted }, data.detail ?? data.error ?? '未知错误'), data.hits
185
+ ? R.createElement('p', { style: styles.error }, `敏感扫描命中 ${data.hits.length} 处：${data.hits.map((h) => `${h.file}:${h.line}（${h.pattern}）`).join('；')}`)
186
+ : null,
187
+ // 上传前发现远端更新：默认不覆盖，用户确认后才用本机覆盖远端（G2）
188
+ remoteNewer
189
+ ? R.createElement('div', { style: styles.actions }, R.createElement('button', { style: styles.primary, onClick: () => onForceUpload() }, '用本机覆盖远端'), R.createElement('button', { style: styles.secondary, onClick: () => onDismiss() }, '取消'))
190
+ : null);
284
191
  }
285
- };
286
- const toggleModule = async (id, checked) => {
287
- const base = modules ?? [];
288
- const next = checked ? [...new Set([...base, id])] : base.filter((item) => item !== id);
289
- try {
290
- const result = await fetchJson(`${API}/config`, {
291
- method: 'POST',
292
- headers: { 'content-type': 'application/json' },
293
- body: JSON.stringify({ modules: next }),
294
- });
295
- if (result.warning) {
296
- setConfirmDialog({ modules: next, warning: result.warning });
297
- return;
192
+ return R.createElement('div', { style: styles.card }, R.createElement('strong', null, '完成'), R.createElement('p', { style: styles.muted }, data.detail
193
+ ? String(data.detail)
194
+ : data.packageId
195
+ ? `包 ${data.packageId} · ${fmtBytes(data.size ?? 0)}`
196
+ : `写入 ${data.written?.length ?? 0} 个文件，跳过 ${data.skipped?.length ?? 0} 个`));
197
+ }
198
+ function UserSyncSection() {
199
+ const [status, setStatus] = R.useState(null);
200
+ const [scan, setScan] = R.useState(null);
201
+ // 默认即「四类用户级选中、项目/会话不选」，不依赖 scan 是否成功（G1）。
202
+ const [modules, setModules] = R.useState(['skills', 'plugins', 'config', 'userMemory']);
203
+ const [settings, setSettings] = R.useState({ transport: 'folder', baseUrl: '', autoCheck: true, intervalHours: 6 });
204
+ const [busy, setBusy] = R.useState(false);
205
+ const [notice, setNotice] = R.useState(null);
206
+ // 非用户级模块确认走弹窗（dialog），不再用底部结果卡
207
+ const [confirmDialog, setConfirmDialog] = R.useState(null);
208
+ // 当前展开文件清单的模块（null 表示都收起）
209
+ const [expandedModule, setExpandedModule] = R.useState(null);
210
+ // 设置改动后自动保存（600ms 防抖），不再提供「保存设置」按钮
211
+ const [settingsDirty, setSettingsDirty] = R.useState(false);
212
+ // 本地兜底：status 读不到时也能记住「已同意」，不再重复显示同意卡
213
+ const [localConsent, setLocalConsent] = R.useState(() => {
214
+ try {
215
+ return localStorage.getItem('dsh-user-sync:consent') === '1';
298
216
  }
299
- setModules(next);
217
+ catch {
218
+ return false;
219
+ }
220
+ });
221
+ const consentGiven = Boolean(status?.consent?.acceptedAt) || localConsent;
222
+ const refresh = () => {
223
+ fetchJson(`${API}/status`)
224
+ .then((data) => {
225
+ if (data?.error) {
226
+ // 保留已乐观更新的 consent，只补充错误信息
227
+ setStatus((previous) => ({ ...(previous ?? {}), error: data.error, detail: data.detail }));
228
+ return;
229
+ }
230
+ setStatus(data);
231
+ setSettings({
232
+ transport: data.transportSetting ?? 'folder',
233
+ baseUrl: data.baseUrl ?? '',
234
+ autoCheck: data.scheduler?.autoCheck !== false,
235
+ intervalHours: data.scheduler?.intervalHours ?? 6,
236
+ });
237
+ })
238
+ .catch((error) => setStatus((previous) => ({ ...(previous ?? {}), error: 'status-fetch-failed', detail: String(error) })));
239
+ fetchJson(`${API}/scan`)
240
+ .then((data) => {
241
+ if (data?.error) {
242
+ setScan({ error: data.error, detail: data.detail });
243
+ return;
244
+ }
245
+ setScan(data);
246
+ if (Array.isArray(data.modules))
247
+ setModules(data.modules);
248
+ })
249
+ .catch((error) => setScan({ error: 'scan-fetch-failed', detail: String(error) }));
250
+ };
251
+ R.useEffect(() => {
300
252
  refresh();
301
- }
302
- catch (error) {
303
- setNotice({ kind: 'error', data: { detail: String(error) } });
304
- }
305
- };
306
- const confirmModules = async (next) => {
307
- try {
308
- await fetchJson(`${API}/config`, {
309
- method: 'POST',
310
- headers: { 'content-type': 'application/json' },
311
- body: JSON.stringify({ modules: next, confirmNonUserLevel: true }),
312
- });
313
- setModules(next);
253
+ }, []);
254
+ // 设置改动后 600ms 自动保存（输入间隔时不会每敲一下都发请求）
255
+ R.useEffect(() => {
256
+ if (!settingsDirty)
257
+ return undefined;
258
+ const timer = setTimeout(() => {
259
+ void saveSettings();
260
+ }, 600);
261
+ return () => clearTimeout(timer);
262
+ }, [settings, settingsDirty]);
263
+ // 操作提示（完成 / 已保存）3 秒后自动消失；覆盖确认与错误卡保留
264
+ R.useEffect(() => {
265
+ if (notice?.kind !== 'result')
266
+ return undefined;
267
+ const timer = setTimeout(() => setNotice(null), 3000);
268
+ return () => clearTimeout(timer);
269
+ }, [notice]);
270
+ // 自动保存不占用 busy：否则底部「上传/同步」按钮会因 disabled 切换而闪烁
271
+ const saveSettings = async () => {
272
+ try {
273
+ const result = await fetchJson(`${API}/config`, {
274
+ method: 'POST',
275
+ headers: { 'content-type': 'application/json' },
276
+ body: JSON.stringify({
277
+ autoCheck: settings.autoCheck,
278
+ intervalHours: Number(settings.intervalHours) || 6,
279
+ }),
280
+ });
281
+ if (result.error) {
282
+ setNotice({ kind: 'error', data: { detail: `设置保存失败：${result.error}` } });
283
+ }
284
+ else {
285
+ setNotice({ kind: 'result', data: { detail: '自动检查设置已保存' } });
286
+ }
287
+ setSettingsDirty(false);
288
+ refresh();
289
+ }
290
+ catch (error) {
291
+ setNotice({ kind: 'error', data: { detail: String(error) } });
292
+ }
293
+ };
294
+ const toggleModule = async (id, checked) => {
295
+ const base = modules ?? [];
296
+ const next = checked ? [...new Set([...base, id])] : base.filter((item) => item !== id);
297
+ try {
298
+ const result = await fetchJson(`${API}/config`, {
299
+ method: 'POST',
300
+ headers: { 'content-type': 'application/json' },
301
+ body: JSON.stringify({ modules: next }),
302
+ });
303
+ if (result.warning) {
304
+ setConfirmDialog({ modules: next, warning: result.warning });
305
+ return;
306
+ }
307
+ setModules(next);
308
+ refresh();
309
+ }
310
+ catch (error) {
311
+ setNotice({ kind: 'error', data: { detail: String(error) } });
312
+ }
313
+ };
314
+ const confirmModules = async (next) => {
315
+ try {
316
+ await fetchJson(`${API}/config`, {
317
+ method: 'POST',
318
+ headers: { 'content-type': 'application/json' },
319
+ body: JSON.stringify({ modules: next, confirmNonUserLevel: true }),
320
+ });
321
+ setModules(next);
322
+ setNotice(null);
323
+ setConfirmDialog(null);
324
+ refresh();
325
+ }
326
+ catch (error) {
327
+ setNotice({ kind: 'error', data: { detail: String(error) } });
328
+ }
329
+ };
330
+ const acceptConsent = async () => {
331
+ setBusy(true);
332
+ try {
333
+ const result = await fetchJson(`${API}/consent`, {
334
+ method: 'POST',
335
+ headers: { 'content-type': 'application/json' },
336
+ body: JSON.stringify({ accepted: true }),
337
+ });
338
+ if (result?.error) {
339
+ setNotice({ kind: 'error', data: result });
340
+ return;
341
+ }
342
+ // 乐观更新：不等 status 刷新，卡片立即消失
343
+ const consent = result?.consent ?? { acceptedAt: new Date().toISOString() };
344
+ setStatus((previous) => ({ ...(previous ?? {}), consent }));
345
+ try {
346
+ localStorage.setItem('dsh-user-sync:consent', '1');
347
+ }
348
+ catch {
349
+ // 隐私模式等场景写不进去，不影响本次会话
350
+ }
351
+ setLocalConsent(true);
352
+ setNotice({ kind: 'result', data: { detail: '已同意' } });
353
+ refresh();
354
+ }
355
+ catch (error) {
356
+ setNotice({ kind: 'error', data: { detail: String(error) } });
357
+ }
358
+ finally {
359
+ setBusy(false);
360
+ }
361
+ };
362
+ /** force=true 表示用户已确认「用本机覆盖远端」（远端更新时才需要）。 */
363
+ const upload = async (force = false) => {
364
+ setBusy(true);
314
365
  setNotice(null);
315
- setConfirmDialog(null);
316
- refresh();
317
- }
318
- catch (error) {
319
- setNotice({ kind: 'error', data: { detail: String(error) } });
320
- }
321
- };
322
- const acceptConsent = async () => {
323
- setBusy(true);
324
- try {
325
- const result = await fetchJson(`${API}/consent`, {
326
- method: 'POST',
327
- headers: { 'content-type': 'application/json' },
328
- body: JSON.stringify({ accepted: true }),
329
- });
330
- if (result?.error) {
331
- setNotice({ kind: 'error', data: result });
332
- return;
366
+ try {
367
+ const result = await fetchJson(`${API}/upload`, {
368
+ method: 'POST',
369
+ headers: { 'content-type': 'application/json' },
370
+ body: JSON.stringify({ force }),
371
+ });
372
+ setNotice({ kind: result.ok ? 'result' : 'error', data: result });
373
+ refresh();
374
+ }
375
+ catch (error) {
376
+ setNotice({ kind: 'error', data: { detail: String(error) } });
333
377
  }
334
- // 乐观更新：不等 status 刷新，卡片立即消失
335
- const consent = result?.consent ?? { acceptedAt: new Date().toISOString() };
336
- setStatus((previous) => ({ ...(previous ?? {}), consent }));
378
+ finally {
379
+ setBusy(false);
380
+ }
381
+ };
382
+ const installPlugins = async (packages) => {
383
+ setBusy(true);
337
384
  try {
338
- localStorage.setItem('dsh-user-sync:consent', '1');
385
+ const result = await fetchJson(`${API}/install`, {
386
+ method: 'POST',
387
+ headers: { 'content-type': 'application/json' },
388
+ body: JSON.stringify({ packages }),
389
+ });
390
+ if (result.ok) {
391
+ setNotice({ kind: 'result', data: { detail: `已安装 ${result.results?.length ?? 0} 个插件，重启 DSH 后生效` } });
392
+ }
393
+ else {
394
+ setNotice({ kind: 'error', data: { detail: `安装失败：${(result.results ?? []).filter((item) => !item.ok).map((item) => `${item.name}（${item.error}）`).join('；') || result.error}` } });
395
+ }
396
+ refresh();
339
397
  }
340
- catch {
341
- // 隐私模式等场景写不进去，不影响本次会话
398
+ catch (error) {
399
+ setNotice({ kind: 'error', data: { detail: String(error) } });
342
400
  }
343
- setLocalConsent(true);
344
- setNotice({ kind: 'result', data: { detail: '已同意' } });
345
- refresh();
346
- }
347
- catch (error) {
348
- setNotice({ kind: 'error', data: { detail: String(error) } });
349
- }
350
- finally {
351
- setBusy(false);
352
- }
353
- };
354
- const upload = async () => {
355
- setBusy(true);
356
- setNotice(null);
357
- try {
358
- const result = await fetchJson(`${API}/upload`, { method: 'POST' });
359
- setNotice({ kind: result.ok ? 'result' : 'error', data: result });
360
- refresh();
361
- }
362
- catch (error) {
363
- setNotice({ kind: 'error', data: { detail: String(error) } });
364
- }
365
- finally {
366
- setBusy(false);
367
- }
368
- };
369
- const installPlugins = async (packages) => {
370
- setBusy(true);
371
- try {
372
- const result = await fetchJson(`${API}/install`, {
373
- method: 'POST',
374
- headers: { 'content-type': 'application/json' },
375
- body: JSON.stringify({ packages }),
376
- });
377
- if (result.ok) {
378
- setNotice({ kind: 'result', data: { detail: `已安装 ${result.results?.length ?? 0} 个插件，重启 DSH 后生效` } });
401
+ finally {
402
+ setBusy(false);
379
403
  }
380
- else {
381
- setNotice({ kind: 'error', data: { detail: `安装失败：${(result.results ?? []).filter((item) => !item.ok).map((item) => `${item.name}（${item.error}）`).join('；') || result.error}` } });
404
+ };
405
+ const checkRemote = async () => {
406
+ setBusy(true);
407
+ setNotice(null);
408
+ try {
409
+ const result = await fetchJson(`${API}/check`);
410
+ setNotice(result.error ? { kind: 'error', data: result } : { kind: 'check', data: result });
382
411
  }
383
- refresh();
384
- }
385
- catch (error) {
386
- setNotice({ kind: 'error', data: { detail: String(error) } });
387
- }
388
- finally {
389
- setBusy(false);
390
- }
391
- };
392
- const checkRemote = async () => {
393
- setBusy(true);
394
- setNotice(null);
395
- try {
396
- const result = await fetchJson(`${API}/check`);
397
- setNotice(result.error ? { kind: 'error', data: result } : { kind: 'check', data: result });
398
- }
399
- catch (error) {
400
- setNotice({ kind: 'error', data: { detail: String(error) } });
401
- }
402
- finally {
403
- setBusy(false);
404
- }
405
- };
406
- const applyRemote = async (name) => {
407
- if (!name)
408
- return;
409
- setBusy(true);
412
+ catch (error) {
413
+ setNotice({ kind: 'error', data: { detail: String(error) } });
414
+ }
415
+ finally {
416
+ setBusy(false);
417
+ }
418
+ };
419
+ const applyRemote = async (name) => {
420
+ if (!name)
421
+ return;
422
+ setBusy(true);
423
+ try {
424
+ const result = await fetchJson(`${API}/apply`, {
425
+ method: 'POST',
426
+ headers: { 'content-type': 'application/json' },
427
+ body: JSON.stringify({ name }),
428
+ });
429
+ setNotice({ kind: result.ok ? 'result' : 'error', data: result });
430
+ refresh();
431
+ }
432
+ catch (error) {
433
+ setNotice({ kind: 'error', data: { detail: String(error) } });
434
+ }
435
+ finally {
436
+ setBusy(false);
437
+ }
438
+ };
439
+ // 会话不参与同步：同步范围内不展示会话模块
440
+ const moduleIds = (scan?.allModules ?? [...USER_LEVEL, 'projectMemory', 'sessions']).filter((id) => id !== 'sessions');
441
+ // 计数优先用 status 的宿主探针（与 /scan 同一条扫描路径），
442
+ // 这样 /scan 请求失败时面板仍能显示真实数量。
443
+ const counts = status?.probe?.counts ?? scan?.counts ?? {};
444
+ return R.createElement('div', { style: styles.section }, R.createElement('h2', { style: styles.heading }, '设置同步'), status?.scheduler?.lastDecision?.action === 'pull' && consentGiven
445
+ ? R.createElement('div', { style: styles.card }, R.createElement('strong', null, '远端有更新'), R.createElement('p', { style: styles.muted }, `检测到 ${fmtTime(status.scheduler.lastCheckAt)} 的远端更新（来自 ${status.scheduler.lastDecision.packageId ?? '远端'}）。`), R.createElement('div', { style: styles.actions }, R.createElement('button', { style: styles.secondary, disabled: busy, onClick: checkRemote }, '立即同步')))
446
+ : null, !consentGiven
447
+ ? R.createElement('div', { style: styles.card }, R.createElement('strong', null, '启用前请确认'), R.createElement('p', { style: styles.muted }, '上传内容：技能、插件清单、配置、用户记忆。数据经运营方服务中转并存放在运营方账号（非 DSH 官方服务器）；远端只保留 1 份，上传即覆盖。'), R.createElement('div', { style: styles.actions },
448
+ // 用普通按钮：主色按钮看起来像「已选中」，同意是主动作但不应暗示状态
449
+ R.createElement('button', { style: styles.secondary, disabled: busy, onClick: acceptConsent }, '同意并启用上传')))
450
+ : null, R.createElement('div', { style: styles.card }, R.createElement('div', { style: styles.row }, R.createElement('span', null, 'DSH 主目录'), R.createElement('code', null, status?.dshHome ?? '…')), R.createElement('div', { style: styles.row }, R.createElement('span', null, 'Profile'), R.createElement('span', null, status?.profile ?? '…')), R.createElement('div', { style: styles.row }, R.createElement('span', null, '账号'), R.createElement('span', null, status?.account?.hint ? `已配对 · ${status.account.hint}` : '未登录官方账号')), R.createElement('div', { style: styles.row }, R.createElement('span', null, '传输'), R.createElement('span', null, status?.transport ?? '…')), R.createElement('div', { style: styles.row }, R.createElement('span', null, '版本'), R.createElement('span', null, status?.version ? `v${status.version}` : '加载中…')), R.createElement('div', { style: styles.row }, R.createElement('span', null, '接口'), R.createElement('span', { style: status?.error ? styles.error : undefined }, status?.error ? `错误：${status.error}${status.detail ? `（${status.detail}）` : ''}` : status?.installed ? '正常' : '加载中…')), R.createElement('div', { style: styles.row }, R.createElement('span', null, '扫描'), R.createElement('span', { style: scan?.error ? styles.error : undefined }, scan?.error
451
+ ? `失败：${scan.error}${scan.detail ? `：${String(scan.detail).slice(0, 160)}` : ''}`
452
+ : `已选 ${scan?.selectedFiles ?? scan?.totalFiles ?? 0} 个文件 · ${fmtBytes(scan?.selectedBytes ?? scan?.totalBytes ?? 0)}（同步范围 ${scan?.syncableFiles ?? scan?.totalFiles ?? 0} 个 · ${fmtBytes(scan?.syncableBytes ?? scan?.totalBytes ?? 0)}）`))), R.createElement('div', { style: styles.card }, R.createElement('strong', null, '同步范围'), (scan?.selectedBytes ?? 0) > 10 * 1024 * 1024
453
+ ? R.createElement('p', { style: styles.warn }, `预计 ${fmtBytes(scan?.selectedBytes)}，超过 10 MiB 单包上限；上传会被拒绝，请取消「会话」或减少同步范围。`)
454
+ : null, R.createElement('div', { style: styles.moduleGrid }, ...moduleIds.map((id) => {
455
+ const checked = (modules ?? []).includes(id);
456
+ // 插件清单展示「装了什么插件」（profile dependencies）；无 plugins 数据时退回文件数
457
+ const usePluginList = id === 'plugins' && Array.isArray(scan?.plugins);
458
+ const moduleCount = usePluginList ? (scan?.plugins?.length ?? 0) : counts[id] ?? 0;
459
+ const moduleFiles = (scan?.files ?? []).filter((file) => file.module === id);
460
+ // 插件清单展示「装了什么插件」，其余模块展示文件路径；会话模块优先展示标题
461
+ const moduleEntries = usePluginList
462
+ ? (scan?.plugins ?? []).map((plugin) => `${plugin.name}@${plugin.spec}`)
463
+ : moduleFiles.map((file) => (id === 'sessions' && file.title ? file.title : file.path));
464
+ return R.createElement('div', { key: id, style: styles.moduleItem }, R.createElement('button', {
465
+ type: 'button',
466
+ 'aria-pressed': checked,
467
+ title: MODULE_HINTS[id] ?? '',
468
+ onClick: () => toggleModule(id, !checked),
469
+ style: checked ? styles.moduleButtonActive : styles.moduleButton,
470
+ }, `${MODULE_LABELS[id] ?? id}（${moduleCount}）${USER_LEVEL.includes(id) ? '' : ' · 非用户级'}`), R.createElement('span', { style: styles.moduleHint }, MODULE_HINTS[id] ?? ''), moduleEntries.length > 0
471
+ ? R.createElement('button', {
472
+ type: 'button',
473
+ style: styles.linkButton,
474
+ onClick: () => setExpandedModule(expandedModule === id ? null : id),
475
+ }, expandedModule === id
476
+ ? '收起清单'
477
+ : usePluginList
478
+ ? `查看 ${moduleEntries.length} 个插件`
479
+ : id === 'sessions'
480
+ ? `查看 ${moduleEntries.length} 个会话`
481
+ : `查看 ${moduleEntries.length} 个文件`)
482
+ : null, expandedModule === id
483
+ ? R.createElement('ul', { style: styles.fileList }, ...moduleEntries.map((entry) => R.createElement('li', { key: entry, style: styles.fileItem }, entry)))
484
+ : null);
485
+ }))), R.createElement('div', { style: styles.card }, R.createElement('strong', null, '自动检查'), R.createElement('label', { style: styles.moduleRow }, R.createElement('input', {
486
+ type: 'checkbox',
487
+ checked: settings.autoCheck,
488
+ onChange: (event) => {
489
+ setSettings({ ...settings, autoCheck: Boolean(event.target.checked) });
490
+ setSettingsDirty(true);
491
+ },
492
+ }), '启动与定时检查远端（只提醒，不自动覆盖）'), R.createElement('label', { style: styles.moduleRow }, R.createElement('span', null, '间隔（小时）'), R.createElement('input', {
493
+ type: 'number',
494
+ min: 1,
495
+ max: 168,
496
+ value: settings.intervalHours,
497
+ onChange: (event) => {
498
+ setSettings({ ...settings, intervalHours: Number(event.target.value ?? 6) });
499
+ setSettingsDirty(true);
500
+ },
501
+ style: { width: 72, padding: '2px 6px', fontSize: 13 },
502
+ }))), R.createElement('div', { style: styles.actions },
503
+ // 两个操作都用普通按钮：主色高亮会被看成「已选中」
504
+ R.createElement('button', { style: styles.secondary, disabled: busy || !consentGiven, onClick: () => upload() }, busy ? '处理中…' : '上传用户配置'), R.createElement('button', { style: styles.secondary, disabled: busy, onClick: checkRemote }, '从远端同步')), R.createElement('p', { style: styles.muted }, lastSyncSummary(status)),
505
+ // 服务地址只读展示：默认内置，用户覆盖后标注来源（面板不再提供输入框）
506
+ R.createElement('p', { style: styles.muted }, `服务地址：${status?.baseUrl ?? '（未解析）'}${status?.baseUrlSource === 'user' ? '（自定义）' : '（内置）'}`), R.createElement(ResultCard, {
507
+ notice,
508
+ onApply: applyRemote,
509
+ onConfirmModules: confirmModules,
510
+ onDismiss: () => setNotice(null),
511
+ onInstallPlugins: installPlugins,
512
+ onForceUpload: () => upload(true),
513
+ }), confirmDialog
514
+ ? R.createElement('div', { style: styles.overlay, onClick: () => setConfirmDialog(null) }, R.createElement('div', { style: styles.dialog, onClick: (event) => event.stopPropagation?.() }, R.createElement('strong', null, '同步项目/会话内容？'), R.createElement('p', { style: styles.muted }, `${confirmDialog.warning.map((id) => MODULE_LABELS[id] ?? id).join('、')} 属于项目/会话级，可能包含具体工作内容。确认要跨机器同步吗？`), R.createElement('div', { style: styles.actions }, R.createElement('button', { style: styles.primary, onClick: () => confirmModules(confirmDialog.modules) }, '仍要同步'), R.createElement('button', { style: styles.secondary, onClick: () => setConfirmDialog(null) }, '取消'))))
515
+ : null);
516
+ }
517
+ function apply(ctx) {
410
518
  try {
411
- const result = await fetchJson(`${API}/apply`, {
412
- method: 'POST',
413
- headers: { 'content-type': 'application/json' },
414
- body: JSON.stringify({ name }),
415
- });
416
- setNotice({ kind: result.ok ? 'result' : 'error', data: result });
417
- refresh();
519
+ ctx.slots.inject('settings.section', () => ctx.slots.register({
520
+ name: 'settings.section',
521
+ id: 'user-sync',
522
+ order: 50,
523
+ label: '设置同步',
524
+ }, UserSyncSection));
418
525
  }
419
526
  catch (error) {
420
- setNotice({ kind: 'error', data: { detail: String(error) } });
421
- }
422
- finally {
423
- setBusy(false);
527
+ // 面板注册失败只影响自己，不抛给 fiber，避免 web boot 失败。
528
+ console.error('[dsh-user-sync] 面板注册失败', error);
424
529
  }
425
- };
426
- // 会话不参与同步：同步范围内不展示会话模块
427
- const moduleIds = (scan?.allModules ?? [...USER_LEVEL, 'projectMemory', 'sessions']).filter((id) => id !== 'sessions');
428
- // 计数优先用 status 的宿主探针（与 /scan 同一条扫描路径），
429
- // 这样 /scan 请求失败时面板仍能显示真实数量。
430
- const counts = status?.probe?.counts ?? scan?.counts ?? {};
431
- return R.createElement('div', { style: styles.section }, R.createElement('h2', { style: styles.heading }, '设置同步'), status?.scheduler?.lastDecision?.action === 'pull' && consentGiven
432
- ? R.createElement('div', { style: styles.card }, R.createElement('strong', null, '远端有更新'), R.createElement('p', { style: styles.muted }, `检测到 ${fmtTime(status.scheduler.lastCheckAt)} 的远端更新（来自 ${status.scheduler.lastDecision.packageId ?? '远端'}）。`), R.createElement('div', { style: styles.actions }, R.createElement('button', { style: styles.secondary, disabled: busy, onClick: checkRemote }, '立即同步')))
433
- : null, !consentGiven
434
- ? R.createElement('div', { style: styles.card }, R.createElement('strong', null, '启用前请确认'), R.createElement('p', { style: styles.muted }, '上传内容：技能、插件清单、配置、用户记忆。数据经运营方服务中转并存放在运营方账号（非 DSH 官方服务器）；远端只保留 1 份，上传即覆盖。'), R.createElement('div', { style: styles.actions },
435
- // 用普通按钮：主色按钮看起来像「已选中」，同意是主动作但不应暗示状态
436
- R.createElement('button', { style: styles.secondary, disabled: busy, onClick: acceptConsent }, '同意并启用上传')))
437
- : null, R.createElement('div', { style: styles.card }, R.createElement('div', { style: styles.row }, R.createElement('span', null, 'DSH 主目录'), R.createElement('code', null, status?.dshHome ?? '…')), R.createElement('div', { style: styles.row }, R.createElement('span', null, 'Profile'), R.createElement('span', null, status?.profile ?? '…')), R.createElement('div', { style: styles.row }, R.createElement('span', null, '账号'), R.createElement('span', null, status?.account?.hint ? `已配对 · ${status.account.hint}` : '未登录官方账号')), R.createElement('div', { style: styles.row }, R.createElement('span', null, '传输'), R.createElement('span', null, status?.transport ?? '…')), R.createElement('div', { style: styles.row }, R.createElement('span', null, '版本'), R.createElement('span', null, status?.version ? `v${status.version}` : '加载中…')), R.createElement('div', { style: styles.row }, R.createElement('span', null, '接口'), R.createElement('span', { style: status?.error ? styles.error : undefined }, status?.error ? `错误：${status.error}${status.detail ? `（${status.detail}）` : ''}` : status?.installed ? '正常' : '加载中…')), R.createElement('div', { style: styles.row }, R.createElement('span', null, '扫描'), R.createElement('span', { style: scan?.error ? styles.error : undefined }, scan?.error
438
- ? `失败：${scan.error}${scan.detail ? `：${String(scan.detail).slice(0, 160)}` : ''}`
439
- : `已选 ${scan?.selectedFiles ?? scan?.totalFiles ?? 0} 个文件 · ${fmtBytes(scan?.selectedBytes ?? scan?.totalBytes ?? 0)}（同步范围 ${scan?.syncableFiles ?? scan?.totalFiles ?? 0} 个 · ${fmtBytes(scan?.syncableBytes ?? scan?.totalBytes ?? 0)}）`))), R.createElement('div', { style: styles.card }, R.createElement('strong', null, '同步范围'), (scan?.selectedBytes ?? 0) > 10 * 1024 * 1024
440
- ? R.createElement('p', { style: styles.warn }, `预计 ${fmtBytes(scan?.selectedBytes)}，超过 10 MiB 单包上限；上传会被拒绝，请取消「会话」或减少同步范围。`)
441
- : null, R.createElement('div', { style: styles.moduleGrid }, ...moduleIds.map((id) => {
442
- const checked = (modules ?? []).includes(id);
443
- // 插件清单展示「装了什么插件」（profile dependencies）；无 plugins 数据时退回文件数
444
- const usePluginList = id === 'plugins' && Array.isArray(scan?.plugins);
445
- const moduleCount = usePluginList ? (scan?.plugins?.length ?? 0) : counts[id] ?? 0;
446
- const moduleFiles = (scan?.files ?? []).filter((file) => file.module === id);
447
- // 插件清单展示「装了什么插件」，其余模块展示文件路径；会话模块优先展示标题
448
- const moduleEntries = usePluginList
449
- ? (scan?.plugins ?? []).map((plugin) => `${plugin.name}@${plugin.spec}`)
450
- : moduleFiles.map((file) => (id === 'sessions' && file.title ? file.title : file.path));
451
- return R.createElement('div', { key: id, style: styles.moduleItem }, R.createElement('button', {
452
- type: 'button',
453
- 'aria-pressed': checked,
454
- title: MODULE_HINTS[id] ?? '',
455
- onClick: () => toggleModule(id, !checked),
456
- style: checked ? styles.moduleButtonActive : styles.moduleButton,
457
- }, `${MODULE_LABELS[id] ?? id}（${moduleCount}）${USER_LEVEL.includes(id) ? '' : ' · 非用户级'}`), R.createElement('span', { style: styles.moduleHint }, MODULE_HINTS[id] ?? ''), moduleEntries.length > 0
458
- ? R.createElement('button', {
459
- type: 'button',
460
- style: styles.linkButton,
461
- onClick: () => setExpandedModule(expandedModule === id ? null : id),
462
- }, expandedModule === id
463
- ? '收起清单'
464
- : usePluginList
465
- ? `查看 ${moduleEntries.length} 个插件`
466
- : id === 'sessions'
467
- ? `查看 ${moduleEntries.length} 个会话`
468
- : `查看 ${moduleEntries.length} 个文件`)
469
- : null, expandedModule === id
470
- ? R.createElement('ul', { style: styles.fileList }, ...moduleEntries.map((entry) => R.createElement('li', { key: entry, style: styles.fileItem }, entry)))
471
- : null);
472
- }))), R.createElement('div', { style: styles.card }, R.createElement('strong', null, '自动检查'), R.createElement('label', { style: styles.moduleRow }, R.createElement('input', {
473
- type: 'checkbox',
474
- checked: settings.autoCheck,
475
- onChange: (event) => {
476
- setSettings({ ...settings, autoCheck: Boolean(event.target.checked) });
477
- setSettingsDirty(true);
478
- },
479
- }), '启动与定时检查远端（只提醒，不自动覆盖）'), R.createElement('label', { style: styles.moduleRow }, R.createElement('span', null, '间隔（小时）'), R.createElement('input', {
480
- type: 'number',
481
- min: 1,
482
- max: 168,
483
- value: settings.intervalHours,
484
- onChange: (event) => {
485
- setSettings({ ...settings, intervalHours: Number(event.target.value ?? 6) });
486
- setSettingsDirty(true);
487
- },
488
- style: { width: 72, padding: '2px 6px', fontSize: 13 },
489
- }))), R.createElement('div', { style: styles.actions },
490
- // 两个操作都用普通按钮：主色高亮会被看成「已选中」
491
- R.createElement('button', { style: styles.secondary, disabled: busy || !consentGiven, onClick: upload }, busy ? '处理中…' : '上传用户配置'), R.createElement('button', { style: styles.secondary, disabled: busy, onClick: checkRemote }, '从远端同步')), R.createElement('p', { style: styles.muted }, lastSyncSummary(status)), R.createElement(ResultCard, {
492
- notice,
493
- onApply: applyRemote,
494
- onConfirmModules: confirmModules,
495
- onDismiss: () => setNotice(null),
496
- onInstallPlugins: installPlugins,
497
- }), confirmDialog
498
- ? R.createElement('div', { style: styles.overlay, onClick: () => setConfirmDialog(null) }, R.createElement('div', { style: styles.dialog, onClick: (event) => event.stopPropagation?.() }, R.createElement('strong', null, '同步项目/会话内容？'), R.createElement('p', { style: styles.muted }, `${confirmDialog.warning.map((id) => MODULE_LABELS[id] ?? id).join('、')} 属于项目/会话级，可能包含具体工作内容。确认要跨机器同步吗？`), R.createElement('div', { style: styles.actions }, R.createElement('button', { style: styles.primary, onClick: () => confirmModules(confirmDialog.modules) }, '仍要同步'), R.createElement('button', { style: styles.secondary, onClick: () => setConfirmDialog(null) }, '取消'))))
499
- : null);
500
- }
501
- function apply(ctx) {
502
- try {
503
- ctx.slots.inject('settings.section', () => ctx.slots.register({
504
- name: 'settings.section',
505
- id: 'user-sync',
506
- order: 50,
507
- label: '设置同步',
508
- }, UserSyncSection));
509
530
  }
510
- catch (error) {
511
- // 面板注册失败只影响自己，不抛给 fiber，避免 web boot 失败。
512
- console.error('[dsh-user-sync] 面板注册失败', error);
513
- }
514
- }
515
- exports.apply = apply;
516
- // client 半边的 inject 是服务名（slots / locale），不是包名；
517
- // 不声明 slots 时 ctx.slots 为 undefined，apply 会拿不到服务。
518
- exports.inject = ['slots'];
519
- return module.exports;
520
- },
521
- });
531
+ exports.apply = apply;
532
+ // client 半边的 inject 是服务名（slots / locale），不是包名；
533
+ // 不声明 slots 时 ctx.slots 为 undefined，apply 会拿不到服务。
534
+ exports.inject = ['slots'];
535
+ return module.exports;
536
+ },
537
+ });
538
+ }