mlogclub
f827a7471c
- Removed LocaleSwitcher from NavUser, SiteHeader, and WorkbenchHeader components. - Updated tests to reflect the removal of LocaleSwitcher. - Changed default locale from "en-US" to "zh-CN" in i18n configuration. - Refactored locale resolution logic to read configured locale without relying on browser language detection. - Updated AgentDesk SDK to support language configuration from public API. - Cleaned up unused auth options fetching in the auth API.
87 lines
2.9 KiB
TypeScript
87 lines
2.9 KiB
TypeScript
"use client"
|
|
|
|
import { useEffect, useRef } from "react"
|
|
import { usePathname } from "next/navigation"
|
|
|
|
import { PaletteToggle } from "@/components/palette-toggle"
|
|
import { RealtimeConnectionStatus } from "@/components/realtime-connection-status"
|
|
import { ThemeToggle } from "@/components/theme-toggle"
|
|
import { useI18n } from "@/i18n/provider"
|
|
import { getPageTitleKey } from "@/lib/navigation"
|
|
import { useAgentConversationsStore } from "@/lib/stores/agent-conversations"
|
|
import {
|
|
Breadcrumb,
|
|
BreadcrumbItem,
|
|
BreadcrumbList,
|
|
BreadcrumbPage,
|
|
} from "@/components/ui/breadcrumb"
|
|
import { Separator } from "@/components/ui/separator"
|
|
import { SidebarTrigger, useSidebar } from "@/components/ui/sidebar"
|
|
|
|
const SIDEBAR_STORAGE_KEY = "dashboard_sidebar_open"
|
|
|
|
export function SiteHeader() {
|
|
const t = useI18n()
|
|
const pathname = usePathname()
|
|
const { open, setOpen, isMobile } = useSidebar()
|
|
const pageTitle = t(getPageTitleKey(pathname))
|
|
const realtimeStatus = useAgentConversationsStore((state) => state.realtimeStatus)
|
|
const hasRestoredRef = useRef(false)
|
|
const showConversationRealtime =
|
|
pathname === "/conversations" || pathname.startsWith("/conversations/")
|
|
|
|
useEffect(() => {
|
|
if (hasRestoredRef.current || isMobile) {
|
|
return
|
|
}
|
|
|
|
hasRestoredRef.current = true
|
|
const storedValue = window.localStorage.getItem(SIDEBAR_STORAGE_KEY)
|
|
if (storedValue === null) {
|
|
return
|
|
}
|
|
|
|
setOpen(storedValue === "true")
|
|
}, [isMobile, setOpen])
|
|
|
|
useEffect(() => {
|
|
if (!hasRestoredRef.current || isMobile) {
|
|
return
|
|
}
|
|
|
|
window.localStorage.setItem(SIDEBAR_STORAGE_KEY, String(open))
|
|
}, [isMobile, open])
|
|
|
|
return (
|
|
<header className="flex h-(--header-height) shrink-0 items-center gap-2 border-b border-border/70 bg-background/82 backdrop-blur supports-[backdrop-filter]:bg-background/72 transition-[width,height] ease-linear group-has-data-[collapsible=icon]/sidebar-wrapper:h-(--header-height)">
|
|
<div className="flex w-full items-center justify-between gap-3 px-4 lg:px-6">
|
|
<div className="flex min-w-0 items-center gap-2">
|
|
<SidebarTrigger className="-ml-1" />
|
|
<Separator
|
|
orientation="vertical"
|
|
className="mx-2 h-4 data-vertical:self-auto"
|
|
/>
|
|
<div className="min-w-0">
|
|
<Breadcrumb>
|
|
<BreadcrumbList>
|
|
<BreadcrumbItem>
|
|
<div className="flex items-center gap-2">
|
|
<BreadcrumbPage>{pageTitle}</BreadcrumbPage>
|
|
{showConversationRealtime ? (
|
|
<RealtimeConnectionStatus status={realtimeStatus} compact />
|
|
) : null}
|
|
</div>
|
|
</BreadcrumbItem>
|
|
</BreadcrumbList>
|
|
</Breadcrumb>
|
|
</div>
|
|
</div>
|
|
<div className="flex shrink-0 items-center justify-end gap-2">
|
|
<PaletteToggle />
|
|
<ThemeToggle />
|
|
</div>
|
|
</div>
|
|
</header>
|
|
)
|
|
}
|