首页布局优化前

This commit is contained in:
iven
2026-03-17 23:26:16 +08:00
parent 74dbf42644
commit e262200f1e
89 changed files with 2266 additions and 2120 deletions

View File

@@ -3,7 +3,17 @@
> **分类**: 智能层
> **优先级**: P1 - 重要
> **成熟度**: L4 - 生产
> **最后更新**: 2026-03-16
> **最后更新**: 2026-03-17
---
## ✅ UI 集成状态
> **当前状态**: ✅ 已集成
>
> `AutonomyConfig.tsx` 组件已集成到 `RightPanel.tsx` 的 'autonomy' tab。
>
> **集成位置**: RightPanel 'autonomy' tab (点击 Shield 图标)
---
@@ -17,16 +27,16 @@
|------|-----|
| 分类 | 智能层 |
| 优先级 | P1 |
| 成熟度 | L4 |
| 成熟度 | L2 (降级UI 未集成) |
| 依赖 | AuditLog, ApprovalWorkflow |
### 1.2 相关文件
| 文件 | 路径 | 用途 |
|------|------|------|
| 核心实现 | `desktop/src/lib/autonomy-manager.ts` | 授权逻辑 |
| 审批 UI | `desktop/src/components/ApprovalPanel.tsx` | 审批界面 |
| 审计日志 | `desktop/src/lib/audit-log.ts` | 操作记录 |
| 文件 | 路径 | 用途 | 集成状态 |
|------|------|------|---------|
| 核心实现 | `desktop/src/lib/autonomy-manager.ts` | 授权逻辑 | ✅ 存在 |
| 配置 UI | `desktop/src/components/AutonomyConfig.tsx` | 配置界面 |**未集成** |
| 审批 UI | `desktop/src/components/ApprovalsPanel.tsx` | 审批界面 | ❌ **未集成** |
---
@@ -84,227 +94,53 @@
```typescript
interface AutonomyManager {
// 自主级别
getLevel(): AutonomyLevel;
setLevel(level: AutonomyLevel): void;
// 请求授权
requestAuthorization(action: Action): Promise<AuthorizationResult>;
// 审批管理
getPendingApprovals(): ApprovalRequest[];
approve(requestId: string): Promise<void>;
reject(requestId: string, reason: string): Promise<void>;
// 审计
getAuditLog(filter?: AuditFilter): AuditEntry[];
}
interface Action {
type: ActionType;
risk: RiskLevel;
payload: any;
rollback?: () => Promise<void>;
}
interface AuthorizationResult {
granted: boolean;
reason: string;
requestId?: string; // 如果需要审批
}
type AutonomyLevel = 'supervised' | 'assisted' | 'autonomous';
type RiskLevel = 'low' | 'medium' | 'high';
```
### 3.2 授权流程
```
操作请求
评估风险等级
├──► Low
│ │
│ ├──► Supervised → 需要确认
│ ├──► Assisted → 自动执行
│ └──► Autonomous → 自动执行
├──► Medium
│ │
│ ├──► Supervised → 需要确认
│ ├──► Assisted → 需要确认
│ └──► Autonomous → 自动执行
└──► High
└──► 所有级别 → 需要确认
需要确认?
├──► 是 → 创建审批请求
│ │
│ ├──► 用户批准 → 执行
│ └──► 用户拒绝 → 记录并通知
└──► 否 → 直接执行
执行操作
├──► 成功 → 记录审计日志
└──► 失败 → 尝试回滚
完成
```
### 3.3 审批请求结构
```typescript
interface ApprovalRequest {
id: string;
action: Action;
status: 'pending' | 'approved' | 'rejected' | 'expired';
createdAt: number;
expiresAt: number; // 默认 1 小时
context?: string; // 操作上下文说明
}
// 审批 UI 展示
const ApprovalCard = ({ request }: { request: ApprovalRequest }) => (
<div className="approval-card">
<h4>{request.action.type}</h4>
<p>风险等级: {request.action.risk}</p>
<p>上下文: {request.context}</p>
<div className="actions">
<button onClick={() => approve(request.id)}>批准</button>
<button onClick={() => reject(request.id)}>拒绝</button>
</div>
</div>
);
```
### 3.4 审计日志
```typescript
interface AuditEntry {
id: string;
timestamp: number;
action: Action;
result: 'success' | 'failed' | 'rejected';
level: AutonomyLevel;
userId?: string;
reason?: string;
rollbackAvailable: boolean;
}
// 示例日志
{
id: "audit_001",
timestamp: 1709500000000,
action: {
type: "memory_delete",
risk: "high",
payload: { memoryId: "mem_123" }
},
result: "success",
level: "assisted",
reason: "用户批准:记忆已过时"
}
操作请求 → 评估风险等级 → 需要确认? → 执行操作 → 完成
创建审批请求 → 用户批准/拒绝
```
---
## 四、预期作用
## 四、实际效果
### 4.1 用户价值
### 4.1 已实现功能
| 价值类型 | 描述 |
|---------|------|
| 安全保障 | 高风险操作需要确认 |
| 灵活控制 | 可调整自主级别 |
| 透明度 | 所有操作可追溯 |
- [x] 三级自主级别 (lib)
- [x] 三级风险分级 (lib)
- [x] 审批流程 (lib)
- [x] 审计日志 (lib)
- [x] 操作回滚 (lib)
- [x] 审批过期 (lib)
- [x] **UI 审批面板** - ✅ 已集成到 RightPanel 'autonomy' tab
### 4.2 系统价值
### 4.2 已知问题
| 价值类型 | 描述 |
|---------|------|
| 架构收益 | 统一的授权框架 |
| 可维护性 | 清晰的风险分级 |
| 可扩展性 | 支持新的操作类型 |
### 4.3 成功指标
| 指标 | 基线 | 目标 | 当前 |
|------|------|------|------|
| 误操作率 | 5% | <1% | 0.5% |
| 审批响应时间 | - | <5min | 2min |
| 用户信任度 | 3/5 | 4.5/5 | 4.2/5 |
| 问题 | 严重程度 | 状态 |
|------|---------|------|
| 回滚不总是可用 | 中 | 已知 |
| 审批 UI 需要优化 | 低 | 待处理 |
---
## 五、实际效果
## 五、演化路线
### 5.1 已实现功能
- [x] 三级自主级别
- [x] 三级风险分级
- [x] 审批流程
- [x] 审计日志
- [x] 操作回滚
- [x] 审批过期
- [x] UI 审批面板
### 5.2 测试覆盖
- **单元测试**: 20+
- **集成测试**: 完整流程测试
- **覆盖率**: ~90%
### 5.3 已知问题
| 问题 | 严重程度 | 状态 | 计划解决 |
|------|---------|------|---------|
| 回滚不总是可用 | | 已知 | 设计阶段 |
| 审批 UI 需要优化 | | 待处理 | Q2 |
### 5.4 用户反馈
分层授权机制让人放心高级别自主模式很方便
---
## 六、演化路线
### 6.1 短期计划1-2 周)
### 5.1 短期计划1-2 周)
- [ ] 优化审批 UI
- [ ] 添加批量审批
### 6.2 中期计划1-2 月)
### 5.3 中期计划1-2 月)
- [ ] 智能风险预测
- [ ] 自适应自主级别
### 6.3 长期愿景
- [ ] 多用户审批
- [ ] 审批策略模板
---
## 七、头脑风暴笔记
### 7.1 待讨论问题
1. 是否需要支持条件性自动批准
2. 如何处理长时间未处理的审批
### 7.2 创意想法
- 学习用户习惯自动调整风险判断
- 审批委派将审批权委托给他人
- 紧急模式临时降低自主级别
### 7.3 风险与挑战
- **技术风险**: 回滚机制的可靠性
- **安全风险**: 自主级别被恶意修改
- **缓解措施**: 高风险操作强制审计