实现第二阶段分工表中吉海燕负责的 P0/P1 前端能力。
- Agent Trace 可视化:新增 traceService 将扁平事件流折叠为树
(ModelCallStarted 区间内的工具/文本事件挂为子节点,运行级事件保持顶层),
TraceTimeline 支持时间线/树两种视图、耗时统计与引用跳转。
- 主题包:新增 themePackageService(Web Mock Adapter),
校验 manifest 必填字段与 theme_id 格式,拒绝远程 css_entry;
CSS 侧拒绝 @import / expression() / javascript:,
未通过校验的 CSS 不会注入页面。内置主题走 data-theme=light|dark|sepia,
自定义主题走 data-theme={theme_id} + 独立 style 节点。
ThemesView 增加“已安装/社区主题”两个标签页与导入、预览、卸载流程。
- Mermaid:新增 mermaidService(securityLevel: strict)与 MermaidBlock,
markdown 渲染管线识别 mermaid 代码块;MarkdownContent 随亮/暗主题重渲染
(SVG 配色在渲染时烘焙,无法靠 CSS 变量事后调整)。
- 插件贡献 UI:PluginsView 增加“概览/命令/设置”标签页,
PluginSettingsPanel 按 Schema 动态生成表单;
secret 字段只写不读,仅展示 configured 状态,不进 store 也不回显。
与 main 上队友成果的整合(rebase 时处理):
- 命令面板保留队友基于真实后端的实现(when 条件求值、效果白名单、
参数命令跳详情页),仅叠加我新增的主题/任务两条内置命令。
- 删除我先前的 pluginContributionService(mock 版),
统一改用队友已落地的 pluginService 真实接口;
相应修正表单以匹配真实契约(options 为 string[]、min/max 可空、无 placeholder)。
- 移除 contracts 中与队友重复的 PluginHostStatus / PluginCommand /
PluginSettingField / PluginSettingsSchema 声明,以队友版本为准。
- PluginsView 概览页保留队友的 PluginMcpPanel,并补回被我改写时丢掉的空状态。
顺带修复:
- 开启 skipLibCheck —— mermaid 11.17 把 type-fest 泄漏进了发布产物的
.d.ts,但只声明为自身 devDependency,vue-tsc -b 会因此报错。
验证:pnpm test 26 文件 / 113 测试通过(新增 traceService、
themePackageService 两个测试文件共 22 项);pnpm build 通过。
Notes Agent(暂命名) 团队开发说明
本文件用于团队开发期间快速配置环境和启动项目,不是正式的项目 README。
当前基线:2026-09-03。第一阶段 Web 联调前后端已经完成;第二阶段已完成 Workspace 去 Mock、Agent Trace 持久化与 SSE 恢复、stdio MCP Bridge、隔离 Plugin Host、Plugin Command/Settings,以及独立 MCP Server 配置中心 C.1(stdio、Streamable HTTP 与旧 SSE 兼容)。真实音频、Provider 协议增强、Benchmark、导出、主题包、Trace 可视化、Mermaid 与函数图像仍在后续开发;Tauri Host、Stronghold、原生多 Vault 文件系统和 Sync Server 尚未接入。
当前目录
NotesAgent/
├── frontend/ Vue 3 + TypeScript + Vite 前端
├── backend/ FastAPI + Pydantic 后端
├── docs/ 架构、契约、开发说明、协作规范与问题复盘
└── server sync/ 云同步服务预留目录,当前未实现
开发环境
当前开发版需要:
| 环境 | 要求 | 说明 |
|---|---|---|
| Git | 较新稳定版 | 代码版本管理 |
| Node.js | 22 或更高版本 | 推荐使用 Node.js 24 |
| pnpm | 10 或更高版本 | 前端依赖与脚本管理 |
| Python | 3.11 或更高版本 | 推荐使用 Python 3.12 |
| uv | 较新稳定版 | 后端依赖和虚拟环境管理 |
检查本机环境:
git --version
node --version
pnpm --version
python --version
uv --version
当前 Web 联调不需要 Rust 和 Tauri。开始桌面端集成后,再按照 docs/architecture/AI笔记软件技术栈说明-团队版-v2.3.md 安装 Rust Toolchain 与 Tauri CLI。
首次初始化
后端
cd backend
uv sync
cd ..
uv sync 会根据 backend/pyproject.toml 安装依赖,并自动创建和管理 backend/.venv,不需要手动创建或激活虚拟环境。
前端
cd frontend
pnpm install
cd ..
启动开发环境
前端和后端需要在两个终端中分别启动。
终端一:启动后端
cd backend
uv run uvicorn app.main:app --reload --host 127.0.0.1 --port 8000
后端地址:
- 健康检查:http://127.0.0.1:8000/health
- 服务状态:http://127.0.0.1:8000/api/status
- API 文档:http://127.0.0.1:8000/docs
- OpenAPI JSON:http://127.0.0.1:8000/openapi.json
开发环境使用外部模型
在“设置 → 模型提供商”中选择 DeepSeek 或 OpenAI 预设后,直接在密码输入框填写 API Key。前端只在提交期间持有该值,不写入 Pinia 或 localStorage;AI Core 将其加密保存到本机 backend/data/credentials/,Provider 配置只保留内部 Credential ID。
该目录同时包含本地开发用主密钥和密文,并已加入 .gitignore。这提供本地静态加密和完整性校验,但不能替代操作系统凭据库。开始 Tauri 桌面集成后,应将存储实现迁移到 Stronghold,保留现有 Credential API 与 Provider 接口边界。
无界面或自动化环境仍可使用 DEEPSEEK_API_KEY、OPENAI_API_KEY 或 AINOTE_CREDENTIAL_<ID> 注入;设置页保存的本地密钥优先,环境变量仅在本地未保存对应 Credential ID 时作为回退。密钥不得写入仓库文件、README、Issue、提交信息或聊天记录。
终端二:启动前端
cd frontend
pnpm dev
开发环境中,Vite 会将 /api 和 /health 请求代理到 http://127.0.0.1:8000。联调时应先启动后端,再启动或刷新前端。
测试与构建
后端测试:
cd backend
uv run pytest
前端类型检查及生产构建:
cd frontend
pnpm build
前端单元与组件测试:
cd frontend
pnpm test
当前回归基线为后端 218 项测试、前端 32 项测试,且 TypeScript 类型检查和生产构建通过。测试数量会随功能增长,以本地实际输出和 CI 为准。
构建产物位于 frontend/dist,该目录不提交到 Git。
文档导航
| 文档 | 用途 |
|---|---|
| 文档总索引 | 文档分类、阅读顺序和维护规则 |
| 技术栈说明 | 目标架构、第二阶段技术边界与模块依赖 |
| 第二阶段分工表 | 第二阶段人员职责、任务顺序、协作关系与验收项 |
| 后端接口契约 | HTTP/SSE 接口、错误和当前实现状态 |
| 第二阶段接口契约 | 第二阶段公共 DTO、计划接口、SSE、错误码与联调顺序 |
| AI Core 与 Agent Core | Provider、Agent、Tool、Permission 与 Extension Core |
| MCP Bridge 与 Plugin Host | stdio MCP、隔离进程、Tool 映射、状态与错误边界 |
| Plugin Command 与 Settings | Command Registry、Settings Schema、Secret 引用与联调边界 |
| Plugin Command 与 Settings 复盘 | 阶段 D 连续审阅发现的安全、事务、Schema 与运行时契约问题 |
| Git 使用细则 | 分支、提交、PR、Review 与合并流程 |
| CI/CD 细则 | Gitea 流水线、质量门禁、产物、发布与回滚规则 |
| Agent Trace 复盘 | Agent 持久化、SSE 恢复、事件契约与脱敏问题复盘 |
日常开发注意事项
- Python 依赖统一修改
backend/pyproject.toml,修改后执行uv sync。 - 前端依赖统一使用 pnpm 安装,不要混用 npm 或 yarn。
backend/.venv、frontend/node_modules、frontend/dist均为本地生成目录,不提交到 Git。- API 默认监听
127.0.0.1:8000,前端默认监听127.0.0.1:5173。 - 后端附件目录默认是
backend/data/attachments,可通过APP_ATTACHMENTS_PATH覆盖;该目录由桌面 Host 管理。 - 跨模块接口发生变化时,需要同步更新前后端类型和
docs中的接口说明。 - 当前已实现接口见
docs/contracts/后端接口契约-开发版.md,第二阶段规划接口见docs/contracts/第二阶段接口契约-开发版.md;已实现能力以/openapi.json为准。 - 前端页面、交互、状态管理及当前阶段后续页面需求见
docs/contracts/前端页面需求说明-开发版.md。 - 分支、提交、Pull Request、Review 和冲突处理规范见
docs/guides/Git使用细则-团队开发版.md。 - CI 检查、产物、发布和回滚规范见
docs/guides/CI-CD细则-团队开发版.md。