[v4.0] md文档可编辑。

Author: codeHappyDananx

README.md

@@ -6,8 +6,11 @@
 
 - 项目目录选择和加载
 - 树状导航浏览 changes/ 和 specs/ 目录
-- Markdown 文档渲染和语法高亮
+- Markdown 默认渲染视图（Typora 风格），支持语义双击选区与就地编辑
+- Markdown 可选行号（LN 开关），行号与源文本对齐
+- 文件内容查找（Ctrl+F）与高亮：当前命中蓝色、候选黄色
 - 任务进度解析和展示
+- tasks.md 任务看板（勾选/改标题/改描述）同源写回源 Markdown，支持撤销/重做
 - 文件监听和自动刷新
 - 搜索和过滤功能
 - 亮色/暗色主题切换
@@ -21,9 +24,11 @@
 - Vue 3 + TypeScript
 - Vite 5
 - Pinia (状态管理)
-- marked (Markdown 渲染)
+- CodeMirror 6（Markdown 渲染视图/编辑、查找、撤销栈）
+- Monaco Editor（代码/纯文本编辑兜底）
 - highlight.js (代码高亮)
 - chokidar (文件监听)
+- xterm（内置终端）
 
 ## 安装
 
@@ -74,14 +79,17 @@ openspec-visualizer/
 │   └── preload.js        # 预加载脚本（IPC 桥接）
 ├── src/
 │   ├── components/
-│   │   ├── AppHeader.vue      # 顶部工具栏
-│   │   ├── Sidebar.vue        # 左侧导航
-│   │   ├── TreeNode.vue       # 树节点组件
-│   │   ├── ContentPanel.vue   # 内容面板
-│   │   └── StatusBar.vue      # 状态栏
+│   │   ├── AppHeader.vue        # 顶部工具栏
+│   │   ├── Sidebar.vue          # 左侧导航
+│   │   ├── ContentPanel.vue     # 内容面板（视图/编辑/任务看板）
+│   │   ├── MarkdownSurface.vue  # Markdown 渲染视图/就地编辑（CodeMirror 6）
+│   │   ├── FileEditor.vue       # 代码/纯文本编辑（Monaco）
+│   │   ├── TerminalPanel.vue    # 右侧终端
+│   │   └── StatusBar.vue        # 状态栏
 │   ├── stores/
-│   │   ├── project.ts         # 项目状态
-│   │   └── ui.ts              # UI 状态
+│   │   ├── project.ts           # 项目状态
+│   │   ├── tabs.ts              # 多会话页签
+│   │   └── ui.ts                # UI 状态
 │   ├── types/
 │   │   └── index.ts           # 类型定义
 │   ├── App.vue                # 根组件
@@ -99,13 +107,19 @@ openspec-visualizer/
 1. 启动应用后，点击"选择项目目录"按钮
 2. 选择包含 `changes/` 或 `specs/` 目录的 OpenSpec 项目
 3. 左侧导航树会显示项目结构
-4. 点击文件查看内容
-5. 使用搜索框过滤文件
-6. 点击右上角按钮切换主题
+4. 点击文件查看内容（Markdown 默认 View；tasks.md 默认看板）
+5. 使用左侧搜索框过滤文件；底部“显示全部文件”可展开全量文件树
+6. Ctrl+F 在当前文件内查找（不会跳到顶部“搜索文件”；终端区域不接管）
+7. 右上角 View 按钮切换渲染/源码（tasks.md 会在 看板 / View / Source 间切换）
+8. Markdown 可用 LN 按钮显示行号
+9. 点击右上角按钮切换主题
 
 ## 快捷键
 
-- 无（暂未实现）
+- `Ctrl+F`：在当前文件中查找（终端区域不接管）
+- `Ctrl+S`：保存（编辑器/MarkdownSurface）
+- `Ctrl+Z`：撤销（终端除外）
+- `Ctrl+Y` / `Ctrl+Shift+Z`：重做（终端除外）
 
 ## 已知问题
 

electron/main.js

@@ -20,6 +20,7 @@ let ptySessions = new Map()
 let ptySessionId = 0
 let userPreferences = {
   theme: 'system',
+  markdownLineNumbers: true,
   sidebarWidth: 250,
   terminalWidth: 350,
   sidebarCollapsed: false,