Files
temetro/frontend/lib/ai-settings.ts
T
Khalid Abdi 31d86bb5dd frontend: wire chat to the real agent + lab charts + import approval
Replace the mock chat with the live backend agent:
- chat-panel uses @ai-sdk/react useChat against /api/chat (credentials included),
  passing the selected model + effort per send. The `/patient <file#>` fast-path
  is kept as an instant client-side shortcut.
- Renders the agent's streamed data parts: patientCard → record cards
  (PatientResult), labCard → new LabChartCard (visx area chart with a high/low
  flag badge in the top-right corner + recent values), importPreview →
  ImportPreviewCard (the human approval gate: review counts/issues, then commit
  via POST /api/ai/import — nothing is written until approved).
- Veil consent: a one-time dialog before the first send to a cloud model,
  explaining that identifiers are de-identified before leaving the clinic.
- Attached text files (csv/json/txt…) now include their content in the message
  so the agent can parse an export for import.

Shared chat message/data-part types in lib/ai-chat.ts.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
2026-06-13 18:44:20 +03:00

64 lines
1.9 KiB
TypeScript

import { apiFetch } from "@/lib/api-client";
import type { Effort } from "@/lib/ai-models";
// Mirrors backend/src/types/ai.ts. Per-user AI configuration fetched from and
// saved to /api/ai/config. Provider API keys are write-only: they are never
// returned, only `apiKeySet` reports which providers have a stored key.
export type AiMode = "api" | "local";
export type ApiProvider = "openai" | "anthropic" | "gemini";
export type VeilLevel = "off" | "names" | "full";
export type AiConfig = {
mode: AiMode;
provider: ApiProvider;
ollamaBaseUrl: string;
ollamaModel: string;
defaultModel: string;
defaultEffort: Effort;
veilLevel: VeilLevel;
apiKeySet: Record<ApiProvider, boolean>;
};
export type AiConfigPatch = Partial<
Omit<AiConfig, "apiKeySet">
> & {
// Plaintext key for the currently selected provider; "" clears it.
apiKey?: string;
};
export async function getAiConfig(): Promise<AiConfig> {
const res = await apiFetch<{ config: AiConfig }>("/api/ai/config");
return res.config;
}
export async function saveAiConfig(patch: AiConfigPatch): Promise<AiConfig> {
const res = await apiFetch<{ config: AiConfig }>("/api/ai/config", {
method: "PUT",
body: JSON.stringify(patch),
});
return res.config;
}
export async function testAiConnection(input: {
mode: AiMode;
provider?: ApiProvider;
ollamaBaseUrl?: string;
}): Promise<{ ok: boolean; message: string }> {
return apiFetch<{ ok: boolean; message: string }>("/api/ai/test", {
method: "POST",
body: JSON.stringify(input),
});
}
// Commit records the clinician approved in a chat import preview. The backend
// re-validates and writes via the audited patient service.
export async function commitImport(
records: unknown[],
): Promise<{ created: string[]; failed: { fileNumber?: string; error: string }[] }> {
return apiFetch("/api/ai/import", {
method: "POST",
body: JSON.stringify({ records }),
});
}