formanitor 0.1.11 → 0.2.0

package/dist/AddProcedureWidget-NB46COB6.mjs

@@ -0,0 +1,276 @@
+import { AddEntityDialog } from './chunk-GZPCYSJK.mjs';
+import { Input } from './chunk-VNFBUAZD.mjs';
+import { useField, useFieldHandlers, useFrequentItems } from './chunk-ZGPHTPAN.mjs';
+import { cn } from './chunk-VPU66PI6.mjs';
+import { useState, useRef, useEffect } from 'react';
+import { X, Check } from 'lucide-react';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var ADD_FEEDBACK_MS = 320;
+function mapToProcedure(result) {
+  return {
+    ...result,
+    label: result.name,
+    is_custom: false,
+    fromAI: false
+  };
+}
+function createCustomProcedure(trimmedName) {
+  return { name: trimmedName.trim(), is_custom: true };
+}
+var AddProcedureField = ({
+  label = "Procedures",
+  value,
+  onChange,
+  onSearch,
+  recentlyUsed = [],
+  frequentItems = []
+}) => {
+  const [open, setOpen] = useState(false);
+  const [query, setQuery] = useState("");
+  const [results, setResults] = useState([]);
+  const [loading, setLoading] = useState(false);
+  const [addingId, setAddingId] = useState(null);
+  const [addingFrequentId, setAddingFrequentId] = useState(null);
+  const debounceRef = useRef(null);
+  const valueRef = useRef([]);
+  const searchInputRef = useRef(null);
+  const safeValue = Array.isArray(value) ? value : [];
+  valueRef.current = safeValue;
+  const addedIds = new Set(
+    safeValue.filter((proc) => !proc.is_custom).map((proc) => proc.id)
+  );
+  useEffect(() => {
+    if (!open) {
+      setQuery("");
+      setResults([]);
+      setAddingId(null);
+      setAddingFrequentId(null);
+    }
+  }, [open]);
+  function handleQueryChange(q) {
+    setQuery(q);
+    if (debounceRef.current) clearTimeout(debounceRef.current);
+    if (!q.trim()) {
+      setResults([]);
+      return;
+    }
+    debounceRef.current = setTimeout(async () => {
+      setLoading(true);
+      try {
+        const res = await onSearch(q);
+        setResults(res);
+      } finally {
+        setLoading(false);
+      }
+    }, 500);
+  }
+  function addProcedure(result) {
+    if (!addedIds.has(result.id)) {
+      onChange([...valueRef.current, mapToProcedure(result)]);
+    }
+    setQuery("");
+    setResults([]);
+  }
+  function handleResultClick(result) {
+    if (addedIds.has(result.id)) return;
+    setAddingId(result.id);
+    setTimeout(() => {
+      addProcedure(result);
+      setAddingId(null);
+      setTimeout(() => searchInputRef.current?.focus(), 0);
+    }, ADD_FEEDBACK_MS);
+  }
+  function removeAt(index) {
+    onChange(safeValue.filter((_, i) => i !== index));
+  }
+  function removeBySearchId(id) {
+    onChange(safeValue.filter((proc) => proc.is_custom || proc.id !== id));
+  }
+  function handleAddCustom() {
+    const trimmed = query.trim();
+    if (!trimmed) return;
+    if (valueRef.current.some((p) => p.is_custom && p.name === trimmed)) return;
+    onChange([...valueRef.current, createCustomProcedure(trimmed)]);
+    setQuery("");
+    setResults([]);
+  }
+  function handleRecentlyUsedToggle(result) {
+    if (addedIds.has(result.id)) {
+      removeBySearchId(result.id);
+    } else {
+      addProcedure(result);
+    }
+  }
+  async function handleFrequentItemToggle(item) {
+    const id = String(item.id);
+    const addedById = addedIds.has(id);
+    const addedByName = safeValue.some((proc) => proc.name === item.name);
+    if (addedById || addedByName) {
+      if (addedById) removeBySearchId(id);
+      else onChange(safeValue.filter((proc) => proc.name !== item.name));
+      return;
+    }
+    setAddingFrequentId(id);
+    try {
+      const searchResults = await onSearch(item.name);
+      const first = searchResults?.[0];
+      if (first && !valueRef.current.some((proc) => !proc.is_custom && proc.id === first.id)) {
+        onChange([...valueRef.current, mapToProcedure(first)]);
+      }
+    } finally {
+      setAddingFrequentId(null);
+    }
+  }
+  const recentlyUsedChips = recentlyUsed.map((r) => {
+    const isAdded = addedIds.has(r.id);
+    return /* @__PURE__ */ jsxs(
+      "button",
+      {
+        type: "button",
+        onClick: () => handleRecentlyUsedToggle(r),
+        className: cn(
+          "rounded-full border text-xs px-3 py-1 transition-colors",
+          isAdded ? "border-green-300 bg-green-50 text-green-700" : "border-border bg-white hover:bg-gray-50"
+        ),
+        children: [
+          isAdded && /* @__PURE__ */ jsx("span", { className: "mr-1", children: "\u2713" }),
+          r.name
+        ]
+      },
+      r.id
+    );
+  });
+  const limitedFrequentItems = frequentItems.slice(0, 25);
+  const frequentItemChips = limitedFrequentItems.length > 0 ? limitedFrequentItems.map((item) => {
+    const id = String(item.id);
+    const isAdded = safeValue.some((proc) => !proc.is_custom && proc.id === id) || safeValue.some((proc) => proc.name === item.name);
+    const isAdding = addingFrequentId === id;
+    return /* @__PURE__ */ jsxs(
+      "button",
+      {
+        type: "button",
+        disabled: isAdding,
+        onClick: () => handleFrequentItemToggle(item),
+        className: cn(
+          "rounded-full border text-xs px-3 py-1 transition-colors",
+          isAdded ? "border-green-300 bg-green-50 text-green-700" : "border-border bg-white hover:bg-gray-50",
+          isAdding && "opacity-70 pointer-events-none"
+        ),
+        children: [
+          isAdded && /* @__PURE__ */ jsx("span", { className: "mr-1", children: "\u2713" }),
+          isAdding ? "\u2026" : item.name
+        ]
+      },
+      item.id
+    );
+  }) : [];
+  return /* @__PURE__ */ jsxs("div", { className: "rounded-md overflow-hidden flex flex-col bg-white border border-[#D0D0D0] space-y-3 p-3 h-fit", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between mb-3", children: [
+      /* @__PURE__ */ jsx("span", { className: "text-sm font-semibold", children: label }),
+      /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          onClick: () => setOpen(true),
+          className: "text-sm font-semibold text-purple-600 hover:text-purple-800 cursor-pointer",
+          children: "ADD"
+        }
+      )
+    ] }),
+    safeValue.length > 0 && /* @__PURE__ */ jsx("div", { className: "divide-y divide-border rounded-lg border border-border overflow-hidden", children: safeValue.map((proc, index) => /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: "flex items-center justify-between px-3 py-2 bg-white hover:bg-gray-50",
+        children: [
+          /* @__PURE__ */ jsx("span", { className: "text-sm", children: proc.name }),
+          /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              onClick: () => removeAt(index),
+              className: "text-muted-foreground hover:text-red-500 transition-colors cursor-pointer",
+              children: /* @__PURE__ */ jsx(X, { className: "h-4 w-4" })
+            }
+          )
+        ]
+      },
+      proc.is_custom ? `custom-${index}` : proc.id
+    )) }),
+    /* @__PURE__ */ jsx(
+      AddEntityDialog,
+      {
+        open,
+        onClose: () => setOpen(false),
+        title: "Add Procedure",
+        recentlyUsedSlot: frequentItemChips.length > 0 ? frequentItemChips : recentlyUsedChips.length > 0 ? recentlyUsedChips : void 0,
+        chipSectionLabel: frequentItemChips.length > 0 ? "Frequently used" : void 0,
+        actionSlot: /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            disabled: !query.trim() || valueRef.current.some((p) => p.is_custom && p.name === query.trim()),
+            onClick: handleAddCustom,
+            className: cn(
+              "rounded-md px-5 py-2 text-sm font-semibold bg-primary text-primary-foreground hover:bg-primary/90 transition-opacity cursor-pointer",
+              (!query.trim() || valueRef.current.some((p) => p.is_custom && p.name === query.trim())) && "opacity-40 cursor-not-allowed"
+            ),
+            children: "Save Procedure"
+          }
+        ),
+        children: /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+          /* @__PURE__ */ jsx(
+            Input,
+            {
+              ref: searchInputRef,
+              value: query,
+              onChange: (e) => handleQueryChange(e.target.value),
+              placeholder: "Search for a procedure...",
+              className: "border border-border rounded-md focus-visible:ring-0"
+            }
+          ),
+          loading && /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground py-1", children: "Searching\u2026" }),
+          !loading && results.length > 0 && /* @__PURE__ */ jsx("div", { className: "border border-border rounded-md overflow-hidden", children: results.map((r) => {
+            const isAdding = addingId === r.id;
+            return /* @__PURE__ */ jsxs(
+              "button",
+              {
+                type: "button",
+                onClick: () => handleResultClick(r),
+                className: cn(
+                  "w-full text-left px-3 py-2 text-sm transition-all duration-300 ease-out border-b border-border last:border-b-0 cursor-pointer flex items-center justify-between gap-2",
+                  isAdding ? "bg-green-50 border-green-200" : "hover:bg-gray-50"
+                ),
+                children: [
+                  /* @__PURE__ */ jsx("span", { className: "truncate", children: r.name }),
+                  isAdding && /* @__PURE__ */ jsx(Check, { className: "h-4 w-4 shrink-0 text-green-600" })
+                ]
+              },
+              r.id
+            );
+          }) })
+        ] })
+      }
+    )
+  ] });
+};
+var AddProcedureWidget = ({ fieldId }) => {
+  const { value, setValue } = useField(fieldId);
+  const handlers = useFieldHandlers(fieldId);
+  const { procedures: frequentProcedures } = useFrequentItems();
+  const safeValue = Array.isArray(value) ? value : [];
+  return /* @__PURE__ */ jsx(
+    AddProcedureField,
+    {
+      value: safeValue,
+      onChange: setValue,
+      onSearch: handlers.onSearch,
+      recentlyUsed: handlers.recentlyUsed,
+      frequentItems: frequentProcedures
+    }
+  );
+};
+
+export { AddProcedureWidget };
+//# sourceMappingURL=AddProcedureWidget-NB46COB6.mjs.map
+//# sourceMappingURL=AddProcedureWidget-NB46COB6.mjs.map

package/dist/AddProcedureWidget-NB46COB6.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/ui/widgets/AddProcedureField.tsx","../src/ui/widgets/AddProcedureWidget.tsx"],"names":["jsx"],"mappings":"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","file":"AddProcedureWidget-NB46COB6.mjs","sourcesContent":["import React, { useState, useRef, useEffect } from 'react';\nimport { X, Check } from 'lucide-react';\nimport { cn } from '../../core/utils';\nimport { Input } from '../shadcn/input';\nimport { AddEntityDialog } from './AddEntityDialog';\nimport type { ProcedureFrequentItem } from '../../core/types';\n\n// ─── Types ────────────────────────────────────────────────────────────────────\n// Matches search API response.results[] shape\n\nexport type ProcedureSearchResult = {\n  id: string;\n  name: string;\n  code?: string;\n  description?: string;\n  specialization?: string;\n  score?: number;\n};\n\n/** Master row from search / frequent resolution — full metadata. */\nexport type MasterProcedure = ProcedureSearchResult & {\n  label: string;\n  is_custom: false;\n  fromAI: boolean;\n};\n\n/** Custom free-text row — only `name` and `is_custom` (no extra keys). */\nexport type CustomProcedure = {\n  name: string;\n  is_custom: true;\n};\n\nexport type Procedure = MasterProcedure | CustomProcedure;\n\nexport type AddProcedureFieldProps = {\n  label?: string;\n  value: Procedure[];\n  onChange: (items: Procedure[]) => void;\n  onSearch: (query: string) => Promise<ProcedureSearchResult[]>;\n  recentlyUsed?: ProcedureSearchResult[];\n  /** Doctor-scoped frequently used procedures (from FormProvider frequentItems) */\n  frequentItems?: ProcedureFrequentItem[];\n};\n\nconst ADD_FEEDBACK_MS = 320;\n\n// ─── Internal helpers ─────────────────────────────────────────────────────────\n\nfunction mapToProcedure(result: ProcedureSearchResult): MasterProcedure {\n  return {\n    ...result,\n    label: result.name,\n    is_custom: false,\n    fromAI: false,\n  };\n}\n\nfunction createCustomProcedure(trimmedName: string): CustomProcedure {\n  return { name: trimmedName.trim(), is_custom: true };\n}\n\n// ─── Main component ───────────────────────────────────────────────────────────\n\nexport const AddProcedureField: React.FC<AddProcedureFieldProps> = ({\n  label = 'Procedures',\n  value,\n  onChange,\n  onSearch,\n  recentlyUsed = [],\n  frequentItems = [],\n}) => {\n  const [open, setOpen] = useState(false);\n  const [query, setQuery] = useState('');\n  const [results, setResults] = useState<ProcedureSearchResult[]>([]);\n  const [loading, setLoading] = useState(false);\n  const [addingId, setAddingId] = useState<string | null>(null);\n  const [addingFrequentId, setAddingFrequentId] = useState<string | null>(null);\n  const debounceRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n  const valueRef = useRef<Procedure[]>([]);\n  const searchInputRef = useRef<HTMLInputElement>(null);\n\n  const safeValue: Procedure[] = Array.isArray(value) ? value : [];\n\n  valueRef.current = safeValue;\n  const addedIds = new Set(\n    safeValue.filter((proc): proc is MasterProcedure => !proc.is_custom).map((proc) => proc.id),\n  );\n\n  useEffect(() => {\n    if (!open) {\n      setQuery('');\n      setResults([]);\n      setAddingId(null);\n      setAddingFrequentId(null);\n    }\n  }, [open]);\n\n  function handleQueryChange(q: string) {\n    setQuery(q);\n    if (debounceRef.current) clearTimeout(debounceRef.current);\n    if (!q.trim()) {\n      setResults([]);\n      return;\n    }\n    debounceRef.current = setTimeout(async () => {\n      setLoading(true);\n      try {\n        const res = await onSearch(q);\n        setResults(res);\n      } finally {\n        setLoading(false);\n      }\n    }, 500);\n  }\n\n  function addProcedure(result: ProcedureSearchResult) {\n    if (!addedIds.has(result.id)) {\n      onChange([...valueRef.current, mapToProcedure(result)]);\n    }\n    setQuery('');\n    setResults([]);\n  }\n\n  function handleResultClick(result: ProcedureSearchResult) {\n    if (addedIds.has(result.id)) return;\n    setAddingId(result.id);\n    setTimeout(() => {\n      addProcedure(result);\n      setAddingId(null);\n      setTimeout(() => searchInputRef.current?.focus(), 0);\n    }, ADD_FEEDBACK_MS);\n  }\n\n  function removeAt(index: number) {\n    onChange(safeValue.filter((_, i) => i !== index));\n  }\n\n  function removeBySearchId(id: string) {\n    onChange(safeValue.filter((proc) => proc.is_custom || proc.id !== id));\n  }\n\n  function handleAddCustom() {\n    const trimmed = query.trim();\n    if (!trimmed) return;\n    if (valueRef.current.some((p) => p.is_custom && p.name === trimmed)) return;\n    onChange([...valueRef.current, createCustomProcedure(trimmed)]);\n    setQuery('');\n    setResults([]);\n  }\n\n  function handleRecentlyUsedToggle(result: ProcedureSearchResult) {\n    if (addedIds.has(result.id)) {\n      removeBySearchId(result.id);\n    } else {\n      addProcedure(result);\n    }\n  }\n\n  async function handleFrequentItemToggle(item: ProcedureFrequentItem) {\n    const id = String(item.id);\n    const addedById = addedIds.has(id);\n    const addedByName = safeValue.some((proc) => proc.name === item.name);\n    if (addedById || addedByName) {\n      if (addedById) removeBySearchId(id);\n      else onChange(safeValue.filter((proc) => proc.name !== item.name));\n      return;\n    }\n    setAddingFrequentId(id);\n    try {\n      const searchResults = await onSearch(item.name);\n      const first = searchResults?.[0];\n      if (first && !valueRef.current.some((proc) => !proc.is_custom && proc.id === first.id)) {\n        onChange([...valueRef.current, mapToProcedure(first)]);\n      }\n    } finally {\n      setAddingFrequentId(null);\n    }\n  }\n\n  const recentlyUsedChips = recentlyUsed.map((r) => {\n    const isAdded = addedIds.has(r.id);\n    return (\n      <button\n        key={r.id}\n        type=\"button\"\n        onClick={() => handleRecentlyUsedToggle(r)}\n        className={cn(\n          'rounded-full border text-xs px-3 py-1 transition-colors',\n          isAdded\n            ? 'border-green-300 bg-green-50 text-green-700'\n            : 'border-border bg-white hover:bg-gray-50'\n        )}\n      >\n        {isAdded && <span className=\"mr-1\">✓</span>}\n        {r.name}\n      </button>\n    );\n  });\n\n  const limitedFrequentItems = frequentItems.slice(0, 25);\n\n  const frequentItemChips =\n    limitedFrequentItems.length > 0\n      ? limitedFrequentItems.map((item) => {\n          const id = String(item.id);\n          const isAdded =\n            safeValue.some((proc) => !proc.is_custom && proc.id === id) ||\n            safeValue.some((proc) => proc.name === item.name);\n          const isAdding = addingFrequentId === id;\n          return (\n            <button\n              key={item.id}\n              type=\"button\"\n              disabled={isAdding}\n              onClick={() => handleFrequentItemToggle(item)}\n              className={cn(\n                'rounded-full border text-xs px-3 py-1 transition-colors',\n                isAdded\n                  ? 'border-green-300 bg-green-50 text-green-700'\n                  : 'border-border bg-white hover:bg-gray-50',\n                isAdding && 'opacity-70 pointer-events-none'\n              )}\n            >\n              {isAdded && <span className=\"mr-1\">✓</span>}\n              {isAdding ? '…' : item.name}\n            </button>\n          );\n        })\n      : [];\n\n  return (\n    <div className=\"rounded-md overflow-hidden flex flex-col bg-white border border-[#D0D0D0] space-y-3 p-3 h-fit\">\n      <div className=\"flex items-center justify-between mb-3\">\n        <span className=\"text-sm font-semibold\">{label}</span>\n        <button\n          type=\"button\"\n          onClick={() => setOpen(true)}\n          className=\"text-sm font-semibold text-purple-600 hover:text-purple-800 cursor-pointer\"\n        >\n          ADD\n        </button>\n      </div>\n\n      {/* Added procedures — one row each */}\n      {safeValue.length > 0 && (\n        <div className=\"divide-y divide-border rounded-lg border border-border overflow-hidden\">\n          {safeValue.map((proc, index) => (\n            <div\n              key={proc.is_custom ? `custom-${index}` : proc.id}\n              className=\"flex items-center justify-between px-3 py-2 bg-white hover:bg-gray-50\"\n            >\n              <span className=\"text-sm\">{proc.name}</span>\n              <button\n                type=\"button\"\n                onClick={() => removeAt(index)}\n                className=\"text-muted-foreground hover:text-red-500 transition-colors cursor-pointer\"\n              >\n                <X className=\"h-4 w-4\" />\n              </button>\n            </div>\n          ))}\n        </div>\n      )}\n\n      {/* Dialog */}\n      <AddEntityDialog\n        open={open}\n        onClose={() => setOpen(false)}\n        title=\"Add Procedure\"\n        recentlyUsedSlot={\n          frequentItemChips.length > 0\n            ? frequentItemChips\n            : recentlyUsedChips.length > 0\n              ? recentlyUsedChips\n              : undefined\n        }\n        chipSectionLabel={frequentItemChips.length > 0 ? 'Frequently used' : undefined}\n        actionSlot={\n          <button\n            type=\"button\"\n            disabled={\n              !query.trim() ||\n              valueRef.current.some((p) => p.is_custom && p.name === query.trim())\n            }\n            onClick={handleAddCustom}\n            className={cn(\n              'rounded-md px-5 py-2 text-sm font-semibold bg-primary text-primary-foreground hover:bg-primary/90 transition-opacity cursor-pointer',\n              (!query.trim() ||\n                valueRef.current.some((p) => p.is_custom && p.name === query.trim())) &&\n                'opacity-40 cursor-not-allowed'\n            )}\n          >\n            Save Procedure\n          </button>\n        }\n      >\n        <div className=\"space-y-2\">\n          <Input\n            ref={searchInputRef}\n            value={query}\n            onChange={(e) => handleQueryChange(e.target.value)}\n            placeholder=\"Search for a procedure...\"\n            className=\"border border-border rounded-md focus-visible:ring-0\"\n          />\n\n          {/* Inline results — no absolute positioning to avoid overflow-clip */}\n          {loading && (\n            <p className=\"text-xs text-muted-foreground py-1\">Searching…</p>\n          )}\n          {!loading && results.length > 0 && (\n            <div className=\"border border-border rounded-md overflow-hidden\">\n              {results.map((r) => {\n                const isAdding = addingId === r.id;\n                return (\n                  <button\n                    key={r.id}\n                    type=\"button\"\n                    onClick={() => handleResultClick(r)}\n                    className={cn(\n                      'w-full text-left px-3 py-2 text-sm transition-all duration-300 ease-out border-b border-border last:border-b-0 cursor-pointer flex items-center justify-between gap-2',\n                      isAdding\n                        ? 'bg-green-50 border-green-200'\n                        : 'hover:bg-gray-50'\n                    )}\n                  >\n                    <span className=\"truncate\">{r.name}</span>\n                    {isAdding && <Check className=\"h-4 w-4 shrink-0 text-green-600\" />}\n                  </button>\n                );\n              })}\n            </div>\n          )}\n        </div>\n      </AddEntityDialog>\n    </div>\n  );\n};\n","import React from 'react';\nimport { useField } from '../../react/useField';\nimport { useFieldHandlers, useFrequentItems } from '../../react/FormProvider';\nimport { AddProcedureField } from './AddProcedureField';\nimport type { Procedure, ProcedureSearchResult } from './AddProcedureField';\n\nexport const AddProcedureWidget: React.FC<{ fieldId: string }> = ({ fieldId }) => {\n  const { value, setValue } = useField(fieldId);\n  const handlers = useFieldHandlers(fieldId);\n  const { procedures: frequentProcedures } = useFrequentItems();\n\n  const safeValue: Procedure[] = Array.isArray(value) ? (value as Procedure[]) : [];\n\n  return (\n    <AddProcedureField\n      value={safeValue}\n      onChange={setValue}\n      onSearch={handlers.onSearch as (query: string) => Promise<ProcedureSearchResult[]>}\n      recentlyUsed={handlers.recentlyUsed as ProcedureSearchResult[] | undefined}\n      frequentItems={frequentProcedures}\n    />\n  );\n};\n"]}

package/dist/BiometryIolWorkupWidget-F7HRYMOJ.mjs

@@ -0,0 +1,298 @@
+import { useForm } from './chunk-XR2ZM654.mjs';
+import { useField } from './chunk-ZGPHTPAN.mjs';
+import 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var FORMULA_OPTIONS = [
+  "SRK/T",
+  "Barrett Universal II",
+  "Hoffer Q",
+  "Haigis",
+  "Holladay 1",
+  "Holladay 2",
+  "Kane"
+];
+var METHODS = [
+  { value: "optical_biometry", label: "Optical biometry (IOL Master)" },
+  { value: "ascan_immersion", label: "A-scan (immersion)" },
+  { value: "ascan_contact", label: "A-scan (contact)" }
+];
+var EMPTY = {
+  axialLengthOD: "",
+  axialLengthOS: "",
+  k1k2AxisOD: "",
+  k1k2AxisOS: "",
+  anteriorChamberDepthOD: "",
+  anteriorChamberDepthOS: "",
+  iolPowerOD: "",
+  iolPowerOS: "",
+  targetRefractionOD: "",
+  targetRefractionOS: "",
+  formula: "SRK/T",
+  method: "optical_biometry",
+  cornealTopoUploaded: false,
+  specularMicroscopyDone: false,
+  endothelialCount: ""
+};
+function str(x) {
+  return typeof x === "string" ? x : "";
+}
+function parseValue(raw) {
+  if (!raw || typeof raw !== "object" || Array.isArray(raw)) return { ...EMPTY };
+  const o = raw;
+  const m = o.method;
+  const method = m === "ascan_immersion" || m === "ascan_contact" || m === "optical_biometry" ? m : "optical_biometry";
+  const formula = str(o.formula);
+  return {
+    ...EMPTY,
+    axialLengthOD: str(o.axialLengthOD),
+    axialLengthOS: str(o.axialLengthOS),
+    k1k2AxisOD: str(o.k1k2AxisOD),
+    k1k2AxisOS: str(o.k1k2AxisOS),
+    anteriorChamberDepthOD: str(o.anteriorChamberDepthOD),
+    anteriorChamberDepthOS: str(o.anteriorChamberDepthOS),
+    iolPowerOD: str(o.iolPowerOD),
+    iolPowerOS: str(o.iolPowerOS),
+    targetRefractionOD: str(o.targetRefractionOD),
+    targetRefractionOS: str(o.targetRefractionOS),
+    formula: formula || "SRK/T",
+    method,
+    cornealTopoUploaded: o.cornealTopoUploaded === true,
+    specularMicroscopyDone: o.specularMicroscopyDone === true,
+    endothelialCount: str(o.endothelialCount)
+  };
+}
+var paramCell = "emr-biometry-param text-[11px] font-semibold leading-snug text-foreground sm:text-xs py-2";
+var eyeTh = "emr-biometry-eye text-center text-[11px] font-semibold sm:text-xs py-2";
+function Inp({
+  value,
+  onChange,
+  disabled,
+  placeholder
+}) {
+  return /* @__PURE__ */ jsx(
+    "input",
+    {
+      value,
+      disabled,
+      placeholder,
+      onChange: (e) => onChange(e.target.value),
+      className: "box-border w-full min-w-0 rounded border border-input bg-background px-2 py-1 text-[11px] sm:text-xs"
+    }
+  );
+}
+var DEFAULT_TITLE = "Biometry & IOL Workup (Stage 7)";
+var BiometryIolWorkupWidget = ({ fieldId }) => {
+  const { fieldDef, value, setValue, error, disabled, touched } = useField(fieldId);
+  const { state } = useForm();
+  const showError = !!error && (touched || state.submitAttempted);
+  if (!fieldDef || fieldDef.type !== "biometry_iol_workup") {
+    return null;
+  }
+  const def = fieldDef;
+  const v = parseValue(value);
+  const title = def.meta?.cardTitle?.trim() || (def.label?.trim() ? def.label : DEFAULT_TITLE);
+  const patch = (p) => setValue({ ...v, ...p });
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      id: `biometry-iol-${fieldId}`,
+      className: "w-full min-w-0 max-w-full self-stretch rounded-lg border border-border bg-card p-3 text-card-foreground shadow-sm",
+      children: [
+        /* @__PURE__ */ jsx("h3", { className: "mb-2.5 text-sm font-semibold leading-tight text-foreground", children: title }),
+        /* @__PURE__ */ jsx("div", { className: "w-full min-w-0 overflow-x-auto", children: /* @__PURE__ */ jsxs("table", { className: "emr-table emr-table--biometry min-w-full", children: [
+          /* @__PURE__ */ jsxs("colgroup", { children: [
+            /* @__PURE__ */ jsx("col", { style: { width: "32%" } }),
+            /* @__PURE__ */ jsx("col", { style: { width: "34%" } }),
+            /* @__PURE__ */ jsx("col", { style: { width: "34%" } })
+          ] }),
+          /* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsxs("tr", { children: [
+            /* @__PURE__ */ jsx("th", { scope: "col", className: paramCell, children: "Parameter" }),
+            /* @__PURE__ */ jsx("th", { scope: "col", className: eyeTh, children: "Right Eye" }),
+            /* @__PURE__ */ jsx("th", { scope: "col", className: eyeTh, children: "Left Eye" })
+          ] }) }),
+          /* @__PURE__ */ jsxs("tbody", { children: [
+            /* @__PURE__ */ jsxs("tr", { children: [
+              /* @__PURE__ */ jsx("td", { className: paramCell, children: "Axial Length (mm)" }),
+              /* @__PURE__ */ jsx("td", { className: "emr-biometry-eye min-w-0 px-2 py-2", children: /* @__PURE__ */ jsx(
+                Inp,
+                {
+                  value: v.axialLengthOD,
+                  disabled,
+                  placeholder: "e.g. 23.45",
+                  onChange: (s) => patch({ axialLengthOD: s })
+                }
+              ) }),
+              /* @__PURE__ */ jsx("td", { className: "emr-biometry-eye min-w-0 px-2 py-2", children: /* @__PURE__ */ jsx(
+                Inp,
+                {
+                  value: v.axialLengthOS,
+                  disabled,
+                  placeholder: "e.g. 23.45",
+                  onChange: (s) => patch({ axialLengthOS: s })
+                }
+              ) })
+            ] }),
+            /* @__PURE__ */ jsxs("tr", { children: [
+              /* @__PURE__ */ jsx("td", { className: paramCell, children: "K1 / K2 / Axis" }),
+              /* @__PURE__ */ jsx("td", { className: "emr-biometry-eye min-w-0 px-2 py-2", children: /* @__PURE__ */ jsx(
+                Inp,
+                {
+                  value: v.k1k2AxisOD,
+                  disabled,
+                  placeholder: "44.0 / 44.5 / 90",
+                  onChange: (s) => patch({ k1k2AxisOD: s })
+                }
+              ) }),
+              /* @__PURE__ */ jsx("td", { className: "emr-biometry-eye min-w-0 px-2 py-2", children: /* @__PURE__ */ jsx(
+                Inp,
+                {
+                  value: v.k1k2AxisOS,
+                  disabled,
+                  placeholder: "44.0 / 44.5 / 90",
+                  onChange: (s) => patch({ k1k2AxisOS: s })
+                }
+              ) })
+            ] }),
+            /* @__PURE__ */ jsxs("tr", { children: [
+              /* @__PURE__ */ jsx("td", { className: `${paramCell} whitespace-nowrap`, children: "Anterior Chamber Depth (mm)" }),
+              /* @__PURE__ */ jsx("td", { className: "emr-biometry-eye min-w-0 px-2 py-2", children: /* @__PURE__ */ jsx(
+                Inp,
+                {
+                  value: v.anteriorChamberDepthOD,
+                  disabled,
+                  onChange: (s) => patch({ anteriorChamberDepthOD: s })
+                }
+              ) }),
+              /* @__PURE__ */ jsx("td", { className: "emr-biometry-eye min-w-0 px-2 py-2", children: /* @__PURE__ */ jsx(
+                Inp,
+                {
+                  value: v.anteriorChamberDepthOS,
+                  disabled,
+                  onChange: (s) => patch({ anteriorChamberDepthOS: s })
+                }
+              ) })
+            ] }),
+            /* @__PURE__ */ jsxs("tr", { children: [
+              /* @__PURE__ */ jsx("td", { className: paramCell, children: "IOL Power (D)" }),
+              /* @__PURE__ */ jsx("td", { className: "emr-biometry-eye min-w-0 px-2 py-2", children: /* @__PURE__ */ jsx(Inp, { value: v.iolPowerOD, disabled, onChange: (s) => patch({ iolPowerOD: s }) }) }),
+              /* @__PURE__ */ jsx("td", { className: "emr-biometry-eye min-w-0 px-2 py-2", children: /* @__PURE__ */ jsx(Inp, { value: v.iolPowerOS, disabled, onChange: (s) => patch({ iolPowerOS: s }) }) })
+            ] }),
+            /* @__PURE__ */ jsxs("tr", { children: [
+              /* @__PURE__ */ jsx("td", { className: paramCell, children: "Target Refraction (D)" }),
+              /* @__PURE__ */ jsx("td", { className: "emr-biometry-eye min-w-0 px-2 py-2", children: /* @__PURE__ */ jsx(
+                Inp,
+                {
+                  value: v.targetRefractionOD,
+                  disabled,
+                  placeholder: "e.g. -0.25",
+                  onChange: (s) => patch({ targetRefractionOD: s })
+                }
+              ) }),
+              /* @__PURE__ */ jsx("td", { className: "emr-biometry-eye min-w-0 px-2 py-2", children: /* @__PURE__ */ jsx(
+                Inp,
+                {
+                  value: v.targetRefractionOS,
+                  disabled,
+                  placeholder: "e.g. -0.25",
+                  onChange: (s) => patch({ targetRefractionOS: s })
+                }
+              ) })
+            ] }),
+            /* @__PURE__ */ jsxs("tr", { children: [
+              /* @__PURE__ */ jsx("td", { className: paramCell, children: "Formula" }),
+              /* @__PURE__ */ jsx("td", { className: "min-w-0 px-2 py-2 align-middle", colSpan: 2, children: /* @__PURE__ */ jsx(
+                "select",
+                {
+                  value: v.formula,
+                  disabled,
+                  onChange: (e) => patch({ formula: e.target.value }),
+                  className: "box-border w-full min-w-0 rounded border border-input bg-background px-2 py-1 text-[11px] sm:text-xs",
+                  children: FORMULA_OPTIONS.map((opt) => /* @__PURE__ */ jsx("option", { value: opt, children: opt }, opt))
+                }
+              ) })
+            ] }),
+            /* @__PURE__ */ jsxs("tr", { children: [
+              /* @__PURE__ */ jsx("td", { className: `${paramCell} align-top`, children: "Method" }),
+              /* @__PURE__ */ jsx("td", { className: "min-w-0 px-2 py-2 align-middle", colSpan: 2, children: /* @__PURE__ */ jsx(
+                "div",
+                {
+                  role: "radiogroup",
+                  "aria-label": "Biometry method",
+                  className: "flex w-full flex-wrap items-center justify-center gap-x-3 gap-y-2 text-[11px] sm:gap-x-4 sm:text-xs",
+                  children: METHODS.map(({ value: mv, label }) => /* @__PURE__ */ jsxs("label", { className: "flex min-w-0 shrink-0 cursor-pointer items-center gap-1.5", children: [
+                    /* @__PURE__ */ jsx(
+                      "input",
+                      {
+                        type: "radio",
+                        name: `${fieldId}-biom-method`,
+                        value: mv,
+                        checked: v.method === mv,
+                        disabled,
+                        onChange: () => patch({ method: mv }),
+                        className: "shrink-0"
+                      }
+                    ),
+                    /* @__PURE__ */ jsx("span", { className: "min-w-0 whitespace-nowrap leading-tight", children: label })
+                  ] }, mv))
+                }
+              ) })
+            ] }),
+            /* @__PURE__ */ jsxs("tr", { children: [
+              /* @__PURE__ */ jsx("td", { className: `${paramCell} align-top text-muted-foreground`, children: "Optional workup" }),
+              /* @__PURE__ */ jsx("td", { className: "min-w-0 px-2 py-2 align-middle", colSpan: 2, children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2", children: [
+                /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center justify-center gap-x-4 gap-y-2 sm:justify-between", children: [
+                  /* @__PURE__ */ jsxs("label", { className: "inline-flex min-w-0 cursor-pointer items-center gap-1.5 text-[11px] leading-snug sm:text-xs", children: [
+                    /* @__PURE__ */ jsx(
+                      "input",
+                      {
+                        type: "checkbox",
+                        className: "shrink-0",
+                        checked: v.cornealTopoUploaded,
+                        disabled,
+                        onChange: (e) => patch({ cornealTopoUploaded: e.target.checked })
+                      }
+                    ),
+                    /* @__PURE__ */ jsx("span", { children: "Corneal topography uploaded" })
+                  ] }),
+                  /* @__PURE__ */ jsxs("label", { className: "inline-flex min-w-0 cursor-pointer items-center gap-1.5 text-[11px] leading-snug sm:text-xs", children: [
+                    /* @__PURE__ */ jsx(
+                      "input",
+                      {
+                        type: "checkbox",
+                        className: "shrink-0",
+                        checked: v.specularMicroscopyDone,
+                        disabled,
+                        onChange: (e) => patch({ specularMicroscopyDone: e.target.checked })
+                      }
+                    ),
+                    /* @__PURE__ */ jsx("span", { children: "Specular microscopy done" })
+                  ] })
+                ] }),
+                /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center justify-end gap-2 text-[11px] sm:text-xs", children: [
+                  /* @__PURE__ */ jsx("span", { className: "shrink-0 text-muted-foreground", children: "Endothelial count:" }),
+                  /* @__PURE__ */ jsx(
+                    "input",
+                    {
+                      value: v.endothelialCount,
+                      disabled,
+                      placeholder: "cells/mm\xB2",
+                      onChange: (e) => patch({ endothelialCount: e.target.value }),
+                      className: "box-border w-[5.5rem] min-w-0 shrink-0 rounded border border-input bg-background px-2 py-1 text-[11px] sm:text-xs"
+                    }
+                  )
+                ] })
+              ] }) })
+            ] })
+          ] })
+        ] }) }),
+        def.description && /* @__PURE__ */ jsx("p", { className: "mt-2 text-xs text-muted-foreground", children: def.description }),
+        showError && /* @__PURE__ */ jsx("p", { className: "mt-2 text-xs text-red-500", children: error })
+      ]
+    }
+  );
+};
+
+export { BiometryIolWorkupWidget };
+//# sourceMappingURL=BiometryIolWorkupWidget-F7HRYMOJ.mjs.map
+//# sourceMappingURL=BiometryIolWorkupWidget-F7HRYMOJ.mjs.map