"use client"; import Link from "next/link"; import { usePathname } from "next/navigation"; import { FileText, CalendarClock, Folder, LayoutDashboard, Link2, LogOut, MessageSquare, Sparkles, Star, Zap, } from "lucide-react"; import { NAV_ITEMS } from "@/lib/constants"; import { cn } from "@/lib/utils"; import { useAuthStore } from "@/store/auth-store"; import { selectActiveProjectName, useProjectsHydrated, } from "@/hooks/use-projects-hydrated"; import { useAccountIssues } from "@/hooks/use-connected-platforms"; import { useProjectsStore } from "@/store/projects-store"; import { ProjectSwitcher } from "./project-switcher"; const iconMap = { "layout-dashboard": LayoutDashboard, folder: Folder, sparkles: Sparkles, "message-square": MessageSquare, "calendar-clock": CalendarClock, zap: Zap, link: Link2, star: Star, "file-text": FileText, } as const; export function Sidebar() { const pathname = usePathname(); const user = useAuthStore((s) => s.user); const logout = useAuthStore((s) => s.logout); const hydrated = useProjectsHydrated(); const activeName = useProjectsStore(selectActiveProjectName); const footerLabel = !hydrated ? "No project selected" : activeName?.trim() || "No project selected"; const accountIssues = useAccountIssues(); return ( ); }