'use client'; import React from 'react'; import Link from 'next/link'; import { motion, AnimatePresence } from 'framer-motion'; import type { Session } from 'next-auth'; import { Zap, Sparkles, HelpCircle, Sun, Moon, Activity, } from 'lucide-react'; import { CommandPalette } from '@/components/CommandPalette'; import NotificationBell from '@/components/dashboard/NotificationBell'; import { AnnouncementDropdown } from '@/components/announcements/AnnouncementComponents'; import { DashboardUserMenu } from './DashboardUserMenu'; import { useModules } from '@/lib/modules'; interface DashboardHeaderBarProps { currentPageTitle: string; isCompactHeader: boolean; session: Session | null; tenantPlan?: string; creditMenuOpen: boolean; setCreditMenuOpen: (open: boolean) => void; profileMenuOpen: boolean; setProfileMenuOpen: (open: boolean) => void; showLiveFeed: boolean; toggleLiveFeed: () => void; resolvedMode: 'light' | 'dark'; toggleTheme: () => void; triggerHaptic: () => void; activeAnnouncements: any[]; unreadCount: number; markAsRead: (id: string) => void; dismiss: (id: string) => void; } function HeaderIconButton({ onClick, label, active, children, className = '', }: { onClick: () => void; label: string; active?: boolean; children: React.ReactNode; className?: string; }) { return ( ); } export function DashboardHeaderBar({ currentPageTitle, isCompactHeader, session, tenantPlan, creditMenuOpen, setCreditMenuOpen, profileMenuOpen, setProfileMenuOpen, showLiveFeed, toggleLiveFeed, resolvedMode, toggleTheme, triggerHaptic, activeAnnouncements, unreadCount, markAsRead, dismiss, }: DashboardHeaderBarProps) { const { aiCredits } = useModules(); const creditPct = aiCredits.limit > 0 ? Math.round((aiCredits.used / aiCredits.limit) * 100) : 0; return ( ); }