'use client'; import { useEffect, useRef, useState } from 'react'; import Link from 'next/link'; import { Bell, MessageCircle } from 'lucide-react'; import { usePlatformSidebar } from '@/contexts/platform-sidebar-context'; import { ShellThemeToggle } from './shell-theme-toggle'; import { ShellUserMenu } from './shell-user-menu'; import type { AuthUser } from '@/lib/auth'; import { cn } from '@/lib/utils'; export function ShellHeader({ homeHref, pageTitle, user, onLogout, roleSubtitle, notificationsHref, messagesHref, }: { homeHref: string; pageTitle: string; user: AuthUser | null; onLogout: () => void; roleSubtitle?: string; notificationsHref?: string; messagesHref?: string; }) { const [appMenuOpen, setAppMenuOpen] = useState(false); const { isMobileOpen, toggleSidebar, toggleMobileSidebar } = usePlatformSidebar(); const inputRef = useRef(null); useEffect(() => { const onKey = (e: KeyboardEvent) => { if ((e.metaKey || e.ctrlKey) && e.key === 'k') { e.preventDefault(); inputRef.current?.focus(); } }; document.addEventListener('keydown', onKey); return () => document.removeEventListener('keydown', onKey); }, []); const handleToggle = () => { if (typeof window !== 'undefined' && window.innerWidth >= 1024) toggleSidebar(); else toggleMobileSidebar(); }; return (

Vidikid {roleSubtitle ? ( {roleSubtitle} ) : null}

⌘ K

{pageTitle}

{notificationsHref ? ( ) : null} {messagesHref ? ( ) : null}

); }