fix

app/api/ask/route.ts

@@ -102,7 +102,7 @@ export async function POST(request: NextRequest) {
   let rewrittenPrompt = prompt;
 
   if (enhancedSettings.isActive) {
-    rewrittenPrompt = await rewritePrompt(prompt, enhancedSettings, { token, billTo }, selectedModel.value, selectedProvider);
+    rewrittenPrompt = await rewritePrompt(prompt, enhancedSettings, { token, billTo }, selectedModel.value, selectedProvider.provider);
   }
 
   try {

components/editor/ask-ai/index.tsx

@@ -1,14 +1,15 @@
-import { useMemo, useState } from "react";
+import { useMemo, useRef, useState } from "react";
 import classNames from "classnames";
 import {
   ArrowUp,
+  ChevronDown,
   CircleStop,
   Pause,
   Plus,
   Square,
   StopCircle,
 } from "lucide-react";
-import { useLocalStorage } from "react-use";
+import { useLocalStorage, useUpdateEffect } from "react-use";
 import { toast } from "sonner";
 
 import { useAi } from "@/hooks/useAi";
@@ -61,6 +62,7 @@ export const AskAi = ({
   const { openProModal } = useProModal();
   const [openProvider, setOpenProvider] = useState(false);
   const [providerError, setProviderError] = useState("");
+  const refThink = useRef<HTMLDivElement>(null);
 
   const [enhancedSettings, setEnhancedSettings, removeEnhancedSettings] =
     useLocalStorage<EnhancedSettings>("deepsite-enhancedSettings", {
@@ -117,9 +119,9 @@ export const AskAi = ({
 
       if (result?.success) {
         setPrompt("");
-        if (selectedModel?.isThinker) {
-          setModel(MODELS[0].value);
-        }
+        // if (selectedModel?.isThinker) {
+        //   setModel(MODELS[0].value);
+        // }
       }
     }
   };
@@ -147,9 +149,52 @@ export const AskAi = ({
     }
   };
 
+  useUpdateEffect(() => {
+    if (refThink.current) {
+      refThink.current.scrollTop = refThink.current.scrollHeight;
+    }
+  }, [think]);
+
   return (
     <div className="p-3 w-full">
       <div className="relative bg-neutral-800 border border-neutral-700 rounded-2xl ring-[4px] focus-within:ring-neutral-500/30 focus-within:border-neutral-600 ring-transparent z-20 w-full group">
+        {think && (
+          <div className="w-full border-b border-neutral-700 relative overflow-hidden">
+            <header
+              className="flex items-center justify-between px-5 py-2.5 group hover:bg-neutral-600/20 transition-colors duration-200 cursor-pointer"
+              onClick={() => {
+                setOpenThink(!openThink);
+              }}
+            >
+              <p className="text-sm font-medium text-neutral-300 group-hover:text-neutral-200 transition-colors duration-200">
+                {isThinking ? "DeepSite is thinking..." : "DeepSite's plan"}
+              </p>
+              <ChevronDown
+                className={classNames(
+                  "size-4 text-neutral-400 group-hover:text-neutral-300 transition-all duration-200",
+                  {
+                    "rotate-180": openThink,
+                  }
+                )}
+              />
+            </header>
+            <main
+              ref={refThink}
+              className={classNames(
+                "overflow-y-auto transition-all duration-200 ease-in-out",
+                {
+                  "max-h-[0px]": !openThink,
+                  "min-h-[250px] max-h-[250px] border-t border-neutral-700":
+                    openThink,
+                }
+              )}
+            >
+              <p className="text-[13px] text-neutral-400 whitespace-pre-line px-5 pb-4 pt-3">
+                {think}
+              </p>
+            </main>
+          </div>
+        )}
         <SelectedFiles
           files={selectedFiles}
           isAiWorking={isAiWorking}

hooks/useAi.ts

@@ -93,11 +93,18 @@ export const useAi = (onScrollToBottom?: () => void, livePreviewRef?: React.RefO
 
   const { data: model } = useQuery({
     queryKey: ["ai.model"],
-    queryFn: async () => storageModel ?? MODELS[0].value,
+    queryFn: async () => {
+      // check if the model exist in the MODELS array
+      const selectedModel = MODELS.find(m => m.value === storageModel || m.label === storageModel);
+      if (selectedModel) {
+        return selectedModel.value;
+      }
+      return MODELS[0].value;
+    },
     refetchOnWindowFocus: false,
     refetchOnReconnect: false,
     refetchOnMount: false,
-    initialData: storageModel ?? MODELS[0].value
+    initialData: undefined,
   });
   const setModel = (newModel: string) => {
     setStorageModel(newModel);
@@ -220,16 +227,16 @@ export const useAi = (onScrollToBottom?: () => void, livePreviewRef?: React.RefO
             }
           }
           
-          if (selectedModel?.isThinker) {
-            const thinkMatch = contentResponse.match(/<think>[\s\S]*/)?.[0];
-            if (thinkMatch && !contentResponse?.includes("</think>")) {
-              handleThink?.(thinkMatch.replace("<think>", "").trim());
-            }
-          }
-
-          if (contentResponse.includes("</think>")) {
-            onFinishThink?.();
-          }
+          // if (selectedModel?.isThinker) {
+          //   const thinkMatch = contentResponse.match(/<think>[\s\S]*/)?.[0];
+          //   if (thinkMatch && !contentResponse?.includes("</think>")) {
+          //     handleThink?.(thinkMatch.replace("<think>", "").trim());
+          //   }
+          // }
+
+          // if (contentResponse.includes("</think>")) {
+          //   onFinishThink?.();
+          // }
 
           formatPages(contentResponse);
           

hooks/useEditor.ts

@@ -1,18 +1,18 @@
 import { useQuery, useQueryClient, useMutation } from "@tanstack/react-query";
 import { useMemo } from "react";
-import { useLocalStorage, useUpdateEffect } from "react-use";
+import { useUpdateEffect } from "react-use";
 import { toast } from "sonner";
 import { useRouter } from "next/navigation";
 
 import { defaultHTML } from "@/lib/consts";
-import { Commit, HtmlHistory, Page, Project } from "@/types";
+import { Commit, Page, Project } from "@/types";
 import { api } from "@/lib/api";
 import { isTheSameHtml } from "@/lib/compare-html-diff";
 
 export const useEditor = (namespace?: string, repoId?: string) => {
   const client = useQueryClient();
   const router = useRouter();
-  const [pagesStorage,, removePagesStorage] = useLocalStorage<Page[]>("pages");
+  // const [pagesStorage,, removePagesStorage] = useLocalStorage<Page[]>("pages");
 
   const { data: project, isFetching: isLoadingProject } = useQuery({
     queryKey: ["editor.project"],

lib/providers.ts

@@ -43,20 +43,20 @@ export const MODELS = [
     providers: ["fireworks-ai", "nebius", "sambanova", "novita", "hyperbolic"],
     autoProvider: "novita",
   },
-  {
-    value: "deepseek-ai/DeepSeek-R1-0528",
-    label: "DeepSeek R1 0528",
-    providers: [
-      "fireworks-ai",
-      "novita",
-      "hyperbolic",
-      "nebius",
-      "together",
-      "sambanova",
-    ],
-    autoProvider: "novita",
-    isThinker: true,
-  },
+  // {
+  //   value: "deepseek-ai/DeepSeek-R1-0528",
+  //   label: "DeepSeek R1 0528",
+  //   providers: [
+  //     "fireworks-ai",
+  //     "novita",
+  //     "hyperbolic",
+  //     "nebius",
+  //     "together",
+  //     "sambanova",
+  //   ],
+  //   autoProvider: "novita",
+  //   isThinker: true,
+  // },
   {
     value: "Qwen/Qwen3-Coder-480B-A35B-Instruct",
     label: "Qwen3 Coder 480B A35B Instruct",