Files
proxycast/src/components/provider-pool/README.md
T
cosoandClaude Sonnet 4.5 59cd4ecfbd feat: v0.27.0 - 重构 Agent 架构并新增 API Key Provider 管理系统
主要变更:
- 引入基于 Protocol 的 Agent 架构(支持 OpenAI/Anthropic/Kiro/Gemini)
- 新增 API Key Provider 管理系统,支持多种第三方 AI 服务商
- 重构流式响应处理,新增统一的 Stream 处理模块
- 新增协议转换器(Translator)模块,支持 Kiro 到 OpenAI/Anthropic 的转换
- 前端新增 API Key Provider 配置界面和导入/导出功能
- 新增 50+ AI 服务商图标支持
- 优化 Agent 工具调用显示和流式渲染
- 完善数据库 schema,新增 api_key_providers 表

技术细节:
- 重构 native_agent.rs,引入策略模式的 Protocol trait
- 新增 parsers 和 generators 模块处理不同协议的 SSE 流
- 新增完整的 API Key 验证和连接测试功能
- 改进前端 TypeScript 类型定义

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>
2026-01-01 03:59:58 +08:00

1.8 KiB
Raw Blame History

Provider Pool 组件

本目录包含凭证池管理界面的所有组件。

组件列表

文件 描述
ProviderPoolPage.tsx 凭证池管理主页面,支持 OAuth 凭证卡片布局和 API Key 左右分栏布局
CredentialCard.tsx OAuth 凭证卡片组件,显示健康状态、使用统计和操作按钮
CredentialCardContextMenu.tsx 凭证卡片右键菜单组件
AddCredentialModal.tsx 添加凭证模态框组件
EditCredentialModal.tsx 编辑凭证模态框组件
ErrorDisplay.tsx 错误显示组件
UsageDisplay.tsx 用量显示组件
VertexAISection.tsx Vertex AI 配置区域组件
AmpConfigSection.tsx Amp CLI 配置区域组件
GeminiApiKeySection.tsx Gemini API Key 配置区域组件
CodexSection.tsx Codex 配置区域组件
IFlowSection.tsx iFlow 配置区域组件
index.ts 组件导出入口

子目录

目录 描述
api-key/ API Key Provider 管理组件(左右分栏布局)
credential-forms/ 各类凭证表单组件

测试文件

文件 描述
CredentialCard.test.ts Property 3 属性测试:OAuth 凭证卡片信息完整性

使用示例

import { ProviderPoolPage } from "@/components/provider-pool";

function App() {
  return (
    <ProviderPoolPage />
  );
}

相关需求

  • Requirements 1.1: API Key Provider 左右分栏布局
  • Requirements 2.1, 2.2, 2.3: OAuth 凭证保持卡片布局
  • Requirements 3.1-3.6: 完整支持 System Provider 类型

架构说明

ProviderPoolPage 支持三种分类:

  1. OAuth 凭证 - 使用卡片式布局显示 OAuth 类型凭证
  2. API Key - 使用左右分栏布局(ApiKeyProviderSection)
  3. 其他配置 - Vertex AI 和 Amp CLI 配置