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

2026-10-16 12:02:48 +00:00
parent d215bf6303
commit 756ae33d05
278 changed files with 53808 additions and 0 deletions
--- a/web/components/nav-main.tsx
+++ b/web/components/nav-main.tsx
@@ -0,0 +1,160 @@
+"use client"
+
+import { ChevronRightIcon } from "lucide-react"
+import Link from "next/link"
+import { usePathname } from "next/navigation"
+import { useState } from "react"
+
+import {
+  getDashboardNavSectionStorageKey,
+  isDashboardNavItemActive,
+  parseDashboardNavSectionOpenState,
+} from "@/lib/navigation-active"
+import {
+  Collapsible,
+  CollapsibleContent,
+  CollapsibleTrigger,
+} from "@/components/ui/collapsible"
+import {
+  DropdownMenu,
+  DropdownMenuContent,
+  DropdownMenuGroup,
+  DropdownMenuItem,
+  DropdownMenuLabel,
+  DropdownMenuTrigger,
+} from "@/components/ui/dropdown-menu"
+import {
+  SidebarGroup,
+  SidebarMenu,
+  SidebarMenuButton,
+  SidebarMenuItem,
+  SidebarMenuSub,
+  SidebarMenuSubButton,
+  SidebarMenuSubItem,
+  useSidebar,
+} from "@/components/ui/sidebar"
+
+export function NavMain({
+  icon,
+  sectionKey,
+  title,
+  items,
+}: {
+  icon?: React.ReactNode
+  sectionKey: string
+  title: string
+  items: ReadonlyArray<{
+    title: string
+    url: string
+    icon?: React.ReactNode
+  }>
+}) {
+  const pathname = usePathname()
+  const { isMobile, state } = useSidebar()
+  const storageKey = getDashboardNavSectionStorageKey(sectionKey)
+  const [open, setOpen] = useState(() => {
+    if (typeof window === "undefined") {
+      return true
+    }
+    return parseDashboardNavSectionOpenState(window.localStorage.getItem(storageKey)) ?? true
+  })
+
+  const handleOpenChange = (nextOpen: boolean) => {
+    setOpen(nextOpen)
+    window.localStorage.setItem(storageKey, String(nextOpen))
+  }
+
+  if (state === "collapsed" && !isMobile) {
+    return (
+      <SidebarGroup className="px-2 py-1 first:pt-2 last:pb-2">
+        <SidebarMenu>
+          <SidebarMenuItem>
+            <DropdownMenu>
+              <DropdownMenuTrigger
+                openOnHover
+                render={<SidebarMenuButton />}
+              >
+                {icon}
+                <span className="min-w-0 flex-1 truncate" title={title}>
+                  {title}
+                </span>
+              </DropdownMenuTrigger>
+              <DropdownMenuContent
+                side="right"
+                align="start"
+                sideOffset={8}
+                className="w-56"
+              >
+                <DropdownMenuGroup>
+                  <DropdownMenuLabel className="truncate" title={title}>
+                    {title}
+                  </DropdownMenuLabel>
+                  {items.map((item) => (
+                    <DropdownMenuItem
+                      key={item.title}
+                      render={<Link href={item.url} />}
+                      className="cursor-pointer"
+                    >
+                      <span className="truncate" title={item.title}>
+                        {item.title}
+                      </span>
+                    </DropdownMenuItem>
+                  ))}
+                </DropdownMenuGroup>
+              </DropdownMenuContent>
+            </DropdownMenu>
+          </SidebarMenuItem>
+        </SidebarMenu>
+      </SidebarGroup>
+    )
+  }
+
+  return (
+    <SidebarGroup className="px-2 py-1 first:pt-2 last:pb-2">
+      <SidebarMenu className="gap-0.5">
+        <Collapsible
+          open={open}
+          onOpenChange={handleOpenChange}
+          className="group/collapsible"
+          render={<SidebarMenuItem />}
+        >
+          {/* A section title is the one place the label is not the button's last
+              child, so the shared truncate never reaches it. Left unconstrained
+              it wrapped inside the fixed h-8 and spilled over its neighbours,
+              so let it wrap deliberately and give the row the height it needs. */}
+          <CollapsibleTrigger
+            render={
+              <SidebarMenuButton
+                tooltip={title}
+                className="h-auto min-h-8 items-start py-1.5"
+              />
+            }
+          >
+            <span className="mt-0.5 shrink-0">{icon}</span>
+            <span className="min-w-0 flex-1 leading-5" title={title}>
+              {title}
+            </span>
+            <ChevronRightIcon className="mt-0.5 ml-auto shrink-0 transition-transform duration-200 group-data-open/collapsible:rotate-90" />
+          </CollapsibleTrigger>
+          <CollapsibleContent>
+            <SidebarMenuSub className="gap-0.5 py-1">
+              {items.map((item) => (
+                <SidebarMenuSubItem key={item.title}>
+                  <SidebarMenuSubButton
+                    render={<Link href={item.url} />}
+                    isActive={isDashboardNavItemActive(pathname, item.url)}
+                    tooltip={item.title}
+                  >
+                    <span className="min-w-0 flex-1 truncate" title={item.title}>
+                      {item.title}
+                    </span>
+                  </SidebarMenuSubButton>
+                </SidebarMenuSubItem>
+              ))}
+            </SidebarMenuSub>
+          </CollapsibleContent>
+        </Collapsible>
+      </SidebarMenu>
+    </SidebarGroup>
+  )
+}