@waterwx/dsh-novel-forge 1.3.1 → 1.3.2-alpha

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'
+import { SubPage } from './SubPage.tsx'
+
+const KIND_LABELS: Record<AuthorStyleAsset['kind'], string> = {
+  style: '笔法',
+  antiAi: '红线/反AI',
+  progression: '推进模式',
+  genre: '题材',
+  roleTemplate: '角色模板',
+  worldTemplate: '世界观模板',
+  plotBeat: '剧情桥段',
+  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)',
+  plotBeat: 'var(--nf-accent)',
+  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 (
+    <SubPage
+      title="作者资产库"
+      meta="跨书可复用的笔法/红线/套路/角色模板/世界观模板。任意新书与改编都能调用。"
+      actions={(
+        <>
+          <button type="button" className={css.button + ' ' + css.buttonSmall} onClick={() => { void importDefaults() }} disabled={busy} title="把书架里所有书的写作资产/角色批量沉淀到作者资产库（内置库请到全局写作资产库浏览/套用）">导入默认资产</button>
+          <button type="button" className={css.button + ' ' + css.buttonPrimary} onClick={startNew}><Plus size={14} style={{ verticalAlign: -2 }} /> 新增资产</button>
+        </>
+      )}
+    >
+      <div className={css.shelfToolbar}>
+        {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>
+
+      {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>
+      )}
+    </SubPage>
+  );
+}

package/src/client/panel/AuthorHome.tsx

@@ -0,0 +1,309 @@
+/**
+ * 作者级首页容器：书架页左侧导航 + 内容区。
+ * 导航复用工作区 .panelNav 玻璃卡片样式（同款），导航项为作者级：书架/改编/资产库/全局资产库/AI 进度/设置。
+ */
+import { useState, useRef, useEffect } from 'react'
+import { Library, Boxes, Brush, Radar, FileSearch, Lightbulb } 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 { GlobalAssetLibraryView } from './GlobalAssetLibraryView.tsx'
+import { ProgressConsole, type ProgressLine } from './ProgressConsole.tsx'
+import { SettingsView } from './SettingsView.tsx'
+import LiveFeedLog from './LiveFeedLog.tsx'
+import MarketRadarView from './MarketRadarView.tsx'
+import BookAnalysisView from './BookAnalysisView.tsx'
+import IdeaInspirationView from './IdeaInspirationView.tsx'
+import css from './panel.module.css'
+
+/** 构建时注入的插件版本（tsdown define 替换为字符串字面量）。 */
+declare const __NOVEL_FORGE_VERSION__: string | undefined
+const PLUGIN_VERSION: string = typeof __NOVEL_FORGE_VERSION__ !== 'undefined' ? __NOVEL_FORGE_VERSION__ : '0.0.0'
+/** GitHub 仓库地址（关于区块点击跳转）。 */
+const REPO_URL = 'https://github.com/watersxya/dsh-novel-forge'
+
+type AuthorNav = 'shelf' | 'adapt' | 'assets' | 'library' | 'marketRadar' | 'bookAnalysis' | 'ideaInspiration';
+type AuthorSubNav = AuthorNav;
+
+/** 顶层 tab（横向，墨案：创作 / 灵感策划 / 资产 / 设置）+ 组内二级页。 */
+const NAV_TABS: Array<{
+  id: 'shelf' | 'marketRadar' | 'assets';
+  label: string;
+  icon: JSX.Element;
+  hint: string;
+  /** 组内二级页（首项即该 tab 的默认页）。 */
+  children: Array<{ id: AuthorSubNav; label: string; icon: JSX.Element }>;
+}> = [
+  {
+    id: 'shelf', label: '创作', icon: <Library size={18} />, hint: '我的书 · 改编模式 · 库存',
+    /* 改编模式入口移到书架页头（与「导入已有小说」并排），此处只留书架一个子页。 */
+    children: [
+      { id: 'shelf', label: '我的书', icon: <Library size={14} /> },
+    ],
+  },
+  {
+    id: 'marketRadar', label: '灵感策划', icon: <Radar size={18} />, hint: '题材雷达 · 创意灵感 · 书分析',
+    children: [
+      { id: 'marketRadar', label: '题材雷达', icon: <Radar size={14} /> },
+      { id: 'ideaInspiration', label: '创意灵感', icon: <Lightbulb size={14} /> },
+      { id: 'bookAnalysis', label: '书分析', icon: <FileSearch size={14} /> },
+    ],
+  },
+  {
+    id: 'assets', label: '资产', icon: <Boxes size={18} />, hint: '作者资产库 · 全局资产库',
+    children: [
+      { id: 'assets', label: '作者资产库', icon: <Brush size={14} /> },
+      { id: 'library', label: '全局资产库', icon: <Boxes size={14} /> },
+    ],
+  },
+];
+
+
+export function AuthorHome({ api, shelf, onOpenBook, onReadBook, onAddBook, onImportBook, onBackground, progress, busy, busyLabel, liveBar, onClearProgress, onUseIdea, themeMode, themeDensity, onToggleMode, onChangeThemeMode, onChangeThemeDensity }: {
+  /** 当前显示模式（顶栏「墨纸 / 纸白」切换用）。 */
+  themeMode?: 'system' | 'light' | 'dark';
+  /** 当前界面密度。 */
+  themeDensity?: 'comfort' | 'compact' | 'spacious';
+  /** 切换墨纸 / 纸白（由 NovelPanel 落 localStorage）。 */
+  onToggleMode?: () => void;
+  /** 改变全局显示模式（联动整个面板）。 */
+  onChangeThemeMode: (m: 'system' | 'light' | 'dark') => void;
+  /** 改变全局界面密度（联动整个面板）。 */
+  onChangeThemeDensity: (d: 'comfort' | 'compact' | 'spacious') => void;
+  api: NovelApi; shelf: BookshelfSnapshot;
+  onOpenBook: (id: string) => void; onReadBook: (id: string) => void; onAddBook: () => void; onImportBook: () => void;
+  /** 创意灵感 → 采纳某个灵感带入开书向导。 */
+  onUseIdea?: (idea: import('../../protocol.ts').IdeaInspirationResult['ideas'][number]) => void;
+  /** 自定义背景变化回调。 */
+  onBackground?: (bg: string | undefined, blur: number) => void;
+  /** AI 进度实时状态（与书内共享同一份）。 */
+  progress?: ProgressLine[];
+  busy?: boolean;
+  busyLabel?: string;
+  liveBar?: { text: string; ratio?: number } | null;
+  onClearProgress?: () => void;
+}) {
+  const [nav, setNav] = useState<AuthorNav>('shelf');
+  // 设置改为右滑抽屉（与总编台参数抽屉同交互），不再是全屏导航页。
+  const [settingsOpen, setSettingsOpen] = useState(false);
+  /** 当前是否深色（墨纸）：显式 dark，或跟随系统且系统为深色。 */
+  const darkNow = themeMode === 'dark'
+    || (themeMode !== 'light' && typeof window !== 'undefined' && window.matchMedia('(prefers-color-scheme: dark)').matches);
+  const [updating, setUpdating] = useState(false);
+  const [progressOpen, setProgressOpen] = useState(false);
+  const [progressPos, setProgressPos] = useState(() => {
+    try {
+      const raw = window.localStorage.getItem('dsh-novel-forge.home.progress.float')
+      if (raw !== null) { const p = JSON.parse(raw) as { x?: unknown; y?: unknown }; return { x: typeof p.x === 'number' ? p.x : 60, y: typeof p.y === 'number' ? p.y : 120 } }
+    } catch { /* ignore */ }
+    return { x: 60, y: 120 }
+  });
+  const [progressSize, setProgressSize] = useState(() => {
+    try {
+      const raw = window.localStorage.getItem('dsh-novel-forge.home.progress.size')
+      if (raw !== null) { const p = JSON.parse(raw) as { w?: unknown; h?: unknown }; return { w: typeof p.w === 'number' ? p.w : 460, h: typeof p.h === 'number' ? p.h : 420 } }
+    } catch { /* ignore */ }
+    return { w: 460, h: 420 }
+  });
+  const dragState = useRef<{ type: 'move' | 'resize'; startX: number; startY: number; origX: number; origY: number; origW: number; origH: number } | null>(null);
+
+  useEffect(() => {
+    try {
+      window.localStorage.setItem('dsh-novel-forge.home.progress.float', JSON.stringify(progressPos))
+      window.localStorage.setItem('dsh-novel-forge.home.progress.size', JSON.stringify(progressSize))
+    } catch { /* ignore */ }
+  }, [progressPos, progressSize]);
+
+  useEffect(() => {
+    const onMove = (e: MouseEvent): void => {
+      const s = dragState.current
+      if (s === null) return
+      if (s.type === 'move') {
+        setProgressPos({ x: Math.max(-340, Math.min(s.origX + e.clientX - s.startX, 3000)), y: Math.max(0, Math.min(s.origY + e.clientY - s.startY, 3000)) })
+      } else {
+        setProgressSize({ w: Math.max(320, Math.min(s.origW + e.clientX - s.startX, 1400)), h: Math.max(220, Math.min(s.origH + e.clientY - s.startY, 1200)) })
+      }
+    }
+    const onUp = (): void => { dragState.current = null }
+    window.addEventListener('mousemove', onMove)
+    window.addEventListener('mouseup', onUp)
+    return () => { window.removeEventListener('mousemove', onMove); window.removeEventListener('mouseup', onUp) }
+  }, []);
+
+  /** npm 最新版本（更新检测；null = 未检测/检测失败）。 */
+  const [npmLatest, setNpmLatest] = useState<string | null>(null)
+  useEffect(() => {
+    let cancelled = false
+    void (async () => {
+      try {
+        const r = await fetch('https://registry.npmjs.org/@waterwx%2Fdsh-novel-forge/latest')
+        if (!r.ok) return
+        const data = (await r.json()) as { version?: unknown }
+        if (!cancelled && typeof data.version === 'string') setNpmLatest(data.version)
+      } catch { /* best-effort */ }
+    })()
+    return () => { cancelled = true }
+  }, [])
+
+  const doUpdate = async (): Promise<void> => {
+    setUpdating(true)
+    try {
+      const res = await api.pluginUpdate()
+      window.alert(res.message)
+    } catch (err) {
+      window.alert('更新失败：' + ((err as Error).message ?? String(err)))
+    } finally {
+      setUpdating(false)
+    }
+  };
+
+  /** 下放到书架工具行右端的组入口（创作 / 灵感策划 / 资产）——设置仍留顶栏。 */
+  const shelfNavExtra = (
+    <>
+      {NAV_TABS.map(tab => {
+        const inGroup = tab.children.some(c => c.id === nav)
+        return (
+          <button
+            key={tab.id}
+            type="button"
+            role="tab"
+            aria-selected={inGroup}
+            data-active={inGroup ? '' : undefined}
+            className={css.authorNavBtn}
+            title={tab.hint}
+            onClick={() => { const first = tab.children[0]; if (first !== undefined) setNav(first.id) }}
+          >
+            {tab.label}
+          </button>
+        )
+      })}
+    </>
+  )
+
+  return (
+    <div className={css.authorHome}>
+      <nav className={css.authorTopNav} aria-label="作者级导航">
+        <div className={css.navTitle}>
+          <div className={css.navTitleLogo}>书</div>
+          <div style={{ minWidth: 0 }}>
+            <div className={css.navTitleName}>小说工坊<span className={css.brandEn}> · AI Novel Workbench</span></div>
+            <div className={css.navTitleBook}>一个 AI 智能小说助手 · 作者级 · 跨书</div>
+          </div>
+        </div>
+        {/* 顶行右侧：仅留设置（创作/灵感策划/资产已下放书架工具行） */}
+        <div className={css.navSpacer} />
+        <div className={css.authorTopTabs}>
+          <button
+            type="button"
+            className={css.authorNavBtn}
+            title="设置"
+            onClick={() => { setSettingsOpen(true) }}
+          >
+            设置
+          </button>
+        </div>
+        {/* 墨纸 / 纸白 切换（对齐 design-sample-workbench.html 的 #modeToggle） */}
+        <button
+          type="button"
+          className={`${css.button} ${css.buttonSmall}`}
+          title={darkNow ? '切换到纸白（浅色）' : '切换到墨纸（深色）'}
+          onClick={() => { onToggleMode?.() }}
+        >
+          {darkNow ? '☀ 纸白' : '☾ 墨纸'}
+        </button>
+        {/* 关于区（版本 / GitHub / 更新）置顶栏最末位 */}
+        <div className={css.navAbout}>
+          <button type="button" className={css.navAboutRow} title="打开 GitHub 仓库" onClick={() => { window.open(REPO_URL, '_blank', 'noopener') }}>
+            <span>ℹ v{PLUGIN_VERSION}</span>
+            <span className={css.meta}>GitHub ↗</span>
+          </button>
+          {npmLatest !== null && npmLatest !== PLUGIN_VERSION && (
+            <button type="button" className={css.navAboutUpdate} title="点击自动更新（下载最新 npm 版，完成后请重启 DSH）" disabled={updating} onClick={() => { void doUpdate() }}>
+              {updating ? ' 更新中…' : ` 更新到 v${npmLatest}`}
+            </button>
+          )}
+        </div>
+      </nav>{/* 第二行：当前组的子页按钮（仅在该组有多个子页时出现，对齐 demo 的 .group-nav） */}
+      {(() => {
+        const activeTab = NAV_TABS.find(t => t.children.some(c => c.id === nav))
+        if (activeTab === undefined || activeTab.children.length <= 1) return null
+        return (
+          <nav className={css.authorNav} aria-label={`${activeTab.label}下的子页面`}>
+            {activeTab.children.map(c => (
+              <button
+                key={c.id}
+                type="button"
+                role="tab"
+                aria-selected={nav === c.id}
+                data-active={nav === c.id ? '' : undefined}
+                className={css.authorNavBtn}
+                onClick={() => { setNav(c.id) }}
+              >
+                {c.label}
+              </button>
+            ))}
+          </nav>
+        )
+      })()}
+      <div className={css.authorContent}>
+        {nav === 'shelf' && <ShelfView api={api} shelf={shelf} toolbarExtra={shelfNavExtra} onOpenBook={onOpenBook} onReadBook={onReadBook} onAddBook={onAddBook} onImportBook={onImportBook} onOpenAdapt={() => { setNav('adapt') }} />}
+        {nav === 'adapt' && <AdaptModeView api={api} onOpenBook={onOpenBook} />}
+        {nav === 'assets' && <AuthorAssetsView api={api} />}
+        {nav === 'library' && <GlobalAssetLibraryView api={api} />}
+        {nav === 'marketRadar' && <MarketRadarView api={api} bookId={shelf?.activeBookId ?? undefined} />}
+        {nav === 'ideaInspiration' && <IdeaInspirationView api={api} onUseIdea={onUseIdea} />}
+        {nav === 'bookAnalysis' && <BookAnalysisView api={api} />}
+      </div>
+      {/* 设置右滑抽屉（点遮罩/✕ 回书架） */}
+      {settingsOpen && (
+        <div className={css.settingsDrawerOverlay} onClick={e => { if (e.target === e.currentTarget) setSettingsOpen(false) }}>
+          <aside className={css.settingsDrawer} role="dialog" aria-modal="true" aria-label="设置">
+            <div className={css.settingsDrawerHead}>
+              <span className={css.cardTitle}>设置 · 全局</span>
+              <button type="button" className={`${css.button} ${css.buttonSmall}`} title="关闭" onClick={() => { setSettingsOpen(false) }}>✕</button>
+            </div>
+            <div className={css.settingsDrawerBody}>
+              <SettingsView api={api} variant="drawer" onBackground={onBackground} themeMode={themeMode ?? 'system'} themeDensity={themeDensity ?? 'comfort'} onChangeThemeMode={onChangeThemeMode} onChangeThemeDensity={onChangeThemeDensity} />
+            </div>
+          </aside>
+        </div>
+      )}
+      {progressOpen && (
+        <div className={css.assistantFloat} style={{ left: progressPos.x, top: progressPos.y, width: progressSize.w, height: progressSize.h }}>
+          <div
+            className={css.assistantFloatHeader}
+            onMouseDown={e => {
+              e.preventDefault()
+              dragState.current = { type: 'move', startX: e.clientX, startY: e.clientY, origX: progressPos.x, origY: progressPos.y, origW: progressSize.w, origH: progressSize.h }
+            }}
+          >
+            <span>
+               AI 进度
+              {busy && <span style={{ color: 'var(--nf-accent)' }}>  任务进行中</span>}
+              <span className={css.meta}>（拖动标题栏移动 · 右下角拉大小）</span>
+            </span>
+            <span style={{ display: 'flex', alignItems: 'center', gap: 'var(--nf-space-4)' }}>
+              {(progress ?? []).length > 0 && <button type="button" className={`${css.button} ${css.buttonSmall}`} onClick={onClearProgress} title="清空活动记录">清空</button>}
+              <button type="button" className={css.iconButton} title="关闭" aria-label="关闭AI进度" onClick={() => setProgressOpen(false)}>×</button>
+            </span>
+          </div>
+          <div className={css.assistantFloatBody} style={{ padding: 'var(--nf-space-10)', display: 'flex', flexDirection: 'column', gap: 'var(--nf-space-8)', overflow: 'hidden', flex: 1, minHeight: 0 }}>
+            <div style={{ flex: '0 2 auto', minHeight: 0, maxHeight: '42%', display: 'flex', flexDirection: 'column' }}>
+              <ProgressConsole progress={progress ?? []} busy={busy ?? false} busyLabel={busyLabel ?? ''} liveBar={liveBar ?? null} onClear={() => onClearProgress?.()} />
+            </div>
+            <LiveFeedLog />
+          </div>
+          <div
+            style={{ width: 14, height: 14, position: 'absolute', right: 0, bottom: 0, cursor: 'nwse-resize' }}
+            onMouseDown={e => {
+              e.preventDefault()
+              dragState.current = { type: 'resize', startX: e.clientX, startY: e.clientY, origX: progressPos.x, origY: progressPos.y, origW: progressSize.w, origH: progressSize.h }
+            }}
+          />
+        </div>
+      )}
+    </div>
+  );
+}

package/src/client/panel/BookAnalysisView.tsx

@@ -0,0 +1,63 @@
+/**
+ * 书分析/拆书：输入一本书/章节文本 → 卖点/结构/可借鉴点/风险。
+ */
+import { useState } from 'react'
+import type { NovelApi } from '../api.ts'
+import type { BookAnalysisResult } from '../../protocol.ts'
+import css from './panel.module.css'
+import { SubPage } from './SubPage.tsx'
+
+const SECTIONS: Array<{ key: keyof BookAnalysisResult; label: string; color: string }> = [
+  { key: 'sellingPoints', label: '卖点', color: 'var(--nf-success)' },
+  { key: 'structure', label: '结构', color: 'var(--nf-info)' },
+  { key: 'lessons', label: '可借鉴', color: 'var(--nf-accent)' },
+  { key: 'risks', label: '风险', color: 'var(--nf-error)' },
+]
+
+export default function BookAnalysisView({ api }: { api: NovelApi }): JSX.Element {
+  const [text, setText] = useState('')
+  const [busy, setBusy] = useState(false)
+  const [error, setError] = useState('')
+  const [result, setResult] = useState<BookAnalysisResult | null>(null)
+
+  const run = async (): Promise<void> => {
+    if (text.trim().length < 50) { setError('文本过短（<50 字符），请粘贴一段书/章节内容'); return }
+    setBusy(true); setError('')
+    try {
+      const r = await api.bookAnalysis(text.trim())
+      setResult(r.result)
+    } catch (e) { setError((e as Error).message) } finally { setBusy(false) }
+  }
+
+  return (
+    <SubPage
+      title="书分析 / 拆书"
+      meta="粘贴一本书/章节文本 → 提炼卖点、结构、可借鉴点与风险（不照搬具体作品）。"
+      actions={(
+        <button type="button" className={`${css.button} ${css.buttonPrimary}`} disabled={busy} onClick={() => { void run() }}>
+          {busy ? '分析中…' : '开始分析'}
+        </button>
+      )}
+    >
+      <div className={`${css.card} ${css.settingsCard}`} style={{ gap: 'var(--nf-space-10)' }}>
+        <span className={css.meta}>粘贴文本后点开始分析，结果按卖点/结构/可借鉴/风险分四区呈现。</span>
+        <textarea className={css.input} style={{ minHeight: 180, resize: 'vertical' }} value={text} onChange={e => setText(e.target.value)} placeholder="粘贴要分析的书/章节正文…" />
+      </div>
+
+      {error !== '' && <div style={{ color: 'var(--nf-error)', fontSize: 13 }}> {error}</div>}
+
+      {result !== null && (
+        <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(240px, 1fr))', gap: 'var(--nf-space-10)' }}>
+          {SECTIONS.map(s => (
+            <div key={s.key} className={`${css.card} ${css.settingsCard}`} style={{ gap: 'var(--nf-space-8)' }}>
+              <div style={{ fontSize: 13, fontWeight: 600, color: s.color }}>{s.label}（{(result[s.key] ?? []).length}）</div>
+              <div style={{ display: 'flex', flexDirection: 'column', gap: 4 }}>
+                {(result[s.key] ?? []).length === 0 ? <span style={{ color: 'var(--nf-text-2)', fontSize: 12 }}>无</span> : (result[s.key] ?? []).map((x, i) => <div key={i} style={{ fontSize: 12, borderLeft: '3px solid ' + s.color, paddingLeft: 6 }}>{x}</div>)}
+              </div>
+            </div>
+          ))}
+        </div>
+      )}
+    </SubPage>
+  )
+}