Fix TypeScript and ESLint errors for successful build

app/api/ask-ai/route.ts

@@ -16,7 +16,6 @@ import {
 import MY_TOKEN_KEY from "@/lib/get-cookie-name";
 import { 
   callOpenRouter, 
-  parseOpenRouterStream, 
   getOpenRouterModelInfo, 
   calculateSafeMaxTokens, 
   estimateTokenCount 
@@ -335,7 +334,7 @@ export async function POST(request: NextRequest) {
                         return; // Exit the async function
                       }
                     }
-                  } catch (parseError) {
+                  } catch {
                     console.warn('⚠️ Failed to parse OpenRouter data:', data.substring(0, 50));
                   }
                 }
@@ -754,7 +753,7 @@ export async function PUT(request: NextRequest) {
                 if (content) {
                   fullContent += content;
                 }
-              } catch (parseError) {
+              } catch {
                 // Ignore parse errors
               }
             }

app/api/debug-test/route.ts

@@ -62,11 +62,12 @@ export async function GET(request: NextRequest) {
         }
         
         console.log('✅ Debug test completed');
-      } catch (error: any) {
+      } catch (error: unknown) {
         console.error('❌ Debug test error:', error);
+        const errorMessage = error instanceof Error ? error.message : 'Unknown error';
         await writer.write(encoder.encode(JSON.stringify({
           ok: false,
-          message: `Debug test error: ${error?.message || 'Unknown error'}`
+          message: `Debug test error: ${errorMessage}`
         })));
       } finally {
         await writer.close();
@@ -74,10 +75,11 @@ export async function GET(request: NextRequest) {
     })();
 
     return response;
-  } catch (error: any) {
+  } catch (error: unknown) {
     console.error('❌ Debug endpoint error:', error);
+    const errorMessage = error instanceof Error ? error.message : 'Unknown error';
     return NextResponse.json(
-      { ok: false, error: error.message },
+      { ok: false, error: errorMessage },
       { status: 500 }
     );
   }

app/api/test-scenarios/route.ts

@@ -1,6 +1,6 @@
 import { NextRequest, NextResponse } from "next/server";
 
-export async function POST(request: NextRequest) {
+export async function POST() {
   console.log('🧪 Testing the exact failing scenario...');
   
   // Simulate the exact scenario where the user gets the error

components/editor/ask-ai/index.tsx

@@ -49,7 +49,7 @@ export function AskAI({
   selectedElement?: HTMLElement | null;
   setSelectedElement: React.Dispatch<React.SetStateAction<HTMLElement | null>>;
 }) {
-  const [openrouterApiKey, setOpenrouterApiKey] = useLocalStorage<string>("openrouter-api-key", "");
+  const [openrouterApiKey, _setOpenrouterApiKey] = useLocalStorage<string>("openrouter-api-key", "");
   const refThink = useRef<HTMLDivElement | null>(null);
   const audio = useRef<HTMLAudioElement | null>(null);
 
@@ -359,7 +359,7 @@ export function AskAI({
                   setisAiWorking(false);
                   return;
                 }
-              } catch (parseError) {
+              } catch {
                 // If it looks like JSON but can't be parsed, treat as content
                 console.log('⚠️ Chunk looks like JSON but failed to parse, treating as content');
               }

components/editor/preview/index-simplified.tsx

@@ -1,8 +1,7 @@
 "use client";
 import { useUpdateEffect } from "react-use";
-import { useMemo, useState, useRef, useEffect, forwardRef, useCallback } from "react";
+import { useMemo, useState, useRef, useEffect, forwardRef } from "react";
 import classNames from "classnames";
-import { toast } from "sonner";
 
 import { cn } from "@/lib/utils";
 import { GridPattern } from "@/components/magic-ui/grid-pattern";
@@ -25,7 +24,7 @@ export const Preview = forwardRef<
   isResizing,
   isAiWorking,
   device,
-  currentTab,
+  currentTab: _currentTab,
   iframeRef,
   isEditableModeEnabled,
   onClickElement,
@@ -100,7 +99,7 @@ export const Preview = forwardRef<
       const doc = iframe.contentDocument;
       if (!doc) return;
 
-      let existingStyle = doc.getElementById('smooth-transitions');
+      const existingStyle = doc.getElementById('smooth-transitions');
       if (existingStyle) return;
 
       const style = doc.createElement('style');
@@ -142,7 +141,7 @@ export const Preview = forwardRef<
     return () => {
       iframe.removeEventListener('load', injectSmoothTransitions);
     };
-  }, [currentIframeRef]);
+  }, [currentIframeRef, displayHtml]);
 
   // Add content updating class for animations
   useEffect(() => {

components/editor/preview/index.tsx

@@ -2,7 +2,6 @@
 import { useUpdateEffect } from "react-use";
 import { useMemo, useState, useRef, useEffect, forwardRef, useCallback } from "react";
 import classNames from "classnames";
-import { toast } from "sonner";
 
 import { cn } from "@/lib/utils";
 import { GridPattern } from "@/components/magic-ui/grid-pattern";

components/openrouter-model-selector/index.tsx

@@ -1,4 +1,5 @@
 import React, { useState } from 'react';
+import Image from 'next/image';
 import { OpenRouterModel } from '../../lib/openrouter';
 import { useOpenRouterModels } from '../../hooks/useOpenRouterModels';
 import { Input } from '../ui/input';
@@ -17,7 +18,7 @@ interface OpenRouterModelSelectorProps {
 export function OpenRouterModelSelector({
   selectedModel,
   onModelSelect,
-  apiKey,
+  apiKey: _apiKey,
   disabled = false
 }: OpenRouterModelSelectorProps) {
   const [isOpen, setIsOpen] = useState(false);
@@ -78,9 +79,11 @@ export function OpenRouterModelSelector({
         <DialogContent className="max-w-4xl max-h-[80vh] overflow-hidden">
           <DialogHeader>
             <DialogTitle className="flex items-center gap-2">
-              <img 
+              <Image 
                 src="/providers/openrouter.svg" 
                 alt="OpenRouter" 
+                width={20}
+                height={20}
                 className="w-5 h-5"
               />
               Select OpenRouter Model

lib/openrouter.ts

@@ -1,5 +1,3 @@
-import { NextRequest } from "next/server";
-
 // OpenRouter Model Interfaces
 export interface OpenRouterModelArchitecture {
   input_modalities: string[];
@@ -35,7 +33,7 @@ export interface OpenRouterModel {
   architecture: OpenRouterModelArchitecture;
   pricing: OpenRouterModelPricing;
   top_provider: OpenRouterModelTopProvider;
-  per_request_limits: any;
+  per_request_limits: Record<string, unknown>;
   supported_parameters: string[];
 }