import { useQuery } from "@tanstack/react-query";
import { getWorkspacePreprocessingStatus } from "../../api/workspace-preprocessing";
import { WorkspacePreprocessingControl } from "../WorkspacePreprocessingControl";
import { AdministrationLink } from "./AdministrationNavigation";

export function WorkspacePreparation({ workspaceId, canManage }: {
  workspaceId: string; canManage: boolean;
}) {
  const query = useQuery({ queryKey: ["workspace-preprocessing", workspaceId],
    queryFn: () => getWorkspacePreprocessingStatus(workspaceId), enabled: canManage, retry: false, refetchInterval: 5000 });
  if (!canManage) return <p className="text-sm text-muted-foreground">Database management permission is required to inspect or run preprocessing.</p>;
  return <section aria-label="Workspace readiness" className="thot-workspace-preparation">
    <p className="thot-administration-eyebrow">Preparation</p>
    <h3 className="font-heading text-lg font-semibold mt-1">Ready for analysis</h3>
    <p className="mt-2 text-sm text-muted-foreground">Preprocessing prepares this workspace's schema, value lookup and Evidence indexes from the Database catalog. Memory remains separate.</p>
    <AdministrationLink surface="database-management" workspace={workspaceId} className="thot-administration-link">Open Database configuration and schema</AdministrationLink>
    {query.data && <dl className="mt-3 flex flex-wrap gap-5 text-sm">
      <div><dt className="text-muted-foreground">Catalog revision</dt><dd className="font-mono">{query.data.metadataRevision ?? "Unavailable"}</dd></div>
      <div><dt className="text-muted-foreground">Prepared revision</dt><dd className="font-mono">{query.data.preprocessedMetadataRevision ?? "Not prepared"}</dd></div>
    </dl>}
    <WorkspacePreprocessingControl key={workspaceId} workspaceId={workspaceId} status={query.data} loading={query.isLoading} unavailable={query.isError} canManage={canManage} presentation="page" />
    {query.isError && <button className="thot-administration-link" onClick={() => void query.refetch()}>Retry readiness</button>}
  </section>;
}