formanitor 0.0.37 → 0.0.39

package/dist/index.cjs

@@ -97,6 +97,15 @@ function validateField(value, field) {
       return `Must be at most ${rules.max}`;
     }
   }
+  if (field.type === "slider") {
+    const num = Number(value);
+    if (isNaN(num)) return "Must be a valid number";
+    const s = field;
+    const min = s.min ?? 0;
+    const max = s.max ?? 10;
+    if (num < min) return `Must be at least ${min}`;
+    if (num > max) return `Must be at most ${max}`;
+  }
   if (typeof value === "string") {
     if (rules.minLength !== void 0 && value.length < rules.minLength) {
       return `Must be at least ${rules.minLength} characters`;
@@ -129,6 +138,13 @@ function validateForm(values, fields) {
 }
 
 // src/core/rules.ts
+function tokenListContainsString(text, needle) {
+  if (typeof text !== "string") return false;
+  const want = String(needle).trim();
+  if (!want) return false;
+  const parts = text.split(",").map((p) => p.trim()).filter(Boolean);
+  return parts.includes(want);
+}
 function evaluateCondition(value, condition) {
   switch (condition.op) {
     case "==":
@@ -147,7 +163,13 @@ function evaluateCondition(value, condition) {
     case "in":
       return Array.isArray(condition.value) && condition.value.includes(value);
     case "contains":
-      return Array.isArray(value) && value.includes(condition.value);
+      if (Array.isArray(value)) {
+        return value.includes(condition.value);
+      }
+      if (typeof value === "string") {
+        return tokenListContainsString(value, condition.value);
+      }
+      return false;
     default:
       return false;
   }
@@ -222,6 +244,227 @@ function applyPrefill(currentValues, fields, prefilledData = {}) {
   return newValues;
 }
 
+// src/core/generalSurgeryPathway.ts
+var defaultGeneralSurgerySmartHistory = () => ({
+  pain: {
+    site: "",
+    onset: "",
+    character: "",
+    radiation: "",
+    associated: "",
+    timing: "",
+    exacerbating: "",
+    severity: 0
+  },
+  swelling: { duration: "", sizeProgression: "", painfulPainless: "", checks: [] },
+  gi: { appetite: "", weightLoss: "", bowelHabits: "", checks: [] },
+  breast: { lumpDuration: "", nippleDischarge: "", checks: [] },
+  ano: { checks: [] },
+  thyroid: { swellingDuration: "", checks: [] },
+  systemic: ""
+});
+var defaultGeneralSurgeryExamination = () => ({
+  general: [],
+  regions: [],
+  abdomen: {
+    inspection: [],
+    palpation: [],
+    percussion: [],
+    massNotes: "",
+    bowelSounds: "none"
+  },
+  hernia: { site: "", reducible: false, coughImpulse: false, tenderness: false },
+  breast: { lumpSizeCm: "", mobile: false, skinInvolvement: false, axillaryNodes: false },
+  thyroid: { size: "", mobileDeglutition: false, nodules: false, cervicalNodes: false },
+  anorectal: { inspection: "", dreDone: false, proctoscopyDone: false, notes: "" },
+  limb: { dilatedVeins: false, ulcer: false, oedema: false }
+});
+var ALL_GS_CONDITIONS = [
+  "hernia",
+  "appendicitis",
+  "gallbladder",
+  "breast",
+  "thyroid",
+  "piles",
+  "varicose",
+  "ulcer"
+];
+var defaultGeneralSurgeryGrading = () => ({
+  hernia: 0,
+  appendicitis: 0,
+  gallbladder: 0,
+  breast: 0,
+  thyroid: 0,
+  piles: 0,
+  varicose: 0,
+  ulcer: 0
+});
+var GS_CONDITION_TRIGGERS = {
+  hernia: { regions: ["hernia", "abdomen"], chips: ["swelling_lump", "obstruction"] },
+  appendicitis: { regions: ["abdomen"], chips: ["pain", "obstruction"] },
+  gallbladder: { regions: ["abdomen"], chips: ["pain"] },
+  breast: { regions: ["breast"], chips: ["breast", "swelling_lump"] },
+  thyroid: { regions: ["thyroid"], chips: ["thyroid", "swelling_lump"] },
+  piles: { regions: ["anorectal"], chips: ["anorectal", "bleeding"] },
+  varicose: { regions: ["limb"], chips: ["swelling_lump"] },
+  ulcer: { regions: ["limb", "anorectal"], chips: ["ulcer_wound", "discharge"] }
+};
+var GS_CONDITION_LABELS = {
+  hernia: "Hernia",
+  appendicitis: "Appendicitis",
+  gallbladder: "Gallbladder disease",
+  breast: "Breast lump (BIRADS)",
+  thyroid: "Thyroid nodule (TIRADS)",
+  piles: "Haemorrhoids",
+  varicose: "Varicose veins (CEAP)",
+  ulcer: "Ulcer / wound"
+};
+var GS_GRADE_DESCRIPTIONS = {
+  hernia: ["\u2014", "Small reducible", "Large reducible", "Irreducible", "Obstructed", "Strangulated"],
+  appendicitis: ["\u2014", "Mild (clinical)", "Confirmed (USG/CT)", "Complicated (mass)", "Abscess", "Perforation"],
+  gallbladder: ["\u2014", "Asymptomatic stones", "Symptomatic", "Acute cholecystitis", "Complicated (CBD stone)", "Perforation/empyema"],
+  breast: ["\u2014", "BIRADS 1 \u2014 Negative", "BIRADS 2 \u2014 Benign", "BIRADS 3 \u2014 Probably benign", "BIRADS 4 \u2014 Suspicious", "BIRADS 5 \u2014 Malignant"],
+  thyroid: ["\u2014", "TIRADS 1 \u2014 Normal", "TIRADS 2 \u2014 Benign", "TIRADS 3 \u2014 Indeterminate", "TIRADS 4 \u2014 Suspicious", "TIRADS 5 \u2014 Highly suspicious"],
+  piles: ["\u2014", "Grade 1", "Grade 2", "Grade 3", "Grade 4", "Grade 5"],
+  varicose: ["\u2014", "C1 telangiectasia", "C2 varicose", "C3 oedema", "C4 skin changes", "C5-C6 ulcer"],
+  ulcer: ["\u2014", "Superficial", "Deep", "Infected", "Necrotic", "Gangrene"]
+};
+function normalizeGeneralSurgerySmartHistory(raw) {
+  const d = defaultGeneralSurgerySmartHistory();
+  if (!raw || typeof raw !== "object" || Array.isArray(raw)) return d;
+  const v = raw;
+  const painIn = v.pain && typeof v.pain === "object" ? v.pain : {};
+  const sev = Number(painIn.severity);
+  const pain = {
+    ...d.pain,
+    ...painIn,
+    severity: Number.isFinite(sev) ? Math.min(10, Math.max(0, Math.round(sev))) : d.pain.severity
+  };
+  const str2 = (x) => typeof x === "string" ? x : "";
+  const strArr = (x) => Array.isArray(x) ? x.filter((i) => typeof i === "string") : [];
+  const swell = v.swelling && typeof v.swelling === "object" ? v.swelling : {};
+  const gi = v.gi && typeof v.gi === "object" ? v.gi : {};
+  const breast = v.breast && typeof v.breast === "object" ? v.breast : {};
+  const ano = v.ano && typeof v.ano === "object" ? v.ano : {};
+  const thy = v.thyroid && typeof v.thyroid === "object" ? v.thyroid : {};
+  return {
+    pain,
+    swelling: {
+      duration: str2(swell.duration),
+      sizeProgression: str2(swell.sizeProgression),
+      painfulPainless: str2(swell.painfulPainless),
+      checks: strArr(swell.checks)
+    },
+    gi: {
+      appetite: str2(gi.appetite),
+      weightLoss: str2(gi.weightLoss),
+      bowelHabits: str2(gi.bowelHabits),
+      checks: strArr(gi.checks)
+    },
+    breast: {
+      lumpDuration: str2(breast.lumpDuration),
+      nippleDischarge: str2(breast.nippleDischarge),
+      checks: strArr(breast.checks)
+    },
+    ano: { checks: strArr(ano.checks) },
+    thyroid: {
+      swellingDuration: str2(thy.swellingDuration),
+      checks: strArr(thy.checks)
+    },
+    systemic: typeof v.systemic === "string" ? v.systemic : d.systemic
+  };
+}
+function normalizeGeneralSurgeryExamination(raw) {
+  const d = defaultGeneralSurgeryExamination();
+  if (!raw || typeof raw !== "object" || Array.isArray(raw)) return d;
+  const v = raw;
+  const strArr = (x) => Array.isArray(x) ? x.filter((i) => typeof i === "string") : [];
+  const ab = v.abdomen && typeof v.abdomen === "object" ? v.abdomen : {};
+  const bowel = ab.bowelSounds;
+  const bowels = bowel === "normal" || bowel === "up" || bowel === "down" || bowel === "absent" ? bowel : "none";
+  const hb = v.hernia && typeof v.hernia === "object" ? v.hernia : {};
+  const br = v.breast && typeof v.breast === "object" ? v.breast : {};
+  const th = v.thyroid && typeof v.thyroid === "object" ? v.thyroid : {};
+  const ar = v.anorectal && typeof v.anorectal === "object" ? v.anorectal : {};
+  const lm = v.limb && typeof v.limb === "object" ? v.limb : {};
+  const bool = (x) => x === true;
+  return {
+    general: strArr(v.general),
+    regions: strArr(v.regions),
+    abdomen: {
+      inspection: strArr(ab.inspection),
+      palpation: strArr(ab.palpation),
+      percussion: strArr(ab.percussion),
+      massNotes: typeof ab.massNotes === "string" ? ab.massNotes : d.abdomen.massNotes,
+      bowelSounds: bowels
+    },
+    hernia: {
+      site: typeof hb.site === "string" ? hb.site : "",
+      reducible: bool(hb.reducible),
+      coughImpulse: bool(hb.coughImpulse),
+      tenderness: bool(hb.tenderness)
+    },
+    breast: {
+      lumpSizeCm: typeof br.lumpSizeCm === "string" ? br.lumpSizeCm : "",
+      mobile: bool(br.mobile),
+      skinInvolvement: bool(br.skinInvolvement),
+      axillaryNodes: bool(br.axillaryNodes)
+    },
+    thyroid: {
+      size: typeof th.size === "string" ? th.size : "",
+      mobileDeglutition: bool(th.mobileDeglutition),
+      nodules: bool(th.nodules),
+      cervicalNodes: bool(th.cervicalNodes)
+    },
+    anorectal: {
+      inspection: typeof ar.inspection === "string" ? ar.inspection : "",
+      dreDone: bool(ar.dreDone),
+      proctoscopyDone: bool(ar.proctoscopyDone),
+      notes: typeof ar.notes === "string" ? ar.notes : ""
+    },
+    limb: {
+      dilatedVeins: bool(lm.dilatedVeins),
+      ulcer: bool(lm.ulcer),
+      oedema: bool(lm.oedema)
+    }
+  };
+}
+function normalizeGeneralSurgeryGrading(raw) {
+  const d = defaultGeneralSurgeryGrading();
+  if (!raw || typeof raw !== "object" || Array.isArray(raw)) return d;
+  const v = raw;
+  const out = { ...d };
+  for (const k of ALL_GS_CONDITIONS) {
+    const n = Number(v[k]);
+    if (Number.isFinite(n) && n >= 0 && n <= 5) out[k] = Math.round(n);
+  }
+  return out;
+}
+function gsGradingRowVisible(cond, chips, regions, grade) {
+  if (grade > 0) return true;
+  const t = GS_CONDITION_TRIGGERS[cond];
+  if (t.chips.some((c) => chips.includes(c))) return true;
+  if (t.regions.some((r) => regions.includes(r))) return true;
+  return false;
+}
+
+// src/core/painScaleFlags.ts
+function normalizePainScaleFlags(raw, bounds) {
+  const min = bounds?.min ?? 0;
+  const max = bounds?.max ?? 10;
+  let pain = min;
+  let flags = [];
+  if (raw && typeof raw === "object" && !Array.isArray(raw)) {
+    const o = raw;
+    const p = Number(o.pain);
+    if (Number.isFinite(p)) pain = Math.min(max, Math.max(min, p));
+    if (Array.isArray(o.flags)) {
+      flags = o.flags.filter((x) => typeof x === "string");
+    }
+  }
+  return { pain, flags };
+}
+
 // src/core/store.ts
 var FormStore = class {
   state;
@@ -267,9 +510,63 @@ var FormStore = class {
         values[field.id] = field.defaultValue;
       } else {
         if (field.type === "repeatable") values[field.id] = [];
-        else if (field.type === "checkbox") values[field.id] = [];
+        else if (field.type === "checkbox" || field.type === "multiselect") values[field.id] = [];
         else if (field.type === "smart_textarea") values[field.id] = { text: "", extractedKeywords: [] };
-        else values[field.id] = null;
+        else if (field.type === "suggestion_textarea" || field.type === "complaint_chips") values[field.id] = "";
+        else if (field.type === "lens_assessment")
+          values[field.id] = {
+            notes: "",
+            assessmentKey: void 0,
+            locs: {
+              OD: { NO: 0, NC: 0, C: 0, PSC: 0 },
+              OS: { NO: 0, NC: 0, C: 0, PSC: 0 }
+            }
+          };
+        else if (field.type === "functional_impairment_score")
+          values[field.id] = {
+            reading: 0,
+            nightDriving: 0,
+            glare: 0,
+            occupation: 0,
+            adl: 0
+          };
+        else if (field.type === "biometry_iol_workup")
+          values[field.id] = {
+            axialLengthOD: "",
+            axialLengthOS: "",
+            k1k2AxisOD: "",
+            k1k2AxisOS: "",
+            anteriorChamberDepthOD: "",
+            anteriorChamberDepthOS: "",
+            iolPowerOD: "",
+            iolPowerOS: "",
+            targetRefractionOD: "",
+            targetRefractionOS: "",
+            formula: "SRK/T",
+            method: "optical_biometry",
+            cornealTopoUploaded: false,
+            specularMicroscopyDone: false,
+            endothelialCount: ""
+          };
+        else if (field.type === "surgical_risk_flags")
+          values[field.id] = { OD: [], OS: [] };
+        else if (field.type === "toggle") values[field.id] = false;
+        else if (field.type === "slider") {
+          const s = field;
+          values[field.id] = s.defaultValue ?? s.min ?? 0;
+        } else if (field.type === "general_surgery_smart_history") {
+          values[field.id] = field.defaultValue ?? defaultGeneralSurgerySmartHistory();
+        } else if (field.type === "general_surgery_examination") {
+          values[field.id] = field.defaultValue ?? defaultGeneralSurgeryExamination();
+        } else if (field.type === "general_surgery_grading") {
+          values[field.id] = field.defaultValue ?? defaultGeneralSurgeryGrading();
+        } else if (field.type === "pain_scale_flags") {
+          const f = field;
+          values[field.id] = normalizePainScaleFlags(
+            f.defaultValue ?? { pain: f.min ?? 0, flags: [] },
+            { min: f.min, max: f.max }
+          );
+        } else values[field.id] = null;
       }
     });
     this.state.values = values;
@@ -989,7 +1286,8 @@ var TextWidget = ({ fieldId }) => {
     fieldDef.required && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-red-500", children: "*" })
   ] });
   const labelEl = theme ? /* @__PURE__ */ jsxRuntime.jsx(Label, { htmlFor: fieldId, className: labelClass, children: labelContent }) : /* @__PURE__ */ jsxRuntime.jsx(Label, { htmlFor: fieldId, children: labelContent });
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: wrapperClass, children: [
+  const placeholder = typeof fieldDef.placeholder === "string" && fieldDef.placeholder.trim() ? fieldDef.placeholder : void 0;
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn(wrapperClass, isTextarea && "flex h-full min-h-0 flex-col"), children: [
     hasVoice ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between", children: [
       labelEl,
       /* @__PURE__ */ jsxRuntime.jsx(VoiceMicButton, { fieldId, onTranscriptReady: setValue })
@@ -1003,7 +1301,8 @@ var TextWidget = ({ fieldId }) => {
         onBlur: setTouched,
         disabled,
         type: fieldDef.type === "number" ? "number" : "text",
-        className: inputClass,
+        className: cn(inputClass, isTextarea && height == null && "min-h-[80px] flex-1"),
+        placeholder,
         ...isTextarea && { height }
       }
     ),
@@ -1479,6 +1778,8 @@ var SelectWidget = ({ fieldId }) => {
     }
   }, [fieldDef]);
   if (!fieldDef) return null;
+  const schemaPlaceholder = typeof fieldDef.placeholder === "string" && fieldDef.placeholder.trim() ? fieldDef.placeholder : void 0;
+  const selectPlaceholder = loading ? "Loading..." : schemaPlaceholder ?? "Select...";
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-2", children: [
     /* @__PURE__ */ jsxRuntime.jsxs(Label, { htmlFor: fieldId, children: [
       fieldDef.label,
@@ -1496,7 +1797,7 @@ var SelectWidget = ({ fieldId }) => {
           setTouched();
         },
         children: [
-          /* @__PURE__ */ jsxRuntime.jsx(SelectTrigger, { id: fieldId, className: showError ? "border-red-500" : "", children: /* @__PURE__ */ jsxRuntime.jsx(SelectValue, { placeholder: loading ? "Loading..." : "Select..." }) }),
+          /* @__PURE__ */ jsxRuntime.jsx(SelectTrigger, { id: fieldId, className: showError ? "border-red-500" : "", children: /* @__PURE__ */ jsxRuntime.jsx(SelectValue, { placeholder: selectPlaceholder }) }),
           /* @__PURE__ */ jsxRuntime.jsx(SelectContent, { children: options.map((opt) => /* @__PURE__ */ jsxRuntime.jsx(SelectItem, { value: String(opt.value), children: opt.label }, String(opt.value))) })
         ]
       }
@@ -6100,6 +6401,12 @@ var tableCellClass = "border border-[#E0E0E0] px-1.5 py-1 text-center align-midd
 var selectClass = "w-full border border-[#D0D0D0] rounded-md bg-white px-2 py-1 text-xs focus-visible:outline-none focus-visible:ring-0";
 var numberInputClass = "w-full border border-[#D0D0D0] rounded-md bg-white px-2 py-1 text-xs text-right focus-visible:outline-none focus-visible:ring-0";
 var textInputClass = "w-full border border-[#D0D0D0] rounded-md bg-white px-2 py-1 text-xs focus-visible:outline-none focus-visible:ring-0";
+var refractionTableClass = "w-full table-fixed border-collapse text-xs";
+var refractionHeaderCellClass = "border border-[#E0E0E0] bg-[#F7F7F7] px-1 py-1 text-center font-semibold text-[11px]";
+var refractionDataCellClass = "border border-[#E0E0E0] p-0 text-center align-middle min-w-0";
+var refractionLabelCellClass = "border border-[#E0E0E0] px-2 py-1 text-left align-middle font-semibold whitespace-nowrap";
+var refractionInputClass = "h-7 w-full min-w-0 border-0 rounded-none bg-transparent px-1 py-0.5 text-xs text-right shadow-none ring-0 focus-visible:ring-0 focus-visible:ring-offset-0 disabled:opacity-50";
+var refractionSelectClass = "box-border h-7 w-full min-w-0 max-w-full cursor-pointer border-0 rounded-none bg-transparent px-1 py-0.5 pr-6 text-xs shadow-none focus-visible:outline-none focus-visible:ring-0 disabled:opacity-50";
 var OphthalmologyWidget = ({ fieldId }) => {
   const { fieldDef, value, setValue, disabled } = useField(fieldId);
   const safe = React15.useMemo(() => ensureValue(value), [value]);
@@ -6331,34 +6638,45 @@ var OphthalmologyWidget = ({ fieldId }) => {
     ] }),
     /* @__PURE__ */ jsxRuntime.jsxs("section", { className: sectionWrapperClass, children: [
       /* @__PURE__ */ jsxRuntime.jsx("div", { className: sectionHeaderClass, children: /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Current Glass Prescription" }) }),
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: sectionBodyClass, children: /* @__PURE__ */ jsxRuntime.jsxs("table", { className: tableBaseClass, children: [
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: sectionBodyClass, children: /* @__PURE__ */ jsxRuntime.jsxs("table", { className: refractionTableClass, children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("colgroup", { children: [
+          /* @__PURE__ */ jsxRuntime.jsx("col", { className: "w-[10%]" }),
+          /* @__PURE__ */ jsxRuntime.jsx("col", { className: "w-[7%]" }),
+          /* @__PURE__ */ jsxRuntime.jsx("col", { className: "w-[7%]" }),
+          /* @__PURE__ */ jsxRuntime.jsx("col", { className: "w-[6%]" }),
+          /* @__PURE__ */ jsxRuntime.jsx("col", { className: "w-[25%]" }),
+          /* @__PURE__ */ jsxRuntime.jsx("col", { className: "w-[7%]" }),
+          /* @__PURE__ */ jsxRuntime.jsx("col", { className: "w-[7%]" }),
+          /* @__PURE__ */ jsxRuntime.jsx("col", { className: "w-[6%]" }),
+          /* @__PURE__ */ jsxRuntime.jsx("col", { className: "w-[25%]" })
+        ] }),
         /* @__PURE__ */ jsxRuntime.jsxs("thead", { children: [
           /* @__PURE__ */ jsxRuntime.jsxs("tr", { children: [
-            /* @__PURE__ */ jsxRuntime.jsx("th", { className: tableHeaderCellClass }),
-            /* @__PURE__ */ jsxRuntime.jsx("th", { className: tableHeaderCellClass, colSpan: 4, children: "Right Eye" }),
-            /* @__PURE__ */ jsxRuntime.jsx("th", { className: tableHeaderCellClass, colSpan: 4, children: "Left Eye" })
+            /* @__PURE__ */ jsxRuntime.jsx("th", { className: refractionHeaderCellClass }),
+            /* @__PURE__ */ jsxRuntime.jsx("th", { className: refractionHeaderCellClass, colSpan: 4, children: "Right Eye" }),
+            /* @__PURE__ */ jsxRuntime.jsx("th", { className: refractionHeaderCellClass, colSpan: 4, children: "Left Eye" })
           ] }),
           /* @__PURE__ */ jsxRuntime.jsxs("tr", { children: [
-            /* @__PURE__ */ jsxRuntime.jsx("th", { className: tableHeaderCellClass }),
-            /* @__PURE__ */ jsxRuntime.jsx("th", { className: tableHeaderCellClass, children: "Sph" }),
-            /* @__PURE__ */ jsxRuntime.jsx("th", { className: tableHeaderCellClass, children: "Cyl" }),
-            /* @__PURE__ */ jsxRuntime.jsx("th", { className: tableHeaderCellClass, children: "Axis" }),
-            /* @__PURE__ */ jsxRuntime.jsx("th", { className: tableHeaderCellClass, children: "V/A" }),
-            /* @__PURE__ */ jsxRuntime.jsx("th", { className: tableHeaderCellClass, children: "Sph" }),
-            /* @__PURE__ */ jsxRuntime.jsx("th", { className: tableHeaderCellClass, children: "Cyl" }),
-            /* @__PURE__ */ jsxRuntime.jsx("th", { className: tableHeaderCellClass, children: "Axis" }),
-            /* @__PURE__ */ jsxRuntime.jsx("th", { className: tableHeaderCellClass, children: "V/A" })
+            /* @__PURE__ */ jsxRuntime.jsx("th", { className: refractionHeaderCellClass }),
+            /* @__PURE__ */ jsxRuntime.jsx("th", { className: refractionHeaderCellClass, children: "Sph" }),
+            /* @__PURE__ */ jsxRuntime.jsx("th", { className: refractionHeaderCellClass, children: "Cyl" }),
+            /* @__PURE__ */ jsxRuntime.jsx("th", { className: refractionHeaderCellClass, children: "Axis" }),
+            /* @__PURE__ */ jsxRuntime.jsx("th", { className: refractionHeaderCellClass, children: "V/A" }),
+            /* @__PURE__ */ jsxRuntime.jsx("th", { className: refractionHeaderCellClass, children: "Sph" }),
+            /* @__PURE__ */ jsxRuntime.jsx("th", { className: refractionHeaderCellClass, children: "Cyl" }),
+            /* @__PURE__ */ jsxRuntime.jsx("th", { className: refractionHeaderCellClass, children: "Axis" }),
+            /* @__PURE__ */ jsxRuntime.jsx("th", { className: refractionHeaderCellClass, children: "V/A" })
           ] })
         ] }),
         /* @__PURE__ */ jsxRuntime.jsx("tbody", { children: /* @__PURE__ */ jsxRuntime.jsxs("tr", { children: [
-          /* @__PURE__ */ jsxRuntime.jsx("td", { className: cn(tableCellClass, "font-semibold text-left px-2"), children: "Current Glass" }),
-          /* @__PURE__ */ jsxRuntime.jsx("td", { className: tableCellClass, children: /* @__PURE__ */ jsxRuntime.jsx(
+          /* @__PURE__ */ jsxRuntime.jsx("td", { className: refractionLabelCellClass, children: "Current Glass" }),
+          /* @__PURE__ */ jsxRuntime.jsx("td", { className: refractionDataCellClass, children: /* @__PURE__ */ jsxRuntime.jsx(
             Input,
             {
               disabled,
               type: "number",
               step: "0.25",
-              className: numberInputClass,
+              className: refractionInputClass,
               value: safe.current_glass_prescription.right_eye.sph ?? "",
               onChange: (e) => setRefractionField(
                 "current_glass_prescription",
@@ -6369,13 +6687,13 @@ var OphthalmologyWidget = ({ fieldId }) => {
               )
             }
           ) }),
-          /* @__PURE__ */ jsxRuntime.jsx("td", { className: tableCellClass, children: /* @__PURE__ */ jsxRuntime.jsx(
+          /* @__PURE__ */ jsxRuntime.jsx("td", { className: refractionDataCellClass, children: /* @__PURE__ */ jsxRuntime.jsx(
             Input,
             {
               disabled,
               type: "number",
               step: "0.25",
-              className: numberInputClass,
+              className: refractionInputClass,
               value: safe.current_glass_prescription.right_eye.cyl ?? "",
               onChange: (e) => setRefractionField(
                 "current_glass_prescription",
@@ -6386,12 +6704,12 @@ var OphthalmologyWidget = ({ fieldId }) => {
               )
             }
           ) }),
-          /* @__PURE__ */ jsxRuntime.jsx("td", { className: tableCellClass, children: /* @__PURE__ */ jsxRuntime.jsx(
+          /* @__PURE__ */ jsxRuntime.jsx("td", { className: refractionDataCellClass, children: /* @__PURE__ */ jsxRuntime.jsx(
             Input,
             {
               disabled,
               type: "number",
-              className: numberInputClass,
+              className: refractionInputClass,
               value: safe.current_glass_prescription.right_eye.axis ?? "",
               onChange: (e) => setRefractionField(
                 "current_glass_prescription",
@@ -6402,11 +6720,11 @@ var OphthalmologyWidget = ({ fieldId }) => {
               )
             }
           ) }),
-          /* @__PURE__ */ jsxRuntime.jsx("td", { className: tableCellClass, children: /* @__PURE__ */ jsxRuntime.jsx(
+          /* @__PURE__ */ jsxRuntime.jsx("td", { className: refractionDataCellClass, children: /* @__PURE__ */ jsxRuntime.jsx(
             "select",
             {
               disabled,
-              className: selectClass,
+              className: refractionSelectClass,
               value: safe.current_glass_prescription.right_eye.va,
               onChange: (e) => setRefractionField(
                 "current_glass_prescription",
@@ -6418,13 +6736,13 @@ var OphthalmologyWidget = ({ fieldId }) => {
               children: VA_OPTIONS.map((opt) => /* @__PURE__ */ jsxRuntime.jsx("option", { value: opt, children: opt }, opt || "blank"))
             }
           ) }),
-          /* @__PURE__ */ jsxRuntime.jsx("td", { className: tableCellClass, children: /* @__PURE__ */ jsxRuntime.jsx(
+          /* @__PURE__ */ jsxRuntime.jsx("td", { className: refractionDataCellClass, children: /* @__PURE__ */ jsxRuntime.jsx(
             Input,
             {
               disabled,
               type: "number",
               step: "0.25",
-              className: numberInputClass,
+              className: refractionInputClass,
               value: safe.current_glass_prescription.left_eye.sph ?? "",
               onChange: (e) => setRefractionField(
                 "current_glass_prescription",
@@ -6435,13 +6753,13 @@ var OphthalmologyWidget = ({ fieldId }) => {
               )
             }
           ) }),
-          /* @__PURE__ */ jsxRuntime.jsx("td", { className: tableCellClass, children: /* @__PURE__ */ jsxRuntime.jsx(
+          /* @__PURE__ */ jsxRuntime.jsx("td", { className: refractionDataCellClass, children: /* @__PURE__ */ jsxRuntime.jsx(
             Input,
             {
               disabled,
               type: "number",
               step: "0.25",
-              className: numberInputClass,
+              className: refractionInputClass,
               value: safe.current_glass_prescription.left_eye.cyl ?? "",
               onChange: (e) => setRefractionField(
                 "current_glass_prescription",
@@ -6452,12 +6770,12 @@ var OphthalmologyWidget = ({ fieldId }) => {
               )
             }
           ) }),
-          /* @__PURE__ */ jsxRuntime.jsx("td", { className: tableCellClass, children: /* @__PURE__ */ jsxRuntime.jsx(
+          /* @__PURE__ */ jsxRuntime.jsx("td", { className: refractionDataCellClass, children: /* @__PURE__ */ jsxRuntime.jsx(
             Input,
             {
               disabled,
               type: "number",
-              className: numberInputClass,
+              className: refractionInputClass,
               value: safe.current_glass_prescription.left_eye.axis ?? "",
               onChange: (e) => setRefractionField(
                 "current_glass_prescription",
@@ -6468,11 +6786,11 @@ var OphthalmologyWidget = ({ fieldId }) => {
               )
             }
           ) }),
-          /* @__PURE__ */ jsxRuntime.jsx("td", { className: tableCellClass, children: /* @__PURE__ */ jsxRuntime.jsx(
+          /* @__PURE__ */ jsxRuntime.jsx("td", { className: refractionDataCellClass, children: /* @__PURE__ */ jsxRuntime.jsx(
             "select",
             {
               disabled,
-              className: selectClass,
+              className: refractionSelectClass,
               value: safe.current_glass_prescription.left_eye.va,
               onChange: (e) => setRefractionField(
                 "current_glass_prescription",
@@ -6581,37 +6899,50 @@ var OphthalmologyWidget = ({ fieldId }) => {
     ] }),
     /* @__PURE__ */ jsxRuntime.jsxs("section", { className: sectionWrapperClass, children: [
       /* @__PURE__ */ jsxRuntime.jsx("div", { className: sectionHeaderClass, children: /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Refraction (Distance)" }) }),
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: sectionBodyClass, children: /* @__PURE__ */ jsxRuntime.jsxs("table", { className: tableBaseClass, children: [
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: sectionBodyClass, children: /* @__PURE__ */ jsxRuntime.jsxs("table", { className: refractionTableClass, children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("colgroup", { children: [
+          /* @__PURE__ */ jsxRuntime.jsx("col", { className: "w-[10%]" }),
+          /* @__PURE__ */ jsxRuntime.jsx("col", { className: "w-[7%]" }),
+          /* @__PURE__ */ jsxRuntime.jsx("col", { className: "w-[7%]" }),
+          /* @__PURE__ */ jsxRuntime.jsx("col", { className: "w-[6%]" }),
+          /* @__PURE__ */ jsxRuntime.jsx("col", { className: "w-[13%]" }),
+          /* @__PURE__ */ jsxRuntime.jsx("col", { className: "w-[12%]" }),
+          /* @__PURE__ */ jsxRuntime.jsx("col", { className: "w-[7%]" }),
+          /* @__PURE__ */ jsxRuntime.jsx("col", { className: "w-[7%]" }),
+          /* @__PURE__ */ jsxRuntime.jsx("col", { className: "w-[6%]" }),
+          /* @__PURE__ */ jsxRuntime.jsx("col", { className: "w-[13%]" }),
+          /* @__PURE__ */ jsxRuntime.jsx("col", { className: "w-[12%]" })
+        ] }),
         /* @__PURE__ */ jsxRuntime.jsxs("thead", { children: [
           /* @__PURE__ */ jsxRuntime.jsxs("tr", { children: [
-            /* @__PURE__ */ jsxRuntime.jsx("th", { className: tableHeaderCellClass }),
-            /* @__PURE__ */ jsxRuntime.jsx("th", { className: tableHeaderCellClass, colSpan: 5, children: "Right Eye" }),
-            /* @__PURE__ */ jsxRuntime.jsx("th", { className: tableHeaderCellClass, colSpan: 5, children: "Left Eye" })
+            /* @__PURE__ */ jsxRuntime.jsx("th", { className: refractionHeaderCellClass }),
+            /* @__PURE__ */ jsxRuntime.jsx("th", { className: refractionHeaderCellClass, colSpan: 5, children: "Right Eye" }),
+            /* @__PURE__ */ jsxRuntime.jsx("th", { className: refractionHeaderCellClass, colSpan: 5, children: "Left Eye" })
           ] }),
           /* @__PURE__ */ jsxRuntime.jsxs("tr", { children: [
-            /* @__PURE__ */ jsxRuntime.jsx("th", { className: tableHeaderCellClass }),
-            /* @__PURE__ */ jsxRuntime.jsx("th", { className: tableHeaderCellClass, children: "Sph" }),
-            /* @__PURE__ */ jsxRuntime.jsx("th", { className: tableHeaderCellClass, children: "Cyl" }),
-            /* @__PURE__ */ jsxRuntime.jsx("th", { className: tableHeaderCellClass, children: "Axis" }),
-            /* @__PURE__ */ jsxRuntime.jsx("th", { className: tableHeaderCellClass, children: "V/A" }),
-            /* @__PURE__ */ jsxRuntime.jsx("th", { className: tableHeaderCellClass, children: "P/D" }),
-            /* @__PURE__ */ jsxRuntime.jsx("th", { className: tableHeaderCellClass, children: "Sph" }),
-            /* @__PURE__ */ jsxRuntime.jsx("th", { className: tableHeaderCellClass, children: "Cyl" }),
-            /* @__PURE__ */ jsxRuntime.jsx("th", { className: tableHeaderCellClass, children: "Axis" }),
-            /* @__PURE__ */ jsxRuntime.jsx("th", { className: tableHeaderCellClass, children: "V/A" }),
-            /* @__PURE__ */ jsxRuntime.jsx("th", { className: tableHeaderCellClass, children: "P/D" })
+            /* @__PURE__ */ jsxRuntime.jsx("th", { className: refractionHeaderCellClass }),
+            /* @__PURE__ */ jsxRuntime.jsx("th", { className: refractionHeaderCellClass, children: "Sph" }),
+            /* @__PURE__ */ jsxRuntime.jsx("th", { className: refractionHeaderCellClass, children: "Cyl" }),
+            /* @__PURE__ */ jsxRuntime.jsx("th", { className: refractionHeaderCellClass, children: "Axis" }),
+            /* @__PURE__ */ jsxRuntime.jsx("th", { className: refractionHeaderCellClass, children: "V/A" }),
+            /* @__PURE__ */ jsxRuntime.jsx("th", { className: refractionHeaderCellClass, children: "P/D" }),
+            /* @__PURE__ */ jsxRuntime.jsx("th", { className: refractionHeaderCellClass, children: "Sph" }),
+            /* @__PURE__ */ jsxRuntime.jsx("th", { className: refractionHeaderCellClass, children: "Cyl" }),
+            /* @__PURE__ */ jsxRuntime.jsx("th", { className: refractionHeaderCellClass, children: "Axis" }),
+            /* @__PURE__ */ jsxRuntime.jsx("th", { className: refractionHeaderCellClass, children: "V/A" }),
+            /* @__PURE__ */ jsxRuntime.jsx("th", { className: refractionHeaderCellClass, children: "P/D" })
           ] })
         ] }),
         /* @__PURE__ */ jsxRuntime.jsxs("tbody", { children: [
           /* @__PURE__ */ jsxRuntime.jsxs("tr", { children: [
-            /* @__PURE__ */ jsxRuntime.jsx("td", { className: cn(tableCellClass, "font-semibold text-left px-2"), children: "Distance" }),
-            /* @__PURE__ */ jsxRuntime.jsx("td", { className: tableCellClass, children: /* @__PURE__ */ jsxRuntime.jsx(
+            /* @__PURE__ */ jsxRuntime.jsx("td", { className: refractionLabelCellClass, children: "Distance" }),
+            /* @__PURE__ */ jsxRuntime.jsx("td", { className: refractionDataCellClass, children: /* @__PURE__ */ jsxRuntime.jsx(
               Input,
               {
                 disabled,
                 type: "number",
                 step: "0.25",
-                className: numberInputClass,
+                className: refractionInputClass,
                 value: safe.refraction.right_eye.sph ?? "",
                 onChange: (e) => setRefractionField(
                   "refraction",
@@ -6622,13 +6953,13 @@ var OphthalmologyWidget = ({ fieldId }) => {
                 )
               }
             ) }),
-            /* @__PURE__ */ jsxRuntime.jsx("td", { className: tableCellClass, children: /* @__PURE__ */ jsxRuntime.jsx(
+            /* @__PURE__ */ jsxRuntime.jsx("td", { className: refractionDataCellClass, children: /* @__PURE__ */ jsxRuntime.jsx(
               Input,
               {
                 disabled,
                 type: "number",
                 step: "0.25",
-                className: numberInputClass,
+                className: refractionInputClass,
                 value: safe.refraction.right_eye.cyl ?? "",
                 onChange: (e) => setRefractionField(
                   "refraction",
@@ -6639,12 +6970,12 @@ var OphthalmologyWidget = ({ fieldId }) => {
                 )
               }
             ) }),
-            /* @__PURE__ */ jsxRuntime.jsx("td", { className: tableCellClass, children: /* @__PURE__ */ jsxRuntime.jsx(
+            /* @__PURE__ */ jsxRuntime.jsx("td", { className: refractionDataCellClass, children: /* @__PURE__ */ jsxRuntime.jsx(
               Input,
               {
                 disabled,
                 type: "number",
-                className: numberInputClass,
+                className: refractionInputClass,
                 value: safe.refraction.right_eye.axis ?? "",
                 onChange: (e) => setRefractionField(
                   "refraction",
@@ -6655,11 +6986,11 @@ var OphthalmologyWidget = ({ fieldId }) => {
                 )
               }
             ) }),
-            /* @__PURE__ */ jsxRuntime.jsx("td", { className: tableCellClass, children: /* @__PURE__ */ jsxRuntime.jsx(
+            /* @__PURE__ */ jsxRuntime.jsx("td", { className: refractionDataCellClass, children: /* @__PURE__ */ jsxRuntime.jsx(
               "select",
               {
                 disabled,
-                className: selectClass,
+                className: refractionSelectClass,
                 value: safe.refraction.right_eye.va,
                 onChange: (e) => setRefractionField(
                   "refraction",
@@ -6671,7 +7002,7 @@ var OphthalmologyWidget = ({ fieldId }) => {
                 children: VA_OPTIONS.map((opt) => /* @__PURE__ */ jsxRuntime.jsx("option", { value: opt, children: opt }, opt || "blank"))
               }
             ) }),
-            /* @__PURE__ */ jsxRuntime.jsx("td", { className: tableCellClass, children: /* @__PURE__ */ jsxRuntime.jsx(
+            /* @__PURE__ */ jsxRuntime.jsx("td", { className: refractionDataCellClass, children: /* @__PURE__ */ jsxRuntime.jsx(
               Input,
               {
                 disabled,
@@ -6679,18 +7010,18 @@ var OphthalmologyWidget = ({ fieldId }) => {
                 min: 10,
                 max: 45,
                 step: "1",
-                className: numberInputClass,
+                className: refractionInputClass,
                 value: safe.refraction.right_eye.pd ?? "",
                 onChange: (e) => setRefractionField("refraction", "right_eye", "pd", e.target.value, "int")
               }
             ) }),
-            /* @__PURE__ */ jsxRuntime.jsx("td", { className: tableCellClass, children: /* @__PURE__ */ jsxRuntime.jsx(
+            /* @__PURE__ */ jsxRuntime.jsx("td", { className: refractionDataCellClass, children: /* @__PURE__ */ jsxRuntime.jsx(
               Input,
               {
                 disabled,
                 type: "number",
                 step: "0.25",
-                className: numberInputClass,
+                className: refractionInputClass,
                 value: safe.refraction.left_eye.sph ?? "",
                 onChange: (e) => setRefractionField(
                   "refraction",
@@ -6701,13 +7032,13 @@ var OphthalmologyWidget = ({ fieldId }) => {
                 )
               }
             ) }),
-            /* @__PURE__ */ jsxRuntime.jsx("td", { className: tableCellClass, children: /* @__PURE__ */ jsxRuntime.jsx(
+            /* @__PURE__ */ jsxRuntime.jsx("td", { className: refractionDataCellClass, children: /* @__PURE__ */ jsxRuntime.jsx(
               Input,
               {
                 disabled,
                 type: "number",
                 step: "0.25",
-                className: numberInputClass,
+                className: refractionInputClass,
                 value: safe.refraction.left_eye.cyl ?? "",
                 onChange: (e) => setRefractionField(
                   "refraction",
@@ -6718,12 +7049,12 @@ var OphthalmologyWidget = ({ fieldId }) => {
                 )
               }
             ) }),
-            /* @__PURE__ */ jsxRuntime.jsx("td", { className: tableCellClass, children: /* @__PURE__ */ jsxRuntime.jsx(
+            /* @__PURE__ */ jsxRuntime.jsx("td", { className: refractionDataCellClass, children: /* @__PURE__ */ jsxRuntime.jsx(
               Input,
               {
                 disabled,
                 type: "number",
-                className: numberInputClass,
+                className: refractionInputClass,
                 value: safe.refraction.left_eye.axis ?? "",
                 onChange: (e) => setRefractionField(
                   "refraction",
@@ -6734,11 +7065,11 @@ var OphthalmologyWidget = ({ fieldId }) => {
                 )
               }
             ) }),
-            /* @__PURE__ */ jsxRuntime.jsx("td", { className: tableCellClass, children: /* @__PURE__ */ jsxRuntime.jsx(
+            /* @__PURE__ */ jsxRuntime.jsx("td", { className: refractionDataCellClass, children: /* @__PURE__ */ jsxRuntime.jsx(
               "select",
               {
                 disabled,
-                className: selectClass,
+                className: refractionSelectClass,
                 value: safe.refraction.left_eye.va,
                 onChange: (e) => setRefractionField(
                   "refraction",
@@ -6750,7 +7081,7 @@ var OphthalmologyWidget = ({ fieldId }) => {
                 children: VA_OPTIONS.map((opt) => /* @__PURE__ */ jsxRuntime.jsx("option", { value: opt, children: opt }, opt || "blank"))
               }
             ) }),
-            /* @__PURE__ */ jsxRuntime.jsx("td", { className: tableCellClass, children: /* @__PURE__ */ jsxRuntime.jsx(
+            /* @__PURE__ */ jsxRuntime.jsx("td", { className: refractionDataCellClass, children: /* @__PURE__ */ jsxRuntime.jsx(
               Input,
               {
                 disabled,
@@ -6758,32 +7089,32 @@ var OphthalmologyWidget = ({ fieldId }) => {
                 min: 10,
                 max: 45,
                 step: "1",
-                className: numberInputClass,
+                className: refractionInputClass,
                 value: safe.refraction.left_eye.pd ?? "",
                 onChange: (e) => setRefractionField("refraction", "left_eye", "pd", e.target.value, "int")
               }
             ) })
           ] }),
           /* @__PURE__ */ jsxRuntime.jsxs("tr", { children: [
-            /* @__PURE__ */ jsxRuntime.jsx("td", { className: cn(tableCellClass, "font-semibold text-left px-2"), children: "Add" }),
-            /* @__PURE__ */ jsxRuntime.jsx("td", { className: tableCellClass, colSpan: 5, children: /* @__PURE__ */ jsxRuntime.jsx(
+            /* @__PURE__ */ jsxRuntime.jsx("td", { className: refractionLabelCellClass, children: "Add" }),
+            /* @__PURE__ */ jsxRuntime.jsx("td", { className: refractionDataCellClass, colSpan: 5, children: /* @__PURE__ */ jsxRuntime.jsx(
               Input,
               {
                 disabled,
                 type: "number",
                 step: "0.25",
-                className: numberInputClass,
+                className: refractionInputClass,
                 value: safe.refraction.add.right ?? "",
                 onChange: (e) => setRefractionAdd("refraction", "right", e.target.value)
               }
             ) }),
-            /* @__PURE__ */ jsxRuntime.jsx("td", { className: tableCellClass, colSpan: 5, children: /* @__PURE__ */ jsxRuntime.jsx(
+            /* @__PURE__ */ jsxRuntime.jsx("td", { className: refractionDataCellClass, colSpan: 5, children: /* @__PURE__ */ jsxRuntime.jsx(
               Input,
               {
                 disabled,
                 type: "number",
                 step: "0.25",
-                className: numberInputClass,
+                className: refractionInputClass,
                 value: safe.refraction.add.left ?? "",
                 onChange: (e) => setRefractionAdd("refraction", "left", e.target.value)
               }
@@ -6794,37 +7125,50 @@ var OphthalmologyWidget = ({ fieldId }) => {
     ] }),
     /* @__PURE__ */ jsxRuntime.jsxs("section", { className: sectionWrapperClass, children: [
       /* @__PURE__ */ jsxRuntime.jsx("div", { className: sectionHeaderClass, children: /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Dilated Refraction" }) }),
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: sectionBodyClass, children: /* @__PURE__ */ jsxRuntime.jsxs("table", { className: tableBaseClass, children: [
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: sectionBodyClass, children: /* @__PURE__ */ jsxRuntime.jsxs("table", { className: refractionTableClass, children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("colgroup", { children: [
+          /* @__PURE__ */ jsxRuntime.jsx("col", { className: "w-[10%]" }),
+          /* @__PURE__ */ jsxRuntime.jsx("col", { className: "w-[7%]" }),
+          /* @__PURE__ */ jsxRuntime.jsx("col", { className: "w-[7%]" }),
+          /* @__PURE__ */ jsxRuntime.jsx("col", { className: "w-[6%]" }),
+          /* @__PURE__ */ jsxRuntime.jsx("col", { className: "w-[8%]" }),
+          /* @__PURE__ */ jsxRuntime.jsx("col", { className: "w-[17%]" }),
+          /* @__PURE__ */ jsxRuntime.jsx("col", { className: "w-[7%]" }),
+          /* @__PURE__ */ jsxRuntime.jsx("col", { className: "w-[7%]" }),
+          /* @__PURE__ */ jsxRuntime.jsx("col", { className: "w-[6%]" }),
+          /* @__PURE__ */ jsxRuntime.jsx("col", { className: "w-[8%]" }),
+          /* @__PURE__ */ jsxRuntime.jsx("col", { className: "w-[17%]" })
+        ] }),
         /* @__PURE__ */ jsxRuntime.jsxs("thead", { children: [
           /* @__PURE__ */ jsxRuntime.jsxs("tr", { children: [
-            /* @__PURE__ */ jsxRuntime.jsx("th", { className: tableHeaderCellClass }),
-            /* @__PURE__ */ jsxRuntime.jsx("th", { className: tableHeaderCellClass, colSpan: 5, children: "Right Eye" }),
-            /* @__PURE__ */ jsxRuntime.jsx("th", { className: tableHeaderCellClass, colSpan: 5, children: "Left Eye" })
+            /* @__PURE__ */ jsxRuntime.jsx("th", { className: refractionHeaderCellClass }),
+            /* @__PURE__ */ jsxRuntime.jsx("th", { className: refractionHeaderCellClass, colSpan: 5, children: "Right Eye" }),
+            /* @__PURE__ */ jsxRuntime.jsx("th", { className: refractionHeaderCellClass, colSpan: 5, children: "Left Eye" })
           ] }),
           /* @__PURE__ */ jsxRuntime.jsxs("tr", { children: [
-            /* @__PURE__ */ jsxRuntime.jsx("th", { className: tableHeaderCellClass }),
-            /* @__PURE__ */ jsxRuntime.jsx("th", { className: tableHeaderCellClass, children: "Sph" }),
-            /* @__PURE__ */ jsxRuntime.jsx("th", { className: tableHeaderCellClass, children: "Cyl" }),
-            /* @__PURE__ */ jsxRuntime.jsx("th", { className: tableHeaderCellClass, children: "Axis" }),
-            /* @__PURE__ */ jsxRuntime.jsx("th", { className: tableHeaderCellClass, children: "Prism" }),
-            /* @__PURE__ */ jsxRuntime.jsx("th", { className: tableHeaderCellClass, children: "V/A" }),
-            /* @__PURE__ */ jsxRuntime.jsx("th", { className: tableHeaderCellClass, children: "Sph" }),
-            /* @__PURE__ */ jsxRuntime.jsx("th", { className: tableHeaderCellClass, children: "Cyl" }),
-            /* @__PURE__ */ jsxRuntime.jsx("th", { className: tableHeaderCellClass, children: "Axis" }),
-            /* @__PURE__ */ jsxRuntime.jsx("th", { className: tableHeaderCellClass, children: "Prism" }),
-            /* @__PURE__ */ jsxRuntime.jsx("th", { className: tableHeaderCellClass, children: "V/A" })
+            /* @__PURE__ */ jsxRuntime.jsx("th", { className: refractionHeaderCellClass }),
+            /* @__PURE__ */ jsxRuntime.jsx("th", { className: refractionHeaderCellClass, children: "Sph" }),
+            /* @__PURE__ */ jsxRuntime.jsx("th", { className: refractionHeaderCellClass, children: "Cyl" }),
+            /* @__PURE__ */ jsxRuntime.jsx("th", { className: refractionHeaderCellClass, children: "Axis" }),
+            /* @__PURE__ */ jsxRuntime.jsx("th", { className: refractionHeaderCellClass, children: "Prism" }),
+            /* @__PURE__ */ jsxRuntime.jsx("th", { className: refractionHeaderCellClass, children: "V/A" }),
+            /* @__PURE__ */ jsxRuntime.jsx("th", { className: refractionHeaderCellClass, children: "Sph" }),
+            /* @__PURE__ */ jsxRuntime.jsx("th", { className: refractionHeaderCellClass, children: "Cyl" }),
+            /* @__PURE__ */ jsxRuntime.jsx("th", { className: refractionHeaderCellClass, children: "Axis" }),
+            /* @__PURE__ */ jsxRuntime.jsx("th", { className: refractionHeaderCellClass, children: "Prism" }),
+            /* @__PURE__ */ jsxRuntime.jsx("th", { className: refractionHeaderCellClass, children: "V/A" })
           ] })
         ] }),
         /* @__PURE__ */ jsxRuntime.jsxs("tbody", { children: [
           /* @__PURE__ */ jsxRuntime.jsxs("tr", { children: [
-            /* @__PURE__ */ jsxRuntime.jsx("td", { className: cn(tableCellClass, "font-semibold text-left px-2"), children: "Dilated" }),
-            /* @__PURE__ */ jsxRuntime.jsx("td", { className: tableCellClass, children: /* @__PURE__ */ jsxRuntime.jsx(
+            /* @__PURE__ */ jsxRuntime.jsx("td", { className: refractionLabelCellClass, children: "Dilated" }),
+            /* @__PURE__ */ jsxRuntime.jsx("td", { className: refractionDataCellClass, children: /* @__PURE__ */ jsxRuntime.jsx(
               Input,
               {
                 disabled,
                 type: "number",
                 step: "0.25",
-                className: numberInputClass,
+                className: refractionInputClass,
                 value: safe.dilated_refraction.right_eye.sph ?? "",
                 onChange: (e) => setRefractionField(
                   "dilated_refraction",
@@ -6835,13 +7179,13 @@ var OphthalmologyWidget = ({ fieldId }) => {
                 )
               }
             ) }),
-            /* @__PURE__ */ jsxRuntime.jsx("td", { className: tableCellClass, children: /* @__PURE__ */ jsxRuntime.jsx(
+            /* @__PURE__ */ jsxRuntime.jsx("td", { className: refractionDataCellClass, children: /* @__PURE__ */ jsxRuntime.jsx(
               Input,
               {
                 disabled,
                 type: "number",
                 step: "0.25",
-                className: numberInputClass,
+                className: refractionInputClass,
                 value: safe.dilated_refraction.right_eye.cyl ?? "",
                 onChange: (e) => setRefractionField(
                   "dilated_refraction",
@@ -6852,12 +7196,12 @@ var OphthalmologyWidget = ({ fieldId }) => {
                 )
               }
             ) }),
-            /* @__PURE__ */ jsxRuntime.jsx("td", { className: tableCellClass, children: /* @__PURE__ */ jsxRuntime.jsx(
+            /* @__PURE__ */ jsxRuntime.jsx("td", { className: refractionDataCellClass, children: /* @__PURE__ */ jsxRuntime.jsx(
               Input,
               {
                 disabled,
                 type: "number",
-                className: numberInputClass,
+                className: refractionInputClass,
                 value: safe.dilated_refraction.right_eye.axis ?? "",
                 onChange: (e) => setRefractionField(
                   "dilated_refraction",
@@ -6868,13 +7212,13 @@ var OphthalmologyWidget = ({ fieldId }) => {
                 )
               }
             ) }),
-            /* @__PURE__ */ jsxRuntime.jsx("td", { className: tableCellClass, children: /* @__PURE__ */ jsxRuntime.jsx(
+            /* @__PURE__ */ jsxRuntime.jsx("td", { className: refractionDataCellClass, children: /* @__PURE__ */ jsxRuntime.jsx(
               Input,
               {
                 disabled,
                 type: "number",
                 step: "0.25",
-                className: numberInputClass,
+                className: refractionInputClass,
                 value: safe.dilated_refraction.right_eye.prism ?? "",
                 onChange: (e) => setRefractionField(
                   "dilated_refraction",
@@ -6885,11 +7229,11 @@ var OphthalmologyWidget = ({ fieldId }) => {
                 )
               }
             ) }),
-            /* @__PURE__ */ jsxRuntime.jsx("td", { className: tableCellClass, children: /* @__PURE__ */ jsxRuntime.jsx(
+            /* @__PURE__ */ jsxRuntime.jsx("td", { className: refractionDataCellClass, children: /* @__PURE__ */ jsxRuntime.jsx(
               "select",
               {
                 disabled,
-                className: selectClass,
+                className: refractionSelectClass,
                 value: safe.dilated_refraction.right_eye.va,
                 onChange: (e) => setRefractionField(
                   "dilated_refraction",
@@ -6901,13 +7245,13 @@ var OphthalmologyWidget = ({ fieldId }) => {
                 children: VA_OPTIONS.map((opt) => /* @__PURE__ */ jsxRuntime.jsx("option", { value: opt, children: opt }, opt || "blank"))
               }
             ) }),
-            /* @__PURE__ */ jsxRuntime.jsx("td", { className: tableCellClass, children: /* @__PURE__ */ jsxRuntime.jsx(
+            /* @__PURE__ */ jsxRuntime.jsx("td", { className: refractionDataCellClass, children: /* @__PURE__ */ jsxRuntime.jsx(
               Input,
               {
                 disabled,
                 type: "number",
                 step: "0.25",
-                className: numberInputClass,
+                className: refractionInputClass,
                 value: safe.dilated_refraction.left_eye.sph ?? "",
                 onChange: (e) => setRefractionField(
                   "dilated_refraction",
@@ -6918,13 +7262,13 @@ var OphthalmologyWidget = ({ fieldId }) => {
                 )
               }
             ) }),
-            /* @__PURE__ */ jsxRuntime.jsx("td", { className: tableCellClass, children: /* @__PURE__ */ jsxRuntime.jsx(
+            /* @__PURE__ */ jsxRuntime.jsx("td", { className: refractionDataCellClass, children: /* @__PURE__ */ jsxRuntime.jsx(
               Input,
               {
                 disabled,
                 type: "number",
                 step: "0.25",
-                className: numberInputClass,
+                className: refractionInputClass,
                 value: safe.dilated_refraction.left_eye.cyl ?? "",
                 onChange: (e) => setRefractionField(
                   "dilated_refraction",
@@ -6935,12 +7279,12 @@ var OphthalmologyWidget = ({ fieldId }) => {
                 )
               }
             ) }),
-            /* @__PURE__ */ jsxRuntime.jsx("td", { className: tableCellClass, children: /* @__PURE__ */ jsxRuntime.jsx(
+            /* @__PURE__ */ jsxRuntime.jsx("td", { className: refractionDataCellClass, children: /* @__PURE__ */ jsxRuntime.jsx(
               Input,
               {
                 disabled,
                 type: "number",
-                className: numberInputClass,
+                className: refractionInputClass,
                 value: safe.dilated_refraction.left_eye.axis ?? "",
                 onChange: (e) => setRefractionField(
                   "dilated_refraction",
@@ -6951,13 +7295,13 @@ var OphthalmologyWidget = ({ fieldId }) => {
                 )
               }
             ) }),
-            /* @__PURE__ */ jsxRuntime.jsx("td", { className: tableCellClass, children: /* @__PURE__ */ jsxRuntime.jsx(
+            /* @__PURE__ */ jsxRuntime.jsx("td", { className: refractionDataCellClass, children: /* @__PURE__ */ jsxRuntime.jsx(
               Input,
               {
                 disabled,
                 type: "number",
                 step: "0.25",
-                className: numberInputClass,
+                className: refractionInputClass,
                 value: safe.dilated_refraction.left_eye.prism ?? "",
                 onChange: (e) => setRefractionField(
                   "dilated_refraction",
@@ -6968,11 +7312,11 @@ var OphthalmologyWidget = ({ fieldId }) => {
                 )
               }
             ) }),
-            /* @__PURE__ */ jsxRuntime.jsx("td", { className: tableCellClass, children: /* @__PURE__ */ jsxRuntime.jsx(
+            /* @__PURE__ */ jsxRuntime.jsx("td", { className: refractionDataCellClass, children: /* @__PURE__ */ jsxRuntime.jsx(
               "select",
               {
                 disabled,
-                className: selectClass,
+                className: refractionSelectClass,
                 value: safe.dilated_refraction.left_eye.va,
                 onChange: (e) => setRefractionField(
                   "dilated_refraction",
@@ -6986,25 +7330,25 @@ var OphthalmologyWidget = ({ fieldId }) => {
             ) })
           ] }),
           /* @__PURE__ */ jsxRuntime.jsxs("tr", { children: [
-            /* @__PURE__ */ jsxRuntime.jsx("td", { className: cn(tableCellClass, "font-semibold text-left px-2"), children: "Add" }),
-            /* @__PURE__ */ jsxRuntime.jsx("td", { className: tableCellClass, colSpan: 5, children: /* @__PURE__ */ jsxRuntime.jsx(
+            /* @__PURE__ */ jsxRuntime.jsx("td", { className: refractionLabelCellClass, children: "Add" }),
+            /* @__PURE__ */ jsxRuntime.jsx("td", { className: refractionDataCellClass, colSpan: 5, children: /* @__PURE__ */ jsxRuntime.jsx(
               Input,
               {
                 disabled,
                 type: "number",
                 step: "0.25",
-                className: numberInputClass,
+                className: refractionInputClass,
                 value: safe.dilated_refraction.add.right ?? "",
                 onChange: (e) => setRefractionAdd("dilated_refraction", "right", e.target.value)
               }
             ) }),
-            /* @__PURE__ */ jsxRuntime.jsx("td", { className: tableCellClass, colSpan: 5, children: /* @__PURE__ */ jsxRuntime.jsx(
+            /* @__PURE__ */ jsxRuntime.jsx("td", { className: refractionDataCellClass, colSpan: 5, children: /* @__PURE__ */ jsxRuntime.jsx(
               Input,
               {
                 disabled,
                 type: "number",
                 step: "0.25",
-                className: numberInputClass,
+                className: refractionInputClass,
                 value: safe.dilated_refraction.add.left ?? "",
                 onChange: (e) => setRefractionAdd("dilated_refraction", "left", e.target.value)
               }
@@ -7015,37 +7359,50 @@ var OphthalmologyWidget = ({ fieldId }) => {
     ] }),
     /* @__PURE__ */ jsxRuntime.jsxs("section", { className: sectionWrapperClass, children: [
       /* @__PURE__ */ jsxRuntime.jsx("div", { className: sectionHeaderClass, children: /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Glass Power Prescription" }) }),
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: sectionBodyClass, children: /* @__PURE__ */ jsxRuntime.jsxs("table", { className: tableBaseClass, children: [
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: sectionBodyClass, children: /* @__PURE__ */ jsxRuntime.jsxs("table", { className: refractionTableClass, children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("colgroup", { children: [
+          /* @__PURE__ */ jsxRuntime.jsx("col", { className: "w-[10%]" }),
+          /* @__PURE__ */ jsxRuntime.jsx("col", { className: "w-[7%]" }),
+          /* @__PURE__ */ jsxRuntime.jsx("col", { className: "w-[7%]" }),
+          /* @__PURE__ */ jsxRuntime.jsx("col", { className: "w-[6%]" }),
+          /* @__PURE__ */ jsxRuntime.jsx("col", { className: "w-[8%]" }),
+          /* @__PURE__ */ jsxRuntime.jsx("col", { className: "w-[17%]" }),
+          /* @__PURE__ */ jsxRuntime.jsx("col", { className: "w-[7%]" }),
+          /* @__PURE__ */ jsxRuntime.jsx("col", { className: "w-[7%]" }),
+          /* @__PURE__ */ jsxRuntime.jsx("col", { className: "w-[6%]" }),
+          /* @__PURE__ */ jsxRuntime.jsx("col", { className: "w-[8%]" }),
+          /* @__PURE__ */ jsxRuntime.jsx("col", { className: "w-[17%]" })
+        ] }),
         /* @__PURE__ */ jsxRuntime.jsxs("thead", { children: [
           /* @__PURE__ */ jsxRuntime.jsxs("tr", { children: [
-            /* @__PURE__ */ jsxRuntime.jsx("th", { className: tableHeaderCellClass }),
-            /* @__PURE__ */ jsxRuntime.jsx("th", { className: tableHeaderCellClass, colSpan: 5, children: "Right Eye" }),
-            /* @__PURE__ */ jsxRuntime.jsx("th", { className: tableHeaderCellClass, colSpan: 5, children: "Left Eye" })
+            /* @__PURE__ */ jsxRuntime.jsx("th", { className: refractionHeaderCellClass }),
+            /* @__PURE__ */ jsxRuntime.jsx("th", { className: refractionHeaderCellClass, colSpan: 5, children: "Right Eye" }),
+            /* @__PURE__ */ jsxRuntime.jsx("th", { className: refractionHeaderCellClass, colSpan: 5, children: "Left Eye" })
           ] }),
           /* @__PURE__ */ jsxRuntime.jsxs("tr", { children: [
-            /* @__PURE__ */ jsxRuntime.jsx("th", { className: tableHeaderCellClass }),
-            /* @__PURE__ */ jsxRuntime.jsx("th", { className: tableHeaderCellClass, children: "Sph" }),
-            /* @__PURE__ */ jsxRuntime.jsx("th", { className: tableHeaderCellClass, children: "Cyl" }),
-            /* @__PURE__ */ jsxRuntime.jsx("th", { className: tableHeaderCellClass, children: "Axis" }),
-            /* @__PURE__ */ jsxRuntime.jsx("th", { className: tableHeaderCellClass, children: "Prism" }),
-            /* @__PURE__ */ jsxRuntime.jsx("th", { className: tableHeaderCellClass, children: "V/A" }),
-            /* @__PURE__ */ jsxRuntime.jsx("th", { className: tableHeaderCellClass, children: "Sph" }),
-            /* @__PURE__ */ jsxRuntime.jsx("th", { className: tableHeaderCellClass, children: "Cyl" }),
-            /* @__PURE__ */ jsxRuntime.jsx("th", { className: tableHeaderCellClass, children: "Axis" }),
-            /* @__PURE__ */ jsxRuntime.jsx("th", { className: tableHeaderCellClass, children: "Prism" }),
-            /* @__PURE__ */ jsxRuntime.jsx("th", { className: tableHeaderCellClass, children: "V/A" })
+            /* @__PURE__ */ jsxRuntime.jsx("th", { className: refractionHeaderCellClass }),
+            /* @__PURE__ */ jsxRuntime.jsx("th", { className: refractionHeaderCellClass, children: "Sph" }),
+            /* @__PURE__ */ jsxRuntime.jsx("th", { className: refractionHeaderCellClass, children: "Cyl" }),
+            /* @__PURE__ */ jsxRuntime.jsx("th", { className: refractionHeaderCellClass, children: "Axis" }),
+            /* @__PURE__ */ jsxRuntime.jsx("th", { className: refractionHeaderCellClass, children: "Prism" }),
+            /* @__PURE__ */ jsxRuntime.jsx("th", { className: refractionHeaderCellClass, children: "V/A" }),
+            /* @__PURE__ */ jsxRuntime.jsx("th", { className: refractionHeaderCellClass, children: "Sph" }),
+            /* @__PURE__ */ jsxRuntime.jsx("th", { className: refractionHeaderCellClass, children: "Cyl" }),
+            /* @__PURE__ */ jsxRuntime.jsx("th", { className: refractionHeaderCellClass, children: "Axis" }),
+            /* @__PURE__ */ jsxRuntime.jsx("th", { className: refractionHeaderCellClass, children: "Prism" }),
+            /* @__PURE__ */ jsxRuntime.jsx("th", { className: refractionHeaderCellClass, children: "V/A" })
           ] })
         ] }),
         /* @__PURE__ */ jsxRuntime.jsxs("tbody", { children: [
           /* @__PURE__ */ jsxRuntime.jsxs("tr", { children: [
-            /* @__PURE__ */ jsxRuntime.jsx("td", { className: cn(tableCellClass, "font-semibold text-left px-2"), children: "Glass Power" }),
-            /* @__PURE__ */ jsxRuntime.jsx("td", { className: tableCellClass, children: /* @__PURE__ */ jsxRuntime.jsx(
+            /* @__PURE__ */ jsxRuntime.jsx("td", { className: refractionLabelCellClass, children: "Glass Power" }),
+            /* @__PURE__ */ jsxRuntime.jsx("td", { className: refractionDataCellClass, children: /* @__PURE__ */ jsxRuntime.jsx(
               Input,
               {
                 disabled,
                 type: "number",
                 step: "0.25",
-                className: numberInputClass,
+                className: refractionInputClass,
                 value: safe.glass_power_prescription.right_eye.sph ?? "",
                 onChange: (e) => setRefractionField(
                   "glass_power_prescription",
@@ -7056,13 +7413,13 @@ var OphthalmologyWidget = ({ fieldId }) => {
                 )
               }
             ) }),
-            /* @__PURE__ */ jsxRuntime.jsx("td", { className: tableCellClass, children: /* @__PURE__ */ jsxRuntime.jsx(
+            /* @__PURE__ */ jsxRuntime.jsx("td", { className: refractionDataCellClass, children: /* @__PURE__ */ jsxRuntime.jsx(
               Input,
               {
                 disabled,
                 type: "number",
                 step: "0.25",
-                className: numberInputClass,
+                className: refractionInputClass,
                 value: safe.glass_power_prescription.right_eye.cyl ?? "",
                 onChange: (e) => setRefractionField(
                   "glass_power_prescription",
@@ -7073,12 +7430,12 @@ var OphthalmologyWidget = ({ fieldId }) => {
                 )
               }
             ) }),
-            /* @__PURE__ */ jsxRuntime.jsx("td", { className: tableCellClass, children: /* @__PURE__ */ jsxRuntime.jsx(
+            /* @__PURE__ */ jsxRuntime.jsx("td", { className: refractionDataCellClass, children: /* @__PURE__ */ jsxRuntime.jsx(
               Input,
               {
                 disabled,
                 type: "number",
-                className: numberInputClass,
+                className: refractionInputClass,
                 value: safe.glass_power_prescription.right_eye.axis ?? "",
                 onChange: (e) => setRefractionField(
                   "glass_power_prescription",
@@ -7089,13 +7446,13 @@ var OphthalmologyWidget = ({ fieldId }) => {
                 )
               }
             ) }),
-            /* @__PURE__ */ jsxRuntime.jsx("td", { className: tableCellClass, children: /* @__PURE__ */ jsxRuntime.jsx(
+            /* @__PURE__ */ jsxRuntime.jsx("td", { className: refractionDataCellClass, children: /* @__PURE__ */ jsxRuntime.jsx(
               Input,
               {
                 disabled,
                 type: "number",
                 step: "0.25",
-                className: numberInputClass,
+                className: refractionInputClass,
                 value: safe.glass_power_prescription.right_eye.prism ?? "",
                 onChange: (e) => setRefractionField(
                   "glass_power_prescription",
@@ -7106,11 +7463,11 @@ var OphthalmologyWidget = ({ fieldId }) => {
                 )
               }
             ) }),
-            /* @__PURE__ */ jsxRuntime.jsx("td", { className: tableCellClass, children: /* @__PURE__ */ jsxRuntime.jsx(
+            /* @__PURE__ */ jsxRuntime.jsx("td", { className: refractionDataCellClass, children: /* @__PURE__ */ jsxRuntime.jsx(
               "select",
               {
                 disabled,
-                className: selectClass,
+                className: refractionSelectClass,
                 value: safe.glass_power_prescription.right_eye.va,
                 onChange: (e) => setRefractionField(
                   "glass_power_prescription",
@@ -7122,13 +7479,13 @@ var OphthalmologyWidget = ({ fieldId }) => {
                 children: VA_OPTIONS.map((opt) => /* @__PURE__ */ jsxRuntime.jsx("option", { value: opt, children: opt }, opt || "blank"))
               }
             ) }),
-            /* @__PURE__ */ jsxRuntime.jsx("td", { className: tableCellClass, children: /* @__PURE__ */ jsxRuntime.jsx(
+            /* @__PURE__ */ jsxRuntime.jsx("td", { className: refractionDataCellClass, children: /* @__PURE__ */ jsxRuntime.jsx(
               Input,
               {
                 disabled,
                 type: "number",
                 step: "0.25",
-                className: numberInputClass,
+                className: refractionInputClass,
                 value: safe.glass_power_prescription.left_eye.sph ?? "",
                 onChange: (e) => setRefractionField(
                   "glass_power_prescription",
@@ -7139,13 +7496,13 @@ var OphthalmologyWidget = ({ fieldId }) => {
                 )
               }
             ) }),
-            /* @__PURE__ */ jsxRuntime.jsx("td", { className: tableCellClass, children: /* @__PURE__ */ jsxRuntime.jsx(
+            /* @__PURE__ */ jsxRuntime.jsx("td", { className: refractionDataCellClass, children: /* @__PURE__ */ jsxRuntime.jsx(
               Input,
               {
                 disabled,
                 type: "number",
                 step: "0.25",
-                className: numberInputClass,
+                className: refractionInputClass,
                 value: safe.glass_power_prescription.left_eye.cyl ?? "",
                 onChange: (e) => setRefractionField(
                   "glass_power_prescription",
@@ -7156,12 +7513,12 @@ var OphthalmologyWidget = ({ fieldId }) => {
                 )
               }
             ) }),
-            /* @__PURE__ */ jsxRuntime.jsx("td", { className: tableCellClass, children: /* @__PURE__ */ jsxRuntime.jsx(
+            /* @__PURE__ */ jsxRuntime.jsx("td", { className: refractionDataCellClass, children: /* @__PURE__ */ jsxRuntime.jsx(
               Input,
               {
                 disabled,
                 type: "number",
-                className: numberInputClass,
+                className: refractionInputClass,
                 value: safe.glass_power_prescription.left_eye.axis ?? "",
                 onChange: (e) => setRefractionField(
                   "glass_power_prescription",
@@ -7172,13 +7529,13 @@ var OphthalmologyWidget = ({ fieldId }) => {
                 )
               }
             ) }),
-            /* @__PURE__ */ jsxRuntime.jsx("td", { className: tableCellClass, children: /* @__PURE__ */ jsxRuntime.jsx(
+            /* @__PURE__ */ jsxRuntime.jsx("td", { className: refractionDataCellClass, children: /* @__PURE__ */ jsxRuntime.jsx(
               Input,
               {
                 disabled,
                 type: "number",
                 step: "0.25",
-                className: numberInputClass,
+                className: refractionInputClass,
                 value: safe.glass_power_prescription.left_eye.prism ?? "",
                 onChange: (e) => setRefractionField(
                   "glass_power_prescription",
@@ -7189,11 +7546,11 @@ var OphthalmologyWidget = ({ fieldId }) => {
                 )
               }
             ) }),
-            /* @__PURE__ */ jsxRuntime.jsx("td", { className: tableCellClass, children: /* @__PURE__ */ jsxRuntime.jsx(
+            /* @__PURE__ */ jsxRuntime.jsx("td", { className: refractionDataCellClass, children: /* @__PURE__ */ jsxRuntime.jsx(
               "select",
               {
                 disabled,
-                className: selectClass,
+                className: refractionSelectClass,
                 value: safe.glass_power_prescription.left_eye.va,
                 onChange: (e) => setRefractionField(
                   "glass_power_prescription",
@@ -7207,25 +7564,25 @@ var OphthalmologyWidget = ({ fieldId }) => {
             ) })
           ] }),
           /* @__PURE__ */ jsxRuntime.jsxs("tr", { children: [
-            /* @__PURE__ */ jsxRuntime.jsx("td", { className: cn(tableCellClass, "font-semibold text-left px-2"), children: "Add" }),
-            /* @__PURE__ */ jsxRuntime.jsx("td", { className: tableCellClass, colSpan: 5, children: /* @__PURE__ */ jsxRuntime.jsx(
+            /* @__PURE__ */ jsxRuntime.jsx("td", { className: refractionLabelCellClass, children: "Add" }),
+            /* @__PURE__ */ jsxRuntime.jsx("td", { className: refractionDataCellClass, colSpan: 5, children: /* @__PURE__ */ jsxRuntime.jsx(
               Input,
               {
                 disabled,
                 type: "number",
                 step: "0.25",
-                className: numberInputClass,
+                className: refractionInputClass,
                 value: safe.glass_power_prescription.add.right ?? "",
                 onChange: (e) => setRefractionAdd("glass_power_prescription", "right", e.target.value)
               }
             ) }),
-            /* @__PURE__ */ jsxRuntime.jsx("td", { className: tableCellClass, colSpan: 5, children: /* @__PURE__ */ jsxRuntime.jsx(
+            /* @__PURE__ */ jsxRuntime.jsx("td", { className: refractionDataCellClass, colSpan: 5, children: /* @__PURE__ */ jsxRuntime.jsx(
               Input,
               {
                 disabled,
                 type: "number",
                 step: "0.25",
-                className: numberInputClass,
+                className: refractionInputClass,
                 value: safe.glass_power_prescription.add.left ?? "",
                 onChange: (e) => setRefractionAdd("glass_power_prescription", "left", e.target.value)
               }
@@ -7912,123 +8269,2083 @@ var DischargeMedicationOrdersWidget = ({ fieldId }) => {
     showError && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-red-500", children: error })
   ] });
 };
-var FieldRenderer = ({ fieldId }) => {
-  const { fieldDef, visible } = useField(fieldId);
-  if (!visible || !fieldDef) {
-    return null;
+var DEFAULT_TOKEN_SEPARATOR = ", ";
+function getAppendSeparator(def) {
+  const raw = def.meta && typeof def.meta.appendSeparator === "string" ? def.meta.appendSeparator : DEFAULT_TOKEN_SEPARATOR;
+  return raw;
+}
+function getSuggestionTokensFromText(text) {
+  return text.split(",").map((p) => p.trim()).filter(Boolean);
+}
+function toggleSuggestionTokenInText(current, token, separator = DEFAULT_TOKEN_SEPARATOR) {
+  const t = String(token).trim();
+  if (!t) return current;
+  const parts = getSuggestionTokensFromText(current);
+  const i = parts.findIndex((p) => p === t);
+  if (i >= 0) {
+    parts.splice(i, 1);
+  } else {
+    parts.push(t);
+  }
+  return parts.join(separator);
+}
+function isTokenSelected(text, optionValue) {
+  const t = String(optionValue).trim();
+  if (!t) return false;
+  return getSuggestionTokensFromText(text).some((p) => p === t);
+}
+function deriveKnownSuggestionChipValues(text, options) {
+  if (!options.length) return [];
+  const allowed = new Map(options.map((o) => [String(o.value), o.value]));
+  const tokens = getSuggestionTokensFromText(text);
+  const out = [];
+  const seen = /* @__PURE__ */ new Set();
+  for (const t of tokens) {
+    if (!allowed.has(t) || seen.has(t)) continue;
+    seen.add(t);
+    out.push(allowed.get(t));
+  }
+  return out;
+}
+function parallelChipArraysEqual(a, b) {
+  if (!Array.isArray(a) || !Array.isArray(b)) return false;
+  if (a.length !== b.length) return false;
+  for (let i = 0; i < a.length; i++) {
+    if (a[i] !== b[i]) return false;
   }
-  return renderWidget(fieldId, fieldDef);
-};
-function renderWidget(fieldId, fieldDef) {
+  return true;
+}
+function isSuggestionField(type) {
+  return type === "suggestion_textarea" || type === "complaint_chips";
+}
+function EmbeddedSchemaField({ fieldId }) {
+  const store = useFormStore();
+  const fieldDef = store.getFieldDef(fieldId);
+  if (!fieldDef) return null;
   switch (fieldDef.type) {
     case "text":
     case "number":
-      return /* @__PURE__ */ jsxRuntime.jsx(TextWidget, { fieldId });
     case "textarea":
-      if (fieldMetaRequestsMarMedicationOrdersButton(fieldDef.meta)) {
-        return /* @__PURE__ */ jsxRuntime.jsx(MarMedicationOrdersWidget, { fieldId });
-      }
       return /* @__PURE__ */ jsxRuntime.jsx(TextWidget, { fieldId });
-    case "richtext":
-      return /* @__PURE__ */ jsxRuntime.jsx(RichTextWidget, { fieldId });
-    case "date":
-      return /* @__PURE__ */ jsxRuntime.jsx(DateWidget, { fieldId });
-    case "datetime":
-      return /* @__PURE__ */ jsxRuntime.jsx(DateTimeWidget, { fieldId });
     case "select":
       return /* @__PURE__ */ jsxRuntime.jsx(SelectWidget, { fieldId });
-    case "radio":
-      return /* @__PURE__ */ jsxRuntime.jsx(RadioWidget, { fieldId });
-    case "checkbox":
-      return /* @__PURE__ */ jsxRuntime.jsx(CheckboxWidget, { fieldId });
-    case "multiselect":
-      return /* @__PURE__ */ jsxRuntime.jsx(MultiSelectWidget, { fieldId });
-    case "repeatable":
-      return /* @__PURE__ */ jsxRuntime.jsx(RepeatableWidget, { fieldId });
-    case "image_upload":
-      return /* @__PURE__ */ jsxRuntime.jsx(ImageUploadWidget, { fieldId });
-    case "media_upload":
-      return /* @__PURE__ */ jsxRuntime.jsx(MediaUploadWidget, { fieldId });
-    case "signature":
-      return /* @__PURE__ */ jsxRuntime.jsx(SignatureUploadWidget, { fieldId });
-    case "editable_table":
-      return /* @__PURE__ */ jsxRuntime.jsx(EditableTableWidget, { fieldId });
-    case "medications":
-      return /* @__PURE__ */ jsxRuntime.jsx(AddMedicationWidget, { fieldId });
-    case "discharge_medication_orders":
-      return /* @__PURE__ */ jsxRuntime.jsx(DischargeMedicationOrdersWidget, { fieldId });
-    case "investigations":
-      return /* @__PURE__ */ jsxRuntime.jsx(AddInvestigationWidget, { fieldId });
-    case "procedures":
-      return /* @__PURE__ */ jsxRuntime.jsx(AddProcedureWidget, { fieldId });
-    case "differential_diagnosis":
-      return /* @__PURE__ */ jsxRuntime.jsx(DifferentialDiagnosisWidget, { fieldId });
-    case "vitals":
-      return /* @__PURE__ */ jsxRuntime.jsx(VitalsWidget, { fieldId });
-    case "hidden_vitals":
-      return /* @__PURE__ */ jsxRuntime.jsx(HiddenVitalsWidget, { fieldId });
-    case "referral":
-      return /* @__PURE__ */ jsxRuntime.jsx(ReferralWidget, { fieldId });
-    case "followup":
-      return /* @__PURE__ */ jsxRuntime.jsx(FollowupWidget, { fieldId });
-    case "smart_textarea":
-      return /* @__PURE__ */ jsxRuntime.jsx(SmartTextareaWidget, { fieldId });
-    case "diagnosis_textarea":
-      return /* @__PURE__ */ jsxRuntime.jsx(DiagnosisTextareaWidget, { fieldId });
-    case "obstetric_history":
-      return /* @__PURE__ */ jsxRuntime.jsx(ObstetricHistoryWidget, { fieldId });
-    case "eye_prescription":
-      return /* @__PURE__ */ jsxRuntime.jsx(OphthalmologyWidget, { fieldId });
-    case "ophthal_diagnosis":
-      return /* @__PURE__ */ jsxRuntime.jsx(OphthalDiagnosisWidget, { fieldId });
-    case "orthopedic_exam":
-      return /* @__PURE__ */ jsxRuntime.jsx(OrthopedicExamWidget, { fieldId });
-    case "toggle": {
-      const { value, setValue, setTouched, disabled } = useField(fieldId);
-      const store = useFormStore();
-      const excludes = fieldDef.excludes ?? [];
-      return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(
-          Switch,
-          {
-            checked: value === true,
-            disabled,
-            onCheckedChange: (checked) => {
-              setValue(checked);
-              setTouched();
-              if (checked) excludes.forEach((id) => store.setValue(id, false));
-            }
-          }
-        ),
-        /* @__PURE__ */ jsxRuntime.jsx(Label, { className: "text-sm font-medium leading-none cursor-pointer select-none", children: fieldDef.label })
-      ] });
-    }
-    case "static_text": {
-      const def = fieldDef;
-      const size = def.size ?? "regular";
-      const labelClass = size === "large" ? "text-base" : "text-sm";
-      const descClass = size === "large" ? "text-sm" : "text-xs";
-      return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `${labelClass} text-muted-foreground`, children: [
-        def.label,
-        def.description && /* @__PURE__ */ jsxRuntime.jsx("p", { className: `mt-1 ${descClass} opacity-90`, children: def.description })
-      ] });
-    }
     default:
-      return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-red-500", children: [
-        "Unknown field type: ",
-        fieldDef.type
-      ] });
+      return null;
   }
 }
-var Section = ({ title, children }) => {
-  const [expanded, setExpanded] = React15.useState(true);
-  const handleToggle = () => setExpanded((prev) => !prev);
-  const contentClassName = cn(
-    "overflow-hidden transition-[height] duration-200 ease-in-out",
-    !expanded && "hidden"
-  );
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mb-6 border rounded-lg bg-white shadow-sm overflow-hidden", children: [
-    /* @__PURE__ */ jsxRuntime.jsxs(
+var SuggestionTextareaWidget = ({ fieldId }) => {
+  const { fieldDef, value, setValue, setTouched, error, disabled, touched } = useField(fieldId);
+  const { state } = useForm();
+  const store = useFormStore();
+  const hasVoice = !!(fieldDef?.voice && store.getVoice());
+  const [options, setOptions] = React15.useState([]);
+  const [loading, setLoading] = React15.useState(false);
+  const showError = !!error && (touched || state.submitAttempted);
+  const def = fieldDef && isSuggestionField(fieldDef.type) ? fieldDef : void 0;
+  const textValue = value == null || typeof value === "string" ? value || "" : String(value);
+  const parallelChipFieldId = def?.meta && typeof def.meta.parallelChipFieldId === "string" ? def.meta.parallelChipFieldId.trim() : void 0;
+  const embeddedFieldIds = React15.useMemo(() => {
+    const raw = def?.meta && Array.isArray(def.meta.embeddedFieldIds) ? def.meta.embeddedFieldIds : [];
+    return raw.filter((id) => typeof id === "string" && id.trim().length > 0).map((id) => id.trim()).filter((id) => store.getFieldDef(id));
+  }, [def?.meta, store]);
+  React15.useEffect(() => {
+    if (!def) {
+      setOptions([]);
+      return;
+    }
+    if (def.options?.length) {
+      setOptions(def.options);
+    } else if (def.dataSource) {
+      setLoading(true);
+      fetchOptions(def.dataSource.source, def.dataSource.params).then((opts) => setOptions(opts)).finally(() => setLoading(false));
+    } else {
+      setOptions([]);
+    }
+  }, [def]);
+  React15.useEffect(() => {
+    if (!parallelChipFieldId || !def) return;
+    const parallelDef = store.getFieldDef(parallelChipFieldId);
+    if (!parallelDef || parallelDef.type !== "multiselect") return;
+    const next = deriveKnownSuggestionChipValues(textValue, options);
+    const prev = store.getFieldState(parallelChipFieldId).value;
+    if (parallelChipArraysEqual(prev, next)) return;
+    store.setValues({ [parallelChipFieldId]: next }, { touch: false });
+  }, [def, parallelChipFieldId, textValue, options, store]);
+  if (!def) {
+    return null;
+  }
+  const appendSeparator = getAppendSeparator(def);
+  const suggestionsAria = def.meta && typeof def.meta.suggestionsAriaLabel === "string" ? def.meta.suggestionsAriaLabel : "Quick suggestions";
+  const theme = getThemeConfig("textarea", def.theme);
+  const wrapperClass = theme?.wrapperClassName ?? "space-y-2";
+  const labelClass = theme?.labelClassName;
+  const inputClass = cn(theme?.inputClassName, showError && "border-red-500");
+  const height = def.height != null ? typeof def.height === "string" ? Number(def.height) || void 0 : def.height : void 0;
+  const labelContent = /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    def.label,
+    " ",
+    def.required && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-red-500", children: "*" })
+  ] });
+  const labelEl = theme ? /* @__PURE__ */ jsxRuntime.jsx(Label, { className: labelClass, children: labelContent }) : /* @__PURE__ */ jsxRuntime.jsx(Label, { children: labelContent });
+  const onChipClick = (optValue) => {
+    if (disabled) return;
+    setValue(toggleSuggestionTokenInText(textValue, String(optValue), appendSeparator));
+  };
+  const hasSuggestions = options.length > 0;
+  const hasEmbedded = embeddedFieldIds.length > 0;
+  const hasShell = hasSuggestions || hasEmbedded;
+  const isHighlightLabel = def.theme === "highlight-label";
+  const suggestionShellClass = cn(
+    "flex min-w-0 flex-col overflow-hidden",
+    hasShell && (isHighlightLabel ? "-mt-1 rounded-b-md border-[#D0D0D0] bg-white" : "rounded-md border border-input bg-background")
+  );
+  const chipsRowClass = cn(
+    "flex flex-wrap gap-2 px-3 pb-2 pt-3",
+    hasSuggestions && (isHighlightLabel ? "" : "border-b border-input/70"),
+    disabled && "pointer-events-none opacity-50"
+  );
+  const embeddedRowClass = cn(
+    "grid gap-3 px-3 sm:grid-cols-3",
+    hasEmbedded && (hasSuggestions ? cn("py-2", isHighlightLabel && "border-t border-input/70") : "border-b border-input/70 py-3"),
+    disabled && "pointer-events-none opacity-50"
+  );
+  const textareaShellClass = cn(
+    inputClass,
+    hasShell && cn(
+      "mt-0 rounded-t-none rounded-b-md border-0 shadow-none focus-visible:ring-offset-0",
+      isHighlightLabel ? "border-t-0" : "min-h-[80px]"
+    )
+  );
+  const suggestionButtons = loading ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs text-muted-foreground", children: "Loading suggestions\u2026" }) : options.map((opt) => {
+    const on = isTokenSelected(textValue, opt.value);
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      "button",
+      {
+        type: "button",
+        onClick: () => onChipClick(opt.value),
+        className: cn(
+          "inline-flex min-h-8 items-center rounded-full border px-3 py-1 text-xs font-medium leading-none transition-colors",
+          on ? "border-primary bg-primary/10 text-primary" : "border-muted-foreground/30 bg-background hover:bg-muted/60"
+        ),
+        children: opt.label
+      },
+      String(opt.value)
+    );
+  });
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: wrapperClass, children: [
+    hasVoice ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between", children: [
+      labelEl,
+      /* @__PURE__ */ jsxRuntime.jsx(VoiceMicButton, { fieldId, onTranscriptReady: setValue })
+    ] }) : labelEl,
+    def.description && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-muted-foreground", children: def.description }),
+    hasShell ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: suggestionShellClass, children: [
+      hasSuggestions && /* @__PURE__ */ jsxRuntime.jsx("div", { className: chipsRowClass, role: "group", "aria-label": suggestionsAria, children: suggestionButtons }),
+      hasEmbedded && /* @__PURE__ */ jsxRuntime.jsx("div", { className: embeddedRowClass, children: embeddedFieldIds.map((id) => /* @__PURE__ */ jsxRuntime.jsx(EmbeddedSchemaField, { fieldId: id }, id)) }),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        Textarea,
+        {
+          id: fieldId,
+          value: textValue,
+          onChange: (e) => setValue(e.target.value),
+          onBlur: setTouched,
+          disabled,
+          className: textareaShellClass,
+          placeholder: def.placeholder,
+          style: height != null && Number.isFinite(height) ? { minHeight: height } : void 0
+        }
+      )
+    ] }) : /* @__PURE__ */ jsxRuntime.jsx(
+      Textarea,
+      {
+        id: fieldId,
+        value: textValue,
+        onChange: (e) => setValue(e.target.value),
+        onBlur: setTouched,
+        disabled,
+        className: inputClass,
+        placeholder: def.placeholder,
+        style: height != null && Number.isFinite(height) ? { minHeight: height } : void 0
+      }
+    ),
+    showError && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-red-500", children: error })
+  ] });
+};
+var EMPTY_GRADES = { NO: 0, NC: 0, C: 0, PSC: 0 };
+var LOCS_FIELDS = [
+  { key: "NO", label: "Nuclear Opalescence", max: 4, hint: "0\u20134" },
+  { key: "NC", label: "Nuclear Colour", max: 4, hint: "0\u20134" },
+  { key: "C", label: "Cortical", max: 4, hint: "0\u20134" },
+  { key: "PSC", label: "Posterior Subcapsular", max: 4, hint: "0\u20134" }
+];
+var LOCS_GRID_STYLE = {
+  display: "grid",
+  gridTemplateColumns: "minmax(0, 1fr) minmax(5.5rem, auto) minmax(5.5rem, auto)",
+  columnGap: "1rem",
+  rowGap: "0.5rem",
+  alignItems: "center",
+  width: "100%",
+  minWidth: 0
+};
+function parseGrades(raw) {
+  if (!raw || typeof raw !== "object" || Array.isArray(raw)) return void 0;
+  const r = raw;
+  const n = (k) => {
+    const v = Number(r[k]);
+    return Number.isFinite(v) ? Math.trunc(v) : 0;
+  };
+  return { NO: n("NO"), NC: n("NC"), C: n("C"), PSC: n("PSC") };
+}
+function clampGrade(v) {
+  return Math.max(0, Math.min(4, Math.trunc(v)));
+}
+function parseValue(raw) {
+  const locs = {
+    OD: { ...EMPTY_GRADES },
+    OS: { ...EMPTY_GRADES }
+  };
+  if (raw && typeof raw === "object" && !Array.isArray(raw)) {
+    const o = raw;
+    const locsRaw = o.locs;
+    if (locsRaw && typeof locsRaw === "object" && !Array.isArray(locsRaw)) {
+      const L = locsRaw;
+      const od = parseGrades(L.OD);
+      const os = parseGrades(L.OS);
+      if (od)
+        locs.OD = {
+          NO: clampGrade(od.NO),
+          NC: clampGrade(od.NC),
+          C: clampGrade(od.C),
+          PSC: clampGrade(od.PSC)
+        };
+      if (os)
+        locs.OS = {
+          NO: clampGrade(os.NO),
+          NC: clampGrade(os.NC),
+          C: clampGrade(os.C),
+          PSC: clampGrade(os.PSC)
+        };
+    }
+    return {
+      notes: typeof o.notes === "string" ? o.notes : "",
+      assessmentKey: typeof o.assessmentKey === "string" ? o.assessmentKey : void 0,
+      locs
+    };
+  }
+  return { notes: "", assessmentKey: void 0, locs };
+}
+function cataractStage(eye, locs) {
+  const g = locs[eye];
+  const total = g.NO + g.NC + g.C + g.PSC;
+  if (total === 0) return "\u2014";
+  if (total <= 4) return "Early";
+  if (total <= 8) return "Moderate";
+  if (total <= 12) return "Advanced";
+  return "Hypermature";
+}
+function Stepper({
+  value,
+  max,
+  disabled,
+  ariaLabel,
+  onChange
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      className: "flex items-center gap-1 justify-self-center",
+      role: "group",
+      "aria-label": ariaLabel,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "button",
+          {
+            type: "button",
+            disabled,
+            onClick: () => onChange(Math.max(0, value - 1)),
+            className: "h-6 w-6 shrink-0 rounded border border-input text-xs hover:bg-muted disabled:pointer-events-none disabled:opacity-50",
+            children: "-"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "input",
+          {
+            type: "number",
+            min: 0,
+            max,
+            disabled,
+            value,
+            "aria-label": ariaLabel,
+            onChange: (e) => onChange(Math.max(0, Math.min(max, Number(e.target.value) || 0))),
+            className: "h-6 w-10 shrink-0 rounded border border-input bg-background px-1 py-0 text-center text-xs disabled:opacity-50"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "button",
+          {
+            type: "button",
+            disabled,
+            onClick: () => onChange(Math.min(max, value + 1)),
+            className: "h-6 w-6 shrink-0 rounded border border-input text-xs hover:bg-muted disabled:pointer-events-none disabled:opacity-50",
+            children: "+"
+          }
+        )
+      ]
+    }
+  );
+}
+function StageBadge({ stage }) {
+  const cls = {
+    Early: "border border-emerald-200 text-foreground",
+    Moderate: "border border-amber-200 text-foreground",
+    Advanced: "border border-orange-300 text-foreground",
+    Hypermature: "border border-destructive text-foreground",
+    "\u2014": "border border-border text-muted-foreground"
+  };
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "span",
+    {
+      className: cn(
+        "rounded-full bg-background px-2 py-0.5 text-[11px] font-medium",
+        cls[stage] ?? "border border-border text-muted-foreground"
+      ),
+      children: stage
+    }
+  );
+}
+var DEFAULT_TITLE = "Lens Assessment \u2014 LOCS III";
+var LensAssessmentWidget = ({ fieldId }) => {
+  const { fieldDef, value, setValue, error, disabled, touched } = useField(fieldId);
+  const { state } = useForm();
+  const showError = !!error && (touched || state.submitAttempted);
+  if (!fieldDef || fieldDef.type !== "lens_assessment") {
+    return null;
+  }
+  const def = fieldDef;
+  const v = parseValue(value);
+  const locs = v.locs ?? { OD: { ...EMPTY_GRADES }, OS: { ...EMPTY_GRADES } };
+  const title = def.meta?.cardTitle || (def.label?.trim() ? def.label : DEFAULT_TITLE);
+  const setPartial = (patch) => {
+    setValue({ ...v, ...patch, locs: patch.locs ?? v.locs ?? locs });
+  };
+  const setLocs = (eye, key, n) => {
+    const next = clampGrade(n);
+    setPartial({
+      locs: {
+        ...locs,
+        [eye]: { ...locs[eye], [key]: next }
+      }
+    });
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      id: `lens-assessment-${fieldId}`,
+      className: "w-full min-w-0 max-w-full rounded-lg border border-border bg-card p-4 text-card-foreground shadow-sm",
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "mb-3 text-sm font-semibold text-foreground", children: title }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { style: LOCS_GRID_STYLE, children: [
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "min-w-0", "aria-hidden": true }),
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-24 justify-self-center text-center text-xs font-semibold", children: "Right Eye" }),
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-24 justify-self-center text-center text-xs font-semibold", children: "Left Eye" }),
+          LOCS_FIELDS.map((f) => /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { display: "contents" }, children: [
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "min-w-0 text-xs", children: [
+              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "font-medium", children: f.label }),
+              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-muted-foreground", children: f.hint })
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              Stepper,
+              {
+                value: locs.OD[f.key],
+                max: f.max,
+                disabled,
+                ariaLabel: `${f.label} right eye`,
+                onChange: (n) => setLocs("OD", f.key, n)
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              Stepper,
+              {
+                value: locs.OS[f.key],
+                max: f.max,
+                disabled,
+                ariaLabel: `${f.label} left eye`,
+                onChange: (n) => setLocs("OS", f.key, n)
+              }
+            )
+          ] }, f.key))
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-3 border-t border-border pt-3 text-xs", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-muted-foreground", children: "Cataract Stage" }),
+          " ",
+          /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "ml-1 inline-flex items-center gap-1", children: [
+            "OD ",
+            /* @__PURE__ */ jsxRuntime.jsx(StageBadge, { stage: cataractStage("OD", locs) })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "ml-2 inline-flex items-center gap-1", children: [
+            "OS ",
+            /* @__PURE__ */ jsxRuntime.jsx(StageBadge, { stage: cataractStage("OS", locs) })
+          ] })
+        ] }),
+        def.description && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-2 text-xs text-muted-foreground", children: def.description }),
+        showError && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-2 text-xs text-red-500", children: error })
+      ]
+    }
+  );
+};
+
+// src/core/functionalImpairmentScore.ts
+function clampFunctionalScore03(n) {
+  const v = typeof n === "number" ? n : Number(n);
+  if (!Number.isFinite(v)) return 0;
+  return Math.max(0, Math.min(3, Math.trunc(v)));
+}
+function parseFunctionalImpairmentScore(raw) {
+  const base = {
+    reading: 0,
+    nightDriving: 0,
+    glare: 0,
+    occupation: 0,
+    adl: 0
+  };
+  if (!raw || typeof raw !== "object" || Array.isArray(raw)) return base;
+  const o = raw;
+  for (const k of Object.keys(base)) {
+    base[k] = clampFunctionalScore03(o[k]);
+  }
+  return base;
+}
+function functionalImpairmentTotal(v) {
+  return v.reading + v.nightDriving + v.glare + v.occupation + v.adl;
+}
+var ITEMS = [
+  { key: "reading", label: "Difficulty reading" },
+  { key: "nightDriving", label: "Night driving difficulty" },
+  { key: "glare", label: "Glare sensitivity" },
+  { key: "occupation", label: "Occupational impact" },
+  { key: "adl", label: "ADL limitation" }
+];
+var SCALE_LABELS = ["None", "Mild", "Moderate", "Severe"];
+var DEFAULT_TITLE2 = "Functional Impairment Score (Stage 5)";
+var ITEMS_GRID_STYLE = {
+  display: "grid",
+  gridTemplateColumns: "repeat(auto-fit, minmax(min(100%, 8rem), 1fr))",
+  columnGap: "0.5rem",
+  rowGap: "0.5rem",
+  width: "100%",
+  minWidth: 0
+};
+function clamp03(n) {
+  const v = typeof n === "number" ? n : Number(n);
+  if (!Number.isFinite(v)) return 0;
+  return Math.max(0, Math.min(3, Math.trunc(v)));
+}
+var FunctionalImpairmentScoreWidget = ({
+  fieldId
+}) => {
+  const { fieldDef, value, setValue, error, disabled, touched } = useField(fieldId);
+  const { state } = useForm();
+  const showError = !!error && (touched || state.submitAttempted);
+  if (!fieldDef || fieldDef.type !== "functional_impairment_score") {
+    return null;
+  }
+  const def = fieldDef;
+  const v = parseFunctionalImpairmentScore(value);
+  const total = functionalImpairmentTotal(v);
+  const title = def.meta?.cardTitle?.trim() || (def.label?.trim() ? def.label : DEFAULT_TITLE2);
+  const setDim = (key, n) => {
+    setValue({ ...v, [key]: clamp03(n) });
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      id: `functional-impairment-${fieldId}`,
+      className: "w-full min-w-0 max-w-full rounded-lg border border-border bg-card p-3 text-card-foreground shadow-sm",
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "mb-2 text-xs font-semibold leading-tight text-foreground sm:text-[13px]", children: title }),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { style: ITEMS_GRID_STYLE, children: ITEMS.map((it) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex min-w-0 flex-col gap-1", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-[10px] font-medium leading-snug text-foreground sm:text-[11px]", children: it.label }),
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex w-fit max-w-full shrink-0 gap-0.5", children: [0, 1, 2, 3].map((score) => /* @__PURE__ */ jsxRuntime.jsx(
+            "button",
+            {
+              type: "button",
+              title: SCALE_LABELS[score],
+              disabled,
+              onClick: () => setDim(it.key, score),
+              className: cn(
+                "h-6 w-7 shrink-0 rounded border text-[10px] transition-colors sm:text-[11px]",
+                v[it.key] === score ? "border-primary bg-primary text-primary-foreground" : "border-input hover:bg-muted",
+                disabled && "pointer-events-none opacity-50"
+              ),
+              children: score
+            },
+            score
+          )) })
+        ] }, it.key)) }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-2 flex flex-col gap-1.5 border-t border-border pt-2 sm:flex-row sm:items-center sm:justify-between sm:gap-2", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-[10px] leading-snug text-muted-foreground sm:text-[11px]", children: "Score scale: 0 = none, 3 = severe (each item)" }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-wrap items-center gap-1.5 sm:justify-end", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-[10px] text-muted-foreground sm:text-[11px]", children: "Total" }),
+            /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-sm font-bold tabular-nums sm:text-[15px]", children: [
+              total,
+              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-normal text-muted-foreground", children: "/15" })
+            ] })
+          ] })
+        ] }),
+        def.description && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-2 text-xs text-muted-foreground", children: def.description }),
+        showError && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-2 text-xs text-red-500", children: error })
+      ]
+    }
+  );
+};
+var FORMULA_OPTIONS = [
+  "SRK/T",
+  "Barrett Universal II",
+  "Hoffer Q",
+  "Haigis",
+  "Holladay 1",
+  "Holladay 2",
+  "Kane"
+];
+var METHODS = [
+  { value: "optical_biometry", label: "Optical biometry (IOL Master)" },
+  { value: "ascan_immersion", label: "A-scan (immersion)" },
+  { value: "ascan_contact", label: "A-scan (contact)" }
+];
+var EMPTY = {
+  axialLengthOD: "",
+  axialLengthOS: "",
+  k1k2AxisOD: "",
+  k1k2AxisOS: "",
+  anteriorChamberDepthOD: "",
+  anteriorChamberDepthOS: "",
+  iolPowerOD: "",
+  iolPowerOS: "",
+  targetRefractionOD: "",
+  targetRefractionOS: "",
+  formula: "SRK/T",
+  method: "optical_biometry",
+  cornealTopoUploaded: false,
+  specularMicroscopyDone: false,
+  endothelialCount: ""
+};
+function str(x) {
+  return typeof x === "string" ? x : "";
+}
+function parseValue2(raw) {
+  if (!raw || typeof raw !== "object" || Array.isArray(raw)) return { ...EMPTY };
+  const o = raw;
+  const m = o.method;
+  const method = m === "ascan_immersion" || m === "ascan_contact" || m === "optical_biometry" ? m : "optical_biometry";
+  const formula = str(o.formula);
+  return {
+    ...EMPTY,
+    axialLengthOD: str(o.axialLengthOD),
+    axialLengthOS: str(o.axialLengthOS),
+    k1k2AxisOD: str(o.k1k2AxisOD),
+    k1k2AxisOS: str(o.k1k2AxisOS),
+    anteriorChamberDepthOD: str(o.anteriorChamberDepthOD),
+    anteriorChamberDepthOS: str(o.anteriorChamberDepthOS),
+    iolPowerOD: str(o.iolPowerOD),
+    iolPowerOS: str(o.iolPowerOS),
+    targetRefractionOD: str(o.targetRefractionOD),
+    targetRefractionOS: str(o.targetRefractionOS),
+    formula: formula || "SRK/T",
+    method,
+    cornealTopoUploaded: o.cornealTopoUploaded === true,
+    specularMicroscopyDone: o.specularMicroscopyDone === true,
+    endothelialCount: str(o.endothelialCount)
+  };
+}
+var paramCell = "emr-biometry-param text-[11px] font-semibold leading-snug text-foreground sm:text-xs py-2";
+var eyeTh = "emr-biometry-eye text-center text-[11px] font-semibold sm:text-xs py-2";
+function Inp({
+  value,
+  onChange,
+  disabled,
+  placeholder
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "input",
+    {
+      value,
+      disabled,
+      placeholder,
+      onChange: (e) => onChange(e.target.value),
+      className: "box-border w-full min-w-0 rounded border border-input bg-background px-2 py-1 text-[11px] sm:text-xs"
+    }
+  );
+}
+var DEFAULT_TITLE3 = "Biometry & IOL Workup (Stage 7)";
+var BiometryIolWorkupWidget = ({ fieldId }) => {
+  const { fieldDef, value, setValue, error, disabled, touched } = useField(fieldId);
+  const { state } = useForm();
+  const showError = !!error && (touched || state.submitAttempted);
+  if (!fieldDef || fieldDef.type !== "biometry_iol_workup") {
+    return null;
+  }
+  const def = fieldDef;
+  const v = parseValue2(value);
+  const title = def.meta?.cardTitle?.trim() || (def.label?.trim() ? def.label : DEFAULT_TITLE3);
+  const patch = (p) => setValue({ ...v, ...p });
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      id: `biometry-iol-${fieldId}`,
+      className: "w-full min-w-0 max-w-full self-stretch rounded-lg border border-border bg-card p-3 text-card-foreground shadow-sm",
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "mb-2.5 text-sm font-semibold leading-tight text-foreground", children: title }),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-full min-w-0 overflow-x-auto", children: /* @__PURE__ */ jsxRuntime.jsxs("table", { className: "emr-table emr-table--biometry min-w-full", children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("colgroup", { children: [
+            /* @__PURE__ */ jsxRuntime.jsx("col", { style: { width: "32%" } }),
+            /* @__PURE__ */ jsxRuntime.jsx("col", { style: { width: "34%" } }),
+            /* @__PURE__ */ jsxRuntime.jsx("col", { style: { width: "34%" } })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsx("thead", { children: /* @__PURE__ */ jsxRuntime.jsxs("tr", { children: [
+            /* @__PURE__ */ jsxRuntime.jsx("th", { scope: "col", className: paramCell, children: "Parameter" }),
+            /* @__PURE__ */ jsxRuntime.jsx("th", { scope: "col", className: eyeTh, children: "Right Eye" }),
+            /* @__PURE__ */ jsxRuntime.jsx("th", { scope: "col", className: eyeTh, children: "Left Eye" })
+          ] }) }),
+          /* @__PURE__ */ jsxRuntime.jsxs("tbody", { children: [
+            /* @__PURE__ */ jsxRuntime.jsxs("tr", { children: [
+              /* @__PURE__ */ jsxRuntime.jsx("td", { className: paramCell, children: "Axial Length (mm)" }),
+              /* @__PURE__ */ jsxRuntime.jsx("td", { className: "emr-biometry-eye min-w-0 px-2 py-2", children: /* @__PURE__ */ jsxRuntime.jsx(
+                Inp,
+                {
+                  value: v.axialLengthOD,
+                  disabled,
+                  placeholder: "e.g. 23.45",
+                  onChange: (s) => patch({ axialLengthOD: s })
+                }
+              ) }),
+              /* @__PURE__ */ jsxRuntime.jsx("td", { className: "emr-biometry-eye min-w-0 px-2 py-2", children: /* @__PURE__ */ jsxRuntime.jsx(
+                Inp,
+                {
+                  value: v.axialLengthOS,
+                  disabled,
+                  placeholder: "e.g. 23.45",
+                  onChange: (s) => patch({ axialLengthOS: s })
+                }
+              ) })
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsxs("tr", { children: [
+              /* @__PURE__ */ jsxRuntime.jsx("td", { className: paramCell, children: "K1 / K2 / Axis" }),
+              /* @__PURE__ */ jsxRuntime.jsx("td", { className: "emr-biometry-eye min-w-0 px-2 py-2", children: /* @__PURE__ */ jsxRuntime.jsx(
+                Inp,
+                {
+                  value: v.k1k2AxisOD,
+                  disabled,
+                  placeholder: "44.0 / 44.5 / 90",
+                  onChange: (s) => patch({ k1k2AxisOD: s })
+                }
+              ) }),
+              /* @__PURE__ */ jsxRuntime.jsx("td", { className: "emr-biometry-eye min-w-0 px-2 py-2", children: /* @__PURE__ */ jsxRuntime.jsx(
+                Inp,
+                {
+                  value: v.k1k2AxisOS,
+                  disabled,
+                  placeholder: "44.0 / 44.5 / 90",
+                  onChange: (s) => patch({ k1k2AxisOS: s })
+                }
+              ) })
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsxs("tr", { children: [
+              /* @__PURE__ */ jsxRuntime.jsx("td", { className: `${paramCell} whitespace-nowrap`, children: "Anterior Chamber Depth (mm)" }),
+              /* @__PURE__ */ jsxRuntime.jsx("td", { className: "emr-biometry-eye min-w-0 px-2 py-2", children: /* @__PURE__ */ jsxRuntime.jsx(
+                Inp,
+                {
+                  value: v.anteriorChamberDepthOD,
+                  disabled,
+                  onChange: (s) => patch({ anteriorChamberDepthOD: s })
+                }
+              ) }),
+              /* @__PURE__ */ jsxRuntime.jsx("td", { className: "emr-biometry-eye min-w-0 px-2 py-2", children: /* @__PURE__ */ jsxRuntime.jsx(
+                Inp,
+                {
+                  value: v.anteriorChamberDepthOS,
+                  disabled,
+                  onChange: (s) => patch({ anteriorChamberDepthOS: s })
+                }
+              ) })
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsxs("tr", { children: [
+              /* @__PURE__ */ jsxRuntime.jsx("td", { className: paramCell, children: "IOL Power (D)" }),
+              /* @__PURE__ */ jsxRuntime.jsx("td", { className: "emr-biometry-eye min-w-0 px-2 py-2", children: /* @__PURE__ */ jsxRuntime.jsx(Inp, { value: v.iolPowerOD, disabled, onChange: (s) => patch({ iolPowerOD: s }) }) }),
+              /* @__PURE__ */ jsxRuntime.jsx("td", { className: "emr-biometry-eye min-w-0 px-2 py-2", children: /* @__PURE__ */ jsxRuntime.jsx(Inp, { value: v.iolPowerOS, disabled, onChange: (s) => patch({ iolPowerOS: s }) }) })
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsxs("tr", { children: [
+              /* @__PURE__ */ jsxRuntime.jsx("td", { className: paramCell, children: "Target Refraction (D)" }),
+              /* @__PURE__ */ jsxRuntime.jsx("td", { className: "emr-biometry-eye min-w-0 px-2 py-2", children: /* @__PURE__ */ jsxRuntime.jsx(
+                Inp,
+                {
+                  value: v.targetRefractionOD,
+                  disabled,
+                  placeholder: "e.g. -0.25",
+                  onChange: (s) => patch({ targetRefractionOD: s })
+                }
+              ) }),
+              /* @__PURE__ */ jsxRuntime.jsx("td", { className: "emr-biometry-eye min-w-0 px-2 py-2", children: /* @__PURE__ */ jsxRuntime.jsx(
+                Inp,
+                {
+                  value: v.targetRefractionOS,
+                  disabled,
+                  placeholder: "e.g. -0.25",
+                  onChange: (s) => patch({ targetRefractionOS: s })
+                }
+              ) })
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsxs("tr", { children: [
+              /* @__PURE__ */ jsxRuntime.jsx("td", { className: paramCell, children: "Formula" }),
+              /* @__PURE__ */ jsxRuntime.jsx("td", { className: "min-w-0 px-2 py-2 align-middle", colSpan: 2, children: /* @__PURE__ */ jsxRuntime.jsx(
+                "select",
+                {
+                  value: v.formula,
+                  disabled,
+                  onChange: (e) => patch({ formula: e.target.value }),
+                  className: "box-border w-full min-w-0 rounded border border-input bg-background px-2 py-1 text-[11px] sm:text-xs",
+                  children: FORMULA_OPTIONS.map((opt) => /* @__PURE__ */ jsxRuntime.jsx("option", { value: opt, children: opt }, opt))
+                }
+              ) })
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsxs("tr", { children: [
+              /* @__PURE__ */ jsxRuntime.jsx("td", { className: `${paramCell} align-top`, children: "Method" }),
+              /* @__PURE__ */ jsxRuntime.jsx("td", { className: "min-w-0 px-2 py-2 align-middle", colSpan: 2, children: /* @__PURE__ */ jsxRuntime.jsx(
+                "div",
+                {
+                  role: "radiogroup",
+                  "aria-label": "Biometry method",
+                  className: "flex w-full flex-wrap items-center justify-center gap-x-3 gap-y-2 text-[11px] sm:gap-x-4 sm:text-xs",
+                  children: METHODS.map(({ value: mv, label }) => /* @__PURE__ */ jsxRuntime.jsxs("label", { className: "flex min-w-0 shrink-0 cursor-pointer items-center gap-1.5", children: [
+                    /* @__PURE__ */ jsxRuntime.jsx(
+                      "input",
+                      {
+                        type: "radio",
+                        name: `${fieldId}-biom-method`,
+                        value: mv,
+                        checked: v.method === mv,
+                        disabled,
+                        onChange: () => patch({ method: mv }),
+                        className: "shrink-0"
+                      }
+                    ),
+                    /* @__PURE__ */ jsxRuntime.jsx("span", { className: "min-w-0 whitespace-nowrap leading-tight", children: label })
+                  ] }, mv))
+                }
+              ) })
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsxs("tr", { children: [
+              /* @__PURE__ */ jsxRuntime.jsx("td", { className: `${paramCell} align-top text-muted-foreground`, children: "Optional workup" }),
+              /* @__PURE__ */ jsxRuntime.jsx("td", { className: "min-w-0 px-2 py-2 align-middle", colSpan: 2, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-2", children: [
+                /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-wrap items-center justify-center gap-x-4 gap-y-2 sm:justify-between", children: [
+                  /* @__PURE__ */ jsxRuntime.jsxs("label", { className: "inline-flex min-w-0 cursor-pointer items-center gap-1.5 text-[11px] leading-snug sm:text-xs", children: [
+                    /* @__PURE__ */ jsxRuntime.jsx(
+                      "input",
+                      {
+                        type: "checkbox",
+                        className: "shrink-0",
+                        checked: v.cornealTopoUploaded,
+                        disabled,
+                        onChange: (e) => patch({ cornealTopoUploaded: e.target.checked })
+                      }
+                    ),
+                    /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Corneal topography uploaded" })
+                  ] }),
+                  /* @__PURE__ */ jsxRuntime.jsxs("label", { className: "inline-flex min-w-0 cursor-pointer items-center gap-1.5 text-[11px] leading-snug sm:text-xs", children: [
+                    /* @__PURE__ */ jsxRuntime.jsx(
+                      "input",
+                      {
+                        type: "checkbox",
+                        className: "shrink-0",
+                        checked: v.specularMicroscopyDone,
+                        disabled,
+                        onChange: (e) => patch({ specularMicroscopyDone: e.target.checked })
+                      }
+                    ),
+                    /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Specular microscopy done" })
+                  ] })
+                ] }),
+                /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-wrap items-center justify-end gap-2 text-[11px] sm:text-xs", children: [
+                  /* @__PURE__ */ jsxRuntime.jsx("span", { className: "shrink-0 text-muted-foreground", children: "Endothelial count:" }),
+                  /* @__PURE__ */ jsxRuntime.jsx(
+                    "input",
+                    {
+                      value: v.endothelialCount,
+                      disabled,
+                      placeholder: "cells/mm\xB2",
+                      onChange: (e) => patch({ endothelialCount: e.target.value }),
+                      className: "box-border w-[5.5rem] min-w-0 shrink-0 rounded border border-input bg-background px-2 py-1 text-[11px] sm:text-xs"
+                    }
+                  )
+                ] })
+              ] }) })
+            ] })
+          ] })
+        ] }) }),
+        def.description && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-2 text-xs text-muted-foreground", children: def.description }),
+        showError && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-2 text-xs text-red-500", children: error })
+      ]
+    }
+  );
+};
+var RISKS = [
+  "Small pupil",
+  "Pseudoexfoliation",
+  "Diabetes",
+  "Shallow AC",
+  "Previous ocular surgery",
+  "Zonular weakness",
+  "Mature/white cataract"
+];
+var DIABETES = "Diabetes";
+function parseValue3(raw) {
+  const empty = { OD: [], OS: [] };
+  if (!raw || typeof raw !== "object" || Array.isArray(raw)) return empty;
+  const o = raw;
+  const arr = (x) => Array.isArray(x) ? x.filter((i) => typeof i === "string") : [];
+  let OD = arr(o.OD);
+  let OS = arr(o.OS);
+  const odD = OD.includes(DIABETES);
+  const osD = OS.includes(DIABETES);
+  if (odD !== osD) {
+    if (odD && !osD) OS = [...OS, DIABETES];
+    else if (osD && !odD) OD = [...OD, DIABETES];
+  }
+  return { OD, OS };
+}
+function riskTierForCount(n) {
+  if (n === 0) return "Low";
+  if (n <= 2) return "Moderate";
+  return "High";
+}
+function tierBadgeClass(tier) {
+  if (tier === "High") return "bg-red-600 text-white";
+  if (tier === "Moderate") return "bg-amber-500 text-white";
+  return "bg-emerald-600 text-white";
+}
+var DEFAULT_TITLE4 = "Surgical Risk Flags (Stage 11)";
+function RiskCol({
+  eye,
+  value,
+  disabled,
+  onToggle
+}) {
+  const selected = new Set(value[eye]);
+  const tier = riskTierForCount(selected.size);
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "min-w-0 flex-1", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mb-2 flex items-center justify-between gap-2", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-xs font-semibold text-foreground", children: eye === "OD" ? "Right Eye (OD)" : "Left Eye (OS)" }),
+      /* @__PURE__ */ jsxRuntime.jsxs(
+        "span",
+        {
+          className: cn(
+            "whitespace-nowrap rounded-full px-2 py-0.5 text-[11px] font-medium",
+            tierBadgeClass(tier)
+          ),
+          children: [
+            tier,
+            " risk"
+          ]
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-1.5", children: RISKS.map((r) => /* @__PURE__ */ jsxRuntime.jsxs(
+      "label",
+      {
+        className: "flex cursor-pointer items-center gap-2 rounded px-2 py-1 text-xs hover:bg-muted/50",
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "input",
+            {
+              type: "checkbox",
+              className: "shrink-0",
+              checked: selected.has(r),
+              disabled,
+              onChange: () => onToggle(eye, r)
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { children: r })
+        ]
+      },
+      r
+    )) })
+  ] });
+}
+var SurgicalRiskFlagsWidget = ({ fieldId }) => {
+  const { fieldDef, value, setValue, error, disabled, touched } = useField(fieldId);
+  const { state } = useForm();
+  const showError = !!error && (touched || state.submitAttempted);
+  if (!fieldDef || fieldDef.type !== "surgical_risk_flags") {
+    return null;
+  }
+  const def = fieldDef;
+  const v = parseValue3(value);
+  const title = def.meta?.cardTitle?.trim() || (def.label?.trim() ? def.label : DEFAULT_TITLE4);
+  const toggleRisk = (eye, risk) => {
+    const next = {
+      OD: [...v.OD],
+      OS: [...v.OS]
+    };
+    if (risk === DIABETES) {
+      const had = next.OD.includes(DIABETES) || next.OS.includes(DIABETES);
+      if (had) {
+        next.OD = next.OD.filter((x) => x !== DIABETES);
+        next.OS = next.OS.filter((x) => x !== DIABETES);
+      } else {
+        if (!next.OD.includes(DIABETES)) next.OD.push(DIABETES);
+        if (!next.OS.includes(DIABETES)) next.OS.push(DIABETES);
+      }
+      setValue(next);
+      return;
+    }
+    const list = next[eye];
+    const i = list.indexOf(risk);
+    if (i === -1) list.push(risk);
+    else list.splice(i, 1);
+    setValue(next);
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      id: `surgical-risk-flags-${fieldId}`,
+      className: "w-full min-w-0 max-w-full rounded-lg border border-border bg-card p-3 text-card-foreground shadow-sm",
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "mb-3 text-sm font-semibold leading-tight text-foreground", children: title }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex gap-6", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(RiskCol, { eye: "OD", value: v, disabled, onToggle: toggleRisk }),
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-px shrink-0 bg-border", "aria-hidden": true }),
+          /* @__PURE__ */ jsxRuntime.jsx(RiskCol, { eye: "OS", value: v, disabled, onToggle: toggleRisk })
+        ] }),
+        def.description && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-2 text-xs text-muted-foreground", children: def.description }),
+        showError && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-2 text-xs text-red-500", children: error })
+      ]
+    }
+  );
+};
+var SliderWidget = ({ fieldId }) => {
+  const { fieldDef, value, setValue, setTouched, error, disabled, touched } = useField(fieldId);
+  const { state } = useForm();
+  const showError = !!error && (touched || state.submitAttempted);
+  if (!fieldDef || fieldDef.type !== "slider") return null;
+  const def = fieldDef;
+  const min = def.min ?? 0;
+  const max = def.max ?? 10;
+  const step = def.step ?? 1;
+  const raw = value == null || value === "" ? min : Number(value);
+  const num = Number.isFinite(raw) ? Math.min(max, Math.max(min, raw)) : min;
+  const theme = getThemeConfig("textarea", def.theme);
+  const wrapperClass = theme?.wrapperClassName ?? "space-y-2";
+  const labelClass = theme?.labelClassName;
+  const labelContent = /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    def.label,
+    " ",
+    def.required && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-red-500", children: "*" }),
+    /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "ml-2 text-muted-foreground font-normal tabular-nums", children: [
+      num,
+      "/",
+      max
+    ] })
+  ] });
+  const labelEl = theme ? /* @__PURE__ */ jsxRuntime.jsx(Label, { className: labelClass, children: labelContent }) : /* @__PURE__ */ jsxRuntime.jsx(Label, { children: labelContent });
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: wrapperClass, children: [
+    labelEl,
+    /* @__PURE__ */ jsxRuntime.jsx(
+      Slider,
+      {
+        className: cn("py-1", showError && "opacity-90 ring-1 ring-red-500 rounded"),
+        disabled,
+        min,
+        max,
+        step,
+        value: [num],
+        onValueChange: (v) => {
+          const n = v[0] ?? min;
+          setValue(n);
+          setTouched();
+        }
+      }
+    ),
+    showError && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-red-500", children: error })
+  ] });
+};
+var CHIEF_CHIPS_FIELD = "chief_complaints_chips";
+var SWELLING_OPTS = [
+  { value: "reducible_hernia", label: "Reducible (hernia)" },
+  { value: "cough_impulse", label: "Cough impulse" },
+  { value: "skin_changes", label: "Skin changes" }
+];
+var GI_OPTS = [
+  { value: "bleeding_pr", label: "Bleeding PR" },
+  { value: "vomiting", label: "Vomiting" },
+  { value: "haematemesis", label: "Haematemesis" }
+];
+var BREAST_OPTS = [
+  { value: "pain", label: "Pain" },
+  { value: "fh_ca_breast", label: "Family history of Ca breast" }
+];
+var ANO_OPTS = [
+  { value: "pain_defecation", label: "Pain during defecation" },
+  { value: "bleeding", label: "Bleeding" },
+  { value: "constipation", label: "Constipation" },
+  { value: "discharge", label: "Discharge" }
+];
+var THYROID_OPTS = [
+  { value: "dysphagia", label: "Dysphagia" },
+  { value: "voice_change", label: "Voice change" },
+  { value: "thyrotoxicosis", label: "Thyrotoxicosis symptoms" }
+];
+var SOCRATES_KEYS = [
+  "site",
+  "onset",
+  "character",
+  "radiation",
+  "associated",
+  "timing",
+  "exacerbating"
+];
+function Panel({ title, children }) {
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "overflow-hidden rounded-md border border-[#D0D0D0] bg-white", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "border-b border-[#D0D0D0] bg-[#FEE8EC]/50 px-3 py-1.5 text-xs font-semibold text-slate-700", children: title }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "p-3", children })
+  ] });
+}
+function chipList(state) {
+  const raw = state.values[CHIEF_CHIPS_FIELD];
+  return Array.isArray(raw) ? raw.filter((x) => typeof x === "string") : [];
+}
+var GsSmartHistoryWidget = ({ fieldId }) => {
+  const { fieldDef, value, setValue, setTouched, error, touched, disabled } = useField(fieldId);
+  const { state } = useForm();
+  const showError = !!error && (touched || state.submitAttempted);
+  const safe = React15.useMemo(() => normalizeGeneralSurgerySmartHistory(value), [value]);
+  const chips = React15.useMemo(() => chipList(state), [state]);
+  const showPain = chips.includes("pain");
+  const showSwelling = chips.includes("swelling_lump");
+  const showGI = chips.includes("bleeding") || chips.includes("obstruction");
+  const showBreast = chips.includes("breast");
+  const showAno = chips.includes("anorectal");
+  const showThyroid = chips.includes("thyroid");
+  const update = (next) => {
+    setValue(next);
+    setTouched();
+  };
+  const setPain = (key, v) => {
+    if (key === "severity") {
+      const n = typeof v === "number" ? v : Number(v);
+      const sev = Number.isFinite(n) ? Math.min(10, Math.max(0, Math.round(n))) : 0;
+      update({ ...safe, pain: { ...safe.pain, severity: sev } });
+      return;
+    }
+    update({ ...safe, pain: { ...safe.pain, [key]: String(v) } });
+  };
+  const toggleArr = (section, val) => {
+    if (section === "swelling") {
+      const a = safe.swelling.checks;
+      const next = a.includes(val) ? a.filter((x) => x !== val) : [...a, val];
+      update({ ...safe, swelling: { ...safe.swelling, checks: next } });
+    } else if (section === "gi") {
+      const a = safe.gi.checks;
+      const next = a.includes(val) ? a.filter((x) => x !== val) : [...a, val];
+      update({ ...safe, gi: { ...safe.gi, checks: next } });
+    } else if (section === "breast") {
+      const a = safe.breast.checks;
+      const next = a.includes(val) ? a.filter((x) => x !== val) : [...a, val];
+      update({ ...safe, breast: { ...safe.breast, checks: next } });
+    } else if (section === "ano") {
+      const a = safe.ano.checks;
+      const next = a.includes(val) ? a.filter((x) => x !== val) : [...a, val];
+      update({ ...safe, ano: { ...safe.ano, checks: next } });
+    } else {
+      const a = safe.thyroid.checks;
+      const next = a.includes(val) ? a.filter((x) => x !== val) : [...a, val];
+      update({ ...safe, thyroid: { ...safe.thyroid, checks: next } });
+    }
+  };
+  if (!fieldDef) return null;
+  const theme = getThemeConfig("textarea", fieldDef.theme);
+  const wrapperClass = theme?.wrapperClassName ?? "rounded-md overflow-hidden flex flex-col border border-[#D0D0D0]";
+  const labelClass = theme?.labelClassName;
+  const labelContent = /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    fieldDef.label,
+    fieldDef.required ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "ml-1 text-red-500", children: "*" }) : null
+  ] });
+  const labelEl = theme ? /* @__PURE__ */ jsxRuntime.jsx(Label, { className: labelClass, children: labelContent }) : /* @__PURE__ */ jsxRuntime.jsx(Label, { className: "text-sm font-medium", children: labelContent });
+  const bodyClass = cn(
+    "-mt-1 flex min-w-0 flex-col gap-3 border-t border-[#D0D0D0] bg-white px-3 py-3",
+    disabled && "pointer-events-none opacity-60"
+  );
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("w-full min-w-0", wrapperClass), children: [
+    labelEl,
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: bodyClass, children: [
+      showPain ? /* @__PURE__ */ jsxRuntime.jsx(Panel, { title: "SOCRATES \u2014 pain", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-2 gap-2 md:grid-cols-4", children: [
+        SOCRATES_KEYS.map((k) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-1", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-[10px] font-medium uppercase tracking-wide text-muted-foreground", children: k }),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            Input,
+            {
+              className: "h-8 text-xs",
+              value: safe.pain[k],
+              onChange: (e) => setPain(k, e.target.value),
+              disabled
+            }
+          )
+        ] }, k)),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-1", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-[10px] font-medium uppercase tracking-wide text-muted-foreground", children: "Severity 0\u201310" }),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            Input,
+            {
+              type: "number",
+              min: 0,
+              max: 10,
+              className: "h-8 text-xs",
+              value: safe.pain.severity,
+              onChange: (e) => setPain("severity", e.target.value),
+              disabled
+            }
+          )
+        ] })
+      ] }) }) : null,
+      showSwelling ? /* @__PURE__ */ jsxRuntime.jsxs(Panel, { title: "Swelling history", children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-1 gap-3 text-xs md:grid-cols-3", children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("label", { className: "flex flex-col gap-1", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-medium", children: "Duration" }),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              Input,
+              {
+                className: "h-8 text-xs",
+                value: safe.swelling.duration,
+                onChange: (e) => update({ ...safe, swelling: { ...safe.swelling, duration: e.target.value } }),
+                disabled
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsxs("label", { className: "flex flex-col gap-1", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-medium", children: "Size progression" }),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              Input,
+              {
+                className: "h-8 text-xs",
+                value: safe.swelling.sizeProgression,
+                onChange: (e) => update({ ...safe, swelling: { ...safe.swelling, sizeProgression: e.target.value } }),
+                disabled
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsxs("label", { className: "flex flex-col gap-1", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-medium", children: "Painful / painless" }),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              Input,
+              {
+                className: "h-8 text-xs",
+                value: safe.swelling.painfulPainless,
+                onChange: (e) => update({ ...safe, swelling: { ...safe.swelling, painfulPainless: e.target.value } }),
+                disabled
+              }
+            )
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-3 flex flex-wrap gap-x-4 gap-y-2", children: SWELLING_OPTS.map((o) => /* @__PURE__ */ jsxRuntime.jsxs("label", { className: "flex items-center gap-2 text-xs", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            Checkbox,
+            {
+              checked: safe.swelling.checks.includes(o.value),
+              onCheckedChange: () => toggleArr("swelling", o.value),
+              disabled
+            }
+          ),
+          o.label
+        ] }, o.value)) })
+      ] }) : null,
+      showGI ? /* @__PURE__ */ jsxRuntime.jsxs(Panel, { title: "GI history", children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-1 gap-2 text-xs md:grid-cols-3", children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("label", { className: "flex flex-col gap-1", children: [
+            "Appetite",
+            /* @__PURE__ */ jsxRuntime.jsx(
+              Input,
+              {
+                className: "h-8 text-xs",
+                value: safe.gi.appetite,
+                onChange: (e) => update({ ...safe, gi: { ...safe.gi, appetite: e.target.value } }),
+                disabled
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsxs("label", { className: "flex flex-col gap-1", children: [
+            "Weight loss",
+            /* @__PURE__ */ jsxRuntime.jsx(
+              Input,
+              {
+                className: "h-8 text-xs",
+                value: safe.gi.weightLoss,
+                onChange: (e) => update({ ...safe, gi: { ...safe.gi, weightLoss: e.target.value } }),
+                disabled
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsxs("label", { className: "flex flex-col gap-1", children: [
+            "Bowel habits",
+            /* @__PURE__ */ jsxRuntime.jsx(
+              Input,
+              {
+                className: "h-8 text-xs",
+                value: safe.gi.bowelHabits,
+                onChange: (e) => update({ ...safe, gi: { ...safe.gi, bowelHabits: e.target.value } }),
+                disabled
+              }
+            )
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-3 flex flex-wrap gap-x-4 gap-y-2", children: GI_OPTS.map((o) => /* @__PURE__ */ jsxRuntime.jsxs("label", { className: "flex items-center gap-2 text-xs", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            Checkbox,
+            {
+              checked: safe.gi.checks.includes(o.value),
+              onCheckedChange: () => toggleArr("gi", o.value),
+              disabled
+            }
+          ),
+          o.label
+        ] }, o.value)) })
+      ] }) : null,
+      showBreast ? /* @__PURE__ */ jsxRuntime.jsxs(Panel, { title: "Breast history", children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-1 gap-2 text-xs md:grid-cols-2", children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("label", { className: "flex flex-col gap-1", children: [
+            "Lump duration",
+            /* @__PURE__ */ jsxRuntime.jsx(
+              Input,
+              {
+                className: "h-8 text-xs",
+                value: safe.breast.lumpDuration,
+                onChange: (e) => update({ ...safe, breast: { ...safe.breast, lumpDuration: e.target.value } }),
+                disabled
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsxs("label", { className: "flex flex-col gap-1", children: [
+            "Nipple discharge",
+            /* @__PURE__ */ jsxRuntime.jsx(
+              Input,
+              {
+                className: "h-8 text-xs",
+                value: safe.breast.nippleDischarge,
+                onChange: (e) => update({ ...safe, breast: { ...safe.breast, nippleDischarge: e.target.value } }),
+                disabled
+              }
+            )
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-3 flex flex-wrap gap-x-4 gap-y-2", children: BREAST_OPTS.map((o) => /* @__PURE__ */ jsxRuntime.jsxs("label", { className: "flex items-center gap-2 text-xs", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            Checkbox,
+            {
+              checked: safe.breast.checks.includes(o.value),
+              onCheckedChange: () => toggleArr("breast", o.value),
+              disabled
+            }
+          ),
+          o.label
+        ] }, o.value)) })
+      ] }) : null,
+      showAno ? /* @__PURE__ */ jsxRuntime.jsx(Panel, { title: "Anorectal history", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid grid-cols-1 gap-2 text-xs md:grid-cols-2", children: ANO_OPTS.map((o) => /* @__PURE__ */ jsxRuntime.jsxs("label", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          Checkbox,
+          {
+            checked: safe.ano.checks.includes(o.value),
+            onCheckedChange: () => toggleArr("ano", o.value),
+            disabled
+          }
+        ),
+        o.label
+      ] }, o.value)) }) }) : null,
+      showThyroid ? /* @__PURE__ */ jsxRuntime.jsxs(Panel, { title: "Thyroid history", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid grid-cols-1 gap-2 text-xs md:grid-cols-2", children: /* @__PURE__ */ jsxRuntime.jsxs("label", { className: "flex flex-col gap-1 md:col-span-2", children: [
+          "Swelling duration",
+          /* @__PURE__ */ jsxRuntime.jsx(
+            Input,
+            {
+              className: "h-8 text-xs",
+              value: safe.thyroid.swellingDuration,
+              onChange: (e) => update({ ...safe, thyroid: { ...safe.thyroid, swellingDuration: e.target.value } }),
+              disabled
+            }
+          )
+        ] }) }),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-3 flex flex-wrap gap-x-4 gap-y-2", children: THYROID_OPTS.map((o) => /* @__PURE__ */ jsxRuntime.jsxs("label", { className: "flex items-center gap-2 text-xs", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            Checkbox,
+            {
+              checked: safe.thyroid.checks.includes(o.value),
+              onCheckedChange: () => toggleArr("thyroid", o.value),
+              disabled
+            }
+          ),
+          o.label
+        ] }, o.value)) })
+      ] }) : null,
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-1", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(Label, { className: "text-xs font-medium text-slate-700", children: "Systemic surgical screening" }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          Textarea,
+          {
+            className: "min-h-[72px] rounded-md border border-input bg-white text-sm",
+            placeholder: "Fever, weight loss, appetite loss, fatigue, malignancy red flags\u2026",
+            value: safe.systemic,
+            onChange: (e) => update({ ...safe, systemic: e.target.value }),
+            disabled
+          }
+        )
+      ] })
+    ] }),
+    showError ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "px-3 pb-2 text-xs text-red-500", children: error }) : null
+  ] });
+};
+var GS_CLINICAL_EXAMINATION_FIELD = "clinical_examination";
+var GENERAL = [
+  { value: "pallor", label: "Pallor" },
+  { value: "icterus", label: "Icterus" },
+  { value: "cyanosis", label: "Cyanosis" },
+  { value: "clubbing", label: "Clubbing" },
+  { value: "lymphadenopathy", label: "Lymphadenopathy" },
+  { value: "oedema", label: "Oedema" }
+];
+var REGIONS = [
+  { key: "abdomen", label: "Abdomen" },
+  { key: "hernia", label: "Hernia" },
+  { key: "breast", label: "Breast" },
+  { key: "thyroid", label: "Thyroid" },
+  { key: "anorectal", label: "Anorectal" },
+  { key: "limb", label: "Limb / varicose" }
+];
+var ABD_INSP = [
+  { value: "distension", label: "Distension" },
+  { value: "scars", label: "Scars" },
+  { value: "visible_peristalsis", label: "Visible peristalsis" }
+];
+var ABD_PALP = [
+  { value: "tenderness", label: "Tenderness" },
+  { value: "guarding", label: "Guarding" },
+  { value: "rigidity", label: "Rigidity" },
+  { value: "mass", label: "Palpable mass" }
+];
+var ABD_PERC = [
+  { value: "tympany", label: "Tympany" },
+  { value: "shifting_dullness", label: "Shifting dullness" }
+];
+function SubGroup({ title, children }) {
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-2", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-[11px] font-semibold uppercase tracking-wide text-muted-foreground", children: title }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-2", children })
+  ] });
+}
+function RegionCard({ title, children }) {
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "overflow-hidden rounded-md border border-[#D0D0D0] bg-white", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "border-b border-[#D0D0D0] bg-[#FEE8EC]/50 px-3 py-1.5 text-xs font-semibold text-slate-700", children: title }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "p-3", children })
+  ] });
+}
+var GsExaminationWidget = ({ fieldId }) => {
+  const { fieldDef, value, setValue, setTouched, error, touched, disabled } = useField(fieldId);
+  const clinicalField = useField(GS_CLINICAL_EXAMINATION_FIELD);
+  const { state } = useForm();
+  const showError = !!error && (touched || state.submitAttempted);
+  const safe = React15.useMemo(() => normalizeGeneralSurgeryExamination(value), [value]);
+  const update = (next) => {
+    setValue(next);
+    setTouched();
+  };
+  const toggleIn = (arr, val) => arr.includes(val) ? arr.filter((x) => x !== val) : [...arr, val];
+  const toggleGeneral = (val) => {
+    update({ ...safe, general: toggleIn(safe.general, val) });
+  };
+  const toggleRegion = (key) => {
+    update({ ...safe, regions: toggleIn(safe.regions, key) });
+  };
+  const toggleAbd = (key, val) => {
+    update({
+      ...safe,
+      abdomen: { ...safe.abdomen, [key]: toggleIn(safe.abdomen[key], val) }
+    });
+  };
+  if (!fieldDef) return null;
+  const has = (r) => safe.regions.includes(r);
+  const theme = getThemeConfig("textarea", fieldDef.theme);
+  const wrapperClass = theme?.wrapperClassName ?? "rounded-md overflow-hidden flex flex-col border border-[#D0D0D0]";
+  const labelClass = theme?.labelClassName;
+  const labelContent = /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    fieldDef.label,
+    fieldDef.required ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "ml-1 text-red-500", children: "*" }) : null
+  ] });
+  const labelEl = theme ? /* @__PURE__ */ jsxRuntime.jsx(Label, { className: labelClass, children: labelContent }) : /* @__PURE__ */ jsxRuntime.jsx(Label, { className: "text-sm font-medium", children: labelContent });
+  const bodyClass = cn(
+    "-mt-1 flex min-w-0 flex-col gap-3 border-t border-[#D0D0D0] bg-white px-3 py-3",
+    disabled && "pointer-events-none opacity-60"
+  );
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("w-full min-w-0", wrapperClass), children: [
+    labelEl,
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: bodyClass, children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "overflow-hidden rounded-md border border-[#D0D0D0] bg-white", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "border-b border-[#D0D0D0] bg-[#FEE8EC]/50 px-3 py-1.5 text-xs font-semibold text-slate-700", children: "General examination" }),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "p-3", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid grid-cols-2 gap-2 text-xs md:grid-cols-3 lg:grid-cols-6", children: GENERAL.map((g) => /* @__PURE__ */ jsxRuntime.jsxs("label", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            Checkbox,
+            {
+              checked: safe.general.includes(g.value),
+              onCheckedChange: () => toggleGeneral(g.value),
+              disabled
+            }
+          ),
+          g.label
+        ] }, g.value)) }) })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+        /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mb-2 text-xs font-semibold text-slate-700", children: "Regional examination \u2014 select region(s)" }),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-wrap gap-2", children: REGIONS.map((r) => {
+          const on = safe.regions.includes(r.key);
+          return /* @__PURE__ */ jsxRuntime.jsx(
+            Button,
+            {
+              type: "button",
+              size: "sm",
+              variant: on ? "default" : "outline",
+              className: "h-7 rounded-full px-3 text-xs",
+              onClick: () => toggleRegion(r.key),
+              disabled,
+              children: r.label
+            },
+            r.key
+          );
+        }) })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-3", children: [
+        has("abdomen") ? /* @__PURE__ */ jsxRuntime.jsx(RegionCard, { title: "Abdomen \u2014 inspection \xB7 palpation \xB7 percussion \xB7 auscultation", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-1 gap-4 md:grid-cols-2 lg:grid-cols-4", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(SubGroup, { title: "Inspection", children: ABD_INSP.map((o) => /* @__PURE__ */ jsxRuntime.jsxs("label", { className: "flex items-center gap-2 text-xs", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(
+              Checkbox,
+              {
+                checked: safe.abdomen.inspection.includes(o.value),
+                onCheckedChange: () => toggleAbd("inspection", o.value),
+                disabled
+              }
+            ),
+            o.label
+          ] }, o.value)) }),
+          /* @__PURE__ */ jsxRuntime.jsxs(SubGroup, { title: "Palpation", children: [
+            ABD_PALP.map((o) => /* @__PURE__ */ jsxRuntime.jsxs("label", { className: "flex items-center gap-2 text-xs", children: [
+              /* @__PURE__ */ jsxRuntime.jsx(
+                Checkbox,
+                {
+                  checked: safe.abdomen.palpation.includes(o.value),
+                  onCheckedChange: () => toggleAbd("palpation", o.value),
+                  disabled
+                }
+              ),
+              o.label
+            ] }, o.value)),
+            /* @__PURE__ */ jsxRuntime.jsxs("label", { className: "mt-2 block text-xs", children: [
+              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "mb-1 block font-medium", children: "Mass size / mobility" }),
+              /* @__PURE__ */ jsxRuntime.jsx(
+                Input,
+                {
+                  className: "h-8 text-xs",
+                  value: safe.abdomen.massNotes,
+                  onChange: (e) => update({ ...safe, abdomen: { ...safe.abdomen, massNotes: e.target.value } }),
+                  disabled
+                }
+              )
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsx(SubGroup, { title: "Percussion", children: ABD_PERC.map((o) => /* @__PURE__ */ jsxRuntime.jsxs("label", { className: "flex items-center gap-2 text-xs", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(
+              Checkbox,
+              {
+                checked: safe.abdomen.percussion.includes(o.value),
+                onCheckedChange: () => toggleAbd("percussion", o.value),
+                disabled
+              }
+            ),
+            o.label
+          ] }, o.value)) }),
+          /* @__PURE__ */ jsxRuntime.jsxs(SubGroup, { title: "Auscultation", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "mb-1 block text-xs font-medium", children: "Bowel sounds" }),
+            /* @__PURE__ */ jsxRuntime.jsxs(
+              Select,
+              {
+                value: safe.abdomen.bowelSounds,
+                onValueChange: (val) => update({
+                  ...safe,
+                  abdomen: {
+                    ...safe.abdomen,
+                    bowelSounds: val
+                  }
+                }),
+                disabled,
+                children: [
+                  /* @__PURE__ */ jsxRuntime.jsx(SelectTrigger, { className: "h-8 text-xs", children: /* @__PURE__ */ jsxRuntime.jsx(SelectValue, { placeholder: "Select\u2026" }) }),
+                  /* @__PURE__ */ jsxRuntime.jsxs(SelectContent, { children: [
+                    /* @__PURE__ */ jsxRuntime.jsx(SelectItem, { value: "none", children: "\u2014" }),
+                    /* @__PURE__ */ jsxRuntime.jsx(SelectItem, { value: "normal", children: "Normal" }),
+                    /* @__PURE__ */ jsxRuntime.jsx(SelectItem, { value: "up", children: "\u2191" }),
+                    /* @__PURE__ */ jsxRuntime.jsx(SelectItem, { value: "down", children: "\u2193" }),
+                    /* @__PURE__ */ jsxRuntime.jsx(SelectItem, { value: "absent", children: "Absent" })
+                  ] })
+                ]
+              }
+            )
+          ] })
+        ] }) }) : null,
+        has("hernia") ? /* @__PURE__ */ jsxRuntime.jsx(RegionCard, { title: "Hernia exam", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-1 gap-3 text-xs md:grid-cols-4", children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("label", { className: "block", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "mb-1 block font-medium", children: "Site" }),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              Input,
+              {
+                className: "h-8 text-xs",
+                value: safe.hernia.site,
+                onChange: (e) => update({ ...safe, hernia: { ...safe.hernia, site: e.target.value } }),
+                disabled
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsxs("label", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(
+              Checkbox,
+              {
+                checked: safe.hernia.reducible,
+                onCheckedChange: (c) => update({ ...safe, hernia: { ...safe.hernia, reducible: c === true } }),
+                disabled
+              }
+            ),
+            "Reducible"
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsxs("label", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(
+              Checkbox,
+              {
+                checked: safe.hernia.coughImpulse,
+                onCheckedChange: (c) => update({ ...safe, hernia: { ...safe.hernia, coughImpulse: c === true } }),
+                disabled
+              }
+            ),
+            "Cough impulse"
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsxs("label", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(
+              Checkbox,
+              {
+                checked: safe.hernia.tenderness,
+                onCheckedChange: (c) => update({ ...safe, hernia: { ...safe.hernia, tenderness: c === true } }),
+                disabled
+              }
+            ),
+            "Tenderness"
+          ] })
+        ] }) }) : null,
+        has("breast") ? /* @__PURE__ */ jsxRuntime.jsx(RegionCard, { title: "Breast exam", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-1 gap-3 text-xs md:grid-cols-4", children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("label", { className: "block", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "mb-1 block font-medium", children: "Lump size (cm)" }),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              Input,
+              {
+                className: "h-8 text-xs",
+                value: safe.breast.lumpSizeCm,
+                onChange: (e) => update({ ...safe, breast: { ...safe.breast, lumpSizeCm: e.target.value } }),
+                disabled
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsxs("label", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(
+              Checkbox,
+              {
+                checked: safe.breast.mobile,
+                onCheckedChange: (c) => update({ ...safe, breast: { ...safe.breast, mobile: c === true } }),
+                disabled
+              }
+            ),
+            "Mobile"
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsxs("label", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(
+              Checkbox,
+              {
+                checked: safe.breast.skinInvolvement,
+                onCheckedChange: (c) => update({ ...safe, breast: { ...safe.breast, skinInvolvement: c === true } }),
+                disabled
+              }
+            ),
+            "Skin involvement"
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsxs("label", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(
+              Checkbox,
+              {
+                checked: safe.breast.axillaryNodes,
+                onCheckedChange: (c) => update({ ...safe, breast: { ...safe.breast, axillaryNodes: c === true } }),
+                disabled
+              }
+            ),
+            "Axillary nodes"
+          ] })
+        ] }) }) : null,
+        has("thyroid") ? /* @__PURE__ */ jsxRuntime.jsx(RegionCard, { title: "Thyroid exam", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-1 gap-3 text-xs md:grid-cols-4", children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("label", { className: "block", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "mb-1 block font-medium", children: "Size" }),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              Input,
+              {
+                className: "h-8 text-xs",
+                value: safe.thyroid.size,
+                onChange: (e) => update({ ...safe, thyroid: { ...safe.thyroid, size: e.target.value } }),
+                disabled
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsxs("label", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(
+              Checkbox,
+              {
+                checked: safe.thyroid.mobileDeglutition,
+                onCheckedChange: (c) => update({ ...safe, thyroid: { ...safe.thyroid, mobileDeglutition: c === true } }),
+                disabled
+              }
+            ),
+            "Mobile with deglutition"
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsxs("label", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(
+              Checkbox,
+              {
+                checked: safe.thyroid.nodules,
+                onCheckedChange: (c) => update({ ...safe, thyroid: { ...safe.thyroid, nodules: c === true } }),
+                disabled
+              }
+            ),
+            "Nodules"
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsxs("label", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(
+              Checkbox,
+              {
+                checked: safe.thyroid.cervicalNodes,
+                onCheckedChange: (c) => update({ ...safe, thyroid: { ...safe.thyroid, cervicalNodes: c === true } }),
+                disabled
+              }
+            ),
+            "Cervical lymph nodes"
+          ] })
+        ] }) }) : null,
+        has("anorectal") ? /* @__PURE__ */ jsxRuntime.jsx(RegionCard, { title: "Anorectal exam", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-1 gap-3 text-xs md:grid-cols-3", children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("label", { className: "block md:col-span-3", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "mb-1 block font-medium", children: "Inspection findings" }),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              Input,
+              {
+                className: "h-8 text-xs",
+                value: safe.anorectal.inspection,
+                onChange: (e) => update({ ...safe, anorectal: { ...safe.anorectal, inspection: e.target.value } }),
+                disabled
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsxs("label", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(
+              Checkbox,
+              {
+                checked: safe.anorectal.dreDone,
+                onCheckedChange: (c) => update({ ...safe, anorectal: { ...safe.anorectal, dreDone: c === true } }),
+                disabled
+              }
+            ),
+            "DRE done"
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsxs("label", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(
+              Checkbox,
+              {
+                checked: safe.anorectal.proctoscopyDone,
+                onCheckedChange: (c) => update({ ...safe, anorectal: { ...safe.anorectal, proctoscopyDone: c === true } }),
+                disabled
+              }
+            ),
+            "Proctoscopy done"
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "md:col-span-3", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(Label, { className: "text-xs font-semibold", children: "DRE / proctoscopy notes" }),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              Textarea,
+              {
+                className: "mt-1 min-h-[64px] text-sm",
+                placeholder: "Sphincter tone, masses, prostate, bleeding\u2026",
+                value: safe.anorectal.notes,
+                onChange: (e) => update({ ...safe, anorectal: { ...safe.anorectal, notes: e.target.value } }),
+                disabled
+              }
+            )
+          ] })
+        ] }) }) : null,
+        has("limb") ? /* @__PURE__ */ jsxRuntime.jsx(RegionCard, { title: "Limb / varicose veins", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-wrap gap-x-4 gap-y-2 text-xs", children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("label", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(
+              Checkbox,
+              {
+                checked: safe.limb.dilatedVeins,
+                onCheckedChange: (c) => update({ ...safe, limb: { ...safe.limb, dilatedVeins: c === true } }),
+                disabled
+              }
+            ),
+            "Dilated veins"
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsxs("label", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(
+              Checkbox,
+              {
+                checked: safe.limb.ulcer,
+                onCheckedChange: (c) => update({ ...safe, limb: { ...safe.limb, ulcer: c === true } }),
+                disabled
+              }
+            ),
+            "Ulcer"
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsxs("label", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(
+              Checkbox,
+              {
+                checked: safe.limb.oedema,
+                onCheckedChange: (c) => update({ ...safe, limb: { ...safe.limb, oedema: c === true } }),
+                disabled
+              }
+            ),
+            "Oedema"
+          ] })
+        ] }) }) : null
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-1", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(Label, { className: "text-xs font-semibold text-slate-700", children: clinicalField.fieldDef?.label ?? "Clinical examination" }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          Textarea,
+          {
+            className: "min-h-[88px] rounded-md border border-input bg-white text-sm",
+            value: typeof clinicalField.value === "string" ? clinicalField.value : clinicalField.value == null ? "" : String(clinicalField.value),
+            onChange: (e) => {
+              clinicalField.setValue(e.target.value);
+              clinicalField.setTouched();
+            },
+            disabled: disabled || clinicalField.disabled
+          }
+        )
+      ] })
+    ] }),
+    showError ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "px-3 pb-2 text-xs text-red-500", children: error }) : null
+  ] });
+};
+var CHIEF_CHIPS_FIELD2 = "chief_complaints_chips";
+var GS_EXAMINATION_FIELD = "gs_examination";
+function chipList2(state) {
+  const raw = state.values[CHIEF_CHIPS_FIELD2];
+  return Array.isArray(raw) ? raw.filter((x) => typeof x === "string") : [];
+}
+function regionList(state) {
+  const raw = state.values[GS_EXAMINATION_FIELD];
+  const ex = normalizeGeneralSurgeryExamination(raw);
+  return ex.regions;
+}
+var GsGradingWidget = ({ fieldId }) => {
+  const { fieldDef, value, setValue, setTouched, error, touched, disabled } = useField(fieldId);
+  const { state } = useForm();
+  const showError = !!error && (touched || state.submitAttempted);
+  const safe = React15.useMemo(() => normalizeGeneralSurgeryGrading(value), [value]);
+  const chips = React15.useMemo(() => chipList2(state), [state]);
+  const regions = React15.useMemo(() => regionList(state), [state]);
+  const visibleRows = React15.useMemo(() => {
+    return ALL_GS_CONDITIONS.filter(
+      (c) => gsGradingRowVisible(c, chips, regions, safe[c] ?? 0)
+    );
+  }, [chips, regions, safe]);
+  const update = (next) => {
+    setValue(next);
+    setTouched();
+  };
+  const setGrade = (cond, gradeStr) => {
+    const n = Math.min(5, Math.max(0, Math.round(Number(gradeStr)) || 0));
+    update({ ...safe, [cond]: n });
+  };
+  if (!fieldDef) return null;
+  const theme = getThemeConfig("textarea", fieldDef.theme);
+  const wrapperClass = theme?.wrapperClassName ?? "rounded-md overflow-hidden flex flex-col border border-[#D0D0D0]";
+  const labelClass = theme?.labelClassName;
+  const labelContent = /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    fieldDef.label,
+    fieldDef.required ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "ml-1 text-red-500", children: "*" }) : null
+  ] });
+  const labelEl = theme ? /* @__PURE__ */ jsxRuntime.jsx(Label, { className: labelClass, children: labelContent }) : /* @__PURE__ */ jsxRuntime.jsx(Label, { className: "text-sm font-medium", children: labelContent });
+  const bodyClass = cn(
+    "-mt-1 flex min-w-0 flex-col gap-3 border-t border-[#D0D0D0] bg-white px-3 py-3",
+    disabled && "pointer-events-none opacity-60"
+  );
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("w-full min-w-0", wrapperClass), children: [
+    labelEl,
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: bodyClass, children: visibleRows.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "rounded-md border border-dashed border-[#D0D0D0] bg-white p-6 text-center text-xs text-muted-foreground", children: "No conditions to grade yet. Select a chief complaint category or pick an examination region." }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "overflow-x-auto rounded-md border border-[#D0D0D0]", children: /* @__PURE__ */ jsxRuntime.jsxs("table", { className: "w-full min-w-[520px] border-collapse text-xs", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("thead", { children: /* @__PURE__ */ jsxRuntime.jsxs("tr", { className: "border-b border-[#D0D0D0] bg-[#FEE8EC]/50", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("th", { className: "px-3 py-2 text-left font-semibold text-slate-700", children: "Condition" }),
+        /* @__PURE__ */ jsxRuntime.jsx("th", { className: "w-24 px-2 py-2 font-semibold text-slate-700", children: "Grade" }),
+        /* @__PURE__ */ jsxRuntime.jsx("th", { className: "px-3 py-2 text-left font-semibold text-slate-700", children: "Description" })
+      ] }) }),
+      /* @__PURE__ */ jsxRuntime.jsx("tbody", { className: "bg-white", children: visibleRows.map((c) => {
+        const g = safe[c] ?? 0;
+        const desc = GS_GRADE_DESCRIPTIONS[c][g] ?? "\u2014";
+        return /* @__PURE__ */ jsxRuntime.jsxs("tr", { className: "border-b border-[#D0D0D0]/80 last:border-0", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("td", { className: "px-3 py-2 font-medium", children: GS_CONDITION_LABELS[c] }),
+          /* @__PURE__ */ jsxRuntime.jsx("td", { className: "px-2 py-1.5 align-middle", children: /* @__PURE__ */ jsxRuntime.jsxs(
+            Select,
+            {
+              value: String(g),
+              onValueChange: (v) => setGrade(c, v),
+              disabled,
+              children: [
+                /* @__PURE__ */ jsxRuntime.jsx(SelectTrigger, { className: "h-8 text-xs", children: /* @__PURE__ */ jsxRuntime.jsx(SelectValue, {}) }),
+                /* @__PURE__ */ jsxRuntime.jsx(SelectContent, { children: [0, 1, 2, 3, 4, 5].map((n) => /* @__PURE__ */ jsxRuntime.jsx(SelectItem, { value: String(n), children: n === 0 ? "\u2014" : String(n) }, n)) })
+              ]
+            }
+          ) }),
+          /* @__PURE__ */ jsxRuntime.jsx("td", { className: "px-3 py-2 text-muted-foreground", children: desc })
+        ] }, c);
+      }) })
+    ] }) }) }),
+    showError ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "px-3 pb-2 text-xs text-red-500", children: error }) : null
+  ] });
+};
+function isFlagSelected(selected, optValue) {
+  return selected.some((v) => v === optValue || String(v) === String(optValue));
+}
+var PainScaleFlagsWidget = ({ fieldId }) => {
+  const { fieldDef, value, setValue, setTouched, error, touched, disabled } = useField(fieldId);
+  const { state } = useForm();
+  const showError = !!error && (touched || state.submitAttempted);
+  if (!fieldDef || fieldDef.type !== "pain_scale_flags") return null;
+  const def = fieldDef;
+  const min = def.min ?? 0;
+  const max = def.max ?? 10;
+  const step = def.step ?? 1;
+  const flagOptions = def.options ?? [];
+  const safe = React15.useMemo(
+    () => normalizePainScaleFlags(value, { min, max }),
+    [value, min, max]
+  );
+  const theme = getThemeConfig("textarea", def.theme);
+  const wrapperClass = theme?.wrapperClassName ?? "space-y-2";
+  const labelClass = theme?.labelClassName;
+  const update = (next) => {
+    setValue(normalizePainScaleFlags(next, { min, max }));
+    setTouched();
+  };
+  const toggleFlag = (optValue) => {
+    const sel = safe.flags;
+    const isSelected = isFlagSelected(sel, optValue);
+    const nextFlags = isSelected ? sel.filter((v) => v !== optValue && String(v) !== String(optValue)) : [...sel, String(optValue)];
+    update({ pain: safe.pain, flags: nextFlags });
+  };
+  const labelContent = /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    def.label,
+    " ",
+    def.required && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-red-500", children: "*" })
+  ] });
+  const labelEl = theme ? /* @__PURE__ */ jsxRuntime.jsx(Label, { className: labelClass, children: labelContent }) : /* @__PURE__ */ jsxRuntime.jsx(Label, { children: labelContent });
+  const bodyClass = cn(
+    "-mt-1 flex min-w-0 flex-col border-t border-[#D0D0D0] bg-white px-3 py-3",
+    disabled && "pointer-events-none opacity-60"
+  );
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn(wrapperClass, "h-full min-h-0 flex flex-col"), children: [
+    labelEl,
+    def.description && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-muted-foreground", children: def.description }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn(bodyClass, "min-h-0 flex-1"), children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "min-w-0 space-y-3", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ jsxRuntime.jsxs(Label, { className: "text-sm font-medium text-slate-700", children: [
+          "Pain score (VAS)",
+          /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "ml-2 font-normal tabular-nums text-muted-foreground", children: [
+            safe.pain,
+            "/",
+            max
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          Slider,
+          {
+            className: cn("py-1", showError && "rounded opacity-90 ring-1 ring-red-500"),
+            disabled,
+            min,
+            max,
+            step,
+            value: [safe.pain],
+            onValueChange: (v) => {
+              const n = v[0] ?? min;
+              update({ pain: n, flags: safe.flags });
+            }
+          }
+        )
+      ] }),
+      flagOptions.length > 0 ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "min-w-0 space-y-1.5", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(Label, { className: "text-sm font-medium text-slate-700", children: "Triage flags" }),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-wrap gap-x-4 gap-y-2", children: flagOptions.map((opt) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            Checkbox,
+            {
+              id: `${fieldId}-flag-${String(opt.value)}`,
+              checked: isFlagSelected(safe.flags, opt.value),
+              onCheckedChange: () => toggleFlag(opt.value),
+              disabled
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            Label,
+            {
+              htmlFor: `${fieldId}-flag-${String(opt.value)}`,
+              className: "cursor-pointer text-sm font-normal leading-none",
+              children: opt.label
+            }
+          )
+        ] }, String(opt.value))) })
+      ] }) : null
+    ] }) }),
+    showError && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-red-500", children: error })
+  ] });
+};
+var FieldRenderer = ({ fieldId }) => {
+  const { fieldDef, visible } = useField(fieldId);
+  if (!visible || !fieldDef) {
+    return null;
+  }
+  return renderWidget(fieldId, fieldDef);
+};
+function renderWidget(fieldId, fieldDef) {
+  switch (fieldDef.type) {
+    case "text":
+    case "number":
+      return /* @__PURE__ */ jsxRuntime.jsx(TextWidget, { fieldId });
+    case "slider":
+      return /* @__PURE__ */ jsxRuntime.jsx(SliderWidget, { fieldId });
+    case "textarea":
+      if (fieldMetaRequestsMarMedicationOrdersButton(fieldDef.meta)) {
+        return /* @__PURE__ */ jsxRuntime.jsx(MarMedicationOrdersWidget, { fieldId });
+      }
+      return /* @__PURE__ */ jsxRuntime.jsx(TextWidget, { fieldId });
+    case "richtext":
+      return /* @__PURE__ */ jsxRuntime.jsx(RichTextWidget, { fieldId });
+    case "date":
+      return /* @__PURE__ */ jsxRuntime.jsx(DateWidget, { fieldId });
+    case "datetime":
+      return /* @__PURE__ */ jsxRuntime.jsx(DateTimeWidget, { fieldId });
+    case "select":
+      return /* @__PURE__ */ jsxRuntime.jsx(SelectWidget, { fieldId });
+    case "radio":
+      return /* @__PURE__ */ jsxRuntime.jsx(RadioWidget, { fieldId });
+    case "checkbox":
+      return /* @__PURE__ */ jsxRuntime.jsx(CheckboxWidget, { fieldId });
+    case "multiselect":
+      return /* @__PURE__ */ jsxRuntime.jsx(MultiSelectWidget, { fieldId });
+    case "repeatable":
+      return /* @__PURE__ */ jsxRuntime.jsx(RepeatableWidget, { fieldId });
+    case "image_upload":
+      return /* @__PURE__ */ jsxRuntime.jsx(ImageUploadWidget, { fieldId });
+    case "media_upload":
+      return /* @__PURE__ */ jsxRuntime.jsx(MediaUploadWidget, { fieldId });
+    case "signature":
+      return /* @__PURE__ */ jsxRuntime.jsx(SignatureUploadWidget, { fieldId });
+    case "editable_table":
+      return /* @__PURE__ */ jsxRuntime.jsx(EditableTableWidget, { fieldId });
+    case "medications":
+      return /* @__PURE__ */ jsxRuntime.jsx(AddMedicationWidget, { fieldId });
+    case "discharge_medication_orders":
+      return /* @__PURE__ */ jsxRuntime.jsx(DischargeMedicationOrdersWidget, { fieldId });
+    case "investigations":
+      return /* @__PURE__ */ jsxRuntime.jsx(AddInvestigationWidget, { fieldId });
+    case "procedures":
+      return /* @__PURE__ */ jsxRuntime.jsx(AddProcedureWidget, { fieldId });
+    case "differential_diagnosis":
+      return /* @__PURE__ */ jsxRuntime.jsx(DifferentialDiagnosisWidget, { fieldId });
+    case "vitals":
+      return /* @__PURE__ */ jsxRuntime.jsx(VitalsWidget, { fieldId });
+    case "hidden_vitals":
+      return /* @__PURE__ */ jsxRuntime.jsx(HiddenVitalsWidget, { fieldId });
+    case "referral":
+      return /* @__PURE__ */ jsxRuntime.jsx(ReferralWidget, { fieldId });
+    case "followup":
+      return /* @__PURE__ */ jsxRuntime.jsx(FollowupWidget, { fieldId });
+    case "smart_textarea":
+      return /* @__PURE__ */ jsxRuntime.jsx(SmartTextareaWidget, { fieldId });
+    case "diagnosis_textarea":
+      return /* @__PURE__ */ jsxRuntime.jsx(DiagnosisTextareaWidget, { fieldId });
+    case "obstetric_history":
+      return /* @__PURE__ */ jsxRuntime.jsx(ObstetricHistoryWidget, { fieldId });
+    case "eye_prescription":
+      return /* @__PURE__ */ jsxRuntime.jsx(OphthalmologyWidget, { fieldId });
+    case "ophthal_diagnosis":
+      return /* @__PURE__ */ jsxRuntime.jsx(OphthalDiagnosisWidget, { fieldId });
+    case "orthopedic_exam":
+      return /* @__PURE__ */ jsxRuntime.jsx(OrthopedicExamWidget, { fieldId });
+    case "general_surgery_smart_history":
+      return /* @__PURE__ */ jsxRuntime.jsx(GsSmartHistoryWidget, { fieldId });
+    case "general_surgery_examination":
+      return /* @__PURE__ */ jsxRuntime.jsx(GsExaminationWidget, { fieldId });
+    case "general_surgery_grading":
+      return /* @__PURE__ */ jsxRuntime.jsx(GsGradingWidget, { fieldId });
+    case "pain_scale_flags":
+      return /* @__PURE__ */ jsxRuntime.jsx(PainScaleFlagsWidget, { fieldId });
+    case "toggle": {
+      const { value, setValue, setTouched, disabled } = useField(fieldId);
+      const store = useFormStore();
+      const excludes = fieldDef.excludes ?? [];
+      return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          Switch,
+          {
+            checked: value === true,
+            disabled,
+            onCheckedChange: (checked) => {
+              setValue(checked);
+              setTouched();
+              if (checked) excludes.forEach((id) => store.setValue(id, false));
+            }
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(Label, { className: "text-sm font-medium leading-none cursor-pointer select-none", children: fieldDef.label })
+      ] });
+    }
+    case "suggestion_textarea":
+    case "complaint_chips":
+      return /* @__PURE__ */ jsxRuntime.jsx(SuggestionTextareaWidget, { fieldId });
+    case "lens_assessment":
+      return /* @__PURE__ */ jsxRuntime.jsx(LensAssessmentWidget, { fieldId });
+    case "functional_impairment_score":
+      return /* @__PURE__ */ jsxRuntime.jsx(FunctionalImpairmentScoreWidget, { fieldId });
+    case "biometry_iol_workup":
+      return /* @__PURE__ */ jsxRuntime.jsx(BiometryIolWorkupWidget, { fieldId });
+    case "surgical_risk_flags":
+      return /* @__PURE__ */ jsxRuntime.jsx(SurgicalRiskFlagsWidget, { fieldId });
+    case "static_text": {
+      const def = fieldDef;
+      const size = def.size ?? "regular";
+      const labelClass = size === "large" ? "text-base" : "text-sm";
+      const descClass = size === "large" ? "text-sm" : "text-xs";
+      return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `${labelClass} text-muted-foreground`, children: [
+        def.label,
+        def.description && /* @__PURE__ */ jsxRuntime.jsx("p", { className: `mt-1 ${descClass} opacity-90`, children: def.description })
+      ] });
+    }
+    default:
+      return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-red-500", children: [
+        "Unknown field type: ",
+        fieldDef.type
+      ] });
+  }
+}
+var Section = ({ title, children }) => {
+  const [expanded, setExpanded] = React15.useState(true);
+  const handleToggle = () => setExpanded((prev) => !prev);
+  const contentClassName = cn(
+    "overflow-hidden transition-[height] duration-200 ease-in-out",
+    !expanded && "hidden"
+  );
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mb-6 border rounded-lg bg-white shadow-sm overflow-hidden", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(
       "button",
       {
         type: "button",
@@ -8207,14 +10524,24 @@ var SmartForm = ({
       if (position !== "left") return null;
       return /* @__PURE__ */ jsxRuntime.jsx(FieldRenderer, { fieldId }, fieldId);
     }) }),
-    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "col-span-2 grid grid-cols-2 gap-x-2 space-y-2", children: fieldIds.map((fieldId) => {
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "col-span-2 grid grid-cols-2 gap-2", children: fieldIds.map((fieldId) => {
       const fieldDef = store.getFieldDef(fieldId);
       if (!fieldDef) return null;
       const position = fieldDef.position ?? "center";
       if (position !== "center") return null;
       const colSpanRaw = fieldDef.colSpan ?? 1;
       const colSpan = colSpanRaw === 2 ? 2 : 1;
-      return /* @__PURE__ */ jsxRuntime.jsx("div", { className: colSpan === 2 ? "col-span-2" : "col-span-1", children: /* @__PURE__ */ jsxRuntime.jsx(FieldRenderer, { fieldId }) }, fieldId);
+      return /* @__PURE__ */ jsxRuntime.jsx(
+        "div",
+        {
+          className: cn(
+            "min-h-0 flex flex-col",
+            colSpan === 2 ? "col-span-2" : "col-span-1 h-full"
+          ),
+          children: /* @__PURE__ */ jsxRuntime.jsx(FieldRenderer, { fieldId })
+        },
+        fieldId
+      );
     }) }),
     /* @__PURE__ */ jsxRuntime.jsx("div", { className: "col-span-1 flex flex-col gap-2", children: fieldIds.map((fieldId) => {
       const fieldDef = store.getFieldDef(fieldId);
@@ -8662,11 +10989,17 @@ var ReadOnlyDischargeMedicationOrders = ({ fieldDef, value }) => {
     }) })
   ] });
 };
-var ReadOnlyFieldRenderer = ({ fieldDef, value }) => {
+var ReadOnlyFieldRenderer = ({
+  fieldDef,
+  value,
+  allValues,
+  resolveFieldDef
+}) => {
   if (!fieldDef) return null;
   switch (fieldDef.type) {
     case "text":
     case "number":
+    case "slider":
     case "textarea":
     case "richtext":
       return /* @__PURE__ */ jsxRuntime.jsx(ReadOnlyText, { fieldDef, value });
@@ -8703,6 +11036,144 @@ var ReadOnlyFieldRenderer = ({ fieldDef, value }) => {
         /* @__PURE__ */ jsxRuntime.jsx("span", { className: `inline-flex items-center px-2 py-0.5 rounded-full text-xs font-medium ${isOn ? "bg-green-100 text-green-800" : "bg-gray-100 text-gray-600"}`, children: isOn ? "Yes" : "No" })
       ] });
     }
+    case "suggestion_textarea":
+    case "complaint_chips": {
+      const embeddedIds = fieldDef.meta && Array.isArray(fieldDef.meta.embeddedFieldIds) ? fieldDef.meta.embeddedFieldIds.filter((id) => typeof id === "string" && id.trim().length > 0).map((id) => id.trim()) : [];
+      const showEmbedded = embeddedIds.length > 0 && resolveFieldDef && allValues && typeof allValues === "object";
+      if (!showEmbedded) {
+        return /* @__PURE__ */ jsxRuntime.jsx(ReadOnlyText, { fieldDef, value });
+      }
+      return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-3", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(ReadOnlyText, { fieldDef, value }),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid gap-3 border-t border-muted-foreground/20 pt-3 sm:grid-cols-3", children: embeddedIds.map((id) => {
+          const fd = resolveFieldDef(id);
+          if (!fd) return null;
+          return /* @__PURE__ */ jsxRuntime.jsx(
+            ReadOnlyFieldRenderer,
+            {
+              fieldDef: fd,
+              value: allValues[id],
+              allValues,
+              resolveFieldDef
+            },
+            id
+          );
+        }) })
+      ] });
+    }
+    case "lens_assessment": {
+      const v = value && typeof value === "object" && !Array.isArray(value) ? value : null;
+      const notes = typeof v?.notes === "string" ? v.notes : "";
+      const key = typeof v?.assessmentKey === "string" ? v.assessmentKey : null;
+      const locs = v?.locs;
+      const locsRecord = locs != null && typeof locs === "object" && !Array.isArray(locs) ? locs : null;
+      const eyeLine = (label, g) => {
+        if (!g || typeof g !== "object") return null;
+        const num = (k) => typeof g[k] === "number" ? g[k] : "\u2014";
+        return /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-xs text-foreground", children: [
+          label,
+          ": NO ",
+          String(num("NO")),
+          ", NC ",
+          String(num("NC")),
+          ", C ",
+          String(num("C")),
+          ", PSC",
+          " ",
+          String(num("PSC"))
+        ] });
+      };
+      return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-2 rounded-md border p-3 text-sm", children: [
+        fieldDef.label && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "font-medium text-foreground", children: fieldDef.label }),
+        locsRecord ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-1 border-l-2 border-muted pl-2", children: [
+          eyeLine("Right (OD)", locsRecord.OD),
+          eyeLine("Left (OS)", locsRecord.OS)
+        ] }) : null,
+        key && /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-xs text-muted-foreground", children: [
+          "Assessment (legacy): ",
+          key
+        ] }),
+        notes && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "whitespace-pre-wrap text-foreground", children: notes })
+      ] });
+    }
+    case "functional_impairment_score": {
+      const v = parseFunctionalImpairmentScore(value);
+      const total = functionalImpairmentTotal(v);
+      const lines = [
+        `Reading: ${v.reading}`,
+        `Night driving: ${v.nightDriving}`,
+        `Glare: ${v.glare}`,
+        `Occupation: ${v.occupation}`,
+        `ADL: ${v.adl}`,
+        `Total: ${total}/15`
+      ].join("\n");
+      return /* @__PURE__ */ jsxRuntime.jsx(ReadOnlyText, { fieldDef, value: lines });
+    }
+    case "biometry_iol_workup": {
+      const v = value && typeof value === "object" && !Array.isArray(value) ? value : {};
+      const s = (k) => typeof v[k] === "string" ? v[k] : "";
+      const b = (k) => v[k] === true;
+      const method = v.method === "ascan_immersion" ? "A-scan (immersion)" : v.method === "ascan_contact" ? "A-scan (contact)" : "Optical biometry (IOL Master)";
+      const lines = [
+        `Axial length OD/OS (mm): ${s("axialLengthOD")} / ${s("axialLengthOS")}`,
+        `K1/K2/Axis OD/OS: ${s("k1k2AxisOD")} / ${s("k1k2AxisOS")}`,
+        `AC depth OD/OS (mm): ${s("anteriorChamberDepthOD")} / ${s("anteriorChamberDepthOS")}`,
+        `IOL power (D) OD/OS: ${s("iolPowerOD")} / ${s("iolPowerOS")}`,
+        `Target refraction (D) OD/OS: ${s("targetRefractionOD")} / ${s("targetRefractionOS")}`,
+        `Formula: ${s("formula") || "\u2014"}`,
+        `Method: ${method}`,
+        `Corneal topography uploaded: ${b("cornealTopoUploaded") ? "Yes" : "No"}`,
+        `Specular microscopy: ${b("specularMicroscopyDone") ? "Yes" : "No"}`,
+        `Endothelial count: ${s("endothelialCount") || "\u2014"}`
+      ].join("\n");
+      return /* @__PURE__ */ jsxRuntime.jsx(ReadOnlyText, { fieldDef, value: lines });
+    }
+    case "surgical_risk_flags": {
+      const v = value && typeof value === "object" && !Array.isArray(value) ? value : null;
+      const list = (x) => Array.isArray(x) ? x.filter((i) => typeof i === "string").join(", ") : "\u2014";
+      const od = list(v?.OD);
+      const os = list(v?.OS);
+      const lines = [`Right eye (OD): ${od}`, `Left eye (OS): ${os}`].join("\n");
+      return /* @__PURE__ */ jsxRuntime.jsx(ReadOnlyText, { fieldDef, value: lines });
+    }
+    case "pain_scale_flags": {
+      const def = fieldDef;
+      const min = def.min ?? 0;
+      const max = def.max ?? 10;
+      const safe = normalizePainScaleFlags(value, { min, max });
+      const opts = def.options ?? [];
+      const flagLabels = safe.flags.map((fv) => {
+        const o = opts.find((x) => x.value === fv || String(x.value) === String(fv));
+        return o?.label ?? fv;
+      });
+      const lines = [
+        `Pain score (VAS): ${safe.pain}/${max}`,
+        flagLabels.length > 0 ? `Triage flags: ${flagLabels.join(", ")}` : "Triage flags: \u2014"
+      ].join("\n");
+      return /* @__PURE__ */ jsxRuntime.jsx(ReadOnlyText, { fieldDef, value: lines });
+    }
+    case "general_surgery_smart_history":
+    case "general_surgery_grading":
+      return /* @__PURE__ */ jsxRuntime.jsx(
+        ReadOnlyText,
+        {
+          fieldDef,
+          value: value && typeof value === "object" ? JSON.stringify(value, null, 2) : value == null || value === "" ? "\u2014" : String(value)
+        }
+      );
+    case "general_surgery_examination": {
+      const structuredDisplay = value && typeof value === "object" ? JSON.stringify(value, null, 2) : value == null || value === "" ? "\u2014" : String(value);
+      const clinicalDef = resolveFieldDef?.("clinical_examination");
+      const clinicalRaw = allValues?.["clinical_examination"];
+      const clinicalStr = typeof clinicalRaw === "string" ? clinicalRaw : clinicalRaw != null && clinicalRaw !== "" ? String(clinicalRaw) : "";
+      return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-4", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(ReadOnlyText, { fieldDef, value: structuredDisplay }),
+        clinicalDef ? /* @__PURE__ */ jsxRuntime.jsx(ReadOnlyText, { fieldDef: clinicalDef, value: clinicalStr }) : clinicalStr ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-2", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm font-medium text-gray-700", children: "Clinical examination" }),
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-gray-900 border border-gray-200 rounded-md p-3 bg-gray-50 min-h-[2.5rem] whitespace-pre-wrap", children: clinicalStr })
+        ] }) : null
+      ] });
+    }
     case "static_text": {
       const def = fieldDef;
       const size = def.size ?? "regular";
@@ -8749,7 +11220,9 @@ var ReadOnlyForm = ({ schema, submission }) => {
               ReadOnlyFieldRenderer,
               {
                 fieldDef,
-                value: formData[child]
+                value: formData[child],
+                allValues: formData,
+                resolveFieldDef: (id) => fieldMap.get(id)
               },
               child
             ) : null;
@@ -8768,7 +11241,9 @@ var ReadOnlyForm = ({ schema, submission }) => {
                   ReadOnlyFieldRenderer,
                   {
                     fieldDef,
-                    value: formData[fieldId]
+                    value: formData[fieldId],
+                    allValues: formData,
+                    resolveFieldDef: (id) => fieldMap.get(id)
                   },
                   fieldId
                 ))
@@ -8799,7 +11274,9 @@ var ReadOnlyForm = ({ schema, submission }) => {
               ReadOnlyFieldRenderer,
               {
                 fieldDef,
-                value: formData[fieldId]
+                value: formData[fieldId],
+                allValues: formData,
+                resolveFieldDef: (id) => fieldMap.get(id)
               },
               fieldId
             ))