feat: 实现笔临 P0/P1 Electron 桌面应用 v0.1.0

交付写作核心（TipTap、自动保存、分卷分章）、Onboarding、7 主题与双语 i18n、快捷键设置；主进程使用 node:sqlite；补全 Vitest 与 Playwright E2E；统一 design/ 目录并移除 desigin 拼写错误路径。

Co-authored-by: Cursor <cursoragent@cursor.com>

.npmrc

@@ -0,0 +1,3 @@
+registry=https://registry.npmmirror.com
+electron_mirror=https://npmmirror.com/mirrors/electron/
+electron_builder_binaries_mirror=https://npmmirror.com/mirrors/electron-builder-binaries/

README.md

@@ -0,0 +1,26 @@
+# 笔临 (Bilin)
+
+长篇创作智能协作平台 — Electron 桌面客户端 v0.1.0（P0/P1）
+
+## 开发
+
+```bash
+npm install --legacy-peer-deps
+npm run dev
+```
+
+数据库使用 Node.js 内置 `node:sqlite`（无需原生模块编译）。
+
+## 测试
+
+```bash
+npm run test      # 单元测试 6/6
+npm run test:e2e  # E2E 测试（需先 build）
+npm run build
+```
+
+## 文档
+
+- 设计规格：`docs/superpowers/specs/2026-07-05-bilin-p0-p1-design.md`
+- 实现计划：`docs/superpowers/plans/2026-07-05-bilin-p0-p1.md`
+- UI 原型：`design/ui_pc.html`

design/readme.md

@@ -315,7 +315,10 @@
 
 #### 5.2.1 章节列表
 
-- **树状展示**：卷→章，可折叠；支持拖拽排序（同卷及跨卷移动）。拖拽移动后若章节绑定大纲，询问是否更新大纲关联。
+- **树状展示**：卷→章，可折叠；点击卷标题▶箭头可单独折叠/展开；支持拖拽排序（同卷及跨卷移动）。拖拽移动后若章节绑定大纲，询问是否更新大纲关联。
+- **分卷记忆**：点击分卷标题时，自动展开该卷并选中该卷**上次打开的章节**；若该卷尚无打开记录，则选中第一章。当前分卷高亮显示。
+- **按卷新建章节**：「新章」按钮在**当前选中分卷**内创建章节并立即在编辑器中打开。
+- **双击改标题**：章节名支持双击原地编辑；修改后同步更新编辑器上方标题栏。
 - **章节标记系统**：用户可创建自定义标签（如"高潮""需大修""女主主场"），并给章节打标。列表支持按标签筛选和颜色标识。
 - **章节预览**：鼠标悬停显示首段内容及自定义摘要。
 - **章节状态**：可手动标注"草稿/润色中/定稿"等状态，不同状态图标区分。
@@ -476,6 +479,11 @@
 
 ### 5.5 大纲、设定与灵感管理
 
+- **统一编辑体验**：章节、大纲、设定、灵感条目均在中央内容编辑器中直接编辑；切换条目时自动保存当前内容。
+- **侧栏新建入口**：大纲 / 设定 / 灵感面板底部提供「新建」按钮；章节面板底部保留「新章」按钮。
+- **新建即打开**：新建章节、大纲、设定或灵感后，立即在编辑器中打开该条目，光标定位至文末，可直接输入。
+- **双击改标题**：侧栏章节名、大纲/设定/灵感标题，以及编辑器上方文档标题，均支持**双击原地变为输入框**修改（无弹窗）；Enter 确认、Esc 取消、点击其他区域自动保存。
+
 #### 5.5.1 大纲系统
 
 - **层级大纲编辑器**：支持无限层级的树状大纲，可拖拽排序、缩进/提升层级。

design/ui_pc.html

@@ -505,7 +505,12 @@
         }
         .vol-header:hover {
             background: var(--bg-hover);
-            color: #fff;
+            color: var(--text-primary);
+        }
+        .vol-header.active {
+            background: var(--bg-active);
+            color: var(--text-primary);
+            border-left: 3px solid var(--accent);
         }
         .vol-header .vol-arrow {
             font-size: 9px;
@@ -554,6 +559,74 @@
             overflow: hidden;
             text-overflow: ellipsis;
             white-space: nowrap;
+            cursor: text;
+        }
+        .chapter-item .ch-title:hover,
+        .setting-entry .entry-name:hover,
+        .outline-item .item-title:hover,
+        .inspiration-item .item-title:hover {
+            color: var(--accent-light);
+        }
+        .inline-title-input {
+            width: 100%;
+            min-width: 0;
+            padding: 2px 6px;
+            border-radius: 3px;
+            border: 1px solid var(--accent);
+            background: var(--bg-surface);
+            color: var(--text-primary);
+            font-size: inherit;
+            font-family: inherit;
+            font-weight: inherit;
+            outline: none;
+            box-shadow: 0 0 0 2px var(--accent-glow);
+        }
+        #editor-toolbar .ch-label {
+            font-size: 11px;
+            color: var(--text-muted);
+            margin-left: 8px;
+            font-weight: 500;
+            cursor: text;
+            max-width: 280px;
+            overflow: hidden;
+            text-overflow: ellipsis;
+            white-space: nowrap;
+        }
+        #editor-toolbar .ch-label:hover { color: var(--text-primary); }
+        #editor-toolbar .inline-title-input.editor-label-input {
+            max-width: 240px;
+            font-size: 11px;
+            font-weight: 500;
+        }
+        .outline-item .item-prefix {
+            flex-shrink: 0;
+            margin-right: 4px;
+        }
+        .outline-item .item-title {
+            flex: 1;
+            overflow: hidden;
+            text-overflow: ellipsis;
+            white-space: nowrap;
+            cursor: text;
+        }
+        .outline-item .item-meta {
+            flex-shrink: 0;
+            font-size: 10px;
+            color: var(--text-muted);
+            margin-left: 4px;
+        }
+        .outline-item[data-status="writing"] .item-title { color: var(--accent-light); }
+        .outline-item[data-status="done"] .item-title { color: var(--green); }
+        .inspiration-item .item-title {
+            display: block;
+            cursor: text;
+        }
+        .setting-entry .entry-name {
+            flex: 1;
+            overflow: hidden;
+            text-overflow: ellipsis;
+            white-space: nowrap;
+            cursor: text;
         }
         .chapter-item .ch-badge {
             font-size: 9px;
@@ -657,12 +730,6 @@
             background: rgba(91, 156, 245, 0.2);
             color: var(--blue);
         }
-        .setting-entry .entry-name {
-            flex: 1;
-            overflow: hidden;
-            text-overflow: ellipsis;
-            white-space: nowrap;
-        }
         .setting-entry .entry-count {
             font-size: 10px;
             color: var(--text-muted);
@@ -711,12 +778,6 @@
             background: var(--border);
             margin: 0 6px;
         }
-        #editor-toolbar .ch-label {
-            font-size: 11px;
-            color: var(--text-muted);
-            margin-left: 8px;
-            font-weight: 500;
-        }
         #editor-toolbar .word-count-display {
             font-size: 11px;
             color: var(--accent-light);
@@ -1069,10 +1130,10 @@
         }
         .settings-sidebar .settings-nav-item:hover {
             background: var(--bg-hover);
-            color: #fff;
+            color: var(--text-primary);
         }
         .settings-sidebar .settings-nav-item.active {
-            color: #fff;
+            color: var(--text-primary);
             background: var(--bg-tertiary);
             border-left-color: var(--accent);
             font-weight: 600;
@@ -1091,7 +1152,7 @@
         }
         .settings-content h2 {
             font-size: 20px;
-            color: #fff;
+            color: var(--text-primary);
             margin-bottom: 20px;
             font-weight: 700;
         }
@@ -1115,6 +1176,7 @@
             margin-bottom: 6px;
             font-size: 13px;
             gap: 12px;
+            color: var(--text-secondary);
         }
         .settings-content .setting-item .setting-label {
             flex: 1;
@@ -1126,12 +1188,13 @@
         }
         .settings-content input[type="text"],
         .settings-content input[type="number"],
+        .settings-content input[type="password"],
         .settings-content select {
             padding: 6px 10px;
             border-radius: 4px;
             border: 1px solid var(--border);
             background: var(--bg-surface);
-            color: #fff;
+            color: var(--text-primary);
             font-size: 12px;
             font-family: var(--font-sans);
         }
@@ -1501,7 +1564,7 @@
             border-radius: var(--radius-sm);
             border: 1px solid var(--border);
             background: var(--bg-tertiary);
-            color: #fff;
+            color: var(--text-primary);
             font-size: 13px;
             font-family: var(--font-sans);
             outline: none;
@@ -1535,7 +1598,8 @@
         #batchToolbar button { padding:3px 8px;border-radius:3px;border:1px solid rgba(255,255,255,0.2);background:transparent;color:#fff;cursor:pointer;font-size:10px;transition:var(--transition); }
         #batchToolbar button:hover { background:rgba(255,255,255,0.15); }
         .outline-item { display:flex;align-items:center;padding:6px 8px 6px 18px;cursor:pointer;border-radius:4px;font-size:12px;color:var(--text-secondary);border-left:3px solid transparent;margin:1px 4px;gap:6px;transition:var(--transition); }
-        .outline-item:hover { background:var(--bg-hover);color:#fff; }
+        .outline-item:hover { background:var(--bg-hover);color:var(--text-primary); }
+        .outline-item.active { background:var(--bg-active);color:var(--text-primary);font-weight:600; }
         .outline-item.uncovered { border-left-color:var(--orange); }
         .outline-item.uncovered::after { content:'\26A0';font-size:10px;color:var(--orange);margin-left:auto; }
         #editor-toolbar .tool-btn.active { color:var(--accent-light);background:var(--bg-active); }
@@ -1625,6 +1689,36 @@
         .vol-header:hover .vol-menu-btn { opacity:1; }
         .vol-header .vol-menu-btn:hover { background:var(--bg-active);color:#fff; }
         .setting-cat .add-btn { color:var(--accent-light);cursor:pointer;font-weight:400; }
+        .setting-entry.active {
+            background: var(--bg-active);
+            border-left: 3px solid var(--accent);
+        }
+        .setting-entry.active .entry-name {
+            color: var(--text-primary);
+        }
+        .inspiration-item {
+            padding: 6px 8px;
+            cursor: pointer;
+            border-radius: 4px;
+            font-size: 12px;
+            color: var(--text-secondary);
+            background: var(--bg-tertiary);
+            margin: 2px 0;
+            transition: var(--transition);
+            border-left: 3px solid transparent;
+        }
+        .inspiration-item:hover { background: var(--bg-hover); color: var(--text-primary); }
+        .inspiration-item.active { background: var(--bg-active); color: var(--text-primary); border-left-color: var(--accent); font-weight: 600; }
+        .panel-list-body { flex: 1; overflow-y: auto; min-height: 0; }
+        #left-sidebar .sidebar-footer button.primary-new {
+            flex: 1;
+            color: var(--accent-light);
+            border-color: var(--accent-dark);
+        }
+        #left-sidebar .sidebar-footer button.primary-new:hover {
+            background: var(--accent-glow);
+            color: var(--accent-light);
+        }
         .retry-btn { display:none;padding:4px 10px;border-radius:10px;border:1px solid var(--orange);background:rgba(232,144,80,0.15);color:var(--orange);cursor:pointer;font-size:10px; }
         .retry-btn.show { display:inline-block; }
         .settings-content .shortcut-key { display:inline-block;padding:2px 8px;border-radius:3px;background:var(--bg-active);font-family:var(--font-mono);font-size:11px;border:1px solid var(--border);cursor:pointer;min-width:80px;text-align:center; }
@@ -1740,45 +1834,45 @@
                             <button onclick="clearBatchSelection()" style="margin-left:auto;" aria-label="取消选择">✕</button>
                         </div>
                         <div id="chapter-tree">
-                            <div class="vol-group">
+                            <div class="vol-group" data-vol-id="vol-1">
-                                <div class="vol-header open" onclick="toggleVol(this)" oncontextmenu="showVolContextMenu(event,this);return false;">
+                                <div class="vol-header open active" onclick="selectVolume(this)" oncontextmenu="showVolContextMenu(event,this);return false;">
-                                    <span class="vol-arrow">▶</span> 第一卷·青云之始
+                                    <span class="vol-arrow" onclick="event.stopPropagation();toggleVolCollapse(this.parentElement)">▶</span> 第一卷·青云之始
                                     <span class="vol-count">12章 · 3.8万字</span>
                                     <span class="vol-menu-btn" onclick="event.stopPropagation();showVolContextMenu(event,this.parentElement);" aria-label="分卷菜单">⋯</span>
                                 </div>
                                 <div class="vol-chapters">
                                     <div class="chapter-item" data-ch="1" onclick="selectChapter(this,1)" tabindex="0" role="treeitem" aria-label="第1章 山村少年 定稿">
                                         <span class="ch-select" onclick="event.stopPropagation();toggleChapterSelect(this,1)" aria-label="选择章节"></span>
-                                        <span class="ch-num">第1章</span><span class="ch-title">山村少年</span><span class="ch-badge done">定稿</span>
+                                        <span class="ch-num">第1章</span><span class="ch-title" ondblclick="startSidebarTitleEdit('chapter',1,this)">山村少年</span><span class="ch-badge done">定稿</span>
                                     </div>
                                     <div class="chapter-item" data-ch="2" onclick="selectChapter(this,2)" tabindex="0" role="treeitem" aria-label="第2章 意外觉醒 定稿">
                                         <span class="ch-select" onclick="event.stopPropagation();toggleChapterSelect(this,2)" aria-label="选择章节"></span>
-                                        <span class="ch-num">第2章</span><span class="ch-title">意外觉醒</span><span class="ch-badge done">定稿</span>
+                                        <span class="ch-num">第2章</span><span class="ch-title" ondblclick="startSidebarTitleEdit('chapter',2,this)">意外觉醒</span><span class="ch-badge done">定稿</span>
                                     </div>
                                     <div class="chapter-item active" data-ch="3" onclick="selectChapter(this,3)" tabindex="0" role="treeitem" aria-label="第3章 入门考验 AI初稿">
                                         <span class="ch-select" onclick="event.stopPropagation();toggleChapterSelect(this,3)" aria-label="选择章节"></span>
-                                        <span class="ch-num">第3章</span><span class="ch-title">入门考验</span><span class="ch-badge ai">AI初稿</span>
+                                        <span class="ch-num">第3章</span><span class="ch-title" ondblclick="startSidebarTitleEdit('chapter',3,this)">入门考验</span><span class="ch-badge ai">AI初稿</span>
                                     </div>
                                     <div class="chapter-item" data-ch="4" onclick="selectChapter(this,4)" tabindex="0" role="treeitem" aria-label="第4章 灵根测试 草稿">
                                         <span class="ch-select" onclick="event.stopPropagation();toggleChapterSelect(this,4)" aria-label="选择章节"></span>
-                                        <span class="ch-num">第4章</span><span class="ch-title">灵根测试</span><span class="ch-badge draft">草稿</span>
+                                        <span class="ch-num">第4章</span><span class="ch-title" ondblclick="startSidebarTitleEdit('chapter',4,this)">灵根测试</span><span class="ch-badge draft">草稿</span>
                                     </div>
                                     <div class="chapter-item" data-ch="5" onclick="selectChapter(this,5)" tabindex="0" role="treeitem" aria-label="第5章 初次修炼 需修">
                                         <span class="ch-select" onclick="event.stopPropagation();toggleChapterSelect(this,5)" aria-label="选择章节"></span>
-                                        <span class="ch-num">第5章</span><span class="ch-title">初次修炼</span><span class="ch-badge review">需修</span>
+                                        <span class="ch-num">第5章</span><span class="ch-title" ondblclick="startSidebarTitleEdit('chapter',5,this)">初次修炼</span><span class="ch-badge review">需修</span>
                                     </div>
                                 </div>
                             </div>
-                            <div class="vol-group">
+                            <div class="vol-group" data-vol-id="vol-2">
-                                <div class="vol-header" onclick="toggleVol(this)" oncontextmenu="showVolContextMenu(event,this);return false;">
+                                <div class="vol-header" onclick="selectVolume(this)" oncontextmenu="showVolContextMenu(event,this);return false;">
-                                    <span class="vol-arrow">▶</span> 第二卷·宗门风云
+                                    <span class="vol-arrow" onclick="event.stopPropagation();toggleVolCollapse(this.parentElement)">▶</span> 第二卷·宗门风云
                                     <span class="vol-count">8章 · 2.4万字</span>
                                     <span class="vol-menu-btn" onclick="event.stopPropagation();showVolContextMenu(event,this.parentElement);" aria-label="分卷菜单">⋯</span>
                                 </div>
                                 <div class="vol-chapters hidden">
                                     <div class="chapter-item" data-ch="13" onclick="selectChapter(this,13)" tabindex="0" role="treeitem" aria-label="第13章 初入宗门 定稿">
                                         <span class="ch-select" onclick="event.stopPropagation();toggleChapterSelect(this,13)" aria-label="选择章节"></span>
-                                        <span class="ch-num">第13章</span><span class="ch-title">初入宗门</span><span class="ch-badge done">定稿</span>
+                                        <span class="ch-num">第13章</span><span class="ch-title" ondblclick="startSidebarTitleEdit('chapter',13,this)">初入宗门</span><span class="ch-badge done">定稿</span>
                                     </div>
                                 </div>
                             </div>
@@ -1800,52 +1894,66 @@
                             <button class="btn" style="font-size:10px;padding:3px 8px;">已覆盖</button>
                             <button class="btn" style="font-size:10px;padding:3px 8px;margin-left:auto;" onclick="showToast('进入大纲-正文对照模式')" title="大纲-正文对照">⇔ 对照</button>
                         </div>
-                        <div style="padding:4px 8px;font-size:10px;color:var(--text-muted);">大纲树（拖拽排序 · 点击关联章节）</div>
+                        <div class="panel-list-body" id="outline-list">
-                        <div class="outline-item uncovered" title="预期 3000字 vs 实际 0字 — 偏差100%">⚠ 第一卷核心剧情线</div>
+                            <div style="padding:4px 8px;font-size:10px;color:var(--text-muted);">大纲树（拖拽排序 · 点击编辑）</div>
-                        <div class="outline-item uncovered" style="padding-left:28px;" title="预期 2000字 vs 实际 0字 — 偏差100%">⚠ 林远觉醒三纹灵根</div>
+                            <div class="outline-item uncovered" data-id="ol-1" data-status="uncovered" onclick="openOutlineItem(this,'ol-1')" title="预期 3000字 vs 实际 0字 — 偏差100%"><span class="item-prefix">⚠</span><span class="item-title" ondblclick="startSidebarTitleEdit('outline','ol-1',this)">第一卷核心剧情线</span></div>
-                        <div class="outline-item" style="padding-left:28px;color:var(--accent-light);">▶ 入门考验（写作中 — 第3章）</div>
+                            <div class="outline-item uncovered" data-id="ol-2" data-status="uncovered" style="padding-left:28px;" onclick="openOutlineItem(this,'ol-2')" title="预期 2000字 vs 实际 0字 — 偏差100%"><span class="item-prefix">⚠</span><span class="item-title" ondblclick="startSidebarTitleEdit('outline','ol-2',this)">林远觉醒三纹灵根</span></div>
-                        <div class="outline-item" style="padding-left:28px;color:var(--green);">✓ 拜入青云宗（第13章 · 2,100字）</div>
+                            <div class="outline-item" data-id="ol-3" data-status="writing" style="padding-left:28px;" onclick="openOutlineItem(this,'ol-3')"><span class="item-prefix">▶</span><span class="item-title" ondblclick="startSidebarTitleEdit('outline','ol-3',this)">入门考验</span><span class="item-meta">（写作中 — 第3章）</span></div>
-                        <div style="padding:8px;text-align:center;font-size:10px;color:var(--text-dim);">右键大纲条目 → "生成章节骨架"</div>
+                            <div class="outline-item" data-id="ol-4" data-status="done" style="padding-left:28px;" onclick="openOutlineItem(this,'ol-4')"><span class="item-prefix">✓</span><span class="item-title" ondblclick="startSidebarTitleEdit('outline','ol-4',this)">拜入青云宗</span><span class="item-meta">（第13章 · 2,100字）</span></div>
+                        </div>
+                        <div class="sidebar-footer">
+                            <button class="primary-new" onclick="addOutlineItem()" aria-label="新建大纲"><i class="fa-solid fa-plus"></i> 新建大纲</button>
+                        </div>
                     </div>
                     <!-- 设定面板（书籍设定：人物、技能、世界观、场景） -->
                     <div class="sidebar-panel" id="setting-panel">
-                        <div class="setting-cat">👤 人物角色 <span style="float:right;font-weight:400;color:var(--accent-light);cursor:pointer;">+添加</span></div>
+                        <div class="panel-list-body" id="setting-list">
-                        <div class="setting-entry" onclick="showToast('打开角色详情：林远')">
+                        <div class="setting-cat" data-category="char">👤 人物角色</div>
-                            <span class="entry-icon char">👤</span><span class="entry-name">林远</span><span class="entry-count">主角</span>
+                        <div class="setting-entry" data-id="set-1" data-category="char" onclick="openSettingItem(this,'set-1')">
+                            <span class="entry-icon char">👤</span><span class="entry-name" ondblclick="startSidebarTitleEdit('setting','set-1',this)">林远</span><span class="entry-count">主角</span>
                         </div>
-                        <div class="setting-entry" onclick="showToast('打开角色详情：白发长老')">
+                        <div class="setting-entry" data-id="set-2" data-category="char" onclick="openSettingItem(this,'set-2')">
-                            <span class="entry-icon char">🧓</span><span class="entry-name">白发长老</span><span class="entry-count">配角</span>
+                            <span class="entry-icon char">🧓</span><span class="entry-name" ondblclick="startSidebarTitleEdit('setting','set-2',this)">白发长老</span><span class="entry-count">配角</span>
                         </div>
-                        <div class="setting-entry" onclick="showToast('打开角色详情：柳青烟')">
+                        <div class="setting-entry" data-id="set-3" data-category="char" onclick="openSettingItem(this,'set-3')">
-                            <span class="entry-icon char">👩</span><span class="entry-name">柳青烟</span><span class="entry-count">女主</span>
+                            <span class="entry-icon char">👩</span><span class="entry-name" ondblclick="startSidebarTitleEdit('setting','set-3',this)">柳青烟</span><span class="entry-count">女主</span>
                         </div>
-                        <div class="setting-cat">⚔ 技能功法 <span style="float:right;font-weight:400;color:var(--accent-light);cursor:pointer;">+添加</span></div>
+                        <div class="setting-cat" data-category="skill">⚔ 技能功法</div>
-                        <div class="setting-entry" onclick="showToast('打开技能详情：青云诀')">
+                        <div class="setting-entry" data-id="set-4" data-category="skill" onclick="openSettingItem(this,'set-4')">
-                            <span class="entry-icon skill">📜</span><span class="entry-name">青云诀</span><span class="entry-count">核心功法</span>
+                            <span class="entry-icon skill">📜</span><span class="entry-name" ondblclick="startSidebarTitleEdit('setting','set-4',this)">青云诀</span><span class="entry-count">核心功法</span>
                         </div>
-                        <div class="setting-entry" onclick="showToast('打开技能详情：玄火掌')">
+                        <div class="setting-entry" data-id="set-5" data-category="skill" onclick="openSettingItem(this,'set-5')">
-                            <span class="entry-icon skill">🔥</span><span class="entry-name">玄火掌</span><span class="entry-count">三阶段</span>
+                            <span class="entry-icon skill">🔥</span><span class="entry-name" ondblclick="startSidebarTitleEdit('setting','set-5',this)">玄火掌</span><span class="entry-count">三阶段</span>
                         </div>
-                        <div class="setting-cat">🌍 世界观 <span style="float:right;font-weight:400;color:var(--accent-light);cursor:pointer;">+添加</span></div>
+                        <div class="setting-cat" data-category="world">🌍 世界观</div>
-                        <div class="setting-entry" onclick="showToast('打开世界观条目：九州大陆')">
+                        <div class="setting-entry" data-id="set-6" data-category="world" onclick="openSettingItem(this,'set-6')">
-                            <span class="entry-icon world">🗺</span><span class="entry-name">九州大陆</span><span class="entry-count">地理</span>
+                            <span class="entry-icon world">🗺</span><span class="entry-name" ondblclick="startSidebarTitleEdit('setting','set-6',this)">九州大陆</span><span class="entry-count">地理</span>
                         </div>
-                        <div class="setting-entry" onclick="showToast('打开世界观条目：灵根体系')">
+                        <div class="setting-entry" data-id="set-7" data-category="world" onclick="openSettingItem(this,'set-7')">
-                            <span class="entry-icon world">✨</span><span class="entry-name">灵根体系</span><span class="entry-count">力量体系</span>
+                            <span class="entry-icon world">✨</span><span class="entry-name" ondblclick="startSidebarTitleEdit('setting','set-7',this)">灵根体系</span><span class="entry-count">力量体系</span>
                         </div>
-                        <div class="setting-cat">🏞 场景地点 <span style="float:right;font-weight:400;color:var(--accent-light);cursor:pointer;">+添加</span></div>
+                        <div class="setting-cat" data-category="scene">🏞 场景地点</div>
-                        <div class="setting-entry" onclick="showToast('打开场景详情：青云宗演武场')">
+                        <div class="setting-entry" data-id="set-8" data-category="scene" onclick="openSettingItem(this,'set-8')">
-                            <span class="entry-icon scene">🏟</span><span class="entry-name">青云宗演武场</span><span class="entry-count">第3章</span>
+                            <span class="entry-icon scene">🏟</span><span class="entry-name" ondblclick="startSidebarTitleEdit('setting','set-8',this)">青云宗演武场</span><span class="entry-count">第3章</span>
                         </div>
-                        <div class="setting-entry" onclick="showToast('打开场景详情：青石村')">
+                        <div class="setting-entry" data-id="set-9" data-category="scene" onclick="openSettingItem(this,'set-9')">
-                            <span class="entry-icon scene">🏡</span><span class="entry-name">青石村</span><span class="entry-count">第1章</span>
+                            <span class="entry-icon scene">🏡</span><span class="entry-name" ondblclick="startSidebarTitleEdit('setting','set-9',this)">青石村</span><span class="entry-count">第1章</span>
+                        </div>
+                        </div>
+                        <div class="sidebar-footer">
+                            <button class="primary-new" onclick="addSettingItem()" aria-label="新建设定"><i class="fa-solid fa-plus"></i> 新建设定</button>
                         </div>
                     </div>
                     <!-- 灵感面板 -->
                     <div class="sidebar-panel" id="inspiration-panel" style="padding:8px;">
-                        <div style="padding:8px;color:var(--text-muted);font-size:11px;text-align:center;">💡 灵感碎片（点击可转为大纲或设定）</div>
+                        <div class="panel-list-body" id="inspiration-list">
-                        <div style="padding:6px 8px;cursor:pointer;border-radius:4px;font-size:12px;color:var(--text-secondary);background:var(--bg-tertiary);margin:2px 0;">林远的身世可能与太上长老有关...</div>
+                            <div style="padding:8px;color:var(--text-muted);font-size:11px;text-align:center;">💡 灵感碎片（点击编辑 · 可转为大纲或设定）</div>
-                        <div style="padding:6px 8px;cursor:pointer;border-radius:4px;font-size:12px;color:var(--text-secondary);background:var(--bg-tertiary);margin:2px 0;">考虑在第三卷加入妖兽潮事件</div>
+                            <div class="inspiration-item" data-id="ins-1" onclick="openInspirationItem(this,'ins-1')"><span class="item-title" ondblclick="startSidebarTitleEdit('inspiration','ins-1',this)">林远的身世可能与太上长老有关...</span></div>
+                            <div class="inspiration-item" data-id="ins-2" onclick="openInspirationItem(this,'ins-2')"><span class="item-title" ondblclick="startSidebarTitleEdit('inspiration','ins-2',this)">考虑在第三卷加入妖兽潮事件</span></div>
+                        </div>
+                        <div class="sidebar-footer">
+                            <button class="primary-new" onclick="addInspirationItem()" aria-label="新建灵感"><i class="fa-solid fa-plus"></i> 新建灵感</button>
+                        </div>
                     </div>
                 </div>
 
@@ -1866,7 +1974,7 @@
                         <button class="tool-btn" id="btnTTS" title="朗读 Ctrl+Shift+R" aria-label="朗读" onclick="toggleTTS()"><i class="fa-solid fa-headphones"></i></button>
                         <button class="tool-btn" id="btnReference" title="引用面板 Ctrl+Shift+P" aria-label="引用面板" onclick="toggleReferencePanel()"><i class="fa-solid fa-book-bookmark"></i></button>
                         <span class="sep"></span>
-                        <span class="ch-label">当前：第3章 · 入门考验</span>
+                        <span class="ch-label" id="editorDocLabel" ondblclick="startEditorLabelEdit(event)" title="双击修改标题">当前：第3章 · 入门考验</span>
                         <span class="word-count-display" id="wordCountDisplay" title="点击查看用词分析" onclick="showWordFreqInPanel()">2,847 字</span>
                         <button class="tool-btn" title="保存快照 Ctrl+Alt+S" aria-label="保存快照" onclick="saveSnapshot()"><i class="fa-solid fa-camera"></i></button>
                         <button class="tool-btn" title="导出当前章节" aria-label="导出" onclick="showExportModal()"><i class="fa-solid fa-download"></i></button>
@@ -2177,7 +2285,7 @@
             <div class="modal-header"><h3>📖 新建书籍</h3><button class="modal-close" onclick="closeModal('newBookModal')">✕</button></div>
             <div class="modal-body">
                 <div class="form-group"><label>书名</label><input type="text" placeholder="输入书名..." id="newBookName"></div>
-                <div class="form-group"><label>分类（可多选）</label><select multiple style="height:80px;" id="newBookCategory"><option>玄幻</option><option>仙侠</option><option>科幻</option><option>言情</option><option>悬疑</option><option>历史</option></select></div>
+                <div class="form-group"><label>分类</label><select id="newBookCategory"><option value="玄幻">玄幻</option><option value="仙侠">仙侠</option><option value="科幻">科幻</option><option value="言情">言情</option><option value="悬疑">悬疑</option><option value="历史">历史</option></select></div>
                 <div class="form-group"><label>目标总字数（可选）</label><input type="number" placeholder="如：500000" id="newBookTarget"></div>
             </div>
             <div class="modal-footer">
@@ -2425,6 +2533,37 @@
         let isSpellCheckOn = false;
         let pomodoroSeconds = 25*60, pomodoroInterval = null, pomodoroRunning = false;
         let onboardingStep = 0, onboardingTotalSlides = 5;
+        // 编辑器与侧栏状态
+        let activeVolId = 'vol-1';
+        const volLastChapter = { 'vol-1': 3, 'vol-2': 13 };
+        let currentEdit = { type: 'chapter', id: '3' };
+        const editorStore = {};
+        let outlineSeq = 4, settingSeq = 9, inspirationSeq = 2;
+        const settingCategoryMeta = {
+            char: { label: '人物角色', icon: '👤', iconClass: 'char', tag: '未分类' },
+            skill: { label: '技能功法', icon: '📜', iconClass: 'skill', tag: '未分类' },
+            world: { label: '世界观', icon: '🗺', iconClass: 'world', tag: '未分类' },
+            scene: { label: '场景地点', icon: '🏟', iconClass: 'scene', tag: '未分类' }
+        };
+        let lastSettingCategory = 'char';
+        const outlineTitles = {
+            'ol-1': '第一卷核心剧情线', 'ol-2': '林远觉醒三纹灵根',
+            'ol-3': '入门考验', 'ol-4': '拜入青云宗'
+        };
+        const settingTitles = {
+            'set-1': '林远', 'set-2': '白发长老', 'set-3': '柳青烟',
+            'set-4': '青云诀', 'set-5': '玄火掌', 'set-6': '九州大陆',
+            'set-7': '灵根体系', 'set-8': '青云宗演武场', 'set-9': '青石村'
+        };
+        const inspirationTitles = {
+            'ins-1': '林远的身世可能与太上长老有关...',
+            'ins-2': '考虑在第三卷加入妖兽潮事件'
+        };
+        const chapterTitles = {
+            '1': '山村少年', '2': '意外觉醒', '3': '入门考验',
+            '4': '灵根测试', '5': '初次修炼', '13': '初入宗门'
+        };
+        let activeInlineEdit = null;
         const books = [
             { id: 1, name: '仙道长青', category: '玄幻', words: 128450, target: 500000, status: 'ongoing',
                 icon: '📖', color: '#7c8cf8', lastEdit: '10分钟前', chapters: 20, vols: 2 },
@@ -2573,7 +2712,7 @@
         function createNewBook() {
             const name = document.getElementById('newBookName').value.trim();
             if (!name) { showToast('请输入书名'); return; }
-            const category = document.getElementById('newBookCategory').selectedOptions[0]?.value || '未分类';
+            const category = document.getElementById('newBookCategory').value || '未分类';
             const target = parseInt(document.getElementById('newBookTarget').value) || 300000;
             const newBook = { id: Date.now(), name, category, words: 0, target, status: 'draft', icon: '📕',
                 color: '#7c8cf8', lastEdit: '刚刚', chapters: 0, vols: 1 };
@@ -2594,7 +2733,20 @@
             if (!t) { showToast('请输入灵感内容'); return; }
             closeModal('inspirationModal');
             document.getElementById('inspirationInput').value = '';
-            showToast('💡 灵感已保存');
+            const id = 'ins-' + (++inspirationSeq);
+            inspirationTitles[id] = t.slice(0, 60);
+            editorStore[editorKey('inspiration', id)] = t;
+            const list = document.getElementById('inspiration-list');
+            const item = document.createElement('div');
+            item.className = 'inspiration-item';
+            item.dataset.id = id;
+            item.onclick = function() { openInspirationItem(this, id); };
+            item.innerHTML = `<span class="item-title">${inspirationTitles[id]}</span>`;
+            bindTitleDblClick(item, 'inspiration', id, '.item-title');
+            list.appendChild(item);
+            switchSidebarPanel('inspiration-panel', document.querySelector('[data-sidebar-panel="inspiration-panel"]'));
+            openInspirationItem(item, id);
+            showToast('💡 灵感已保存并打开编辑');
         }
         function toggleReferencePanel() {
             var panel = document.getElementById('reference-panel');
@@ -2615,6 +2767,229 @@
             showToast('AI 模式：' + (labels[mode] || mode));
         }
 
+        function getEntryTitle(type, id) {
+            const sid = String(id);
+            if (type === 'chapter') return chapterTitles[sid] || document.querySelector(`.chapter-item[data-ch="${sid}"] .ch-title`)?.textContent?.trim() || '未命名';
+            if (type === 'outline') return outlineTitles[sid] || '未命名';
+            if (type === 'setting') return settingTitles[sid] || '未命名';
+            if (type === 'inspiration') return inspirationTitles[sid] || '新灵感…';
+            return '未命名';
+        }
+
+        function buildEditorLabel(type, id, title) {
+            const t = (title || '未命名').trim() || '未命名';
+            if (type === 'chapter') return `当前：第${id}章 · ${t}`;
+            if (type === 'outline') return `大纲：${t}`;
+            if (type === 'setting') {
+                const el = document.querySelector(`.setting-entry[data-id="${id}"]`);
+                const cat = el?.dataset.category || lastSettingCategory || 'char';
+                const catLabel = settingCategoryMeta[cat]?.label || '设定';
+                return `设定·${catLabel}：${t}`;
+            }
+            if (type === 'inspiration') return `灵感：${t.length > 24 ? t.slice(0, 24) + '…' : t}`;
+            return t;
+        }
+
+        function updateEditorDocLabel() {
+            const labelEl = document.getElementById('editorDocLabel');
+            if (!labelEl || activeInlineEdit?.displayEl === labelEl) return;
+            labelEl.textContent = buildEditorLabel(currentEdit.type, currentEdit.id, getEntryTitle(currentEdit.type, currentEdit.id));
+        }
+
+        function updateOutlineItemTitle(id, title) {
+            const el = document.querySelector(`.outline-item[data-id="${id}"] .item-title`);
+            if (el && !el.querySelector('.inline-title-input')) el.textContent = title;
+        }
+
+        function updateInspirationItemTitle(id, title) {
+            const el = document.querySelector(`.inspiration-item[data-id="${id}"] .item-title`);
+            if (el && !el.querySelector('.inline-title-input')) el.textContent = title;
+        }
+
+        function bindTitleDblClick(el, type, id, selector) {
+            const titleEl = selector ? el.querySelector(selector) : el;
+            if (!titleEl || titleEl.dataset.titleBound) return;
+            titleEl.dataset.titleBound = '1';
+            titleEl.title = '双击修改标题';
+            titleEl.addEventListener('dblclick', function(e) {
+                e.stopPropagation();
+                e.preventDefault();
+                startSidebarTitleEdit(type, id, this);
+            });
+        }
+
+        function setEntryTitle(type, id, title) {
+            const sid = String(id);
+            const clean = (title || '').trim() || '未命名';
+            if (type === 'chapter') {
+                chapterTitles[sid] = clean;
+                const el = document.querySelector(`.chapter-item[data-ch="${sid}"] .ch-title`);
+                if (el && !el.querySelector('.inline-title-input')) el.textContent = clean;
+            } else if (type === 'outline') {
+                outlineTitles[sid] = clean;
+                updateOutlineItemTitle(sid, clean);
+            } else if (type === 'setting') {
+                settingTitles[sid] = clean;
+                const el = document.querySelector(`.setting-entry[data-id="${sid}"] .entry-name`);
+                if (el && !el.querySelector('.inline-title-input')) el.textContent = clean;
+            } else if (type === 'inspiration') {
+                inspirationTitles[sid] = clean;
+                updateInspirationItemTitle(sid, clean);
+            }
+            if (currentEdit.type === type && currentEdit.id === sid) updateEditorDocLabel();
+        }
+
+        function finishInlineTitleEdit(save) {
+            if (!activeInlineEdit) return;
+            const { displayEl, input, commitFn, restoreFn } = activeInlineEdit;
+            const newVal = input.value.trim();
+            const orig = displayEl.dataset.inlineOrig ?? '';
+            displayEl.removeAttribute('data-inline-orig');
+            if (restoreFn) {
+                if (save && newVal) commitFn(newVal);
+                restoreFn();
+            } else {
+                displayEl.textContent = save && newVal ? newVal : orig;
+                if (save && newVal && newVal !== orig) commitFn(newVal);
+            }
+            activeInlineEdit = null;
+        }
+
+        function startInlineTitleEdit(displayEl, commitFn, options) {
+            if (activeInlineEdit) finishInlineTitleEdit(true);
+            if (displayEl.querySelector('.inline-title-input')) return;
+            const originalText = (options?.initialValue ?? displayEl.textContent).trim();
+            const input = document.createElement('input');
+            input.type = 'text';
+            input.className = 'inline-title-input' + (options?.inputClass ? ' ' + options.inputClass : '');
+            input.value = originalText;
+            displayEl.dataset.inlineOrig = originalText;
+            displayEl.textContent = '';
+            displayEl.appendChild(input);
+            activeInlineEdit = {
+                displayEl,
+                input,
+                commitFn,
+                restoreFn: options?.restoreFn || null
+            };
+            input.focus();
+            input.select();
+            input.addEventListener('keydown', function(e) {
+                e.stopPropagation();
+                if (e.key === 'Enter') { e.preventDefault(); finishInlineTitleEdit(true); }
+                if (e.key === 'Escape') { e.preventDefault(); finishInlineTitleEdit(false); }
+            });
+            input.addEventListener('click', function(e) { e.stopPropagation(); });
+            input.addEventListener('dblclick', function(e) { e.stopPropagation(); });
+        }
+
+        function startSidebarTitleEdit(type, id, titleEl, e) {
+            const ev = e || window.event;
+            if (ev) { ev.stopPropagation(); ev.preventDefault(); }
+            startInlineTitleEdit(titleEl, function(newTitle) {
+                setEntryTitle(type, id, newTitle);
+            });
+        }
+
+        function startEditorLabelEdit(e) {
+            if (e) { e.stopPropagation(); e.preventDefault(); }
+            const labelEl = document.getElementById('editorDocLabel');
+            const { type, id } = currentEdit;
+            const title = getEntryTitle(type, id);
+            startInlineTitleEdit(labelEl, function(newTitle) {
+                setEntryTitle(type, id, newTitle);
+            }, {
+                initialValue: title,
+                inputClass: 'editor-label-input',
+                restoreFn: function() { updateEditorDocLabel(); }
+            });
+        }
+
+        // ============ EDITOR ============
+        function editorKey(type, id) { return type + ':' + id; }
+
+        function saveCurrentEditor() {
+            if (!currentEdit.type || currentEdit.id == null) return;
+            editorStore[editorKey(currentEdit.type, currentEdit.id)] =
+                document.getElementById('editor-content').innerText;
+        }
+
+        function clearListActiveStates() {
+            document.querySelectorAll('.chapter-item.active, .outline-item.active, .setting-entry.active, .inspiration-item.active')
+                .forEach(el => el.classList.remove('active'));
+        }
+
+        function openEditorEntry(type, id, label, fallbackContent) {
+            saveCurrentEditor();
+            currentEdit = { type, id: String(id) };
+            const key = editorKey(type, id);
+            const content = Object.prototype.hasOwnProperty.call(editorStore, key)
+                ? editorStore[key]
+                : (fallbackContent ?? '');
+            editorStore[key] = content;
+            const editor = document.getElementById('editor-content');
+            editor.innerText = content;
+            updateEditorDocLabel();
+            updateWordCount();
+            setTimeout(() => {
+                editor.focus();
+                const range = document.createRange();
+                range.selectNodeContents(editor);
+                range.collapse(false);
+                const sel = window.getSelection();
+                sel.removeAllRanges();
+                sel.addRange(range);
+            }, 0);
+        }
+
+        function getChapterDefaultContent(chNum) {
+            if (chNum === 3) {
+                return `晨光透过稀疏的竹帘，在青石地面上投下细碎的光斑。
+
+林远深吸一口气，推开木门走了出去。门外是一个宽阔的演武场，已经有数十名少年等在那里。他们的脸上有期待，有紧张，也有毫不掩饰的傲气。
+
+"下一个，林远。"
+
+听到自己的名字，他迈步走向那块通体漆黑的测灵石。周围的目光齐刷刷地落在他身上——这个来自偏远山村的少年，在入门考核中表现平平，谁也不曾把他放在眼里。
+
+他将手掌贴上冰冷的石面。
+
+刹那间，刺目的青光冲天而起，测灵石上浮现出三道清晰的光纹。全场鸦雀无声。
+
+"三纹灵根……"负责测试的白发长老眯起眼睛，语气中带着一丝惊讶，"有意思。"`;
+            }
+            return '';
+        }
+
+        function getOutlineDefaultContent(id) {
+            const defaults = {
+                'ol-1': '第一卷主线：林远从山村少年成长为青云宗内门弟子，经历入门考验与灵根觉醒。',
+                'ol-2': '林远在入门考验中觉醒三纹灵根，引发宗门关注。',
+                'ol-3': '入门考验场景：演武场测灵，长老暗中观察林远天赋。',
+                'ol-4': '林远通过考验拜入青云宗，开启宗门修行线。'
+            };
+            return defaults[id] || '';
+        }
+
+        function getSettingDefaultContent(id) {
+            const defaults = {
+                'set-1': '林远\n身份：主角\n灵根：三纹灵根\n性格：沉稳内敛，遇事冷静',
+                'set-2': '白发长老\n身份：青云宗测试长老\n与林远：暗中关注其天赋',
+                'set-3': '柳青烟\n身份：女主\n与林远：同门师妹',
+                'set-4': '青云诀\n类型：核心功法\n阶段：入门、小成、大成',
+                'set-5': '玄火掌\n类型：攻击武技\n阶段：三阶段',
+                'set-6': '九州大陆\n范围：故事主世界地理设定',
+                'set-7': '灵根体系\n说明：灵根品阶决定修炼天赋上限',
+                'set-8': '青云宗演武场\n出现章节：第3章\n用途：入门考验场地',
+                'set-9': '青石村\n出现章节：第1章\n说明：林远故乡'
+            };
+            return defaults[id] || '';
+        }
+
+        function getInspirationDefaultContent(id) {
+            return inspirationTitles[id] || '';
+        }
+
         // ============ SIDEBAR ============
         function switchSidebarPanel(panelId, btn) {
             document.querySelectorAll('#left-sidebar .sidebar-panel').forEach(p => p.classList.remove('active'));
@@ -2623,45 +2998,215 @@
             btn.classList.add('active');
         }
 
-        function toggleVol(header) {
+        function toggleVolCollapse(header) {
             header.classList.toggle('open');
             header.nextElementSibling.classList.toggle('hidden');
         }
 
-        function selectChapter(el, chNum) {
+        function selectVolume(header) {
-            document.querySelectorAll('.chapter-item').forEach(i => i.classList.remove('active'));
+            const volGroup = header.closest('.vol-group');
+            if (!volGroup) return;
+            const volId = volGroup.dataset.volId;
+            if (!header.classList.contains('open')) {
+                header.classList.add('open');
+                header.nextElementSibling.classList.remove('hidden');
+            }
+            document.querySelectorAll('.vol-header').forEach(h => h.classList.remove('active'));
+            header.classList.add('active');
+            activeVolId = volId;
+            const volChapters = volGroup.querySelector('.vol-chapters');
+            const chapters = volChapters.querySelectorAll('.chapter-item');
+            if (chapters.length === 0) {
+                showToast('该卷暂无章节，点击「新章」在此卷创建');
+                return;
+            }
+            const lastCh = volLastChapter[volId];
+            let target = lastCh ? volChapters.querySelector(`[data-ch="${lastCh}"]`) : null;
+            if (!target) target = chapters[0];
+            selectChapter(target, parseInt(target.dataset.ch, 10), { skipVolUpdate: true });
+        }
+
+        function selectChapter(el, chNum, opts) {
+            if (!el) return;
+            clearListActiveStates();
             el.classList.add('active');
-            document.querySelector('#editor-toolbar .ch-label').textContent = `当前：第${chNum}章 · ${el.querySelector('.ch-title').textContent}`;
+            if (!opts?.skipVolUpdate) {
-            wordCount = Math.floor(Math.random() * 3000) + 1500;
+                const volGroup = el.closest('.vol-group');
-            updateWordCount();
+                if (volGroup) {
+                    activeVolId = volGroup.dataset.volId;
+                    volLastChapter[activeVolId] = chNum;
+                    document.querySelectorAll('.vol-header').forEach(h => h.classList.remove('active'));
+                    const header = volGroup.querySelector('.vol-header');
+                    if (header) header.classList.add('active');
+                }
+            }
+            const title = getEntryTitle('chapter', chNum);
+            openEditorEntry('chapter', chNum, buildEditorLabel('chapter', chNum, title), getChapterDefaultContent(chNum));
             showToast(`已切换到第${chNum}章`);
         }
 
+        function getNextChapterNum() {
+            let max = 0;
+            document.querySelectorAll('.chapter-item').forEach(item => {
+                max = Math.max(max, parseInt(item.dataset.ch, 10) || 0);
+            });
+            return max + 1;
+        }
+
+        function getActiveVolChapters() {
+            const vol = document.querySelector(`.vol-group[data-vol-id="${activeVolId}"]`);
+            if (vol) return vol.querySelector('.vol-chapters');
+            return document.querySelector('.vol-chapters');
+        }
+
         function addChapter() {
-            const tree = document.getElementById('chapter-tree');
+            const volChapters = getActiveVolChapters();
-            const volChapters = tree.querySelector('.vol-chapters:not(.hidden)') || tree.querySelector('.vol-chapters');
+            if (!volChapters) { showToast('请先选择分卷'); return; }
-            const chNum = volChapters.querySelectorAll('.chapter-item').length + 1;
+            const volGroup = volChapters.closest('.vol-group');
+            const volHeader = volGroup?.querySelector('.vol-header');
+            if (volHeader && !volHeader.classList.contains('open')) {
+                volHeader.classList.add('open');
+                volChapters.classList.remove('hidden');
+            }
+            const chNum = getNextChapterNum();
             const newCh = document.createElement('div');
             newCh.className = 'chapter-item';
             newCh.setAttribute('data-ch', chNum);
+            newCh.setAttribute('tabindex', '0');
+            newCh.setAttribute('role', 'treeitem');
             newCh.onclick = function() { selectChapter(this, chNum); };
             newCh.innerHTML =
+                `<span class="ch-select" onclick="event.stopPropagation();toggleChapterSelect(this,${chNum})" aria-label="选择章节"></span>` +
                 `<span class="ch-num">第${chNum}章</span><span class="ch-title">新章节</span><span class="ch-badge draft">草稿</span>`;
             volChapters.appendChild(newCh);
-            showToast(`已创建第${chNum}章`);
+            chapterTitles[String(chNum)] = '新章节';
+            bindTitleDblClick(newCh, 'chapter', chNum, '.ch-title');
+            if (volGroup) {
+                activeVolId = volGroup.dataset.volId;
+                volLastChapter[activeVolId] = chNum;
+                document.querySelectorAll('.vol-header').forEach(h => h.classList.remove('active'));
+                if (volHeader) volHeader.classList.add('active');
+            }
+            editorStore[editorKey('chapter', chNum)] = '';
             selectChapter(newCh, chNum);
+            showToast(`已在当前卷创建第${chNum}章`);
         }
 
         function addVolume() {
             const tree = document.getElementById('chapter-tree');
             const volNum = tree.querySelectorAll('.vol-group').length + 1;
+            const volId = 'vol-' + Date.now();
             const volGroup = document.createElement('div');
             volGroup.className = 'vol-group';
-            volGroup.innerHTML = `<div class="vol-header open" onclick="toggleVol(this)"><span class="vol-arrow">▶</span> 第${volNum}卷·未命名<span class="vol-count">0章 · 0字</span></div><div class="vol-chapters"></div>`;
+            volGroup.dataset.volId = volId;
+            volGroup.innerHTML =
+                `<div class="vol-header open" onclick="selectVolume(this)" oncontextmenu="showVolContextMenu(event,this);return false;">` +
+                `<span class="vol-arrow" onclick="event.stopPropagation();toggleVolCollapse(this.parentElement)">▶</span> 第${volNum}卷·未命名` +
+                `<span class="vol-count">0章 · 0字</span>` +
+                `<span class="vol-menu-btn" onclick="event.stopPropagation();showVolContextMenu(event,this.parentElement);" aria-label="分卷菜单">⋯</span></div>` +
+                `<div class="vol-chapters"></div>`;
             tree.appendChild(volGroup);
+            volLastChapter[volId] = null;
+            selectVolume(volGroup.querySelector('.vol-header'));
             showToast(`已创建第${volNum}卷`);
         }
 
+        function openOutlineItem(el, id) {
+            clearListActiveStates();
+            el.classList.add('active');
+            const title = getEntryTitle('outline', id);
+            openEditorEntry('outline', id, buildEditorLabel('outline', id, title), getOutlineDefaultContent(id));
+            showToast('正在编辑大纲：' + title);
+        }
+
+        function addOutlineItem() {
+            const id = 'ol-' + (++outlineSeq);
+            outlineTitles[id] = '新大纲条目';
+            editorStore[editorKey('outline', id)] = '';
+            const list = document.getElementById('outline-list');
+            const item = document.createElement('div');
+            item.className = 'outline-item uncovered';
+            item.dataset.id = id;
+            item.dataset.status = 'uncovered';
+            item.title = '新建条目，尚未关联章节';
+            item.onclick = function() { openOutlineItem(this, id); };
+            item.innerHTML = `<span class="item-prefix">⚠</span><span class="item-title">${outlineTitles[id]}</span>`;
+            list.appendChild(item);
+            bindTitleDblClick(item, 'outline', id, '.item-title');
+            switchSidebarPanel('outline-panel', document.querySelector('[data-sidebar-panel="outline-panel"]'));
+            openOutlineItem(item, id);
+            showToast('已创建并打开新大纲条目');
+        }
+
+        function openSettingItem(el, id) {
+            clearListActiveStates();
+            el.classList.add('active');
+            lastSettingCategory = el.dataset.category || 'char';
+            const title = getEntryTitle('setting', id);
+            const catLabel = settingCategoryMeta[lastSettingCategory]?.label || '设定';
+            openEditorEntry('setting', id, buildEditorLabel('setting', id, title), getSettingDefaultContent(id));
+            showToast('正在编辑设定：' + title);
+        }
+
+        function addSettingItem() {
+            const category = lastSettingCategory || 'char';
+            const meta = settingCategoryMeta[category];
+            const id = 'set-' + (++settingSeq);
+            settingTitles[id] = '新设定';
+            editorStore[editorKey('setting', id)] = meta.label + '\n\n';
+            const list = document.getElementById('setting-list');
+            let anchor = list.querySelector(`.setting-cat[data-category="${category}"]`);
+            if (!anchor) anchor = list.querySelector('.setting-cat');
+            const entry = document.createElement('div');
+            entry.className = 'setting-entry';
+            entry.dataset.id = id;
+            entry.dataset.category = category;
+            entry.onclick = function() { openSettingItem(this, id); };
+            entry.innerHTML =
+                `<span class="entry-icon ${meta.iconClass}">${meta.icon}</span>` +
+                `<span class="entry-name">${settingTitles[id]}</span><span class="entry-count">${meta.tag}</span>`;
+            bindTitleDblClick(entry, 'setting', id, '.entry-name');
+            if (anchor) {
+                let insertAfter = anchor;
+                while (insertAfter.nextElementSibling?.classList.contains('setting-entry')) {
+                    insertAfter = insertAfter.nextElementSibling;
+                }
+                insertAfter.insertAdjacentElement('afterend', entry);
+            } else {
+                list.appendChild(entry);
+            }
+            switchSidebarPanel('setting-panel', document.querySelector('[data-sidebar-panel="setting-panel"]'));
+            openSettingItem(entry, id);
+            showToast('已创建并打开新设定条目');
+        }
+
+        function openInspirationItem(el, id) {
+            clearListActiveStates();
+            el.classList.add('active');
+            const title = getEntryTitle('inspiration', id);
+            openEditorEntry('inspiration', id, buildEditorLabel('inspiration', id, title), getInspirationDefaultContent(id));
+            showToast('正在编辑灵感');
+        }
+
+        function addInspirationItem() {
+            const id = 'ins-' + (++inspirationSeq);
+            inspirationTitles[id] = '新灵感…';
+            editorStore[editorKey('inspiration', id)] = '';
+            const list = document.getElementById('inspiration-list');
+            const item = document.createElement('div');
+            item.className = 'inspiration-item';
+            item.dataset.id = id;
+            item.onclick = function() { openInspirationItem(this, id); };
+            item.innerHTML = `<span class="item-title">${inspirationTitles[id]}</span>`;
+            bindTitleDblClick(item, 'inspiration', id, '.item-title');
+            list.appendChild(item);
+            switchSidebarPanel('inspiration-panel', document.querySelector('[data-sidebar-panel="inspiration-panel"]'));
+            openInspirationItem(item, id);
+            showToast('已创建并打开新灵感');
+        }
+
+        function toggleVol(header) { toggleVolCollapse(header); }
+
         // ============ RIGHT PANEL ============
         function switchRightPanel(panelId, btn) {
             document.querySelectorAll('#right-panel .panel-content').forEach(p => p.classList.remove('active'));
@@ -2736,11 +3281,16 @@
         function updateWordCount() {
             const content = document.getElementById('editor-content').innerText;
             wordCount = content.replace(/\s/g, '').length;
+            saveCurrentEditor();
             const display = document.getElementById('wordCountDisplay');
             display.textContent = wordCount.toLocaleString() + ' 字';
-            display.classList.toggle('warn', wordCount >= 3000);
+            display.classList.toggle('warn', currentEdit.type === 'chapter' && wordCount >= 3000);
-            document.querySelector('#editor-statusbar span:nth-child(2)').innerHTML =
+            const statusChapter = document.querySelector('#editor-statusbar span:nth-child(2)');
-                `📖 本章：<b>${wordCount.toLocaleString()}</b> / 提醒 3,000`;
+            if (statusChapter) {
+                statusChapter.innerHTML = currentEdit.type === 'chapter'
+                    ? `📖 本章：<b>${wordCount.toLocaleString()}</b> / 提醒 3,000`
+                    : `📖 编辑：<b>${currentEdit.type === 'outline' ? '大纲' : currentEdit.type === 'setting' ? '设定' : currentEdit.type === 'inspiration' ? '灵感' : '条目'}</b>`;
+            }
         }
 
         // ============ MODALS ============
@@ -2942,9 +3492,12 @@
 
         // Update selectChapter for batch
         var origSelectChapter = selectChapter;
-        selectChapter = function(el, chNum) {
+        selectChapter = function(el, chNum, opts) {
-            if (event && (event.ctrlKey || event.metaKey || event.shiftKey)) { toggleChapterSelect(el.querySelector('.ch-select'), chNum); return; }
+            if (!opts?.skipVolUpdate && typeof event !== 'undefined' && event && (event.ctrlKey || event.metaKey || event.shiftKey)) {
-            origSelectChapter(el, chNum);
+                toggleChapterSelect(el.querySelector('.ch-select'), chNum);
+                return;
+            }
+            origSelectChapter(el, chNum, opts);
         };
 
         // Update updateWordCount for daily goal
@@ -2974,6 +3527,17 @@
         });
 
         // ============ INIT ============
+        editorStore[editorKey('chapter', '3')] = document.getElementById('editor-content').innerText.trim();
+        document.querySelectorAll('.chapter-item').forEach(function(item) {
+            const ch = item.dataset.ch;
+            const titleEl = item.querySelector('.ch-title');
+            if (ch && titleEl) chapterTitles[ch] = titleEl.textContent.trim();
+        });
+        document.addEventListener('click', function(e) {
+            if (activeInlineEdit && !e.target.classList.contains('inline-title-input')) {
+                finishInlineTitleEdit(true);
+            }
+        });
         renderBookGrid();
         updateWordCount();
         document.getElementById('editor-content').addEventListener('focus', function() {

e2e/global-setup.ts

@@ -0,0 +1,10 @@
+import { execSync } from 'child_process'
+import { resolve } from 'path'
+
+export default async function globalSetup(): Promise<void> {
+  execSync('npm run build', {
+    cwd: resolve(import.meta.dirname, '..'),
+    stdio: 'inherit',
+    env: process.env
+  })
+}

e2e/onboarding.spec.ts

@@ -0,0 +1,79 @@
+import path from 'path'
+import { mkdtempSync, rmSync, readFileSync, existsSync } from 'fs'
+import { join } from 'path'
+import { tmpdir } from 'os'
+import { test, expect, _electron as electron, type ElectronApplication, type Page } from '@playwright/test'
+
+const ROOT = path.join(import.meta.dirname, '..')
+
+function createUserDataDir(): string {
+  return mkdtempSync(join(tmpdir(), 'bilin-e2e-'))
+}
+
+async function launchApp(userDataDir: string): Promise<ElectronApplication> {
+  return electron.launch({
+    args: [ROOT],
+    env: {
+      ...process.env,
+      BILIN_E2E: '1',
+      BILIN_E2E_USER_DATA: userDataDir
+    }
+  })
+}
+
+async function waitForApp(page: Page): Promise<void> {
+  await page.waitForLoadState('domcontentloaded')
+  await expect(page.locator('#app')).toBeVisible({ timeout: 20_000 })
+}
+
+async function completeOnboarding(page: Page, penName: string, withSample = false): Promise<void> {
+  await waitForApp(page)
+  await expect(page.getByText('欢迎使用笔临')).toBeVisible({ timeout: 15_000 })
+  for (let i = 0; i < 4; i++) {
+    await page.getByTestId('onboarding-next').click()
+  }
+  await page.getByTestId('onboarding-pen-name').fill(penName)
+  if (!withSample) {
+    await page.getByText('创建示例书籍').click()
+  }
+  await page.getByTestId('onboarding-start').click()
+  await expect(page.getByText('欢迎使用笔临')).toBeHidden({ timeout: 10_000 })
+}
+
+test.describe('Onboarding', () => {
+  let userDataDir: string
+
+  test.beforeEach(() => {
+    userDataDir = createUserDataDir()
+  })
+
+  test.afterEach(async () => {
+    if (userDataDir && existsSync(userDataDir)) {
+      try {
+        rmSync(userDataDir, { recursive: true, force: true, maxRetries: 3, retryDelay: 200 })
+      } catch {
+        /* electron may still release file handles */
+      }
+    }
+  })
+
+  test('E2E-ONBOARD-02: complete onboarding saves pen name after restart', async () => {
+    const app1 = await launchApp(userDataDir)
+    const page1 = await app1.firstWindow()
+    await completeOnboarding(page1, '山海', false)
+    await app1.close()
+
+    const settingsPath = join(userDataDir, 'global_settings.json')
+    expect(existsSync(settingsPath)).toBe(true)
+    const saved = JSON.parse(readFileSync(settingsPath, 'utf-8')) as { penName: string; onboardingCompleted: boolean }
+    expect(saved.penName).toBe('山海')
+    expect(saved.onboardingCompleted).toBe(true)
+
+    const app2 = await launchApp(userDataDir)
+    const page2 = await app2.firstWindow()
+    await expect(page2.getByText('欢迎使用笔临')).toBeHidden({ timeout: 15_000 })
+    await page2.getByRole('button', { name: /系统设置/ }).click()
+    await expect(page2.getByTestId('settings-pen-name')).toHaveValue('山海')
+    await app2.close()
+  })
+})

e2e/settings.spec.ts

@@ -0,0 +1,87 @@
+import path from 'path'
+import { mkdtempSync, rmSync, existsSync } from 'fs'
+import { join } from 'path'
+import { tmpdir } from 'os'
+import { test, expect, _electron as electron, type Page } from '@playwright/test'
+
+const ROOT = path.join(import.meta.dirname, '..')
+
+async function launchApp(userDataDir: string) {
+  return electron.launch({
+    args: [ROOT],
+    env: {
+      ...process.env,
+      BILIN_E2E: '1',
+      BILIN_E2E_USER_DATA: userDataDir
+    }
+  })
+}
+
+async function skipOnboarding(page: Page): Promise<void> {
+  await page.waitForLoadState('domcontentloaded')
+  await expect(page.locator('#app')).toBeVisible({ timeout: 20_000 })
+  if (await page.getByText('欢迎使用笔临').isVisible()) {
+    await page.getByRole('button', { name: '跳过' }).click()
+    await expect(page.getByText('欢迎使用笔临')).toBeHidden({ timeout: 10_000 })
+  }
+}
+
+async function openSettings(page: Page): Promise<void> {
+  await page.getByRole('button', { name: /系统设置/ }).click()
+  await expect(page.locator('#settings-page')).toBeVisible()
+}
+
+test.describe('Settings', () => {
+  let userDataDir: string
+
+  test.beforeEach(() => {
+    userDataDir = mkdtempSync(join(tmpdir(), 'bilin-e2e-settings-'))
+  })
+
+  test.afterEach(() => {
+    if (userDataDir && existsSync(userDataDir)) {
+      try {
+        rmSync(userDataDir, { recursive: true, force: true, maxRetries: 3, retryDelay: 200 })
+      } catch {
+        /* ignore */
+      }
+    }
+  })
+
+  test('E2E-THEME: all 7 themes apply data-theme attribute', async () => {
+    const themes = ['default', 'bamboo', 'moonlit', 'ricepaper', 'mist', 'teagarden', 'twilight'] as const
+    const app = await launchApp(userDataDir)
+    const page = await app.firstWindow()
+    await skipOnboarding(page)
+    await openSettings(page)
+
+    for (const theme of themes) {
+      await page.getByTestId('settings-theme').selectOption(theme)
+      const attr = await page.evaluate(() => document.documentElement.getAttribute('data-theme'))
+      if (theme === 'default') {
+        expect(attr).toBeNull()
+      } else {
+        expect(attr).toBe(theme)
+      }
+    }
+
+    await app.close()
+  })
+
+  test('E2E-I18N: language switch updates UI text', async () => {
+    const app = await launchApp(userDataDir)
+    const page = await app.firstWindow()
+    await skipOnboarding(page)
+    await openSettings(page)
+
+    await expect(page.getByRole('heading', { name: '系统设置' })).toBeVisible()
+    await page.getByTestId('settings-language').selectOption('en')
+    await expect(page.getByRole('heading', { name: 'Settings' })).toBeVisible({ timeout: 5_000 })
+    await expect(page.locator('.settings-nav-item.active')).toHaveText('General')
+
+    await page.getByTestId('settings-language').selectOption('zh-CN')
+    await expect(page.getByText('通用')).toBeVisible({ timeout: 5_000 })
+
+    await app.close()
+  })
+})

e2e/shortcuts.spec.ts

@@ -0,0 +1,82 @@
+import path from 'path'
+import { mkdtempSync, rmSync, existsSync } from 'fs'
+import { join } from 'path'
+import { tmpdir } from 'os'
+import { test, expect, _electron as electron, type Page } from '@playwright/test'
+
+const ROOT = path.join(import.meta.dirname, '..')
+
+async function launchApp(userDataDir: string) {
+  return electron.launch({
+    args: [ROOT],
+    env: {
+      ...process.env,
+      BILIN_E2E: '1',
+      BILIN_E2E_USER_DATA: userDataDir
+    }
+  })
+}
+
+async function skipOnboarding(page: Page): Promise<void> {
+  await page.waitForLoadState('domcontentloaded')
+  await expect(page.locator('#app')).toBeVisible({ timeout: 20_000 })
+  if (await page.getByText('欢迎使用笔临').isVisible()) {
+    await page.getByRole('button', { name: '跳过' }).click()
+    await expect(page.getByText('欢迎使用笔临')).toBeHidden({ timeout: 10_000 })
+  }
+}
+
+async function createBookAndOpenEditor(page: Page, name: string): Promise<void> {
+  await page.getByRole('button', { name: /新建书籍/ }).first().click()
+  await page.locator('.dialog-content input').first().fill(name)
+  await page.getByRole('button', { name: '创建' }).click()
+  await expect(page.locator('#editor-layout')).toBeVisible({ timeout: 15_000 })
+  await page.getByRole('button', { name: '+ 新章' }).click()
+  await expect(page.locator('.ProseMirror')).toBeVisible({ timeout: 10_000 })
+}
+
+test.describe('Shortcuts', () => {
+  let userDataDir: string
+
+  test.beforeEach(() => {
+    userDataDir = mkdtempSync(join(tmpdir(), 'bilin-e2e-shortcut-'))
+  })
+
+  test.afterEach(() => {
+    if (userDataDir && existsSync(userDataDir)) {
+      try {
+        rmSync(userDataDir, { recursive: true, force: true, maxRetries: 3, retryDelay: 200 })
+      } catch {
+        /* ignore */
+      }
+    }
+  })
+
+  test('E2E-SHORTCUT: Ctrl+S saves, chapter/tab actions work, bindings visible', async () => {
+    const app = await launchApp(userDataDir)
+    const page = await app.firstWindow()
+    await skipOnboarding(page)
+    await createBookAndOpenEditor(page, '快捷键测试')
+
+    const editor = page.locator('.ProseMirror')
+    await editor.click()
+    await editor.pressSequentially('快捷键保存测试')
+    await page.keyboard.press('Control+S')
+    await expect(page.getByText('已保存')).toBeVisible({ timeout: 10_000 })
+
+    const chapterCountBefore = await page.locator('.chapter-item').count()
+    await page.getByRole('button', { name: '+ 新章' }).click()
+    await expect(page.locator('.chapter-item')).toHaveCount(chapterCountBefore + 1, { timeout: 10_000 })
+
+    await page.locator('.tab.active').locator('span').last().click()
+    await expect(page.locator('#editor-layout')).toBeHidden({ timeout: 10_000 })
+    await expect(page.locator('#home-page')).toBeVisible()
+
+    await page.getByRole('button', { name: /系统设置/ }).click()
+    await page.locator('.settings-nav-item').filter({ hasText: /快捷键|Shortcuts/ }).click()
+    await expect(page.getByTestId('shortcut-saveChapter')).toContainText('Ctrl+S')
+    await expect(page.getByTestId('shortcut-newChapter')).toContainText('Ctrl+Shift+N')
+
+    await app.close()
+  })
+})

e2e/writing.spec.ts

@@ -0,0 +1,75 @@
+import path from 'path'
+import { mkdtempSync, rmSync, existsSync } from 'fs'
+import { join } from 'path'
+import { tmpdir } from 'os'
+import { test, expect, _electron as electron, type Page } from '@playwright/test'
+
+const ROOT = path.join(import.meta.dirname, '..')
+
+async function launchApp(userDataDir: string) {
+  return electron.launch({
+    args: [ROOT],
+    env: {
+      ...process.env,
+      BILIN_E2E: '1',
+      BILIN_E2E_USER_DATA: userDataDir
+    }
+  })
+}
+
+async function skipOnboarding(page: Page): Promise<void> {
+  await page.waitForLoadState('domcontentloaded')
+  await expect(page.locator('#app')).toBeVisible({ timeout: 20_000 })
+  await expect(page.getByText('欢迎使用笔临')).toBeVisible({ timeout: 15_000 })
+  await page.getByRole('button', { name: '跳过' }).click()
+  await expect(page.getByText('欢迎使用笔临')).toBeHidden({ timeout: 10_000 })
+}
+
+async function createAndOpenBook(page: Page, name: string): Promise<void> {
+  await page.getByRole('button', { name: /新建书籍/ }).first().click()
+  await page.locator('.dialog-content input').first().fill(name)
+  await page.getByRole('button', { name: '创建' }).click()
+  await expect(page.locator('#editor-layout')).toBeVisible({ timeout: 15_000 })
+}
+
+test.describe('Writing', () => {
+  let userDataDir: string
+
+  test.beforeEach(() => {
+    userDataDir = mkdtempSync(join(tmpdir(), 'bilin-e2e-write-'))
+  })
+
+  test.afterEach(async () => {
+    if (userDataDir && existsSync(userDataDir)) {
+      try {
+        rmSync(userDataDir, { recursive: true, force: true, maxRetries: 3, retryDelay: 200 })
+      } catch {
+        /* ignore */
+      }
+    }
+  })
+
+  test('auto-save persists content after restart', async () => {
+    const app1 = await launchApp(userDataDir)
+    const page1 = await app1.firstWindow()
+    await skipOnboarding(page1)
+    await createAndOpenBook(page1, '测试书')
+    await page1.getByRole('button', { name: '+ 新章' }).click()
+
+    const editor = page1.locator('.ProseMirror')
+    await expect(editor).toBeVisible({ timeout: 10_000 })
+    await editor.click()
+    await editor.pressSequentially('林远深吸一口气')
+    await page1.waitForTimeout(3000)
+
+    await app1.close()
+
+    const app2 = await launchApp(userDataDir)
+    const page2 = await app2.firstWindow()
+    await expect(page2.getByText('欢迎使用笔临')).toBeHidden({ timeout: 15_000 })
+    await page2.getByText('测试书').click()
+    await expect(page2.locator('#editor-layout')).toBeVisible({ timeout: 15_000 })
+    await expect(page2.locator('.ProseMirror')).toContainText('林远深吸一口气', { timeout: 10_000 })
+    await app2.close()
+  })
+})

electron.vite.config.ts

@@ -0,0 +1,46 @@
+import { resolve } from 'path'
+import { defineConfig, externalizeDepsPlugin } from 'electron-vite'
+import react from '@vitejs/plugin-react'
+
+export default defineConfig({
+  main: {
+    plugins: [externalizeDepsPlugin()],
+    build: {
+      rollupOptions: {
+        input: {
+          index: resolve(__dirname, 'src/main/index.ts')
+        }
+      }
+    }
+  },
+  preload: {
+    plugins: [externalizeDepsPlugin()],
+    build: {
+      rollupOptions: {
+        input: {
+          index: resolve(__dirname, 'src/preload/index.ts')
+        },
+        output: {
+          format: 'cjs',
+          entryFileNames: '[name].js'
+        }
+      }
+    }
+  },
+  renderer: {
+    resolve: {
+      alias: {
+        '@shared': resolve('src/shared'),
+        '@renderer': resolve('src/renderer')
+      }
+    },
+    plugins: [react()],
+    build: {
+      rollupOptions: {
+        input: {
+          index: resolve(__dirname, 'src/renderer/index.html')
+        }
+      }
+    }
+  }
+})

package.json

@@ -0,0 +1,54 @@
+{
+  "name": "bilin",
+  "version": "0.1.0",
+  "description": "笔临 - 长篇创作智能协作平台",
+  "main": "./out/main/index.js",
+  "type": "module",
+  "scripts": {
+    "dev": "npx electron-vite dev",
+    "build": "npx electron-vite build",
+    "preview": "npx electron-vite preview",
+    "test": "node node_modules/vitest/vitest.mjs run",
+    "test:watch": "node node_modules/vitest/vitest.mjs",
+    "test:e2e": "playwright test"
+  },
+  "keywords": [],
+  "author": "",
+  "license": "MIT",
+  "overrides": {
+    "esbuild": "0.21.5"
+  },
+  "dependencies": {
+    "@radix-ui/react-checkbox": "^1.3.6",
+    "@radix-ui/react-dialog": "^1.1.18",
+    "@radix-ui/react-select": "^2.3.2",
+    "@radix-ui/react-tabs": "^1.1.16",
+    "@radix-ui/react-toast": "^1.2.18",
+    "@tiptap/extension-placeholder": "^3.27.1",
+    "@tiptap/extension-underline": "^3.27.1",
+    "@tiptap/react": "^3.27.1",
+    "@tiptap/starter-kit": "^3.27.1",
+    "electron": "^36.9.0",
+    "i18next": "^24.2.3",
+    "jotai": "^2.12.1",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
+    "react-i18next": "^15.4.1",
+    "uuid": "^11.1.0",
+    "zustand": "^5.0.3"
+  },
+  "devDependencies": {
+    "@playwright/test": "^1.51.0",
+    "@types/node": "^22.13.0",
+    "@types/react": "^18.3.18",
+    "@types/react-dom": "^18.3.5",
+    "@types/uuid": "^10.0.0",
+    "@vitejs/plugin-react": "^4.3.4",
+    "electron-builder": "^25.1.8",
+    "electron-vite": "^3.1.0",
+    "playwright": "^1.51.0",
+    "typescript": "^5.8.2",
+    "vite": "^5.4.14",
+    "vitest": "^3.0.9"
+  }
+}

playwright.config.ts

@@ -0,0 +1,11 @@
+import { defineConfig } from '@playwright/test'
+
+export default defineConfig({
+  testDir: './e2e',
+  timeout: 120_000,
+  workers: 1,
+  globalSetup: './e2e/global-setup.ts',
+  use: {
+    trace: 'on-first-retry'
+  }
+})

public/locales/en/translation.json

@@ -0,0 +1,87 @@
+{
+  "app.name": "Bilin",
+  "app.tagline": "Long-form writing platform · Every story deserves care",
+  "home.newBook": "New Book",
+  "home.importBook": "Import Book",
+  "home.exportAll": "Export All Books",
+  "home.myBooks": "My Books",
+  "home.recent": "Recent",
+  "home.bookCount": "{{count}} books",
+  "book.createSample": "My First Book",
+  "dialog.newBook.title": "New Book",
+  "dialog.newBook.name": "Title",
+  "dialog.newBook.category": "Category",
+  "dialog.newBook.target": "Target word count (optional)",
+  "dialog.cancel": "Cancel",
+  "dialog.create": "Create",
+  "settings.title": "Settings",
+  "settings.general": "General",
+  "settings.shortcuts": "Shortcuts",
+  "settings.about": "About",
+  "settings.theme": "Theme",
+  "settings.language": "Language",
+  "settings.penName": "Pen name",
+  "settings.editor": "Editor",
+  "settings.ai": "AI",
+  "settings.backup": "Backup & Sync",
+  "theme.default": "Inkstone (Default)",
+  "theme.bamboo": "Bamboo",
+  "theme.moonlit": "Moonlit",
+  "theme.ricepaper": "Rice Paper",
+  "theme.mist": "Morning Mist",
+  "theme.teagarden": "Tea Garden",
+  "theme.twilight": "Twilight",
+  "onboarding.welcome": "Welcome to Bilin",
+  "onboarding.tagline": "Your intelligent long-form writing partner",
+  "onboarding.slide1": "Chapters & Version History",
+  "onboarding.slide1desc": "Volumes, snapshots, and diffs",
+  "onboarding.slide2": "AI-Assisted Writing",
+  "onboarding.slide2desc": "Context-aware suggestions and style learning",
+  "onboarding.slide3": "Knowledge Base & Foreshadowing",
+  "onboarding.slide3desc": "Auto-extract characters, places, and plot threads",
+  "onboarding.penName": "Set your pen name",
+  "onboarding.penNamePlaceholder": "Pen name (min. 2 characters)",
+  "onboarding.createSample": "Create sample book \"My First Book\"",
+  "onboarding.skip": "Skip",
+  "onboarding.next": "Next",
+  "onboarding.start": "Start Writing",
+  "feature.comingSoon": "Coming soon",
+  "editor.placeholder": "Start writing here…",
+  "editor.newChapter": "New Chapter",
+  "editor.newVolume": "New Volume",
+  "editor.saved": "Saved",
+  "editor.saving": "Saving…",
+  "editor.unsaved": "Unsaved",
+  "editor.words": "{{count}} words",
+  "sidebar.chapters": "Chapters",
+  "sidebar.outline": "Outline",
+  "sidebar.settings": "Settings",
+  "sidebar.inspiration": "Ideas",
+  "panel.ai": "AI",
+  "panel.knowledge": "Knowledge",
+  "panel.wordfreq": "Word Freq",
+  "panel.bookSettings": "Book",
+  "panel.aiPlaceholder": "AI features coming soon. Configure a model to collaborate here.",
+  "status.chapter": "Chapter",
+  "status.volume": "Volume",
+  "status.book": "Book",
+  "toast.bookCreated": "Book created",
+  "toast.saveFailed": "Save failed, please retry",
+  "toast.enterBookName": "Please enter a book title",
+  "shortcuts.saveChapter": "Save chapter",
+  "shortcuts.newChapter": "New chapter",
+  "shortcuts.focusMode": "Focus mode",
+  "shortcuts.globalSearch": "Global search",
+  "shortcuts.closeTab": "Close tab",
+  "shortcuts.openReference": "Open reference",
+  "shortcuts.insertLandmark": "Insert landmark",
+  "shortcuts.openLandmarks": "Open landmarks",
+  "shortcuts.exportBook": "Export book",
+  "shortcuts.toggleTTS": "Toggle TTS",
+  "shortcuts.captureInspiration": "Capture inspiration",
+  "shortcuts.clickToRecord": "Click a shortcut button, then press a new key combination",
+  "shortcuts.recordHint": "Press a new key combination (Esc to cancel)",
+  "shortcuts.recording": "Recording…",
+  "shortcuts.conflict": "This shortcut is already assigned",
+  "shortcuts.registerFailed": "Failed to register shortcut, may conflict with another app"
+}

public/locales/zh-CN/translation.json

@@ -0,0 +1,87 @@
+{
+  "app.name": "笔临",
+  "app.tagline": "长篇创作智能协作平台 · 让每一个故事都被认真对待",
+  "home.newBook": "新建书籍",
+  "home.importBook": "导入书籍",
+  "home.exportAll": "导出所有书籍",
+  "home.myBooks": "我的书籍",
+  "home.recent": "最近编辑",
+  "home.bookCount": "{{count}}本",
+  "book.createSample": "我的第一本书",
+  "dialog.newBook.title": "新建书籍",
+  "dialog.newBook.name": "书名",
+  "dialog.newBook.category": "分类",
+  "dialog.newBook.target": "目标总字数（可选）",
+  "dialog.cancel": "取消",
+  "dialog.create": "创建",
+  "settings.title": "系统设置",
+  "settings.general": "通用",
+  "settings.shortcuts": "快捷键",
+  "settings.about": "关于",
+  "settings.theme": "主题",
+  "settings.language": "语言",
+  "settings.penName": "笔名",
+  "settings.editor": "编辑器",
+  "settings.ai": "AI 配置",
+  "settings.backup": "备份与同步",
+  "theme.default": "墨砚（默认）",
+  "theme.bamboo": "竹语",
+  "theme.moonlit": "月夜",
+  "theme.ricepaper": "宣纸",
+  "theme.mist": "晨雾",
+  "theme.teagarden": "茶园",
+  "theme.twilight": "暮光",
+  "onboarding.welcome": "欢迎使用笔临",
+  "onboarding.tagline": "你的智能长篇创作伙伴",
+  "onboarding.slide1": "章节管理与版本历史",
+  "onboarding.slide1desc": "分卷管理、自动快照、版本对比",
+  "onboarding.slide2": "AI 辅助写作",
+  "onboarding.slide2desc": "上下文感知、剧情建议、文风学习",
+  "onboarding.slide3": "知识库与伏笔追踪",
+  "onboarding.slide3desc": "自动抽取角色、地点、伏笔",
+  "onboarding.penName": "设置你的笔名",
+  "onboarding.penNamePlaceholder": "你的笔名（至少2个字符）",
+  "onboarding.createSample": "创建示例书籍「我的第一本书」",
+  "onboarding.skip": "跳过",
+  "onboarding.next": "下一步",
+  "onboarding.start": "开始创作",
+  "feature.comingSoon": "即将推出",
+  "editor.placeholder": "在此开始写作…",
+  "editor.newChapter": "新章",
+  "editor.newVolume": "新卷",
+  "editor.saved": "已保存",
+  "editor.saving": "保存中…",
+  "editor.unsaved": "未保存",
+  "editor.words": "{{count}} 字",
+  "sidebar.chapters": "章节",
+  "sidebar.outline": "大纲",
+  "sidebar.settings": "设定",
+  "sidebar.inspiration": "灵感",
+  "panel.ai": "AI助手",
+  "panel.knowledge": "知识库",
+  "panel.wordfreq": "用词",
+  "panel.bookSettings": "设置",
+  "panel.aiPlaceholder": "AI 功能即将推出。配置模型后，可在此与笔临 AI 协作写作。",
+  "status.chapter": "本章",
+  "status.volume": "本卷",
+  "status.book": "全书",
+  "toast.bookCreated": "书籍已创建",
+  "toast.saveFailed": "保存失败，请重试",
+  "toast.enterBookName": "请输入书名",
+  "shortcuts.saveChapter": "保存章节",
+  "shortcuts.newChapter": "新建章节",
+  "shortcuts.focusMode": "专注模式",
+  "shortcuts.globalSearch": "全局搜索",
+  "shortcuts.closeTab": "关闭标签页",
+  "shortcuts.openReference": "打开引用",
+  "shortcuts.insertLandmark": "插入地标",
+  "shortcuts.openLandmarks": "打开地标列表",
+  "shortcuts.exportBook": "导出书籍",
+  "shortcuts.toggleTTS": "朗读开关",
+  "shortcuts.captureInspiration": "捕获灵感",
+  "shortcuts.clickToRecord": "点击快捷键按钮，然后按下新的组合键",
+  "shortcuts.recordHint": "请按下新的快捷键组合（Esc 取消）",
+  "shortcuts.recording": "录制中…",
+  "shortcuts.conflict": "该快捷键已被其他功能占用",
+  "shortcuts.registerFailed": "快捷键注册失败，可能与其他应用冲突"
+}

src/main/db/connection.ts

@@ -0,0 +1,25 @@
+import { DatabaseSync } from 'node:sqlite'
+import { existsSync, mkdirSync } from 'fs'
+import { dirname } from 'path'
+import { migrate } from './migrate'
+import type { SqliteDb } from './types'
+
+const pools = new Map<string, SqliteDb>()
+
+export function openBookDb(dbPath: string): SqliteDb {
+  const existing = pools.get(dbPath)
+  if (existing) return existing
+
+  const dir = dirname(dbPath)
+  if (!existsSync(dir)) mkdirSync(dir, { recursive: true })
+
+  const db = new DatabaseSync(dbPath)
+  migrate(db)
+  pools.set(dbPath, db)
+  return db
+}
+
+export function closeAllBookDbs(): void {
+  for (const db of pools.values()) db.close()
+  pools.clear()
+}

src/main/db/migrate.ts

@@ -0,0 +1,22 @@
+import type { SqliteDb } from './types'
+import schemaV1 from './schema-v1.sql?raw'
+
+const CURRENT_VERSION = 1
+
+export function migrate(db: SqliteDb): void {
+  db.exec(`CREATE TABLE IF NOT EXISTS schema_version (
+    version INTEGER PRIMARY KEY,
+    applied_at TEXT NOT NULL DEFAULT (datetime('now')),
+    description TEXT
+  )`)
+
+  const row = db.prepare('SELECT MAX(version) AS v FROM schema_version').get() as { v: number | null }
+  const current = row?.v ?? 0
+  if (current >= CURRENT_VERSION) return
+
+  db.exec(schemaV1)
+  db.prepare('INSERT INTO schema_version (version, description) VALUES (?, ?)').run(
+    CURRENT_VERSION,
+    'initial schema'
+  )
+}

src/main/db/repositories/chapter.repo.ts

@@ -0,0 +1,91 @@
+import { randomUUID } from 'crypto'
+import { countWords } from '../../services/word-count'
+import type { Chapter, ChapterStatus } from '../../../shared/types'
+import type { SqliteDb } from '../types'
+function mapRow(row: Record<string, unknown>): Chapter {
+  return {
+    id: row.id as string,
+    volumeId: row.volume_id as string | null,
+    title: row.title as string,
+    content: row.content as string,
+    status: row.status as ChapterStatus,
+    wordCount: row.word_count as number,
+    sortOrder: row.sort_order as number,
+    cursorOffset: (row.cursor_offset as number) ?? 0
+  }
+}
+
+export class ChapterRepository {
+  constructor(private db: SqliteDb) {}
+  create(volumeId: string, title: string, sortOrder: number, content = ''): Chapter {
+    const id = randomUUID()
+    const wordCount = countWords(content)
+    this.db
+      .prepare(
+        `INSERT INTO chapters (id, volume_id, title, content, word_count, sort_order)
+         VALUES (?, ?, ?, ?, ?, ?)`
+      )
+      .run(id, volumeId, title, content, wordCount, sortOrder)
+    return this.get(id)!
+  }
+
+  get(id: string): Chapter | null {
+    const row = this.db.prepare('SELECT * FROM chapters WHERE id = ?').get(id) as
+      | Record<string, unknown>
+      | undefined
+    return row ? mapRow(row) : null
+  }
+
+  list(): Chapter[] {
+    return (
+      this.db.prepare('SELECT * FROM chapters ORDER BY sort_order').all() as Record<string, unknown>[]
+    ).map(mapRow)
+  }
+
+  listByVolume(volumeId: string): Chapter[] {
+    return (
+      this.db
+        .prepare('SELECT * FROM chapters WHERE volume_id = ? ORDER BY sort_order')
+        .all(volumeId) as Record<string, unknown>[]
+    ).map(mapRow)
+  }
+
+  update(
+    id: string,
+    patch: Partial<{ title: string; content: string; status: ChapterStatus; cursorOffset: number }>
+  ): Chapter {
+    const existing = this.get(id)
+    if (!existing) throw new Error('Chapter not found')
+
+    const content = patch.content ?? existing.content
+    const wordCount = countWords(content)
+
+    this.db
+      .prepare(
+        `UPDATE chapters SET
+          title = ?, content = ?, status = ?, cursor_offset = ?,
+          word_count = ?, updated_at = datetime('now')
+         WHERE id = ?`
+      )
+      .run(
+        patch.title ?? existing.title,
+        content,
+        patch.status ?? existing.status,
+        patch.cursorOffset ?? existing.cursorOffset,
+        wordCount,
+        id
+      )
+    return this.get(id)!
+  }
+
+  delete(id: string): void {
+    this.db.prepare('DELETE FROM chapters WHERE id = ?').run(id)
+  }
+
+  nextSortOrder(volumeId: string): number {
+    const row = this.db
+      .prepare('SELECT MAX(sort_order) AS maxOrder FROM chapters WHERE volume_id = ?')
+      .get(volumeId) as { maxOrder: number | null }
+    return (row?.maxOrder ?? -1) + 1
+  }
+}

src/main/db/repositories/volume.repo.ts

@@ -0,0 +1,52 @@
+import { randomUUID } from 'crypto'
+import type { Volume } from '../../../shared/types'
+import type { SqliteDb } from '../types'
+function mapRow(row: Record<string, unknown>): Volume {
+  return {
+    id: row.id as string,
+    name: row.name as string,
+    description: row.description as string,
+    sortOrder: row.sort_order as number
+  }
+}
+
+export class VolumeRepository {
+  constructor(private db: SqliteDb) {}
+  create(name: string, sortOrder: number): Volume {
+    const id = randomUUID()
+    this.db
+      .prepare(
+        `INSERT INTO volumes (id, name, sort_order) VALUES (?, ?, ?)`
+      )
+      .run(id, name, sortOrder)
+    return this.get(id)!
+  }
+
+  get(id: string): Volume | null {
+    const row = this.db.prepare('SELECT * FROM volumes WHERE id = ?').get(id) as
+      | Record<string, unknown>
+      | undefined
+    return row ? mapRow(row) : null
+  }
+
+  list(): Volume[] {
+    return (
+      this.db.prepare('SELECT * FROM volumes ORDER BY sort_order').all() as Record<string, unknown>[]
+    ).map(mapRow)
+  }
+
+  update(id: string, patch: { name?: string; description?: string }): Volume {
+    const existing = this.get(id)
+    if (!existing) throw new Error('Volume not found')
+    this.db
+      .prepare(
+        `UPDATE volumes SET name = ?, description = ?, updated_at = datetime('now') WHERE id = ?`
+      )
+      .run(patch.name ?? existing.name, patch.description ?? existing.description, id)
+    return this.get(id)!
+  }
+
+  delete(id: string): void {
+    this.db.prepare('DELETE FROM volumes WHERE id = ?').run(id)
+  }
+}

src/main/db/schema-v1.sql

@@ -0,0 +1,28 @@
+CREATE TABLE IF NOT EXISTS schema_version (
+    version     INTEGER PRIMARY KEY,
+    applied_at  TEXT NOT NULL DEFAULT (datetime('now')),
+    description TEXT
+);
+
+CREATE TABLE IF NOT EXISTS volumes (
+    id          TEXT PRIMARY KEY,
+    name        TEXT NOT NULL,
+    description TEXT DEFAULT '',
+    sort_order  INTEGER NOT NULL DEFAULT 0,
+    created_at  TEXT NOT NULL DEFAULT (datetime('now')),
+    updated_at  TEXT NOT NULL DEFAULT (datetime('now'))
+);
+
+CREATE TABLE IF NOT EXISTS chapters (
+    id          TEXT PRIMARY KEY,
+    volume_id   TEXT,
+    title       TEXT NOT NULL DEFAULT '',
+    content     TEXT NOT NULL DEFAULT '',
+    status      TEXT NOT NULL DEFAULT 'draft',
+    word_count  INTEGER NOT NULL DEFAULT 0,
+    sort_order  INTEGER NOT NULL DEFAULT 0,
+    cursor_offset INTEGER DEFAULT 0,
+    created_at  TEXT NOT NULL DEFAULT (datetime('now')),
+    updated_at  TEXT NOT NULL DEFAULT (datetime('now')),
+    FOREIGN KEY (volume_id) REFERENCES volumes(id) ON DELETE SET NULL
+);

src/main/db/types.ts

@@ -0,0 +1,3 @@
+import type { DatabaseSync } from 'node:sqlite'
+
+export type SqliteDb = DatabaseSync

src/main/index.ts

@@ -0,0 +1,79 @@
+import { app, BrowserWindow, ipcMain } from 'electron'
+import { existsSync } from 'fs'
+import { join } from 'path'
+import { IPC } from '../shared/ipc-channels'
+import { getShortcutManager, registerIpc } from './ipc/register'
+import { closeAllBookDbs } from './db/connection'
+
+if (process.env.BILIN_E2E === '1' && process.env.BILIN_E2E_USER_DATA) {
+  app.setPath('userData', process.env.BILIN_E2E_USER_DATA)
+}
+
+let mainWindow: BrowserWindow | null = null
+
+function preloadPath(): string {
+  const dir = join(__dirname, '../preload')
+  const mjs = join(dir, 'index.mjs')
+  if (existsSync(mjs)) return mjs
+  return join(dir, 'index.js')
+}
+
+function createWindow(): void {  mainWindow = new BrowserWindow({
+    width: 1280,
+    height: 800,
+    minWidth: 960,
+    minHeight: 600,
+    frame: false,
+    titleBarStyle: 'hidden',
+    webPreferences: {
+      preload: preloadPath(),
+      contextIsolation: true,
+      nodeIntegration: false
+    }
+  })
+
+  if (process.env.ELECTRON_RENDERER_URL) {
+    mainWindow.loadURL(process.env.ELECTRON_RENDERER_URL)
+  } else {
+    mainWindow.loadFile(join(__dirname, '../renderer/index.html'))
+  }
+
+  mainWindow.on('closed', () => {
+    mainWindow = null
+  })
+
+  getShortcutManager()?.setWindow(mainWindow)
+}
+
+app.whenReady().then(() => {
+  registerIpc()
+
+  ipcMain.handle(IPC.WINDOW_MINIMIZE, (event) => {
+    BrowserWindow.fromWebContents(event.sender)?.minimize()
+  })
+  ipcMain.handle(IPC.WINDOW_MAXIMIZE, (event) => {
+    const win = BrowserWindow.fromWebContents(event.sender)
+    if (!win) return
+    if (win.isMaximized()) win.unmaximize()
+    else win.maximize()
+  })
+  ipcMain.handle(IPC.WINDOW_CLOSE, (event) => {
+    BrowserWindow.fromWebContents(event.sender)?.close()
+  })
+
+  createWindow()
+})
+
+app.on('window-all-closed', () => {
+  getShortcutManager()?.unregisterAll()
+  closeAllBookDbs()
+  if (process.platform !== 'darwin') app.quit()
+})
+
+app.on('activate', () => {
+  if (BrowserWindow.getAllWindows().length === 0) createWindow()
+})
+
+app.on('will-quit', () => {
+  getShortcutManager()?.unregisterAll()
+})

src/main/ipc/handlers/book.handler.ts

@@ -0,0 +1,39 @@
+import { ipcMain } from 'electron'
+import { IPC } from '../../../shared/ipc-channels'
+import type { BookMeta, CreateBookParams } from '../../../shared/types'
+import { BookRegistryService } from '../../services/book-registry'
+import { wrap } from '../result'
+
+export function registerBookHandlers(registry: BookRegistryService): void {
+  ipcMain.handle(IPC.BOOK_LIST, () => wrap(() => registry.list()))
+
+  ipcMain.handle(IPC.BOOK_CREATE, (_event, params: CreateBookParams) =>
+    wrap(() => registry.create(params))
+  )
+
+  ipcMain.handle(IPC.BOOK_DELETE, (_event, { bookId }: { bookId: string }) =>
+    wrap(() => {
+      registry.delete(bookId)
+    })
+  )
+
+  ipcMain.handle(IPC.BOOK_OPEN, (_event, { bookId }: { bookId: string }) =>
+    wrap(() => registry.open(bookId))
+  )
+
+  ipcMain.handle(
+    IPC.BOOK_UPDATE_META,
+    (
+      _event,
+      {
+        bookId,
+        ...patch
+      }: {
+        bookId: string
+        lastChapterId?: string | null
+        lastOpenedAt?: string
+        status?: BookMeta['status']
+      }
+    ) => wrap(() => registry.updateMeta(bookId, patch))
+  )
+}

src/main/ipc/handlers/chapter.handler.ts

@@ -0,0 +1,96 @@
+import { ipcMain } from 'electron'
+import { IPC } from '../../../shared/ipc-channels'
+import type { ChapterStatus } from '../../../shared/types'
+import { BookRegistryService } from '../../services/book-registry'
+import { wrap } from '../result'
+
+export function registerChapterHandlers(registry: BookRegistryService): void {
+  ipcMain.handle(
+    IPC.VOLUME_CREATE,
+    (_event, { bookId, name }: { bookId: string; name: string }) =>
+      wrap(() => {
+        const repo = registry.getVolumeRepo(bookId)
+        const volumes = repo.list()
+        return repo.create(name, volumes.length)
+      })
+  )
+
+  ipcMain.handle(
+    IPC.VOLUME_UPDATE,
+    (
+      _event,
+      { bookId, volumeId, name, description }: { bookId: string; volumeId: string; name?: string; description?: string }
+    ) => wrap(() => registry.getVolumeRepo(bookId).update(volumeId, { name, description }))
+  )
+
+  ipcMain.handle(
+    IPC.VOLUME_DELETE,
+    (_event, { bookId, volumeId }: { bookId: string; volumeId: string }) =>
+      wrap(() => {
+        registry.getVolumeRepo(bookId).delete(volumeId)
+      })
+  )
+
+  ipcMain.handle(
+    IPC.CHAPTER_CREATE,
+    (
+      _event,
+      { bookId, volumeId, title }: { bookId: string; volumeId: string; title: string }
+    ) =>
+      wrap(() => {
+        const repo = registry.getChapterRepo(bookId)
+        const sortOrder = repo.nextSortOrder(volumeId)
+        return repo.create(volumeId, title, sortOrder)
+      })
+  )
+
+  ipcMain.handle(
+    IPC.CHAPTER_GET,
+    (_event, { bookId, chapterId }: { bookId: string; chapterId: string }) =>
+      wrap(() => {
+        const ch = registry.getChapterRepo(bookId).get(chapterId)
+        if (!ch) throw new Error('Chapter not found')
+        return ch
+      })
+  )
+
+  ipcMain.handle(
+    IPC.CHAPTER_UPDATE,
+    (
+      _event,
+      {
+        bookId,
+        chapterId,
+        title,
+        content,
+        status,
+        cursorOffset
+      }: {
+        bookId: string
+        chapterId: string
+        title?: string
+        content?: string
+        status?: ChapterStatus
+        cursorOffset?: number
+      }
+    ) =>
+      wrap(() => {
+        const chapter = registry.getChapterRepo(bookId).update(chapterId, {
+          title,
+          content,
+          status,
+          cursorOffset
+        })
+        registry.updateMeta(bookId, { lastChapterId: chapterId })
+        return chapter
+      })
+  )
+
+  ipcMain.handle(
+    IPC.CHAPTER_DELETE,
+    (_event, { bookId, chapterId }: { bookId: string; chapterId: string }) =>
+      wrap(() => {
+        registry.getChapterRepo(bookId).delete(chapterId)
+      })
+  )
+}

src/main/ipc/handlers/settings.handler.ts

@@ -0,0 +1,11 @@
+import { ipcMain } from 'electron'
+import { IPC } from '../../../shared/ipc-channels'
+import { GlobalSettingsService } from '../services/global-settings'
+import { wrap } from '../result'
+
+export function registerSettingsHandlers(settings: GlobalSettingsService): void {
+  ipcMain.handle(IPC.SETTINGS_GET, () => wrap(() => settings.get()))
+  ipcMain.handle(IPC.SETTINGS_UPDATE, (_event, partial) =>
+    wrap(() => settings.update(partial))
+  )
+}

src/main/ipc/handlers/shortcut.handler.ts

@@ -0,0 +1,18 @@
+import { ipcMain } from 'electron'
+import { IPC } from '../../../shared/ipc-channels'
+import type { ActionId } from '../../../shared/types'
+import { ShortcutManager } from '../shortcuts/manager'
+import { wrap } from '../result'
+
+export function registerShortcutHandlers(shortcuts: ShortcutManager): void {
+  ipcMain.handle(IPC.SHORTCUT_GET_ALL, () => wrap(() => shortcuts.getAll()))
+
+  ipcMain.handle(
+    IPC.SHORTCUT_REGISTER,
+    (_event, { action, accelerator }: { action: ActionId; accelerator: string }) =>
+      wrap(() => {
+        const ok = shortcuts.save(action, accelerator)
+        if (!ok) throw new Error('快捷键注册失败，可能与其他应用冲突')
+      })
+  )
+}

src/main/ipc/register.ts

@@ -0,0 +1,30 @@
+import { join } from 'path'
+import { app } from 'electron'
+import { GlobalSettingsService } from '../services/global-settings'
+import { BookRegistryService } from '../services/book-registry'
+import { ShortcutManager } from '../shortcuts/manager'
+import { registerSettingsHandlers } from './handlers/settings.handler'
+import { registerBookHandlers } from './handlers/book.handler'
+import { registerChapterHandlers } from './handlers/chapter.handler'
+import { registerShortcutHandlers } from './handlers/shortcut.handler'
+
+let shortcutManager: ShortcutManager | null = null
+
+export function registerIpc(): { settings: GlobalSettingsService; books: BookRegistryService; shortcuts: ShortcutManager } {
+  const userData = app.getPath('userData')
+
+  const settings = new GlobalSettingsService(userData)
+  const books = new BookRegistryService(userData)
+  shortcutManager = new ShortcutManager(settings)
+
+  registerSettingsHandlers(settings)
+  registerBookHandlers(books)
+  registerChapterHandlers(books)
+  registerShortcutHandlers(shortcutManager)
+
+  return { settings, books, shortcuts: shortcutManager }
+}
+
+export function getShortcutManager(): ShortcutManager | null {
+  return shortcutManager
+}

src/main/ipc/result.ts

@@ -0,0 +1,18 @@
+import { ErrorCode, type IpcError, type IpcResult } from '../../shared/types'
+
+export function ok<T>(data: T): IpcResult<T> {
+  return { ok: true, data }
+}
+
+export function fail(code: ErrorCode, message: string, recoverable: boolean): IpcResult<never> {
+  return { ok: false, error: { code, message, recoverable } }
+}
+
+export function wrap<T>(fn: () => T, recoverable = true): IpcResult<T> {
+  try {
+    return ok(fn())
+  } catch (e) {
+    const message = e instanceof Error ? e.message : String(e)
+    return fail(ErrorCode.UNKNOWN, message, recoverable)
+  }
+}

src/main/services/book-registry.ts

@@ -0,0 +1,136 @@
+import { existsSync, mkdirSync, readFileSync, writeFileSync } from 'fs'
+import { join } from 'path'
+import { randomUUID } from 'crypto'
+import { openBookDb } from '../db/connection'
+import { VolumeRepository } from '../db/repositories/volume.repo'
+import { ChapterRepository } from '../db/repositories/chapter.repo'
+import type { BookMeta, BookOpenResult, CreateBookParams, Chapter, Volume } from '../../shared/types'
+
+interface RegistryFile {
+  books: BookMeta[]
+}
+
+export class BookRegistryService {
+  private booksDir: string
+
+  constructor(private userDataDir: string) {
+    this.booksDir = join(userDataDir, 'books')
+    if (!existsSync(this.booksDir)) mkdirSync(this.booksDir, { recursive: true })
+  }
+
+  private registryPath(): string {
+    return join(this.userDataDir, 'books_registry.json')
+  }
+
+  private readRegistry(): RegistryFile {
+    const path = this.registryPath()
+    if (!existsSync(path)) return { books: [] }
+    return JSON.parse(readFileSync(path, 'utf-8')) as RegistryFile
+  }
+
+  private writeRegistry(data: RegistryFile): void {
+    writeFileSync(this.registryPath(), JSON.stringify(data, null, 2), 'utf-8')
+  }
+
+  list(): BookMeta[] {
+    return this.readRegistry().books.sort(
+      (a, b) => new Date(b.lastOpenedAt).getTime() - new Date(a.lastOpenedAt).getTime()
+    )
+  }
+
+  getMeta(bookId: string): BookMeta | null {
+    return this.readRegistry().books.find((b) => b.id === bookId) ?? null
+  }
+
+  private dbPath(bookId: string): string {
+    return join(this.booksDir, `${bookId}.sqlite`)
+  }
+
+  create(params: CreateBookParams): BookMeta {
+    const id = randomUUID()
+    const now = new Date().toISOString()
+    const meta: BookMeta = {
+      id,
+      name: params.name,
+      category: params.category,
+      targetWordCount: params.targetWordCount ?? null,
+      dbPath: join('books', `${id}.sqlite`),
+      status: 'draft',
+      lastOpenedAt: now,
+      lastChapterId: null,
+      createdAt: now
+    }
+
+    const db = openBookDb(this.dbPath(id))
+    const volumes = new VolumeRepository(db)
+    const chapters = new ChapterRepository(db)
+    const vol = volumes.create('第一卷', 0)
+
+    if (params.createSampleChapter) {
+      const ch = chapters.create(vol.id, '第一章', 0, '在这里开始你的创作……')
+      meta.lastChapterId = ch.id
+    }
+
+    const registry = this.readRegistry()
+    registry.books.unshift(meta)
+    this.writeRegistry(registry)
+    return meta
+  }
+
+  delete(bookId: string): void {
+    const registry = this.readRegistry()
+    registry.books = registry.books.filter((b) => b.id !== bookId)
+    this.writeRegistry(registry)
+  }
+
+  updateMeta(bookId: string, patch: Partial<Pick<BookMeta, 'lastOpenedAt' | 'lastChapterId' | 'status'>>): BookMeta {
+    const registry = this.readRegistry()
+    const idx = registry.books.findIndex((b) => b.id === bookId)
+    if (idx === -1) throw new Error('Book not found')
+    registry.books[idx] = { ...registry.books[idx], ...patch }
+    this.writeRegistry(registry)
+    return registry.books[idx]
+  }
+
+  open(bookId: string): BookOpenResult {
+    const meta = this.getMeta(bookId)
+    if (!meta) throw new Error('Book not found')
+
+    const db = openBookDb(join(this.userDataDir, meta.dbPath))
+    const volumes = new VolumeRepository(db).list()
+    const chapters = new ChapterRepository(db).list()
+
+    const updated = this.updateMeta(bookId, { lastOpenedAt: new Date().toISOString() })
+    return { meta: updated, volumes, chapters }
+  }
+
+  getDb(bookId: string) {
+    const meta = this.getMeta(bookId)
+    if (!meta) throw new Error('Book not found')
+    return openBookDb(join(this.userDataDir, meta.dbPath))
+  }
+
+  getVolumeRepo(bookId: string): VolumeRepository {
+    return new VolumeRepository(this.getDb(bookId))
+  }
+
+  getChapterRepo(bookId: string): ChapterRepository {
+    return new ChapterRepository(this.getDb(bookId))
+  }
+}
+
+export function aggregateWordCounts(chapters: Chapter[], volumes: Volume[]): {
+  book: number
+  byVolume: Record<string, number>
+} {
+  const byVolume: Record<string, number> = {}
+  for (const v of volumes) byVolume[v.id] = 0
+  let book = 0
+  for (const ch of chapters) {
+    book += ch.wordCount
+    if (ch.volumeId && byVolume[ch.volumeId] !== undefined) {
+      byVolume[ch.volumeId] += ch.wordCount
+    }
+  }
+  return { book, byVolume }
+}

src/main/services/global-settings.ts

@@ -0,0 +1,50 @@
+import { existsSync, mkdirSync, readFileSync, writeFileSync } from 'fs'
+import { join } from 'path'
+import { DEFAULT_SHORTCUTS } from '../../shared/default-shortcuts'
+import type { GlobalSettings } from '../../shared/types'
+
+const FILE = 'global_settings.json'
+
+function defaults(): GlobalSettings {
+  return {
+    penName: '未命名作者',
+    onboardingCompleted: false,
+    theme: 'default',
+    language: 'zh-CN',
+    dailyWordGoal: 0,
+    shortcuts: { ...DEFAULT_SHORTCUTS }
+  }
+}
+
+export class GlobalSettingsService {
+  constructor(private userDataDir: string) {
+    if (!existsSync(userDataDir)) mkdirSync(userDataDir, { recursive: true })
+  }
+
+  private filePath(): string {
+    return join(this.userDataDir, FILE)
+  }
+
+  get(): GlobalSettings {
+    if (!existsSync(this.filePath())) return defaults()
+    const raw = JSON.parse(readFileSync(this.filePath(), 'utf-8')) as Partial<GlobalSettings>
+    return {
+      ...defaults(),
+      ...raw,
+      shortcuts: { ...DEFAULT_SHORTCUTS, ...raw.shortcuts }
+    }
+  }
+
+  update(partial: Partial<GlobalSettings>): GlobalSettings {
+    const current = this.get()
+    const next: GlobalSettings = {
+      ...current,
+      ...partial,
+      shortcuts: partial.shortcuts
+        ? { ...current.shortcuts, ...partial.shortcuts }
+        : current.shortcuts
+    }
+    writeFileSync(this.filePath(), JSON.stringify(next, null, 2), 'utf-8')
+    return next
+  }
+}

src/main/services/word-count.ts

@@ -0,0 +1,6 @@
+export function countWords(text: string): number {
+  const stripped = text.replace(/<[^>]+>/g, '').replace(/\s+/g, '')
+  const cjk = stripped.match(/[\u4e00-\u9fff\u3400-\u4dbf]/g)
+  const latin = stripped.match(/[a-zA-Z0-9]+/g)
+  return (cjk?.length ?? 0) + (latin?.length ?? 0)
+}

src/main/shortcuts/manager.ts

@@ -0,0 +1,64 @@
+import { BrowserWindow, globalShortcut } from 'electron'
+import { DEFAULT_SHORTCUTS } from '../../shared/default-shortcuts'
+import { IPC } from '../../shared/ipc-channels'
+import type { ActionId } from '../../shared/types'
+import { GlobalSettingsService } from '../services/global-settings'
+
+export class ShortcutManager {
+  private bindings = new Map<ActionId, string>()
+  private targetWindow: BrowserWindow | null = null
+
+  constructor(private settings: GlobalSettingsService) {}
+
+  setWindow(win: BrowserWindow): void {
+    this.targetWindow = win
+    this.registerAll(this.settings.get().shortcuts)
+  }
+
+  unregisterAll(): void {
+    for (const acc of this.bindings.values()) {
+      try {
+        globalShortcut.unregister(acc)
+      } catch {
+        /* ignore */
+      }
+    }
+    this.bindings.clear()
+  }
+
+  register(action: ActionId, accelerator: string): boolean {
+    const prev = this.bindings.get(action)
+    if (prev) globalShortcut.unregister(prev)
+
+    const win = this.targetWindow
+    if (!win) return false
+
+    const ok = globalShortcut.register(accelerator, () => {
+      win.webContents.send(IPC.SHORTCUT_TRIGGERED, { action })
+    })
+    if (ok) this.bindings.set(action, accelerator)
+    return ok
+  }
+
+  registerAll(map: Record<ActionId, string>): void {
+    this.unregisterAll()
+    const merged = { ...DEFAULT_SHORTCUTS, ...map }
+    for (const [action, acc] of Object.entries(merged) as [ActionId, string][]) {
+      this.register(action, acc)
+    }
+  }
+
+  getAll(): Record<ActionId, string> {
+    return { ...DEFAULT_SHORTCUTS, ...this.settings.get().shortcuts }
+  }
+
+  save(action: ActionId, accelerator: string): boolean {
+    const ok = this.register(action, accelerator)
+    if (ok) {
+      const shortcuts = this.settings.get().shortcuts
+      shortcuts[action] = accelerator
+      this.settings.update({ shortcuts })
+    }
+    return ok
+  }
+}

src/main/vite-env.d.ts

@@ -0,0 +1,4 @@
+declare module '*.sql?raw' {
+  const content: string
+  export default content
+}

src/preload/index.ts

@@ -0,0 +1,78 @@
+import { contextBridge, ipcRenderer, IpcRendererEvent } from 'electron'
+import { IPC } from '../shared/ipc-channels'
+import type {
+  ActionId,
+  BookMeta,
+  BookOpenResult,
+  Chapter,
+  CreateBookParams,
+  GlobalSettings,
+  IpcResult,
+  UpdateChapterParams,
+  Volume
+} from '../shared/types'
+
+const electronAPI = {
+  window: {
+    minimize: (): Promise<void> => ipcRenderer.invoke(IPC.WINDOW_MINIMIZE),
+    maximize: (): Promise<void> => ipcRenderer.invoke(IPC.WINDOW_MAXIMIZE),
+    close: (): Promise<void> => ipcRenderer.invoke(IPC.WINDOW_CLOSE)
+  },
+  settings: {
+    get: (): Promise<IpcResult<GlobalSettings>> => ipcRenderer.invoke(IPC.SETTINGS_GET),
+    update: (partial: Partial<GlobalSettings>): Promise<IpcResult<GlobalSettings>> =>
+      ipcRenderer.invoke(IPC.SETTINGS_UPDATE, partial)
+  },
+  book: {
+    list: (): Promise<IpcResult<BookMeta[]>> => ipcRenderer.invoke(IPC.BOOK_LIST),
+    create: (params: CreateBookParams): Promise<IpcResult<BookMeta>> =>
+      ipcRenderer.invoke(IPC.BOOK_CREATE, params),
+    delete: (bookId: string): Promise<IpcResult<void>> =>
+      ipcRenderer.invoke(IPC.BOOK_DELETE, { bookId }),
+    open: (bookId: string): Promise<IpcResult<BookOpenResult>> =>
+      ipcRenderer.invoke(IPC.BOOK_OPEN, { bookId }),
+    updateMeta: (
+      bookId: string,
+      patch: { lastChapterId?: string | null; status?: BookMeta['status'] }
+    ): Promise<IpcResult<BookMeta>> => ipcRenderer.invoke(IPC.BOOK_UPDATE_META, { bookId, ...patch })
+  },
+  volume: {
+    create: (bookId: string, name: string): Promise<IpcResult<Volume>> =>
+      ipcRenderer.invoke(IPC.VOLUME_CREATE, { bookId, name }),
+    update: (
+      bookId: string,
+      volumeId: string,
+      patch: { name?: string; description?: string }
+    ): Promise<IpcResult<Volume>> =>
+      ipcRenderer.invoke(IPC.VOLUME_UPDATE, { bookId, volumeId, ...patch }),
+    delete: (bookId: string, volumeId: string): Promise<IpcResult<void>> =>
+      ipcRenderer.invoke(IPC.VOLUME_DELETE, { bookId, volumeId })
+  },
+  chapter: {
+    create: (bookId: string, volumeId: string, title: string): Promise<IpcResult<Chapter>> =>
+      ipcRenderer.invoke(IPC.CHAPTER_CREATE, { bookId, volumeId, title }),
+    get: (bookId: string, chapterId: string): Promise<IpcResult<Chapter>> =>
+      ipcRenderer.invoke(IPC.CHAPTER_GET, { bookId, chapterId }),
+    update: (params: UpdateChapterParams): Promise<IpcResult<Chapter>> =>
+      ipcRenderer.invoke(IPC.CHAPTER_UPDATE, params),
+    delete: (bookId: string, chapterId: string): Promise<IpcResult<void>> =>
+      ipcRenderer.invoke(IPC.CHAPTER_DELETE, { bookId, chapterId })
+  },
+  shortcut: {
+    getAll: (): Promise<IpcResult<Record<ActionId, string>>> =>
+      ipcRenderer.invoke(IPC.SHORTCUT_GET_ALL),
+    register: (action: ActionId, accelerator: string): Promise<IpcResult<void>> =>
+      ipcRenderer.invoke(IPC.SHORTCUT_REGISTER, { action, accelerator })
+  },
+  onShortcutTriggered: (callback: (action: ActionId) => void): (() => void) => {
+    const handler = (_event: IpcRendererEvent, payload: { action: ActionId }) => {
+      callback(payload.action)
+    }
+    ipcRenderer.on(IPC.SHORTCUT_TRIGGERED, handler)
+    return () => ipcRenderer.removeListener(IPC.SHORTCUT_TRIGGERED, handler)
+  }
+}
+
+contextBridge.exposeInMainWorld('electronAPI', electronAPI)
+
+export type ElectronAPI = typeof electronAPI

src/renderer/App.tsx

@@ -0,0 +1,107 @@
+import { useEffect, useState } from 'react'
+import { Provider as JotaiProvider } from 'jotai'
+import { useTranslation } from 'react-i18next'
+import './i18n'
+import './styles/themes.css'
+import './styles/globals.css'
+import './styles/layout.css'
+import { TopBar } from '@renderer/components/layout/TopBar'
+import { HomePage } from '@renderer/components/home/HomePage'
+import { EditorLayout } from '@renderer/components/layout/EditorLayout'
+import { SettingsPage } from '@renderer/components/settings/SettingsPage'
+import { OnboardingWizard } from '@renderer/components/onboarding/OnboardingWizard'
+import { useAppStore } from '@renderer/stores/useAppStore'
+import { useSettingsStore } from '@renderer/stores/useSettingsStore'
+import { useTabStore } from '@renderer/stores/useTabStore'
+import { useBookStore } from '@renderer/stores/useBookStore'
+import { flushEditorSave } from '@renderer/components/editor/TipTapEditor'
+import { ipcCall } from '@renderer/lib/ipc-client'
+
+function AppInner(): React.JSX.Element {
+  const { t } = useTranslation()
+  const view = useAppStore((s) => s.view)
+  const toast = useAppStore((s) => s.toast)
+  const showToast = useAppStore((s) => s.showToast)
+  const setView = useAppStore((s) => s.setView)
+  const { loaded, onboardingCompleted, load: loadSettings } = useSettingsStore()
+  const loadBooks = useBookStore((s) => s.loadBooks)
+  const { activeTabId, openTabs } = useTabStore()
+  const openBook = useBookStore((s) => s.openBook)
+  const [showOnboarding, setShowOnboarding] = useState(false)
+
+  useEffect(() => {
+    void (async () => {
+      await loadSettings()
+      await loadBooks()
+    })()
+  }, [loadSettings, loadBooks])
+
+  useEffect(() => {
+    if (loaded && !onboardingCompleted) setShowOnboarding(true)
+  }, [loaded, onboardingCompleted])
+
+  useEffect(() => {
+    const unsub = window.electronAPI.onShortcutTriggered(async (action) => {
+      if (action === 'saveChapter') {
+        try {
+          await flushEditorSave()
+        } catch {
+          showToast(t('toast.saveFailed'))
+        }
+        return
+      }
+      if (action === 'newChapter') {
+        if (view !== 'editor') return
+        const { currentBookId, activeVolumeId, refreshChapters, setSelectedChapter } = useBookStore.getState()
+        if (!currentBookId || !activeVolumeId) return
+        await flushEditorSave()
+        const ch = await ipcCall(() =>
+          window.electronAPI.chapter.create(currentBookId, activeVolumeId, t('editor.newChapter'))
+        )
+        await refreshChapters()
+        setSelectedChapter(ch.id)
+        return
+      }
+      if (action === 'closeTab') {
+        const tab = openTabs.find((x) => x.id === activeTabId)
+        if (!tab) return
+        const next = useTabStore.getState().closeTab(tab.id)
+        if (next) {
+          const nt = useTabStore.getState().openTabs.find((x) => x.id === next)
+          if (nt?.type === 'book' && nt.bookId) {
+            await openBook(nt.bookId)
+            setView('editor')
+          } else setView('settings')
+        } else setView('home')
+        return
+      }
+      showToast(t('feature.comingSoon'))
+    })
+    return unsub
+  }, [view, activeTabId, openTabs, openBook, setView, showToast, t])
+
+  const handleOnboardingComplete = (): void => {
+    setShowOnboarding(false)
+  }
+
+  return (
+    <div id="app">
+      <TopBar />
+      <div id="main-area">
+        {view === 'home' && <HomePage />}
+        {view === 'editor' && <EditorLayout />}
+        {view === 'settings' && <SettingsPage />}
+      </div>
+      {showOnboarding && <OnboardingWizard onComplete={handleOnboardingComplete} />}
+      {toast && <div className="toast">{toast}</div>}
+    </div>
+  )
+}
+
+export default function App(): React.JSX.Element {
+  return (
+    <JotaiProvider>
+      <AppInner />
+    </JotaiProvider>
+  )
+}

src/renderer/atoms/editorAtoms.ts

@@ -0,0 +1,6 @@
+import { atom } from 'jotai'
+
+export const editorDirtyAtom = atom(false)
+export const editorSavingAtom = atom(false)
+export const lastSavedAtAtom = atom<Date | null>(null)
+export const wordCountAtom = atom({ chapter: 0, volume: 0, book: 0 })

src/renderer/components/editor/TipTapEditor.tsx

@@ -0,0 +1,146 @@
+import { useEditor, EditorContent } from '@tiptap/react'
+import StarterKit from '@tiptap/starter-kit'
+import Underline from '@tiptap/extension-underline'
+import Placeholder from '@tiptap/extension-placeholder'
+import { useEffect, useRef, useCallback } from 'react'
+import { useTranslation } from 'react-i18next'
+import { useSetAtom } from 'jotai'
+import type { Chapter } from '@shared/types'
+import { editorDirtyAtom, editorSavingAtom, lastSavedAtAtom, wordCountAtom } from '@renderer/atoms/editorAtoms'
+import { useBookStore } from '@renderer/stores/useBookStore'
+import { ipcCall } from '@renderer/lib/ipc-client'
+
+function countPlain(text: string): number {
+  const stripped = text.replace(/\s+/g, '')
+  const cjk = stripped.match(/[\u4e00-\u9fff\u3400-\u4dbf]/g)
+  const latin = stripped.match(/[a-zA-Z0-9]+/g)
+  return (cjk?.length ?? 0) + (latin?.length ?? 0)
+}
+
+interface TipTapEditorProps {
+  chapter: Chapter | null
+  bookId: string | null
+}
+
+export function TipTapEditor({ chapter, bookId }: TipTapEditorProps): React.JSX.Element {
+  const { t, i18n } = useTranslation()
+  const setDirty = useSetAtom(editorDirtyAtom)
+  const setSaving = useSetAtom(editorSavingAtom)
+  const setLastSaved = useSetAtom(lastSavedAtAtom)
+  const setWordCount = useSetAtom(wordCountAtom)
+  const updateChapterLocal = useBookStore((s) => s.updateChapterLocal)
+  const chapters = useBookStore((s) => s.chapters)
+  const timerRef = useRef<ReturnType<typeof setTimeout>>()
+  const chapterIdRef = useRef<string | null>(null)
+
+  const editor = useEditor({
+    extensions: [
+      StarterKit,
+      Underline,
+      Placeholder.configure({ placeholder: t('editor.placeholder') })
+    ],
+    content: chapter?.content ?? '',
+    onUpdate: ({ editor: ed }) => {
+      setDirty(true)
+      clearTimeout(timerRef.current)
+      timerRef.current = setTimeout(() => {
+        void (window as unknown as { __bilinSave?: () => Promise<void> }).__bilinSave?.()
+      }, 2000)
+      const text = ed.getText()
+      const volId = chapter?.volumeId
+      const chapterCount = countPlain(text)
+      const volumeTotal = chapters
+        .filter((c) => c.volumeId === volId)
+        .reduce((sum, c) => sum + (c.id === chapter?.id ? chapterCount : c.wordCount), 0)
+      const bookTotal = chapters.reduce(
+        (sum, c) => sum + (c.id === chapter?.id ? chapterCount : c.wordCount),
+        0
+      )
+      setWordCount({ chapter: chapterCount, volume: volumeTotal, book: bookTotal })
+    },
+    editorProps: {
+      handlePaste: (view, event) => {
+        if (event.shiftKey) return false
+        const text = event.clipboardData?.getData('text/plain')
+        if (text) {
+          view.dispatch(view.state.tr.insertText(text))
+          return true
+        }
+        return false
+      }
+    }
+  }, [i18n.language])
+
+  const save = useCallback(async () => {
+    if (!bookId || !chapter || !editor) return
+    setSaving(true)
+    try {
+      const html = editor.getHTML()
+      const text = editor.getText()
+      const updated = await ipcCall(() =>
+        window.electronAPI.chapter.update({
+          bookId,
+          chapterId: chapter.id,
+          content: html,
+          cursorOffset: editor.state.selection.anchor
+        })
+      )
+      updateChapterLocal(updated)
+      setDirty(false)
+      setLastSaved(new Date())
+      const volId = updated.volumeId
+      const volumeTotal = chapters
+        .map((c) => (c.id === updated.id ? updated : c))
+        .filter((c) => c.volumeId === volId)
+        .reduce((sum, c) => sum + (c.id === updated.id ? countPlain(text) : c.wordCount), 0)
+      const bookTotal = chapters
+        .map((c) => (c.id === updated.id ? updated : c))
+        .reduce((sum, c) => sum + (c.id === updated.id ? countPlain(text) : c.wordCount), 0)
+      setWordCount({ chapter: countPlain(text), volume: volumeTotal, book: bookTotal })
+    } finally {
+      setSaving(false)
+    }
+  }, [bookId, chapter, chapters, editor, setDirty, setLastSaved, setSaving, setWordCount, updateChapterLocal])
+
+  useEffect(() => {
+    ;(window as unknown as { __bilinSave?: () => Promise<void> }).__bilinSave = save
+    return () => {
+      clearTimeout(timerRef.current)
+      delete (window as unknown as { __bilinSave?: () => Promise<void> }).__bilinSave
+    }
+  }, [save])
+
+  useEffect(() => {
+    if (!editor || !chapter) return
+    if (chapterIdRef.current !== chapter.id) {
+      void (async () => {
+        await flushEditorSave()
+        chapterIdRef.current = chapter.id
+        editor.commands.setContent(chapter.content || '')
+        const pos = Math.min(chapter.cursorOffset ?? 0, editor.state.doc.content.size)
+        editor.commands.focus(pos)
+        setDirty(false)
+        setWordCount({
+          chapter: chapter.wordCount,
+          volume: chapters.filter((c) => c.volumeId === chapter.volumeId).reduce((s, c) => s + c.wordCount, 0),
+          book: chapters.reduce((s, c) => s + c.wordCount, 0)
+        })
+      })()
+    }
+  }, [chapter, editor, chapters, setDirty, setWordCount])
+
+  if (!chapter) {
+    return <div className="placeholder-box">{t('editor.placeholder')}</div>
+  }
+
+  return (
+    <div className="editor-content-wrap">
+      <EditorContent editor={editor} />
+    </div>
+  )
+}
+
+export async function flushEditorSave(): Promise<void> {
+  const fn = (window as unknown as { __bilinSave?: () => Promise<void> }).__bilinSave
+  if (fn) await fn()
+}

src/renderer/components/home/HomePage.tsx

@@ -0,0 +1,138 @@
+import { useState } from 'react'
+import { useTranslation } from 'react-i18next'
+import { useAppStore } from '@renderer/stores/useAppStore'
+import { useBookStore } from '@renderer/stores/useBookStore'
+import { useTabStore } from '@renderer/stores/useTabStore'
+import { ipcCall } from '@renderer/lib/ipc-client'
+
+export function HomePage(): React.JSX.Element {
+  const { t } = useTranslation()
+  const showToast = useAppStore((s) => s.showToast)
+  const setView = useAppStore((s) => s.setView)
+  const { books, loadBooks, openBook } = useBookStore()
+  const { openBookTab, openSettingsTab } = useTabStore()
+  const [showDialog, setShowDialog] = useState(false)
+  const [name, setName] = useState('')
+  const [category, setCategory] = useState('玄幻')
+  const [target, setTarget] = useState('')
+
+  const handleOpenBook = async (bookId: string, bookName: string): Promise<void> => {
+    await openBook(bookId)
+    openBookTab(bookId, bookName)
+    setView('editor')
+  }
+
+  const handleCreate = async (): Promise<void> => {
+    if (!name.trim()) {
+      showToast(t('toast.enterBookName'))
+      return
+    }
+    const meta = await ipcCall(() =>
+      window.electronAPI.book.create({
+        name: name.trim(),
+        category,
+        targetWordCount: target ? Number(target) : null
+      })
+    )
+    setShowDialog(false)
+    setName('')
+    await loadBooks()
+    showToast(t('toast.bookCreated'))
+    await handleOpenBook(meta.id, meta.name)
+  }
+
+  return (
+    <div id="home-page">
+      <div className="home-hero">
+        <h1>✒ {t('app.name')}</h1>
+        <p className="subtitle">{t('app.tagline')}</p>
+      </div>
+      <div className="home-actions">
+        <button type="button" className="btn-large primary" onClick={() => setShowDialog(true)}>
+          + {t('home.newBook')}
+        </button>
+        <button type="button" className="btn-large" onClick={() => showToast(t('feature.comingSoon'))}>
+          {t('home.importBook')}
+        </button>
+        <button type="button" className="btn-large" onClick={() => showToast(t('feature.comingSoon'))}>
+          {t('home.exportAll')}
+        </button>
+        <button
+          type="button"
+          className="btn-large"
+          onClick={() => {
+            openSettingsTab()
+            setView('settings')
+          }}
+        >
+          ⚙ {t('settings.title')}
+        </button>
+      </div>
+      <h3 style={{ marginBottom: 12, fontSize: 14 }}>
+        📚 {t('home.myBooks')}{' '}
+        <span style={{ color: 'var(--text-muted)', fontSize: 12 }}>
+          {t('home.bookCount', { count: books.length })}
+        </span>
+      </h3>
+      <div className="book-grid">
+        {books.map((book) => (
+          <div
+            key={book.id}
+            className="book-card"
+            onClick={() => void handleOpenBook(book.id, book.name)}
+            onKeyDown={(e) => e.key === 'Enter' && void handleOpenBook(book.id, book.name)}
+            role="button"
+            tabIndex={0}
+          >
+            <div className="book-name">{book.name}</div>
+            <div className="book-meta">
+              <div>{book.category}</div>
+              <div>{new Date(book.lastOpenedAt).toLocaleDateString()}</div>
+            </div>
+          </div>
+        ))}
+        <div
+          className="book-card"
+          style={{ display: 'flex', alignItems: 'center', justifyContent: 'center', minHeight: 100, color: 'var(--text-muted)' }}
+          onClick={() => setShowDialog(true)}
+          role="button"
+          tabIndex={0}
+        >
+          + {t('home.newBook')}
+        </div>
+      </div>
+      {showDialog && (
+        <div className="dialog-overlay" role="dialog" aria-modal="true">
+          <div className="dialog-content">
+            <h3 style={{ marginBottom: 16 }}>{t('dialog.newBook.title')}</h3>
+            <div className="form-group">
+              <label>{t('dialog.newBook.name')}</label>
+              <input value={name} onChange={(e) => setName(e.target.value)} autoFocus />
+            </div>
+            <div className="form-group">
+              <label>{t('dialog.newBook.category')}</label>
+              <select value={category} onChange={(e) => setCategory(e.target.value)}>
+                <option value="玄幻">玄幻</option>
+                <option value="仙侠">仙侠</option>
+                <option value="科幻">科幻</option>
+                <option value="言情">言情</option>
+              </select>
+            </div>
+            <div className="form-group">
+              <label>{t('dialog.newBook.target')}</label>
+              <input type="number" value={target} onChange={(e) => setTarget(e.target.value)} />
+            </div>
+            <div style={{ display: 'flex', justifyContent: 'flex-end', gap: 8, marginTop: 16 }}>
+              <button type="button" className="btn" onClick={() => setShowDialog(false)}>
+                {t('dialog.cancel')}
+              </button>
+              <button type="button" className="btn primary" onClick={() => void handleCreate()}>
+                {t('dialog.create')}
+              </button>
+            </div>
+          </div>
+        </div>
+      )}
+    </div>
+  )
+}

src/renderer/components/layout/EditorLayout.tsx

@@ -0,0 +1,149 @@
+import { useTranslation } from 'react-i18next'
+import { useAtomValue } from 'jotai'
+import { useAppStore } from '@renderer/stores/useAppStore'
+import { useBookStore } from '@renderer/stores/useBookStore'
+import { ipcCall } from '@renderer/lib/ipc-client'
+import { TipTapEditor, flushEditorSave } from '@renderer/components/editor/TipTapEditor'
+import { RightPanel } from '@renderer/components/layout/RightPanel'
+import {
+  editorDirtyAtom,
+  editorSavingAtom,
+  lastSavedAtAtom,
+  wordCountAtom
+} from '@renderer/atoms/editorAtoms'
+
+export function EditorLayout(): React.JSX.Element {
+  const { t } = useTranslation()
+  const showToast = useAppStore((s) => s.showToast)
+  const sidebarPanel = useAppStore((s) => s.setSidebarPanel)
+  const activePanel = useAppStore((s) => s.sidebarPanel)
+  const {
+    currentBookId,
+    volumes,
+    chapters,
+    selectedChapterId,
+    activeVolumeId,
+    setSelectedChapter,
+    setActiveVolume,
+    refreshChapters
+  } = useBookStore()
+
+  const dirty = useAtomValue(editorDirtyAtom)
+  const saving = useAtomValue(editorSavingAtom)
+  const lastSaved = useAtomValue(lastSavedAtAtom)
+  const wordCount = useAtomValue(wordCountAtom)
+
+  const currentChapter = chapters.find((c) => c.id === selectedChapterId) ?? null
+  const bookMeta = useBookStore.getState().books.find((b) => b.id === currentBookId)
+
+  const handleSelectChapter = async (chapterId: string): Promise<void> => {
+    await flushEditorSave()
+    setSelectedChapter(chapterId)
+  }
+
+  const handleNewChapter = async (): Promise<void> => {
+    if (!currentBookId || !activeVolumeId) return
+    await flushEditorSave()
+    const ch = await ipcCall(() =>
+      window.electronAPI.chapter.create(currentBookId, activeVolumeId, t('editor.newChapter'))
+    )
+    await refreshChapters()
+    setSelectedChapter(ch.id)
+  }
+
+  const handleNewVolume = async (): Promise<void> => {
+    if (!currentBookId) return
+    const vol = await ipcCall(() =>
+      window.electronAPI.volume.create(currentBookId, t('editor.newVolume'))
+    )
+    await refreshChapters()
+    setActiveVolume(vol.id)
+  }
+
+  const saveStatus = saving ? t('editor.saving') : dirty ? t('editor.unsaved') : t('editor.saved')
+
+  return (
+    <div id="editor-layout">
+      <div id="left-sidebar">
+        <div className="sidebar-header">{bookMeta?.name ?? '—'}</div>
+        <div className="sidebar-nav">
+          {(['chapters', 'outline', 'setting', 'inspiration'] as const).map((panel) => (
+            <button
+              key={panel}
+              type="button"
+              className={`nav-btn ${activePanel === panel ? 'active' : ''}`}
+              onClick={() => sidebarPanel(panel)}
+            >
+              {panel === 'chapters' && t('sidebar.chapters')}
+              {panel === 'outline' && t('sidebar.outline')}
+              {panel === 'setting' && t('sidebar.settings')}
+              {panel === 'inspiration' && t('sidebar.inspiration')}
+            </button>
+          ))}
+        </div>
+        <div className={`sidebar-panel ${activePanel === 'chapters' ? 'active' : ''}`}>
+          {volumes.map((vol) => (
+            <div key={vol.id}>
+              <div
+                className="vol-header"
+                onClick={() => setActiveVolume(vol.id)}
+                style={{ color: activeVolumeId === vol.id ? 'var(--accent-light)' : undefined }}
+              >
+                {vol.name}
+              </div>
+              {chapters
+                .filter((c) => c.volumeId === vol.id)
+                .map((ch, idx) => (
+                  <div
+                    key={ch.id}
+                    className={`chapter-item ${selectedChapterId === ch.id ? 'active' : ''}`}
+                    onClick={() => void handleSelectChapter(ch.id)}
+                    onKeyDown={(e) => e.key === 'Enter' && void handleSelectChapter(ch.id)}
+                    role="button"
+                    tabIndex={0}
+                  >
+                    <span>{idx + 1}.</span>
+                    <span style={{ flex: 1, overflow: 'hidden', textOverflow: 'ellipsis' }}>{ch.title}</span>
+                    <span className={`ch-badge ${ch.status === 'done' ? 'done' : 'draft'}`}>{ch.status}</span>
+                  </div>
+                ))}
+            </div>
+          ))}
+        </div>
+        {activePanel !== 'chapters' && (
+          <div className="sidebar-panel active">
+            <div className="placeholder-box" style={{ padding: 20 }}>
+              {t('feature.comingSoon')}
+            </div>
+          </div>
+        )}
+        <div className="sidebar-footer">
+          <button type="button" onClick={() => void handleNewChapter()}>
+            + {t('editor.newChapter')}
+          </button>
+          <button type="button" style={{ marginTop: 6 }} onClick={() => void handleNewVolume()}>
+            + {t('editor.newVolume')}
+          </button>
+        </div>
+      </div>
+      <div id="editor-area">
+        <div id="editor-toolbar">
+          <button type="button" className="tool-btn" onClick={() => showToast(t('feature.comingSoon'))} title="引用">
+            📎
+          </button>
+          <span className="editor-label">
+            {currentChapter ? currentChapter.title : '—'}
+          </span>
+        </div>
+        <TipTapEditor chapter={currentChapter} bookId={currentBookId} />
+        <div id="editor-statusbar">
+          <span>{saveStatus}{lastSaved ? ` · ${lastSaved.toLocaleTimeString()}` : ''}</span>
+          <span>{t('status.chapter')}: {t('editor.words', { count: wordCount.chapter })}</span>
+          <span>{t('status.volume')}: {t('editor.words', { count: wordCount.volume })}</span>
+          <span>{t('status.book')}: {t('editor.words', { count: wordCount.book })}</span>
+        </div>
+      </div>
+      <RightPanel />
+    </div>
+  )
+}

src/renderer/components/layout/RightPanel.tsx

@@ -0,0 +1,40 @@
+import { useTranslation } from 'react-i18next'
+import { useAppStore } from '@renderer/stores/useAppStore'
+
+export function RightPanel(): React.JSX.Element {
+  const { t } = useTranslation()
+  const { rightPanel, setRightPanel } = useAppStore()
+
+  const tabs = [
+    { id: 'ai' as const, label: t('panel.ai') },
+    { id: 'knowledge' as const, label: t('panel.knowledge') },
+    { id: 'wordfreq' as const, label: t('panel.wordfreq') },
+    { id: 'book-settings' as const, label: t('panel.bookSettings') }
+  ]
+
+  return (
+    <div id="right-panel">
+      <div className="panel-tabs">
+        {tabs.map((tab) => (
+          <button
+            key={tab.id}
+            type="button"
+            className={`panel-tab ${rightPanel === tab.id ? 'active' : ''}`}
+            onClick={() => setRightPanel(tab.id)}
+          >
+            {tab.label}
+          </button>
+        ))}
+      </div>
+      <div className={`panel-content ${rightPanel === 'ai' ? 'active' : ''}`}>
+        <p style={{ fontSize: 11, color: 'var(--text-muted)', marginBottom: 8 }}>{t('panel.aiPlaceholder')}</p>
+        <input className="ai-input-disabled" disabled placeholder={t('feature.comingSoon')} />
+      </div>
+      {(['knowledge', 'wordfreq', 'book-settings'] as const).map((id) => (
+        <div key={id} className={`panel-content ${rightPanel === id ? 'active' : ''}`}>
+          <div className="placeholder-box">{t('feature.comingSoon')}</div>
+        </div>
+      ))}
+    </div>
+  )
+}

src/renderer/components/layout/TopBar.tsx

@@ -0,0 +1,77 @@
+import { useTranslation } from 'react-i18next'
+import { useAppStore } from '@renderer/stores/useAppStore'
+import { useTabStore } from '@renderer/stores/useTabStore'
+import { useBookStore } from '@renderer/stores/useBookStore'
+
+export function TopBar(): React.JSX.Element {
+  const { t } = useTranslation()
+  const setView = useAppStore((s) => s.setView)
+  const showToast = useAppStore((s) => s.showToast)
+  const { openTabs, activeTabId, switchTab, closeTab, openSettingsTab } = useTabStore()
+  const currentBookId = useBookStore((s) => s.currentBookId)
+
+  const handleCloseTab = (tabId: string, e: React.MouseEvent): void => {
+    e.stopPropagation()
+    const next = closeTab(tabId)
+    if (next) {
+      const tab = useTabStore.getState().openTabs.find((t) => t.id === next)
+      if (tab?.type === 'book' && tab.bookId) {
+        void useBookStore.getState().openBook(tab.bookId)
+        setView('editor')
+      } else if (tab?.type === 'settings') {
+        setView('settings')
+      }
+    } else {
+      setView('home')
+    }
+  }
+
+  return (
+    <div id="topbar">
+      <button type="button" className="logo-area" onClick={() => setView('home')}>
+        ✒ {t('app.name')}
+      </button>
+      <div className="tab-bar">
+        {openTabs.map((tab) => (
+          <button
+            key={tab.id}
+            type="button"
+            className={`tab ${tab.id === activeTabId ? 'active' : ''}`}
+            onClick={() => {
+              switchTab(tab.id)
+              if (tab.type === 'book' && tab.bookId) {
+                void useBookStore.getState().openBook(tab.bookId)
+                setView('editor')
+              } else {
+                setView('settings')
+              }
+            }}
+          >
+            <span style={{ overflow: 'hidden', textOverflow: 'ellipsis', whiteSpace: 'nowrap' }}>
+              {tab.name}
+            </span>
+            <span
+              onClick={(e) => handleCloseTab(tab.id, e)}
+              style={{ marginLeft: 4, opacity: 0.6, fontSize: 10 }}
+            >
+              ✕
+            </span>
+          </button>
+        ))}
+      </div>
+      <div className="top-spacer" />
+      <button type="button" className="top-btn" title={t('feature.comingSoon')} onClick={() => showToast(t('feature.comingSoon'))}>
+        📊
+      </button>
+      <button type="button" className="top-btn" onClick={() => { openSettingsTab(); setView('settings') }}>
+        ⚙
+      </button>
+      <button type="button" className="top-btn" onClick={() => showToast(t('feature.comingSoon'))}>
+        👁
+      </button>
+      <button type="button" className="top-btn" onClick={() => window.electronAPI.window.minimize()}>—</button>
+      <button type="button" className="top-btn" onClick={() => window.electronAPI.window.maximize()}>□</button>
+      <button type="button" className="top-btn window-close" onClick={() => window.electronAPI.window.close()}>✕</button>
+    </div>
+  )
+}

src/renderer/components/onboarding/OnboardingWizard.tsx

@@ -0,0 +1,90 @@
+import { useState } from 'react'
+import { useTranslation } from 'react-i18next'
+import { useSettingsStore } from '@renderer/stores/useSettingsStore'
+import { useBookStore } from '@renderer/stores/useBookStore'
+import { ipcCall } from '@renderer/lib/ipc-client'
+
+interface OnboardingWizardProps {
+  onComplete: () => void
+}
+
+export function OnboardingWizard({ onComplete }: OnboardingWizardProps): React.JSX.Element {
+  const { t } = useTranslation()
+  const update = useSettingsStore((s) => s.update)
+  const loadBooks = useBookStore((s) => s.loadBooks)
+  const [step, setStep] = useState(0)
+  const [penName, setPenName] = useState('')
+  const [createSample, setCreateSample] = useState(true)
+
+  const finish = async (skipped = false): Promise<void> => {
+    const name = skipped ? '未命名作者' : penName.trim() || '未命名作者'
+    await update({ penName: name, onboardingCompleted: true })
+    if (createSample) {
+      await ipcCall(() =>
+        window.electronAPI.book.create({
+          name: t('book.createSample'),
+          category: '未分类',
+          createSampleChapter: true
+        })
+      )
+      await loadBooks()
+    }
+    onComplete()
+  }
+
+  const slides = [
+    <div key="0" style={{ textAlign: 'center', padding: '20px 0' }}>
+      <div style={{ fontSize: 48, marginBottom: 12 }}>✒</div>
+      <h2>{t('onboarding.welcome')}</h2>
+      <p style={{ color: 'var(--text-secondary)', marginTop: 8 }}>{t('onboarding.tagline')}</p>
+    </div>,
+    <div key="1">
+      <h2>{t('onboarding.slide1')}</h2>
+      <p style={{ color: 'var(--text-secondary)', marginTop: 8 }}>{t('onboarding.slide1desc')}</p>
+    </div>,
+    <div key="2">
+      <h2>{t('onboarding.slide2')}</h2>
+      <p style={{ color: 'var(--text-secondary)', marginTop: 8 }}>{t('onboarding.slide2desc')}</p>
+    </div>,
+    <div key="3">
+      <h2>{t('onboarding.slide3')}</h2>
+      <p style={{ color: 'var(--text-secondary)', marginTop: 8 }}>{t('onboarding.slide3desc')}</p>
+    </div>,
+    <div key="4">
+      <h2>{t('onboarding.penName')}</h2>
+      <input
+        data-testid="onboarding-pen-name"
+        value={penName}
+        onChange={(e) => setPenName(e.target.value)}
+        placeholder={t('onboarding.penNamePlaceholder')}
+        style={{ width: '100%', marginTop: 12, padding: 10, borderRadius: 6, border: '1px solid var(--border)', background: 'var(--bg-tertiary)', color: 'inherit' }}
+      />
+      <label style={{ display: 'flex', alignItems: 'center', gap: 8, marginTop: 12, fontSize: 12, color: 'var(--text-secondary)' }}>
+        <input type="checkbox" checked={createSample} onChange={(e) => setCreateSample(e.target.checked)} />
+        {t('onboarding.createSample')}
+      </label>
+    </div>
+  ]
+
+  return (
+    <div className="dialog-overlay">
+      <div className="dialog-content" style={{ maxWidth: 520 }}>
+        {slides[step]}
+        <div style={{ display: 'flex', justifyContent: 'space-between', marginTop: 24 }}>
+          <button type="button" className="btn" onClick={() => void finish(true)}>
+            {t('onboarding.skip')}
+          </button>
+          {step < slides.length - 1 ? (
+            <button type="button" className="btn primary" data-testid="onboarding-next" onClick={() => setStep((s) => s + 1)}>
+              {t('onboarding.next')}
+            </button>
+          ) : (
+            <button type="button" className="btn primary" data-testid="onboarding-start" onClick={() => void finish(false)}>
+              {t('onboarding.start')}
+            </button>
+          )}
+        </div>
+      </div>
+    </div>
+  )
+}

src/renderer/components/settings/SettingsPage.tsx

@@ -0,0 +1,103 @@
+import { useState } from 'react'
+import { useTranslation } from 'react-i18next'
+import type { ThemeId, Language } from '@shared/types'
+import { useSettingsStore } from '@renderer/stores/useSettingsStore'
+import { ShortcutEditor } from '@renderer/components/settings/ShortcutEditor'
+
+const THEMES: { id: ThemeId; key: string }[] = [
+  { id: 'default', key: 'theme.default' },
+  { id: 'bamboo', key: 'theme.bamboo' },
+  { id: 'moonlit', key: 'theme.moonlit' },
+  { id: 'ricepaper', key: 'theme.ricepaper' },
+  { id: 'mist', key: 'theme.mist' },
+  { id: 'teagarden', key: 'theme.teagarden' },
+  { id: 'twilight', key: 'theme.twilight' }
+]
+
+export function SettingsPage(): React.JSX.Element {
+  const { t } = useTranslation()
+  const settings = useSettingsStore()
+  const [section, setSection] = useState<'general' | 'shortcuts' | 'about'>('general')
+
+  return (
+    <div id="settings-page">
+      <div className="settings-sidebar">
+        <div
+          className={`settings-nav-item ${section === 'general' ? 'active' : ''}`}
+          onClick={() => setSection('general')}
+          role="button"
+          tabIndex={0}
+        >
+          {t('settings.general')}
+        </div>
+        <div
+          className={`settings-nav-item ${section === 'shortcuts' ? 'active' : ''}`}
+          onClick={() => setSection('shortcuts')}
+          role="button"
+          tabIndex={0}
+        >
+          {t('settings.shortcuts')}
+        </div>
+        <div
+          className={`settings-nav-item ${section === 'about' ? 'active' : ''}`}
+          onClick={() => setSection('about')}
+          role="button"
+          tabIndex={0}
+        >
+          {t('settings.about')}
+        </div>
+      </div>
+      <div className="settings-content">
+        <h2 style={{ marginBottom: 20 }}>{t('settings.title')}</h2>
+        {section === 'general' && (
+          <>
+            <div className="setting-item">
+              <span>{t('settings.penName')}</span>
+              <input
+                data-testid="settings-pen-name"
+                value={settings.penName}
+                onChange={(e) => void settings.update({ penName: e.target.value })}
+                style={{ width: 160, padding: '6px 8px', borderRadius: 4, border: '1px solid var(--border)', background: 'var(--bg-surface)', color: 'inherit' }}
+              />
+            </div>
+            <div className="setting-item">
+              <span>{t('settings.theme')}</span>
+              <select
+                data-testid="settings-theme"
+                value={settings.theme}
+                onChange={(e) => void settings.update({ theme: e.target.value as ThemeId })}
+                style={{ padding: '6px 8px', borderRadius: 4, border: '1px solid var(--border)', background: 'var(--bg-surface)', color: 'inherit' }}
+              >
+                {THEMES.map((th) => (
+                  <option key={th.id} value={th.id}>
+                    {t(th.key)}
+                  </option>
+                ))}
+              </select>
+            </div>
+            <div className="setting-item">
+              <span>{t('settings.language')}</span>
+              <select
+                data-testid="settings-language"
+                value={settings.language}
+                onChange={(e) => void settings.update({ language: e.target.value as Language })}
+                style={{ padding: '6px 8px', borderRadius: 4, border: '1px solid var(--border)', background: 'var(--bg-surface)', color: 'inherit' }}
+              >
+                <option value="zh-CN">简体中文</option>
+                <option value="en">English</option>
+              </select>
+            </div>
+          </>
+        )}
+        {section === 'shortcuts' && <ShortcutEditor />}
+        {section === 'about' && (
+          <p style={{ color: 'var(--text-secondary)', lineHeight: 1.8 }}>
+            {t('app.name')} v0.1.0
+            <br />
+            {t('app.tagline')}
+          </p>
+        )}
+      </div>
+    </div>
+  )
+}

src/renderer/components/settings/ShortcutEditor.tsx

@@ -0,0 +1,133 @@
+import { useCallback, useEffect, useState } from 'react'
+import { useTranslation } from 'react-i18next'
+import type { ActionId } from '@shared/types'
+import { DEFAULT_SHORTCUTS } from '@shared/default-shortcuts'
+import { ipcCall } from '@renderer/lib/ipc-client'
+import { useAppStore } from '@renderer/stores/useAppStore'
+
+const ACTION_IDS: ActionId[] = [
+  'saveChapter',
+  'newChapter',
+  'focusMode',
+  'globalSearch',
+  'closeTab',
+  'openReference',
+  'insertLandmark',
+  'openLandmarks',
+  'exportBook',
+  'toggleTTS',
+  'captureInspiration'
+]
+
+function formatAccelerator(acc: string): string {
+  return acc.replace(/CommandOrControl/g, 'Ctrl')
+}
+
+function keyEventToAccelerator(e: KeyboardEvent): string | null {
+  if (['Control', 'Shift', 'Alt', 'Meta'].includes(e.key)) return null
+
+  const parts: string[] = []
+  if (e.ctrlKey || e.metaKey) parts.push('CommandOrControl')
+  if (e.shiftKey) parts.push('Shift')
+  if (e.altKey) parts.push('Alt')
+
+  const special: Record<string, string> = {
+    ' ': 'Space',
+    ArrowUp: 'Up',
+    ArrowDown: 'Down',
+    ArrowLeft: 'Left',
+    ArrowRight: 'Right',
+    Escape: 'Esc',
+    Backspace: 'Backspace',
+    Delete: 'Delete',
+    Enter: 'Enter',
+    Tab: 'Tab'
+  }
+
+  let key = special[e.key]
+  if (!key) {
+    if (e.key.length === 1) key = e.key.toUpperCase()
+    else if (e.code.startsWith('Key')) key = e.code.slice(3)
+    else if (e.code.startsWith('Digit')) key = e.code.slice(5)
+    else key = e.key
+  }
+
+  parts.push(key)
+  return parts.join('+')
+}
+
+export function ShortcutEditor(): React.JSX.Element {
+  const { t } = useTranslation()
+  const showToast = useAppStore((s) => s.showToast)
+  const [bindings, setBindings] = useState<Record<ActionId, string>>({ ...DEFAULT_SHORTCUTS })
+  const [recording, setRecording] = useState<ActionId | null>(null)
+
+  const loadBindings = useCallback(async () => {
+    const all = await ipcCall(() => window.electronAPI.shortcut.getAll())
+    setBindings(all)
+  }, [])
+
+  useEffect(() => {
+    void loadBindings()
+  }, [loadBindings])
+
+  useEffect(() => {
+    if (!recording) return
+
+    const onKeyDown = (e: KeyboardEvent): void => {
+      e.preventDefault()
+      e.stopPropagation()
+      if (e.key === 'Escape') {
+        setRecording(null)
+        return
+      }
+
+      const accelerator = keyEventToAccelerator(e)
+      if (!accelerator) return
+
+      const conflict = ACTION_IDS.some(
+        (id) => id !== recording && bindings[id] === accelerator
+      )
+      if (conflict) {
+        showToast(t('shortcuts.conflict'))
+        setRecording(null)
+        return
+      }
+
+      void (async () => {
+        try {
+          await ipcCall(() => window.electronAPI.shortcut.register(recording, accelerator))
+          setBindings((prev) => ({ ...prev, [recording]: accelerator }))
+        } catch {
+          showToast(t('shortcuts.registerFailed'))
+        } finally {
+          setRecording(null)
+        }
+      })()
+    }
+
+    window.addEventListener('keydown', onKeyDown, true)
+    return () => window.removeEventListener('keydown', onKeyDown, true)
+  }, [recording, bindings, showToast, t])
+
+  return (
+    <div className="shortcut-editor">
+      <p style={{ color: 'var(--text-secondary)', marginBottom: 16, fontSize: 13 }}>
+        {recording ? t('shortcuts.recordHint') : t('shortcuts.clickToRecord')}
+      </p>
+      {ACTION_IDS.map((action) => (
+        <div key={action} className="setting-item">
+          <span>{t(`shortcuts.${action}`)}</span>
+          <button
+            type="button"
+            className={`shortcut-key ${recording === action ? 'recording' : ''}`}
+            data-testid={`shortcut-${action}`}
+            onClick={() => setRecording(action)}
+          >
+            {recording === action ? t('shortcuts.recording') : formatAccelerator(bindings[action] ?? '—')}
+          </button>
+        </div>
+      ))}
+    </div>
+  )
+}

src/renderer/i18n/index.ts

@@ -0,0 +1,16 @@
+import i18n from 'i18next'
+import { initReactI18next } from 'react-i18next'
+import zh from '../../../public/locales/zh-CN/translation.json'
+import en from '../../../public/locales/en/translation.json'
+
+void i18n.use(initReactI18next).init({
+  resources: {
+    'zh-CN': { translation: zh },
+    en: { translation: en }
+  },
+  lng: 'zh-CN',
+  fallbackLng: 'zh-CN',
+  interpolation: { escapeValue: false }
+})
+
+export default i18n

src/renderer/index.html

@@ -0,0 +1,12 @@
+<!doctype html>
+<html lang="zh-CN">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>笔临</title>
+  </head>
+  <body>
+    <div id="root"></div>
+    <script type="module" src="./main.tsx"></script>
+  </body>
+</html>

src/renderer/lib/ipc-client.ts

@@ -0,0 +1,17 @@
+import type { IpcError, IpcResult } from '@shared/types'
+
+export class IpcCallError extends Error {
+  ipcError: IpcError
+
+  constructor(ipcError: IpcError) {
+    super(ipcError.message)
+    this.name = 'IpcCallError'
+    this.ipcError = ipcError
+  }
+}
+
+export async function ipcCall<T>(fn: () => Promise<IpcResult<T>>): Promise<T> {
+  const result = await fn()
+  if (!result.ok) throw new IpcCallError(result.error)
+  return result.data
+}

src/renderer/lib/theme.ts

@@ -0,0 +1,9 @@
+import type { ThemeId } from '@shared/types'
+
+export function applyTheme(theme: ThemeId): void {
+  if (theme === 'default') {
+    document.documentElement.removeAttribute('data-theme')
+  } else {
+    document.documentElement.setAttribute('data-theme', theme)
+  }
+}

src/renderer/main.tsx

@@ -0,0 +1,9 @@
+import React from 'react'
+import ReactDOM from 'react-dom/client'
+import App from './App'
+
+ReactDOM.createRoot(document.getElementById('root')!).render(
+  <React.StrictMode>
+    <App />
+  </React.StrictMode>
+)

src/renderer/stores/useAppStore.ts

@@ -0,0 +1,30 @@
+import { create } from 'zustand'
+
+export type AppView = 'home' | 'editor' | 'settings'
+
+interface AppState {
+  view: AppView
+  sidebarPanel: 'chapters' | 'outline' | 'setting' | 'inspiration'
+  rightPanel: 'ai' | 'knowledge' | 'wordfreq' | 'book-settings'
+  toast: string | null
+  setView: (view: AppView) => void
+  setSidebarPanel: (panel: AppState['sidebarPanel']) => void
+  setRightPanel: (panel: AppState['rightPanel']) => void
+  showToast: (message: string) => void
+  clearToast: () => void
+}
+
+export const useAppStore = create<AppState>((set) => ({
+  view: 'home',
+  sidebarPanel: 'chapters',
+  rightPanel: 'ai',
+  toast: null,
+  setView: (view) => set({ view }),
+  setSidebarPanel: (sidebarPanel) => set({ sidebarPanel }),
+  setRightPanel: (rightPanel) => set({ rightPanel }),
+  showToast: (toast) => {
+    set({ toast })
+    setTimeout(() => set({ toast: null }), 2500)
+  },
+  clearToast: () => set({ toast: null })
+}))

src/renderer/stores/useBookStore.ts

@@ -0,0 +1,66 @@
+import { create } from 'zustand'
+import type { BookMeta, Volume, Chapter } from '@shared/types'
+import { ipcCall } from '@renderer/lib/ipc-client'
+
+interface BookState {
+  books: BookMeta[]
+  currentBookId: string | null
+  volumes: Volume[]
+  chapters: Chapter[]
+  selectedChapterId: string | null
+  activeVolumeId: string | null
+  loadBooks: () => Promise<void>
+  openBook: (bookId: string) => Promise<void>
+  setSelectedChapter: (chapterId: string) => void
+  setActiveVolume: (volumeId: string) => void
+  refreshChapters: () => Promise<void>
+  updateChapterLocal: (chapter: Chapter) => void
+}
+
+export const useBookStore = create<BookState>((set, get) => ({
+  books: [],
+  currentBookId: null,
+  volumes: [],
+  chapters: [],
+  selectedChapterId: null,
+  activeVolumeId: null,
+  loadBooks: async () => {
+    const books = await ipcCall(() => window.electronAPI.book.list())
+    set({ books })
+  },
+  openBook: async (bookId) => {
+    const result = await ipcCall(() => window.electronAPI.book.open(bookId))
+    const firstVolume = result.volumes[0]?.id ?? null
+    const lastChapter =
+      result.meta.lastChapterId ??
+      result.chapters.find((c) => c.volumeId === firstVolume)?.id ??
+      result.chapters[0]?.id ??
+      null
+    set({
+      currentBookId: bookId,
+      volumes: result.volumes,
+      chapters: result.chapters,
+      activeVolumeId: result.chapters.find((c) => c.id === lastChapter)?.volumeId ?? firstVolume,
+      selectedChapterId: lastChapter
+    })
+  },
+  setSelectedChapter: (chapterId) => {
+    const ch = get().chapters.find((c) => c.id === chapterId)
+    set({
+      selectedChapterId: chapterId,
+      activeVolumeId: ch?.volumeId ?? get().activeVolumeId
+    })
+  },
+  setActiveVolume: (volumeId) => set({ activeVolumeId: volumeId }),
+  refreshChapters: async () => {
+    const bookId = get().currentBookId
+    if (!bookId) return
+    const result = await ipcCall(() => window.electronAPI.book.open(bookId))
+    set({ volumes: result.volumes, chapters: result.chapters })
+  },
+  updateChapterLocal: (chapter) => {
+    set((s) => ({
+      chapters: s.chapters.map((c) => (c.id === chapter.id ? chapter : c))
+    }))
+  }
+}))

src/renderer/stores/useSettingsStore.ts

@@ -0,0 +1,33 @@
+import { create } from 'zustand'
+import type { ThemeId, Language, GlobalSettings, ActionId } from '@shared/types'
+import { ipcCall } from '@renderer/lib/ipc-client'
+import { applyTheme } from '@renderer/lib/theme'
+import i18n from '@renderer/i18n'
+
+interface SettingsState extends GlobalSettings {
+  loaded: boolean
+  load: () => Promise<void>
+  update: (partial: Partial<GlobalSettings>) => Promise<void>
+}
+
+export const useSettingsStore = create<SettingsState>((set, get) => ({
+  penName: '未命名作者',
+  onboardingCompleted: false,
+  theme: 'default',
+  language: 'zh-CN',
+  dailyWordGoal: 0,
+  shortcuts: {} as Record<ActionId, string>,
+  loaded: false,
+  load: async () => {
+    const data = await ipcCall(() => window.electronAPI.settings.get())
+    set({ ...data, loaded: true })
+    applyTheme(data.theme)
+    await i18n.changeLanguage(data.language)
+  },
+  update: async (partial) => {
+    const data = await ipcCall(() => window.electronAPI.settings.update(partial))
+    set({ ...get(), ...data })
+    if (partial.theme) applyTheme(data.theme)
+    if (partial.language) await i18n.changeLanguage(data.language)
+  }
+}))

src/renderer/stores/useTabStore.ts

@@ -0,0 +1,58 @@
+import { create } from 'zustand'
+
+export interface AppTab {
+  id: string
+  type: 'book' | 'settings'
+  name: string
+  bookId?: string
+}
+
+interface TabState {
+  openTabs: AppTab[]
+  activeTabId: string | null
+  openBookTab: (bookId: string, name: string) => void
+  openSettingsTab: () => void
+  switchTab: (tabId: string) => void
+  closeTab: (tabId: string) => string | null
+}
+
+export const useTabStore = create<TabState>((set, get) => ({
+  openTabs: [],
+  activeTabId: null,
+  openBookTab: (bookId, name) => {
+    const existing = get().openTabs.find((t) => t.type === 'book' && t.bookId === bookId)
+    if (existing) {
+      set({ activeTabId: existing.id })
+      return
+    }
+    const id = `book-${bookId}`
+    set((s) => ({
+      openTabs: [...s.openTabs, { id, type: 'book', name, bookId }],
+      activeTabId: id
+    }))
+  },
+  openSettingsTab: () => {
+    const existing = get().openTabs.find((t) => t.type === 'settings')
+    if (existing) {
+      set({ activeTabId: existing.id })
+      return
+    }
+    set((s) => ({
+      openTabs: [...s.openTabs, { id: 'settings', type: 'settings', name: '系统设置' }],
+      activeTabId: 'settings'
+    }))
+  },
+  switchTab: (tabId) => set({ activeTabId: tabId }),
+  closeTab: (tabId) => {
+    const { openTabs, activeTabId } = get()
+    const idx = openTabs.findIndex((t) => t.id === tabId)
+    if (idx === -1) return activeTabId
+    const nextTabs = openTabs.filter((t) => t.id !== tabId)
+    let nextActive = activeTabId
+    if (activeTabId === tabId) {
+      nextActive = nextTabs[Math.max(0, idx - 1)]?.id ?? null
+    }
+    set({ openTabs: nextTabs, activeTabId: nextActive })
+    return nextActive
+  }
+}))

src/renderer/styles/globals.css

@@ -0,0 +1,64 @@
+* {
+  margin: 0;
+  padding: 0;
+  box-sizing: border-box;
+}
+
+html,
+body,
+#root {
+  height: 100%;
+  overflow: hidden;
+}
+
+body {
+  font-family: var(--font-sans);
+  background: var(--bg-primary);
+  color: var(--text-primary);
+  -webkit-font-smoothing: antialiased;
+}
+
+#app {
+  display: flex;
+  flex-direction: column;
+  height: 100vh;
+}
+
+button {
+  font-family: inherit;
+  cursor: pointer;
+}
+
+input,
+select,
+textarea {
+  font-family: inherit;
+}
+
+.btn {
+  padding: 8px 16px;
+  border-radius: var(--radius-sm);
+  border: 1px solid var(--border);
+  background: transparent;
+  color: var(--text-primary);
+  font-size: 13px;
+  transition: var(--transition);
+}
+
+.btn:hover {
+  background: var(--bg-hover);
+}
+
+.btn.primary {
+  background: var(--accent);
+  border-color: var(--accent);
+  color: #fff;
+}
+
+.btn.primary:hover {
+  background: var(--accent-light);
+}
+
+.hidden {
+  display: none !important;
+}

src/renderer/styles/layout.css

@@ -0,0 +1,515 @@
+#topbar {
+  display: flex;
+  align-items: center;
+  height: 44px;
+  background: var(--bg-secondary);
+  border-bottom: 1px solid var(--border);
+  padding: 0 10px;
+  gap: 4px;
+  flex-shrink: 0;
+  -webkit-app-region: drag;
+}
+
+#topbar button,
+#topbar .tab,
+#topbar .logo-area {
+  -webkit-app-region: no-drag;
+}
+
+.logo-area {
+  display: flex;
+  align-items: center;
+  gap: 6px;
+  font-weight: 700;
+  font-size: 14px;
+  padding: 6px 10px;
+  border-radius: var(--radius-sm);
+  cursor: pointer;
+  border: none;
+  background: transparent;
+  color: var(--text-primary);
+}
+
+.logo-area:hover {
+  background: var(--bg-hover);
+}
+
+.tab-bar {
+  display: flex;
+  align-items: center;
+  gap: 2px;
+  flex: 1;
+  overflow-x: auto;
+}
+
+.tab {
+  display: flex;
+  align-items: center;
+  gap: 6px;
+  padding: 6px 12px;
+  border-radius: var(--radius-sm);
+  font-size: 13px;
+  color: var(--text-secondary);
+  border: 1px solid transparent;
+  background: transparent;
+  cursor: pointer;
+  max-width: 160px;
+}
+
+.tab.active {
+  background: var(--bg-tertiary);
+  color: var(--text-primary);
+  border-color: var(--border-light);
+}
+
+.top-spacer {
+  flex: 1;
+  -webkit-app-region: drag;
+}
+
+.top-btn {
+  width: 32px;
+  height: 32px;
+  border: none;
+  border-radius: var(--radius-sm);
+  background: transparent;
+  color: var(--text-secondary);
+  cursor: pointer;
+}
+
+.top-btn:hover {
+  background: var(--bg-hover);
+  color: var(--text-primary);
+}
+
+.window-close:hover {
+  background: var(--red) !important;
+  color: #fff !important;
+}
+
+#main-area {
+  display: flex;
+  flex: 1;
+  overflow: hidden;
+}
+
+#home-page {
+  flex: 1;
+  overflow-y: auto;
+  padding: 32px 40px;
+}
+
+.home-hero h1 {
+  font-size: 28px;
+  margin-bottom: 8px;
+}
+
+.home-hero .subtitle {
+  color: var(--text-secondary);
+  margin-bottom: 24px;
+}
+
+.home-actions {
+  display: flex;
+  gap: 10px;
+  flex-wrap: wrap;
+  margin-bottom: 28px;
+}
+
+.btn-large {
+  padding: 10px 18px;
+  border-radius: var(--radius-sm);
+  border: 1px solid var(--border);
+  background: var(--bg-tertiary);
+  color: var(--text-primary);
+  font-size: 13px;
+}
+
+.btn-large.primary {
+  background: var(--accent);
+  border-color: var(--accent);
+  color: #fff;
+}
+
+.book-grid {
+  display: grid;
+  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
+  gap: 14px;
+}
+
+.book-card {
+  background: var(--bg-card);
+  border: 1px solid var(--border);
+  border-radius: var(--radius);
+  padding: 16px;
+  cursor: pointer;
+  transition: var(--transition);
+}
+
+.book-card:hover {
+  border-color: var(--accent);
+  transform: translateY(-2px);
+}
+
+.book-name {
+  font-size: 15px;
+  font-weight: 600;
+  margin-bottom: 8px;
+}
+
+.book-meta {
+  font-size: 11px;
+  color: var(--text-muted);
+  line-height: 1.6;
+}
+
+#editor-layout {
+  display: flex;
+  flex: 1;
+  overflow: hidden;
+}
+
+#left-sidebar {
+  width: 260px;
+  background: var(--bg-secondary);
+  border-right: 1px solid var(--border);
+  display: flex;
+  flex-direction: column;
+}
+
+.sidebar-header {
+  padding: 12px;
+  border-bottom: 1px solid var(--border);
+  font-weight: 600;
+  font-size: 13px;
+}
+
+.sidebar-nav {
+  display: flex;
+  border-bottom: 1px solid var(--border);
+}
+
+.nav-btn {
+  flex: 1;
+  padding: 8px 4px;
+  font-size: 11px;
+  border: none;
+  background: transparent;
+  color: var(--text-muted);
+  border-bottom: 2px solid transparent;
+  cursor: pointer;
+}
+
+.nav-btn.active {
+  color: var(--accent-light);
+  border-bottom-color: var(--accent);
+}
+
+.sidebar-panel {
+  flex: 1;
+  overflow-y: auto;
+  display: none;
+}
+
+.sidebar-panel.active {
+  display: block;
+}
+
+.vol-header {
+  padding: 8px 12px;
+  font-size: 12px;
+  font-weight: 600;
+  color: var(--text-secondary);
+  cursor: pointer;
+}
+
+.chapter-item {
+  display: flex;
+  align-items: center;
+  gap: 6px;
+  padding: 7px 12px 7px 20px;
+  font-size: 12px;
+  cursor: pointer;
+  color: var(--text-secondary);
+}
+
+.chapter-item:hover,
+.chapter-item.active {
+  background: var(--bg-hover);
+  color: var(--text-primary);
+}
+
+.ch-badge {
+  margin-left: auto;
+  font-size: 10px;
+  padding: 2px 6px;
+  border-radius: 10px;
+  background: var(--bg-tertiary);
+}
+
+.ch-badge.done {
+  color: var(--green);
+}
+
+.ch-badge.draft {
+  color: var(--orange);
+}
+
+.sidebar-footer {
+  padding: 10px;
+  border-top: 1px solid var(--border);
+}
+
+.sidebar-footer button {
+  width: 100%;
+  padding: 8px;
+  border-radius: var(--radius-sm);
+  border: 1px solid var(--border);
+  background: var(--bg-tertiary);
+  color: var(--text-primary);
+  font-size: 12px;
+}
+
+#editor-area {
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+  min-width: 0;
+}
+
+#editor-toolbar {
+  display: flex;
+  align-items: center;
+  gap: 4px;
+  padding: 8px 12px;
+  border-bottom: 1px solid var(--border);
+  background: var(--bg-secondary);
+}
+
+.tool-btn {
+  width: 30px;
+  height: 30px;
+  border: none;
+  border-radius: var(--radius-sm);
+  background: transparent;
+  color: var(--text-secondary);
+  cursor: pointer;
+}
+
+.tool-btn:hover,
+.tool-btn.active {
+  background: var(--bg-hover);
+  color: var(--text-primary);
+}
+
+.editor-label {
+  margin-left: auto;
+  font-size: 12px;
+  color: var(--text-muted);
+}
+
+.editor-content-wrap {
+  flex: 1;
+  overflow-y: auto;
+  background: var(--editor-bg);
+}
+
+.ProseMirror {
+  min-height: 100%;
+  padding: 32px 48px;
+  outline: none;
+  color: var(--editor-text);
+  font-size: 16px;
+  line-height: 1.9;
+}
+
+.ProseMirror p.is-editor-empty:first-child::before {
+  color: var(--text-muted);
+  content: attr(data-placeholder);
+  float: left;
+  height: 0;
+  pointer-events: none;
+}
+
+#editor-statusbar {
+  display: flex;
+  align-items: center;
+  gap: 16px;
+  padding: 6px 14px;
+  border-top: 1px solid var(--border);
+  font-size: 11px;
+  color: var(--text-muted);
+  background: var(--bg-secondary);
+}
+
+#right-panel {
+  width: 320px;
+  background: var(--bg-secondary);
+  border-left: 1px solid var(--border);
+  display: flex;
+  flex-direction: column;
+}
+
+.panel-tabs {
+  display: flex;
+  border-bottom: 1px solid var(--border);
+}
+
+.panel-tab {
+  flex: 1;
+  padding: 8px 4px;
+  font-size: 10px;
+  border: none;
+  background: transparent;
+  color: var(--text-muted);
+  cursor: pointer;
+  border-bottom: 2px solid transparent;
+}
+
+.panel-tab.active {
+  color: var(--accent-light);
+  border-bottom-color: var(--accent);
+}
+
+.panel-content {
+  flex: 1;
+  overflow-y: auto;
+  padding: 12px;
+  display: none;
+}
+
+.panel-content.active {
+  display: flex;
+  flex-direction: column;
+}
+
+.placeholder-box {
+  color: var(--text-muted);
+  font-size: 12px;
+  line-height: 1.7;
+  padding: 16px;
+  text-align: center;
+}
+
+#settings-page {
+  flex: 1;
+  display: flex;
+  overflow: hidden;
+}
+
+.settings-sidebar {
+  width: 180px;
+  background: var(--bg-secondary);
+  border-right: 1px solid var(--border);
+  padding: 8px 0;
+}
+
+.settings-nav-item {
+  padding: 10px 16px;
+  font-size: 12px;
+  color: var(--text-secondary);
+  cursor: pointer;
+  border-left: 3px solid transparent;
+}
+
+.settings-nav-item.active {
+  color: var(--text-primary);
+  background: var(--bg-tertiary);
+  border-left-color: var(--accent);
+}
+
+.settings-content {
+  flex: 1;
+  padding: 24px 32px;
+  overflow-y: auto;
+}
+
+.setting-item {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 10px 14px;
+  background: var(--bg-tertiary);
+  border-radius: var(--radius-sm);
+  margin-bottom: 8px;
+  font-size: 13px;
+}
+
+.shortcut-key {
+  min-width: 140px;
+  padding: 6px 12px;
+  border-radius: 4px;
+  border: 1px solid var(--border);
+  background: var(--bg-surface);
+  color: var(--text-primary);
+  font-family: ui-monospace, monospace;
+  font-size: 12px;
+  cursor: pointer;
+  text-align: center;
+}
+
+.shortcut-key.recording {
+  border-color: var(--accent);
+  box-shadow: 0 0 0 2px color-mix(in srgb, var(--accent) 30%, transparent);
+}
+
+.dialog-overlay {
+  position: fixed;
+  inset: 0;
+  background: rgba(0, 0, 0, 0.65);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  z-index: 1000;
+}
+
+.dialog-content {
+  background: var(--bg-secondary);
+  border: 1px solid var(--border);
+  border-radius: var(--radius);
+  padding: 20px;
+  width: min(480px, 90vw);
+}
+
+.form-group {
+  margin-bottom: 12px;
+}
+
+.form-group label {
+  display: block;
+  font-size: 12px;
+  color: var(--text-muted);
+  margin-bottom: 6px;
+}
+
+.form-group input,
+.form-group select {
+  width: 100%;
+  padding: 8px 10px;
+  border-radius: var(--radius-sm);
+  border: 1px solid var(--border);
+  background: var(--bg-tertiary);
+  color: var(--text-primary);
+}
+
+.toast {
+  position: fixed;
+  bottom: 24px;
+  left: 50%;
+  transform: translateX(-50%);
+  background: var(--bg-surface);
+  border: 1px solid var(--border-light);
+  padding: 10px 18px;
+  border-radius: 20px;
+  font-size: 12px;
+  z-index: 2000;
+}
+
+.ai-input-disabled {
+  width: 100%;
+  padding: 8px;
+  border-radius: var(--radius-sm);
+  border: 1px solid var(--border);
+  background: var(--bg-tertiary);
+  color: var(--text-muted);
+}

src/renderer/styles/themes.css

@@ -0,0 +1,119 @@
+:root {
+  --bg-primary: #1c1816;
+  --bg-secondary: #201c1a;
+  --bg-tertiary: #262220;
+  --bg-surface: #2a2624;
+  --bg-hover: #302c28;
+  --bg-active: #363230;
+  --bg-card: #221e1c;
+  --text-primary: #e8e0d8;
+  --text-secondary: #b8aca0;
+  --text-muted: #786858;
+  --text-dim: #584838;
+  --accent: #c0504a;
+  --accent-glow: rgba(192, 80, 74, 0.25);
+  --accent-light: #d4706a;
+  --accent-dark: #a0403a;
+  --green: #609060;
+  --red: #c0504a;
+  --orange: #c08050;
+  --border: #383028;
+  --border-light: #484030;
+  --editor-bg: #1c1816;
+  --editor-text: #e8e0d8;
+  --radius-sm: 6px;
+  --radius: 10px;
+  --font-sans: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Microsoft YaHei', sans-serif;
+  --transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
+}
+
+[data-theme='bamboo'] {
+  --bg-primary: #1a1e18;
+  --bg-secondary: #1e221c;
+  --bg-tertiary: #242820;
+  --bg-surface: #282c24;
+  --bg-hover: #2e322a;
+  --bg-card: #20241c;
+  --text-primary: #e0e4d8;
+  --text-secondary: #b0b8a8;
+  --text-muted: #687858;
+  --accent: #7a9a60;
+  --accent-light: #98b878;
+  --border: #303828;
+  --editor-bg: #1a1e18;
+  --editor-text: #e0e4d8;
+}
+
+[data-theme='moonlit'] {
+  --bg-primary: #1a1e24;
+  --bg-secondary: #1e2228;
+  --bg-tertiary: #242830;
+  --bg-hover: #2e3238;
+  --bg-card: #202428;
+  --text-primary: #d8dce4;
+  --text-secondary: #a8b0b8;
+  --accent: #8098b8;
+  --accent-light: #a0b4d0;
+  --border: #2a3038;
+  --editor-bg: #1a1e24;
+  --editor-text: #d8dce4;
+}
+
+[data-theme='ricepaper'] {
+  --bg-primary: #f4efe4;
+  --bg-secondary: #faf6ee;
+  --bg-tertiary: #efe8d8;
+  --bg-hover: #e8e0d0;
+  --bg-card: #fcf6ec;
+  --text-primary: #3a3028;
+  --text-secondary: #6a5a48;
+  --text-muted: #988878;
+  --accent: #8b4513;
+  --accent-light: #a86030;
+  --border: #d8d0c0;
+  --editor-bg: #fdf9f2;
+  --editor-text: #3a3028;
+}
+
+[data-theme='mist'] {
+  --bg-primary: #eff0f2;
+  --bg-secondary: #f5f6f8;
+  --bg-tertiary: #eaeaee;
+  --bg-hover: #e2e3e8;
+  --bg-card: #f8f8fa;
+  --text-primary: #2c3038;
+  --text-secondary: #585c68;
+  --accent: #6878a0;
+  --border: #d8dae0;
+  --editor-bg: #f8f9fc;
+  --editor-text: #2c3038;
+}
+
+[data-theme='teagarden'] {
+  --bg-primary: #eef0e4;
+  --bg-secondary: #f4f6ec;
+  --bg-tertiary: #e6e8d8;
+  --bg-hover: #dee2d0;
+  --bg-card: #f2f4e8;
+  --text-primary: #2d3a28;
+  --text-secondary: #4a5840;
+  --accent: #688848;
+  --border: #d0d8c0;
+  --editor-bg: #f6faf0;
+  --editor-text: #2d3a28;
+}
+
+[data-theme='twilight'] {
+  --bg-primary: #1f1a16;
+  --bg-secondary: #241e1a;
+  --bg-tertiary: #2a2420;
+  --bg-hover: #342e28;
+  --bg-card: #26201c;
+  --text-primary: #e8dcc8;
+  --text-secondary: #b8a890;
+  --accent: #c88850;
+  --accent-light: #d8a870;
+  --border: #383028;
+  --editor-bg: #1f1a16;
+  --editor-text: #e8dcc8;
+}

src/renderer/vite-env.d.ts

@@ -0,0 +1 @@
+/// <reference types="./../shared/electron-api.d.ts" />

src/shared/default-shortcuts.ts

@@ -0,0 +1,15 @@
+import type { ActionId } from './types'
+
+export const DEFAULT_SHORTCUTS: Record<ActionId, string> = {
+  saveChapter: 'CommandOrControl+S',
+  newChapter: 'CommandOrControl+Shift+N',
+  focusMode: 'CommandOrControl+Alt+F',
+  globalSearch: 'CommandOrControl+Shift+F',
+  closeTab: 'CommandOrControl+W',
+  openReference: 'CommandOrControl+Shift+P',
+  insertLandmark: 'CommandOrControl+Shift+M',
+  openLandmarks: 'CommandOrControl+Shift+L',
+  exportBook: 'CommandOrControl+Shift+E',
+  toggleTTS: 'CommandOrControl+Shift+R',
+  captureInspiration: 'CommandOrControl+Shift+I'
+}

src/shared/electron-api.d.ts

@@ -0,0 +1,61 @@
+import type {
+  ActionId,
+  BookMeta,
+  BookOpenResult,
+  Chapter,
+  CreateBookParams,
+  GlobalSettings,
+  IpcResult,
+  UpdateChapterParams,
+  Volume
+} from './types'
+
+export interface ElectronAPI {
+  window: {
+    minimize: () => Promise<void>
+    maximize: () => Promise<void>
+    close: () => Promise<void>
+  }
+  settings: {
+    get: () => Promise<IpcResult<GlobalSettings>>
+    update: (partial: Partial<GlobalSettings>) => Promise<IpcResult<GlobalSettings>>
+  }
+  book: {
+    list: () => Promise<IpcResult<BookMeta[]>>
+    create: (params: CreateBookParams) => Promise<IpcResult<BookMeta>>
+    delete: (bookId: string) => Promise<IpcResult<void>>
+    open: (bookId: string) => Promise<IpcResult<BookOpenResult>>
+    updateMeta: (
+      bookId: string,
+      patch: { lastChapterId?: string | null; status?: BookMeta['status'] }
+    ) => Promise<IpcResult<BookMeta>>
+  }
+  volume: {
+    create: (bookId: string, name: string) => Promise<IpcResult<Volume>>
+    update: (
+      bookId: string,
+      volumeId: string,
+      patch: { name?: string; description?: string }
+    ) => Promise<IpcResult<Volume>>
+    delete: (bookId: string, volumeId: string) => Promise<IpcResult<void>>
+  }
+  chapter: {
+    create: (bookId: string, volumeId: string, title: string) => Promise<IpcResult<Chapter>>
+    get: (bookId: string, chapterId: string) => Promise<IpcResult<Chapter>>
+    update: (params: UpdateChapterParams) => Promise<IpcResult<Chapter>>
+    delete: (bookId: string, chapterId: string) => Promise<IpcResult<void>>
+  }
+  shortcut: {
+    getAll: () => Promise<IpcResult<Record<ActionId, string>>>
+    register: (action: ActionId, accelerator: string) => Promise<IpcResult<void>>
+  }
+  onShortcutTriggered: (callback: (action: ActionId) => void) => () => void
+}
+
+declare global {
+  interface Window {
+    electronAPI: ElectronAPI
+  }
+}
+
+export {}

src/shared/ipc-channels.ts

@@ -0,0 +1,22 @@
+export const IPC = {
+  SETTINGS_GET: 'settings:get',
+  SETTINGS_UPDATE: 'settings:update',
+  BOOK_LIST: 'book:list',
+  BOOK_CREATE: 'book:create',
+  BOOK_DELETE: 'book:delete',
+  BOOK_OPEN: 'book:open',
+  BOOK_UPDATE_META: 'book:updateMeta',
+  VOLUME_CREATE: 'volume:create',
+  VOLUME_UPDATE: 'volume:update',
+  VOLUME_DELETE: 'volume:delete',
+  CHAPTER_CREATE: 'chapter:create',
+  CHAPTER_GET: 'chapter:get',
+  CHAPTER_UPDATE: 'chapter:update',
+  CHAPTER_DELETE: 'chapter:delete',
+  SHORTCUT_GET_ALL: 'shortcut:getAll',
+  SHORTCUT_REGISTER: 'shortcut:register',
+  SHORTCUT_TRIGGERED: 'shortcut:triggered',
+  WINDOW_MINIMIZE: 'window:minimize',
+  WINDOW_MAXIMIZE: 'window:maximize',
+  WINDOW_CLOSE: 'window:close'
+} as const

src/shared/types.ts

@@ -0,0 +1,102 @@
+export type ThemeId =
+  | 'default'
+  | 'bamboo'
+  | 'moonlit'
+  | 'ricepaper'
+  | 'mist'
+  | 'teagarden'
+  | 'twilight'
+
+export type Language = 'zh-CN' | 'en'
+export type ChapterStatus = 'draft' | 'review' | 'done'
+export type BookStatus = 'draft' | 'ongoing' | 'done'
+
+export type ActionId =
+  | 'saveChapter'
+  | 'newChapter'
+  | 'focusMode'
+  | 'globalSearch'
+  | 'closeTab'
+  | 'openReference'
+  | 'insertLandmark'
+  | 'openLandmarks'
+  | 'exportBook'
+  | 'toggleTTS'
+  | 'captureInspiration'
+
+export enum ErrorCode {
+  DB_READ_FAILED = 'DB_READ_FAILED',
+  DB_WRITE_FAILED = 'DB_WRITE_FAILED',
+  FILE_NOT_FOUND = 'FILE_NOT_FOUND',
+  IMPORT_INVALID = 'IMPORT_INVALID',
+  UNKNOWN = 'UNKNOWN'
+}
+
+export interface IpcError {
+  code: ErrorCode
+  message: string
+  recoverable: boolean
+}
+
+export type IpcResult<T> = { ok: true; data: T } | { ok: false; error: IpcError }
+
+export interface GlobalSettings {
+  penName: string
+  onboardingCompleted: boolean
+  theme: ThemeId
+  language: Language
+  dailyWordGoal: number
+  shortcuts: Record<ActionId, string>
+}
+
+export interface BookMeta {
+  id: string
+  name: string
+  category: string
+  targetWordCount: number | null
+  dbPath: string
+  status: BookStatus
+  lastOpenedAt: string
+  lastChapterId: string | null
+  createdAt: string
+}
+
+export interface CreateBookParams {
+  name: string
+  category: string
+  targetWordCount?: number | null
+  createSampleChapter?: boolean
+}
+
+export interface Volume {
+  id: string
+  name: string
+  description: string
+  sortOrder: number
+}
+
+export interface Chapter {
+  id: string
+  volumeId: string | null
+  title: string
+  content: string
+  status: ChapterStatus
+  wordCount: number
+  sortOrder: number
+  cursorOffset: number
+}
+
+export interface BookOpenResult {
+  meta: BookMeta
+  volumes: Volume[]
+  chapters: Chapter[]
+}
+
+export interface UpdateChapterParams {
+  bookId: string
+  chapterId: string
+  title?: string
+  content?: string
+  status?: ChapterStatus
+  cursorOffset?: number
+}

tests/main/book-registry.test.ts

@@ -0,0 +1,39 @@
+import { describe, it, expect, beforeEach, afterEach } from 'vitest'
+import { existsSync, mkdtempSync, rmSync } from 'fs'
+import { join } from 'path'
+import { tmpdir } from 'os'
+import { BookRegistryService } from '../../src/main/services/book-registry'
+import { closeAllBookDbs } from '../../src/main/db/connection'
+
+describe('BookRegistryService', () => {
+  let dir: string
+  let svc: BookRegistryService
+
+  beforeEach(() => {
+    dir = mkdtempSync(join(tmpdir(), 'bilin-books-'))
+    svc = new BookRegistryService(dir)
+  })
+
+  afterEach(() => {
+    closeAllBookDbs()
+    rmSync(dir, { recursive: true, force: true })
+  })
+
+  it('creates book with registry entry, sqlite file, and default volume', () => {
+    const meta = svc.create({
+      name: '测试书',
+      category: '玄幻',
+      createSampleChapter: true
+    })
+
+    expect(meta.name).toBe('测试书')
+    expect(svc.list()).toHaveLength(1)
+    expect(existsSync(join(dir, 'books', `${meta.id}.sqlite`))).toBe(true)
+
+    const opened = svc.open(meta.id)
+    expect(opened.volumes).toHaveLength(1)
+    expect(opened.volumes[0].name).toBe('第一卷')
+    expect(opened.chapters.length).toBeGreaterThanOrEqual(1)
+    expect(meta.lastChapterId).toBeTruthy()
+  })
+})

tests/main/chapter.repo.test.ts

@@ -0,0 +1,28 @@
+import { describe, it, expect, beforeEach, afterEach } from 'vitest'
+import { DatabaseSync } from 'node:sqlite'
+import { migrate } from '../../src/main/db/migrate'
+import { ChapterRepository } from '../../src/main/db/repositories/chapter.repo'
+import { VolumeRepository } from '../../src/main/db/repositories/volume.repo'
+import type { SqliteDb } from '../../src/main/db/types'
+
+describe('ChapterRepository', () => {
+  let db: SqliteDb
+
+  beforeEach(() => {
+    db = new DatabaseSync(':memory:')
+    migrate(db)
+  })
+  afterEach(() => {
+    db.close()
+  })
+
+  it('creates chapter and updates word count', () => {
+    const volumes = new VolumeRepository(db)
+    const chapters = new ChapterRepository(db)
+    const vol = volumes.create('第一卷', 0)
+    const ch = chapters.create(vol.id, '测试章', 0, '林远深吸一口气')
+    expect(ch.wordCount).toBe(7)
+    const updated = chapters.update(ch.id, { content: '<p>更长的一段文字内容</p>' })
+    expect(updated.wordCount).toBeGreaterThan(ch.wordCount)
+  })
+})

tests/main/global-settings.test.ts

@@ -0,0 +1,32 @@
+import { describe, it, expect, beforeEach, afterEach } from 'vitest'
+import { mkdtempSync, rmSync } from 'fs'
+import { join } from 'path'
+import { tmpdir } from 'os'
+import { GlobalSettingsService } from '../../src/main/services/global-settings'
+
+let dir: string
+let svc: GlobalSettingsService
+
+beforeEach(() => {
+  dir = mkdtempSync(join(tmpdir(), 'bilin-settings-'))
+  svc = new GlobalSettingsService(dir)
+})
+
+afterEach(() => {
+  rmSync(dir, { recursive: true, force: true })
+})
+
+describe('GlobalSettingsService', () => {
+  it('returns defaults when file missing', () => {
+    const s = svc.get()
+    expect(s.onboardingCompleted).toBe(false)
+    expect(s.theme).toBe('default')
+    expect(s.language).toBe('zh-CN')
+  })
+
+  it('persists penName update', () => {
+    svc.update({ penName: '山海' })
+    const s2 = new GlobalSettingsService(dir)
+    expect(s2.get().penName).toBe('山海')
+  })
+})

tests/main/word-count.test.ts

@@ -0,0 +1,12 @@
+import { describe, it, expect } from 'vitest'
+import { countWords } from '../../src/main/services/word-count'
+
+describe('countWords', () => {
+  it('counts CJK characters excluding whitespace', () => {
+    expect(countWords('林远深吸一口气')).toBe(7)
+  })
+
+  it('returns 0 for empty', () => {
+    expect(countWords('')).toBe(0)
+  })
+})

tsconfig.json

@@ -0,0 +1,7 @@
+{
+  "files": [],
+  "references": [
+    { "path": "./tsconfig.node.json" },
+    { "path": "./tsconfig.web.json" }
+  ]
+}

tsconfig.node.json

@@ -0,0 +1,21 @@
+{
+  "include": [
+    "electron.vite.config.ts",
+    "src/main/**/*",
+    "src/preload/**/*",
+    "src/shared/**/*",
+    "tests/**/*"
+  ],
+  "compilerOptions": {
+    "composite": true,
+    "types": ["node"],
+    "strict": true,
+    "moduleResolution": "bundler",
+    "module": "ESNext",
+    "target": "ESNext",
+    "esModuleInterop": true,
+    "skipLibCheck": true,
+    "resolveJsonModule": true,
+    "outDir": "./out"
+  }
+}

tsconfig.web.json

@@ -0,0 +1,22 @@
+{
+  "include": [
+    "src/renderer/**/*",
+    "src/shared/**/*"
+  ],
+  "compilerOptions": {
+    "composite": true,
+    "jsx": "react-jsx",
+    "strict": true,
+    "moduleResolution": "bundler",
+    "module": "ESNext",
+    "target": "ESNext",
+    "lib": ["ESNext", "DOM", "DOM.Iterable"],
+    "skipLibCheck": true,
+    "resolveJsonModule": true,
+    "baseUrl": ".",
+    "paths": {
+      "@shared/*": ["src/shared/*"],
+      "@renderer/*": ["src/renderer/*"]
+    }
+  }
+}

vitest.config.ts

@@ -0,0 +1,14 @@
+import { defineConfig } from 'vitest/config'
+import { resolve } from 'path'
+
+export default defineConfig({
+  test: {
+    environment: 'node',
+    include: ['tests/**/*.test.ts']
+  },
+  resolve: {
+    alias: {
+      '@shared': resolve('src/shared')
+    }
+  }
+})