refactor(api): remove AI worker, add ai api route, add usage tiers

- Remove separate AI worker service
- Added generation limits:
  FREE: 1000/month (For the beta version)
  PRO: 500/month
  ENTERPRISE: 1000/month
- Integrate AI functionality into main API routes
- Added monthly generations reset and usage tier upgrade API routes
- Upgrade tier page to be added along with profile page section

frontend/components/editor/AIChat/lib/chatUtils.ts

@@ -89,7 +89,8 @@ export const handleSend = async (
   setIsGenerating: React.Dispatch<React.SetStateAction<boolean>>,
   setIsLoading: React.Dispatch<React.SetStateAction<boolean>>,
   abortControllerRef: React.MutableRefObject<AbortController | null>,
-  activeFileContent: string
+  activeFileContent: string,
+  isEditMode: boolean = false
 ) => {
   // Return if input is empty and context is null
   if (input.trim() === "" && !context) return
@@ -129,17 +130,17 @@ export const handleSend = async (
     }))
 
     // Fetch AI response for chat message component
-    const response = await fetch(
-      `${process.env.NEXT_PUBLIC_AI_WORKER_URL}/api`,
-      {
-        method: "POST",
-        headers: {
-          "Content-Type": "application/json",
+    const response = await fetch("/api/ai", 
+    {
+      method: "POST",
+      headers: {
+        "Content-Type": "application/json",
         },
         body: JSON.stringify({
           messages: anthropicMessages,
           context: context || undefined,
           activeFileContent: activeFileContent,
+          isEditMode: isEditMode,
         }),
         signal: abortControllerRef.current.signal,
       }
@@ -147,7 +148,8 @@ export const handleSend = async (
 
     // Throw error if response is not ok
     if (!response.ok) {
-      throw new Error("Failed to get AI response")
+      const error = await response.text()
+      throw new Error(error)
     }
 
     // Get reader for chat message component
@@ -197,7 +199,7 @@ export const handleSend = async (
       console.error("Error fetching AI response:", error)
       const errorMessage = {
         role: "assistant" as const,
-        content: "Sorry, I encountered an error. Please try again.",
+        content: error.message || "Sorry, I encountered an error. Please try again.",
       }
       setMessages((prev) => [...prev, errorMessage])
     }

frontend/components/editor/generate.tsx

@@ -5,14 +5,12 @@ import { Editor } from "@monaco-editor/react"
 import { Check, Loader2, RotateCw, Sparkles, X } from "lucide-react"
 import { usePathname, useRouter } from "next/navigation"
 import { useCallback, useEffect, useRef, useState } from "react"
-import { Socket } from "socket.io-client"
 import { toast } from "sonner"
 import { Button } from "../ui/button"
 // import monaco from "monaco-editor"
 
 export default function GenerateInput({
   user,
-  socket,
   width,
   data,
   editor,
@@ -21,7 +19,6 @@ export default function GenerateInput({
   onClose,
 }: {
   user: User
-  socket: Socket
   width: number
   data: {
     fileName: string
@@ -59,32 +56,54 @@ export default function GenerateInput({
   }: {
     regenerate?: boolean
   }) => {
-    if (user.generations >= 1000) {
-      toast.error("You reached the maximum # of generations.")
-      return
-    }
+    try {
+      setLoading({ generate: !regenerate, regenerate })
+      setCurrentPrompt(input)
 
-    setLoading({ generate: !regenerate, regenerate })
-    setCurrentPrompt(input)
-    socket.emit(
-      "generateCode",
-      {
-        fileName: data.fileName,
-        code: data.code,
-        line: data.line,
-        instructions: regenerate ? currentPrompt : input,
-      },
-      (res: { response: string; success: boolean }) => {
-        console.log("Generated code", res.response, res.success)
-        // if (!res.success) {
-        //   toast.error("Failed to generate code.");
-        //   return;
-        // }
+      const response = await fetch("/api/ai", {
+        method: "POST",
+        headers: {
+          "Content-Type": "application/json",
+        },
+        body: JSON.stringify({
+          messages: [{
+            role: "user",
+            content: regenerate ? currentPrompt : input
+          }],
+          context: null,
+          activeFileContent: data.code,
+          isEditMode: true,
+          fileName: data.fileName,
+          line: data.line
+        }),
+      })
 
-        setCode(res.response)
-        router.refresh()
+      if (!response.ok) {
+        const error = await response.text()
+        toast.error(error)
+        return
       }
-    )
+
+      const reader = response.body?.getReader()
+      const decoder = new TextDecoder()
+      let result = ""
+
+      if (reader) {
+        while (true) {
+          const { done, value } = await reader.read()
+          if (done) break
+          result += decoder.decode(value, { stream: true })
+        }
+      }
+
+      setCode(result.trim())
+      router.refresh()
+    } catch (error) {
+      console.error("Generation error:", error)
+      toast.error("Failed to generate code")
+    } finally {
+      setLoading({ generate: false, regenerate: false })
+    }
   }
   const handleGenerateForm = useCallback(
     (e: React.FormEvent<HTMLFormElement>) => {

frontend/components/editor/index.tsx

@@ -949,7 +949,6 @@ export default function CodeEditor({
           {generate.show ? (
             <GenerateInput
               user={userData}
-              socket={socket!}
               width={generate.width - 90}
               data={{
                 fileName: tabs.find((t) => t.id === activeFileId)?.name ?? "",