fix stuffs

src/components/ask-ai/ask-ai.tsx

@@ -284,9 +284,7 @@ function AskAI({
           type="text"
           disabled={isAiWorking}
           className="w-full bg-transparent max-lg:text-sm outline-none px-3 text-white placeholder:text-neutral-400 font-code"
-          placeholder={
-            hasAsked ? "What do you want to ask AI next?" : "Ask AI anything..."
-          }
+          placeholder={hasAsked ? "Ask AI for edits" : "Ask AI anything..."}
           value={prompt}
           onChange={(e) => setPrompt(e.target.value)}
           onKeyDown={(e) => {

src/components/deploy-button/deploy-button.tsx

@@ -103,7 +103,7 @@ function DeployButton({
               </Login>
             ) : (
               <>
-                <header className="flex items-center text-sm px-4 py-2 border-b border-gray-200 gap-2 bg-gray-100 font-semibold text-gray-700">
+                <header className="flex items-center text-sm px-4 py-3 border-b gap-2 bg-neutral-950 border-neutral-800 font-semibold text-neutral-200">
                   <span className="text-xs bg-pink-500/10 text-pink-500 rounded-full pl-1.5 pr-2.5 py-0.5 flex items-center justify-start gap-1.5">
                     <img src={SpaceIcon} alt="Space Icon" className="size-4" />
                     Space
@@ -130,7 +130,7 @@ function DeployButton({
                   </p>
                   {!path && (
                     <label className="block">
-                      <p className="text-gray-600 text-sm font-medium mb-1.5">
+                      <p className="text-muted-foreground text-sm mb-1.5">
                         Space Title
                       </p>
                       <input

src/components/footer/footer.tsx

@@ -72,7 +72,7 @@ function Footer({
                 <DropdownMenuTrigger asChild>
                   <p className="mr-3 text-xs lg:text-sm text-gray-300 flex items-center gap-1 cursor-pointer hover:brightness-110">
                     <ChevronDown className="size-4" />
-                    <Avatar className="size-7">
+                    <Avatar className="size-6 mr-1">
                       <AvatarImage src={auth?.picture} alt="@shadcn" />
                       <AvatarFallback className="text-sm">
                         {auth?.preferred_username?.charAt(0).toUpperCase() ??

src/components/history/history.tsx

@@ -13,7 +13,7 @@ export default function History({
     <Popover>
       <PopoverTrigger asChild>
         <Button variant="ghost" size="sm" className="max-lg:hidden">
-          {history?.length} versions
+          {history?.length} edits
         </Button>
       </PopoverTrigger>
       <PopoverContent
@@ -21,7 +21,7 @@ export default function History({
         align="start"
       >
         <header className="text-sm px-4 py-3 border-b gap-2 bg-neutral-950 border-neutral-800 font-semibold text-neutral-200">
-          Version History
+          History
         </header>
         <main className="px-4 space-y-3">
           <ul className="max-h-[250px] overflow-y-auto">

src/components/loading/loading.tsx

@@ -1,6 +1,6 @@
 function Loading() {
   return (
-    <div className="absolute left-0 top-0 h-full w-full flex items-center justify-center bg-white/30 z-20">
+    <div className="absolute left-0 top-0 h-full w-full flex items-center justify-center z-20 bg-black/50 rounded-full">
       <svg
         className="size-5 animate-spin text-white"
         xmlns="http://www.w3.org/2000/svg"

src/components/preview/preview.tsx

@@ -47,13 +47,14 @@ function Preview({
         )}
       />
       <iframe
+        id="preview-iframe"
         ref={iframeRef}
         title="output"
         className={classNames(
           "w-full select-none transition-all duration-200 bg-black max-lg:h-full",
           {
             "pointer-events-none": isResizing || isAiWorking,
-            "lg:max-w-md lg:mx-auto lg:h-[80dvh] lg:!rounded-[48px] lg:border-[8px] lg:border-neutral-700 lg:shadow-2xl":
+            "lg:max-w-md lg:mx-auto lg:h-[80dvh] lg:!rounded-[42px] lg:border-[8px] lg:border-neutral-700 lg:shadow-2xl":
               device === "mobile",
             "h-full": device === "desktop",
             "lg:border-[8px] lg:border-neutral-700 lg:shadow-2xl lg:rounded-[44px]":
@@ -61,6 +62,15 @@ function Preview({
           }
         )}
         srcDoc={html}
+        onLoad={() => {
+          if (iframeRef?.current?.contentWindow?.document?.body) {
+            iframeRef.current.contentWindow.document.body.scrollIntoView({
+              block: isAiWorking ? "end" : "start",
+              inline: "nearest",
+              behavior: isAiWorking ? "instant" : "smooth",
+            });
+          }
+        }}
       />
     </div>
   );

src/components/settings/settings.tsx

@@ -142,7 +142,7 @@ function Settings({
                       (m: { value: string }) => m.value === model
                     );
                     if (provider === "auto") {
-                      onChange(foundModel.providers[0]);
+                      onChange(foundModel.autoProvider);
                     } else {
                       onChange("auto");
                     }

src/views/App.tsx

@@ -165,6 +165,10 @@ export default function App() {
     if (currentTab === "chat") {
       // Reset editor width when switching to reasoning tab
       resetLayout();
+      // re-add the event listener for resizing
+      if (resizer.current) {
+        resizer.current.addEventListener("mousedown", handleMouseDown);
+      }
     } else {
       if (preview.current) {
         // Reset preview width when switching to preview tab

utils/providers.js

@@ -36,7 +36,7 @@ export const MODELS = [
     value: "deepseek-ai/DeepSeek-V3-0324",
     label: "DeepSeek V3 O324",
     providers: ["fireworks-ai", "nebius", "sambanova", "novita", "hyperbolic"],
-    autoProvider: "novita",
+    autoProvider: "sambanova",
   },
   {
     value: "deepseek-ai/DeepSeek-R1-0528",