import { listWorkers, workerTelemetry } from "@autoscholar/core";
import { StatusBadge } from "@/components/StatusBadge";
import { ago, fmtBytes, fmtDateTime } from "@/lib/format";
import { db } from "@/lib/server/db";
import { WorkerActions } from "./WorkerActions";

export const dynamic = "force-dynamic";

export default async function MacLustrPage() {
  const d = db();
  const workers = await listWorkers(d);
  const tele = await Promise.all(workers.map((w) => workerTelemetry(d, w.id, 20)));
  return (
    <div className="space-y-6">
      <header>
        <p className="eyebrow">Compute</p>
        <h1 className="title-2 mt-1">MacLustr workers</h1>
        <p className="muted mt-1 text-sm">
          Authenticated worker telemetry. Workers connect outbound over the private network; nothing here is
          exposed publicly.
        </p>
      </header>
      {workers.length === 0 && (
        <div className="surface p-8 text-center">
          <p className="serif text-lg">No worker enrolled.</p>
          <p className="muted mt-1 text-sm">
            Install the worker daemon on a MacLustr node with the enrollment secret (docs/OPERATIONS.md). It
            appears here after its first heartbeat.
          </p>
        </div>
      )}
      {workers.map((w, i) => {
        const nm = (w.nodeMeta ?? {}) as Record<string, unknown>;
        const hb = tele[i] ?? [];
        const last = hb[0]?.load as Record<string, number> | undefined;
        return (
          <section key={w.id} className="surface p-4" aria-labelledby={`w-${w.id}`}>
            <div className="flex flex-wrap items-start justify-between gap-3">
              <div>
                <h2 id={`w-${w.id}`} className="title-3">
                  {w.name} <StatusBadge status={w.status} />
                </h2>
                <p className="muted text-xs">
                  worker {w.version ?? "?"} · protocol {w.protocolVersion} · enrolled{" "}
                  {fmtDateTime(w.enrolledAt)} · heartbeat {ago(w.lastHeartbeatAt)}
                  {w.quarantineReason ? ` · quarantined: ${w.quarantineReason}` : ""}
                </p>
              </div>
              <WorkerActions id={w.id} status={w.status} draining={!!w.drainRequested} />
            </div>
            <dl className="mt-3 grid grid-cols-2 gap-x-6 gap-y-1 text-xs sm:grid-cols-4">
              <dt className="muted">Running / capacity</dt>
              <dd>
                {w.running} / {w.capacity}
              </dd>
              <dt className="muted">Machine</dt>
              <dd className="font-mono">
                {String(nm.arch ?? "?")} · {String(nm.cpuCores ?? "?")} cores ·{" "}
                {nm.memoryBytes ? fmtBytes(Number(nm.memoryBytes)) : "?"}
              </dd>
              <dt className="muted">OS / user</dt>
              <dd className="font-mono">
                {String(nm.osVersion ?? "?")} · {String(nm.user ?? "?")}
              </dd>
              <dt className="muted">Sandbox</dt>
              <dd>
                {nm.sandboxAvailable ? (
                  <span style={{ color: "var(--color-ok-500)" }}>available (required for dispatch)</span>
                ) : (
                  <span style={{ color: "var(--color-danger-500)" }}>unavailable — no jobs dispatched</span>
                )}
              </dd>
              <dt className="muted">Profiles</dt>
              <dd className="font-mono">{w.profiles.join(", ")}</dd>
              <dt className="muted">SDK</dt>
              <dd className="font-mono">{String(nm.sdkVersion ?? "?")}</dd>
              <dt className="muted">Load / free mem / free disk</dt>
              <dd className="font-mono">
                {last
                  ? `${last.load1?.toFixed?.(2) ?? "?"} · ${last.memFreeBytes ? fmtBytes(last.memFreeBytes) : "?"} · ${last.diskFreeBytes ? fmtBytes(last.diskFreeBytes) : "?"}`
                  : "—"}
              </dd>
              <dt className="muted">Tools</dt>
              <dd className="font-mono">
                {nm.tools && typeof nm.tools === "object"
                  ? Object.entries(nm.tools as Record<string, string>)
                      .map(([k, v]) => `${k} ${v}`)
                      .join(" · ")
                  : "—"}
              </dd>
            </dl>
            {hb.length > 1 && (
              <p className="subtle mt-2 text-xs">
                Last {hb.length} heartbeats:{" "}
                {hb
                  .map((h) => `${(h.load as { load1?: number }).load1?.toFixed?.(1) ?? "?"}`)
                  .reverse()
                  .join(" ")}
              </p>
            )}
          </section>
        );
      })}
    </div>
  );
}