feat: AI-added records save with placeholders + "Added by AI" provenance

Stop blocking AI imports/proposals on missing non-critical fields. Records
the chat agent drafts now save with safe placeholders, auto-generated file
numbers, and a source="ai" marker that surfaces an "Added by AI" badge so a
clinician can review/edit them later.

Backend:
- add `source` (manual|ai) column to patients/appointments/prescriptions
  (migration 0014) + canonical types, services, validation schemas
- relax patient/appointment validation: empty file number allowed, demographic
  + type/provider/initials fall back to placeholders (initials derived from name)
- patients.generateFileNumber() auto-assigns an MRN when one is missing
- proposeAppointment accepts a name when no file number resolves; AI commits +
  /api/ai/import stamp source="ai"

Frontend:
- `source` on Appointment/Patient/Prescription types; AI commits send source="ai"
- reusable <AiBadge> shown on the Patients table/detail and prescriptions list

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
This commit is contained in:
Khalid Abdi
2026-06-14 19:27:17 +03:00
parent 67249be67b
commit 929bec8f31
258 changed files with 28490 additions and 681 deletions
+27
View File
@@ -0,0 +1,27 @@
"use client";
import { Sparkles } from "lucide-react";
import { useTranslation } from "react-i18next";
import { Badge } from "@/components/ui/badge";
import { cn } from "@/lib/utils";
// A small "Added by AI" marker shown on records the chat agent drafted/imported
// (source === "ai"). These may carry placeholder fields and are meant to be
// reviewed and edited by a clinician. Renders nothing for manual records.
export function AiBadge({
source,
className,
}: {
source?: "manual" | "ai" | null;
className?: string;
}) {
const { t } = useTranslation();
if (source !== "ai") return null;
return (
<Badge className={cn("gap-1", className)} variant="secondary">
<Sparkles className="size-3" />
{t("common.addedByAi")}
</Badge>
);
}
@@ -45,12 +45,20 @@ function summarize(data: ActionPreviewData): string[] {
}
async function commit(data: ActionPreviewData): Promise<void> {
// Stamp provenance so the committed record is flagged "Added by AI" and shows
// up for review/editing on the relevant page.
if (data.kind === "appointment") {
await createAppointment(data.record as AppointmentInput);
await createAppointment({
...(data.record as AppointmentInput),
source: "ai",
});
} else if (data.kind === "task") {
await createTask(data.record as TaskInput);
} else {
await createPrescription(data.record as PrescriptionInput);
await createPrescription({
...(data.record as PrescriptionInput),
source: "ai",
});
}
}
@@ -3,6 +3,7 @@
import { useEffect, useState } from "react";
import { useTranslation } from "react-i18next";
import { AiBadge } from "@/components/ai-badge";
import { PatientFormDialog } from "@/components/chat/patient-form-dialog";
import { PatientDetail } from "@/components/patients/patient-detail";
import { TransferPatientDialog } from "@/components/patients/transfer-patient-dialog";
@@ -97,7 +98,10 @@ export function PatientDetailSheet({
<Sheet onOpenChange={onOpenChange} open={open}>
<SheetPopup className="sm:max-w-xl" side="right">
<SheetHeader>
<SheetTitle>{title}</SheetTitle>
<SheetTitle className="flex items-center gap-2">
{title}
{status === "ready" && <AiBadge source={patient?.source} />}
</SheetTitle>
</SheetHeader>
<SheetPanel className="min-h-0 flex-1">
{status === "loading" && <DetailSkeleton />}
@@ -4,6 +4,7 @@ import { Plus, Search } from "lucide-react";
import { useEffect, useState } from "react";
import { useTranslation } from "react-i18next";
import { AiBadge } from "@/components/ai-badge";
import { PatientFormDialog } from "@/components/chat/patient-form-dialog";
import { PatientDetailSheet } from "@/components/patients/patient-detail-sheet";
import { Badge } from "@/components/ui/badge";
@@ -173,7 +174,10 @@ export function PatientsView() {
tabIndex={0}
>
<td className="px-4 py-3 font-medium text-foreground">
{p.name}
<span className="flex items-center gap-2">
{p.name}
<AiBadge source={p.source} />
</span>
</td>
<td className="px-4 py-3 text-muted-foreground">
{p.fileNumber}
@@ -4,6 +4,7 @@ import { CircleCheck, Clock, Pill, Plus, Search } from "lucide-react";
import { type ReactNode, useEffect, useMemo, useState } from "react";
import { useTranslation } from "react-i18next";
import { AiBadge } from "@/components/ai-badge";
import {
AddPrescriptionDialog,
type NewPrescription,
@@ -93,6 +94,7 @@ function RxRow({ rx, onOpen }: { rx: Prescription; onOpen: () => void }) {
{formatPrescribedAt(rx.prescribedAt)}
</span>
</div>
<AiBadge source={rx.source} />
<Badge variant={statusVariant[rx.status]}>
{t(`prescriptions.status.${rx.status}`)}
</Badge>