diff --git a/src/app/overview/page.tsx b/src/app/overview/page.tsx
new file mode 100644
index 0000000..6686ee4
--- /dev/null
+++ b/src/app/overview/page.tsx
@@ -0,0 +1,327 @@
+import Link from "next/link";
+import { unstable_noStore as noStore } from "next/cache";
+
+import { execFileAsync } from "@/lib/exec";
+import { inferTeamIdFromWorkspace, getActiveSessions, getAgents } from "@/lib/overview/overview-data";
+import { runOpenClaw } from "@/lib/openclaw";
+import { listRecipes } from "@/lib/recipes";
+
+export const dynamic = "force-dynamic";
+export const revalidate = 0;
+
+async function getTeamsFromRecipes(): Promise<{ teamNames: Record
}> {
+ const items = await listRecipes();
+ const teamNames: Record = {};
+ for (const r of items) {
+ if (r.kind !== "team") continue;
+ const name = String(r.name ?? "").trim();
+ if (!name) continue;
+ teamNames[r.id] = name;
+ }
+ return { teamNames };
+}
+
+type GatewayStatusSummary = {
+ ok: boolean;
+ statusLabel: string;
+ configOk: boolean;
+ rpcOk: boolean;
+ portStatus?: string;
+};
+
+
+type GatewayStatusJson = {
+ service?: {
+ runtime?: { status?: string; state?: string };
+ configAudit?: { ok?: boolean };
+ };
+ rpc?: { ok?: boolean };
+ port?: { status?: string };
+};
+
+async function getGatewayStatusSummary(): Promise {
+ const res = await runOpenClaw(["gateway", "status", "--json"]);
+ if (!res.ok) {
+ return {
+ ok: false,
+ statusLabel: "unknown",
+ configOk: false,
+ rpcOk: false,
+ };
+ }
+
+ const parsed = JSON.parse(res.stdout) as GatewayStatusJson;
+ const runtimeStatus = String(parsed?.service?.runtime?.status ?? "unknown");
+ const runtimeState = String(parsed?.service?.runtime?.state ?? "unknown");
+ const configOk = Boolean(parsed?.service?.configAudit?.ok);
+ const rpcOk = Boolean(parsed?.rpc?.ok);
+ const portStatus = String(parsed?.port?.status ?? "unknown");
+
+ const running = runtimeStatus === "running" && runtimeState === "active";
+ const ok = running && configOk && rpcOk;
+
+ return {
+ ok,
+ statusLabel: running ? "running" : runtimeStatus,
+ configOk,
+ rpcOk,
+ portStatus,
+ };
+}
+
+let cachedGatewayErrCount: { ts: number; value: number | null } = { ts: 0, value: null };
+
+async function getGatewayErrorsLast24h(): Promise {
+ // journalctl can be expensive; cache for 60s per server instance.
+ const now = Date.now();
+ if (now - cachedGatewayErrCount.ts < 60_000) return cachedGatewayErrCount.value;
+
+ try {
+ const { stdout } = await execFileAsync(
+ "bash",
+ [
+ "-lc",
+ "journalctl --user -u openclaw-gateway --since '24 hours ago' -p err --no-pager 2>/dev/null | wc -l",
+ ],
+ { encoding: "utf8", timeout: 5_000 },
+ );
+ const n = Number(String(stdout).trim());
+ const value = Number.isFinite(n) ? n : null;
+ cachedGatewayErrCount = { ts: now, value };
+ return value;
+ } catch {
+ cachedGatewayErrCount = { ts: now, value: null };
+ return null;
+ }
+}
+
+function formatAgeMs(ms: number | undefined) {
+ if (ms == null) return "";
+ const s = Math.round(ms / 1000);
+ if (s < 60) return `${s}s`;
+ const m = Math.round(s / 60);
+ if (m < 60) return `${m}m`;
+ const h = Math.round(m / 60);
+ return `${h}h`;
+}
+
+function displayNameForTeam(teamId: string, teamNames: Record) {
+ const fallback = teamId.replace(/[-_]+/g, " ").replace(/\s+/g, " ").trim();
+ return teamNames[teamId] || fallback || teamId;
+}
+
+export default async function OverviewPage({
+ searchParams,
+}: {
+ searchParams?: Promise>;
+}) {
+ noStore();
+
+ const sp = (await searchParams) ?? {};
+ const teamRaw = sp.team;
+ const team = (Array.isArray(teamRaw) ? teamRaw[0] : teamRaw) || "";
+ const teamFilter = team.trim();
+
+ const [agents, sessions60, sessions5, { teamNames }, gateway, gatewayErr24h] = await Promise.all([
+ getAgents(),
+ getActiveSessions(60),
+ getActiveSessions(5),
+ getTeamsFromRecipes(),
+ getGatewayStatusSummary(),
+ getGatewayErrorsLast24h(),
+ ]);
+
+ const agentsById = new Map(agents.map((a) => [a.id, a] as const));
+
+ const sessionsFiltered = sessions60.filter((s) => {
+ if (!teamFilter) return true;
+ const a = agentsById.get(s.agentId);
+ const t = inferTeamIdFromWorkspace(a?.workspace ?? null);
+ return t === teamFilter;
+ });
+
+ const sessions5Filtered = sessions5.filter((s) => {
+ if (!teamFilter) return true;
+ const a = agentsById.get(s.agentId);
+ const t = inferTeamIdFromWorkspace(a?.workspace ?? null);
+ return t === teamFilter;
+ });
+
+ const installedAgents = teamFilter
+ ? agents.filter((a) => inferTeamIdFromWorkspace(a.workspace ?? null) === teamFilter)
+ : agents;
+
+ const activeSessions = sessionsFiltered.length;
+ const tasksRunning = sessions5Filtered.length;
+
+ const tasksHref = teamFilter
+ ? `/overview/tasks?team=${encodeURIComponent(teamFilter)}`
+ : `/overview/tasks`;
+
+ const kpi: Array<{ label: string; value: string; note: string; href?: string }> = [
+ {
+ label: "Active Sessions (last 60m)",
+ value: String(activeSessions),
+ note: teamFilter ? `team=${teamFilter}` : "all teams",
+ },
+ {
+ label: "Agents (installed)",
+ value: String(installedAgents.length),
+ note: teamFilter ? displayNameForTeam(teamFilter, teamNames) : "all teams",
+ },
+ {
+ label: "Tasks Running",
+ value: String(tasksRunning),
+ note: "active sessions (last 5m)",
+ href: tasksHref,
+ },
+ {
+ label: "Errors (24h)",
+ value: gatewayErr24h == null ? "—" : String(gatewayErr24h),
+ note: "gateway journalctl -p err",
+ },
+ ];
+
+ const sessionsPreview = sessionsFiltered.slice().sort((a, b) => b.updatedAt - a.updatedAt).slice(0, 8);
+
+ return (
+
+
+
+
Kitchen Sink
+
+ A live overview of your OpenClaw system. Data is real when available; otherwise we show explicit unknowns.
+
+
+ Tip: filter by team via ?team=<teamId>.
+
+
+
+
+
+ {teamFilter ? "Team →" : "Home →"}
+
+
+
+
+
+ {kpi.map((t) => (
+
+
{t.label}
+
+ {t.href ? (
+
+ {t.value}
+
+ ) : (
+ t.value
+ )}
+
+
{t.note}
+
+ ))}
+
+
+
+
+ System Health
+
+
+
Gateway
+
+ {gateway.statusLabel}
+ {!gateway.ok ? (
+ (degraded)
+ ) : null}
+
+
+
+
RPC
+
{gateway.rpcOk ? "ok" : "not ok"}
+
+
+
Config audit
+
+ {gateway.configOk ? "ok" : "issues"}
+
+
+
+
Port
+
{gateway.portStatus ?? "—"}
+
+
+ Source: openclaw gateway status --json
+
+
+
+
+ Security & Audit
+ No audit feed wired yet.
+ Empty state (intentional): no fake data.
+
+
+
+ Backup & Pipelines
+ No backup pipeline status wired yet.
+ Empty state (intentional): no fake data.
+
+
+
+
+
+
Recent Sessions
+
+ Showing last 60 minutes{teamFilter ? ` for team ${teamFilter}` : ""}.
+
+
+
+
+
+
+ | Agent |
+ Model |
+ Age |
+ Total tokens |
+ Context |
+
+
+
+ {sessionsPreview.map((s) => (
+
+ | {s.agentId} |
+ {s.model || "—"} |
+ {formatAgeMs(s.ageMs)} |
+ {s.totalTokens ?? "—"} |
+ {s.contextTokens ?? "—"} |
+
+ ))}
+
+
+
No recent sessions.
+ )}
+
+
+
+ Recent Logs
+
+ Not wired yet. This will likely surface the last N lines of gateway + worker logs with filters.
+
+ Empty state (intentional): no fake data.
+
+
+
+
+
+
Tasks Running
+
+ This is a best-effort view: we treat “tasks” as OpenClaw sessions active in the last 5 minutes.
+
+
+ Filter: {teamFilter ? team={teamFilter} : all teams}
+
+
+
+
+
+ Overview →
+
+
+
+
+
+
+ Active sessions (last 5m) — {rows.length}
+
+
+ {rows.length ? (
+
+
+
+
+ | sessionKey |
+ agentId |
+ teamId |
+ model |
+ start |
+ last activity |
+
+
+
+ {rows.map((r) => (
+
+ | {r.key} |
+ {r.agentId} |
+ {r.teamId} |
+ {r.model} |
+ {fmtIso(r.startedAt)} |
+ {fmtIso(r.lastActivity)} |
+
+ ))}
+
+
+
No active sessions in the last 5 minutes.
+ )}
+
+
+ Source: openclaw sessions --active 5 --all-agents --json
+
+
+