feature/codex-cli

2026-02-01 08:13:37 +00:00 · 2026-01-06 04:52:25 +05:30
parent 4d4025ca06
commit a57dcc170d
54 changed files with 5562 additions and 91 deletions
--- a/apps/ui/src/components/views/setup-view/steps/codex-setup-step.tsx
+++ b/apps/ui/src/components/views/setup-view/steps/codex-setup-step.tsx
@@ -0,0 +1,102 @@
+import { useMemo, useCallback } from 'react';
+import { useSetupStore } from '@/store/setup-store';
+import { getElectronAPI } from '@/lib/electron';
+import { CliSetupStep } from './cli-setup-step';
+import type { CodexAuthStatus } from '@/store/setup-store';
+
+interface CodexSetupStepProps {
+  onNext: () => void;
+  onBack: () => void;
+  onSkip: () => void;
+}
+
+export function CodexSetupStep({ onNext, onBack, onSkip }: CodexSetupStepProps) {
+  const {
+    codexCliStatus,
+    codexAuthStatus,
+    setCodexCliStatus,
+    setCodexAuthStatus,
+    setCodexInstallProgress,
+  } = useSetupStore();
+
+  const statusApi = useCallback(
+    () => getElectronAPI().setup?.getCodexStatus() || Promise.reject(),
+    []
+  );
+
+  const installApi = useCallback(
+    () => getElectronAPI().setup?.installCodex() || Promise.reject(),
+    []
+  );
+
+  const verifyAuthApi = useCallback(
+    (method: 'cli' | 'api_key') =>
+      getElectronAPI().setup?.verifyCodexAuth(method) || Promise.reject(),
+    []
+  );
+
+  const config = useMemo(
+    () => ({
+      cliType: 'codex' as const,
+      displayName: 'Codex',
+      cliLabel: 'Codex CLI',
+      cliDescription: 'Use Codex CLI login',
+      apiKeyLabel: 'OpenAI API Key',
+      apiKeyDescription: 'Optional API key for Codex',
+      apiKeyProvider: 'openai' as const,
+      apiKeyPlaceholder: 'sk-...',
+      apiKeyDocsUrl: 'https://platform.openai.com/api-keys',
+      apiKeyDocsLabel: 'Get one from OpenAI',
+      apiKeyHelpText: "Don't have an API key?",
+      installCommands: {
+        macos: 'npm install -g @openai/codex',
+        windows: 'npm install -g @openai/codex',
+      },
+      cliLoginCommand: 'codex login',
+      testIds: {
+        installButton: 'install-codex-button',
+        verifyCliButton: 'verify-codex-cli-button',
+        verifyApiKeyButton: 'verify-codex-api-key-button',
+        apiKeyInput: 'openai-api-key-input',
+        saveApiKeyButton: 'save-openai-key-button',
+        deleteApiKeyButton: 'delete-openai-key-button',
+        nextButton: 'codex-next-button',
+      },
+      buildCliAuthStatus: (_previous: CodexAuthStatus | null) => ({
+        authenticated: true,
+        method: 'cli_authenticated',
+        hasAuthFile: true,
+      }),
+      buildApiKeyAuthStatus: (_previous: CodexAuthStatus | null) => ({
+        authenticated: true,
+        method: 'api_key',
+        hasApiKey: true,
+      }),
+      buildClearedAuthStatus: (_previous: CodexAuthStatus | null) => ({
+        authenticated: false,
+        method: 'none',
+      }),
+      statusApi,
+      installApi,
+      verifyAuthApi,
+    }),
+    [installApi, statusApi, verifyAuthApi]
+  );
+
+  return (
+    <CliSetupStep
+      config={config}
+      state={{
+        cliStatus: codexCliStatus,
+        authStatus: codexAuthStatus,
+        setCliStatus: setCodexCliStatus,
+        setAuthStatus: setCodexAuthStatus,
+        setInstallProgress: setCodexInstallProgress,
+        getStoreState: () => useSetupStore.getState().codexCliStatus,
+      }}
+      onNext={onNext}
+      onBack={onBack}
+      onSkip={onSkip}
+    />
+  );
+}