🛡️

CISA

\n Cybersecurity & Infrastructure Security Agency\n

\n \n 🔒 SECURE LOGIN REQUIRED\n \n

\n\n

\n \n Username\n \n setUsername(e.target.value)}\n placeholder=\"Enter username\"\n style={{\n width: '100%',\n padding: '14px',\n background: 'rgba(255,255,255,0.08)',\n border: '1px solid rgba(255,255,255,0.15)',\n borderRadius: '8px',\n color: 'white',\n fontSize: '15px',\n outline: 'none',\n boxSizing: 'border-box'\n }}\n />\n

\n\n

\n \n Password\n \n setPassword(e.target.value)}\n placeholder=\"Enter password\"\n style={{\n width: '100%',\n padding: '14px',\n background: 'rgba(255,255,255,0.08)',\n border: '1px solid rgba(255,255,255,0.15)',\n borderRadius: '8px',\n color: 'white',\n fontSize: '15px',\n outline: 'none',\n boxSizing: 'border-box'\n }}\n />\n

\n\n {loginError && (\n

\n ⚠️ {loginError}\n

\n )}\n\n \n SECURE LOGIN\n \n \n

\n );\n }\n\n return (\n

\n {/* Header */}\n

🛡️

CISA COMMAND CENTER

\n Threat Level: ELEVATED\n

\n\n

{time.toLocaleTimeString('en-US', { hour12: false })}

\n {time.toLocaleDateString('en-US', { month: 'short', day: 'numeric', year: 'numeric' })}\n

\n\n

🔔

\n\n

\n 👤 {username}\n

\n\n setIsLoggedIn(false)}\n style={{\n padding: '8px 16px',\n background: 'rgba(255,68,68,0.2)',\n border: '1px solid #ff4444',\n borderRadius: '8px',\n color: '#ff6b6b',\n cursor: 'pointer',\n fontSize: '14px'\n }}\n >\n Logout\n \n

\n\n

\n {/* Sidebar */}\n

\n {[\n { id: 'dashboard', icon: '📊', label: 'Dashboard' },\n { id: 'threats', icon: '⚠️', label: 'Threat Alerts' },\n { id: 'network', icon: '🌐', label: 'Network Monitor' },\n { id: 'incidents', icon: '🚨', label: 'Incidents' },\n { id: 'assets', icon: '💻', label: 'Assets' },\n { id: 'reports', icon: '📄', label: 'Reports' }\n ].map((item) => (\n setView(item.id)}\n style={{\n padding: '15px 30px',\n cursor: 'pointer',\n background: view === item.id ? 'rgba(0,153,255,0.2)' : 'transparent',\n borderLeft: view === item.id ? '4px solid #0099ff' : '4px solid transparent',\n display: 'flex',\n alignItems: 'center',\n gap: '12px',\n fontSize: '15px',\n color: view === item.id ? 'white' : 'rgba(255,255,255,0.7)'\n }}\n >\n {item.icon}\n {item.label}\n

\n ))}\n

\n\n {/* Main Content */}\n

\n \n {view === 'dashboard' && (\n

Security Operations Dashboard

\n\n {/* Stats */}\n

\n {[\n { label: 'Active Threats', value: '247', change: '+12', color: '#ff4444' },\n { label: 'Blocked Attacks', value: '15.2K', change: '+3.4K', color: '#4caf50' },\n { label: 'Open Incidents', value: '34', change: '-8', color: '#ff9800' },\n { label: 'System Health', value: '97.8%', change: '+2.1%', color: '#00bcd4' }\n ].map((stat, i) => (\n

\n {stat.label}\n

\n {stat.value}\n

\n {stat.change} from last hour\n

\n ))}\n

\n\n {/* Recent Alerts */}\n

⚠️ Critical Alerts

\n {THREATS.slice(0, 3).map((t, i) => (\n

setView('threats')} style={{\n background: 'rgba(255,68,68,0.1)',\n border: '1px solid rgba(255,68,68,0.3)',\n borderRadius: '8px',\n padding: '15px',\n marginBottom: '12px',\n cursor: 'pointer'\n }}>\n

\n {t.id}\n \n

{t.title}

\n {t.affected} systems affected\n

\n ))}\n

\n\n {/* Network Activity */}\n

🌐 Live Network Activity

\n setScanning(!scanning)}\n style={{\n padding: '8px 16px',\n background: scanning ? 'rgba(255,68,68,0.2)' : 'rgba(0,153,255,0.2)',\n border: `1px solid ${scanning ? '#ff4444' : '#0099ff'}`,\n borderRadius: '8px',\n color: 'white',\n cursor: 'pointer',\n fontSize: '13px'\n }}\n >\n {scanning ? '⏸️ Pause' : '▶️ Start Scan'}\n \n

\n\n {scanning && (\n

Scanning... {progress}%

\n )}\n\n

\n \n \n \n \n \n \n \n \n \n \n \n \n {NETWORK.map((n, i) => (\n \n \n \n \n \n \n \n \n ))}\n \n

IP	Country	Activity	Severity	Time	Status
{n.ip}	{n.country}	{n.activity}		{n.time}	\n \n

\n )}\n\n {view === 'threats' && (\n

⚠️ Threat Intelligence

\n {THREATS.map((t, i) => (\n

setSelected(selected === i ? null : i)} style={{\n background: 'rgba(255,255,255,0.03)',\n border: selected === i ? '2px solid #0099ff' : '1px solid rgba(255,255,255,0.1)',\n borderRadius: '12px',\n padding: '20px',\n marginBottom: '15px',\n cursor: 'pointer'\n }}>\n

\n \n {t.id}\n \n

{t.title}

{t.desc}

\n 🖥️ {t.affected} systems • 📊 CVE Score: = 9 ? '#ff4444' : '#ff9800' }}>{t.score}\n

\n \n {selected === i && (\n

🛡️ Mitigation

\n {t.mitigation}\n

\n \n \n

\n )}\n

\n ))}\n

\n )}\n\n {view === 'network' && (\n

🌐 Network Monitor

\n \n \n \n \n \n \n \n \n \n \n \n {NETWORK.map((n, i) => (\n \n \n \n \n \n \n \n ))}\n \n

IP Address	Country	Activity	Threat Level	Status
{n.ip}		{n.activity}

\n )}\n\n {view === 'incidents' && (\n

🚨 Incident Management

\n {INCIDENTS.map((inc, i) => (\n

\n {inc.id}\n \n \n

{inc.type}

\n 🕐 {inc.time} • 👤 {inc.assignee}\n

\n ))}\n

\n )}\n\n {view === 'assets' && (\n

💻 Asset Inventory

\n \n \n \n \n \n \n \n \n \n \n \n {ASSETS.map((a, i) => (\n \n \n \n \n \n \n \n ))}\n \n

Category	Total	Vulnerable	Patch Rate	Critical
{a.cat}	{a.total.toLocaleString()}		\n \n \n = 90 ? '#4caf50' : '#ff9800', borderRadius: '4px' }} />\n \n {a.patched}%\n \n	50 ? '255,68,68' : '76,175,80'} />

\n )}\n\n {view === 'reports' && (\n

📄 Security Reports

\n {[\n { title: 'Weekly Threat Summary', date: 'Jan 29 - Feb 04', icon: '📊', status: 'Available' },\n { title: 'Vulnerability Assessment', date: 'February 2024', icon: '🔍', status: 'Available' },\n { title: 'Incident Response Metrics', date: 'Q4 2023', icon: '🚨', status: 'Available' },\n { title: 'Compliance Audit', date: 'January 2024', icon: '✅', status: 'In Progress' }\n ].map((r, i) => (\n

{r.icon}

{r.title}

{r.date}

\n \n

\n ))}\n

\n )}\n

\n );\n}\n\nfunction client() {\n createRoot(document.getElementById(\"root\")).render();\n}\n\nif (typeof document !== \"undefined\") { client(); }\n\nexport default async function server(request: Request): Promise {\n return new Response(\n `\n \n \n CISA Command Center\n \n \n \n \n

\n \n \n `,\n { headers: { \"content-type\": \"text/html\" } }\n );\n}","deleted","label",[105],"permalink","https://www.val.town/x/mrgray/Gray/code/main.tsx","extension","actionData","errors"]