import { AppBar, Toolbar, Typography, IconButton, Box, Chip } from '@mui/material'; import LockIcon from '@mui/icons-material/Lock'; import LockOpenIcon from '@mui/icons-material/LockOpen'; import SignalWifiStatusbar4BarIcon from '@mui/icons-material/SignalWifiStatusbar4Bar'; import SignalWifiOffIcon from '@mui/icons-material/SignalWifiOff'; import { useSessionStore } from '../store/sessionStore'; const Header = () => { const { isSessionUnlocked, currentKeyspace, currentKeypair, isWebSocketConnected, lockSession } = useSessionStore(); const handleLockClick = async () => { if (isSessionUnlocked) { await lockSession(); } }; return ( Hero Vault {/* WebSocket connection status */} {isWebSocketConnected ? ( } label="Connected" size="small" color="success" variant="outlined" /> ) : ( } label="Offline" size="small" color="default" variant="outlined" /> )} {/* Session status */} {isSessionUnlocked ? ( } label={currentKeyspace || 'Unlocked'} size="small" color="primary" variant="outlined" /> ) : ( } label="Locked" size="small" color="error" variant="outlined" /> )} {/* Current keypair */} {isSessionUnlocked && currentKeypair && ( )} {/* Lock button */} {isSessionUnlocked && ( )} ); }; export default Header;