@waterwx/dsh-novel-forge 1.7.2 → 1.8.0

package/src/client/panel/AdaptModeView.tsx

@@ -0,0 +1,204 @@
+/**
+ * 改编模式：P0 分析 → P1 改编方案（勾选/填新值→映射表/规则/影响） → P2 术语替换执行。
+ */
+import { useRef, useState } from 'react'
+import { FileText, Wand2, Upload, Download, ListChecks, Play } from 'lucide-react'
+import type { NovelApi } from '../api.ts'
+import type { AdaptAnalyzeResponse, AdaptationProposal, AdaptExecuteResponse } from '../../protocol.ts'
+import { readFileTextSmart } from '../text.ts'
+import css from './panel.module.css'
+
+const MUTABILITY_LABEL: Record<string, string> = {
+  locked: '🔒 建议保留', big: '🟡 可改影响大', small: '🟢 可改影响小', free: '🟣 可自由改', visual: '📦 仅视觉包装',
+};
+const MUTABILITY_CLS: Record<string, string> = {
+  locked: 'var(--nf-muted)', big: 'var(--nf-warn)', small: 'var(--nf-info)', free: 'var(--nf-accent)', visual: 'var(--nf-muted)',
+};
+const RISK_LABEL: Record<string, string> = { high: '高风险', medium: '中风险', low: '低风险' };
+
+interface EditState { enabled: boolean; target: string }
+
+export function AdaptModeView({ api }: { api: NovelApi }) {
+  const [text, setText] = useState('');
+  const [result, setResult] = useState<AdaptAnalyzeResponse | null>(null);
+  const [edits, setEdits] = useState<Record<string, EditState>>({});
+  const [proposal, setProposal] = useState<AdaptationProposal | null>(null);
+  const [executed, setExecuted] = useState<AdaptExecuteResponse | null>(null);
+  const [busy, setBusy] = useState(false);
+  const [busyLabel, setBusyLabel] = useState('');
+  const [error, setError] = useState('');
+  const fileRef = useRef<HTMLInputElement | null>(null);
+
+  const onFile = async (e: React.ChangeEvent<HTMLInputElement>): Promise<void> => {
+    const file = e.target.files?.[0];
+    if (file === undefined) return;
+    try { setText(await readFileTextSmart(file)) } catch (err) { setError((err as Error).message) }
+    e.target.value = '';
+  };
+
+  const analyze = async (): Promise<void> => {
+    if (text.trim().length < 200) { setError('请粘贴或上传完整小说全文（至少 200 字符）'); return }
+    setBusy(true); setBusyLabel('分析中…'); setError(''); setProposal(null); setExecuted(null);
+    try {
+      const res = await api.adaptAnalyze(text);
+      setResult(res);
+      const next: Record<string, EditState> = {};
+      for (const d of res.dimensions) {
+        next[d.key] = { enabled: d.mutability !== 'locked', target: d.candidates?.[0] ?? '' };
+      }
+      setEdits(next);
+    } catch (err) { setError((err as Error).message) } finally { setBusy(false); setBusyLabel('') }
+  };
+
+  const setEdit = (key: string, patch: Partial<EditState>): void => {
+    setEdits(prev => ({ ...prev, [key]: { ...prev[key], ...patch } }));
+  };
+
+  const selectedDims = result === null ? [] : result.dimensions.filter(d => {
+    const e = edits[d.key];
+    return e?.enabled === true && (e.target ?? '').trim() !== '';
+  });
+
+  const buildSelections = () => selectedDims.map(d => ({ key: d.key, title: d.title, current: d.current, target: (edits[d.key]?.target ?? '').trim(), mutability: d.mutability }));
+
+  const propose = async (): Promise<void> => {
+    if (result === null || text.trim().length < 200) { setError('请先分析'); return }
+    const selections = buildSelections();
+    if (selections.length === 0) { setError('请至少选择一条要改的维度并填写新值'); return }
+    setBusy(true); setBusyLabel('生成改编方案…'); setError(''); setExecuted(null);
+    try {
+      const res = await api.adaptPropose({ text, selections, dimensions: result.dimensions });
+      setProposal(res.proposal);
+    } catch (err) { setError((err as Error).message) } finally { setBusy(false); setBusyLabel('') }
+  };
+
+  const execute = async (): Promise<void> => {
+    if (proposal === null || proposal.mappings.length === 0) { setError('请先生成改编方案'); return }
+    setBusy(true); setBusyLabel('执行术语替换…'); setError('');
+    try {
+      const res = await api.adaptExecute({ text, mappings: proposal.mappings, mode: 'replace' });
+      setExecuted(res);
+    } catch (err) { setError((err as Error).message) } finally { setBusy(false); setBusyLabel('') }
+  };
+
+  const downloadAdapted = (): void => {
+    if (executed === null) return;
+    const blob = new Blob([executed.adaptedText], { type: 'text/markdown;charset=utf-8' });
+    const url = URL.createObjectURL(blob);
+    const a = document.createElement('a');
+    a.href = url;
+    const name = result?.bookName !== undefined && result.bookName !== '' ? result.bookName + '·改编版.md' : '改编版.md';
+    a.download = name;
+    a.click();
+    URL.revokeObjectURL(url);
+  };
+
+  return (
+    <div className={css.authorPageBody}>
+      <div className={css.authorPageHeader}>
+        <div>
+          <h2 className={css.panelTitle} style={{ margin: 0 }}>🎬 改编模式</h2>
+          <span className={css.meta}>上传全文 → 分析可改范围 → 勾选/填新值 → 生成映射表 → 术语替换执行。</span>
+        </div>
+      </div>
+
+      <div className={css.adaptInputCard}>
+        <div className={css.rowEnd} style={{ justifyContent: 'space-between' }}>
+          <span className={css.meta}>粘贴全文，或上传 txt/md 文件</span>
+          <button type="button" className={css.button + ' ' + css.buttonSmall} onClick={() => fileRef.current?.click()}><Upload size={13} style={{ verticalAlign: -2 }} /> 上传文件</button>
+        </div>
+        <input ref={fileRef} type="file" accept=".txt,.md,text/plain,text/markdown" style={{ display: 'none' }} onChange={e => { void onFile(e) }} />
+        <textarea className={css.input + ' ' + css.adaptTextarea} value={text} onChange={e => setText(e.target.value)} placeholder="粘贴小说全文（含章节标题/分卷更好）…" />
+        <div className={css.rowEnd}><span className={css.meta}>已输入 {text.length} 字</span><button type="button" className={css.button + ' ' + css.buttonPrimary} onClick={() => { void analyze() }} disabled={busy}><Wand2 size={14} style={{ verticalAlign: -2 }} /> {busy && busyLabel === '分析中…' ? '分析中…' : '开始分析'}</button></div>
+      </div>
+
+      {error !== '' && <div className={css.noticeError}>{error}</div>}
+
+      {result === null ? (
+        <div className={css.shelfEmpty} style={{ minHeight: 160 }}>
+          <span className={css.shelfEmptyIcon}><FileText size={30} /></span>
+          <span className={css.shelfEmptyTitle}>等待分析</span>
+          <span className={css.meta}>分析会读取全文并提炼「原文设定卡片」与「可改范围矩阵」。</span>
+        </div>
+      ) : (
+        <div className={css.adaptResult}>
+          <div className={css.authorPageHeader} style={{ alignItems: 'center' }}>
+            <h3 style={{ margin: 0 }}>《{result.bookName}》 · {result.chapters} 章</h3>
+            <span className={css.meta}>{result.note}</span>
+          </div>
+
+          {result.outline !== undefined && result.outline !== '' && (
+            <details className={css.adaptOutline}><summary>反推大纲（点击展开）</summary><pre className={css.adaptOutlinePre}>{result.outline}</pre></details>
+          )}
+
+          <div className={css.authorPageHeader} style={{ alignItems: 'center' }}>
+            <b>可改范围矩阵（勾选要改 + 填新值）</b>
+            <button type="button" className={css.button + ' ' + css.buttonPrimary} onClick={() => { void propose() }} disabled={busy}><ListChecks size={13} style={{ verticalAlign: -2 }} /> {busy && busyLabel === '生成改编方案…' ? '生成中…' : '生成改编方案'} ({selectedDims.length})</button>
+          </div>
+
+          <div className={css.adaptMatrix}>
+            {result.dimensions.map((d, i) => {
+              const e = edits[d.key];
+              const enabled = e?.enabled === true;
+              const target = e?.target ?? '';
+              return (
+                <div key={d.key + '-' + i} className={css.dimCard + (enabled ? ' ' + css.dimCardSelected : '')}>
+                  <div className={css.dimCardHead}>
+                    <span className={css.dimTitle}>{d.title}</span>
+                    <span className={css.badge} style={{ color: MUTABILITY_CLS[d.mutability] ?? 'var(--nf-muted)' }}>{MUTABILITY_LABEL[d.mutability] ?? d.mutability}</span>
+                    <span className={css.meta}>风险：{RISK_LABEL[d.risk] ?? d.risk}</span>
+                  </div>
+                  <div className={css.dimCurrent}><b>当前值</b>：{d.current}</div>
+                  {d.mutability !== 'locked' && (
+                    <div className={css.dimEdit}>
+                      <input type="checkbox" checked={enabled} onChange={e2 => setEdit(d.key, { enabled: e2.target.checked })} />
+                      <input className={css.input} value={target} disabled={!enabled} placeholder="改为什么？" onChange={e2 => setEdit(d.key, { target: e2.target.value })} />
+                      {(d.candidates ?? []).length > 0 && <span className={css.meta}>候选：{(d.candidates ?? []).join(' / ')}</span>}
+                    </div>
+                  )}
+                  {(d.evidence !== undefined && d.evidence !== '') && <div className={css.meta}>证据：{d.evidence}</div>}
+                  <div className={css.meta}>影响：{d.impact}</div>
+                </div>
+              );
+            })}
+          </div>
+
+          {proposal !== null && (
+            <div className={css.adaptProposal}>
+              <div className={css.authorPageHeader} style={{ alignItems: 'center' }}>
+                <b>改编方案</b>
+                <button type="button" className={css.button + ' ' + css.buttonPrimary} onClick={() => { void execute() }} disabled={busy}><Play size={13} style={{ verticalAlign: -2 }} /> {busy && busyLabel === '执行术语替换…' ? '执行中…' : '执行改编（术语替换）'}</button>
+              </div>
+
+              <h4 style={{ margin: '10px 0 4px' }}>映射表</h4>
+              <table className={css.adaptTable}><thead><tr><th>原值</th><th>新值</th><th>范围</th></tr></thead><tbody>
+                {proposal.mappings.map((m, i2) => (<tr key={i2}><td>{m.source}</td><td>{m.target}</td><td>{m.scope}</td></tr>))}
+              </tbody></table>
+
+              <h4 style={{ margin: '10px 0 4px' }}>改编规则</h4>
+              <div className={css.meta}><b>保留：</b>{proposal.rules.preserve.join('；') || '—'}</div>
+              <div className={css.meta}><b>允许变：</b>{proposal.rules.change.join('；') || '—'}</div>
+              <div className={css.meta}><b>红线：</b>{proposal.rules.constraints.join('；') || '—'}</div>
+
+              <h4 style={{ margin: '10px 0 4px' }}>联动影响</h4>
+              <div className={css.adaptImpacts}>
+                {proposal.impacts.map((im, i3) => (<div key={i3} className={css.adaptImpact}><b style={{ color: im.risk === 'high' ? 'var(--nf-error)' : im.risk === 'medium' ? 'var(--nf-warn)' : 'var(--nf-info)' }}>[{RISK_LABEL[im.risk] ?? im.risk}]</b> {im.item}：{im.detail}{im.chapters !== undefined && im.chapters.length > 0 ? `（章：${im.chapters.join(',')}）` : ''}</div>))}
+              </div>
+            </div>
+          )}
+
+          {executed !== null && (
+            <div className={css.adaptProposal}>
+              <div className={css.authorPageHeader} style={{ alignItems: 'center' }}>
+                <b>改编结果（术语替换）</b>
+                <button type="button" className={css.button + ' ' + css.buttonSmall} onClick={downloadAdapted}><Download size={13} style={{ verticalAlign: -2 }} /> 下载改编版</button>
+              </div>
+              <div className={css.meta}>命中：{executed.hits.filter(h => h.count > 0).map(h => h.source + '→' + h.target + '×' + h.count).join('，') || '无命中'}</div>
+              <details className={css.adaptOutline}><summary>改编正文预览（点击展开）</summary><pre className={css.adaptOutlinePre}>{executed.adaptedText.slice(0, 8000)}</pre></details>
+            </div>
+          )}
+        </div>
+      )}
+    </div>
+  );
+}

package/src/client/panel/AuthorAssetsView.tsx

@@ -0,0 +1,206 @@
+/**
+ * 作者资产库/总数据页：跨书可复用的笔法/红线/套路/角色模板/世界观模板。
+ * 支持 新增 / 编辑 / 删除；数据持久化到 ~/.dsh/dsh-novel-forge-author-assets.json。
+ */
+import { useEffect, useMemo, useState } from 'react'
+import { Plus, Trash2, Pencil } from 'lucide-react'
+import type { NovelApi } from '../api.ts'
+import type { AuthorStyleAsset } from '../../protocol.ts'
+import css from './panel.module.css'
+
+const KIND_LABELS: Record<AuthorStyleAsset['kind'], string> = {
+  style: '笔法',
+  antiAi: '红线/反AI',
+  progression: '推进模式',
+  genre: '题材',
+  roleTemplate: '角色模板',
+  worldTemplate: '世界观模板',
+  custom: '自定义',
+}
+
+const KIND_OPTIONS = Object.keys(KIND_LABELS) as AuthorStyleAsset['kind'][]
+
+const KIND_COLORS: Record<AuthorStyleAsset['kind'], string> = {
+  style: 'var(--nf-info)',
+  antiAi: 'var(--nf-warn)',
+  progression: 'var(--nf-accent)',
+  genre: 'var(--nf-info)',
+  roleTemplate: 'var(--nf-accent)',
+  worldTemplate: 'var(--nf-warn)',
+  custom: 'var(--nf-muted)',
+}
+
+/** 计算资产的分组（分类）：题材按顶层题材名（'/' 之前），其余按类型。 */
+function assetCategory(a: AuthorStyleAsset): string {
+  if (a.kind === 'genre') {
+    const top = a.name.split('/')[0]?.trim()
+    return top !== undefined && top !== '' ? top : '题材'
+  }
+  return KIND_LABELS[a.kind] ?? '其他'
+}
+
+interface EditorState {
+  id?: string
+  name: string; kind: AuthorStyleAsset['kind']; summary: string; content: string; tags: string; sourceBooks: string
+}
+
+function emptyEditor(): EditorState {
+  return { name: '', kind: 'style', summary: '', content: '', tags: '', sourceBooks: '' }
+}
+
+export function AuthorAssetsView({ api }: { api: NovelApi }) {
+  const [assets, setAssets] = useState<AuthorStyleAsset[]>([]);
+  const [editing, setEditing] = useState<EditorState | null>(null);
+  const [error, setError] = useState('');
+  const [busy, setBusy] = useState(false);
+  const [kindFilter, setKindFilter] = useState<AuthorStyleAsset['kind'] | 'all'>('all');
+
+  const load = async (): Promise<void> => {
+    try { const res = await api.authorAssets(); setAssets(res.assets.items) } catch (err) { setError((err as Error).message) }
+  };
+
+  /** 导入默认：把书架书的写作资产/角色 + 内置全局库批量沉淀到作者资产库。 */
+  const importDefaults = async (): Promise<void> => {
+    setBusy(true); setError('');
+    try { const res = await api.authorAssetsImportDefault(); setAssets(res.assets.items) } catch (err) { setError((err as Error).message) } finally { setBusy(false) }
+  };
+
+  // 打开即加载；若资产库为空，自动导入默认（书架资产 + 内置全局库）。
+  useEffect(() => {
+    let cancelled = false
+    void (async () => {
+      try {
+        const res = await api.authorAssets()
+        if (cancelled) return
+        if (res.assets.items.length === 0) {
+          const imp = await api.authorAssetsImportDefault()
+          if (!cancelled) setAssets(imp.assets.items)
+        } else {
+          setAssets(res.assets.items)
+        }
+      } catch (err) {
+        if (!cancelled) setError((err as Error).message)
+      }
+    })()
+    return () => { cancelled = true }
+  }, [api]);
+
+  const startNew = (): void => { setEditing(emptyEditor()); setError('') };
+  const startEdit = (a: AuthorStyleAsset): void => {
+    setEditing({ id: a.id, name: a.name, kind: a.kind, summary: a.summary, content: a.content, tags: a.tags.join('、'), sourceBooks: a.sourceBooks.join('、') });
+    setError('');
+  };
+
+  const save = async (): Promise<void> => {
+    if (editing === null) return;
+    if (editing.name.trim() === '') { setError('请填写资产名'); return }
+    setBusy(true); setError('');
+    try {
+      const asset: AuthorStyleAsset = {
+        id: editing.id ?? '', name: editing.name.trim(), kind: editing.kind, summary: editing.summary.trim(), content: editing.content.trim(),
+        sourceBooks: editing.sourceBooks.split(/[、,，\s]+/).map(s => s.trim()).filter(Boolean),
+        tags: editing.tags.split(/[、,，\s]+/).map(s => s.trim()).filter(Boolean),
+        createdAt: '', updatedAt: '',
+      };
+      await api.authorAssetsUpsert(asset); setEditing(null); await load();
+    } catch (err) { setError((err as Error).message) } finally { setBusy(false) }
+  };
+
+  const del = async (id: string): Promise<void> => {
+    setBusy(true); setError('');
+    try { await api.authorAssetsRemove(id); await load() } catch (err) { setError((err as Error).message) } finally { setBusy(false) }
+  };
+
+  const visible = useMemo(() => (kindFilter === 'all' ? assets : assets.filter(a => a.kind === kindFilter)), [assets, kindFilter]);
+
+  /** 按分类分组展示（题材按顶层题材名，其余按类型）。 */
+  const grouped = useMemo(() => {
+    const map = new Map<string, AuthorStyleAsset[]>()
+    for (const a of visible) {
+      const cat = assetCategory(a)
+      const arr = map.get(cat) ?? []
+      arr.push(a)
+      map.set(cat, arr)
+    }
+    return Array.from(map.entries()).sort((x, y) => x[0].localeCompare(y[0], 'zh'))
+  }, [visible]);
+
+  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}>跨书可复用的笔法/红线/套路/角色模板/世界观模板。任意新书与改编都能调用。</span>
+          </div>
+          <div className={css.rowEnd}>
+            <button type="button" className={css.button + ' ' + css.buttonSmall} onClick={() => { void importDefaults() }} disabled={busy} title="把书架里所有书的写作资产/角色 + 内置题材/反AI/风格模板/推进模式批量导入">导入默认资产</button>
+            <button type="button" className={css.button + ' ' + css.buttonPrimary} onClick={startNew}><Plus size={14} style={{ verticalAlign: -2 }} /> 新增资产</button>
+          </div>
+        </div>
+        <div className={css.assetFilterBar}>
+          {KIND_OPTIONS.map(k => (
+            <button key={k} type="button" className={css.assetFilterChip + (kindFilter === k ? ' ' + css.assetFilterChipActive : '')} onClick={() => setKindFilter(kindFilter === k ? 'all' : k)}>{KIND_LABELS[k]} {assets.filter(a => a.kind === k).length}</button>
+          ))}
+        </div>
+      </div>
+
+      {error !== '' && <div className={css.noticeError}>{error}</div>}
+
+      {editing !== null ? (
+        <div className={css.assetEditor}>
+          <h3 style={{ margin: 0 }}>{editing.id !== '' && editing.id !== undefined ? '编辑资产' : '新增资产'}</h3>
+          <div className={css.assetEditorRow}>
+            <label className={css.assetLabel}>资产名 <input className={css.input} value={editing.name} onChange={e => setEditing({ ...editing, name: e.target.value })} placeholder="如：短句快节奏爽文风" /></label>
+            <label className={css.assetLabel}>类型 <select className={css.input} value={editing.kind} onChange={e => setEditing({ ...editing, kind: e.target.value as AuthorStyleAsset['kind'] })}>{KIND_OPTIONS.map(k => <option key={k} value={k}>{KIND_LABELS[k]}</option>)}</select></label>
+          </div>
+          <label className={css.assetLabel}>一句话摘要 <input className={css.input} value={editing.summary} onChange={e => setEditing({ ...editing, summary: e.target.value })} placeholder="这个资产解决什么问题 / 有什么特点" /></label>
+          <label className={css.assetLabel}>内容（按类型约定的描述 / 规则 / 结构化文本）
+            <textarea className={`${css.input} ${css.assetTextarea}`} value={editing.content} onChange={e => setEditing({ ...editing, content: e.target.value })} placeholder={'角色模板示例：\n姓名：林越\n定位：痞坏型主角\n口头禅："有点意思"\n性格：表面懒散、内里狠辣\n成长弧线：从底层游街到一方枭雄'} />
+          </label>
+          <div className={css.assetEditorRow}>
+            <label className={css.assetLabel}>标签（顿号分隔） <input className={css.input} value={editing.tags} onChange={e => setEditing({ ...editing, tags: e.target.value })} placeholder="扮猪吃虎、快节奏、冷面" /></label>
+            <label className={css.assetLabel}>来源书（顿号分隔） <input className={css.input} value={editing.sourceBooks} onChange={e => setEditing({ ...editing, sourceBooks: e.target.value })} placeholder="《某某传》《某某录》" /></label>
+          </div>
+          <div className={css.rowEnd}><button type="button" className={`${css.button} ${css.buttonPrimary}`} onClick={save} disabled={busy}>{busy ? '保存中…' : '保存'}</button>{(editing.id !== '' && editing.id !== undefined) && <button type="button" className={css.button + ' ' + css.buttonSmall} onClick={() => setEditing(null)}>取消</button>}</div>
+        </div>
+      ) : null}
+
+      {visible.length === 0 ? (
+        <div className={css.shelfEmpty} style={{ minHeight: 160 }}>
+          <span className={css.shelfEmptyIcon}><Plus size={30} /></span>
+          <span className={css.shelfEmptyTitle}>还没有资产</span>
+          <span className={css.meta}>点「新增资产」收藏你的笔法/角色模板/套路，跨书调用。</span>
+        </div>
+      ) : (
+        <div className={css.assetGroups}>
+          {grouped.map(([cat, items]) => (
+            <div key={cat} className={css.assetGroup}>
+              <div className={css.assetGroupHeader}>{cat} <span className={css.meta}>{items.length}</span></div>
+              <div className={css.assetGrid}>
+                {items.map(a => (
+                  <div key={a.id} className={css.assetCard}>
+                    <div className={css.assetCardTop}>
+                      <span className={css.assetKind} style={{ color: KIND_COLORS[a.kind] }}>{KIND_LABELS[a.kind]}</span>
+                      <div className={css.rowEnd}>
+                        <button type="button" className={css.iconBtn} title="编辑" onClick={() => startEdit(a)}><Pencil size={13} /></button>
+                        <button type="button" className={css.iconBtn} title="删除" onClick={() => { void del(a.id) }}><Trash2 size={13} /></button>
+                      </div>
+                    </div>
+                    <div className={css.assetCardName}>{a.name}</div>
+                    {a.summary !== '' && <div className={css.meta}>{a.summary}</div>}
+                    <div className={css.assetCardContent}>{a.content}</div>
+                    <div className={css.assetCardFooter}>
+                      {a.tags.map(t => <span key={t} className={css.badge}>{t}</span>)}
+                      {a.sourceBooks.length > 0 && <span className={css.meta}>来源：{a.sourceBooks.join(' / ')}</span>}
+                    </div>
+                  </div>
+                ))}
+              </div>
+            </div>
+          ))}
+        </div>
+      )}
+    </div>
+  );
+}

package/src/client/panel/AuthorHome.tsx

@@ -0,0 +1,93 @@
+/**
+ * 作者级首页容器：书架页左侧导航 + 内容区。
+ * 导航复用工作区 .panelNav 玻璃卡片样式（同款），导航项为作者级：书架/改编/资产库/全局资产库/AI 进度/设置。
+ */
+import { useState } from 'react'
+import { Library, Wand2, Boxes, Brush, BarChart3, Settings, Info } from 'lucide-react'
+import type { NovelApi } from '../api.ts'
+import type { BookshelfSnapshot } from '../../protocol.ts'
+import { ShelfView } from './ShelfView.tsx'
+import { AdaptModeView } from './AdaptModeView.tsx'
+import { AuthorAssetsView } from './AuthorAssetsView.tsx'
+import { ProgressHomeView } from './ProgressHomeView.tsx'
+import { SettingsView } from './SettingsView.tsx'
+import css from './panel.module.css'
+
+type AuthorNav = 'shelf' | 'adapt' | 'assets' | 'library' | 'progress' | 'settings';
+
+const NAV_ITEMS: Array<{ id: Exclude<AuthorNav, 'settings'>; label: string; icon: JSX.Element; hint: string }> = [
+  { id: 'shelf', label: '书架', icon: <Library size={18} />, hint: '我的书' },
+  { id: 'adapt', label: '改编模式', icon: <Wand2 size={18} />, hint: '上传全文→可改范围' },
+  { id: 'assets', label: '作者资产库', icon: <Boxes size={18} />, hint: '跨书总数据' },
+  { id: 'library', label: '全局写作资产库', icon: <Brush size={18} />, hint: '内置题材/规则/模板' },
+  { id: 'progress', label: 'AI 进度', icon: <BarChart3 size={18} />, hint: '书架级聚合进度' },
+];
+
+function Placeholder({ title, hint }: { title: string; hint: string }) {
+  return (
+    <div className={css.authorPageBody}>
+      <div className={css.authorPageHeader}><h2 className={css.panelTitle} style={{ margin: 0 }}>{title}</h2><span className={css.meta}>{hint}</span></div>
+      <div className={css.shelfEmpty} style={{ minHeight: 160 }}>
+        <span className={css.shelfEmptyIcon}><Info size={30} /></span>
+        <span className={css.shelfEmptyTitle}>此入口为占位</span>
+        <span className={css.meta}>后续版本实现。当前「全局写作资产库」可进入某本书「创作资产」页查看内置题材库/反AI规则库/风格模板；「设置」为独立设置页。</span>
+      </div>
+    </div>
+  );
+}
+
+export function AuthorHome({ api, shelf, onOpenBook, onReadBook, onAddBook, onImportBook, onOpenSettings, onTheme, onBackground, onOpacity, adaptEnabled }: {
+  api: NovelApi; shelf: BookshelfSnapshot;
+  onOpenBook: (id: string) => void; onReadBook: (id: string) => void; onAddBook: () => void; onImportBook: () => void;
+  /** 兼容旧入口：首页设置现为独立设置页，此回调保留但不再使用。 */
+  onOpenSettings?: () => void;
+  /** 主题/模式/密度变化回调（供面板根容器实时生效）。 */
+  onTheme?: (theme: 'liquid' | 'neumorph' | 'macos' | 'clay', mode: 'system' | 'light' | 'dark', density: 'comfort' | 'compact' | 'spacious') => void;
+  /** 自定义背景变化回调。 */
+  onBackground?: (bg: string | undefined, blur: number) => void;
+  /** 玻璃透明度变化回调。 */
+  onOpacity?: (n: number) => void;
+  /** 是否启用改编模式（默认 false=隐藏入口）。 */
+  adaptEnabled?: boolean;
+}) {
+  const [nav, setNav] = useState<AuthorNav>('shelf');
+
+  return (
+    <div className={css.authorHome}>
+      <nav className={css.panelNav} aria-label="作者级导航">
+        <div className={css.navTitle}>
+          <div className={css.navTitleLogo}>书</div>
+          <div style={{ minWidth: 0 }}>
+            <div className={css.navTitleName}>小说工坊</div>
+            <div className={css.navTitleBook}>作者级 · 跨书</div>
+          </div>
+        </div>
+        <div className={css.navGroup}>
+          <div className={css.navGroupLabel}>作者</div>
+          {NAV_ITEMS.filter(item => item.id !== 'adapt' || adaptEnabled).map(item => (
+            <button key={item.id} type="button" role="tab" aria-selected={nav === item.id} data-active={nav === item.id ? '' : undefined} className={css.navTab} title={item.hint} onClick={() => setNav(item.id)}>
+              <span className={css.navTabIcon}>{item.icon}</span>
+              <span className={css.navTabLabel}>{item.label}</span>
+            </button>
+          ))}
+        </div>
+        <div className={css.navSpacer} />
+        <button type="button" role="tab" aria-selected={nav === 'settings'} data-active={nav === 'settings' ? '' : undefined} className={css.navTab} title="设置" onClick={() => setNav('settings')}>
+          <span className={css.navTabIcon}><Settings size={18} /></span>
+          <span className={css.navTabLabel}>设置</span>
+        </button>
+        <div className={css.navAbout}>
+          <div className={css.navAboutRow}><span>ℹ️ v1.7.3 · 改编/资产库</span></div>
+        </div>
+      </nav>
+      <div className={css.authorContent}>
+        {nav === 'shelf' && <ShelfView api={api} shelf={shelf} onOpenBook={onOpenBook} onReadBook={onReadBook} onAddBook={onAddBook} onImportBook={onImportBook} />}
+        {nav === 'adapt' && <AdaptModeView api={api} />}
+        {nav === 'assets' && <AuthorAssetsView api={api} />}
+        {nav === 'library' && <Placeholder title="🎨 全局写作资产库" hint="内置题材基底库 / 反AI规则库 / 风格模板 / 推进模式（跨书）" />}
+        {nav === 'progress' && <ProgressHomeView shelf={shelf} onOpenBook={onOpenBook} />}
+        {nav === 'settings' && <SettingsView api={api} onTheme={onTheme} onBackground={onBackground} onOpacity={onOpacity} />}
+      </div>
+    </div>
+  );
+}

package/src/client/panel/CreateBookView.tsx

@@ -188,7 +188,11 @@ export function CreateBookView({
           <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 => {

package/src/client/panel/ImportModal.tsx

@@ -4,9 +4,10 @@
  *  B) txt/md 全本 → 点击选择文件，浏览器读取内容 → 服务器拆章预览 → 确认后导入。
  *  Mode B 也保留「服务器本地路径」高级选项（大文件或服务器端已有文件时用）。
  */
-import { useRef, useState } from 'react'
+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'
@@ -57,7 +58,7 @@ export function ImportModal({
     setFileName(file.name)
     setPreviewing(true)
     try {
-      const text = await file.text()
+      const text = await readFileTextSmart(file)
       setFileText(text)
       const p = await api.bookImportTextPreview(text, file.name)
       setPreview(p)
@@ -118,8 +119,17 @@ export function ImportModal({
 
   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} onClick={e => { if (e.target === e.currentTarget) onClose() }}>
+    <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>