formanitor 0.1.11 → 0.2.1

package/dist/ObstetricHistoryWidget-EGVLL4X2.mjs

@@ -0,0 +1,1113 @@
+import { useObgSymptomsSync, Panel, ChipRow } from './chunk-ULMK3TUI.mjs';
+import { Card, CardHeader, CardTitle, CardContent } from './chunk-LGGOBIEA.mjs';
+import { normalizeObgPathway } from './chunk-IKAKE7TR.mjs';
+import { Checkbox } from './chunk-GNZWSVTB.mjs';
+import { Textarea } from './chunk-4BAKQIPJ.mjs';
+import { Input } from './chunk-VNFBUAZD.mjs';
+import { Select, SelectTrigger, SelectValue, SelectContent, SelectItem } from './chunk-AZHTIUOL.mjs';
+import { useField } from './chunk-ZTT5XJR7.mjs';
+import { Label } from './chunk-HEFZA2AH.mjs';
+import { cn } from './chunk-VPU66PI6.mjs';
+import { useState, useRef, useMemo, useEffect } from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var OBG_PATHWAY_FIELD = "obg_pathway";
+var AntenatalPanels = () => {
+  const pathwayField = useField(OBG_PATHWAY_FIELD);
+  const { writeSymptoms } = useObgSymptomsSync();
+  const hasField = !!pathwayField.fieldDef;
+  const safe = useMemo(
+    () => normalizeObgPathway(pathwayField.value),
+    [pathwayField.value]
+  );
+  const [ant, setAnt] = useState(() => safe.antenatal);
+  const lastWrittenRef = useRef(safe.antenatal);
+  useEffect(() => {
+    if (safe.antenatal === lastWrittenRef.current) return;
+    if (JSON.stringify(safe.antenatal) === JSON.stringify(lastWrittenRef.current)) return;
+    setAnt(safe.antenatal);
+    lastWrittenRef.current = safe.antenatal;
+  }, [safe.antenatal]);
+  if (!hasField) return null;
+  if (!safe.zones.includes("antenatal")) return null;
+  const disabled = pathwayField.disabled;
+  const commit = (nextAnt) => {
+    const prev = { ...safe, antenatal: ant };
+    const nextPathway = { ...safe, antenatal: nextAnt };
+    setAnt(nextAnt);
+    lastWrittenRef.current = nextAnt;
+    pathwayField.setValue(nextPathway);
+    pathwayField.setTouched();
+    writeSymptoms(prev, nextPathway);
+  };
+  const a = ant;
+  const setAntenatal = (patch) => commit({ ...a, ...patch });
+  const setAntenatalSymptom = (key) => commit({ ...a, symptoms: { ...a.symptoms, [key]: !a.symptoms[key] } });
+  const setAntenatalExam = (patch) => commit({ ...a, exam: { ...a.exam, ...patch } });
+  const setAntenatalInv = (patch) => commit({ ...a, investigations: { ...a.investigations, ...patch } });
+  return /* @__PURE__ */ jsxs("div", { className: "space-y-3 text-xs", children: [
+    /* @__PURE__ */ jsx(Panel, { title: "Current pregnancy details", children: /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-3 md:grid-cols-4", children: [
+      /* @__PURE__ */ jsxs("label", { className: "space-y-1", children: [
+        /* @__PURE__ */ jsx("span", { className: "block font-medium", children: "Gravida" }),
+        /* @__PURE__ */ jsx(
+          Input,
+          {
+            type: "number",
+            min: 0,
+            className: "h-8 text-xs",
+            value: a.gravida,
+            onChange: (e) => setAntenatal({ gravida: Number(e.target.value) || 0 }),
+            disabled
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
+        /* @__PURE__ */ jsx("span", { className: "block font-medium", children: "GA (LMP) \u2014 w / d" }),
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1", children: [
+          /* @__PURE__ */ jsx(
+            Input,
+            {
+              type: "number",
+              min: 0,
+              max: 45,
+              className: "h-8 text-xs",
+              value: a.gaWeeksLmp,
+              onChange: (e) => setAntenatal({ gaWeeksLmp: Number(e.target.value) || 0 }),
+              disabled
+            }
+          ),
+          /* @__PURE__ */ jsx("span", { className: "text-[10px] text-muted-foreground", children: "w" }),
+          /* @__PURE__ */ jsx(
+            Input,
+            {
+              type: "number",
+              min: 0,
+              max: 6,
+              className: "h-8 text-xs",
+              value: a.gaDaysLmp,
+              onChange: (e) => setAntenatal({ gaDaysLmp: Number(e.target.value) || 0 }),
+              disabled
+            }
+          ),
+          /* @__PURE__ */ jsx("span", { className: "text-[10px] text-muted-foreground", children: "d" })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
+        /* @__PURE__ */ jsx("span", { className: "block font-medium", children: "GA (USG) \u2014 w / d" }),
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1", children: [
+          /* @__PURE__ */ jsx(
+            Input,
+            {
+              type: "number",
+              min: 0,
+              max: 45,
+              className: "h-8 text-xs",
+              value: a.gaWeeksUsg,
+              onChange: (e) => setAntenatal({ gaWeeksUsg: Number(e.target.value) || 0 }),
+              disabled
+            }
+          ),
+          /* @__PURE__ */ jsx("span", { className: "text-[10px] text-muted-foreground", children: "w" }),
+          /* @__PURE__ */ jsx(
+            Input,
+            {
+              type: "number",
+              min: 0,
+              max: 6,
+              className: "h-8 text-xs",
+              value: a.gaDaysUsg,
+              onChange: (e) => setAntenatal({ gaDaysUsg: Number(e.target.value) || 0 }),
+              disabled
+            }
+          ),
+          /* @__PURE__ */ jsx("span", { className: "text-[10px] text-muted-foreground", children: "d" })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs("label", { className: "space-y-1", children: [
+        /* @__PURE__ */ jsx("span", { className: "block font-medium", children: "EDD" }),
+        /* @__PURE__ */ jsx(
+          Input,
+          {
+            type: "date",
+            className: "h-8 text-xs",
+            value: a.edd,
+            onChange: (e) => setAntenatal({ edd: e.target.value }),
+            disabled
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxs("label", { className: "space-y-1 md:col-span-2", children: [
+        /* @__PURE__ */ jsx("span", { className: "block font-medium", children: "Risk category" }),
+        /* @__PURE__ */ jsxs(
+          Select,
+          {
+            value: a.riskCategory === "" ? "none" : a.riskCategory,
+            onValueChange: (v) => setAntenatal({
+              riskCategory: v === "none" ? "" : v
+            }),
+            disabled,
+            children: [
+              /* @__PURE__ */ jsx(SelectTrigger, { className: "h-8 text-xs", children: /* @__PURE__ */ jsx(SelectValue, { placeholder: "\u2014" }) }),
+              /* @__PURE__ */ jsxs(SelectContent, { children: [
+                /* @__PURE__ */ jsx(SelectItem, { value: "none", children: "\u2014" }),
+                /* @__PURE__ */ jsx(SelectItem, { value: "Low", children: "Low" }),
+                /* @__PURE__ */ jsx(SelectItem, { value: "High", children: "High" })
+              ] })
+            ]
+          }
+        )
+      ] })
+    ] }) }),
+    /* @__PURE__ */ jsx(Panel, { title: "Antenatal symptoms", children: /* @__PURE__ */ jsx(
+      ChipRow,
+      {
+        options: [
+          { key: "nauseaVomiting", label: "Nausea / vomiting" },
+          { key: "bleedingPV", label: "Bleeding PV" },
+          { key: "painAbdomen", label: "Pain abdomen" },
+          { key: "decreasedFetalMovements", label: "Decreased fetal movements" }
+        ],
+        selected: a.symptoms,
+        onToggle: (k) => setAntenatalSymptom(k),
+        disabled
+      }
+    ) }),
+    /* @__PURE__ */ jsx(Panel, { title: "Antenatal examination", children: /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-3 md:grid-cols-4", children: [
+      /* @__PURE__ */ jsxs("label", { className: "space-y-1", children: [
+        /* @__PURE__ */ jsx("span", { className: "block font-medium", children: "Weight (kg)" }),
+        /* @__PURE__ */ jsx(
+          Input,
+          {
+            type: "number",
+            className: "h-8 text-xs",
+            value: a.exam.weightKg,
+            onChange: (e) => setAntenatalExam({ weightKg: Number(e.target.value) || 0 }),
+            disabled
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxs("label", { className: "space-y-1", children: [
+        /* @__PURE__ */ jsx("span", { className: "block font-medium", children: "Height (cm)" }),
+        /* @__PURE__ */ jsx(
+          Input,
+          {
+            type: "number",
+            className: "h-8 text-xs",
+            value: a.exam.heightCm,
+            onChange: (e) => setAntenatalExam({ heightCm: Number(e.target.value) || 0 }),
+            disabled
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxs("label", { className: "space-y-1", children: [
+        /* @__PURE__ */ jsx("span", { className: "block font-medium", children: "BMI" }),
+        /* @__PURE__ */ jsx(
+          Input,
+          {
+            type: "number",
+            step: 0.1,
+            className: "h-8 text-xs",
+            value: a.exam.bmi,
+            onChange: (e) => setAntenatalExam({ bmi: Number(e.target.value) || 0 }),
+            disabled
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxs("label", { className: "space-y-1", children: [
+        /* @__PURE__ */ jsx("span", { className: "block font-medium", children: "BP" }),
+        /* @__PURE__ */ jsx(
+          Input,
+          {
+            placeholder: "e.g. 120/80",
+            className: "h-8 text-xs",
+            value: a.exam.bp,
+            onChange: (e) => setAntenatalExam({ bp: e.target.value }),
+            disabled
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxs("label", { className: "flex items-end gap-2 pb-1", children: [
+        /* @__PURE__ */ jsx(
+          Checkbox,
+          {
+            checked: a.exam.pallor,
+            onCheckedChange: (c) => setAntenatalExam({ pallor: c === true }),
+            disabled
+          }
+        ),
+        /* @__PURE__ */ jsx("span", { children: "Pallor" })
+      ] }),
+      /* @__PURE__ */ jsxs("label", { className: "flex items-end gap-2 pb-1", children: [
+        /* @__PURE__ */ jsx(
+          Checkbox,
+          {
+            checked: a.exam.oedema,
+            onCheckedChange: (c) => setAntenatalExam({ oedema: c === true }),
+            disabled
+          }
+        ),
+        /* @__PURE__ */ jsx("span", { children: "Oedema" })
+      ] }),
+      /* @__PURE__ */ jsxs("label", { className: "space-y-1", children: [
+        /* @__PURE__ */ jsx("span", { className: "block font-medium", children: "Fundal height (cm)" }),
+        /* @__PURE__ */ jsx(
+          Input,
+          {
+            type: "number",
+            className: "h-8 text-xs",
+            value: a.exam.fundalHeightCm,
+            onChange: (e) => setAntenatalExam({ fundalHeightCm: Number(e.target.value) || 0 }),
+            disabled
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxs("label", { className: "space-y-1", children: [
+        /* @__PURE__ */ jsx("span", { className: "block font-medium", children: "FHR (bpm)" }),
+        /* @__PURE__ */ jsx(
+          Input,
+          {
+            type: "number",
+            className: "h-8 text-xs",
+            value: a.exam.fhrBpm,
+            onChange: (e) => setAntenatalExam({ fhrBpm: Number(e.target.value) || 0 }),
+            disabled
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxs("label", { className: "space-y-1", children: [
+        /* @__PURE__ */ jsx("span", { className: "block font-medium", children: "Presentation" }),
+        /* @__PURE__ */ jsxs(
+          Select,
+          {
+            value: a.exam.presentation === "" ? "none" : a.exam.presentation,
+            onValueChange: (v) => setAntenatalExam({
+              presentation: v === "none" ? "" : v
+            }),
+            disabled,
+            children: [
+              /* @__PURE__ */ jsx(SelectTrigger, { className: "h-8 text-xs", children: /* @__PURE__ */ jsx(SelectValue, { placeholder: "\u2014" }) }),
+              /* @__PURE__ */ jsxs(SelectContent, { children: [
+                /* @__PURE__ */ jsx(SelectItem, { value: "none", children: "\u2014" }),
+                /* @__PURE__ */ jsx(SelectItem, { value: "Cephalic", children: "Cephalic" }),
+                /* @__PURE__ */ jsx(SelectItem, { value: "Breech", children: "Breech" }),
+                /* @__PURE__ */ jsx(SelectItem, { value: "Other", children: "Other" })
+              ] })
+            ]
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxs("label", { className: "space-y-1", children: [
+        /* @__PURE__ */ jsx("span", { className: "block font-medium", children: "Lie" }),
+        /* @__PURE__ */ jsxs(
+          Select,
+          {
+            value: a.exam.lie === "" ? "none" : a.exam.lie,
+            onValueChange: (v) => setAntenatalExam({ lie: v === "none" ? "" : v }),
+            disabled,
+            children: [
+              /* @__PURE__ */ jsx(SelectTrigger, { className: "h-8 text-xs", children: /* @__PURE__ */ jsx(SelectValue, { placeholder: "\u2014" }) }),
+              /* @__PURE__ */ jsxs(SelectContent, { children: [
+                /* @__PURE__ */ jsx(SelectItem, { value: "none", children: "\u2014" }),
+                /* @__PURE__ */ jsx(SelectItem, { value: "Longitudinal", children: "Longitudinal" }),
+                /* @__PURE__ */ jsx(SelectItem, { value: "Transverse", children: "Transverse" }),
+                /* @__PURE__ */ jsx(SelectItem, { value: "Oblique", children: "Oblique" })
+              ] })
+            ]
+          }
+        )
+      ] })
+    ] }) }),
+    /* @__PURE__ */ jsx(Panel, { title: "Investigations tracker", children: /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-3 md:grid-cols-3", children: [
+      /* @__PURE__ */ jsxs("label", { className: "space-y-1", children: [
+        /* @__PURE__ */ jsx("span", { className: "block font-medium", children: "Blood Group / Rh" }),
+        /* @__PURE__ */ jsx(
+          Input,
+          {
+            className: "h-8 text-xs",
+            placeholder: "e.g. O+ve",
+            value: a.investigations.bloodGroup,
+            onChange: (e) => setAntenatalInv({ bloodGroup: e.target.value }),
+            disabled
+          }
+        )
+      ] }),
+      [
+        { key: "cbc", label: "CBC" },
+        { key: "tsh", label: "TSH" },
+        { key: "rbsOgtt", label: "RBS / OGTT" },
+        { key: "serology", label: "HIV / HBsAg / VDRL" },
+        { key: "urine", label: "Urine routine" }
+      ].map((row) => /* @__PURE__ */ jsxs("label", { className: "space-y-1", children: [
+        /* @__PURE__ */ jsx("span", { className: "block font-medium", children: row.label }),
+        /* @__PURE__ */ jsxs(
+          Select,
+          {
+            value: a.investigations[row.key] === "" ? "none" : a.investigations[row.key],
+            onValueChange: (v) => setAntenatalInv({
+              [row.key]: v === "none" ? "" : v
+            }),
+            disabled,
+            children: [
+              /* @__PURE__ */ jsx(SelectTrigger, { className: "h-8 text-xs", children: /* @__PURE__ */ jsx(SelectValue, { placeholder: "\u2014" }) }),
+              /* @__PURE__ */ jsxs(SelectContent, { children: [
+                /* @__PURE__ */ jsx(SelectItem, { value: "none", children: "\u2014" }),
+                /* @__PURE__ */ jsx(SelectItem, { value: "Done", children: "Done" }),
+                /* @__PURE__ */ jsx(SelectItem, { value: "Pending", children: "Pending" }),
+                /* @__PURE__ */ jsx(SelectItem, { value: "Abnormal", children: "Abnormal" })
+              ] })
+            ]
+          }
+        )
+      ] }, row.key)),
+      /* @__PURE__ */ jsxs("label", { className: "space-y-1", children: [
+        /* @__PURE__ */ jsx("span", { className: "block font-medium", children: "USG" }),
+        /* @__PURE__ */ jsxs(
+          Select,
+          {
+            value: a.investigations.usg === "" ? "none" : a.investigations.usg,
+            onValueChange: (v) => setAntenatalInv({
+              usg: v === "none" ? "" : v
+            }),
+            disabled,
+            children: [
+              /* @__PURE__ */ jsx(SelectTrigger, { className: "h-8 text-xs", children: /* @__PURE__ */ jsx(SelectValue, { placeholder: "\u2014" }) }),
+              /* @__PURE__ */ jsxs(SelectContent, { children: [
+                /* @__PURE__ */ jsx(SelectItem, { value: "none", children: "\u2014" }),
+                /* @__PURE__ */ jsx(SelectItem, { value: "Dating", children: "Dating" }),
+                /* @__PURE__ */ jsx(SelectItem, { value: "NT", children: "NT" }),
+                /* @__PURE__ */ jsx(SelectItem, { value: "Anomaly", children: "Anomaly" }),
+                /* @__PURE__ */ jsx(SelectItem, { value: "Growth", children: "Growth" }),
+                /* @__PURE__ */ jsx(SelectItem, { value: "Pending", children: "Pending" })
+              ] })
+            ]
+          }
+        )
+      ] })
+    ] }) })
+  ] });
+};
+var DEFAULT_MENSTRUAL = {
+  menarche_age: 13,
+  cycle_length: 28,
+  flow_days: 4,
+  cycle_regular: true,
+  dysmenorrhea: 0
+};
+var DEFAULT_DRAFT = {
+  gpal: { G: 0, P: 0, A: 0, L: 0 },
+  lmp: "",
+  pregnancy_status: "not_pregnant",
+  eddUSG: "",
+  primaryEDD: "lmp",
+  complications: "",
+  outcome: null,
+  menstrual: { ...DEFAULT_MENSTRUAL }
+};
+function pad2(n) {
+  return String(n).padStart(2, "0");
+}
+function formatDdMmYyyy(iso) {
+  const [y, m, d] = iso.split("-");
+  if (!y || !m || !d) return iso;
+  return `${pad2(Number(d))}/${pad2(Number(m))}/${y}`;
+}
+function todayIso() {
+  const d = /* @__PURE__ */ new Date();
+  const y = d.getFullYear();
+  const m = pad2(d.getMonth() + 1);
+  const day = pad2(d.getDate());
+  return `${y}-${m}-${day}`;
+}
+function isValidIsoDate(val) {
+  if (!/^\d{4}-\d{2}-\d{2}$/.test(val)) return false;
+  const dt = /* @__PURE__ */ new Date(`${val}T00:00:00.000Z`);
+  return !Number.isNaN(dt.getTime());
+}
+function safeJsonParse(val) {
+  try {
+    return JSON.parse(val);
+  } catch {
+    return null;
+  }
+}
+function clampInt(val, min, max) {
+  if (!Number.isFinite(val)) return min;
+  return Math.max(min, Math.min(max, Math.trunc(val)));
+}
+function clampDysmenorrhea(val) {
+  const n = Math.round(Number(val));
+  if (!Number.isFinite(n)) return 0;
+  if (n <= 0) return 0;
+  if (n >= 3) return 3;
+  return n;
+}
+function isPregnancyStatus(x) {
+  return x === "not_pregnant" || x === "pregnant" || x === "unknown";
+}
+function normalizeMenstrual(raw) {
+  if (!raw || typeof raw !== "object" || Array.isArray(raw)) {
+    return { ...DEFAULT_MENSTRUAL };
+  }
+  const o = raw;
+  const num = (v, fb) => {
+    const n = Number(v);
+    return Number.isFinite(n) ? n : fb;
+  };
+  return {
+    menarche_age: num(o.menarche_age, DEFAULT_MENSTRUAL.menarche_age),
+    cycle_length: num(o.cycle_length, DEFAULT_MENSTRUAL.cycle_length),
+    flow_days: num(o.flow_days, DEFAULT_MENSTRUAL.flow_days),
+    cycle_regular: typeof o.cycle_regular === "boolean" ? o.cycle_regular : DEFAULT_MENSTRUAL.cycle_regular,
+    dysmenorrhea: clampDysmenorrhea(o.dysmenorrhea)
+  };
+}
+function parseLegacyString(input) {
+  const result = {};
+  const gpalMatch = input.match(/G(\d+)\s*P(\d+)\s*A(\d+)\s*L(\d+)/i);
+  if (gpalMatch) {
+    const [, g, p, a, l] = gpalMatch;
+    result.gpal = {
+      G: clampInt(Number(g), 0, 20),
+      P: clampInt(Number(p), 0, 20),
+      A: clampInt(Number(a), 0, 20),
+      L: clampInt(Number(l), 0, 20)
+    };
+  }
+  const lmpMatch = input.match(/LMP:\s*([^\n]+)/i);
+  if (lmpMatch?.[1]) result.lmp = lmpMatch[1].trim();
+  const eddUsgMatch = input.match(/EDD\s*\(USG\):\s*([^\n]+)/i);
+  if (eddUsgMatch?.[1]) result.eddUSG = eddUsgMatch[1].trim();
+  const primaryMatch = input.match(/Primary\s*EDD:\s*(lmp|usg)/i);
+  if (primaryMatch?.[1]) result.primaryEDD = primaryMatch[1].toLowerCase();
+  const compMatch = input.match(/Complications:\s*([^\n]+)/i);
+  if (compMatch?.[1]) result.complications = compMatch[1].trim();
+  return result;
+}
+function normalizeToDraft(value) {
+  if (!value) return { draft: { ...DEFAULT_DRAFT }, isNewEntry: true };
+  let parsed = value;
+  if (typeof value === "string") {
+    const json = safeJsonParse(value);
+    parsed = json ?? value;
+  }
+  const resolvePregnancyStatus = (o) => {
+    if (isPregnancyStatus(o?.pregnancy_status)) return o.pregnancy_status;
+    if (typeof o?.is_pregnant === "boolean") return o.is_pregnant ? "pregnant" : "not_pregnant";
+    return "not_pregnant";
+  };
+  if (parsed && typeof parsed === "object" && !Array.isArray(parsed) && "gpal" in parsed && parsed.gpal && typeof parsed.gpal === "object") {
+    const gpal = parsed.gpal ?? {};
+    const edd = parsed.edd ?? null;
+    const eddUSG = (edd && typeof edd === "object" ? edd.usg : void 0) ?? parsed.eddUSG ?? "";
+    const primaryEDD = (edd && typeof edd === "object" ? edd.primary : void 0) ?? parsed.primaryEDD ?? "lmp";
+    const lmp = parsed.lmp ?? "";
+    const complications = parsed.complications ?? "";
+    const outcome = parsed.outcome ?? null;
+    return {
+      isNewEntry: false,
+      draft: {
+        gpal: {
+          G: clampInt(Number(gpal.G ?? 0), 0, 20),
+          P: clampInt(Number(gpal.P ?? 0), 0, 20),
+          A: clampInt(Number(gpal.A ?? 0), 0, 20),
+          L: clampInt(Number(gpal.L ?? 0), 0, 20)
+        },
+        lmp: typeof lmp === "string" ? lmp : "",
+        pregnancy_status: resolvePregnancyStatus(parsed),
+        eddUSG: typeof eddUSG === "string" ? eddUSG : "",
+        primaryEDD: primaryEDD === "usg" ? "usg" : "lmp",
+        complications: typeof complications === "string" ? complications : "",
+        outcome: outcome && typeof outcome === "object" ? {
+          type: outcome.type ?? "",
+          date: typeof outcome.date === "string" ? outcome.date : "",
+          notes: typeof outcome.notes === "string" ? outcome.notes : "",
+          is_final: !!outcome.is_final
+        } : null,
+        menstrual: normalizeMenstrual(parsed.menstrual)
+      }
+    };
+  }
+  if (parsed && typeof parsed === "object" && !Array.isArray(parsed)) {
+    const gpalFromFlat = {
+      G: clampInt(Number(parsed.G ?? parsed.g ?? 0), 0, 20),
+      P: clampInt(Number(parsed.P ?? parsed.p ?? 0), 0, 20),
+      A: clampInt(Number(parsed.A ?? parsed.a ?? 0), 0, 20),
+      L: clampInt(Number(parsed.L ?? parsed.l ?? 0), 0, 20)
+    };
+    return {
+      isNewEntry: false,
+      draft: {
+        ...DEFAULT_DRAFT,
+        gpal: gpalFromFlat,
+        lmp: typeof parsed.lmp === "string" ? parsed.lmp : "",
+        eddUSG: typeof parsed.eddUSG === "string" ? parsed.eddUSG : "",
+        primaryEDD: parsed.primaryEDD === "usg" ? "usg" : "lmp",
+        complications: typeof parsed.complications === "string" ? parsed.complications : "",
+        outcome: parsed.outcome && typeof parsed.outcome === "object" ? {
+          type: parsed.outcome.type ?? "",
+          date: typeof parsed.outcome.date === "string" ? parsed.outcome.date : "",
+          notes: typeof parsed.outcome.notes === "string" ? parsed.outcome.notes : "",
+          is_final: !!parsed.outcome.is_final
+        } : null,
+        pregnancy_status: resolvePregnancyStatus(parsed),
+        menstrual: normalizeMenstrual(parsed.menstrual)
+      }
+    };
+  }
+  if (typeof parsed === "string") {
+    const legacy = parseLegacyString(parsed);
+    return { isNewEntry: false, draft: { ...DEFAULT_DRAFT, ...legacy } };
+  }
+  return { draft: { ...DEFAULT_DRAFT }, isNewEntry: true };
+}
+function computeEddFromLmp(lmpIso) {
+  if (!isValidIsoDate(lmpIso)) return null;
+  const base = /* @__PURE__ */ new Date(`${lmpIso}T00:00:00.000Z`);
+  base.setUTCDate(base.getUTCDate() + 280);
+  const y = base.getUTCFullYear();
+  const m = pad2(base.getUTCMonth() + 1);
+  const d = pad2(base.getUTCDate());
+  return `${y}-${m}-${d}`;
+}
+function diffDaysUtc(fromIso, toIso) {
+  if (!isValidIsoDate(fromIso) || !isValidIsoDate(toIso)) return null;
+  const a = (/* @__PURE__ */ new Date(`${fromIso}T00:00:00.000Z`)).getTime();
+  const b = (/* @__PURE__ */ new Date(`${toIso}T00:00:00.000Z`)).getTime();
+  return Math.floor((b - a) / (1e3 * 60 * 60 * 24));
+}
+function computeGestationalAgeFromLmp(lmpIso, today) {
+  const days = diffDaysUtc(lmpIso, today);
+  if (days == null || days < 0) return null;
+  const weeks = Math.floor(days / 7);
+  const rem = days % 7;
+  return { weeks, days: rem, totalDays: days, basedOn: "lmp" };
+}
+function computeGestationalAgeFromUsgEdd(eddUsgIso, today) {
+  const daysToEdd = diffDaysUtc(today, eddUsgIso);
+  if (daysToEdd == null) return null;
+  const daysElapsed = 280 - daysToEdd;
+  if (daysElapsed < 0) return null;
+  const weeks = Math.floor(daysElapsed / 7);
+  const rem = daysElapsed % 7;
+  return { weeks, days: rem, totalDays: daysElapsed, basedOn: "usg" };
+}
+function computeTrimester(ga) {
+  if (!ga) return null;
+  if (ga.weeks < 13) return 1;
+  if (ga.weeks < 27) return 2;
+  if (ga.weeks < 42) return 3;
+  return null;
+}
+function buildStored(draft, today) {
+  const lmpIso = isValidIsoDate(draft.lmp) ? draft.lmp : null;
+  const eddUsgIso = isValidIsoDate(draft.eddUSG) ? draft.eddUSG : null;
+  if (draft.pregnancy_status !== "pregnant") {
+    return {
+      gpal: draft.gpal,
+      lmp: lmpIso,
+      is_pregnant: false,
+      pregnancy_status: draft.pregnancy_status,
+      edd: null,
+      gestationalAge: null,
+      trimester: null,
+      complications: draft.complications.trim() ? draft.complications : null,
+      outcome: draft.outcome,
+      menstrual: { ...draft.menstrual }
+    };
+  }
+  const eddFromLmp = lmpIso ? computeEddFromLmp(lmpIso) : null;
+  const gaFromLmp = lmpIso ? computeGestationalAgeFromLmp(lmpIso, today) : null;
+  const gaFromUsg = eddUsgIso ? computeGestationalAgeFromUsgEdd(eddUsgIso, today) : null;
+  const primary = draft.primaryEDD;
+  const gaPrimary = primary === "usg" && gaFromUsg ? gaFromUsg : gaFromLmp ? gaFromLmp : null;
+  return {
+    gpal: draft.gpal,
+    lmp: lmpIso,
+    is_pregnant: true,
+    pregnancy_status: "pregnant",
+    edd: { lmp: eddFromLmp, usg: eddUsgIso, primary },
+    gestationalAge: gaPrimary,
+    trimester: computeTrimester(gaPrimary),
+    complications: draft.complications.trim() ? draft.complications : null,
+    outcome: draft.outcome,
+    menstrual: { ...draft.menstrual }
+  };
+}
+function stripGpalSuffix(label) {
+  return label.replace(/\s*\(G-P-A-L\)\s*$/i, "").trim();
+}
+function useDebouncedCommit(commit, delayMs) {
+  const timeoutRef = useRef(null);
+  const latestCommit = useRef(commit);
+  latestCommit.current = commit;
+  useEffect(() => {
+    return () => {
+      if (timeoutRef.current != null) window.clearTimeout(timeoutRef.current);
+    };
+  }, []);
+  return (next) => {
+    if (timeoutRef.current != null) window.clearTimeout(timeoutRef.current);
+    timeoutRef.current = window.setTimeout(() => latestCommit.current(next), delayMs);
+  };
+}
+var ObstetricHistoryWidget = ({ fieldId }) => {
+  const { fieldDef, value, setValue, disabled } = useField(fieldId);
+  const [{ draft, isNewEntry }, setDraftState] = useState(() => normalizeToDraft(value));
+  const [lmpError, setLmpError] = useState(null);
+  const [primaryEddError, setPrimaryEddError] = useState(null);
+  const [activeGpalKey, setActiveGpalKey] = useState(null);
+  const refs = {
+    G: useRef(null),
+    P: useRef(null),
+    A: useRef(null),
+    L: useRef(null)
+  };
+  const today = useMemo(() => todayIso(), []);
+  useEffect(() => {
+    const next = normalizeToDraft(value);
+    const currStr = JSON.stringify(buildStored(draft, today));
+    const nextStr = JSON.stringify(buildStored(next.draft, today));
+    if (currStr !== nextStr) setDraftState(next);
+  }, [value]);
+  const commitImmediate = (nextDraft) => {
+    const stored = buildStored(nextDraft, today);
+    setValue(JSON.stringify(stored));
+  };
+  const commitDebounced = useDebouncedCommit(commitImmediate, 500);
+  const storedComputed = useMemo(() => buildStored(draft, today), [draft, today]);
+  const isPregnant = draft.pregnancy_status === "pregnant";
+  const rightPanelEnabled = isPregnant && (!!storedComputed.lmp || !!storedComputed.edd?.usg);
+  const headerLabel = fieldDef?.label ? stripGpalSuffix(fieldDef.label) : "Obstetric History";
+  const setDraft = (updater, persist) => {
+    setDraftState((prev) => {
+      const nextDraft = updater(prev.draft);
+      const nextState = { ...prev, draft: nextDraft };
+      if (persist === "immediate") commitImmediate(nextDraft);
+      else commitDebounced(nextDraft);
+      return nextState;
+    });
+  };
+  const sanitizeGpalInput = (raw) => {
+    const digits = raw.replace(/[^\d]/g, "").slice(0, 2);
+    if (!digits) return 0;
+    return clampInt(Number(digits), 0, 20);
+  };
+  const handleGpalChange = (key, raw) => {
+    const prevWasEmpty = draft.gpal[key] === 0 && activeGpalKey === key;
+    const val = sanitizeGpalInput(raw);
+    setDraft((prev) => ({ ...prev, gpal: { ...prev.gpal, [key]: val } }), "debounce");
+    const digitsOnly = raw.replace(/[^\d]/g, "");
+    const shouldAutoTab = digitsOnly.length === 1 && (prevWasEmpty || String(draft.gpal[key]).length >= 1);
+    if (shouldAutoTab) {
+      const order = ["G", "P", "A", "L"];
+      const idx = order.indexOf(key);
+      const nextKey = order[idx + 1];
+      if (nextKey) refs[nextKey].current?.focus();
+    }
+  };
+  const handleLmpChange = (nextIso) => {
+    setPrimaryEddError(null);
+    if (nextIso && nextIso > today) {
+      setLmpError("LMP cannot be in the future");
+      return;
+    }
+    setLmpError(null);
+    setDraft((prev) => ({ ...prev, lmp: nextIso }), "debounce");
+  };
+  const handlePregStatus = (status) => {
+    setLmpError(null);
+    setPrimaryEddError(null);
+    setDraft((prev) => ({ ...prev, pregnancy_status: status }), "immediate");
+  };
+  const setMenstrualPatch = (patch) => {
+    setDraft((prev) => ({ ...prev, menstrual: { ...prev.menstrual, ...patch } }), "debounce");
+  };
+  const handleEddUsgChange = (nextIso) => {
+    setPrimaryEddError(null);
+    setDraft((prev) => ({ ...prev, eddUSG: nextIso }), "debounce");
+  };
+  const handlePrimaryEdd = (next) => {
+    if (next === "usg" && !isValidIsoDate(draft.eddUSG)) {
+      setPrimaryEddError("Please enter EDD from USG first");
+      return;
+    }
+    setPrimaryEddError(null);
+    setDraft((prev) => ({ ...prev, primaryEDD: next }), "immediate");
+  };
+  const ensureOutcome = () => {
+    if (draft.outcome) return;
+    setDraft(
+      (prev) => ({
+        ...prev,
+        outcome: { type: "", date: "", notes: "", is_final: false }
+      }),
+      "immediate"
+    );
+  };
+  const clearOutcome = () => {
+    setDraft((prev) => ({ ...prev, outcome: null }), "immediate");
+  };
+  const updateOutcomeImmediate = (updater) => {
+    setDraft(
+      (prev) => {
+        const o = prev.outcome ?? { type: "", date: "", notes: "", is_final: false };
+        return { ...prev, outcome: updater(o) };
+      },
+      "immediate"
+    );
+  };
+  const updateOutcomeNotesDebounced = (notes) => {
+    setDraft(
+      (prev) => {
+        const o = prev.outcome ?? { type: "", date: "", notes: "", is_final: false };
+        return { ...prev, outcome: { ...o, notes } };
+      },
+      "debounce"
+    );
+  };
+  return /* @__PURE__ */ jsxs(Card, { className: cn("w-full", disabled && "opacity-70 pointer-events-none"), children: [
+    /* @__PURE__ */ jsx(CardHeader, { className: "pb-3", children: /* @__PURE__ */ jsx(CardTitle, { className: "text-base font-semibold", children: headerLabel }) }),
+    /* @__PURE__ */ jsxs(CardContent, { className: "space-y-4", children: [
+      isNewEntry && /* @__PURE__ */ jsx("div", { className: "rounded-md border border-blue-200 bg-blue-50 px-3 py-2 text-xs text-blue-900", children: "No previous maternity episode found. Please fill obstetric details to start tracking." }),
+      /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4 items-start", children: [
+        /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
+          /* @__PURE__ */ jsxs("div", { className: "rounded-lg border bg-white p-4", children: [
+            /* @__PURE__ */ jsx("div", { className: "text-xs font-medium text-muted-foreground mb-2", children: "G-P-A-L" }),
+            /* @__PURE__ */ jsx("div", { className: "grid grid-cols-4 gap-3", children: ["G", "P", "A", "L"].map((k) => /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
+              /* @__PURE__ */ jsx(Label, { htmlFor: `${fieldId}-gpal-${k}`, className: "text-[11px] text-muted-foreground", children: k }),
+              /* @__PURE__ */ jsx(
+                Input,
+                {
+                  ref: refs[k],
+                  id: `${fieldId}-gpal-${k}`,
+                  inputMode: "numeric",
+                  pattern: "\\d*",
+                  maxLength: 2,
+                  value: String(draft.gpal[k] ?? 0),
+                  onFocus: () => {
+                    setActiveGpalKey(k);
+                    const el = refs[k].current;
+                    if (el) el.select();
+                  },
+                  onChange: (e) => handleGpalChange(k, e.target.value),
+                  onKeyDown: (e) => {
+                    const allowed = ["Backspace", "Delete", "ArrowLeft", "ArrowRight", "Tab", "Home", "End"];
+                    if (allowed.includes(e.key)) return;
+                    if (/^\d$/.test(e.key)) return;
+                    e.preventDefault();
+                  },
+                  className: "text-center text-base"
+                }
+              )
+            ] }, k)) })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-3", children: [
+            /* @__PURE__ */ jsxs("div", { className: "space-y-2 rounded-lg border bg-white p-4", children: [
+              /* @__PURE__ */ jsx(Label, { htmlFor: `${fieldId}-lmp`, className: cn("text-sm", lmpError && "text-red-600"), children: "Last Menstrual Period (LMP)" }),
+              /* @__PURE__ */ jsx(
+                Input,
+                {
+                  id: `${fieldId}-lmp`,
+                  type: "date",
+                  max: today,
+                  value: draft.lmp,
+                  onChange: (e) => handleLmpChange(e.target.value),
+                  className: cn(lmpError && "border-red-500")
+                }
+              ),
+              lmpError && /* @__PURE__ */ jsx("p", { className: "text-xs text-red-600", children: lmpError })
+            ] }),
+            /* @__PURE__ */ jsxs("div", { className: "space-y-2 rounded-lg border bg-white p-4 min-w-0", children: [
+              /* @__PURE__ */ jsx("div", { className: "text-sm font-medium", children: "Pregnancy Status" }),
+              /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 flex-wrap gap-2", children: [
+                /* @__PURE__ */ jsx(
+                  "button",
+                  {
+                    type: "button",
+                    onClick: () => handlePregStatus("not_pregnant"),
+                    className: cn(
+                      "shrink-0 rounded-full border px-3 py-1.5 text-[11px] font-medium transition-colors",
+                      draft.pregnancy_status === "not_pregnant" ? "border-green-600 bg-green-600 text-white" : "border-slate-300 bg-white text-slate-700 hover:bg-slate-50"
+                    ),
+                    children: "Not Pregnant"
+                  }
+                ),
+                /* @__PURE__ */ jsx(
+                  "button",
+                  {
+                    type: "button",
+                    onClick: () => handlePregStatus("pregnant"),
+                    className: cn(
+                      "shrink-0 rounded-full border px-3 py-1.5 text-[11px] font-medium transition-colors",
+                      draft.pregnancy_status === "pregnant" ? "border-green-600 bg-green-600 text-white" : "border-slate-300 bg-white text-slate-700 hover:bg-slate-50"
+                    ),
+                    children: "Pregnant"
+                  }
+                ),
+                /* @__PURE__ */ jsx(
+                  "button",
+                  {
+                    type: "button",
+                    onClick: () => handlePregStatus("unknown"),
+                    className: cn(
+                      "shrink-0 rounded-full border px-3 py-1.5 text-[11px] font-medium transition-colors",
+                      draft.pregnancy_status === "unknown" ? "border-amber-500 bg-amber-500 text-white" : "border-slate-300 bg-white text-slate-700 hover:bg-slate-50"
+                    ),
+                    children: "Unknown"
+                  }
+                )
+              ] })
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "rounded-lg border bg-white p-4", children: [
+            /* @__PURE__ */ jsx("div", { className: "text-xs font-medium text-muted-foreground mb-3", children: "Menstrual" }),
+            /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-3 sm:grid-cols-4", children: [
+              /* @__PURE__ */ jsxs("label", { className: "space-y-1", children: [
+                /* @__PURE__ */ jsx(Label, { htmlFor: `${fieldId}-menarche`, className: "text-[11px] text-muted-foreground", children: "Menarche (age)" }),
+                /* @__PURE__ */ jsx(
+                  Input,
+                  {
+                    id: `${fieldId}-menarche`,
+                    type: "number",
+                    min: 5,
+                    max: 25,
+                    value: draft.menstrual.menarche_age,
+                    onChange: (e) => setMenstrualPatch({ menarche_age: Number(e.target.value) || 0 })
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ jsxs("label", { className: "space-y-1", children: [
+                /* @__PURE__ */ jsx(Label, { htmlFor: `${fieldId}-cycle-length`, className: "text-[11px] text-muted-foreground", children: "Cycle (days)" }),
+                /* @__PURE__ */ jsx(
+                  Input,
+                  {
+                    id: `${fieldId}-cycle-length`,
+                    type: "number",
+                    min: 0,
+                    max: 120,
+                    value: draft.menstrual.cycle_length,
+                    onChange: (e) => setMenstrualPatch({ cycle_length: Number(e.target.value) || 0 })
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ jsxs("label", { className: "space-y-1", children: [
+                /* @__PURE__ */ jsx(Label, { htmlFor: `${fieldId}-flow-days`, className: "text-[11px] text-muted-foreground", children: "Flow (days)" }),
+                /* @__PURE__ */ jsx(
+                  Input,
+                  {
+                    id: `${fieldId}-flow-days`,
+                    type: "number",
+                    min: 0,
+                    max: 30,
+                    value: draft.menstrual.flow_days,
+                    onChange: (e) => setMenstrualPatch({ flow_days: Number(e.target.value) || 0 })
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ jsxs("label", { className: "space-y-1", children: [
+                /* @__PURE__ */ jsx(Label, { className: "text-[11px] text-muted-foreground", children: "Dysmenorrhea" }),
+                /* @__PURE__ */ jsxs(
+                  "select",
+                  {
+                    className: "h-9 w-full rounded-md border border-input bg-background px-2 text-sm",
+                    value: String(draft.menstrual.dysmenorrhea),
+                    onChange: (e) => setMenstrualPatch({
+                      dysmenorrhea: clampDysmenorrhea(Number(e.target.value))
+                    }),
+                    children: [
+                      /* @__PURE__ */ jsx("option", { value: "0", children: "0 \u2014 none" }),
+                      /* @__PURE__ */ jsx("option", { value: "1", children: "1 \u2014 mild" }),
+                      /* @__PURE__ */ jsx("option", { value: "2", children: "2 \u2014 moderate" }),
+                      /* @__PURE__ */ jsx("option", { value: "3", children: "3 \u2014 severe" })
+                    ]
+                  }
+                )
+              ] })
+            ] }),
+            /* @__PURE__ */ jsxs("label", { className: "mt-3 flex items-center gap-2 text-sm", children: [
+              /* @__PURE__ */ jsx(
+                "input",
+                {
+                  type: "checkbox",
+                  checked: draft.menstrual.cycle_regular,
+                  onChange: (e) => setMenstrualPatch({ cycle_regular: e.target.checked })
+                }
+              ),
+              "Regular cycle"
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "space-y-2 rounded-lg border bg-white p-4", children: [
+            /* @__PURE__ */ jsx(Label, { htmlFor: `${fieldId}-complications`, className: "text-sm", children: "Previous Pregnancy Complications" }),
+            /* @__PURE__ */ jsx(
+              Textarea,
+              {
+                id: `${fieldId}-complications`,
+                placeholder: "e.g. Pre-eclampsia, Gestational diabetes, C-section, etc.",
+                value: draft.complications,
+                onChange: (e) => setDraft((prev) => ({ ...prev, complications: e.target.value }), "debounce"),
+                className: "min-h-[140px]"
+              }
+            )
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "rounded-lg border bg-white p-4 min-h-[260px]", children: [
+          !isPregnant && /* @__PURE__ */ jsx("div", { className: "h-full flex items-center justify-center text-center text-sm text-muted-foreground px-6 py-10", children: draft.pregnancy_status === "unknown" ? "Pregnancy status unknown \u2014 confirm with UPT/USG to enable gestational age and EDD." : 'Only for "Pregnant Women" and enter LMP to calculate gestational age and EDD' }),
+          isPregnant && !rightPanelEnabled && /* @__PURE__ */ jsx("div", { className: "h-full flex items-center justify-center text-center text-sm text-muted-foreground px-6 py-10", children: "Enter LMP and/or EDD (USG) to enable gestational age and EDD calculations." }),
+          isPregnant && rightPanelEnabled && /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
+            /* @__PURE__ */ jsxs("div", { className: "rounded-lg border p-4", children: [
+              /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
+                /* @__PURE__ */ jsx("div", { className: "text-sm font-semibold text-blue-700", children: "Expected Delivery Date (EDD)" }),
+                storedComputed.gestationalAge?.basedOn && /* @__PURE__ */ jsxs("span", { className: "rounded-full bg-blue-100 px-2 py-1 text-[11px] text-blue-700", children: [
+                  "Based on ",
+                  storedComputed.gestationalAge.basedOn.toUpperCase()
+                ] })
+              ] }),
+              /* @__PURE__ */ jsxs("div", { className: "mt-3", children: [
+                /* @__PURE__ */ jsx("div", { className: "text-xs text-muted-foreground", children: "Gestational Age:" }),
+                /* @__PURE__ */ jsx("div", { className: "text-lg font-semibold", children: storedComputed.gestationalAge ? `${storedComputed.gestationalAge.weeks} weeks ${storedComputed.gestationalAge.days} days` : "\u2014" }),
+                /* @__PURE__ */ jsx("div", { className: "text-xs text-muted-foreground mt-1", children: storedComputed.trimester ? `Trimester ${storedComputed.trimester}` : "Trimester \u2014" })
+              ] })
+            ] }),
+            /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+              /* @__PURE__ */ jsx("div", { className: "text-xs text-muted-foreground", children: "EDD (from LMP):" }),
+              /* @__PURE__ */ jsx("div", { className: "rounded-md border bg-muted/20 px-3 py-2 text-sm font-semibold", children: storedComputed.edd?.lmp ? formatDdMmYyyy(storedComputed.edd.lmp) : "\u2014" })
+            ] }),
+            /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+              /* @__PURE__ */ jsx(Label, { htmlFor: `${fieldId}-edd-usg`, className: "text-sm", children: "EDD (from USG):" }),
+              /* @__PURE__ */ jsx(
+                Input,
+                {
+                  id: `${fieldId}-edd-usg`,
+                  type: "date",
+                  value: draft.eddUSG,
+                  onChange: (e) => handleEddUsgChange(e.target.value)
+                }
+              )
+            ] }),
+            /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+              /* @__PURE__ */ jsx("div", { className: "text-sm font-medium", children: "Primary EDD:" }),
+              /* @__PURE__ */ jsxs("div", { className: "flex gap-2", children: [
+                /* @__PURE__ */ jsx(
+                  "button",
+                  {
+                    type: "button",
+                    onClick: () => handlePrimaryEdd("lmp"),
+                    className: cn(
+                      "flex-1 rounded-md border px-3 py-2 text-sm",
+                      draft.primaryEDD === "lmp" ? "bg-blue-600 text-white border-blue-600" : "bg-white"
+                    ),
+                    children: "LMP"
+                  }
+                ),
+                /* @__PURE__ */ jsx(
+                  "button",
+                  {
+                    type: "button",
+                    onClick: () => handlePrimaryEdd("usg"),
+                    className: cn(
+                      "flex-1 rounded-md border px-3 py-2 text-sm",
+                      draft.primaryEDD === "usg" ? "bg-blue-600 text-white border-blue-600" : "bg-white"
+                    ),
+                    children: "USG"
+                  }
+                )
+              ] }),
+              primaryEddError && /* @__PURE__ */ jsx("p", { className: "text-xs text-red-600", children: primaryEddError })
+            ] })
+          ] })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsx(AntenatalPanels, {}),
+      /* @__PURE__ */ jsxs("div", { className: "rounded-lg border bg-yellow-50/60 p-4", children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
+          /* @__PURE__ */ jsx("div", { className: "text-sm font-semibold", children: "Pregnancy Outcome (Optional - To Close Episode)" }),
+          draft.outcome && /* @__PURE__ */ jsx("button", { type: "button", className: "text-sm text-red-600 hover:underline", onClick: clearOutcome, children: "Clear" })
+        ] }),
+        !draft.outcome && /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            onClick: ensureOutcome,
+            className: "mt-3 w-full rounded-md border border-yellow-300 bg-yellow-100 px-3 py-2 text-sm font-medium",
+            children: "+ Add Pregnancy Outcome"
+          }
+        ),
+        draft.outcome && /* @__PURE__ */ jsxs("div", { className: "mt-4 space-y-3", children: [
+          /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+            /* @__PURE__ */ jsxs(Label, { className: "text-sm", children: [
+              "Outcome Type ",
+              /* @__PURE__ */ jsx("span", { className: "text-red-500", children: "*" })
+            ] }),
+            /* @__PURE__ */ jsxs(
+              "select",
+              {
+                className: "w-full rounded-md border px-3 py-2 text-sm bg-white",
+                value: draft.outcome.type,
+                onChange: (e) => updateOutcomeImmediate((o) => ({ ...o, type: e.target.value })),
+                children: [
+                  /* @__PURE__ */ jsx("option", { value: "", children: "Select outcome..." }),
+                  /* @__PURE__ */ jsx("option", { value: "delivery", children: "Normal Delivery" }),
+                  /* @__PURE__ */ jsx("option", { value: "cesarean", children: "Cesarean Section" }),
+                  /* @__PURE__ */ jsx("option", { value: "abortion", children: "Abortion" }),
+                  /* @__PURE__ */ jsx("option", { value: "miscarriage", children: "Miscarriage" }),
+                  /* @__PURE__ */ jsx("option", { value: "stillbirth", children: "Stillbirth" })
+                ]
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+            /* @__PURE__ */ jsxs(Label, { htmlFor: `${fieldId}-outcome-date`, className: "text-sm", children: [
+              "Date ",
+              /* @__PURE__ */ jsx("span", { className: "text-red-500", children: "*" })
+            ] }),
+            /* @__PURE__ */ jsx(
+              Input,
+              {
+                id: `${fieldId}-outcome-date`,
+                type: "date",
+                max: today,
+                value: draft.outcome.date,
+                onChange: (e) => updateOutcomeImmediate((o) => ({ ...o, date: e.target.value }))
+              }
+            ),
+            draft.outcome.date && /* @__PURE__ */ jsxs("p", { className: "text-xs text-muted-foreground", children: [
+              "Selected: ",
+              formatDdMmYyyy(draft.outcome.date)
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+            /* @__PURE__ */ jsx(Label, { htmlFor: `${fieldId}-outcome-notes`, className: "text-sm", children: "Notes" }),
+            /* @__PURE__ */ jsx(
+              Textarea,
+              {
+                id: `${fieldId}-outcome-notes`,
+                placeholder: "e.g. Normal vaginal delivery, healthy baby boy, 3.2kg",
+                value: draft.outcome.notes,
+                onChange: (e) => updateOutcomeNotesDebounced(e.target.value),
+                className: "min-h-[90px]"
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "rounded-md border bg-white p-3", children: [
+            /* @__PURE__ */ jsxs("label", { className: "flex items-center gap-2 text-sm", children: [
+              /* @__PURE__ */ jsx(
+                "input",
+                {
+                  type: "checkbox",
+                  checked: !!draft.outcome.is_final,
+                  onChange: (e) => updateOutcomeImmediate((o) => ({ ...o, is_final: e.target.checked }))
+                }
+              ),
+              "Close this pregnancy episode"
+            ] }),
+            draft.outcome.is_final && /* @__PURE__ */ jsx("div", { className: "mt-3 rounded-md border border-red-300 bg-red-50 px-3 py-2 text-xs text-red-800", children: "Checking this will mark the pregnancy as completed and is intended to close the maternity episode." })
+          ] })
+        ] })
+      ] })
+    ] })
+  ] });
+};
+
+export { ObstetricHistoryWidget };
+//# sourceMappingURL=ObstetricHistoryWidget-EGVLL4X2.mjs.map
+//# sourceMappingURL=ObstetricHistoryWidget-EGVLL4X2.mjs.map