fix: infinite loop when checking cli status

app/src/components/views/setup-view/steps/claude-setup-step.tsx

@@ -65,22 +65,40 @@ export function ClaudeSetupStep({
   const [apiKey, setApiKey] = useState("");
   const [showTokenModal, setShowTokenModal] = useState(false);
 
+  // Memoize API functions to prevent infinite loops
+  const statusApi = useCallback(
+    () => getElectronAPI().setup?.getClaudeStatus() || Promise.reject(),
+    []
+  );
+
+  const installApi = useCallback(
+    () => getElectronAPI().setup?.installClaude() || Promise.reject(),
+    []
+  );
+
+  const getStoreState = useCallback(
+    () => useSetupStore.getState().claudeCliStatus,
+    []
+  );
+
   // Use custom hooks
   const { isChecking, checkStatus } = useCliStatus({
     cliType: "claude",
-    statusApi: () =>
+    statusApi,
-      getElectronAPI().setup?.getClaudeStatus() || Promise.reject(),
     setCliStatus: setClaudeCliStatus,
     setAuthStatus: setClaudeAuthStatus,
   });
 
+  const onInstallSuccess = useCallback(() => {
+    checkStatus();
+  }, [checkStatus]);
+
   const { isInstalling, installProgress, install } = useCliInstallation({
     cliType: "claude",
-    installApi: () =>
+    installApi,
-      getElectronAPI().setup?.installClaude() || Promise.reject(),
     onProgressEvent: getElectronAPI().setup?.onInstallProgress,
-    onSuccess: checkStatus,
+    onSuccess: onInstallSuccess,
-    getStoreState: () => useSetupStore.getState().claudeCliStatus,
+    getStoreState,
   });
 
   const { isSaving: isSavingOAuth, saveToken: saveOAuthToken } = useTokenSave({

app/src/components/views/setup-view/steps/codex-setup-step.tsx

@@ -1,6 +1,6 @@
 "use client";
 
-import { useState, useEffect } from "react";
+import { useState, useEffect, useCallback } from "react";
 import { Button } from "@/components/ui/button";
 import { Input } from "@/components/ui/input";
 import { Label } from "@/components/ui/label";
@@ -58,21 +58,34 @@ export function CodexSetupStep({
   const [showApiKeyInput, setShowApiKeyInput] = useState(false);
   const [apiKey, setApiKey] = useState("");
 
+  // Memoize API functions to prevent infinite loops
+  const statusApi = useCallback(
+    () => getElectronAPI().setup?.getCodexStatus() || Promise.reject(),
+    []
+  );
+
+  const installApi = useCallback(
+    () => getElectronAPI().setup?.installCodex() || Promise.reject(),
+    []
+  );
+
   // Use custom hooks
   const { isChecking, checkStatus } = useCliStatus({
     cliType: "codex",
-    statusApi: () =>
+    statusApi,
-      getElectronAPI().setup?.getCodexStatus() || Promise.reject(),
     setCliStatus: setCodexCliStatus,
     setAuthStatus: setCodexAuthStatus,
   });
 
+  const onInstallSuccess = useCallback(() => {
+    checkStatus();
+  }, [checkStatus]);
+
   const { isInstalling, installProgress, install } = useCliInstallation({
     cliType: "codex",
-    installApi: () =>
+    installApi,
-      getElectronAPI().setup?.installCodex() || Promise.reject(),
     onProgressEvent: getElectronAPI().setup?.onInstallProgress,
-    onSuccess: checkStatus,
+    onSuccess: onInstallSuccess,
   });
 
   const { isSaving: isSavingKey, saveToken: saveApiKeyToken } = useTokenSave({