"use client";



import Link from "next/link";
import { usePathname } from "next/navigation";

import {
  SidebarGroup,
  SidebarMenu,
  SidebarMenuButton,
  SidebarMenuItem,
} from "@/components/ui/sidebar";
import { getStoredAuth } from "@/core/auth";
import { useI18n } from "@/core/i18n/hooks";
import { BotIcon, ListChecks, MessageSquarePlus, MessagesSquare, SparklesIcon, UsersIcon } from "lucide-react";

export function WorkspaceNavChatList() {
  const { t } = useI18n();
  const pathname = usePathname();
  const isAdmin = getStoredAuth()?.system_role === "admin";
  return (
    <SidebarGroup className="px-2 pt-2">
      <SidebarMenu>
        <SidebarMenuItem>
          <SidebarMenuButton
            isActive={pathname === "/page/workspace/chats/new"}
            asChild
          >
            <Link className="text-sidebar-foreground" href="/page/workspace/chats/new">
              <MessageSquarePlus />
              <span>{t.sidebar.newChat}</span>
            </Link>
          </SidebarMenuButton>
        </SidebarMenuItem>
        <SidebarMenuItem>
          <SidebarMenuButton isActive={pathname === "/page/workspace/chats"} asChild>
            <Link className="text-sidebar-foreground" href="/page/workspace/chats">
              <MessagesSquare />
              <span>{t.sidebar.chats}</span>
            </Link>
          </SidebarMenuButton>
        </SidebarMenuItem>
        <SidebarMenuItem>
          <SidebarMenuButton
            isActive={pathname.startsWith("/page/workspace/agents")}
            asChild
          >
            <Link className="text-sidebar-foreground" href="/page/workspace/agents">
              <BotIcon />
              <span>{t.sidebar.agents}</span>
            </Link>
          </SidebarMenuButton>
        </SidebarMenuItem>
        <SidebarMenuItem>
          <SidebarMenuButton
            isActive={pathname.startsWith("/page/workspace/skills")}
            asChild
          >
            <Link className="text-sidebar-foreground" href="/page/workspace/skills">
              <SparklesIcon />
              <span>技能</span>
            </Link>
          </SidebarMenuButton>
        </SidebarMenuItem>
        <SidebarMenuItem>
          <SidebarMenuButton
            isActive={pathname === "/page/workspace/scheduled/tasks"}
            asChild
          >
            <Link className="text-sidebar-foreground" href="/page/workspace/scheduled/tasks">
              <ListChecks />
              <span>任务管理</span>
            </Link>
          </SidebarMenuButton>
        </SidebarMenuItem>
        {isAdmin && (
          <SidebarMenuItem>
            <SidebarMenuButton
              isActive={pathname.startsWith("/page/workspace/admin")}
              asChild
            >
              <Link className="text-sidebar-foreground" href="/page/workspace/admin/users">
                <UsersIcon />
                <span>{t.sidebar.users}</span>
              </Link>
            </SidebarMenuButton>
          </SidebarMenuItem>
        )}
      </SidebarMenu>
    </SidebarGroup>
  );
}