-
Total Computers
-
{computers.length}
-
Monitored Systems
+
+ // on mount: check session
+ useEffect(() => {
+ loadMe();
+ }, []);
+
+ // when logged in OR env changed, refresh data + load env switch state
+ useEffect(() => {
+ if (!me) return;
+ loadEnvSettings(selectedEnv);
+ refresh();
+ // eslint-disable-next-line react-hooks/exhaustive-deps
+ }, [me, selectedEnv]);
+
+ const filtered = useMemo(() => {
+ const q = query.trim().toLowerCase();
+ return (computers || [])
+ .filter((c) => (status ? c.status === status : true))
+ .filter((c) => {
+ if (!q) return true;
+ const hay = [c.name, c.user, c.ip, c.os, c.status]
+ .filter(Boolean)
+ .join(" ")
+ .toLowerCase();
+ return hay.includes(q);
+ });
+ }, [computers, query, status]);
+
+ // Gate UI
+ if (meLoading) return
Loading…
;
+ if (!me) return
;
+
+ return (
+
+
+
+
+ {/* TopBar + pages */}
+
+
+
+
+
setAiOpen(true)}
+ onRefresh={refresh}
+ lastUpdated={lastUpdated}
+ onEnvChange={(env) => setSelectedEnv(env)}
+ selectedEnv={selectedEnv}
+ me={me}
+ onLoggedOut={loadMe}
+ saveProcHistory={saveProcHistory}
+ onToggleProcHistory={(enabled) => setEnvProcessHistory(selectedEnv, enabled)}
+ />
+
+
+ {/* ====== VIEW SWITCH ====== */}
+ {activeView === "dashboard" && (
+ <>
+ {/* STATS */}
+
+
+
Total Computers
+
{computers.length}
+
Monitored Systems
+
+
+
+
Sysmon Events (24h)
+
{stats?.total_sysmon_events ?? "—"}
+
Security Events
+
+
+
+
Network Connections (24h)
+
{stats?.total_network_connections ?? "—"}
+
Captured Connections
+
+
+
+ {/* FILTERS */}
+
+
+
Filters
+
+ {loading ? "Refreshing…" : `${filtered.length} shown`}
+
+
+
+
+ setQuery(e.target.value)}
+ placeholder="Search by name / user / ip / os…"
+ />
+
+
+
+
+
+
+
+
+ {/* COMPUTERS */}
+
+
+
Connected Computers
+
+ {filtered.length} computers
+
+
+
+
+
+ {filtered.map((c) => (
+
{
+ setSelectedComputer(pc);
+ setAiScope(pc.name);
+ }}
+ />
+ ))}
+ {filtered.length === 0 && (
+
+ No computers match filter.
+
+ )}
+
+
+
+
+ )}
+
+ {activeView === "visualizations" && (
+ <>
+
+
+
Visualizations
+
+ Network graphs / charts / tables
+
+
+
+
+
+
+
+ )}
+
+ {activeView === "account" && (
+
+
+
Account
+
+ Profile info
+
+
+
+
+
Email: {me.email}
+
Role: {me.role}
+
Tenant ID: {me.tenant_id}
+
Name: {me.name || "—"}
+
+
+
+ )}
+
-
Sysmon Events (24h)
-
{stats?.total_sysmon_events ?? "—"}
-
Security Events
-
-
Network Connections (24h)
-
{stats?.total_network_connections ?? "—"}
-
Captured Connections
-