feat(patients): clinic-side patient registry

Clinics get a real patient ledger. Labs see only patientCode — no name, phone, date of birth, or notes ever cross the team boundary. Data model - New table 'patients' (clinicTenantId, patientCode, firstName, lastName, phone?, dateOfBirth?, notes?, archived). Unique index on (clinicTenantId, patientCode) so each clinic gets its own code space. Fulltext index on (firstName, lastName) for future patient search. Row permissions Role.team(clinicTenantId) only — labs literally cannot read the rows. - jobs.patientId attribute (optional) + key index, references the patient row when one exists. patientCode stays denormalised on jobs so labs keep a stable identifier without joining patients. Server - createPatientAction: clinic-only, requireTenantKind guard. Protocol no is optional; if absent we generate a 6-char unique code (re-roll on collision, 8 attempts). Duplicate protocol no within a clinic is rejected with a friendly error. - updatePatientAction: edits name/phone/dob/notes. patientCode is explicitly NOT mutable — re-keying historical jobs would be confusing. - archivePatientAction: toggle, preserves history. - listPatients / getPatient queries return plain objects via toPlain. UI - /patients page (clinic-only, sidebar nav 'Hastalar', middleware protected): table + add form + edit dialog + archive. - /jobs/new: patient Select replaces the bare patientCode input. Picking a patient locks the patientCode field to that patient's code; falling back to 'Hasta listesinde yok — kodu manuel gir' keeps the old free- text flow. - createJobAction validates patientId ownership and overwrites patientCode with the patient's code on the server, so a manipulated form can't desync the two. - /jobs/[jobId] (clinic side only): adds a 'Hasta Bilgileri' card with name/phone/dob/notes and uses the patient's full name as the page title. Lab side is unchanged — code only. The protocol-no / generated-code split matches what the user asked for: existing patient management software's protocol number flows in directly, otherwise the system mints one.
2026-05-21 21:54:35 +03:00
parent 5fbc0a3c95
commit ee9c0015a5
15 changed files with 937 additions and 8 deletions
@@ -7,6 +7,7 @@ import { Button } from "@/components/ui/button";
 import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card";
 import { listJobFiles } from "@/lib/appwrite/job-file-queries";
 import { listJobHistory } from "@/lib/appwrite/job-history-queries";
+import { getPatient } from "@/lib/appwrite/patient-queries";
 import { toPlain } from "@/lib/appwrite/serialize";
 import {
  JOB_STATUS_LABELS,
@@ -85,6 +86,12 @@ export default async function JobDetailPage({
  const currentStepIdx = job.currentStep ? JOB_STEP_ORDER.indexOf(job.currentStep) : -1;
  const side = job.clinicTenantId === ctx.tenantId ? "clinic" : "lab";

+  // Patient record only resolves on the clinic side — labs see the code only.
+  const patient =
+    side === "clinic" && job.patientId
+      ? await getPatient(job.patientId, ctx.tenantId)
+      : null;
+
  return (
    <div className="flex-1 space-y-6 px-6">
      <div className="flex flex-wrap items-start justify-between gap-3">
@@ -93,9 +100,14 @@ export default async function JobDetailPage({
            {counterpartLabel}: {counterpart?.companyName ?? "—"}
          </p>
          <h1 className="text-2xl font-bold tracking-tight">
-            Hasta {job.patientCode}
+            {patient ? `${patient.firstName} ${patient.lastName}` : `Hasta ${job.patientCode}`}
          </h1>
          <p className="text-muted-foreground text-sm">
+            {patient && (
+              <>
+                <span className="font-mono">{job.patientCode}</span> ·{" "}
+              </>
+            )}
            {PROSTHETIC_TYPE_LABELS[job.prostheticType]} · {job.memberCount} üye
          </p>
        </div>
@@ -180,6 +192,37 @@ export default async function JobDetailPage({
        </Card>
      </div>

+      {patient && (
+        <Card>
+          <CardHeader>
+            <CardTitle>Hasta Bilgileri</CardTitle>
+            <CardDescription>
+              Bu alan yalnızca kliniğinize görünür — laboratuvar hasta kodu
+              dışında bir veri görmez.
+            </CardDescription>
+          </CardHeader>
+          <CardContent className="grid gap-4 text-sm md:grid-cols-3">
+            <Info label="Ad Soyad">
+              {patient.firstName} {patient.lastName}
+            </Info>
+            <Info label="Telefon">{patient.phone || "—"}</Info>
+            <Info label="Doğum Tarihi">
+              {patient.dateOfBirth
+                ? dateFormatter.format(new Date(patient.dateOfBirth))
+                : "—"}
+            </Info>
+            {patient.notes && (
+              <div className="md:col-span-3">
+                <p className="text-muted-foreground mb-1 text-xs font-medium uppercase tracking-wide">
+                  Notlar
+                </p>
+                <p className="whitespace-pre-wrap text-sm">{patient.notes}</p>
+              </div>
+            )}
+          </CardContent>
+        </Card>
+      )}
+
      <Card>
        <CardHeader>
          <CardTitle>Taranan Dosyalar ve Görseller</CardTitle>
@@ -1,6 +1,7 @@
 "use client";

-import { useActionState, useEffect } from "react";
+import { useActionState, useEffect, useMemo, useState } from "react";
+import Link from "next/link";
 import { useRouter } from "next/navigation";
 import { Loader2, Send } from "lucide-react";
 import { toast } from "sonner";
@@ -24,6 +25,8 @@ import {
 import type { JobCounterpart } from "@/lib/appwrite/job-queries";
 import type { ProstheticType } from "@/lib/appwrite/schema";

+const NONE_PATIENT = "__none__";
+
 const PROSTHETIC_TYPES: ProstheticType[] = [
  "metal_porselen",
  "zirkonyum",
@@ -33,15 +36,28 @@ const PROSTHETIC_TYPES: ProstheticType[] = [
  "diger",
 ];

+type PatientOption = { id: string; code: string; label: string };
+
 export function NewJobForm({
  labs,
+  patients,
  defaultCurrency,
 }: {
  labs: JobCounterpart[];
+  patients: PatientOption[];
  defaultCurrency: string;
 }) {
  const router = useRouter();
  const [state, action, pending] = useActionState(createJobAction, initialJobFormState);
+  const [patientId, setPatientId] = useState<string>(
+    patients.length > 0 ? patients[0].id : NONE_PATIENT,
+  );
+
+  const patientById = useMemo(
+    () => new Map(patients.map((p) => [p.id, p])),
+    [patients],
+  );
+  const selectedPatient = patientId !== NONE_PATIENT ? patientById.get(patientId) : undefined;

  useEffect(() => {
    if (state.ok) {
@@ -74,14 +90,62 @@ export function NewJobForm({
          )}
        </div>

+        <div className="grid gap-2 md:col-span-2">
+          <div className="flex items-baseline justify-between gap-3">
+            <Label htmlFor="patientId">Hasta</Label>
+            <Link
+              href="/patients"
+              className="text-muted-foreground hover:text-foreground text-xs underline-offset-4 hover:underline"
+            >
+              + Yeni hasta ekle
+            </Link>
+          </div>
+          <input
+            type="hidden"
+            name="patientId"
+            value={patientId === NONE_PATIENT ? "" : patientId}
+          />
+          <Select value={patientId} onValueChange={setPatientId}>
+            <SelectTrigger id="patientId">
+              <SelectValue placeholder="Hasta seçin" />
+            </SelectTrigger>
+            <SelectContent>
+              {patients.map((p) => (
+                <SelectItem key={p.id} value={p.id}>
+                  {p.label}{" "}
+                  <span className="text-muted-foreground ml-1 font-mono text-xs">
+                    {p.code}
+                  </span>
+                </SelectItem>
+              ))}
+              <SelectItem value={NONE_PATIENT}>
+                Hasta listesinde yok — kodu manuel gir
+              </SelectItem>
+            </SelectContent>
+          </Select>
+          {state.fieldErrors?.patientId && (
+            <p className="text-destructive text-xs">{state.fieldErrors.patientId}</p>
+          )}
+        </div>
+
        <div className="grid gap-2">
-          <Label htmlFor="patientCode">Hasta Kodu *</Label>
+          <Label htmlFor="patientCode">
+            Hasta Kodu *{" "}
+            {selectedPatient && (
+              <span className="text-muted-foreground text-xs">(seçili hastadan)</span>
+            )}
+          </Label>
          <Input
            id="patientCode"
            name="patientCode"
            required
            maxLength={50}
            placeholder="Örn. 000892"
+            value={selectedPatient?.code ?? undefined}
+            defaultValue={selectedPatient ? undefined : ""}
+            readOnly={Boolean(selectedPatient)}
+            style={{ textTransform: "uppercase" }}
+            className="font-mono"
          />
          {state.fieldErrors?.patientCode && (
            <p className="text-destructive text-xs">{state.fieldErrors.patientCode}</p>
@@ -4,6 +4,7 @@ import { redirect } from "next/navigation";
 import { Button } from "@/components/ui/button";
 import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card";
 import { listApprovedLabsForClinic } from "@/lib/appwrite/job-queries";
+import { listPatients } from "@/lib/appwrite/patient-queries";
 import { requireTenant, requireTenantKind } from "@/lib/appwrite/tenant-guard";
 import { NewJobForm } from "./components/new-job-form";

@@ -20,7 +21,10 @@ export default async function NewJobPage() {
    redirect("/dashboard");
  }

-  const labs = await listApprovedLabsForClinic(ctx.tenantId);
+  const [labs, patients] = await Promise.all([
+    listApprovedLabsForClinic(ctx.tenantId),
+    listPatients(ctx.tenantId, { includeArchived: false }),
+  ]);
  const defaultCurrency = ctx.settings?.defaultCurrency ?? "TRY";

  return (
@@ -55,7 +59,15 @@ export default async function NewJobPage() {
            </CardDescription>
          </CardHeader>
          <CardContent>
-            <NewJobForm labs={labs} defaultCurrency={defaultCurrency} />
+            <NewJobForm
+              labs={labs}
+              patients={patients.map((p) => ({
+                id: p.$id,
+                code: p.patientCode,
+                label: `${p.firstName} ${p.lastName}`,
+              }))}
+              defaultCurrency={defaultCurrency}
+            />
          </CardContent>
        </Card>
      )}
@@ -0,0 +1,109 @@
+"use client";
+
+import { useActionState, useEffect, useRef } from "react";
+import { Loader2, UserPlus } from "lucide-react";
+import { toast } from "sonner";
+
+import { Button } from "@/components/ui/button";
+import { Input } from "@/components/ui/input";
+import { Label } from "@/components/ui/label";
+import { Textarea } from "@/components/ui/textarea";
+import { createPatientAction } from "@/lib/appwrite/patient-actions";
+import { initialPatientFormState } from "@/lib/appwrite/patient-types";
+
+export function PatientForm() {
+  const [state, action, pending] = useActionState(
+    createPatientAction,
+    initialPatientFormState,
+  );
+  const formRef = useRef<HTMLFormElement>(null);
+
+  useEffect(() => {
+    if (state.ok) {
+      toast.success("Hasta eklendi.");
+      formRef.current?.reset();
+    } else if (state.error) {
+      toast.error(state.error);
+    }
+  }, [state]);
+
+  return (
+    <form ref={formRef} action={action} className="grid gap-4">
+      <div className="grid gap-2">
+        <Label htmlFor="patientCode">
+          Protokol No <span className="text-muted-foreground text-xs">(opsiyonel)</span>
+        </Label>
+        <Input
+          id="patientCode"
+          name="patientCode"
+          maxLength={50}
+          placeholder="Boş bırakırsanız sistem üretir"
+          style={{ textTransform: "uppercase" }}
+          className="font-mono"
+        />
+        {state.fieldErrors?.patientCode && (
+          <p className="text-destructive text-xs">{state.fieldErrors.patientCode}</p>
+        )}
+      </div>
+
+      <div className="grid grid-cols-2 gap-3">
+        <div className="grid gap-2">
+          <Label htmlFor="firstName">Ad *</Label>
+          <Input id="firstName" name="firstName" required maxLength={100} />
+          {state.fieldErrors?.firstName && (
+            <p className="text-destructive text-xs">{state.fieldErrors.firstName}</p>
+          )}
+        </div>
+        <div className="grid gap-2">
+          <Label htmlFor="lastName">Soyad *</Label>
+          <Input id="lastName" name="lastName" required maxLength={100} />
+          {state.fieldErrors?.lastName && (
+            <p className="text-destructive text-xs">{state.fieldErrors.lastName}</p>
+          )}
+        </div>
+      </div>
+
+      <div className="grid gap-2">
+        <Label htmlFor="phone">Telefon</Label>
+        <Input
+          id="phone"
+          name="phone"
+          type="tel"
+          maxLength={30}
+          placeholder="+90 555 123 45 67"
+          autoComplete="tel"
+        />
+      </div>
+
+      <div className="grid gap-2">
+        <Label htmlFor="dateOfBirth">Doğum Tarihi</Label>
+        <Input id="dateOfBirth" name="dateOfBirth" type="date" />
+      </div>
+
+      <div className="grid gap-2">
+        <Label htmlFor="notes">Notlar</Label>
+        <Textarea
+          id="notes"
+          name="notes"
+          rows={3}
+          maxLength={2000}
+          placeholder="Alerji, anamnez, vs."
+        />
+      </div>
+
+      <Button type="submit" disabled={pending}>
+        {pending ? (
+          <>
+            <Loader2 className="size-4 animate-spin" />
+            Ekleniyor...
+          </>
+        ) : (
+          <>
+            <UserPlus className="size-4" />
+            Hasta ekle
+          </>
+        )}
+      </Button>
+    </form>
+  );
+}
@@ -0,0 +1,237 @@
+"use client";
+
+import { useActionState, useEffect, useState, useTransition } from "react";
+import { Archive, ArchiveRestore, Loader2, Pencil } from "lucide-react";
+import { toast } from "sonner";
+
+import { Badge } from "@/components/ui/badge";
+import { Button } from "@/components/ui/button";
+import {
+  Dialog,
+  DialogClose,
+  DialogContent,
+  DialogDescription,
+  DialogFooter,
+  DialogHeader,
+  DialogTitle,
+} from "@/components/ui/dialog";
+import { Input } from "@/components/ui/input";
+import { Label } from "@/components/ui/label";
+import {
+  Table,
+  TableBody,
+  TableCell,
+  TableHead,
+  TableHeader,
+  TableRow,
+} from "@/components/ui/table";
+import { Textarea } from "@/components/ui/textarea";
+import {
+  archivePatientAction,
+  updatePatientAction,
+} from "@/lib/appwrite/patient-actions";
+import {
+  initialPatientActionState,
+  initialPatientFormState,
+} from "@/lib/appwrite/patient-types";
+import type { Patient } from "@/lib/appwrite/schema";
+
+const dateFormatter = new Intl.DateTimeFormat("tr-TR", {
+  day: "2-digit",
+  month: "2-digit",
+  year: "numeric",
+});
+
+export function PatientsTable({ rows }: { rows: Patient[] }) {
+  if (rows.length === 0) {
+    return (
+      <p className="text-muted-foreground py-6 text-center text-sm">
+        Henüz hasta yok. Sağdaki formdan ekleyebilirsiniz.
+      </p>
+    );
+  }
+
+  return (
+    <Table>
+      <TableHeader>
+        <TableRow>
+          <TableHead>Kod</TableHead>
+          <TableHead>Ad Soyad</TableHead>
+          <TableHead>Telefon</TableHead>
+          <TableHead>Doğum</TableHead>
+          <TableHead>Durum</TableHead>
+          <TableHead className="text-right">İşlem</TableHead>
+        </TableRow>
+      </TableHeader>
+      <TableBody>
+        {rows.map((p) => (
+          <PatientRow key={p.$id} row={p} />
+        ))}
+      </TableBody>
+    </Table>
+  );
+}
+
+function PatientRow({ row }: { row: Patient }) {
+  const [archiveState, archiveAction, archivePending] = useActionState(
+    archivePatientAction,
+    initialPatientActionState,
+  );
+  const [, startTransition] = useTransition();
+  const [editOpen, setEditOpen] = useState(false);
+
+  useEffect(() => {
+    if (archiveState.ok) {
+      toast.success(row.archived ? "Hasta aktifleştirildi." : "Hasta arşivlendi.");
+    } else if (archiveState.error) {
+      toast.error(archiveState.error);
+    }
+  }, [archiveState, row.archived]);
+
+  return (
+    <TableRow className={row.archived ? "opacity-60" : ""}>
+      <TableCell className="font-mono text-xs">{row.patientCode}</TableCell>
+      <TableCell className="font-medium">
+        {row.firstName} {row.lastName}
+      </TableCell>
+      <TableCell className="text-muted-foreground">{row.phone || "—"}</TableCell>
+      <TableCell className="text-muted-foreground">
+        {row.dateOfBirth ? dateFormatter.format(new Date(row.dateOfBirth)) : "—"}
+      </TableCell>
+      <TableCell>
+        {row.archived ? (
+          <Badge variant="outline">Arşiv</Badge>
+        ) : (
+          <Badge variant="secondary">Aktif</Badge>
+        )}
+      </TableCell>
+      <TableCell className="text-right">
+        <div className="flex justify-end gap-1.5">
+          <Button size="sm" variant="outline" onClick={() => setEditOpen(true)}>
+            <Pencil className="size-4" />
+          </Button>
+          <form
+            action={(fd) => {
+              startTransition(() => archiveAction(fd));
+            }}
+          >
+            <input type="hidden" name="id" value={row.$id} />
+            <Button type="submit" size="sm" variant="outline" disabled={archivePending}>
+              {archivePending ? (
+                <Loader2 className="size-4 animate-spin" />
+              ) : row.archived ? (
+                <ArchiveRestore className="size-4" />
+              ) : (
+                <Archive className="size-4" />
+              )}
+            </Button>
+          </form>
+        </div>
+        <EditPatientDialog row={row} open={editOpen} onOpenChange={setEditOpen} />
+      </TableCell>
+    </TableRow>
+  );
+}
+
+function EditPatientDialog({
+  row,
+  open,
+  onOpenChange,
+}: {
+  row: Patient;
+  open: boolean;
+  onOpenChange: (open: boolean) => void;
+}) {
+  const [state, action, pending] = useActionState(
+    updatePatientAction,
+    initialPatientFormState,
+  );
+
+  useEffect(() => {
+    if (state.ok) {
+      toast.success("Hasta güncellendi.");
+      onOpenChange(false);
+    } else if (state.error) {
+      toast.error(state.error);
+    }
+  }, [state, onOpenChange]);
+
+  return (
+    <Dialog open={open} onOpenChange={onOpenChange}>
+      <DialogContent>
+        <DialogHeader>
+          <DialogTitle>Hasta Bilgileri</DialogTitle>
+          <DialogDescription>
+            Protokol kodu ({row.patientCode}) değiştirilemez — geçmiş işlerle bağı kopar.
+          </DialogDescription>
+        </DialogHeader>
+        <form action={action} className="grid gap-4">
+          <input type="hidden" name="id" value={row.$id} />
+          <input type="hidden" name="patientCode" value={row.patientCode} />
+          <div className="grid grid-cols-2 gap-3">
+            <div className="grid gap-2">
+              <Label htmlFor={`first-${row.$id}`}>Ad *</Label>
+              <Input
+                id={`first-${row.$id}`}
+                name="firstName"
+                defaultValue={row.firstName}
+                required
+                maxLength={100}
+              />
+            </div>
+            <div className="grid gap-2">
+              <Label htmlFor={`last-${row.$id}`}>Soyad *</Label>
+              <Input
+                id={`last-${row.$id}`}
+                name="lastName"
+                defaultValue={row.lastName}
+                required
+                maxLength={100}
+              />
+            </div>
+          </div>
+          <div className="grid gap-2">
+            <Label htmlFor={`phone-${row.$id}`}>Telefon</Label>
+            <Input
+              id={`phone-${row.$id}`}
+              name="phone"
+              type="tel"
+              defaultValue={row.phone ?? ""}
+              maxLength={30}
+            />
+          </div>
+          <div className="grid gap-2">
+            <Label htmlFor={`dob-${row.$id}`}>Doğum Tarihi</Label>
+            <Input
+              id={`dob-${row.$id}`}
+              name="dateOfBirth"
+              type="date"
+              defaultValue={row.dateOfBirth ? row.dateOfBirth.slice(0, 10) : ""}
+            />
+          </div>
+          <div className="grid gap-2">
+            <Label htmlFor={`notes-${row.$id}`}>Notlar</Label>
+            <Textarea
+              id={`notes-${row.$id}`}
+              name="notes"
+              rows={3}
+              defaultValue={row.notes ?? ""}
+              maxLength={2000}
+            />
+          </div>
+          <DialogFooter>
+            <DialogClose asChild>
+              <Button type="button" variant="outline">
+                Vazgeç
+              </Button>
+            </DialogClose>
+            <Button type="submit" disabled={pending}>
+              {pending ? <Loader2 className="size-4 animate-spin" /> : <Pencil className="size-4" />}
+              Kaydet
+            </Button>
+          </DialogFooter>
+        </form>
+      </DialogContent>
+    </Dialog>
+  );
+}
@@ -0,0 +1,60 @@
+import { redirect } from "next/navigation";
+
+import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card";
+import { listPatients } from "@/lib/appwrite/patient-queries";
+import { requireTenant, requireTenantKind } from "@/lib/appwrite/tenant-guard";
+import { PatientForm } from "./components/patient-form";
+import { PatientsTable } from "./components/patients-table";
+
+export const metadata = {
+  title: "DLS — Hastalar",
+};
+
+export default async function PatientsPage() {
+  let ctx;
+  try {
+    ctx = await requireTenant();
+    requireTenantKind(ctx, ["clinic"]);
+  } catch {
+    redirect("/dashboard");
+  }
+
+  const rows = await listPatients(ctx.tenantId, { includeArchived: true });
+
+  return (
+    <div className="flex-1 space-y-6 px-6">
+      <div className="flex flex-col gap-1">
+        <h1 className="text-2xl font-bold tracking-tight">Hastalar</h1>
+        <p className="text-muted-foreground text-sm">
+          Kliniğinizin hasta defteri. Laboratuvar tarafında yalnızca hasta kodunu görür — kişisel veriler sizinle kalır.
+        </p>
+      </div>
+
+      <div className="grid gap-6 lg:grid-cols-[1fr_360px]">
+        <Card>
+          <CardHeader>
+            <CardTitle>Hasta Listesi</CardTitle>
+            <CardDescription>
+              {rows.length === 0 ? "Henüz hasta yok." : `${rows.length} kayıt`}
+            </CardDescription>
+          </CardHeader>
+          <CardContent>
+            <PatientsTable rows={rows} />
+          </CardContent>
+        </Card>
+
+        <Card>
+          <CardHeader>
+            <CardTitle>Hasta Ekle</CardTitle>
+            <CardDescription>
+              Protokol numarası varsa girin, yoksa sistem 6 haneli benzersiz kod üretir.
+            </CardDescription>
+          </CardHeader>
+          <CardContent>
+            <PatientForm />
+          </CardContent>
+        </Card>
+      </div>
+    </div>
+  );
+}