/**
 * @license
 * Copyright 2025 Vybestack LLC
 * SPDX-License-Identifier: Apache-2.0
 */

/**
 * OAuth Code Input Dialog Component
 *
 * Allows users to paste authorization code from browser
 */

import type React from 'react';
import { useState, useCallback } from 'react';
import { Box, Text } from 'ink';
import { Colors } from '../colors.js';
import type { Key } from '../hooks/useKeypress.js';
import { useKeypress } from '../hooks/useKeypress.js';
import { getBorderStyle } from '../contexts/UnicodeRenderingContext.js';

interface OAuthCodeDialogProps {
  provider: string;
  onClose: () => void;
  onSubmit: (code: string) => void;
}

/**
 * @plan PLAN-20250822-GEMINIFALLBACK.P09
 * @requirement REQ-002.1
 * @pseudocode lines 38-45
 */
export const OAuthCodeDialog: React.FC<OAuthCodeDialogProps> = ({
  provider,
  onClose,
  onSubmit,
}) => {
  const [code, setCode] = useState('');

  /**
   * @plan PLAN-20250822-GEMINIFALLBACK.P09
   * @requirement REQ-002.1, REQ-006.2
   * @pseudocode lines 38-45
   */
  const getInstructions = useCallback((): string[] => {
    if (provider === 'gemini') {
      return [
        'The OAuth URL has been copied to your clipboard.',
        'Please paste it into your browser to authenticate with Google.',
        'After authenticating, paste the verification code you receive below:',
      ];
    }
    return [
      'Please check your browser and authorize the application.',
      'After authorizing, paste the authorization code below:',
    ];
  }, [provider]);

  /**
   * @plan PLAN-20250822-GEMINIFALLBACK.P09
   * @requirement REQ-002.2, REQ-006.3
   * @pseudocode lines 46-65
   */
  const handleInput = useCallback(
    (key: Key) => {
      // Handle escape to close
      if (key.name === 'escape') {
        onClose();
        return;
      }

      // Handle enter to submit
      if (key.name === 'return') {
        if (code.trim()) {
          onSubmit(code.trim());
          onClose();
        }
        return;
      }

      // Handle clear (allow clearing the field with Cmd+K or Ctrl+L)
      if ((key.ctrl && key.name === 'l') || (key.meta && key.name === 'k')) {
        setCode('');
        return;
      }

      // ONLY accept pasted input - ignore ALL typed characters
      if (key.name === 'paste' && key.sequence) {
        // The sequence already has the paste content without escape codes
        // Just filter to only allow valid OAuth code characters
        // Allow slash because Google auth codes often contain it (e.g., 4/XXXX...)
        const cleanInput = key.sequence.replace(/[^a-zA-Z0-9/_#-]/g, '');
        if (cleanInput) {
          // Replace the entire code with the pasted content (don't append)
          setCode(cleanInput);
        }
        return;
      }

      // Explicitly ignore ALL other input including:
      // - Regular typed characters
      // - Control codes
      // - Backspace (users must paste the entire correct code)
      // This prevents accidental control codes like I, IO, etc. from being added
    },
    [code, onClose, onSubmit],
  );

  useKeypress(handleInput, { isActive: true });

  return (
    <Box
      flexDirection="column"
      borderStyle={getBorderStyle('round')}
      borderColor={Colors.AccentCyan}
      paddingX={2}
      paddingY={1}
      marginX={2}
      marginY={1}
    >
      <Text bold color={Colors.AccentCyan}>
        {provider.charAt(0).toUpperCase() + provider.slice(1)} OAuth
        Authentication
      </Text>
      {getInstructions().map((instruction, index) => (
        <Text key={index} color={Colors.Foreground}>
          {instruction}
        </Text>
      ))}
      <Box marginTop={1}>
        <Text color={Colors.AccentCyan}>Code: </Text>
        <Text color={Colors.Foreground}>
          {code || '(paste only - typing disabled)'}
        </Text>
      </Box>
      <Box marginTop={1}>
        <Text color={Colors.DimComment}>
          Paste code • Enter to submit • Escape to cancel • Ctrl+L to clear
        </Text>
      </Box>
    </Box>
  );
};