import { useEffect } from 'react'; import { useGatewayStore } from '../store/gatewayStore'; import { useChatStore } from '../store/chatStore'; import { Wifi, WifiOff, Bot, BarChart3, Plug, RefreshCw, MessageSquare, Cpu, Activity, } from 'lucide-react'; export function RightPanel() { const { connectionState, gatewayVersion, error, clones, usageStats, pluginStatus, connect, loadClones, loadUsageStats, loadPluginStatus, } = useGatewayStore(); const { messages, currentModel } = useChatStore(); const connected = connectionState === 'connected'; // Load data when connected useEffect(() => { if (connected) { loadClones(); loadUsageStats(); loadPluginStatus(); } }, [connected]); const handleReconnect = () => { connect().catch(() => {}); }; const userMsgCount = messages.filter(m => m.role === 'user').length; const assistantMsgCount = messages.filter(m => m.role === 'assistant').length; const toolCallCount = messages.filter(m => m.role === 'tool').length; return ( ); }