Artifacts

import { notFound } from "next/navigation";
import { HardHat } from "lucide-react";
import { PageHeader } from "@/components/layout/page-header";
import { Card, CardContent } from "@/components/ui/card";
import { Separator } from "@/components/ui/separator";
import { MetaItem, FieldList } from "@/components/shared/field-list";
import { getTemplate } from "@/lib/workers/templates";

export const dynamic = "force-dynamic";

export default function WorkerTemplateDetailPage({
  params,
}: {
  params: { tid: string };
}) {
  const t = getTemplate(params.tid);
  if (!t) notFound();

  return (
    <div>
      <PageHeader
        eyebrow={`${t.id} · v${t.version}`}
        title={t.name}
        description={t.description}
        back={{ label: "Worker Templates", href: "/workers" }}
        actions={
          <span className="rounded-full bg-emerald-50 px-2.5 py-0.5 text-xs font-medium text-emerald-700">
            {t.status}
          </span>
        }
      />
      <div className="grid grid-cols-1 gap-8 lg:grid-cols-3">
        <div className="space-y-6 lg:col-span-2">
          <Card>
            <CardContent className="space-y-5 p-6">
              <div className="flex items-center gap-2 text-[11px] font-semibold uppercase tracking-[0.1em] text-muted-foreground">
                <HardHat className="h-3.5 w-3.5" /> Default Blueprint
              </div>
              <FieldList label="Default Tools" items={t.default_tools} />
              <Separator />
              <MetaItem label="Default Permissions">{t.default_permissions}</MetaItem>
              <Separator />
              <MetaItem label="Default Workspace Policy">{t.default_workspace_policy}</MetaItem>
              <Separator />
              <MetaItem label="Default Report Format">{t.default_report_format}</MetaItem>
            </CardContent>
          </Card>
        </div>
        <aside className="space-y-6">
          <Card>
            <CardContent className="space-y-4 p-6">
              <MetaItem label="Department">{t.department}</MetaItem>
              <Separator />
              <MetaItem label="Executive Owner">
                <span className="font-mono text-[13px]">{t.executive_owner}</span>
              </MetaItem>
              <Separator />
              <MetaItem label="Default Model">
                <span className="font-mono text-[13px]">{t.default_model}</span>
              </MetaItem>
              <Separator />
              <MetaItem label="Default Temperature">{t.default_temperature}</MetaItem>
              <Separator />
              <MetaItem label="Version">v{t.version}</MetaItem>
            </CardContent>
          </Card>
          <div className="font-mono text-[11px] text-muted-foreground">
            /srv/aaf/workers/templates/{t.id}/
          </div>
        </aside>
      </div>
    </div>
  );
}