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

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>
-  );
-}

package/src/client/panel/IdeaInspirationView.tsx

@@ -1,71 +0,0 @@
-/**
- * 创意灵感：一句话/题材 → 多方向开书灵感。
- */
-import { useState } from 'react'
-import type { NovelApi } from '../api.ts'
-import type { IdeaInspirationResult } from '../../protocol.ts'
-import css from './panel.module.css'
-
-export default function IdeaInspirationView({ api, onUseIdea }: { api: NovelApi; onUseIdea?: (idea: IdeaInspirationResult['ideas'][number]) => void }): JSX.Element {
-  const [idea, setIdea] = useState('')
-  const [count, setCount] = useState(5)
-  const [busy, setBusy] = useState(false)
-  const [error, setError] = useState('')
-  const [result, setResult] = useState<IdeaInspirationResult | null>(null)
-
-  const copyText = (it: IdeaInspirationResult['ideas'][number]): string =>
-    `《${it.title}》\n题材：${it.genre}\n视角：${it.pov}\n钩子：${it.hook}\n长期兑现：${it.payoff}`
-
-  const copy = async (it: IdeaInspirationResult['ideas'][number]): Promise<void> => {
-    try { await navigator.clipboard.writeText(copyText(it)); setError('') } catch (e) { setError('复制失败：' + (e as Error).message) }
-  }
-
-  const run = async (): Promise<void> => {
-    if (idea.trim().length < 2) { setError('请填写你的方向/一句话想法'); return }
-    setBusy(true); setError('')
-    try {
-      const r = await api.ideaInspiration(idea.trim(), count)
-      setResult(r.result)
-    } catch (e) { setError((e as Error).message) } finally { setBusy(false) }
-  }
-
-  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: 120, resize: 'vertical' }} value={idea} onChange={e => setIdea(e.target.value)} placeholder="例：重生后我在城隍庙摆摊；反派每天都被打脸却越来越强…" />
-        <div style={{ display: 'flex', alignItems: 'center', gap: 8, flexWrap: 'wrap' }}>
-          <label style={{ fontSize: 12 }}>数量</label>
-          <select className={css.input} style={{ width: 'auto', padding: '4px 8px' }} value={count} onChange={e => setCount(Number(e.target.value))}>
-            {[3, 5, 8].map(n => <option key={n} value={n}>{n}</option>)}
-          </select>
-          <button type="button" className={`${css.button} ${css.buttonPrimary}`} disabled={busy} onClick={() => { void run() }}>
-            {busy ? '生成中…' : '生成灵感'}
-          </button>
-        </div>
-      </div>
-
-      {error !== '' && <div style={{ color: 'var(--nf-error)', fontSize: 13 }}>⚠ {error}</div>}
-
-      {result !== null && (
-        <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(260px, 1fr))', gap: 'var(--nf-space-10)' }}>
-          {(result.ideas ?? []).map((it, i) => (
-            <div key={i} className={`${css.card} ${css.settingsCard}`} style={{ gap: 'var(--nf-space-6)' }}>
-              <div style={{ fontSize: 15, fontWeight: 600 }}>{it.title}</div>
-              <div style={{ fontSize: 12, color: 'var(--nf-success)' }}>{it.genre} · {it.pov}</div>
-              <div style={{ fontSize: 13 }}>钩子：{it.hook}</div>
-              <div style={{ fontSize: 12, color: 'var(--nf-text-2)' }}>兑现：{it.payoff}</div>
-              <div style={{ display: 'flex', gap: 8, flexWrap: 'wrap' }}>
-                <button type="button" className={`${css.button} ${css.buttonSmall}`} onClick={() => { void copy(it) }} title="复制给开书向导/其他用到">复制</button>
-                {onUseIdea !== undefined && (
-                  <button type="button" className={`${css.button} ${css.buttonSmall} ${css.buttonPrimary}`} onClick={() => onUseIdea(it)} title="带着这个灵感去开书（预填书名与想法）">以此方向开书</button>
-                )}
-              </div>
-            </div>
-          ))}
-        </div>
-      )}
-    </div>
-  )
-}

package/src/client/panel/ImportModal.tsx

@@ -1,303 +0,0 @@
-/**
- * 导入小说弹窗：两种模式 ——
- *  A) 已有项目目录（含 novel-project.json）→ 登记/激活书架（粘贴服务器本地路径）；
- *  B) txt/md 全本 → 点击选择文件，浏览器读取内容 → 服务器拆章预览 → 确认后导入。
- *  Mode B 也保留「服务器本地路径」高级选项（大文件或服务器端已有文件时用）。
- */
-import { useEffect, useRef, useState } from 'react'
-import type { NovelApi } from '../api.ts'
-import type { BookImportTextPreviewResponse } from '../../protocol.ts'
-import { readFileTextSmart } from '../text.ts'
-import css from './panel.module.css'
-
-type ImportMode = 'dir' | 'text'
-
-/** 导入结果（成功态展示）。 */
-interface ImportResult {
-  kind: 'dir' | 'text'
-  bookName: string
-  existed?: boolean
-  chapters?: number
-  skipped?: string[]
-}
-
-export function ImportModal({
-  api,
-  onClose,
-  onImported,
-}: {
-  api: NovelApi
-  onClose: () => void
-  /** 导入成功并已激活该书后回调（刷新书架）。 */
-  onImported: () => void | Promise<void>
-}) {
-  const [mode, setMode] = useState<ImportMode>('dir')
-  // Mode A
-  const [dir, setDir] = useState('')
-  // Mode B：文件选择 + 预览
-  const fileInputRef = useRef<HTMLInputElement | null>(null)
-  const [fileName, setFileName] = useState('')
-  const [fileText, setFileText] = useState<string | null>(null)
-  const [previewing, setPreviewing] = useState(false)
-  const [preview, setPreview] = useState<BookImportTextPreviewResponse | null>(null)
-  // Mode B：服务器本地路径（高级）
-  const [showPath, setShowPath] = useState(false)
-  const [filePath, setFilePath] = useState('')
-  // 通用
-  const [outDir, setOutDir] = useState('')
-  const [busy, setBusy] = useState(false)
-  const [error, setError] = useState('')
-  const [result, setResult] = useState<ImportResult | null>(null)
-
-  /** 选择文件 → 读取内容 → 调服务器预览拆章。 */
-  const onPickFile = async (file: File | undefined) => {
-    if (file === undefined) return
-    setError('')
-    setResult(null)
-    setPreview(null)
-    setFileName(file.name)
-    setPreviewing(true)
-    try {
-      const text = await readFileTextSmart(file)
-      setFileText(text)
-      const p = await api.bookImportTextPreview(text, file.name)
-      setPreview(p)
-    } catch (err) {
-      setError((err as Error).message)
-    } finally {
-      setPreviewing(false)
-    }
-  }
-
-  const runImport = async () => {
-    setError('')
-    setResult(null)
-    if (mode === 'dir') {
-      const d = dir.trim()
-      if (d === '') { setError('请输入项目目录（含 novel-project.json 的文件夹）'); return }
-      setBusy(true)
-      try {
-        const r = await api.bookImportDir(d)
-        setResult({ kind: 'dir', bookName: r.book.bookName, existed: r.existed })
-        await onImported()
-      } catch (err) {
-        setError((err as Error).message)
-      } finally {
-        setBusy(false)
-      }
-      return
-    }
-    // Mode B：优先上传内容；未选文件时退回服务器路径
-    if (fileText !== null && fileText.length > 0) {
-      setBusy(true)
-      try {
-        const o = outDir.trim()
-        const r = await api.bookImportTextContent(fileText, fileName, o !== '' ? o : undefined)
-        setResult({ kind: 'text', bookName: r.bookName, chapters: r.chapters, skipped: r.skipped })
-        await onImported()
-      } catch (err) {
-        setError((err as Error).message)
-      } finally {
-        setBusy(false)
-      }
-      return
-    }
-    const f = filePath.trim()
-    if (f === '') { setError('请先选择文件，或输入服务器本地文件路径'); return }
-    setBusy(true)
-    try {
-      const o = outDir.trim()
-      const r = await api.bookImportText(f, o !== '' ? o : undefined)
-      setResult({ kind: 'text', bookName: r.bookName, chapters: r.chapters, skipped: r.skipped })
-      await onImported()
-    } catch (err) {
-      setError((err as Error).message)
-    } finally {
-      setBusy(false)
-    }
-  }
-
-  const switchMode = (m: ImportMode) => { setMode(m); setError(''); setResult(null); setPreview(null) }
-
-  // Esc 关闭弹窗。
-  useEffect(() => {
-    const onKey = (e: KeyboardEvent): void => {
-      if (e.key === 'Escape') onClose()
-    }
-    window.addEventListener('keydown', onKey)
-    return () => { window.removeEventListener('keydown', onKey) }
-  }, [onClose])
-
-  return (
-    <div className={css.importModalOverlay} role="dialog" aria-modal="true" aria-label="导入小说" onClick={e => { if (e.target === e.currentTarget) onClose() }}>
-      <div className={css.importModal}>
-        <div className={css.importModalHead}>
-          <span className={css.panelTitle} style={{ margin: 0 }}>📥 导入小说</span>
-          <button type="button" className={`${css.button} ${css.buttonSmall}`} onClick={onClose} title="关闭">✕</button>
-        </div>
-
-        <div className={css.importModalTabs} role="tablist">
-          <button
-            type="button"
-            role="tab"
-            aria-selected={mode === 'dir'}
-            className={`${css.button} ${mode === 'dir' ? css.buttonPrimary : ''}`}
-            onClick={() => { switchMode('dir') }}
-          >
-            📂 A · 已有项目目录
-          </button>
-          <button
-            type="button"
-            role="tab"
-            aria-selected={mode === 'text'}
-            className={`${css.button} ${mode === 'text' ? css.buttonPrimary : ''}`}
-            onClick={() => { switchMode('text') }}
-          >
-            📄 B · txt/md 全本
-          </button>
-        </div>
-
-        <div className={css.importModalBody}>
-          {mode === 'dir' ? (
-            <>
-              <label className={css.importField}>
-                <span>项目目录（绝对路径）</span>
-                <input
-                  className={css.input}
-                  type="text"
-                  placeholder="例如 D:\novels\我的小说"
-                  value={dir}
-                  onChange={e => { setDir(e.target.value) }}
-                />
-              </label>
-              <div className={css.importHint}>
-                目录需含 novel-project.json。已在书架中的目录会直接切换激活，不会重复登记。
-              </div>
-            </>
-          ) : (
-            <>
-              {/* 文件选择 + 预览 */}
-              <input
-                ref={fileInputRef}
-                type="file"
-                accept=".txt,.md,text/plain,text/markdown"
-                style={{ display: 'none' }}
-                onChange={e => { void onPickFile(e.target.files?.[0]); e.target.value = '' }}
-              />
-              <div className={css.importField}>
-                <span>全本文本文件（txt / md）</span>
-                <button
-                  type="button"
-                  className={`${css.button} ${css.buttonPrimary}`}
-                  onClick={() => { fileInputRef.current?.click() }}
-                >
-                  📄 选择文件
-                </button>
-              </div>
-              {fileName !== '' && (
-                <div className={css.importFileInfo}>
-                  <span>已选择：{fileName}</span>
-                  {previewing && <span className={css.meta}>正在拆章预览…</span>}
-                </div>
-              )}
-              {preview !== null && (
-                <div className={css.importPreview}>
-                  <span>📖 《{preview.bookName}》 · 识别到 {preview.chapters.length} 章</span>
-                  {preview.chapters.length > 0 && (
-                    <ul className={css.importPreviewList}>
-                      {preview.chapters.slice(0, 5).map(c => (
-                        <li key={c.no}>第{c.no}章 {c.title}（{c.chars} 字）</li>
-                      ))}
-                      {preview.chapters.length > 5 && <li className={css.meta}>… 共 {preview.chapters.length} 章</li>}
-                    </ul>
-                  )}
-                  {preview.skipped.length > 0 && (
-                    <span className={css.meta}>
-                      跳过 {preview.skipped.length} 个过短章节：{preview.skipped.slice(0, 5).join('、')}
-                      {preview.skipped.length > 5 ? ' 等' : ''}
-                    </span>
-                  )}
-                </div>
-              )}
-
-              {/* 输出目录 + 高级路径选项 */}
-              <label className={css.importField}>
-                <span>输出目录（可选，默认 ~/.dsh/novels/书名）</span>
-                <input
-                  className={css.input}
-                  type="text"
-                  placeholder="留空使用默认目录"
-                  value={outDir}
-                  onChange={e => { setOutDir(e.target.value) }}
-                />
-              </label>
-              <button
-                type="button"
-                className={`${css.button} ${css.buttonSmall}`}
-                onClick={() => { setShowPath(!showPath) }}
-              >
-                {showPath ? '▾ 收起高级选项' : '▸ 高级：使用服务器本地文件路径'}
-              </button>
-              {showPath && (
-                <label className={css.importField}>
-                  <span>服务器本地文件绝对路径（大文件或服务器端已有文件时用）</span>
-                  <input
-                    className={css.input}
-                    type="text"
-                    placeholder="例如 D:\novels\全本.txt"
-                    value={filePath}
-                    onChange={e => { setFilePath(e.target.value) }}
-                  />
-                </label>
-              )}
-              <div className={css.importHint}>
-                服务器按「第X章/第X回/第X节/第X卷」、中文数字章节（一、二、三…）、序章/楔子/尾声、英文 Chapter N 拆章；正文过短（&lt;50 字）的章节会跳过并列出。
-              </div>
-            </>
-          )}
-
-          {error !== '' && <div className={css.importError}>{error}</div>}
-
-          {result !== null && (
-            <div className={css.importResult}>
-              {result.kind === 'dir' ? (
-                <>
-                  <span>✅ 已{result.existed === true ? '重新激活' : '登记'}《{result.bookName}》</span>
-                  <span className={css.meta}>
-                    {result.existed === true
-                      ? '该目录已在书架中，现已切换为当前书；工作台数据按该书目录加载。'
-                      : '已加入书架并设为当前书，进入工作台即可看到全部模块。'
-                    }
-                  </span>
-                </>
-              ) : (
-                <>
-                  <span>✅ 《{result.bookName}》导入完成：{result.chapters} 章</span>
-                  {(result.skipped ?? []).length > 0 && (
-                    <span className={css.meta}>
-                      跳过 {result.skipped!.length} 个过短章节：{result.skipped!.slice(0, 8).join('、')}
-                      {result.skipped!.length > 8 ? ` 等 ${result.skipped!.length} 个` : ''}
-                    </span>
-                  )}
-                  <span className={css.meta}>章节已按「written」登记，进入工作台后逐章审稿/补设定即可。</span>
-                </>
-              )}
-            </div>
-          )}
-        </div>
-
-        <div className={css.importModalActions}>
-          <button type="button" className={`${css.button} ${css.buttonSmall}`} onClick={onClose}>关闭</button>
-          <button
-            type="button"
-            className={`${css.button} ${css.buttonPrimary}`}
-            disabled={busy}
-            onClick={runImport}
-          >
-            {busy ? '导入中…' : '开始导入'}
-          </button>
-        </div>
-      </div>
-    </div>
-  )
-}

package/src/client/panel/KnowledgeBaseView.tsx

@@ -1,73 +0,0 @@
-/**
- * 书内知识库：添加/删除参考资料，生成/规划时自动检索注入。
- */
-import { useEffect, useState } from 'react'
-import type { NovelApi } from '../api.ts'
-import type { KnowledgeDoc } from '../../protocol.ts'
-import css from './panel.module.css'
-
-export default function KnowledgeBaseView({ api }: { api: NovelApi }): JSX.Element {
-  const [docs, setDocs] = useState<KnowledgeDoc[]>([])
-  const [title, setTitle] = useState('')
-  const [content, setContent] = useState('')
-  const [busy, setBusy] = useState(false)
-  const [notice, setNotice] = useState('')
-  const [error, setError] = useState('')
-
-  const load = async (): Promise<void> => {
-    try {
-      const r = await api.knowledgeList()
-      setDocs(r.docs)
-    } catch (e) { setError((e as Error).message) }
-  }
-  useEffect(() => { void load() }, [])
-
-  const add = async (): Promise<void> => {
-    if (title.trim() === '') { setError('标题不能为空'); return }
-    setBusy(true); setError(''); setNotice('')
-    try {
-      const r = await api.knowledgeAdd({ title: title.trim(), content: content.trim() })
-      setDocs(r.docs); setTitle(''); setContent(''); setNotice('✅ 已添加')
-    } catch (e) { setError((e as Error).message) } finally { setBusy(false) }
-  }
-
-  const remove = async (id: string): Promise<void> => {
-    setBusy(true); setError('')
-    try {
-      const r = await api.knowledgeRemove(id)
-      setDocs(r.docs)
-    } catch (e) { setError((e as Error).message) } finally { setBusy(false) }
-  }
-
-  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>
-        <div style={{ display: 'flex', flexDirection: 'column', gap: 'var(--nf-space-6)' }}>
-          <input className={css.input} value={title} onChange={e => setTitle(e.target.value)} placeholder="标题（如：天机锁设定 / 止水驿关系表）" />
-          <textarea className={css.input} style={{ minHeight: 100, resize: 'vertical' }} value={content} onChange={e => setContent(e.target.value)} placeholder="内容（将被检索注入生成提示）" />
-        </div>
-        <div style={{ display: 'flex', alignItems: 'center', gap: 8 }}>
-          <button type="button" className={`${css.button} ${css.buttonPrimary}`} disabled={busy} onClick={() => { void add() }}>添加</button>
-          {notice !== '' && <span style={{ fontSize: 12, color: 'var(--nf-success)' }}>{notice}</span>}
-        </div>
-      </div>
-
-      {error !== '' && <div style={{ color: 'var(--nf-error)', fontSize: 13 }}>⚠ {error}</div>}
-
-      <div className={`${css.card} ${css.settingsCard}`} style={{ gap: 'var(--nf-space-8)' }}>
-        <span className={css.cardTitle}>已有文档（{docs.length}）</span>
-        {docs.length === 0 ? <div style={{ color: 'var(--nf-text-2)', fontSize: 13 }}>暂无知识库文档。</div> : docs.map(d => (
-          <div key={d.id} style={{ border: '1px solid var(--nf-border)', borderRadius: 8, padding: 'var(--nf-space-8)' }}>
-            <div style={{ display: 'flex', alignItems: 'center', gap: 8 }}>
-              <b style={{ flex: 1 }}>{d.title}</b>
-              <button type="button" className={`${css.button} ${css.buttonSmall}`} onClick={() => { void remove(d.id) }}>删除</button>
-            </div>
-            <div style={{ fontSize: 12, color: 'var(--nf-text-2)', marginTop: 4, whiteSpace: 'pre-wrap' }}>{d.content}</div>
-          </div>
-        ))}
-      </div>
-    </div>
-  )
-}