app-shell-3

1"use client"
2 
3import * as React from "react"
4import {
5  RiBarChartBoxLine,
6  RiCheckboxCircleLine,
7  RiErrorWarningLine,
8  RiFolder3Line,
9  RiGitMergeLine,
10  RiLayoutGridLine,
11  RiLogoutBoxRLine,
12  RiNotification3Line,
13  RiRocketLine,
14  RiSearchLine,
15  RiSettings3Line,
16  RiTeamLine,
17  RiUser3Line,
18  RiUserAddLine,
19} from "@remixicon/react"
20import { toast } from "sonner"
21import { Area, AreaChart, CartesianGrid, XAxis } from "recharts"
22 
23import { Avatar, AvatarFallback, AvatarImage } from "@/components/ui/avatar"
24import {
25  type ChartConfig,
26  ChartContainer,
27  ChartTooltip,
28  ChartTooltipContent,
29} from "@/components/ui/chart"
30import { Badge } from "@/components/ui/badge"
31import { Button } from "@/components/ui/button"
32import {
33  Card,
34  CardAction,
35  CardContent,
36  CardHeader,
37  CardTitle,
38} from "@/components/ui/card"
39import {
40  Command,
41  CommandDialog,
42  CommandEmpty,
43  CommandGroup,
44  CommandInput,
45  CommandItem,
46  CommandList,
47  CommandSeparator,
48  CommandShortcut,
49} from "@/components/ui/command"
50import { Kbd, KbdGroup } from "@/components/ui/kbd"
51import {
52  DropdownMenu,
53  DropdownMenuContent,
54  DropdownMenuItem,
55  DropdownMenuSeparator,
56  DropdownMenuTrigger,
57} from "@/components/ui/dropdown-menu"
58import {
59  Sheet,
60  SheetContent,
61  SheetDescription,
62  SheetHeader,
63  SheetTitle,
64  SheetTrigger,
65} from "@/components/ui/sheet"
66import {
67  Sidebar,
68  SidebarContent,
69  SidebarFooter,
70  SidebarGroup,
71  SidebarHeader,
72  SidebarInset,
73  SidebarMenu,
74  SidebarMenuButton,
75  SidebarMenuItem,
76  SidebarProvider,
77  SidebarTrigger,
78} from "@/components/ui/sidebar"
79import { Toaster } from "@/components/ui/sonner"
80 
81const navItems = [
82  { label: "Overview", icon: RiLayoutGridLine },
83  { label: "Analytics", icon: RiBarChartBoxLine },
84  { label: "Projects", icon: RiFolder3Line },
85  { label: "Team", icon: RiTeamLine },
86  { label: "Settings", icon: RiSettings3Line },
87]
88 
89const stats = [
90  { label: "Total revenue", value: "$48.2k", delta: "+12.4%" },
91  { label: "Active users", value: "2,840", delta: "+5.1%" },
92  { label: "Conversion", value: "3.6%", delta: "-0.8%" },
93]
94 
95const performanceData = [
96  { month: "Jan", revenue: 31_200 },
97  { month: "Feb", revenue: 34_800 },
98  { month: "Mar", revenue: 33_100 },
99  { month: "Apr", revenue: 38_600 },
100  { month: "May", revenue: 42_900 },
101  { month: "Jun", revenue: 41_300 },
102  { month: "Jul", revenue: 45_700 },
103  { month: "Aug", revenue: 48_200 },
104]
105 
106const chartConfig = {
107  revenue: {
108    label: "Revenue",
109// … truncated