Fix remaining TypeScript and ESLint errors for successful build

app/api/test-scenarios/route.ts

@@ -1,4 +1,4 @@
-import { NextRequest, NextResponse } from "next/server";
+import { NextResponse } from "next/server";
 
 export async function POST() {
   console.log('🧪 Testing the exact failing scenario...');

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] = useLocalStorage<string>("openrouter-api-key", "");
   const refThink = useRef<HTMLDivElement | null>(null);
   const audio = useRef<HTMLAudioElement | null>(null);
 

components/editor/preview/index-simplified.tsx

@@ -14,7 +14,6 @@ export const Preview = forwardRef<
     isResizing: boolean;
     isAiWorking: boolean;
     device: "desktop" | "mobile";
-    currentTab: string;
     iframeRef?: React.RefObject<HTMLIFrameElement | null>;
     isEditableModeEnabled?: boolean;
     onClickElement?: (element: HTMLElement) => void;
@@ -24,7 +23,6 @@ export const Preview = forwardRef<
   isResizing,
   isAiWorking,
   device,
-  currentTab: _currentTab,
   iframeRef,
   isEditableModeEnabled,
   onClickElement,
@@ -46,7 +44,7 @@ export const Preview = forwardRef<
       htmlPreview: html.substring(0, 200) + '...',
       displayHtmlLength: displayHtml.length
     });
-  }, []);
+  }, [html.length, displayHtml.length]);
 
   // SIMPLIFIED: Reliable HTML update logic with optional smoothness
   useEffect(() => {

components/editor/preview/index.tsx

@@ -128,7 +128,7 @@ export const Preview = forwardRef<
     }
 
     console.log('✅ Preview update completed');
-  }, [html, isAiWorking]);
+  }, [html, isAiWorking, displayHtml]);
 
   // Enhanced smooth transitions via CSS injection
   useEffect(() => {
@@ -139,7 +139,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) {
         console.log('🎨 Smooth transitions already injected, updating...');
         existingStyle.remove();

components/openrouter-model-selector/index.tsx

@@ -11,14 +11,12 @@ import { Search, Loader2, RefreshCw, ExternalLink } from 'lucide-react';
 interface OpenRouterModelSelectorProps {
   selectedModel: string;
   onModelSelect: (modelId: string) => void;
-  apiKey?: string;
   disabled?: boolean;
 }
 
 export function OpenRouterModelSelector({
   selectedModel,
   onModelSelect,
-  apiKey: _apiKey,
   disabled = false
 }: OpenRouterModelSelectorProps) {
   const [isOpen, setIsOpen] = useState(false);