apps/ui/src/components/views/settings-view/hooks/use-cli-status.ts

import { useState, useEffect, useCallback } from 'react';
import { createLogger } from '@automaker/utils/logger';
import { useSetupStore } from '@/store/setup-store';

const logger = createLogger('CliStatus');
import { getElectronAPI } from '@/lib/electron';

interface CliStatusResult {
  success: boolean;
  status?: string;
  method?: string;
  version?: string;
  path?: string;
  recommendation?: string;
  installCommands?: {
    macos?: string;
    windows?: string;
    linux?: string;
    npm?: string;
  };
  error?: string;
}

/**
 * Custom hook for managing Claude CLI status
 * Handles checking CLI installation, authentication, and refresh functionality
 */
export function useCliStatus() {
  const { setClaudeAuthStatus } = useSetupStore();

  const [claudeCliStatus, setClaudeCliStatus] = useState<CliStatusResult | null>(null);

  const [isCheckingClaudeCli, setIsCheckingClaudeCli] = useState(false);

  // Refresh Claude auth status from the server
  const refreshAuthStatus = useCallback(async () => {
    const api = getElectronAPI();
    if (!api?.setup?.getClaudeStatus) return;

    try {
      const result = await api.setup.getClaudeStatus();
      if (result.success && result.auth) {
        // Cast to extended type that includes server-added fields
        const auth = result.auth as typeof result.auth & {
          oauthTokenValid?: boolean;
          apiKeyValid?: boolean;
        };
        // Map server method names to client method types
        // Server returns: oauth_token_env, oauth_token, api_key_env, api_key, credentials_file, cli_authenticated, none
        const validMethods = [
          'oauth_token_env',
          'oauth_token',
          'api_key',
          'api_key_env',
          'credentials_file',
          'cli_authenticated',
          'none',
        ] as const;
        type AuthMethod = (typeof validMethods)[number];
        const method: AuthMethod = validMethods.includes(auth.method as AuthMethod)
          ? (auth.method as AuthMethod)
          : auth.authenticated
            ? 'api_key'
            : 'none'; // Default authenticated to api_key, not none
        const authStatus = {
          authenticated: auth.authenticated,
          method,
          hasCredentialsFile: auth.hasCredentialsFile ?? false,
          oauthTokenValid:
            auth.oauthTokenValid || auth.hasStoredOAuthToken || auth.hasEnvOAuthToken,
          apiKeyValid: auth.apiKeyValid || auth.hasStoredApiKey || auth.hasEnvApiKey,
          hasEnvOAuthToken: auth.hasEnvOAuthToken,
          hasEnvApiKey: auth.hasEnvApiKey,
        };
        setClaudeAuthStatus(authStatus);
      }
    } catch (error) {
      logger.error('Failed to refresh Claude auth status:', error);
    }
  }, [setClaudeAuthStatus]);

  // Check CLI status on mount
  useEffect(() => {
    const checkCliStatus = async () => {
      const api = getElectronAPI();

      // Check Claude CLI
      if (api?.checkClaudeCli) {
        try {
          const status = await api.checkClaudeCli();
          setClaudeCliStatus(status);
        } catch (error) {
          logger.error('Failed to check Claude CLI status:', error);
        }
      }

      // Check Claude auth status (re-fetch on mount to ensure persistence)
      await refreshAuthStatus();
    };

    checkCliStatus();
  }, [refreshAuthStatus]);

  // Refresh Claude CLI status and auth status
  const handleRefreshClaudeCli = useCallback(async () => {
    setIsCheckingClaudeCli(true);
    try {
      const api = getElectronAPI();
      if (api?.checkClaudeCli) {
        const status = await api.checkClaudeCli();
        setClaudeCliStatus(status);
      }
      // Also refresh auth status
      await refreshAuthStatus();
    } catch (error) {
      logger.error('Failed to refresh Claude CLI status:', error);
    } finally {
      setIsCheckingClaudeCli(false);
    }
  }, [refreshAuthStatus]);

  return {
    claudeCliStatus,
    isCheckingClaudeCli,
    handleRefreshClaudeCli,
  };
}