Refactor Settings, FileTree, GitPanel, Shell, and CodeEditor components (#402)

2026-07-11 17:15:40 +08:00 · 2026-02-25 19:07:07 +03:00
parent 23801e9cc1
commit 5e3a7b69d7
149 changed files with 11627 additions and 8453 deletions
--- a/src/components/settings/view/tabs/agents-settings/AgentsSettingsTab.tsx
+++ b/src/components/settings/view/tabs/agents-settings/AgentsSettingsTab.tsx
@@ -0,0 +1,101 @@
+import { useMemo, useState } from 'react';
+import type { AgentCategory, AgentProvider } from '../../../types/types';
+import AgentCategoryContentSection from './sections/AgentCategoryContentSection';
+import AgentCategoryTabsSection from './sections/AgentCategoryTabsSection';
+import AgentSelectorSection from './sections/AgentSelectorSection';
+import type { AgentContext, AgentsSettingsTabProps } from './types';
+
+export default function AgentsSettingsTab({
+  claudeAuthStatus,
+  cursorAuthStatus,
+  codexAuthStatus,
+  onClaudeLogin,
+  onCursorLogin,
+  onCodexLogin,
+  claudePermissions,
+  onClaudePermissionsChange,
+  cursorPermissions,
+  onCursorPermissionsChange,
+  codexPermissionMode,
+  onCodexPermissionModeChange,
+  mcpServers,
+  cursorMcpServers,
+  codexMcpServers,
+  mcpTestResults,
+  mcpServerTools,
+  mcpToolsLoading,
+  deleteError,
+  onOpenMcpForm,
+  onDeleteMcpServer,
+  onTestMcpServer,
+  onDiscoverMcpTools,
+  onOpenCodexMcpForm,
+  onDeleteCodexMcpServer,
+}: AgentsSettingsTabProps) {
+  const [selectedAgent, setSelectedAgent] = useState<AgentProvider>('claude');
+  const [selectedCategory, setSelectedCategory] = useState<AgentCategory>('account');
+
+  const agentContextById = useMemo<Record<AgentProvider, AgentContext>>(() => ({
+    claude: {
+      authStatus: claudeAuthStatus,
+      onLogin: onClaudeLogin,
+    },
+    cursor: {
+      authStatus: cursorAuthStatus,
+      onLogin: onCursorLogin,
+    },
+    codex: {
+      authStatus: codexAuthStatus,
+      onLogin: onCodexLogin,
+    },
+  }), [
+    claudeAuthStatus,
+    codexAuthStatus,
+    cursorAuthStatus,
+    onClaudeLogin,
+    onCodexLogin,
+    onCursorLogin,
+  ]);
+
+  return (
+    <div className="flex flex-col md:flex-row h-full min-h-[400px] md:min-h-[500px]">
+      <AgentSelectorSection
+        selectedAgent={selectedAgent}
+        onSelectAgent={setSelectedAgent}
+        agentContextById={agentContextById}
+      />
+
+      <div className="flex-1 flex flex-col overflow-hidden">
+        <AgentCategoryTabsSection
+          selectedCategory={selectedCategory}
+          onSelectCategory={setSelectedCategory}
+        />
+
+        <AgentCategoryContentSection
+          selectedAgent={selectedAgent}
+          selectedCategory={selectedCategory}
+          agentContextById={agentContextById}
+          claudePermissions={claudePermissions}
+          onClaudePermissionsChange={onClaudePermissionsChange}
+          cursorPermissions={cursorPermissions}
+          onCursorPermissionsChange={onCursorPermissionsChange}
+          codexPermissionMode={codexPermissionMode}
+          onCodexPermissionModeChange={onCodexPermissionModeChange}
+          mcpServers={mcpServers}
+          cursorMcpServers={cursorMcpServers}
+          codexMcpServers={codexMcpServers}
+          mcpTestResults={mcpTestResults}
+          mcpServerTools={mcpServerTools}
+          mcpToolsLoading={mcpToolsLoading}
+          deleteError={deleteError}
+          onOpenMcpForm={onOpenMcpForm}
+          onDeleteMcpServer={onDeleteMcpServer}
+          onTestMcpServer={onTestMcpServer}
+          onDiscoverMcpTools={onDiscoverMcpTools}
+          onOpenCodexMcpForm={onOpenCodexMcpForm}
+          onDeleteCodexMcpServer={onDeleteCodexMcpServer}
+        />
+      </div>
+    </div>
+  );
+}