import { tools } from './tools.js'; // Configuration const CONFIG = { MAIN_ACCESS_CODE: '0000', DANGEROUS_ACCESS_CODE: '2009', AI_MODEL_ID: 'f3447d4f-ffdb-4f48-aa60-dc9640ccd879' // Grok 4.1 Fast }; // State const state = { view: 'login', // login, dashboard, dangerous-login, dangerous-dashboard, tool-detail, ai-chat isAuthenticated: false, isDangerousAuthenticated: false, currentTool: null, messages: [] }; // DOM Elements const app = document.getElementById('app'); // --- VIEW RENDERERS --- function render() { app.innerHTML = ''; switch(state.view) { case 'login': renderLogin('Main Portal Access', 'Enter Access Code (0000)', handleMainLogin); break; case 'dashboard': renderDashboard(); break; case 'dangerous-login': renderLogin('Dangerous Portal Access', 'Enter Security Code (2009)', handleDangerousLogin, true); break; case 'dangerous-dashboard': renderDangerousDashboard(); break; case 'tool-detail': renderToolDetail(); break; } } function renderLogin(title, placeholder, handler, isDanger = false) { const color = isDanger ? 'text-red-500' : 'text-green-400'; const borderColor = isDanger ? 'border-red-500/30' : 'border-green-500/30'; const glow = isDanger ? 'shadow-[0_0_20px_rgba(239,68,68,0.3)]' : 'shadow-[0_0_20px_rgba(34,197,94,0.3)]'; const container = document.createElement('div'); container.className = 'flex-1 flex items-center justify-center p-4'; container.innerHTML = `

${title}

Secure Terminal Environment