nntrivi2001
1c6dfea5b5
Dashboard → System Health is grouped into AgentHub, Machine and Agent
activity. The machine (GET /api/host, every signed-in user) is drawn by
components/health/HostHealth.tsx: host card beside the CPU/memory history,
then CPU (threads as compact cells + temperatures/GPUs), disks & network,
busiest processes, and per-user tiles. Concurrency bars each show their own
agent type on hover.
The Health Score (client/src/lib/healthScore.ts) is now 100 minus what each
check costs, between an amber and a red threshold: event-loop p99
(server/lib/loop-delay.js, shared with /api/metrics), Linux PSI pressure for
CPU, memory and disk I/O (/api/host `pressure`; load per core without PSI),
RAM, the database's disk, V8 heap, hooks silent while agents work, and agent
errors in the last 24 h. All-time success rate, API errors and the transcript
cache hit rate no longer count. /api/settings/info adds server.event_loop and
activity {last_event_at, working_agents, agents_24h}.
Administration: a user row opens its detail in place (GET
/api/users/:id/details — spend, account pool share, live panes, workspaces,
newest sessions); the server panel is gone, member tmux folded into the table;
the Sessions list shows each row's owner in server mode.
46 lines
1.9 KiB
TypeScript
46 lines
1.9 KiB
TypeScript
/**
|
|
* @file Administration.tsx
|
|
* @description The Administration page (`/admin`, a sidebar item; `/users`
|
|
* redirects here), server mode only and only for an admin or analyst — ONE
|
|
* page, no tabs: ONE users table holding every per-user account fact (account,
|
|
* spend, home, tmux; each row expands in
|
|
* place into that user's detail), the account pool, then the audit log — all
|
|
* from `Users.tsx`. The machine and each user's live CPU / RAM live on the
|
|
* Dashboard's System Health tab (`HostHealth.tsx`). Local mode and a developer are sent home, like the
|
|
* Users page always did.
|
|
* @author Nguyễn Ngọc Trí Vĩ <vinnt@smartgift.vn>
|
|
*/
|
|
import { Navigate } from "react-router-dom";
|
|
import { useTranslation } from "react-i18next";
|
|
import { ShieldCheck } from "lucide-react";
|
|
import { useAuth } from "../components/AuthGate";
|
|
import { useHostStats } from "../components/health/HostHealth";
|
|
import { Users } from "./Users";
|
|
|
|
export function Administration() {
|
|
const { t } = useTranslation("admin");
|
|
const auth = useAuth();
|
|
const me = auth.state.mode === "server" ? auth.state.user : null;
|
|
const staff = !!me && me.role !== "developer";
|
|
// Read once, for each home's share of the homes disk. The machine and each
|
|
// user's live CPU / RAM are on the Dashboard's System Health tab.
|
|
const host = useHostStats(staff, 0);
|
|
|
|
if (!staff) return <Navigate to="/" replace />;
|
|
|
|
return (
|
|
<div className="animate-fade-in space-y-6">
|
|
<div className="flex items-center gap-3">
|
|
<div className="w-9 h-9 rounded-xl bg-accent/15 flex items-center justify-center">
|
|
<ShieldCheck className="w-4.5 h-4.5 text-accent" />
|
|
</div>
|
|
<div>
|
|
<h1 className="text-lg font-semibold text-fg-primary">{t("title")}</h1>
|
|
<p className="text-xs text-fg-muted">{t("description")}</p>
|
|
</div>
|
|
</div>
|
|
<Users embedded host={host} />
|
|
</div>
|
|
);
|
|
}
|