ALwrity + Wix + Wordpress + GSC + Bug Fixes

frontend/src/components/OnboardingWizard/ApiKeyStep/utils/ApiKeyCarousel.tsx

@@ -1,4 +1,4 @@
-import React, { useState, useEffect } from 'react';
+import React, { useEffect } from 'react';
 import {
   Box,
   Card,
@@ -7,10 +7,6 @@ import {
   IconButton,
   Button,
   Typography,
-  Stepper,
-  Step,
-  StepLabel,
-  StepConnector,
   Fade,
   LinearProgress,
 } from '@mui/material';
@@ -25,7 +21,6 @@ import {
   Key,
   ContentPasteRounded,
 } from '@mui/icons-material';
-import { styled } from '@mui/material/styles';
 
 interface ApiKeyCarouselProps {
   providers: Array<{
@@ -40,40 +35,19 @@ interface ApiKeyCarouselProps {
     link: string;
     free: boolean;
     recommended: boolean;
-    benefits: string[];
-  }>;
+  benefits: string[];
+}>;
   currentProvider: number;
   setCurrentProvider: (index: number) => void;
   onProviderFocus: (provider: any) => void;
 }
 
-const CustomStepConnector = styled(StepConnector)(({ theme }) => ({
-  '&.MuiStepConnector-alternativeLabel': {
-    top: 10,
-    left: 'calc(-50% + 16px)',
-    right: 'calc(50% + 16px)',
-  },
-  '& .MuiStepConnector-line': {
-    height: 3,
-    border: 0,
-    background: 'linear-gradient(90deg, #E2E8F0 0%, #CBD5E1 100%)',
-    borderRadius: 2,
-  },
-  '&.MuiStepConnector-active .MuiStepConnector-line': {
-    background: 'linear-gradient(90deg, #3B82F6 0%, #1D4ED8 100%)',
-  },
-  '&.MuiStepConnector-completed .MuiStepConnector-line': {
-    background: 'linear-gradient(90deg, #10B981 0%, #059669 100%)',
-  },
-}));
-
 const ApiKeyCarousel: React.FC<ApiKeyCarouselProps> = ({
   providers,
   currentProvider,
   setCurrentProvider,
   onProviderFocus,
 }) => {
-  const [autoProgress, setAutoProgress] = useState(false);
   const provider = providers[currentProvider];
 
   const getAccentColor = (name: string) => {
@@ -117,14 +91,6 @@ const ApiKeyCarousel: React.FC<ApiKeyCarouselProps> = ({
     }
   };
 
-  const getStepIcon = (index: number) => {
-    const stepProvider = providers[index];
-    if (stepProvider.status === 'valid') {
-      return <CheckCircle sx={{ color: 'success.main' }} />;
-    }
-    return <Key sx={{ color: stepProvider === provider ? 'primary.main' : 'text.disabled' }} />;
-  };
-
   return (
     <Box sx={{ width: '100%', maxWidth: 600, mx: 'auto' }}>
       {/* Progress Stepper - Hidden as requested */}

frontend/src/components/OnboardingWizard/ApiKeyStep/utils/ApiKeySidebar.tsx

@@ -10,13 +10,10 @@ import {
   ListItemText,
   Chip,
   Divider,
-  Alert,
 } from '@mui/material';
 import {
   CheckCircle,
   Star,
-  Security,
-  Speed,
   TrendingUp,
   Insights,
   Search,

frontend/src/components/OnboardingWizard/ApiKeyStep/utils/useApiKeyStep.ts

@@ -1,12 +1,10 @@
 import { useState, useEffect, useCallback } from 'react';
-import { useAuth } from '@clerk/clerk-react';
 import { getApiKeysForOnboarding, getStep1ApiKeysFromProgress, saveApiKey } from '../../../../api/onboarding';
 import { getKeyStatus, formatErrorMessage } from '../../common/onboardingUtils';
 import { Provider } from './ProviderCard';
 import { apiClient } from '../../../../api/client';
 
 export const useApiKeyStep = (onContinue: (stepData?: any) => void) => {
-  const { getToken } = useAuth();
   const [geminiKey, setGeminiKey] = useState('');
   const [exaKey, setExaKey] = useState('');
   const [copilotkitKey, setCopilotkitKey] = useState('');