dsh-novel-write-engine 0.2.9 → 0.2.10
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 +16 -0
- package/README.md +24 -26
- package/lib/client.js +1080 -37
- package/lib/index.d.ts +1 -1
- package/lib/index.js +1 -1
- package/lib/types/constants.d.ts +1 -1
- package/package.json +1 -1
package/lib/client.js
CHANGED
|
@@ -10,7 +10,7 @@ window.__ModuleLoader__.load({
|
|
|
10
10
|
const PANEL_ID = "novel-workshop";
|
|
11
11
|
const PANEL_ROUTE = "/api/novel-write-engine/panel";
|
|
12
12
|
/** User-visible panel/tutorial version; keep in sync with package.json. */
|
|
13
|
-
const PANEL_VERSION = "0.2.
|
|
13
|
+
const PANEL_VERSION = "0.2.10";
|
|
14
14
|
// src/next-reasons.ts
|
|
15
15
|
/**
|
|
16
16
|
* Chinese one-line explanation for the tool each engine state recommends.
|
|
@@ -752,6 +752,20 @@ window.__ModuleLoader__.load({
|
|
|
752
752
|
letter-spacing: -.02em;
|
|
753
753
|
}
|
|
754
754
|
.nwe-stat-unit { margin-left: 2px; color: var(--nwe-muted); font-size: 12px; font-weight: 400; }
|
|
755
|
+
.nwe-overview-charts { display: grid; grid-template-columns: minmax(0, 1.7fr) minmax(260px, .9fr); gap: 12px; margin-top: 14px; }
|
|
756
|
+
.nwe-viz-card { min-width: 0; padding: 13px 15px 11px; border: 1px solid var(--nwe-border); border-radius: 12px; background: linear-gradient(145deg, color-mix(in srgb, var(--nwe-gold) 6%, var(--nwe-surface)), var(--nwe-surface) 58%); }
|
|
757
|
+
.nwe-viz-head { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
|
|
758
|
+
.nwe-viz-title { display: flex; align-items: center; gap: 8px; color: var(--nwe-ink); font-size: 13px; font-weight: 650; }
|
|
759
|
+
.nwe-viz-title svg { color: var(--nwe-gold); }
|
|
760
|
+
.nwe-viz-note { color: var(--nwe-muted); font-size: 11px; font-variant-numeric: tabular-nums; text-align: right; }
|
|
761
|
+
.nwe-viz-empty { display: grid; place-items: center; min-height: 196px; color: var(--nwe-muted); font-size: 12px; text-align: center; }
|
|
762
|
+
.nwe-trend-chart { display: block; width: 100%; height: 196px; margin-top: 2px; overflow: visible; }
|
|
763
|
+
.nwe-word-chart { display: flex; align-items: flex-end; gap: 7px; height: 196px; margin-top: 2px; padding: 6px 2px 0; border-bottom: 1px solid var(--nwe-border); background: repeating-linear-gradient(to top, transparent 0, transparent calc(25% - 1px), var(--nwe-border) 25%); }
|
|
764
|
+
.nwe-word-col { display: flex; flex: 1 1 0; flex-direction: column; align-items: center; justify-content: flex-end; min-width: 0; height: 100%; gap: 4px; }
|
|
765
|
+
.nwe-word-value { height: 12px; color: var(--nwe-muted); font-size: 10px; font-variant-numeric: tabular-nums; white-space: nowrap; }
|
|
766
|
+
.nwe-word-track { display: flex; align-items: flex-end; justify-content: center; flex: 0 0 142px; width: 100%; height: 142px; min-height: 0; }
|
|
767
|
+
.nwe-word-track > span { display: block; width: min(72%, 30px); min-height: 3px; border-radius: 4px 4px 2px 2px; background: linear-gradient(180deg, var(--nwe-gold), color-mix(in srgb, var(--nwe-gold) 28%, transparent)); }
|
|
768
|
+
.nwe-word-label { color: var(--nwe-muted); font-size: 10px; font-variant-numeric: tabular-nums; white-space: nowrap; }
|
|
755
769
|
.nwe-section { margin-top: 26px; }
|
|
756
770
|
.nwe-section-head { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; }
|
|
757
771
|
.nwe-section-title {
|
|
@@ -1161,6 +1175,718 @@ window.__ModuleLoader__.load({
|
|
|
1161
1175
|
.nwe-skeleton-line { animation: none; }
|
|
1162
1176
|
.nwe-refresh, .nwe-chapter { transition: none; }
|
|
1163
1177
|
}
|
|
1178
|
+
|
|
1179
|
+
/* v8 workbench: quiet chrome, editorial hierarchy, content over ornament. */
|
|
1180
|
+
.nwe-root {
|
|
1181
|
+
--nwe-accent: color-mix(in srgb, #b4471f 82%, var(--nwe-ink));
|
|
1182
|
+
--nwe-accent-soft: color-mix(in srgb, var(--nwe-accent) 9%, transparent);
|
|
1183
|
+
--nwe-ok: color-mix(in srgb, #2f7d5b 82%, var(--nwe-ink));
|
|
1184
|
+
--nwe-warn: color-mix(in srgb, #9a6700 82%, var(--nwe-ink));
|
|
1185
|
+
--nwe-bad: color-mix(in srgb, #b42318 82%, var(--nwe-ink));
|
|
1186
|
+
--nwe-gold: var(--nwe-accent);
|
|
1187
|
+
--nwe-jade: var(--nwe-ok);
|
|
1188
|
+
--nwe-rose: var(--nwe-bad);
|
|
1189
|
+
max-width: 1240px;
|
|
1190
|
+
padding: clamp(22px, 2.8vw, 38px) clamp(20px, 3.4vw, 46px) 30px;
|
|
1191
|
+
font-size: 13px;
|
|
1192
|
+
line-height: 1.65;
|
|
1193
|
+
}
|
|
1194
|
+
.nwe-hero {
|
|
1195
|
+
align-items: flex-end;
|
|
1196
|
+
gap: 32px;
|
|
1197
|
+
padding: 0 0 22px;
|
|
1198
|
+
border: 0;
|
|
1199
|
+
border-bottom: 1px solid var(--nwe-border);
|
|
1200
|
+
border-radius: 0;
|
|
1201
|
+
background: none;
|
|
1202
|
+
box-shadow: none;
|
|
1203
|
+
}
|
|
1204
|
+
.nwe-brand { display: flex; align-items: flex-start; gap: 14px; min-width: 0; }
|
|
1205
|
+
.nwe-brand-mark {
|
|
1206
|
+
display: grid;
|
|
1207
|
+
place-items: center;
|
|
1208
|
+
flex: 0 0 auto;
|
|
1209
|
+
width: 40px;
|
|
1210
|
+
height: 40px;
|
|
1211
|
+
border-radius: 11px;
|
|
1212
|
+
background: var(--nwe-accent);
|
|
1213
|
+
color: #fffaf4;
|
|
1214
|
+
font-size: 18px;
|
|
1215
|
+
font-weight: 700;
|
|
1216
|
+
box-shadow: inset 0 1px 0 #ffffff2e;
|
|
1217
|
+
}
|
|
1218
|
+
.nwe-eyebrow { color: var(--nwe-muted); font-size: 11px; font-weight: 700; letter-spacing: .16em; }
|
|
1219
|
+
.nwe-title {
|
|
1220
|
+
margin: 5px 0 6px;
|
|
1221
|
+
font-family: inherit;
|
|
1222
|
+
font-size: clamp(26px, 3vw, 34px);
|
|
1223
|
+
font-weight: 700;
|
|
1224
|
+
line-height: 1.12;
|
|
1225
|
+
letter-spacing: -.04em;
|
|
1226
|
+
}
|
|
1227
|
+
.nwe-meta { gap: 6px 10px; color: var(--nwe-muted); font-size: 12px; }
|
|
1228
|
+
.nwe-stage {
|
|
1229
|
+
border: 0;
|
|
1230
|
+
border-radius: 5px;
|
|
1231
|
+
padding: 3px 7px;
|
|
1232
|
+
background: var(--nwe-accent-soft);
|
|
1233
|
+
color: var(--nwe-accent);
|
|
1234
|
+
font-size: 11px;
|
|
1235
|
+
font-weight: 650;
|
|
1236
|
+
}
|
|
1237
|
+
.nwe-stage::before { display: none; }
|
|
1238
|
+
.nwe-rootline {
|
|
1239
|
+
margin-top: 4px;
|
|
1240
|
+
color: color-mix(in srgb, var(--nwe-ink) 46%, transparent);
|
|
1241
|
+
font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
|
|
1242
|
+
font-size: 11px;
|
|
1243
|
+
}
|
|
1244
|
+
.nwe-revision { padding-left: 9px; border-left: 1px solid var(--nwe-border); }
|
|
1245
|
+
.nwe-actions { align-items: center; gap: 8px; }
|
|
1246
|
+
.nwe-project-label { font-size: 11px; color: var(--nwe-muted); }
|
|
1247
|
+
.nwe-project-select,
|
|
1248
|
+
.nwe-project-search {
|
|
1249
|
+
min-height: 34px;
|
|
1250
|
+
border: 1px solid var(--nwe-border);
|
|
1251
|
+
border-radius: 8px;
|
|
1252
|
+
background: var(--nwe-surface);
|
|
1253
|
+
color: var(--nwe-ink);
|
|
1254
|
+
font-size: 12px;
|
|
1255
|
+
}
|
|
1256
|
+
.nwe-project-select { max-width: 300px; padding: 6px 28px 6px 10px; }
|
|
1257
|
+
.nwe-project-search { width: 132px; padding: 6px 9px; }
|
|
1258
|
+
.nwe-refresh,
|
|
1259
|
+
.nwe-help {
|
|
1260
|
+
min-height: 34px;
|
|
1261
|
+
padding: 7px 11px;
|
|
1262
|
+
border: 1px solid var(--nwe-border);
|
|
1263
|
+
border-radius: 8px;
|
|
1264
|
+
background: transparent;
|
|
1265
|
+
color: var(--nwe-ink);
|
|
1266
|
+
font: inherit;
|
|
1267
|
+
font-size: 12px;
|
|
1268
|
+
}
|
|
1269
|
+
.nwe-refresh {
|
|
1270
|
+
border-color: var(--nwe-border);
|
|
1271
|
+
background: transparent;
|
|
1272
|
+
color: var(--nwe-ink);
|
|
1273
|
+
}
|
|
1274
|
+
.nwe-refresh:hover:not(:disabled) {
|
|
1275
|
+
border-color: var(--nwe-accent);
|
|
1276
|
+
background: var(--nwe-accent-soft);
|
|
1277
|
+
transform: none;
|
|
1278
|
+
}
|
|
1279
|
+
.nwe-help { background: color-mix(in srgb, var(--nwe-surface) 70%, transparent); color: var(--nwe-muted); }
|
|
1280
|
+
.nwe-help:hover { border-color: var(--nwe-accent); color: var(--nwe-ink); transform: none; }
|
|
1281
|
+
.nwe-refresh:disabled { cursor: wait; opacity: .55; }
|
|
1282
|
+
.nwe-next {
|
|
1283
|
+
display: grid;
|
|
1284
|
+
grid-template-columns: 36px minmax(0, 1fr) auto;
|
|
1285
|
+
gap: 14px;
|
|
1286
|
+
align-items: start;
|
|
1287
|
+
margin-top: 22px;
|
|
1288
|
+
padding: 18px 20px;
|
|
1289
|
+
border: 1px solid color-mix(in srgb, var(--nwe-accent) 22%, var(--nwe-border));
|
|
1290
|
+
border-left: 3px solid var(--nwe-accent);
|
|
1291
|
+
border-radius: 11px;
|
|
1292
|
+
background: color-mix(in srgb, var(--nwe-accent) 5%, var(--nwe-surface));
|
|
1293
|
+
}
|
|
1294
|
+
.nwe-next-icon {
|
|
1295
|
+
display: grid;
|
|
1296
|
+
place-items: center;
|
|
1297
|
+
width: 36px;
|
|
1298
|
+
height: 36px;
|
|
1299
|
+
border-radius: 9px;
|
|
1300
|
+
background: var(--nwe-accent);
|
|
1301
|
+
color: #fffaf4;
|
|
1302
|
+
}
|
|
1303
|
+
.nwe-next-kicker { color: var(--nwe-accent); font-size: 11px; font-weight: 700; letter-spacing: .14em; }
|
|
1304
|
+
.nwe-next-title { margin: 2px 0 3px; font-size: 19px; font-weight: 650; line-height: 1.25; letter-spacing: -.025em; }
|
|
1305
|
+
.nwe-next-detail { max-width: 62ch; color: var(--nwe-muted); font-size: 12.5px; line-height: 1.6; }
|
|
1306
|
+
.nwe-next-meta {
|
|
1307
|
+
display: flex;
|
|
1308
|
+
flex-direction: column;
|
|
1309
|
+
align-items: flex-end;
|
|
1310
|
+
gap: 4px;
|
|
1311
|
+
padding-top: 2px;
|
|
1312
|
+
color: var(--nwe-muted);
|
|
1313
|
+
font-size: 11px;
|
|
1314
|
+
text-align: right;
|
|
1315
|
+
white-space: nowrap;
|
|
1316
|
+
}
|
|
1317
|
+
.nwe-next-tool {
|
|
1318
|
+
margin: 1px 0 0;
|
|
1319
|
+
padding: 4px 7px;
|
|
1320
|
+
border: 1px solid var(--nwe-border);
|
|
1321
|
+
border-radius: 5px;
|
|
1322
|
+
background: var(--nwe-surface);
|
|
1323
|
+
color: var(--nwe-muted);
|
|
1324
|
+
font-size: 11px;
|
|
1325
|
+
}
|
|
1326
|
+
.nwe-next .nwe-copy {
|
|
1327
|
+
margin-top: 10px;
|
|
1328
|
+
padding: 6px 11px;
|
|
1329
|
+
border: 1px solid var(--nwe-accent);
|
|
1330
|
+
border-radius: 6px;
|
|
1331
|
+
background: var(--nwe-accent);
|
|
1332
|
+
color: #fffaf4;
|
|
1333
|
+
font-size: 11px;
|
|
1334
|
+
}
|
|
1335
|
+
.nwe-next .nwe-copy:hover { border-color: color-mix(in srgb, var(--nwe-accent) 84%, var(--nwe-ink)); background: color-mix(in srgb, var(--nwe-accent) 84%, var(--nwe-ink)); color: #fffaf4; }
|
|
1336
|
+
.nwe-tabs {
|
|
1337
|
+
gap: 25px;
|
|
1338
|
+
flex-wrap: nowrap;
|
|
1339
|
+
overflow-x: auto;
|
|
1340
|
+
margin-top: 20px;
|
|
1341
|
+
padding: 0;
|
|
1342
|
+
border: 0;
|
|
1343
|
+
border-bottom: 1px solid var(--nwe-border);
|
|
1344
|
+
border-radius: 0;
|
|
1345
|
+
background: transparent;
|
|
1346
|
+
scrollbar-width: none;
|
|
1347
|
+
}
|
|
1348
|
+
.nwe-tabs::-webkit-scrollbar { display: none; }
|
|
1349
|
+
.nwe-tab {
|
|
1350
|
+
position: relative;
|
|
1351
|
+
padding: 10px 1px 11px;
|
|
1352
|
+
border-radius: 0;
|
|
1353
|
+
color: var(--nwe-muted);
|
|
1354
|
+
font-size: 13px;
|
|
1355
|
+
white-space: nowrap;
|
|
1356
|
+
}
|
|
1357
|
+
.nwe-tab:hover { color: var(--nwe-ink); }
|
|
1358
|
+
.nwe-tab.is-active { background: transparent; color: var(--nwe-ink); font-weight: 650; }
|
|
1359
|
+
.nwe-tab.is-active::after {
|
|
1360
|
+
content: "";
|
|
1361
|
+
position: absolute;
|
|
1362
|
+
right: 0;
|
|
1363
|
+
bottom: -1px;
|
|
1364
|
+
left: 0;
|
|
1365
|
+
height: 2px;
|
|
1366
|
+
border-radius: 2px;
|
|
1367
|
+
background: var(--nwe-accent);
|
|
1368
|
+
}
|
|
1369
|
+
.nwe-stats {
|
|
1370
|
+
display: grid;
|
|
1371
|
+
grid-template-columns: repeat(4, minmax(0, 1fr));
|
|
1372
|
+
gap: 0;
|
|
1373
|
+
margin-top: 20px;
|
|
1374
|
+
padding: 0 0 18px;
|
|
1375
|
+
border: 0;
|
|
1376
|
+
border-bottom: 1px solid var(--nwe-border);
|
|
1377
|
+
}
|
|
1378
|
+
.nwe-stat {
|
|
1379
|
+
min-width: 0;
|
|
1380
|
+
padding: 0 22px;
|
|
1381
|
+
border: 0;
|
|
1382
|
+
border-right: 1px solid var(--nwe-border);
|
|
1383
|
+
border-radius: 0;
|
|
1384
|
+
background: transparent;
|
|
1385
|
+
}
|
|
1386
|
+
.nwe-stat:first-child { padding-left: 0; }
|
|
1387
|
+
.nwe-stat:last-child { padding-right: 0; border-right: 0; }
|
|
1388
|
+
.nwe-stat-label { color: var(--nwe-muted); font-size: 11px; font-weight: 500; letter-spacing: .03em; }
|
|
1389
|
+
.nwe-stat-value {
|
|
1390
|
+
margin-top: 3px;
|
|
1391
|
+
font-size: 30px;
|
|
1392
|
+
font-weight: 650;
|
|
1393
|
+
line-height: 1.05;
|
|
1394
|
+
letter-spacing: -.045em;
|
|
1395
|
+
}
|
|
1396
|
+
.nwe-stat-unit { margin-left: 4px; color: var(--nwe-muted); font-size: 11px; font-weight: 400; letter-spacing: 0; }
|
|
1397
|
+
.nwe-stat-unit.is-note { display: block; margin: 5px 0 0; font-size: 11px; line-height: 1.45; }
|
|
1398
|
+
.nwe-desk {
|
|
1399
|
+
grid-template-columns: minmax(0, 1.55fr) minmax(290px, .75fr);
|
|
1400
|
+
gap: 40px;
|
|
1401
|
+
margin-top: 24px;
|
|
1402
|
+
}
|
|
1403
|
+
.nwe-desk-side { padding-left: 32px; border-left: 1px solid var(--nwe-border); }
|
|
1404
|
+
.nwe-desk-heading { margin: 0 0 10px; }
|
|
1405
|
+
.nwe-desk-kicker { color: var(--nwe-muted); font-size: 11px; font-weight: 700; letter-spacing: .12em; }
|
|
1406
|
+
.nwe-desk-note { color: var(--nwe-muted); font-size: 11px; }
|
|
1407
|
+
.nwe-section { margin-top: 25px; }
|
|
1408
|
+
.nwe-section-head { align-items: center; margin-bottom: 10px; }
|
|
1409
|
+
.nwe-section-title { font-family: inherit; font-size: 14px; font-weight: 650; letter-spacing: -.01em; }
|
|
1410
|
+
.nwe-section-note { color: var(--nwe-muted); font-size: 11px; }
|
|
1411
|
+
.nwe-phases {
|
|
1412
|
+
margin-top: 8px;
|
|
1413
|
+
padding: 13px 2px 7px;
|
|
1414
|
+
border: 0;
|
|
1415
|
+
border-top: 1px solid var(--nwe-border);
|
|
1416
|
+
border-bottom: 1px solid var(--nwe-border);
|
|
1417
|
+
border-radius: 0;
|
|
1418
|
+
background: transparent;
|
|
1419
|
+
}
|
|
1420
|
+
.nwe-phase { gap: 5px; }
|
|
1421
|
+
.nwe-phase:not(:last-child)::after { top: 8px; left: calc(50% + 12px); width: calc(100% - 24px); background: var(--nwe-border); }
|
|
1422
|
+
.nwe-dot {
|
|
1423
|
+
width: 17px;
|
|
1424
|
+
height: 17px;
|
|
1425
|
+
border: 1.5px solid color-mix(in srgb, var(--nwe-ink) 24%, transparent);
|
|
1426
|
+
background: var(--nwe-surface);
|
|
1427
|
+
font-size: 11px;
|
|
1428
|
+
}
|
|
1429
|
+
.nwe-phase.is-done .nwe-dot { border-color: var(--nwe-ok); background: color-mix(in srgb, var(--nwe-ok) 13%, var(--nwe-surface)); color: var(--nwe-ok); }
|
|
1430
|
+
.nwe-phase.is-active .nwe-dot { border-color: var(--nwe-accent); background: var(--nwe-accent); color: #fffaf4; box-shadow: 0 0 0 3px var(--nwe-accent-soft); }
|
|
1431
|
+
.nwe-phase-label { margin-top: 1px; font-size: 11px; }
|
|
1432
|
+
.nwe-phase.is-active .nwe-phase-label { color: var(--nwe-ink); }
|
|
1433
|
+
.nwe-pass {
|
|
1434
|
+
margin-top: 6px;
|
|
1435
|
+
padding: 0;
|
|
1436
|
+
border: 0;
|
|
1437
|
+
border-radius: 0;
|
|
1438
|
+
background: transparent;
|
|
1439
|
+
color: var(--nwe-ok);
|
|
1440
|
+
font-size: 12px;
|
|
1441
|
+
}
|
|
1442
|
+
.nwe-block {
|
|
1443
|
+
padding: 11px 13px;
|
|
1444
|
+
border: 1px solid color-mix(in srgb, var(--nwe-bad) 20%, var(--nwe-border));
|
|
1445
|
+
border-left: 3px solid var(--nwe-bad);
|
|
1446
|
+
border-radius: 7px;
|
|
1447
|
+
background: color-mix(in srgb, var(--nwe-bad) 4%, var(--nwe-surface));
|
|
1448
|
+
}
|
|
1449
|
+
.nwe-block-icon { width: 20px; height: 20px; border-radius: 5px; }
|
|
1450
|
+
.nwe-advisory {
|
|
1451
|
+
padding: 8px 0;
|
|
1452
|
+
border: 0;
|
|
1453
|
+
border-bottom: 1px solid var(--nwe-border);
|
|
1454
|
+
border-radius: 0;
|
|
1455
|
+
background: transparent;
|
|
1456
|
+
}
|
|
1457
|
+
.nwe-advisory:last-child { border-bottom: 0; }
|
|
1458
|
+
.nwe-advisory-code { color: var(--nwe-warn); }
|
|
1459
|
+
.nwe-advisory-hint { color: var(--nwe-muted); font-size: 11px; }
|
|
1460
|
+
.nwe-chapters { gap: 0; margin-top: 8px; border-top: 1px solid var(--nwe-border); }
|
|
1461
|
+
.nwe-chapter {
|
|
1462
|
+
border: 0;
|
|
1463
|
+
border-bottom: 1px solid var(--nwe-border);
|
|
1464
|
+
border-radius: 0;
|
|
1465
|
+
background: transparent;
|
|
1466
|
+
}
|
|
1467
|
+
.nwe-chapter.is-ok, .nwe-chapter.is-bad { border-left: 0; }
|
|
1468
|
+
.nwe-chapter:hover { background: color-mix(in srgb, var(--nwe-accent) 4%, transparent); }
|
|
1469
|
+
.nwe-chapter summary {
|
|
1470
|
+
grid-template-columns: 48px minmax(0, 1fr) auto 14px;
|
|
1471
|
+
gap: 12px;
|
|
1472
|
+
padding: 13px 4px;
|
|
1473
|
+
}
|
|
1474
|
+
.nwe-chapter-num { color: var(--nwe-accent); font-size: 11px; font-weight: 650; letter-spacing: .02em; }
|
|
1475
|
+
.nwe-chapter-title { display: block; font-size: 14px; font-weight: 600; }
|
|
1476
|
+
.nwe-chapter-stage { display: block; margin-top: 1px; color: var(--nwe-muted); font-size: 11px; }
|
|
1477
|
+
.nwe-chapter-meta { gap: 12px; color: var(--nwe-muted); font-size: 11px; }
|
|
1478
|
+
.nwe-score { width: 104px; }
|
|
1479
|
+
.nwe-score-value { font-size: 11px; }
|
|
1480
|
+
.nwe-scorebar { height: 3px; }
|
|
1481
|
+
.nwe-scorebar > span { background: var(--nwe-accent); }
|
|
1482
|
+
.nwe-badge { padding: 2px 6px; border-radius: 5px; font-size: 11px; }
|
|
1483
|
+
.nwe-badge.is-ok { border-color: color-mix(in srgb, var(--nwe-ok) 34%, transparent); color: var(--nwe-ok); }
|
|
1484
|
+
.nwe-badge.is-bad { border-color: color-mix(in srgb, var(--nwe-bad) 34%, transparent); color: var(--nwe-bad); }
|
|
1485
|
+
.nwe-chapter-extra {
|
|
1486
|
+
margin: 0;
|
|
1487
|
+
padding: 0 4px 12px 64px;
|
|
1488
|
+
color: var(--nwe-muted);
|
|
1489
|
+
font-size: 11px;
|
|
1490
|
+
line-height: 1.55;
|
|
1491
|
+
}
|
|
1492
|
+
.nwe-chapter-detail {
|
|
1493
|
+
margin: 0 4px 10px 64px;
|
|
1494
|
+
padding: 10px 12px;
|
|
1495
|
+
border: 0;
|
|
1496
|
+
border-radius: 6px;
|
|
1497
|
+
background: var(--nwe-surface);
|
|
1498
|
+
}
|
|
1499
|
+
.nwe-glance {
|
|
1500
|
+
padding: 15px 16px 14px;
|
|
1501
|
+
border: 1px solid var(--nwe-border);
|
|
1502
|
+
border-radius: 9px;
|
|
1503
|
+
background: color-mix(in srgb, var(--nwe-surface) 76%, var(--nwe-raised));
|
|
1504
|
+
}
|
|
1505
|
+
.nwe-glance-head { display: flex; align-items: baseline; justify-content: space-between; gap: 8px; }
|
|
1506
|
+
.nwe-glance-title { margin: 8px 0 4px; font-size: 17px; font-weight: 650; line-height: 1.35; letter-spacing: -.02em; }
|
|
1507
|
+
.nwe-glance-text {
|
|
1508
|
+
display: -webkit-box;
|
|
1509
|
+
overflow: hidden;
|
|
1510
|
+
margin: 0;
|
|
1511
|
+
color: var(--nwe-muted);
|
|
1512
|
+
font-size: 12.5px;
|
|
1513
|
+
line-height: 1.65;
|
|
1514
|
+
-webkit-box-orient: vertical;
|
|
1515
|
+
-webkit-line-clamp: 3;
|
|
1516
|
+
}
|
|
1517
|
+
.nwe-glance-bar { overflow: hidden; height: 6px; margin-top: 14px; border-radius: 99px; background: var(--nwe-border); }
|
|
1518
|
+
.nwe-glance-bar > span { display: block; height: 100%; border-radius: inherit; background: var(--nwe-accent); }
|
|
1519
|
+
.nwe-glance-legend { display: flex; justify-content: space-between; margin-top: 5px; color: var(--nwe-muted); font-size: 11px; font-variant-numeric: tabular-nums; }
|
|
1520
|
+
.nwe-glance-facts { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0; margin: 15px 0 0; }
|
|
1521
|
+
.nwe-glance-facts > div { padding: 0 12px; border-left: 1px solid var(--nwe-border); }
|
|
1522
|
+
.nwe-glance-facts > div:first-child { padding-left: 0; border-left: 0; }
|
|
1523
|
+
.nwe-glance-facts dt { color: var(--nwe-muted); font-size: 11px; letter-spacing: .05em; }
|
|
1524
|
+
.nwe-glance-facts dd { margin: 2px 0 0; font-size: 15px; font-weight: 650; font-variant-numeric: tabular-nums; }
|
|
1525
|
+
.nwe-activity { gap: 0; margin-top: 18px; }
|
|
1526
|
+
.nwe-activity li { grid-template-columns: 62px minmax(0, 1fr) auto; gap: 8px; padding: 8px 0; border-bottom: 1px solid color-mix(in srgb, var(--nwe-border) 65%, transparent); font-size: 11px; }
|
|
1527
|
+
.nwe-activity li:last-child { border-bottom: 0; }
|
|
1528
|
+
.nwe-dossier { margin-top: 32px; padding-top: 13px; border-top: 1px solid var(--nwe-border); }
|
|
1529
|
+
.nwe-dossier > summary {
|
|
1530
|
+
display: flex;
|
|
1531
|
+
align-items: center;
|
|
1532
|
+
gap: 8px;
|
|
1533
|
+
padding: 4px 0;
|
|
1534
|
+
cursor: pointer;
|
|
1535
|
+
list-style: none;
|
|
1536
|
+
font-size: 14px;
|
|
1537
|
+
font-weight: 650;
|
|
1538
|
+
}
|
|
1539
|
+
.nwe-dossier > summary::-webkit-details-marker { display: none; }
|
|
1540
|
+
.nwe-dossier > summary::before { content: "+"; color: var(--nwe-accent); font-size: 16px; line-height: 1; }
|
|
1541
|
+
.nwe-dossier[open] > summary::before { content: "−"; }
|
|
1542
|
+
.nwe-dossier-note { margin-left: auto; color: var(--nwe-muted); font-size: 11px; font-weight: 400; }
|
|
1543
|
+
.nwe-dossier .nwe-section { margin-top: 12px; }
|
|
1544
|
+
.nwe-dossier .nwe-section-head { display: none; }
|
|
1545
|
+
.nwe-dossier .nwe-v6-grid {
|
|
1546
|
+
grid-template-columns: repeat(3, minmax(0, 1fr));
|
|
1547
|
+
gap: 1px;
|
|
1548
|
+
overflow: hidden;
|
|
1549
|
+
border: 1px solid var(--nwe-border);
|
|
1550
|
+
border-radius: 8px;
|
|
1551
|
+
background: var(--nwe-border);
|
|
1552
|
+
}
|
|
1553
|
+
.nwe-dossier .nwe-v6-card { padding: 14px 16px; border: 0; border-radius: 0; background: var(--nwe-surface); }
|
|
1554
|
+
.nwe-dossier .nwe-v6-card[open] { grid-column: span 3; }
|
|
1555
|
+
.nwe-dossier .nwe-v6-card > summary { font-size: 12px; }
|
|
1556
|
+
.nwe-footer {
|
|
1557
|
+
margin-top: 36px;
|
|
1558
|
+
padding-top: 13px;
|
|
1559
|
+
border-top: 1px solid var(--nwe-border);
|
|
1560
|
+
color: var(--nwe-muted);
|
|
1561
|
+
font-size: 11px;
|
|
1562
|
+
}
|
|
1563
|
+
.nwe-footer code { font-size: 11px; }
|
|
1564
|
+
.nwe-empty { min-height: 0; padding: 24px; border-style: dashed; border-radius: 8px; background: color-mix(in srgb, var(--nwe-surface) 60%, transparent); }
|
|
1565
|
+
.nwe-state { min-height: 320px; border: 0; background: color-mix(in srgb, var(--nwe-surface) 55%, transparent); }
|
|
1566
|
+
.nwe-state-title { font-family: inherit; font-size: 20px; font-weight: 650; }
|
|
1567
|
+
.nwe-state-icon { width: 38px; height: 38px; border-radius: 11px; background: var(--nwe-accent-soft); color: var(--nwe-accent); }
|
|
1568
|
+
.nwe-modal { border-color: var(--nwe-border); border-radius: 14px; background: var(--nwe-surface); }
|
|
1569
|
+
.nwe-modal-head { border-bottom-color: var(--nwe-border); background: var(--nwe-surface); }
|
|
1570
|
+
.nwe-modal-title { font-family: inherit; font-size: 22px; font-weight: 650; letter-spacing: -.025em; }
|
|
1571
|
+
.nwe-tutorial-block h3 { font-family: inherit; font-size: 15px; font-weight: 650; }
|
|
1572
|
+
.nwe-step { border: 1px solid var(--nwe-border); border-left: 2px solid var(--nwe-accent); border-radius: 8px; background: transparent; }
|
|
1573
|
+
.nwe-step-no, .nwe-step-tool { color: var(--nwe-accent); }
|
|
1574
|
+
.nwe-tutorial-card { border-radius: 8px; background: color-mix(in srgb, var(--nwe-surface) 80%, var(--nwe-raised)); }
|
|
1575
|
+
.nwe-tutorial-card strong { color: var(--nwe-accent); }
|
|
1576
|
+
.nwe-tutorial-note strong { color: var(--nwe-accent); }
|
|
1577
|
+
.nwe-copy-block .nwe-copy { border-radius: 6px; }
|
|
1578
|
+
.nwe-chapter-toolbar, .nwe-section-search { border-radius: 7px; }
|
|
1579
|
+
.nwe-chapter-toolbar input, .nwe-chapter-toolbar select, .nwe-section-search input { border-radius: 6px; }
|
|
1580
|
+
.nwe-data-row { border-radius: 6px; background: transparent; }
|
|
1581
|
+
.nwe-quality-summary { font-size: 11px; }
|
|
1582
|
+
.nwe-dim { grid-template-columns: 68px minmax(0, 1fr) 52px; font-size: 11px; }
|
|
1583
|
+
@media (max-width: 980px) {
|
|
1584
|
+
.nwe-desk { grid-template-columns: 1fr; gap: 0; }
|
|
1585
|
+
.nwe-desk-side { display: grid; grid-template-columns: minmax(0, 1fr) minmax(260px, .7fr); gap: 24px; padding-left: 0; border-left: 0; border-top: 1px solid var(--nwe-border); margin-top: 24px; padding-top: 20px; }
|
|
1586
|
+
.nwe-dossier .nwe-v6-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
|
|
1587
|
+
.nwe-dossier .nwe-v6-card[open] { grid-column: span 2; }
|
|
1588
|
+
}
|
|
1589
|
+
@media (max-width: 760px) {
|
|
1590
|
+
.nwe-root { padding: 16px 15px 24px; }
|
|
1591
|
+
.nwe-hero { align-items: flex-start; flex-direction: column; gap: 16px; padding-bottom: 17px; }
|
|
1592
|
+
.nwe-brand { gap: 11px; }
|
|
1593
|
+
.nwe-brand-mark { width: 34px; height: 34px; border-radius: 9px; font-size: 15px; }
|
|
1594
|
+
.nwe-title { font-size: 25px; }
|
|
1595
|
+
.nwe-revision { padding-left: 0; border-left: 0; }
|
|
1596
|
+
.nwe-actions { width: 100%; flex-wrap: wrap; min-width: 0; }
|
|
1597
|
+
.nwe-project { order: 0; flex: 1 0 100%; width: 100%; min-width: 0; }
|
|
1598
|
+
.nwe-project-select { flex: 1; max-width: none; min-width: 0; width: 100%; }
|
|
1599
|
+
.nwe-help, .nwe-refresh { flex: 1 1 0; min-width: 0; }
|
|
1600
|
+
.nwe-project-search { flex: 1 1 100%; width: auto; }
|
|
1601
|
+
.nwe-project-toggle { flex: 1 1 100%; }
|
|
1602
|
+
.nwe-refresh { flex: 1; justify-content: center; }
|
|
1603
|
+
.nwe-help { flex: 0 0 auto; }
|
|
1604
|
+
.nwe-next { grid-template-columns: 32px minmax(0, 1fr); gap: 11px; padding: 15px; }
|
|
1605
|
+
.nwe-next-icon { width: 32px; height: 32px; border-radius: 8px; }
|
|
1606
|
+
.nwe-next-title { font-size: 17px; }
|
|
1607
|
+
.nwe-next-tool { display: none; }
|
|
1608
|
+
.nwe-next-meta { display: none; }
|
|
1609
|
+
.nwe-next .nwe-copy { margin-top: 9px; }
|
|
1610
|
+
.nwe-tabs { gap: 20px; margin-top: 16px; }
|
|
1611
|
+
.nwe-tab { padding: 9px 0 10px; font-size: 12px; }
|
|
1612
|
+
.nwe-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 15px 0; padding-bottom: 15px; }
|
|
1613
|
+
.nwe-stat { padding: 0 14px; }
|
|
1614
|
+
.nwe-stat:nth-child(2) { border-right: 0; }
|
|
1615
|
+
.nwe-stat:nth-child(3) { padding-left: 0; }
|
|
1616
|
+
.nwe-stat:nth-child(4) { padding-right: 0; }
|
|
1617
|
+
.nwe-stat-value { font-size: 24px; }
|
|
1618
|
+
.nwe-desk-side { display: block; }
|
|
1619
|
+
.nwe-glance { padding: 14px; }
|
|
1620
|
+
.nwe-phases { grid-template-columns: repeat(3, minmax(0, 1fr)); row-gap: 13px; padding: 12px 0 8px; }
|
|
1621
|
+
.nwe-phase:nth-child(3n)::after { display: none; }
|
|
1622
|
+
.nwe-chapter summary { grid-template-columns: 40px minmax(0, 1fr) 14px; gap: 9px; padding: 12px 2px; }
|
|
1623
|
+
.nwe-chapter-meta { grid-column: 2 / 4; grid-row: 2; display: flex; justify-content: flex-start; flex-wrap: wrap; gap: 7px 12px; margin-top: 4px; }
|
|
1624
|
+
.nwe-chapter-meta > .nwe-badge { order: 4; }
|
|
1625
|
+
.nwe-score { width: 88px; }
|
|
1626
|
+
.nwe-chapter-extra { padding: 0 2px 11px 49px; }
|
|
1627
|
+
.nwe-chapter-detail { margin: 0 2px 9px 49px; }
|
|
1628
|
+
.nwe-dossier { margin-top: 25px; }
|
|
1629
|
+
.nwe-dossier-note { display: none; }
|
|
1630
|
+
.nwe-dossier .nwe-v6-grid { grid-template-columns: 1fr; }
|
|
1631
|
+
.nwe-dossier .nwe-v6-card[open] { grid-column: auto; }
|
|
1632
|
+
.nwe-footer { margin-top: 26px; flex-direction: column; }
|
|
1633
|
+
}
|
|
1634
|
+
|
|
1635
|
+
/* v9 card wall: every read-model tab owns the full canvas. */
|
|
1636
|
+
.nwe-root { max-width: 1460px; }
|
|
1637
|
+
.nwe-tab-intro {
|
|
1638
|
+
display: grid;
|
|
1639
|
+
grid-template-columns: 46px minmax(0, 1fr) auto;
|
|
1640
|
+
gap: 15px;
|
|
1641
|
+
align-items: start;
|
|
1642
|
+
margin: 24px 0 2px;
|
|
1643
|
+
padding: 0 0 18px;
|
|
1644
|
+
border-bottom: 1px solid var(--nwe-border);
|
|
1645
|
+
}
|
|
1646
|
+
.nwe-tab-intro-icon {
|
|
1647
|
+
display: grid;
|
|
1648
|
+
place-items: center;
|
|
1649
|
+
width: 46px;
|
|
1650
|
+
height: 46px;
|
|
1651
|
+
border: 1px solid color-mix(in srgb, var(--nwe-accent) 20%, var(--nwe-border));
|
|
1652
|
+
border-radius: 12px;
|
|
1653
|
+
background: var(--nwe-accent-soft);
|
|
1654
|
+
color: var(--nwe-accent);
|
|
1655
|
+
}
|
|
1656
|
+
.nwe-tab-intro-copy { min-width: 0; }
|
|
1657
|
+
.nwe-tab-intro-desc { max-width: 76ch; margin: 0; color: var(--nwe-muted); font-size: 12.5px; line-height: 1.65; overflow-wrap: anywhere; }
|
|
1658
|
+
.nwe-tab-intro-kicker { color: var(--nwe-muted); font-size: 10px; font-weight: 700; letter-spacing: .16em; }
|
|
1659
|
+
.nwe-tab-intro-title { margin: 2px 0 3px; font-size: 25px; font-weight: 700; line-height: 1.2; letter-spacing: -.035em; }
|
|
1660
|
+
.nwe-tab-intro-desc { max-width: 76ch; margin: 0; color: var(--nwe-muted); font-size: 12.5px; line-height: 1.65; overflow-wrap: anywhere; }
|
|
1661
|
+
.nwe-tab-intro-count {
|
|
1662
|
+
align-self: start;
|
|
1663
|
+
padding: 4px 8px;
|
|
1664
|
+
border: 1px solid var(--nwe-border);
|
|
1665
|
+
border-radius: 5px;
|
|
1666
|
+
color: var(--nwe-muted);
|
|
1667
|
+
font-size: 11px;
|
|
1668
|
+
font-variant-numeric: tabular-nums;
|
|
1669
|
+
white-space: nowrap;
|
|
1670
|
+
}
|
|
1671
|
+
.nwe-tab-panel { margin-top: 0; }
|
|
1672
|
+
.nwe-desk-single { grid-template-columns: minmax(0, 1fr); }
|
|
1673
|
+
.nwe-card-grid {
|
|
1674
|
+
display: grid;
|
|
1675
|
+
grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
|
|
1676
|
+
gap: 10px;
|
|
1677
|
+
align-items: start;
|
|
1678
|
+
margin-top: 9px;
|
|
1679
|
+
}
|
|
1680
|
+
.nwe-data-card {
|
|
1681
|
+
overflow: hidden;
|
|
1682
|
+
border: 1px solid var(--nwe-border);
|
|
1683
|
+
border-radius: 10px;
|
|
1684
|
+
background: color-mix(in srgb, var(--nwe-surface) 88%, var(--nwe-raised));
|
|
1685
|
+
transition: border-color .16s ease, background .16s ease, box-shadow .16s ease;
|
|
1686
|
+
}
|
|
1687
|
+
.nwe-data-card:hover { border-color: color-mix(in srgb, var(--nwe-accent) 30%, var(--nwe-border)); background: var(--nwe-surface); }
|
|
1688
|
+
.nwe-data-card[open] {
|
|
1689
|
+
border-color: color-mix(in srgb, var(--nwe-accent) 38%, var(--nwe-border));
|
|
1690
|
+
background: var(--nwe-surface);
|
|
1691
|
+
box-shadow: 0 12px 28px -24px color-mix(in srgb, #000 55%, transparent);
|
|
1692
|
+
}
|
|
1693
|
+
.nwe-data-card-head {
|
|
1694
|
+
display: grid;
|
|
1695
|
+
grid-template-columns: 36px minmax(0, 1fr) 15px;
|
|
1696
|
+
gap: 11px;
|
|
1697
|
+
align-items: start;
|
|
1698
|
+
padding: 13px 14px;
|
|
1699
|
+
cursor: pointer;
|
|
1700
|
+
list-style: none;
|
|
1701
|
+
}
|
|
1702
|
+
.nwe-data-card-head::-webkit-details-marker { display: none; }
|
|
1703
|
+
.nwe-data-card-head:focus-visible { outline: 2px solid var(--nwe-accent); outline-offset: -2px; }
|
|
1704
|
+
.nwe-data-card-icon {
|
|
1705
|
+
display: grid;
|
|
1706
|
+
place-items: center;
|
|
1707
|
+
width: 36px;
|
|
1708
|
+
height: 36px;
|
|
1709
|
+
border-radius: 9px;
|
|
1710
|
+
background: var(--nwe-accent-soft);
|
|
1711
|
+
color: var(--nwe-accent);
|
|
1712
|
+
}
|
|
1713
|
+
.nwe-data-card-icon.is-seed, .nwe-data-card-icon.is-clock { background: color-mix(in srgb, var(--nwe-warn) 10%, transparent); color: var(--nwe-warn); }
|
|
1714
|
+
.nwe-data-card-icon.is-link, .nwe-data-card-icon.is-check { background: color-mix(in srgb, var(--nwe-ok) 10%, transparent); color: var(--nwe-ok); }
|
|
1715
|
+
.nwe-data-card-icon.is-alert { background: color-mix(in srgb, var(--nwe-bad) 10%, transparent); color: var(--nwe-bad); }
|
|
1716
|
+
.nwe-data-card-heading { display: flex; flex-direction: column; gap: 3px; min-width: 0; }
|
|
1717
|
+
.nwe-data-card-heading > strong { overflow-wrap: anywhere; font-size: 13px; font-weight: 650; line-height: 1.4; }
|
|
1718
|
+
.nwe-data-card-note {
|
|
1719
|
+
display: -webkit-box;
|
|
1720
|
+
overflow: hidden;
|
|
1721
|
+
color: var(--nwe-muted);
|
|
1722
|
+
font-size: 11.5px;
|
|
1723
|
+
line-height: 1.55;
|
|
1724
|
+
-webkit-box-orient: vertical;
|
|
1725
|
+
-webkit-line-clamp: 2;
|
|
1726
|
+
}
|
|
1727
|
+
.nwe-data-card-chips { display: flex; flex-wrap: wrap; gap: 4px; margin-top: 2px; }
|
|
1728
|
+
.nwe-data-card-chips span {
|
|
1729
|
+
padding: 1px 5px;
|
|
1730
|
+
border: 1px solid color-mix(in srgb, var(--nwe-border) 80%, transparent);
|
|
1731
|
+
border-radius: 4px;
|
|
1732
|
+
color: var(--nwe-muted);
|
|
1733
|
+
font-size: 10.5px;
|
|
1734
|
+
line-height: 1.5;
|
|
1735
|
+
}
|
|
1736
|
+
.nwe-data-card-caret { color: var(--nwe-muted); font-size: 16px; line-height: 1; transition: transform .16s ease; }
|
|
1737
|
+
.nwe-data-card[open] .nwe-data-card-caret { transform: rotate(45deg); color: var(--nwe-accent); }
|
|
1738
|
+
.nwe-data-card-body {
|
|
1739
|
+
padding: 10px 14px 12px;
|
|
1740
|
+
border-top: 1px solid var(--nwe-border);
|
|
1741
|
+
background: color-mix(in srgb, var(--nwe-raised) 42%, transparent);
|
|
1742
|
+
}
|
|
1743
|
+
.nwe-data-card-body .nwe-kv { grid-template-columns: 84px minmax(0, 1fr); padding: 0; font-size: 11.5px; gap: 5px 11px; }
|
|
1744
|
+
.nwe-group-head { display: flex; align-items: center; gap: 8px; margin: 21px 0 8px; }
|
|
1745
|
+
.nwe-group-icon {
|
|
1746
|
+
display: grid;
|
|
1747
|
+
place-items: center;
|
|
1748
|
+
width: 26px;
|
|
1749
|
+
height: 26px;
|
|
1750
|
+
border: 1px solid var(--nwe-border);
|
|
1751
|
+
border-radius: 7px;
|
|
1752
|
+
background: var(--nwe-surface);
|
|
1753
|
+
color: var(--nwe-accent);
|
|
1754
|
+
}
|
|
1755
|
+
.nwe-group-head h3 { margin: 0; font-size: 13px; font-weight: 650; letter-spacing: -.01em; }
|
|
1756
|
+
.nwe-subsection { margin: 0; }
|
|
1757
|
+
.nwe-worldbook-layout, .nwe-leads-layout { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 22px; align-items: start; }
|
|
1758
|
+
.nwe-worldbook-layout > .nwe-subsection:first-child,
|
|
1759
|
+
.nwe-leads-layout > .nwe-subsection:first-child { grid-column: 1 / -1; }
|
|
1760
|
+
.nwe-worldbook-layout > .nwe-subsection .nwe-card-grid,
|
|
1761
|
+
.nwe-leads-layout > .nwe-subsection .nwe-card-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
|
|
1762
|
+
.nwe-worldbook-layout > .nwe-subsection:first-child .nwe-card-grid,
|
|
1763
|
+
.nwe-leads-layout > .nwe-subsection:first-child .nwe-card-grid { grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); }
|
|
1764
|
+
.nwe-quality-layout { display: block; }
|
|
1765
|
+
.nwe-quality-kpis {
|
|
1766
|
+
display: grid;
|
|
1767
|
+
grid-template-columns: repeat(4, minmax(0, 1fr));
|
|
1768
|
+
overflow: hidden;
|
|
1769
|
+
margin-top: 16px;
|
|
1770
|
+
border: 1px solid var(--nwe-border);
|
|
1771
|
+
border-radius: 11px;
|
|
1772
|
+
background: var(--nwe-surface);
|
|
1773
|
+
}
|
|
1774
|
+
.nwe-quality-kpi { padding: 15px 17px; border-right: 1px solid var(--nwe-border); }
|
|
1775
|
+
.nwe-quality-kpi:last-child { border-right: 0; }
|
|
1776
|
+
.nwe-quality-kpi-label { display: block; color: var(--nwe-muted); font-size: 10.5px; font-weight: 600; letter-spacing: .08em; }
|
|
1777
|
+
.nwe-quality-kpi-value { display: block; margin-top: 3px; font-size: 29px; font-weight: 650; line-height: 1.1; letter-spacing: -.045em; }
|
|
1778
|
+
.nwe-quality-kpi-value small { margin-left: 3px; color: var(--nwe-muted); font-size: 10px; font-weight: 400; letter-spacing: 0; }
|
|
1779
|
+
.nwe-quality-toolbar { display: flex; justify-content: flex-end; margin: 11px 0; }
|
|
1780
|
+
.nwe-dim-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 8px; margin-top: 14px; }
|
|
1781
|
+
.nwe-dim-card { padding: 12px 14px; border: 1px solid var(--nwe-border); border-radius: 8px; background: var(--nwe-surface); }
|
|
1782
|
+
.nwe-dim-card-head { display: flex; align-items: baseline; justify-content: space-between; gap: 8px; }
|
|
1783
|
+
.nwe-dim-card-head span { font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 10.5px; color: var(--nwe-muted); }
|
|
1784
|
+
.nwe-dim-card-head strong { font-size: 11.5px; font-weight: 650; font-variant-numeric: tabular-nums; }
|
|
1785
|
+
.nwe-dim-card .nwe-v6-bar { display: block; margin-top: 8px; }
|
|
1786
|
+
.nwe-dim-card .nwe-v6-bar > span { display: block; height: 5px; border-radius: 99px; background: var(--nwe-border); }
|
|
1787
|
+
.nwe-dim-card .nwe-v6-bar i { display: block; height: 100%; border-radius: inherit; background: var(--nwe-accent); }
|
|
1788
|
+
.nwe-health-layout { display: block; }
|
|
1789
|
+
.nwe-health-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 9px; margin-top: 16px; }
|
|
1790
|
+
.nwe-health-card {
|
|
1791
|
+
display: grid;
|
|
1792
|
+
grid-template-columns: 34px minmax(0, 1fr) auto;
|
|
1793
|
+
gap: 10px;
|
|
1794
|
+
align-items: start;
|
|
1795
|
+
padding: 13px 14px;
|
|
1796
|
+
border: 1px solid var(--nwe-border);
|
|
1797
|
+
border-radius: 9px;
|
|
1798
|
+
background: var(--nwe-surface);
|
|
1799
|
+
}
|
|
1800
|
+
.nwe-health-card.is-ok { border-color: color-mix(in srgb, var(--nwe-ok) 25%, var(--nwe-border)); }
|
|
1801
|
+
.nwe-health-card.is-bad { border-color: color-mix(in srgb, var(--nwe-bad) 28%, var(--nwe-border)); }
|
|
1802
|
+
.nwe-health-icon { display: grid; place-items: center; width: 34px; height: 34px; border-radius: 8px; background: color-mix(in srgb, var(--nwe-ok) 10%, transparent); color: var(--nwe-ok); }
|
|
1803
|
+
.nwe-health-card.is-bad .nwe-health-icon { background: color-mix(in srgb, var(--nwe-bad) 10%, transparent); color: var(--nwe-bad); }
|
|
1804
|
+
.nwe-health-copy { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
|
|
1805
|
+
.nwe-health-copy strong { font-size: 12.5px; }
|
|
1806
|
+
.nwe-health-copy span { color: var(--nwe-muted); font-size: 11px; line-height: 1.5; }
|
|
1807
|
+
.nwe-health-state { color: var(--nwe-ok); font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 9.5px; letter-spacing: .08em; }
|
|
1808
|
+
.nwe-health-card.is-bad .nwe-health-state { color: var(--nwe-bad); }
|
|
1809
|
+
.nwe-effort-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; }
|
|
1810
|
+
.nwe-effort-card { padding: 12px 14px; border: 1px solid var(--nwe-border); border-radius: 8px; background: var(--nwe-surface); }
|
|
1811
|
+
.nwe-effort-card span { display: block; color: var(--nwe-muted); font-size: 10.5px; }
|
|
1812
|
+
.nwe-effort-card strong { display: block; margin-top: 2px; font-size: 22px; font-weight: 650; line-height: 1.1; letter-spacing: -.035em; }
|
|
1813
|
+
.nwe-section-search {
|
|
1814
|
+
display: flex;
|
|
1815
|
+
align-items: center;
|
|
1816
|
+
gap: 8px;
|
|
1817
|
+
justify-content: flex-start;
|
|
1818
|
+
margin: 14px 0 0;
|
|
1819
|
+
padding: 7px 9px;
|
|
1820
|
+
border: 1px solid var(--nwe-border);
|
|
1821
|
+
border-radius: 7px;
|
|
1822
|
+
background: var(--nwe-surface);
|
|
1823
|
+
}
|
|
1824
|
+
.nwe-search-icon { display: grid; place-items: center; width: 20px; color: var(--nwe-muted); }
|
|
1825
|
+
.nwe-search-label { color: var(--nwe-muted); font-size: 11px; white-space: nowrap; }
|
|
1826
|
+
.nwe-section-search input { flex: 1 1 auto; max-width: 360px; min-height: 28px; border: 0; background: transparent; }
|
|
1827
|
+
.nwe-section-search input:focus-visible { outline: 2px solid var(--nwe-accent); outline-offset: 2px; }
|
|
1828
|
+
.nwe-chapter-cards-mobile { display: none; }
|
|
1829
|
+
.nwe-mobile-chapter {
|
|
1830
|
+
display: grid;
|
|
1831
|
+
grid-template-columns: 42px minmax(0, 1fr) auto;
|
|
1832
|
+
grid-template-rows: auto auto;
|
|
1833
|
+
gap: 3px 9px;
|
|
1834
|
+
align-items: center;
|
|
1835
|
+
width: 100%;
|
|
1836
|
+
padding: 11px 12px;
|
|
1837
|
+
border: 1px solid var(--nwe-border);
|
|
1838
|
+
border-radius: 8px;
|
|
1839
|
+
background: var(--nwe-surface);
|
|
1840
|
+
}
|
|
1841
|
+
.nwe-mobile-chapter-num { grid-row: 1 / 3; color: var(--nwe-accent); font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 10px; font-weight: 650; }
|
|
1842
|
+
.nwe-mobile-chapter-body { display: flex; grid-column: 2; grid-row: 1; flex-direction: column; gap: 2px; min-width: 0; }
|
|
1843
|
+
.nwe-mobile-chapter-body strong { overflow: hidden; font-size: 13px; text-overflow: ellipsis; white-space: nowrap; }
|
|
1844
|
+
.nwe-mobile-chapter-body span { overflow: hidden; color: var(--nwe-muted); font-size: 10.5px; text-overflow: ellipsis; white-space: nowrap; }
|
|
1845
|
+
.nwe-mobile-chapter-score { grid-column: 3; grid-row: 1; color: var(--nwe-ink); font-size: 13px; font-weight: 650; font-variant-numeric: tabular-nums; }
|
|
1846
|
+
.nwe-mobile-chapter .nwe-refresh { grid-column: 2 / 4; grid-row: 2; justify-self: start; min-height: 26px; margin-top: 2px; padding: 3px 9px; font-size: 11px; }
|
|
1847
|
+
.nwe-chapter-table { border-collapse: separate; border-spacing: 0 6px; min-width: 720px; }
|
|
1848
|
+
.nwe-chapter-table thead th { padding: 4px 11px 7px; border: 0; background: transparent; font-size: 10.5px; letter-spacing: .04em; }
|
|
1849
|
+
.nwe-chapter-table tbody tr { background: var(--nwe-surface); box-shadow: 0 0 0 1px var(--nwe-border); }
|
|
1850
|
+
.nwe-chapter-table tbody tr:hover { box-shadow: 0 0 0 1px color-mix(in srgb, var(--nwe-accent) 35%, var(--nwe-border)); }
|
|
1851
|
+
.nwe-chapter-table tbody td { padding: 12px 11px; border: 0; }
|
|
1852
|
+
.nwe-chapter-table tbody td:first-child { border-radius: 7px 0 0 7px; border-left: 2px solid var(--nwe-accent); font-weight: 650; }
|
|
1853
|
+
.nwe-chapter-table tbody td:last-child { border-radius: 0 7px 7px 0; }
|
|
1854
|
+
.nwe-chapter-table tbody td.is-num { font-size: 11px; }
|
|
1855
|
+
@media (max-width: 980px) {
|
|
1856
|
+
.nwe-overview-charts { grid-template-columns: 1fr 1fr; }
|
|
1857
|
+
.nwe-tab-intro { grid-template-columns: 40px minmax(0, 1fr); }
|
|
1858
|
+
.nwe-tab-intro-icon { width: 40px; height: 40px; }
|
|
1859
|
+
.nwe-tab-intro-count { grid-column: 2; justify-self: start; }
|
|
1860
|
+
.nwe-quality-kpis { grid-template-columns: repeat(2, minmax(0, 1fr)); }
|
|
1861
|
+
.nwe-quality-kpi:nth-child(2) { border-right: 0; }
|
|
1862
|
+
.nwe-quality-kpi:nth-child(-n + 2) { border-bottom: 1px solid var(--nwe-border); }
|
|
1863
|
+
.nwe-health-grid { grid-template-columns: 1fr; }
|
|
1864
|
+
}
|
|
1865
|
+
@media (max-width: 760px) {
|
|
1866
|
+
.nwe-tab-intro { gap: 11px; margin-top: 19px; padding-bottom: 15px; }
|
|
1867
|
+
.nwe-tab-intro-title { font-size: 21px; }
|
|
1868
|
+
.nwe-tab-intro-desc { font-size: 12px; }
|
|
1869
|
+
.nwe-overview-charts { grid-template-columns: 1fr; }
|
|
1870
|
+
.nwe-trend-chart, .nwe-word-chart { height: 170px; }
|
|
1871
|
+
.nwe-viz-empty { min-height: 170px; }
|
|
1872
|
+
.nwe-word-track { flex-basis: 120px; height: 120px; }
|
|
1873
|
+
.nwe-card-grid { grid-template-columns: 1fr; }
|
|
1874
|
+
.nwe-quality-kpis { grid-template-columns: repeat(2, minmax(0, 1fr)); }
|
|
1875
|
+
.nwe-quality-kpi { padding: 13px 14px; }
|
|
1876
|
+
.nwe-quality-kpi-value { font-size: 25px; }
|
|
1877
|
+
.nwe-dim-grid { grid-template-columns: 1fr; }
|
|
1878
|
+
.nwe-effort-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
|
|
1879
|
+
.nwe-worldbook-layout, .nwe-leads-layout { grid-template-columns: 1fr; gap: 0; }
|
|
1880
|
+
.nwe-worldbook-layout > .nwe-subsection:first-child,
|
|
1881
|
+
.nwe-leads-layout > .nwe-subsection:first-child { grid-column: auto; }
|
|
1882
|
+
.nwe-worldbook-layout > .nwe-subsection .nwe-card-grid,
|
|
1883
|
+
.nwe-leads-layout > .nwe-subsection .nwe-card-grid,
|
|
1884
|
+
.nwe-worldbook-layout > .nwe-subsection:first-child .nwe-card-grid,
|
|
1885
|
+
.nwe-leads-layout > .nwe-subsection:first-child .nwe-card-grid { grid-template-columns: 1fr; }
|
|
1886
|
+
.nwe-chapter-table { border-spacing: 0 7px; min-width: 680px; }
|
|
1887
|
+
.nwe-chapters-section .nwe-table-wrap { display: none; }
|
|
1888
|
+
.nwe-chapter-cards-mobile { display: grid; gap: 8px; margin-top: 10px; }
|
|
1889
|
+
}
|
|
1164
1890
|
`;
|
|
1165
1891
|
const icon = (size, path) => (0, react.createElement)("svg", {
|
|
1166
1892
|
width: size,
|
|
@@ -1197,6 +1923,21 @@ window.__ModuleLoader__.load({
|
|
|
1197
1923
|
strokeLinecap: "round",
|
|
1198
1924
|
strokeLinejoin: "round"
|
|
1199
1925
|
}));
|
|
1926
|
+
const GLYPH_PATHS = {
|
|
1927
|
+
spark: "M12 3.5l1.8 5.1 5.2 1.9-5.2 1.8L12 17.5l-1.8-5.2-5.2-1.8 5.2-1.9L12 3.5Z",
|
|
1928
|
+
person: "M12 12a4 4 0 1 0 0-8 4 4 0 0 0 0 8Zm-7 9a7 7 0 0 1 14 0",
|
|
1929
|
+
seed: "M12 21V9m0 0c0-3 2-5 5-5 0 3-2 5-5 5Zm0 4c0-2-2-4-5-4 0 3 2 4 5 4Z",
|
|
1930
|
+
clock: "M12 7v5l3 2M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z",
|
|
1931
|
+
link: "M10 13a5 5 0 0 0 7 0l2-2a5 5 0 0 0-7-7l-1 1M14 11a5 5 0 0 0-7 0l-2 2a5 5 0 0 0 7 7l1-1",
|
|
1932
|
+
map: "m3 6 6-3 6 3 6-3v15l-6 3-6-3-6 3V6Zm6-3v15m6-12v15",
|
|
1933
|
+
book: "M4 5.5A2.5 2.5 0 0 1 6.5 3H20v15H6.5A2.5 2.5 0 0 0 4 20.5V5.5Zm0 15A2.5 2.5 0 0 1 6.5 18H20",
|
|
1934
|
+
chart: "M4 20V10m6 10V4m6 16v-7m4 7H2",
|
|
1935
|
+
shield: "M12 3l8 3v6c0 5-3.5 8-8 9-4.5-1-8-4-8-9V6l8-3Z",
|
|
1936
|
+
heart: "M20.8 8.6c0 5-8.8 10.1-8.8 10.1S3.2 13.6 3.2 8.6A4.6 4.6 0 0 1 12 6a4.6 4.6 0 0 1 8.8 2.6ZM12 8v8m-4-4h8",
|
|
1937
|
+
check: "m5 12 4 4L19 6",
|
|
1938
|
+
alert: "M12 4 3 20h18L12 4Zm0 5v5m0 3h.01"
|
|
1939
|
+
};
|
|
1940
|
+
const sectionGlyph = (name, size = 18) => icon(size, GLYPH_PATHS[name]);
|
|
1200
1941
|
const TUTORIAL_STEPS = [
|
|
1201
1942
|
{
|
|
1202
1943
|
title: "建一本书的项目",
|
|
@@ -1292,7 +2033,7 @@ brief P6 → check → brief P8 → archive 的顺序推进。
|
|
|
1292
2033
|
const stat = (label, value, unit) => (0, react.createElement)("div", {
|
|
1293
2034
|
className: "nwe-stat",
|
|
1294
2035
|
key: label
|
|
1295
|
-
}, (0, react.createElement)("div", { className: "nwe-stat-label" }, label), (0, react.createElement)("div", { className: "nwe-stat-value" }, value, (0, react.createElement)("span", { className:
|
|
2036
|
+
}, (0, react.createElement)("div", { className: "nwe-stat-label" }, label), (0, react.createElement)("div", { className: "nwe-stat-value" }, value, (0, react.createElement)("span", { className: `nwe-stat-unit${unit.length > 8 ? " is-note" : ""}` }, unit)));
|
|
1296
2037
|
const chapterCard = (row) => (0, react.createElement)("li", { key: row.num }, (0, react.createElement)("details", { className: `nwe-chapter is-${row.tone}` }, (0, react.createElement)("summary", { "aria-label": `第 ${row.num} 章 ${row.title}，${row.badge}，${row.score}` }, (0, react.createElement)("span", null, (0, react.createElement)("span", { className: "nwe-chapter-num" }, `CH ${row.num.padStart(2, "0")}`)), (0, react.createElement)("span", { style: { minWidth: 0 } }, (0, react.createElement)("span", { className: "nwe-chapter-title" }, row.title), (0, react.createElement)("span", { className: "nwe-chapter-stage" }, row.stageLabel)), (0, react.createElement)("span", { className: "nwe-chapter-meta" }, (0, react.createElement)("span", null, `${row.words} 字`), (0, react.createElement)("span", { className: "nwe-score" }, (0, react.createElement)("span", { className: "nwe-score-line" }, (0, react.createElement)("span", { className: "nwe-score-value" }, row.score), (0, react.createElement)("span", { className: "nwe-chapter-stage" }, row.scorePercent === null ? "未评审" : `${row.scorePercent}%`)), row.scoreValue === null ? null : (0, react.createElement)("span", {
|
|
1297
2038
|
className: "nwe-scorebar",
|
|
1298
2039
|
role: "progressbar",
|
|
@@ -1688,10 +2429,151 @@ brief P6 → check → brief P8 → archive 的顺序推进。
|
|
|
1688
2429
|
title: "插件使用教程"
|
|
1689
2430
|
}, helpIcon(), (0, react.createElement)("span", { className: "nwe-help-label" }, "教程")), overlay);
|
|
1690
2431
|
};
|
|
2432
|
+
const trendChart = (view) => {
|
|
2433
|
+
const values = view.quality.scores.filter((score) => Number.isFinite(score)).slice(-10);
|
|
2434
|
+
const width = 720;
|
|
2435
|
+
const height = 196;
|
|
2436
|
+
const left = 38;
|
|
2437
|
+
const innerWidth = 666;
|
|
2438
|
+
const innerHeight = 150;
|
|
2439
|
+
const max = 150;
|
|
2440
|
+
const x = (index) => values.length <= 1 ? 371 : left + index / (values.length - 1) * innerWidth;
|
|
2441
|
+
const y = (score) => 166 - Math.max(0, Math.min(max, score)) / max * innerHeight;
|
|
2442
|
+
const points = values.map((score, index) => ({
|
|
2443
|
+
x: x(index),
|
|
2444
|
+
y: y(score),
|
|
2445
|
+
score
|
|
2446
|
+
}));
|
|
2447
|
+
const line = points.map((point) => `${point.x.toFixed(1)},${point.y.toFixed(1)}`).join(" ");
|
|
2448
|
+
const area = points.length === 0 ? "" : `M ${points[0].x.toFixed(1)} ${166 .toFixed(1)} L ${line.replaceAll(" ", " L ")} L ${points[points.length - 1].x.toFixed(1)} ${166 .toFixed(1)} Z`;
|
|
2449
|
+
return (0, react.createElement)("section", {
|
|
2450
|
+
className: "nwe-viz-card nwe-viz-trend",
|
|
2451
|
+
"aria-label": "章节评分趋势"
|
|
2452
|
+
}, (0, react.createElement)("div", { className: "nwe-viz-head" }, (0, react.createElement)("div", { className: "nwe-viz-title" }, sectionGlyph("chart", 16), (0, react.createElement)("span", null, "评分趋势")), (0, react.createElement)("span", { className: "nwe-viz-note" }, values.length === 0 ? "还没有评审" : `最近 ${values.length} 章 · 满分 ${max}`)), values.length === 0 ? (0, react.createElement)("div", { className: "nwe-viz-empty" }, "完成 P4 评审后，这里会出现逐章评分曲线。") : (0, react.createElement)("div", { className: "nwe-trend-wrap" }, (0, react.createElement)("svg", {
|
|
2453
|
+
className: "nwe-trend-chart",
|
|
2454
|
+
viewBox: `0 0 ${width} ${height}`,
|
|
2455
|
+
role: "img",
|
|
2456
|
+
"aria-label": `最近 ${values.length} 章评分趋势，最低 ${Math.min(...values)}，最高 ${Math.max(...values)}，满分 150`
|
|
2457
|
+
}, (0, react.createElement)("defs", null, (0, react.createElement)("linearGradient", {
|
|
2458
|
+
id: "nwe-trend-fill",
|
|
2459
|
+
x1: "0",
|
|
2460
|
+
y1: "0",
|
|
2461
|
+
x2: "0",
|
|
2462
|
+
y2: "1"
|
|
2463
|
+
}, (0, react.createElement)("stop", {
|
|
2464
|
+
offset: "0%",
|
|
2465
|
+
style: {
|
|
2466
|
+
stopColor: "var(--nwe-gold)",
|
|
2467
|
+
stopOpacity: .3
|
|
2468
|
+
}
|
|
2469
|
+
}), (0, react.createElement)("stop", {
|
|
2470
|
+
offset: "100%",
|
|
2471
|
+
style: {
|
|
2472
|
+
stopColor: "var(--nwe-gold)",
|
|
2473
|
+
stopOpacity: 0
|
|
2474
|
+
}
|
|
2475
|
+
}))), ...[
|
|
2476
|
+
0,
|
|
2477
|
+
.5,
|
|
2478
|
+
1
|
|
2479
|
+
].map((ratio) => {
|
|
2480
|
+
const gridY = 166 - ratio * innerHeight;
|
|
2481
|
+
return (0, react.createElement)("g", { key: `grid-${ratio}` }, (0, react.createElement)("line", {
|
|
2482
|
+
x1: left,
|
|
2483
|
+
x2: 704,
|
|
2484
|
+
y1: gridY,
|
|
2485
|
+
y2: gridY,
|
|
2486
|
+
style: {
|
|
2487
|
+
stroke: "var(--nwe-border)",
|
|
2488
|
+
strokeDasharray: ratio === 0 ? void 0 : "3 5"
|
|
2489
|
+
}
|
|
2490
|
+
}), (0, react.createElement)("text", {
|
|
2491
|
+
x: 29,
|
|
2492
|
+
y: gridY + 4,
|
|
2493
|
+
textAnchor: "end",
|
|
2494
|
+
style: {
|
|
2495
|
+
fill: "var(--nwe-muted)",
|
|
2496
|
+
fontSize: 10
|
|
2497
|
+
}
|
|
2498
|
+
}, String(Math.round(max * ratio))));
|
|
2499
|
+
}), (0, react.createElement)("path", {
|
|
2500
|
+
d: area,
|
|
2501
|
+
style: { fill: "url(#nwe-trend-fill)" }
|
|
2502
|
+
}), (0, react.createElement)("polyline", {
|
|
2503
|
+
points: line,
|
|
2504
|
+
style: {
|
|
2505
|
+
fill: "none",
|
|
2506
|
+
stroke: "var(--nwe-gold)",
|
|
2507
|
+
strokeWidth: 2.4,
|
|
2508
|
+
strokeLinejoin: "round",
|
|
2509
|
+
strokeLinecap: "round"
|
|
2510
|
+
}
|
|
2511
|
+
}), ...points.map((point, index) => (0, react.createElement)("g", { key: `point-${index}` }, (0, react.createElement)("circle", {
|
|
2512
|
+
cx: point.x,
|
|
2513
|
+
cy: point.y,
|
|
2514
|
+
r: 3.5,
|
|
2515
|
+
style: {
|
|
2516
|
+
fill: "var(--nwe-surface)",
|
|
2517
|
+
stroke: "var(--nwe-gold)",
|
|
2518
|
+
strokeWidth: 2
|
|
2519
|
+
}
|
|
2520
|
+
}), (0, react.createElement)("title", null, `第 ${index + 1} 个样本 · ${point.score} / 150`))), (0, react.createElement)("text", {
|
|
2521
|
+
x: left,
|
|
2522
|
+
y: 188,
|
|
2523
|
+
style: {
|
|
2524
|
+
fill: "var(--nwe-muted)",
|
|
2525
|
+
fontSize: 10
|
|
2526
|
+
}
|
|
2527
|
+
}, `最近 ${values.length} 章`))));
|
|
2528
|
+
};
|
|
2529
|
+
const wordChart = (view) => {
|
|
2530
|
+
const rows = view.rows.slice(-8);
|
|
2531
|
+
const max = Math.max(1, ...rows.map((row) => row.wordCount));
|
|
2532
|
+
return (0, react.createElement)("section", {
|
|
2533
|
+
className: "nwe-viz-card nwe-viz-words",
|
|
2534
|
+
"aria-label": "章节字数分布"
|
|
2535
|
+
}, (0, react.createElement)("div", { className: "nwe-viz-head" }, (0, react.createElement)("div", { className: "nwe-viz-title" }, sectionGlyph("book", 16), (0, react.createElement)("span", null, "章节字数")), (0, react.createElement)("span", { className: "nwe-viz-note" }, rows.length === 0 ? "还没有章节" : `最近 ${rows.length} 章 · 峰值 ${max.toLocaleString("zh-CN")}`)), rows.length === 0 ? (0, react.createElement)("div", { className: "nwe-viz-empty" }, "归档第一章后，这里会出现字数柱状图。") : (0, react.createElement)("div", {
|
|
2536
|
+
className: "nwe-word-chart",
|
|
2537
|
+
role: "img",
|
|
2538
|
+
"aria-label": `最近 ${rows.length} 章字数分布，峰值 ${max.toLocaleString("zh-CN")} 字`
|
|
2539
|
+
}, ...rows.map((row) => {
|
|
2540
|
+
return (0, react.createElement)("div", {
|
|
2541
|
+
className: "nwe-word-col",
|
|
2542
|
+
key: `word-${row.num}`
|
|
2543
|
+
}, (0, react.createElement)("span", { className: "nwe-word-value" }, row.wordCount.toLocaleString("zh-CN")), (0, react.createElement)("div", {
|
|
2544
|
+
className: "nwe-word-track",
|
|
2545
|
+
title: `第 ${row.num} 章 · ${row.wordCount.toLocaleString("zh-CN")} 字`
|
|
2546
|
+
}, (0, react.createElement)("span", { style: {
|
|
2547
|
+
display: "block",
|
|
2548
|
+
flex: "0 0 auto",
|
|
2549
|
+
width: "24px",
|
|
2550
|
+
height: `${Math.max(4, Math.round(row.wordCount / max * 142))}px`,
|
|
2551
|
+
maxHeight: "100%",
|
|
2552
|
+
backgroundColor: "var(--nwe-gold)",
|
|
2553
|
+
borderRadius: "4px 4px 2px 2px"
|
|
2554
|
+
} })), (0, react.createElement)("span", { className: "nwe-word-label" }, `第${row.num}章`));
|
|
2555
|
+
})));
|
|
2556
|
+
};
|
|
2557
|
+
const overviewCharts = (view) => (0, react.createElement)("div", { className: "nwe-overview-charts" }, trendChart(view), wordChart(view));
|
|
2558
|
+
const bookGlance = (view) => {
|
|
2559
|
+
const target = view.book.target ?? view.book.outlineTotal;
|
|
2560
|
+
const percent = view.book.archivedCoverage === null ? target === 0 ? 0 : Math.round(view.book.archivedCards / target * 100) : Math.round(view.book.archivedCoverage * 100);
|
|
2561
|
+
return (0, react.createElement)("section", {
|
|
2562
|
+
className: "nwe-glance",
|
|
2563
|
+
"aria-label": "全书概览"
|
|
2564
|
+
}, (0, react.createElement)("div", { className: "nwe-glance-head" }, (0, react.createElement)("span", { className: "nwe-desk-kicker" }, "全书"), (0, react.createElement)("span", { className: "nwe-desk-note" }, view.book.present ? "已规划" : "未规划")), (0, react.createElement)("h2", { className: "nwe-glance-title" }, view.book.premise || "这本书还没有蓝图"), (0, react.createElement)("p", { className: "nwe-glance-text" }, view.book.logline || "补全书级蓝图、卷卡和世界观后，写作会更稳定。"), (0, react.createElement)("div", {
|
|
2565
|
+
className: "nwe-glance-bar",
|
|
2566
|
+
role: "progressbar",
|
|
2567
|
+
"aria-valuemin": 0,
|
|
2568
|
+
"aria-valuemax": 100,
|
|
2569
|
+
"aria-valuenow": Math.min(100, Math.max(0, percent)),
|
|
2570
|
+
"aria-label": "全书归档进度"
|
|
2571
|
+
}, (0, react.createElement)("span", { style: { width: `${Math.min(100, Math.max(0, percent))}%` } })), (0, react.createElement)("div", { className: "nwe-glance-legend" }, (0, react.createElement)("span", null, `${view.book.archivedCards} / ${target === 0 ? "—" : target} 章`), (0, react.createElement)("span", null, `${percent}% 已归档`)), (0, react.createElement)("dl", { className: "nwe-glance-facts" }, (0, react.createElement)("div", null, (0, react.createElement)("dt", null, "计划卡"), (0, react.createElement)("dd", null, String(view.book.planned))), (0, react.createElement)("div", null, (0, react.createElement)("dt", null, "卷"), (0, react.createElement)("dd", null, String(view.book.volumes.length))), (0, react.createElement)("div", null, (0, react.createElement)("dt", null, "待处理"), (0, react.createElement)("dd", null, String(view.health.blocking)))));
|
|
2572
|
+
};
|
|
1691
2573
|
const nextCard = (view) => (0, react.createElement)("section", {
|
|
1692
2574
|
className: "nwe-next",
|
|
1693
2575
|
"aria-label": "下一步"
|
|
1694
|
-
}, (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" }, "
|
|
2576
|
+
}, (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" }, "当前阶段 · 下一步"), (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 })), (0, react.createElement)("div", { className: "nwe-next-meta" }, (0, react.createElement)("span", null, view.chapter > 0 ? `第 ${view.chapter} 章` : "未开始"), (0, react.createElement)("span", null, view.stageLabel), view.nextTool === "" ? null : (0, react.createElement)("code", { className: "nwe-next-tool" }, view.nextTool)));
|
|
1695
2577
|
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", {
|
|
1696
2578
|
className: "nwe-pass",
|
|
1697
2579
|
role: "status"
|
|
@@ -1793,6 +2675,14 @@ brief P6 → check → brief P8 → archive 的顺序推进。
|
|
|
1793
2675
|
(0, react.createElement)("ul", { className: "nwe-v6-list" }, ...data.health.state_errors.map((error) => (0, react.createElement)("li", { key: `${error.path}:${error.code}` }, (0, react.createElement)("b", null, error.code), (0, react.createElement)("span", null, `${error.path}: ${error.message}`))))
|
|
1794
2676
|
])));
|
|
1795
2677
|
};
|
|
2678
|
+
const bookDossier = (view) => {
|
|
2679
|
+
const body = bookDataSection(view) ?? bookSection(view);
|
|
2680
|
+
if (body === null) return null;
|
|
2681
|
+
return (0, react.createElement)("details", {
|
|
2682
|
+
className: "nwe-dossier",
|
|
2683
|
+
id: "nwe-dossier"
|
|
2684
|
+
}, (0, react.createElement)("summary", null, (0, react.createElement)("span", null, "全书资料"), (0, react.createElement)("span", { className: "nwe-dossier-note" }, "蓝图 · 卷卡 · 世界 · 质量 · 健康")), body);
|
|
2685
|
+
};
|
|
1796
2686
|
const PANEL_TABS = [
|
|
1797
2687
|
{
|
|
1798
2688
|
id: "overview",
|
|
@@ -1830,6 +2720,58 @@ brief P6 → check → brief P8 → archive 的顺序推进。
|
|
|
1830
2720
|
sort: "num_desc",
|
|
1831
2721
|
cursor: ""
|
|
1832
2722
|
};
|
|
2723
|
+
const TAB_META = {
|
|
2724
|
+
chapters: {
|
|
2725
|
+
title: "章节台账",
|
|
2726
|
+
desc: "按章查看状态、字数、评分与归档结果；点开详情可读正文和归档 plan。",
|
|
2727
|
+
glyph: "book"
|
|
2728
|
+
},
|
|
2729
|
+
characters: {
|
|
2730
|
+
title: "人物档案",
|
|
2731
|
+
desc: "在场人物、首次出场、最近状态与成长轨迹，按档案卡分组呈现。",
|
|
2732
|
+
glyph: "person"
|
|
2733
|
+
},
|
|
2734
|
+
foreshadows: {
|
|
2735
|
+
title: "线索网络",
|
|
2736
|
+
desc: "伏笔、时间线与人物关系同屏对照，避免线索在长书里失联。",
|
|
2737
|
+
glyph: "seed"
|
|
2738
|
+
},
|
|
2739
|
+
worldbook: {
|
|
2740
|
+
title: "世界设定",
|
|
2741
|
+
desc: "蓝图、地点、势力、规则与数值事实的统一索引，所有条目可展开。",
|
|
2742
|
+
glyph: "map"
|
|
2743
|
+
},
|
|
2744
|
+
quality: {
|
|
2745
|
+
title: "质量剖面",
|
|
2746
|
+
desc: "全书评分、可读评审、十五维得分与节奏数据，定位需要返工的章节。",
|
|
2747
|
+
glyph: "chart"
|
|
2748
|
+
},
|
|
2749
|
+
health: {
|
|
2750
|
+
title: "项目健康",
|
|
2751
|
+
desc: "大纲、设定与状态文件的完整性检查，把可修复的问题前置。",
|
|
2752
|
+
glyph: "shield"
|
|
2753
|
+
}
|
|
2754
|
+
};
|
|
2755
|
+
const sectionItemCount = (section) => {
|
|
2756
|
+
const payload = section?.payload;
|
|
2757
|
+
if (payload === null || payload === void 0) return void 0;
|
|
2758
|
+
if (Array.isArray(payload.items)) return payload.items.length;
|
|
2759
|
+
const row = asRow(payload.items);
|
|
2760
|
+
if (row !== null) {
|
|
2761
|
+
const count = Object.values(row).reduce((total, value) => total + (Array.isArray(value) ? value.length : 1), 0);
|
|
2762
|
+
if (count > 0) return count;
|
|
2763
|
+
}
|
|
2764
|
+
return payload.total ?? payload.returned;
|
|
2765
|
+
};
|
|
2766
|
+
const tabIntro = (tab, view, section) => {
|
|
2767
|
+
const meta = TAB_META[tab];
|
|
2768
|
+
const total = tab === "chapters" ? view.stats.chapters : sectionItemCount(section);
|
|
2769
|
+
const note = total === void 0 ? "只读投影" : tab === "chapters" ? `${total} 章` : `${total} 条记录`;
|
|
2770
|
+
return (0, react.createElement)("header", { className: "nwe-tab-intro" }, (0, react.createElement)("span", {
|
|
2771
|
+
className: "nwe-tab-intro-icon",
|
|
2772
|
+
"aria-hidden": "true"
|
|
2773
|
+
}, sectionGlyph(meta.glyph, 22)), (0, react.createElement)("div", { className: "nwe-tab-intro-copy" }, (0, react.createElement)("span", { className: "nwe-tab-intro-kicker" }, "WORKBENCH / READ MODEL"), (0, react.createElement)("h2", { className: "nwe-tab-intro-title" }, meta.title), (0, react.createElement)("p", { className: "nwe-tab-intro-desc" }, meta.desc)), (0, react.createElement)("span", { className: "nwe-tab-intro-count" }, note));
|
|
2774
|
+
};
|
|
1833
2775
|
const tabBar = (tab, onTab) => (0, react.createElement)("nav", {
|
|
1834
2776
|
className: "nwe-tabs",
|
|
1835
2777
|
role: "tablist",
|
|
@@ -1854,6 +2796,7 @@ brief P6 → check → brief P8 → archive 的顺序推进。
|
|
|
1854
2796
|
archived: "已归档",
|
|
1855
2797
|
draft: "草稿",
|
|
1856
2798
|
dormant: "休眠",
|
|
2799
|
+
active: "在场",
|
|
1857
2800
|
planned: "计划",
|
|
1858
2801
|
writing: "写作中",
|
|
1859
2802
|
done: "完成",
|
|
@@ -1979,24 +2922,63 @@ brief P6 → check → brief P8 → archive 的顺序推进。
|
|
|
1979
2922
|
const visible = fields.filter(([, value]) => value !== "—");
|
|
1980
2923
|
return (0, react.createElement)("dl", { className: "nwe-kv" }, ...visible.flatMap(([label, value]) => [(0, react.createElement)("dt", { key: `dt-${label}` }, label), (0, react.createElement)("dd", { key: `dd-${label}` }, value)]));
|
|
1981
2924
|
};
|
|
1982
|
-
const
|
|
2925
|
+
const SECTION_GLYPHS = {
|
|
2926
|
+
characters: "person",
|
|
2927
|
+
foreshadows: "seed",
|
|
2928
|
+
timeline: "clock",
|
|
2929
|
+
relationships: "link",
|
|
2930
|
+
rules: "book",
|
|
2931
|
+
factions: "shield",
|
|
2932
|
+
locations: "map",
|
|
2933
|
+
glossary: "book",
|
|
2934
|
+
backstory: "clock",
|
|
2935
|
+
facts: "chart",
|
|
2936
|
+
themes: "spark",
|
|
2937
|
+
outline_cards: "book",
|
|
2938
|
+
drift: "alert",
|
|
2939
|
+
blueprint: "map",
|
|
2940
|
+
"state-errors": "alert",
|
|
2941
|
+
effort: "heart",
|
|
2942
|
+
pacing: "chart"
|
|
2943
|
+
};
|
|
2944
|
+
const sectionList = (title, items, kind = "spark") => {
|
|
1983
2945
|
if (!Array.isArray(items) || items.length === 0) return (0, react.createElement)("div", { className: "nwe-empty" }, `${title}：暂无数据`);
|
|
1984
|
-
return (0, react.createElement)("div", { className: "nwe-
|
|
2946
|
+
return (0, react.createElement)("div", { className: "nwe-card-grid" }, ...items.map((item, index) => {
|
|
1985
2947
|
const row = asRow(item);
|
|
1986
|
-
const
|
|
2948
|
+
const explicitLabel = row === null ? void 0 : row.a !== void 0 && row.b !== void 0 ? `${textOf(row.a)} ↔ ${textOf(row.b)}` : row.title ?? row.name ?? row.id ?? row.alias ?? row.term ?? row.event ?? row.a;
|
|
2949
|
+
const label = row === null ? String(item) : textOf(row.chapter === void 0 ? explicitLabel : `第 ${textOf(row.chapter)} 章${row.time === void 0 ? "" : ` · ${textOf(row.time)}`}`, explicitLabel === void 0 ? title : textOf(explicitLabel));
|
|
2950
|
+
const note = row === null ? "" : textOf(row.current_state ?? row.profile ?? row.description ?? row.definition ?? row.layout ?? row.goal ?? row.note ?? (row.value === void 0 ? row.event !== void 0 && row.time !== void 0 ? row.time : void 0 : `${textOf(row.value)}${row.unit === void 0 ? "" : ` ${textOf(row.unit)}`}`), "");
|
|
2951
|
+
const chips = row === null ? [] : [
|
|
2952
|
+
row.role === void 0 ? "" : roleLabel(row.role),
|
|
2953
|
+
row.status === void 0 ? "" : statusLabel(row.status),
|
|
2954
|
+
row.first_appearance === void 0 ? "" : `首次 ${textOf(row.first_appearance)}`,
|
|
2955
|
+
row.last === void 0 ? "" : `最近 ${textOf(row.last)}`,
|
|
2956
|
+
row.appearances === void 0 ? "" : `${textOf(row.appearances)} 次登场`,
|
|
2957
|
+
row.type === void 0 ? "" : textOf(row.type)
|
|
2958
|
+
].filter((value) => value !== "");
|
|
1987
2959
|
return (0, react.createElement)("details", {
|
|
1988
|
-
className: "nwe-data-
|
|
2960
|
+
className: "nwe-data-card",
|
|
1989
2961
|
key: `${label}-${index}`
|
|
1990
|
-
}, (0, react.createElement)("summary",
|
|
2962
|
+
}, (0, react.createElement)("summary", { className: "nwe-data-card-head" }, (0, react.createElement)("span", {
|
|
2963
|
+
className: `nwe-data-card-icon is-${kind}`,
|
|
2964
|
+
"aria-hidden": "true"
|
|
2965
|
+
}, sectionGlyph(kind)), (0, react.createElement)("span", { className: "nwe-data-card-heading" }, (0, react.createElement)("strong", null, label), note === "" ? null : (0, react.createElement)("span", { className: "nwe-data-card-note" }, note), chips.length === 0 ? null : (0, react.createElement)("span", { className: "nwe-data-card-chips" }, ...chips.map((chip) => (0, react.createElement)("span", { key: chip }, chip)))), (0, react.createElement)("span", {
|
|
2966
|
+
className: "nwe-data-card-caret",
|
|
2967
|
+
"aria-hidden": "true"
|
|
2968
|
+
}, "+")), row === null ? (0, react.createElement)("div", { className: "nwe-data-card-body" }, String(item)) : (0, react.createElement)("div", { className: "nwe-data-card-body" }, sectionKv(row)));
|
|
1991
2969
|
}));
|
|
1992
2970
|
};
|
|
1993
2971
|
const sectionBlock = (title, items, key) => {
|
|
1994
2972
|
const list = Array.isArray(items) ? items : [];
|
|
1995
2973
|
if (list.length === 0) return null;
|
|
2974
|
+
const glyph = SECTION_GLYPHS[key] ?? "spark";
|
|
1996
2975
|
return (0, react.createElement)("section", {
|
|
1997
2976
|
className: "nwe-subsection",
|
|
1998
2977
|
key
|
|
1999
|
-
}, (0, react.createElement)("
|
|
2978
|
+
}, (0, react.createElement)("div", { className: "nwe-group-head" }, (0, react.createElement)("span", {
|
|
2979
|
+
className: `nwe-group-icon is-${glyph}`,
|
|
2980
|
+
"aria-hidden": "true"
|
|
2981
|
+
}, sectionGlyph(glyph, 16)), (0, react.createElement)("h3", null, `${title}（${list.length}）`)), sectionList(title, list, glyph));
|
|
2000
2982
|
};
|
|
2001
2983
|
const worldbookSection = (items) => {
|
|
2002
2984
|
const row = asRow(items);
|
|
@@ -2054,14 +3036,38 @@ brief P6 → check → brief P8 → archive 的顺序推进。
|
|
|
2054
3036
|
...groups.map(([key, label]) => sectionBlock(label, row[key], key)),
|
|
2055
3037
|
...ledgerGroups.map(([key, label]) => sectionBlock(label, ledger?.[key], `ledger-${key}`))
|
|
2056
3038
|
].filter((block) => block !== null);
|
|
2057
|
-
return blocks.length === 0 ? (0, react.createElement)("div", { className: "nwe-empty" }, "设定：暂无数据") : (0, react.createElement)("div", { className: "nwe-
|
|
3039
|
+
return blocks.length === 0 ? (0, react.createElement)("div", { className: "nwe-empty" }, "设定：暂无数据") : (0, react.createElement)("div", { className: "nwe-worldbook-layout" }, ...blocks);
|
|
2058
3040
|
};
|
|
2059
3041
|
const qualitySection = (items, chapter = 0, detail = null, onDetail = () => void 0) => {
|
|
2060
3042
|
const row = asRow(items);
|
|
2061
3043
|
if (row === null) return sectionList("质量", items);
|
|
2062
3044
|
const quality = asRow(row.quality);
|
|
2063
3045
|
const dimensions = Array.isArray(row.dimensions) ? row.dimensions : [];
|
|
2064
|
-
const summary = quality === null || Number(quality.samples ?? 0) === 0 ? (0, react.createElement)("div", { className: "nwe-empty" }, "质量：暂无评审") : (0, react.createElement)("div", { className: "nwe-quality-
|
|
3046
|
+
const summary = quality === null || Number(quality.samples ?? 0) === 0 ? (0, react.createElement)("div", { className: "nwe-empty" }, "质量：暂无评审") : (0, react.createElement)("div", { className: "nwe-quality-kpis" }, ...[
|
|
3047
|
+
[
|
|
3048
|
+
"全书均分",
|
|
3049
|
+
textOf(quality.average),
|
|
3050
|
+
"/ 150"
|
|
3051
|
+
],
|
|
3052
|
+
[
|
|
3053
|
+
"可读评审",
|
|
3054
|
+
textOf(quality.samples),
|
|
3055
|
+
"章"
|
|
3056
|
+
],
|
|
3057
|
+
[
|
|
3058
|
+
"中位分",
|
|
3059
|
+
textOf(quality.median),
|
|
3060
|
+
""
|
|
3061
|
+
],
|
|
3062
|
+
[
|
|
3063
|
+
"评分区间",
|
|
3064
|
+
`${textOf(quality.min)}–${textOf(quality.max)}`,
|
|
3065
|
+
""
|
|
3066
|
+
]
|
|
3067
|
+
].map(([label, value, unit]) => (0, react.createElement)("article", {
|
|
3068
|
+
className: "nwe-quality-kpi",
|
|
3069
|
+
key: label
|
|
3070
|
+
}, (0, react.createElement)("span", { className: "nwe-quality-kpi-label" }, label), (0, react.createElement)("strong", { className: "nwe-quality-kpi-value" }, value, unit === "" ? null : (0, react.createElement)("small", null, unit)))));
|
|
2065
3071
|
const bars = dimensions.map((entry, index) => {
|
|
2066
3072
|
const dimension = asRow(entry);
|
|
2067
3073
|
if (dimension === null) return null;
|
|
@@ -2069,17 +3075,17 @@ brief P6 → check → brief P8 → archive 的顺序推进。
|
|
|
2069
3075
|
const max = Number(dimension.max);
|
|
2070
3076
|
const id = textOf(dimension.id, `维度 ${index + 1}`);
|
|
2071
3077
|
const percent = max > 0 ? Math.max(0, Math.min(100, average / max * 100)) : 0;
|
|
2072
|
-
return (0, react.createElement)("
|
|
2073
|
-
className: "nwe-dim",
|
|
3078
|
+
return (0, react.createElement)("article", {
|
|
3079
|
+
className: "nwe-dim-card",
|
|
2074
3080
|
key: id
|
|
2075
|
-
}, (0, react.createElement)("span", null, id), (0, react.createElement)("div", {
|
|
3081
|
+
}, (0, react.createElement)("div", { className: "nwe-dim-card-head" }, (0, react.createElement)("span", null, id), (0, react.createElement)("strong", null, `${Number.isFinite(average) ? average : "—"} / ${max > 0 ? max : "—"}`)), (0, react.createElement)("div", {
|
|
2076
3082
|
className: "nwe-v6-bar",
|
|
2077
3083
|
role: "progressbar",
|
|
2078
3084
|
"aria-label": `${id} 得分`,
|
|
2079
3085
|
"aria-valuemin": 0,
|
|
2080
3086
|
"aria-valuemax": max,
|
|
2081
3087
|
"aria-valuenow": Number.isFinite(average) ? average : 0
|
|
2082
|
-
}, (0, react.createElement)("span", null, (0, react.createElement)("i", { style: { width: `${percent}%` } })))
|
|
3088
|
+
}, (0, react.createElement)("span", null, (0, react.createElement)("i", { style: { width: `${percent}%` } }))));
|
|
2083
3089
|
});
|
|
2084
3090
|
const pacing = asRow(row.pacing);
|
|
2085
3091
|
const longest = asRow(pacing?.longest);
|
|
@@ -2098,12 +3104,25 @@ brief P6 → check → brief P8 → archive 的顺序推进。
|
|
|
2098
3104
|
description: pacing.longest === null ? "—" : `第 ${textOf(longest?.chapter)} 章 ${textOf(longest?.words)} 字 / 第 ${textOf(shortest?.chapter)} 章 ${textOf(shortest?.words)} 字`
|
|
2099
3105
|
}
|
|
2100
3106
|
];
|
|
2101
|
-
const
|
|
2102
|
-
|
|
3107
|
+
const effort = asRow(row.effort);
|
|
3108
|
+
const effortBlock = effort === null ? null : (0, react.createElement)("section", { className: "nwe-subsection" }, (0, react.createElement)("div", { className: "nwe-group-head" }, (0, react.createElement)("span", {
|
|
3109
|
+
className: "nwe-group-icon is-heart",
|
|
3110
|
+
"aria-hidden": "true"
|
|
3111
|
+
}, sectionGlyph("heart", 16)), (0, react.createElement)("h3", null, "返工投入")), (0, react.createElement)("div", { className: "nwe-effort-grid" }, ...[
|
|
3112
|
+
["评审", effort.reviews],
|
|
3113
|
+
["修订", effort.revisions],
|
|
3114
|
+
["校验", effort.checks],
|
|
3115
|
+
["回滚", effort.rollbacks]
|
|
3116
|
+
].map(([label, value]) => (0, react.createElement)("article", {
|
|
3117
|
+
className: "nwe-effort-card",
|
|
3118
|
+
key: label
|
|
3119
|
+
}, (0, react.createElement)("span", null, label), (0, react.createElement)("strong", null, textOf(value))))));
|
|
3120
|
+
const extras = [pacingRows.length === 0 ? null : sectionBlock("节奏", pacingRows, "pacing"), effortBlock].filter((block) => block !== null);
|
|
3121
|
+
return (0, react.createElement)("div", { className: "nwe-quality-layout" }, summary, chapter > 0 ? (0, react.createElement)("div", { className: "nwe-quality-toolbar" }, (0, react.createElement)("button", {
|
|
2103
3122
|
type: "button",
|
|
2104
3123
|
className: "nwe-refresh",
|
|
2105
3124
|
onClick: () => onDetail(chapter)
|
|
2106
|
-
}, "查看本章质量详情") : null, ...bars, ...extras, qualityDetailPanel(detail, onDetail));
|
|
3125
|
+
}, "查看本章质量详情")) : null, (0, react.createElement)("div", { className: "nwe-dim-grid" }, ...bars), ...extras, qualityDetailPanel(detail, onDetail));
|
|
2107
3126
|
};
|
|
2108
3127
|
const healthSection = (items) => {
|
|
2109
3128
|
const row = asRow(items);
|
|
@@ -2112,15 +3131,19 @@ brief P6 → check → brief P8 → archive 的顺序推进。
|
|
|
2112
3131
|
const value = asRow(row[key]);
|
|
2113
3132
|
const present = value?.present === true;
|
|
2114
3133
|
const existed = value?.file_existed === true;
|
|
2115
|
-
|
|
2116
|
-
|
|
3134
|
+
const label = key === "outline" ? "大纲" : "设定";
|
|
3135
|
+
return (0, react.createElement)("article", {
|
|
3136
|
+
className: `nwe-health-card ${present ? "is-ok" : "is-bad"}`,
|
|
2117
3137
|
key
|
|
2118
|
-
},
|
|
3138
|
+
}, (0, react.createElement)("span", {
|
|
3139
|
+
className: "nwe-health-icon",
|
|
3140
|
+
"aria-hidden": "true"
|
|
3141
|
+
}, sectionGlyph(present ? "check" : "alert", 18)), (0, react.createElement)("div", { className: "nwe-health-copy" }, (0, react.createElement)("strong", null, `${label}：${present ? "可读" : existed ? "损坏" : "缺失"}`), (0, react.createElement)("span", null, present ? "结构完整，可安全读取" : existed ? "文件存在但解析失败" : "尚未生成该文件")), (0, react.createElement)("span", { className: "nwe-health-state" }, present ? "PASS" : "CHECK"));
|
|
2119
3142
|
});
|
|
2120
3143
|
const stateErrors = Array.isArray(row.state_errors) ? row.state_errors : [];
|
|
2121
3144
|
const drift = Array.isArray(row.drift) ? row.drift : [];
|
|
2122
3145
|
const blocks = [sectionBlock("状态错误", stateErrors, "state-errors"), sectionBlock("大纲漂移", drift, "drift")].filter((block) => block !== null);
|
|
2123
|
-
return (0, react.createElement)("div", { className: "nwe-
|
|
3146
|
+
return (0, react.createElement)("div", { className: "nwe-health-layout" }, (0, react.createElement)("div", { className: "nwe-health-grid" }, ...flags), ...blocks);
|
|
2124
3147
|
};
|
|
2125
3148
|
const chapterToolbar = (query, onQuery) => {
|
|
2126
3149
|
return (0, react.createElement)("div", {
|
|
@@ -2206,6 +3229,18 @@ brief P6 → check → brief P8 → archive 的顺序推进。
|
|
|
2206
3229
|
const rows = items.map(asRow).filter((row) => row !== null);
|
|
2207
3230
|
const total = payload?.total ?? rows.length;
|
|
2208
3231
|
const cursor = query.cursor;
|
|
3232
|
+
const mobileCards = rows.length === 0 ? null : (0, react.createElement)("div", { className: "nwe-chapter-cards-mobile" }, ...rows.map((row, index) => {
|
|
3233
|
+
const num = textOf(row.num, String(index + 1));
|
|
3234
|
+
const score = typeof row.score === "number" ? String(row.score) : "—";
|
|
3235
|
+
return (0, react.createElement)("article", {
|
|
3236
|
+
className: "nwe-mobile-chapter",
|
|
3237
|
+
key: `${num}-${index}`
|
|
3238
|
+
}, (0, react.createElement)("span", { className: "nwe-mobile-chapter-num" }, `CH ${num.padStart(2, "0")}`), (0, react.createElement)("div", { className: "nwe-mobile-chapter-body" }, (0, react.createElement)("strong", null, textOf(row.title)), (0, react.createElement)("span", null, `${row.status === "draft" ? "草稿" : "已归档"} · ${textOf(row.word_count)} 字 · ${textOf(row.scene_type)}`)), (0, react.createElement)("span", { className: "nwe-mobile-chapter-score" }, score), (0, react.createElement)("button", {
|
|
3239
|
+
type: "button",
|
|
3240
|
+
className: "nwe-refresh",
|
|
3241
|
+
onClick: () => onDetail(Number(num) || index + 1)
|
|
3242
|
+
}, "详情"));
|
|
3243
|
+
}));
|
|
2209
3244
|
return (0, react.createElement)("section", {
|
|
2210
3245
|
className: "nwe-chapters-section",
|
|
2211
3246
|
"aria-label": "章节表"
|
|
@@ -2230,7 +3265,7 @@ brief P6 → check → brief P8 → archive 的顺序推进。
|
|
|
2230
3265
|
className: "nwe-refresh",
|
|
2231
3266
|
onClick: () => onDetail(Number(num) || index + 1)
|
|
2232
3267
|
}, "详情")));
|
|
2233
|
-
})))), (0, react.createElement)("div", { className: "nwe-pager" }, (0, react.createElement)("span", null, payload?.next_cursor !== null && payload?.next_cursor !== void 0 ? "已截断，可继续翻页" : payload?.truncated === true ? "部分文本已截断" : "已显示全部"), (0, react.createElement)("span", null, cursor === "" ? null : (0, react.createElement)("button", {
|
|
3268
|
+
})))), mobileCards, (0, react.createElement)("div", { className: "nwe-pager" }, (0, react.createElement)("span", null, payload?.next_cursor !== null && payload?.next_cursor !== void 0 ? "已截断，可继续翻页" : payload?.truncated === true ? "部分文本已截断" : "已显示全部"), (0, react.createElement)("span", null, cursor === "" ? null : (0, react.createElement)("button", {
|
|
2234
3269
|
type: "button",
|
|
2235
3270
|
className: "nwe-refresh",
|
|
2236
3271
|
onClick: () => onQuery({ cursor: "" })
|
|
@@ -2248,7 +3283,7 @@ brief P6 → check → brief P8 → archive 的顺序推进。
|
|
|
2248
3283
|
sectionBlock("时间线", row.timeline, "timeline"),
|
|
2249
3284
|
sectionBlock("关系", row.relationships, "relationships")
|
|
2250
3285
|
].filter((block) => block !== null);
|
|
2251
|
-
return blocks.length === 0 ? (0, react.createElement)("div", { className: "nwe-empty" }, "线索：暂无数据") : (0, react.createElement)("div", { className: "nwe-
|
|
3286
|
+
return blocks.length === 0 ? (0, react.createElement)("div", { className: "nwe-empty" }, "线索：暂无数据") : (0, react.createElement)("div", { className: "nwe-leads-layout" }, ...blocks);
|
|
2252
3287
|
};
|
|
2253
3288
|
const sectionMeta = (section) => {
|
|
2254
3289
|
const payload = section.payload;
|
|
@@ -2265,13 +3300,18 @@ brief P6 → check → brief P8 → archive 的顺序推进。
|
|
|
2265
3300
|
if (section.error !== null && section.payload === null) return (0, react.createElement)("div", { className: "nwe-empty" }, `栏目读取失败：${section.error}`);
|
|
2266
3301
|
const items = section.payload?.items;
|
|
2267
3302
|
const searchLabel = tab === "characters" ? "搜索人物" : tab === "foreshadows" ? "搜索线索" : tab === "worldbook" ? "搜索设定" : "";
|
|
2268
|
-
const withSearch = (content) =>
|
|
2269
|
-
|
|
2270
|
-
|
|
2271
|
-
|
|
2272
|
-
|
|
2273
|
-
|
|
2274
|
-
|
|
3303
|
+
const withSearch = (content) => {
|
|
3304
|
+
return (0, react.createElement)(react.Fragment, null, (0, react.createElement)("label", { className: "nwe-section-search" }, (0, react.createElement)("span", {
|
|
3305
|
+
className: "nwe-search-icon",
|
|
3306
|
+
"aria-hidden": "true"
|
|
3307
|
+
}, sectionGlyph(tab === "characters" ? "person" : tab === "foreshadows" ? "seed" : "map", 16)), (0, react.createElement)("span", { className: "nwe-search-label" }, searchLabel), (0, react.createElement)("input", {
|
|
3308
|
+
type: "search",
|
|
3309
|
+
value: search,
|
|
3310
|
+
placeholder: "输入关键词",
|
|
3311
|
+
onChange: (event) => onSearch(event.target.value)
|
|
3312
|
+
})), sectionMeta(section), content);
|
|
3313
|
+
};
|
|
3314
|
+
if (tab === "characters") return withSearch(sectionList("人物", items, "person"));
|
|
2275
3315
|
if (tab === "foreshadows") return withSearch(leadsSection(items));
|
|
2276
3316
|
if (tab === "worldbook") return withSearch(worldbookSection(items));
|
|
2277
3317
|
if (tab === "quality") return qualitySection(items, chapter, qualityDetail, onQualityDetail);
|
|
@@ -2290,7 +3330,10 @@ brief P6 → check → brief P8 → archive 的顺序推进。
|
|
|
2290
3330
|
className: "nwe-root",
|
|
2291
3331
|
"aria-busy": loading,
|
|
2292
3332
|
"data-state": view.state
|
|
2293
|
-
}, (0, react.createElement)("style", { key: "nwe-style" }, CSS), (0, react.createElement)("header", { className: "nwe-hero" }, (0, react.createElement)("div", { className: "nwe-
|
|
3333
|
+
}, (0, react.createElement)("style", { key: "nwe-style" }, CSS), (0, react.createElement)("header", { className: "nwe-hero" }, (0, react.createElement)("div", { className: "nwe-brand" }, (0, react.createElement)("span", {
|
|
3334
|
+
className: "nwe-brand-mark",
|
|
3335
|
+
"aria-hidden": "true"
|
|
3336
|
+
}, "文"), (0, react.createElement)("div", { className: "nwe-hero-title" }, (0, react.createElement)("div", { className: "nwe-eyebrow" }, "网文工坊 · NOVEL WORKBENCH"), (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", { className: "nwe-revision" }, 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, {
|
|
2294
3337
|
view,
|
|
2295
3338
|
onSelect: onSelectProject
|
|
2296
3339
|
}) : null, (0, react.createElement)(NovelHelp), (0, react.createElement)("button", {
|
|
@@ -2306,7 +3349,7 @@ brief P6 → check → brief P8 → archive 的顺序推进。
|
|
|
2306
3349
|
className: "nwe-stats",
|
|
2307
3350
|
role: "group",
|
|
2308
3351
|
"aria-label": "项目统计"
|
|
2309
|
-
}, stat("已归档", String(view.stats.chapters), "章"), stat("总字数", view.stats.words.toLocaleString("zh-CN"), (view.stats.draftWords ?? 0) > 0 ? `字（归档 ${(view.stats.archivedWords ?? 0).toLocaleString("zh-CN")} + 草稿 ${view.stats.draftWords.toLocaleString("zh-CN")}）` : "字"), stat("全书均分", view.stats.chapters === 0 ? "—" : String(view.stats.averageScore), "/150"), stat("待处理", String(view.stats.blocking), "项")) : null, ready && tab === "overview" ?
|
|
3352
|
+
}, stat("已归档", String(view.stats.chapters), "章"), stat("总字数", view.stats.words.toLocaleString("zh-CN"), (view.stats.draftWords ?? 0) > 0 ? `字（归档 ${(view.stats.archivedWords ?? 0).toLocaleString("zh-CN")} + 草稿 ${view.stats.draftWords.toLocaleString("zh-CN")}）` : "字"), stat("全书均分", view.stats.chapters === 0 ? "—" : String(view.stats.averageScore), "/150"), stat("待处理", String(view.stats.blocking), "项")) : null, ready && tab === "overview" ? overviewCharts(view) : 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 && tab === "overview" ? (0, react.createElement)("div", {
|
|
2310
3353
|
className: "nwe-desk",
|
|
2311
3354
|
role: "tabpanel",
|
|
2312
3355
|
id: "nwe-panel-overview",
|
|
@@ -2314,17 +3357,17 @@ brief P6 → check → brief P8 → archive 的顺序推进。
|
|
|
2314
3357
|
}, (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), pendingSection(view), legacySection(view), chaptersSection(view)), (0, react.createElement)("aside", {
|
|
2315
3358
|
className: "nwe-desk-side",
|
|
2316
3359
|
"aria-label": "全书与活动"
|
|
2317
|
-
}, activitySection(view))) : null, ready && tab === "chapters" ? (0, react.createElement)("div", {
|
|
2318
|
-
className: "nwe-desk",
|
|
3360
|
+
}, bookGlance(view), activitySection(view))) : null, ready && tab === "overview" ? bookDossier(view) : null, ready && tab === "chapters" ? (0, react.createElement)("div", {
|
|
3361
|
+
className: "nwe-desk nwe-desk-single",
|
|
2319
3362
|
role: "tabpanel",
|
|
2320
3363
|
id: "nwe-panel-chapters",
|
|
2321
3364
|
"aria-labelledby": "nwe-tab-chapters"
|
|
2322
|
-
}, (0, react.createElement)("div", { className: "nwe-desk-main" }, blockingSection(view), chapterToolbar(chapterQuery, onChapterQuery), chapterTable(section, view, chapterQuery, onChapterQuery, chapterDetail, onChapterDetail))) : null, ready && tab !== "overview" && tab !== "chapters" ? (0, react.createElement)("section", {
|
|
3365
|
+
}, (0, react.createElement)("div", { className: "nwe-desk-main" }, tabIntro("chapters", view, section), blockingSection(view), chapterToolbar(chapterQuery, onChapterQuery), chapterTable(section, view, chapterQuery, onChapterQuery, chapterDetail, onChapterDetail))) : null, ready && tab !== "overview" && tab !== "chapters" ? (0, react.createElement)("section", {
|
|
2323
3366
|
className: "nwe-section nwe-tab-panel",
|
|
2324
3367
|
role: "tabpanel",
|
|
2325
3368
|
id: `nwe-panel-${tab}`,
|
|
2326
3369
|
"aria-labelledby": `nwe-tab-${tab}`
|
|
2327
|
-
}, tab === "health" ? (0, react.createElement)(react.Fragment, null, blockingSection(view), advisoriesSection(view), pendingSection(view), legacySection(view)) : null, sectionPanel(tab, section, sectionSearch, onSectionSearch, view.chapter, qualityDetail, onQualityDetail)) : null, footer(view, onRefresh));
|
|
3370
|
+
}, tabIntro(tab, view, section), tab === "health" ? (0, react.createElement)(react.Fragment, null, blockingSection(view), advisoriesSection(view), pendingSection(view), legacySection(view)) : null, sectionPanel(tab, section, sectionSearch, onSectionSearch, view.chapter, qualityDetail, onQualityDetail)) : null, footer(view, onRefresh));
|
|
2328
3371
|
}
|
|
2329
3372
|
const PANEL_ROOT_KEY = "nwe.panel-root.v1";
|
|
2330
3373
|
const storage = () => globalThis.localStorage;
|