formanitor 0.0.38 → 0.0.39

package/dist/index.mjs

@@ -62,6 +62,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`;
@@ -200,6 +209,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;
@@ -286,7 +516,22 @@ var FormStore = class {
         else if (field.type === "surgical_risk_flags")
           values[field.id] = { OD: [], OS: [] };
         else if (field.type === "toggle") values[field.id] = false;
-        else values[field.id] = null;
+        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;
@@ -1006,7 +1251,8 @@ var TextWidget = ({ fieldId }) => {
     fieldDef.required && /* @__PURE__ */ jsx("span", { className: "text-red-500", children: "*" })
   ] });
   const labelEl = theme ? /* @__PURE__ */ jsx(Label, { htmlFor: fieldId, className: labelClass, children: labelContent }) : /* @__PURE__ */ jsx(Label, { htmlFor: fieldId, children: labelContent });
-  return /* @__PURE__ */ jsxs("div", { className: wrapperClass, children: [
+  const placeholder = typeof fieldDef.placeholder === "string" && fieldDef.placeholder.trim() ? fieldDef.placeholder : void 0;
+  return /* @__PURE__ */ jsxs("div", { className: cn(wrapperClass, isTextarea && "flex h-full min-h-0 flex-col"), children: [
     hasVoice ? /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
       labelEl,
       /* @__PURE__ */ jsx(VoiceMicButton, { fieldId, onTranscriptReady: setValue })
@@ -1020,7 +1266,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 }
       }
     ),
@@ -1496,6 +1743,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__ */ jsxs("div", { className: "space-y-2", children: [
     /* @__PURE__ */ jsxs(Label, { htmlFor: fieldId, children: [
       fieldDef.label,
@@ -1513,7 +1762,7 @@ var SelectWidget = ({ fieldId }) => {
           setTouched();
         },
         children: [
-          /* @__PURE__ */ jsx(SelectTrigger, { id: fieldId, className: showError ? "border-red-500" : "", children: /* @__PURE__ */ jsx(SelectValue, { placeholder: loading ? "Loading..." : "Select..." }) }),
+          /* @__PURE__ */ jsx(SelectTrigger, { id: fieldId, className: showError ? "border-red-500" : "", children: /* @__PURE__ */ jsx(SelectValue, { placeholder: selectPlaceholder }) }),
           /* @__PURE__ */ jsx(SelectContent, { children: options.map((opt) => /* @__PURE__ */ jsx(SelectItem, { value: String(opt.value), children: opt.label }, String(opt.value))) })
         ]
       }
@@ -8034,6 +8283,21 @@ function parallelChipArraysEqual(a, b) {
 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":
+    case "textarea":
+      return /* @__PURE__ */ jsx(TextWidget, { fieldId });
+    case "select":
+      return /* @__PURE__ */ jsx(SelectWidget, { fieldId });
+    default:
+      return null;
+  }
+}
 var SuggestionTextareaWidget = ({ fieldId }) => {
   const { fieldDef, value, setValue, setTouched, error, disabled, touched } = useField(fieldId);
   const { state } = useForm();
@@ -8045,6 +8309,10 @@ var SuggestionTextareaWidget = ({ fieldId }) => {
   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 = 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]);
   useEffect(() => {
     if (!def) {
       setOptions([]);
@@ -8089,19 +8357,26 @@ var SuggestionTextareaWidget = ({ fieldId }) => {
     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",
-    hasSuggestions && (isHighlightLabel ? "-mt-1 rounded-b-md border-[#D0D0D0] bg-white" : "rounded-md border border-input bg-background")
+    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,
-    hasSuggestions && cn(
+    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]"
     )
@@ -8128,8 +8403,9 @@ var SuggestionTextareaWidget = ({ fieldId }) => {
       /* @__PURE__ */ jsx(VoiceMicButton, { fieldId, onTranscriptReady: setValue })
     ] }) : labelEl,
     def.description && /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: def.description }),
-    hasSuggestions ? /* @__PURE__ */ jsxs("div", { className: suggestionShellClass, children: [
-      /* @__PURE__ */ jsx("div", { className: chipsRowClass, role: "group", "aria-label": suggestionsAria, children: suggestionButtons }),
+    hasShell ? /* @__PURE__ */ jsxs("div", { className: suggestionShellClass, children: [
+      hasSuggestions && /* @__PURE__ */ jsx("div", { className: chipsRowClass, role: "group", "aria-label": suggestionsAria, children: suggestionButtons }),
+      hasEmbedded && /* @__PURE__ */ jsx("div", { className: embeddedRowClass, children: embeddedFieldIds.map((id) => /* @__PURE__ */ jsx(EmbeddedSchemaField, { fieldId: id }, id)) }),
       /* @__PURE__ */ jsx(
         Textarea,
         {
@@ -8909,161 +9185,1159 @@ var SurgicalRiskFlagsWidget = ({ fieldId }) => {
     }
   );
 };
-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__ */ jsx(TextWidget, { fieldId });
-    case "textarea":
-      if (fieldMetaRequestsMarMedicationOrdersButton(fieldDef.meta)) {
-        return /* @__PURE__ */ jsx(MarMedicationOrdersWidget, { fieldId });
-      }
-      return /* @__PURE__ */ jsx(TextWidget, { fieldId });
-    case "richtext":
-      return /* @__PURE__ */ jsx(RichTextWidget, { fieldId });
-    case "date":
-      return /* @__PURE__ */ jsx(DateWidget, { fieldId });
-    case "datetime":
-      return /* @__PURE__ */ jsx(DateTimeWidget, { fieldId });
-    case "select":
-      return /* @__PURE__ */ jsx(SelectWidget, { fieldId });
-    case "radio":
-      return /* @__PURE__ */ jsx(RadioWidget, { fieldId });
-    case "checkbox":
-      return /* @__PURE__ */ jsx(CheckboxWidget, { fieldId });
-    case "multiselect":
-      return /* @__PURE__ */ jsx(MultiSelectWidget, { fieldId });
-    case "repeatable":
-      return /* @__PURE__ */ jsx(RepeatableWidget, { fieldId });
-    case "image_upload":
-      return /* @__PURE__ */ jsx(ImageUploadWidget, { fieldId });
-    case "media_upload":
-      return /* @__PURE__ */ jsx(MediaUploadWidget, { fieldId });
-    case "signature":
-      return /* @__PURE__ */ jsx(SignatureUploadWidget, { fieldId });
-    case "editable_table":
-      return /* @__PURE__ */ jsx(EditableTableWidget, { fieldId });
-    case "medications":
-      return /* @__PURE__ */ jsx(AddMedicationWidget, { fieldId });
-    case "discharge_medication_orders":
-      return /* @__PURE__ */ jsx(DischargeMedicationOrdersWidget, { fieldId });
-    case "investigations":
-      return /* @__PURE__ */ jsx(AddInvestigationWidget, { fieldId });
-    case "procedures":
-      return /* @__PURE__ */ jsx(AddProcedureWidget, { fieldId });
-    case "differential_diagnosis":
-      return /* @__PURE__ */ jsx(DifferentialDiagnosisWidget, { fieldId });
-    case "vitals":
-      return /* @__PURE__ */ jsx(VitalsWidget, { fieldId });
-    case "hidden_vitals":
-      return /* @__PURE__ */ jsx(HiddenVitalsWidget, { fieldId });
-    case "referral":
-      return /* @__PURE__ */ jsx(ReferralWidget, { fieldId });
-    case "followup":
-      return /* @__PURE__ */ jsx(FollowupWidget, { fieldId });
-    case "smart_textarea":
-      return /* @__PURE__ */ jsx(SmartTextareaWidget, { fieldId });
-    case "diagnosis_textarea":
-      return /* @__PURE__ */ jsx(DiagnosisTextareaWidget, { fieldId });
-    case "obstetric_history":
-      return /* @__PURE__ */ jsx(ObstetricHistoryWidget, { fieldId });
-    case "eye_prescription":
-      return /* @__PURE__ */ jsx(OphthalmologyWidget, { fieldId });
-    case "ophthal_diagnosis":
-      return /* @__PURE__ */ jsx(OphthalDiagnosisWidget, { fieldId });
-    case "orthopedic_exam":
-      return /* @__PURE__ */ jsx(OrthopedicExamWidget, { fieldId });
-    case "toggle": {
-      const { value, setValue, setTouched, disabled } = useField(fieldId);
-      const store = useFormStore();
-      const excludes = fieldDef.excludes ?? [];
-      return /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
-        /* @__PURE__ */ jsx(
-          Switch,
-          {
-            checked: value === true,
-            disabled,
-            onCheckedChange: (checked) => {
-              setValue(checked);
-              setTouched();
-              if (checked) excludes.forEach((id) => store.setValue(id, false));
-            }
-          }
-        ),
-        /* @__PURE__ */ jsx(Label, { className: "text-sm font-medium leading-none cursor-pointer select-none", children: fieldDef.label })
-      ] });
-    }
-    case "suggestion_textarea":
-    case "complaint_chips":
-      return /* @__PURE__ */ jsx(SuggestionTextareaWidget, { fieldId });
-    case "lens_assessment":
-      return /* @__PURE__ */ jsx(LensAssessmentWidget, { fieldId });
-    case "functional_impairment_score":
-      return /* @__PURE__ */ jsx(FunctionalImpairmentScoreWidget, { fieldId });
-    case "biometry_iol_workup":
-      return /* @__PURE__ */ jsx(BiometryIolWorkupWidget, { fieldId });
-    case "surgical_risk_flags":
-      return /* @__PURE__ */ 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__ */ jsxs("div", { className: `${labelClass} text-muted-foreground`, children: [
-        def.label,
-        def.description && /* @__PURE__ */ jsx("p", { className: `mt-1 ${descClass} opacity-90`, children: def.description })
-      ] });
-    }
-    default:
-      return /* @__PURE__ */ jsxs("div", { className: "text-red-500", children: [
-        "Unknown field type: ",
-        fieldDef.type
-      ] });
-  }
-}
-var Section = ({ title, children }) => {
-  const [expanded, setExpanded] = useState(true);
-  const handleToggle = () => setExpanded((prev) => !prev);
-  const contentClassName = cn(
-    "overflow-hidden transition-[height] duration-200 ease-in-out",
-    !expanded && "hidden"
-  );
-  return /* @__PURE__ */ jsxs("div", { className: "mb-6 border rounded-lg bg-white shadow-sm overflow-hidden", children: [
-    /* @__PURE__ */ jsxs(
-      "button",
+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__ */ jsxs(Fragment, { children: [
+    def.label,
+    " ",
+    def.required && /* @__PURE__ */ jsx("span", { className: "text-red-500", children: "*" }),
+    /* @__PURE__ */ jsxs("span", { className: "ml-2 text-muted-foreground font-normal tabular-nums", children: [
+      num,
+      "/",
+      max
+    ] })
+  ] });
+  const labelEl = theme ? /* @__PURE__ */ jsx(Label, { className: labelClass, children: labelContent }) : /* @__PURE__ */ jsx(Label, { children: labelContent });
+  return /* @__PURE__ */ jsxs("div", { className: wrapperClass, children: [
+    labelEl,
+    /* @__PURE__ */ jsx(
+      Slider,
       {
-        type: "button",
-        onClick: handleToggle,
-        className: "w-full flex items-center justify-between gap-2 p-4 text-left border-b hover:bg-gray-50/80 transition-colors",
-        children: [
-          /* @__PURE__ */ jsx("h3", { className: "text-lg font-medium", children: title }),
-          /* @__PURE__ */ jsx("span", { className: "flex-shrink-0 text-muted-foreground", "aria-hidden": true, children: expanded ? /* @__PURE__ */ jsx(ChevronDown, { className: "h-5 w-5" }) : /* @__PURE__ */ jsx(ChevronRight, { className: "h-5 w-5" }) })
-        ]
+        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();
+        }
       }
     ),
-    /* @__PURE__ */ jsx("div", { className: contentClassName, children: /* @__PURE__ */ jsx("div", { className: "p-4 pt-4 space-y-4 border-t-0", children }) })
+    showError && /* @__PURE__ */ jsx("p", { className: "text-xs text-red-500", children: error })
   ] });
 };
-var ColumnLayout = ({
-  columns,
-  label,
-  children
-}) => {
-  const gridCols = Math.max(1, Math.min(columns, 12));
-  const gridClass = `grid gap-4 w-full`;
-  const style = {
-    gridTemplateColumns: `repeat(${gridCols}, minmax(0, 1fr))`
+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__ */ jsxs("div", { className: "overflow-hidden rounded-md border border-[#D0D0D0] bg-white", children: [
+    /* @__PURE__ */ 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__ */ 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 = useMemo(() => normalizeGeneralSurgerySmartHistory(value), [value]);
+  const chips = 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();
   };
-  return /* @__PURE__ */ jsxs("div", { className: "mb-6", children: [
-    label != null && label !== "" && /* @__PURE__ */ jsx("div", { className: "mb-2 text-sm font-medium text-gray-700", children: label }),
-    /* @__PURE__ */ jsx("div", { className: gridClass, style, children })
+  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__ */ jsxs(Fragment, { children: [
+    fieldDef.label,
+    fieldDef.required ? /* @__PURE__ */ jsx("span", { className: "ml-1 text-red-500", children: "*" }) : null
+  ] });
+  const labelEl = theme ? /* @__PURE__ */ jsx(Label, { className: labelClass, children: labelContent }) : /* @__PURE__ */ 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__ */ jsxs("div", { className: cn("w-full min-w-0", wrapperClass), children: [
+    labelEl,
+    /* @__PURE__ */ jsxs("div", { className: bodyClass, children: [
+      showPain ? /* @__PURE__ */ jsx(Panel, { title: "SOCRATES \u2014 pain", children: /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-2 md:grid-cols-4", children: [
+        SOCRATES_KEYS.map((k) => /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
+          /* @__PURE__ */ jsx("span", { className: "text-[10px] font-medium uppercase tracking-wide text-muted-foreground", children: k }),
+          /* @__PURE__ */ jsx(
+            Input,
+            {
+              className: "h-8 text-xs",
+              value: safe.pain[k],
+              onChange: (e) => setPain(k, e.target.value),
+              disabled
+            }
+          )
+        ] }, k)),
+        /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
+          /* @__PURE__ */ jsx("span", { className: "text-[10px] font-medium uppercase tracking-wide text-muted-foreground", children: "Severity 0\u201310" }),
+          /* @__PURE__ */ 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__ */ jsxs(Panel, { title: "Swelling history", children: [
+        /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 gap-3 text-xs md:grid-cols-3", children: [
+          /* @__PURE__ */ jsxs("label", { className: "flex flex-col gap-1", children: [
+            /* @__PURE__ */ jsx("span", { className: "font-medium", children: "Duration" }),
+            /* @__PURE__ */ jsx(
+              Input,
+              {
+                className: "h-8 text-xs",
+                value: safe.swelling.duration,
+                onChange: (e) => update({ ...safe, swelling: { ...safe.swelling, duration: e.target.value } }),
+                disabled
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxs("label", { className: "flex flex-col gap-1", children: [
+            /* @__PURE__ */ jsx("span", { className: "font-medium", children: "Size progression" }),
+            /* @__PURE__ */ jsx(
+              Input,
+              {
+                className: "h-8 text-xs",
+                value: safe.swelling.sizeProgression,
+                onChange: (e) => update({ ...safe, swelling: { ...safe.swelling, sizeProgression: e.target.value } }),
+                disabled
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxs("label", { className: "flex flex-col gap-1", children: [
+            /* @__PURE__ */ jsx("span", { className: "font-medium", children: "Painful / painless" }),
+            /* @__PURE__ */ jsx(
+              Input,
+              {
+                className: "h-8 text-xs",
+                value: safe.swelling.painfulPainless,
+                onChange: (e) => update({ ...safe, swelling: { ...safe.swelling, painfulPainless: e.target.value } }),
+                disabled
+              }
+            )
+          ] })
+        ] }),
+        /* @__PURE__ */ jsx("div", { className: "mt-3 flex flex-wrap gap-x-4 gap-y-2", children: SWELLING_OPTS.map((o) => /* @__PURE__ */ jsxs("label", { className: "flex items-center gap-2 text-xs", children: [
+          /* @__PURE__ */ jsx(
+            Checkbox,
+            {
+              checked: safe.swelling.checks.includes(o.value),
+              onCheckedChange: () => toggleArr("swelling", o.value),
+              disabled
+            }
+          ),
+          o.label
+        ] }, o.value)) })
+      ] }) : null,
+      showGI ? /* @__PURE__ */ jsxs(Panel, { title: "GI history", children: [
+        /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 gap-2 text-xs md:grid-cols-3", children: [
+          /* @__PURE__ */ jsxs("label", { className: "flex flex-col gap-1", children: [
+            "Appetite",
+            /* @__PURE__ */ jsx(
+              Input,
+              {
+                className: "h-8 text-xs",
+                value: safe.gi.appetite,
+                onChange: (e) => update({ ...safe, gi: { ...safe.gi, appetite: e.target.value } }),
+                disabled
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxs("label", { className: "flex flex-col gap-1", children: [
+            "Weight loss",
+            /* @__PURE__ */ jsx(
+              Input,
+              {
+                className: "h-8 text-xs",
+                value: safe.gi.weightLoss,
+                onChange: (e) => update({ ...safe, gi: { ...safe.gi, weightLoss: e.target.value } }),
+                disabled
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxs("label", { className: "flex flex-col gap-1", children: [
+            "Bowel habits",
+            /* @__PURE__ */ jsx(
+              Input,
+              {
+                className: "h-8 text-xs",
+                value: safe.gi.bowelHabits,
+                onChange: (e) => update({ ...safe, gi: { ...safe.gi, bowelHabits: e.target.value } }),
+                disabled
+              }
+            )
+          ] })
+        ] }),
+        /* @__PURE__ */ jsx("div", { className: "mt-3 flex flex-wrap gap-x-4 gap-y-2", children: GI_OPTS.map((o) => /* @__PURE__ */ jsxs("label", { className: "flex items-center gap-2 text-xs", children: [
+          /* @__PURE__ */ jsx(
+            Checkbox,
+            {
+              checked: safe.gi.checks.includes(o.value),
+              onCheckedChange: () => toggleArr("gi", o.value),
+              disabled
+            }
+          ),
+          o.label
+        ] }, o.value)) })
+      ] }) : null,
+      showBreast ? /* @__PURE__ */ jsxs(Panel, { title: "Breast history", children: [
+        /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 gap-2 text-xs md:grid-cols-2", children: [
+          /* @__PURE__ */ jsxs("label", { className: "flex flex-col gap-1", children: [
+            "Lump duration",
+            /* @__PURE__ */ jsx(
+              Input,
+              {
+                className: "h-8 text-xs",
+                value: safe.breast.lumpDuration,
+                onChange: (e) => update({ ...safe, breast: { ...safe.breast, lumpDuration: e.target.value } }),
+                disabled
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxs("label", { className: "flex flex-col gap-1", children: [
+            "Nipple discharge",
+            /* @__PURE__ */ jsx(
+              Input,
+              {
+                className: "h-8 text-xs",
+                value: safe.breast.nippleDischarge,
+                onChange: (e) => update({ ...safe, breast: { ...safe.breast, nippleDischarge: e.target.value } }),
+                disabled
+              }
+            )
+          ] })
+        ] }),
+        /* @__PURE__ */ jsx("div", { className: "mt-3 flex flex-wrap gap-x-4 gap-y-2", children: BREAST_OPTS.map((o) => /* @__PURE__ */ jsxs("label", { className: "flex items-center gap-2 text-xs", children: [
+          /* @__PURE__ */ jsx(
+            Checkbox,
+            {
+              checked: safe.breast.checks.includes(o.value),
+              onCheckedChange: () => toggleArr("breast", o.value),
+              disabled
+            }
+          ),
+          o.label
+        ] }, o.value)) })
+      ] }) : null,
+      showAno ? /* @__PURE__ */ jsx(Panel, { title: "Anorectal history", children: /* @__PURE__ */ jsx("div", { className: "grid grid-cols-1 gap-2 text-xs md:grid-cols-2", children: ANO_OPTS.map((o) => /* @__PURE__ */ jsxs("label", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ jsx(
+          Checkbox,
+          {
+            checked: safe.ano.checks.includes(o.value),
+            onCheckedChange: () => toggleArr("ano", o.value),
+            disabled
+          }
+        ),
+        o.label
+      ] }, o.value)) }) }) : null,
+      showThyroid ? /* @__PURE__ */ jsxs(Panel, { title: "Thyroid history", children: [
+        /* @__PURE__ */ jsx("div", { className: "grid grid-cols-1 gap-2 text-xs md:grid-cols-2", children: /* @__PURE__ */ jsxs("label", { className: "flex flex-col gap-1 md:col-span-2", children: [
+          "Swelling duration",
+          /* @__PURE__ */ jsx(
+            Input,
+            {
+              className: "h-8 text-xs",
+              value: safe.thyroid.swellingDuration,
+              onChange: (e) => update({ ...safe, thyroid: { ...safe.thyroid, swellingDuration: e.target.value } }),
+              disabled
+            }
+          )
+        ] }) }),
+        /* @__PURE__ */ jsx("div", { className: "mt-3 flex flex-wrap gap-x-4 gap-y-2", children: THYROID_OPTS.map((o) => /* @__PURE__ */ jsxs("label", { className: "flex items-center gap-2 text-xs", children: [
+          /* @__PURE__ */ jsx(
+            Checkbox,
+            {
+              checked: safe.thyroid.checks.includes(o.value),
+              onCheckedChange: () => toggleArr("thyroid", o.value),
+              disabled
+            }
+          ),
+          o.label
+        ] }, o.value)) })
+      ] }) : null,
+      /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
+        /* @__PURE__ */ jsx(Label, { className: "text-xs font-medium text-slate-700", children: "Systemic surgical screening" }),
+        /* @__PURE__ */ 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__ */ 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__ */ jsxs("div", { className: "space-y-2", children: [
+    /* @__PURE__ */ jsx("p", { className: "text-[11px] font-semibold uppercase tracking-wide text-muted-foreground", children: title }),
+    /* @__PURE__ */ jsx("div", { className: "space-y-2", children })
+  ] });
+}
+function RegionCard({ title, children }) {
+  return /* @__PURE__ */ jsxs("div", { className: "overflow-hidden rounded-md border border-[#D0D0D0] bg-white", children: [
+    /* @__PURE__ */ 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__ */ 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 = 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__ */ jsxs(Fragment, { children: [
+    fieldDef.label,
+    fieldDef.required ? /* @__PURE__ */ jsx("span", { className: "ml-1 text-red-500", children: "*" }) : null
+  ] });
+  const labelEl = theme ? /* @__PURE__ */ jsx(Label, { className: labelClass, children: labelContent }) : /* @__PURE__ */ 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__ */ jsxs("div", { className: cn("w-full min-w-0", wrapperClass), children: [
+    labelEl,
+    /* @__PURE__ */ jsxs("div", { className: bodyClass, children: [
+      /* @__PURE__ */ jsxs("div", { className: "overflow-hidden rounded-md border border-[#D0D0D0] bg-white", children: [
+        /* @__PURE__ */ 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__ */ jsx("div", { className: "p-3", children: /* @__PURE__ */ jsx("div", { className: "grid grid-cols-2 gap-2 text-xs md:grid-cols-3 lg:grid-cols-6", children: GENERAL.map((g) => /* @__PURE__ */ jsxs("label", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ jsx(
+            Checkbox,
+            {
+              checked: safe.general.includes(g.value),
+              onCheckedChange: () => toggleGeneral(g.value),
+              disabled
+            }
+          ),
+          g.label
+        ] }, g.value)) }) })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { children: [
+        /* @__PURE__ */ jsx("p", { className: "mb-2 text-xs font-semibold text-slate-700", children: "Regional examination \u2014 select region(s)" }),
+        /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-2", children: REGIONS.map((r) => {
+          const on = safe.regions.includes(r.key);
+          return /* @__PURE__ */ 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__ */ jsxs("div", { className: "space-y-3", children: [
+        has("abdomen") ? /* @__PURE__ */ jsx(RegionCard, { title: "Abdomen \u2014 inspection \xB7 palpation \xB7 percussion \xB7 auscultation", children: /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 gap-4 md:grid-cols-2 lg:grid-cols-4", children: [
+          /* @__PURE__ */ jsx(SubGroup, { title: "Inspection", children: ABD_INSP.map((o) => /* @__PURE__ */ jsxs("label", { className: "flex items-center gap-2 text-xs", children: [
+            /* @__PURE__ */ jsx(
+              Checkbox,
+              {
+                checked: safe.abdomen.inspection.includes(o.value),
+                onCheckedChange: () => toggleAbd("inspection", o.value),
+                disabled
+              }
+            ),
+            o.label
+          ] }, o.value)) }),
+          /* @__PURE__ */ jsxs(SubGroup, { title: "Palpation", children: [
+            ABD_PALP.map((o) => /* @__PURE__ */ jsxs("label", { className: "flex items-center gap-2 text-xs", children: [
+              /* @__PURE__ */ jsx(
+                Checkbox,
+                {
+                  checked: safe.abdomen.palpation.includes(o.value),
+                  onCheckedChange: () => toggleAbd("palpation", o.value),
+                  disabled
+                }
+              ),
+              o.label
+            ] }, o.value)),
+            /* @__PURE__ */ jsxs("label", { className: "mt-2 block text-xs", children: [
+              /* @__PURE__ */ jsx("span", { className: "mb-1 block font-medium", children: "Mass size / mobility" }),
+              /* @__PURE__ */ jsx(
+                Input,
+                {
+                  className: "h-8 text-xs",
+                  value: safe.abdomen.massNotes,
+                  onChange: (e) => update({ ...safe, abdomen: { ...safe.abdomen, massNotes: e.target.value } }),
+                  disabled
+                }
+              )
+            ] })
+          ] }),
+          /* @__PURE__ */ jsx(SubGroup, { title: "Percussion", children: ABD_PERC.map((o) => /* @__PURE__ */ jsxs("label", { className: "flex items-center gap-2 text-xs", children: [
+            /* @__PURE__ */ jsx(
+              Checkbox,
+              {
+                checked: safe.abdomen.percussion.includes(o.value),
+                onCheckedChange: () => toggleAbd("percussion", o.value),
+                disabled
+              }
+            ),
+            o.label
+          ] }, o.value)) }),
+          /* @__PURE__ */ jsxs(SubGroup, { title: "Auscultation", children: [
+            /* @__PURE__ */ jsx("span", { className: "mb-1 block text-xs font-medium", children: "Bowel sounds" }),
+            /* @__PURE__ */ jsxs(
+              Select,
+              {
+                value: safe.abdomen.bowelSounds,
+                onValueChange: (val) => update({
+                  ...safe,
+                  abdomen: {
+                    ...safe.abdomen,
+                    bowelSounds: val
+                  }
+                }),
+                disabled,
+                children: [
+                  /* @__PURE__ */ jsx(SelectTrigger, { className: "h-8 text-xs", children: /* @__PURE__ */ jsx(SelectValue, { placeholder: "Select\u2026" }) }),
+                  /* @__PURE__ */ jsxs(SelectContent, { children: [
+                    /* @__PURE__ */ jsx(SelectItem, { value: "none", children: "\u2014" }),
+                    /* @__PURE__ */ jsx(SelectItem, { value: "normal", children: "Normal" }),
+                    /* @__PURE__ */ jsx(SelectItem, { value: "up", children: "\u2191" }),
+                    /* @__PURE__ */ jsx(SelectItem, { value: "down", children: "\u2193" }),
+                    /* @__PURE__ */ jsx(SelectItem, { value: "absent", children: "Absent" })
+                  ] })
+                ]
+              }
+            )
+          ] })
+        ] }) }) : null,
+        has("hernia") ? /* @__PURE__ */ jsx(RegionCard, { title: "Hernia exam", children: /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 gap-3 text-xs md:grid-cols-4", children: [
+          /* @__PURE__ */ jsxs("label", { className: "block", children: [
+            /* @__PURE__ */ jsx("span", { className: "mb-1 block font-medium", children: "Site" }),
+            /* @__PURE__ */ jsx(
+              Input,
+              {
+                className: "h-8 text-xs",
+                value: safe.hernia.site,
+                onChange: (e) => update({ ...safe, hernia: { ...safe.hernia, site: e.target.value } }),
+                disabled
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxs("label", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ jsx(
+              Checkbox,
+              {
+                checked: safe.hernia.reducible,
+                onCheckedChange: (c) => update({ ...safe, hernia: { ...safe.hernia, reducible: c === true } }),
+                disabled
+              }
+            ),
+            "Reducible"
+          ] }),
+          /* @__PURE__ */ jsxs("label", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ jsx(
+              Checkbox,
+              {
+                checked: safe.hernia.coughImpulse,
+                onCheckedChange: (c) => update({ ...safe, hernia: { ...safe.hernia, coughImpulse: c === true } }),
+                disabled
+              }
+            ),
+            "Cough impulse"
+          ] }),
+          /* @__PURE__ */ jsxs("label", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ jsx(
+              Checkbox,
+              {
+                checked: safe.hernia.tenderness,
+                onCheckedChange: (c) => update({ ...safe, hernia: { ...safe.hernia, tenderness: c === true } }),
+                disabled
+              }
+            ),
+            "Tenderness"
+          ] })
+        ] }) }) : null,
+        has("breast") ? /* @__PURE__ */ jsx(RegionCard, { title: "Breast exam", children: /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 gap-3 text-xs md:grid-cols-4", children: [
+          /* @__PURE__ */ jsxs("label", { className: "block", children: [
+            /* @__PURE__ */ jsx("span", { className: "mb-1 block font-medium", children: "Lump size (cm)" }),
+            /* @__PURE__ */ jsx(
+              Input,
+              {
+                className: "h-8 text-xs",
+                value: safe.breast.lumpSizeCm,
+                onChange: (e) => update({ ...safe, breast: { ...safe.breast, lumpSizeCm: e.target.value } }),
+                disabled
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxs("label", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ jsx(
+              Checkbox,
+              {
+                checked: safe.breast.mobile,
+                onCheckedChange: (c) => update({ ...safe, breast: { ...safe.breast, mobile: c === true } }),
+                disabled
+              }
+            ),
+            "Mobile"
+          ] }),
+          /* @__PURE__ */ jsxs("label", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ jsx(
+              Checkbox,
+              {
+                checked: safe.breast.skinInvolvement,
+                onCheckedChange: (c) => update({ ...safe, breast: { ...safe.breast, skinInvolvement: c === true } }),
+                disabled
+              }
+            ),
+            "Skin involvement"
+          ] }),
+          /* @__PURE__ */ jsxs("label", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ jsx(
+              Checkbox,
+              {
+                checked: safe.breast.axillaryNodes,
+                onCheckedChange: (c) => update({ ...safe, breast: { ...safe.breast, axillaryNodes: c === true } }),
+                disabled
+              }
+            ),
+            "Axillary nodes"
+          ] })
+        ] }) }) : null,
+        has("thyroid") ? /* @__PURE__ */ jsx(RegionCard, { title: "Thyroid exam", children: /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 gap-3 text-xs md:grid-cols-4", children: [
+          /* @__PURE__ */ jsxs("label", { className: "block", children: [
+            /* @__PURE__ */ jsx("span", { className: "mb-1 block font-medium", children: "Size" }),
+            /* @__PURE__ */ jsx(
+              Input,
+              {
+                className: "h-8 text-xs",
+                value: safe.thyroid.size,
+                onChange: (e) => update({ ...safe, thyroid: { ...safe.thyroid, size: e.target.value } }),
+                disabled
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxs("label", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ jsx(
+              Checkbox,
+              {
+                checked: safe.thyroid.mobileDeglutition,
+                onCheckedChange: (c) => update({ ...safe, thyroid: { ...safe.thyroid, mobileDeglutition: c === true } }),
+                disabled
+              }
+            ),
+            "Mobile with deglutition"
+          ] }),
+          /* @__PURE__ */ jsxs("label", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ jsx(
+              Checkbox,
+              {
+                checked: safe.thyroid.nodules,
+                onCheckedChange: (c) => update({ ...safe, thyroid: { ...safe.thyroid, nodules: c === true } }),
+                disabled
+              }
+            ),
+            "Nodules"
+          ] }),
+          /* @__PURE__ */ jsxs("label", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ jsx(
+              Checkbox,
+              {
+                checked: safe.thyroid.cervicalNodes,
+                onCheckedChange: (c) => update({ ...safe, thyroid: { ...safe.thyroid, cervicalNodes: c === true } }),
+                disabled
+              }
+            ),
+            "Cervical lymph nodes"
+          ] })
+        ] }) }) : null,
+        has("anorectal") ? /* @__PURE__ */ jsx(RegionCard, { title: "Anorectal exam", children: /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 gap-3 text-xs md:grid-cols-3", children: [
+          /* @__PURE__ */ jsxs("label", { className: "block md:col-span-3", children: [
+            /* @__PURE__ */ jsx("span", { className: "mb-1 block font-medium", children: "Inspection findings" }),
+            /* @__PURE__ */ jsx(
+              Input,
+              {
+                className: "h-8 text-xs",
+                value: safe.anorectal.inspection,
+                onChange: (e) => update({ ...safe, anorectal: { ...safe.anorectal, inspection: e.target.value } }),
+                disabled
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxs("label", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ jsx(
+              Checkbox,
+              {
+                checked: safe.anorectal.dreDone,
+                onCheckedChange: (c) => update({ ...safe, anorectal: { ...safe.anorectal, dreDone: c === true } }),
+                disabled
+              }
+            ),
+            "DRE done"
+          ] }),
+          /* @__PURE__ */ jsxs("label", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ jsx(
+              Checkbox,
+              {
+                checked: safe.anorectal.proctoscopyDone,
+                onCheckedChange: (c) => update({ ...safe, anorectal: { ...safe.anorectal, proctoscopyDone: c === true } }),
+                disabled
+              }
+            ),
+            "Proctoscopy done"
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "md:col-span-3", children: [
+            /* @__PURE__ */ jsx(Label, { className: "text-xs font-semibold", children: "DRE / proctoscopy notes" }),
+            /* @__PURE__ */ 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__ */ jsx(RegionCard, { title: "Limb / varicose veins", children: /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap gap-x-4 gap-y-2 text-xs", children: [
+          /* @__PURE__ */ jsxs("label", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ jsx(
+              Checkbox,
+              {
+                checked: safe.limb.dilatedVeins,
+                onCheckedChange: (c) => update({ ...safe, limb: { ...safe.limb, dilatedVeins: c === true } }),
+                disabled
+              }
+            ),
+            "Dilated veins"
+          ] }),
+          /* @__PURE__ */ jsxs("label", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ jsx(
+              Checkbox,
+              {
+                checked: safe.limb.ulcer,
+                onCheckedChange: (c) => update({ ...safe, limb: { ...safe.limb, ulcer: c === true } }),
+                disabled
+              }
+            ),
+            "Ulcer"
+          ] }),
+          /* @__PURE__ */ jsxs("label", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ jsx(
+              Checkbox,
+              {
+                checked: safe.limb.oedema,
+                onCheckedChange: (c) => update({ ...safe, limb: { ...safe.limb, oedema: c === true } }),
+                disabled
+              }
+            ),
+            "Oedema"
+          ] })
+        ] }) }) : null
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
+        /* @__PURE__ */ jsx(Label, { className: "text-xs font-semibold text-slate-700", children: clinicalField.fieldDef?.label ?? "Clinical examination" }),
+        /* @__PURE__ */ 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__ */ 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 = useMemo(() => normalizeGeneralSurgeryGrading(value), [value]);
+  const chips = useMemo(() => chipList2(state), [state]);
+  const regions = useMemo(() => regionList(state), [state]);
+  const visibleRows = 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__ */ jsxs(Fragment, { children: [
+    fieldDef.label,
+    fieldDef.required ? /* @__PURE__ */ jsx("span", { className: "ml-1 text-red-500", children: "*" }) : null
+  ] });
+  const labelEl = theme ? /* @__PURE__ */ jsx(Label, { className: labelClass, children: labelContent }) : /* @__PURE__ */ 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__ */ jsxs("div", { className: cn("w-full min-w-0", wrapperClass), children: [
+    labelEl,
+    /* @__PURE__ */ jsx("div", { className: bodyClass, children: visibleRows.length === 0 ? /* @__PURE__ */ 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__ */ jsx("div", { className: "overflow-x-auto rounded-md border border-[#D0D0D0]", children: /* @__PURE__ */ jsxs("table", { className: "w-full min-w-[520px] border-collapse text-xs", children: [
+      /* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsxs("tr", { className: "border-b border-[#D0D0D0] bg-[#FEE8EC]/50", children: [
+        /* @__PURE__ */ jsx("th", { className: "px-3 py-2 text-left font-semibold text-slate-700", children: "Condition" }),
+        /* @__PURE__ */ jsx("th", { className: "w-24 px-2 py-2 font-semibold text-slate-700", children: "Grade" }),
+        /* @__PURE__ */ jsx("th", { className: "px-3 py-2 text-left font-semibold text-slate-700", children: "Description" })
+      ] }) }),
+      /* @__PURE__ */ jsx("tbody", { className: "bg-white", children: visibleRows.map((c) => {
+        const g = safe[c] ?? 0;
+        const desc = GS_GRADE_DESCRIPTIONS[c][g] ?? "\u2014";
+        return /* @__PURE__ */ jsxs("tr", { className: "border-b border-[#D0D0D0]/80 last:border-0", children: [
+          /* @__PURE__ */ jsx("td", { className: "px-3 py-2 font-medium", children: GS_CONDITION_LABELS[c] }),
+          /* @__PURE__ */ jsx("td", { className: "px-2 py-1.5 align-middle", children: /* @__PURE__ */ jsxs(
+            Select,
+            {
+              value: String(g),
+              onValueChange: (v) => setGrade(c, v),
+              disabled,
+              children: [
+                /* @__PURE__ */ jsx(SelectTrigger, { className: "h-8 text-xs", children: /* @__PURE__ */ jsx(SelectValue, {}) }),
+                /* @__PURE__ */ jsx(SelectContent, { children: [0, 1, 2, 3, 4, 5].map((n) => /* @__PURE__ */ jsx(SelectItem, { value: String(n), children: n === 0 ? "\u2014" : String(n) }, n)) })
+              ]
+            }
+          ) }),
+          /* @__PURE__ */ jsx("td", { className: "px-3 py-2 text-muted-foreground", children: desc })
+        ] }, c);
+      }) })
+    ] }) }) }),
+    showError ? /* @__PURE__ */ 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 = 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__ */ jsxs(Fragment, { children: [
+    def.label,
+    " ",
+    def.required && /* @__PURE__ */ jsx("span", { className: "text-red-500", children: "*" })
+  ] });
+  const labelEl = theme ? /* @__PURE__ */ jsx(Label, { className: labelClass, children: labelContent }) : /* @__PURE__ */ 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__ */ jsxs("div", { className: cn(wrapperClass, "h-full min-h-0 flex flex-col"), children: [
+    labelEl,
+    def.description && /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: def.description }),
+    /* @__PURE__ */ jsx("div", { className: cn(bodyClass, "min-h-0 flex-1"), children: /* @__PURE__ */ jsxs("div", { className: "min-w-0 space-y-3", children: [
+      /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ jsxs(Label, { className: "text-sm font-medium text-slate-700", children: [
+          "Pain score (VAS)",
+          /* @__PURE__ */ jsxs("span", { className: "ml-2 font-normal tabular-nums text-muted-foreground", children: [
+            safe.pain,
+            "/",
+            max
+          ] })
+        ] }),
+        /* @__PURE__ */ 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__ */ jsxs("div", { className: "min-w-0 space-y-1.5", children: [
+        /* @__PURE__ */ jsx(Label, { className: "text-sm font-medium text-slate-700", children: "Triage flags" }),
+        /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-x-4 gap-y-2", children: flagOptions.map((opt) => /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ jsx(
+            Checkbox,
+            {
+              id: `${fieldId}-flag-${String(opt.value)}`,
+              checked: isFlagSelected(safe.flags, opt.value),
+              onCheckedChange: () => toggleFlag(opt.value),
+              disabled
+            }
+          ),
+          /* @__PURE__ */ 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__ */ 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__ */ jsx(TextWidget, { fieldId });
+    case "slider":
+      return /* @__PURE__ */ jsx(SliderWidget, { fieldId });
+    case "textarea":
+      if (fieldMetaRequestsMarMedicationOrdersButton(fieldDef.meta)) {
+        return /* @__PURE__ */ jsx(MarMedicationOrdersWidget, { fieldId });
+      }
+      return /* @__PURE__ */ jsx(TextWidget, { fieldId });
+    case "richtext":
+      return /* @__PURE__ */ jsx(RichTextWidget, { fieldId });
+    case "date":
+      return /* @__PURE__ */ jsx(DateWidget, { fieldId });
+    case "datetime":
+      return /* @__PURE__ */ jsx(DateTimeWidget, { fieldId });
+    case "select":
+      return /* @__PURE__ */ jsx(SelectWidget, { fieldId });
+    case "radio":
+      return /* @__PURE__ */ jsx(RadioWidget, { fieldId });
+    case "checkbox":
+      return /* @__PURE__ */ jsx(CheckboxWidget, { fieldId });
+    case "multiselect":
+      return /* @__PURE__ */ jsx(MultiSelectWidget, { fieldId });
+    case "repeatable":
+      return /* @__PURE__ */ jsx(RepeatableWidget, { fieldId });
+    case "image_upload":
+      return /* @__PURE__ */ jsx(ImageUploadWidget, { fieldId });
+    case "media_upload":
+      return /* @__PURE__ */ jsx(MediaUploadWidget, { fieldId });
+    case "signature":
+      return /* @__PURE__ */ jsx(SignatureUploadWidget, { fieldId });
+    case "editable_table":
+      return /* @__PURE__ */ jsx(EditableTableWidget, { fieldId });
+    case "medications":
+      return /* @__PURE__ */ jsx(AddMedicationWidget, { fieldId });
+    case "discharge_medication_orders":
+      return /* @__PURE__ */ jsx(DischargeMedicationOrdersWidget, { fieldId });
+    case "investigations":
+      return /* @__PURE__ */ jsx(AddInvestigationWidget, { fieldId });
+    case "procedures":
+      return /* @__PURE__ */ jsx(AddProcedureWidget, { fieldId });
+    case "differential_diagnosis":
+      return /* @__PURE__ */ jsx(DifferentialDiagnosisWidget, { fieldId });
+    case "vitals":
+      return /* @__PURE__ */ jsx(VitalsWidget, { fieldId });
+    case "hidden_vitals":
+      return /* @__PURE__ */ jsx(HiddenVitalsWidget, { fieldId });
+    case "referral":
+      return /* @__PURE__ */ jsx(ReferralWidget, { fieldId });
+    case "followup":
+      return /* @__PURE__ */ jsx(FollowupWidget, { fieldId });
+    case "smart_textarea":
+      return /* @__PURE__ */ jsx(SmartTextareaWidget, { fieldId });
+    case "diagnosis_textarea":
+      return /* @__PURE__ */ jsx(DiagnosisTextareaWidget, { fieldId });
+    case "obstetric_history":
+      return /* @__PURE__ */ jsx(ObstetricHistoryWidget, { fieldId });
+    case "eye_prescription":
+      return /* @__PURE__ */ jsx(OphthalmologyWidget, { fieldId });
+    case "ophthal_diagnosis":
+      return /* @__PURE__ */ jsx(OphthalDiagnosisWidget, { fieldId });
+    case "orthopedic_exam":
+      return /* @__PURE__ */ jsx(OrthopedicExamWidget, { fieldId });
+    case "general_surgery_smart_history":
+      return /* @__PURE__ */ jsx(GsSmartHistoryWidget, { fieldId });
+    case "general_surgery_examination":
+      return /* @__PURE__ */ jsx(GsExaminationWidget, { fieldId });
+    case "general_surgery_grading":
+      return /* @__PURE__ */ jsx(GsGradingWidget, { fieldId });
+    case "pain_scale_flags":
+      return /* @__PURE__ */ jsx(PainScaleFlagsWidget, { fieldId });
+    case "toggle": {
+      const { value, setValue, setTouched, disabled } = useField(fieldId);
+      const store = useFormStore();
+      const excludes = fieldDef.excludes ?? [];
+      return /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
+        /* @__PURE__ */ jsx(
+          Switch,
+          {
+            checked: value === true,
+            disabled,
+            onCheckedChange: (checked) => {
+              setValue(checked);
+              setTouched();
+              if (checked) excludes.forEach((id) => store.setValue(id, false));
+            }
+          }
+        ),
+        /* @__PURE__ */ jsx(Label, { className: "text-sm font-medium leading-none cursor-pointer select-none", children: fieldDef.label })
+      ] });
+    }
+    case "suggestion_textarea":
+    case "complaint_chips":
+      return /* @__PURE__ */ jsx(SuggestionTextareaWidget, { fieldId });
+    case "lens_assessment":
+      return /* @__PURE__ */ jsx(LensAssessmentWidget, { fieldId });
+    case "functional_impairment_score":
+      return /* @__PURE__ */ jsx(FunctionalImpairmentScoreWidget, { fieldId });
+    case "biometry_iol_workup":
+      return /* @__PURE__ */ jsx(BiometryIolWorkupWidget, { fieldId });
+    case "surgical_risk_flags":
+      return /* @__PURE__ */ 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__ */ jsxs("div", { className: `${labelClass} text-muted-foreground`, children: [
+        def.label,
+        def.description && /* @__PURE__ */ jsx("p", { className: `mt-1 ${descClass} opacity-90`, children: def.description })
+      ] });
+    }
+    default:
+      return /* @__PURE__ */ jsxs("div", { className: "text-red-500", children: [
+        "Unknown field type: ",
+        fieldDef.type
+      ] });
+  }
+}
+var Section = ({ title, children }) => {
+  const [expanded, setExpanded] = useState(true);
+  const handleToggle = () => setExpanded((prev) => !prev);
+  const contentClassName = cn(
+    "overflow-hidden transition-[height] duration-200 ease-in-out",
+    !expanded && "hidden"
+  );
+  return /* @__PURE__ */ jsxs("div", { className: "mb-6 border rounded-lg bg-white shadow-sm overflow-hidden", children: [
+    /* @__PURE__ */ jsxs(
+      "button",
+      {
+        type: "button",
+        onClick: handleToggle,
+        className: "w-full flex items-center justify-between gap-2 p-4 text-left border-b hover:bg-gray-50/80 transition-colors",
+        children: [
+          /* @__PURE__ */ jsx("h3", { className: "text-lg font-medium", children: title }),
+          /* @__PURE__ */ jsx("span", { className: "flex-shrink-0 text-muted-foreground", "aria-hidden": true, children: expanded ? /* @__PURE__ */ jsx(ChevronDown, { className: "h-5 w-5" }) : /* @__PURE__ */ jsx(ChevronRight, { className: "h-5 w-5" }) })
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsx("div", { className: contentClassName, children: /* @__PURE__ */ jsx("div", { className: "p-4 pt-4 space-y-4 border-t-0", children }) })
+  ] });
+};
+var ColumnLayout = ({
+  columns,
+  label,
+  children
+}) => {
+  const gridCols = Math.max(1, Math.min(columns, 12));
+  const gridClass = `grid gap-4 w-full`;
+  const style = {
+    gridTemplateColumns: `repeat(${gridCols}, minmax(0, 1fr))`
+  };
+  return /* @__PURE__ */ jsxs("div", { className: "mb-6", children: [
+    label != null && label !== "" && /* @__PURE__ */ jsx("div", { className: "mb-2 text-sm font-medium text-gray-700", children: label }),
+    /* @__PURE__ */ jsx("div", { className: gridClass, style, children })
   ] });
 };
 var DynamicForm = () => {
@@ -9215,14 +10489,24 @@ var SmartForm = ({
       if (position !== "left") return null;
       return /* @__PURE__ */ jsx(FieldRenderer, { fieldId }, fieldId);
     }) }),
-    /* @__PURE__ */ jsx("div", { className: "col-span-2 grid grid-cols-2 gap-x-2 space-y-2", children: fieldIds.map((fieldId) => {
+    /* @__PURE__ */ 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__ */ jsx("div", { className: colSpan === 2 ? "col-span-2" : "col-span-1", children: /* @__PURE__ */ jsx(FieldRenderer, { fieldId }) }, fieldId);
+      return /* @__PURE__ */ jsx(
+        "div",
+        {
+          className: cn(
+            "min-h-0 flex flex-col",
+            colSpan === 2 ? "col-span-2" : "col-span-1 h-full"
+          ),
+          children: /* @__PURE__ */ jsx(FieldRenderer, { fieldId })
+        },
+        fieldId
+      );
     }) }),
     /* @__PURE__ */ jsx("div", { className: "col-span-1 flex flex-col gap-2", children: fieldIds.map((fieldId) => {
       const fieldDef = store.getFieldDef(fieldId);
@@ -9670,11 +10954,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__ */ jsx(ReadOnlyText, { fieldDef, value });
@@ -9712,8 +11002,30 @@ var ReadOnlyFieldRenderer = ({ fieldDef, value }) => {
       ] });
     }
     case "suggestion_textarea":
-    case "complaint_chips":
-      return /* @__PURE__ */ jsx(ReadOnlyText, { fieldDef, value });
+    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__ */ jsx(ReadOnlyText, { fieldDef, value });
+      }
+      return /* @__PURE__ */ jsxs("div", { className: "space-y-3", children: [
+        /* @__PURE__ */ jsx(ReadOnlyText, { fieldDef, value }),
+        /* @__PURE__ */ 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__ */ 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 : "";
@@ -9789,6 +11101,44 @@ var ReadOnlyFieldRenderer = ({ fieldDef, value }) => {
       const lines = [`Right eye (OD): ${od}`, `Left eye (OS): ${os}`].join("\n");
       return /* @__PURE__ */ 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__ */ jsx(ReadOnlyText, { fieldDef, value: lines });
+    }
+    case "general_surgery_smart_history":
+    case "general_surgery_grading":
+      return /* @__PURE__ */ 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__ */ jsxs("div", { className: "space-y-4", children: [
+        /* @__PURE__ */ jsx(ReadOnlyText, { fieldDef, value: structuredDisplay }),
+        clinicalDef ? /* @__PURE__ */ jsx(ReadOnlyText, { fieldDef: clinicalDef, value: clinicalStr }) : clinicalStr ? /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+          /* @__PURE__ */ jsx("p", { className: "text-sm font-medium text-gray-700", children: "Clinical examination" }),
+          /* @__PURE__ */ 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";
@@ -9835,7 +11185,9 @@ var ReadOnlyForm = ({ schema, submission }) => {
               ReadOnlyFieldRenderer,
               {
                 fieldDef,
-                value: formData[child]
+                value: formData[child],
+                allValues: formData,
+                resolveFieldDef: (id) => fieldMap.get(id)
               },
               child
             ) : null;
@@ -9854,7 +11206,9 @@ var ReadOnlyForm = ({ schema, submission }) => {
                   ReadOnlyFieldRenderer,
                   {
                     fieldDef,
-                    value: formData[fieldId]
+                    value: formData[fieldId],
+                    allValues: formData,
+                    resolveFieldDef: (id) => fieldMap.get(id)
                   },
                   fieldId
                 ))
@@ -9885,7 +11239,9 @@ var ReadOnlyForm = ({ schema, submission }) => {
               ReadOnlyFieldRenderer,
               {
                 fieldDef,
-                value: formData[fieldId]
+                value: formData[fieldId],
+                allValues: formData,
+                resolveFieldDef: (id) => fieldMap.get(id)
               },
               fieldId
             ))