import { allSettings, getEnv } from "@autoscholar/core";
import { auditEvents } from "@autoscholar/db";
import { desc } from "drizzle-orm";
import { fmtDateTime } from "@/lib/format";
import { db } from "@/lib/server/db";
import { currentSession } from "@/lib/server/session";
import { SettingsControls } from "./SettingsControls";

export const dynamic = "force-dynamic";

export default async function SettingsPage() {
  const d = db();
  const env = getEnv();
  const settings = await allSettings(d);
  const audit = await d.select().from(auditEvents).orderBy(desc(auditEvents.createdAt)).limit(100);
  const sess = await currentSession();
  return (
    <div className="space-y-8">
      <header>
        <p className="eyebrow">Founder controls</p>
        <h1 className="title-2 mt-1">Settings & security</h1>
      </header>
      <SettingsControls
        settings={{
          dispatchPaused: settings["dispatch.paused"] === true,
          publishingHalted: settings["publishing.halted"] === true,
          haltedModes: (settings["publishing.haltedModes"] as string[]) ?? [],
        }}
      />
      <section className="surface p-4">
        <h2 className="title-3">Environment and providers</h2>
        <dl className="mt-2 grid grid-cols-2 gap-x-6 gap-y-1 text-xs sm:grid-cols-4">
          <dt className="muted">Publishing (env)</dt>
          <dd>{env.PUBLISHING_ENABLED === 1 ? "enabled" : "DISABLED"}</dd>
          <dt className="muted">Dispatch (env)</dt>
          <dd>{env.DISPATCH_ENABLED === 1 ? "enabled" : "DISABLED"}</dd>
          <dt className="muted">Staging mode</dt>
          <dd>{env.STAGING_MODE === 1 ? "on (noindex, synthetic sample allowed)" : "off"}</dd>
          <dt className="muted">Research model</dt>
          <dd className="font-mono">{env.ANTHROPIC_MODEL}</dd>
          <dt className="muted">Reviewer model</dt>
          <dd className="font-mono">{env.ANTHROPIC_REVIEWER_MODEL}</dd>
          <dt className="muted">Default caps</dt>
          <dd>
            ${env.DEFAULT_MAX_BUDGET_USD} · {env.DEFAULT_MAX_RUNTIME_MINUTES} min
          </dd>
          <dt className="muted">Lease TTL</dt>
          <dd>{env.LEASE_TTL_SECONDS}s</dd>
          <dt className="muted">Enrollment secret</dt>
          <dd>{env.WORKER_ENROLLMENT_SECRET ? "configured" : "not set"}</dd>
          <dt className="muted">Anthropic key on control plane</dt>
          <dd>
            {process.env.ANTHROPIC_API_KEY
              ? "present (not needed here)"
              : "absent (expected: keys live on workers)"}
          </dd>
          <dt className="muted">Session</dt>
          <dd>
            {sess?.username} · expires {fmtDateTime(sess?.expiresAt)}
          </dd>
        </dl>
      </section>
      <section className="surface p-4">
        <h2 className="title-3">Audit log (latest 100)</h2>
        <table className="table mt-2">
          <thead>
            <tr>
              <th>When</th>
              <th>Actor</th>
              <th>Action</th>
              <th>Target</th>
              <th>Detail</th>
            </tr>
          </thead>
          <tbody>
            {audit.length === 0 && (
              <tr>
                <td colSpan={5} className="muted py-6 text-center">
                  Empty.
                </td>
              </tr>
            )}
            {audit.map((a) => (
              <tr key={a.id}>
                <td className="subtle whitespace-nowrap text-xs">{fmtDateTime(a.createdAt)}</td>
                <td className="text-xs">
                  {a.actorType}
                  {a.actorId ? `:${a.actorId.slice(0, 8)}` : ""}
                </td>
                <td className="font-mono text-xs">{a.action}</td>
                <td className="text-xs">
                  {a.targetType} {a.targetId?.slice(0, 8)}
                </td>
                <td className="muted max-w-md truncate text-xs">{JSON.stringify(a.detail)}</td>
              </tr>
            ))}
          </tbody>
        </table>
      </section>
    </div>
  );
}