@waterwx/dsh-novel-forge 1.2.1-alpha → 1.3.0-alpha

package/src/client/panel/NovelPanel.tsx

@@ -28,8 +28,12 @@ import { ImportModal } from './ImportModal.tsx'
 import { WorldTab } from './WorldTab.tsx'
 import DirectorView from './DirectorView.tsx'
 import KnowledgeBaseView from './KnowledgeBaseView.tsx'
+import TimelineView from './TimelineView.tsx'
+import TensionView from './TensionView.tsx'
+import PromptSlotsView from './PromptSlotsView.tsx'
 import { EmptyState, PlotlineCard, PlotlineHealthPanel, PlotlinePlanPanel, PlotlineSuggestionPanel, RoleCandidateRow, RoleCard, SlideNav } from './views.tsx'
 import { extractDocxTextFromBuffer } from '../docx.ts'
+import { EXPORT_SCOPE_LABELS, EXPORT_SCOPE_VALUES } from '../../protocol.ts'
 import type {
   AuditStatus,
   BookSettings,
@@ -44,6 +48,8 @@ import type {
   ProjectState,
   ReviewReport,
   RoleRecord,
+  ExportScope,
+  ChapterSnapshot,
   SensitiveHit,
   StageInfo,
   StoryBible,
@@ -97,7 +103,7 @@ const CMD_DRAWER_OF: Partial<Record<NovelTab, 'write' | 'setup' | 'assets' | 'pa
   breakdown: 'breakdown',
 }
 
-/** The navigation groups (AI-Novel-Writing-Assistant style grouping). */
+/** 侧栏导航分组（按创作阶段归类）。 */
 const NAV_GROUPS: ReadonlyArray<{ id: string; label: string; collapsible?: boolean; items: ReadonlyArray<{ id: NovelTab; label: string; icon: ReactElement }> }> = [  {
     id: 'dashboard',
     label: '概览',
@@ -350,7 +356,7 @@ function DiffList({ original, draft, fontSize }: { original: string; draft: stri
 }
 
 /** 章节工作台右侧页签：对比（草稿 diff）/ 审稿（AI 审稿报告）/ 复盘（作者复盘）。 */
-type ChapterSideTab = 'diff' | 'review' | 'author'
+type ChapterSideTab = 'diff' | 'review' | 'author' | 'versions'
 
 /** 章节工作台（独立全页）需要的全部输入；所有数据来自真实 project.chapters。 */
 interface ChapterWorkbenchProps {
@@ -380,6 +386,10 @@ interface ChapterWorkbenchProps {
   onApplyDraft: () => void
   onDiscardDraft: () => void
   onCheckDraft: () => void
+  /** 本章历史版本（快照）与回滚/存档动作。 */
+  snapshots: ChapterSnapshot[]
+  onRestoreSnapshot: (id: string) => void
+  onCreateSnapshot: () => void
 }
 
 /**
@@ -390,6 +400,7 @@ function ChapterWorkbench({
   chapter, text, draft, fontSize, busy, busyAny,
   onBack, onWrite, onReview, onApprove, onEdit, onRevisePicked, onReset, onRegenerate, onBackfillAuthor,
   tab, onTabChange, draftReport, onApplyDraft, onDiscardDraft, onCheckDraft,
+  snapshots, onRestoreSnapshot, onCreateSnapshot,
 }: ChapterWorkbenchProps): ReactElement {
   const badge = statusBadge(chapter)
   const review: ReviewReport | undefined = chapter.review
@@ -572,12 +583,39 @@ function ChapterWorkbench({
                 { id: 'review', label: '审稿' },
                 { id: 'diff', label: hasDraft ? '对比 · 草稿' : '对比' },
                 { id: 'author', label: '复盘' },
+                { id: 'versions', label: snapshots.length > 0 ? `历史版本 · ${snapshots.length}` : '历史版本' },
               ]}
               active={tab}
               onSelect={onTabChange}
             />
           </div>
           <div className={css.chWorkSideBody}>
+            {tab === 'versions' && (
+              <div style={{ display: 'flex', flexDirection: 'column', gap: 'var(--nf-space-8)' }}>
+                <div className={css.row} style={{ justifyContent: 'space-between', alignItems: 'center' }}>
+                  <span className={css.meta}>覆盖写入前会自动留存；回滚也可再撤销。</span>
+                  <button type="button" className={css.button} onClick={onCreateSnapshot}>存档当前正文</button>
+                </div>
+                {snapshots.length === 0 && <span className={css.meta}>这一章还没有历史版本。</span>}
+                {snapshots.slice().sort((a, b) => b.at.localeCompare(a.at)).map(snapshot => (
+                  <div key={snapshot.id} style={{ border: '1px solid var(--nf-border)', borderRadius: 8, padding: '6px 8px', fontSize: 'var(--nf-fs-12)' }}>
+                    <div style={{ display: 'flex', gap: 6, alignItems: 'baseline', flexWrap: 'wrap' }}>
+                      <b>{new Date(snapshot.at).toLocaleString()}</b>
+                      <span className={css.meta}>{snapshot.reason}</span>
+                      <span className={css.meta}>{snapshot.chars} 字</span>
+                      <button
+                        type="button"
+                        className={css.button}
+                        style={{ marginLeft: 'auto' }}
+                        disabled={busyAny}
+                        onClick={() => onRestoreSnapshot(snapshot.id)}
+                        title="用这一版覆盖当前正文（回滚前会先留存当前正文）"
+                      >回滚到这一版</button>
+                    </div>
+                  </div>
+                ))}
+              </div>
+            )}
             {tab === 'diff' && (hasDraft ? (
               <>
                 <div className={css.chWorkDraftBar}>
@@ -737,6 +775,10 @@ export function NovelPanel({ controller, api }: NovelPanelProps) {
    * 的聊天记录，而新消息已经发到另一本书里。
    */
   const [bookKey, setBookKey] = useState('')
+  /** 导出范围（设置页导出卡片）：整本正文 / 设定 / 规划 / 角色 / 质检记录 / 项目备份。 */
+  const [exportScope, setExportScope] = useState<ExportScope>('book')
+  /** 章节历史版本（快照）：打开工作台时拉取，回滚/存档后刷新。 */
+  const [snapshots, setSnapshots] = useState<ChapterSnapshot[]>([])
   const [dragActive, setDragActive] = useState(false)
   const fileInputRef = useRef<HTMLInputElement | null>(null)
   const [planCount, setPlanCount] = useState(30)
@@ -753,7 +795,7 @@ export function NovelPanel({ controller, api }: NovelPanelProps) {
   /** 章节工作台（独立全页）当前打开的章号；null = 关闭。 */
   const [workbenchNo, setWorkbenchNo] = useState<number | null>(null)
   /** 工作台右栏页签（提升到面板层：修订完成后需要自动切到「对比」）。 */
-  const [wbTab, setWbTab] = useState<'review' | 'diff' | 'author'>('review')
+  const [wbTab, setWbTab] = useState<'review' | 'diff' | 'author' | 'versions'>('review')
   /** 工作台「草稿审查」报告（验证模式产物）—— 与 chapter.review（原稿审稿）是两回事，独立存放。 */
   const [wbDraftReport, setWbDraftReport] = useState<ReviewReport | null>(null)
   /** 复盘记录页：当前展开的章节号。 */
@@ -972,7 +1014,7 @@ export function NovelPanel({ controller, api }: NovelPanelProps) {
   /** AI 助手悬浮窗：是否打开。 */
   const [assistantOpen, setAssistantOpen] = useState(false)
   /** 顶部导航右滑抽屉：写作/设定/资产/参数/工具页 = 内容抽屉。null = 常驻总编台。资料侧柜走总编台内嵌格，不再有独立滑出层。 */
-  const [rightDrawer, setRightDrawer] = useState<'write' | 'setup' | 'assets' | 'params' | 'overview' | 'blurb' | 'plotlines' | 'director' | 'knowledge' | 'run' | 'breakdown' | null>(null)
+  const [rightDrawer, setRightDrawer] = useState<'write' | 'setup' | 'assets' | 'params' | 'overview' | 'blurb' | 'plotlines' | 'director' | 'knowledge' | 'run' | 'breakdown' | 'timeline' | 'tension' | 'promptSlots' | null>(null)
   /** 打开参数抽屉或切换激活书时，重新加载本书参数。 */
   useEffect(() => {
     if (rightDrawer !== 'params') return
@@ -1052,7 +1094,7 @@ export function NovelPanel({ controller, api }: NovelPanelProps) {
   const [drawerMax, setDrawerMax] = useState(false)
 
   /** 打开内容抽屉：只滑出抽屉层，不切 activeTab —— 底座总编台保持常驻可见（对齐 demo）。 */
-  const openDrawer = (which: 'write' | 'setup' | 'assets' | 'params' | 'overview' | 'blurb' | 'plotlines' | 'director' | 'knowledge' | 'run' | 'breakdown'): void => {
+  const openDrawer = (which: 'write' | 'setup' | 'assets' | 'params' | 'overview' | 'blurb' | 'plotlines' | 'director' | 'knowledge' | 'run' | 'breakdown' | 'timeline' | 'tension' | 'promptSlots'): void => {
     setRightDrawer(which)
     setDrawerMax(false)
   }
@@ -1310,6 +1352,7 @@ export function NovelPanel({ controller, api }: NovelPanelProps) {
         setCharCards(null)
       }
       setGeneratedFiles(status.generatedFiles)
+      try { setSnapshots((await api.snapshots()).snapshots) } catch { /* 快照是附加能力，失败不影响主流程 */ }
       const withDraft = status.project?.chapters.find(c => c.pendingDraft !== undefined && c.pendingDraft !== '')
       setDraftNo(withDraft?.no ?? null)
       const nextOutline = status.project?.outline
@@ -2626,11 +2669,46 @@ export function NovelPanel({ controller, api }: NovelPanelProps) {
   }
 
   /** Export the book. */
-  const handleExport = async (format: 'txt' | 'md'): Promise<void> => {
+  /** 刷新章节历史版本列表。 */
+  const refreshSnapshots = async (): Promise<void> => {
+    try { setSnapshots((await api.snapshots()).snapshots) } catch { /* ignore */ }
+  }
+
+  /** 回滚到某个历史版本（回滚前宿主会先留存当前正文，所以可撤销）。 */
+  const handleRestoreSnapshot = async (id: string): Promise<void> => {
+    if (!window.confirm('用这一版覆盖当前正文？回滚前会自动留存当前正文，可以再换回来。')) return
+    setBusy(true); setError('')
+    try {
+      await api.snapshotRestore(id)
+      await refresh(false, true)
+      await refreshSnapshots()
+      setNotice('已回滚到所选版本')
+    } catch (err) {
+      setError((err as Error).message)
+    } finally {
+      setBusy(false)
+    }
+  }
+
+  /** 手工给当前章节存档一个历史版本。 */
+  const handleCreateSnapshot = async (no: number): Promise<void> => {
+    setBusy(true); setError('')
+    try {
+      await api.snapshotCreate(no)
+      await refreshSnapshots()
+      setNotice('已存档当前正文')
+    } catch (err) {
+      setError((err as Error).message)
+    } finally {
+      setBusy(false)
+    }
+  }
+
+  const handleExport = async (format: 'txt' | 'md' | 'json', scope: ExportScope = 'book'): Promise<void> => {
     setBusy(true)
     setError('')
     try {
-      const result = await api.exportBook(format)
+      const result = await api.exportBook(format, scope)
       setNotice(tt('settings.exported', { file: result.file, chars: result.chars, chapters: result.chapters }))
       pushProgress(tt('settings.exported', { file: result.file, chars: result.chars, chapters: result.chapters }), 'done')
     } catch (err) {
@@ -2840,7 +2918,7 @@ export function NovelPanel({ controller, api }: NovelPanelProps) {
   /** 侧栏当前书卡（demo 风格）：书架激活书 → 封面首字 / 书名 / 进度。 */
   const activeBook = shelf?.books.find(b => b.id === shelf?.activeBookId) ?? null
 
-  /** 主行动卡片：推荐下一步（AI-Novel-Writing-Assistant 首页主卡模式）。 */
+  /** 主行动卡片：同一刻只给作者一个「推荐下一步」。 */
   const nextAction = useMemo((): { eyebrow: string; title: string; reason: string; actionLabel: string; onClick: () => void } | null => {
     if (project === null) {
       return {
@@ -2949,6 +3027,9 @@ export function NovelPanel({ controller, api }: NovelPanelProps) {
     { key: 'blurb', group: 'book', name: '简介 / 封面', di: project !== null && project.blurb !== '' ? '● 已填写' : '○ 未填写', dim: project === null, go: () => { openDrawer('blurb') } },
     // —— 工具与设置 ——
     { key: 'run', group: 'tools', name: '生产单', di: '批次生产 · 流水线', go: () => { openDrawer('run') } },
+    { key: 'tension', group: 'tools', name: '张力曲线', di: chapters.length > 0 ? `● ${chapters.length} 章曲线` : '○ 需先排章节', dim: project === null, go: () => { openDrawer('tension') } },
+    { key: 'promptSlots', group: 'tools', name: '提示词槽位', di: Object.keys(project?.promptSlots ?? {}).length > 0 ? `● 已设 ${Object.keys(project?.promptSlots ?? {}).length} 项` : '○ 未设置', dim: project === null, go: () => { openDrawer('promptSlots') } },
+    { key: 'timeline', group: 'tools', name: '故事时间线', di: (project?.timeline ?? []).length > 0 ? `● ${(project?.timeline ?? []).length} 条事件` : '○ 未抽取', dim: project === null, go: () => { openDrawer('timeline') } },
     { key: 'knowledge', group: 'tools', name: '知识库', di: '跨书沉淀', go: () => { openDrawer('knowledge') } },
     { key: 'breakdown', group: 'tools', name: '拆书分析', di: '对标拆解', go: () => { openDrawer('breakdown') } },
   ]
@@ -3142,6 +3223,9 @@ export function NovelPanel({ controller, api }: NovelPanelProps) {
           onApplyDraft={() => { void handleWbApplyDraft(workbench.no) }}
           onDiscardDraft={() => { void handleWbDiscardDraft(workbench.no) }}
           onCheckDraft={() => { void handleWbCheckDraft(workbench.no) }}
+          snapshots={snapshots.filter(s => s.chapterNo === workbench.no)}
+          onRestoreSnapshot={id => { void handleRestoreSnapshot(id) }}
+          onCreateSnapshot={() => { void handleCreateSnapshot(workbench.no) }}
         />
       )}
       {/* 右滑抽屉遮罩：覆盖总编台底座，点按关闭并回落 */}
@@ -3699,14 +3783,41 @@ export function NovelPanel({ controller, api }: NovelPanelProps) {
                   onChange={patch => { setBookCfg({ ...bookCfg, ...patch }) }}
                 />
 
-                {/* 导出（本书） */}
+                {/* 导出（本书）：按范围导出——整本正文 / 设定 / 规划 / 角色 / 质检记录 / 项目备份 JSON */}
                 <div className={`${css.card} ${css.settingsCard}`} style={{ gap: 'var(--nf-space-12)' }}>
                   <span className={css.cardTitle}>导出（本书）</span>
-                  <div className={css.row}>
-                    <button type="button" className={css.button} disabled={busy || chapters.length === 0} onClick={() => { void handleExport('txt') }}>{tt('settings.exportTxt')}</button>
-                    <button type="button" className={css.button} disabled={busy || chapters.length === 0} onClick={() => { void handleExport('md') }}>{tt('settings.exportMd')}</button>
+                  <div className={css.row} style={{ flexWrap: 'wrap', gap: 'var(--nf-space-8)' }}>
+                    <select
+                      className={css.input}
+                      value={exportScope}
+                      onChange={e => setExportScope(e.target.value as ExportScope)}
+                      title="选择导出范围"
+                    >
+                      {EXPORT_SCOPE_VALUES.map(scope => (
+                        <option key={scope} value={scope}>{EXPORT_SCOPE_LABELS[scope]}</option>
+                      ))}
+                    </select>
+                    {exportScope === 'project' ? (
+                      <button type="button" className={css.button} disabled={busy} onClick={() => { void handleExport('json', 'project') }}>导出项目备份 JSON</button>
+                    ) : exportScope === 'book' ? (
+                      <>
+                        <button type="button" className={css.button} disabled={busy || chapters.length === 0} onClick={() => { void handleExport('txt', 'book') }}>{tt('settings.exportTxt')}</button>
+                        <button type="button" className={css.button} disabled={busy || chapters.length === 0} onClick={() => { void handleExport('md', 'book') }}>{tt('settings.exportMd')}</button>
+                      </>
+                    ) : (
+                      <>
+                        <button type="button" className={css.button} disabled={busy} onClick={() => { void handleExport('txt', exportScope) }}>导出 TXT</button>
+                        <button type="button" className={css.button} disabled={busy} onClick={() => { void handleExport('md', exportScope) }}>导出 Markdown</button>
+                      </>
+                    )}
                   </div>
-                  <span className={css.meta}>导出当前书的全部已写章节。</span>
+                  <span className={css.meta}>
+                    {exportScope === 'project'
+                      ? '导出完整项目 JSON（含设定/规划/角色/事实库），用于备份或迁移到其它机器。'
+                      : exportScope === 'book'
+                        ? '导出当前书的全部已写章节。'
+                        : `导出「${EXPORT_SCOPE_LABELS[exportScope]}」，不含正文，便于单独存档或交给他人。`}
+                  </span>
                 </div>
               </>
             )}
@@ -4133,6 +4244,9 @@ export function NovelPanel({ controller, api }: NovelPanelProps) {
           )}
           {rightDrawer === 'director' && <DirectorView api={api} todos={project?.todos ?? []} onTodosChange={(todos) => setProject(prev => prev === null ? prev : { ...prev, todos, updatedAt: new Date().toISOString() })} />}
           {rightDrawer === 'knowledge' && <KnowledgeBaseView api={api} />}
+          {rightDrawer === 'timeline' && <TimelineView api={api} chapters={chapters.map(c => c.no)} />}
+          {rightDrawer === 'tension' && <TensionView api={api} />}
+          {rightDrawer === 'promptSlots' && <PromptSlotsView api={api} />}
           {rightDrawer === 'run' && (
           <RunPanel api={api} totalChapters={chapters.length} />
           )}

package/src/client/panel/PromptSlotsView.tsx

@@ -0,0 +1,97 @@
+/**
+ * 提示词槽位：给作者留几个**安全可改**的位置来微调本书表达偏好。
+ *
+ * 边界写在界面上：槽位只**追加偏好**，不能覆盖道藏、写作红线、九条内容合规红线、
+ * 反 AI 规则与阶段契约 —— 这些由宿主锁定。清空即恢复默认。
+ */
+
+import { useCallback, useEffect, useState } from 'react'
+import type { NovelApi } from '../api.ts'
+import type { PromptSlotId, PromptSlotState } from '../../protocol.ts'
+import css from './panel.module.css'
+
+export interface PromptSlotsViewProps {
+  api: NovelApi
+}
+
+export default function PromptSlotsView({ api }: PromptSlotsViewProps): JSX.Element {
+  const [slots, setSlots] = useState<PromptSlotState[]>([])
+  const [drafts, setDrafts] = useState<Record<string, string>>({})
+  const [busy, setBusy] = useState(false)
+  const [error, setError] = useState('')
+  const [notice, setNotice] = useState('')
+
+  const refresh = useCallback(async (showError = true): Promise<void> => {
+    try {
+      const r = await api.promptSlots()
+      setSlots(r.slots)
+      setDrafts(Object.fromEntries(r.slots.map(s => [s.id, s.value])))
+    } catch (err) {
+      if (showError) setError((err as Error).message)
+    }
+  }, [api])
+
+  useEffect(() => { void refresh(false) }, [refresh])
+
+  const save = useCallback(async (id: PromptSlotId): Promise<void> => {
+    setBusy(true); setError(''); setNotice('')
+    try {
+      await api.promptSlotSet(id, drafts[id] ?? '')
+      await refresh()
+      setNotice((drafts[id] ?? '').trim() === '' ? '已清空该槽位（恢复默认）' : '已保存，下一次生成/审稿生效')
+    } catch (err) {
+      setError((err as Error).message)
+    } finally {
+      setBusy(false)
+    }
+  }, [api, drafts, refresh])
+
+  const dirty = (slot: PromptSlotState): boolean => (drafts[slot.id] ?? '') !== slot.value
+
+  return (
+    <div className={css.card} style={{ gap: 'var(--nf-space-12)' }}>
+      <div className={css.row} style={{ justifyContent: 'space-between', alignItems: 'center', flexWrap: 'wrap', gap: 'var(--nf-space-8)' }}>
+        <span className={css.cardTitle}>提示词槽位（本书）</span>
+        <span className={css.meta}>只追加偏好，不覆盖道藏 / 红线 / 合规</span>
+      </div>
+      <span className={css.meta}>
+        这里的文字会追加到写作提示词末尾，用来微调表达方式。**规则类内容不可改**：
+        道藏、写作红线、内容合规红线、反 AI 规则、阶段契约由宿主锁定，槽位碰不到。
+      </span>
+
+      {notice !== '' && <span style={{ color: 'var(--nf-success)', fontSize: 'var(--nf-text-12)' }}>{notice}</span>}
+      {error !== '' && <span style={{ color: 'var(--nf-error)', fontSize: 'var(--nf-text-12)' }}>{error}</span>}
+
+      {slots.map(slot => {
+        const value = drafts[slot.id] ?? ''
+        const over = value.length > slot.maxChars
+        return (
+          <div key={slot.id} style={{ border: '1px solid var(--nf-border)', borderRadius: 8, padding: 8, display: 'flex', flexDirection: 'column', gap: 6 }}>
+            <div className={css.row} style={{ justifyContent: 'space-between', alignItems: 'baseline', gap: 'var(--nf-space-8)' }}>
+              <b style={{ fontSize: 'var(--nf-fs-12)' }}>{slot.label}</b>
+              <span className={css.meta} style={{ color: over ? 'var(--nf-error)' : undefined }}>
+                {value.length} / {slot.maxChars}
+              </span>
+            </div>
+            <span className={css.meta}>{slot.hint}</span>
+            <textarea
+              className={css.textarea}
+              rows={3}
+              value={value}
+              placeholder={slot.placeholder}
+              onChange={e => setDrafts(prev => ({ ...prev, [slot.id]: e.target.value }))}
+            />
+            <div className={css.row} style={{ justifyContent: 'flex-end', gap: 6 }}>
+              <button type="button" className={css.button} disabled={busy || value === ''} onClick={() => { void save(slot.id) }}>
+                清空
+              </button>
+              <button type="button" className={css.button + ' ' + css.buttonPrimary} disabled={busy || !dirty(slot)} onClick={() => { void save(slot.id) }}>
+                保存
+              </button>
+            </div>
+          </div>
+        )
+      })}
+    </div>
+  )
+}

package/src/client/panel/SettingsView.tsx

@@ -106,6 +106,8 @@ export function SettingsView({ api, variant = 'page', onSettingsTab, onEditorFon
         generateModel: configDraft.generateModel,
         reviewModel: configDraft.reviewModel,
         auditModel: configDraft.auditModel,
+        fallbackModel: configDraft.fallbackModel ?? '',
+        autoTimeline: configDraft.autoTimeline ?? true,
         reasoningEffort: configDraft.reasoningEffort ?? 'off',
         chapterChars: configDraft.chapterChars,
         maxTokens: configDraft.maxTokens,
@@ -199,6 +201,39 @@ export function SettingsView({ api, variant = 'page', onSettingsTab, onEditorFon
               onSavedModels={models => setConfigDraft({ ...configDraft, savedModels: models })}
             />
           </div>
+          <div className={css.card + ' ' + css.settingsCard} style={{ gap: 'var(--nf-space-12)' }}>
+            <span className={css.cardTitle}>备用模型（故障自动切换）</span>
+            <div className={css.field}>
+              <label className={css.fieldLabel}>主模型调用失败（限流 / 超时 / 额度 / 服务不可用）时，自动换它重试一次</label>
+              <select
+                className={css.input}
+                value={configDraft.fallbackModel ?? ''}
+                onChange={e => setConfigDraft({ ...configDraft, fallbackModel: e.target.value })}
+              >
+                <option value="">不切换（关闭）</option>
+                {[...new Set([configDraft.model, ...(configDraft.savedModels ?? []).map(m => m.model)])]
+                  .filter(m => m !== '')
+                  .map(m => <option key={m} value={m}>{m}</option>)}
+              </select>
+            </div>
+            <span className={css.meta}>
+              只对可重试的失败生效：用户取消、参数错误不会切换；正文生成只在「一个字都没产出」时才换模型重试，避免重复生成。
+            </span>
+          </div>
+          <div className={css.card + ' ' + css.settingsCard} style={{ gap: 'var(--nf-space-12)' }}>
+            <span className={css.cardTitle}>故事时间线</span>
+            <label className={css.row} style={{ gap: 'var(--nf-space-8)', alignItems: 'center' }}>
+              <input
+                type="checkbox"
+                checked={configDraft.autoTimeline ?? true}
+                onChange={e => setConfigDraft({ ...configDraft, autoTimeline: e.target.checked })}
+              />
+              <span>出章后自动抽取时间线事件（时间 / 地点 / 在场角色 / 事件）</span>
+            </label>
+            <span className={css.meta}>
+              抽取失败不会阻断出章；可在侧柜「故事时间线」里手工抽取、修正，并一键检查时间倒流 / 地点瞬移等矛盾。
+            </span>
+          </div>
           <ReasoningSection
             reasoningEffort={configDraft.reasoningEffort ?? 'off'}
             analysisReasoning={configDraft.analysisReasoning ?? 'low'}

package/src/client/panel/TensionView.tsx

@@ -0,0 +1,196 @@
+/**
+ * 张力曲线：把「每章该有多紧」画出来并可逐章调整。
+ *
+ * 图上是三条线：
+ *   参考（虚线，形状预设） / 目标（实线，作者或规划设定） / 实际（散点，审稿打分）。
+ * 下方列出规则核对发现的曲线级问题（连续同值、高位不回落、长期低位、实际偏离目标）。
+ *
+ * 张力只影响写作提示词里的"松紧"指引，不改变任何校验规则。
+ */
+
+import { useCallback, useEffect, useMemo, useState } from 'react'
+import type { NovelApi } from '../api.ts'
+import type { TensionCurvePoint, TensionCurvePreset, TensionIssue, TensionResponse } from '../../protocol.ts'
+import { TENSION_PRESET_LABELS } from '../../tension.ts'
+import css from './panel.module.css'
+
+const PRESETS: TensionCurvePreset[] = ['escalation', 'suspense', 'wave', 'frontLoad', 'flat', 'custom']
+
+/** 简易折线图（SVG，无依赖）：宽高固定，按章节数均分横轴。 */
+function CurveChart({ points, onPick }: { points: TensionCurvePoint[]; onPick: (no: number) => void }): JSX.Element {
+  const W = 720
+  const H = 200
+  const padX = 28
+  const padY = 16
+  const n = points.length
+  const x = (i: number): number => (n <= 1 ? W / 2 : padX + (i / (n - 1)) * (W - padX * 2))
+  const y = (v: number): number => padY + (1 - v / 100) * (H - padY * 2)
+  const line = (pick: (p: TensionCurvePoint) => number | undefined): string => points
+    .map((p, i) => {
+      const v = pick(p)
+      return v === undefined ? null : `${x(i).toFixed(1)},${y(v).toFixed(1)}`
+    })
+    .filter((s): s is string => s !== null)
+    .join(' ')
+  const refLine = line(p => p.reference)
+  const targetLine = line(p => p.target)
+  return (
+    <svg viewBox={`0 0 ${W} ${H}`} width="100%" height={H} role="img" aria-label="张力曲线">
+      {/* 网格：0 / 40 / 80 三条参考线 */}
+      {[0, 40, 80, 100].map(v => (
+        <g key={v}>
+          <line x1={padX} x2={W - padX} y1={y(v)} y2={y(v)} stroke="var(--nf-border)" strokeWidth={v === 0 || v === 100 ? 1 : 0.5} strokeDasharray={v === 0 || v === 100 ? '' : '3 4'} />
+          <text x={4} y={y(v) + 3} fontSize={9} fill="var(--nf-text-2)">{v}</text>
+        </g>
+      ))}
+      {refLine !== '' && <polyline points={refLine} fill="none" stroke="var(--nf-text-2)" strokeWidth={1} strokeDasharray="4 4" opacity={0.7} />}
+      {targetLine !== '' && <polyline points={targetLine} fill="none" stroke="var(--nf-accent)" strokeWidth={2} />}
+      {points.map((p, i) => (
+        <g key={p.no}>
+          {p.actual !== undefined && <circle cx={x(i)} cy={y(p.actual)} r={3} fill="var(--nf-success)" />}
+          {p.target !== undefined && <circle cx={x(i)} cy={y(p.target)} r={2.5} fill="var(--nf-accent)" />}
+          <rect
+            x={x(i) - 6}
+            y={padY}
+            width={12}
+            height={H - padY * 2}
+            fill="transparent"
+            style={{ cursor: 'pointer' }}
+            onClick={() => onPick(p.no)}
+          >
+            <title>{`第${p.no}章 ${p.title}｜目标 ${p.target ?? '—'}｜实际 ${p.actual ?? '—'}｜参考 ${p.reference ?? '—'}`}</title>
+          </rect>
+        </g>
+      ))}
+    </svg>
+  )
+}
+
+export interface TensionViewProps {
+  api: NovelApi
+}
+
+export default function TensionView({ api }: TensionViewProps): JSX.Element {
+  const [data, setData] = useState<TensionResponse | null>(null)
+  const [busy, setBusy] = useState(false)
+  const [error, setError] = useState('')
+  const [notice, setNotice] = useState('')
+  const [editing, setEditing] = useState<number | null>(null)
+  const [draft, setDraft] = useState(50)
+
+  const refresh = useCallback(async (showError = true): Promise<void> => {
+    try {
+      setData(await api.tension())
+    } catch (err) {
+      if (showError) setError((err as Error).message)
+    }
+  }, [api])
+
+  useEffect(() => { void refresh(false) }, [refresh])
+
+  const run = useCallback(async (label: string, fn: () => Promise<void>): Promise<void> => {
+    setBusy(true); setError(''); setNotice('')
+    try {
+      await fn()
+      setNotice(label)
+    } catch (err) {
+      setError((err as Error).message)
+    } finally {
+      setBusy(false)
+    }
+  }, [])
+
+  const changePreset = (preset: TensionCurvePreset): void => {
+    void run(`已切换参考曲线：${TENSION_PRESET_LABELS[preset]}`, async () => {
+      await api.tensionPreset(preset)
+      await refresh()
+    })
+  }
+
+  const saveEdit = (): void => {
+    if (editing === null) return
+    void run(`第 ${editing} 章目标张力已设为 ${draft}`, async () => {
+      await api.tensionSet(editing, draft)
+      setEditing(null)
+      await refresh()
+    })
+  }
+
+  const clearEdit = (): void => {
+    if (editing === null) return
+    void run(`已清除第 ${editing} 章的目标张力`, async () => {
+      await api.tensionSet(editing)
+      setEditing(null)
+      await refresh()
+    })
+  }
+
+  const issues: TensionIssue[] = data?.issues ?? []
+  const points = data?.points ?? []
+  const stat = useMemo(() => {
+    const targets = points.map(p => p.target).filter((v): v is number => v !== undefined)
+    const actuals = points.map(p => p.actual).filter((v): v is number => v !== undefined)
+    const avg = (xs: number[]): string => (xs.length === 0 ? '—' : String(Math.round(xs.reduce((a, b) => a + b, 0) / xs.length)))
+    return { targetAvg: avg(targets), actualAvg: avg(actuals), rated: actuals.length, total: points.length }
+  }, [points])
+
+  return (
+    <div className={css.card} style={{ gap: 'var(--nf-space-12)' }}>
+      <div className={css.row} style={{ justifyContent: 'space-between', alignItems: 'center', flexWrap: 'wrap', gap: 'var(--nf-space-8)' }}>
+        <span className={css.cardTitle}>张力曲线</span>
+        <span className={css.meta}>{points.length} 章 · 已评 {stat.rated} 章 · 目标均 {stat.targetAvg} / 实际均 {stat.actualAvg}</span>
+      </div>
+
+      <div className={css.row} style={{ gap: 'var(--nf-space-8)', alignItems: 'center', flexWrap: 'wrap' }}>
+        <select className={css.input} value={data?.preset ?? 'escalation'} disabled={busy} onChange={e => changePreset(e.target.value as TensionCurvePreset)}>
+          {PRESETS.map(p => <option key={p} value={p}>{TENSION_PRESET_LABELS[p]}</option>)}
+        </select>
+        <span className={css.meta}>虚线＝参考曲线形状；实线＝目标；绿点＝审稿实际。点图中任意一章可改目标张力。</span>
+      </div>
+
+      {notice !== '' && <span style={{ color: 'var(--nf-success)', fontSize: 'var(--nf-text-12)' }}>{notice}</span>}
+      {error !== '' && <span style={{ color: 'var(--nf-error)', fontSize: 'var(--nf-text-12)' }}>{error}</span>}
+
+      {points.length === 0
+        ? <span className={css.meta}>还没有章节计划。先在「总编台 → 卷/章节计划」排出章节，这里才有曲线可看。</span>
+        : <CurveChart points={points} onPick={no => {
+            const p = points.find(x => x.no === no)
+            setEditing(no)
+            setDraft(p?.target ?? p?.actual ?? 50)
+          }} />}
+
+      {issues.length > 0 && (
+        <div style={{ border: '1px solid var(--nf-border)', borderRadius: 8, padding: 8, background: 'var(--nf-bg-inset)' }}>
+          <b style={{ fontSize: 'var(--nf-fs-12)' }}>曲线级问题 {issues.length} 条</b>
+          <div style={{ display: 'flex', flexDirection: 'column', gap: 6, marginTop: 6 }}>
+            {issues.map((issue, i) => (
+              <div key={i} style={{ fontSize: 'var(--nf-fs-12)' }}>
+                <span className={css.lfPill} data-phase={issue.severity === 'high' ? 'failed' : 'requesting'}>{issue.severity === 'high' ? '高' : issue.severity === 'medium' ? '中' : '低'}</span>
+                <span style={{ marginLeft: 6 }}>{issue.chapters.length > 0 ? `第 ${issue.chapters.join('、')} 章：` : ''}{issue.item}</span>
+                {issue.suggestion !== '' && <div className={css.meta} style={{ marginLeft: 6 }}>建议：{issue.suggestion}</div>}
+              </div>
+            ))}
+          </div>
+        </div>
+      )}
+
+      {editing !== null && (
+        <div style={{ position: 'fixed', inset: 0, background: 'rgba(0,0,0,.45)', zIndex: 60, display: 'flex', alignItems: 'center', justifyContent: 'center', padding: 20 }} onClick={() => setEditing(null)}>
+          <div onClick={e => e.stopPropagation()} style={{ background: 'var(--nf-bg)', border: '1px solid var(--nf-border)', borderRadius: 10, width: 'min(420px, 92vw)', padding: 12, display: 'flex', flexDirection: 'column', gap: 8 }}>
+            <b style={{ fontSize: 'var(--nf-fs-13)' }}>第 {editing} 章 · 目标张力</b>
+            <input type="range" min={0} max={100} value={draft} onChange={e => setDraft(Number(e.target.value))} />
+            <div className={css.row} style={{ justifyContent: 'space-between' }}>
+              <span className={css.meta}>{draft} / 100（{draft < 40 ? '偏松：铺垫、日常、消化信息' : draft > 80 ? '偏紧：对抗、揭示、抉择、代价' : '中等：推进为主' }）</span>
+              <input className={css.input} style={{ width: 72 }} type="number" min={0} max={100} value={draft} onChange={e => setDraft(Math.max(0, Math.min(100, Number(e.target.value))))} />
+            </div>
+            <div className={css.row} style={{ justifyContent: 'flex-end', gap: 6 }}>
+              <button type="button" className={css.button} onClick={clearEdit} disabled={busy}>清除</button>
+              <button type="button" className={css.button} onClick={() => setEditing(null)}>取消</button>
+              <button type="button" className={css.button + ' ' + css.buttonPrimary} onClick={saveEdit} disabled={busy}>保存</button>
+            </div>
+          </div>
+        </div>
+      )}
+    </div>
+  )
+}