@waterwx/dsh-novel-forge 1.1.2 → 1.1.4

package/src/client/panel/NovelPanel.tsx

@@ -21,8 +21,12 @@ import type {
   Foreshadow,
   JobFrame,
   NovelConfig,
+  Plotline,
+  PlotlineHealthReport,
+  PlotlinePlan,
   ProjectState,
   ReviewReport,
+  SensitiveHit,
   StoryBible,
   Volume,
 } from '../../protocol.ts'
@@ -31,7 +35,7 @@ import css from './panel.module.css'
 /** The panel's tab identifiers. */
 export type NovelTab =
   | 'workflow' | 'overview' | 'blurb' | 'plan' | 'bible' | 'world' | 'foreshadow' | 'assistant' | 'settings'
-  | 'characters'
+  | 'characters' | 'facts' | 'plotlines' | 'reviews' | 'progress'
   | 'assetsGenre' | 'assetsProgression' | 'assetsTemplates' | 'assetsRules' | 'assetsStyle'
 
 /** Panel shell props. */
@@ -63,6 +67,7 @@ const NAV_GROUPS: ReadonlyArray<{ id: string; label: string; items: ReadonlyArra
       { id: 'overview', label: tt('tab.overview'), icon: '📄' },
       { id: 'blurb', label: '卷首语', icon: '📖' },
       { id: 'plan', label: tt('tab.plan'), icon: '📚' },
+      { id: 'plotlines', label: tt('tab.plotlines'), icon: '🧵' },
     ],
   },
   {
@@ -70,6 +75,7 @@ const NAV_GROUPS: ReadonlyArray<{ id: string; label: string; items: ReadonlyArra
     label: '工具',
     items: [
       { id: 'assistant', label: tt('tab.assistant'), icon: '💬' },
+      { id: 'progress', label: '工作进度', icon: '📊' },
     ],
   },
   {
@@ -80,6 +86,8 @@ const NAV_GROUPS: ReadonlyArray<{ id: string; label: string; items: ReadonlyArra
       { id: 'world', label: '大世界', icon: '🌍' },
       { id: 'characters', label: '人物志', icon: '👥' },
       { id: 'foreshadow', label: tt('tab.foreshadow'), icon: '🔮' },
+      { id: 'facts', label: tt('tab.facts'), icon: '📜' },
+      { id: 'reviews', label: '复盘记录', icon: '📋' },
       { id: 'assetsGenre', label: '题材基底', icon: '🏷️' },
       { id: 'assetsProgression', label: '推进模式', icon: '📈' },
       { id: 'assetsTemplates', label: '笔法帖', icon: '🖋️' },
@@ -305,6 +313,8 @@ export function NovelPanel({ controller, api }: NovelPanelProps) {
   const [progress, setProgress] = useState<ProgressLine[]>([])
   const [configDraft, setConfigDraft] = useState<NovelConfig | null>(null)
   const [expandedChapter, setExpandedChapter] = useState<number | null>(null)
+  /** 复盘记录页：当前展开的章节号。 */
+  const [expandedReviewChapter, setExpandedReviewChapter] = useState<number | null>(null)
   const [chapterText, setChapterText] = useState('')
   const progressId = useRef(0)
   /** id of the single live progress row (generation counter), if any. */
@@ -347,6 +357,17 @@ export function NovelPanel({ controller, api }: NovelPanelProps) {
     setEditorFontSize(v)
     try { window.localStorage.setItem('dsh-novel-forge.editor.fontSize', String(v)) } catch { /* ignore */ }
   }
+  /** 面板主题（localStorage 记忆）：'liquid'=iOS 液态玻璃（绿） / 'classic'=经典毛玻璃（蓝） / 'neumorph'=新拟物（浅色）。 */
+  const [panelTheme, setPanelTheme] = useState<'liquid' | 'classic' | 'neumorph'>(() => {
+    try {
+      const v = window.localStorage.getItem('dsh-novel-forge.theme')
+      return v === 'classic' || v === 'neumorph' ? v : 'liquid'
+    } catch { return 'liquid' }
+  })
+  const changePanelTheme = (next: 'liquid' | 'classic' | 'neumorph'): void => {
+    setPanelTheme(next)
+    try { window.localStorage.setItem('dsh-novel-forge.theme', next) } catch { /* ignore */ }
+  }
   /** 有未采纳草稿的章节号（refresh 后检测到遗留草稿时提示）。 */
   const [draftNo, setDraftNo] = useState<number | null>(null)
   /** 大纲页「更新大纲」编辑区是否展开。 */
@@ -367,8 +388,35 @@ export function NovelPanel({ controller, api }: NovelPanelProps) {
   const coverFileRef = useRef<HTMLInputElement | null>(null)
   /** 章节列表按卷折叠（存已折叠的卷号）。 */
   const [collapsedVolumes, setCollapsedVolumes] = useState<number[]>([])
+  /** 章节页当前选中的卷（'all' = 全部卷显示在一起）。 */
+  const [selectedVolume, setSelectedVolume] = useState<number | 'all'>('all')
+  /** 剧情线编辑草稿（null = 未在编辑）。 */
+  const [plotlineDraft, setPlotlineDraft] = useState<{
+    id: string
+    name: string
+    kind: Plotline['kind']
+    goal: string
+    progress: string
+    status: Plotline['status']
+  } | null>(null)
+  /** 角色知情度编辑草稿（角色名 → 文本，每行一条）。 */
+  const [knowledgeDraft, setKnowledgeDraft] = useState<Record<string, string>>({})
+  /** 全书敏感词检查结果（null = 未运行）。 */
+  const [sensHits, setSensHits] = useState<SensitiveHit[] | null>(null)
+  const [sensScanned, setSensScanned] = useState(0)
+  /** AI 建议的剧情线候选（null = 未运行）。 */
+  const [plotlineSuggestions, setPlotlineSuggestions] = useState<Plotline[] | null>(null)
+  /** 剧情健康检查报告（null = 未运行）。 */
+  const [plotlineHealth, setPlotlineHealth] = useState<PlotlineHealthReport | null>(null)
+  /** AI 剧情方案（null = 未运行）。 */
+  const [plotlinePlan, setPlotlinePlan] = useState<PlotlinePlan | null>(null)
   /** npm 最新版本（更新检测；null = 未检测/检测失败）。 */
   const [npmLatest, setNpmLatest] = useState<string | null>(null)
+  /** 活动输出容器：自动滚动锚点（有新活动时跟随到底部）。 */
+  const progressEndRef = useRef<HTMLDivElement | null>(null)
+  useEffect(() => {
+    progressEndRef.current?.scrollIntoView({ behavior: 'smooth', block: 'nearest' })
+  }, [progress])
 
   /** 后台检测 npm 最新版本（失败静默，不打扰）。 */
   useEffect(() => {
@@ -383,6 +431,30 @@ export function NovelPanel({ controller, api }: NovelPanelProps) {
   }, [])
   /** AI 助手悬浮窗：是否打开。 */
   const [assistantOpen, setAssistantOpen] = useState(false)
+  /** 工作进度悬浮窗：是否打开。 */
+  const [progressOpen, setProgressOpen] = useState(false)
+  /** 工作进度悬浮窗位置（localStorage 记忆）。 */
+  const [progressPos, setProgressPos] = useState(() => {
+    try {
+      const raw = window.localStorage.getItem('dsh-novel-forge.progress.float')
+      if (raw !== null) {
+        const parsed = JSON.parse(raw) as { x?: unknown; y?: unknown }
+        return { x: typeof parsed.x === 'number' ? parsed.x : 60, y: typeof parsed.y === 'number' ? parsed.y : 120 }
+      }
+    } catch { /* ignore */ }
+    return { x: 60, y: 120 }
+  })
+  /** 工作进度悬浮窗尺寸（localStorage 记忆）。 */
+  const [progressSize, setProgressSize] = useState(() => {
+    try {
+      const raw = window.localStorage.getItem('dsh-novel-forge.progress.size')
+      if (raw !== null) {
+        const parsed = JSON.parse(raw) as { w?: unknown; h?: unknown }
+        return { w: typeof parsed.w === 'number' ? parsed.w : 460, h: typeof parsed.h === 'number' ? parsed.h : 420 }
+      }
+    } catch { /* ignore */ }
+    return { w: 460, h: 420 }
+  })
   /** 悬浮窗位置（相对面板，localStorage 记忆）。 */
   const [assistantPos, setAssistantPos] = useState(() => {
     try {
@@ -405,16 +477,18 @@ export function NovelPanel({ controller, api }: NovelPanelProps) {
     } catch { /* ignore */ }
     return { w: 420, h: 460 }
   })
-  /** 拖拽/缩放状态。 */
-  const dragState = useRef<{ type: 'move' | 'resize'; startX: number; startY: number; origX: number; origY: number; origW: number; origH: number } | null>(null)
+  /** 拖拽/缩放状态（target 区分 AI 助手 / 工作进度两个悬浮窗）。 */
+  const dragState = useRef<{ type: 'move' | 'resize'; target: 'assistant' | 'progress'; startX: number; startY: number; origX: number; origY: number; origW: number; origH: number } | null>(null)
 
   /** 悬浮窗位置/尺寸持久化。 */
   useEffect(() => {
     try {
       window.localStorage.setItem('dsh-novel-forge.assistant.float', JSON.stringify(assistantPos))
       window.localStorage.setItem('dsh-novel-forge.assistant.size', JSON.stringify(assistantSize))
+      window.localStorage.setItem('dsh-novel-forge.progress.float', JSON.stringify(progressPos))
+      window.localStorage.setItem('dsh-novel-forge.progress.size', JSON.stringify(progressSize))
     } catch { /* ignore */ }
-  }, [assistantPos, assistantSize])
+  }, [assistantPos, assistantSize, progressPos, progressSize])
 
   /** 全局拖拽/缩放监听（挂一次，靠 dragState 判断）。 */
   useEffect(() => {
@@ -422,15 +496,19 @@ export function NovelPanel({ controller, api }: NovelPanelProps) {
       const s = dragState.current
       if (s === null) return
       if (s.type === 'move') {
-        setAssistantPos({
+        const next = {
           x: Math.max(-340, Math.min(s.origX + e.clientX - s.startX, 3000)),
           y: Math.max(0, Math.min(s.origY + e.clientY - s.startY, 3000)),
-        })
+        }
+        if (s.target === 'assistant') setAssistantPos(next)
+        else setProgressPos(next)
       } else {
-        setAssistantSize({
+        const next = {
           w: Math.max(320, Math.min(s.origW + e.clientX - s.startX, 1400)),
           h: Math.max(220, Math.min(s.origH + e.clientY - s.startY, 1200)),
-        })
+        }
+        if (s.target === 'assistant') setAssistantSize(next)
+        else setProgressSize(next)
       }
     }
     const onUp = (): void => { dragState.current = null }
@@ -668,6 +746,266 @@ export function NovelPanel({ controller, api }: NovelPanelProps) {
     }
   }
 
+  /** 剧情线：保存草稿（新增或更新）。 */
+  const handlePlotlineSave = async (): Promise<void> => {
+    if (plotlineDraft === null) return
+    const line: Plotline = {
+      id: plotlineDraft.id,
+      name: plotlineDraft.name.trim(),
+      kind: plotlineDraft.kind,
+      goal: plotlineDraft.goal.trim(),
+      progress: plotlineDraft.progress.trim(),
+      status: plotlineDraft.status,
+      chapters: plotlineDraft.id !== ''
+        ? (project?.plotlines?.find(l => l.id === plotlineDraft.id)?.chapters ?? [])
+        : [],
+      createdAt: plotlineDraft.id !== ''
+        ? (project?.plotlines?.find(l => l.id === plotlineDraft.id)?.createdAt ?? new Date().toISOString())
+        : new Date().toISOString(),
+    }
+    if (line.name === '') {
+      setError('剧情线名称不能为空')
+      return
+    }
+    setBusy(true)
+    setError('')
+    try {
+      const result = await api.plotlines({ op: plotlineDraft.id !== '' ? 'update' : 'add', line })
+      setProject(prev => prev === null ? prev : { ...prev, plotlines: result.plotlines, updatedAt: new Date().toISOString() })
+      setPlotlineDraft(null)
+      pushProgress(plotlineDraft.id !== '' ? `剧情线已更新：${line.name}` : `剧情线已创建：${line.name}`, 'done')
+    } catch (err) {
+      setError((err as Error).message)
+      pushProgress(`保存剧情线失败：${(err as Error).message}`, 'error')
+    } finally {
+      setBusy(false)
+    }
+  }
+
+  /** 剧情线：删除。 */
+  const handlePlotlineRemove = async (id: string): Promise<void> => {
+    if (!window.confirm('确定删除这条剧情线？关联章节记录会一并移除。')) return
+    setBusy(true)
+    setError('')
+    try {
+      const result = await api.plotlines({ op: 'remove', id })
+      setProject(prev => prev === null ? prev : { ...prev, plotlines: result.plotlines, updatedAt: new Date().toISOString() })
+      pushProgress('剧情线已删除', 'done')
+    } catch (err) {
+      setError((err as Error).message)
+    } finally {
+      setBusy(false)
+    }
+  }
+
+  /** 剧情线：把本章关联到某条线（推进节点）。 */
+  const handlePlotlineLink = async (id: string, chapterNo: number): Promise<void> => {
+    setBusy(true)
+    setError('')
+    try {
+      const result = await api.plotlines({ op: 'link', id, chapterNo })
+      setProject(prev => prev === null ? prev : { ...prev, plotlines: result.plotlines, updatedAt: new Date().toISOString() })
+      pushProgress(`已把第 ${chapterNo} 章关联到剧情线`, 'done')
+    } catch (err) {
+      setError((err as Error).message)
+    } finally {
+      setBusy(false)
+    }
+  }
+
+  /** 剧情线：AI 建议候选线。 */
+  const handlePlotlineSuggest = async (): Promise<void> => {
+    setBusy(true)
+    setBusyLabel('AI 分析剧情线中…')
+    setError('')
+    try {
+      const result = await api.plotlines({ op: 'suggest' })
+      setPlotlineSuggestions(result.suggestions ?? [])
+      pushProgress(result.suggestions !== undefined && result.suggestions.length > 0
+        ? `AI 建议了 ${result.suggestions.length} 条剧情线，可逐条采纳`
+        : 'AI 没有给出剧情线建议，请检查大纲是否已加载', 'done')
+    } catch (err) {
+      setError((err as Error).message)
+      pushProgress(`AI 建议剧情线失败：${(err as Error).message}`, 'error')
+    } finally {
+      setBusy(false)
+      setBusyLabel('')
+    }
+  }
+
+  /** 剧情线：采纳一条 AI 建议。 */
+  const handlePlotlineAdopt = async (suggestion: Plotline): Promise<void> => {
+    setBusy(true)
+    setError('')
+    try {
+      const result = await api.plotlines({ op: 'add', line: { ...suggestion, id: '' } })
+      setProject(prev => prev === null ? prev : { ...prev, plotlines: result.plotlines, updatedAt: new Date().toISOString() })
+      setPlotlineSuggestions(prev => prev === null ? prev : prev.filter(s => s !== suggestion))
+      pushProgress(`已采纳剧情线：${suggestion.name}`, 'done')
+    } catch (err) {
+      setError((err as Error).message)
+    } finally {
+      setBusy(false)
+    }
+  }
+
+  /** 剧情线：AI 刷新单条线进度。 */
+  const handlePlotlineRefresh = async (id: string): Promise<void> => {
+    setBusy(true)
+    setBusyLabel('AI 刷新剧情线进度中…')
+    setError('')
+    try {
+      const result = await api.plotlines({ op: 'refresh', id })
+      setProject(prev => prev === null ? prev : { ...prev, plotlines: result.plotlines, updatedAt: new Date().toISOString() })
+      const line = result.plotlines.find(l => l.id === id)
+      pushProgress(`剧情线进度已刷新：${line?.progress ?? ''}`, 'done')
+    } catch (err) {
+      setError((err as Error).message)
+      pushProgress(`刷新剧情线进度失败：${(err as Error).message}`, 'error')
+    } finally {
+      setBusy(false)
+      setBusyLabel('')
+    }
+  }
+
+  /** 🩺 剧情健康检查：判断是否需要新线、多少章后添加。 */
+  const handlePlotlineHealth = async (): Promise<void> => {
+    setBusy(true)
+    setBusyLabel('🩺 剧情健康检查中…')
+    setError('')
+    try {
+      const result = await api.plotlines({ op: 'health' })
+      setPlotlineHealth(result.health ?? null)
+      pushProgress(`剧情健康检查完成：${result.health?.verdict ?? '无结论'}`, 'done')
+    } catch (err) {
+      setError((err as Error).message)
+      pushProgress(`剧情健康检查失败：${(err as Error).message}`, 'error')
+    } finally {
+      setBusy(false)
+      setBusyLabel('')
+    }
+  }
+
+  /** ✨ AI 设计剧情方案：下一阶段方向 + 建议新线（含健康检查）。 */
+  const handlePlotlinePlan = async (): Promise<void> => {
+    setBusy(true)
+    setBusyLabel('✨ 设计剧情方案中…')
+    setError('')
+    try {
+      const result = await api.plotlines({ op: 'plan' })
+      setPlotlineHealth(result.health ?? null)
+      setPlotlinePlan(result.plan ?? null)
+      pushProgress(`剧情方案已生成：${result.plan?.suggestions.length ?? 0} 条建议新线`, 'done')
+    } catch (err) {
+      setError((err as Error).message)
+      pushProgress(`剧情方案生成失败：${(err as Error).message}`, 'error')
+    } finally {
+      setBusy(false)
+      setBusyLabel('')
+    }
+  }
+
+  /** 采纳方案里的一条建议线。 */
+  const handlePlanAdopt = async (suggestion: Plotline): Promise<void> => {
+    setBusy(true)
+    setError('')
+    try {
+      const result = await api.plotlines({ op: 'add', line: { ...suggestion, id: '' } })
+      setProject(prev => prev === null ? prev : { ...prev, plotlines: result.plotlines, updatedAt: new Date().toISOString() })
+      setPlotlinePlan(prev => prev === null ? prev : { ...prev, suggestions: prev.suggestions.filter(s => s !== suggestion) })
+      pushProgress(`已采纳剧情线：${suggestion.name}`, 'done')
+    } catch (err) {
+      setError((err as Error).message)
+    } finally {
+      setBusy(false)
+    }
+  }
+
+  /** 全书敏感词检查（硬匹配内置词库）。 */
+  const handleSensitiveScan = async (): Promise<void> => {
+    setBusy(true)
+    setBusyLabel('敏感词检查中…')
+    setError('')
+    try {
+      const result = await api.sensitiveCheck({ all: true })
+      setSensHits(result.hits)
+      setSensScanned(result.scannedChapters)
+      pushProgress(result.hits.length > 0
+        ? `敏感词检查：${result.hits.length} 处命中（${new Set(result.hits.map(h => h.chapterNo)).size} 章受影响）`
+        : `敏感词检查完成：扫描 ${result.scannedChapters} 章，未命中违禁词`, result.hits.length > 0 ? 'error' : 'done')
+    } catch (err) {
+      setError((err as Error).message)
+      pushProgress(`敏感词检查失败：${(err as Error).message}`, 'error')
+    } finally {
+      setBusy(false)
+      setBusyLabel('')
+    }
+  }
+
+  /** 作者复盘补跑：全书缺失章节（流式）。 */
+  const handleAuthorBackfillAll = async (): Promise<void> => {
+    const missing = chapters.filter(c => c.status !== 'pending' && c.status !== 'generating' && c.authorReview === undefined).length
+    setBusy(true)
+    setBusyLabel(`补齐历史章节作者复盘（${missing} 章）…`)
+    setError('')
+    try {
+      await api.reviewBackfillAll(frame => { applyJobFrame(frame, () => '') })
+    } catch (err) {
+      setError((err as Error).message)
+      pushProgress(`补齐作者复盘失败：${(err as Error).message}`, 'error')
+    } finally {
+      setBusy(false)
+      setBusyLabel('')
+    }
+  }
+
+  /** 作者复盘补跑：单章。 */
+  const handleAuthorBackfillChapter = async (no: number): Promise<void> => {
+    setBusy(true)
+    setBusyLabel(`生成第 ${no} 章作者复盘…`)
+    setError('')
+    try {
+      const result = await api.reviewBackfillChapter(no)
+      setProject(prev => prev === null ? prev : {
+        ...prev,
+        chapters: prev.chapters.map(c => c.no === result.no ? { ...c, authorReview: result.review } : c),
+      })
+      const r = result.review
+      pushProgress(
+        `📋 第${no}章作者复盘：钩子${r.hookHonored ? '已兑现 ✓' : '未兑现 ✗'} · 结尾钩子 ${r.endingHook}/10`,
+        r.hookHonored && r.endingHook >= 6 ? 'done' : 'error',
+      )
+    } catch (err) {
+      setError((err as Error).message)
+      pushProgress(`生成第 ${no} 章作者复盘失败：${(err as Error).message}`, 'error')
+    } finally {
+      setBusy(false)
+      setBusyLabel('')
+    }
+  }
+
+  /** 保存角色知情度（bible.characters 整体更新）。 */
+  const handleKnowledgeSave = async (): Promise<void> => {
+    if (bible === undefined) return
+    const characters = bible.characters.map(card => ({
+      ...card,
+      knowledge: (knowledgeDraft[card.name] ?? (card.knowledge ?? []).join('\n'))
+        .split('\n').map(l => l.trim()).filter(l => l !== ''),
+    }))
+    setBusy(true)
+    setError('')
+    try {
+      const result = await api.biblePatch({ characters })
+      setProject(prev => prev === null || prev.bible === undefined ? prev : { ...prev, bible: result.bible, updatedAt: new Date().toISOString() })
+      pushProgress('角色知情度已保存（生成/审稿都会严格遵守信息差）', 'done')
+    } catch (err) {
+      setError((err as Error).message)
+      pushProgress(`保存知情度失败：${(err as Error).message}`, 'error')
+    } finally {
+      setBusy(false)
+    }
+  }
+
   /** 保存世界观规则编辑（bible tab，每行一条）。 */
   const handleSaveWorldRules = async (): Promise<void> => {
     if (bible === undefined) return
@@ -1079,6 +1417,8 @@ export function NovelPanel({ controller, api }: NovelPanelProps) {
       lastDeltaChars.current = 0
       liveChars.current = 0
       currentJobNo.current = frame.no
+      // 任务开始时自动弹出工作进度悬浮窗（顶部进度条已移除，进度只在这里可见）。
+      setProgressOpen(true)
       setProject(prev => prev === null ? prev : {
         ...prev,
         chapters: prev.chapters.map(c => c.no === frame.no ? { ...c, status: 'generating', error: undefined } : c),
@@ -1117,6 +1457,21 @@ export function NovelPanel({ controller, api }: NovelPanelProps) {
         score: frame.report.score,
         verdict: frame.report.verdict,
       }), frame.report.passed ? 'done' : 'error')
+    } else if (frame.type === 'author-review') {
+      setProject(prev => prev === null ? prev : {
+        ...prev,
+        chapters: prev.chapters.map(c => c.no === frame.no ? { ...c, authorReview: frame.review } : c),
+      })
+      const r = frame.review
+      pushProgress(
+        `📋 第${frame.no}章作者复盘：钩子${r.hookHonored ? '已兑现 ✓' : '未兑现 ✗'} · 结尾钩子 ${r.endingHook}/10 · ${r.plotlineProgress !== '' ? r.plotlineProgress : '无实质推进'}`,
+        r.hookHonored && r.endingHook >= 6 ? 'done' : r.endingHook < 6 || !r.hookHonored ? 'error' : 'info',
+      )
+    } else if (frame.type === 'author-backfill-done') {
+      clearLiveProgress()
+      setLiveBar(null)
+      pushProgress(`✅ 历史章节作者复盘补齐完成（共 ${frame.count} 章）`, 'done')
+      void refresh(false)
     } else if (frame.type === 'drafted') {
       // 润色/重写完成：产物作为待确认草稿，展示在工作区预览，由用户决定。
       clearLiveProgress()
@@ -1172,7 +1527,8 @@ export function NovelPanel({ controller, api }: NovelPanelProps) {
       // 失败自动重试：最多尝试 2 次，间隔 3 秒（网络抖动/LLM 偶发失败自愈）。
       for (let attempt = 1; attempt <= 2; attempt++) {
         try {
-          await api.generate(chapter.no, true, frame => { applyJobFrame(frame, n => tt('progress.generating', { no: n, title: (project?.chapters.find(c => c.no === n)?.title ?? '') })) })
+          // 批量连写也走完整质量门：生成 → 自动审稿 → 作者复盘（false = 不跳过审稿）。
+          await api.generate(chapter.no, false, frame => { applyJobFrame(frame, n => tt('progress.generating', { no: n, title: (project?.chapters.find(c => c.no === n)?.title ?? '') })) })
           lastError = null
           break
         } catch (err) {
@@ -1489,7 +1845,7 @@ export function NovelPanel({ controller, api }: NovelPanelProps) {
   })()
 
   return (
-    <div className={css.panel}>
+    <div className={css.panel} data-nf-theme={panelTheme}>
       {viewMode === 'shelf' ? (
         /* 书架首页：默认视图，选择一本书进入工作台 */
         <ShelfView
@@ -1548,22 +1904,26 @@ export function NovelPanel({ controller, api }: NovelPanelProps) {
       ) : (
         <>
       <div className={css.panelHeader}>
-        <h2 className={css.panelTitle}>
-          <button type="button" className={css.iconButton} title="返回书架" aria-label="返回书架" onClick={() => { setViewMode('shelf') }}>
-            ←
-          </button>
-          {tt('panel.title')}
-          {project?.bookName !== '' && project?.bookName !== undefined && (
-            <span className={css.badge} style={{ borderColor: 'var(--nf-accent)', color: 'var(--nf-accent)', fontSize: 11 }}>{project.bookName}</span>
-          )}
-          {chapters.length > 0 && (
-            <span className={css.headerProgress}>
-              已完成 <b>{doneCount}</b>/{chapters.length} 章
-              <span className={css.headerProgressDot} />
-              通过 <b>{chapters.filter(c => c.status === 'approved').length}</b>
-            </span>
+        <div style={{ display: 'flex', flexDirection: 'column', gap: 2, minWidth: 0 }}>
+          <h2 className={css.panelTitle}>
+            <button type="button" className={css.iconButton} title="返回书架" aria-label="返回书架" onClick={() => { setViewMode('shelf') }}>
+              ←
+            </button>
+            {tt('panel.title')}
+          </h2>
+          {(project?.bookName !== '' && project?.bookName !== undefined) && (
+            <div className={css.panelSubtitle}>
+              <span>📖 {project.bookName}</span>
+              {chapters.length > 0 && (
+                <span className={css.headerProgress}>
+                  已完成 <b>{doneCount}</b>/{chapters.length} 章
+                  <span className={css.headerProgressDot} />
+                  通过 <b>{chapters.filter(c => c.status === 'approved').length}</b>
+                </span>
+              )}
+            </div>
           )}
-        </h2>
+        </div>
         <div style={{ display: 'flex', alignItems: 'center', gap: 2 }}>
           <button
             type="button"
@@ -1594,13 +1954,15 @@ export function NovelPanel({ controller, api }: NovelPanelProps) {
                   key={tab.id}
                   type="button"
                   role="tab"
-                  aria-selected={activeTab === tab.id || (tab.id === 'assistant' && assistantOpen)}
-                  data-active={activeTab === tab.id || (tab.id === 'assistant' && assistantOpen) ? '' : undefined}
+                  aria-selected={activeTab === tab.id || (tab.id === 'assistant' && assistantOpen) || (tab.id === 'progress' && progressOpen)}
+                  data-active={activeTab === tab.id || (tab.id === 'assistant' && assistantOpen) || (tab.id === 'progress' && progressOpen) ? '' : undefined}
                   className={css.navTab}
                   title={tab.label}
                   onClick={() => {
                     if (tab.id === 'assistant') {
                       setAssistantOpen(true)
+                    } else if (tab.id === 'progress') {
+                      setProgressOpen(v => !v)
                     } else {
                       setActiveTab(tab.id)
                     }
@@ -1669,19 +2031,6 @@ export function NovelPanel({ controller, api }: NovelPanelProps) {
         <div className={css.panelContent}>
         {error !== '' && <div className={css.card} style={{ borderColor: 'var(--nf-error)' }}><span style={{ color: 'var(--nf-error)' }}>{tt('common.error')}: {error}</span></div>}
         {notice !== '' && <div className={css.card}><span style={{ color: 'var(--nf-success)' }}>{notice}</span></div>}
-        {busy && busyLabel !== '' && (
-          <div className={css.card}>
-            <div className={css.busyRow}>
-              <span style={{ color: 'var(--nf-accent)' }}>{busyLabel}…</span>
-              {liveBar !== null && <span className={css.liveText}>{liveBar.text}</span>}
-            </div>
-            {liveBar?.ratio !== undefined && (
-              <div className={css.bigProgressBar}>
-                <div className={css.bigProgressBarFill} style={{ width: `${Math.round(liveBar.ratio * 100)}%` }} />
-              </div>
-            )}
-          </div>
-        )}
 
         {/* 遗留草稿提示：刷新页面后仍有未采纳的润色/修订草稿 */}
         {workspace === null && draftNo !== null && (
@@ -1700,10 +2049,10 @@ export function NovelPanel({ controller, api }: NovelPanelProps) {
           </div>
         )}
 
-        {/* 章节编辑页（独占整页：点「编辑」进入，返回后回到原页面） */}
+        {/* 章节编辑页（独占整页：点「编辑」进入，返回后回到原页面；无卡片盒子，撑满内容区） */}
         {workspace !== null && (
-          <div className={css.card} style={{ borderColor: 'var(--nf-accent)' }}>
-            <div className={css.busyRow} style={{ flexWrap: 'wrap', gap: 8 }}>
+          <div className={css.wsPage}>
+            <div className={css.wsPageHeader}>
               <button type="button" className={`${css.button} ${css.buttonSmall}`} onClick={() => { setWorkspace(null) }} title="返回章节列表（草稿不丢失）">
                 ← 返回
               </button>
@@ -1820,7 +2169,7 @@ export function NovelPanel({ controller, api }: NovelPanelProps) {
                   </div>
                 )}
                 {workspace.draft !== null && (
-                  <div className={css.wsPreview}>
+                  <div className={css.wsPreview} style={{ flex: 1, minHeight: 0 }}>
                     <div className={css.busyRow}>
                       <span className={css.meta}>优化预览（{workspace.draft.length} 字）</span>
                       <span style={{ display: 'flex', gap: 8 }}>
@@ -1894,17 +2243,15 @@ export function NovelPanel({ controller, api }: NovelPanelProps) {
                   ))}
                 </div>
               </div>
-              {/* HeroFact 4 格 */}
-              <div className={css.dashFacts}>
-                <div className={css.dashFact}><span className={css.meta}>已沉淀章节</span><b>{doneCount} 章</b></div>
-                <div className={css.dashFact}><span className={css.meta}>累计字数</span><b>{totalChars} 字</b></div>
-                <div className={css.dashFact}><span className={css.meta}>当前卷</span><b>{currentVolumeName}</b></div>
-                <div className={css.dashFact}><span className={css.meta}>最近创作</span><b>{lastUpdated}</b></div>
-              </div>
             </div>
 
-            {/* 状态摘要条 */}
+            {/* 状态摘要条：全书进度 + 六个统计格，同样式并排一行 */}
             <div className={css.assetGrid}>
+              <div className={css.assetStat}>
+                <span className={css.assetStatLabel}>全书进度</span>
+                <span className={css.assetStatValue} style={{ color: 'var(--nf-accent)' }}>{doneCount}/{chapters.length} 章</span>
+                <span className={css.assetStatDetail}>{chapters.length > 0 ? Math.round((doneCount / chapters.length) * 100) : 0}%</span>
+              </div>
               <div className={css.assetStat}>
                 <span className={css.assetStatLabel}>已通过审稿</span>
                 <span className={css.assetStatValue} style={{ color: approvedCount > 0 ? 'var(--nf-success)' : undefined }}>{approvedCount}</span>
@@ -1925,69 +2272,127 @@ export function NovelPanel({ controller, api }: NovelPanelProps) {
                 <span className={css.assetStatValue}>{totalChars}</span>
                 <span className={css.assetStatDetail}>已生成正文累计</span>
               </div>
+              <div className={css.assetStat}>
+                <span className={css.assetStatLabel}>当前卷</span>
+                <span className={css.assetStatValue} style={{ fontSize: 13 }}>{currentVolumeName}</span>
+                <span className={css.assetStatDetail}>正在推进的卷</span>
+              </div>
+              <div className={css.assetStat}>
+                <span className={css.assetStatLabel}>最近创作</span>
+                <span className={css.assetStatValue} style={{ fontSize: 13 }}>{lastUpdated}</span>
+                <span className={css.assetStatDetail}>最近生成/编辑时间</span>
+              </div>
             </div>
 
-            {/* 双栏：左待办队列 + 右资产健康 */}
-            <div className={css.dashGrid}>
-              <div className={css.card}>
-                <span className={css.cardTitle}>待办队列</span>
-                {todos.length === 0 ? (
-                  <span className={css.meta}>🎉 暂无待办，一切顺畅</span>
-                ) : (
-                  todos.map((todo, i) => (
-                    <div key={i} className={`${css.todoItem} ${todo.tone === 'danger' ? css.todoDanger : todo.tone === 'warning' ? css.todoWarning : css.todoInfo}`}>
-                      <span className={css.todoText}>
-                        {todo.title}
-                        {todo.description !== '' && <span className={css.meta}> — {todo.description}</span>}
-                      </span>
-                      <button type="button" className={`${css.button} ${css.buttonSmall}`} disabled={busy} onClick={() => { todo.onClick() }}>
-                        {todo.actionLabel}
-                      </button>
-                    </div>
-                  ))
-                )}
+            {/* 资产健康：独占一行（道藏/卷计划/写作资产/伏笔 + 全书质检） */}
+            <div className={css.card}>
+              <div className={css.row} style={{ justifyContent: 'space-between' }}>
+                <span className={css.cardTitle}>资产健康</span>
+                <button type="button" className={`${css.button} ${css.buttonSmall}`} disabled={busy || doneCount === 0} onClick={() => { void handleAudit() }} title="LLM 扫描全本已生成章节，检查人名/境界/资源/时间线矛盾">
+                  🔍 全书质检
+                </button>
+              </div>
+              <div className={css.assetGrid}>
+                <div className={css.assetStat}>
+                  <span className={css.assetStatLabel}>道藏</span>
+                  <span className={css.assetStatValue} style={{ color: bible !== undefined ? 'var(--nf-success)' : 'var(--nf-text-3)' }}>
+                    {bible !== undefined ? `✓ ${bible.worldRules.length} 条规则` : '未生成'}
+                  </span>
+                  <span className={css.assetStatDetail}>
+                    {bible !== undefined ? `${bible.characters.length} 人物 · ${bible.redLines.length} 红线` : '提炼人设 / 世界观 / 金手指'}
+                  </span>
+                </div>
+                <div className={css.assetStat}>
+                  <span className={css.assetStatLabel}>卷计划</span>
+                  <span className={css.assetStatValue} style={{ color: volumes !== undefined ? 'var(--nf-success)' : 'var(--nf-text-3)' }}>
+                    {volumes !== undefined ? `${volumes.length} 卷` : '未生成'}
+                  </span>
+                  <span className={css.assetStatDetail} title={volumes?.map(v => v.title).join(' / ')}>
+                    {volumes !== undefined ? volumes.map(v => v.title).join(' / ') : '按剧情弧线划分全书'}
+                  </span>
+                </div>
+                <div className={css.assetStat}>
+                  <span className={css.assetStatLabel}>写作资产</span>
+                  <span className={css.assetStatValue} style={{ color: assetCount > 0 ? 'var(--nf-success)' : 'var(--nf-text-3)' }}>
+                    {assetCount} 项
+                  </span>
+                  <span className={css.assetStatDetail} title={assetSummary}>{assetSummary}</span>
+                </div>
+                <div className={css.assetStat}>
+                  <span className={css.assetStatLabel}>伏笔</span>
+                  <span className={css.assetStatValue}>{foreshadows.length} 条</span>
+                  <span className={css.assetStatDetail}>
+                    {foreshadows.filter(f => f.status === 'planned').length} 待埋 · {foreshadows.filter(f => f.status === 'resolved').length} 已回收
+                  </span>
+                </div>
               </div>
+            </div>
+
+            {/* 剧情线进度 | 作者复盘趋势：精简摘要卡，并排（点击跳转详情页） */}
+            <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(300px, 1fr))', gap: 14, alignItems: 'stretch' }}>
               <div className={css.card}>
-                <div className={css.row} style={{ justifyContent: 'space-between' }}>
-                  <span className={css.cardTitle}>资产健康</span>
-                  <button type="button" className={`${css.button} ${css.buttonSmall}`} disabled={busy || doneCount === 0} onClick={() => { void handleAudit() }} title="LLM 扫描全本已生成章节，检查人名/境界/资源/时间线矛盾">
-                    🔍 全书质检
+                <div className={css.row} style={{ justifyContent: 'space-between', flexWrap: 'wrap' }}>
+                  <span className={css.cardTitle}>🧵 {tt('plotlines.workflowTitle')}（{(project?.plotlines ?? []).length} 条）</span>
+                  <button type="button" className={`${css.button} ${css.buttonSmall}`} onClick={() => { setActiveTab('plotlines') }} title="查看完整剧情线管理页">
+                    查看全部 →
                   </button>
                 </div>
-                <div className={css.assetGrid}>
-                  <div className={css.assetStat}>
-                    <span className={css.assetStatLabel}>道藏</span>
-                    <span className={css.assetStatValue} style={{ color: bible !== undefined ? 'var(--nf-success)' : 'var(--nf-text-3)' }}>
-                      {bible !== undefined ? `✓ ${bible.worldRules.length} 条规则` : '未生成'}
-                    </span>
-                    <span className={css.assetStatDetail}>
-                      {bible !== undefined ? `${bible.characters.length} 人物 · ${bible.redLines.length} 红线` : '提炼人设 / 世界观 / 金手指'}
-                    </span>
-                  </div>
-                  <div className={css.assetStat}>
-                    <span className={css.assetStatLabel}>卷计划</span>
-                    <span className={css.assetStatValue} style={{ color: volumes !== undefined ? 'var(--nf-success)' : 'var(--nf-text-3)' }}>
-                      {volumes !== undefined ? `${volumes.length} 卷` : '未生成'}
-                    </span>
-                    <span className={css.assetStatDetail} title={volumes?.map(v => v.title).join(' / ')}>
-                      {volumes !== undefined ? volumes.map(v => v.title).join(' / ') : '按剧情弧线划分全书'}
-                    </span>
-                  </div>
-                  <div className={css.assetStat}>
-                    <span className={css.assetStatLabel}>写作资产</span>
-                    <span className={css.assetStatValue} style={{ color: assetCount > 0 ? 'var(--nf-success)' : 'var(--nf-text-3)' }}>
-                      {assetCount} 项
-                    </span>
-                    <span className={css.assetStatDetail} title={assetSummary}>{assetSummary}</span>
-                  </div>
-                  <div className={css.assetStat}>
-                    <span className={css.assetStatLabel}>伏笔</span>
-                    <span className={css.assetStatValue}>{foreshadows.length} 条</span>
-                    <span className={css.assetStatDetail}>
-                      {foreshadows.filter(f => f.status === 'planned').length} 待埋 · {foreshadows.filter(f => f.status === 'resolved').length} 已回收
+                {(() => {
+                  const all = project?.plotlines ?? []
+                  const active = all.filter(l => l.status === 'active').length
+                  const paused = all.filter(l => l.status === 'paused').length
+                  const resolved = all.filter(l => l.status === 'resolved').length
+                  const main = all.find(l => l.kind === 'main' && l.status === 'active')
+                  const withLinks = all.filter(l => l.chapters.length > 0)
+                  const latest = withLinks.sort((a, b) => Math.max(...b.chapters) - Math.max(...a.chapters))[0]
+                  if (all.length === 0) return <span className={css.meta}>{tt('plotlines.workflowEmpty')}</span>
+                  return (
+                    <span className={css.meta}>
+                      {active} 推进中 · {paused} 暂停 · {resolved} 已完结
+                      {main !== undefined && <> · 主线：{main.name}</>}
+                      {latest !== undefined && <> · 最近推进：{latest.name}（第 {Math.max(...latest.chapters)} 章）</>}
                     </span>
+                  )
+                })()}
+              </div>
+
+              <div className={css.card}>
+                <div className={css.row} style={{ justifyContent: 'space-between', flexWrap: 'wrap' }}>
+                  <span className={css.cardTitle}>📋 作者复盘（最近 {Math.min(6, chapters.filter(c => c.authorReview !== undefined).length)} 章）</span>
+                  <div className={css.row}>
+                    {(() => {
+                      const missing = chapters.filter(c => c.status !== 'pending' && c.status !== 'generating' && c.authorReview === undefined).length
+                      return missing > 0 && (
+                        <button
+                          type="button"
+                          className={`${css.button} ${css.buttonSmall}`}
+                          disabled={busy}
+                          onClick={() => { void handleAuthorBackfillAll() }}
+                          title="对历史已写章节逐章补跑作者复盘（不重新生成正文，每章约 2000 token）"
+                        >
+                          ↻ 补齐（{missing}）
+                        </button>
+                      )
+                    })()}
+                    <button type="button" className={`${css.button} ${css.buttonSmall}`} onClick={() => { setActiveTab('reviews') }} title="查看按卷分组的全部复盘记录">
+                      查看全部 →
+                    </button>
                   </div>
                 </div>
+                {(() => {
+                  const reviewed = chapters.filter(c => c.authorReview !== undefined)
+                  if (reviewed.length === 0) {
+                    return <span className={css.meta}>尚无作者复盘——生成/审稿后自动生成，或点「补齐」为已写章节补跑。</span>
+                  }
+                  const honored = reviewed.filter(c => c.authorReview!.hookHonored).length
+                  const avg = Math.round(reviewed.reduce((s, c) => s + c.authorReview!.endingHook, 0) / reviewed.length * 10) / 10
+                  const last = reviewed[reviewed.length - 1]!
+                  return (
+                    <span className={css.meta}>
+                      钩子兑现 {honored}/{reviewed.length} · 结尾钩子均分 {avg} · 最近：第 {last.no} 章（钩子{last.authorReview!.hookHonored ? '✓' : '✗'} {last.authorReview!.endingHook}/10）
+                    </span>
+                  )
+                })()}
               </div>
             </div>
 
@@ -2028,6 +2433,26 @@ export function NovelPanel({ controller, api }: NovelPanelProps) {
                 )}
               </div>
             )}
+
+            {/* 待办队列（活动输出已移入「工具 → 工作进度」悬浮窗） */}
+            <div className={css.card}>
+              <span className={css.cardTitle}>待办队列</span>
+              {todos.length === 0 ? (
+                <span className={css.meta}>🎉 暂无待办，一切顺畅</span>
+              ) : (
+                todos.map((todo, i) => (
+                  <div key={i} className={`${css.todoItem} ${todo.tone === 'danger' ? css.todoDanger : todo.tone === 'warning' ? css.todoWarning : css.todoInfo}`}>
+                    <span className={css.todoText}>
+                      {todo.title}
+                      {todo.description !== '' && <span className={css.meta}> — {todo.description}</span>}
+                    </span>
+                    <button type="button" className={`${css.button} ${css.buttonSmall}`} disabled={busy} onClick={() => { todo.onClick() }}>
+                      {todo.actionLabel}
+                    </button>
+                  </div>
+                ))
+              )}
+            </div>
           </>
         )}
 
@@ -2239,9 +2664,9 @@ export function NovelPanel({ controller, api }: NovelPanelProps) {
         {activeTab === 'plan' && (
           <>
             <div className={css.card}>
-              <div className={css.row} style={{ justifyContent: 'space-between' }}>
+              <div className={css.row} style={{ justifyContent: 'space-between', flexWrap: 'wrap' }}>
                 <span className={css.cardTitle}>{tt('tab.plan')}</span>
-                <div className={css.row}>
+                <div className={css.row} style={{ flexWrap: 'wrap' }}>
                   <span className={css.meta}>{tt('plan.generateHint')}</span>
                   <input
                     className={css.input}
@@ -2256,23 +2681,78 @@ export function NovelPanel({ controller, api }: NovelPanelProps) {
                   <button type="button" className={`${css.button} ${css.buttonPrimary}`} disabled={busy || outlineText.length < 50} onClick={() => { void handlePlan() }}>
                     {tt('plan.generate')}
                   </button>
+                  <button type="button" className={`${css.button} ${css.buttonSmall}`} disabled={busy || doneCount === 0} onClick={() => { void handleSensitiveScan() }} title={tt('sensitive.hint')}>
+                    🔞 {tt('sensitive.scanAll')}
+                  </button>
                 </div>
               </div>
-              {volumes !== undefined && volumes.length > 0 && (
-                <div className={css.row}>
-                  {volumes.map(v => (
-                    <span key={v.no} className={css.badge} style={{ borderColor: 'var(--nf-accent)', color: 'var(--nf-accent)' }}>
-                      {v.no}. {v.title}（{v.chapterStart}-{v.chapterEnd}）
-                    </span>
-                  ))}
-                </div>
-              )}
             </div>
 
+            {sensHits !== null && (
+              <div className={css.card} style={{ borderColor: sensHits.length > 0 ? 'var(--nf-warn)' : 'var(--nf-success)' }}>
+                <div className={css.row} style={{ justifyContent: 'space-between', flexWrap: 'wrap' }}>
+                  <span className={css.cardTitle}>
+                    {sensHits.length === 0
+                      ? tt('sensitive.clean', { n: sensScanned })
+                      : tt('sensitive.hits', { n: sensHits.length, chapters: new Set(sensHits.map(h => h.chapterNo)).size })}
+                  </span>
+                  <button type="button" className={`${css.button} ${css.buttonSmall}`} onClick={() => { setSensHits(null) }}>收起</button>
+                </div>
+                <span className={css.meta}>{tt('sensitive.hint')}</span>
+                {sensHits.length > 0 && (
+                  <div style={{ display: 'flex', flexDirection: 'column', gap: 4, maxHeight: 300, overflowY: 'auto', fontSize: 12 }}>
+                    {sensHits.map((hit, i) => (
+                      <div key={i} style={{ display: 'flex', gap: 8, alignItems: 'flex-start', border: '1px solid var(--nf-border)', borderRadius: 6, padding: '4px 8px' }}>
+                        <span className={css.badge} style={{ borderColor: 'var(--nf-warn)', color: 'var(--nf-warn)', flex: 'none' }}>
+                          {hit.chapterNo > 0 ? `第${hit.chapterNo}章` : '文本'}
+                        </span>
+                        <span className={css.meta} style={{ flex: 1 }}>
+                          <b style={{ color: 'var(--nf-error)' }}>{hit.word}</b> ×{hit.count} · [{hit.category}]
+                        </span>
+                        {hit.chapterNo > 0 && (
+                          <button
+                            type="button"
+                            className={`${css.button} ${css.buttonSmall}`}
+                            disabled={busy}
+                            onClick={() => { void openWorkspace(hit.chapterNo, tt('sensitive.fixPrefill', { word: hit.word, category: hit.category })) }}
+                          >
+                            {tt('sensitive.goFix')}
+                          </button>
+                        )}
+                      </div>
+                    ))}
+                  </div>
+                )}
+              </div>
+            )}
+
             {chapters.length > 0 && (
               <div className={css.card}>
-                <div className={css.row} style={{ justifyContent: 'space-between' }}>
-                  <span className={css.meta}>共 {chapters.length} 章 · 已完成 {doneCount} · 待生成 {pendingCount}</span>
+                <div className={css.row} style={{ justifyContent: 'space-between', flexWrap: 'wrap' }}>
+                  <div className={css.row} style={{ flexWrap: 'wrap', gap: 6 }}>
+                    {(volumes !== undefined && volumes.length > 0) && (
+                      <>
+                        <button
+                          type="button"
+                          className={`${css.button} ${css.buttonSmall} ${selectedVolume === 'all' ? css.buttonPrimary : ''}`}
+                          onClick={() => { setSelectedVolume('all') }}
+                        >
+                          全部卷
+                        </button>
+                        {volumes.map(v => (
+                          <button
+                            key={v.no}
+                            type="button"
+                            className={`${css.button} ${css.buttonSmall} ${selectedVolume === v.no ? css.buttonPrimary : ''}`}
+                            onClick={() => { setSelectedVolume(v.no) }}
+                            title={`第${v.no}卷 · ${v.chapterStart}-${v.chapterEnd} 章`}
+                          >
+                            {v.no}. {v.title}（{v.chapterStart}-{v.chapterEnd}）
+                          </button>
+                        ))}
+                      </>
+                    )}
+                  </div>
                   {pendingCount > 0 && (
                     <button type="button" className={`${css.button} ${css.buttonPrimary}`} disabled={busy} onClick={() => { void handleWriteAll() }}>
                       {tt('plan.writeAllPending')}（{pendingCount}）
@@ -2280,7 +2760,7 @@ export function NovelPanel({ controller, api }: NovelPanelProps) {
                   )}
                 </div>
                 <div className={css.chapterList}>
-                  {chapterGroups.map(group => {
+                  {chapterGroups.filter(g => selectedVolume === 'all' || g.no === selectedVolume).map(group => {
                     const collapsed = group.no !== 0 && collapsedVolumes.includes(group.no)
                     const groupDone = group.chapters.filter(c => c.status === 'approved' || c.status === 'written' || c.status === 'rejected').length
                     return (
@@ -2344,6 +2824,41 @@ export function NovelPanel({ controller, api }: NovelPanelProps) {
                                   )}
                                 </div>
                               )}
+                              {chapter.authorReview === undefined && chapter.status !== 'pending' && chapter.status !== 'generating' && (
+                                <div className={css.row}>
+                                  <button
+                                    type="button"
+                                    className={`${css.button} ${css.buttonSmall}`}
+                                    disabled={busy}
+                                    onClick={() => { void handleAuthorBackfillChapter(chapter.no) }}
+                                    title="对该章补跑一次作者复盘（读取已落盘正文，不重新生成）"
+                                  >
+                                    📋 生成作者复盘
+                                  </button>
+                                </div>
+                              )}
+                              {chapter.authorReview !== undefined && (
+                                <div className={css.reviewBox} style={{ borderColor: 'color-mix(in srgb, var(--nf-info) 45%, transparent)' }}>
+                                  <div className={css.row} style={{ justifyContent: 'space-between' }}>
+                                    <b>📋 作者复盘</b>
+                                    <span style={{ color: chapter.authorReview.hookHonored ? 'var(--nf-success)' : 'var(--nf-warn)' }}>
+                                      钩子{chapter.authorReview.hookHonored ? '已兑现 ✓' : '未兑现 ✗'} · 结尾钩子 {chapter.authorReview.endingHook}/10
+                                    </span>
+                                  </div>
+                                  {chapter.authorReview.hookNote !== '' && (
+                                    <div className={css.meta}><b>钩子：</b>{chapter.authorReview.hookNote}</div>
+                                  )}
+                                  {chapter.authorReview.plotlineProgress !== '' && (
+                                    <div className={css.meta}><b>推进：</b>{chapter.authorReview.plotlineProgress}</div>
+                                  )}
+                                  {chapter.authorReview.continuity !== '' && (
+                                    <div className={css.meta}><b>衔接：</b>{chapter.authorReview.continuity}</div>
+                                  )}
+                                  {chapter.authorReview.trend !== '' && (
+                                    <div className={css.meta}><b>趋势：</b>{chapter.authorReview.trend}</div>
+                                  )}
+                                </div>
+                              )}
                               {(chapter.status === 'rejected' || chapter.status === 'written' || chapter.status === 'approved') && (
                                 <div style={{ display: 'flex', flexDirection: 'column', gap: 6 }}>
                                   <div className={css.meta} style={{ fontWeight: 600 }}>
@@ -2411,24 +2926,85 @@ export function NovelPanel({ controller, api }: NovelPanelProps) {
                 </div>
               </div>
             )}
+          </>
+        )}
 
-            <div className={css.card}>
-              <span className={css.cardTitle}>{tt('plan.progress')}</span>
-              <div className={css.progress}>
-                {progress.length === 0 && <span className={css.meta}>{tt('progress.empty')}</span>}
-                {progress.map(line => (
-                  <div key={line.id} className={line.kind === 'done' ? css.progressLineDone : line.kind === 'error' ? css.progressLineError : line.live === true ? css.progressLineLive : css.progressLine}>
-                    {line.live === true && (
-                      <span className={css.progressBar}>
-                        <span className={css.progressBarFill} style={{ width: `${Math.round((line.ratio ?? 0) * 100)}%` }} />
-                      </span>
-                    )}
-                    {line.text}
-                  </div>
-                ))}
+        {activeTab === 'reviews' && (
+          <div className={css.card} style={{ flex: 1, minHeight: 0 }}>
+            <div className={css.row} style={{ justifyContent: 'space-between', flexWrap: 'wrap' }}>
+              <span className={css.cardTitle}>📋 复盘记录（{chapters.filter(c => c.authorReview !== undefined).length} 章已复盘）</span>
+              <div className={css.row}>
+                {(() => {
+                  const missing = chapters.filter(c => c.status !== 'pending' && c.status !== 'generating' && c.authorReview === undefined).length
+                  return missing > 0 && (
+                    <button
+                      type="button"
+                      className={`${css.button} ${css.buttonSmall} ${css.buttonPrimary}`}
+                      disabled={busy}
+                      onClick={() => { void handleAuthorBackfillAll() }}
+                      title="对历史已写章节逐章补跑作者复盘"
+                    >
+                      ↻ 补齐缺失复盘（{missing}）
+                    </button>
+                  )
+                })()}
               </div>
             </div>
-          </>
+            {(() => {
+              const reviewed = chapters.filter(c => c.authorReview !== undefined)
+              if (reviewed.length === 0) {
+                return <span className={css.meta}>尚无作者复盘——生成/审稿后自动生成，或点「补齐缺失复盘」为已写章节补跑。</span>
+              }
+              const honored = reviewed.filter(c => c.authorReview!.hookHonored).length
+              const avg = Math.round(reviewed.reduce((s, c) => s + c.authorReview!.endingHook, 0) / reviewed.length * 10) / 10
+              return (
+                <span className={css.meta} style={{ fontWeight: 600 }}>
+                  钩子兑现 {honored}/{reviewed.length} · 结尾钩子均分 {avg}/10
+                </span>
+              )
+            })()}
+            <div style={{ display: 'flex', flexDirection: 'column', gap: 10, overflowY: 'auto', flex: 1, minHeight: 0 }}>
+              {chapterGroups.map(group => {
+                const groupReviewed = group.chapters.filter(c => c.authorReview !== undefined)
+                if (groupReviewed.length === 0) return null
+                return (
+                  <div key={group.no} style={{ display: 'flex', flexDirection: 'column', gap: 4 }}>
+                    <div className={css.row} style={{ alignItems: 'center', gap: 8 }}>
+                      <b style={{ fontSize: 13 }}>{group.title}</b>
+                      <span className={css.meta}>已复盘 {groupReviewed.length}/{group.chapters.length} 章</span>
+                    </div>
+                    {[...groupReviewed].reverse().map(c => {
+                      const ar = c.authorReview!
+                      const expanded = expandedReviewChapter === c.no
+                      return (
+                        <div key={c.no} style={{ border: '1px solid var(--nf-border)', borderRadius: 8, overflow: 'hidden' }}>
+                          <button
+                            type="button"
+                            style={{ width: '100%', textAlign: 'left', border: 'none', background: 'transparent', cursor: 'pointer', padding: '6px 10px', fontSize: 12, display: 'flex', alignItems: 'center', gap: 6, flexWrap: 'wrap' }}
+                            onClick={() => { setExpandedReviewChapter(expanded ? null : c.no) }}
+                          >
+                            <span style={{ color: 'var(--nf-text-3)' }}>{expanded ? '▾' : '▸'}</span>
+                            <b>第{c.no}章《{c.title}》</b>
+                            <span style={{ color: ar.hookHonored ? 'var(--nf-success)' : 'var(--nf-warn)' }}>钩子{ar.hookHonored ? '✓' : '✗'}</span>
+                            <span style={{ color: ar.endingHook >= 6 ? 'var(--nf-success)' : 'var(--nf-error)' }}>结尾钩子 {ar.endingHook}/10</span>
+                            {ar.plotlineProgress !== '' && <span className={css.meta} style={{ marginLeft: 4 }}>{ar.plotlineProgress.slice(0, 40)}{ar.plotlineProgress.length > 40 ? '…' : ''}</span>}
+                          </button>
+                          {expanded && (
+                            <div style={{ padding: '4px 10px 8px', fontSize: 12, display: 'flex', flexDirection: 'column', gap: 3, borderTop: '1px solid var(--nf-border)' }}>
+                              {ar.hookNote !== '' && <span className={css.meta}><b>钩子：</b>{ar.hookNote}</span>}
+                              {ar.plotlineProgress !== '' && <span className={css.meta}><b>推进：</b>{ar.plotlineProgress}</span>}
+                              {ar.continuity !== '' && <span className={css.meta}><b>衔接：</b>{ar.continuity}</span>}
+                              {ar.trend !== '' && <span className={css.meta}><b>趋势：</b>{ar.trend}</span>}
+                            </div>
+                          )}
+                        </div>
+                      )
+                    })}
+                  </div>
+                )
+              })}
+            </div>
+          </div>
         )}
 
         {activeTab === 'bible' && (
@@ -2564,6 +3140,44 @@ export function NovelPanel({ controller, api }: NovelPanelProps) {
           </div>
         )}
 
+        {/* 角色知情度：信息差管理 */}
+        {activeTab === 'characters' && (
+          <div className={css.card}>
+            <div className={css.row} style={{ justifyContent: 'space-between', flexWrap: 'wrap' }}>
+              <span className={css.cardTitle}>角色知情度（信息差管理）</span>
+              <button type="button" className={`${css.button} ${css.buttonSmall} ${css.buttonPrimary}`} disabled={busy || (bible?.characters ?? []).length === 0} onClick={() => { void handleKnowledgeSave() }}>
+                💾 保存知情度
+              </button>
+            </div>
+            <span className={css.meta}>
+              填写每个角色「已经知道」的事实/秘密（每行一条）。生成与审稿会严格遵守：未列出的信息该角色一律不知道——避免"不该知道的人知道了"。
+            </span>
+            {(bible?.characters ?? []).length === 0 ? (
+              <span className={css.meta}>暂无角色卡——先在「道藏」提炼设定。</span>
+            ) : (
+              <div style={{ display: 'flex', flexDirection: 'column', gap: 8 }}>
+                {bible!.characters.map(card => (
+                  <div key={card.name} style={{ border: '1px solid var(--nf-border)', borderRadius: 10, padding: '8px 10px', fontSize: 12 }}>
+                    <div className={css.row} style={{ justifyContent: 'space-between' }}>
+                      <b>{card.name}</b>
+                      <span className={css.meta}>
+                        {card.role === 'protagonist' ? '主角' : card.role === 'supporting' ? '配角' : card.role === 'antagonist' ? '反派' : '其他'}
+                      </span>
+                    </div>
+                    <textarea
+                      className={css.textarea}
+                      style={{ minHeight: 52, fontSize: 12 }}
+                      placeholder="每行一条该角色知道的信息，例如：林越的真实身份 / 古玉残片的秘密…"
+                      value={knowledgeDraft[card.name] ?? (card.knowledge ?? []).join('\n')}
+                      onChange={e => { setKnowledgeDraft(prev => ({ ...prev, [card.name]: e.target.value })) }}
+                    />
+                  </div>
+                ))}
+              </div>
+            )}
+          </div>
+        )}
+
         {/* 写作资产 5 个子分类（左侧导航直达） */}
         {activeTab === 'assetsGenre' && <AssetsTab api={api} initialTab="genre" />}
         {activeTab === 'assetsProgression' && <AssetsTab api={api} initialTab="progression" />}
@@ -2683,6 +3297,18 @@ export function NovelPanel({ controller, api }: NovelPanelProps) {
                   <option value="0">✗ 否</option>
                 </select>
               </div>
+              <div className={css.field} style={{ flex: 1 }}>
+                <label className={css.fieldLabel}>{tt('settings.autoAuthorReview')}</label>
+                <select
+                  className={css.input}
+                  value={configDraft.autoAuthorReview ? '1' : '0'}
+                  onChange={e => { setConfigDraft({ ...configDraft, autoAuthorReview: e.target.value === '1' }) }}
+                >
+                  <option value="1">✓ 是</option>
+                  <option value="0">✗ 否</option>
+                </select>
+                <span className={css.meta}>{tt('settings.autoAuthorReviewHint')}</span>
+              </div>
             </div>
             <div className={css.row}>
               <button type="button" className={`${css.button} ${css.buttonPrimary}`} disabled={busy} onClick={() => { void handleSaveConfig() }}>
@@ -2702,25 +3328,310 @@ export function NovelPanel({ controller, api }: NovelPanelProps) {
                 {tt('settings.exportMd')}
               </button>
             </div>
-            {/* 编年录 / 时间线 */}
-            {(project?.facts ?? []).length > 0 && (
-              <div className={css.card}>
-                <span className={css.cardTitle}>编年录 / 时间线（{(project?.facts ?? []).length} 条）</span>
-                <span className={css.meta}>
-                  每章生成后自动抽取「已确立事实」（人物状态/境界资源/关系变化/伏笔落地），最近 20 条注入后续章节生成，保证长期一致。
-                </span>
-                <div style={{ display: 'flex', flexDirection: 'column', gap: 4, maxHeight: 300, overflowY: 'auto', fontSize: 12 }}>
-                  {[...(project?.facts ?? [])].reverse().slice(0, 60).map((fact, i) => (
-                    <div key={i} style={{ display: 'flex', gap: 8, alignItems: 'flex-start' }}>
-                      <span className={css.badge} style={{ borderColor: 'var(--nf-text-3)', color: 'var(--nf-text-3)', flex: 'none', marginTop: 1 }}>
-                        第 {fact.chapterNo} 章
-                      </span>
-                      <span className={css.meta}>{fact.text}</span>
+          </div>
+        )}
+
+        {activeTab === 'settings' && (
+          <div className={css.card}>
+            <span className={css.cardTitle}>{tt('settings.theme')}</span>
+            <div className={css.row} style={{ gap: 8, flexWrap: 'wrap' }}>
+              <button
+                type="button"
+                className={`${css.button} ${css.buttonSmall} ${panelTheme === 'liquid' ? css.buttonPrimary : ''}`}
+                onClick={() => { changePanelTheme('liquid') }}
+                title="iOS 液态玻璃质感 · 绿色强调（当前默认）"
+              >
+                🧊 {tt('settings.themeLiquid')}
+              </button>
+              <button
+                type="button"
+                className={`${css.button} ${css.buttonSmall} ${panelTheme === 'classic' ? css.buttonPrimary : ''}`}
+                onClick={() => { changePanelTheme('classic') }}
+                title="经典 iOS 毛玻璃 · 蓝色强调"
+              >
+                💠 {tt('settings.themeClassic')}
+              </button>
+              <button
+                type="button"
+                className={`${css.button} ${css.buttonSmall} ${panelTheme === 'neumorph' ? css.buttonPrimary : ''}`}
+                onClick={() => { changePanelTheme('neumorph') }}
+                title="新拟物派 · 双阴影立体（仅浅色；深色下自动回退液态）"
+              >
+                🔘 {tt('settings.themeNeumorph')}
+              </button>
+              <span className={css.meta}>{tt('settings.themeHint')}</span>
+            </div>
+          </div>
+        )}
+
+        {activeTab === 'facts' && (
+          <div className={css.card}>
+            <div className={css.busyRow} style={{ flexWrap: 'wrap' }}>
+              <span className={css.cardTitle}>{tt('facts.title', { n: (project?.facts ?? []).length })}</span>
+              <button
+                type="button"
+                className={`${css.button} ${css.buttonSmall}`}
+                disabled={busy || chapters.length === 0}
+                onClick={() => { void handleFactsBackfill() }}
+                title="用 LLM 从历史章节正文重新抽取事实，补齐缺失的编年录条目"
+              >
+                📥 {tt('facts.backfill')}
+              </button>
+            </div>
+            <span className={css.meta}>{tt('facts.hint')}</span>
+            {(project?.facts ?? []).length > 0 ? (
+              <div style={{ display: 'flex', flexDirection: 'column', gap: 4, maxHeight: '60vh', overflowY: 'auto', fontSize: 12 }}>
+                {[...(project?.facts ?? [])].reverse().map((fact, i) => (
+                  <div key={i} style={{ display: 'flex', gap: 8, alignItems: 'flex-start' }}>
+                    <span className={css.badge} style={{ borderColor: 'var(--nf-text-3)', color: 'var(--nf-text-3)', flex: 'none', marginTop: 1 }}>
+                      第 {fact.chapterNo} 章
+                    </span>
+                    <span className={css.meta}>{fact.text}</span>
+                  </div>
+                ))}
+              </div>
+            ) : (
+              <span className={css.meta}>暂无事实条目——写一章后会自动生成，或点击上方「回填」。</span>
+            )}
+          </div>
+        )}
+
+        {activeTab === 'plotlines' && (
+          <div className={css.card} style={{ flex: 1, minHeight: 0 }}>
+            <div className={css.row} style={{ justifyContent: 'space-between', flexWrap: 'wrap' }}>
+              <span className={css.cardTitle}>{tt('tab.plotlines')}（{project?.plotlines?.length ?? 0}）</span>
+              <div className={css.row} style={{ flexWrap: 'wrap' }}>
+                <button
+                  type="button"
+                  className={`${css.button} ${css.buttonSmall}`}
+                  disabled={busy || outlineText.length < 50}
+                  onClick={() => { void handlePlotlineHealth() }}
+                  title="根据已写章节数与各线推进情况，判断是否需要新增剧情线、建议多少章后添加"
+                >
+                  🩺 剧情健康检查
+                </button>
+                <button
+                  type="button"
+                  className={`${css.button} ${css.buttonSmall}`}
+                  disabled={busy || outlineText.length < 50}
+                  onClick={() => { void handlePlotlinePlan() }}
+                  title="AI 设计下一阶段剧情方案：未来 5-10 章方向 + 2-3 条建议新线"
+                >
+                  ✨ 设计剧情方案
+                </button>
+                <button
+                  type="button"
+                  className={`${css.button} ${css.buttonSmall}`}
+                  disabled={busy || outlineText.length < 50}
+                  onClick={() => { void handlePlotlineSuggest() }}
+                  title="AI 根据大纲/卷计划/已写章节/编年录，提炼候选剧情线"
+                >
+                  ✨ AI 建议剧情线
+                </button>
+                {plotlineDraft === null && (
+                  <button
+                    type="button"
+                    className={`${css.button} ${css.buttonSmall} ${css.buttonPrimary}`}
+                    onClick={() => { setPlotlineDraft({ id: '', name: '', kind: 'main', goal: '', progress: '', status: 'active' }) }}
+                  >
+                    {tt('plotlines.new')}
+                  </button>
+                )}
+              </div>
+            </div>
+            <span className={css.meta}>{tt('plotlines.hint')}</span>
+
+            {plotlineHealth !== null && (
+              <div style={{ display: 'flex', flexDirection: 'column', gap: 6, border: '1px solid var(--nf-info)', borderRadius: 12, padding: 10 }}>
+                <div className={css.row} style={{ justifyContent: 'space-between', flexWrap: 'wrap' }}>
+                  <b>🩺 剧情健康检查</b>
+                  <span style={{ display: 'flex', gap: 8 }}>
+                    <button
+                      type="button"
+                      className={`${css.button} ${css.buttonSmall}`}
+                      disabled={busy}
+                      onClick={() => { void handlePlotlinePlan() }}
+                      title="基于本次诊断生成下一阶段剧情方案"
+                    >
+                      ✨ 基于此设计方案
+                    </button>
+                    <button type="button" className={`${css.button} ${css.buttonSmall}`} onClick={() => { setPlotlineHealth(null) }}>收起</button>
+                  </span>
+                </div>
+                <div style={{ fontSize: 12, fontWeight: 700, color: 'var(--nf-accent)' }}>判定：{plotlineHealth.verdict}</div>
+                {plotlineHealth.timing !== '' && <div className={css.meta}><b>建议时机：</b>{plotlineHealth.timing}</div>}
+                {plotlineHealth.reasons.length > 0 && (
+                  <div style={{ display: 'flex', flexDirection: 'column', gap: 2, fontSize: 12 }}>
+                    {plotlineHealth.reasons.map((r, i) => <div key={i} className={css.meta}>· {r}</div>)}
+                  </div>
+                )}
+                {plotlineHealth.lines.length > 0 && (
+                  <div style={{ display: 'flex', flexDirection: 'column', gap: 4, fontSize: 12 }}>
+                    {plotlineHealth.lines.map((l, i) => {
+                      const color = l.health === 'ok' ? 'var(--nf-success)' : l.health === 'warning' ? 'var(--nf-warn)' : 'var(--nf-error)'
+                      const label = l.health === 'ok' ? '健康' : l.health === 'warning' ? '预警' : '搁置过久'
+                      return (
+                        <div key={i} style={{ display: 'flex', gap: 8, alignItems: 'flex-start' }}>
+                          <span className={css.badge} style={{ borderColor: color, color, flex: 'none', marginTop: 1 }}>{label}</span>
+                          <span className={css.meta}><b>{l.name}</b>：{l.note}</span>
+                        </div>
+                      )
+                    })}
+                  </div>
+                )}
+              </div>
+            )}
+
+            {plotlinePlan !== null && (
+              <div style={{ display: 'flex', flexDirection: 'column', gap: 6, border: '1px solid var(--nf-accent)', borderRadius: 12, padding: 10 }}>
+                <div className={css.row} style={{ justifyContent: 'space-between', flexWrap: 'wrap' }}>
+                  <b>✨ AI 剧情方案</b>
+                  <button type="button" className={`${css.button} ${css.buttonSmall}`} onClick={() => { setPlotlinePlan(null) }}>收起</button>
+                </div>
+                {plotlinePlan.direction !== '' && (
+                  <div className={css.meta} style={{ fontSize: 12 }}><b>下一阶段方向：</b>{plotlinePlan.direction}</div>
+                )}
+                {plotlinePlan.suggestions.length > 0 && (
+                  <div style={{ display: 'flex', flexDirection: 'column', gap: 4, fontSize: 12 }}>
+                    {plotlinePlan.suggestions.map((s, i) => {
+                      const kindLabel = { main: tt('plotlines.kindMain'), branch: tt('plotlines.kindBranch'), character: tt('plotlines.kindCharacter'), mystery: tt('plotlines.kindMystery') }[s.kind]
+                      return (
+                        <div key={i} style={{ border: '1px solid var(--nf-border)', borderRadius: 8, padding: '6px 10px' }}>
+                          <div className={css.row} style={{ justifyContent: 'space-between', flexWrap: 'wrap' }}>
+                            <span style={{ display: 'flex', alignItems: 'center', gap: 6, flexWrap: 'wrap' }}>
+                              <b>{s.name}</b>
+                              <span className={css.badge} style={{ borderColor: 'var(--nf-accent)', color: 'var(--nf-accent)' }}>{kindLabel}</span>
+                            </span>
+                            <button type="button" className={`${css.button} ${css.buttonSmall} ${css.buttonPrimary}`} disabled={busy} onClick={() => { void handlePlanAdopt(s) }}>
+                              ＋ 采纳
+                            </button>
+                          </div>
+                          {s.goal !== '' && <div className={css.meta}>{s.goal}</div>}
+                          {s.progress !== '' && <div className={css.meta}>初始进度：{s.progress}</div>}
+                        </div>
+                      )
+                    })}
+                  </div>
+                )}
+              </div>
+            )}
+
+            {plotlineSuggestions !== null && (
+              <div style={{ display: 'flex', flexDirection: 'column', gap: 6, border: '1px solid var(--nf-info)', borderRadius: 12, padding: 10 }}>
+                <div className={css.row} style={{ justifyContent: 'space-between', flexWrap: 'wrap' }}>
+                  <b>✨ AI 建议（{plotlineSuggestions.length} 条）</b>
+                  <button type="button" className={`${css.button} ${css.buttonSmall}`} onClick={() => { setPlotlineSuggestions(null) }}>收起</button>
+                </div>
+                {plotlineSuggestions.length === 0 && <span className={css.meta}>没有候选线。</span>}
+                {plotlineSuggestions.map((s, i) => {
+                  const kindLabel = { main: tt('plotlines.kindMain'), branch: tt('plotlines.kindBranch'), character: tt('plotlines.kindCharacter'), mystery: tt('plotlines.kindMystery') }[s.kind]
+                  return (
+                    <div key={i} style={{ border: '1px solid var(--nf-border)', borderRadius: 8, padding: '6px 10px', fontSize: 12 }}>
+                      <div className={css.row} style={{ justifyContent: 'space-between', flexWrap: 'wrap' }}>
+                        <span style={{ display: 'flex', alignItems: 'center', gap: 6, flexWrap: 'wrap' }}>
+                          <b>{s.name}</b>
+                          <span className={css.badge} style={{ borderColor: 'var(--nf-accent)', color: 'var(--nf-accent)' }}>{kindLabel}</span>
+                        </span>
+                        <button type="button" className={`${css.button} ${css.buttonSmall} ${css.buttonPrimary}`} disabled={busy} onClick={() => { void handlePlotlineAdopt(s) }}>
+                          ＋ 采纳
+                        </button>
+                      </div>
+                      {s.goal !== '' && <div className={css.meta}>{s.goal}</div>}
                     </div>
-                  ))}
+                  )
+                })}
+              </div>
+            )}
+
+            {plotlineDraft !== null && (
+              <div style={{ display: 'flex', flexDirection: 'column', gap: 8, border: '1px solid var(--nf-accent)', borderRadius: 12, padding: 10 }}>
+                <div className={css.row} style={{ flexWrap: 'wrap' }}>
+                  <div className={css.field} style={{ flex: 2, minWidth: 160 }}>
+                    <label className={css.fieldLabel}>{tt('plotlines.name')}</label>
+                    <input className={css.input} value={plotlineDraft.name} onChange={e => { setPlotlineDraft({ ...plotlineDraft, name: e.target.value }) }} placeholder="如：集齐古玉残片" />
+                  </div>
+                  <div className={css.field} style={{ flex: 1 }}>
+                    <label className={css.fieldLabel}>{tt('plotlines.kind')}</label>
+                    <select className={css.input} value={plotlineDraft.kind} onChange={e => { setPlotlineDraft({ ...plotlineDraft, kind: e.target.value as Plotline['kind'] }) }}>
+                      <option value="main">{tt('plotlines.kindMain')}</option>
+                      <option value="branch">{tt('plotlines.kindBranch')}</option>
+                      <option value="character">{tt('plotlines.kindCharacter')}</option>
+                      <option value="mystery">{tt('plotlines.kindMystery')}</option>
+                    </select>
+                  </div>
+                  <div className={css.field} style={{ flex: 1 }}>
+                    <label className={css.fieldLabel}>{tt('plotlines.status')}</label>
+                    <select className={css.input} value={plotlineDraft.status} onChange={e => { setPlotlineDraft({ ...plotlineDraft, status: e.target.value as Plotline['status'] }) }}>
+                      <option value="active">{tt('plotlines.statusActive')}</option>
+                      <option value="paused">{tt('plotlines.statusPaused')}</option>
+                      <option value="resolved">{tt('plotlines.statusResolved')}</option>
+                      <option value="abandoned">{tt('plotlines.statusAbandoned')}</option>
+                    </select>
+                  </div>
+                </div>
+                <div className={css.field}>
+                  <label className={css.fieldLabel}>{tt('plotlines.goal')}</label>
+                  <textarea className={css.textarea} style={{ minHeight: 48 }} value={plotlineDraft.goal} onChange={e => { setPlotlineDraft({ ...plotlineDraft, goal: e.target.value }) }} />
+                </div>
+                <div className={css.field}>
+                  <label className={css.fieldLabel}>{tt('plotlines.progress')}</label>
+                  <textarea className={css.textarea} style={{ minHeight: 40 }} value={plotlineDraft.progress} onChange={e => { setPlotlineDraft({ ...plotlineDraft, progress: e.target.value }) }} placeholder="如：已取得第二枚残片，正追踪第三枚线索" />
+                </div>
+                <div className={css.row}>
+                  <button type="button" className={`${css.button} ${css.buttonSmall} ${css.buttonPrimary}`} disabled={busy} onClick={() => { void handlePlotlineSave() }}>
+                    {tt('plotlines.save')}
+                  </button>
+                  <button type="button" className={`${css.button} ${css.buttonSmall}`} onClick={() => { setPlotlineDraft(null) }}>
+                    {tt('plotlines.cancel')}
+                  </button>
                 </div>
               </div>
             )}
+
+            {(project?.plotlines ?? []).length === 0 ? (
+              <span className={css.meta}>{tt('plotlines.empty')}</span>
+            ) : (
+              <div style={{ display: 'flex', flexDirection: 'column', gap: 8, overflowY: 'auto', flex: 1, minHeight: 0 }}>
+                {(project?.plotlines ?? []).map(line => {
+                  const kindLabel = { main: tt('plotlines.kindMain'), branch: tt('plotlines.kindBranch'), character: tt('plotlines.kindCharacter'), mystery: tt('plotlines.kindMystery') }[line.kind]
+                  const statusLabel = { active: tt('plotlines.statusActive'), paused: tt('plotlines.statusPaused'), resolved: tt('plotlines.statusResolved'), abandoned: tt('plotlines.statusAbandoned') }[line.status]
+                  const statusColor = line.status === 'resolved' ? 'var(--nf-success)' : line.status === 'abandoned' ? 'var(--nf-text-3)' : line.status === 'paused' ? 'var(--nf-warn)' : 'var(--nf-accent)'
+                  return (
+                    <div key={line.id} style={{ border: '1px solid var(--nf-border)', borderRadius: 10, padding: '8px 12px', fontSize: 12, display: 'flex', flexDirection: 'column', gap: 4 }}>
+                      <div className={css.row} style={{ justifyContent: 'space-between', flexWrap: 'wrap' }}>
+                        <span style={{ display: 'flex', alignItems: 'center', gap: 6, flexWrap: 'wrap' }}>
+                          <b>{line.name}</b>
+                          <span className={css.badge} style={{ borderColor: 'var(--nf-accent)', color: 'var(--nf-accent)' }}>{kindLabel}</span>
+                          <span className={css.badge} style={{ borderColor: statusColor, color: statusColor }}>{statusLabel}</span>
+                        </span>
+                        <span style={{ display: 'flex', gap: 6 }}>
+                          <button
+                            type="button"
+                            className={`${css.button} ${css.buttonSmall}`}
+                            disabled={busy}
+                            onClick={() => { void handlePlotlineRefresh(line.id) }}
+                            title="AI 结合编年录与章节摘要，自动更新这条线的当前进度"
+                          >
+                            ↻ AI 刷新进度
+                          </button>
+                          <button type="button" className={`${css.button} ${css.buttonSmall}`} disabled={busy} onClick={() => { setPlotlineDraft({ id: line.id, name: line.name, kind: line.kind, goal: line.goal, progress: line.progress, status: line.status }) }}>
+                            {tt('plotlines.edit')}
+                          </button>
+                          <button type="button" className={`${css.button} ${css.buttonSmall}`} disabled={busy} onClick={() => { void handlePlotlineRemove(line.id) }}>
+                            {tt('plotlines.remove')}
+                          </button>
+                        </span>
+                      </div>
+                      {line.goal !== '' && <div className={css.meta}><b>{tt('plotlines.goal')}：</b>{line.goal}</div>}
+                      {line.progress !== '' && <div className={css.meta}><b>{tt('plotlines.progress')}：</b>{line.progress}</div>}
+                      <div className={css.meta}>
+                        {tt('plotlines.chapters')}：{line.chapters.length > 0 ? line.chapters.map(n => `第${n}章`).join('、') : '—'}
+                      </div>
+                    </div>
+                  )
+                })}
+              </div>
+            )}
           </div>
         )}
         </>)}
@@ -2739,7 +3650,7 @@ export function NovelPanel({ controller, api }: NovelPanelProps) {
             className={css.assistantFloatHeader}
             onMouseDown={e => {
               e.preventDefault()
-              dragState.current = { type: 'move', startX: e.clientX, startY: e.clientY, origX: assistantPos.x, origY: assistantPos.y, origW: assistantSize.w, origH: assistantSize.h }
+              dragState.current = { type: 'move', target: 'assistant', startX: e.clientX, startY: e.clientY, origX: assistantPos.x, origY: assistantPos.y, origW: assistantSize.w, origH: assistantSize.h }
             }}
           >
             <span>💬 AI 助手 <span className={css.meta}>（拖动标题栏移动 · 右下角拉大小）</span></span>
@@ -2753,7 +3664,83 @@ export function NovelPanel({ controller, api }: NovelPanelProps) {
             onMouseDown={e => {
               e.preventDefault()
               e.stopPropagation()
-              dragState.current = { type: 'resize', startX: e.clientX, startY: e.clientY, origX: assistantPos.x, origY: assistantPos.y, origW: assistantSize.w, origH: assistantSize.h }
+              dragState.current = { type: 'resize', target: 'assistant', startX: e.clientX, startY: e.clientY, origX: assistantPos.x, origY: assistantPos.y, origW: assistantSize.w, origH: assistantSize.h }
+            }}
+          />
+        </div>
+      )}
+
+      {/* 工作进度悬浮窗：可拖动、可拉大小（同 AI 助手），承接活动输出 + 当前任务进度 */}
+      {progressOpen && (
+        <div
+          className={css.assistantFloat}
+          style={{ left: progressPos.x, top: progressPos.y, width: progressSize.w, height: progressSize.h }}
+        >
+          <div
+            className={css.assistantFloatHeader}
+            onMouseDown={e => {
+              e.preventDefault()
+              dragState.current = { type: 'move', target: 'progress', startX: e.clientX, startY: e.clientY, origX: progressPos.x, origY: progressPos.y, origW: progressSize.w, origH: progressSize.h }
+            }}
+          >
+            <span>
+              📊 工作进度
+              {busy && <span style={{ color: 'var(--nf-accent)' }}> 🟢 任务进行中</span>}
+              <span className={css.meta}>（拖动标题栏移动 · 右下角拉大小）</span>
+            </span>
+            <span style={{ display: 'flex', alignItems: 'center', gap: 4 }}>
+              {progress.length > 0 && (
+                <button type="button" className={`${css.button} ${css.buttonSmall}`} onClick={() => { setProgress([]) }} title="清空活动记录">
+                  清空
+                </button>
+              )}
+              <button type="button" className={css.iconButton} title="关闭" aria-label="关闭工作进度" onClick={() => { setProgressOpen(false) }}>×</button>
+            </span>
+          </div>
+          <div className={css.assistantFloatBody} style={{ padding: 10, display: 'flex', flexDirection: 'column', gap: 8, overflow: 'hidden' }}>
+            {/* 当前任务大进度条：进行中显示 */}
+            {(busy && (busyLabel !== '' || liveBar !== null)) && (
+              <div style={{ border: '1px solid var(--nf-accent)', borderRadius: 10, padding: '8px 12px', display: 'flex', flexDirection: 'column', gap: 5, background: 'color-mix(in srgb, var(--nf-accent) 6%, transparent)' }}>
+                <span style={{ fontSize: 12, fontWeight: 600, color: 'var(--nf-accent)' }}>
+                  ✍ {busyLabel !== '' ? busyLabel : (liveBar?.text ?? '任务进行中')}…
+                </span>
+                {liveBar?.ratio !== undefined && (
+                  <div className={css.bigProgressBar}>
+                    <div className={css.bigProgressBarFill} style={{ width: `${Math.round(liveBar.ratio * 100)}%` }} />
+                  </div>
+                )}
+                {liveBar?.text !== undefined && <span className={css.liveText}>{liveBar.text}</span>}
+              </div>
+            )}
+            {/* 活动记录列表（标题行已并入窗口标题栏，清空按钮在右上角） */}
+            <div className={css.progress} style={{ flex: 1, minHeight: 0, overflowY: 'auto', border: '1px solid var(--nf-border)', borderRadius: 10, background: 'var(--nf-bg-inset)', padding: 8, display: 'flex', flexDirection: 'column' }}>
+              {progress.length === 0 ? (
+                <div style={{ flex: 1, display: 'flex', flexDirection: 'column', alignItems: 'center', justifyContent: 'center', gap: 4, color: 'var(--nf-text-3)', fontSize: 12, minHeight: 120 }}>
+                  <span style={{ fontSize: 22 }}>📭</span>
+                  <span>暂无活动记录</span>
+                  <span>生成、审稿等操作会显示在这里</span>
+                </div>
+              ) : (
+                progress.map(line => (
+                  <div key={line.id} className={line.kind === 'done' ? css.progressLineDone : line.kind === 'error' ? css.progressLineError : line.live === true ? css.progressLineLive : css.progressLine}>
+                    {line.live === true && (
+                      <span className={css.progressBar}>
+                        <span className={css.progressBarFill} style={{ width: `${Math.round((line.ratio ?? 0) * 100)}%` }} />
+                      </span>
+                    )}
+                    {line.text}
+                  </div>
+                ))
+              )}
+              <div ref={progressEndRef} />
+            </div>
+          </div>
+          <div
+            className={css.assistantResize}
+            onMouseDown={e => {
+              e.preventDefault()
+              e.stopPropagation()
+              dragState.current = { type: 'resize', target: 'progress', startX: e.clientX, startY: e.clientY, origX: progressPos.x, origY: progressPos.y, origW: progressSize.w, origH: progressSize.h }
             }}
           />
         </div>