fix: clean up

fix: typecheck / lint

app/components/chat/BaseChat.tsx

@@ -89,6 +89,7 @@ export const BaseChat = React.forwardRef<HTMLDivElement, BaseChatProps>(
     const TEXTAREA_MAX_HEIGHT = chatStarted ? 400 : 200;
     const [apiKeys, setApiKeys] = useState<Record<string, string>>(() => {
       const savedKeys = Cookies.get('apiKeys');
+
       if (savedKeys) {
         try {
           return JSON.parse(savedKeys);
@@ -97,6 +98,7 @@ export const BaseChat = React.forwardRef<HTMLDivElement, BaseChatProps>(
           return {};
         }
       }
+
       return {};
     });
     const [modelList, setModelList] = useState(MODEL_LIST);
@@ -108,15 +110,17 @@ export const BaseChat = React.forwardRef<HTMLDivElement, BaseChatProps>(
     // Load enabled providers from cookies
     const [enabledProviders, setEnabledProviders] = useState(() => {
       const savedProviders = Cookies.get('providers');
+
       if (savedProviders) {
         try {
           const parsedProviders = JSON.parse(savedProviders);
-          return PROVIDER_LIST.filter(p => parsedProviders[p.name]);
+          return PROVIDER_LIST.filter((p) => parsedProviders[p.name]);
         } catch (error) {
           console.error('Failed to parse providers from cookies:', error);
           return PROVIDER_LIST;
         }
       }
+
       return PROVIDER_LIST;
     });
 
@@ -124,10 +128,11 @@ export const BaseChat = React.forwardRef<HTMLDivElement, BaseChatProps>(
     useEffect(() => {
       const updateProvidersFromCookies = () => {
         const savedProviders = Cookies.get('providers');
+
         if (savedProviders) {
           try {
             const parsedProviders = JSON.parse(savedProviders);
-            setEnabledProviders(PROVIDER_LIST.filter(p => parsedProviders[p.name]));
+            setEnabledProviders(PROVIDER_LIST.filter((p) => parsedProviders[p.name]));
           } catch (error) {
             console.error('Failed to parse providers from cookies:', error);
           }
@@ -135,7 +140,9 @@ export const BaseChat = React.forwardRef<HTMLDivElement, BaseChatProps>(
       };
 
       updateProvidersFromCookies();
+
       const interval = setInterval(updateProvidersFromCookies, 1000);
+
       return () => clearInterval(interval);
     }, [PROVIDER_LIST]);
 
@@ -228,23 +235,6 @@ export const BaseChat = React.forwardRef<HTMLDivElement, BaseChatProps>(
       }
     };
 
-    const updateApiKey = (provider: string, key: string) => {
-      try {
-        const updatedApiKeys = { ...apiKeys, [provider]: key };
-        setApiKeys(updatedApiKeys);
-
-        // Save updated API keys to cookies with 30 day expiry and secure settings
-        Cookies.set('apiKeys', JSON.stringify(updatedApiKeys), {
-          expires: 30, // 30 days
-          secure: true, // Only send over HTTPS
-          sameSite: 'strict', // Protect against CSRF
-          path: '/', // Accessible across the site
-        });
-      } catch (error) {
-        console.error('Error saving API keys to cookies:', error);
-      }
-    };
-
     const handleFileUpload = () => {
       const input = document.createElement('input');
       input.type = 'file';

app/components/chat/ModelSelector.tsx

@@ -24,15 +24,17 @@ export const ModelSelector = ({
   // Load enabled providers from cookies
   const [enabledProviders, setEnabledProviders] = useState(() => {
     const savedProviders = Cookies.get('providers');
+
     if (savedProviders) {
       try {
         const parsedProviders = JSON.parse(savedProviders);
-        return providerList.filter(p => parsedProviders[p.name]);
+        return providerList.filter((p) => parsedProviders[p.name]);
       } catch (error) {
         console.error('Failed to parse providers from cookies:', error);
         return providerList;
       }
     }
+
     return providerList;
   });
 
@@ -41,19 +43,21 @@ export const ModelSelector = ({
     // Function to update providers from cookies
     const updateProvidersFromCookies = () => {
       const savedProviders = Cookies.get('providers');
+
       if (savedProviders) {
         try {
           const parsedProviders = JSON.parse(savedProviders);
-          const newEnabledProviders = providerList.filter(p => parsedProviders[p.name]);
+          const newEnabledProviders = providerList.filter((p) => parsedProviders[p.name]);
           setEnabledProviders(newEnabledProviders);
 
           // If current provider is disabled, switch to first enabled provider
           if (provider && !parsedProviders[provider.name] && newEnabledProviders.length > 0) {
             const firstEnabledProvider = newEnabledProviders[0];
             setProvider?.(firstEnabledProvider);
-            
+
             // Also update the model to the first available one for the new provider
-            const firstModel = modelList.find(m => m.provider === firstEnabledProvider.name);
+            const firstModel = modelList.find((m) => m.provider === firstEnabledProvider.name);
+
             if (firstModel) {
               setModel?.(firstModel.name);
             }
@@ -77,7 +81,8 @@ export const ModelSelector = ({
     return (
       <div className="mb-2 p-4 rounded-lg border border-bolt-elements-borderColor bg-bolt-elements-prompt-background text-bolt-elements-textPrimary">
         <p className="text-center">
-          No providers are currently enabled. Please enable at least one provider in the settings to start using the chat.
+          No providers are currently enabled. Please enable at least one provider in the settings to start using the
+          chat.
         </p>
       </div>
     );