// Patient detail side panel + Add patient modal function PatientPanel({ patient, data, onClose, onCall, onUpdate, onDelete }) { const [tab, setTab] = React.useState("overview"); const [openInteraction, setOpenInteraction] = React.useState(null); const [editing, setEditing] = React.useState(false); const [form, setForm] = React.useState({}); const [saving, setSaving] = React.useState(false); if (!patient) return null; const startEdit = () => { setForm({ name: patient.name, phone: patient.phone, alternatePhone: patient.alternatePhone || "", alternateContact: patient.alternateContact || "", equipmentType: patient.equipmentType, equipmentDetails: patient.equipmentDetails || "", priority: patient.priority, region: patient.region, contactPreference: patient.contactPreference, contactFrequencyDays: patient.contactFrequencyDays, notes: patient.notes || "", status: patient.status, }); setEditing(true); setTab("overview"); }; const saveEdit = async () => { setSaving(true); try { const r = await fetch(`${CLARA_API}/api/patients/${patient.id}`, { method: "PATCH", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ ...form, contactFrequencyDays: Number(form.contactFrequencyDays) }), }); if (r.ok && onUpdate) onUpdate(); setEditing(false); } catch {} setSaving(false); }; const set = (k) => (e) => setForm({ ...form, [k]: e.target.value }); const interactions = (data.interactions || []) .filter((i) => i.patientId === patient.id) .sort((a, b) => new Date(b.date) - new Date(a.date)); const escalations = (data.escalations || []) .filter((e) => e.patientId === patient.id) .sort((a, b) => new Date(b.date) - new Date(a.date)); const overdue = isOverdue(patient); const dsc = daysSinceContact(patient); const dw = daysWaiting(patient); const m = channelMeta(patient.contactPreference); const PrefIcon = I[m.icon]; return (