| 1 | import { MessageSquarePlus } from "lucide-react"; |
| 2 | |
| 3 | import { Button } from "@/components/ui/button"; |
| 4 | |
| 5 | export function EmptyState({ |
| 6 | onNewChat, |
| 7 | }: { |
| 8 | onNewChat: () => void; |
| 9 | }) { |
| 10 | return ( |
| 11 | <div className="flex h-full flex-col items-center justify-center gap-4 text-center"> |
| 12 | <MessageSquarePlus |
| 13 | className="h-10 w-10 text-muted-foreground" |
| 14 | aria-hidden |
| 15 | /> |
| 16 | <div className="space-y-1"> |
| 17 | <p className="text-lg font-medium">No chats yet</p> |
| 18 | <p className="max-w-sm text-sm text-muted-foreground"> |
| 19 | Start a conversation — your sessions are stored locally on the Echo Director |
| 20 | workspace and stay available across reloads. |
| 21 | </p> |
| 22 | </div> |
| 23 | <Button onClick={onNewChat}>New chat</Button> |
| 24 | </div> |
| 25 | ); |
| 26 | } |
| 27 |