test_v

app/api/ask-ai/route.ts

@@ -223,8 +223,7 @@ export async function PUT(request: NextRequest) {
   const userToken = request.cookies.get(MY_TOKEN_KEY())?.value;
 
   const body = await request.json();
-  const { prompt, html, previousPrompt, provider, selectedElementHtml, model } =
-    body;
+  const { prompt, html, previousPrompt, provider, selectedElementHtml } = body;
 
   if (!prompt || !html) {
     return NextResponse.json(
@@ -233,15 +232,7 @@ export async function PUT(request: NextRequest) {
     );
   }
 
-  const selectedModel = MODELS.find(
-    (m) => m.value === model || m.label === model
-  );
-  if (!selectedModel) {
-    return NextResponse.json(
-      { ok: false, error: "Invalid model selected" },
-      { status: 400 }
-    );
-  }
+  const selectedModel = MODELS[0];
 
   let token = userToken;
   let billTo: string | null = null;

components/editor/ask-ai/index.tsx

@@ -67,10 +67,6 @@ export function AskAI({
   const [controller, setController] = useState<AbortController | null>(null);
   const [isFollowUp, setIsFollowUp] = useState(true);
 
-  const selectedModel = useMemo(() => {
-    return MODELS.find((m: { value: string }) => m.value === model);
-  }, [model]);
-
   const callAi = async (redesignMarkdown?: string) => {
     if (isAiWorking) return;
     if (!redesignMarkdown && !prompt.trim()) return;
@@ -182,9 +178,7 @@ export function AskAI({
               setPrompt("");
               setisAiWorking(false);
               setHasAsked(true);
-              if (selectedModel?.isThinker) {
-                setModel(MODELS[0].value);
-              }
+              setModel(MODELS[0].value);
               if (audio.current) audio.current.play();
 
               // Now we have the complete HTML including </html>, so set it to be sure
@@ -450,7 +444,7 @@ export function AskAI({
                 id="diff-patch-checkbox"
                 checked={isFollowUp}
                 onCheckedChange={(e) => {
-                  if (e === true && !isSameHtml && selectedModel?.isThinker) {
+                  if (e === true && !isSameHtml) {
                     setModel(MODELS[0].value);
                   }
                   setIsFollowUp(e === true);

components/editor/deploy-button/index.tsx

@@ -71,7 +71,7 @@ export function DeployButton({
               <div>
                 <Button variant="default" className="max-lg:hidden !px-4">
                   <MdSave className="size-4" />
-                  Deploy your Project
+                  Save your Project
                 </Button>
                 <Button variant="default" size="sm" className="lg:hidden">
                   Deploy

components/editor/save-button/index.tsx

@@ -59,7 +59,7 @@ export function SaveButton({
         onClick={updateSpace}
       >
         <MdSave className="size-4" />
-        Deploy your Project{" "}
+        Save your Project{" "}
         {loading && <Loading className="ml-2 size-4 animate-spin" />}
       </Button>
       <Button
@@ -68,7 +68,7 @@ export function SaveButton({
         className="lg:hidden relative"
         onClick={updateSpace}
       >
-        Deploy {loading && <Loading className="ml-2 size-4 animate-spin" />}
+        Save {loading && <Loading className="ml-2 size-4 animate-spin" />}
       </Button>
     </>
   );

lib/prompts.ts

@@ -2,7 +2,7 @@ export const SEARCH_START = "<<<<<<< SEARCH";
 export const DIVIDER = "=======";
 export const REPLACE_END = ">>>>>>> REPLACE";
 export const MAX_REQUESTS_PER_IP = 2;
-export const INITIAL_SYSTEM_PROMPT = `ONLY USE HTML, CSS AND JAVASCRIPT. If you want to use ICON make sure to import the library first. Try to create the best UI possible by using only HTML, CSS and JAVASCRIPT. MAKE IT RESPONSIVE USING TAILWINDCSS. Use as much as you can TailwindCSS for the CSS, if you can't do something with TailwindCSS, then use custom CSS (make sure to import <script src="https://cdn.tailwindcss.com"></script> in the head). Also, try to ellaborate as much as you can, to create something unique. ALWAYS GIVE THE RESPONSE INTO A SINGLE HTML FILE. AVOID CHINESE CHARACTERS IN THE CODE IF NOT ASKED BY THE USER.`;
+export const INITIAL_SYSTEM_PROMPT = `ONLY USE HTML, CSS AND JAVASCRIPT. If you want to use ICON make sure to import the library first. Try to create the best UI possible by using only HTML, CSS and JAVASCRIPT. MAKE IT RESPONSIVE USING TAILWINDCSS. Use as much as you can TailwindCSS for the CSS, if you can't do something with TailwindCSS, then use custom CSS (make sure to import <script src="https://cdn.tailwindcss.com"></script> in the head). Also, try to ellaborate as much as you can, to create something unique. ALWAYS GIVE THE RESPONSE INTO A SINGLE HTML FILE`;
 export const FOLLOW_UP_SYSTEM_PROMPT = `You are an expert web developer modifying an existing HTML file.
 The user wants to apply changes based on their request.
 You MUST output ONLY the changes required using the following SEARCH/REPLACE block format. Do NOT output the entire file.

lib/providers.ts

@@ -29,11 +29,6 @@ export const PROVIDERS = {
     max_tokens: 128_000,
     id: "together",
   },
-  groq: {
-    name: "Groq",
-    max_tokens: 16_384,
-    id: "groq",
-  },
 };
 
 export const MODELS = [
@@ -55,19 +50,7 @@ export const MODELS = [
       "sambanova",
     ],
     autoProvider: "novita",
-    isThinker: true,
-  },
-  {
-    value: "Qwen/Qwen3-Coder-480B-A35B-Instruct",
-    label: "Qwen3 Coder 480B A35B Instruct",
-    providers: ["novita", "hyperbolic"],
-    autoProvider: "novita",
     isNew: true,
-  },
-  {
-    value: "moonshotai/Kimi-K2-Instruct",
-    label: "Kimi K2 Instruct",
-    providers: ["together", "novita", "groq"],
-    autoProvider: "groq",
+    isThinker: true,
   },
 ];