feat(ui): 集成 Provider 管理到 web 和 desktop 应用

- 新增 ProviderEditor 组件用于编辑提供商配置
- ProvidersPanel 添加编辑按钮集成 ProviderEditor
- ChatPage 添加 onOpenProviders 工具栏按钮
- web/desktop App.tsx 集成 ProvidersPanel 面板

packages/web/src/App.tsx

@@ -14,6 +14,7 @@ import {
   HooksPanel,
   AgentsPanel,
   CheckpointPanel,
+  ProvidersPanel,
   Toaster,
   listSessions,
   createSession,
@@ -31,6 +32,7 @@ export function App() {
   const [showHooks, setShowHooks] = useState(false);
   const [showAgents, setShowAgents] = useState(false);
   const [showCheckpoints, setShowCheckpoints] = useState(false);
+  const [showProviders, setShowProviders] = useState(false);
   const [sessionTitleUpdate, setSessionTitleUpdate] = useState<{ sessionId: string; name: string } | null>(null);
 
   // 初始化：加载或创建会话
@@ -120,6 +122,7 @@ export function App() {
               onOpenHooks={() => setShowHooks(true)}
               onOpenAgents={() => setShowAgents(true)}
               onOpenCheckpoints={() => setShowCheckpoints(true)}
+              onOpenProviders={() => setShowProviders(true)}
             />
           ) : (
             <div className="flex-1 flex items-center justify-center h-full">
@@ -183,6 +186,9 @@ export function App() {
       {/* Checkpoints 面板 */}
       {showCheckpoints && <CheckpointPanel onClose={() => setShowCheckpoints(false)} responsive />}
 
+      {/* Providers 面板 */}
+      {showProviders && <ProvidersPanel onClose={() => setShowProviders(false)} responsive />}
+
       {/* 移动端底部文件按钮 */}
       <button
         onClick={() => setShowFileBrowser(true)}

packages/web/src/pages/Chat.tsx

@@ -3,7 +3,7 @@
  */
 
 import { useEffect, useRef } from 'react';
-import { WifiOff, MessageSquare, Settings, FolderOpen, Terminal, Plug, Zap, Bot, History } from 'lucide-react';
+import { WifiOff, MessageSquare, Settings, FolderOpen, Terminal, Plug, Zap, Bot, History, Server } from 'lucide-react';
 import { motion, AnimatePresence } from 'framer-motion';
 import {
   useChat,
@@ -28,6 +28,7 @@ interface ChatPageProps {
   onOpenHooks?: () => void;
   onOpenAgents?: () => void;
   onOpenCheckpoints?: () => void;
+  onOpenProviders?: () => void;
 }
 
 export function ChatPage({
@@ -43,6 +44,7 @@ export function ChatPage({
   onOpenHooks,
   onOpenAgents,
   onOpenCheckpoints,
+  onOpenProviders,
 }: ChatPageProps) {
   const {
     messages,
@@ -140,7 +142,7 @@ export function ChatPage({
           <ConnectionStatus />
 
           {/* 工具栏按钮 */}
-          {(onOpenConfig || onToggleFileBrowser || onOpenCommands || onOpenMCP || onOpenHooks || onOpenAgents || onOpenCheckpoints) && (
+          {(onOpenConfig || onToggleFileBrowser || onOpenCommands || onOpenMCP || onOpenHooks || onOpenAgents || onOpenCheckpoints || onOpenProviders) && (
             <div className="flex items-center gap-1.5 border-l border-gray-600 pl-3">
               {/* Checkpoints 按钮 */}
               {onOpenCheckpoints && (
@@ -155,6 +157,19 @@ export function ChatPage({
                 </motion.button>
               )}
 
+              {/* Providers 按钮 */}
+              {onOpenProviders && (
+                <motion.button
+                  whileHover={{ scale: 1.1 }}
+                  whileTap={{ scale: 0.9 }}
+                  onClick={onOpenProviders}
+                  className="p-1.5 rounded-lg text-gray-400 hover:text-gray-200 hover:bg-gray-700 transition-colors"
+                  title="Model Providers"
+                >
+                  <Server size={20} />
+                </motion.button>
+              )}
+
               {/* Agents 按钮 */}
               {onOpenAgents && (
                 <motion.button