import React from 'react'; import { ThemeToggle } from './ThemeToggle'; import { ThemePreference } from '../hooks/useTheme'; interface HeaderProps { isConnected: boolean; projects: string[]; currentFilter: string; onFilterChange: (filter: string) => void; onSettingsToggle: () => void; sidebarOpen: boolean; isProcessing: boolean; queueDepth: number; themePreference: ThemePreference; onThemeChange: (theme: ThemePreference) => void; } export function Header({ isConnected, projects, currentFilter, onFilterChange, onSettingsToggle, sidebarOpen, isProcessing, queueDepth, themePreference, onThemeChange }: HeaderProps) { return (

{queueDepth > 0 && (
{queueDepth}
)}
claude-mem

e.currentTarget.style.color = '#606060'} onMouseLeave={(e) => e.currentTarget.style.color = '#a0a0a0'} > e.currentTarget.style.color = '#606060'} onMouseLeave={(e) => e.currentTarget.style.color = '#a0a0a0'} > e.currentTarget.style.color = '#606060'} onMouseLeave={(e) => e.currentTarget.style.color = '#a0a0a0'} >
); }