chore: import clean Agent Desk snapshot (6/7)

web/components/app-sidebar.tsx

@@ -0,0 +1,77 @@
+"use client"
+
+import type { ComponentProps } from "react"
+import { useMemo } from "react"
+
+import { useI18n } from "@/i18n/provider"
+import {
+  filterDashboardNavForSession,
+  filterDashboardSecondaryNavForSession,
+} from "@/lib/navigation"
+import { useAuth } from "@/components/auth-provider"
+import { NavMain } from "@/components/nav-main"
+import { NavSecondary } from "@/components/nav-secondary"
+import { NavUser } from "@/components/nav-user"
+import { WorkspaceSwitcher } from "@/components/workspace-switcher"
+import {
+  Sidebar,
+  SidebarContent,
+  SidebarFooter,
+  SidebarHeader,
+  SidebarMenu,
+  SidebarMenuButton,
+  SidebarMenuItem,
+} from "@/components/ui/sidebar"
+
+export function AppSidebar({ ...props }: ComponentProps<typeof Sidebar>) {
+  const t = useI18n()
+  const { session } = useAuth()
+  const navSections = useMemo(
+    () => filterDashboardNavForSession(session?.permissions, session?.roles),
+    [session?.permissions, session?.roles]
+  )
+  const secondaryNavItems = useMemo(
+    () => filterDashboardSecondaryNavForSession(session?.permissions, session?.roles),
+    [session?.permissions, session?.roles]
+  )
+  const user = {
+    name: session?.user.nickname || session?.user.username || t("common.notSignedIn"),
+    email: session?.user.username || t("common.guest"),
+    avatar: session?.user.avatar || "",
+  }
+
+  return (
+    <Sidebar collapsible="icon" {...props}>
+      <SidebarHeader>
+        <SidebarMenu>
+          <SidebarMenuItem>
+            <WorkspaceSwitcher
+              currentWorkspace="dashboard"
+              variant="sidebar"
+            />
+          </SidebarMenuItem>
+        </SidebarMenu>
+      </SidebarHeader>
+      <SidebarContent>
+        {navSections.map((section) => (
+          <NavMain
+            key={section.titleKey}
+            icon={section.icon}
+            sectionKey={section.titleKey}
+            title={t(section.titleKey)}
+            items={section.items.map((item) => ({
+              ...item,
+              title: t(item.titleKey),
+            }))}
+          />
+        ))}
+        {secondaryNavItems.length > 0 ? (
+          <NavSecondary items={secondaryNavItems} className="mt-auto" />
+        ) : null}
+      </SidebarContent>
+      <SidebarFooter>
+        <NavUser user={user} />
+      </SidebarFooter>
+    </Sidebar>
+  )
+}