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

src/components/llm-logo-provider/ClaudeLogo.tsx

@@ -0,0 +1,15 @@
+import React from 'react';
+
+type ClaudeLogoProps = {
+  className?: string;
+};
+
+const ClaudeLogo = ({ className = 'w-5 h-5' }: ClaudeLogoProps) => {
+  return (
+    <img src="/icons/claude-ai-icon.svg" alt="Claude" className={className} />
+  );
+};
+
+export default ClaudeLogo;
+
+

src/components/llm-logo-provider/CodexLogo.tsx

@@ -0,0 +1,20 @@
+import React from 'react';
+import { useTheme } from '../../contexts/ThemeContext';
+
+type CodexLogoProps = {
+  className?: string;
+};
+
+const CodexLogo = ({ className = 'w-5 h-5' }: CodexLogoProps) => {
+  const { isDarkMode } = useTheme();
+
+  return (
+    <img
+      src={isDarkMode ? "/icons/codex-white.svg" : "/icons/codex.svg"}
+      alt="Codex"
+      className={className}
+    />
+  );
+};
+
+export default CodexLogo;

src/components/llm-logo-provider/CursorLogo.tsx

@@ -0,0 +1,20 @@
+import React from 'react';
+import { useTheme } from '../../contexts/ThemeContext';
+
+type CursorLogoProps = {
+  className?: string;
+};
+
+const CursorLogo = ({ className = 'w-5 h-5' }: CursorLogoProps) => {
+  const { isDarkMode } = useTheme();
+
+  return (
+    <img
+      src={isDarkMode ? "/icons/cursor-white.svg" : "/icons/cursor.svg"}
+      alt="Cursor"
+      className={className}
+    />
+  );
+};
+
+export default CursorLogo;

src/components/llm-logo-provider/SessionProviderLogo.tsx

@@ -0,0 +1,24 @@
+import type { SessionProvider } from '../../types/app';
+import ClaudeLogo from './ClaudeLogo';
+import CodexLogo from './CodexLogo';
+import CursorLogo from './CursorLogo';
+
+type SessionProviderLogoProps = {
+  provider?: SessionProvider | string | null;
+  className?: string;
+};
+
+export default function SessionProviderLogo({
+  provider = 'claude',
+  className = 'w-5 h-5',
+}: SessionProviderLogoProps) {
+  if (provider === 'cursor') {
+    return <CursorLogo className={className} />;
+  }
+
+  if (provider === 'codex') {
+    return <CodexLogo className={className} />;
+  }
+
+  return <ClaudeLogo className={className} />;
+}