功能页面¶
MiQi Desktop 前端包含 15 个功能页面，通过左侧 Sidebar 导航切换。
页面总览¶
| 页面 | 组件 | 功能描述 |
|---|---|---|
| Chat | ChatConsole.tsx |
AI 对话主界面 |
| Sessions | SessionExplorer.tsx |
会话历史管理 |
| Providers | ProvidersPage.tsx |
LLM 提供商配置 |
| Memory | MemoryPage.tsx |
记忆与经验管理 |
| Skills | SkillsPage.tsx |
本地技能管理 |
| SkillHub | SkillHubPage.tsx |
公开技能市场 |
| Settings | SettingsPage.tsx |
全局系统设置 |
| Setup | SetupWizard.tsx |
首次运行设置向导 |
| MCPs | MCPsPage.tsx |
MCP 服务管理 |
| Workspace | WorkspacePage.tsx |
工作区文件浏览 |
| Cron | CronPage.tsx |
定时任务管理 |
| Channels | ChannelsPage.tsx |
消息通道配置 |
| Approvals | ApprovalsPage.tsx |
命令审批管理 |
| Experience | ExperiencePage.tsx |
经验数据面板 |
核心页面详解¶
ChatConsole — 聊天界面¶
- Markdown 渲染：
react-markdown+remark-gfm（支持表格、代码块、任务列表） - 代码高亮：
highlight.js集成，支持 180+ 语言 <think>块过滤：自动去除推理模型的思考块（2026-05-25）- 工具调用进度：实时显示 Agent 正在调用的工具和参数
- Typewriter 动画：流式文本的逐字渲染效果
- 对话中断：支持随时中止 Agent 执行
SetupWizard — 设置向导¶
三阶段引导流程：
- 环境检测：检查 Python / Node.js 版本
- WSL2 配置（Windows 专属）：自动检测安装状态，一键安装
- LLM 提供商：配置 API Key 和默认模型
- 非 Windows 自动跳过 WSL2 步骤
SessionExplorer — 会话管理¶
- 会话列表：按时间排序，显示标题和预览
- 归档功能：悬停显示归档按钮，隐藏不需要的会话
- 归档恢复：Settings → Archived 标签恢复或永久删除
- 文件追踪：查看会话中修改的文件，支持 diff/revert/accept