- 质量报告 · {qualityReport.overallScore} 分
+ 质量报告 · {qualityReport.overallScore} 分（审稿当时）
{qualityDecision.status === 'passed'
- ? '质量门禁已通过。'
+ ? '常规质量门禁已通过。'
: qualityDecision.status === 'needs_review'
? `需要作者确认：${qualityDecision.reasons.join('；') || '存在关键维度风险'}。`
: `建议先修订：${qualityDecision.reasons.join('；') || '报告标记为未通过'}。`}
+ {qualityReport.hardCanonAudit?.findings.some((finding) => finding.severity === 'block')
+ ? 审稿当时另有确证违反的硬设定，综合门禁未通过。证据保存在下方记录中。
: null}
{Object.entries(qualityReport.dimensions).map(([key, value]) => (
@@ -175,9 +209,12 @@ export function PipelineDiagnosticsPanel({
) : null}
{qualityReport.requiredFixes.length ?
必修项：{qualityReport.requiredFixes.join('；')}
: null}
-
+ {qualityReport.hardCanonAudit
+ ?
+ : 这份质量报告没有逐条硬设定核查记录。
}
+ setShowQualityJson(event.currentTarget.open)}>
质量报告 JSON
- {JSON.stringify(qualityReport, null, 2)}
+ {showQualityJson && {JSON.stringify(qualityReport, null, 2)}}
) : 尚未生成质量报告。
}
diff --git a/src/renderer/src/components/pipeline/PipelineDraftPanel.tsx b/src/renderer/src/components/pipeline/PipelineDraftPanel.tsx
index 3aec747..c86bbf8 100644
--- a/src/renderer/src/components/pipeline/PipelineDraftPanel.tsx
+++ b/src/renderer/src/components/pipeline/PipelineDraftPanel.tsx
@@ -1,8 +1,11 @@
import type { ChapterAcceptanceReview, ChapterGenerationJob, GeneratedChapterDraft } from '../../../../shared/types'
+import { visibleCharacterCount } from '../../../../services/chapterTaskContractText'
export function PipelineDraftPanel({
draft,
job,
+ lengthOverflowNotice,
+ hardCanonBlock,
isRunning,
onAccept,
onAcceptUnreviewed,
@@ -14,6 +17,8 @@ export function PipelineDraftPanel({
}: {
draft: GeneratedChapterDraft | null
job: ChapterGenerationJob | null
+ lengthOverflowNotice?: string | null
+ hardCanonBlock?: string | null
isRunning: boolean
onAccept: (draft: GeneratedChapterDraft) => void
onAcceptUnreviewed?: (draft: GeneratedChapterDraft) => void
@@ -53,13 +58,18 @@ export function PipelineDraftPanel({
) : null}
+ {lengthOverflowNotice ?? `目标：${job?.chapterTaskSnapshot?.targetWordCount?.trim() || '未指定'} · 实际 ${visibleCharacterCount(draft.body)} 个可见字符`}
+ {lengthOverflowNotice && draft.status === 'draft' ? ' 请先改短正文；要保留原文，需在采纳时明确确认。' : null}
+
+ {hardCanonBlock && draft.status === 'draft' ? 请先修订硬设定冲突。{hardCanonBlock}
: null}
-
- 质量门禁
- {quality.label}
+ {lengthOverflowNotice ? '正文篇幅' : '质量门禁'}
+ {lengthOverflowNotice ? 超出上限 : {quality.label}}
正文状态
diff --git a/src/renderer/src/hooks/useAppData.ts b/src/renderer/src/hooks/useAppData.ts
index e4877b2..47437a8 100644
--- a/src/renderer/src/hooks/useAppData.ts
+++ b/src/renderer/src/hooks/useAppData.ts
@@ -2,6 +2,7 @@ import { useEffect, useRef, useState } from 'react'
import { EMPTY_APP_DATA } from '../../../shared/defaults'
import type { AppData, CandidateDecisionCommand, ChapterCommitBundle, GenerationRunBundle, RevisionCommitBundle } from '../../../shared/types'
import { getUserFriendlyError } from '../../../shared/errorUtils'
+import { isStorageRevisionConflict } from '../../../shared/storageRevisionConflict'
import type { StorageSaveResult, StorageWriteResult } from '../../../shared/ipc/ipcTypes'
import type { ImportDataResult, ImportDataStrategy } from '../../../shared/ipc/ipcTypes'
import { createOperationQueue, type OperationQueue } from '../utils/saveQueue'
@@ -19,20 +20,12 @@ export type { SaveDataHandler, SaveDataInput, SaveDataOutcome }
export type ChapterCommitSaveInput = (currentData: AppData) => { next: AppData; bundle: ChapterCommitBundle }
export type RevisionCommitSaveInput = (currentData: AppData) => { next: AppData; bundle: RevisionCommitBundle }
-function isStorageRevisionConflict(error: unknown): boolean {
- return Boolean(
- error &&
- typeof error === 'object' &&
- 'code' in error &&
- error.code === 'STORAGE_REVISION_CONFLICT'
- )
-}
-
export function useAppData() {
const [data, setData] = useState
(null)
const [storagePath, setStoragePath] = useState('')
const [status, setStatus] = useState('')
const [hasStorageConflict, setHasStorageConflict] = useState(false)
+ const [needsWritebackCheck, setNeedsWritebackCheck] = useState(false)
const saveQueueRef = useRef(null)
const latestDataRef = useRef(EMPTY_APP_DATA)
@@ -132,11 +125,13 @@ export function useAppData() {
async function saveChapterCommitBundle(buildCommit: ChapterCommitSaveInput) {
setStatus('正在提交正式章节...')
+ let sent = false
try {
const result = await enqueueStorageWrite(async () => {
const { next, bundle } = buildCommit(latestDataRef.current)
const dataApi = getNovelDirectorDataApi()
let persisted: StorageSaveResult | StorageWriteResult
+ sent = true
if (dataApi.saveChapterCommitBundle) {
persisted = await dataApi.saveChapterCommitBundle(bundle)
commitPersistedData(next)
@@ -148,8 +143,10 @@ export function useAppData() {
})
setStoragePath(result.storagePath)
setStatus(result.credentialWarning || `正式章节已提交 ${new Date().toLocaleTimeString('zh-CN')}`)
+ setNeedsWritebackCheck(false)
} catch (error) {
if (isStorageRevisionConflict(error)) setHasStorageConflict(true)
+ else if (sent) setNeedsWritebackCheck(true)
setStatus(`提交正式章节失败：${getUserFriendlyError(error)}`)
throw error
}
@@ -157,11 +154,13 @@ export function useAppData() {
async function saveRevisionCommitBundle(buildCommit: RevisionCommitSaveInput) {
setStatus('正在提交正式修订...')
+ let sent = false
try {
const result = await enqueueStorageWrite(async () => {
const { next, bundle } = buildCommit(latestDataRef.current)
const dataApi = getNovelDirectorDataApi()
let persisted: StorageSaveResult | StorageWriteResult
+ sent = true
if (dataApi.saveRevisionCommitBundle) {
persisted = await dataApi.saveRevisionCommitBundle(bundle)
commitPersistedData(next)
@@ -173,8 +172,10 @@ export function useAppData() {
})
setStoragePath(result.storagePath)
setStatus(result.credentialWarning || `正式修订已提交 ${new Date().toLocaleTimeString('zh-CN')}`)
+ setNeedsWritebackCheck(false)
} catch (error) {
if (isStorageRevisionConflict(error)) setHasStorageConflict(true)
+ else if (sent) setNeedsWritebackCheck(true)
setStatus(`提交正式修订失败：${getUserFriendlyError(error)}`)
throw error
}
@@ -266,6 +267,7 @@ export function useAppData() {
setStoragePath(result.storagePath)
setHasStorageConflict(false)
setStatus(result.credentialWarning || '已重新加载最新本地数据')
+ setNeedsWritebackCheck(false)
return { ok: true as const }
} catch (error) {
const errorMessage = getUserFriendlyError(error)
@@ -280,6 +282,7 @@ export function useAppData() {
setStoragePath,
status,
hasStorageConflict,
+ needsWritebackCheck,
setStatus,
saveData,
saveGenerationRunBundle,
diff --git a/src/renderer/src/settings/credentialApi.ts b/src/renderer/src/settings/credentialApi.ts
index 1f44a1e..b3173d5 100644
--- a/src/renderer/src/settings/credentialApi.ts
+++ b/src/renderer/src/settings/credentialApi.ts
@@ -1,12 +1,11 @@
import { getNovelDirectorCredentialsApi } from '../platform/novelDirectorBridge'
-export async function getApiKeyState(): Promise {
- const result = await getNovelDirectorCredentialsApi().hasApiKey()
- return result.hasApiKey
+export function getApiKeyState(baseUrl?: string) {
+ return getNovelDirectorCredentialsApi().hasApiKey(baseUrl)
}
-export async function saveApiKey(apiKey: string): Promise {
- const result = await getNovelDirectorCredentialsApi().setApiKey(apiKey)
+export async function saveApiKey(apiKey: string, baseUrl: string): Promise {
+ const result = await getNovelDirectorCredentialsApi().setApiKey(apiKey, baseUrl)
return result.hasApiKey
}
diff --git a/src/renderer/src/styles/app-shell.css b/src/renderer/src/styles/app-shell.css
index 8275c36..915db8e 100644
--- a/src/renderer/src/styles/app-shell.css
+++ b/src/renderer/src/styles/app-shell.css
@@ -1,4 +1,7 @@
-/* App frame: ink rail + paper workspace. */
+/*
+ * App frame, following Apple's HIG two-layer model:
+ * a floating glass functional layer (sidebar, toolbar controls) above a solid content layer.
+ */
.active-row {
background: color-mix(in srgb, var(--color-accent) 6%, transparent);
}
@@ -32,7 +35,7 @@ code {
color: var(--ink);
font-family: var(--font-display);
font-size: var(--text-3xl);
- font-weight: 650;
+ font-weight: 700;
animation: nd-rise-in var(--duration-slow) var(--ease-out) backwards;
}
@@ -55,10 +58,12 @@ code {
margin-top: 4px;
}
+/* ---------- Window grid ---------- */
.app-shell {
+ --rail-gap: 10px;
min-height: 100dvh;
display: grid;
- grid-template-columns: var(--rail-width) minmax(0, 1fr);
+ grid-template-columns: calc(var(--rail-width) + var(--rail-gap)) minmax(0, 1fr);
overflow-x: clip;
transition: grid-template-columns var(--duration-slower) var(--ease-standard);
}
@@ -82,13 +87,13 @@ code {
}
.sidebar[hidden] {
- translate: calc(-1 * var(--rail-width)) 0;
+ translate: calc(-1 * (var(--rail-width) + var(--rail-gap))) 0;
opacity: 0.4;
}
@starting-style {
.sidebar:not([hidden]) {
- translate: calc(-1 * var(--rail-width)) 0;
+ translate: calc(-1 * (var(--rail-width) + var(--rail-gap))) 0;
opacity: 0.4;
}
}
@@ -99,51 +104,55 @@ code {
left: 8px;
z-index: 1000;
padding: 10px 14px;
- background: var(--surface);
+ background: var(--glass-thick);
+ backdrop-filter: var(--glass-filter);
color: var(--ink);
- border: 1px solid var(--line);
- border-radius: var(--radius-md);
- box-shadow: var(--shadow-popover);
+ border: 1px solid var(--glass-hairline);
+ border-radius: var(--radius-pill);
+ box-shadow: var(--glass-shadow);
transform: translateY(-200%);
transition: transform var(--duration-base) var(--ease-out);
}
.skip-to-content:focus { transform: translateY(0); }
-/* ---------- Ink rail ---------- */
+/* ---------- Sidebar: a floating pane of regular glass ---------- */
.sidebar {
+ --sidebar-radius: var(--radius-panel);
+ --sidebar-inset: 10px;
position: sticky;
- top: 0;
+ top: var(--rail-gap);
width: var(--rail-width);
- height: 100dvh;
+ height: calc(100dvh - 2 * var(--rail-gap));
+ margin: var(--rail-gap) 0 var(--rail-gap) var(--rail-gap);
display: flex;
flex-direction: column;
- gap: 6px;
- padding: 14px 12px 12px;
+ gap: 4px;
+ padding: 12px var(--sidebar-inset) var(--sidebar-inset);
overflow: clip;
- background:
- radial-gradient(120% 60% at 0% 0%, rgba(169, 191, 211, 0.09), transparent 60%),
- var(--sidebar);
+ border: 1px solid var(--glass-stroke);
+ border-radius: var(--sidebar-radius);
+ background: var(--glass-regular);
+ backdrop-filter: var(--glass-filter);
+ box-shadow: var(--glass-specular), 0 0 0 1px var(--glass-hairline), var(--glass-shadow);
color: var(--rail-text);
- border-right: 1px solid var(--rail-border);
}
.brand-mark {
display: grid;
- grid-template-columns: 34px 1fr;
- gap: 11px;
+ grid-template-columns: 30px 1fr;
+ gap: 10px;
align-items: center;
padding: 2px 6px 8px;
}
.brand-symbol {
- width: 34px;
- height: 34px;
- border-radius: 9px;
+ width: 30px;
+ height: 30px;
+ border-radius: 8px;
overflow: hidden;
- border: 1px solid rgba(169, 191, 211, 0.24);
background: #091329;
- box-shadow: 0 0 0 4px rgba(169, 191, 211, 0.06), 0 6px 16px -6px rgba(0, 0, 0, 0.6);
+ box-shadow: 0 0 0 0.5px rgba(0, 0, 0, 0.2), 0 3px 8px -3px rgba(9, 19, 41, 0.5);
}
.brand-symbol img {
@@ -157,28 +166,28 @@ code {
display: block;
color: var(--rail-strong);
font-family: var(--font-display);
- font-size: 15px;
- font-weight: 650;
- letter-spacing: 0.01em;
+ font-size: 14px;
+ font-weight: 700;
+ letter-spacing: -0.005em;
}
.brand-mark span {
display: block;
- margin-top: 2px;
+ margin-top: 1px;
color: var(--rail-muted);
- font-size: var(--text-xs);
- letter-spacing: 0.08em;
+ font-size: 11px;
}
+/* Inner radius = sidebar radius − inset, so rows sit concentrically inside the pane. */
.back-button {
width: 100%;
- min-height: 30px;
+ min-height: 28px;
padding: 4px 8px;
display: flex;
align-items: center;
gap: 8px;
border: 0;
- border-radius: var(--radius-sm);
+ border-radius: calc(var(--sidebar-radius) - var(--sidebar-inset));
background: transparent;
color: var(--rail-muted);
font-size: var(--text-xs);
@@ -209,25 +218,23 @@ code {
.project-badge {
display: grid;
- gap: 3px;
+ gap: 2px;
margin: 2px 0 8px;
- padding: 11px 12px 12px;
- border: 1px solid var(--rail-border);
- border-radius: var(--radius-md);
- background: rgba(255, 255, 255, 0.035);
+ padding: 10px 12px;
+ border-radius: calc(var(--sidebar-radius) - var(--sidebar-inset));
+ background: var(--rail-hover);
}
.project-badge-label {
color: var(--rail-muted);
font-size: 11px;
- letter-spacing: 0.12em;
}
.project-badge strong {
overflow: hidden;
color: var(--rail-strong);
font-family: var(--font-display);
- font-size: 15px;
+ font-size: 14px;
font-weight: 650;
line-height: 1.35;
text-overflow: ellipsis;
@@ -246,14 +253,14 @@ code {
position: relative;
display: grid;
align-content: start;
- gap: 12px;
+ gap: 10px;
flex: 1 1 auto;
min-height: 0;
- margin: 0 -6px;
- padding: 4px 6px 8px;
+ margin: 0 calc(-1 * var(--sidebar-inset));
+ padding: 2px var(--sidebar-inset) 8px;
overflow-y: auto;
overscroll-behavior: contain;
- scrollbar-color: rgba(255, 255, 255, 0.14) transparent;
+ scrollbar-color: var(--rail-border) transparent;
}
.nav-group {
@@ -261,69 +268,52 @@ code {
gap: 1px;
}
-/* The sliding highlight. Until it has been measured, the active item paints its own background. */
+/* The sliding selection. Until it has been measured, the active row paints its own background. */
.nav-indicator {
position: absolute;
top: 0;
- left: 6px;
- right: 6px;
- height: 32px;
- border-radius: var(--radius-sm);
+ left: var(--sidebar-inset);
+ right: var(--sidebar-inset);
+ height: 30px;
+ border-radius: calc(var(--sidebar-radius) - var(--sidebar-inset));
background: var(--rail-active);
opacity: 0;
pointer-events: none;
}
-.nav-indicator::before {
- content: "";
- position: absolute;
- left: -6px;
- top: 8px;
- bottom: 8px;
- width: 3px;
- border-radius: 0 3px 3px 0;
- background: var(--rail-accent);
- box-shadow: 0 0 12px rgba(169, 191, 211, 0.65);
-}
-
.nav-list[data-indicator-ready] .nav-indicator {
opacity: 1;
transition:
- transform var(--duration-slower) var(--ease-spring),
- height var(--duration-slower) var(--ease-spring);
+ transform var(--duration-slow) var(--ease-spring),
+ height var(--duration-slow) var(--ease-spring);
}
+/* Group titles stay short and quiet (HIG: succinct labels for sidebar groups). */
.nav-group-label {
- padding: 0 10px 5px;
+ padding: 0 10px 4px;
color: var(--rail-muted);
font-size: 11px;
font-weight: 600;
- letter-spacing: 0.14em;
transition: color var(--duration-base) ease;
}
-.nav-group.current .nav-group-label {
- color: var(--rail-text);
-}
-
.nav-list button {
position: relative;
z-index: 1;
display: flex;
align-items: center;
- gap: 11px;
- min-height: 32px;
- padding: 5px 10px;
+ gap: 10px;
+ min-height: 30px;
+ padding: 4px 10px;
border: 0;
- border-radius: var(--radius-sm);
+ border-radius: calc(var(--sidebar-radius) - var(--sidebar-inset));
background: transparent;
color: var(--rail-text);
font-size: var(--text-sm);
text-align: left;
transition:
background var(--duration-fast) ease,
- color var(--duration-fast) ease,
- transform var(--duration-fast) var(--ease-out);
+ color var(--duration-fast) ease;
}
.nav-list button:hover {
@@ -331,10 +321,6 @@ code {
color: var(--rail-strong);
}
-.nav-list button:active {
- transform: scale(0.985);
-}
-
.nav-list button.active {
color: var(--rail-strong);
font-weight: 600;
@@ -344,43 +330,34 @@ code {
background: var(--rail-active);
}
-/* The indicator already highlights the active item; hover must not stack a second tint on it. */
+/* The indicator already highlights the active row; hover must not stack a second tint on it. */
.nav-list[data-indicator-ready] button.active:hover {
background: transparent;
}
+/* Sidebar symbols take the app accent colour, as macOS sidebars do. */
.nav-icon {
width: 18px;
height: 18px;
display: grid;
place-items: center;
flex: 0 0 auto;
- color: var(--rail-muted);
- transition:
- color var(--duration-fast) ease,
- transform var(--duration-base) var(--ease-emphasized);
+ color: var(--rail-accent);
+ transition: color var(--duration-fast) ease;
}
.nav-icon svg {
- width: 18px;
- height: 18px;
+ width: 17px;
+ height: 17px;
fill: none;
stroke: currentColor;
- stroke-width: 1.7;
+ stroke-width: 1.75;
stroke-linecap: round;
stroke-linejoin: round;
}
-.nav-list button:hover .nav-icon {
- color: var(--rail-text);
-}
-
-.nav-list button:hover:not(.active) .nav-icon {
- transform: translateX(1px) scale(1.06);
-}
-
.nav-list button.active .nav-icon {
- color: var(--rail-accent);
+ color: var(--color-accent-strong);
}
/* ---------- Workspace ---------- */
@@ -395,41 +372,78 @@ code {
outline: none;
}
+/*
+ * Toolbar: no solid bar. Controls float as glass capsules, and a scroll-edge effect
+ * blurs and fades content as it passes beneath them.
+ */
.workspace-topbar {
position: sticky;
top: 0;
z-index: 20;
display: flex;
align-items: center;
- gap: 12px;
+ gap: 10px;
min-height: var(--topbar-height);
max-width: var(--content-max);
- margin: 0 auto 16px;
- padding: 0 2px;
- border-bottom: 1px solid var(--line);
- background: color-mix(in srgb, var(--bg) 86%, transparent);
- backdrop-filter: blur(14px) saturate(1.3);
+ margin: 0 auto 12px;
+ padding: 10px 0;
+ isolation: isolate;
+}
+
+.workspace-topbar::before {
+ content: "";
+ position: absolute;
+ z-index: -1;
+ inset: 0 -32px -18px;
+ background: linear-gradient(to bottom, var(--bg) 0%, color-mix(in srgb, var(--bg) 70%, transparent) 55%, transparent 100%);
+ backdrop-filter: blur(10px);
+ mask-image: linear-gradient(to bottom, black 55%, transparent 100%);
+ opacity: 0;
+ pointer-events: none;
}
@supports (animation-timeline: scroll()) {
- .workspace-topbar {
- animation: workspace-topbar-lift linear both;
+ .workspace-topbar::before {
+ animation: workspace-scroll-edge linear both;
animation-timeline: scroll(root block);
- animation-range: 0 48px;
+ animation-range: 0 40px;
}
}
-@keyframes workspace-topbar-lift {
- from { box-shadow: 0 1px 0 transparent; }
- to { box-shadow: 0 10px 22px -18px rgba(0, 0, 0, 0.45); }
+@supports not (animation-timeline: scroll()) {
+ .workspace-topbar::before { opacity: 1; }
+}
+
+@keyframes workspace-scroll-edge {
+ from { opacity: 0; }
+ to { opacity: 1; }
+}
+
+.workspace-topbar .sidebar-toggle,
+.workspace-location,
+.workspace-save-state {
+ border: 1px solid var(--glass-stroke);
+ background: var(--glass-regular);
+ backdrop-filter: var(--glass-filter);
+ box-shadow: var(--glass-specular), 0 0 0 1px var(--glass-hairline), 0 4px 14px -8px rgba(22, 27, 38, 0.25);
+}
+
+.workspace-topbar .sidebar-toggle {
+ width: 36px;
+ height: 36px;
+ border-radius: var(--radius-pill);
}
.workspace-location {
display: flex;
- flex: 1;
+ flex: 0 1 auto;
align-items: center;
gap: 8px;
min-width: 0;
+ min-height: 36px;
+ margin-right: auto;
+ padding: 0 16px;
+ border-radius: var(--radius-pill);
}
.workspace-location span {
@@ -441,7 +455,7 @@ code {
overflow: hidden;
color: var(--ink);
font-size: var(--text-md);
- font-weight: 600;
+ font-weight: 650;
text-overflow: ellipsis;
white-space: nowrap;
}
@@ -457,7 +471,7 @@ code {
white-space: nowrap;
}
-/* The rail already names the project; the bar repeats it only while the rail is hidden. */
+/* The sidebar already names the project; the toolbar repeats it only while the sidebar is hidden. */
.app-shell:not([data-sidebar-collapsed="true"]) .workspace-project-name,
.app-shell:not([data-sidebar-collapsed="true"]) .workspace-project-separator {
display: none;
@@ -467,11 +481,9 @@ code {
display: inline-flex;
align-items: center;
gap: 8px;
- min-height: 28px;
- padding: 3px 11px 3px 10px;
- border: 1px solid var(--line);
+ min-height: 36px;
+ padding: 0 14px 0 12px;
border-radius: var(--radius-pill);
- background: var(--color-surface);
}
.workspace-save-state::before {
@@ -490,12 +502,12 @@ code {
font-size: var(--text-xs);
font-weight: 500;
white-space: nowrap;
- animation: save-state-swap var(--duration-slow) var(--ease-out) both;
+ animation: save-state-swap var(--duration-base) var(--ease-out) both;
}
@keyframes save-state-swap {
- from { opacity: 0; transform: translateY(3px); filter: blur(2px); }
- to { opacity: 1; transform: none; filter: none; }
+ from { opacity: 0; transform: translateY(2px); }
+ to { opacity: 1; transform: none; }
}
.workspace-save-state.busy::before {
@@ -504,8 +516,8 @@ code {
}
.workspace-save-state.danger {
- border-color: color-mix(in srgb, var(--color-danger) 36%, var(--line));
- background: var(--color-danger-soft);
+ border-color: color-mix(in srgb, var(--color-danger) 36%, transparent);
+ background: color-mix(in srgb, var(--color-danger-soft) 88%, transparent);
}
.workspace-save-state.danger::before {
@@ -522,7 +534,7 @@ code {
height: 34px;
padding: 0;
border: 1px solid transparent;
- border-radius: var(--radius-md);
+ border-radius: var(--radius-pill);
background: transparent;
color: var(--muted);
transition:
@@ -534,8 +546,7 @@ code {
.icon-button:hover:not(:disabled) {
color: var(--ink);
- background: var(--color-surface);
- border-color: var(--line);
+ background: var(--hover);
}
.icon-button:active:not(:disabled) {
@@ -547,15 +558,14 @@ code {
margin: 0 auto;
}
-/* ---------- Page header ---------- */
+/* ---------- Page header: a large title, no rule beneath it ---------- */
.page-header {
display: flex;
align-items: flex-end;
justify-content: space-between;
gap: 24px;
margin-bottom: 22px;
- padding: 10px 0 18px;
- border-bottom: 1px solid var(--line);
+ padding: 6px 0 4px;
}
.page-header > div:first-child {
@@ -565,9 +575,9 @@ code {
.page-header h1 {
margin: 0;
font-size: var(--text-3xl);
- font-weight: 650;
- line-height: 1.25;
- letter-spacing: -0.01em;
+ font-weight: 700;
+ line-height: 1.2;
+ letter-spacing: -0.015em;
text-wrap: balance;
}
@@ -575,7 +585,7 @@ code {
margin: 8px 0 0;
color: var(--muted);
max-width: 72ch;
- line-height: 1.65;
+ line-height: 1.6;
}
.page-header .header-actions {
diff --git a/src/renderer/src/styles/base.css b/src/renderer/src/styles/base.css
index fa5bc05..a52f47d 100644
--- a/src/renderer/src/styles/base.css
+++ b/src/renderer/src/styles/base.css
@@ -29,16 +29,27 @@
--color-danger-soft: #f9e4e0;
--color-info: #6f6591;
--color-info-soft: #eeecf4;
- --sidebar: #131925;
- --sidebar-soft: #1c2433;
- --rail-text: #c9cfda;
- --rail-muted: #8d96a8;
- --rail-strong: #f4f6fa;
- --rail-border: rgba(255, 255, 255, 0.07);
- --rail-hover: rgba(255, 255, 255, 0.06);
- --rail-active: rgba(169, 191, 211, 0.14);
- --rail-accent: #a9bfd3;
- --slate: #131925;
+ --sidebar: #f5f6f8;
+ --sidebar-soft: #e9ecf0;
+ --rail-text: #3b4456;
+ --rail-muted: #5c6578;
+ --rail-strong: #161b26;
+ --rail-border: rgba(22, 27, 38, 0.08);
+ --rail-hover: rgba(22, 27, 38, 0.05);
+ --rail-active: rgba(86, 115, 140, 0.15);
+ --rail-accent: #56738c;
+ --slate: #e8edf2;
+ /* Materials. Glass is only for the functional layer (sidebar, toolbar, popovers, dialogs). */
+ --glass-regular: rgba(248, 249, 251, 0.68);
+ --glass-thick: rgba(252, 252, 253, 0.86);
+ --glass-stroke: rgba(255, 255, 255, 0.8);
+ --glass-hairline: rgba(22, 27, 38, 0.09);
+ --glass-specular: inset 0 1px 0 rgba(255, 255, 255, 0.95), inset 0 0 0 1px rgba(255, 255, 255, 0.4);
+ --glass-shadow: 0 1px 2px rgba(22, 27, 38, 0.06), 0 14px 36px -16px rgba(22, 27, 38, 0.24);
+ --glass-filter: blur(22px) saturate(1.7);
+ --canvas-wash:
+ radial-gradient(70% 55% at 0% 0%, rgba(86, 115, 140, 0.12), transparent 62%),
+ radial-gradient(55% 45% at 100% 100%, rgba(236, 229, 213, 0.5), transparent 70%);
/* 宣纸: manuscript surfaces are the only warm tone, so writing reads apart from tooling. */
--paper: #fbf8f1;
--paper-line: #ece5d5;
@@ -79,10 +90,11 @@
--space-12: 48px;
--radius-xs: 4px;
- --radius-sm: 6px;
- --radius-md: 8px;
- --radius-lg: 12px;
- --radius-xl: 16px;
+ --radius-sm: 8px;
+ --radius-md: 10px;
+ --radius-lg: 14px;
+ --radius-xl: 20px;
+ --radius-panel: 18px;
--radius-pill: 999px;
/* Motion: decelerate for entrances, standard for moves, a light spring only for things that travel. */
@@ -96,7 +108,7 @@
--duration-base: 180ms;
--duration-slow: 280ms;
--duration-slower: 380ms;
- --stagger-step: 45ms;
+ --stagger-step: 24ms;
--rail-width: 248px;
--topbar-height: 56px;
@@ -145,11 +157,26 @@
--color-info: #b7aed6;
--color-info-soft: #25222f;
/* In dark mode the rail sits a step above the page instead of below it. */
- --sidebar: #121722;
- --sidebar-soft: #1a2030;
- --rail-muted: #8891a3;
+ --sidebar: #171c26;
+ --sidebar-soft: #1f2532;
+ --rail-text: #b9c0cd;
+ --rail-muted: #929aab;
+ --rail-strong: #edf0f5;
--rail-border: rgba(255, 255, 255, 0.08);
- --slate: #161e2a;
+ --rail-hover: rgba(255, 255, 255, 0.05);
+ --rail-active: rgba(168, 188, 207, 0.16);
+ --rail-accent: #a8bccf;
+ --slate: #1d2632;
+ --glass-regular: rgba(28, 34, 45, 0.64);
+ --glass-thick: rgba(31, 37, 49, 0.88);
+ --glass-stroke: rgba(255, 255, 255, 0.09);
+ --glass-hairline: rgba(0, 0, 0, 0.45);
+ --glass-specular: inset 0 1px 0 rgba(255, 255, 255, 0.07);
+ --glass-shadow: 0 1px 2px rgba(0, 0, 0, 0.4), 0 16px 38px -16px rgba(0, 0, 0, 0.8);
+ --glass-filter: blur(22px) saturate(1.5);
+ --canvas-wash:
+ radial-gradient(70% 55% at 0% 0%, rgba(168, 188, 207, 0.08), transparent 62%),
+ radial-gradient(55% 45% at 100% 100%, rgba(120, 104, 80, 0.08), transparent 70%);
--paper: #1d1c1a;
--paper-line: #2d2b27;
--paper-ink: #ebe5d8;
@@ -189,11 +216,26 @@
--color-info: #b7aed6;
--color-info-soft: #25222f;
/* In dark mode the rail sits a step above the page instead of below it. */
- --sidebar: #121722;
- --sidebar-soft: #1a2030;
- --rail-muted: #8891a3;
+ --sidebar: #171c26;
+ --sidebar-soft: #1f2532;
+ --rail-text: #b9c0cd;
+ --rail-muted: #929aab;
+ --rail-strong: #edf0f5;
--rail-border: rgba(255, 255, 255, 0.08);
- --slate: #161e2a;
+ --rail-hover: rgba(255, 255, 255, 0.05);
+ --rail-active: rgba(168, 188, 207, 0.16);
+ --rail-accent: #a8bccf;
+ --slate: #1d2632;
+ --glass-regular: rgba(28, 34, 45, 0.64);
+ --glass-thick: rgba(31, 37, 49, 0.88);
+ --glass-stroke: rgba(255, 255, 255, 0.09);
+ --glass-hairline: rgba(0, 0, 0, 0.45);
+ --glass-specular: inset 0 1px 0 rgba(255, 255, 255, 0.07);
+ --glass-shadow: 0 1px 2px rgba(0, 0, 0, 0.4), 0 16px 38px -16px rgba(0, 0, 0, 0.8);
+ --glass-filter: blur(22px) saturate(1.5);
+ --canvas-wash:
+ radial-gradient(70% 55% at 0% 0%, rgba(168, 188, 207, 0.08), transparent 62%),
+ radial-gradient(55% 45% at 100% 100%, rgba(120, 104, 80, 0.08), transparent 70%);
--paper: #1d1c1a;
--paper-line: #2d2b27;
--paper-ink: #ebe5d8;
@@ -208,6 +250,34 @@
}
}
+/* Increase Contrast: stronger separators and secondary text (HIG: supply a high-contrast variant). */
+@media (prefers-contrast: more) {
+ :root {
+ --color-border: #9aa3b1;
+ --color-text-muted: #3f4757;
+ --color-text-secondary: #2c3343;
+ --glass-regular: var(--sidebar);
+ --glass-thick: var(--color-surface-elevated);
+ --rail-border: rgba(22, 27, 38, 0.3);
+ }
+
+ :root[data-theme="dark"] {
+ --color-border: #5a6478;
+ --color-text-muted: #c3c9d4;
+ --color-text-secondary: #d6dbe3;
+ --rail-border: rgba(255, 255, 255, 0.3);
+ }
+}
+
+/* Reduce Transparency: glass falls back to solid surfaces. */
+@media (prefers-reduced-transparency: reduce) {
+ :root {
+ --glass-regular: var(--sidebar);
+ --glass-thick: var(--color-surface-elevated);
+ --glass-filter: none;
+ }
+}
+
* {
box-sizing: border-box;
}
@@ -220,7 +290,7 @@ body,
body {
margin: 0;
- background: var(--bg);
+ background: var(--canvas-wash) fixed, var(--bg);
color: var(--ink);
min-width: min(1024px, 100%);
font-size: var(--text-md);
@@ -493,13 +563,37 @@ tbody tr:hover,
animation-timing-function: var(--ease-in-out);
}
+/* Reduce Motion (HIG): keep brief fades, drop travel, scaling and repeating pulses. */
@media (prefers-reduced-motion: reduce) {
+ :root {
+ --ease-spring: var(--ease-standard);
+ --ease-emphasized: var(--ease-standard);
+ }
+
+ @keyframes nd-rise-in { from { opacity: 0; } }
+ @keyframes nd-pop-in { from { opacity: 0; } }
+ @keyframes nd-slide-up { from { opacity: 0; } }
+ @keyframes nd-pop-out { to { opacity: 0; } }
+ @keyframes nd-pulse-ring { from, to { box-shadow: none; } }
+
*,
*::before,
*::after {
scroll-behavior: auto !important;
- transition-duration: 0.01ms !important;
- animation-duration: 0.01ms !important;
- animation-iteration-count: 1 !important;
+ transition-property: opacity, color, background-color, border-color, box-shadow !important;
+ transition-duration: 120ms !important;
+ animation-delay: 0ms !important;
+ animation-duration: 160ms !important;
+ }
+
+ .spin,
+ .loading-screen::before,
+ .view-loading::before {
+ animation-duration: 1.6s !important;
+ }
+
+ ::view-transition-old(root),
+ ::view-transition-new(root) {
+ animation: none;
}
}
diff --git a/src/renderer/src/styles/components.css b/src/renderer/src/styles/components.css
index 6826dec..2183eea 100644
--- a/src/renderer/src/styles/components.css
+++ b/src/renderer/src/styles/components.css
@@ -1,3 +1,5 @@
+@import '../components/HardCanonAuditPanel.css';
+
/* Shared components for the Ink Desk system. Views compose these; view sheets only add layout. */
/* ---------- Actions ---------- */
@@ -17,9 +19,9 @@
align-items: center;
justify-content: center;
gap: 7px;
- min-height: 36px;
- border-radius: var(--radius-md);
- padding: 7px 14px;
+ min-height: 34px;
+ border-radius: var(--radius-pill);
+ padding: 6px 16px;
font-size: var(--text-sm);
font-weight: 600;
line-height: 1.3;
@@ -36,7 +38,7 @@
border: 1px solid transparent;
background: var(--color-accent-strong);
color: var(--color-on-accent);
- box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.14), 0 1px 2px rgba(23, 27, 36, 0.12);
+ box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.22), 0 1px 2px rgba(22, 27, 38, 0.14), 0 6px 16px -10px var(--color-accent-strong);
}
.primary-button:hover:not(:disabled) {
@@ -57,19 +59,23 @@
background: var(--color-surface-elevated);
color: var(--ink);
border: 1px solid var(--line);
- box-shadow: var(--shadow-card);
+ box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.6), var(--shadow-card);
}
.ghost-button {
- background: transparent;
+ border-color: transparent;
+ background: var(--hover);
box-shadow: none;
}
/* Quiet commands stay neutral on hover; jade is reserved for the primary action and current state. */
-.secondary-button:hover:not(:disabled),
-.ghost-button:hover:not(:disabled) {
+.secondary-button:hover:not(:disabled) {
border-color: var(--color-border-strong);
- background: var(--hover);
+ color: var(--ink);
+}
+
+.ghost-button:hover:not(:disabled) {
+ background: var(--pressed);
color: var(--ink);
}
@@ -102,7 +108,7 @@ button:disabled {
.panel {
background: var(--surface);
border: 1px solid var(--line);
- border-radius: var(--radius-lg);
+ border-radius: var(--radius-panel);
box-shadow: var(--shadow-card);
padding: 20px;
}
@@ -148,7 +154,7 @@ button:disabled {
.section-card {
background: var(--surface);
border: 1px solid var(--line);
- border-radius: var(--radius-lg);
+ border-radius: var(--radius-panel);
box-shadow: var(--shadow-card);
padding: 20px;
}
@@ -262,7 +268,7 @@ button:disabled {
.notice {
position: relative;
margin-bottom: 16px;
- padding: 11px 14px 11px 16px;
+ padding: 11px 16px;
border: 1px solid color-mix(in srgb, var(--color-info) 24%, var(--line));
border-radius: var(--radius-md);
background: var(--color-info-soft);
@@ -273,11 +279,7 @@ button:disabled {
}
.notice::before {
- content: "";
- position: absolute;
- inset: 0 auto 0 0;
- width: 3px;
- background: var(--color-info);
+ content: none;
}
.notice.warning {
@@ -298,14 +300,12 @@ button:disabled {
display: grid;
justify-items: center;
gap: 4px;
- border: 1px dashed var(--color-border-strong);
+ border: 0;
border-radius: var(--radius-lg);
- padding: 32px 24px;
+ padding: 36px 24px;
text-align: center;
color: var(--muted);
- background:
- repeating-linear-gradient(0deg, transparent 0 27px, color-mix(in srgb, var(--line) 55%, transparent) 27px 28px),
- color-mix(in srgb, var(--color-surface-soft) 50%, transparent);
+ background: var(--hover);
}
.empty-state h2 {
@@ -343,10 +343,11 @@ button:disabled {
.confirm-dialog {
width: min(460px, 100%);
max-height: calc(100dvh - 48px);
- border: 1px solid var(--line);
- border-radius: var(--radius-xl);
- background: var(--color-surface-elevated);
- box-shadow: var(--shadow-overlay);
+ border: 1px solid var(--glass-stroke);
+ border-radius: 22px;
+ background: var(--glass-thick);
+ backdrop-filter: var(--glass-filter);
+ box-shadow: var(--glass-specular), 0 0 0 1px var(--glass-hairline), var(--shadow-overlay);
padding: 24px;
display: flex;
flex-direction: column;
@@ -354,9 +355,8 @@ button:disabled {
animation: nd-pop-in var(--duration-slow) var(--ease-emphasized) backwards;
}
-.confirm-dialog.danger {
- border-color: color-mix(in srgb, var(--color-danger) 34%, transparent);
- box-shadow: var(--shadow-overlay), inset 0 3px 0 var(--color-danger);
+.confirm-dialog.danger h2 {
+ color: var(--color-danger);
}
.confirm-dialog h2 {
@@ -381,6 +381,10 @@ button:disabled {
justify-content: flex-end;
}
+.confirm-dialog .row-actions button {
+ min-width: 96px;
+}
+
/* ---------- Layout helpers ---------- */
.workspace-grid {
display: grid;
@@ -691,7 +695,7 @@ button:disabled {
min-width: 0;
background: var(--surface);
border: 1px solid var(--line);
- border-radius: var(--radius-lg);
+ border-radius: var(--radius-panel);
box-shadow: var(--shadow-card);
padding: 16px 18px;
overflow: hidden;
@@ -709,11 +713,9 @@ button:disabled {
background: transparent;
}
-.stat-card.accent::after { background: var(--color-accent); }
-.stat-card.success::after { background: var(--color-success-mark); }
-.stat-card.warning::after { background: var(--color-warning); }
-.stat-card.danger::after { background: var(--color-danger); }
-.stat-card.info::after { background: var(--color-info); }
+.stat-card.success strong { color: var(--color-success); }
+.stat-card.warning strong { color: var(--color-warning); }
+.stat-card.danger strong { color: var(--color-danger); }
.stat-card span,
.metric span,
@@ -953,10 +955,11 @@ button:disabled {
gap: 8px;
padding: 10px;
overflow: auto;
- border: 1px solid color-mix(in srgb, var(--color-accent) 22%, var(--line));
+ border: 1px solid var(--glass-stroke);
border-radius: var(--radius-lg);
- background: var(--color-surface-elevated);
- box-shadow: var(--shadow-popover);
+ background: var(--glass-thick);
+ backdrop-filter: var(--glass-filter);
+ box-shadow: var(--glass-specular), 0 0 0 1px var(--glass-hairline), var(--shadow-popover);
transform-origin: top left;
animation: nd-pop-in var(--duration-base) var(--ease-out) backwards;
}
@@ -987,10 +990,11 @@ button:disabled {
.ai-rewrite-menu-actions button {
width: 100%;
- min-height: 34px;
+ min-height: 32px;
justify-content: flex-start;
text-align: left;
border-color: transparent;
+ border-radius: calc(var(--radius-lg) - 6px);
background: transparent;
box-shadow: none;
}
@@ -1018,11 +1022,12 @@ button:disabled {
max-height: calc(100dvh - 40px);
display: flex;
flex-direction: column;
- border: 1px solid var(--line);
- border-radius: var(--radius-xl);
- background: var(--color-surface-elevated);
+ border: 1px solid var(--glass-stroke);
+ border-radius: 22px;
+ background: var(--glass-thick);
+ backdrop-filter: var(--glass-filter);
color: var(--ink);
- box-shadow: var(--shadow-overlay);
+ box-shadow: var(--glass-specular), 0 0 0 1px var(--glass-hairline), var(--shadow-overlay);
overflow: hidden;
animation: nd-slide-up var(--duration-slow) var(--ease-out) backwards;
}
@@ -1043,8 +1048,8 @@ button:disabled {
.ai-rewrite-result-header span,
.ai-rewrite-result-status { color: var(--color-text-muted); font-size: var(--text-xs); }
.ai-rewrite-result-controls { justify-content: space-between; padding-block: 8px; }
-.ai-rewrite-result-controls .tab-row { margin: 0; display: flex; gap: 2px; padding: 3px; border: 1px solid var(--line); border-radius: var(--radius-md); background: var(--color-surface-soft); }
-.ai-rewrite-result-controls .tab-row button { min-height: 28px; padding: 4px 10px; border: 0; border-radius: var(--radius-sm); background: transparent; color: var(--muted); font: inherit; font-size: var(--text-xs); transition: background var(--duration-fast) ease, color var(--duration-fast) ease; }
+.ai-rewrite-result-controls .tab-row { margin: 0; display: flex; gap: 2px; padding: 3px; border: 0; border-radius: var(--radius-pill); background: var(--pressed); }
+.ai-rewrite-result-controls .tab-row button { min-height: 28px; padding: 4px 12px; border: 0; border-radius: var(--radius-pill); background: transparent; color: var(--muted); font: inherit; font-size: var(--text-xs); transition: background var(--duration-fast) ease, color var(--duration-fast) ease; }
.ai-rewrite-result-controls .tab-row button.active { background: var(--color-surface-elevated); color: var(--ink); box-shadow: 0 1px 2px rgba(23, 27, 36, 0.12); }
.ai-rewrite-result-content { min-height: 0; overflow: auto; padding: 0 16px 12px; }
.ai-rewrite-result-content pre { white-space: pre-wrap; overflow-wrap: anywhere; max-height: 180px; overflow: auto; padding: 10px 12px; border-radius: var(--radius-md); background: var(--paper); color: var(--paper-ink); font-family: var(--font-prose); font-size: 15px; line-height: 1.85; }
@@ -1052,7 +1057,7 @@ button:disabled {
.ai-rewrite-result-text { width: 100%; min-height: 180px; max-height: 45dvh; resize: vertical; border-color: var(--paper-line); background: var(--paper); color: var(--paper-ink); font-family: var(--font-prose); font-size: 15px; line-height: 1.85; }
.ai-rewrite-result-refine { display: flex; gap: 8px; margin-top: 10px; }
.ai-rewrite-result-refine input { flex: 1; min-width: 0; }
-.ai-rewrite-result-footer { border-top: 1px solid var(--line); justify-content: flex-end; background: var(--color-surface-soft); }
+.ai-rewrite-result-footer { border-top: 1px solid var(--glass-hairline); justify-content: flex-end; }
.ai-rewrite-result-panel.collapsed { width: min(300px, calc(100vw - 40px)); }
.ai-rewrite-result-panel.collapsed .ai-rewrite-result-header { border-bottom: 0; }
@@ -1254,7 +1259,7 @@ details[open] > :not(summary) {
animation: nd-pop-out 160ms var(--ease-in) forwards;
}
-/* Lists of cards arrive one after another; the delay caps at the eighth item so long lists stay quick. */
+/* Lists of cards arrive one after another; the delay caps at the sixth item so the whole list lands within ~150ms. */
:is(.home-project-list, .inbox-event-list, .hard-canon-list, .timeline-list, .director-progress-list, .stage-summary-view .summary-list) > * {
animation: nd-rise-in var(--duration-slow) var(--ease-out) backwards;
animation-delay: calc(var(--stagger-i, 0) * var(--stagger-step));
@@ -1264,6 +1269,4 @@ details[open] > :not(summary) {
:is(.home-project-list, .inbox-event-list, .hard-canon-list, .timeline-list, .director-progress-list, .stage-summary-view .summary-list) > :nth-child(3) { --stagger-i: 2; }
:is(.home-project-list, .inbox-event-list, .hard-canon-list, .timeline-list, .director-progress-list, .stage-summary-view .summary-list) > :nth-child(4) { --stagger-i: 3; }
:is(.home-project-list, .inbox-event-list, .hard-canon-list, .timeline-list, .director-progress-list, .stage-summary-view .summary-list) > :nth-child(5) { --stagger-i: 4; }
-:is(.home-project-list, .inbox-event-list, .hard-canon-list, .timeline-list, .director-progress-list, .stage-summary-view .summary-list) > :nth-child(6) { --stagger-i: 5; }
-:is(.home-project-list, .inbox-event-list, .hard-canon-list, .timeline-list, .director-progress-list, .stage-summary-view .summary-list) > :nth-child(7) { --stagger-i: 6; }
-:is(.home-project-list, .inbox-event-list, .hard-canon-list, .timeline-list, .director-progress-list, .stage-summary-view .summary-list) > :nth-child(n + 8) { --stagger-i: 7; }
+:is(.home-project-list, .inbox-event-list, .hard-canon-list, .timeline-list, .director-progress-list, .stage-summary-view .summary-list) > :nth-child(n + 6) { --stagger-i: 5; }
diff --git a/src/renderer/src/styles/features/writing-workspace.css b/src/renderer/src/styles/features/writing-workspace.css
index b8060e8..33a40fb 100644
--- a/src/renderer/src/styles/features/writing-workspace.css
+++ b/src/renderer/src/styles/features/writing-workspace.css
@@ -1,7 +1,7 @@
/* Writing routes share the application palette; only their chrome is denser so prose gets the room. */
.app-shell[data-writing-workspace="true"] {
--topbar-height: 48px;
- --workspace-sticky-offset: 60px;
+ --workspace-sticky-offset: 64px;
--shadow-card: none;
--shadow-soft: none;
--shadow: none;
diff --git a/src/renderer/src/styles/views/book-progress.css b/src/renderer/src/styles/views/book-progress.css
new file mode 100644
index 0000000..eaf0134
--- /dev/null
+++ b/src/renderer/src/styles/views/book-progress.css
@@ -0,0 +1,105 @@
+.book-progress {
+ min-width: 0;
+ padding: 8px 0;
+ border-bottom: 1px solid var(--line);
+ font-size: var(--text-sm);
+ font-variant-numeric: tabular-nums;
+}
+.book-progress-bar, .book-progress-switches, .book-progress-goal, .book-progress-ranges, .book-progress-results,
+.book-progress-form, .book-progress-actions, .book-progress-pages {
+ display: flex;
+ flex-wrap: wrap;
+ align-items: center;
+ gap: 6px 14px;
+}
+.book-progress-bar { justify-content: space-between; gap: 4px 16px; }
+.book-progress h2 { margin: 0; font-size: var(--text-md); }
+.book-progress h2 button, .book-progress-icon, .book-progress-link, .book-progress-actions button {
+ display: inline-flex;
+ align-items: center;
+ justify-content: center;
+ gap: 8px;
+ min-height: 32px;
+ padding: 3px 6px;
+ border: 0;
+ border-radius: var(--radius-sm);
+ background: transparent;
+ color: var(--color-accent-strong);
+ font: inherit;
+}
+.book-progress h2 button { padding-inline-start: 0; color: var(--ink); font-weight: 650; }
+.book-progress h2 svg { color: var(--color-accent-strong); flex: none; }
+.book-progress h2 button[aria-expanded="true"] svg:last-child { transform: rotate(180deg); }
+.book-progress-icon { width: 32px; flex: none; }
+.book-progress :is(h2 button, .book-progress-link, .book-progress-icon, .book-progress-actions button):hover:not(:disabled) {
+ background: var(--hover);
+}
+.book-progress-goal, .book-progress-ranges > span, .book-progress-results > span, .book-progress-pages {
+ color: var(--muted);
+ font-size: var(--text-xs);
+}
+.book-progress-goal { gap: 4px 10px; }
+.book-progress-goal strong { color: var(--ink); font-weight: 600; }
+.book-progress-list { padding: 6px 0 12px; }
+.book-progress-summary { display: flex; flex-wrap: wrap; gap: 12px 40px; margin: 8px 0; }
+.book-progress-summary dt, .book-progress-table th > span, .book-progress-table td small {
+ display: block;
+ color: var(--muted);
+ font-size: var(--text-xs);
+ font-weight: 400;
+}
+.book-progress-summary dd { margin: 4px 0 0; color: var(--ink); font-size: var(--text-lg); font-weight: 600; }
+.book-progress-ranges { gap: 2px 6px; margin: 5px 0; }
+.book-progress-ranges > span { margin-right: 6px; }
+.book-progress-ranges strong { font-size: var(--text-xs); font-weight: 500; }
+.book-progress-form { align-items: end; padding: 12px 0; }
+.book-progress-form label { display: grid; gap: 4px; color: var(--muted); font-size: var(--text-xs); }
+.book-progress-form input[type="number"] { width: 10em; max-width: 100%; min-height: 34px; }
+.book-progress-form .book-progress-check { display: flex; align-items: center; gap: 6px; min-height: 34px; color: var(--ink); }
+.book-progress-form [role="alert"] { flex-basis: 100%; margin: 2px 0; color: var(--danger); }
+.book-progress-filters { margin-top: 12px; border-block: 1px solid var(--line); }
+.book-progress-filters input[type="number"] { width: 7em; }
+.book-progress-results { margin: 12px 0 4px; }
+.book-progress-table { width: 100%; table-layout: fixed; border-collapse: collapse; }
+.book-progress-table th, .book-progress-table td { padding: 8px 6px; text-align: left; overflow-wrap: anywhere; }
+.book-progress-table thead th { border-bottom: 1px solid var(--line); color: var(--muted); font-size: var(--text-xs); font-weight: 500; }
+.book-progress-table thead th:first-child { width: 35%; }
+.book-progress-table thead th:nth-child(3) { width: 12%; }
+.book-progress-table thead th:last-child { width: 22%; }
+.book-progress-table tbody tr { border-bottom: 1px solid var(--line); }
+.book-progress-table th strong { display: block; margin-top: 2px; font-weight: 600; }
+.book-progress-table td small { margin-top: 4px; }
+.book-progress-count { font-family: var(--font-mono); }
+.book-progress-actions { gap: 2px; }
+.book-progress-failure { margin-top: 5px; font-size: var(--text-xs); }
+.book-progress-failure summary { cursor: pointer; color: var(--danger); }
+.book-progress-failure time { display: block; margin-top: 4px; color: var(--muted); }
+.book-progress-failure p, .book-progress-empty { margin: 6px 0; }
+.book-progress-pages { justify-content: flex-end; margin-top: 8px; }
+.book-continuity-panel { min-width: 0; padding-bottom: 10px; }
+.book-continuity-panel select { min-height: 34px; }
+.book-audit-findings, .book-audit-evidence { margin: 0; padding: 0; list-style: none; overflow-wrap: anywhere; }
+.book-audit-findings > li { padding: 12px 0; border-bottom: 1px solid var(--line); }
+.book-audit-heading { display: flex; align-items: baseline; flex-wrap: wrap; gap: 4px 10px; }
+.book-audit-heading > span:not(.status-badge), .book-audit-version { color: var(--muted); font-size: var(--text-xs); }
+.book-audit-heading h3 { margin: 0; font-size: var(--text-sm); }
+.book-audit-reason { margin: 5px 0 8px; }
+.book-audit-evidence { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 15rem), 1fr)); gap: 10px 16px; }
+.book-audit-evidence li { min-width: 0; padding-inline-start: 10px; border-inline-start: 2px solid var(--line); }
+.book-audit-evidence button { padding-inline: 0; }
+.book-audit-source { display: flex; align-items: baseline; gap: 4px 12px; }
+.book-audit-source button { flex: none; }
+.book-audit-version { min-width: 0; }
+.book-audit-version summary { width: fit-content; padding: 6px 2px; cursor: pointer; }
+.book-audit-version dl { margin: 0 0 6px; }
+.book-audit-version dd { margin: 1px 0 4px; color: var(--ink); }
+.book-audit-evidence blockquote, .book-audit-evidence p { margin: 2px 0 4px; white-space: pre-wrap; }
+@container (max-width: 560px) {
+ .book-progress-bar { align-items: start; flex-direction: column; }
+ .book-progress-form { gap: 6px 8px; }
+ .book-progress-table th, .book-progress-table td { padding: 7px 3px; }
+ .book-progress-table thead th:first-child { width: 27%; }
+ .book-progress-table thead th:nth-child(3) { width: 15%; }
+ .book-progress-table thead th:last-child { width: 21%; }
+ .book-progress-actions button { padding-inline: 2px; font-size: var(--text-xs); }
+}
diff --git a/src/renderer/src/styles/views/characters.css b/src/renderer/src/styles/views/characters.css
index d4205c8..f59ad39 100644
--- a/src/renderer/src/styles/views/characters.css
+++ b/src/renderer/src/styles/views/characters.css
@@ -163,3 +163,19 @@
.character-form-status:empty {
margin-block: 0;
}
+
+.character-card-review { display: grid; gap: 10px; border-bottom: 1px solid var(--line); padding-bottom: 18px; margin-bottom: 20px; }
+.character-card-review h2, .character-card-review p, .character-card-review dl, .character-card-review dd { margin: 0; }
+.character-card-review select { width: 100%; max-width: 34rem; }
+.character-card-review dl { display: flex; flex-wrap: wrap; gap: 10px 28px; }
+.character-card-review dt { color: var(--muted); font-size: 12px; }
+.character-card-review dd { margin-top: 3px; font-weight: 600; }
+.character-card-review p, .character-review-evidence article { overflow-wrap: anywhere; }
+.character-card-fields { margin-block: 16px; }
+.character-card-fields summary, .character-review-evidence summary { cursor: pointer; color: var(--accent); padding-block: 6px; }
+.character-review-evidence article { border-left: 2px solid var(--line); padding-inline-start: 12px; margin-block: 10px; }
+.character-review-evidence blockquote { margin: 6px 0; white-space: pre-wrap; }
+.character-review-form { padding: 0; margin: 0; border: 0; min-width: 0; }
+.character-review-form legend { margin-bottom: 12px; color: var(--color-accent-strong); }
+.character-review-form > .panel { background: transparent; border: 0; padding: 0; box-shadow: none; }
+.character-card-review button, .character-review-form .row-actions button { display: inline-flex; align-items: center; gap: 5px; }
diff --git a/src/renderer/src/styles/views/dashboard.css b/src/renderer/src/styles/views/dashboard.css
index 675d430..18aa0d5 100644
--- a/src/renderer/src/styles/views/dashboard.css
+++ b/src/renderer/src/styles/views/dashboard.css
@@ -1,4 +1,4 @@
-/* Director dashboard: ink slate for the next move, a manuscript sheet, and a progress timeline. */
+/* Director dashboard: a hero card for the next move, a manuscript sheet, and a progress timeline. */
.dashboard-view {
container-type: inline-size;
min-width: 0;
@@ -8,12 +8,10 @@
.dashboard-view :is(h1, h2, h3, p, strong, small, button) { overflow-wrap: anywhere; }
-/* Load sequence: title, then the slate, then figures, then the desk — each a beat behind the last. */
-.dashboard-view > * { animation: nd-rise-in 420ms var(--ease-out) backwards; }
-.dashboard-view > :nth-child(2) { animation-delay: 70ms; }
-.dashboard-view > :nth-child(3) { animation-delay: 140ms; }
-.dashboard-view > :nth-child(4) { animation-delay: 190ms; }
-.dashboard-view > :nth-child(n + 5) { animation-delay: 240ms; }
+/* A short settle: sections arrive a beat apart, the whole sequence stays under 300ms. */
+.dashboard-view > * { animation: nd-rise-in 240ms var(--ease-out) backwards; }
+.dashboard-view > :nth-child(2) { animation-delay: 30ms; }
+.dashboard-view > :nth-child(n + 3) { animation-delay: 60ms; }
.dashboard-view button:disabled { cursor: default; opacity: .6; }
.director-heading {
@@ -46,19 +44,19 @@
.director-project-meta { display: grid; justify-items: end; flex-shrink: 0; gap: 8px; padding-bottom: 4px; }
.director-project-meta > span:last-child { color: var(--color-text-muted); font-size: var(--text-xs); }
-/* The slate borrows the rail's ink so the primary decision reads as part of the instrument. */
+/* Hero card: solid content material with a quiet accent wash; colour is saved for the one prominent button. */
.director-action-area {
position: relative;
display: grid;
grid-template-columns: 148px minmax(0, 1fr) minmax(220px, .62fr);
gap: 0;
align-items: stretch;
- border: 1px solid var(--rail-border);
+ border: 1px solid var(--line);
border-radius: var(--radius-xl);
- color: var(--rail-text);
+ color: var(--ink);
background:
- radial-gradient(60% 120% at 12% 0%, rgba(169, 191, 211, 0.16), transparent 62%),
- var(--slate);
+ radial-gradient(70% 140% at 0% 0%, color-mix(in srgb, var(--color-accent) 14%, transparent), transparent 65%),
+ var(--surface);
box-shadow: var(--shadow-raised);
overflow: hidden;
}
@@ -68,58 +66,46 @@
flex-direction: column;
justify-content: center;
gap: 2px;
- padding: 26px 24px;
- border-right: 1px solid var(--rail-border);
+ padding: 24px;
+ border-right: 1px solid var(--line);
}
.director-current-chapter > span,
-.director-current-chapter small { color: var(--rail-muted); font-size: 11px; letter-spacing: 0.08em; }
+.director-current-chapter small { color: var(--color-text-muted); font-size: 11px; }
.director-current-chapter strong {
- color: var(--rail-accent);
- font: 600 64px/1.05 var(--font-mono);
+ color: var(--color-accent-strong);
+ font: 700 60px/1.05 var(--font-display);
font-variant-numeric: tabular-nums;
letter-spacing: -0.04em;
- text-shadow: 0 0 28px rgba(169, 191, 211, 0.35);
- animation: director-figure-in 640ms var(--ease-out) 220ms backwards;
}
.director-next-action {
- padding: 26px 28px;
+ padding: 24px 28px;
}
-.director-next-action .director-eyebrow { color: var(--rail-accent); }
-.director-next-action h2 { margin: 0; color: var(--rail-strong); font-size: var(--text-2xl); font-weight: 650; line-height: 1.4; }
-.director-next-action > p:not(.director-eyebrow) { max-width: 54ch; margin: 10px 0 20px; color: var(--rail-text); font-size: var(--text-sm); line-height: 1.7; }
+.director-next-action .director-eyebrow { color: var(--color-text-muted); }
+.director-next-action h2 { margin: 0; color: var(--ink); font-size: var(--text-2xl); font-weight: 700; line-height: 1.35; letter-spacing: -0.01em; }
+.director-next-action > p:not(.director-eyebrow) { max-width: 54ch; margin: 8px 0 18px; color: var(--muted); font-size: var(--text-sm); line-height: 1.65; }
.director-primary-action {
display: inline-flex;
justify-content: space-between;
align-items: center;
- gap: 28px;
- min-height: 42px;
+ gap: 24px;
+ min-height: 38px;
max-width: 100%;
padding-inline: 18px 16px;
- border: 0;
- background: var(--rail-accent);
- color: #111a26;
- box-shadow: 0 8px 22px -10px rgba(169, 191, 211, 0.8);
}
-.director-primary-action:hover:not(:disabled) {
- background: color-mix(in srgb, var(--rail-accent) 86%, white);
- box-shadow: 0 10px 26px -10px rgba(169, 191, 211, 0.9);
-}
-
-.director-primary-action span { font-size: var(--text-xl); }
+.director-primary-action span { font-size: var(--text-lg); }
+/* Secondary moves read as a grouped list, inset like a macOS settings group. */
.director-secondary-actions {
display: grid;
align-content: center;
- gap: 6px;
- padding: 18px;
- border-left: 1px solid var(--rail-border);
- background: rgba(255, 255, 255, 0.02);
+ padding: 14px;
+ border-left: 1px solid var(--line);
}
.director-secondary-actions button {
@@ -127,25 +113,28 @@
align-items: center;
justify-content: space-between;
gap: 16px;
- padding: 12px 14px;
- border: 1px solid var(--rail-border);
+ padding: 11px 12px;
+ border: 0;
border-radius: var(--radius-md);
- background: rgba(255, 255, 255, 0.03);
- color: var(--rail-strong);
+ background: transparent;
+ color: var(--ink);
text-align: left;
- transition:
- background var(--duration-fast) ease,
- border-color var(--duration-fast) ease;
+ transition: background var(--duration-fast) ease;
+}
+
+.director-secondary-actions button + button {
+ box-shadow: 0 -1px 0 var(--line);
+ border-top-left-radius: 0;
+ border-top-right-radius: 0;
}
.director-secondary-actions button:hover:not(:disabled) {
- border-color: rgba(169, 191, 211, 0.36);
- background: rgba(169, 191, 211, 0.08);
+ background: var(--hover);
}
-.director-secondary-actions strong { display: block; font-size: var(--text-sm); }
-.director-secondary-actions small { display: block; margin-top: 4px; color: var(--rail-muted); font-size: var(--text-xs); line-height: 1.55; }
-.director-secondary-actions button > span:last-child { color: var(--rail-accent); font-size: var(--text-lg); flex-shrink: 0; }
+.director-secondary-actions strong { display: block; font-size: var(--text-sm); font-weight: 600; }
+.director-secondary-actions small { display: block; margin-top: 3px; color: var(--color-text-muted); font-size: var(--text-xs); line-height: 1.5; }
+.director-secondary-actions button > span:last-child { color: var(--color-text-muted); font-size: var(--text-lg); flex-shrink: 0; }
.director-feedback { margin: 12px 0 0; font-size: var(--text-sm); color: var(--color-success); }
.director-feedback.is-error { color: var(--danger); }
@@ -155,7 +144,7 @@
grid-template-columns: repeat(4, minmax(0, 1fr));
margin: 16px 0 0;
border: 1px solid var(--line);
- border-radius: var(--radius-lg);
+ border-radius: var(--radius-panel);
background: var(--surface);
box-shadow: var(--shadow-card);
}
@@ -178,7 +167,7 @@
min-width: 0;
padding: 22px 24px;
border: 1px solid var(--line);
- border-radius: var(--radius-lg);
+ border-radius: var(--radius-panel);
background: var(--surface);
box-shadow: var(--shadow-card);
}
@@ -275,19 +264,15 @@
.director-secondary-actions button > span:last-child,
.director-chapter-list button > span:last-child { display: inline-block; transition: transform var(--duration-base) var(--ease-out), color var(--duration-fast) ease; }
.director-primary-action:hover:not(:disabled) span { transform: translateX(3px); }
-.director-secondary-actions button:hover:not(:disabled) > span:last-child { transform: translate(2px, -2px); }
+.director-secondary-actions button:hover:not(:disabled) > span:last-child { color: var(--ink); transform: translateX(2px); }
.director-chapter-list button:hover:not(:disabled) > span:last-child { color: var(--accent); transform: translateX(3px); }
-@keyframes director-figure-in {
- from { opacity: 0; transform: translateY(10px); filter: blur(6px); letter-spacing: 0.04em; }
- to { opacity: 1; transform: none; filter: none; }
-}
-
@container (max-width: 900px) {
.director-action-area { grid-template-columns: 120px minmax(0, 1fr); }
- .director-secondary-actions { grid-column: 1 / -1; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); border-left: 0; border-top: 1px solid var(--rail-border); }
+ .director-secondary-actions { grid-column: 1 / -1; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); border-left: 0; border-top: 1px solid var(--line); }
+ .director-secondary-actions button + button { box-shadow: none; border-radius: var(--radius-md); }
.director-secondary-actions small { display: none; }
- .director-current-chapter strong { font-size: 52px; }
+ .director-current-chapter strong { font-size: 50px; }
.director-workspace { grid-template-columns: minmax(0, 1fr); }
}
diff --git a/src/renderer/src/styles/views/hard-canon.css b/src/renderer/src/styles/views/hard-canon.css
index 089b41d..9fc7f78 100644
--- a/src/renderer/src/styles/views/hard-canon.css
+++ b/src/renderer/src/styles/views/hard-canon.css
@@ -37,6 +37,36 @@
margin: 0;
}
+.hard-canon-check-editor,
+.hard-canon-comparison {
+ display: grid;
+ min-width: 0;
+ gap: 10px;
+ padding-top: 12px;
+ border-top: 1px solid var(--line);
+}
+
+.hard-canon-check-editor .form-grid {
+ grid-template-columns: repeat(2, minmax(0, 1fr));
+}
+
+.hard-canon-check-editor :is(input, select, textarea) {
+ min-width: 0;
+ width: 100%;
+ max-width: 100%;
+}
+
+.hard-canon-comparison,
+.hard-canon-condition {
+ color: var(--muted);
+ font-size: var(--text-sm);
+ overflow-wrap: anywhere;
+}
+
+.hard-canon-comparison p {
+ margin: 2px 0 0;
+}
+
.hard-canon-budget {
margin: 0;
color: var(--muted);
diff --git a/src/renderer/src/styles/views/home.css b/src/renderer/src/styles/views/home.css
index dd2b804..3e03710 100644
--- a/src/renderer/src/styles/views/home.css
+++ b/src/renderer/src/styles/views/home.css
@@ -1,63 +1,22 @@
-/* Project library: an ink masthead over a shelf of manuscripts. */
+/* Project library: a large-title header over a grid of manuscripts (no dark slab in the content layer). */
.home .page-header {
position: relative;
align-items: flex-end;
margin-bottom: 32px;
- padding: 36px 36px 32px;
- border: 1px solid var(--rail-border);
- border-radius: var(--radius-xl);
- color: var(--rail-strong);
- background:
- radial-gradient(70% 140% at 100% 0%, rgba(169, 191, 211, 0.18), transparent 60%),
- radial-gradient(50% 120% at 0% 100%, rgba(58, 93, 150, 0.24), transparent 70%),
- var(--slate);
- box-shadow: var(--shadow-raised);
- overflow: hidden;
+ padding: 28px 4px 8px;
animation: nd-rise-in var(--duration-slow) var(--ease-out) backwards;
}
-.home .page-header::after {
- content: "长篇小说导演台";
- position: absolute;
- right: 36px;
- top: 26px;
- color: var(--rail-muted);
- font-size: var(--text-xs);
- letter-spacing: 0.32em;
-}
-
.home .page-header h1 {
- color: var(--rail-strong);
font-size: 40px;
- letter-spacing: -0.02em;
+ font-weight: 700;
+ letter-spacing: -0.025em;
}
.home .page-header p {
- color: var(--rail-text);
font-size: var(--text-lg);
}
-.home .page-header .ghost-button {
- border-color: rgba(255, 255, 255, 0.16);
- color: var(--rail-strong);
- background: rgba(255, 255, 255, 0.04);
-}
-
-.home .page-header .ghost-button:hover:not(:disabled) {
- border-color: rgba(255, 255, 255, 0.3);
- color: var(--rail-strong);
- background: rgba(255, 255, 255, 0.1);
-}
-
-.home .page-header .primary-button {
- background: var(--rail-accent);
- color: #111a26;
-}
-
-.home .page-header .primary-button:hover:not(:disabled) {
- background: color-mix(in srgb, var(--rail-accent) 86%, white);
-}
-
.home-workspace {
display: grid;
gap: var(--space-8);
diff --git a/src/renderer/src/styles/views/inbox.css b/src/renderer/src/styles/views/inbox.css
index acad3f9..d384d0b 100644
--- a/src/renderer/src/styles/views/inbox.css
+++ b/src/renderer/src/styles/views/inbox.css
@@ -15,18 +15,18 @@
gap: 3px;
padding: 3px;
margin-bottom: 22px;
- border: 1px solid var(--line);
- border-radius: var(--radius-md);
- background: var(--color-surface-soft);
+ border: 0;
+ border-radius: var(--radius-pill);
+ background: var(--pressed);
}
.inbox-toolbar button {
display: inline-flex;
align-items: center;
gap: 6px;
- min-height: 34px;
- padding: 7px 11px;
- border-radius: var(--radius-sm);
+ min-height: 30px;
+ padding: 5px 13px;
+ border-radius: var(--radius-pill);
background: transparent;
color: var(--muted);
font-size: 12px;
diff --git a/src/renderer/src/styles/views/project-usage.css b/src/renderer/src/styles/views/project-usage.css
new file mode 100644
index 0000000..74ebbb9
--- /dev/null
+++ b/src/renderer/src/styles/views/project-usage.css
@@ -0,0 +1,38 @@
+.project-usage {
+ min-width: 0;
+ padding: 8px 0;
+ border-bottom: 1px solid var(--line);
+ color: var(--ink);
+ font-size: var(--text-sm);
+ font-variant-numeric: tabular-nums;
+}
+.project-usage h2 { margin: 0; font-size: var(--text-sm); }
+.usage-disclosure, .usage-icon {
+ display: inline-flex; align-items: center; justify-content: center; gap: 7px;
+ min-height: 32px; border: 0; background: transparent; color: inherit; cursor: pointer;
+}
+.usage-disclosure { padding: 2px 4px; font-weight: 600; }
+.usage-disclosure[aria-expanded="true"] svg:last-child { transform: rotate(180deg); }
+.usage-icon { width: 32px; padding: 0; }
+.usage-tools, .usage-rate-editor .row-actions, .usage-tools button, .usage-rate-editor .ghost-button {
+ display: flex; align-items: center; gap: 6px;
+}
+.usage-tools { flex-wrap: wrap; margin: 6px 0 10px; }
+.usage-tools > span { margin-right: auto; color: var(--muted); }
+.usage-open p, .usage-warnings { margin: 8px 0; color: var(--muted); line-height: 1.55; overflow-wrap: anywhere; }
+.usage-open [role="alert"], .usage-open .usage-warning { color: var(--danger); }
+.usage-table-scroll { max-width: 100%; overflow-x: auto; }
+.usage-table { width: 100%; min-width: 40rem; border-collapse: collapse; text-align: left; }
+.usage-table th, .usage-table td { padding: 7px 6px; border-bottom: 1px solid var(--line); vertical-align: top; }
+.usage-table thead th, .usage-table small { color: var(--muted); font-size: var(--text-xs); font-weight: 500; }
+.usage-table td small, .usage-currency { display: block; }
+.usage-table th:first-child { white-space: nowrap; }
+.usage-currency { white-space: nowrap; }
+.usage-coverage summary { width: fit-content; padding: 3px 0; cursor: pointer; }
+.usage-rate-editor { padding: 4px 0 12px; }
+.usage-rate-editor fieldset { min-width: 0; padding: 8px 0 12px; margin: 0 0 8px; border: 0; border-bottom: 1px solid var(--line); }
+.usage-rate-editor legend { padding: 0; font-weight: 600; }
+.usage-rate-fields { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 10rem), 1fr)); gap: 8px; align-items: end; }
+.usage-rate-fields label { display: grid; gap: 3px; color: var(--muted); font-size: var(--text-xs); }
+.usage-rate-fields input, .usage-rate-fields select { width: 100%; min-width: 0; min-height: 32px; }
+.usage-rate-editor .row-actions { flex-wrap: wrap; }
diff --git a/src/renderer/src/styles/views/revision.css b/src/renderer/src/styles/views/revision.css
index ac180c7..7aa8561 100644
--- a/src/renderer/src/styles/views/revision.css
+++ b/src/renderer/src/styles/views/revision.css
@@ -169,15 +169,17 @@
.revision-view .segmented-control {
display: grid;
grid-template-columns: 1fr 1fr;
- gap: 6px;
- padding: 4px;
- border: 1px solid var(--line);
- border-radius: var(--radius);
- background: var(--surface-strong);
+ gap: 2px;
+ padding: 3px;
+ border: 0;
+ border-radius: var(--radius-pill);
+ background: var(--pressed);
}
.revision-view .segmented-control button {
+ min-height: 30px;
border: 0;
+ border-radius: var(--radius-pill);
box-shadow: none;
background: transparent;
color: var(--muted);
diff --git a/src/renderer/src/styles/views/story-direction.css b/src/renderer/src/styles/views/story-direction.css
index 331b578..0ae6b96 100644
--- a/src/renderer/src/styles/views/story-direction.css
+++ b/src/renderer/src/styles/views/story-direction.css
@@ -6,9 +6,9 @@
.story-direction-view .section-heading .action-row {
gap: 2px;
padding: 3px;
- border: 1px solid var(--line);
- border-radius: var(--radius-md);
- background: var(--color-surface-soft);
+ border: 0;
+ border-radius: var(--radius-pill);
+ background: var(--pressed);
}
.story-direction-view .section-heading .action-row button {
@@ -30,9 +30,16 @@
box-shadow: 0 1px 2px rgba(23, 27, 36, 0.12), 0 0 0 1px var(--line);
}
+.story-direction-controls {
+ min-width: 0;
+ margin: 0;
+ padding: 0;
+ border: 0;
+}
+
.story-direction-view .form-grid.compact {
- max-width: 240px;
- grid-template-columns: minmax(0, 1fr);
+ max-width: 480px;
+ grid-template-columns: repeat(2, minmax(0, 1fr));
}
.story-direction-editor {
@@ -73,9 +80,9 @@
place-items: center;
width: 32px;
height: 32px;
- border-radius: var(--radius-md);
- background: var(--sidebar);
- color: var(--rail-accent);
+ border-radius: var(--radius-pill);
+ background: var(--color-accent-soft);
+ color: var(--color-accent-strong);
font-family: var(--font-mono);
font-size: var(--text-xs);
font-weight: 600;
diff --git a/src/renderer/src/utils/promptContext.ts b/src/renderer/src/utils/promptContext.ts
index 97cbe6f..0c9ee8a 100644
--- a/src/renderer/src/utils/promptContext.ts
+++ b/src/renderer/src/utils/promptContext.ts
@@ -32,6 +32,9 @@ export function selectBudgetContext(
bible: scoped.bible,
chapters: scoped.chapters,
characters: scoped.characters,
+ characterStateFacts: scoped.characterStateFacts,
+ characterStateTransactions: scoped.characterStateTransactions,
+ stateSourceChapters: scoped.allChapters,
foreshadowings: scoped.foreshadowings,
timelineEvents: scoped.timelineEvents,
stageSummaries: scoped.stageSummaries
@@ -68,6 +71,8 @@ export function buildPipelineContext(
characters: scoped.characters,
characterStateLogs: scoped.characterStateLogs,
characterStateFacts: scoped.characterStateFacts,
+ characterStateTransactions: scoped.characterStateTransactions,
+ stateSourceChapters: scoped.allChapters,
foreshadowings: scoped.foreshadowings,
timelineEvents: scoped.timelineEvents,
stageSummaries: scoped.stageSummaries,
@@ -159,6 +164,8 @@ export function buildPipelineContextResultFromSelection(
characters: promptCharacters,
characterStateLogs: isolateOpeningLegacyContext ? [] : scoped.characterStateLogs,
characterStateFacts: isolateOpeningLegacyContext ? [] : scoped.characterStateFacts,
+ characterStateTransactions: isolateOpeningLegacyContext ? [] : scoped.characterStateTransactions,
+ stateSourceChapters: scoped.allChapters,
foreshadowings: isolateOpeningLegacyContext ? [] : scoped.foreshadowings,
timelineEvents: isolateOpeningLegacyContext ? [] : scoped.timelineEvents,
stageSummaries: isolateOpeningLegacyContext ? [] : scoped.stageSummaries,
diff --git a/src/renderer/src/views/ChaptersView.tsx b/src/renderer/src/views/ChaptersView.tsx
index 555a9ca..6ce48e5 100644
--- a/src/renderer/src/views/ChaptersView.tsx
+++ b/src/renderer/src/views/ChaptersView.tsx
@@ -13,11 +13,13 @@ import {
restoreArchivedChapterInAppData
} from '../../../services/ChapterLifecycleService'
import { useConfirm } from '../components/ConfirmDialog'
+import { projectCharacterStatesAtChapter } from '../../../services/characterState/stateAsOf'
import { EmptyState } from '../components/FormFields'
import { Header } from '../components/Layout'
import { useProjectData } from '../hooks/useProjectData'
import { newId, now } from '../utils/format'
-import type { SaveDataHandler } from '../utils/saveDataState'
+import type { RunPersistedStorageOperation, SaveDataHandler } from '../utils/saveDataState'
+import { useChapterTitleActions } from './chapters/useChapterTitleActions'
import { ChapterEditorPanel } from './chapters/ChapterEditorPanel'
import { ChapterListPanel } from './chapters/ChapterListPanel'
import { buildChapterAiContext } from './chapters/chapterAiContext'
@@ -53,6 +55,8 @@ interface ProjectProps {
data: AppData
project: Project
saveData: SaveDataHandler
+ runPersistedStorageOperation?: RunPersistedStorageOperation
+ storageBlocked?: boolean
saveRevisionCommitBundle?: (buildCommit: (currentData: AppData) => { next: AppData; bundle: RevisionCommitBundle }) => Promise
initialChapterId?: ID | null
onInitialChapterConsumed?: () => void
@@ -63,6 +67,8 @@ export function ChaptersView({
data,
project,
saveData,
+ runPersistedStorageOperation,
+ storageBlocked,
saveRevisionCommitBundle,
initialChapterId,
onInitialChapterConsumed,
@@ -79,6 +85,8 @@ export function ChaptersView({
const defaultSelectedChapter = chapterListItems[0] ?? null
const [selectedId, setSelectedId] = useState(defaultSelectedChapter?.id ?? null)
const selected = chapters.find((chapter) => chapter.id === selectedId) ?? defaultSelectedChapter
+ const chapterStateFacts = useMemo(() => selected ? projectCharacterStatesAtChapter(scoped.characterStateFacts,
+ scoped.characterStateTransactions, selected.order, scoped.allChapters) : [], [selected?.order, scoped.characterStateFacts, scoped.characterStateTransactions, scoped.allChapters])
const selectedBridge = selected
? scoped.chapterContinuityBridges.find((bridge) => bridge.fromChapterId === selected.id && bridge.toChapterOrder === selected.order + 1) ?? null
: null
@@ -98,6 +106,7 @@ export function ChaptersView({
replaceWithPersistedBody
} = bodyEditor
const chapterAi = useChapterAiDrafts({
+ projectId: project.id,
settings: data.settings,
selected,
characters: scoped.characters,
@@ -107,6 +116,8 @@ export function ChaptersView({
flushBody,
setMessage: setAiMessage
})
+ const titles = useChapterTitleActions({ projectId: project.id, chapters, run: runPersistedStorageOperation, storageBlocked,
+ editorBusy: bodySaveStatus !== 'saved' || Boolean(bodyConflict || chapterAi.loadingAction), onMessage: setAiMessage })
useEffect(() => {
if (initialChapterId && chapters.some((chapter) => chapter.id === initialChapterId)) {
@@ -136,6 +147,7 @@ export function ChaptersView({
bible: scoped.bible,
chapters: scoped.chapters,
characters: scoped.characters,
+ characterStateFacts: chapterStateFacts,
foreshadowings: scoped.foreshadowings,
selectedChapter: selected
})
@@ -178,14 +190,15 @@ export function ChaptersView({
}
async function updateChapter(id: ID, patch: Partial) {
+ if ('title' in patch) return { ok: false as const, errorMessage: '请通过改名预览更改正式章名。' }
if (typeof patch.order === 'number') {
- return saveData((current) => reorderChapterInAppData(current, id, patch.order as number, now()))
+ return titles.track([id + ':order'], () => saveData((current) => reorderChapterInAppData(current, id, patch.order as number, now())))
}
- return saveData((current) => ({
+ return titles.track(Object.keys(patch).map(k => id + ':' + k), () => saveData((current) => ({
...current,
projects: updateProjectTimestamp(current, project.id),
chapters: current.chapters.map((chapter) => (chapter.id === id ? { ...chapter, ...patch, updatedAt: now() } : chapter))
- }))
+ })))
}
async function archiveChapter(id: ID) {
@@ -265,7 +278,8 @@ export function ChaptersView({
selected,
project,
characters: scoped.characters,
- characterStateFacts: scoped.characterStateFacts,
+ characterStateFacts: chapterStateFacts,
+ reviewSourceBodyHash: chapterAi.reviewSourceBodyHash,
saveData,
setCharacterSuggestions: chapterAi.setCharacterSuggestions,
setAiMessage
@@ -323,10 +337,12 @@ export function ChaptersView({
+ {titles.batchButton}
}
/>
+ {titles.dialog}
}
onUpdateChapter={(patch) => updateChapter(selected.id, patch)}
+ renameBlocked={titles.blocked} onRenameTitle={() => titles.openSingle(selected.id)}
onBodyChange={updateBodyDraft}
onApplyRewrite={async (body) => { updateBodyDraft(body); return flushBody() }}
onBodyBlur={() => {
@@ -456,12 +473,9 @@ export function ChaptersView({
selected={selected}
selectedBridge={selectedBridge}
reviewFields={reviewFields}
- onUpdateChapter={(patch) => {
- void updateChapter(selected.id, patch)
- }}
- onUpdateContinuityBridgeField={(field, value) => {
- void updateContinuityBridgeField(field, value)
- }}
+ onUpdateChapter={(patch) => updateChapter(selected.id, patch)}
+ onUpdateContinuityBridgeField={(field, value) => titles.track([selected.id + ':bridge:' + field],
+ () => updateContinuityBridgeField(field, value))}
/>
) : null}
diff --git a/src/renderer/src/views/CharactersView.tsx b/src/renderer/src/views/CharactersView.tsx
index 4b71ec3..5b3ec31 100644
--- a/src/renderer/src/views/CharactersView.tsx
+++ b/src/renderer/src/views/CharactersView.tsx
@@ -15,6 +15,8 @@ import { Header } from '../components/Layout'
import { useProjectData } from '../hooks/useProjectData'
import { newId, now } from '../utils/format'
import { CharacterFocusCard } from './characters/CharacterFocusCard'
+import { CharacterCardReviewPanel } from './characters/CharacterCardReviewPanel'
+import type { RunPersistedStorageOperation } from '../utils/saveDataState'
import { CharacterListPane } from './characters/CharacterListPane'
import { CharacterProfilePanels } from './characters/CharacterProfilePanels'
import { CharacterStateLedgerPanel } from './characters/CharacterStateLedgerPanel'
@@ -25,7 +27,10 @@ import { useCharacterWorkspaceDraft } from './characters/useCharacterWorkspaceDr
import type { ProjectProps } from './viewTypes'
import { updateProjectTimestamp } from './viewTypes'
-export function CharactersView({ data, project, saveData }: ProjectProps) {
+export function CharactersView({ data, project, saveData, runPersistedStorageOperation, onOpenChapter }: ProjectProps & {
+ runPersistedStorageOperation?: RunPersistedStorageOperation
+ onOpenChapter?: (id: ID) => void
+}) {
const confirmAction = useConfirm()
const scoped = useProjectData(data, project.id)
const characters = useMemo(
@@ -115,7 +120,7 @@ export function CharactersView({ data, project, saveData }: ProjectProps) {
return saveData((current) => ({
...current,
projects: updateProjectTimestamp(current, project.id),
- characters: current.characters.map((character) => (character.id === id ? { ...character, ...patch, updatedAt: now() } : character))
+ characters: current.characters.map((character) => (character.projectId === project.id && character.id === id ? { ...character, ...patch, updatedAt: now() } : character))
}))
}
@@ -318,7 +323,10 @@ export function CharactersView({ data, project, saveData }: ProjectProps) {
- updateCharacter(selected.id, patch)} onDelete={() => deleteCharacter(selected)} />
+
+ updateCharacter(selected.id, patch)} onDelete={() => deleteCharacter(selected)} />
+
void
- onOpenChapter?: (chapterId: ID) => void
}
const draftStatusLabels = { draft: '待审阅', accepted: '已采纳', rejected: '已放弃' }
@@ -23,11 +26,11 @@ function excerpt(text: string | undefined, limit = 180): string {
return value.length > limit ? `${value.slice(0, limit)}…` : value
}
-export function DashboardView({ data, project, saveData, onNavigate, onOpenChapter }: DashboardProps) {
+export function DashboardView({ data, project, saveData, onNavigate, onOpenChapter, onOpenSource }: DashboardProps) {
const scoped = useProjectData(data, project.id)
- const dashboard = useMemo(() => getDirectorDashboard(data, project.id, {
- navigate: Boolean(onNavigate), openChapter: Boolean(onOpenChapter)
- }), [data, project.id, onNavigate, onOpenChapter])
+ const navigate = Boolean(onNavigate), openChapter = Boolean(onOpenChapter)
+ const dashboard = useMemo(() => getDirectorDashboard(data, project.id, { navigate, openChapter }),
+ [data, project.id, navigate, openChapter])
const latestStage = useMemo(() => [...scoped.stageSummaries]
.sort((a, b) => b.chapterEnd - a.chapterEnd)[0], [scoped.stageSummaries])
const latestLog = useMemo(() => [...scoped.characterStateLogs]
@@ -126,6 +129,9 @@ export function DashboardView({ data, project, saveData, onNavigate, onOpenChapt
待确认变化{dashboard.pendingCandidateCount}条
剧情回顾覆盖{latestStage ? `${latestStage.chapterStart}–${latestStage.chapterEnd}` : '尚无'}{latestStage && 章}
+
+
@@ -141,7 +147,7 @@ export function DashboardView({ data, project, saveData, onNavigate, onOpenChapt
{dashboard.recentChapters.map((chapter) => )}
: }
@@ -153,7 +159,7 @@ export function DashboardView({ data, project, saveData, onNavigate, onOpenChapt
{latestDraft &&
{draftStatusLabels[latestDraft.status]}
{latestDraft.title}
- {qualityReport ? `质量审阅 ${qualityReport.overallScore} 分 · ${qualityGateEffectivelyPassed(qualityReport) ? '已通过' : '待调整'}` : '当前正文尚待质量审阅'}
+ {dashboard.lengthOverflowNotice ?? (qualityReport ? `质量审阅 ${qualityReport.overallScore} 分 · ${qualityGateEffectivelyPassed(qualityReport) ? '已通过' : '待调整'}` : '当前正文尚待质量审阅')}
}
{latestLog && 角色变化
{logCharacter?.name || '角色状态记录'}
{excerpt(latestLog.note, 110)}
}
diff --git a/src/renderer/src/views/GenerationPipelineView.tsx b/src/renderer/src/views/GenerationPipelineView.tsx
index 80b7ac8..ba00494 100644
--- a/src/renderer/src/views/GenerationPipelineView.tsx
+++ b/src/renderer/src/views/GenerationPipelineView.tsx
@@ -1,4 +1,6 @@
-import { useEffect, useState } from 'react'
+import { useEffect, useMemo, useState } from 'react'
+import { currentHardCanonAudit, hardCanonNotice } from '../../../services/HardCanonPreflight'
+import { withCurrentHardCanonAudit } from '../../../services/qualityGate/hardCanonQuality'
import type {
AppData,
CandidateDecisionCommand,
@@ -12,6 +14,7 @@ import type {
} from '../../../shared/types'
import { getEditorialVerdictForDraft } from '../../../services/EditorialVerdictService'
import { hasCompleteChapterReview } from '../../../services/ChapterAcceptanceReviewService'
+import { ChapterTaskContractService } from '../../../services/ChapterTaskContractService'
import { useConfirm } from '../components/ConfirmDialog'
import { PipelineTaskEditor } from '../components/pipeline/PipelineTaskEditor'
import type { PipelineArtifactTab } from '../components/pipeline/PipelineCurrentArtifactPanel'
@@ -39,6 +42,8 @@ interface ProjectProps {
onOpenRevision?: (prefill: { chapterId: ID | null; draftId: ID | null; requestId: ID }) => void
initialSnapshotId?: ID | null
onInitialSnapshotConsumed?: () => void
+ initialJobId?: ID | null
+ onInitialJobConsumed?: () => void
}
export function GenerationPipelineView({
@@ -50,7 +55,9 @@ export function GenerationPipelineView({
saveChapterCommitBundle,
onOpenRevision,
initialSnapshotId,
- onInitialSnapshotConsumed
+ onInitialSnapshotConsumed,
+ initialJobId,
+ onInitialJobConsumed
}: ProjectProps) {
const confirmAction = useConfirm()
const scoped = useProjectData(data, project.id)
@@ -99,6 +106,7 @@ export function GenerationPipelineView({
jobs,
selectedJob,
selectedSteps,
+ selectedDrafts,
selectedCandidates,
selectedReports,
selectedRevisionCandidates,
@@ -107,13 +115,22 @@ export function GenerationPipelineView({
selectedTraceSnapshot,
consistencyIssueById,
latestDraft,
- latestQualityReport,
+ latestQualityReport: storedQualityReport,
traceConsistencyReport,
traceQualityReport,
traceContinuityBridge,
traceRedundancyReport,
selectedStepsKey
- } = useSelectedPipelineJob(scoped, selectedJobId, preparingNewTask)
+ } = useSelectedPipelineJob(scoped, initialJobId ?? selectedJobId, preparingNewTask)
+ const hardCanonAudit = useMemo(() => selectedJob && latestDraft ? currentHardCanonAudit(data, {
+ projectId: selectedJob.projectId, chapterOrder: selectedJob.targetChapterOrder, chapterId: latestDraft.chapterId, body: latestDraft.body
+ }) : null, [data.hardCanonPacks, data.chapters, data.characters, data.characterStateFacts, data.characterStateTransactions, selectedJob, latestDraft])
+ const hardCanonBlock = hardCanonNotice(hardCanonAudit, 'block')
+ const latestQualityReport = useMemo(() => storedQualityReport && withCurrentHardCanonAudit(storedQualityReport, hardCanonAudit),
+ [storedQualityReport, hardCanonAudit])
+ const lengthOverflowNotice = useMemo(() => latestDraft
+ ? ChapterTaskContractService.lengthOverflowNotice({ body: latestDraft.body, chapterTask: selectedJob?.chapterTaskSnapshot })
+ : null, [latestDraft, selectedJob?.chapterTaskSnapshot])
const editorialVerdict = latestDraft ? getEditorialVerdictForDraft(data, latestDraft.id) : null
const acceptanceVerdicts = selectedJob?.pipelineRecipe || editorialVerdict ? data.editorialVerdicts : undefined
const incompleteReview = !hasCompleteChapterReview(latestQualityReport, editorialVerdict, Boolean(acceptanceVerdicts))
@@ -124,6 +141,13 @@ export function GenerationPipelineView({
if (initialSnapshotId) { setPreparingNewTask(true); setActiveArtifactTab('plan') }
}, [initialSnapshotId])
+ useEffect(() => {
+ if (!initialJobId) return
+ const job = scoped.chapterGenerationJobs.find(item => item.id === initialJobId)
+ if (job) { setSelectedJobId(job.id); setTargetChapterOrder(job.targetChapterOrder) }
+ onInitialJobConsumed?.()
+ }, [initialJobId, onInitialJobConsumed, scoped.chapterGenerationJobs, setSelectedJobId, setTargetChapterOrder])
+
useEffect(() => {
if (latestDraft) {
setActiveArtifactTab('draft')
@@ -210,6 +234,7 @@ export function GenerationPipelineView({
targetChapterOrder,
chapters: scoped.chapters,
qualityGateReports: scoped.qualityGateReports,
+ hardCanonAudit,
editorialVerdicts: acceptanceVerdicts,
confirmAction,
setPipelineMessage
@@ -274,6 +299,8 @@ export function GenerationPipelineView({
selectedSteps,
latestDraft,
latestQualityReport,
+ lengthOverflowNotice,
+ hardCanonBlock,
isPipelineRunning,
onStartPipeline: startPipeline,
onStartNextChapter: startNextChapter,
@@ -300,6 +327,7 @@ export function GenerationPipelineView({
contextSource,
snapshot: selectedSnapshot ?? selectedTraceSnapshot,
qualityReport: latestQualityReport,
+ lengthOverflowNotice,
draft: latestDraft,
isRunning: isPipelineRunning,
primaryActionLabel: primaryAction.primaryActionLabel,
@@ -352,6 +380,9 @@ export function GenerationPipelineView({
isRunning: isPipelineRunning,
draft: latestDraft,
steps: selectedSteps,
+ previousDraft: !latestDraft ? selectedDrafts[0] : undefined,
+ lengthOverflowNotice,
+ hardCanonBlock,
labels: PIPELINE_STEP_LABELS,
onAcceptDraft: draftAcceptance.acceptDraft,
onAcceptUnreviewedDraft: incompleteReview ? draftAcceptance.acceptDraftUnreviewed : undefined,
@@ -377,6 +408,7 @@ export function GenerationPipelineView({
riskBanner={{
job: selectedJob,
draft: latestDraft,
+ lengthOverflowNotice,
qualityReport: latestQualityReport,
consistencyReports: selectedReports,
memoryCandidates: selectedCandidates,
@@ -396,7 +428,9 @@ export function GenerationPipelineView({
}}
diagnosticsPanel={{
editorialVerdict,
- qualityReport: latestQualityReport,
+ hardCanonAudit,
+ lengthOverflowNotice,
+ qualityReport: storedQualityReport,
consistencyReports: selectedReports,
revisionCandidates: selectedRevisionCandidates,
latestDraft,
diff --git a/src/renderer/src/views/HardCanonCheckEditor.tsx b/src/renderer/src/views/HardCanonCheckEditor.tsx
new file mode 100644
index 0000000..624ea50
--- /dev/null
+++ b/src/renderer/src/views/HardCanonCheckEditor.tsx
@@ -0,0 +1,136 @@
+import type { Character } from '../../../shared/types'
+import type { HardCanonCheck } from '../../../shared/types/hardCanonCheck'
+import { parseHardCanonCheck } from '../../../shared/normalizers/hardCanonCheck'
+import { Field } from '../components/FormFields'
+
+type Mode = 'hint' | 'terms' | 'latin' | 'actor_action'
+type ListKey = 'terms' | 'exceptions' | 'aliases' | 'actions' | 'objects'
+type NumberKey = 'fromChapter' | 'toChapter' | 'maxPerChapter' | 'maxPerBook'
+
+export function checkEditorDraft(check?: HardCanonCheck) {
+ const literal = check?.kind === 'literal' ? check : undefined
+ const role = check?.kind === 'actor_action' ? check : undefined
+ return {
+ mode: (literal?.mode ?? role?.kind ?? 'hint') as Mode, enforcement: check?.enforcement ?? 'review',
+ fromChapter: String(check?.fromChapter ?? ''), toChapter: String(check?.toChapter ?? ''),
+ terms: literal?.terms ?? [], exceptions: literal?.exceptions ?? [],
+ maxPerChapter: String(literal?.maxPerChapter ?? ''), maxPerBook: String(literal?.maxPerBook ?? ''),
+ actor: role?.actor ?? '', characterId: role?.characterId ?? '', aliases: role?.aliases ?? [],
+ actions: role?.actions ?? [], side: role?.side ?? '', objects: role?.objects ?? [],
+ state: role?.state ?? '', effect: role?.effect ?? 'forbid'
+ }
+}
+
+type Draft = ReturnType
+const filled = (words: string[]) => words.filter((word) => word !== '')
+
+export function checkFromEditor(draft: Draft): HardCanonCheck | undefined {
+ if (draft.mode === 'hint') return undefined
+ const number = (key: NumberKey) => {
+ const raw = draft[key].trim()
+ return draft[key] === '' ? {} : { [key]: /^\d+$/.test(raw) ? Number(raw) : NaN }
+ }
+ const bounds = { enforcement: draft.enforcement, ...number('fromChapter'), ...number('toChapter') }
+ return parseHardCanonCheck(draft.mode === 'actor_action' ? {
+ kind: 'actor_action', actor: draft.actor, ...(draft.characterId && { characterId: draft.characterId }),
+ aliases: filled(draft.aliases), actions: filled(draft.actions), ...(draft.side && { side: draft.side }),
+ objects: filled(draft.objects), ...(draft.state && { state: draft.state }), effect: draft.effect, ...bounds
+ } : {
+ kind: 'literal', mode: draft.mode, terms: filled(draft.terms), exceptions: filled(draft.exceptions),
+ ...number('maxPerChapter'), ...number('maxPerBook'), ...bounds
+ })
+}
+
+export function describeHardCanonCheck(check: HardCanonCheck): string {
+ const parts: string[] = []
+ if (check.kind === 'literal') {
+ const terms = check.terms.join('、')
+ parts.push(check.mode === 'latin' ? (terms ? `指定外文用语：${terms}` : '拉丁字母用语') : terms)
+ if (check.maxPerChapter !== undefined) parts.push(`本章最多 ${check.maxPerChapter} 次`)
+ if (check.maxPerBook !== undefined) parts.push(`全书最多 ${check.maxPerBook} 次`)
+ if (check.maxPerChapter === undefined && check.maxPerBook === undefined) parts.push('本章禁止出现')
+ if (check.exceptions?.length) parts.push(`例外：${check.exceptions.join('、')}`)
+ } else {
+ parts.push(check.actor, ...(check.aliases?.length ? [`别名：${check.aliases.join('、')}`] : []))
+ if (check.state) parts.push(check.state)
+ if (check.side) parts.push(`${check.side}侧`)
+ parts.push(`${check.effect === 'allow' ? '允许' : '禁止'}：${check.actions.join('、')}`)
+ if (check.objects?.length) parts.push(`物件：${check.objects.join('、')}`)
+ }
+ if (check.fromChapter !== undefined) parts.push(`从第 ${check.fromChapter} 章起`)
+ if (check.toChapter !== undefined) parts.push(`至第 ${check.toChapter} 章止`)
+ parts.push(check.enforcement === 'review' ? '仅提示复核' : '确证违规时阻断')
+ return parts.join(' · ')
+}
+
+export function HardCanonCheckEditor({ draft, onChange, characters }: {
+ draft: Draft; onChange: (draft: Draft) => void; characters: Character[]
+}) {
+ const set = (key: K, value: Draft[K]) => onChange({ ...draft, [key]: value })
+ const list = (key: ListKey, label: string) => (
+
+