formanitor 0.2.2 → 0.2.4

package/dist/TreatmentPlanWidget-665HLKYV.mjs

@@ -0,0 +1,317 @@
+import { Panel } from './chunk-EJ7MKHER.mjs';
+import { Textarea } from './chunk-4BAKQIPJ.mjs';
+import { isLabelVisible, FieldRequiredIndicator, fieldLabelClass, fieldWrapperClass } from './chunk-WYVXXEZI.mjs';
+import { useForm } from './chunk-T3UHPMFX.mjs';
+import { Input } from './chunk-VNFBUAZD.mjs';
+import { Select, SelectTrigger, SelectValue, SelectContent, SelectItem } from './chunk-AZHTIUOL.mjs';
+import { useField } from './chunk-2BGJZ44Q.mjs';
+import { Label } from './chunk-HEFZA2AH.mjs';
+import { cn } from './chunk-VPU66PI6.mjs';
+import { useMemo } from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+// src/core/treatmentPlanForms.ts
+var TOOTH_FIELD = {
+  type: "text",
+  key: "teeth",
+  label: "Tooth / teeth",
+  placeholder: "e.g. 16, 26"
+};
+var NOTES_FIELD = {
+  type: "textarea",
+  key: "notes",
+  label: "Notes",
+  placeholder: "Additional details\u2026"
+};
+var TREATMENT_FORM_CONFIGS = {
+  "Scaling & Polishing": {
+    fields: [
+      { type: "select", key: "frequency", label: "Frequency", options: ["Once", "Twice yearly", "Quarterly", "As needed"] },
+      NOTES_FIELD
+    ]
+  },
+  "Extraction": {
+    fields: [
+      TOOTH_FIELD,
+      { type: "select", key: "extractionType", label: "Type", options: ["Simple", "Surgical"] },
+      NOTES_FIELD
+    ]
+  },
+  "Filling (Composite)": {
+    fields: [
+      TOOTH_FIELD,
+      { type: "text", key: "surface", label: "Surface(s)", placeholder: "e.g. MO, DO, MOD" },
+      { type: "select", key: "shade", label: "Shade", options: ["A1", "A2", "A3", "A3.5", "B1", "B2", "B3", "C2", "D3"] },
+      NOTES_FIELD
+    ]
+  },
+  "Filling (Amalgam)": {
+    fields: [
+      TOOTH_FIELD,
+      { type: "text", key: "surface", label: "Surface(s)", placeholder: "e.g. MO, DO, MOD" },
+      NOTES_FIELD
+    ]
+  },
+  "Root Canal Treatment (RCT)": {
+    fields: [
+      TOOTH_FIELD,
+      { type: "number", key: "sessions", label: "Sessions planned", min: 1, max: 10, placeholder: "1" },
+      NOTES_FIELD
+    ]
+  },
+  "Crown": {
+    fields: [
+      TOOTH_FIELD,
+      { type: "select", key: "material", label: "Material", options: ["PFM", "Zirconia", "E-max", "Metal", "Acrylic (temp)"] },
+      NOTES_FIELD
+    ]
+  },
+  "Bridge": {
+    fields: [
+      { type: "text", key: "span", label: "Span (from \u2013 to)", placeholder: "e.g. 14\u201316" },
+      { type: "select", key: "material", label: "Material", options: ["PFM", "Zirconia", "E-max", "Metal"] },
+      NOTES_FIELD
+    ]
+  },
+  "Implant": {
+    fields: [
+      { type: "text", key: "site", label: "Implant site", placeholder: "e.g. 36" },
+      { type: "select", key: "timing", label: "Timing", options: ["Immediate", "Delayed", "Staged"] },
+      NOTES_FIELD
+    ]
+  },
+  "Orthodontic Treatment": {
+    fields: [
+      { type: "select", key: "applianceType", label: "Appliance", options: ["Metal braces", "Ceramic braces", "Clear aligners", "Retainer", "Functional appliance"] },
+      { type: "number", key: "durationMonths", label: "Est. duration (months)", min: 1, max: 60, placeholder: "12" },
+      NOTES_FIELD
+    ]
+  },
+  "Dentures (Complete)": {
+    fields: [
+      { type: "select", key: "jaw", label: "Jaw", options: ["Upper", "Lower", "Both"] },
+      { type: "select", key: "material", label: "Material", options: ["Acrylic", "Flexible (Valplast)", "Metal-based"] },
+      NOTES_FIELD
+    ]
+  },
+  "Dentures (Partial)": {
+    fields: [
+      { type: "select", key: "jaw", label: "Jaw", options: ["Upper", "Lower", "Both"] },
+      { type: "text", key: "missingTeeth", label: "Missing teeth", placeholder: "e.g. 14, 15, 24" },
+      { type: "select", key: "material", label: "Material", options: ["Acrylic", "Flexible (Valplast)", "Cast metal (Co-Cr)"] },
+      NOTES_FIELD
+    ]
+  },
+  "Fluoride Application": {
+    fields: [
+      { type: "select", key: "fluorideType", label: "Type", options: ["Varnish", "Gel", "Foam"] },
+      { type: "select", key: "concentration", label: "Concentration", options: ["1000 ppm", "2800 ppm", "5000 ppm"] },
+      NOTES_FIELD
+    ]
+  },
+  "Fissure Sealant": {
+    fields: [
+      TOOTH_FIELD,
+      NOTES_FIELD
+    ]
+  },
+  "Pulpotomy": {
+    fields: [TOOTH_FIELD, NOTES_FIELD]
+  },
+  "Pulpectomy": {
+    fields: [TOOTH_FIELD, NOTES_FIELD]
+  },
+  "Surgical Extraction": {
+    fields: [
+      TOOTH_FIELD,
+      NOTES_FIELD
+    ]
+  },
+  "Periodontal Surgery": {
+    fields: [
+      { type: "select", key: "surgeryType", label: "Procedure", options: ["Flap surgery", "Bone graft", "GTR", "Gingivectomy", "Crown lengthening"] },
+      { type: "text", key: "region", label: "Region", placeholder: "e.g. upper right quadrant" },
+      NOTES_FIELD
+    ]
+  },
+  "Whitening / Bleaching": {
+    fields: [
+      { type: "select", key: "whiteningType", label: "Type", options: ["In-office", "Home kit", "Combined"] },
+      { type: "select", key: "shadeGoal", label: "Shade goal", options: ["A1", "B1", "B0.5", "As white as possible"] },
+      NOTES_FIELD
+    ]
+  },
+  "Referral \u2013 Specialist": {
+    fields: [
+      { type: "select", key: "specialty", label: "Specialty", options: ["Orthodontist", "Periodontist", "Oral Surgeon", "Endodontist", "Prosthodontist", "Paedodontist", "Oral Medicine", "Other"] },
+      { type: "text", key: "referTo", label: "Refer to (name / clinic)", placeholder: "Dr. / Clinic name" },
+      NOTES_FIELD
+    ]
+  }
+};
+var DEFAULT_TREATMENT_FORM = {
+  fields: [NOTES_FIELD]
+};
+function getTreatmentFormConfig(treatmentValue) {
+  return TREATMENT_FORM_CONFIGS[treatmentValue] ?? DEFAULT_TREATMENT_FORM;
+}
+function normalizeTreatmentPlan(raw) {
+  if (Array.isArray(raw)) {
+    return { selected: raw.filter((x) => typeof x === "string"), details: {} };
+  }
+  if (raw && typeof raw === "object" && !Array.isArray(raw)) {
+    const o = raw;
+    const selected = Array.isArray(o.selected) ? o.selected.filter((x) => typeof x === "string") : [];
+    const details = o.details && typeof o.details === "object" && !Array.isArray(o.details) ? o.details : {};
+    return { selected, details };
+  }
+  return { selected: [], details: {} };
+}
+function normalizeOptions(raw) {
+  if (!Array.isArray(raw) || raw.length === 0) return [];
+  if (typeof raw[0] === "string") {
+    return raw.map((s) => ({ label: s, value: s }));
+  }
+  return raw;
+}
+function TreatmentField({
+  field,
+  value,
+  onChange,
+  disabled
+}) {
+  return /* @__PURE__ */ jsxs("label", { className: "space-y-1 block", children: [
+    /* @__PURE__ */ jsx("span", { className: "block text-xs font-medium text-slate-700", children: field.label }),
+    field.type === "select" ? /* @__PURE__ */ jsxs(
+      Select,
+      {
+        value: value || "none",
+        onValueChange: (v) => onChange(v === "none" ? "" : v),
+        disabled,
+        children: [
+          /* @__PURE__ */ jsx(SelectTrigger, { className: "h-7 text-xs", children: /* @__PURE__ */ jsx(SelectValue, { placeholder: "\u2014" }) }),
+          /* @__PURE__ */ jsxs(SelectContent, { children: [
+            /* @__PURE__ */ jsx(SelectItem, { value: "none", children: "\u2014" }),
+            field.options.map((opt) => /* @__PURE__ */ jsx(SelectItem, { value: opt, children: opt }, opt))
+          ] })
+        ]
+      }
+    ) : field.type === "textarea" ? /* @__PURE__ */ jsx(
+      Textarea,
+      {
+        className: "min-h-[52px] resize-none text-xs",
+        placeholder: field.placeholder,
+        value,
+        onChange: (e) => onChange(e.target.value),
+        disabled
+      }
+    ) : /* @__PURE__ */ jsx(
+      Input,
+      {
+        type: field.type === "number" ? "number" : "text",
+        className: "h-7 text-xs",
+        placeholder: field.placeholder,
+        value,
+        min: field.type === "number" ? field.min : void 0,
+        max: field.type === "number" ? field.max : void 0,
+        onChange: (e) => onChange(e.target.value),
+        disabled
+      }
+    )
+  ] });
+}
+var TreatmentPlanWidget = ({ fieldId }) => {
+  const { fieldDef, value, setValue, setTouched, error, disabled, touched } = useField(fieldId);
+  const { state } = useForm();
+  const showError = !!error && (touched || state.submitAttempted);
+  const options = useMemo(
+    () => normalizeOptions(fieldDef?.options),
+    [fieldDef]
+  );
+  const safe = useMemo(() => normalizeTreatmentPlan(value), [value]);
+  const update = (next) => {
+    setValue(next);
+    setTouched();
+  };
+  const toggleTreatment = (val) => {
+    const isSelected = safe.selected.includes(val);
+    const nextSelected = isSelected ? safe.selected.filter((v) => v !== val) : [...safe.selected, val];
+    const nextDetails = { ...safe.details };
+    if (isSelected) delete nextDetails[val];
+    update({ selected: nextSelected, details: nextDetails });
+  };
+  const updateDetail = (treatment, key, val) => {
+    update({
+      ...safe,
+      details: {
+        ...safe.details,
+        [treatment]: { ...safe.details[treatment] ?? {}, [key]: val }
+      }
+    });
+  };
+  if (!fieldDef) return null;
+  const showLabel = isLabelVisible(fieldDef);
+  const bodyClass = cn(
+    "flex min-w-0 flex-col gap-3 bg-white px-3 py-3",
+    disabled && "pointer-events-none opacity-60"
+  );
+  return /* @__PURE__ */ jsxs("div", { className: fieldWrapperClass(fieldDef, "space-y-2"), children: [
+    showLabel && /* @__PURE__ */ jsxs(Label, { className: fieldLabelClass(fieldDef), children: [
+      fieldDef.label,
+      " ",
+      /* @__PURE__ */ jsx(FieldRequiredIndicator, { fieldDef })
+    ] }),
+    /* @__PURE__ */ jsx("div", { className: cn(
+      "w-full min-w-0 overflow-hidden rounded-md border border-[#D0D0D0] flex flex-col",
+      showError && "border-red-500"
+    ), children: /* @__PURE__ */ jsxs("div", { className: bodyClass, children: [
+      /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
+        /* @__PURE__ */ jsx("span", { className: "text-xs font-medium text-muted-foreground", children: "Select treatments to add details" }),
+        options.length === 0 && /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: "No options configured" }),
+        /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-2", children: options.map((opt) => {
+          const on = safe.selected.includes(opt.value);
+          return /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              onClick: () => toggleTreatment(opt.value),
+              disabled,
+              "aria-pressed": on,
+              className: cn(
+                "rounded-full border px-3 py-1 text-[11px] transition-colors",
+                on ? "border-rose-500 bg-rose-50 text-rose-700" : "border-slate-300 bg-white text-slate-600 hover:bg-slate-50"
+              ),
+              children: opt.label
+            },
+            opt.value
+          );
+        }) })
+      ] }),
+      safe.selected.map((val) => {
+        const cfg = getTreatmentFormConfig(val);
+        const detail = safe.details[val] ?? {};
+        return /* @__PURE__ */ jsx(Panel, { title: val, children: /* @__PURE__ */ jsx("div", { className: "grid grid-cols-2 gap-3 md:grid-cols-3", children: cfg.fields.map((field) => /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: field.type === "textarea" ? "col-span-2 md:col-span-3" : "",
+            children: /* @__PURE__ */ jsx(
+              TreatmentField,
+              {
+                field,
+                value: detail[field.key] ?? "",
+                onChange: (v) => updateDetail(val, field.key, v),
+                disabled
+              }
+            )
+          },
+          field.key
+        )) }) }, val);
+      })
+    ] }) }),
+    showError && /* @__PURE__ */ jsx("p", { className: "text-xs text-red-500", children: error })
+  ] });
+};
+
+export { TreatmentPlanWidget };
+//# sourceMappingURL=TreatmentPlanWidget-665HLKYV.mjs.map
+//# sourceMappingURL=TreatmentPlanWidget-665HLKYV.mjs.map

package/dist/TreatmentPlanWidget-665HLKYV.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/core/treatmentPlanForms.ts","../src/ui/widgets/TreatmentPlanWidget.tsx"],"names":[],"mappings":"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","file":"TreatmentPlanWidget-665HLKYV.mjs","sourcesContent":["/** Per-treatment mini-form configuration for TreatmentPlanWidget */\n\n// ─── Field types ──────────────────────────────────────────────────────────────\n\nexport type TreatmentFormField =\n  | { type: 'text';     key: string; label: string; placeholder?: string }\n  | { type: 'select';   key: string; label: string; options: string[] }\n  | { type: 'number';   key: string; label: string; min?: number; max?: number; placeholder?: string }\n  | { type: 'textarea'; key: string; label: string; placeholder?: string };\n\nexport type TreatmentFormConfig = {\n  fields: TreatmentFormField[];\n};\n\n// ─── Per-treatment form configs ───────────────────────────────────────────────\n\nconst TOOTH_FIELD: TreatmentFormField = {\n  type: 'text', key: 'teeth', label: 'Tooth / teeth', placeholder: 'e.g. 16, 26',\n};\nconst NOTES_FIELD: TreatmentFormField = {\n  type: 'textarea', key: 'notes', label: 'Notes', placeholder: 'Additional details…',\n};\n\nexport const TREATMENT_FORM_CONFIGS: Record<string, TreatmentFormConfig> = {\n  'Scaling & Polishing': {\n    fields: [\n      { type: 'select', key: 'frequency', label: 'Frequency', options: ['Once', 'Twice yearly', 'Quarterly', 'As needed'] },\n      NOTES_FIELD,\n    ],\n  },\n  'Extraction': {\n    fields: [\n      TOOTH_FIELD,\n      { type: 'select', key: 'extractionType', label: 'Type', options: ['Simple', 'Surgical'] },\n      NOTES_FIELD,\n    ],\n  },\n  'Filling (Composite)': {\n    fields: [\n      TOOTH_FIELD,\n      { type: 'text', key: 'surface', label: 'Surface(s)', placeholder: 'e.g. MO, DO, MOD' },\n      { type: 'select', key: 'shade', label: 'Shade', options: ['A1', 'A2', 'A3', 'A3.5', 'B1', 'B2', 'B3', 'C2', 'D3'] },\n      NOTES_FIELD,\n    ],\n  },\n  'Filling (Amalgam)': {\n    fields: [\n      TOOTH_FIELD,\n      { type: 'text', key: 'surface', label: 'Surface(s)', placeholder: 'e.g. MO, DO, MOD' },\n      NOTES_FIELD,\n    ],\n  },\n  'Root Canal Treatment (RCT)': {\n    fields: [\n      TOOTH_FIELD,\n      { type: 'number', key: 'sessions', label: 'Sessions planned', min: 1, max: 10, placeholder: '1' },\n      NOTES_FIELD,\n    ],\n  },\n  'Crown': {\n    fields: [\n      TOOTH_FIELD,\n      { type: 'select', key: 'material', label: 'Material', options: ['PFM', 'Zirconia', 'E-max', 'Metal', 'Acrylic (temp)'] },\n      NOTES_FIELD,\n    ],\n  },\n  'Bridge': {\n    fields: [\n      { type: 'text', key: 'span', label: 'Span (from – to)', placeholder: 'e.g. 14–16' },\n      { type: 'select', key: 'material', label: 'Material', options: ['PFM', 'Zirconia', 'E-max', 'Metal'] },\n      NOTES_FIELD,\n    ],\n  },\n  'Implant': {\n    fields: [\n      { type: 'text', key: 'site', label: 'Implant site', placeholder: 'e.g. 36' },\n      { type: 'select', key: 'timing', label: 'Timing', options: ['Immediate', 'Delayed', 'Staged'] },\n      NOTES_FIELD,\n    ],\n  },\n  'Orthodontic Treatment': {\n    fields: [\n      { type: 'select', key: 'applianceType', label: 'Appliance', options: ['Metal braces', 'Ceramic braces', 'Clear aligners', 'Retainer', 'Functional appliance'] },\n      { type: 'number', key: 'durationMonths', label: 'Est. duration (months)', min: 1, max: 60, placeholder: '12' },\n      NOTES_FIELD,\n    ],\n  },\n  'Dentures (Complete)': {\n    fields: [\n      { type: 'select', key: 'jaw', label: 'Jaw', options: ['Upper', 'Lower', 'Both'] },\n      { type: 'select', key: 'material', label: 'Material', options: ['Acrylic', 'Flexible (Valplast)', 'Metal-based'] },\n      NOTES_FIELD,\n    ],\n  },\n  'Dentures (Partial)': {\n    fields: [\n      { type: 'select', key: 'jaw', label: 'Jaw', options: ['Upper', 'Lower', 'Both'] },\n      { type: 'text', key: 'missingTeeth', label: 'Missing teeth', placeholder: 'e.g. 14, 15, 24' },\n      { type: 'select', key: 'material', label: 'Material', options: ['Acrylic', 'Flexible (Valplast)', 'Cast metal (Co-Cr)'] },\n      NOTES_FIELD,\n    ],\n  },\n  'Fluoride Application': {\n    fields: [\n      { type: 'select', key: 'fluorideType', label: 'Type', options: ['Varnish', 'Gel', 'Foam'] },\n      { type: 'select', key: 'concentration', label: 'Concentration', options: ['1000 ppm', '2800 ppm', '5000 ppm'] },\n      NOTES_FIELD,\n    ],\n  },\n  'Fissure Sealant': {\n    fields: [\n      TOOTH_FIELD,\n      NOTES_FIELD,\n    ],\n  },\n  'Pulpotomy': {\n    fields: [TOOTH_FIELD, NOTES_FIELD],\n  },\n  'Pulpectomy': {\n    fields: [TOOTH_FIELD, NOTES_FIELD],\n  },\n  'Surgical Extraction': {\n    fields: [\n      TOOTH_FIELD,\n      NOTES_FIELD,\n    ],\n  },\n  'Periodontal Surgery': {\n    fields: [\n      { type: 'select', key: 'surgeryType', label: 'Procedure', options: ['Flap surgery', 'Bone graft', 'GTR', 'Gingivectomy', 'Crown lengthening'] },\n      { type: 'text', key: 'region', label: 'Region', placeholder: 'e.g. upper right quadrant' },\n      NOTES_FIELD,\n    ],\n  },\n  'Whitening / Bleaching': {\n    fields: [\n      { type: 'select', key: 'whiteningType', label: 'Type', options: ['In-office', 'Home kit', 'Combined'] },\n      { type: 'select', key: 'shadeGoal', label: 'Shade goal', options: ['A1', 'B1', 'B0.5', 'As white as possible'] },\n      NOTES_FIELD,\n    ],\n  },\n  'Referral – Specialist': {\n    fields: [\n      { type: 'select', key: 'specialty', label: 'Specialty', options: ['Orthodontist', 'Periodontist', 'Oral Surgeon', 'Endodontist', 'Prosthodontist', 'Paedodontist', 'Oral Medicine', 'Other'] },\n      { type: 'text', key: 'referTo', label: 'Refer to (name / clinic)', placeholder: 'Dr. / Clinic name' },\n      NOTES_FIELD,\n    ],\n  },\n};\n\n/** Fallback config for any custom option not in the map above */\nexport const DEFAULT_TREATMENT_FORM: TreatmentFormConfig = {\n  fields: [NOTES_FIELD],\n};\n\nexport function getTreatmentFormConfig(treatmentValue: string): TreatmentFormConfig {\n  return TREATMENT_FORM_CONFIGS[treatmentValue] ?? DEFAULT_TREATMENT_FORM;\n}\n\n// ─── Value shape ──────────────────────────────────────────────────────────────\n\nexport type TreatmentPlanValue = {\n  selected: string[];\n  details: Record<string, Record<string, string>>;\n};\n\nexport function normalizeTreatmentPlan(raw: unknown): TreatmentPlanValue {\n  if (Array.isArray(raw)) {\n    // Legacy: plain string[] — lift to new shape\n    return { selected: raw.filter((x) => typeof x === 'string'), details: {} };\n  }\n  if (raw && typeof raw === 'object' && !Array.isArray(raw)) {\n    const o = raw as Record<string, unknown>;\n    const selected = Array.isArray(o.selected)\n      ? (o.selected as unknown[]).filter((x): x is string => typeof x === 'string')\n      : [];\n    const details =\n      o.details && typeof o.details === 'object' && !Array.isArray(o.details)\n        ? (o.details as Record<string, Record<string, string>>)\n        : {};\n    return { selected, details };\n  }\n  return { selected: [], details: {} };\n}\n","import React, { useMemo } from 'react';\nimport { useField } from '../../react/useField';\nimport { useForm } from '../../react/useForm';\nimport { Label } from '../shadcn/label';\nimport { Input } from '../shadcn/input';\nimport { Textarea } from '../shadcn/textarea';\nimport {\n  Select,\n  SelectContent,\n  SelectItem,\n  SelectTrigger,\n  SelectValue,\n} from '../shadcn/select';\nimport { cn } from '../../core/utils';\nimport { Panel } from './_obgPanels';\nimport {\n  normalizeTreatmentPlan,\n  getTreatmentFormConfig,\n  type TreatmentPlanValue,\n  type TreatmentFormField,\n} from '../../core/treatmentPlanForms';\nimport type { TreatmentPlanFieldDef } from '../../core/types';\nimport {\n  FieldRequiredIndicator,\n  fieldLabelClass,\n  fieldWrapperClass,\n  isLabelVisible,\n} from '../../react/fieldStyle';\n\n/** Normalises the `options` field — accepts both `string[]` and `{label,value}[]`. */\nfunction normalizeOptions(raw: TreatmentPlanFieldDef['options']): { label: string; value: string }[] {\n  if (!Array.isArray(raw) || raw.length === 0) return [];\n  if (typeof raw[0] === 'string') {\n    return (raw as string[]).map((s) => ({ label: s, value: s }));\n  }\n  return raw as { label: string; value: string }[];\n}\n\n// ─── Mini form field renderer ─────────────────────────────────────────────────\n\nfunction TreatmentField({\n  field,\n  value,\n  onChange,\n  disabled,\n}: {\n  field: TreatmentFormField;\n  value: string;\n  onChange: (v: string) => void;\n  disabled: boolean;\n}) {\n  return (\n    <label className=\"space-y-1 block\">\n      <span className=\"block text-xs font-medium text-slate-700\">{field.label}</span>\n      {field.type === 'select' ? (\n        <Select\n          value={value || 'none'}\n          onValueChange={(v) => onChange(v === 'none' ? '' : v)}\n          disabled={disabled}\n        >\n          <SelectTrigger className=\"h-7 text-xs\">\n            <SelectValue placeholder=\"—\" />\n          </SelectTrigger>\n          <SelectContent>\n            <SelectItem value=\"none\">—</SelectItem>\n            {field.options.map((opt) => (\n              <SelectItem key={opt} value={opt}>{opt}</SelectItem>\n            ))}\n          </SelectContent>\n        </Select>\n      ) : field.type === 'textarea' ? (\n        <Textarea\n          className=\"min-h-[52px] resize-none text-xs\"\n          placeholder={field.placeholder}\n          value={value}\n          onChange={(e) => onChange(e.target.value)}\n          disabled={disabled}\n        />\n      ) : (\n        <Input\n          type={field.type === 'number' ? 'number' : 'text'}\n          className=\"h-7 text-xs\"\n          placeholder={field.placeholder}\n          value={value}\n          min={field.type === 'number' ? field.min : undefined}\n          max={field.type === 'number' ? field.max : undefined}\n          onChange={(e) => onChange(e.target.value)}\n          disabled={disabled}\n        />\n      )}\n    </label>\n  );\n}\n\n// ─── Widget ───────────────────────────────────────────────────────────────────\n\nexport const TreatmentPlanWidget: React.FC<{ fieldId: string }> = ({ fieldId }) => {\n  const { fieldDef, value, setValue, setTouched, error, disabled, touched } = useField(fieldId);\n  const { state } = useForm();\n  const showError = !!error && (touched || state.submitAttempted);\n\n  const options = useMemo(\n    () => normalizeOptions((fieldDef as TreatmentPlanFieldDef | undefined)?.options),\n    [fieldDef],\n  );\n\n  const safe = useMemo(() => normalizeTreatmentPlan(value), [value]);\n\n  const update = (next: TreatmentPlanValue) => {\n    setValue(next);\n    setTouched();\n  };\n\n  const toggleTreatment = (val: string) => {\n    const isSelected = safe.selected.includes(val);\n    const nextSelected = isSelected\n      ? safe.selected.filter((v) => v !== val)\n      : [...safe.selected, val];\n    const nextDetails = { ...safe.details };\n    if (isSelected) delete nextDetails[val];\n    update({ selected: nextSelected, details: nextDetails });\n  };\n\n  const updateDetail = (treatment: string, key: string, val: string) => {\n    update({\n      ...safe,\n      details: {\n        ...safe.details,\n        [treatment]: { ...(safe.details[treatment] ?? {}), [key]: val },\n      },\n    });\n  };\n\n  if (!fieldDef) return null;\n  const showLabel = isLabelVisible(fieldDef);\n\n  const bodyClass = cn(\n    'flex min-w-0 flex-col gap-3 bg-white px-3 py-3',\n    disabled && 'pointer-events-none opacity-60',\n  );\n\n  return (\n    <div className={fieldWrapperClass(fieldDef, 'space-y-2')}>\n      {showLabel && (\n        <Label className={fieldLabelClass(fieldDef)}>\n          {fieldDef.label} <FieldRequiredIndicator fieldDef={fieldDef} />\n        </Label>\n      )}\n\n      <div className={cn(\n        'w-full min-w-0 overflow-hidden rounded-md border border-[#D0D0D0] flex flex-col',\n        showError && 'border-red-500',\n      )}>\n        <div className={bodyClass}>\n          {/* Treatment chips */}\n          <div className=\"space-y-1\">\n            <span className=\"text-xs font-medium text-muted-foreground\">\n              Select treatments to add details\n            </span>\n            {options.length === 0 && (\n              <p className=\"text-xs text-muted-foreground\">No options configured</p>\n            )}\n            <div className=\"flex flex-wrap gap-2\">\n              {options.map((opt) => {\n                const on = safe.selected.includes(opt.value);\n                return (\n                  <button\n                    key={opt.value}\n                    type=\"button\"\n                    onClick={() => toggleTreatment(opt.value)}\n                    disabled={disabled}\n                    aria-pressed={on}\n                    className={cn(\n                      'rounded-full border px-3 py-1 text-[11px] transition-colors',\n                      on\n                        ? 'border-rose-500 bg-rose-50 text-rose-700'\n                        : 'border-slate-300 bg-white text-slate-600 hover:bg-slate-50',\n                    )}\n                  >\n                    {opt.label}\n                  </button>\n                );\n              })}\n            </div>\n          </div>\n\n          {/* Mini form panel per selected treatment */}\n          {safe.selected.map((val) => {\n            const cfg = getTreatmentFormConfig(val);\n            const detail = safe.details[val] ?? {};\n            return (\n              <Panel key={val} title={val}>\n                <div className=\"grid grid-cols-2 gap-3 md:grid-cols-3\">\n                  {cfg.fields.map((field) => (\n                    <div\n                      key={field.key}\n                      className={field.type === 'textarea' ? 'col-span-2 md:col-span-3' : ''}\n                    >\n                      <TreatmentField\n                        field={field}\n                        value={detail[field.key] ?? ''}\n                        onChange={(v) => updateDetail(val, field.key, v)}\n                        disabled={disabled}\n                      />\n                    </div>\n                  ))}\n                </div>\n              </Panel>\n            );\n          })}\n        </div>\n      </div>\n\n      {showError && (\n        <p className=\"text-xs text-red-500\">{error}</p>\n      )}\n    </div>\n  );\n};\n"]}