@waterwx/dsh-novel-forge 1.7.3 → 1.8.0

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/ImportModal.tsx

@@ -7,6 +7,7 @@
 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)

package/src/client/panel/NovelPanel.tsx

@@ -13,6 +13,7 @@ import { BarChart3, Book, BookMarked, BookOpen, Brain, Clapperboard, Factory, Fi
 import { AssistantTab } from './AssistantTab.tsx'
 import { AssetsTab } from './AssetsTab.tsx'
 import { ShelfView } from './ShelfView.tsx'
+import { AuthorHome } from './AuthorHome.tsx'
 import { ReaderView } from './ReaderView.tsx'
 import { RunPanel } from './RunPanel.tsx'
 import { CreateBookView } from './CreateBookView.tsx'
@@ -73,36 +74,36 @@ const NAV_GROUPS: ReadonlyArray<{ id: string; label: string; items: ReadonlyArra
     id: 'create',
     label: '创作',
     items: [
-      { id: 'workflow', label: tt('tab.workflow'), icon: <Wrench size={16} /> },
-      { id: 'overview', label: tt('tab.overview'), icon: <FileText size={16} /> },
-      { id: 'blurb', label: '简介 / 封面', icon: <BookOpen size={16} /> },
-      { id: 'plan', label: tt('tab.plan'), icon: <BookMarked size={16} /> },
-      { id: 'plotlines', label: '长线管理', icon: <ScrollText size={16} /> },
-      { id: 'book', label: '本书设定', icon: <Library size={16} /> },
+      { id: 'workflow', label: tt('tab.workflow'), icon: <Wrench size={18} /> },
+      { id: 'overview', label: tt('tab.overview'), icon: <FileText size={18} /> },
+      { id: 'blurb', label: '简介 / 封面', icon: <BookOpen size={18} /> },
+      { id: 'plan', label: tt('tab.plan'), icon: <BookMarked size={18} /> },
+      { id: 'plotlines', label: '长线管理', icon: <ScrollText size={18} /> },
+      { id: 'book', label: '本书设定', icon: <Library size={18} /> },
     ],
   },
   {
     id: 'tools',
     label: '工具',
     items: [
-      { id: 'assistant', label: tt('tab.assistant'), icon: <MessageSquare size={16} /> },
-      { id: 'progress', label: 'AI 进度', icon: <BarChart3 size={16} /> },
-      { id: 'breakdown', label: '拆书分析', icon: <Search size={16} /> },
-      { id: 'manhua', label: '漫剧工作台', icon: <Clapperboard size={16} /> },
-      { id: 'run', label: '生产单', icon: <Factory size={16} /> },
+      { id: 'assistant', label: tt('tab.assistant'), icon: <MessageSquare size={18} /> },
+      { id: 'progress', label: 'AI 进度', icon: <BarChart3 size={18} /> },
+      { id: 'breakdown', label: '拆书分析', icon: <Search size={18} /> },
+      { id: 'manhua', label: '漫剧工作台', icon: <Clapperboard size={18} /> },
+      { id: 'run', label: '生产单', icon: <Factory size={18} /> },
     ],
   },
   {
     id: 'assets',
     label: '资产',
     items: [
-      { id: 'assets', label: '创作资产', icon: <Wrench size={16} /> },
+      { id: 'assets', label: '创作资产', icon: <Wrench size={18} /> },
     ],
   },
 ]
 
 /** Settings tab — pinned to the bottom of the nav rail. */
-const SETTINGS_TAB: { id: NovelTab; label: string; icon: ReactElement } = { id: 'settings', label: tt('tab.settings'), icon: <Settings size={16} /> }
+const SETTINGS_TAB: { id: NovelTab; label: string; icon: ReactElement } = { id: 'settings', label: tt('tab.settings'), icon: <Settings size={18} /> }
 
 /** Common DeepSeek model presets shown in settings; users can also type any model id. */
 const MODEL_PRESETS = ['deepseek-v4-flash', 'deepseek-v4-pro', 'deepseek-chat', 'deepseek-reasoner'] as const
@@ -316,6 +317,12 @@ function DiffList({ original, draft, fontSize }: { original: string; draft: stri
 export function NovelPanel({ controller, api }: NovelPanelProps) {
   const [activeTab, setActiveTab] = useState<NovelTab>('workflow')
   const [config, setConfig] = useState<NovelConfig | null>(null)
+  /** 自定义背景（URL / dataURL），覆盖主题默认背景。 */
+  const [themeBg, setThemeBg] = useState<string | undefined>(undefined)
+  /** 自定义背景遮罩/模糊强度 0-80。 */
+  const [themeBgBlur, setThemeBgBlur] = useState(0)
+  /** 玻璃透明度 0-100（100=主题原样）。 */
+  const [themeOpacity, setThemeOpacity] = useState(100)
   const [project, setProject] = useState<ProjectState | null>(null)
   const [generatedFiles, setGeneratedFiles] = useState<string[]>([])
   const [outlineText, setOutlineText] = useState('')
@@ -748,6 +755,17 @@ export function NovelPanel({ controller, api }: NovelPanelProps) {
     }
   }, [api, refresh, refreshShelf])
 
+  /** 首页「设置」与书内设置同入口：激活当前/首选书并跳到设置页。 */
+  const openSettingsFromHome = async (): Promise<void> => {
+    const targetId = shelf?.activeBookId ?? shelf?.books[0]?.id ?? null
+    if (targetId === null || targetId === undefined) {
+      setError('请先在书架开一本书；设置页以书籍工作台为入口')
+      return
+    }
+    await activateBook(targetId, 'workspace')
+    setActiveTab('settings')
+  }
+
   /** Handle a docx file (pick or drag): parse locally, save outline. */
   const handleDocxFile = useCallback(async (file: File) => {
     setBusy(true)
@@ -2364,12 +2382,20 @@ export function NovelPanel({ controller, api }: NovelPanelProps) {
     n += assets?.antiAiRules?.length ?? 0
     return n
   })()
+  /** 自定义背景：优先用户显式选择（themeBg），否则用 config 里的持久化值。 */
+  const effectiveBg = themeBg !== undefined && themeBg !== '' ? themeBg : (config?.themeBackground ?? '')
+  const effectiveBgBlur = themeBgBlur > 0 ? themeBgBlur : (config?.themeBackgroundBlur ?? 0)
+  const effectiveOpacity = themeOpacity > 0 ? themeOpacity : (config?.themeOpacity ?? 100)
+  const panelBgStyle: Record<string, string> = {}
+  if (effectiveBg !== '') panelBgStyle['--nf-glass-bg-image' as string] = 'url(' + effectiveBg + ')'
+  if (effectiveBgBlur > 0) panelBgStyle['--nf-glass-bg-dim' as string] = String(effectiveBgBlur)
+  panelBgStyle['--nf-glass-opacity' as string] = String(effectiveOpacity) + '%'
 
   return (
-    <div className={css.panel} data-nf-theme={panelTheme} data-nf-mode={themeMode === 'system' ? undefined : themeMode} data-nf-density={themeDensity}>
+    <div className={css.panel} data-nf-theme={panelTheme} data-nf-mode={themeMode === 'system' ? undefined : themeMode} data-nf-density={themeDensity} style={panelBgStyle}>
       {viewMode === 'shelf' ? (
-        /* 书架首页：默认视图，选择一本书进入工作台或阅读页 */
-        <ShelfView
+        /* 书架首页：作者级左侧导航 + 书架/改编/资产库/设置 */
+        <AuthorHome
           api={api}
           shelf={shelf ?? { books: [], activeBookId: null }}
           onOpenBook={async (id) => {
@@ -2380,6 +2406,11 @@ export function NovelPanel({ controller, api }: NovelPanelProps) {
           }}
           onAddBook={() => { setViewMode('create') }}
           onImportBook={() => { setShowImport(true) }}
+          onOpenSettings={() => { void openSettingsFromHome() }}
+          onTheme={(t, m, d) => { changePanelTheme(t); changeThemeMode(m); changeThemeDensity(d) }}
+          onBackground={(bg, blur) => { setThemeBg(bg); setThemeBgBlur(blur) }}
+          onOpacity={(n) => { setThemeOpacity(n) }}
+          adaptEnabled={config?.enableAdaptMode === true}
         />
       ) : viewMode === 'create' ? (
         /* 开书向导：独立页面 */

package/src/client/panel/ProgressHomeView.tsx

@@ -0,0 +1,87 @@
+/**
+ * 首页 AI 进度视图：书架级聚合进度——总览 + 每本书进度条 + 进行中高亮。
+ * 读取 BookshelfSnapshot，不依赖打开某本书。
+ */
+import { useMemo } from 'react'
+import { BarChart3, BookOpen, PenLine, CheckCircle2, Clock, RefreshCw } from 'lucide-react'
+import type { BookshelfSnapshot } from '../../protocol.ts'
+import css from './panel.module.css'
+
+function relativeTime(iso: string): string {
+  const t = new Date(iso).getTime()
+  if (!Number.isFinite(t)) return '—'
+  const diff = Date.now() - t
+  if (diff < 60_000) return '刚刚'
+  if (diff < 3_600_000) return Math.floor(diff / 60_000) + ' 分钟前'
+  if (diff < 86_400_000) return Math.floor(diff / 3_600_000) + ' 小时前'
+  if (diff < 7 * 86_400_000) return Math.floor(diff / 86_400_000) + ' 天前'
+  return new Date(t).toLocaleDateString('zh-CN', { month: 'numeric', day: 'numeric' })
+}
+
+function bookStatus(book: BookshelfSnapshot['books'][number]): 'none' | 'done' | 'active' {
+  if (!book.hasProject) return 'none'
+  return book.total > 0 && book.done >= book.total ? 'done' : 'active'
+}
+
+export function ProgressHomeView({ shelf, onOpenBook }: {
+  shelf: BookshelfSnapshot;
+  onOpenBook: (id: string) => void;
+}) {
+  const stats = useMemo(() => {
+    let active = 0, done = 0, none = 0, chapters = 0, written = 0;
+    for (const b of shelf.books) {
+      const s = bookStatus(b)
+      if (s === 'none') none++; else if (s === 'done') done++; else active++;
+      chapters += b.total;
+      written += b.done;
+    }
+    return { active, done, none, chapters, written }
+  }, [shelf.books]);
+
+  const progressPct = stats.chapters > 0 ? Math.round((stats.written / stats.chapters) * 100) : 0;
+
+  return (
+    <div className={css.authorPageBody}>
+      <div className={css.authorPageHeader}><h2 className={css.panelTitle} style={{ margin: 0 }}>📊 AI 进度</h2><span className={css.meta}>跨书架聚合进度与最近活动</span></div>
+
+      <div className={css.progressOverview}>
+        <div className={css.progressOverviewCard}><span className={css.progressOverviewNum}>{shelf.books.length}</span><span className={css.meta}>总书数</span></div>
+        <div className={css.progressOverviewCard}><span className={css.progressOverviewNum}>{stats.active}</span><span className={css.meta}>进行中</span></div>
+        <div className={css.progressOverviewCard}><span className={css.progressOverviewNum}>{stats.done}</span><span className={css.meta}>已完结</span></div>
+        <div className={css.progressOverviewCard}><span className={css.progressOverviewNum}>{stats.written}/{stats.chapters}</span><span className={css.meta}>已完成章节</span></div>
+      </div>
+
+      <div className={css.progressTotalBar}><div className={css.progressTotalFill} style={{ width: progressPct + '%' }} /><span className={css.meta}>全书架整体进度 {progressPct}%</span></div>
+
+      {shelf.books.length === 0 ? (
+        <div className={css.shelfEmpty} style={{ minHeight: 160 }}>
+          <span className={css.shelfEmptyIcon}><BarChart3 size={30} /></span>
+          <span className={css.shelfEmptyTitle}>还没有书</span>
+          <span className={css.meta}>去书架开一本书或导入全文后，这里会显示进度。</span>
+        </div>
+      ) : (
+        <div className={css.progressBookList}>
+          {shelf.books.map(book => {
+            const s = bookStatus(book)
+            const ratio = book.total > 0 ? Math.min(book.done / book.total, 1) : 0;
+            const statusLabel = s === 'none' ? '未开书' : s === 'done' ? '已完结' : '进行中';
+            return (
+              <div key={book.id} className={css.progressBook + (s === 'active' ? ' ' + css.progressBookActive : '')}>
+                <div className={css.progressBookHead}>
+                  <span className={css.progressBookName} title={book.bookName}>{book.bookName}</span>
+                  <span className={css.badge + (s === 'done' ? ' ' + css.badgeDone : s === 'active' ? ' ' + css.badgeWritten : ' ' + css.badgePending)}>{statusLabel}</span>
+                  {s === 'active' && <span className={css.meta + ' ' + css.progressLive}><RefreshCw size={12} style={{ verticalAlign: -2 }} /> 创作中</span>}
+                </div>
+                <div className={css.progressBookBar}><div className={css.progressBookFill} style={{ width: Math.round(ratio * 100) + '%' }} /></div>
+                <div className={css.rowEnd} style={{ justifyContent: 'space-between' }}>
+                  <span className={css.meta}>{book.total > 0 ? '已完成 ' + book.done + ' / ' + book.total + ' 章' : '尚未规划章节'} · 更新于 {relativeTime(book.updatedAt)}</span>
+                  <button type="button" className={css.button + ' ' + css.buttonSmall} onClick={() => onOpenBook(book.id)}><PenLine size={12} style={{ verticalAlign: -2 }} /> 进入</button>
+                </div>
+              </div>
+            );
+          })}
+        </div>
+      )}
+    </div>
+  );
+}