文档更新：同步更新 README 和 CHANGELOG

CHANGELOG.md

@@ -5,23 +5,47 @@
 ## [1.5.1] - 2026-04-17
 
 ### 新增
+- **单元测试框架**
+  - 集成 Vitest 测试框架
+  - 使用 @vue/test-utils 进行组件测试
+  - 使用 happy-dom 作为浏览器环境模拟
+  - 覆盖所有视图和 UI 组件
+  - 总计 58 个测试用例
+
+- **测试覆盖率配置**
+  - 添加 vitest.config.js 测试配置文件
+  - 全局变量启用：globals: true
+  - 覆盖率工具：v8
+  - 覆盖率报告格式：text、json、html
+  - 添加测试相关 npm scripts
+
+- **API 配置编辑功能**
+  - 添加自定义消息对话框组件
+  - 支持 info/success/warning/error 四种类型
+  - 应用窗口图标支持
+  - Windows 平台编译打包配置
+
 - **系统托盘功能**
   - 窗口关闭时最小化到托盘而非退出应用
   - 托盘右键菜单：显示主窗口、切换 API 配置、退出
   - 双击托盘图标恢复显示主窗口
   - 从托盘快速切换 API 配置（自动保存当前配置）
 
-### 优化
-- API 配置编辑对话框的数据回填逻辑，使用 `(profile && profile.xxx) || fallback` 模式
-- 改进 API 配置保存逻辑，确保切换配置时自动同步保存
+- **架构变更**
+  - API 配置管理从多文件改为单文件内 `apiProfiles` 对象管理
   - 移除 API 配置切换时的未保存更改确认弹窗
   - 保存机制，在编辑、创建和删除时自动保存配置
 
-### 修复
-- MCP 服务器保存及消息对话框被遮挡问题
-- 基础设置下拉框初始值缺失问题
-- API 配置编辑功能，确保编辑按钮显示正确的配置数据
-- 弹框点击空白处误关闭的问题
+- **UI/UX 优化**
+  - 整体 UI 样式和交互动画效果
+  - 配置文件图标使用渐变色
+  - MCP 服务器添加交互改为侧边面板一步操作
+  - 消息对话框使用统一的样式和图标
+
+- **代码质量改进**
+  - 添加组件注释和类型定义
+  - 改进错误处理和用户提示
+  - 优化表单验证和数据回填逻辑
 
 ## [1.5.0] - 2026-04-16
 
@@ -59,4 +83,3 @@
   - 基础 IPC 通信
   - 无边框窗口
   - 自定义标题栏
-- 最小化、最大化、关闭按钮

README.md

@@ -22,8 +22,21 @@ iflow-settings-editor/
 ├── index.html           # HTML 入口
 ├── package.json         # 项目配置
 ├── vite.config.js       # Vite 配置
+├── vitest.config.js      # Vitest 测试配置
 ├── src/
 │   ├── main.js         # Vue 入口
+│   ├── components/     # 可复用组件
+│   │   ├── ApiProfileDialog.vue
+│   │   ├── Footer.vue
+│   │   ├── InputDialog.vue
+│   │   ├── MessageDialog.vue
+│   │   ├── ServerPanel.vue
+│   │   ├── SideBar.vue
+│   │   └── TitleBar.vue
+│   ├── views/         # 页面视图组件
+│   │   ├── ApiConfig.vue
+│   │   ├── GeneralSettings.vue
+│   │   └── McpServers.vue
 │   └── App.vue         # 主组件 (所有业务逻辑、UI 组件)
 ├── build/               # 构建资源 (图标等)
 ├── dist/                # Vite 构建输出