\n {/* Left Section */}\n

\n {/* Mobile Menu Button */}\n dispatch({ type: 'SET_SIDEBAR_OPEN', payload: !state.sidebarOpen })}\n className=\"lg:hidden p-2 rounded-md text-gray-600 dark:text-gray-400 hover:bg-gray-100 dark:hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-blue-500\"\n >\n \n \n\n {/* Page Title */}\n

\n {getPageTitle()}\n

\n\n {/* Center Section - Streaming Indicator */}\n {state.isStreaming && (\n

\n \n \n \n

\n AI is thinking...\n

\n )}\n\n {/* Right Section */}\n

\n {/* New Chat Button */}\n {location.pathname.startsWith('/chat') && (\n \n \n \n )}\n\n {/* Theme Toggle */}\n {\n const currentTheme = state.userPreferences?.ui_theme || 'light';\n const newTheme = currentTheme === 'light' ? 'dark' : 'light';\n const updatedPreferences = {\n ...state.userPreferences,\n ui_theme: newTheme,\n user_id: state.userPreferences?.user_id || 'anonymous'\n };\n dispatch({ type: 'SET_USER_PREFERENCES', payload: updatedPreferences });\n }}\n className=\"p-2 rounded-md text-gray-600 dark:text-gray-400 hover:bg-gray-100 dark:hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-blue-500\"\n title=\"Toggle Theme\"\n >\n {state.userPreferences?.ui_theme === 'dark' ? (\n \n ) : (\n \n )}\n \n\n {/* Settings Button */}\n navigate('/settings')}\n className=\"p-2 rounded-md text-gray-600 dark:text-gray-400 hover:bg-gray-100 dark:hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-blue-500\"\n title=\"Settings\"\n >\n \n \n

\n );\n};\n\nexport default Header;","deleted","label",[167,168,169,149],"frontend","components","Layout","permalink","https://www.val.town/x/zee1205/untitled-1082/code/frontend/components/Layout/Header.tsx","extension","actionData","errors"]