25 lines
2.1 KiB
TypeScript
25 lines
2.1 KiB
TypeScript
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>;
|
|
}
|