dsh-novel-write-engine 0.2.1 → 0.2.3
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.
- package/CHANGELOG.md +60 -1
- package/README.md +124 -57
- package/briefs/P5.md +22 -1
- package/briefs/P8.md +67 -1
- package/lib/client.js +591 -55
- package/lib/index.d.ts +393 -37
- package/lib/index.js +4039 -1997
- package/lib/types/client/dto.d.ts +45 -4
- package/lib/types/client/panel.d.ts +1 -1
- package/lib/types/client/viewmodel.d.ts +50 -3
- package/lib/types/constants.d.ts +4 -1
- package/lib/types/types.d.ts +37 -2
- package/package.json +1 -1
- package/rulepacks/default.yaml +4 -2
- package/skills/entry.md +7 -0
package/lib/client.js
CHANGED
|
@@ -42,7 +42,7 @@ window.__ModuleLoader__.load({
|
|
|
42
42
|
novel_word_count: "按引擎字数口径核对正文长度。"
|
|
43
43
|
};
|
|
44
44
|
// src/client/viewmodel.ts
|
|
45
|
-
const PANEL_SCHEMA_VERSION =
|
|
45
|
+
const PANEL_SCHEMA_VERSION = 5;
|
|
46
46
|
const PHASE_LABELS = {
|
|
47
47
|
P1: "世界观",
|
|
48
48
|
P2: "章节计划",
|
|
@@ -104,6 +104,15 @@ window.__ModuleLoader__.load({
|
|
|
104
104
|
state: "loading",
|
|
105
105
|
title: "网文工坊",
|
|
106
106
|
subtitle: "正在整理书稿…",
|
|
107
|
+
root: "",
|
|
108
|
+
projects: [],
|
|
109
|
+
selectedRoot: null,
|
|
110
|
+
selection: {
|
|
111
|
+
root: null,
|
|
112
|
+
source: "none"
|
|
113
|
+
},
|
|
114
|
+
resumeText: "",
|
|
115
|
+
damaged: false,
|
|
107
116
|
stageLabel: "读取中",
|
|
108
117
|
finished: false,
|
|
109
118
|
revisionLabel: "",
|
|
@@ -143,7 +152,10 @@ window.__ModuleLoader__.load({
|
|
|
143
152
|
quality: {
|
|
144
153
|
averageScore: 0,
|
|
145
154
|
scores: [],
|
|
146
|
-
trend:
|
|
155
|
+
trend: null,
|
|
156
|
+
trendText: "—",
|
|
157
|
+
samples: 0,
|
|
158
|
+
attempts: 0
|
|
147
159
|
},
|
|
148
160
|
health: {
|
|
149
161
|
ok: true,
|
|
@@ -151,6 +163,9 @@ window.__ModuleLoader__.load({
|
|
|
151
163
|
stateErrors: 0
|
|
152
164
|
},
|
|
153
165
|
activity: [],
|
|
166
|
+
advisories: [],
|
|
167
|
+
acknowledgedAdvisories: 0,
|
|
168
|
+
legacy: [],
|
|
154
169
|
nextTitle: "",
|
|
155
170
|
nextDetail: "",
|
|
156
171
|
nextTool: "",
|
|
@@ -165,6 +180,50 @@ window.__ModuleLoader__.load({
|
|
|
165
180
|
subtitle: message,
|
|
166
181
|
stageLabel: "连接异常"
|
|
167
182
|
});
|
|
183
|
+
const pathParts = (root) => root.split(/[\\/]/).filter((part) => part !== "");
|
|
184
|
+
/** Shortest suffix that is unique among projects sharing a display title. */
|
|
185
|
+
const pathHint = (root, sameTitleRoots) => {
|
|
186
|
+
const parts = pathParts(root);
|
|
187
|
+
if (parts.length === 0) return root;
|
|
188
|
+
const candidates = sameTitleRoots.map((other) => pathParts(other));
|
|
189
|
+
for (let depth = 1; depth <= parts.length; depth += 1) {
|
|
190
|
+
const suffix = parts.slice(-depth).join("/");
|
|
191
|
+
if (candidates.filter((candidate) => candidate.slice(-depth).join("/") === suffix).length === 1) return suffix;
|
|
192
|
+
}
|
|
193
|
+
return root;
|
|
194
|
+
};
|
|
195
|
+
const projectViews = (payload) => {
|
|
196
|
+
const selected = payload.selection.root;
|
|
197
|
+
const titleCounts = /* @__PURE__ */ new Map();
|
|
198
|
+
const titleRoots = /* @__PURE__ */ new Map();
|
|
199
|
+
for (const project of payload.projects ?? []) {
|
|
200
|
+
titleCounts.set(project.title, (titleCounts.get(project.title) ?? 0) + 1);
|
|
201
|
+
const roots = titleRoots.get(project.title) ?? [];
|
|
202
|
+
roots.push(project.root);
|
|
203
|
+
titleRoots.set(project.title, roots);
|
|
204
|
+
}
|
|
205
|
+
return (payload.projects ?? []).map((project) => {
|
|
206
|
+
const duplicate = (titleCounts.get(project.title) ?? 0) > 1;
|
|
207
|
+
const state = project.identity_changed === true ? "（路径已换书）" : project.state === "ok" ? "" : project.state === "damaged" ? "（待修复）" : project.state === "missing" ? "（目录不存在）" : project.state === "not-project" ? "（不是项目）" : "（不可读）";
|
|
208
|
+
return {
|
|
209
|
+
root: project.root,
|
|
210
|
+
title: project.title,
|
|
211
|
+
label: `《${project.title}》${duplicate ? ` — ${pathHint(project.root, titleRoots.get(project.title) ?? [])}` : ""}${state}`,
|
|
212
|
+
active: project.active,
|
|
213
|
+
registered: project.registered,
|
|
214
|
+
state: project.state,
|
|
215
|
+
...project.identity_changed === true ? { identity_changed: true } : {},
|
|
216
|
+
group: project.identity_changed === true ? "damaged" : project.state === "ok" ? "writing" : project.state === "damaged" ? "damaged" : "missing",
|
|
217
|
+
selected: selected === project.root
|
|
218
|
+
};
|
|
219
|
+
});
|
|
220
|
+
};
|
|
221
|
+
const baseProjection = (payload) => ({
|
|
222
|
+
projects: projectViews(payload),
|
|
223
|
+
selectedRoot: payload.selection.root,
|
|
224
|
+
selection: payload.selection,
|
|
225
|
+
root: payload.selection.root ?? ""
|
|
226
|
+
});
|
|
168
227
|
const phaseLabel = (id) => PHASE_LABELS[id] ?? id;
|
|
169
228
|
const stageLabel = (stage) => STAGE_LABELS[stage] ?? stage;
|
|
170
229
|
const platformLabel = (platform) => PLATFORM_LABELS[platform] ?? platform;
|
|
@@ -187,20 +246,55 @@ window.__ModuleLoader__.load({
|
|
|
187
246
|
subtitle: "面板与引擎版本不一致，请刷新页面。",
|
|
188
247
|
stageLabel: "需要刷新"
|
|
189
248
|
};
|
|
249
|
+
const base = baseProjection(payload);
|
|
250
|
+
if (payload.missing !== void 0) return {
|
|
251
|
+
...loading(),
|
|
252
|
+
...base,
|
|
253
|
+
state: "missing",
|
|
254
|
+
title: payload.missing.reason === "busy" ? "正在写入" : payload.missing.reason === "unreadable" ? "项目不可读" : payload.missing.reason === "not-project" ? "不是项目目录" : "项目不在了",
|
|
255
|
+
subtitle: `${payload.missing.title} · ${payload.missing.root}`,
|
|
256
|
+
stageLabel: payload.missing.reason === "busy" ? "稍后刷新" : "不可用",
|
|
257
|
+
missing: {
|
|
258
|
+
root: payload.missing.root,
|
|
259
|
+
title: payload.missing.title,
|
|
260
|
+
code: payload.missing.code,
|
|
261
|
+
reason: payload.missing.reason,
|
|
262
|
+
hint: payload.missing.hint
|
|
263
|
+
}
|
|
264
|
+
};
|
|
190
265
|
if (payload.empty === true) return {
|
|
191
266
|
...loading(),
|
|
267
|
+
...base,
|
|
192
268
|
state: "empty",
|
|
193
269
|
subtitle: payload.error ?? "还没有项目。调用 novel_init 开始第一本书。",
|
|
194
270
|
stageLabel: "等待创建"
|
|
195
271
|
};
|
|
272
|
+
if (payload.selection.root === null || payload.summary === void 0) {
|
|
273
|
+
if (base.projects.length > 0) return {
|
|
274
|
+
...loading(),
|
|
275
|
+
...base,
|
|
276
|
+
state: "choose",
|
|
277
|
+
title: "选择一本项目",
|
|
278
|
+
subtitle: "发现多本书，先选一本；面板只改变查看对象，不改变任何会话的写作绑定。",
|
|
279
|
+
stageLabel: "待选择"
|
|
280
|
+
};
|
|
281
|
+
return {
|
|
282
|
+
...loading(),
|
|
283
|
+
...base,
|
|
284
|
+
state: "empty",
|
|
285
|
+
subtitle: payload.error ?? "还没有项目。调用 novel_init 开始第一本书。",
|
|
286
|
+
stageLabel: "等待创建"
|
|
287
|
+
};
|
|
288
|
+
}
|
|
196
289
|
const summary = payload.summary;
|
|
290
|
+
const chapterRows = payload.chapters?.rows ?? [];
|
|
197
291
|
const blocking = summary.blocking.map((item) => ({
|
|
198
292
|
code: item.code,
|
|
199
293
|
scope: item.scope ?? "",
|
|
200
294
|
detail: item.detail,
|
|
201
295
|
hint: item.hint ?? ""
|
|
202
296
|
}));
|
|
203
|
-
const rows =
|
|
297
|
+
const rows = chapterRows.map((row) => {
|
|
204
298
|
const scoreValue = Number.isFinite(row.score) ? Math.max(0, Math.min(150, row.score)) : 0;
|
|
205
299
|
return {
|
|
206
300
|
num: String(row.num),
|
|
@@ -222,9 +316,15 @@ window.__ModuleLoader__.load({
|
|
|
222
316
|
const next = summary.next;
|
|
223
317
|
const finished = summary.finished === true;
|
|
224
318
|
const doneLabel = summary.stage === "done" ? finished ? "全书完成" : "本章已归档" : stageLabel(summary.stage);
|
|
319
|
+
const selected = base.projects.find((project) => project.selected);
|
|
225
320
|
return {
|
|
321
|
+
...base,
|
|
226
322
|
state: "ready",
|
|
227
323
|
title: `《${summary.title}》`,
|
|
324
|
+
root: summary.root === "" ? base.root : summary.root,
|
|
325
|
+
damaged: selected?.state === "damaged",
|
|
326
|
+
resumeText: payload.resume?.text ?? "",
|
|
327
|
+
volumeNumber: summary.volume,
|
|
228
328
|
subtitle: summary.stage === "done" ? `${summary.genre} · ${platformLabel(summary.platform)} · ${finished ? `共 ${summary.totalChapters} 章` : `下一章 第 ${summary.chapter} 章`}${volumeLabel(summary)}` : `${summary.genre} · ${platformLabel(summary.platform)} · 第 ${summary.chapter} 章${volumeLabel(summary)}`,
|
|
229
329
|
stageLabel: doneLabel,
|
|
230
330
|
finished,
|
|
@@ -274,7 +374,10 @@ window.__ModuleLoader__.load({
|
|
|
274
374
|
quality: {
|
|
275
375
|
averageScore: summary.quality?.averageScore ?? average,
|
|
276
376
|
scores: summary.quality?.scores ?? [],
|
|
277
|
-
trend: summary.quality?.trend ??
|
|
377
|
+
trend: summary.quality?.trend ?? null,
|
|
378
|
+
trendText: summary.quality?.trend === null || summary.quality?.trend === void 0 ? summary.quality?.trend_basis === "insufficient_samples" ? "样本不足" : summary.quality?.trend_basis === "insufficient_history" ? "历史不足" : "—" : `${summary.quality.trend >= 0 ? "+" : ""}${summary.quality.trend}`,
|
|
379
|
+
samples: summary.quality?.samples ?? summary.totalChapters,
|
|
380
|
+
attempts: summary.quality?.attempts ?? summary.quality?.samples ?? 0
|
|
278
381
|
},
|
|
279
382
|
health: {
|
|
280
383
|
ok: summary.health?.ok ?? blocking.length === 0,
|
|
@@ -282,6 +385,13 @@ window.__ModuleLoader__.load({
|
|
|
282
385
|
stateErrors: summary.health?.stateErrors ?? 0
|
|
283
386
|
},
|
|
284
387
|
activity: summary.activity ?? [],
|
|
388
|
+
advisories: (summary.advisories ?? []).map((item) => ({
|
|
389
|
+
code: item.code,
|
|
390
|
+
detail: item.detail,
|
|
391
|
+
hint: item.hint ?? ""
|
|
392
|
+
})),
|
|
393
|
+
acknowledgedAdvisories: summary.acknowledgedAdvisories ?? 0,
|
|
394
|
+
legacy: summary.legacy ?? [],
|
|
285
395
|
nextTitle: finished ? "" : next === void 0 ? "状态已同步" : toolLabel(next.tool),
|
|
286
396
|
nextDetail: finished ? "" : next === void 0 ? "没有待执行的下一步，刷新查看最新状态。" : NEXT_DETAILS[next.tool] ?? next.reason,
|
|
287
397
|
nextTool: next?.tool ?? "",
|
|
@@ -327,9 +437,6 @@ window.__ModuleLoader__.load({
|
|
|
327
437
|
--nwe-surface: var(--dsw-alias-bg-layer-1, #171a20);
|
|
328
438
|
--nwe-raised: var(--dsw-alias-bg-layer-2, #1e222a);
|
|
329
439
|
--nwe-border: var(--dsw-alias-border-l1, #ffffff14);
|
|
330
|
-
--nwe-gold: #8f6a28;
|
|
331
|
-
--nwe-jade: #3f7f69;
|
|
332
|
-
--nwe-rose: #9e5454;
|
|
333
440
|
--nwe-gold: color-mix(in srgb, #b7862f 82%, var(--nwe-ink));
|
|
334
441
|
--nwe-jade: color-mix(in srgb, #4f9f82 68%, var(--nwe-ink));
|
|
335
442
|
--nwe-rose: color-mix(in srgb, #c96a6a 68%, var(--nwe-ink));
|
|
@@ -425,7 +532,22 @@ window.__ModuleLoader__.load({
|
|
|
425
532
|
}
|
|
426
533
|
.nwe-refresh:hover:not(:disabled) { border-color: color-mix(in srgb, var(--nwe-gold) 65%, var(--nwe-border)); transform: translateY(-1px); }
|
|
427
534
|
.nwe-refresh:disabled { cursor: wait; opacity: .55; }
|
|
428
|
-
.nwe-actions { display: flex; align-items: center; gap: 8px; flex: 0 0 auto; }
|
|
535
|
+
.nwe-actions { display: flex; align-items: center; gap: 8px; flex: 0 0 auto; flex-wrap: wrap; }
|
|
536
|
+
.nwe-project { display: flex; align-items: center; gap: 6px; min-width: 0; }
|
|
537
|
+
.nwe-project-label { color: var(--nwe-muted); font-size: 11px; white-space: nowrap; }
|
|
538
|
+
.nwe-project-select {
|
|
539
|
+
max-width: 260px;
|
|
540
|
+
min-height: 36px;
|
|
541
|
+
padding: 6px 28px 6px 10px;
|
|
542
|
+
border: 1px solid var(--nwe-border);
|
|
543
|
+
border-radius: 10px;
|
|
544
|
+
background: var(--nwe-raised);
|
|
545
|
+
color: var(--nwe-ink);
|
|
546
|
+
font: inherit;
|
|
547
|
+
font-size: 12px;
|
|
548
|
+
}
|
|
549
|
+
.nwe-rootline { margin-top: 5px; color: var(--nwe-muted); font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 10px; overflow-wrap: anywhere; }
|
|
550
|
+
.nwe-damaged { margin-top: 10px; padding: 9px 12px; border: 1px solid color-mix(in srgb, var(--nwe-rose) 36%, var(--nwe-border)); border-radius: 10px; color: var(--nwe-rose); background: color-mix(in srgb, var(--nwe-rose) 7%, transparent); font-size: 12px; }
|
|
429
551
|
.nwe-help {
|
|
430
552
|
display: inline-flex;
|
|
431
553
|
align-items: center;
|
|
@@ -616,8 +738,13 @@ window.__ModuleLoader__.load({
|
|
|
616
738
|
.nwe-progress { overflow: hidden; height: 7px; margin-top: 10px; border-radius: 99px; background: var(--nwe-border); }
|
|
617
739
|
.nwe-progress > span { display: block; height: 100%; border-radius: inherit; background: linear-gradient(90deg, var(--nwe-jade), var(--nwe-gold)); }
|
|
618
740
|
.nwe-progress-legend { display: flex; justify-content: space-between; margin-top: 5px; color: var(--nwe-muted); font-size: 10px; font-variant-numeric: tabular-nums; }
|
|
741
|
+
.nwe-volumes { max-height: 190px; overflow-y: auto; overscroll-behavior: contain; padding-right: 3px; }
|
|
619
742
|
.nwe-volume { display: flex; justify-content: space-between; gap: 8px; margin-top: 7px; color: var(--nwe-muted); font-size: 11px; }
|
|
620
743
|
.nwe-volume strong { overflow: hidden; color: var(--nwe-ink); font-weight: 500; text-overflow: ellipsis; white-space: nowrap; }
|
|
744
|
+
.nwe-volume.is-current strong { color: var(--nwe-gold); }
|
|
745
|
+
.nwe-copy { margin-top: 8px; padding: 6px 10px; border: 1px solid var(--nwe-border); border-radius: 8px; background: var(--nwe-raised); color: var(--nwe-muted); font: inherit; font-size: 11px; cursor: pointer; }
|
|
746
|
+
.nwe-copy:hover { border-color: color-mix(in srgb, var(--nwe-gold) 65%, var(--nwe-border)); color: var(--nwe-ink); }
|
|
747
|
+
.nwe-resume-fallback { margin-top: 6px; padding: 8px 10px; border: 1px solid var(--nwe-border); border-radius: 8px; background: color-mix(in srgb, #080a0d 24%, var(--nwe-surface)); color: var(--nwe-muted); font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 10px; line-height: 1.6; white-space: pre-wrap; }
|
|
621
748
|
.nwe-chips { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 10px; }
|
|
622
749
|
.nwe-chip { padding: 3px 8px; border: 1px solid var(--nwe-border); border-radius: 999px; color: var(--nwe-muted); font-size: 10px; font-variant-numeric: tabular-nums; }
|
|
623
750
|
.nwe-bars { display: flex; align-items: flex-end; gap: 5px; height: 54px; margin-top: 10px; }
|
|
@@ -625,7 +752,7 @@ window.__ModuleLoader__.load({
|
|
|
625
752
|
.nwe-health { display: flex; align-items: center; gap: 8px; margin-top: 10px; color: var(--nwe-muted); font-size: 11px; }
|
|
626
753
|
.nwe-health.is-bad { color: var(--nwe-rose); }
|
|
627
754
|
.nwe-activity { display: flex; flex-direction: column; gap: 6px; margin: 10px 0 0; padding: 0; list-style: none; }
|
|
628
|
-
.nwe-activity li { display: grid; grid-template-columns:
|
|
755
|
+
.nwe-activity li { display: grid; grid-template-columns: 96px minmax(0, 1fr) auto; gap: 8px; color: var(--nwe-muted); font-size: 11px; }
|
|
629
756
|
.nwe-activity code { color: var(--nwe-ink); font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 10px; }
|
|
630
757
|
.nwe-next {
|
|
631
758
|
display: flex;
|
|
@@ -696,6 +823,10 @@ window.__ModuleLoader__.load({
|
|
|
696
823
|
.nwe-state-title { font-family: "Noto Serif SC", "Songti SC", Georgia, serif; font-size: 19px; }
|
|
697
824
|
.nwe-state-text { max-width: 460px; margin-top: 6px; color: var(--nwe-muted); font-size: 13px; }
|
|
698
825
|
.nwe-command { display: inline-block; margin-top: 14px; padding: 7px 12px; border: 1px solid var(--nwe-border); border-radius: 8px; background: var(--nwe-raised); color: var(--nwe-gold); font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 12px; }
|
|
826
|
+
.nwe-project-choices { display: flex; flex-direction: column; gap: 8px; width: min(560px, 100%); margin-top: 16px; }
|
|
827
|
+
.nwe-project-choice { display: flex; flex-direction: column; gap: 3px; padding: 10px 13px; border: 1px solid var(--nwe-border); border-radius: 10px; background: var(--nwe-raised); color: var(--nwe-ink); font: inherit; font-size: 13px; text-align: left; cursor: pointer; }
|
|
828
|
+
.nwe-project-choice:hover { border-color: color-mix(in srgb, var(--nwe-gold) 65%, var(--nwe-border)); }
|
|
829
|
+
.nwe-project-choice span { overflow-wrap: anywhere; color: var(--nwe-muted); font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 10px; }
|
|
699
830
|
.nwe-skeleton { display: grid; gap: 10px; margin-top: 12px; }
|
|
700
831
|
.nwe-skeleton-line { height: 16px; border-radius: 8px; background: linear-gradient(90deg, var(--nwe-border), color-mix(in srgb, var(--nwe-border) 40%, transparent), var(--nwe-border)); background-size: 200% 100%; animation: nwe-shimmer 1.6s linear infinite; }
|
|
701
832
|
.nwe-skeleton-line.is-wide { height: 72px; }
|
|
@@ -714,6 +845,8 @@ window.__ModuleLoader__.load({
|
|
|
714
845
|
.nwe-root { padding: 14px; }
|
|
715
846
|
.nwe-hero { flex-direction: column; padding: 18px; }
|
|
716
847
|
.nwe-actions { width: 100%; }
|
|
848
|
+
.nwe-project { width: 100%; order: 3; }
|
|
849
|
+
.nwe-project-select { flex: 1; max-width: none; }
|
|
717
850
|
.nwe-refresh { flex: 1; justify-content: center; }
|
|
718
851
|
.nwe-help { flex: 0 0 auto; }
|
|
719
852
|
.nwe-modal-backdrop { align-items: flex-end; padding: 8px; }
|
|
@@ -737,6 +870,181 @@ window.__ModuleLoader__.load({
|
|
|
737
870
|
.nwe-next-tool { display: none; }
|
|
738
871
|
.nwe-footer { flex-direction: column; }
|
|
739
872
|
}
|
|
873
|
+
/* v5 desk: one accent, compact chrome, content before decoration. */
|
|
874
|
+
.nwe-root {
|
|
875
|
+
max-width: 1180px;
|
|
876
|
+
padding: clamp(14px, 2.2vw, 28px);
|
|
877
|
+
background: transparent;
|
|
878
|
+
}
|
|
879
|
+
.nwe-root::before { display: none; }
|
|
880
|
+
.nwe-hero {
|
|
881
|
+
align-items: center;
|
|
882
|
+
padding: 14px 16px;
|
|
883
|
+
border-radius: 12px;
|
|
884
|
+
background: color-mix(in srgb, var(--nwe-surface) 94%, var(--nwe-raised));
|
|
885
|
+
box-shadow: none;
|
|
886
|
+
}
|
|
887
|
+
.nwe-hero-title { min-width: 0; }
|
|
888
|
+
.nwe-eyebrow { color: var(--nwe-muted); font-size: 9px; letter-spacing: .16em; }
|
|
889
|
+
.nwe-title {
|
|
890
|
+
margin: 4px 0 4px;
|
|
891
|
+
font-family: inherit;
|
|
892
|
+
font-size: clamp(21px, 2.4vw, 28px);
|
|
893
|
+
font-weight: 650;
|
|
894
|
+
letter-spacing: -.015em;
|
|
895
|
+
}
|
|
896
|
+
.nwe-meta { gap: 7px; font-size: 11px; }
|
|
897
|
+
.nwe-actions { gap: 7px; }
|
|
898
|
+
.nwe-project { flex-wrap: wrap; gap: 5px; }
|
|
899
|
+
.nwe-project-label { font-size: 10px; }
|
|
900
|
+
.nwe-project-select {
|
|
901
|
+
max-width: 310px;
|
|
902
|
+
min-height: 32px;
|
|
903
|
+
padding: 5px 26px 5px 9px;
|
|
904
|
+
border-radius: 8px;
|
|
905
|
+
background: var(--nwe-surface);
|
|
906
|
+
font-size: 11px;
|
|
907
|
+
}
|
|
908
|
+
.nwe-project-search {
|
|
909
|
+
width: 124px;
|
|
910
|
+
min-height: 32px;
|
|
911
|
+
padding: 5px 8px;
|
|
912
|
+
border: 1px solid var(--nwe-border);
|
|
913
|
+
border-radius: 8px;
|
|
914
|
+
background: var(--nwe-surface);
|
|
915
|
+
color: var(--nwe-ink);
|
|
916
|
+
font: inherit;
|
|
917
|
+
font-size: 11px;
|
|
918
|
+
}
|
|
919
|
+
.nwe-project-toggle {
|
|
920
|
+
display: inline-flex;
|
|
921
|
+
align-items: center;
|
|
922
|
+
gap: 4px;
|
|
923
|
+
color: var(--nwe-muted);
|
|
924
|
+
font-size: 10px;
|
|
925
|
+
cursor: pointer;
|
|
926
|
+
white-space: nowrap;
|
|
927
|
+
}
|
|
928
|
+
.nwe-refresh, .nwe-help { min-height: 32px; padding: 6px 10px; border-radius: 8px; }
|
|
929
|
+
.nwe-rootline { font-size: 9px; margin-top: 3px; }
|
|
930
|
+
.nwe-stats {
|
|
931
|
+
display: grid;
|
|
932
|
+
grid-template-columns: repeat(4, minmax(0, 1fr));
|
|
933
|
+
gap: 0;
|
|
934
|
+
margin-top: 10px;
|
|
935
|
+
padding: 9px 0;
|
|
936
|
+
border-top: 1px solid var(--nwe-border);
|
|
937
|
+
border-bottom: 1px solid var(--nwe-border);
|
|
938
|
+
}
|
|
939
|
+
.nwe-stat {
|
|
940
|
+
padding: 0 12px;
|
|
941
|
+
border: 0;
|
|
942
|
+
border-right: 1px solid var(--nwe-border);
|
|
943
|
+
border-radius: 0;
|
|
944
|
+
background: transparent;
|
|
945
|
+
}
|
|
946
|
+
.nwe-stat:last-child { border-right: 0; }
|
|
947
|
+
.nwe-stat-label { font-size: 10px; }
|
|
948
|
+
.nwe-stat-value { margin-top: 1px; font-size: 18px; font-weight: 600; }
|
|
949
|
+
.nwe-section { margin-top: 18px; }
|
|
950
|
+
.nwe-section-title { font-family: inherit; font-size: 14px; font-weight: 650; }
|
|
951
|
+
.nwe-section-note { font-size: 10px; }
|
|
952
|
+
.nwe-next {
|
|
953
|
+
margin-top: 12px;
|
|
954
|
+
padding: 14px 16px;
|
|
955
|
+
border: 1px solid color-mix(in srgb, var(--nwe-gold) 32%, var(--nwe-border));
|
|
956
|
+
border-left: 3px solid var(--nwe-gold);
|
|
957
|
+
border-radius: 10px;
|
|
958
|
+
background: color-mix(in srgb, var(--nwe-gold) 5%, var(--nwe-surface));
|
|
959
|
+
}
|
|
960
|
+
.nwe-next-icon { width: 24px; height: 24px; border-radius: 7px; }
|
|
961
|
+
.nwe-next-body { min-width: 0; }
|
|
962
|
+
.nwe-next-title { font-size: 14px; }
|
|
963
|
+
.nwe-next-detail { font-size: 11px; }
|
|
964
|
+
.nwe-next-tool { font-size: 9px; }
|
|
965
|
+
.nwe-desk {
|
|
966
|
+
display: grid;
|
|
967
|
+
grid-template-columns: minmax(0, 1.2fr) minmax(300px, .8fr);
|
|
968
|
+
gap: 18px;
|
|
969
|
+
align-items: start;
|
|
970
|
+
}
|
|
971
|
+
.nwe-desk-main, .nwe-desk-side { min-width: 0; }
|
|
972
|
+
.nwe-desk-side { padding-left: 18px; border-left: 1px solid var(--nwe-border); }
|
|
973
|
+
.nwe-desk-heading {
|
|
974
|
+
display: flex;
|
|
975
|
+
align-items: baseline;
|
|
976
|
+
justify-content: space-between;
|
|
977
|
+
gap: 8px;
|
|
978
|
+
margin-top: 16px;
|
|
979
|
+
}
|
|
980
|
+
.nwe-desk-kicker { color: var(--nwe-muted); font-size: 9px; font-weight: 650; letter-spacing: .14em; text-transform: uppercase; }
|
|
981
|
+
.nwe-desk-note { color: var(--nwe-gold); font-size: 10px; }
|
|
982
|
+
.nwe-desk-main .nwe-phases { margin-top: 8px; }
|
|
983
|
+
.nwe-desk-side .nwe-book-grid { grid-template-columns: 1fr; }
|
|
984
|
+
.nwe-desk-side .nwe-section { margin-top: 16px; }
|
|
985
|
+
.nwe-advisories, .nwe-legacy-list { display: flex; flex-direction: column; gap: 5px; margin: 8px 0 0; padding: 0; list-style: none; }
|
|
986
|
+
.nwe-advisory {
|
|
987
|
+
display: grid;
|
|
988
|
+
grid-template-columns: auto minmax(0, 1fr) auto;
|
|
989
|
+
gap: 8px;
|
|
990
|
+
align-items: baseline;
|
|
991
|
+
padding: 7px 9px;
|
|
992
|
+
border: 1px solid color-mix(in srgb, #c9a227 24%, var(--nwe-border));
|
|
993
|
+
border-radius: 7px;
|
|
994
|
+
background: color-mix(in srgb, #c9a227 5%, transparent);
|
|
995
|
+
font-size: 11px;
|
|
996
|
+
}
|
|
997
|
+
.nwe-advisory-code { color: #b08a1e; font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 9px; white-space: nowrap; }
|
|
998
|
+
.nwe-advisory-detail { color: var(--nwe-ink); line-height: 1.5; }
|
|
999
|
+
.nwe-advisory-hint { color: var(--nwe-muted); font-size: 9px; white-space: nowrap; }
|
|
1000
|
+
.nwe-advisory-empty {
|
|
1001
|
+
margin-top: 8px;
|
|
1002
|
+
padding: 8px 10px;
|
|
1003
|
+
border: 1px solid color-mix(in srgb, #c9a227 18%, var(--nwe-border));
|
|
1004
|
+
border-radius: 7px;
|
|
1005
|
+
color: var(--nwe-muted);
|
|
1006
|
+
font-size: 11px;
|
|
1007
|
+
}
|
|
1008
|
+
.nwe-legacy {
|
|
1009
|
+
display: flex;
|
|
1010
|
+
gap: 8px;
|
|
1011
|
+
align-items: baseline;
|
|
1012
|
+
padding: 6px 8px;
|
|
1013
|
+
border: 1px dashed var(--nwe-border);
|
|
1014
|
+
border-radius: 7px;
|
|
1015
|
+
color: var(--nwe-muted);
|
|
1016
|
+
font-size: 10px;
|
|
1017
|
+
line-height: 1.5;
|
|
1018
|
+
}
|
|
1019
|
+
.nwe-legacy code { color: var(--nwe-muted); font-size: 9px; white-space: nowrap; }
|
|
1020
|
+
.nwe-chapters-section { margin-top: 20px; }
|
|
1021
|
+
.nwe-desk-main .nwe-chapters {
|
|
1022
|
+
max-height: 460px;
|
|
1023
|
+
overflow-y: auto;
|
|
1024
|
+
padding-right: 4px;
|
|
1025
|
+
scrollbar-gutter: stable;
|
|
1026
|
+
}
|
|
1027
|
+
.nwe-chapter { border-radius: 9px; }
|
|
1028
|
+
.nwe-chapter summary { padding: 10px 13px; }
|
|
1029
|
+
.nwe-chapter-detail { padding-left: 68px; }
|
|
1030
|
+
@media (max-width: 900px) {
|
|
1031
|
+
.nwe-desk { grid-template-columns: 1fr; gap: 0; }
|
|
1032
|
+
.nwe-desk-side { padding-left: 0; border-left: 0; }
|
|
1033
|
+
.nwe-desk-side .nwe-section { margin-top: 18px; }
|
|
1034
|
+
}
|
|
1035
|
+
@media (max-width: 760px) {
|
|
1036
|
+
.nwe-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px 0; padding: 8px 0; }
|
|
1037
|
+
.nwe-stat:nth-child(2) { border-right: 0; }
|
|
1038
|
+
.nwe-stat { padding: 0 8px; }
|
|
1039
|
+
.nwe-project { order: 3; width: 100%; }
|
|
1040
|
+
.nwe-project-select { flex: 1; max-width: none; }
|
|
1041
|
+
.nwe-project-search { flex: 1 1 100%; width: auto; }
|
|
1042
|
+
.nwe-project-toggle { flex: 1 1 100%; }
|
|
1043
|
+
.nwe-desk-main .nwe-chapters { max-height: 360px; }
|
|
1044
|
+
.nwe-chapter-detail { padding-left: 18px; }
|
|
1045
|
+
.nwe-advisory { grid-template-columns: 1fr; gap: 2px; }
|
|
1046
|
+
.nwe-advisory-hint { white-space: normal; }
|
|
1047
|
+
}
|
|
740
1048
|
@media (prefers-reduced-motion: reduce) {
|
|
741
1049
|
.nwe-skeleton-line { animation: none; }
|
|
742
1050
|
.nwe-refresh, .nwe-chapter { transition: none; }
|
|
@@ -782,7 +1090,7 @@ window.__ModuleLoader__.load({
|
|
|
782
1090
|
title: "建一本书的项目",
|
|
783
1091
|
tool: "novel_init",
|
|
784
1092
|
body: "在对话里说清书名、类型、平台、作者、每章字数区间、总章数和项目根目录；模型会调用 novel_init。项目根目录建议用绝对路径，例如 /home/me/novels/星海。",
|
|
785
|
-
note: "类型是固定的 12 类，平台只能是 fanqie / qidian / qimao / jinjiang
|
|
1093
|
+
note: "类型是固定的 12 类，平台只能是 fanqie / qidian / qimao / jinjiang。0.2.2 起显式 project_root 会绑定当前会话；多项目先用 /novel scan 发现，再用 /novel use 切换。"
|
|
786
1094
|
},
|
|
787
1095
|
{
|
|
788
1096
|
title: "写书级蓝图与卷结构",
|
|
@@ -847,8 +1155,8 @@ window.__ModuleLoader__.load({
|
|
|
847
1155
|
{
|
|
848
1156
|
title: "循环下一章，最后导出全书",
|
|
849
1157
|
tool: "novel_report / novel_doctor / novel_export",
|
|
850
|
-
body: "每章重复 P1→P8。随时用 novel_report
|
|
851
|
-
note: "改已归档章要先 novel_reopen；项目坏了先 novel_state 看 raw，再按 next 用 novel_amend 修，不要手改 chapters/ 或 state
|
|
1158
|
+
body: "每章重复 P1→P8。随时用 /novel scan 发现项目（加 --register 只登记、不切换），/novel use 切换当前会话、/novel resume 或面板“复制续写指令”接续下一章；novel_report 看进度，novel_doctor 体检，novel_search 查正文/大纲/台账，最后导出 md、txt、epub、outline、worldbook 或 proposal。",
|
|
1159
|
+
note: "改已归档章要先 novel_reopen；项目坏了先 novel_state 看 raw，再按 next 用 novel_amend 修，不要手改 chapters/ 或 state/。项目目录被删时绑定会保留并报 missing，不会自动换书；选错书先用 /novel current 确认，再用 /novel use 切回，或 /novel unbind 清掉当前会话绑定。"
|
|
852
1160
|
}
|
|
853
1161
|
];
|
|
854
1162
|
const TUTORIAL_PROMPT = `请用「网文工坊」引擎写一本小说：
|
|
@@ -860,6 +1168,8 @@ brief P6 → check → brief P8 → archive 的顺序推进。
|
|
|
860
1168
|
正文只通过 write_draft/revise 写；不要直接改 state/、chapters/ 或 outline/。
|
|
861
1169
|
每次提交前先领取当前阶段任务书，失败时按返回的 code 和 blocking 一次改完。`;
|
|
862
1170
|
const TUTORIAL_NEXT_PROMPT = `继续写当前项目的下一章。先调用 novel_pipeline（或 novel_status）确认当前阶段、项目根目录和下一步工具，不要猜阶段。
|
|
1171
|
+
如果当前会话还没绑定或不确定是哪本书：先用 /novel current 看会话绑定，再调用 novel_status 看 selection；需要切换时用 /novel use <路径|书名|.>，不要靠 active 猜。
|
|
1172
|
+
第一次调用带 project_root 时，它会成为当前会话的持久绑定；后续无 root 调用会继续这本书。
|
|
863
1173
|
|
|
864
1174
|
如果下一章还没有章卡：先用 novel_state {kind:"outline"} 取出全部章卡，再在末尾加上下一章的卡，用 novel_outline 整体提交；不要只提交新卡，也不要把已有 planned 卡丢掉。
|
|
865
1175
|
如果 targets.total_chapters 已经写满：先用 novel_amend 把 total_chapters 调到至少包含下一章，不能低于已归档章数。
|
|
@@ -918,16 +1228,19 @@ brief P6 → check → brief P8 → archive 的顺序推进。
|
|
|
918
1228
|
"aria-valuemax": 100,
|
|
919
1229
|
"aria-valuenow": percent,
|
|
920
1230
|
"aria-label": "全书归档进度"
|
|
921
|
-
}, (0, react.createElement)("span", { style: { width: `${percent}%` } })), (0, react.createElement)("div", { className: "nwe-progress-legend" }, (0, react.createElement)("span", null, target === null ? `目标未设置 · 共 ${total} 张章卡` : `目标 ${target} 章 · 共 ${total} 张章卡`), (0, react.createElement)("span", null, `${percent}% 已归档`)),
|
|
922
|
-
className: "nwe-
|
|
1231
|
+
}, (0, react.createElement)("span", { style: { width: `${percent}%` } })), (0, react.createElement)("div", { className: "nwe-progress-legend" }, (0, react.createElement)("span", null, target === null ? `目标未设置 · 共 ${total} 张章卡` : `目标 ${target} 章 · 共 ${total} 张章卡`), (0, react.createElement)("span", null, `${percent}% 已归档`)), view.book.volumes.length === 0 ? (0, react.createElement)("div", { className: "nwe-volume" }, (0, react.createElement)("span", null, "还没有卷")) : (0, react.createElement)("div", {
|
|
1232
|
+
className: "nwe-volumes",
|
|
1233
|
+
"aria-label": "卷列表"
|
|
1234
|
+
}, ...view.book.volumes.map((volume, index) => (0, react.createElement)("div", {
|
|
1235
|
+
className: `nwe-volume${view.volumeNumber === index + 1 ? " is-current" : ""}`,
|
|
923
1236
|
key: `${volume.title}-${volume.range}`
|
|
924
|
-
}, (0, react.createElement)("strong", null, volume.title), (0, react.createElement)("span", null, `${volume.range} · ${volume.planned} 计划 / ${volume.archived} 归档`)))
|
|
1237
|
+
}, (0, react.createElement)("strong", null, volume.title), (0, react.createElement)("span", null, `${volume.range} · ${volume.planned} 计划 / ${volume.archived} 归档`))))), (0, react.createElement)("div", { className: "nwe-book-card" }, (0, react.createElement)("div", { className: "nwe-book-head" }, (0, react.createElement)("span", { className: "nwe-book-title" }, "世界观"), (0, react.createElement)("span", { className: "nwe-book-note" }, `${chips.reduce((sum, [, value]) => sum + value, 0)} 条`)), (0, react.createElement)("div", { className: "nwe-chips" }, ...chips.map(([label, value]) => (0, react.createElement)("span", {
|
|
925
1238
|
className: "nwe-chip",
|
|
926
1239
|
key: label
|
|
927
1240
|
}, `${label} ${value}`))), (0, react.createElement)("div", {
|
|
928
1241
|
className: "nwe-book-head",
|
|
929
1242
|
style: { marginTop: 12 }
|
|
930
|
-
}, (0, react.createElement)("span", { className: "nwe-book-title" }, "质量趋势"), (0, react.createElement)("span", { className: "nwe-book-note" }, bars.length === 0 ? "—" : `${view.quality.averageScore.toFixed(1)}
|
|
1243
|
+
}, (0, react.createElement)("span", { className: "nwe-book-title" }, "质量趋势"), (0, react.createElement)("span", { className: "nwe-book-note" }, bars.length === 0 ? "—" : `${view.quality.averageScore.toFixed(1)} 近十均分 · 趋势 ${view.quality.trendText} · ${view.quality.samples} 章 / ${view.quality.attempts} 评`)), (0, react.createElement)("div", {
|
|
931
1244
|
className: "nwe-bars",
|
|
932
1245
|
role: "img",
|
|
933
1246
|
"aria-label": "最近十章评分"
|
|
@@ -942,6 +1255,27 @@ brief P6 → check → brief P8 → archive 的顺序推进。
|
|
|
942
1255
|
if (view.activity.length === 0) return null;
|
|
943
1256
|
return (0, react.createElement)("section", { className: "nwe-section" }, (0, react.createElement)("div", { className: "nwe-section-head" }, (0, react.createElement)("h2", { className: "nwe-section-title" }, "最近活动"), (0, react.createElement)("span", { className: "nwe-section-note" }, "来自事务日志")), (0, react.createElement)("ul", { className: "nwe-activity" }, ...view.activity.slice(-5).map((row, index) => (0, react.createElement)("li", { key: `${row.at}-${row.op}-${index}` }, (0, react.createElement)("span", null, row.at.slice(0, 16).replace("T", " ")), (0, react.createElement)("code", null, row.op), (0, react.createElement)("span", null, row.chapter === 0 ? row.status : `第 ${row.chapter} 章 · ${row.status}`)))));
|
|
944
1257
|
};
|
|
1258
|
+
const advisoriesSection = (view) => {
|
|
1259
|
+
if (view.advisories.length === 0 && view.acknowledgedAdvisories === 0) return null;
|
|
1260
|
+
const note = view.acknowledgedAdvisories === 0 ? "不阻塞归档 · 可 acknowledge" : `已确认 ${view.acknowledgedAdvisories} 条 · 不阻塞归档`;
|
|
1261
|
+
return (0, react.createElement)("section", {
|
|
1262
|
+
className: "nwe-section nwe-advisory-section",
|
|
1263
|
+
"aria-label": "质量提示"
|
|
1264
|
+
}, (0, react.createElement)("div", { className: "nwe-section-head" }, (0, react.createElement)("h2", { className: "nwe-section-title" }, "提示"), (0, react.createElement)("span", { className: "nwe-section-note" }, note)), view.advisories.length === 0 ? (0, react.createElement)("div", { className: "nwe-advisory-empty" }, "本轮提示已全部确认。") : (0, react.createElement)("ul", { className: "nwe-advisories" }, ...view.advisories.map((item) => (0, react.createElement)("li", {
|
|
1265
|
+
className: "nwe-advisory",
|
|
1266
|
+
key: `${item.code}-${item.detail}`
|
|
1267
|
+
}, (0, react.createElement)("code", { className: "nwe-advisory-code" }, item.code), (0, react.createElement)("span", { className: "nwe-advisory-detail" }, item.detail), item.hint === "" ? null : (0, react.createElement)("span", { className: "nwe-advisory-hint" }, item.hint)))));
|
|
1268
|
+
};
|
|
1269
|
+
const legacySection = (view) => {
|
|
1270
|
+
if (view.legacy.length === 0) return null;
|
|
1271
|
+
return (0, react.createElement)("section", {
|
|
1272
|
+
className: "nwe-section nwe-legacy-section",
|
|
1273
|
+
"aria-label": "旧数据提示"
|
|
1274
|
+
}, (0, react.createElement)("div", { className: "nwe-section-head" }, (0, react.createElement)("h2", { className: "nwe-section-title" }, "旧数据"), (0, react.createElement)("span", { className: "nwe-section-note" }, "只读审计 · 不改历史")), (0, react.createElement)("ul", { className: "nwe-legacy-list" }, ...view.legacy.map((item) => (0, react.createElement)("li", {
|
|
1275
|
+
className: "nwe-legacy",
|
|
1276
|
+
key: `${item.code}-${item.detail}`
|
|
1277
|
+
}, (0, react.createElement)("code", null, item.code), (0, react.createElement)("span", null, item.detail)))));
|
|
1278
|
+
};
|
|
945
1279
|
const footer = () => (0, react.createElement)("footer", { className: "nwe-footer" }, (0, react.createElement)("span", null, "只读面板 · 数据来自引擎 · 每 15 秒自动同步"), (0, react.createElement)("code", null, "novel-workshop"));
|
|
946
1280
|
const loadingState = () => (0, react.createElement)("div", {
|
|
947
1281
|
className: "nwe-section",
|
|
@@ -954,6 +1288,118 @@ brief P6 → check → brief P8 → archive 的顺序推进。
|
|
|
954
1288
|
className: "nwe-section-note",
|
|
955
1289
|
style: { marginTop: 12 }
|
|
956
1290
|
}, "正在读取项目状态…"));
|
|
1291
|
+
const ProjectSelector = ({ view, onSelect }) => {
|
|
1292
|
+
const [query, setQuery] = (0, react.useState)("");
|
|
1293
|
+
const [showMissing, setShowMissing] = (0, react.useState)(false);
|
|
1294
|
+
const searchableCount = view.projects.filter((project) => project.group !== "missing" || showMissing || project.root === view.selectedRoot).length;
|
|
1295
|
+
(0, react.useEffect)(() => {
|
|
1296
|
+
if (searchableCount <= 6 && query !== "") setQuery("");
|
|
1297
|
+
}, [searchableCount, query]);
|
|
1298
|
+
if (view.projects.length === 0) return null;
|
|
1299
|
+
const normalized = query.trim().toLowerCase();
|
|
1300
|
+
const selected = view.projects.find((project) => project.root === view.selectedRoot);
|
|
1301
|
+
const visible = view.projects.filter((project) => {
|
|
1302
|
+
const groupVisible = project.group !== "missing" || showMissing || project.root === view.selectedRoot;
|
|
1303
|
+
const queryVisible = normalized === "" || project.title.toLowerCase().includes(normalized) || project.root.toLowerCase().includes(normalized) || project.label.toLowerCase().includes(normalized);
|
|
1304
|
+
return groupVisible && queryVisible;
|
|
1305
|
+
});
|
|
1306
|
+
const groups = [
|
|
1307
|
+
{
|
|
1308
|
+
key: "writing",
|
|
1309
|
+
label: `写作中 (${view.projects.filter((p) => p.group === "writing").length})`,
|
|
1310
|
+
items: []
|
|
1311
|
+
},
|
|
1312
|
+
{
|
|
1313
|
+
key: "damaged",
|
|
1314
|
+
label: `待修复 (${view.projects.filter((p) => p.group === "damaged").length})`,
|
|
1315
|
+
items: []
|
|
1316
|
+
},
|
|
1317
|
+
{
|
|
1318
|
+
key: "missing",
|
|
1319
|
+
label: `失效 (${view.projects.filter((p) => p.group === "missing").length})`,
|
|
1320
|
+
items: []
|
|
1321
|
+
}
|
|
1322
|
+
];
|
|
1323
|
+
for (const project of visible) groups.find((group) => group.key === project.group).items.push(project);
|
|
1324
|
+
groups[0].label = `写作中 (${groups[0].items.length})`;
|
|
1325
|
+
groups[1].label = `待修复 (${groups[1].items.length})`;
|
|
1326
|
+
groups[2].label = `失效 (${groups[2].items.length})`;
|
|
1327
|
+
const missingCount = view.projects.filter((project) => project.group === "missing").length;
|
|
1328
|
+
return (0, react.createElement)("div", { className: "nwe-project" }, searchableCount > 6 ? (0, react.createElement)("input", {
|
|
1329
|
+
className: "nwe-project-search",
|
|
1330
|
+
type: "search",
|
|
1331
|
+
value: query,
|
|
1332
|
+
placeholder: "搜索项目",
|
|
1333
|
+
"aria-label": "搜索项目",
|
|
1334
|
+
onChange: (event) => setQuery(event.target.value)
|
|
1335
|
+
}) : null, (0, react.createElement)("label", {
|
|
1336
|
+
className: "nwe-project-label",
|
|
1337
|
+
htmlFor: "nwe-project-select"
|
|
1338
|
+
}, "项目"), (0, react.createElement)("select", {
|
|
1339
|
+
id: "nwe-project-select",
|
|
1340
|
+
className: "nwe-project-select",
|
|
1341
|
+
"aria-label": "切换项目",
|
|
1342
|
+
value: view.selectedRoot ?? "",
|
|
1343
|
+
onChange: (event) => {
|
|
1344
|
+
onSelect(event.target.value === "" ? null : event.target.value);
|
|
1345
|
+
}
|
|
1346
|
+
}, view.selectedRoot === null ? (0, react.createElement)("option", { value: "" }, "选择项目…") : null, ...groups.filter((group) => group.items.length > 0).map((group) => (0, react.createElement)("optgroup", {
|
|
1347
|
+
key: group.key,
|
|
1348
|
+
label: group.label
|
|
1349
|
+
}, ...group.items.map((project) => (0, react.createElement)("option", {
|
|
1350
|
+
key: project.root,
|
|
1351
|
+
value: project.root
|
|
1352
|
+
}, project.label)))), selected !== void 0 && !visible.some((project) => project.root === selected.root) ? (0, react.createElement)("option", { value: selected.root }, selected.label) : null), missingCount > 0 ? (0, react.createElement)("label", { className: "nwe-project-toggle" }, (0, react.createElement)("input", {
|
|
1353
|
+
type: "checkbox",
|
|
1354
|
+
checked: showMissing,
|
|
1355
|
+
onChange: (event) => setShowMissing(event.target.checked)
|
|
1356
|
+
}), `显示失效 ${missingCount}`) : null);
|
|
1357
|
+
};
|
|
1358
|
+
const choosePanel = (view, onSelect) => {
|
|
1359
|
+
const preferred = view.projects.filter((project) => project.group !== "missing");
|
|
1360
|
+
const shown = preferred.length > 0 ? preferred : view.projects;
|
|
1361
|
+
return (0, react.createElement)("div", {
|
|
1362
|
+
className: "nwe-state",
|
|
1363
|
+
role: "status"
|
|
1364
|
+
}, (0, react.createElement)("div", { className: "nwe-state-icon" }, stateIcon()), (0, react.createElement)("div", { className: "nwe-state-title" }, "发现多本书，先选一本"), (0, react.createElement)("div", { className: "nwe-state-text" }, view.subtitle), (0, react.createElement)("div", { className: "nwe-project-choices" }, ...shown.map((project) => (0, react.createElement)("button", {
|
|
1365
|
+
key: project.root,
|
|
1366
|
+
type: "button",
|
|
1367
|
+
className: "nwe-project-choice",
|
|
1368
|
+
onClick: () => onSelect(project.root)
|
|
1369
|
+
}, project.label, (0, react.createElement)("span", null, project.root)))));
|
|
1370
|
+
};
|
|
1371
|
+
const missingPanel = (view) => (0, react.createElement)("div", {
|
|
1372
|
+
className: "nwe-state",
|
|
1373
|
+
role: "alert"
|
|
1374
|
+
}, (0, react.createElement)("div", { className: "nwe-state-icon" }, stateIcon()), (0, react.createElement)("div", { className: "nwe-state-title" }, view.missing?.reason === "busy" ? "正在写入" : view.missing?.reason === "unreadable" ? "项目不可读" : view.missing?.reason === "not-project" ? "不是项目目录" : "项目不在了"), (0, react.createElement)("div", { className: "nwe-state-text" }, view.missing?.hint ?? view.subtitle), view.missing === void 0 ? null : (0, react.createElement)("div", { className: "nwe-state-text" }, (0, react.createElement)("code", { className: "nwe-command" }, `${view.missing.code} · ${view.missing.reason}`), (0, react.createElement)("div", { className: "nwe-rootline" }, view.missing.root)));
|
|
1375
|
+
const CopyResumeButton = ({ text }) => {
|
|
1376
|
+
const [status, setStatus] = (0, react.useState)("idle");
|
|
1377
|
+
(0, react.useEffect)(() => {
|
|
1378
|
+
setStatus("idle");
|
|
1379
|
+
}, [text]);
|
|
1380
|
+
(0, react.useEffect)(() => {
|
|
1381
|
+
if (status !== "copied") return;
|
|
1382
|
+
const timer = setTimeout(() => setStatus("idle"), 2e3);
|
|
1383
|
+
return () => clearTimeout(timer);
|
|
1384
|
+
}, [status]);
|
|
1385
|
+
if (text === "") return null;
|
|
1386
|
+
const copy = async () => {
|
|
1387
|
+
try {
|
|
1388
|
+
const clipboard = globalThis.navigator?.clipboard;
|
|
1389
|
+
if (typeof clipboard?.writeText !== "function") throw new Error("clipboard unavailable");
|
|
1390
|
+
await clipboard.writeText(text);
|
|
1391
|
+
setStatus("copied");
|
|
1392
|
+
} catch {
|
|
1393
|
+
setStatus("failed");
|
|
1394
|
+
}
|
|
1395
|
+
};
|
|
1396
|
+
return (0, react.createElement)(react.Fragment, null, (0, react.createElement)("button", {
|
|
1397
|
+
type: "button",
|
|
1398
|
+
className: "nwe-copy",
|
|
1399
|
+
"aria-label": "复制当前项目的续写指令",
|
|
1400
|
+
onClick: () => void copy()
|
|
1401
|
+
}, status === "copied" ? "已复制" : "复制续写指令"), status === "failed" ? (0, react.createElement)("pre", { className: "nwe-resume-fallback" }, text) : null);
|
|
1402
|
+
};
|
|
957
1403
|
const statePanel = (state, view, loading, onRefresh) => {
|
|
958
1404
|
const title = state === "empty" ? "还没有开局" : state === "outdated" ? "面板需要刷新" : "书稿读取失败";
|
|
959
1405
|
return (0, react.createElement)("div", {
|
|
@@ -1011,7 +1457,7 @@ brief P6 → check → brief P8 → archive 的顺序推进。
|
|
|
1011
1457
|
ref: closeRef,
|
|
1012
1458
|
onClick: onClose,
|
|
1013
1459
|
"aria-label": "关闭使用教程"
|
|
1014
|
-
}, (0, react.createElement)("span", { "aria-hidden": "true" }, "×"))), (0, react.createElement)("div", { className: "nwe-modal-body" }, (0, react.createElement)("div", { className: "nwe-tutorial-intro" }, (0, react.createElement)("p", null, "网文工坊不是一个“帮你想剧情”的按钮，而是一台有状态的写作引擎：你提供内容，引擎负责阶段、字数、门控、评审、归档和文件。"), (0, react.createElement)("p", null, "每一步都先领取当前阶段的任务书，再提交；提交后看引擎返回的 blocking 与下一步。面板只读，真正的写操作都在对话里的工具调用中。")), (0, react.createElement)("section", { className: "nwe-tutorial-block" }, (0, react.createElement)("h3", null, "开始前：记住三件事"), (0, react.createElement)("div", { className: "nwe-tutorial-cards" }, (0, react.createElement)("div", { className: "nwe-tutorial-card" }, (0, react.createElement)("strong", null, "只用引擎入口写"), (0, react.createElement)("span", null, "正文只走 novel_write_draft / novel_revise；状态只走工具。手改 chapters/、state/、outline/ 会破坏事务与校验。")), (0, react.createElement)("div", { className: "nwe-tutorial-card" }, (0, react.createElement)("strong", null, "每一步先领 brief"), (0, react.createElement)("span", null, "任务书携带当前上下文和 digest；跳过它会撞 PG-01。任务书过期就重新领取，不要复用旧上下文。")), (0, react.createElement)("div", { className: "nwe-tutorial-card" }, (0, react.createElement)("strong", null, "失败先读 code"), (0, react.createElement)("span", null, "参数错改参数，门控没过改正文，系统故障查目录/稍后重试。blocking 会一次列全，一次改完再交。"))), (0, react.createElement)("p", { className: "nwe-tutorial-note" }, (0, react.createElement)("strong", null, "用哪个会话："), " 想获得完整的引擎保证，请新开一个「网文工坊」预设会话；普通会话里模型可能还挂着文件工具，能绕过引擎直接改稿。")), (0, react.createElement)("section", { className: "nwe-tutorial-block" }, (0, react.createElement)("h3", null, "一本书的完整流程"), (0, react.createElement)("p", null, "前四步是开书准备，后面是每章循环。第一次先按顺序走完一章，熟悉后再批量推进整本。"), (0, react.createElement)("ol", { className: "nwe-steps" }, ...TUTORIAL_STEPS.map((step, index) => tutorialStep(step, index)))), (0, react.createElement)("section", { className: "nwe-tutorial-block" }, (0, react.createElement)("h3", null, "面板怎么看"), (0, react.createElement)("div", { className: "nwe-tutorial-cards" }, (0, react.createElement)("div", { className: "nwe-tutorial-card" }, (0, react.createElement)("strong", null, "顶部统计"), (0, react.createElement)("span", null, "已归档章、总字数、平均分、待处理门控。数字来自引擎，不是正文估算。")), (0, react.createElement)("div", { className: "nwe-tutorial-card" }, (0, react.createElement)("strong", null, "九阶段轨与下一步"), (0, react.createElement)("span", null, "亮起的阶段是当前进度，“下一步”卡会直接给出该调用的工具名。")), (0, react.createElement)("div", { className: "nwe-tutorial-card" }, (0, react.createElement)("strong", null, "章节与门控"), (0, react.createElement)("span", null, "章节卡展开可看字数、评分与状态；门控区按 code/detail/hint 列出所有阻塞。"))), (0, react.createElement)("p", { className: "nwe-tutorial-note" }, (0, react.createElement)("strong", null, "刷新："), " 面板每 15 秒静默同步一次，也可以点右上角刷新。它是只读投影；不会替你改稿、归档或修状态。")), (0, react.createElement)("section", { className: "nwe-tutorial-block" }, (0, react.createElement)("h3", null, "卡住时先看这里"), (0, react.createElement)("ul", { className: "nwe-faq" }, (0, react.createElement)("li", null, (0, react.createElement)("strong", null, "为什么一直让我先领 brief？"), (0, react.createElement)("p", null, "这是正常门控。任务书决定当前阶段可用的字段与上下文 digest；先按返回值调用 novel_brief，再继续。")), (0, react.createElement)("li", null, (0, react.createElement)("strong", null, "门控失败，改一条还是全改？"), (0, react.createElement)("p", null, "一次看完所有 blocking，再一起改。逐条试会反复烧掉阶段轮次；错误里的 code 会告诉你属于参数、门控还是系统故障。")), (0, react.createElement)("li", null, (0, react.createElement)("strong", null, "字数和评分为什么对不上？"), (0, react.createElement)("p", null, "字数以 engine 返回为准，可用 novel_word_count 核对；review 的 total 必须等于 150 减全部扣分，不能另算一套。")), (0, react.createElement)("li", null, (0, react.createElement)("strong", null, "P4/P6 过不去怎么办？"), (0, react.createElement)("p", null, "P4 有 blocker 就领 P5 任务书修订，再回 P4 重评；P6 失败同样回修订。不要 waive blocker，也不要只跑半个 scope 就归档。")), (0, react.createElement)("li", null, (0, react.createElement)("strong", null, "想改已经归档的章节？"), (0, react.createElement)("p", null, "先 novel_reopen，带非空 reason。它会从归档备份恢复，重开后重新走 P3→P8；不要直接编辑归档卡或正文文件。")), (0, react.createElement)("li", null, (0, react.createElement)("strong", null, "状态文档坏了能手工修吗？"), (0, react.createElement)("p", null, "先用 novel_state 看 raw 和 next；需要修复时用 novel_amend，并在 reason 写清原因。手改 YAML 会丢失事务保护。")), (0, react.createElement)("li", null, (0, react.createElement)("strong", null, "有多个项目，面板看的是哪本？"), (0, react.createElement)("p", null, "
|
|
1460
|
+
}, (0, react.createElement)("span", { "aria-hidden": "true" }, "×"))), (0, react.createElement)("div", { className: "nwe-modal-body" }, (0, react.createElement)("div", { className: "nwe-tutorial-intro" }, (0, react.createElement)("p", null, "网文工坊不是一个“帮你想剧情”的按钮，而是一台有状态的写作引擎：你提供内容，引擎负责阶段、字数、门控、评审、归档和文件。"), (0, react.createElement)("p", null, "每一步都先领取当前阶段的任务书，再提交；提交后看引擎返回的 blocking 与下一步。面板只读，真正的写操作都在对话里的工具调用中。")), (0, react.createElement)("section", { className: "nwe-tutorial-block" }, (0, react.createElement)("h3", null, "开始前：记住三件事"), (0, react.createElement)("div", { className: "nwe-tutorial-cards" }, (0, react.createElement)("div", { className: "nwe-tutorial-card" }, (0, react.createElement)("strong", null, "只用引擎入口写"), (0, react.createElement)("span", null, "正文只走 novel_write_draft / novel_revise；状态只走工具。手改 chapters/、state/、outline/ 会破坏事务与校验。")), (0, react.createElement)("div", { className: "nwe-tutorial-card" }, (0, react.createElement)("strong", null, "每一步先领 brief"), (0, react.createElement)("span", null, "任务书携带当前上下文和 digest；跳过它会撞 PG-01。任务书过期就重新领取，不要复用旧上下文。")), (0, react.createElement)("div", { className: "nwe-tutorial-card" }, (0, react.createElement)("strong", null, "失败先读 code"), (0, react.createElement)("span", null, "参数错改参数，门控没过改正文，系统故障查目录/稍后重试。blocking 会一次列全，一次改完再交。"))), (0, react.createElement)("p", { className: "nwe-tutorial-note" }, (0, react.createElement)("strong", null, "用哪个会话："), " 想获得完整的引擎保证，请新开一个「网文工坊」预设会话；普通会话里模型可能还挂着文件工具，能绕过引擎直接改稿。")), (0, react.createElement)("section", { className: "nwe-tutorial-block" }, (0, react.createElement)("h3", null, "一本书的完整流程"), (0, react.createElement)("p", null, "前四步是开书准备，后面是每章循环。第一次先按顺序走完一章，熟悉后再批量推进整本。"), (0, react.createElement)("ol", { className: "nwe-steps" }, ...TUTORIAL_STEPS.map((step, index) => tutorialStep(step, index)))), (0, react.createElement)("section", { className: "nwe-tutorial-block" }, (0, react.createElement)("h3", null, "面板怎么看"), (0, react.createElement)("div", { className: "nwe-tutorial-cards" }, (0, react.createElement)("div", { className: "nwe-tutorial-card" }, (0, react.createElement)("strong", null, "顶部统计"), (0, react.createElement)("span", null, "已归档章、总字数、平均分、待处理门控。数字来自引擎，不是正文估算。")), (0, react.createElement)("div", { className: "nwe-tutorial-card" }, (0, react.createElement)("strong", null, "九阶段轨与下一步"), (0, react.createElement)("span", null, "亮起的阶段是当前进度，“下一步”卡会直接给出该调用的工具名。")), (0, react.createElement)("div", { className: "nwe-tutorial-card" }, (0, react.createElement)("strong", null, "章节与门控"), (0, react.createElement)("span", null, "章节卡展开可看字数、评分与状态；门控区按 code/detail/hint 列出所有阻塞。"))), (0, react.createElement)("p", { className: "nwe-tutorial-note" }, (0, react.createElement)("strong", null, "刷新："), " 面板每 15 秒静默同步一次，也可以点右上角刷新。它是只读投影；不会替你改稿、归档或修状态。"), (0, react.createElement)("p", { className: "nwe-tutorial-note" }, (0, react.createElement)("strong", null, "项目状态："), "选择器里 choose 表示发现多本书、还没选；项目不在了表示目录缺失，绑定仍会保留；不是项目表示目录还在但没有 novel.yaml 或项目状态；项目不可读表示权限或 IO 错误，先修权限或换一本。面板选择只影响查看，不改变任何会话的写作绑定。")), (0, react.createElement)("section", { className: "nwe-tutorial-block" }, (0, react.createElement)("h3", null, "卡住时先看这里"), (0, react.createElement)("ul", { className: "nwe-faq" }, (0, react.createElement)("li", null, (0, react.createElement)("strong", null, "为什么一直让我先领 brief？"), (0, react.createElement)("p", null, "这是正常门控。任务书决定当前阶段可用的字段与上下文 digest；先按返回值调用 novel_brief，再继续。")), (0, react.createElement)("li", null, (0, react.createElement)("strong", null, "门控失败，改一条还是全改？"), (0, react.createElement)("p", null, "一次看完所有 blocking，再一起改。逐条试会反复烧掉阶段轮次；错误里的 code 会告诉你属于参数、门控还是系统故障。")), (0, react.createElement)("li", null, (0, react.createElement)("strong", null, "字数和评分为什么对不上？"), (0, react.createElement)("p", null, "字数以 engine 返回为准，可用 novel_word_count 核对；review 的 total 必须等于 150 减全部扣分，不能另算一套。")), (0, react.createElement)("li", null, (0, react.createElement)("strong", null, "P4/P6 过不去怎么办？"), (0, react.createElement)("p", null, "P4 有 blocker 就领 P5 任务书修订，再回 P4 重评；P6 失败同样回修订。不要 waive blocker，也不要只跑半个 scope 就归档。")), (0, react.createElement)("li", null, (0, react.createElement)("strong", null, "想改已经归档的章节？"), (0, react.createElement)("p", null, "先 novel_reopen，带非空 reason。它会从归档备份恢复，重开后重新走 P3→P8；不要直接编辑归档卡或正文文件。")), (0, react.createElement)("li", null, (0, react.createElement)("strong", null, "状态文档坏了能手工修吗？"), (0, react.createElement)("p", null, "先用 novel_state 看 raw 和 next；需要修复时用 novel_amend，并在 reason 写清原因。手改 YAML 会丢失事务保护。")), (0, react.createElement)("li", null, (0, react.createElement)("strong", null, "有多个项目，面板看的是哪本？"), (0, react.createElement)("p", null, "面板用顶部项目选择器切换查看对象；选择只改 ?root= 和浏览器 localStorage，不调用 activate、不写会话绑定。写作项目请用 /novel use 或显式 project_root。")), (0, react.createElement)("li", null, (0, react.createElement)("strong", null, "选错书、想清掉绑定怎么办？"), (0, react.createElement)("p", null, "先用 /novel current 看当前会话绑定；要换书用 /novel use <路径|书名|.>，要清掉只影响当前会话的绑定用 /novel unbind。不要靠 active 猜，也不要手改 state/session-bindings.yaml。")), (0, react.createElement)("li", null, (0, react.createElement)("strong", null, "扫描到了，为什么还没切过去？"), (0, react.createElement)("p", null, "scan 只读发现；scan --register 只登记项目，不选择、不改 active、不绑会话。真正切换写作项目要用 /novel use，或第一次调用显式传 project_root。")))), (0, react.createElement)("section", { className: "nwe-tutorial-block" }, (0, react.createElement)("h3", null, "可以直接复制给模型的起手话术"), (0, react.createElement)("pre", { className: "nwe-prompt" }, TUTORIAL_PROMPT)), (0, react.createElement)("section", { className: "nwe-tutorial-block" }, (0, react.createElement)("h3", null, "续写下一章时，直接复制这段给 Agent"), (0, react.createElement)("p", null, "这段会先确认状态，再处理缺章卡和目标章数已满，最后按 P1→P8 推进；归档前会要求你确认 state_delta。"), (0, react.createElement)("pre", { className: "nwe-prompt" }, TUTORIAL_NEXT_PROMPT)), (0, react.createElement)("section", { className: "nwe-tutorial-block" }, (0, react.createElement)("h3", null, "一章完成检查清单"), (0, react.createElement)("ul", { className: "nwe-checklist" }, (0, react.createElement)("li", null, "本章 P1/P2 计划已提交，P3 正文已通过格式与字数门控。"), (0, react.createElement)("li", null, "P4 评审 total 对账无误，没有未修 blocker。"), (0, react.createElement)("li", null, "P6 五个语义项都有不同句子的正文引用，完整 scope 通过。"), (0, react.createElement)("li", null, "P8 任务书当前，novel_archive 带完整 state_delta 成功。"), (0, react.createElement)("li", null, "面板出现已归档章节，门控区没有新的阻塞。")))), (0, react.createElement)("div", { className: "nwe-modal-foot" }, "教程基于 0.2.3 · 具体字段以当前任务书和工具返回为准 · 面板只读")));
|
|
1015
1461
|
const NovelHelp = () => {
|
|
1016
1462
|
const [open, setOpen] = (0, react.useState)(false);
|
|
1017
1463
|
const triggerRef = (0, react.useRef)(null);
|
|
@@ -1055,74 +1501,160 @@ brief P6 → check → brief P8 → archive 的顺序推进。
|
|
|
1055
1501
|
title: "插件使用教程"
|
|
1056
1502
|
}, helpIcon(), (0, react.createElement)("span", { className: "nwe-help-label" }, "教程")), open ? tutorialDialog(close, closeRef) : null);
|
|
1057
1503
|
};
|
|
1504
|
+
const nextCard = (view) => (0, react.createElement)("section", {
|
|
1505
|
+
className: "nwe-next",
|
|
1506
|
+
"aria-label": "下一步"
|
|
1507
|
+
}, (0, react.createElement)("div", { className: "nwe-next-icon" }, arrowIcon()), (0, react.createElement)("div", { className: "nwe-next-body" }, (0, react.createElement)("div", { className: "nwe-next-kicker" }, "CURRENT CHAPTER · 下一步"), (0, react.createElement)("div", { className: "nwe-next-title" }, view.nextTitle), (0, react.createElement)("div", { className: "nwe-next-detail" }, view.nextDetail), (0, react.createElement)(CopyResumeButton, { text: view.resumeText })), view.nextTool === "" ? null : (0, react.createElement)("code", { className: "nwe-next-tool" }, view.nextTool));
|
|
1508
|
+
const blockingSection = (view) => (0, react.createElement)("section", { className: "nwe-section" }, (0, react.createElement)("div", { className: "nwe-section-head" }, (0, react.createElement)("h2", { className: "nwe-section-title" }, "门控"), (0, react.createElement)("span", { className: "nwe-section-note" }, view.blockingTitle)), view.blocking.length === 0 ? (0, react.createElement)("div", {
|
|
1509
|
+
className: "nwe-pass",
|
|
1510
|
+
role: "status"
|
|
1511
|
+
}, (0, react.createElement)("span", { "aria-hidden": "true" }, "✓"), (0, react.createElement)("span", null, "当前阶段没有阻塞项，可以继续下一步。")) : (0, react.createElement)("ul", {
|
|
1512
|
+
className: "nwe-blocking",
|
|
1513
|
+
"aria-label": "阻塞项"
|
|
1514
|
+
}, ...view.blocking.map((item) => (0, react.createElement)("li", {
|
|
1515
|
+
className: "nwe-block",
|
|
1516
|
+
key: `${item.code}-${item.scope}-${item.detail}`
|
|
1517
|
+
}, (0, react.createElement)("span", {
|
|
1518
|
+
className: "nwe-block-icon",
|
|
1519
|
+
"aria-hidden": "true"
|
|
1520
|
+
}, "!"), (0, react.createElement)("div", null, (0, react.createElement)("div", { className: "nwe-block-code" }, item.code), (0, react.createElement)("div", { className: "nwe-block-detail" }, item.detail), item.hint === "" ? null : (0, react.createElement)("div", { className: "nwe-block-hint" }, item.hint))))));
|
|
1521
|
+
const chaptersSection = (view) => (0, react.createElement)("section", { className: "nwe-section nwe-chapters-section" }, (0, react.createElement)("div", { className: "nwe-section-head" }, (0, react.createElement)("h2", { className: "nwe-section-title" }, "章节"), (0, react.createElement)("span", { className: "nwe-section-note" }, `${view.stats.chapters} 条记录${view.stats.chapters > view.rows.filter((row) => row.tone === "ok").length ? ` · 显示最近 ${view.rows.length} 条` : ""}`)), view.rows.length === 0 ? (0, react.createElement)("div", {
|
|
1522
|
+
className: "nwe-empty",
|
|
1523
|
+
style: {
|
|
1524
|
+
marginTop: 12,
|
|
1525
|
+
minHeight: 170
|
|
1526
|
+
}
|
|
1527
|
+
}, (0, react.createElement)("div", { className: "nwe-state-icon" }, stateIcon()), (0, react.createElement)("div", { className: "nwe-state-title" }, "书架还是空的"), (0, react.createElement)("div", { className: "nwe-state-text" }, "完成第一次归档后，章节会出现在这里。")) : (0, react.createElement)("ul", { className: "nwe-chapters" }, ...view.rows.slice(-30).map(chapterCard)));
|
|
1058
1528
|
/**
|
|
1059
1529
|
* Pure view: given a view model, return the element tree. Keeping the hooks in
|
|
1060
1530
|
* `NovelPanel` makes every visual state renderable without a browser.
|
|
1061
1531
|
*/
|
|
1062
|
-
function panelElement(view, loading, onRefresh) {
|
|
1532
|
+
function panelElement(view, loading, onRefresh, onSelectProject = () => void 0) {
|
|
1063
1533
|
const ready = view.state === "ready";
|
|
1534
|
+
const selectable = ready || view.state === "choose" || view.state === "missing" || view.state === "loading" && view.projects.length > 0;
|
|
1064
1535
|
return (0, react.createElement)("section", {
|
|
1065
1536
|
"data-plugin": "dsh-novel-write-engine",
|
|
1066
1537
|
className: "nwe-root",
|
|
1067
1538
|
"aria-busy": loading,
|
|
1068
1539
|
"data-state": view.state
|
|
1069
|
-
}, (0, react.createElement)("style", { key: "nwe-style" }, CSS), (0, react.createElement)("header", { className: "nwe-hero" }, (0, react.createElement)("div",
|
|
1540
|
+
}, (0, react.createElement)("style", { key: "nwe-style" }, CSS), (0, react.createElement)("header", { className: "nwe-hero" }, (0, react.createElement)("div", { className: "nwe-hero-title" }, (0, react.createElement)("div", { className: "nwe-eyebrow" }, "NOVEL STUDIO · 网文工坊"), (0, react.createElement)("h1", { className: "nwe-title" }, view.title), (0, react.createElement)("div", { className: "nwe-meta" }, (0, react.createElement)("span", { className: `nwe-stage${view.finished ? " is-done" : ""}` }, view.stageLabel), ready ? (0, react.createElement)("span", null, view.subtitle) : null, ready ? (0, react.createElement)("span", { "aria-hidden": "true" }, "·") : null, ready ? (0, react.createElement)("span", null, view.revisionLabel) : null, view.state === "choose" || view.state === "missing" || view.state === "loading" ? (0, react.createElement)("span", null, view.subtitle) : null), ready && view.root !== "" ? (0, react.createElement)("div", { className: "nwe-rootline" }, view.root) : null), (0, react.createElement)("div", { className: "nwe-actions" }, selectable ? (0, react.createElement)(ProjectSelector, {
|
|
1541
|
+
view,
|
|
1542
|
+
onSelect: onSelectProject
|
|
1543
|
+
}) : null, (0, react.createElement)(NovelHelp), (0, react.createElement)("button", {
|
|
1070
1544
|
type: "button",
|
|
1071
1545
|
className: "nwe-refresh",
|
|
1072
1546
|
onClick: onRefresh,
|
|
1073
1547
|
disabled: loading,
|
|
1074
1548
|
"aria-label": "刷新项目状态"
|
|
1075
|
-
}, refreshIcon(), loading ? "刷新中…" : "刷新"))), ready ? (0, react.createElement)("div", {
|
|
1549
|
+
}, refreshIcon(), loading ? "刷新中…" : "刷新"))), ready && view.damaged ? (0, react.createElement)("div", {
|
|
1550
|
+
className: "nwe-damaged",
|
|
1551
|
+
role: "status"
|
|
1552
|
+
}, "项目定义不可读；先用 novel_state 查看，再用 novel_amend 按 next 修复。面板不会把它伪装成正常项目。") : null, ready && view.nextTitle !== "" ? nextCard(view) : null, ready ? (0, react.createElement)("div", {
|
|
1076
1553
|
className: "nwe-stats",
|
|
1077
1554
|
role: "group",
|
|
1078
1555
|
"aria-label": "项目统计"
|
|
1079
|
-
}, stat("已归档", String(view.stats.chapters), "章"), stat("总字数", view.stats.words.toLocaleString("zh-CN"), "字"), stat("
|
|
1080
|
-
className: "nwe-
|
|
1081
|
-
"aria-label": "
|
|
1082
|
-
}, (
|
|
1083
|
-
className: "nwe-empty",
|
|
1084
|
-
style: {
|
|
1085
|
-
marginTop: 12,
|
|
1086
|
-
minHeight: 170
|
|
1087
|
-
}
|
|
1088
|
-
}, (0, react.createElement)("div", { className: "nwe-state-icon" }, stateIcon()), (0, react.createElement)("div", { className: "nwe-state-title" }, "书架还是空的"), (0, react.createElement)("div", { className: "nwe-state-text" }, "完成第一次归档后，章节会出现在这里。")) : (0, react.createElement)("ul", { className: "nwe-chapters" }, ...view.rows.slice(-30).map(chapterCard))) : null, ready ? (0, react.createElement)("section", { className: "nwe-section" }, (0, react.createElement)("div", { className: "nwe-section-head" }, (0, react.createElement)("h2", { className: "nwe-section-title" }, "门控"), (0, react.createElement)("span", { className: "nwe-section-note" }, view.blockingTitle)), view.blocking.length === 0 ? (0, react.createElement)("div", {
|
|
1089
|
-
className: "nwe-pass",
|
|
1090
|
-
role: "status"
|
|
1091
|
-
}, (0, react.createElement)("span", { "aria-hidden": "true" }, "✓"), (0, react.createElement)("span", null, "当前阶段没有阻塞项，可以继续下一步。")) : (0, react.createElement)("ul", {
|
|
1092
|
-
className: "nwe-blocking",
|
|
1093
|
-
"aria-label": "阻塞项"
|
|
1094
|
-
}, ...view.blocking.map((item) => (0, react.createElement)("li", {
|
|
1095
|
-
className: "nwe-block",
|
|
1096
|
-
key: `${item.code}-${item.scope}-${item.detail}`
|
|
1097
|
-
}, (0, react.createElement)("span", {
|
|
1098
|
-
className: "nwe-block-icon",
|
|
1099
|
-
"aria-hidden": "true"
|
|
1100
|
-
}, "!"), (0, react.createElement)("div", null, (0, react.createElement)("div", { className: "nwe-block-code" }, item.code), (0, react.createElement)("div", { className: "nwe-block-detail" }, item.detail), item.hint === "" ? null : (0, react.createElement)("div", { className: "nwe-block-hint" }, item.hint)))))) : null, ready ? activitySection(view) : null, footer());
|
|
1556
|
+
}, stat("已归档", String(view.stats.chapters), "章"), stat("总字数", view.stats.words.toLocaleString("zh-CN"), "字"), stat("全书均分", view.stats.chapters === 0 ? "—" : String(view.stats.averageScore), "/150"), stat("待处理", String(view.stats.blocking), "项")) : null, view.state === "loading" ? loadingState() : null, view.state === "choose" ? choosePanel(view, onSelectProject) : null, view.state === "missing" ? missingPanel(view) : null, view.state === "error" || view.state === "empty" || view.state === "outdated" ? statePanel(view.state, view, loading, onRefresh) : null, ready ? (0, react.createElement)("div", { className: "nwe-desk" }, (0, react.createElement)("div", { className: "nwe-desk-main" }, (0, react.createElement)("div", { className: "nwe-desk-heading" }, (0, react.createElement)("span", { className: "nwe-desk-kicker" }, "当前一章"), (0, react.createElement)("span", { className: "nwe-desk-note" }, view.stageLabel)), phases(view), blockingSection(view), advisoriesSection(view), legacySection(view), chaptersSection(view)), (0, react.createElement)("aside", {
|
|
1557
|
+
className: "nwe-desk-side",
|
|
1558
|
+
"aria-label": "全书与活动"
|
|
1559
|
+
}, bookSection(view), activitySection(view))) : null, footer());
|
|
1101
1560
|
}
|
|
1561
|
+
const PANEL_ROOT_KEY = "nwe.panel-root.v1";
|
|
1562
|
+
const storage = () => globalThis.localStorage;
|
|
1563
|
+
const readStoredRoot = () => {
|
|
1564
|
+
try {
|
|
1565
|
+
const value = storage()?.getItem(PANEL_ROOT_KEY);
|
|
1566
|
+
return value === void 0 || value === null || value === "" ? null : value;
|
|
1567
|
+
} catch {
|
|
1568
|
+
return null;
|
|
1569
|
+
}
|
|
1570
|
+
};
|
|
1571
|
+
const storeRoot = (root) => {
|
|
1572
|
+
try {
|
|
1573
|
+
const target = storage();
|
|
1574
|
+
if (target === void 0) return;
|
|
1575
|
+
if (root === null) target.removeItem(PANEL_ROOT_KEY);
|
|
1576
|
+
else target.setItem(PANEL_ROOT_KEY, root);
|
|
1577
|
+
} catch {}
|
|
1578
|
+
};
|
|
1579
|
+
const panelPath = (root) => {
|
|
1580
|
+
const base = PANEL_ROUTE.replace(/^\/+/, "");
|
|
1581
|
+
return root === null ? base : `${base}?root=${encodeURIComponent(root)}`;
|
|
1582
|
+
};
|
|
1102
1583
|
/** Stateful wrapper: fetch once, refresh on demand and after returning to the tab. */
|
|
1103
1584
|
function NovelPanel() {
|
|
1104
1585
|
const [view, setView] = (0, react.useState)(() => buildView(null));
|
|
1105
1586
|
const [loading, setLoading] = (0, react.useState)(true);
|
|
1587
|
+
const [switching, setSwitching] = (0, react.useState)(false);
|
|
1588
|
+
const [selectedRoot, setSelectedRoot] = (0, react.useState)(() => readStoredRoot());
|
|
1106
1589
|
const alive = (0, react.useRef)(true);
|
|
1107
|
-
const
|
|
1108
|
-
const
|
|
1109
|
-
|
|
1110
|
-
|
|
1111
|
-
|
|
1590
|
+
const requestId = (0, react.useRef)(0);
|
|
1591
|
+
const visibleRequest = (0, react.useRef)(0);
|
|
1592
|
+
const controllerRef = (0, react.useRef)(null);
|
|
1593
|
+
const queryRootRef = (0, react.useRef)(selectedRoot);
|
|
1594
|
+
const loadRef = (0, react.useRef)(async () => void 0);
|
|
1595
|
+
const load = (0, react.useCallback)(async (silent = false, root = queryRootRef.current) => {
|
|
1596
|
+
if (silent && visibleRequest.current !== 0) return;
|
|
1597
|
+
const id = ++requestId.current;
|
|
1598
|
+
controllerRef.current?.abort();
|
|
1599
|
+
const controller = new AbortController();
|
|
1600
|
+
controllerRef.current = controller;
|
|
1601
|
+
if (!silent) {
|
|
1602
|
+
visibleRequest.current = id;
|
|
1603
|
+
setLoading(true);
|
|
1604
|
+
}
|
|
1605
|
+
const timeout = typeof AbortSignal !== "undefined" && typeof AbortSignal.timeout === "function" ? AbortSignal.timeout(1e4) : void 0;
|
|
1606
|
+
const any = typeof AbortSignal === "undefined" ? void 0 : AbortSignal.any?.bind(AbortSignal);
|
|
1607
|
+
const anySignal = timeout === void 0 ? controller.signal : typeof any === "function" ? any([controller.signal, timeout]) : controller.signal;
|
|
1608
|
+
const timeoutTimer = timeout === void 0 || typeof any !== "function" ? setTimeout(() => controller.abort(), 1e4) : void 0;
|
|
1112
1609
|
try {
|
|
1113
|
-
const
|
|
1114
|
-
|
|
1115
|
-
|
|
1610
|
+
const result = await fetchPanel(fetch, panelPath(root), anySignal);
|
|
1611
|
+
if (!alive.current || id !== requestId.current) return;
|
|
1612
|
+
const payload = result.payload;
|
|
1613
|
+
if (payload !== null && payload.missing?.reason === "not_registered" && root !== null) {
|
|
1614
|
+
queryRootRef.current = null;
|
|
1615
|
+
storeRoot(null);
|
|
1616
|
+
setSelectedRoot(null);
|
|
1617
|
+
await loadRef.current(false, null);
|
|
1618
|
+
return;
|
|
1619
|
+
}
|
|
1620
|
+
if (payload !== null) setSelectedRoot(payload.selection.root);
|
|
1116
1621
|
setView((previous) => {
|
|
1117
|
-
const next = buildView(
|
|
1118
|
-
if (silent && result.error !== null && previous.
|
|
1622
|
+
const next = buildView(payload, result.error);
|
|
1623
|
+
if (silent && result.error !== null && previous.projects.length > 0) return previous;
|
|
1119
1624
|
return next;
|
|
1120
1625
|
});
|
|
1121
1626
|
} finally {
|
|
1122
|
-
|
|
1123
|
-
if (!silent &&
|
|
1627
|
+
if (timeoutTimer !== void 0) clearTimeout(timeoutTimer);
|
|
1628
|
+
if (!silent && visibleRequest.current === id) visibleRequest.current = 0;
|
|
1629
|
+
if (id === requestId.current && !silent && alive.current) {
|
|
1630
|
+
setLoading(false);
|
|
1631
|
+
setSwitching(false);
|
|
1632
|
+
}
|
|
1124
1633
|
}
|
|
1125
1634
|
}, []);
|
|
1635
|
+
loadRef.current = load;
|
|
1636
|
+
const selectProject = (0, react.useCallback)((root) => {
|
|
1637
|
+
queryRootRef.current = root;
|
|
1638
|
+
storeRoot(root);
|
|
1639
|
+
setSelectedRoot(root);
|
|
1640
|
+
setSwitching(true);
|
|
1641
|
+
setView((previous) => ({
|
|
1642
|
+
...previous,
|
|
1643
|
+
state: "loading",
|
|
1644
|
+
title: "切换项目…",
|
|
1645
|
+
subtitle: root === null ? "正在读取默认项目…" : `正在读取 ${root}…`,
|
|
1646
|
+
stageLabel: "读取中",
|
|
1647
|
+
selectedRoot: root,
|
|
1648
|
+
selection: {
|
|
1649
|
+
root,
|
|
1650
|
+
source: "query"
|
|
1651
|
+
},
|
|
1652
|
+
resumeText: "",
|
|
1653
|
+
damaged: false,
|
|
1654
|
+
finished: false
|
|
1655
|
+
}));
|
|
1656
|
+
load(false, root);
|
|
1657
|
+
}, [load]);
|
|
1126
1658
|
(0, react.useEffect)(() => {
|
|
1127
1659
|
alive.current = true;
|
|
1128
1660
|
load();
|
|
@@ -1137,12 +1669,16 @@ brief P6 → check → brief P8 → archive 的顺序推进。
|
|
|
1137
1669
|
doc.addEventListener("visibilitychange", refreshWhenVisible);
|
|
1138
1670
|
return () => {
|
|
1139
1671
|
alive.current = false;
|
|
1672
|
+
controllerRef.current?.abort();
|
|
1140
1673
|
win.clearInterval(timer);
|
|
1141
1674
|
win.removeEventListener("focus", refreshWhenVisible);
|
|
1142
1675
|
doc.removeEventListener("visibilitychange", refreshWhenVisible);
|
|
1143
1676
|
};
|
|
1144
1677
|
}, [load]);
|
|
1145
|
-
return panelElement(
|
|
1678
|
+
return panelElement({
|
|
1679
|
+
...view,
|
|
1680
|
+
selectedRoot
|
|
1681
|
+
}, loading || switching, () => void load(false, queryRootRef.current), selectProject);
|
|
1146
1682
|
}
|
|
1147
1683
|
/** Sidebar icon: a small book mark, inheriting the current text colour. */
|
|
1148
1684
|
function NovelIcon({ size }) {
|