graph TB
    %% 样式定义
    classDef client fill:#4CAF50,stroke:#388E3C,stroke-width:2px,color:white
    classDef server fill:#2196F3,stroke:#1976D2,stroke-width:2px,color:white
    classDef gemini fill:#FF9800,stroke:#F57C00,stroke-width:2px,color:white
    classDef db fill:#9C27B0,stroke:#7B1FA2,stroke-width:2px,color:white
    classDef ui fill:#00BCD4,stroke:#0097A7,stroke-width:2px,color:white
    
    %% 客户端层
    subgraph "📱 客户端层"
        A1[NextChat<br>🌐]:::client
        A2[ChatBox<br>💻]:::client
        A3[ChatGPT-Next-Web<br>🖥️]:::client
        A4[其他 OpenAI 客户端<br>🔌]:::client
    end
    
    %% API 网关层
    subgraph "🌐 API 网关层"
        B1[FastAPI 服务器<br>⚡]:::server
        B2[OpenAI 兼容接口<br>🔄]:::server
        B3[流式传输引擎<br>📡]:::server
    end
    
    %% 核心处理层
    subgraph "🧠 核心处理层"
        C1[账号负载均衡器<br>⚖️]:::server
        C2[HAR 智能解析器<br>🔍]:::server
        C3[协议转换引擎<br>🛠️]:::server
        C4[Google 客户端<br>🤖]:::server
    end
    
    %% 数据层
    subgraph "💾 数据层"
        D1[SQLite 数据库<br>📊]:::db
        D2[账号池管理<br>👥]:::db
        D3[调用日志记录<br>📝]:::db
    end
    
    %% 管理界面
    subgraph "🎨 管理界面"
        E1[Web 控制台<br>🖥️]:::ui
        E2[实时监控面板<br>📈]:::ui
        E3[Cookie 提取器<br>🔧]:::ui
    end
    
    %% Google 服务
    subgraph "🌍 Google 服务层"
        F1[Gemini 网页接口<br>🤖]:::gemini
        F2[身份验证服务<br>🔐]:::gemini
        F3[流式响应<br>📨]:::gemini
    end
    
    %% 连接关系
    A1 -->|OpenAI 格式请求| B1
    A2 -->|JSON/SSE| B1
    A3 -->|API 调用| B1
    A4 -->|兼容接口| B1
    
    B1 -->|路由分发| B2
    B2 -->|流式处理| B3
    B3 -->|负载均衡| C1
    
    C1 -->|查询账号| D2
    D2 -->|读写数据| D1
    C1 -->|HAR 解析| C2
    C2 -->|Cookie 提取| C3
    C3 -->|协议转换| C4
    
    C4 -->|HTTP 请求| F1
    F1 -->|身份验证| F2
    F2 -->|流式响应| F3
    F3 -->|数据返回| C4
    
    C4 -->|结果转换| B3
    B3 -->|流式输出| B1
    B1 -->|响应客户端| A1
    
    E1 -->|管理操作| B1
    B1 -->|数据查询| D3
    D3 -->|日志存储| D1
    
    %% 交互按钮
    click B1 "http://127.0.0.1:8090" "打开管理面板"
    click E1 "http://127.0.0.1:8090" "访问Web控制台"

sequenceDiagram
    participant Client as 客户端
    participant API as FastAPI服务
    participant Balancer as 负载均衡器
    participant DB as 数据库
    participant Parser as HAR解析器
    participant Gemini as Google Gemini
    
    Note over Client,API: 🔄 典型请求流程
    
    Client->>API: 1. 发送OpenAI格式请求
    API->>Balancer: 2. 选择可用账号
    Balancer->>DB: 3. 查询账号池
    DB-->>Balancer: 4. 返回账号信息
    Balancer-->>API: 5. 返回选定账号
    
    alt Cookie需要更新
        API->>Parser: 6. 解析HAR文件
        Parser-->>API: 7. 返回新Cookie
        API->>DB: 8. 更新账号信息
    end
    
    API->>Gemini: 9. 转发请求(转换格式)
    Note over Gemini: 10. Google处理请求
    Gemini-->>API: 11. 流式响应
    
    loop 流式传输
        API-->>Client: 12. SSE数据块
    end
    
    API->>DB: 13. 记录调用日志
    Note over Client: ✅ 完成！丝滑的AI对话体验