import { get } from "./api.js";
import { ago, errorText, h, replace } from "./dom.js";
import { findTask, on, onEach, state } from "./state.js";
const refreshKinds = new Set(["session.created", "session.state", "task.created", "task.merged", "task.discarded", "project.created"]);
export function mountAdmin(root) {
    let status;
    let error = "";
    let inFlight = false;
    let again = false;
    let disposed = false;
    const render = () => {
        if (!status) {
            replace(root, h("div", { class: error ? "empty error-text" : "empty" }, error || "Loading…"));
            return;
        }
        replace(root, h("div", { class: "admin-view" }, error && h("p", { class: "error-text" }, error), turnsSection(status), rateLimitsSection(status.rate_limits), serverSection(status)));
    };
    const refresh = async () => {
        if (inFlight) {
            again = true;
            return;
        }
        inFlight = true;
        try {
            const next = await get("/api/admin/status");
            if (disposed) {
                return;
            }
            status = next;
            error = "";
        }
        catch (err) {
            error = `Couldn't load status: ${errorText(err)}`;
        }
        inFlight = false;
        render();
        if (again && !disposed) {
            again = false;
            void refresh();
        }
    };
    const onEvent = (detail) => {
        const ev = detail;
        if (refreshKinds.has(ev.kind) || (ev.kind === "agent.vendor" && ev.payload["type"] === "rate_limit_event")) {
            void refresh();
            return;
        }
        if (status && ev.seq > status.last_event_seq) {
            status.last_event_seq = ev.seq;
            render();
        }
    };
    const offs = [
        on("event", onEvent),
        on("connection", () => {
            if (state.connected) {
                void refresh();
            }
        }),
        onEach(["projects", "tasks"], render),
    ];
    render();
    void refresh();
    return () => {
        disposed = true;
        for (const off of offs) {
            off();
        }
    };
}
function turnsSection(s) {
    const vendors = [...new Set([...Object.keys(s.caps.per_vendor), ...s.running_turns.map((t) => t.vendor), ...s.queued_turns.map((t) => t.vendor)])].sort();
    const runningFor = (vendor) => s.running_turns.filter((t) => t.vendor === vendor).length;
    return h("section", { class: "admin-section" }, h("h2", {}, "Turns"), h("div", { class: "caps" }, capTile("All vendors", s.running_turns.length, s.caps.global), ...vendors.map((v) => capTile(v, runningFor(v), s.caps.per_vendor[v])), h("div", { class: "cap-tile" }, h("div", { class: "cap-label" }, "Queued"), h("div", { class: s.queued_turns.length > 0 ? "cap-value warn" : "cap-value" }, s.queued_turns.length))), h("h3", {}, "Running"), turnList(s.running_turns, "running", "No turns running."), h("h3", {}, "Queued"), turnList(s.queued_turns, "queued", "Nothing queued."));
}
function capTile(label, running, cap) {
    const full = cap !== undefined && running >= cap;
    return h("div", { class: "cap-tile" }, h("div", { class: "cap-label" }, label), h("div", { class: full ? "cap-value warn" : "cap-value" }, running, h("span", { class: "cap-max" }, cap === undefined ? " / no cap" : ` / ${cap}`)));
}
function turnList(turns, kind, empty) {
    return h("ul", { class: "task-list" }, ...turns.map((t, i) => {
        const task = findTask(t.task_id);
        const project = task ? state.projects.find((p) => p.id === task.project_id) : undefined;
        return h("li", {}, h("a", { href: `#/task/${t.task_id}` }, kind === "queued" ? h("span", { class: "queue-pos" }, `${i + 1}.`) : h("span", { class: "dot running", title: "running" }), h("span", { class: "task-title" }, project && h("span", { class: "project-name" }, `${project.name} ▸ `), task?.title ?? t.task_id), h("span", { class: "task-state" }, t.vendor)));
    }), turns.length === 0 && h("li", { class: "empty-row" }, empty));
}
function rateLimitsSection(limits) {
    const vendors = Object.keys(limits).sort();
    return h("section", { class: "admin-section" }, h("h2", {}, "Rate limits"), ...vendors.map((v) => rateLimitCard(v, limits[v] ?? {})), vendors.length === 0 && h("p", { class: "hint" }, "No vendor has reported a rate-limit status since byre started."));
}
function rateLimitCard(vendor, info) {
    const { status, rateLimitType, resetsAt, unifiedWindows, ...rest } = info;
    const statusText = String(status ?? "unknown");
    const tone = statusText === "allowed" ? "ok" : statusText === "rejected" ? "danger" : "warn";
    const windows = (unifiedWindows ?? {});
    return h("div", { class: "card rate-limit" }, h("header", {}, h("span", { class: "vendor" }, vendor), h("span", { class: `rl-status ${tone}` }, statusText), rateLimitType !== undefined && h("span", {}, String(rateLimitType)), typeof resetsAt === "number" && h("span", { class: "resets" }, "resets ", resetText(resetsAt))), Object.keys(windows).length > 0 &&
        h("table", { class: "rl-windows" }, h("tr", {}, h("th", {}, "Window"), h("th", {}, "Used"), h("th", {}, "Resets")), ...Object.entries(windows).map(([name, w]) => h("tr", {}, h("td", {}, name), h("td", { class: utilizationClass(w.utilization) }, w.utilization === undefined ? "—" : `${Math.round(w.utilization * 100)}%`), h("td", {}, w.resetsAt === undefined ? "—" : resetText(w.resetsAt))))), Object.keys(rest).length > 0 &&
        h("dl", { class: "kv" }, ...Object.entries(rest).flatMap(([k, v]) => [h("dt", {}, k), h("dd", {}, typeof v === "object" ? JSON.stringify(v) : String(v))])));
}
function utilizationClass(u) {
    if (u === undefined) {
        return "";
    }
    if (u >= 0.9) {
        return "danger";
    }
    if (u >= 0.7) {
        return "warn";
    }
    return "";
}
function resetText(unixSeconds) {
    const at = new Date(unixSeconds * 1000);
    const time = at.toLocaleString(undefined, { weekday: "short", hour: "numeric", minute: "2-digit" });
    const minutes = Math.round((at.getTime() - Date.now()) / 60000);
    if (minutes <= 0) {
        return `${time} (passed)`;
    }
    const rel = minutes < 60 ? `${minutes}m` : minutes < 1440 ? `${Math.floor(minutes / 60)}h ${minutes % 60}m` : `${Math.floor(minutes / 1440)}d ${Math.floor((minutes % 1440) / 60)}h`;
    return `${time} (in ${rel})`;
}
function serverSection(s) {
    const rows = [
        ["Started", `${new Date(s.started_at).toLocaleString()} (${ago(s.started_at)})`],
        ["Agent processes", String(s.live_agents)],
        ["Projects", String(s.projects)],
        ["Active tasks", String(s.active_tasks)],
        ["Live clients", String(s.sse_clients)],
        ["Database", bytes(s.db_bytes)],
        ["Last event", `#${s.last_event_seq}`],
    ];
    return h("section", { class: "admin-section" }, h("h2", {}, "Server"), h("dl", { class: "kv" }, ...rows.flatMap(([k, v]) => [h("dt", {}, k), h("dd", {}, v)])));
}
function bytes(n) {
    const units = ["B", "KB", "MB", "GB", "TB"];
    let i = 0;
    let v = n;
    while (v >= 1024 && i < units.length - 1) {
        v /= 1024;
        i++;
    }
    return `${v.toFixed(i === 0 ? 0 : 1)} ${units[i]}`;
}
//# sourceMappingURL=admin.js.map