控制台侧栏架构——六段式信息架构
左侧栏 + 右内容区
MateClaw 的控制台是一个 Vue 3 SPA，布局是标准的左侧栏 + 右内容区。侧栏可以折叠，折叠状态会持久化到 localStorage——你上次折叠了，下次打开还是折叠的。
侧栏底部是主题切换（浅/深/跟系统）和当前用户信息。
六段分组
侧栏不是按技术模块分的（「后端 API / 前端路由」那种），而是按使用意图分成六段：
| 分组 | 面向场景 | 包含页面 |
|---|---|---|
| Chat | 直接对话 | 聊天工作台 |
| Use | 让 Agent 做事 | Agent、Wiki、记忆浏览器、多模态工作室、会话 |
| Extend | 接外部能力 | 工具、技能、MCP 服务 |
| Operate | 运维和观察 | 渠道、定时任务、Token 用量、仪表盘、数据源 |
| Workspace | 团队管理 | 工作空间概览、成员、活动 |
| System | 系统配置 | 设置、安全与审批、Doctor、引导 |
权限守卫
除了登录页 /login 之外，每条路由都有认证守卫——没登录跳登录页。已经登录但没有某个页面的权限？那个页面直接不显示在侧栏里，而不是显示了点进去报 403。
侧栏通知徽标（1.4.0 新增）
侧栏会在两处冒出实时徽标，提示需要你处理的事：
- 待审批：红色数字角标，有挂起的审批请求时出现，点击跳到安全与审批页面
- 卡死员工：橙色小圆点，有 Agent 运行时卡死时出现，点击跳到员工页的实时运行时视图