@waterwx/dsh-novel-forge 2.0.1-alpha → 2.1.0

package/src/client/panel/CreateBookView.tsx

@@ -1,352 +0,0 @@
-/**
- * 开书向导：独立页面视图 —— 书名 + 大纲（选择 docx / 拖拽 / 粘贴），
- * 实时书名识别与题材提示，开书即建项目并进入工作台。
- * 另含「想法 → AI 大纲」：输入一句话想法生成 2-3 个方案，可暂留换批，选中后回填大纲框。
- */
-import { useRef, useState } from 'react'
-import type { NovelApi } 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,
-}: {
-  api: NovelApi
-  /** 返回书架。 */
-  onBack: () => void
-  /** 开书成功：进入新书工作台。 */
-  onCreated: (id: string) => void
-}) {
-  const [name, setName] = useState('')
-  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 [ideaOpen, setIdeaOpen] = useState(false)
-  const [idea, setIdea] = useState('')
-  const [suggesting, setSuggesting] = useState(false)
-  const [candidates, setCandidates] = useState<OutlineCandidate[]>([])
-  const [pinned, setPinned] = useState<string[]>([])
-  /** 回填后提示（如「已填入方案A，可继续修改」）。 */
-  const [fillNotice, setFillNotice] = 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)
-    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) {
-        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/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>
-  )
-}

package/src/client/panel/GlobalAssetLibraryView.tsx

@@ -1,172 +0,0 @@
-/**
- * 全局写作资产库：只读浏览插件内置的公共资产（题材/反AI规则/风格模板/推进模式）。
- * 内置库为固定内容；实际绑定到某本书在「创作资产」页。
- */
-import { useEffect, useState } from 'react'
-import { Info, BookOpen } from 'lucide-react'
-import type { NovelApi } from '../api.ts'
-import type { AssetsResponse, GenreNode, AntiAiRule, StyleTemplate, ProgressionMode, PlotBeatTemplate } from '../../protocol.ts'
-import css from './panel.module.css'
-
-type Tab = 'genre' | 'antiAi' | 'style' | 'progression' | 'plotBeat'
-
-export function GlobalAssetLibraryView({ api }: { api: NovelApi }) {
-  const [data, setData] = useState<AssetsResponse | null>(null);
-  const [error, setError] = useState('');
-  const [tab, setTab] = useState<Tab>('genre');
-
-  useEffect(() => {
-    let cancelled = false
-    void (async () => {
-      try {
-        const res = await api.assets()
-        if (!cancelled) setData(res)
-      } catch (err) {
-        if (!cancelled) setError((err as Error).message)
-      }
-    })()
-    return () => { cancelled = true }
-  }, [api]);
-
-  const renderGenreDescendants = (children: GenreNode[], depth: number): JSX.Element[] =>
-    children.map(c => (
-      <div key={c.name} style={{ paddingLeft: depth * 12, marginTop: 2 }}>
-        <span className={css.meta}><b>{c.name}</b>：{c.description}</span>
-        {(c.children ?? []).length > 0 && renderGenreDescendants(c.children ?? [], depth + 1)}
-      </div>
-    ));
-
-  const renderGenre = (nodes: GenreNode[]): JSX.Element[] =>
-    nodes.map(n => (
-      <div key={n.name} className={css.assetCard}>
-        <div className={css.assetCardName}>{n.name}</div>
-        <div className={css.meta}>{n.description}</div>
-        {(n.children ?? []).length > 0 && (
-          <div style={{ marginTop: 6 }}>{renderGenreDescendants(n.children ?? [], 0)}</div>
-        )}
-      </div>
-    ));
-
-  const renderAntiAi = (rules: AntiAiRule[]): JSX.Element[] =>
-    rules.map(r => (
-      <div key={r.name} className={css.assetCard}>
-        <div className={css.assetCardTop}><span className={css.assetKind} style={{ color: 'var(--nf-warn)' }}>反AI</span></div>
-        <div className={css.assetCardName}>{r.name}</div>
-        <div className={css.assetCardContent}>避免：{r.avoid}{r.fix !== '' ? '\n修正：' + r.fix : ''}</div>
-        {(r.detectPatterns ?? []).length > 0 && <div className={css.meta}>命中模式：{(r.detectPatterns ?? []).join('、')}</div>}
-      </div>
-    ));
-
-  const renderStyle = (templates: StyleTemplate[]): JSX.Element[] =>
-    templates.map(t => (
-      <div key={t.key} className={css.assetCard}>
-        <div className={css.assetCardTop}><span className={css.assetKind} style={{ color: 'var(--nf-info)' }}>{t.category}</span></div>
-        <div className={css.assetCardName}>{t.name}</div>
-        <div className={css.meta}>{t.description}</div>
-        <div className={css.assetCardContent}>
-          适用：{(t.applicableGenres ?? []).join('、')}
-          {t.proseRules.length > 0 ? '\n叙述：' + t.proseRules.join('；') : ''}
-          {t.dialogueRules.length > 0 ? '\n台词：' + t.dialogueRules.join('；') : ''}
-          {t.languageRules.length > 0 ? '\n语言：' + t.languageRules.join('；') : ''}
-          {t.rhythmRules.length > 0 ? '\n节奏：' + t.rhythmRules.join('；') : ''}
-        </div>
-      </div>
-    ));
-
-  const renderProgression = (modes: ProgressionMode[]): JSX.Element[] =>
-    modes.map(m => (
-      <div key={m.name} className={css.assetCard}>
-        <div className={css.assetCardTop}><span className={css.assetKind} style={{ color: 'var(--nf-accent)' }}>{m.primary ? '主模式' : '辅助'}</span></div>
-        <div className={css.assetCardName}>{m.name}</div>
-        <div className={css.meta}>驱动：{m.driver}</div>
-        <div className={css.assetCardContent}>
-          期待：{m.readerExpectation}
-          {m.payoffs.length > 0 ? '\n兑现：' + m.payoffs.join('；') : ''}
-          {m.risks.length > 0 ? '\n风险：' + m.risks.join('；') : ''}
-        </div>
-      </div>
-    ));
-
-  const renderPlotBeat = (beats: PlotBeatTemplate[]): JSX.Element[] =>
-    beats.map(b => (
-      <div key={b.key} className={css.assetCard}>
-        <div className={css.assetCardTop}><span className={css.assetKind} style={{ color: 'var(--nf-accent)' }}>{b.category}</span></div>
-        <div className={css.assetCardName}>{b.name}</div>
-        <div className={css.meta}>{b.summary}</div>
-        <div className={css.assetCardContent}>
-          位置：{b.position}
-          {(b.preconditions ?? []).length > 0 ? '\n前置：' + b.preconditions.join('；') : ''}
-          {(b.payoffSource ?? []).length > 0 ? '\n爽点：' + b.payoffSource.join('；') : ''}
-          {(b.combos ?? []).length > 0 ? '\n组合：' + b.combos.join('；') : ''}
-          {(b.taboos ?? []).length > 0 ? '\n禁忌：' + b.taboos.join('；') : ''}
-        </div>
-      </div>
-    ));
-
-  return (
-    <div className={css.authorPageBody}>
-      <div className={css.authorPageHero}>
-        <div className={css.authorPageHeader}>
-          <div>
-            <h2 className={css.panelTitle} style={{ margin: 0 }}>🎨 全局写作资产库</h2>
-            <span className={css.meta}>内置题材基底库 / 反AI规则库 / 风格模板 / 推进模式 / 剧情桥段库（跨书）——插件自带、只读。</span>
-          </div>
-        </div>
-        <div className={css.assetFilterBar}>
-          <button type="button" className={css.assetFilterChip + (tab === 'genre' ? ' ' + css.assetFilterChipActive : '')} onClick={() => setTab('genre')}>题材 {(data?.genreLibrary ?? []).length}</button>
-          <button type="button" className={css.assetFilterChip + (tab === 'antiAi' ? ' ' + css.assetFilterChipActive : '')} onClick={() => setTab('antiAi')}>反AI规则 {(data?.antiAiLibrary ?? []).length}</button>
-          <button type="button" className={css.assetFilterChip + (tab === 'style' ? ' ' + css.assetFilterChipActive : '')} onClick={() => setTab('style')}>风格模板 {(data?.styleTemplates ?? []).length}</button>
-          <button type="button" className={css.assetFilterChip + (tab === 'progression' ? ' ' + css.assetFilterChipActive : '')} onClick={() => setTab('progression')}>推进模式 {(data?.progressionLibrary ?? []).length}</button>
-          <button type="button" className={css.assetFilterChip + (tab === 'plotBeat' ? ' ' + css.assetFilterChipActive : '')} onClick={() => setTab('plotBeat')}>剧情桥段 {(data?.plotBeatLibrary ?? []).length}</button>
-        </div>
-      </div>
-
-      {error !== '' && <div className={css.noticeError}>{error}</div>}
-
-      {data === null ? (
-        <div className={css.shelfEmpty} style={{ minHeight: 160 }}>
-          <span className={css.shelfEmptyIcon}><Info size={30} /></span>
-          <span className={css.shelfEmptyTitle}>加载中…</span>
-          <span className={css.meta}>正在读取全局内置资产库。</span>
-        </div>
-      ) : (
-        <div className={css.assetGroups}>
-          {tab === 'genre' && (
-            <div className={css.assetGroup}>
-              <div className={css.assetGroupHeader}>题材基底库 <span className={css.meta}>树形 / 只读</span></div>
-              <div className={css.assetGrid}>{renderGenre(data.genreLibrary)}</div>
-            </div>
-          )}
-          {tab === 'antiAi' && (
-            <div className={css.assetGroup}>
-              <div className={css.assetGroupHeader}>反AI规则库 <span className={css.meta}>只读 / 可在书内复制为自定义</span></div>
-              <div className={css.assetGrid}>{renderAntiAi(data.antiAiLibrary)}</div>
-            </div>
-          )}
-          {tab === 'style' && (
-            <div className={css.assetGroup}>
-              <div className={css.assetGroupHeader}>风格模板 <span className={css.meta}>只读 / 可在书内一键绑定</span></div>
-              <div className={css.assetGrid}>{renderStyle(data.styleTemplates)}</div>
-            </div>
-          )}
-          {tab === 'progression' && (
-            <div className={css.assetGroup}>
-              <div className={css.assetGroupHeader}>推进模式 <span className={css.meta}>只读</span></div>
-              <div className={css.assetGrid}>{renderProgression(data.progressionLibrary)}</div>
-            </div>
-          )}
-          {tab === 'plotBeat' && (
-            <div className={css.assetGroup}>
-              <div className={css.assetGroupHeader}>剧情桥段库 <span className={css.meta}>只读 / 可收藏或导入作者库</span></div>
-              <div className={css.assetGrid}>{renderPlotBeat(data.plotBeatLibrary)}</div>
-            </div>
-          )}
-        </div>
-      )}
-
-      <div className={css.meta} style={{ marginTop: 10 }}>
-        提示：内置库为插件自带、只读。想要在书里使用，请进入某本书的「创作资产」页绑定为项目资产，或在「作者资产库」里「导入默认资产」沉淀成可复用的个人条目。
-      </div>
-    </div>
-  );
-}