feat: Implement first admin setup guard to lock registration after initial account creation

- Updated the registration flow to check if the first admin account has been created, preventing further public registrations.
- Introduced `is_first_admin_setup_available` function to determine registration availability.
- Modified the `/register` and `/login` pages to redirect based on the setup state.
- Enhanced the user creation process to handle internal admin accounts correctly.
- Added migration script to enforce the new registration rules in the database.
- Refactored chat API to improve message handling and context building.
- Updated dashboard and settings components for better state management.
- Improved error handling and user feedback across various components.

app/(dashboard)/chat/page.tsx

@@ -1,339 +1,281 @@
 "use client";
 
-import { useEffect, useState, useRef } from "react";
-import { Brain, Send, MessageSquare, Plus, Trash2, Loader2, Wrench } from "lucide-react";
 import { createClient } from "@/lib/supabase/client";
-import { Button } from "poyraz-ui/atoms";
 import { useChat } from "@ai-sdk/react";
+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";
 
-interface ChatSession {
+type ChatSession = {
   id: string;
   title: string;
   created_at: string;
-}
+};
 
 export default function AIChatPage() {
   const [supabase] = useState(() => createClient());
   const [sessions, setSessions] = useState<ChatSession[]>([]);
   const [activeSessionId, setActiveSessionId] = useState<string | null>(null);
+  const [input, setInput] = useState("");
   const messagesEndRef = useRef<HTMLDivElement>(null);
 
-  const [input, setInput] = useState("");
-  const { messages, append, setMessages, isLoading, stop } = useChat({
-    api: "/api/chat",
-    body: {
-      sessionId: activeSessionId
+  const { messages, sendMessage, setMessages, status, stop } = useChat({
+    transport: new DefaultChatTransport({ api: "/api/chat" }),
+    onError: (error) => {
+      console.error(error);
+      toast.error(error.message || "Yapay zeka ile iletişim kurulurken bir hata oluştu.");
     },
-    onError: (err) => {
-      console.error(err);
-      toast.error(err.message || "Yapay zeka ile iletişim kurulurken bir hata oluştu.");
-    }
   });
-
-  const handleInputChange = (e: React.ChangeEvent<HTMLTextAreaElement>) => {
-    setInput(e.target.value);
-  };
-
-  // Auto-scroll to bottom
-  const scrollToBottom = () => {
-    messagesEndRef.current?.scrollIntoView({ behavior: "smooth" });
-  };
+  const isLoading = status === "submitted" || status === "streaming";
 
   useEffect(() => {
-    scrollToBottom();
+    messagesEndRef.current?.scrollIntoView({ behavior: "smooth" });
   }, [messages]);
 
-  // 1. Fetch Sessions on mount
   useEffect(() => {
-    const fetchSessions = async () => {
-      const { data: { user } } = await supabase.auth.getUser();
+    async function fetchSessions() {
+      const {
+        data: { user },
+      } = await supabase.auth.getUser();
+
       if (!user) return;
 
       const { data } = await supabase
         .from("chat_sessions")
-        .select("*")
+        .select("id, title, created_at")
         .eq("user_id", user.id)
-        .order("updated_at", { ascending: false });
+        .order("created_at", { ascending: false });
 
       if (data) {
         setSessions(data);
-        if (data.length > 0) {
-          setActiveSessionId(data[0].id);
-        }
+        setActiveSessionId(data[0]?.id || null);
       }
-    };
-    fetchSessions();
-  }, [supabase]);
-
-  // 2. Fetch Messages when session changes
-  useEffect(() => {
-    if (!activeSessionId) {
-      setMessages([]);
-      return;
     }
 
-    const fetchMessages = async () => {
+    void fetchSessions();
+  }, [supabase]);
+
+  useEffect(() => {
+    async function fetchMessages() {
+      if (!activeSessionId) {
+        setMessages([]);
+        return;
+      }
+
       const { data } = await supabase
         .from("chat_messages")
-        .select("*")
+        .select("id, role, content")
         .eq("session_id", activeSessionId)
         .order("created_at", { ascending: true });
 
-      if (data) {
-        // Map Supabase messages to AI SDK format
-        const formattedMessages = data.map((msg: any) => ({
-          id: msg.id,
-          role: msg.role as 'user' | 'assistant' | 'system',
-          content: msg.content,
-        }));
-        setMessages(formattedMessages);
-      } else {
-        setMessages([]);
-      }
-    };
-    
-    fetchMessages();
-  }, [activeSessionId, supabase, setMessages]);
+      const formattedMessages: UIMessage[] = (data || []).map((message) => ({
+        id: message.id,
+        role: message.role as UIMessage["role"],
+        parts: [{ type: "text", text: message.content || "" }],
+      }));
 
-  const handleNewChat = async () => {
+      setMessages(formattedMessages);
+    }
+
+    void fetchMessages();
+  }, [activeSessionId, setMessages, supabase]);
+
+  async function handleNewChat() {
     setActiveSessionId(null);
     setMessages([]);
-  };
+  }
 
-  const handleDeleteSession = async (id: string, e: React.MouseEvent) => {
-    e.stopPropagation();
+  async function handleDeleteSession(id: string, event: React.MouseEvent) {
+    event.stopPropagation();
     await supabase.from("chat_sessions").delete().eq("id", id);
-    const updatedSessions = sessions.filter(s => s.id !== id);
-    setSessions(updatedSessions);
-    if (activeSessionId === id) {
-      setActiveSessionId(updatedSessions.length > 0 ? updatedSessions[0].id : null);
-      if (updatedSessions.length === 0) setMessages([]);
-    }
-  };
 
-  const customHandleSubmit = async (e: React.FormEvent) => {
-    e.preventDefault();
-    if (!(input || "").trim() || isLoading) return;
+    const nextSessions = sessions.filter((session) => session.id !== id);
+    setSessions(nextSessions);
+
+    if (activeSessionId === id) {
+      setActiveSessionId(nextSessions[0]?.id || null);
+      if (nextSessions.length === 0) setMessages([]);
+    }
+  }
+
+  async function handleSubmit(event: { preventDefault: () => void }) {
+    event.preventDefault();
+
+    const currentInput = input.trim();
+    if (!currentInput || isLoading) return;
 
     let sessionId = activeSessionId;
-    const currentInput = input || "";
     setInput("");
 
     if (!sessionId) {
-      const { data: { user } } = await supabase.auth.getUser();
+      const {
+        data: { user },
+      } = await supabase.auth.getUser();
+
       if (!user) return;
 
-      const { data: newSess } = await supabase
+      const { data: newSession } = await supabase
         .from("chat_sessions")
-        .insert({ user_id: user.id, title: currentInput.slice(0, 30) + "..." })
-        .select()
+        .insert({
+          user_id: user.id,
+          title: currentInput.length > 32 ? `${currentInput.slice(0, 32)}...` : currentInput,
+        })
+        .select("id, title, created_at")
         .single();
-      
-      if (newSess) {
-        sessionId = newSess.id;
-        setActiveSessionId(sessionId);
-        setSessions([newSess, ...sessions]);
-      } else {
-        return;
-      }
+
+      if (!newSession) return;
+
+      sessionId = newSession.id;
+      setActiveSessionId(sessionId);
+      setSessions((currentSessions) => [newSession, ...currentSessions]);
     }
 
-    // Append using AI SDK with explicit body to ensure sessionId is passed immediately
-    append({ role: 'user', content: currentInput }, { body: { sessionId } });
-  };
+    await sendMessage({ text: currentInput }, { body: { sessionId } });
+  }
 
   return (
-    <div className="flex h-[calc(100vh-6rem)] w-full overflow-hidden border border-border rounded-lg bg-background">
-      
-      {/* Sidebar - Sessions List */}
-      <div className="w-80 border-r border-border bg-muted/20 flex flex-col hidden md:flex">
-        <div className="p-4 border-b border-border flex items-center justify-between">
-          <h2 className="font-semibold text-foreground flex items-center gap-2">
+    <div className="flex h-[calc(100dvh-6rem)] w-full overflow-hidden rounded-sm border border-border bg-background">
+      <aside className="hidden w-80 flex-col border-r border-border bg-muted/20 md:flex">
+        <div className="flex items-center justify-between border-b border-border p-4">
+          <h2 className="flex items-center gap-2 font-semibold text-foreground">
             <MessageSquare className="h-4 w-4" />
-            Geçmiş Sohbetler
+            Sohbetler
           </h2>
           <Button variant="outline" size="icon" className="h-8 w-8" onClick={handleNewChat}>
             <Plus className="h-4 w-4" />
           </Button>
         </div>
-        
-        <div className="flex-1 overflow-y-auto p-3 space-y-2">
+
+        <div className="tiny-scrollbar flex-1 space-y-2 overflow-y-auto p-3">
           {sessions.length === 0 ? (
-            <div className="text-center text-sm text-muted-foreground mt-10">Henüz sohbet yok.</div>
+            <div className="mt-10 text-center text-sm text-muted-foreground">
+              Henüz sohbet yok.
+            </div>
           ) : (
-            sessions.map(session => (
-              <div 
+            sessions.map((session) => (
+              <button
                 key={session.id}
+                type="button"
                 onClick={() => setActiveSessionId(session.id)}
-                className={`group flex items-center justify-between p-3 rounded-md cursor-pointer transition-colors ${activeSessionId === session.id ? 'bg-primary/10 text-primary' : 'hover:bg-muted/50 text-foreground'}`}
+                className={`group flex w-full items-center justify-between rounded-sm p-3 text-left transition-colors ${
+                  activeSessionId === session.id
+                    ? "bg-primary/10 text-primary"
+                    : "text-foreground hover:bg-muted/50"
+                }`}
               >
-                <div className="truncate text-sm font-medium w-full pr-2">
-                  {session.title || "İsimsiz Sohbet"}
-                </div>
-                <button 
-                  onClick={(e) => handleDeleteSession(session.id, e)}
-                  className={`opacity-0 group-hover:opacity-100 p-1 hover:bg-destructive/10 hover:text-destructive rounded transition-all`}
+                <span className="truncate pr-2 text-sm font-medium">
+                  {session.title || "İsimsiz sohbet"}
+                </span>
+                <span
+                  role="button"
+                  tabIndex={0}
+                  onClick={(event) => void handleDeleteSession(session.id, event)}
+                  className="rounded-sm p-1 opacity-0 transition-all hover:bg-rose-50 hover:text-rose-600 group-hover:opacity-100"
                 >
                   <Trash2 className="h-3.5 w-3.5" />
-                </button>
-              </div>
+                </span>
+              </button>
             ))
           )}
         </div>
-      </div>
+      </aside>
 
-      {/* Main Chat Area */}
-      <div className="flex-1 flex flex-col bg-background relative">
-        {/* Chat Header */}
-        <div className="h-14 border-b border-border flex items-center justify-between px-6 bg-background/50 backdrop-blur-sm z-10">
+      <section className="flex min-w-0 flex-1 flex-col">
+        <header className="flex h-14 items-center justify-between border-b border-border px-6">
           <div className="flex items-center gap-3">
-            <div className="h-8 w-8 rounded-full bg-primary/10 flex items-center justify-center text-primary">
+            <div className="flex h-8 w-8 items-center justify-center rounded-sm bg-primary/10 text-primary">
               <Brain className="h-4 w-4" />
             </div>
             <div>
-              <h2 className="text-sm font-semibold text-foreground">Ajan Asistan</h2>
-              <p className="text-[10px] text-muted-foreground flex items-center gap-1">
-                <span className="w-1.5 h-1.5 rounded-full bg-emerald-500"></span>
-                Sisteme görev ve veri ekleyebilir
-              </p>
+              <h1 className="text-sm font-semibold text-foreground">AI Asistan</h1>
+              <p className="text-xs text-muted-foreground">Kayıtlı verilerin hakkında soru sor.</p>
             </div>
           </div>
-          <Button variant="ghost" size="icon" className="md:hidden" onClick={handleNewChat}>
+          <Button variant="outline" size="icon" className="h-8 w-8 md:hidden" onClick={handleNewChat}>
             <Plus className="h-4 w-4" />
           </Button>
-        </div>
+        </header>
 
-        {/* Messages */}
-        <div className="flex-1 overflow-y-auto p-6 space-y-6 scroll-smooth">
+        <div className="tiny-scrollbar flex-1 space-y-5 overflow-y-auto p-6">
           {messages.length === 0 ? (
-            <div className="h-full flex flex-col items-center justify-center text-center opacity-70 max-w-md mx-auto">
-              <div className="h-16 w-16 bg-primary/10 rounded-2xl flex items-center justify-center mb-6 text-primary">
-                <Brain className="h-8 w-8" />
-              </div>
-              <h3 className="text-xl font-bold text-foreground mb-2">Ajan Asistan'a Hoşgeldiniz</h3>
-              <p className="text-sm text-muted-foreground mb-4">Sadece sorularınızı cevaplamakla kalmaz, komutlarınızla projeler, görevler ve finans kayıtları da oluşturabilir.</p>
-              
-              <div className="grid grid-cols-1 sm:grid-cols-2 gap-3 w-full mt-4">
-                <Button variant="outline" className="h-auto py-3 justify-start text-left text-xs whitespace-normal" onClick={() => setInput("Bana 'Sunum hazırlığı' adında yeni bir görev ekler misin?")}>
-                  Görev Ekle
-                </Button>
-                <Button variant="outline" className="h-auto py-3 justify-start text-left text-xs whitespace-normal" onClick={() => setInput("Bugün 350 TL Yemek harcaması yaptım, kaydeder misin?")}>
-                  Harcama Ekle
-                </Button>
-                <Button variant="outline" className="h-auto py-3 justify-start text-left text-xs whitespace-normal" onClick={() => setInput("Aktif projelerimin durumunu özetler misin?")}>
-                  Projelerimi Sorgula
-                </Button>
-                <Button variant="outline" className="h-auto py-3 justify-start text-left text-xs whitespace-normal" onClick={() => setInput("Son 30 günlük finansal özetimi ver.")}>
-                  Gelir/Gider Özeti
-                </Button>
+            <div className="mx-auto flex h-full max-w-md flex-col items-center justify-center text-center">
+              <div className="mb-5 flex h-14 w-14 items-center justify-center rounded-sm bg-primary/10 text-primary">
+                <Brain className="h-7 w-7" />
               </div>
+              <h2 className="text-xl font-semibold text-foreground">Verilerine danış</h2>
+              <p className="mt-2 text-sm text-muted-foreground">
+                Görevler, projeler, müşteriler, finans ve günlük kayıtların hakkında soru sorabilirsin.
+              </p>
             </div>
           ) : (
-            messages.map((msg) => (
-              <div key={msg.id} className={`flex ${msg.role === 'user' ? 'justify-end' : 'justify-start'}`}>
-                <div className={`flex gap-3 max-w-[85%] ${msg.role === 'user' ? 'flex-row-reverse' : 'flex-row'}`}>
-                  <div className={`shrink-0 h-8 w-8 rounded-full flex items-center justify-center ${msg.role === 'user' ? 'bg-primary text-primary-foreground' : 'bg-muted border border-border text-foreground'}`}>
-                    {msg.role === 'user' ? <span className="text-xs font-bold">ME</span> : <Brain className="h-4 w-4" />}
-                  </div>
-                  
-                  <div className="flex flex-col gap-2">
-                    {msg.content && (
-                      <div className={`px-4 py-3 rounded-2xl text-sm ${msg.role === 'user' ? 'bg-primary text-primary-foreground rounded-tr-none' : 'bg-muted/50 border border-border text-foreground rounded-tl-none whitespace-pre-wrap'}`}>
-                        {msg.content}
-                      </div>
-                    )}
+            messages.map((message) => {
+              const text = getMessageText(message);
 
-                    {/* Render Tool Invocations for AI Messages */}
-                    {msg.toolInvocations && msg.toolInvocations.map((tool) => (
-                      <div key={tool.toolCallId} className="flex items-center gap-2 text-xs text-muted-foreground bg-muted/30 border border-border px-3 py-1.5 rounded-md self-start">
-                        {tool.state === 'result' ? (
-                          <>
-                            <CheckCircle2 className="h-3.5 w-3.5 text-emerald-500" />
-                            <span><span className="font-medium text-foreground">{tool.toolName}</span> aracı başarıyla çalıştırıldı.</span>
-                          </>
-                        ) : (
-                          <>
-                            <Loader2 className="h-3.5 w-3.5 animate-spin text-primary" />
-                            <span><span className="font-medium text-foreground">{tool.toolName}</span> aracı çalıştırılıyor...</span>
-                          </>
-                        )}
-                      </div>
-                    ))}
+              return (
+                <div
+                  key={message.id}
+                  className={`flex ${message.role === "user" ? "justify-end" : "justify-start"}`}
+                >
+                  <div
+                    className={`max-w-[85%] rounded-sm px-4 py-3 text-sm ${
+                      message.role === "user"
+                        ? "bg-primary text-primary-foreground"
+                        : "border border-border bg-muted/40 text-foreground"
+                    }`}
+                  >
+                    {text}
                   </div>
                 </div>
-              </div>
-            ))
-          )}
-          
-          {isLoading && messages[messages.length - 1]?.role === 'user' && (
-             <div className="flex justify-start">
-             <div className="flex gap-3 max-w-[85%] flex-row">
-               <div className="shrink-0 h-8 w-8 rounded-full bg-muted border border-border text-foreground flex items-center justify-center">
-                 <Brain className="h-4 w-4" />
-               </div>
-               <div className="px-4 py-3 rounded-2xl text-sm bg-muted/50 border border-border text-foreground rounded-tl-none flex items-center gap-2">
-                 <span className="h-2 w-2 bg-primary/50 rounded-full animate-bounce" style={{ animationDelay: '0ms' }}></span>
-                 <span className="h-2 w-2 bg-primary/50 rounded-full animate-bounce" style={{ animationDelay: '150ms' }}></span>
-                 <span className="h-2 w-2 bg-primary/50 rounded-full animate-bounce" style={{ animationDelay: '300ms' }}></span>
-               </div>
-             </div>
-           </div>
+              );
+            })
           )}
+
+          {isLoading ? (
+            <div className="flex items-center gap-2 text-sm text-muted-foreground">
+              <Loader2 className="h-4 w-4 animate-spin text-primary" />
+              Yanıt hazırlanıyor...
+            </div>
+          ) : null}
           <div ref={messagesEndRef} />
         </div>
 
-        {/* Input Area */}
-        <div className="p-4 border-t border-border bg-background">
-          <form onSubmit={customHandleSubmit} className="relative flex items-end gap-2 max-w-4xl mx-auto">
-            <div className="relative flex-1 bg-muted/30 border border-border rounded-xl flex items-center focus-within:ring-2 focus-within:ring-primary/20 focus-within:border-primary transition-all">
-              <textarea
-                value={input}
-                onChange={handleInputChange}
-                onKeyDown={(e) => {
-                  if (e.key === 'Enter' && !e.shiftKey) {
-                    e.preventDefault();
-                    customHandleSubmit(e);
-                  }
-                }}
-                placeholder="Verilerinize dayalı bir soru sorun veya görev/finans kaydı eklemesini isteyin..."
-                className="w-full bg-transparent border-none focus:outline-none focus:ring-0 resize-none py-4 pl-4 pr-12 text-sm text-foreground placeholder:text-muted-foreground min-h-[56px] max-h-[200px]"
-                rows={1}
-                disabled={isLoading}
-              />
-              <div className="absolute right-2 bottom-2 flex gap-1">
-                {isLoading ? (
-                  <Button 
-                    type="button" 
-                    variant="outline"
-                    size="icon" 
-                    className="h-10 w-10 rounded-lg bg-background text-foreground"
-                    onClick={() => stop()}
-                  >
-                    <div className="w-3 h-3 bg-current" />
-                  </Button>
-                ) : (
-                  <Button 
-                    type="submit" 
-                    size="icon" 
-                    className={`h-10 w-10 rounded-lg ${(input || "").trim() ? 'bg-primary text-primary-foreground hover:bg-primary/90' : 'bg-muted text-muted-foreground'}`}
-                    disabled={!(input || "").trim()}
-                  >
-                    <Send className="h-4 w-4 ml-0.5" />
-                  </Button>
-                )}
-              </div>
-            </div>
-          </form>
-          <div className="text-center mt-3 flex items-center justify-center gap-4 text-[10px] text-muted-foreground">
-            <span>Yapay Zeka Hatalar Yapabilir.</span>
-            <div className="flex items-center gap-1">
-              <Wrench className="h-3 w-3" />
-              <span>Veri okuma/yazma yetkisi aktiftir.</span>
-            </div>
+        <form onSubmit={handleSubmit} className="border-t border-border p-4">
+          <div className="mx-auto flex max-w-4xl items-end gap-2 rounded-sm border border-border bg-background p-2 focus-within:border-primary">
+            <textarea
+              value={input}
+              onChange={(event) => setInput(event.target.value)}
+              onKeyDown={(event) => {
+                if (event.key === "Enter" && !event.shiftKey) {
+                  event.preventDefault();
+                  void handleSubmit(event);
+                }
+              }}
+              placeholder="Örn. Bu hafta geciken işlerim neler?"
+              className="min-h-10 max-h-40 flex-1 resize-none bg-transparent px-2 py-2 text-sm outline-none placeholder:text-muted-foreground"
+              rows={1}
+              disabled={isLoading}
+            />
+            {isLoading ? (
+              <Button type="button" variant="outline" size="icon" onClick={() => void stop()}>
+                <span className="h-3 w-3 bg-current" />
+              </Button>
+            ) : (
+              <Button type="submit" size="icon" disabled={!input.trim()}>
+                <Send className="h-4 w-4" />
+              </Button>
+            )}
           </div>
-        </div>
-      </div>
+        </form>
+      </section>
     </div>
   );
 }
+
+function getMessageText(message: UIMessage) {
+  return message.parts
+    .filter((part) => part.type === "text")
+    .map((part) => part.text)
+    .join("");
+}