"use client" import { Button } from "@/components/ui/button" import { Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupLabel, SidebarHeader, SidebarMenu, SidebarMenuButton, SidebarMenuItem, SidebarRail } from "@/components/ui/sidebar" import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from "@/components/ui/tooltip" import { NavUser } from "@/components/nav-user" import { MessageCircle, SquarePen } from "lucide-react" // This is sample data. const data = { user: { name: "John Doe", email: "m@example.com", avatar: "/avatar-1.png" }, recentChats: [ { title: "Project Planning Assistant", date: new Date(2024, 2, 20), url: "#" }, { title: "Code Review Helper", date: new Date(2024, 2, 19), url: "#" }, { title: "Bug Analysis Chat", date: new Date(2024, 2, 18), url: "#" } ], lastWeekChats: [ { title: "API Design Discussion", date: new Date(2024, 2, 15), url: "#" }, { title: "Database Schema Planning", date: new Date(2024, 2, 14), url: "#" } ], lastMonthChats: [ { title: "Architecture Overview", date: new Date(2024, 1, 28), url: "#" }, { title: "Performance Optimization", date: new Date(2024, 1, 25), url: "#" } ], previousChats: [ { title: "Initial Project Setup", date: new Date(2023, 11, 15), url: "#" }, { title: "Requirements Analysis", date: new Date(2023, 11, 10), url: "#" } ] } export function SidebarApp({ ...props }) { return (
simple-ai
{/* New Chat Button */}

New Chat

{/* Recent Chats */} Recent {data.recentChats.map(chat => ( {chat.title} ))} {/* Previous 7 Days */} Previous 7 Days {data.lastWeekChats.map(chat => ( {chat.title} ))} {/* Previous 30 Days */} Previous 30 Days {data.lastMonthChats.map(chat => ( {chat.title} ))} {/* Previous Years */} Previous Years {data.previousChats.map(chat => ( {chat.title} ))}
) }