new modela dded with fix: upgrade caed added

Author: SwarnenduG07

app/(dashboard)/(routes)/image/constants.tsx

@@ -34,11 +34,15 @@ export const amountOptions = [
 
  export const modelsOptions = [
     {
-       value:"https://api-inference.huggingface.co/models/stabilityai/stable-diffusion-3-medium-diffusers",
+       value:"https://api-inference.huggingface.co/models/stabilityai/stable-diffusion-3.5-large-turbo",
        lable:"Model-> Stable-diffusion-3-M"
     },
    {
       value: "https://api-inference.huggingface.co/models/SG161222/RealVisXL_V4.0",
       lable: "RealV-Mk-1"
    },
+   {
+      value: "https://api-inference.huggingface.co/models/black-forest-labs/FLUX.1-dev",
+      lable: "Flux V1"
+   },
  ]

app/api/image/route.ts

@@ -6,10 +6,10 @@ import { checkSubscription } from "@/lib/subscription";
 
 require("dotenv").config();
 
-// Define the structure of the request body
+
 interface RequestBody {
     prompt: string;
-    models: string; // Added modelUrl to select which model to use
+    models: string; 
 }
 
 // Define the structure of the error response from Hugging Face API
@@ -34,7 +34,8 @@ function fetchWithTimeout(
 }
 const modelUrl = {
     "RealV-Mk-1": "https://api-inference.huggingface.co/models/SG161222/RealVisXL_V4.0",
-    "Stable-diffusion-3-M": "https://api-inference.huggingface.co/models/stabilityai/stable-diffusion-3-medium-diffusers",
+    "Stable-diffusion-3-M": "https://api-inference.huggingface.co/models/stabilityai/stable-diffusion-3.5-large-turbo",
+    "Flux V1": "https://api-inference.huggingface.co/models/black-forest-labs/FLUX.1-dev"
 
 };
 

components/freeCounter.tsx

@@ -25,16 +25,16 @@ export const FreeCounter = ({apiLimitCount = 0, isPro = false}: FreeCounterProps
         return null
     }
     return (
-        <div className="px-3">
+        <div className="py-52">
             <Card className="bg-white/10 border-0">
-                <CardContent className="py-6">
+                <CardContent className="py-5">
                     <div className="text-center text-sm text-white mb-4 space-y-2">
                         <p>
                            {apiLimitCount} / {MAX_FREE_COUNTS} Free Generations
                            <Progress  className="h-3" value={(apiLimitCount / MAX_FREE_COUNTS) * 100}/>
                         </p>
                     </div>
-                    <Button onClick={proModel.onOpen} className="w-full" variant="premium">
+                     <Button onClick={proModel.onOpen} className="w-full" variant="premium">
                         Upgrade
                         <Zap className="w-4 h-4 ml-2 fill-white"/>
                     </Button>

components/sidebar.tsx

@@ -84,15 +84,15 @@ const SideBar = ({ apiLimitCount = 0, isPro = false}: SidebarProps) => {
 
                      )}
                      >
-                     <div className="flex items-center flex-1">
+                     <div className="flex items-center flex-1 bg0">
                         <route.icon className={cn ("h-5 w-5 mr-3", route.color)}/>
                         {route.lable}
                      </div>
                      </Link>
                   ))}
                 </div>
+                 <FreeCounter  isPro={isPro} apiLimitCount ={apiLimitCount}/>
              </div>
-             <FreeCounter isPro={isPro} apiLimitCount ={apiLimitCount}/>
         </div>
     )
 }