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.
This commit is contained in:
Poyraz Avsever
+182
-240
@@ -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("");
|
||||
}
|
||||
|
||||
@@ -123,7 +123,7 @@ export function DashboardClient({ data }: DashboardClientProps) {
|
||||
<Plus className="h-4 w-4" />
|
||||
Hızlı Ekle
|
||||
</Button>
|
||||
<QuickActionsSheet open={isQuickActionOpen} onOpenChange={setIsQuickActionOpen} />
|
||||
<QuickActionsSheet isOpen={isQuickActionOpen} onClose={() => setIsQuickActionOpen(false)} />
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
@@ -1,7 +1,7 @@
|
||||
"use client";
|
||||
|
||||
import { useEffect, useRef, useState } from "react";
|
||||
import { User, Shield, Brain, Save, Key, AlertTriangle } from "lucide-react";
|
||||
import { AlertTriangle, Blocks, Brain, Key, Save, Shield, User } from "lucide-react";
|
||||
import { updatePassword, updateProfile } from "./actions";
|
||||
import { createClient } from "@/lib/supabase/client";
|
||||
import { Button, Card, CardContent, Input, Label } from "poyraz-ui/atoms";
|
||||
|
||||
Reference in New Issue
Block a user