refactor: replace react-hot-toast with custom toast component, introduce SubmitButton for forms, and migrate status messages to toasts

app/(dashboard)/chat/page.tsx

@@ -6,7 +6,7 @@ import { DefaultChatTransport, type UIMessage } from "ai";
 import { Brain, Loader2, MessageSquare, Plus, Send, Trash2 } from "lucide-react";
 import { Button } from "poyraz-ui/atoms";
 import { useEffect, useRef, useState } from "react";
-import toast from "react-hot-toast";
+import { toast } from "poyraz-ui/molecules";
 
 type ChatSession = {
   id: string;

app/(dashboard)/clients/[id]/client-detail-client.tsx

@@ -7,7 +7,7 @@ import { Card, CardContent, Badge, Button, Input, Textarea, Label } from "poyraz
 import { Dialog, DialogContent, DialogHeader, DialogTitle, DialogTrigger, DialogFooter, Select, SelectTrigger, SelectValue, SelectContent, SelectItem, DialogDescription } from "poyraz-ui/molecules";
 import { Phone, Mail, ExternalLink, Calendar, Plus, MessageSquare, Briefcase, FileText, UserPlus, Loader2 } from "lucide-react";
 import Link from "next/link";
-import toast from "react-hot-toast";
+import { toast } from "poyraz-ui/molecules";
 import { addClientActivity } from "./actions";
 
 export type ClientDetailData = {

app/(dashboard)/settings/page.tsx

@@ -5,6 +5,7 @@ import { AlertTriangle, Blocks, Brain, Key, Save, Shield, User } from "lucide-re
 import { updatePassword, updateProfile } from "./actions";
 import { createClient } from "@/lib/supabase/client";
 import { Button, Card, CardContent, Input, Label } from "poyraz-ui/atoms";
+import { toast } from "poyraz-ui/molecules";
 
 type AiProvider = "groq" | "ollama" | "openai" | "gemini";
 
@@ -15,16 +16,13 @@ export default function SettingsPage() {
   const [firstName, setFirstName] = useState("");
   const [lastName, setLastName] = useState("");
   const [avatarUrl, setAvatarUrl] = useState("");
-  const [profileSaveStatus, setProfileSaveStatus] = useState("");
   
   // Security States
-  const [passwordSaveStatus, setPasswordSaveStatus] = useState("");
   const formRef = useRef<HTMLFormElement>(null);
 
   // AI States
   const [aiProvider, setAiProvider] = useState<AiProvider>("gemini");
   const [apiKey, setApiKey] = useState("");
-  const [aiSaveStatus, setAiSaveStatus] = useState("");
   
   // Supabase
   const [supabase] = useState(() => createClient());
@@ -63,11 +61,11 @@ export default function SettingsPage() {
         .single();
         
       if (settings && isActive) {
-        setAiProvider((settings.ai_model as AiProvider) || "gemini");
+        setAiProvider((settings.ai_provider as AiProvider) || "gemini");
         setApiKey(settings.api_key || "");
         
         // Also sync to local storage for existing API route calls if they use it
-        localStorage.setItem("mindspace_ai_provider", settings.ai_model);
+        localStorage.setItem("mindspace_ai_provider", settings.ai_provider || "gemini");
         localStorage.setItem("mindspace_api_key", settings.api_key || "");
       }
     };
@@ -79,24 +77,22 @@ export default function SettingsPage() {
   const handleProfileAction = async (formData: FormData) => {
     const response = await updateProfile(formData);
     if (response?.error) {
-      setProfileSaveStatus(`Hata: ${response.error}`);
+      toast.error(`Hata: ${response.error}`);
     } else {
-      setProfileSaveStatus("Profil güncellendi!");
+      toast.success("Profil güncellendi!");
       const avatar = formData.get("avatar");
       if (avatar instanceof File && avatar.size > 0) window.location.reload();
     }
-    setTimeout(() => setProfileSaveStatus(""), 3000);
   };
 
   const handlePasswordAction = async (formData: FormData) => {
     const response = await updatePassword(formData);
     if (response?.error) {
-      setPasswordSaveStatus(`Hata: ${response.error}`);
+      toast.error(`Hata: ${response.error}`);
     } else {
-      setPasswordSaveStatus("Şifre güncellendi!");
+      toast.success("Şifre güncellendi!");
       formRef.current?.reset();
     }
-    setTimeout(() => setPasswordSaveStatus(""), 3000);
   };
 
   const handleSaveAI = async () => {
@@ -109,7 +105,8 @@ export default function SettingsPage() {
         .from("app_settings")
         .upsert({
           user_id: user.id,
-          ai_model: aiProvider,
+          ai_provider: aiProvider,
+          ai_model: null, // Reset to allow default model fallback
           api_key: apiKey,
           updated_at: new Date().toISOString()
         }, { onConflict: 'user_id' });
@@ -120,12 +117,11 @@ export default function SettingsPage() {
       localStorage.setItem("mindspace_ai_provider", aiProvider);
       localStorage.setItem("mindspace_api_key", apiKey);
 
-      setAiSaveStatus("Yapay Zeka ayarları kaydedildi!");
+      toast.success("Yapay Zeka ayarları kaydedildi!");
     } catch (e: any) {
       console.error(e);
-      setAiSaveStatus("Hata oluştu, veritabanına kaydedilemedi.");
+      toast.error("Hata oluştu, veritabanına kaydedilemedi.");
     }
-    setTimeout(() => setAiSaveStatus(""), 3000);
   };
 
   return (
@@ -204,7 +200,6 @@ export default function SettingsPage() {
                     <Button type="submit" className="gap-2">
                       <Save className="h-4 w-4" /> Profili Kaydet
                     </Button>
-                    {profileSaveStatus && <span className="text-sm font-medium text-emerald-500">{profileSaveStatus}</span>}
                   </div>
                 </form>
               </CardContent>
@@ -224,7 +219,6 @@ export default function SettingsPage() {
                     <Button type="submit" className="gap-2">
                       <Save className="h-4 w-4" /> Şifreyi Güncelle
                     </Button>
-                    {passwordSaveStatus && <span className="text-sm font-medium text-emerald-500">{passwordSaveStatus}</span>}
                   </div>
                 </form>
               </CardContent>
@@ -285,7 +279,6 @@ export default function SettingsPage() {
                     <Button onClick={handleSaveAI} className="gap-2">
                       <Save className="h-4 w-4" /> Ayarları Kaydet
                     </Button>
-                    {aiSaveStatus && <span className="text-sm font-medium text-emerald-500">{aiSaveStatus}</span>}
                   </div>
                 </div>
               </CardContent>

app/layout.tsx

@@ -2,7 +2,7 @@ import type { Metadata, Viewport } from "next";
 import "./globals.css";
 import { Geist } from "next/font/google";
 import { cn } from "@/lib/utils";
-import { Toaster } from "react-hot-toast";
+import { Toaster } from "poyraz-ui/molecules";
 import { OfflineIndicator } from "@/components/ui/offline-indicator";
 
 const geist = Geist({ subsets: ["latin"], variable: "--font-sans" });
@@ -36,7 +36,7 @@ export default function RootLayout({
       <body>
         {children}
         <OfflineIndicator />
-        <Toaster position="top-right" />
+        <Toaster />
       </body>
     </html>
   );

app/login/page.tsx

@@ -5,6 +5,7 @@ import { getFirstAdminSetupState } from "@/lib/auth/first-admin-setup";
 import { LockKeyhole, LogIn, Mail } from "lucide-react";
 import Link from "next/link";
 import { Button, Input, Label } from "poyraz-ui/atoms";
+import { SubmitButton } from "@/components/auth/submit-button";
 
 export default async function LoginPage({
   searchParams,
@@ -65,10 +66,10 @@ export default async function LoginPage({
               </div>
             </div>
 
-            <Button formAction={login} className="h-11 w-full gap-2">
+            <SubmitButton formAction={login} className="h-11 w-full gap-2" pendingText="Giriş yapılıyor...">
               <LogIn className="h-4 w-4" />
               Giriş yap
-            </Button>
+            </SubmitButton>
           </form>
         }
         secondaryAction={null}

app/portal/projects/[id]/portal-project-client.tsx

@@ -6,7 +6,7 @@ import { tr } from "date-fns/locale";
 import { Card, CardContent, Badge, Button, Textarea, Label } from "poyraz-ui/atoms";
 import { Dialog, DialogContent, DialogHeader, DialogTitle, DialogTrigger, DialogFooter } from "poyraz-ui/molecules";
 import { CheckCircle2, Clock, MessageSquare, Loader2, RefreshCw } from "lucide-react";
-import toast from "react-hot-toast";
+import { toast } from "poyraz-ui/molecules";
 import { createRevisionRequest } from "./actions";
 
 import { Tabs, TabsContent, TabsList, TabsTrigger } from "poyraz-ui/molecules";

app/register/page.tsx

@@ -6,6 +6,7 @@ import { LockKeyhole, Mail, UserPlus } from "lucide-react";
 import Link from "next/link";
 import { redirect } from "next/navigation";
 import { Button, Input, Label } from "poyraz-ui/atoms";
+import { SubmitButton } from "@/components/auth/submit-button";
 
 export default async function RegisterPage({
   searchParams,
@@ -69,10 +70,10 @@ export default async function RegisterPage({
               </div>
             </div>
 
-            <Button formAction={signup} className="h-11 w-full gap-2">
+            <SubmitButton formAction={signup} className="h-11 w-full gap-2" pendingText="Oluşturuluyor...">
               <UserPlus className="h-4 w-4" />
               Admin hesabını oluştur
-            </Button>
+            </SubmitButton>
           </form>
         }
         secondaryAction={null}

components/auth/auth-page-shell.tsx

@@ -115,7 +115,7 @@ export function AuthPageShell({
           <div className="w-full relative z-10 p-10 text-sm text-primary-foreground/78">
             <span>Açık kaynak ve self-host edilebilir.</span>{" "}
             <Link
-              href="https://github.com/poyrazavsever/cognis"
+              href="https://github.com/poyrazavsever/revanios"
               className="font-semibold text-primary-foreground underline-offset-4 hover:underline"
               target="_blank"
             >

components/auth/submit-button.tsx

@@ -0,0 +1,31 @@
+"use client";
+
+import { useFormStatus } from "react-dom";
+import { Button } from "poyraz-ui/atoms";
+import { Loader2 } from "lucide-react";
+import React from "react";
+
+interface SubmitButtonProps extends React.ComponentProps<typeof Button> {
+  pendingText?: string;
+}
+
+export function SubmitButton({
+  children,
+  pendingText,
+  ...props
+}: SubmitButtonProps) {
+  const { pending } = useFormStatus();
+
+  return (
+    <Button disabled={pending} {...props}>
+      {pending ? (
+        <>
+          <Loader2 className="h-4 w-4 animate-spin" />
+          {pendingText || children}
+        </>
+      ) : (
+        children
+      )}
+    </Button>
+  );
+}

components/error-toaster.tsx

@@ -1,7 +1,7 @@
 'use client'
 
 import { useEffect } from 'react'
-import { toast } from 'react-hot-toast'
+import { toast } from 'poyraz-ui/molecules'
 
 export function ErrorToaster({ message }: { message: string }) {
   useEffect(() => {

package.json

@@ -45,7 +45,6 @@
     "react": "^19.2.7",
     "react-dom": "^19.2.7",
     "react-hook-form": "^7.77.0",
-    "react-hot-toast": "^2.6.0",
     "recharts": "^2.15.4",
     "shadcn": "^4.10.0",
     "tailwind-merge": "^3.6.0",