@waterwx/dsh-novel-forge 2.1.2-alpha → 2.1.3

package/src/client/panel/CreateBookView.tsx

@@ -1,371 +0,0 @@
-/**
- * 开书向导：独立页面视图 —— 书名 + 大纲（选择 docx / 拖拽 / 粘贴），
- * 实时书名识别与题材提示，开书即建项目并进入工作台。
- * 另含「想法 → AI 大纲」：输入一句话想法生成 2-3 个方案，可暂留换批，选中后回填大纲框。
- */
-import { useRef, useState } from 'react'
-import type { NovelApi } from '../api.ts'
-import { setCurrentBook } from '../api.ts'
-import type { OutlineCandidate } from '../../protocol.ts'
-import { extractDocxTextFromBuffer } from '../docx.ts'
-import css from './panel.module.css'
-
-/** 从大纲首行推断书名（与服务端 inferBookName 一致，供实时预览）。 */
-function inferBookNamePreview(outline: string): string {
-  const line = outline.split('\n').map(l => l.trim()).find(l => l.length > 0)
-  if (line === undefined) return ''
-  return line.replace(/^《/, '').replace(/》.*$/, '').slice(0, 40)
-}
-
-/** 简单题材识别（提示用）。 */
-function guessGenre(outline: string): string | null {
-  const map: Array<[string, string[]]> = [
-    ['仙侠修真', ['仙', '修', '灵根', '元婴', '宗门', '飞升']],
-    ['都市', ['都市', '公司', '外卖', '职场', '总裁']],
-    ['玄幻', ['斗气', '魂力', '大陆', '斗罗', '神']],
-    ['悬疑', ['悬疑', '密室', '案件', '推理', '凶']],
-    ['科幻', ['机甲', '星舰', 'AI', '未来', '星际']],
-    ['历史', ['朝代', '皇帝', '将军', '古代', '王朝']],
-    ['游戏', ['游戏', '副本', '装备', '等级', '职业']],
-  ]
-  for (const [genre, keywords] of map) {
-    if (keywords.some(k => outline.includes(k))) return genre
-  }
-  return null
-}
-
-/** 开书向导页。 */
-export function CreateBookView({
-  api,
-  onBack,
-  onCreated,
-  initialIdea,
-  initialName,
-}: {
-  api: NovelApi
-  /** 返回书架。 */
-  onBack: () => void
-  /** 开书成功：进入新书工作台。 */
-  onCreated: (id: string) => void
-  /** 从「创意灵感」带过来的起步想法（预填到「一句话想法」输入框）。 */
-  initialIdea?: string
-  /** 从「创意灵感」带过来的初始书名。 */
-  initialName?: string
-}) {
-  const [name, setName] = useState(initialName ?? '')
-  const [outlineText, setOutlineText] = useState('')
-  const [outlineName, setOutlineName] = useState('')
-  const [dragActive, setDragActive] = useState(false)
-  const [busy, setBusy] = useState(false)
-  const [error, setError] = useState('')
-  const outlineFileRef = useRef<HTMLInputElement | null>(null)
-
-  // ---- 想法 → AI 大纲状态 ----
-  const hasPrefill = initialIdea !== undefined && initialIdea.trim() !== ''
-  const [ideaOpen, setIdeaOpen] = useState(hasPrefill)
-  const [idea, setIdea] = useState(initialIdea ?? '')
-  const [suggesting, setSuggesting] = useState(false)
-  const [candidates, setCandidates] = useState<OutlineCandidate[]>([])
-  const [pinned, setPinned] = useState<string[]>([])
-  /** 回填后提示（如「已填入方案A，可继续修改」）。 */
-  const [fillNotice, setFillNotice] = useState('')
-  /** 选定方案自带的题材（创建后自动预填到本书创作资产）。 */
-  const [selectedGenre, setSelectedGenre] = useState('')
-
-  const autoName = inferBookNamePreview(outlineText)
-  const effectiveName = name.trim() !== '' ? name.trim() : autoName
-  const genre = guessGenre(outlineText)
-
-  const handlePickOutlineFile = async (file: File | undefined): Promise<void> => {
-    if (file === undefined) return
-    try {
-      const buffer = await file.arrayBuffer()
-      const text = extractDocxTextFromBuffer(buffer)
-      if (text.length < 50) {
-        setError('大纲内容过短（<50 字符），请检查文件')
-        return
-      }
-      setOutlineText(text)
-      setOutlineName(file.name)
-      if (name.trim() === '') setName(inferBookNamePreview(text))
-      setError('')
-    } catch (err) {
-      setError(`读取大纲失败：${(err as Error).message}`)
-    }
-  }
-
-  /** 生成/换批：只补未暂留的空槽；exclude 传已暂留方案的卖点方向。 */
-  const handleSuggest = async (): Promise<void> => {
-    if (idea.trim().length < 10) {
-      setError('想法太短（<10 字）：至少写一句完整想法，如「男主穿越修仙界靠做菜无敌」')
-      return
-    }
-    setSuggesting(true)
-    setError('')
-    try {
-      const exclude = candidates
-        .filter(c => pinned.includes(c.id))
-        .map(c => `${c.bookName}：${c.sellingPoint}${c.genre !== '' ? `（${c.genre}）` : ''}`)
-      const count = Math.max(1, 3 - pinned.length)
-      const result = await api.outlineSuggest(idea.trim(), count, exclude)
-      // 换批合并：已暂留的原地保留，新生成的补充进空槽。
-      setCandidates(prev => {
-        const kept = prev.filter(c => pinned.includes(c.id))
-        return [...kept, ...result.candidates].slice(0, 3)
-      })
-      setFillNotice('')
-    } catch (err) {
-      setError((err as Error).message)
-    } finally {
-      setSuggesting(false)
-    }
-  }
-
-  /** 暂留/取消暂留。 */
-  const togglePin = (id: string): void => {
-    setPinned(prev => prev.includes(id) ? prev.filter(x => x !== id) : [...prev, id])
-  }
-
-  /** 选中方案：回填大纲框 + 书名，滚动到上方。 */
-  const handlePick = (candidate: OutlineCandidate): void => {
-    setOutlineText(candidate.outline)
-    setName(candidate.bookName)
-    setSelectedGenre(candidate.genre ?? '')
-    setFillNotice(`已填入方案《${candidate.bookName}》（${candidate.genre}），可继续修改后开书`)
-    setIdeaOpen(false)
-    window.scrollTo({ top: 0, behavior: 'smooth' })
-  }
-
-  const handleCreate = async (): Promise<void> => {
-    if (effectiveName === '') {
-      setError('请填写书名，或提供大纲自动识别')
-      return
-    }
-    setBusy(true)
-    setError('')
-    try {
-      const snapshot = await api.bookCreate(effectiveName, undefined, outlineText.trim() !== '' ? outlineText.trim() : undefined)
-      const created = snapshot.books.find(b => b.id === snapshot.activeBookId)
-      if (created !== undefined) {
-        // 选定方案自带题材，或从大纲关键词识别到题材 → 创建后自动预填到本书创作资产（失败不阻断开书）。
-        const detectedGenre = selectedGenre.trim() !== '' ? selectedGenre.trim() : (guessGenre(outlineText) ?? '')
-        if (detectedGenre !== '') {
-          try {
-            setCurrentBook(created.id)
-            await api.patchAssets({ genre: { name: detectedGenre, description: '', children: [] } })
-          } catch { /* ignore */ }
-        }
-        onCreated(created.id)
-      } else {
-        setError('开书失败：未找到新书')
-      }
-    } catch (err) {
-      setError((err as Error).message)
-    } finally {
-      setBusy(false)
-    }
-  }
-
-  return (
-    <div className={css.createBookView}>
-      <div className={css.createBookTop}>
-        <button type="button" className={css.iconButton} title="返回书架" aria-label="返回书架" onClick={onBack}>
-          ← 书架
-        </button>
-      </div>
-
-      <div className={css.createBookCard}>
-        <span className={css.createBookIcon}>✒️</span>
-        <h2 className={css.createBookTitle}>开书向导</h2>
-        <span className={css.meta}>把一份大纲「编译」成一本完整的小说</span>
-
-        {error !== '' && (
-          <div className={css.card} style={{ borderColor: 'var(--nf-error)', padding: 'var(--nf-space-8) var(--nf-space-12)' }}>
-            <span style={{ color: 'var(--nf-error)', fontSize: 'var(--nf-fs-12)' }}>{error}</span>
-          </div>
-        )}
-
-        {fillNotice !== '' && (
-          <div className={css.card} style={{ borderColor: 'var(--nf-success)', padding: 'var(--nf-space-8) var(--nf-space-12)' }}>
-            <span style={{ color: 'var(--nf-success)', fontSize: 'var(--nf-fs-12)' }}>✅ {fillNotice}</span>
-          </div>
-        )}
-
-        <div className={css.field}>
-          <label className={css.fieldLabel}>书名</label>
-          <input
-            className={css.input}
-            placeholder={autoName !== '' ? `自动识别：${autoName}` : '输入书名（提供大纲后自动识别）'}
-            value={name}
-            onChange={e => { setName(e.target.value) }}
-            onKeyDown={e => { if (e.key === 'Enter') void handleCreate() }}
-            autoFocus
-          />
-        </div>
-
-        <div className={css.field}>
-          <label className={css.fieldLabel}>大纲</label>
-          <div
-            className={`${css.dropzone} ${dragActive ? css.dropzoneActive : ''}`}
-            role="button"
-            tabIndex={0}
-            aria-label="选择或拖入 docx 大纲文件"
-            onClick={() => { outlineFileRef.current?.click() }}
-            onKeyDown={e => { if (e.key === 'Enter' || e.key === ' ') { e.preventDefault(); outlineFileRef.current?.click() } }}
-            onDragOver={e => { e.preventDefault(); setDragActive(true) }}
-            onDragLeave={() => { setDragActive(false) }}
-            onDrop={e => {
-              e.preventDefault()
-              setDragActive(false)
-              void handlePickOutlineFile(e.dataTransfer.files?.[0])
-            }}
-          >
-            <span className={css.dropzoneIcon}>📄</span>
-            <span>{outlineName !== '' ? `已选择：${outlineName}` : '点击选择 docx 大纲，或将文件拖到这里'}</span>
-            <span className={css.meta}>推荐提供大纲：开书即建立项目，书名自动识别</span>
-            <input
-              ref={outlineFileRef}
-              type="file"
-              accept=".docx,application/vnd.openxmlformats-officedocument.wordprocessingml.document"
-              style={{ display: 'none' }}
-              onChange={e => {
-                void handlePickOutlineFile(e.target.files?.[0])
-                e.target.value = ''
-              }}
-            />
-          </div>
-          <textarea
-            className={css.textarea}
-            style={{ minHeight: 130 }}
-            placeholder="或直接粘贴大纲文本（50 字以上）…"
-            value={outlineText}
-            onChange={e => { setOutlineText(e.target.value) }}
-            spellCheck={false}
-          />
-        </div>
-
-        {(outlineText.trim().length > 0 || effectiveName !== '') && (
-          <div className={css.row} style={{ flexWrap: 'wrap' }}>
-            {outlineText.trim().length > 0 && <span className={css.meta}>大纲 {outlineText.length} 字</span>}
-            {effectiveName !== '' && <span className={css.meta}>书名：{effectiveName}</span>}
-            {genre !== null && <span className={css.meta}>题材：{genre}</span>}
-          </div>
-        )}
-
-        {/* 想法 → AI 大纲（可折叠） */}
-        <div className={css.ideaCard}>
-          <button
-            type="button"
-            className={css.ideaToggle}
-            onClick={() => { setIdeaOpen(v => !v) }}
-            aria-expanded={ideaOpen}
-          >
-            ✨ {ideaOpen ? '▾' : '▸'} 没有大纲？用一句话想法让 AI 生成
-          </button>
-          {ideaOpen && (
-            <div style={{ display: 'flex', flexDirection: 'column', gap: 'var(--nf-space-8)' }}>
-              <textarea
-                className={css.textarea}
-                style={{ minHeight: 60 }}
-                placeholder="例如：现代外卖员被雷劈穿越到修仙世界，靠祖传古玉捡漏发育，苟着苟着成了大佬…（≥50 字）"
-                value={idea}
-                onChange={e => { setIdea(e.target.value) }}
-                spellCheck={false}
-              />
-              <div className={css.row} style={{ flexWrap: 'wrap' }}>
-                <button
-                  type="button"
-                  className={`${css.button} ${css.buttonSmall} ${css.buttonPrimary}`}
-                  disabled={suggesting || idea.trim().length < 10}
-                  onClick={() => { void handleSuggest() }}
-                  title="生成 3 个方向不同的大纲方案供选择（约消耗 6-8k token）"
-                >
-                  {suggesting ? '⏳ 生成中…' : candidates.length === 0 ? '✨ 生成大纲方案' : `↻ 换一批（${Math.max(1, 3 - pinned.length)} 个）`}
-                </button>
-                {candidates.length > 0 && (
-                  <span className={css.meta}>
-                    已暂留 {pinned.length}/3 · 换批保留已暂留，只补新方案
-                  </span>
-                )}
-              </div>
-
-              {/* 方案卡 */}
-              {candidates.length > 0 && (
-                <div style={{ display: 'flex', flexDirection: 'column', gap: 'var(--nf-space-8)' }}>
-                  {candidates.map(candidate => {
-                    const isPinned = pinned.includes(candidate.id)
-                    return (
-                      <div
-                        key={candidate.id}
-                        className={css.ideaCandidate}
-                        style={isPinned ? { borderColor: 'var(--nf-accent)', boxShadow: '0 0 0 2px var(--nf-accent-soft)' } : undefined}
-                      >
-                        <div className={css.row} style={{ justifyContent: 'space-between', flexWrap: 'wrap', gap: 'var(--nf-space-6)' }}>
-                          <span style={{ display: 'flex', alignItems: 'center', gap: 'var(--nf-space-8)', flexWrap: 'wrap' }}>
-                            <b>《{candidate.bookName}》</b>
-                            {candidate.genre !== '' && <span className={css.badge} style={{ borderColor: 'var(--nf-accent)', color: 'var(--nf-accent)' }}>{candidate.genre}</span>}
-                            {isPinned && <span className={css.badge} style={{ borderColor: 'var(--nf-warn)', color: 'var(--nf-warn)' }}>★ 已暂留</span>}
-                          </span>
-                          <span style={{ display: 'flex', gap: 'var(--nf-space-6)' }}>
-                            <button
-                              type="button"
-                              className={`${css.button} ${css.buttonSmall} ${isPinned ? '' : css.buttonPrimary}`}
-                              onClick={() => { togglePin(candidate.id) }}
-                              title={isPinned ? '取消暂留：下次换批会覆盖此槽位' : '暂留此方案：换批时保留，继续对比新方案'}
-                            >
-                              {isPinned ? '★ 取消暂留' : '☆ 暂留'}
-                            </button>
-                            <button
-                              type="button"
-                              className={`${css.button} ${css.buttonSmall} ${css.buttonPrimary}`}
-                              onClick={() => { handlePick(candidate) }}
-                              title="将这份大纲填入上方大纲框（可继续修改后开书）"
-                            >
-                              选这个
-                            </button>
-                          </span>
-                        </div>
-                        {candidate.sellingPoint !== '' && (
-                          <div className={css.meta}><b>卖点：</b>{candidate.sellingPoint}</div>
-                        )}
-                        <div
-                          className={css.meta}
-                          style={{
-                            display: '-webkit-box',
-                            WebkitLineClamp: 4,
-                            WebkitBoxOrient: 'vertical',
-                            overflow: 'hidden',
-                            whiteSpace: 'pre-wrap',
-                          }}
-                          title={candidate.outline}
-                        >
-                          {candidate.outline}
-                        </div>
-                      </div>
-                    )
-                  })}
-                  {pinned.length >= 3 && (
-                    <span className={css.meta}>已暂留全部方案——直接挑一个「选这个」即可；换批需先取消某个暂留。</span>
-                  )}
-                </div>
-              )}
-            </div>
-          )}
-        </div>
-
-        <button
-          type="button"
-          className={`${css.button} ${css.buttonPrimary}`}
-          style={{ width: '100%', padding: 'var(--nf-space-10) 0', fontSize: 'var(--nf-fs-14)' }}
-          disabled={busy || effectiveName === ''}
-          onClick={() => { void handleCreate() }}
-        >
-          ✨ 开书并进入工作台
-        </button>
-        <span className={css.meta} style={{ textAlign: 'center' }}>
-          未提供大纲也能开书，稍后可在大纲页导入
-        </span>
-      </div>
-    </div>
-  )
-}

package/src/client/panel/DirectorView.tsx

@@ -1,200 +0,0 @@
-/**
- * 自动编辑：基于全书上下文，给出下一卷/阶段编排建议 + 修复再平衡。
- * 生成后提供「傻瓜式」后续：一条条采纳 → 加入剧情线 / 加入待办，一键复制。
- */
-import { useEffect, useState } from 'react'
-import type { NovelApi } from '../api.ts'
-import type { DirectorAdvice, DirectorTodo } from '../../protocol.ts'
-import css from './panel.module.css'
-
-export default function DirectorView({ api, todos, onTodosChange }: { api: NovelApi; todos: DirectorTodo[]; onTodosChange?: (todos: DirectorTodo[]) => void }): JSX.Element {
-  const [focus, setFocus] = useState('')
-  const [busy, setBusy] = useState(false)
-  const [error, setError] = useState('')
-  const [result, setResult] = useState<DirectorAdvice | null>(null)
-  const [adopted, setAdopted] = useState<Set<string>>(new Set())
-  const [todosBusy, setTodosBusy] = useState(false)
-
-  const refreshTodos = async (): Promise<void> => {
-    try {
-      const r = await api.directorTodosList()
-      onTodosChange?.(r.todos)
-    } catch { /* ignore */ }
-  }
-
-  useEffect(() => { void refreshTodos() }, [])
-
-  const markAdopted = (key: string): void => {
-    setAdopted(prev => new Set(prev).add(key))
-  }
-
-  const run = async (): Promise<void> => {
-    setBusy(true); setError('')
-    try {
-      const r = await api.director(focus.trim())
-      setResult(r.result)
-      void refreshTodos()
-    } catch (e) { setError((e as Error).message) } finally { setBusy(false) }
-  }
-
-  const adoptArc = async (s: string): Promise<void> => {
-    try {
-      await api.plotlines({ op: 'add', line: { id: '', name: s.slice(0, 16), kind: 'branch', goal: s, progress: '', status: 'active', chapters: [], createdAt: '' } })
-      markAdopted('arc:' + s)
-    } catch (e) { setError('加入剧情线失败：' + ((e as Error).message)) }
-  }
-
-  const adoptTodo = async (s: string, source: 'risk' | 'fix'): Promise<void> => {
-    try {
-      const r = await api.directorTodosAdd(s, source)
-      onTodosChange?.(r.todos)
-      markAdopted('todo:' + source + ':' + s)
-    } catch (e) { setError('加入待办失败：' + ((e as Error).message)) }
-  }
-
-  const toggleTodo = async (id: string): Promise<void> => {
-    setTodosBusy(true)
-    try {
-      const r = await api.directorTodosToggle(id)
-      onTodosChange?.(r.todos)
-    } catch (e) { setError((e as Error).message) } finally { setTodosBusy(false) }
-  }
-
-  const removeTodo = async (id: string): Promise<void> => {
-    setTodosBusy(true)
-    try {
-      const r = await api.directorTodosRemove(id)
-      onTodosChange?.(r.todos)
-    } catch (e) { setError((e as Error).message) } finally { setTodosBusy(false) }
-  }
-
-  const copyAll = async (): Promise<void> => {
-    if (result === null) return
-    const text = [
-      '【自动编辑】',
-      `总体判断：${result.summary}`,
-      '',
-      '下一阶段节点：',
-      ...(result.nextArc ?? []).map(s => `- ${s}`),
-      '',
-      `节奏板：${result.pacing}`,
-      '',
-      '风险提示：',
-      ...(result.risks ?? []).map(s => `- ${s}`),
-      '',
-      '需要修复/再平衡：',
-      ...(result.fixes ?? []).map(s => `- ${s}`),
-    ].join('\n')
-    try { await navigator.clipboard.writeText(text); setError('') } catch (e) { setError('复制失败：' + ((e as Error).message)) }
-  }
-
-  return (
-    <div className={css.authorPageBody}>
-      <div className={`${css.card} ${css.settingsCard}`} style={{ gap: 'var(--nf-space-10)' }}>
-        <span className={css.cardTitle}>🎬 自动编辑</span>
-        <span className={css.meta}>结合本书分卷/剧情线/伏笔/最近事实，给出下一阶段编排 + 修复再平衡。可什么都不填直接生成。</span>
-        <textarea className={css.input} style={{ minHeight: 90, resize: 'vertical' }} value={focus} onChange={e => setFocus(e.target.value)} placeholder="可选：聚焦某个方向，如「主角成长节奏」「反派压迫感」「感情线处理」「下一卷转折」…" />
-        <div style={{ display: 'flex', alignItems: 'center', gap: 8, flexWrap: 'wrap' }}>
-          <button type="button" className={`${css.button} ${css.buttonPrimary}`} disabled={busy} onClick={() => { void run() }}>
-            {busy ? '编排中…' : '生成编排建议'}
-          </button>
-          {result !== null && (
-            <button type="button" className={css.button} onClick={() => { void copyAll() }}>📋 一键复制</button>
-          )}
-        </div>
-      </div>
-
-      {error !== '' && <div style={{ color: 'var(--nf-error)', fontSize: 13 }}>⚠ {error}</div>}
-
-      {/* 傻瓜式指引：生成后置顶 */}
-      {result !== null && (
-        <div className={`${css.card} ${css.settingsCard}`} style={{ gap: 'var(--nf-space-6)' }}>
-          <div style={{ fontSize: 14, fontWeight: 600 }}>🧭 这份建议怎么用（三步）</div>
-          <ol style={{ margin: 0, paddingLeft: 18, display: 'grid', gap: 4, fontSize: 13 }}>
-            <li>先看「风险 / 修复」，点每条旁的 <b>加入待办</b>，记下来逐个处理。</li>
-            <li>「下一阶段节点」每条可 <b>加入剧情线</b>，直接把下一步方向写进本书。</li>
-            <li>「节奏板」对照你当前写到的地方，看该加快还是放慢；不确定就点 <b>一键复制</b> 保存。</li>
-          </ol>
-        </div>
-      )}
-
-      {result !== null && (
-        <div style={{ display: 'grid', gap: 'var(--nf-space-10)' }}>
-          <div className={`${css.card} ${css.settingsCard}`} style={{ gap: 'var(--nf-space-6)' }}>
-            <div style={{ fontSize: 15, fontWeight: 600 }}>总体判断</div>
-            <div style={{ fontSize: 13 }}>{result.summary}</div>
-          </div>
-
-          <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(300px, 1fr))', gap: 'var(--nf-space-10)' }}>
-            <div className={`${css.card} ${css.settingsCard}`} style={{ gap: 'var(--nf-space-6)' }}>
-              <div style={{ fontSize: 15, fontWeight: 600 }}>下一阶段剧情节点</div>
-              <ol style={{ margin: 0, paddingLeft: 18, display: 'grid', gap: 6, fontSize: 13 }}>
-                {(result.nextArc ?? []).map((s, i) => (
-                  <li key={i} style={{ display: 'flex', gap: 8, alignItems: 'center', flexWrap: 'wrap' }}>
-                    <span style={{ flex: 1, minWidth: 160 }}>{s}</span>
-                    <button type="button" className={`${css.button} ${css.buttonSmall}`} disabled={adopted.has('arc:' + s)} onClick={() => { void adoptArc(s) }}>
-                      {adopted.has('arc:' + s) ? '已加入' : '采纳 → 加入剧情线'}
-                    </button>
-                  </li>
-                ))}
-              </ol>
-            </div>
-            <div className={`${css.card} ${css.settingsCard}`} style={{ gap: 'var(--nf-space-6)' }}>
-              <div style={{ fontSize: 15, fontWeight: 600 }}>节奏板</div>
-              <div style={{ fontSize: 13 }}>{result.pacing}</div>
-            </div>
-          </div>
-
-          <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(300px, 1fr))', gap: 'var(--nf-space-10)' }}>
-            <div className={`${css.card} ${css.settingsCard}`} style={{ gap: 'var(--nf-space-6)' }}>
-              <div style={{ fontSize: 15, fontWeight: 600 }}>风险提示</div>
-              <ul style={{ margin: 0, paddingLeft: 18, display: 'grid', gap: 6, fontSize: 13 }}>
-                {(result.risks ?? []).map((s, i) => (
-                  <li key={i} style={{ display: 'flex', gap: 8, alignItems: 'center', flexWrap: 'wrap' }}>
-                    <span style={{ flex: 1, minWidth: 160 }}>{s}</span>
-                    <button type="button" className={`${css.button} ${css.buttonSmall}`} disabled={adopted.has('todo:risk:' + s)} onClick={() => { void adoptTodo(s, 'risk') }}>
-                      {adopted.has('todo:risk:' + s) ? '已加入' : '采纳 → 加入待办'}
-                    </button>
-                  </li>
-                ))}
-              </ul>
-            </div>
-            <div className={`${css.card} ${css.settingsCard}`} style={{ gap: 'var(--nf-space-6)' }}>
-              <div style={{ fontSize: 15, fontWeight: 600 }}>需要修复/再平衡</div>
-              <ul style={{ margin: 0, paddingLeft: 18, display: 'grid', gap: 6, fontSize: 13 }}>
-                {(result.fixes ?? []).map((s, i) => (
-                  <li key={i} style={{ display: 'flex', gap: 8, alignItems: 'center', flexWrap: 'wrap' }}>
-                    <span style={{ flex: 1, minWidth: 160 }}>{s}</span>
-                    <button type="button" className={`${css.button} ${css.buttonSmall}`} disabled={adopted.has('todo:fix:' + s)} onClick={() => { void adoptTodo(s, 'fix') }}>
-                      {adopted.has('todo:fix:' + s) ? '已加入' : '采纳 → 加入待办'}
-                    </button>
-                  </li>
-                ))}
-              </ul>
-            </div>
-          </div>
-
-          {/* 已采纳待办清单（傻瓜式：勾选处理，做完删掉） */}
-          <div className={`${css.card} ${css.settingsCard}`} style={{ gap: 'var(--nf-space-6)' }}>
-            <div style={{ fontSize: 15, fontWeight: 600 }}>🎬 编辑待办（已采纳）</div>
-            {todos.length === 0 ? (
-              <span className={css.meta}>还没有。点上面「加入待办」，把风险/修复记到这里，做完勾掉。这些也会出现在工作流主页的「待办队列」。</span>
-            ) : (
-              <ul style={{ margin: 0, paddingLeft: 0, listStyle: 'none', display: 'grid', gap: 6, fontSize: 13 }}>
-                {todos.map(t => (
-                  <li key={t.id} style={{ display: 'flex', alignItems: 'center', gap: 8 }}>
-                    <label style={{ display: 'flex', alignItems: 'center', gap: 6, flex: 1, cursor: 'pointer' }}>
-                      <input type="checkbox" checked={t.done} disabled={todosBusy} onChange={() => { void toggleTodo(t.id) }} />
-                      <span style={{ textDecoration: t.done ? 'line-through' : 'none', color: t.done ? 'var(--nf-text-2)' : undefined }}>{t.text}</span>
-                    </label>
-                    <button type="button" className={`${css.button} ${css.buttonSmall}`} title="删除" onClick={() => { void removeTodo(t.id) }}>×</button>
-                  </li>
-                ))}
-              </ul>
-            )}
-          </div>
-        </div>
-      )}
-    </div>
-  )
-}

package/src/client/panel/FlowGuide.tsx

@@ -1,84 +0,0 @@
-/**
- * 漫剧工作台·全流程步骤条（唯一导航，方案X）：
- * ①创建方案 → ②一键生成 → ③分镜 → ④角色定妆 → ⑤场景底图 → ⑥导出使用。
- * 每个步骤对应一个独立页面主体；完成度自动判定（读 project 现有字段）。
- */
-import type { ProjectState } from '../../protocol.ts'
-import css from './panel.module.css'
-
-/** 步骤 → 页面主体的一一对应目标。 */
-export type FlowTarget =
-  | 'plan'      // ① 创建方案页
-  | 'rules'     // ② 视觉规则页
-  | 'skeleton'  // ③ 剧情骨架页（分镜·骨架）
-  | 'table'     // ④ 分镜表页（分镜·分镜表）
-  | 'import'    // ⑤ 导入角色页（角色·导入）
-  | 'makeup'    // ⑥ 角色定妆页（角色·卡片）
-  | 'prompts'   // ⑦ 视频提示词页（分镜·提示词）
-  | 'scenes'    // ⑧ 场景库页
-  | 'props'     // ⑨ 道具库页
-  | 'export'    // ⑩ 导出使用页
-
-export interface FlowStep {
-  no: number
-  label: string
-  hint: string
-  done: boolean
-  target: FlowTarget
-}
-
-/** 依据 project 数据计算 6 步完成度（与存储顺序无关，按生产顺序排列）。 */
-export function computeFlowSteps(project: ProjectState | null, exported?: boolean): FlowStep[] {
-  const plans = project?.mangaPlans ?? []
-  const rules = project?.visualRules ?? []
-  const sbs = project?.storyboards ?? []
-  const manga = project?.mangaRoles ?? []
-  const scenes = project?.scenes ?? []
-  const props = project?.props ?? []
-  const hasSkeleton = sbs.some(e => e.skeleton !== undefined)
-  const hasTable = sbs.some(e => e.table !== undefined)
-  const hasPrompts = sbs.some(e => (e.prompts ?? []).length > 0)
-  return [
-    { no: 1, label: '创建方案', hint: '选基底风格+题材并命名；此后所有提示词按此风格生成', done: plans.length > 0, target: 'plan' },
-    { no: 2, label: '一键生成', hint: '选章节后自动做 剧情骨架→分镜表→角色导入；视频提示词留到⑤', done: hasTable, target: 'import' },
-    { no: 3, label: '角色库', hint: '主要角色定妆图提示词→去即梦出图→建智能角色', done: manga.some(c => c.status === 'anchored'), target: 'makeup' },
-    { no: 4, label: '场景库', hint: '（选做）从正文提炼场景卡并出场景参考图，提示词自动引用', done: scenes.length > 0, target: 'scenes' },
-    { no: 5, label: '道具库', hint: '（选做）从正文提炼常驻道具，提示词里道具外观跨镜头统一', done: props.length > 0, target: 'props' },
-    { no: 6, label: '分镜·提示词', hint: '生成逐镜即梦提示词（可粘贴）→复制去即梦；含导出存档', done: hasPrompts, target: 'prompts' },
-  ]
-}
-
-export function FlowGuide({
-  project,
-  onNavigate,
-  exported,
-}: {
-  project: ProjectState | null
-  onNavigate: (target: FlowTarget) => void
-  exported?: boolean
-}) {
-  const steps = computeFlowSteps(project, exported)
-  const doneCount = steps.filter(s => s.done).length
-  return (
-    <div style={{ display: 'flex', flexDirection: 'column', gap: 'var(--nf-space-6)', marginTop: 'var(--nf-space-8)' }}>
-      <div className={css.row} style={{ justifyContent: 'space-between', flexWrap: 'wrap' }}>
-        <span className={css.meta}>🧭 全流程（{doneCount}/{steps.length}）：每步一个页面，完成自动打勾</span>
-        <span className={css.meta}>点击步骤打开对应页面</span>
-      </div>
-      <div style={{ display: 'flex', flexWrap: 'wrap', gap: 'var(--nf-space-6)' }}>
-        {steps.map(s => (
-          <button
-            key={s.no}
-            type="button"
-            title={s.hint}
-            className={css.button + ' ' + css.buttonSmall + (s.done ? ' ' + css.buttonPrimary : '')}
-            style={{ minWidth: 0 }}
-            onClick={() => { onNavigate(s.target) }}
-          >
-            {s.done ? '✓ ' : s.no + '. '}{s.label}
-          </button>
-        ))}
-      </div>
-    </div>
-  )
-}