@mieweb/ui 0.11.0-dev.29 → 0.11.0-dev.30

package/dist/chunk-SMPLM6K3.js

@@ -0,0 +1,4107 @@
+import { CodingChips, RowActionToolbar, RowIconButton, currentAssertion } from './chunk-5LNLB2XT.js';
+import { Tooltip } from './chunk-YFWDS6MX.js';
+import { RadioGroup, Radio } from './chunk-EPSB4WTL.js';
+import { Label } from './chunk-I3WGZPI6.js';
+import { DateInput } from './chunk-I6Y2KLTZ.js';
+import { Textarea } from './chunk-3NOVISM6.js';
+import { useMessages } from './chunk-5YOT4DVH.js';
+import { Select } from './chunk-VCI2Y7ST.js';
+import { Dropdown, DropdownItem, DropdownSeparator } from './chunk-OYUIEJPN.js';
+import { Card, CardHeader, CardContent } from './chunk-QYSUYB3S.js';
+import { Checkbox } from './chunk-753Z3NXL.js';
+import { Modal, ModalHeader, ModalTitle, ModalClose, ModalBody, ModalFooter } from './chunk-TWQSMUE6.js';
+import { Input } from './chunk-3IMM2PM4.js';
+import { useDragReorder, reorderIds, dragIndicatorClasses } from './chunk-YUMOM3KE.js';
+import { useLiveAnnouncement } from './chunk-HNXLLDPN.js';
+import { useFocusTrap } from './chunk-4SMSH4OY.js';
+import { useEscapeKey } from './chunk-T4ME7QCT.js';
+import { useClickOutside } from './chunk-62ZOA6PX.js';
+import { useAnchoredPosition } from './chunk-WSNMQQ4P.js';
+import { dateToDisplayFormat, isValidDate, displayFormatToDateString } from './chunk-RC2YMOMS.js';
+import { isStorybookDocsMode } from './chunk-VSQF22GL.js';
+import { AlertCircle, Plus, RefreshCw, Pencil, GripVertical, Trash2, StickyNote, Ban, ChevronUp, ChevronDown, Link, MoreVertical, Send, Stethoscope, Scan, TestTube2, Pill, CalendarCheck, ExternalLink, ThumbsUp, HandMetal, ThumbsDown, HelpCircle, AlertTriangle } from './chunk-BKSPDTX4.js';
+import { isRtl } from './chunk-YVKBXNPK.js';
+import { Badge } from './chunk-522WJIVI.js';
+import { Button } from './chunk-WFBUBT54.js';
+import { cn } from './chunk-TQONQSJO.js';
+import * as React4 from 'react';
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+import { createPortal } from 'react-dom';
+import { Calendar, ChevronLeft, ChevronRight, ChevronDown as ChevronDown$1 } from 'lucide-react';
+
+var TYPE_ORDER = ["drug", "food", "environmental", "other"];
+var ALLERGY_TYPE_LABELS = {
+  drug: "Drug",
+  food: "Food",
+  environmental: "Environmental",
+  other: "Other"
+};
+var SEVERITY_BADGE = {
+  severe: "danger",
+  moderate: "warning",
+  mild: "secondary"
+};
+var DEFAULT_ACTIONS = ["correct", "note", "remove"];
+var ACTION_META = {
+  correct: { label: "Correct", icon: Pencil },
+  note: { label: "Notes", icon: StickyNote },
+  remove: { label: "Remove", icon: Ban }
+};
+function AllergyRow({
+  allergy,
+  actions,
+  readOnly,
+  drag,
+  onMove,
+  onAction
+}) {
+  const m = useMessages();
+  const handleRowKeyDown = (e) => {
+    if (e.target !== e.currentTarget) return;
+    if (e.altKey && (e.key === "ArrowUp" || e.key === "ArrowDown")) {
+      e.preventDefault();
+      onMove?.(allergy, e.key === "ArrowUp" ? -1 : 1);
+    } else if (e.key === "ArrowUp" || e.key === "ArrowDown") {
+      e.preventDefault();
+      const list = e.currentTarget.closest("ul");
+      if (!list) return;
+      const rows = Array.from(
+        list.querySelectorAll("li[data-allergy-id]")
+      );
+      const i = rows.indexOf(e.currentTarget);
+      rows[e.key === "ArrowUp" ? Math.max(0, i - 1) : Math.min(rows.length - 1, i + 1)]?.focus();
+    }
+  };
+  return (
+    // Rows are focus stops when reordering is enabled so drag & drop has a
+    // keyboard equivalent (Alt+↑/↓) — 508.
+    /* eslint-disable jsx-a11y/no-noninteractive-element-interactions, jsx-a11y/no-noninteractive-tabindex */
+    /* @__PURE__ */ jsxs(
+      "li",
+      {
+        "data-slot": "clinical-list-row",
+        "data-allergy-id": allergy.id,
+        tabIndex: drag.enabled ? 0 : void 0,
+        onKeyDown: drag.enabled ? handleRowKeyDown : void 0,
+        "aria-label": drag.enabled ? m("{name}. Alt plus arrow keys to reorder.", {
+          name: allergy.allergen
+        }) : void 0,
+        ...drag.rowProps(allergy.id),
+        className: cn(
+          "group border-border/60 relative flex min-h-11 flex-wrap items-center gap-x-2 gap-y-1 border-b px-1 py-2",
+          "focus-visible:ring-ring focus-visible:ring-2 focus-visible:outline-none",
+          drag.enabled && "cursor-grab active:cursor-grabbing",
+          dragIndicatorClasses(drag, allergy.id)
+        ),
+        children: [
+          drag.enabled ? /* @__PURE__ */ jsx(
+            GripVertical,
+            {
+              size: 14,
+              "aria-hidden": true,
+              className: "text-muted-foreground/50 shrink-0"
+            }
+          ) : /* @__PURE__ */ jsx("span", { className: "text-muted-foreground/60 select-none", children: "\u2022" }),
+          /* @__PURE__ */ jsx(
+            "span",
+            {
+              className: cn(
+                "text-foreground font-medium",
+                allergy.inactive && "text-muted-foreground line-through"
+              ),
+              children: allergy.allergen
+            }
+          ),
+          allergy.code && /* @__PURE__ */ jsxs(
+            "span",
+            {
+              className: "text-muted-foreground/70 text-xs",
+              title: allergy.code.display,
+              children: [
+                allergy.code.system,
+                " ",
+                allergy.code.code
+              ]
+            }
+          ),
+          allergy.severity && /* @__PURE__ */ jsx(Badge, { variant: SEVERITY_BADGE[allergy.severity], size: "sm", children: m(allergy.severity) }),
+          allergy.kind === "intolerance" && /* @__PURE__ */ jsx(Badge, { variant: "secondary", size: "sm", children: m("intolerance") }),
+          allergy.reaction && /* @__PURE__ */ jsxs("span", { className: "text-muted-foreground text-sm", children: [
+            "\u2014 ",
+            allergy.reaction
+          ] }),
+          allergy.onsetDate && /* @__PURE__ */ jsx("span", { className: "text-muted-foreground text-xs", children: m("since {date}", { date: allergy.onsetDate }) }),
+          allergy.inactive && /* @__PURE__ */ jsx(Badge, { variant: "secondary", size: "sm", children: m("inactive") }),
+          allergy.note && /* @__PURE__ */ jsxs("span", { className: "flex w-full basis-full items-center gap-1.5 ps-4", children: [
+            /* @__PURE__ */ jsx(StickyNote, { size: 12, className: "text-muted-foreground" }),
+            /* @__PURE__ */ jsx("span", { className: "text-muted-foreground text-xs", children: allergy.note })
+          ] }),
+          !readOnly && actions.length > 0 && /* @__PURE__ */ jsx(
+            RowActionToolbar,
+            {
+              label: m("Actions for {name}", { name: allergy.allergen }),
+              children: actions.map((action) => /* @__PURE__ */ jsx(
+                RowIconButton,
+                {
+                  label: m(ACTION_META[action].label),
+                  icon: ACTION_META[action].icon,
+                  onClick: () => onAction?.(allergy, action)
+                },
+                action
+              ))
+            }
+          )
+        ]
+      }
+    )
+  );
+}
+var AllergyList = React4.forwardRef(
+  ({
+    allergies,
+    noKnownAllergies,
+    onNoKnownAllergiesChange,
+    title = "Allergies",
+    actions = DEFAULT_ACTIONS,
+    onAction,
+    onReorder,
+    addSearch,
+    onAdd,
+    readOnly = false,
+    className,
+    "data-testid": dataTestId,
+    ...props
+  }, ref) => {
+    const m = useMessages();
+    const [announcement, setAnnouncement] = useLiveAnnouncement();
+    const groups = TYPE_ORDER.map((type) => ({
+      type,
+      label: ALLERGY_TYPE_LABELS[type],
+      items: allergies.filter((a) => (a.type ?? "other") === type)
+    })).filter((g) => g.items.length > 0);
+    const empty = allergies.length === 0;
+    const typeOf = React4.useCallback(
+      (id) => allergies.find((a) => a.id === id)?.type ?? "other",
+      [allergies]
+    );
+    const drag = useDragReorder({
+      ids: allergies.map((a) => a.id),
+      onReorder: readOnly || !onReorder ? void 0 : (ids) => {
+        setAnnouncement(m("Allergy list reordered"));
+        onReorder(ids);
+      },
+      canDropOn: (dragged, target) => typeOf(dragged) === typeOf(target)
+    });
+    const moveAllergy = React4.useCallback(
+      (allergy, dir) => {
+        if (readOnly || !onReorder) return;
+        const ids = allergies.map((a) => a.id);
+        const from = ids.indexOf(allergy.id);
+        let to = from + dir;
+        while (to >= 0 && to < allergies.length && (allergies[to].type ?? "other") !== (allergy.type ?? "other")) {
+          to += dir;
+        }
+        if (to < 0 || to >= allergies.length) return;
+        [ids[from], ids[to]] = [ids[to], ids[from]];
+        setAnnouncement(
+          m(dir === -1 ? "{name} moved up" : "{name} moved down", {
+            name: allergy.allergen
+          })
+        );
+        onReorder(ids);
+      },
+      [allergies, m, onReorder, readOnly, setAnnouncement]
+    );
+    return /* @__PURE__ */ jsxs(
+      Card,
+      {
+        ref,
+        padding: "none",
+        className: cn("w-full", className),
+        "data-testid": dataTestId,
+        ...props,
+        children: [
+          title !== null && /* @__PURE__ */ jsx(CardHeader, { className: "border-border bg-muted/50 border-b px-4 py-3", children: /* @__PURE__ */ jsxs("h3", { className: "text-foreground flex items-center gap-2 text-sm font-semibold tracking-wide uppercase", children: [
+            /* @__PURE__ */ jsx(
+              AlertCircle,
+              {
+                size: 16,
+                className: "text-red-600 dark:text-red-400"
+              }
+            ),
+            m(title)
+          ] }) }),
+          /* @__PURE__ */ jsxs(CardContent, { className: "space-y-5 px-4 py-4", children: [
+            empty ? /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+              noKnownAllergies ? /* @__PURE__ */ jsxs("p", { className: "text-foreground flex items-center gap-1.5 text-sm", children: [
+                /* @__PURE__ */ jsx(Badge, { variant: "success", size: "sm", children: "\u2713" }),
+                m("No known allergies (NKA)")
+              ] }) : /* @__PURE__ */ jsx("p", { className: "text-muted-foreground text-sm", children: m("Allergy status not recorded.") }),
+              !readOnly && onNoKnownAllergiesChange && /* @__PURE__ */ jsx(
+                Button,
+                {
+                  variant: noKnownAllergies ? "secondary" : "outline",
+                  size: "sm",
+                  onClick: () => onNoKnownAllergiesChange(!noKnownAllergies),
+                  children: noKnownAllergies ? m("Clear no-known-allergies") : m("Confirm: no known allergies")
+                }
+              )
+            ] }) : groups.map(({ type, label, items }) => /* @__PURE__ */ jsxs("section", { "aria-label": m(label), children: [
+              /* @__PURE__ */ jsx(
+                "h4",
+                {
+                  "data-slot": "clinical-list-heading",
+                  className: "border-border text-foreground border-b pb-1 text-sm font-semibold tracking-wide uppercase",
+                  children: m(label)
+                }
+              ),
+              /* @__PURE__ */ jsx("ul", { className: "mt-1", children: items.map((allergy) => /* @__PURE__ */ jsx(
+                AllergyRow,
+                {
+                  allergy,
+                  actions,
+                  readOnly,
+                  drag,
+                  onMove: moveAllergy,
+                  onAction
+                },
+                allergy.id
+              )) })
+            ] }, type)),
+            !readOnly && (addSearch || onAdd) && /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+              /* @__PURE__ */ jsx("span", { className: "text-muted-foreground text-xs font-semibold tracking-wide uppercase", children: m("Add allergy") }),
+              addSearch,
+              onAdd && /* @__PURE__ */ jsx(
+                Button,
+                {
+                  variant: "outline",
+                  size: "sm",
+                  onClick: onAdd,
+                  leftIcon: /* @__PURE__ */ jsx(Plus, { size: 12 }),
+                  className: "h-auto rounded-full px-2.5 py-1 text-xs",
+                  children: m("Add allergy\u2026")
+                }
+              )
+            ] })
+          ] }),
+          /* @__PURE__ */ jsx("div", { "aria-live": "polite", className: "sr-only", children: announcement })
+        ]
+      }
+    );
+  }
+);
+AllergyList.displayName = "AllergyList";
+var CodeLookupContext = React4.createContext(null);
+function CodeLookupProvider({
+  component,
+  indexUrl = "/codify",
+  locale = "en",
+  memory,
+  children
+}) {
+  const value = React4.useMemo(
+    () => ({ component, indexUrl, locale, memory }),
+    [component, indexUrl, locale, memory]
+  );
+  return /* @__PURE__ */ jsx(CodeLookupContext.Provider, { value, children });
+}
+function useCodeLookupConfig() {
+  return React4.useContext(CodeLookupContext);
+}
+function newId() {
+  return `alg-${Date.now()}-${Math.random().toString(36).slice(2, 8)}`;
+}
+var TYPE_OPTIONS = [
+  { value: "drug", label: "Drug" },
+  { value: "food", label: "Food" },
+  { value: "environmental", label: "Environmental" },
+  { value: "other", label: "Other" }
+];
+function AllergyEditor({
+  allergy,
+  codeLookup,
+  requireCode = false,
+  onClose,
+  onSave
+}) {
+  const m = useMessages();
+  const [draft, setDraft] = React4.useState(
+    () => allergy ?? { id: newId(), allergen: "", type: "drug" }
+  );
+  const patch = (p) => setDraft((prev) => ({ ...prev, ...p }));
+  const bodyRef = React4.useRef(null);
+  React4.useEffect(() => {
+    bodyRef.current?.querySelector("input")?.focus();
+  }, []);
+  const hasCode = Boolean(draft.code?.system.trim() && draft.code.code.trim());
+  const unchangedLegacyAllergen = allergy && !allergy.code && draft.allergen === allergy.allergen && (draft.type ?? "drug") === (allergy.type ?? "drug");
+  const canSave = draft.allergen.trim().length > 0 && (!requireCode || hasCode || Boolean(unchangedLegacyAllergen));
+  const isDrug = (draft.type ?? "drug") === "drug";
+  return /* @__PURE__ */ jsxs(Modal, { open: true, onOpenChange: (o) => !o && onClose(), size: "md", children: [
+    /* @__PURE__ */ jsxs(ModalHeader, { children: [
+      /* @__PURE__ */ jsx(ModalTitle, { children: allergy ? m("Correct Allergy") : m("Add Allergy") }),
+      /* @__PURE__ */ jsx(ModalClose, { "aria-label": m("Close") })
+    ] }),
+    /* @__PURE__ */ jsx(ModalBody, { className: "space-y-4", children: /* @__PURE__ */ jsxs("div", { ref: bodyRef, className: "contents", children: [
+      /* @__PURE__ */ jsxs(
+        RadioGroup,
+        {
+          name: "alg-kind",
+          label: m("Mechanism"),
+          description: m(
+            "A true immune-mediated allergy, or a non-immune intolerance (e.g. GI upset)"
+          ),
+          value: draft.kind ?? "allergy",
+          onValueChange: (v) => patch({ kind: v }),
+          orientation: "horizontal",
+          size: "sm",
+          children: [
+            /* @__PURE__ */ jsx(Radio, { value: "allergy", label: m("Allergy") }),
+            /* @__PURE__ */ jsx(Radio, { value: "intolerance", label: m("Intolerance") })
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        Select,
+        {
+          label: m("Type"),
+          options: TYPE_OPTIONS.map((option) => ({
+            ...option,
+            label: m(option.label)
+          })),
+          value: draft.type ?? "drug",
+          onValueChange: (v) => {
+            const type = v;
+            patch({
+              type,
+              ...type !== (draft.type ?? "drug") && { code: void 0 }
+            });
+          }
+        }
+      ),
+      codeLookup && (isDrug || requireCode) ? /* @__PURE__ */ jsxs("div", { className: "space-y-1.5", children: [
+        /* @__PURE__ */ jsx(Label, { htmlFor: "alg-search", children: m("Allergen") }),
+        /* @__PURE__ */ jsx(
+          codeLookup.component,
+          {
+            indexUrl: codeLookup.indexUrl,
+            locale: codeLookup.locale,
+            domains: isDrug ? ["med"] : ["condition"],
+            searchCodetypes: isDrug ? void 0 : ["SNOMED US"],
+            bare: true,
+            clearOnSelect: false,
+            placeholder: isDrug ? m("Search drug allergens \u2014 e.g. penicillin") : m("Search SNOMED allergen substances"),
+            initialQuery: allergy?.allergen || void 0,
+            initialSearch: allergy ? !allergy.code : void 0,
+            onSelect: (result) => {
+              if (requireCode && (!result.codetype.trim() || !result.fullcode.trim()))
+                return;
+              patch({
+                allergen: result.label,
+                code: {
+                  system: result.codetype,
+                  code: result.fullcode,
+                  display: result.label
+                }
+              });
+            },
+            onFreeText: requireCode ? void 0 : (text) => patch({ allergen: text, code: void 0 })
+          }
+        ),
+        /* @__PURE__ */ jsx("p", { className: "text-muted-foreground text-xs", children: draft.code ? m("Coded: {system} {code}", {
+          system: draft.code.system,
+          code: draft.code.code
+        }) : draft.allergen ? m('Uncoded free text: "{name}"', {
+          name: draft.allergen
+        }) : requireCode ? m("Pick a catalog result to code the allergen") : m(
+          "Pick a result to code the allergen, or press Enter for free text"
+        ) })
+      ] }) : /* @__PURE__ */ jsxs("div", { className: "space-y-1.5", children: [
+        /* @__PURE__ */ jsx(Label, { htmlFor: "alg-name", children: m("Allergen") }),
+        /* @__PURE__ */ jsx(
+          Input,
+          {
+            id: "alg-name",
+            value: draft.allergen,
+            readOnly: requireCode,
+            onChange: (e) => patch({ allergen: e.target.value, code: void 0 })
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "space-y-1.5", children: [
+        /* @__PURE__ */ jsx(Label, { htmlFor: "alg-reaction", children: m("Reaction") }),
+        /* @__PURE__ */ jsx(
+          Input,
+          {
+            id: "alg-reaction",
+            value: draft.reaction ?? "",
+            onChange: (e) => patch({ reaction: e.target.value })
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxs(
+        RadioGroup,
+        {
+          name: "alg-severity",
+          label: m("Severity"),
+          value: draft.severity ?? "",
+          onValueChange: (v) => patch({ severity: v || void 0 }),
+          orientation: "horizontal",
+          size: "sm",
+          children: [
+            /* @__PURE__ */ jsx(Radio, { value: "mild", label: m("Mild") }),
+            /* @__PURE__ */ jsx(Radio, { value: "moderate", label: m("Moderate") }),
+            /* @__PURE__ */ jsx(Radio, { value: "severe", label: m("Severe") })
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsxs("div", { className: "space-y-1.5", children: [
+        /* @__PURE__ */ jsx(Label, { htmlFor: "alg-onset", children: m("Onset date") }),
+        /* @__PURE__ */ jsx(
+          DateInput,
+          {
+            id: "alg-onset",
+            value: draft.onsetDate ?? "",
+            onChange: (v) => patch({ onsetDate: v })
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "space-y-1.5", children: [
+        /* @__PURE__ */ jsx(Label, { htmlFor: "alg-note", children: m("Note") }),
+        /* @__PURE__ */ jsx(
+          Textarea,
+          {
+            id: "alg-note",
+            value: draft.note ?? "",
+            onChange: (e) => patch({ note: e.target.value }),
+            rows: 2
+          }
+        )
+      ] })
+    ] }) }),
+    /* @__PURE__ */ jsxs(ModalFooter, { children: [
+      /* @__PURE__ */ jsx(Button, { variant: "secondary", onClick: onClose, children: m("Cancel") }),
+      /* @__PURE__ */ jsx(
+        Button,
+        {
+          onClick: () => {
+            onSave({ ...draft, allergen: draft.allergen.trim() });
+            onClose();
+          },
+          disabled: !canSave,
+          children: m("Save")
+        }
+      )
+    ] })
+  ] });
+}
+function AllergyManager({
+  allergies: controlled,
+  defaultAllergies,
+  onChange,
+  noKnownAllergies,
+  onNoKnownAllergiesChange,
+  title = "Allergies",
+  codeLookup,
+  requireCode = false,
+  inlineAddSearch = false,
+  readOnly = false,
+  className,
+  "data-testid": dataTestId
+}) {
+  const m = useMessages();
+  const isControlled = controlled !== void 0;
+  const [internal, setInternal] = React4.useState(
+    defaultAllergies ?? []
+  );
+  const allergies = isControlled ? controlled : internal;
+  const ambientCodeLookup = useCodeLookupConfig();
+  const effectiveCodeLookup = codeLookup === false ? void 0 : codeLookup ?? ambientCodeLookup ?? void 0;
+  const [dialog, setDialog] = React4.useState(null);
+  const [noteDraft, setNoteDraft] = React4.useState("");
+  const commit = (next) => {
+    if (!isControlled) setInternal(next);
+    if (next.length > 0 && noKnownAllergies) {
+      onNoKnownAllergiesChange?.(false);
+    }
+    onChange?.(next);
+  };
+  const handleAction = (allergy, action) => {
+    switch (action) {
+      case "remove":
+        commit(allergies.filter((a) => a.id !== allergy.id));
+        break;
+      case "correct":
+        setDialog({ kind: "correct", allergy });
+        break;
+      case "note":
+        setNoteDraft(allergy.note ?? "");
+        setDialog({ kind: "note", allergy });
+        break;
+    }
+  };
+  const addSearch = inlineAddSearch && effectiveCodeLookup && !readOnly ? /* @__PURE__ */ jsx(
+    effectiveCodeLookup.component,
+    {
+      indexUrl: effectiveCodeLookup.indexUrl,
+      locale: effectiveCodeLookup.locale,
+      domains: ["med"],
+      bare: true,
+      clearOnSelect: true,
+      placeholder: m(
+        "Search drug allergens to add \u2014 use Add allergy\u2026 for food/environmental"
+      ),
+      onSelect: (result) => {
+        if (requireCode && (!result.codetype.trim() || !result.fullcode.trim()))
+          return;
+        commit([
+          ...allergies,
+          {
+            id: newId(),
+            allergen: result.label,
+            type: "drug",
+            code: {
+              system: result.codetype,
+              code: result.fullcode,
+              display: result.label
+            }
+          }
+        ]);
+      },
+      onFreeText: requireCode ? void 0 : (text) => (
+        // this search bar is explicitly for drug allergens — free-text
+        // entries carry type 'drug' like the coded path
+        commit([
+          ...allergies,
+          { id: newId(), allergen: text, type: "drug" }
+        ])
+      )
+    }
+  ) : void 0;
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      AllergyList,
+      {
+        allergies,
+        noKnownAllergies,
+        onNoKnownAllergiesChange,
+        title,
+        onAction: handleAction,
+        onReorder: (ids) => commit(
+          [...allergies].sort((a, b) => ids.indexOf(a.id) - ids.indexOf(b.id))
+        ),
+        addSearch,
+        onAdd: requireCode && !effectiveCodeLookup ? void 0 : () => setDialog({ kind: "add" }),
+        readOnly,
+        className,
+        "data-testid": dataTestId
+      }
+    ),
+    dialog && (dialog.kind === "correct" || dialog.kind === "add") && /* @__PURE__ */ jsx(
+      AllergyEditor,
+      {
+        allergy: dialog.kind === "correct" ? dialog.allergy : void 0,
+        codeLookup: effectiveCodeLookup,
+        requireCode,
+        onClose: () => setDialog(null),
+        onSave: (saved) => {
+          if (dialog.kind === "correct") {
+            commit(allergies.map((a) => a.id === saved.id ? saved : a));
+          } else {
+            commit([...allergies, saved]);
+          }
+        }
+      },
+      dialog.kind === "correct" ? dialog.allergy.id : "add"
+    ),
+    dialog?.kind === "note" && /* @__PURE__ */ jsxs(Modal, { open: true, onOpenChange: (o) => !o && setDialog(null), size: "md", children: [
+      /* @__PURE__ */ jsxs(ModalHeader, { children: [
+        /* @__PURE__ */ jsx(ModalTitle, { children: m("Allergy Notes") }),
+        /* @__PURE__ */ jsx(ModalClose, { "aria-label": m("Close") })
+      ] }),
+      /* @__PURE__ */ jsxs(ModalBody, { className: "space-y-4", children: [
+        /* @__PURE__ */ jsx("p", { className: "text-muted-foreground text-sm", children: dialog.allergy.allergen }),
+        /* @__PURE__ */ jsxs("div", { className: "space-y-1.5", children: [
+          /* @__PURE__ */ jsx(Label, { htmlFor: "alg-note-dlg", children: m("Note") }),
+          /* @__PURE__ */ jsx(
+            Textarea,
+            {
+              id: "alg-note-dlg",
+              value: noteDraft,
+              onChange: (e) => setNoteDraft(e.target.value),
+              rows: 4
+            }
+          )
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs(ModalFooter, { children: [
+        /* @__PURE__ */ jsx(Button, { variant: "secondary", onClick: () => setDialog(null), children: m("Cancel") }),
+        /* @__PURE__ */ jsx(
+          Button,
+          {
+            onClick: () => {
+              commit(
+                allergies.map(
+                  (a) => a.id === dialog.allergy.id ? { ...a, note: noteDraft.trim() || void 0 } : a
+                )
+              );
+              setDialog(null);
+            },
+            children: m("Save")
+          }
+        )
+      ] })
+    ] })
+  ] });
+}
+function orderTypeForCodetype(codetype) {
+  const ct = codetype.toUpperCase();
+  if (["RXNORM", "FDB", "FDB MEDNAME", "NDC", "CVX"].includes(ct)) {
+    return "medication";
+  }
+  if (ct.startsWith("LOINC") || ct.endsWith("ORDER")) return "lab";
+  return "procedure";
+}
+function contextOrderSearch(ctx) {
+  const ContextOrderSearch = ({
+    domains,
+    preferDomains,
+    preferCodetypes,
+    billableOnly,
+    placeholder,
+    onPick,
+    onFreeText
+  }) => {
+    const Lookup = ctx.component;
+    return /* @__PURE__ */ jsx(
+      Lookup,
+      {
+        indexUrl: ctx.indexUrl,
+        locale: ctx.locale,
+        domains,
+        preferDomains,
+        preferCodetypes,
+        billableOnly,
+        bare: true,
+        clearOnSelect: true,
+        placeholder,
+        onSelect: (result) => onPick({
+          fullid: result.fullid,
+          label: result.label,
+          codetype: result.codetype,
+          fullcode: result.fullcode
+        }),
+        onFreeText
+      }
+    );
+  };
+  return ContextOrderSearch;
+}
+function isConditionCodetype(codetype) {
+  const ct = codetype.toUpperCase();
+  return ct === "ICD10" || ct === "ICD9" || ct === "SNOMED US" || ct === "OSHA" || ct === "FMCSA" || ct === "NFPA" || ct === "FAA";
+}
+var ORDER_TYPE_SEARCH_DOMAINS = {
+  medication: ["med", "vaccine"],
+  lab: ["lab"],
+  imaging: ["procedure"],
+  procedure: ["procedure"],
+  referral: ["procedure"]
+};
+var ORDER_TYPE_PLACEHOLDERS = {
+  auto: "Search medications, labs, imaging, procedures\u2026",
+  medication: 'Search medications\u2026 (try "lasix")',
+  lab: 'Search labs\u2026 (try "a1c")',
+  imaging: 'Search imaging\u2026 (try "chest x")',
+  procedure: "Search procedures\u2026",
+  referral: "Search referrals & consults\u2026"
+};
+var ORDER_TYPE_META = {
+  medication: { label: "Medication", icon: Pill },
+  lab: { label: "Lab", icon: TestTube2 },
+  imaging: { label: "Imaging", icon: Scan },
+  procedure: { label: "Procedure", icon: Stethoscope },
+  referral: { label: "Referral", icon: Send }
+};
+var ACTION_META2 = {
+  refine: { label: "Refine (more specific)", icon: Pencil },
+  revise: { label: "Revise (prior was wrong)", icon: RefreshCw },
+  "add-order": { label: "Add order", icon: Plus }
+};
+function OrderContent({ order }) {
+  const m = useMessages();
+  const meta = ORDER_TYPE_META[order.type];
+  const Icon = meta.icon;
+  return /* @__PURE__ */ jsxs("span", { className: "text-muted-foreground flex items-center gap-2 text-sm", children: [
+    /* @__PURE__ */ jsx(Tooltip, { content: m(meta.label), children: /* @__PURE__ */ jsx(Icon, { size: 14 }) }),
+    /* @__PURE__ */ jsx("span", { className: "sr-only", children: m(meta.label) }),
+    /* @__PURE__ */ jsx("span", { className: "text-foreground", children: order.display }),
+    order.priority && order.priority !== "routine" && /* @__PURE__ */ jsx(
+      Badge,
+      {
+        variant: order.priority === "stat" ? "danger" : "warning",
+        size: "sm",
+        children: m(order.priority)
+      }
+    ),
+    order.detail && /* @__PURE__ */ jsx("span", { className: "text-xs", children: order.detail }),
+    order.timing && /* @__PURE__ */ jsx("span", { className: "text-xs", children: order.timing })
+  ] });
+}
+function OrderRow({
+  order,
+  drag,
+  controls
+}) {
+  const m = useMessages();
+  const interactive = Boolean(
+    controls?.moveWithin || controls?.moveToProblem || controls?.edit || controls?.editStart || controls?.remove
+  );
+  const canEdit = Boolean(controls?.edit || controls?.editStart);
+  const [editing, setEditing] = React4.useState(null);
+  const [menuOpen, setMenuOpen] = React4.useState(false);
+  const pick = (fn) => () => {
+    setMenuOpen(false);
+    fn();
+  };
+  const beginEdit = () => {
+    if (controls?.editStart?.(order)) return;
+    if (controls?.edit) {
+      setEditing({ display: order.display, detail: order.detail ?? "" });
+    }
+  };
+  const saveEdit = () => {
+    if (!editing) return;
+    const display = editing.display.trim();
+    if (display) {
+      controls?.edit?.(order, {
+        display,
+        detail: editing.detail.trim() || void 0
+      });
+    }
+    setEditing(null);
+  };
+  const handleKeyDown = (e) => {
+    if (e.target !== e.currentTarget || !controls) return;
+    if (e.altKey && (e.key === "ArrowUp" || e.key === "ArrowDown")) {
+      e.preventDefault();
+      controls.moveWithin?.(order, e.key === "ArrowUp" ? -1 : 1);
+    } else if (e.altKey && (e.key === "ArrowLeft" || e.key === "ArrowRight")) {
+      e.preventDefault();
+      const back = isRtl(e.currentTarget) ? "ArrowRight" : "ArrowLeft";
+      const adj = controls.adjacentProblem(order, e.key === back ? -1 : 1);
+      if (adj) controls.moveToProblem?.(order, adj.concernId);
+    } else if (e.key === "ArrowUp" || e.key === "ArrowDown") {
+      e.preventDefault();
+      const list = e.currentTarget.closest("ul");
+      if (!list) return;
+      const rows = Array.from(
+        list.querySelectorAll("li[data-order-id]")
+      );
+      const i = rows.indexOf(e.currentTarget);
+      rows[e.key === "ArrowUp" ? Math.max(0, i - 1) : Math.min(rows.length - 1, i + 1)]?.focus();
+    }
+  };
+  return (
+    // Order rows are focus stops so the drag interactions have a full keyboard
+    // equivalent: Alt+↑/↓ reorders, Alt+←/→ moves between problems (508).
+    /* @__PURE__ */ jsxs(
+      "li",
+      {
+        "data-order-id": order.orderId,
+        tabIndex: interactive && !editing ? 0 : void 0,
+        onKeyDown: interactive && !editing ? handleKeyDown : void 0,
+        "aria-label": interactive && !editing ? m(
+          "{name}. Alt plus up or down to reorder; Alt plus left or right to move to another problem.",
+          { name: order.display }
+        ) : void 0,
+        ...editing ? {} : drag.rowProps(order),
+        className: cn(
+          "group/order relative flex items-center gap-1.5 py-1",
+          "focus-visible:ring-ring rounded focus-visible:ring-2 focus-visible:outline-none",
+          drag.enabled && !editing && "cursor-grab active:cursor-grabbing",
+          drag.draggingId === order.orderId && "opacity-40",
+          drag.over?.type === "order" && drag.over.id === order.orderId && (drag.over.after ? "shadow-[inset_0_-2px_0_0_var(--color-primary-500,#3b82f6)]" : "shadow-[inset_0_2px_0_0_var(--color-primary-500,#3b82f6)]")
+        ),
+        children: [
+          drag.enabled && !editing && /* @__PURE__ */ jsx(
+            GripVertical,
+            {
+              size: 12,
+              "aria-hidden": true,
+              className: "text-muted-foreground/40 shrink-0"
+            }
+          ),
+          editing ? /* @__PURE__ */ jsxs(
+            "div",
+            {
+              role: "form",
+              "aria-label": m("Edit order {name}", { name: order.display }),
+              className: "flex flex-1 flex-wrap items-center gap-1.5",
+              children: [
+                /* @__PURE__ */ jsx("div", { className: "min-w-40 flex-1", children: /* @__PURE__ */ jsx(
+                  Input,
+                  {
+                    autoFocus: true,
+                    size: "sm",
+                    value: editing.display,
+                    onChange: (e) => setEditing(
+                      (prev) => prev ? { ...prev, display: e.target.value } : prev
+                    ),
+                    onKeyDown: (e) => {
+                      if (e.key === "Enter") saveEdit();
+                      else if (e.key === "Escape") setEditing(null);
+                    },
+                    "aria-label": m("Order description"),
+                    className: "h-7"
+                  }
+                ) }),
+                /* @__PURE__ */ jsx("div", { className: "w-40", children: /* @__PURE__ */ jsx(
+                  Input,
+                  {
+                    size: "sm",
+                    value: editing.detail,
+                    onChange: (e) => setEditing(
+                      (prev) => prev ? { ...prev, detail: e.target.value } : prev
+                    ),
+                    onKeyDown: (e) => {
+                      if (e.key === "Enter") saveEdit();
+                      else if (e.key === "Escape") setEditing(null);
+                    },
+                    placeholder: m("detail (sig, timing\u2026)"),
+                    "aria-label": m("Order detail"),
+                    className: "h-7 text-xs"
+                  }
+                ) }),
+                /* @__PURE__ */ jsx(
+                  Button,
+                  {
+                    variant: "outline",
+                    size: "sm",
+                    onClick: saveEdit,
+                    disabled: !editing.display.trim(),
+                    className: "h-7 text-xs",
+                    children: m("Save")
+                  }
+                ),
+                /* @__PURE__ */ jsx(
+                  Button,
+                  {
+                    variant: "ghost",
+                    size: "sm",
+                    onClick: () => setEditing(null),
+                    className: "h-7 text-xs",
+                    children: m("Cancel")
+                  }
+                )
+              ]
+            }
+          ) : /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsx(OrderContent, { order }),
+            interactive && /* @__PURE__ */ jsxs(
+              RowActionToolbar,
+              {
+                label: m("Actions for {name}", { name: order.display }),
+                group: "order",
+                children: [
+                  canEdit && /* @__PURE__ */ jsx(
+                    RowIconButton,
+                    {
+                      label: m("Edit"),
+                      icon: Pencil,
+                      size: "sm",
+                      onClick: beginEdit
+                    }
+                  ),
+                  (controls?.moveWithin || controls?.moveToProblem && controls.targets.some(
+                    (t) => t.concernId !== order.concernId
+                  )) && /* @__PURE__ */ jsxs(
+                    Dropdown,
+                    {
+                      open: menuOpen,
+                      onOpenChange: setMenuOpen,
+                      trigger: /* @__PURE__ */ jsx(
+                        Button,
+                        {
+                          variant: "ghost",
+                          size: "icon",
+                          "aria-label": m("Move {name}", { name: order.display }),
+                          className: "h-7 w-7 shrink-0",
+                          children: /* @__PURE__ */ jsx(MoreVertical, { size: 14 })
+                        }
+                      ),
+                      placement: "bottom-end",
+                      children: [
+                        controls?.moveWithin && /* @__PURE__ */ jsxs(Fragment, { children: [
+                          /* @__PURE__ */ jsx(
+                            DropdownItem,
+                            {
+                              icon: /* @__PURE__ */ jsx(ChevronUp, { size: 14 }),
+                              onClick: pick(() => controls.moveWithin?.(order, -1)),
+                              children: m("Move up")
+                            }
+                          ),
+                          /* @__PURE__ */ jsx(
+                            DropdownItem,
+                            {
+                              icon: /* @__PURE__ */ jsx(ChevronDown, { size: 14 }),
+                              onClick: pick(() => controls.moveWithin?.(order, 1)),
+                              children: m("Move down")
+                            }
+                          )
+                        ] }),
+                        controls?.moveToProblem && controls.targets.some(
+                          (t) => t.concernId !== order.concernId
+                        ) && /* @__PURE__ */ jsxs(Fragment, { children: [
+                          controls.moveWithin && /* @__PURE__ */ jsx(DropdownSeparator, {}),
+                          controls.targets.filter((t) => t.concernId !== order.concernId).map((t) => /* @__PURE__ */ jsx(
+                            DropdownItem,
+                            {
+                              icon: /* @__PURE__ */ jsx(Link, { size: 14 }),
+                              onClick: pick(
+                                () => controls.moveToProblem?.(order, t.concernId)
+                              ),
+                              children: m("Move to: {name}", { name: t.label })
+                            },
+                            t.concernId
+                          ))
+                        ] })
+                      ]
+                    }
+                  ),
+                  controls?.remove && /* @__PURE__ */ jsx(
+                    RowIconButton,
+                    {
+                      label: m("Remove"),
+                      icon: Trash2,
+                      size: "sm",
+                      onClick: () => controls.remove?.(order)
+                    }
+                  )
+                ]
+              }
+            )
+          ] })
+        ]
+      }
+    )
+  );
+}
+function AddOrderForm({
+  id,
+  problemText,
+  onSubmit,
+  onCancel,
+  renderSearch
+}) {
+  const m = useMessages();
+  const [type, setType] = React4.useState(
+    renderSearch ? "auto" : "medication"
+  );
+  const [display, setDisplay] = React4.useState("");
+  const inputRef = React4.useRef(null);
+  React4.useEffect(() => {
+    inputRef.current?.focus();
+  }, []);
+  const submit = () => {
+    const text = display.trim();
+    if (!text) return;
+    onSubmit({ type: type === "auto" ? "procedure" : type, display: text });
+    setDisplay("");
+    inputRef.current?.focus();
+  };
+  const handlePick = (pick) => {
+    onSubmit({
+      type: type === "auto" ? orderTypeForCodetype(pick.codetype) : type,
+      display: pick.label,
+      code: {
+        fullid: pick.fullid,
+        codetype: pick.codetype,
+        fullcode: pick.fullcode
+      }
+    });
+  };
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      id,
+      role: "form",
+      "aria-label": m("Add order for {name}", { name: problemText }),
+      className: "border-border bg-muted/40 ms-2.5 mt-1.5 flex flex-wrap items-center gap-1.5 rounded-md border border-dashed p-2",
+      children: [
+        /* @__PURE__ */ jsxs(
+          "select",
+          {
+            "aria-label": m("Order type filter"),
+            "data-slot": "select-trigger",
+            value: type,
+            onChange: (e) => setType(e.target.value),
+            onKeyDown: (e) => {
+              if (e.key === "Escape") onCancel();
+            },
+            className: cn(
+              "border-border bg-background text-foreground rounded-md border px-1.5 text-sm",
+              renderSearch ? "h-10" : "h-8",
+              "focus:ring-ring focus:ring-2 focus:outline-none"
+            ),
+            children: [
+              renderSearch && /* @__PURE__ */ jsx("option", { value: "auto", children: m("Auto") }),
+              Object.keys(ORDER_TYPE_META).map((t) => /* @__PURE__ */ jsx("option", { value: t, children: m(ORDER_TYPE_META[t].label) }, t))
+            ]
+          }
+        ),
+        renderSearch ? /* @__PURE__ */ jsx("div", { className: "min-w-64 flex-1", children: renderSearch({
+          domains: type === "auto" ? void 0 : ORDER_TYPE_SEARCH_DOMAINS[type],
+          placeholder: m(ORDER_TYPE_PLACEHOLDERS[type]),
+          onPick: handlePick,
+          onFreeText: (text) => {
+            const t = text.trim();
+            if (!t) return;
+            onSubmit({
+              type: type === "auto" ? "procedure" : type,
+              display: t
+            });
+          }
+        }) }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx("div", { className: "min-w-48 flex-1", children: /* @__PURE__ */ jsx(
+            Input,
+            {
+              ref: inputRef,
+              size: "sm",
+              value: display,
+              onChange: (e) => setDisplay(e.target.value),
+              onKeyDown: (e) => {
+                if (e.key === "Enter") submit();
+                else if (e.key === "Escape") onCancel();
+              },
+              placeholder: m("e.g. lisinopril 10 mg tablet \u2014 1 po daily"),
+              "aria-label": m("Order description")
+            }
+          ) }),
+          /* @__PURE__ */ jsx(
+            Button,
+            {
+              variant: "outline",
+              size: "sm",
+              onClick: submit,
+              disabled: !display.trim(),
+              leftIcon: /* @__PURE__ */ jsx(Plus, { size: 12 }),
+              className: "h-8",
+              children: m("Add")
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsx(
+          Button,
+          {
+            variant: "ghost",
+            size: "sm",
+            onClick: onCancel,
+            className: renderSearch ? "h-10" : "h-8",
+            children: m("Done")
+          }
+        )
+      ]
+    }
+  );
+}
+var Assessment = React4.forwardRef(
+  ({
+    concerns,
+    items,
+    orders = [],
+    title = "Assessment & plan",
+    showPlan = true,
+    onShowPlanChange,
+    onAction,
+    rowActions = [
+      ...Object.keys(ACTION_META2),
+      "remove",
+      "move"
+    ],
+    orderActions = ["edit", "remove", "move"],
+    addModes,
+    addFormLabel = "Add concern or order",
+    addFormStart,
+    onRemoveAssessment,
+    onAddOrder,
+    onAddAssessment,
+    onLinkOrder,
+    onEditOrderStart,
+    onEditOrder,
+    onRemoveOrder,
+    onReorderItems,
+    onReorderOrders,
+    renderOrderSearch,
+    readOnly = false,
+    defaultAddMode = "auto",
+    billableOnly = false,
+    className,
+    "data-testid": dataTestId,
+    ...props
+  }, ref) => {
+    const m = useMessages();
+    const instanceId = React4.useId();
+    const [addingFor, setAddingFor] = React4.useState(null);
+    const requestedAddModes = addModes ?? [
+      "auto",
+      "problem",
+      "order"
+    ];
+    const availableAddModes = requestedAddModes.filter((mode) => {
+      if (mode === "problem") return Boolean(onAddAssessment);
+      if (mode === "order") return Boolean(onAddOrder);
+      return Boolean(onAddAssessment && onAddOrder);
+    });
+    const initialAddMode = availableAddModes.includes(defaultAddMode) ? defaultAddMode : availableAddModes[0] ?? defaultAddMode;
+    const [selectedAddMode, setSelectedAddMode] = React4.useState(initialAddMode);
+    const addMode = availableAddModes.includes(selectedAddMode) ? selectedAddMode : availableAddModes[0] ?? defaultAddMode;
+    const [pendingFreeText, setPendingFreeText] = React4.useState(
+      null
+    );
+    React4.useEffect(() => {
+      if (addMode !== "auto") setPendingFreeText(null);
+    }, [addMode]);
+    const [announcement, setAnnouncement] = useLiveAnnouncement();
+    const ambientCodeLookup = useCodeLookupConfig();
+    const effectiveRenderOrderSearch = renderOrderSearch === false ? void 0 : renderOrderSearch ?? (ambientCodeLookup ? contextOrderSearch(ambientCodeLookup) : void 0);
+    const concernById = React4.useMemo(
+      () => new Map(concerns.map((c) => [c.concernId, c])),
+      [concerns]
+    );
+    const assertionOf = (item) => concernById.get(item.concernId)?.assertions.find((a) => a.id === item.assertionId);
+    const unlinkedOrders = orders.filter(
+      (o) => !o.concernId || !items.some((i) => i.concernId === o.concernId)
+    );
+    const toolbarActions = rowActions.filter(
+      (action) => action in ACTION_META2 && (action === "add-order" ? Boolean(onAddOrder || onAction) : Boolean(onAction))
+    );
+    const showConcernToolbar = toolbarActions.length > 0 || rowActions.includes("remove") && Boolean(onRemoveAssessment);
+    const drag = useDragReorder({
+      ids: items.map((i) => i.concernId),
+      onReorder: readOnly || !rowActions.includes("move") || !onReorderItems ? void 0 : (ids) => {
+        setAnnouncement(m("Assessment concerns reordered"));
+        onReorderItems(ids);
+      }
+    });
+    const problemLabel = React4.useCallback(
+      (concernId) => concernById.get(concernId)?.assertions.find(
+        (a) => items.some(
+          (i) => i.concernId === concernId && i.assertionId === a.id
+        )
+      )?.text ?? concernId,
+      [concernById, items]
+    );
+    const orderControls = readOnly ? void 0 : {
+      moveWithin: orderActions.includes("move") && onReorderOrders ? (order, dir) => {
+        const planIds = orders.filter((o) => o.concernId === order.concernId).map((o) => o.orderId);
+        const i = planIds.indexOf(order.orderId);
+        const target = planIds[i + dir];
+        if (!target) return;
+        onReorderOrders(
+          reorderIds(
+            orders.map((o) => o.orderId),
+            order.orderId,
+            target,
+            dir === 1
+          )
+        );
+        setAnnouncement(
+          m(dir === -1 ? "{name} moved up" : "{name} moved down", {
+            name: order.display
+          })
+        );
+      } : void 0,
+      moveToProblem: orderActions.includes("move") && onLinkOrder ? (order, concernId) => {
+        onLinkOrder(order, concernId);
+        setAnnouncement(
+          m("{name} moved to {target}", {
+            name: order.display,
+            target: problemLabel(concernId)
+          })
+        );
+      } : void 0,
+      edit: orderActions.includes("edit") && onEditOrder ? (order, changes) => {
+        onEditOrder(order, changes);
+        setAnnouncement(
+          m("{name} updated", { name: changes.display })
+        );
+      } : void 0,
+      editStart: orderActions.includes("edit") ? onEditOrderStart : void 0,
+      remove: orderActions.includes("remove") && onRemoveOrder ? (order) => {
+        onRemoveOrder(order);
+        setAnnouncement(m("{name} removed", { name: order.display }));
+      } : void 0,
+      adjacentProblem: (order, dir) => {
+        const i = items.findIndex((it) => it.concernId === order.concernId);
+        const adj = items[i + dir];
+        return adj ? { concernId: adj.concernId, label: problemLabel(adj.concernId) } : null;
+      },
+      targets: items.map((it) => ({
+        concernId: it.concernId,
+        label: problemLabel(it.concernId)
+      }))
+    };
+    const orderDragEnabled = !readOnly && orderActions.includes("move") && Boolean(onReorderOrders || onLinkOrder);
+    const [draggingOrderId, setDraggingOrderId] = React4.useState(
+      null
+    );
+    const draggingOrderRef = React4.useRef(null);
+    const [orderOver, setOrderOver] = React4.useState(null);
+    const resetOrderDrag = () => {
+      draggingOrderRef.current = null;
+      setDraggingOrderId(null);
+      setOrderOver(null);
+    };
+    const dropOnOrder = (dragged, target, after) => {
+      if (dragged.concernId !== target.concernId && target.concernId) {
+        onLinkOrder?.(dragged, target.concernId);
+        setAnnouncement(
+          m("{name} moved to {target}", {
+            name: dragged.display,
+            target: problemLabel(target.concernId)
+          })
+        );
+      } else {
+        setAnnouncement(m("{name} reordered", { name: dragged.display }));
+      }
+      onReorderOrders?.(
+        reorderIds(
+          orders.map((o) => o.orderId),
+          dragged.orderId,
+          target.orderId,
+          after
+        )
+      );
+    };
+    const orderDrag = {
+      enabled: orderDragEnabled,
+      draggingId: draggingOrderId,
+      over: orderOver,
+      rowProps: (order) => orderDragEnabled ? {
+        draggable: true,
+        onDragStart: (e) => {
+          e.stopPropagation();
+          e.dataTransfer.effectAllowed = "move";
+          e.dataTransfer.setData("text/plain", order.orderId);
+          draggingOrderRef.current = order.orderId;
+          setDraggingOrderId(order.orderId);
+        },
+        onDragEnd: (e) => {
+          e.stopPropagation();
+          resetOrderDrag();
+        },
+        onDragOver: (e) => {
+          const dragged = draggingOrderRef.current;
+          if (!dragged || dragged === order.orderId) return;
+          e.preventDefault();
+          e.stopPropagation();
+          e.dataTransfer.dropEffect = "move";
+          const r = e.currentTarget.getBoundingClientRect();
+          const after = e.clientY > r.top + r.height / 2;
+          setOrderOver({ type: "order", id: order.orderId, after });
+        },
+        onDrop: (e) => {
+          const draggedId = draggingOrderRef.current ?? e.dataTransfer.getData("text/plain");
+          const dragged = orders.find((o) => o.orderId === draggedId);
+          if (!dragged || dragged.orderId === order.orderId) return;
+          e.preventDefault();
+          e.stopPropagation();
+          const r = e.currentTarget.getBoundingClientRect();
+          const after = e.clientY > r.top + r.height / 2;
+          dropOnOrder(dragged, order, after);
+          resetOrderDrag();
+        }
+      } : {}
+    };
+    const blockProps = (concernId) => {
+      const itemProps = drag.rowProps(concernId);
+      if (!orderDragEnabled) return itemProps;
+      return {
+        ...itemProps,
+        onDragOver: (e) => {
+          const draggingOrder = draggingOrderRef.current;
+          if (draggingOrder) {
+            const dragged = orders.find((o) => o.orderId === draggingOrder);
+            if (dragged?.concernId === concernId) return;
+            e.preventDefault();
+            e.dataTransfer.dropEffect = "move";
+            setOrderOver({ type: "concern", concernId });
+            return;
+          }
+          itemProps.onDragOver?.(e);
+        },
+        onDragLeave: (e) => {
+          if (draggingOrderRef.current) {
+            setOrderOver(
+              (prev) => prev?.type === "concern" && prev.concernId === concernId ? null : prev
+            );
+            return;
+          }
+          itemProps.onDragLeave?.(e);
+        },
+        onDrop: (e) => {
+          const payload = draggingOrderRef.current ?? e.dataTransfer.getData("text/plain");
+          const dragged = orders.find((o) => o.orderId === payload);
+          if (dragged) {
+            e.preventDefault();
+            if (dragged.concernId !== concernId) {
+              onLinkOrder?.(dragged, concernId);
+              setAnnouncement(
+                m("{name} moved to {target}", {
+                  name: dragged.display,
+                  target: problemLabel(concernId)
+                })
+              );
+            }
+            resetOrderDrag();
+            return;
+          }
+          itemProps.onDrop?.(e);
+        }
+      };
+    };
+    return /* @__PURE__ */ jsxs(
+      Card,
+      {
+        ref,
+        padding: "none",
+        className: cn("w-full", className),
+        "data-testid": dataTestId,
+        ...props,
+        children: [
+          title !== null && /* @__PURE__ */ jsxs(CardHeader, { className: "border-border bg-muted/50 flex flex-row items-center justify-between border-b px-4 py-3", children: [
+            /* @__PURE__ */ jsx("h3", { className: "text-foreground text-sm font-semibold tracking-wide uppercase", children: m(title) }),
+            onShowPlanChange && /* @__PURE__ */ jsx(
+              Checkbox,
+              {
+                size: "sm",
+                checked: showPlan,
+                onChange: (e) => onShowPlanChange(e.target.checked),
+                label: m("Show plan")
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxs(CardContent, { className: "space-y-4 px-4 py-4", children: [
+            items.length === 0 && /* @__PURE__ */ jsx("p", { className: "text-muted-foreground text-sm", children: m("No problems assessed this visit.") }),
+            /* @__PURE__ */ jsx("ol", { className: "space-y-3", children: items.map((item, index) => {
+              const assertion = assertionOf(item);
+              if (!assertion) return null;
+              const linkedOrders = orders.filter(
+                (o) => o.concernId === item.concernId
+              );
+              const bp = blockProps(item.concernId);
+              const formOpen = addingFor === item.concernId;
+              const addOrderFormId = `${instanceId}-add-order-${item.concernId}`;
+              return /* @__PURE__ */ jsxs(
+                "li",
+                {
+                  "data-slot": "assessment-problem",
+                  "data-concern-id": item.concernId,
+                  ...bp,
+                  draggable: drag.enabled && !formOpen,
+                  className: cn(
+                    "group border-border/60 relative rounded-md border px-3 py-2",
+                    drag.enabled && !formOpen && "cursor-grab active:cursor-grabbing",
+                    dragIndicatorClasses(drag, item.concernId),
+                    orderOver?.type === "concern" && orderOver.concernId === item.concernId && "ring-primary-400 bg-primary-50/50 dark:bg-primary-950/50 ring-2"
+                  ),
+                  children: [
+                    /* @__PURE__ */ jsxs(
+                      "div",
+                      {
+                        className: cn(
+                          "flex flex-wrap items-center gap-x-2 gap-y-1",
+                          drag.enabled && formOpen && "cursor-grab active:cursor-grabbing"
+                        ),
+                        draggable: drag.enabled && formOpen,
+                        onDragStart: formOpen ? bp.onDragStart : void 0,
+                        onDragEnd: formOpen ? bp.onDragEnd : void 0,
+                        children: [
+                          drag.enabled && /* @__PURE__ */ jsx(
+                            GripVertical,
+                            {
+                              size: 14,
+                              "aria-hidden": true,
+                              className: "text-muted-foreground/50 shrink-0"
+                            }
+                          ),
+                          /* @__PURE__ */ jsxs("span", { className: "text-muted-foreground text-sm font-semibold tabular-nums", children: [
+                            index + 1,
+                            "."
+                          ] }),
+                          /* @__PURE__ */ jsx("span", { className: "text-foreground font-medium", children: assertion.text }),
+                          assertion.verificationStatus !== "confirmed" && /* @__PURE__ */ jsx(Badge, { variant: "warning", size: "sm", children: m(assertion.verificationStatus) }),
+                          /* @__PURE__ */ jsx(CodingChips, { coding: assertion.coding }),
+                          !readOnly && showConcernToolbar && /* @__PURE__ */ jsxs(
+                            RowActionToolbar,
+                            {
+                              label: m("Actions for {name}", {
+                                name: assertion.text
+                              }),
+                              align: "top",
+                              className: cn(
+                                "pointer-fine:group-has-[[data-order-id]:hover]:pointer-events-none",
+                                "pointer-fine:group-has-[[data-order-id]:hover]:opacity-0",
+                                "pointer-fine:group-has-[[data-order-id]:focus-within]:pointer-events-none",
+                                "pointer-fine:group-has-[[data-order-id]:focus-within]:opacity-0"
+                              ),
+                              children: [
+                                toolbarActions.map((action) => {
+                                  const meta = ACTION_META2[action];
+                                  return /* @__PURE__ */ jsx(
+                                    RowIconButton,
+                                    {
+                                      label: m(meta.label),
+                                      icon: meta.icon,
+                                      size: "sm",
+                                      expanded: action === "add-order" && onAddOrder ? addingFor === item.concernId : void 0,
+                                      controls: action === "add-order" && onAddOrder ? addOrderFormId : void 0,
+                                      onClick: () => {
+                                        if (action === "add-order" && onAddOrder) {
+                                          setAddingFor(
+                                            (prev) => prev === item.concernId ? null : item.concernId
+                                          );
+                                        } else {
+                                          onAction?.(item, action);
+                                        }
+                                      }
+                                    },
+                                    action
+                                  );
+                                }),
+                                rowActions.includes("remove") && onRemoveAssessment && /* @__PURE__ */ jsx(
+                                  RowIconButton,
+                                  {
+                                    label: m("Remove {name} from assessment", {
+                                      name: assertion.text
+                                    }),
+                                    icon: Trash2,
+                                    size: "sm",
+                                    onClick: () => {
+                                      onRemoveAssessment(item);
+                                      setAnnouncement(
+                                        m("{name} removed from assessment", {
+                                          name: assertion.text
+                                        })
+                                      );
+                                    }
+                                  }
+                                )
+                              ]
+                            }
+                          )
+                        ]
+                      }
+                    ),
+                    item.note && /* @__PURE__ */ jsx("p", { className: "text-muted-foreground mt-1 ps-6 text-sm", children: item.note }),
+                    showPlan && linkedOrders.length > 0 && /* @__PURE__ */ jsx(
+                      "ul",
+                      {
+                        "aria-label": m("Plan for {name}", {
+                          name: assertion.text
+                        }),
+                        className: "border-border ms-2.5 mt-1.5 border-s ps-4",
+                        children: linkedOrders.map((order) => /* @__PURE__ */ jsx(
+                          OrderRow,
+                          {
+                            order,
+                            drag: orderDrag,
+                            controls: orderControls
+                          },
+                          order.orderId
+                        ))
+                      }
+                    ),
+                    !readOnly && onAddOrder && addingFor === item.concernId && /* @__PURE__ */ jsx(
+                      AddOrderForm,
+                      {
+                        id: addOrderFormId,
+                        problemText: assertion.text,
+                        onSubmit: (order) => {
+                          onAddOrder(item, order);
+                          setAnnouncement(
+                            m("{name} added to {target}", {
+                              name: order.display,
+                              target: assertion.text
+                            })
+                          );
+                          setAddingFor(null);
+                        },
+                        onCancel: () => setAddingFor(null),
+                        renderSearch: effectiveRenderOrderSearch
+                      }
+                    )
+                  ]
+                },
+                item.concernId
+              );
+            }) }),
+            !readOnly && availableAddModes.length > 0 && effectiveRenderOrderSearch && (onAddAssessment || onAddOrder) && /* @__PURE__ */ jsxs(
+              "div",
+              {
+                role: "form",
+                "aria-label": m(addFormLabel),
+                className: "border-border bg-muted/40 flex flex-col items-stretch gap-2 rounded-md border border-dashed p-2 sm:flex-row sm:flex-wrap sm:items-end",
+                children: [
+                  addFormStart,
+                  /* @__PURE__ */ jsxs(
+                    "select",
+                    {
+                      "aria-label": m("What to add"),
+                      "data-slot": "select-trigger",
+                      value: addMode,
+                      onChange: (e) => {
+                        setSelectedAddMode(e.target.value);
+                        setPendingFreeText(null);
+                      },
+                      className: cn(
+                        "border-border bg-background text-foreground h-10 rounded-md border px-1.5 text-sm",
+                        "focus:ring-ring focus:ring-2 focus:outline-none"
+                      ),
+                      children: [
+                        availableAddModes.includes("auto") && /* @__PURE__ */ jsx("option", { value: "auto", children: m("Add (auto)") }),
+                        availableAddModes.includes("problem") && onAddAssessment && /* @__PURE__ */ jsx("option", { value: "problem", children: m("Add concern") }),
+                        availableAddModes.includes("order") && onAddOrder && /* @__PURE__ */ jsx("option", { value: "order", children: m("Add order") })
+                      ]
+                    }
+                  ),
+                  /* @__PURE__ */ jsx("div", { className: "min-w-64 flex-1", children: effectiveRenderOrderSearch({
+                    domains: addMode === "problem" ? ["condition", "occupational"] : addMode === "order" ? ["med", "lab", "procedure", "vaccine"] : void 0,
+                    // auto: everything — the pick decides
+                    // auto: concerns rank ahead of orders — surveillance
+                    // programs first (rare, high-value hits like "dot" or
+                    // "hearing"), then diagnoses, then meds/labs/procedures.
+                    // concern mode: programs still lead the diagnoses.
+                    preferDomains: addMode === "auto" ? ["occupational", "condition"] : addMode === "problem" ? ["occupational"] : void 0,
+                    // assessments code in ICD-10: boost it over SNOMED
+                    preferCodetypes: addMode !== "order" ? ["ICD10"] : void 0,
+                    billableOnly: addMode !== "order" && billableOnly,
+                    placeholder: m(
+                      addMode === "problem" ? 'Search diagnoses & programs\u2026 (try "chf" or "hearing conservation")' : addMode === "order" ? "Search medications, labs, imaging, procedures\u2026" : "Add concern or order\u2026 (a diagnosis or surveillance program becomes a concern; meds, labs & imaging become orders)"
+                    ),
+                    onPick: (pick) => {
+                      const asProblem = addMode === "problem" || addMode === "auto" && isConditionCodetype(pick.codetype) && Boolean(onAddAssessment);
+                      if (asProblem) {
+                        onAddAssessment?.({
+                          label: pick.label,
+                          code: {
+                            fullid: pick.fullid,
+                            codetype: pick.codetype,
+                            fullcode: pick.fullcode
+                          }
+                        });
+                      } else {
+                        onAddOrder?.(null, {
+                          type: orderTypeForCodetype(pick.codetype),
+                          display: pick.label,
+                          code: {
+                            fullid: pick.fullid,
+                            codetype: pick.codetype,
+                            fullcode: pick.fullcode
+                          }
+                        });
+                      }
+                    },
+                    onFreeText: (text) => {
+                      if (addMode === "problem") {
+                        onAddAssessment?.({ label: text });
+                      } else if (addMode === "order") {
+                        onAddOrder?.(null, {
+                          type: "procedure",
+                          display: text
+                        });
+                      } else {
+                        setPendingFreeText(text);
+                      }
+                    }
+                  }) }),
+                  addMode === "auto" && pendingFreeText !== null && /* @__PURE__ */ jsxs(
+                    "div",
+                    {
+                      role: "group",
+                      "aria-label": m('Add "{name}" as', { name: pendingFreeText }),
+                      className: "flex w-full flex-wrap items-center gap-1.5 ps-1",
+                      children: [
+                        /* @__PURE__ */ jsxs("span", { className: "text-muted-foreground text-sm", children: [
+                          m("Add"),
+                          " ",
+                          /* @__PURE__ */ jsxs("span", { className: "text-foreground font-medium", children: [
+                            "\u201C",
+                            pendingFreeText,
+                            "\u201D"
+                          ] }),
+                          " ",
+                          m("as:")
+                        ] }),
+                        onAddAssessment && /* @__PURE__ */ jsx(
+                          Button,
+                          {
+                            variant: "outline",
+                            size: "sm",
+                            className: "h-7 text-xs",
+                            onClick: () => {
+                              onAddAssessment({ label: pendingFreeText });
+                              setPendingFreeText(null);
+                            },
+                            children: m("Concern")
+                          }
+                        ),
+                        onAddOrder && /* @__PURE__ */ jsx(
+                          Button,
+                          {
+                            variant: "outline",
+                            size: "sm",
+                            className: "h-7 text-xs",
+                            onClick: () => {
+                              onAddOrder(null, {
+                                type: "procedure",
+                                display: pendingFreeText
+                              });
+                              setPendingFreeText(null);
+                            },
+                            children: m("Order")
+                          }
+                        ),
+                        /* @__PURE__ */ jsx(
+                          Button,
+                          {
+                            variant: "ghost",
+                            size: "sm",
+                            className: "h-7 text-xs",
+                            onClick: () => setPendingFreeText(null),
+                            children: m("Cancel")
+                          }
+                        )
+                      ]
+                    }
+                  )
+                ]
+              }
+            ),
+            showPlan && unlinkedOrders.length > 0 && /* @__PURE__ */ jsxs(
+              "section",
+              {
+                "aria-label": m("Orders not linked to a concern"),
+                className: "rounded-md border border-amber-300 bg-amber-50 px-3 py-2 dark:border-amber-700 dark:bg-amber-950",
+                children: [
+                  /* @__PURE__ */ jsxs("h4", { className: "flex items-center gap-1.5 text-sm font-semibold text-amber-900 dark:text-amber-200", children: [
+                    /* @__PURE__ */ jsx(AlertCircle, { size: 14 }),
+                    m("Orders not linked to a concern")
+                  ] }),
+                  /* @__PURE__ */ jsx("ul", { className: "mt-1", children: unlinkedOrders.map((order) => (
+                    // Same row component as linked orders: focusable, Alt+arrow
+                    // keyboard moves, and the Move menu (508 parity with drag)
+                    /* @__PURE__ */ jsx(
+                      OrderRow,
+                      {
+                        order,
+                        drag: orderDrag,
+                        controls: orderControls
+                      },
+                      order.orderId
+                    )
+                  )) })
+                ]
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsx("div", { "aria-live": "polite", className: "sr-only", children: announcement })
+        ]
+      }
+    );
+  }
+);
+Assessment.displayName = "Assessment";
+var MODE_META = {
+  add: { title: "Add problem", changeType: void 0 },
+  observe: { title: "Progress observation", changeType: void 0 },
+  refine: { title: "Refine problem", changeType: "refinement" },
+  revise: { title: "Revise problem", changeType: "revision" },
+  relate: { title: "Relate problem", changeType: void 0 }
+};
+var CODING_SYSTEMS = ["SNOMED", "ICD-10-CM", "ICD-11"];
+var VERIFICATION_OPTIONS = [
+  { value: "unconfirmed", label: "Unconfirmed" },
+  { value: "provisional", label: "Provisional" },
+  { value: "differential", label: "Differential" },
+  { value: "confirmed", label: "Confirmed" }
+];
+var RELATIONSHIP_OPTIONS = [
+  { value: "caused-by", label: "Caused by" },
+  { value: "evolved-from", label: "Evolved from" },
+  { value: "differential-sibling", label: "Differential sibling" },
+  { value: "complication-of", label: "Complication of" }
+];
+var SEVERITIES = ["mild", "moderate", "severe"];
+var CONFIDENCES = ["low", "medium", "high"];
+function normalizeConditionCodingSystem(codetype) {
+  const ct = codetype.toUpperCase().replace(/[^A-Z0-9]/g, "");
+  if (ct === "ICD10" || ct === "ICD10CM") return "ICD-10-CM";
+  if (ct === "ICD11") return "ICD-11";
+  if (ct === "SNOMED" || ct === "SNOMEDCT" || ct === "SNOMEDUS") {
+    return "SNOMED";
+  }
+  return codetype;
+}
+function withSinglePrimary(coding) {
+  if (coding.length === 0) return coding;
+  const primaryIndex = coding.findIndex((entry) => entry.primary);
+  const selectedIndex = primaryIndex >= 0 ? primaryIndex : 0;
+  return coding.map((entry, index) => ({
+    ...entry,
+    primary: index === selectedIndex
+  }));
+}
+function contextConditionCodeSearch(ctx) {
+  const ContextConditionCodeSearch = ({
+    placeholder,
+    onPick,
+    onFreeText
+  }) => {
+    const Lookup = ctx.component;
+    return /* @__PURE__ */ jsx(
+      Lookup,
+      {
+        indexUrl: ctx.indexUrl,
+        locale: ctx.locale,
+        domains: ["condition"],
+        preferCodetypes: ["ICD10"],
+        bare: true,
+        clearOnSelect: false,
+        placeholder,
+        onSelect: (result) => onPick({
+          fullid: result.fullid,
+          label: result.label,
+          codetype: result.codetype,
+          fullcode: result.fullcode
+        }),
+        onFreeText
+      }
+    );
+  };
+  return ContextConditionCodeSearch;
+}
+function FieldFlag({
+  label,
+  value,
+  onChange,
+  hasValue
+}) {
+  const m = useMessages();
+  const unknown = value?.known === false;
+  return /* @__PURE__ */ jsxs(
+    "span",
+    {
+      role: "group",
+      "aria-label": m("Certainty for {label}", { label }),
+      className: "flex items-center gap-1",
+      children: [
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            "aria-pressed": unknown,
+            onClick: () => onChange(
+              unknown ? void 0 : { known: false, reason: "asked-unknown" }
+            ),
+            className: cn(
+              "rounded-full border px-2 py-0.5 text-[11px] font-medium transition-colors",
+              unknown ? "border-warning/50 bg-warning/10 text-warning-800 dark:text-warning-200" : "border-border text-muted-foreground hover:text-foreground"
+            ),
+            children: m("Unknown")
+          }
+        ),
+        hasValue && !unknown && CONFIDENCES.map((c) => {
+          const active = value?.known !== false && value?.confidence === c;
+          return /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              "aria-pressed": active,
+              "aria-label": m("{label} confidence {confidence}", {
+                label,
+                confidence: m(c)
+              }),
+              onClick: () => onChange(active ? void 0 : { known: true, confidence: c }),
+              className: cn(
+                "rounded-full border px-1.5 py-0.5 text-[11px] transition-colors",
+                active ? "border-primary-400 bg-primary-100 text-primary-900 dark:border-primary-600 dark:bg-primary-950 dark:text-primary-200" : "border-border text-muted-foreground hover:text-foreground"
+              ),
+              children: m(c)
+            },
+            c
+          );
+        })
+      ]
+    }
+  );
+}
+function ObservationHistory({ concern }) {
+  const m = useMessages();
+  const observations = concern?.observations;
+  if (!observations?.length) return null;
+  return /* @__PURE__ */ jsxs("section", { "aria-label": m("Past observations"), className: "space-y-1", children: [
+    /* @__PURE__ */ jsx("h4", { className: "text-muted-foreground text-xs font-semibold tracking-wide uppercase", children: m("Observations") }),
+    /* @__PURE__ */ jsx("ol", { className: "border-border max-h-40 space-y-1.5 overflow-y-auto rounded-md border p-2", children: [...observations].reverse().map((o) => /* @__PURE__ */ jsxs("li", { className: "flex flex-wrap gap-x-2 text-sm", children: [
+      /* @__PURE__ */ jsx("span", { className: "text-muted-foreground text-xs tabular-nums", children: o.date }),
+      /* @__PURE__ */ jsx("span", { className: "text-foreground flex-1", children: o.text }),
+      o.author && /* @__PURE__ */ jsxs("span", { className: "text-muted-foreground text-xs", children: [
+        "\u2014 ",
+        o.author
+      ] })
+    ] }, o.id)) })
+  ] });
+}
+function ConditionEditor({
+  mode,
+  open,
+  onOpenChange,
+  concern,
+  relatableConcerns = [],
+  onSave,
+  onRelate,
+  onAddObservation,
+  renderCodeSearch,
+  className,
+  "data-testid": dataTestId
+}) {
+  const m = useMessages();
+  const prior = concern ? currentAssertion(concern) : void 0;
+  const ambientCodeLookup = useCodeLookupConfig();
+  const effectiveRenderCodeSearch = renderCodeSearch === false ? void 0 : renderCodeSearch ?? (ambientCodeLookup ? contextConditionCodeSearch(ambientCodeLookup) : void 0);
+  const [text, setText] = React4.useState("");
+  const [coding, setCoding] = React4.useState([]);
+  const [verification, setVerification] = React4.useState("confirmed");
+  const [severity, setSeverity] = React4.useState();
+  const [onsetDate, setOnsetDate] = React4.useState("");
+  const [onsetFuzzy, setOnsetFuzzy] = React4.useState("");
+  const [note, setNote] = React4.useState("");
+  const [progression, setProgression] = React4.useState(false);
+  const [fields, setFields] = React4.useState({});
+  const [relType, setRelType] = React4.useState("caused-by");
+  const [relTarget, setRelTarget] = React4.useState("");
+  const [observation, setObservation] = React4.useState("");
+  React4.useEffect(() => {
+    if (!open) return;
+    setText(prior?.text ?? "");
+    setCoding(withSinglePrimary(prior?.coding ?? []));
+    setVerification(
+      mode === "add" ? "unconfirmed" : prior?.verificationStatus ?? "confirmed"
+    );
+    setSeverity(prior?.severity);
+    const priorOnsetDate = prior?.onset?.date;
+    setOnsetDate(priorOnsetDate ? dateToDisplayFormat(priorOnsetDate) : "");
+    setOnsetFuzzy(priorOnsetDate ? "" : prior?.onset?.fuzzy ?? "");
+    setNote("");
+    setProgression(false);
+    setFields(prior?.uncertainty?.fields ?? {});
+    setRelType("caused-by");
+    setRelTarget("");
+    setObservation("");
+  }, [open, mode, prior]);
+  const setField = (field) => (f) => setFields((prev) => {
+    const next = { ...prev };
+    if (f) next[field] = f;
+    else delete next[field];
+    return next;
+  });
+  const updateCoding = (i, patch) => setCoding((prev) => prev.map((c, j) => j === i ? { ...c, ...patch } : c));
+  const codingUnknown = fields.coding?.known === false;
+  const hasInvalidOnsetDate = fields.onset?.known !== false && Boolean(onsetDate) && !isValidDate(onsetDate);
+  const handleCodePick = (pick) => {
+    const system = normalizeConditionCodingSystem(pick.codetype);
+    setCoding(
+      (prev) => prev.some((c) => c.system === system && c.code === pick.fullcode) ? prev : withSinglePrimary([
+        ...prev,
+        { system, code: pick.fullcode, display: pick.label }
+      ])
+    );
+    setText((prev) => prev || pick.label);
+    setFields((prev) => {
+      if (prev.coding?.known !== false) return prev;
+      const next = { ...prev };
+      delete next.coding;
+      return next;
+    });
+  };
+  const handleSave = () => {
+    if (mode === "relate") {
+      if (!relTarget) return;
+      onRelate?.({ type: relType, concernId: relTarget });
+      onOpenChange(false);
+      return;
+    }
+    if (mode === "observe") {
+      if (!observation.trim()) return;
+      onAddObservation?.(observation.trim());
+      onOpenChange(false);
+      return;
+    }
+    if (!text.trim() || hasInvalidOnsetDate) return;
+    if (observation.trim()) onAddObservation?.(observation.trim());
+    const uncertainty = Object.keys(fields).length > 0 ? { fields } : void 0;
+    onSave?.({
+      text: text.trim(),
+      // write the trimmed values back — whitespace in codes breaks equality
+      // checks downstream. A field marked explicitly unknown must not carry a
+      // value (e.g. one seeded from the prior assertion): value + "unknown"
+      // would be contradictory, so unknown wins and the value is dropped.
+      coding: fields.coding?.known === false ? [] : withSinglePrimary(
+        coding.filter((c) => c.code.trim()).map((c) => ({
+          ...c,
+          code: c.code.trim(),
+          display: c.display?.trim() || void 0,
+          mappedFrom: c.mappedFrom?.trim() || void 0
+        }))
+      ),
+      verificationStatus: verification,
+      changeType: mode === "refine" ? progression ? "progression" : "refinement" : MODE_META[mode].changeType,
+      supersedes: prior?.id,
+      severity: fields.severity?.known === false ? void 0 : severity,
+      onset: fields.onset?.known === false ? void 0 : onsetDate || onsetFuzzy ? {
+        date: onsetDate ? displayFormatToDateString(onsetDate) : void 0,
+        fuzzy: onsetFuzzy || void 0
+      } : void 0,
+      uncertainty,
+      note: note.trim() || void 0
+    });
+    onOpenChange(false);
+  };
+  const saveDisabled = mode === "relate" ? !relTarget : mode === "observe" ? !observation.trim() : !text.trim() || hasInvalidOnsetDate;
+  return /* @__PURE__ */ jsxs(
+    Modal,
+    {
+      open,
+      onOpenChange,
+      size: "2xl",
+      className,
+      children: [
+        /* @__PURE__ */ jsx(ModalHeader, { children: /* @__PURE__ */ jsxs(ModalTitle, { children: [
+          m(MODE_META[mode].title),
+          prior ? ` \u2014 ${prior.text}` : ""
+        ] }) }),
+        /* @__PURE__ */ jsx(ModalBody, { "data-testid": dataTestId, className: "space-y-5", children: /* @__PURE__ */ jsxs("div", { className: "space-y-5", children: [
+          mode === "revise" && /* @__PURE__ */ jsxs(
+            "div",
+            {
+              role: "alert",
+              className: "border-warning/30 bg-warning/10 text-warning-800 dark:text-warning-200 flex items-start gap-2 rounded-md border px-3 py-2 text-sm",
+              children: [
+                /* @__PURE__ */ jsx(AlertTriangle, { size: 16 }),
+                /* @__PURE__ */ jsx("span", { children: m(
+                  "Revising marks the prior assertion refuted (it was never true) \u2014 history is preserved on the timeline. Use Refine instead if the prior was correct but less specific."
+                ) })
+              ]
+            }
+          ),
+          mode === "relate" ? /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsx(
+              Select,
+              {
+                label: m("Relationship"),
+                options: RELATIONSHIP_OPTIONS.map((option) => ({
+                  ...option,
+                  label: m(option.label)
+                })),
+                value: relType,
+                onValueChange: (v) => setRelType(v)
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              Select,
+              {
+                label: m("Related problem"),
+                placeholder: m("Select a problem\u2026"),
+                options: relatableConcerns.filter((c) => c.concernId !== concern?.concernId).map((c) => ({
+                  value: c.concernId,
+                  label: currentAssertion(c)?.text ?? c.concernId
+                })),
+                value: relTarget,
+                onValueChange: setRelTarget
+              }
+            )
+          ] }) : mode === "observe" ? /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsx(ObservationHistory, { concern }),
+            /* @__PURE__ */ jsx(
+              Textarea,
+              {
+                label: m("New observation"),
+                value: observation,
+                onChange: (e) => setObservation(e.target.value),
+                placeholder: m(
+                  "e.g. BP improving on current regimen; patient reports better sleep"
+                ),
+                rows: 3,
+                autoFocus: true
+              }
+            )
+          ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+            (mode === "refine" || mode === "revise") && /* @__PURE__ */ jsx(ObservationHistory, { concern }),
+            mode === "add" && effectiveRenderCodeSearch && !text.trim() ? /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
+              /* @__PURE__ */ jsxs("span", { className: "text-foreground block text-sm font-medium", children: [
+                m("Problem name"),
+                /* @__PURE__ */ jsx("span", { className: "text-destructive ms-1", "aria-hidden": "true", children: "*" })
+              ] }),
+              effectiveRenderCodeSearch({
+                placeholder: m(
+                  "Search conditions \u2014 or type a name and press Enter\u2026"
+                ),
+                onPick: handleCodePick,
+                onFreeText: (t) => setText(t.trim())
+              }),
+              /* @__PURE__ */ jsx("p", { className: "text-muted-foreground text-xs", children: m(
+                "Picking a code fills the name and coding together; free text is fine \u2014 codes can be added any time."
+              ) })
+            ] }) : /* @__PURE__ */ jsx(
+              Input,
+              {
+                label: m("Problem name"),
+                required: true,
+                value: text,
+                onChange: (e) => setText(e.target.value),
+                placeholder: m(
+                  "e.g. Type 1 diabetes mellitus with neuropathy"
+                )
+              }
+            ),
+            mode === "refine" && /* @__PURE__ */ jsx(
+              Checkbox,
+              {
+                size: "sm",
+                checked: progression,
+                onChange: (e) => setProgression(e.target.checked),
+                label: m(
+                  "Disease progressed (e.g. new complication) rather than a more specific diagnosis"
+                )
+              }
+            ),
+            /* @__PURE__ */ jsxs("fieldset", { className: "space-y-3", children: [
+              /* @__PURE__ */ jsx("legend", { className: "sr-only", children: m("Coding") }),
+              /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center justify-between gap-2", children: [
+                /* @__PURE__ */ jsxs("span", { className: "flex flex-wrap items-center gap-2 text-sm font-medium", children: [
+                  m("Coding"),
+                  /* @__PURE__ */ jsx(
+                    FieldFlag,
+                    {
+                      label: m("Coding"),
+                      value: fields.coding,
+                      onChange: setField("coding"),
+                      hasValue: coding.length > 0
+                    }
+                  )
+                ] }),
+                /* @__PURE__ */ jsx(
+                  Button,
+                  {
+                    variant: "ghost",
+                    size: "sm",
+                    disabled: codingUnknown,
+                    onClick: () => setCoding((prev) => [
+                      ...prev,
+                      {
+                        system: "SNOMED",
+                        code: "",
+                        primary: prev.length === 0
+                      }
+                    ]),
+                    leftIcon: /* @__PURE__ */ jsx(Plus, { size: 12 }),
+                    className: "h-8 shrink-0 text-xs",
+                    children: m("Add code")
+                  }
+                )
+              ] }),
+              effectiveRenderCodeSearch && !(mode === "add" && !text.trim()) && /* @__PURE__ */ jsx("div", { children: effectiveRenderCodeSearch({
+                placeholder: m("Search codes \u2014 ICD-10-CM / SNOMED\u2026"),
+                onPick: handleCodePick,
+                onFreeText: (t) => setText((prev) => prev || t)
+              }) }),
+              coding.length === 0 && /* @__PURE__ */ jsx("p", { className: "text-muted-foreground text-xs", children: m(
+                "Optional \u2014 a name-only problem is valid. Codes can be added any time."
+              ) }),
+              coding.length > 0 && /* @__PURE__ */ jsxs(
+                "div",
+                {
+                  "aria-hidden": "true",
+                  "data-slot": "condition-coding-header",
+                  className: "text-muted-foreground hidden grid-cols-[minmax(8rem,1.1fr)_minmax(7rem,0.9fr)_minmax(10rem,1.5fr)_5.5rem_2.5rem] items-center gap-2 px-1 text-xs font-medium sm:!grid",
+                  children: [
+                    /* @__PURE__ */ jsx("span", { children: m("System") }),
+                    /* @__PURE__ */ jsx("span", { children: m("Code") }),
+                    /* @__PURE__ */ jsx("span", { children: m("Display") }),
+                    /* @__PURE__ */ jsx("span", { className: "text-center", children: m("Primary code") }),
+                    /* @__PURE__ */ jsx("span", { className: "sr-only", children: m("Actions") })
+                  ]
+                }
+              ),
+              coding.length > 0 && /* @__PURE__ */ jsx(
+                RadioGroup,
+                {
+                  name: "primary-coding",
+                  label: m("Primary display code"),
+                  value: String(
+                    Math.max(
+                      0,
+                      coding.findIndex((entry) => entry.primary)
+                    )
+                  ),
+                  onValueChange: (value) => {
+                    const selectedIndex = Number(value);
+                    setCoding(
+                      (prev) => prev.map((entry, index) => ({
+                        ...entry,
+                        primary: index === selectedIndex
+                      }))
+                    );
+                  },
+                  size: "sm",
+                  className: "gap-2 [&_[data-slot=radio-group-items]]:gap-2 sm:[&_[data-slot=radio-group-legend]]:sr-only",
+                  children: coding.map((c, i) => /* @__PURE__ */ jsxs(
+                    "div",
+                    {
+                      "data-slot": "condition-coding-row",
+                      className: "border-border/70 grid grid-cols-1 gap-2 rounded-md border p-2 sm:grid-cols-[minmax(8rem,1.1fr)_minmax(7rem,0.9fr)_minmax(10rem,1.5fr)_5.5rem_2.5rem] sm:items-center sm:border-0 sm:p-0",
+                      children: [
+                        /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
+                          /* @__PURE__ */ jsx("span", { className: "text-muted-foreground text-xs sm:hidden", children: m("System") }),
+                          /* @__PURE__ */ jsx(
+                            Select,
+                            {
+                              "aria-label": m("Coding system {index}", {
+                                index: i + 1
+                              }),
+                              options: CODING_SYSTEMS.map((s) => ({
+                                value: s,
+                                label: s
+                              })),
+                              value: c.system,
+                              onValueChange: (v) => updateCoding(i, { system: v }),
+                              disabled: codingUnknown
+                            }
+                          )
+                        ] }),
+                        /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
+                          /* @__PURE__ */ jsx("span", { className: "text-muted-foreground text-xs sm:hidden", children: m("Code") }),
+                          /* @__PURE__ */ jsx(
+                            Input,
+                            {
+                              "aria-label": m("Code {index}", { index: i + 1 }),
+                              value: c.code,
+                              onChange: (e) => updateCoding(i, { code: e.target.value }),
+                              placeholder: m("Code"),
+                              disabled: codingUnknown,
+                              className: "font-mono"
+                            }
+                          )
+                        ] }),
+                        /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
+                          /* @__PURE__ */ jsx("span", { className: "text-muted-foreground text-xs sm:hidden", children: m("Display") }),
+                          /* @__PURE__ */ jsx(
+                            Input,
+                            {
+                              "aria-label": m("Display {index}", { index: i + 1 }),
+                              value: c.display ?? "",
+                              onChange: (e) => updateCoding(i, { display: e.target.value }),
+                              placeholder: m("Display"),
+                              disabled: codingUnknown
+                            }
+                          )
+                        ] }),
+                        /* @__PURE__ */ jsxs("div", { className: "flex min-h-10 items-center gap-1.5 text-xs sm:justify-center", children: [
+                          /* @__PURE__ */ jsx(
+                            Radio,
+                            {
+                              value: String(i),
+                              "aria-label": m("Primary code: {system} {code}", {
+                                system: c.system,
+                                code: c.code || m("row {index}", { index: i + 1 })
+                              }),
+                              disabled: codingUnknown
+                            }
+                          ),
+                          /* @__PURE__ */ jsx("span", { className: "sm:sr-only", children: m("Primary code") })
+                        ] }),
+                        /* @__PURE__ */ jsx(
+                          Button,
+                          {
+                            variant: "ghost",
+                            size: "icon",
+                            "aria-label": m("Remove code {index}", {
+                              index: i + 1
+                            }),
+                            disabled: codingUnknown,
+                            onClick: () => setCoding(
+                              (prev) => withSinglePrimary(
+                                prev.filter((_, index) => index !== i)
+                              )
+                            ),
+                            className: "h-10 w-10 justify-self-start sm:justify-self-center",
+                            children: /* @__PURE__ */ jsx(Trash2, { size: 14 })
+                          }
+                        )
+                      ]
+                    },
+                    i
+                  ))
+                }
+              )
+            ] }),
+            /* @__PURE__ */ jsx(
+              Select,
+              {
+                label: m("Verification status"),
+                options: VERIFICATION_OPTIONS.map((option) => ({
+                  ...option,
+                  label: m(option.label)
+                })),
+                value: verification,
+                onValueChange: (v) => setVerification(v)
+              }
+            ),
+            /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-end gap-x-4 gap-y-2", children: [
+              /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
+                /* @__PURE__ */ jsx("span", { className: "block text-sm font-medium", children: m("Severity") }),
+                /* @__PURE__ */ jsx(
+                  "div",
+                  {
+                    role: "group",
+                    "aria-label": m("Severity"),
+                    className: "border-border inline-flex items-center overflow-hidden rounded-md border",
+                    children: SEVERITIES.map((s) => {
+                      const active = severity === s;
+                      return /* @__PURE__ */ jsx(
+                        "button",
+                        {
+                          type: "button",
+                          "aria-pressed": active,
+                          disabled: fields.severity?.known === false,
+                          onClick: () => setSeverity(active ? void 0 : s),
+                          className: cn(
+                            "border-border border-s px-2.5 py-1 text-xs font-medium capitalize transition-colors first:border-s-0",
+                            "disabled:opacity-40",
+                            active ? "bg-primary-600 text-white" : "bg-background text-muted-foreground hover:text-foreground"
+                          ),
+                          children: m(s)
+                        },
+                        s
+                      );
+                    })
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
+                /* @__PURE__ */ jsx("span", { className: "block text-sm font-medium", children: m("Certainty") }),
+                /* @__PURE__ */ jsx(
+                  FieldFlag,
+                  {
+                    label: m("Severity"),
+                    value: fields.severity,
+                    onChange: setField("severity"),
+                    hasValue: Boolean(severity)
+                  }
+                )
+              ] })
+            ] }),
+            /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
+              /* @__PURE__ */ jsxs("span", { className: "flex items-center gap-2 text-sm font-medium", children: [
+                m("Onset"),
+                /* @__PURE__ */ jsx(
+                  FieldFlag,
+                  {
+                    label: m("Onset"),
+                    value: fields.onset,
+                    onChange: setField("onset"),
+                    hasValue: Boolean(onsetDate || onsetFuzzy)
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 items-end gap-2 sm:grid-cols-[minmax(10rem,0.8fr)_auto_minmax(14rem,1.2fr)]", children: [
+                /* @__PURE__ */ jsx(
+                  DateInput,
+                  {
+                    "aria-label": m("Onset date (exact)"),
+                    value: onsetDate,
+                    onChange: (value) => {
+                      setOnsetDate(value);
+                      if (value) setOnsetFuzzy("");
+                    },
+                    disabled: fields.onset?.known === false,
+                    validateOnBlur: true,
+                    error: hasInvalidOnsetDate ? m("Please enter a valid date (MM/DD/YYYY)") : void 0,
+                    width: "full"
+                  }
+                ),
+                /* @__PURE__ */ jsx("span", { className: "text-muted-foreground pb-3 text-center text-xs", children: m("or") }),
+                /* @__PURE__ */ jsx(
+                  Input,
+                  {
+                    "aria-label": m("Onset (fuzzy)"),
+                    value: onsetFuzzy,
+                    onChange: (e) => {
+                      setOnsetFuzzy(e.target.value);
+                      if (e.target.value) setOnsetDate("");
+                    },
+                    disabled: fields.onset?.known === false,
+                    placeholder: m(
+                      'Fuzzy \u2014 "since her twenties", "~3 months ago"'
+                    )
+                  }
+                )
+              ] })
+            ] }),
+            /* @__PURE__ */ jsx(
+              Textarea,
+              {
+                label: m("Note"),
+                value: note,
+                onChange: (e) => setNote(e.target.value),
+                placeholder: m(
+                  "e.g. patient thinks it started after the fall, not sure"
+                ),
+                rows: 2
+              }
+            ),
+            Object.keys(fields).length > 0 && /* @__PURE__ */ jsxs("p", { className: "text-muted-foreground flex items-center gap-1.5 text-xs", children: [
+              /* @__PURE__ */ jsx(HelpCircle, { size: 12 }),
+              /* @__PURE__ */ jsxs("span", { children: [
+                m("Uncertainty recorded:"),
+                " ",
+                Object.entries(fields).map(
+                  ([k, f]) => f?.known === false ? m("{field} unknown", { field: m(k) }) : m("{confidence} confidence in {field}", {
+                    confidence: m(f?.confidence ?? "unspecified"),
+                    field: m(k)
+                  })
+                ).join(", ")
+              ] })
+            ] })
+          ] })
+        ] }) }),
+        /* @__PURE__ */ jsxs(ModalFooter, { children: [
+          /* @__PURE__ */ jsx(Button, { variant: "secondary", onClick: () => onOpenChange(false), children: m("Cancel") }),
+          /* @__PURE__ */ jsx(Button, { onClick: handleSave, disabled: saveDisabled, children: m(
+            mode === "relate" ? "Relate" : mode === "observe" ? "Add observation" : "Save"
+          ) }),
+          mode !== "relate" && mode !== "observe" && !text.trim() && /* @__PURE__ */ jsx(Badge, { variant: "outline", size: "sm", className: "text-muted-foreground", children: m("name required") })
+        ] })
+      ]
+    }
+  );
+}
+ConditionEditor.displayName = "ConditionEditor";
+function getDefaultPresets(labels = {}) {
+  const {
+    today = "Today",
+    thisWeek = "This Week",
+    thisMonth = "This Month",
+    lastMonth = "Last Month",
+    last24Hours = "Last 24 Hours",
+    last7Days = "Last 7 Days",
+    last30Days = "Last 30 Days"
+  } = labels;
+  return [
+    { key: "today", label: today },
+    { key: "this-week", label: thisWeek },
+    { key: "this-month", label: thisMonth },
+    { key: "last-month", label: lastMonth },
+    { key: "last-24-hours", label: last24Hours },
+    { key: "last-7-days", label: last7Days },
+    { key: "last-30-days", label: last30Days }
+  ];
+}
+function getExtendedPresets(labels = {}) {
+  const {
+    today = "Today",
+    yesterday = "Yesterday",
+    thisWeek = "This Week",
+    lastWeek = "Last Week",
+    thisMonth = "This Month",
+    lastMonth = "Last Month",
+    thisQuarter = "This Quarter",
+    lastQuarter = "Last Quarter",
+    thisYear = "This Year",
+    lastYear = "Last Year",
+    last24Hours = "Last 24 Hours",
+    last7Days = "Last 7 Days",
+    last30Days = "Last 30 Days",
+    last90Days = "Last 90 Days",
+    last365Days = "Last 365 Days"
+  } = labels;
+  return [
+    { key: "today", label: today },
+    { key: "yesterday", label: yesterday },
+    { key: "last-24-hours", label: last24Hours },
+    { key: "this-week", label: thisWeek },
+    { key: "last-week", label: lastWeek },
+    { key: "last-7-days", label: last7Days },
+    { key: "this-month", label: thisMonth },
+    { key: "last-month", label: lastMonth },
+    { key: "last-30-days", label: last30Days },
+    { key: "this-quarter", label: thisQuarter },
+    { key: "last-quarter", label: lastQuarter },
+    { key: "last-90-days", label: last90Days },
+    { key: "this-year", label: thisYear },
+    { key: "last-year", label: lastYear },
+    { key: "last-365-days", label: last365Days }
+  ];
+}
+function endOfDay(d) {
+  return new Date(d.getFullYear(), d.getMonth(), d.getDate(), 23, 59, 59, 999);
+}
+function calculateDateRange(presetKey) {
+  const now = /* @__PURE__ */ new Date();
+  const today = new Date(now.getFullYear(), now.getMonth(), now.getDate());
+  switch (presetKey) {
+    case "today":
+      return { start: today, end: endOfDay(today) };
+    case "yesterday": {
+      const yesterday = new Date(today);
+      yesterday.setDate(today.getDate() - 1);
+      return { start: yesterday, end: endOfDay(yesterday) };
+    }
+    case "this-week": {
+      const dayOfWeek = today.getDay();
+      const sunday = new Date(today);
+      sunday.setDate(today.getDate() - dayOfWeek);
+      const saturday = new Date(sunday);
+      saturday.setDate(sunday.getDate() + 6);
+      return { start: sunday, end: endOfDay(saturday) };
+    }
+    case "last-week": {
+      const dayOfWeek = today.getDay();
+      const lastSunday = new Date(today);
+      lastSunday.setDate(today.getDate() - dayOfWeek - 7);
+      const lastSaturday = new Date(lastSunday);
+      lastSaturday.setDate(lastSunday.getDate() + 6);
+      return { start: lastSunday, end: endOfDay(lastSaturday) };
+    }
+    case "this-month": {
+      const firstDay = new Date(now.getFullYear(), now.getMonth(), 1);
+      const lastDay = new Date(now.getFullYear(), now.getMonth() + 1, 0);
+      return { start: firstDay, end: endOfDay(lastDay) };
+    }
+    case "last-month": {
+      const firstDay = new Date(now.getFullYear(), now.getMonth() - 1, 1);
+      const lastDay = new Date(now.getFullYear(), now.getMonth(), 0);
+      return { start: firstDay, end: endOfDay(lastDay) };
+    }
+    case "this-quarter": {
+      const quarter = Math.floor(now.getMonth() / 3);
+      const firstDay = new Date(now.getFullYear(), quarter * 3, 1);
+      const lastDay = new Date(now.getFullYear(), quarter * 3 + 3, 0);
+      return { start: firstDay, end: endOfDay(lastDay) };
+    }
+    case "last-quarter": {
+      const quarter = Math.floor(now.getMonth() / 3);
+      const firstDay = new Date(now.getFullYear(), (quarter - 1) * 3, 1);
+      const lastDay = new Date(now.getFullYear(), quarter * 3, 0);
+      return { start: firstDay, end: endOfDay(lastDay) };
+    }
+    case "this-year": {
+      const firstDay = new Date(now.getFullYear(), 0, 1);
+      const lastDay = new Date(now.getFullYear(), 11, 31);
+      return { start: firstDay, end: endOfDay(lastDay) };
+    }
+    case "last-year": {
+      const firstDay = new Date(now.getFullYear() - 1, 0, 1);
+      const lastDay = new Date(now.getFullYear() - 1, 11, 31);
+      return { start: firstDay, end: endOfDay(lastDay) };
+    }
+    case "last-24-hours":
+      return {
+        start: new Date(now.getTime() - 24 * 60 * 60 * 1e3),
+        end: now
+      };
+    case "last-7-days":
+      return {
+        start: new Date(now.getTime() - 7 * 24 * 60 * 60 * 1e3),
+        end: now
+      };
+    case "last-30-days":
+      return {
+        start: new Date(now.getTime() - 30 * 24 * 60 * 60 * 1e3),
+        end: now
+      };
+    case "last-90-days":
+      return {
+        start: new Date(now.getTime() - 90 * 24 * 60 * 60 * 1e3),
+        end: now
+      };
+    case "last-365-days":
+      return {
+        start: new Date(now.getTime() - 365 * 24 * 60 * 60 * 1e3),
+        end: now
+      };
+    default:
+      return { start: null, end: null };
+  }
+}
+function formatDateRange(range) {
+  if (!range.start && !range.end) return "";
+  const formatDate = (d) => {
+    if (!d) return "";
+    return d.toLocaleDateString("en-US", {
+      month: "short",
+      day: "numeric",
+      year: "numeric"
+    });
+  };
+  if (range.start && range.end) {
+    return `${formatDate(range.start)} - ${formatDate(range.end)}`;
+  }
+  return formatDate(range.start || range.end);
+}
+function DateRangePicker({
+  value,
+  onChange,
+  presets,
+  activePreset,
+  placeholder = "Pick a date range",
+  className,
+  align = "auto",
+  showPresets = true,
+  variant = "desktop",
+  labels = {}
+}) {
+  const finalPresets = presets || getDefaultPresets(labels);
+  const [isCalendarOpen, setIsCalendarOpen] = React4.useState(false);
+  const [leftMonth, setLeftMonth] = React4.useState(
+    () => value?.start?.getMonth() ?? (/* @__PURE__ */ new Date()).getMonth()
+  );
+  const [leftYear, setLeftYear] = React4.useState(
+    () => value?.start?.getFullYear() ?? (/* @__PURE__ */ new Date()).getFullYear()
+  );
+  const [rangeStart, setRangeStart] = React4.useState(
+    value?.start ?? null
+  );
+  const [rangeEnd, setRangeEnd] = React4.useState(
+    value?.end ?? null
+  );
+  const [selectingEnd, setSelectingEnd] = React4.useState(false);
+  const [hoverDate, setHoverDate] = React4.useState(null);
+  const calendarRef = React4.useRef(null);
+  const triggerRef = React4.useRef(null);
+  const [resolvedAlign, setResolvedAlign] = React4.useState(
+    align === "end" ? "end" : "start"
+  );
+  const isMobileVariant = variant === "mobile";
+  const isResponsive = variant === "responsive";
+  const focusTrapRef = useFocusTrap(
+    isMobileVariant && isCalendarOpen
+  );
+  const rightMonth = leftMonth === 11 ? 0 : leftMonth + 1;
+  const rightYear = leftMonth === 11 ? leftYear + 1 : leftYear;
+  React4.useEffect(() => {
+    if (!value) {
+      setRangeStart(null);
+      setRangeEnd(null);
+      return;
+    }
+    setRangeStart(value.start ?? null);
+    setRangeEnd(value.end ?? null);
+  }, [value]);
+  const wrapperRef = React4.useRef(null);
+  const outsideRefs = React4.useMemo(
+    () => [wrapperRef, calendarRef],
+    [calendarRef]
+  );
+  useClickOutside(
+    outsideRefs,
+    () => {
+      setIsCalendarOpen(false);
+      setSelectingEnd(false);
+    },
+    isCalendarOpen
+  );
+  const { anchorRef, floatingRef, style } = useAnchoredPosition({
+    open: !isMobileVariant && isCalendarOpen,
+    placement: resolvedAlign === "end" ? "bottom-end" : "bottom-start"
+  });
+  useEscapeKey(() => {
+    setIsCalendarOpen(false);
+    setSelectingEnd(false);
+    triggerRef.current?.focus();
+  }, isCalendarOpen);
+  React4.useEffect(() => {
+    if (isStorybookDocsMode()) return;
+    if (isMobileVariant && isCalendarOpen) {
+      const prev = document.body.style.overflow;
+      document.body.style.overflow = "hidden";
+      return () => {
+        document.body.style.overflow = prev;
+      };
+    }
+  }, [isMobileVariant, isCalendarOpen]);
+  React4.useLayoutEffect(() => {
+    if (isMobileVariant || !isCalendarOpen) return;
+    if (align === "start" || align === "end") {
+      setResolvedAlign(align);
+      return;
+    }
+    if (typeof window === "undefined") return;
+    const trigger = triggerRef.current;
+    if (!trigger) return;
+    const rect = trigger.getBoundingClientRect();
+    const estimatedPopupWidth = showPresets ? 840 : 640;
+    const margin = 8;
+    const overflowsRight = rect.left + estimatedPopupWidth > window.innerWidth - margin;
+    const fitsLeftAligned = rect.right - estimatedPopupWidth >= margin;
+    setResolvedAlign(overflowsRight && fitsLeftAligned ? "end" : "start");
+  }, [align, isCalendarOpen, isMobileVariant, showPresets]);
+  const handlePresetSelect = (presetKey) => {
+    const range = calculateDateRange(presetKey);
+    setRangeStart(range.start);
+    setRangeEnd(range.end);
+    setSelectingEnd(false);
+    setIsCalendarOpen(false);
+    if (range.start) {
+      setLeftMonth(range.start.getMonth());
+      setLeftYear(range.start.getFullYear());
+    }
+    onChange(range, presetKey);
+  };
+  const handleDayClick = (day, month, year) => {
+    const clicked = new Date(year, month, day);
+    if (!selectingEnd) {
+      setRangeStart(clicked);
+      setRangeEnd(null);
+      setSelectingEnd(true);
+    } else {
+      let start = rangeStart;
+      let end = clicked;
+      if (end < start) {
+        [start, end] = [end, start];
+      }
+      setRangeStart(start);
+      setRangeEnd(end);
+      setSelectingEnd(false);
+      if (variant !== "mobile") {
+        setIsCalendarOpen(false);
+      }
+      onChange({ start, end });
+    }
+  };
+  const toggleCalendar = () => {
+    if (!isCalendarOpen) {
+      if (value?.start) {
+        setRangeStart(value.start);
+        setRangeEnd(value.end ?? null);
+        setLeftMonth(value.start.getMonth());
+        setLeftYear(value.start.getFullYear());
+      } else {
+        const now = /* @__PURE__ */ new Date();
+        setLeftMonth(now.getMonth());
+        setLeftYear(now.getFullYear());
+      }
+      setSelectingEnd(false);
+    }
+    setIsCalendarOpen(!isCalendarOpen);
+  };
+  const goToPrevMonth = () => {
+    if (leftMonth === 0) {
+      setLeftMonth(11);
+      setLeftYear(leftYear - 1);
+    } else {
+      setLeftMonth(leftMonth - 1);
+    }
+  };
+  const goToNextMonth = () => {
+    if (leftMonth === 11) {
+      setLeftMonth(0);
+      setLeftYear(leftYear + 1);
+    } else {
+      setLeftMonth(leftMonth + 1);
+    }
+  };
+  const getDaysInMonth = (month, year) => new Date(year, month + 1, 0).getDate();
+  const getFirstDayOfMonth = (month, year) => new Date(year, month, 1).getDay();
+  const isSameDay = (a, b) => a.getFullYear() === b.getFullYear() && a.getMonth() === b.getMonth() && a.getDate() === b.getDate();
+  const isInRange = (date) => {
+    const start = rangeStart;
+    const end = selectingEnd ? hoverDate : rangeEnd;
+    if (!start || !end) return false;
+    const [lo, hi] = start <= end ? [start, end] : [end, start];
+    return date > lo && date < hi;
+  };
+  const isStart = (date) => {
+    if (!rangeStart) return false;
+    return isSameDay(date, rangeStart);
+  };
+  const isEnd = (date) => {
+    const end = selectingEnd ? hoverDate : rangeEnd;
+    if (!end) return false;
+    return isSameDay(date, end);
+  };
+  const isToday = (date) => {
+    const today = /* @__PURE__ */ new Date();
+    return isSameDay(date, today);
+  };
+  const displayValue = value ? formatDateRange(value) : "";
+  const monthNames = React4.useMemo(
+    () => Array.from(
+      { length: 12 },
+      (_, i) => new Intl.DateTimeFormat(void 0, { month: "long" }).format(
+        new Date(2e3, i, 1)
+      )
+    ),
+    []
+  );
+  const weekdayNames = React4.useMemo(
+    () => Array.from(
+      { length: 7 },
+      (_, i) => new Intl.DateTimeFormat(void 0, { weekday: "short" }).format(
+        new Date(1970, 0, 4 + i)
+      )
+    ),
+    []
+  );
+  const renderMonthGrid = (month, year) => {
+    const daysInMonth = getDaysInMonth(month, year);
+    const firstDay = getFirstDayOfMonth(month, year);
+    const prevMonth = month === 0 ? 11 : month - 1;
+    const prevYear = month === 0 ? year - 1 : year;
+    const daysInPrevMonth = getDaysInMonth(prevMonth, prevYear);
+    const cells = [];
+    for (let i = firstDay - 1; i >= 0; i--) {
+      cells.push({
+        day: daysInPrevMonth - i,
+        month: prevMonth,
+        year: prevYear,
+        isCurrentMonth: false
+      });
+    }
+    for (let i = 1; i <= daysInMonth; i++) {
+      cells.push({ day: i, month, year, isCurrentMonth: true });
+    }
+    const nextMonth = month === 11 ? 0 : month + 1;
+    const nextYear = month === 11 ? year + 1 : year;
+    const remaining = 42 - cells.length;
+    for (let i = 1; i <= remaining; i++) {
+      cells.push({
+        day: i,
+        month: nextMonth,
+        year: nextYear,
+        isCurrentMonth: false
+      });
+    }
+    return /* @__PURE__ */ jsxs("div", { className: "w-[280px]", "data-slot": "date-range-grid", children: [
+      /* @__PURE__ */ jsx("div", { className: "mb-1 grid grid-cols-7", "data-slot": "date-range-weekdays", children: weekdayNames.map((dayName) => /* @__PURE__ */ jsx(
+        "div",
+        {
+          className: "text-muted-foreground py-1 text-center text-xs font-medium",
+          "data-slot": "date-range-weekday",
+          children: dayName
+        },
+        dayName
+      )) }),
+      /* @__PURE__ */ jsx("div", { className: "grid grid-cols-7", "data-slot": "date-range-day-grid", children: cells.map((cell, index) => {
+        const date = new Date(cell.year, cell.month, cell.day);
+        const inRange = isInRange(date);
+        const start = isStart(date);
+        const end = isEnd(date);
+        const today = isToday(date);
+        return /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            "data-slot": "date-range-day",
+            onClick: () => handleDayClick(cell.day, cell.month, cell.year),
+            onMouseEnter: () => {
+              if (selectingEnd) {
+                setHoverDate(date);
+              }
+            },
+            className: cn(
+              "relative h-9 w-10 text-center text-sm",
+              "focus:ring-ring focus:z-10 focus:ring-2 focus:outline-none",
+              "transition-colors",
+              // Not current month — dimmed
+              !cell.isCurrentMonth && "text-muted-foreground/50",
+              // Current month — normal
+              cell.isCurrentMonth && "text-foreground",
+              // Hover
+              "hover:bg-muted",
+              // In range background
+              inRange && "bg-muted",
+              // Start date
+              start && "bg-foreground text-background hover:bg-foreground rounded-s-md font-semibold",
+              // End date
+              end && !start && "border-foreground text-foreground rounded-e-md border font-semibold",
+              // Today indicator (only if not start/end)
+              today && !start && !end && "font-semibold"
+            ),
+            children: cell.day
+          },
+          index
+        );
+      }) })
+    ] });
+  };
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      ref: (node) => {
+        wrapperRef.current = node;
+        anchorRef.current = node;
+      },
+      className: cn("relative inline-block", className),
+      "data-slot": "date-range-picker",
+      children: [
+        /* @__PURE__ */ jsxs(
+          "button",
+          {
+            ref: triggerRef,
+            type: "button",
+            onClick: toggleCalendar,
+            "aria-expanded": isCalendarOpen,
+            "aria-haspopup": "dialog",
+            "data-slot": "date-range-trigger",
+            className: cn(
+              "border-input bg-background hover:bg-muted",
+              "inline-flex w-[300px] items-center gap-2 rounded-md border px-4 py-2 text-start text-sm font-normal",
+              "focus:ring-ring focus:ring-2 focus:outline-none",
+              "transition-colors",
+              !displayValue && "text-muted-foreground"
+            ),
+            children: [
+              /* @__PURE__ */ jsx(Calendar, { className: "h-4 w-4", "data-slot": "date-range-trigger-icon" }),
+              displayValue || placeholder
+            ]
+          }
+        ),
+        isMobileVariant && isCalendarOpen && // eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-static-element-interactions
+        /* @__PURE__ */ jsx(
+          "div",
+          {
+            "data-slot": "date-range-mobile-overlay",
+            className: "fixed inset-0 z-50 flex items-end justify-center bg-black/40",
+            onClick: (event) => {
+              if (event.target !== event.currentTarget) return;
+              setIsCalendarOpen(false);
+              setSelectingEnd(false);
+              setHoverDate(null);
+              if (triggerRef.current instanceof HTMLElement) {
+                triggerRef.current.focus();
+              }
+            },
+            children: /* @__PURE__ */ jsxs(
+              "div",
+              {
+                ref: (node) => {
+                  calendarRef.current = node;
+                  focusTrapRef.current = node;
+                },
+                className: "bg-background animate-in slide-in-from-bottom max-h-[90vh] w-full max-w-md overflow-y-auto rounded-t-2xl px-6 pt-4 pb-6 shadow-xl",
+                role: "dialog",
+                "aria-modal": "true",
+                "aria-labelledby": "mobile-date-range-title",
+                "data-slot": "date-range-mobile-sheet",
+                children: [
+                  /* @__PURE__ */ jsx(
+                    "div",
+                    {
+                      className: "bg-muted mx-auto mb-4 h-1 w-10 rounded-full",
+                      "data-slot": "date-range-mobile-handle"
+                    }
+                  ),
+                  /* @__PURE__ */ jsx(
+                    "h3",
+                    {
+                      id: "mobile-date-range-title",
+                      className: "mb-4 text-lg font-semibold",
+                      "data-slot": "date-range-mobile-title",
+                      children: placeholder
+                    }
+                  ),
+                  /* @__PURE__ */ jsxs(
+                    "div",
+                    {
+                      className: "mb-3 flex items-center justify-center gap-4",
+                      "data-slot": "date-range-month-header",
+                      children: [
+                        /* @__PURE__ */ jsx(
+                          "button",
+                          {
+                            type: "button",
+                            onClick: goToPrevMonth,
+                            className: "hover:bg-muted rounded-md p-1 transition-colors",
+                            "aria-label": "Previous month",
+                            "data-slot": "date-range-nav",
+                            children: /* @__PURE__ */ jsx(ChevronLeft, { className: "h-4 w-4 rtl:-scale-x-100" })
+                          }
+                        ),
+                        /* @__PURE__ */ jsxs(
+                          "div",
+                          {
+                            className: "text-sm font-medium",
+                            "data-slot": "date-range-month-label",
+                            children: [
+                              monthNames[leftMonth],
+                              " ",
+                              leftYear
+                            ]
+                          }
+                        ),
+                        /* @__PURE__ */ jsx(
+                          "button",
+                          {
+                            type: "button",
+                            onClick: goToNextMonth,
+                            className: "hover:bg-muted rounded-md p-1 transition-colors",
+                            "aria-label": "Next month",
+                            "data-slot": "date-range-nav",
+                            children: /* @__PURE__ */ jsx(ChevronRight, { className: "h-4 w-4 rtl:-scale-x-100" })
+                          }
+                        )
+                      ]
+                    }
+                  ),
+                  /* @__PURE__ */ jsx(
+                    "div",
+                    {
+                      className: "flex justify-center",
+                      onMouseLeave: () => setHoverDate(null),
+                      children: renderMonthGrid(leftMonth, leftYear)
+                    }
+                  ),
+                  /* @__PURE__ */ jsx(
+                    "button",
+                    {
+                      type: "button",
+                      "data-slot": "date-range-mobile-done",
+                      onClick: () => {
+                        setIsCalendarOpen(false);
+                        setSelectingEnd(false);
+                        if (triggerRef.current instanceof HTMLElement) {
+                          triggerRef.current.focus();
+                        }
+                      },
+                      className: "border-input hover:bg-muted mt-6 w-full rounded-lg border py-3 text-sm font-medium transition-colors",
+                      children: labels?.done ?? "Done"
+                    }
+                  )
+                ]
+              }
+            )
+          }
+        ),
+        !isMobileVariant && isCalendarOpen && createPortal(
+          /* @__PURE__ */ jsx(
+            "div",
+            {
+              ref: (node) => {
+                calendarRef.current = node;
+                floatingRef.current = node;
+              },
+              style,
+              className: cn(
+                "overflow-auto",
+                "bg-background border-border rounded-lg border shadow-lg"
+              ),
+              role: "dialog",
+              "aria-label": "Choose date range",
+              "data-slot": "date-range-popup",
+              children: /* @__PURE__ */ jsxs("div", { className: "flex", children: [
+                showPresets && /* @__PURE__ */ jsx(
+                  "div",
+                  {
+                    className: cn(
+                      "border-border flex w-[200px] shrink-0 flex-col gap-0.5 border-e p-3",
+                      isResponsive && "hidden md:flex"
+                    ),
+                    "data-slot": "date-range-presets",
+                    children: finalPresets.map((preset) => /* @__PURE__ */ jsx(
+                      "button",
+                      {
+                        type: "button",
+                        onClick: () => handlePresetSelect(preset.key),
+                        "data-slot": "date-range-preset",
+                        className: cn(
+                          "rounded-md px-3 py-1.5 text-start text-sm transition-colors",
+                          "hover:bg-muted",
+                          activePreset === preset.key && "bg-primary-800 text-white"
+                        ),
+                        children: preset.label
+                      },
+                      preset.key
+                    ))
+                  }
+                ),
+                /* @__PURE__ */ jsxs("div", { className: "p-4", "data-slot": "date-range-calendar", children: [
+                  /* @__PURE__ */ jsx(
+                    "p",
+                    {
+                      className: "text-muted-foreground mb-4 text-sm",
+                      "data-slot": "date-range-subtitle",
+                      children: "Select a start and end date from the calendar."
+                    }
+                  ),
+                  /* @__PURE__ */ jsxs(
+                    "div",
+                    {
+                      className: "flex gap-8",
+                      onMouseLeave: () => setHoverDate(null),
+                      "data-slot": "date-range-calendars",
+                      children: [
+                        /* @__PURE__ */ jsxs("div", { children: [
+                          /* @__PURE__ */ jsxs(
+                            "div",
+                            {
+                              className: "mb-3 flex items-center",
+                              "data-slot": "date-range-month-header",
+                              children: [
+                                /* @__PURE__ */ jsx(
+                                  "button",
+                                  {
+                                    type: "button",
+                                    onClick: goToPrevMonth,
+                                    className: "hover:bg-muted rounded-md p-1 transition-colors",
+                                    "aria-label": "Previous month",
+                                    "data-slot": "date-range-nav",
+                                    children: /* @__PURE__ */ jsx(ChevronLeft, { className: "h-4 w-4 rtl:-scale-x-100" })
+                                  }
+                                ),
+                                /* @__PURE__ */ jsxs(
+                                  "div",
+                                  {
+                                    className: "flex-1 text-center text-sm font-medium",
+                                    "data-slot": "date-range-month-label",
+                                    children: [
+                                      monthNames[leftMonth],
+                                      " ",
+                                      leftYear
+                                    ]
+                                  }
+                                ),
+                                isResponsive && /* @__PURE__ */ jsx(
+                                  "button",
+                                  {
+                                    type: "button",
+                                    onClick: goToNextMonth,
+                                    className: "hover:bg-muted rounded-md p-1 transition-colors md:hidden",
+                                    "aria-label": "Next month",
+                                    "data-slot": "date-range-nav",
+                                    children: /* @__PURE__ */ jsx(ChevronRight, { className: "h-4 w-4 rtl:-scale-x-100" })
+                                  }
+                                )
+                              ]
+                            }
+                          ),
+                          renderMonthGrid(leftMonth, leftYear)
+                        ] }),
+                        /* @__PURE__ */ jsxs("div", { className: cn(isResponsive && "hidden md:block"), children: [
+                          /* @__PURE__ */ jsxs(
+                            "div",
+                            {
+                              className: "mb-3 flex items-center",
+                              "data-slot": "date-range-month-header",
+                              children: [
+                                /* @__PURE__ */ jsxs(
+                                  "div",
+                                  {
+                                    className: "flex-1 text-center text-sm font-medium",
+                                    "data-slot": "date-range-month-label",
+                                    children: [
+                                      monthNames[rightMonth],
+                                      " ",
+                                      rightYear
+                                    ]
+                                  }
+                                ),
+                                /* @__PURE__ */ jsx(
+                                  "button",
+                                  {
+                                    type: "button",
+                                    onClick: goToNextMonth,
+                                    className: "hover:bg-muted rounded-md p-1 transition-colors",
+                                    "aria-label": "Next month",
+                                    "data-slot": "date-range-nav",
+                                    children: /* @__PURE__ */ jsx(ChevronRight, { className: "h-4 w-4 rtl:-scale-x-100" })
+                                  }
+                                )
+                              ]
+                            }
+                          ),
+                          renderMonthGrid(rightMonth, rightYear)
+                        ] })
+                      ]
+                    }
+                  )
+                ] })
+              ] })
+            }
+          ),
+          document.body
+        )
+      ]
+    }
+  );
+}
+function DateRangeFilter({
+  value: _value,
+  onChange,
+  presets,
+  activePreset,
+  variant = "outline",
+  className,
+  labels = {}
+}) {
+  const finalPresets = presets || getDefaultPresets(labels);
+  const activeLabel = finalPresets.find((p) => p.key === activePreset)?.label;
+  const handlePresetSelect = (presetKey) => {
+    const range = calculateDateRange(presetKey);
+    onChange(range, presetKey);
+  };
+  return /* @__PURE__ */ jsx(
+    Dropdown,
+    {
+      trigger: /* @__PURE__ */ jsxs(Button, { variant, size: "md", className, children: [
+        /* @__PURE__ */ jsx(Calendar, { className: "me-2 h-4 w-4" }),
+        activeLabel || labels.filter || "Filter by Date",
+        /* @__PURE__ */ jsx(ChevronDown$1, { className: "ms-2 h-3 w-3" })
+      ] }),
+      className: "w-56",
+      "data-slot": "date-range-filter",
+      children: finalPresets.map((preset) => /* @__PURE__ */ jsx(
+        DropdownItem,
+        {
+          onClick: () => handlePresetSelect(preset.key),
+          className: cn(
+            activePreset === preset.key && "bg-primary/10 text-primary"
+          ),
+          children: preset.label
+        },
+        preset.key
+      ))
+    }
+  );
+}
+var GROUP_ORDER = [
+  "unreconciled",
+  "taking",
+  "taking-noncompliant",
+  "not-taking",
+  "unknown"
+];
+var MEDICATION_STATUS_LABELS = {
+  unreconciled: "Unreconciled",
+  taking: "Taking as Directed",
+  "taking-noncompliant": "Not Taking as Directed",
+  "not-taking": "Not Taking",
+  unknown: "Unknown"
+};
+var DEFAULT_ACTIONS2 = [
+  "open",
+  "correct",
+  "refill",
+  "add-task",
+  "note",
+  "remove"
+];
+var ACTION_META3 = {
+  open: { label: "Open", icon: ExternalLink },
+  correct: { label: "Correct", icon: Pencil },
+  refill: { label: "Refill", icon: RefreshCw },
+  "add-task": { label: "Add Task", icon: CalendarCheck },
+  note: { label: "Notes", icon: StickyNote },
+  remove: { label: "Remove", icon: Ban },
+  "move-up": { label: "Move Up", icon: ChevronUp },
+  "move-down": { label: "Move Down", icon: ChevronDown }
+};
+var STATUS_BUTTON_META = [
+  { status: "taking", label: "Taking", icon: ThumbsUp },
+  {
+    status: "taking-noncompliant",
+    label: "Taking \u2013 Noncompliant",
+    icon: HandMetal
+  },
+  { status: "not-taking", label: "Not Taking", icon: ThumbsDown },
+  { status: "unknown", label: "Unknown", icon: HelpCircle }
+];
+function MedicationRow({
+  medication,
+  actions,
+  readOnly,
+  drag,
+  onMove,
+  onStatusChange,
+  onAction
+}) {
+  const m = useMessages();
+  const handleRowKeyDown = (e) => {
+    if (e.target !== e.currentTarget) return;
+    if (e.altKey && (e.key === "ArrowUp" || e.key === "ArrowDown")) {
+      e.preventDefault();
+      onMove?.(medication, e.key === "ArrowUp" ? -1 : 1);
+    } else if (e.key === "ArrowUp" || e.key === "ArrowDown") {
+      e.preventDefault();
+      const list = e.currentTarget.closest("ul");
+      if (!list) return;
+      const rows = Array.from(
+        list.querySelectorAll("li[data-medication-id]")
+      );
+      const i = rows.indexOf(e.currentTarget);
+      rows[e.key === "ArrowUp" ? Math.max(0, i - 1) : Math.min(rows.length - 1, i + 1)]?.focus();
+    }
+  };
+  return (
+    // Rows are focus stops when reordering is enabled so drag & drop has a
+    // keyboard equivalent (Alt+↑/↓) — 508.
+    /* eslint-disable jsx-a11y/no-noninteractive-element-interactions, jsx-a11y/no-noninteractive-tabindex */
+    /* @__PURE__ */ jsxs(
+      "li",
+      {
+        "data-slot": "clinical-list-row",
+        "data-medication-id": medication.id,
+        tabIndex: drag.enabled ? 0 : void 0,
+        onKeyDown: drag.enabled ? handleRowKeyDown : void 0,
+        "aria-label": drag.enabled ? m("{name}. Alt plus arrow keys to reorder.", {
+          name: medication.name
+        }) : void 0,
+        ...drag.rowProps(medication.id),
+        className: cn(
+          "group border-border/60 relative flex min-h-11 flex-wrap items-center gap-x-2 gap-y-1 border-b px-1 py-2",
+          "focus-visible:ring-ring focus-visible:ring-2 focus-visible:outline-none",
+          drag.enabled && "cursor-grab active:cursor-grabbing",
+          dragIndicatorClasses(drag, medication.id)
+        ),
+        children: [
+          drag.enabled ? /* @__PURE__ */ jsx(
+            GripVertical,
+            {
+              size: 14,
+              "aria-hidden": true,
+              className: "text-muted-foreground/50 shrink-0"
+            }
+          ) : /* @__PURE__ */ jsx("span", { className: "text-muted-foreground/60 select-none", children: "\u2022" }),
+          /* @__PURE__ */ jsx("span", { className: "text-foreground font-medium", children: medication.name }),
+          medication.code && /* @__PURE__ */ jsxs(
+            "span",
+            {
+              className: "text-muted-foreground/70 text-xs",
+              title: medication.code.display,
+              children: [
+                medication.code.system,
+                " ",
+                medication.code.code
+              ]
+            }
+          ),
+          medication.sig && /* @__PURE__ */ jsx("span", { className: "text-muted-foreground text-sm", children: medication.sig }),
+          medication.expired && /* @__PURE__ */ jsx("span", { className: "text-sm font-bold text-red-600 dark:text-red-400", children: m("EXPIRED") }),
+          medication.discontinuedDate && /* @__PURE__ */ jsxs("span", { className: "text-muted-foreground text-sm", children: [
+            m("Discontinued on:"),
+            " ",
+            medication.discontinuedDate
+          ] }),
+          (medication.note || medication.task) && /* @__PURE__ */ jsxs("span", { className: "flex w-full basis-full flex-col gap-0.5 ps-4", children: [
+            medication.note && /* @__PURE__ */ jsxs("span", { className: "text-muted-foreground flex items-center gap-1.5 text-xs", children: [
+              /* @__PURE__ */ jsx(StickyNote, { size: 12 }),
+              medication.note
+            ] }),
+            medication.task && /* @__PURE__ */ jsxs("span", { className: "text-muted-foreground flex items-center gap-1.5 text-xs", children: [
+              /* @__PURE__ */ jsx(CalendarCheck, { size: 12 }),
+              m("Task:"),
+              " ",
+              medication.task
+            ] })
+          ] }),
+          !readOnly && /* @__PURE__ */ jsxs(
+            RowActionToolbar,
+            {
+              label: m("Actions for {name}", { name: medication.name }),
+              children: [
+                actions.includes("open") && /* @__PURE__ */ jsx(
+                  RowIconButton,
+                  {
+                    label: m(ACTION_META3.open.label),
+                    icon: ACTION_META3.open.icon,
+                    onClick: () => onAction?.(medication, "open")
+                  }
+                ),
+                STATUS_BUTTON_META.map(({ status, label, icon }) => /* @__PURE__ */ jsx(
+                  RowIconButton,
+                  {
+                    label: m(label),
+                    icon,
+                    active: medication.status === status,
+                    onClick: () => onStatusChange?.(medication, status)
+                  },
+                  status
+                )),
+                actions.filter((a) => a !== "open").map((action) => /* @__PURE__ */ jsx(
+                  RowIconButton,
+                  {
+                    label: m(ACTION_META3[action].label),
+                    icon: ACTION_META3[action].icon,
+                    onClick: () => onAction?.(medication, action)
+                  },
+                  action
+                ))
+              ]
+            }
+          )
+        ]
+      }
+    )
+  );
+}
+var MedicationList = React4.forwardRef(
+  ({
+    medications,
+    title = "Presenting medications",
+    onStatusChange,
+    onAction,
+    onReorder,
+    actions = DEFAULT_ACTIONS2,
+    quickAddOptions,
+    onQuickAdd,
+    onAddOther,
+    readOnly = false,
+    reconciledMessage = "All medications reconciled.",
+    emptyMessage = "No medications recorded.",
+    addSearch,
+    className,
+    "data-testid": dataTestId,
+    ...props
+  }, ref) => {
+    const m = useMessages();
+    const [announcement, setAnnouncement] = useLiveAnnouncement();
+    const handleStatusChange = React4.useCallback(
+      (medication, status) => {
+        setAnnouncement(
+          m("{name} marked {status}", {
+            name: medication.name,
+            status: m(MEDICATION_STATUS_LABELS[status])
+          })
+        );
+        onStatusChange?.(medication, status);
+      },
+      [m, onStatusChange, setAnnouncement]
+    );
+    const groups = GROUP_ORDER.map((status) => ({
+      status,
+      label: MEDICATION_STATUS_LABELS[status],
+      items: medications.filter((m2) => m2.status === status)
+    })).filter((g) => g.items.length > 0 || g.status === "unreconciled");
+    const statusById = React4.useMemo(
+      () => new Map(medications.map((m2) => [m2.id, m2.status])),
+      [medications]
+    );
+    const statusOf = React4.useCallback(
+      (id) => statusById.get(id),
+      [statusById]
+    );
+    const drag = useDragReorder({
+      ids: medications.map((m2) => m2.id),
+      onReorder: readOnly || !onReorder ? void 0 : (ids) => {
+        setAnnouncement(m("Medication list reordered"));
+        onReorder(ids);
+      },
+      canDropOn: (dragged, target) => statusOf(dragged) === statusOf(target)
+    });
+    const moveMedication = React4.useCallback(
+      (medication, dir) => {
+        if (readOnly || !onReorder) return;
+        const ids = medications.map((m2) => m2.id);
+        const from = ids.indexOf(medication.id);
+        let to = from + dir;
+        while (to >= 0 && to < medications.length && medications[to].status !== medication.status) {
+          to += dir;
+        }
+        if (to < 0 || to >= medications.length) return;
+        [ids[from], ids[to]] = [ids[to], ids[from]];
+        setAnnouncement(
+          m(dir === -1 ? "{name} moved up" : "{name} moved down", {
+            name: medication.name
+          })
+        );
+        onReorder(ids);
+      },
+      [m, medications, onReorder, readOnly, setAnnouncement]
+    );
+    return /* @__PURE__ */ jsxs(
+      Card,
+      {
+        ref,
+        padding: "none",
+        className: cn("w-full", className),
+        "data-testid": dataTestId,
+        ...props,
+        children: [
+          title !== null && /* @__PURE__ */ jsx(CardHeader, { className: "border-border bg-muted/50 border-b px-4 py-3", children: /* @__PURE__ */ jsx("h3", { className: "text-foreground text-sm font-semibold tracking-wide uppercase", children: m(title) }) }),
+          /* @__PURE__ */ jsxs(CardContent, { className: "space-y-6 px-4 py-4", children: [
+            groups.map(({ status, label, items }) => /* @__PURE__ */ jsxs("section", { "aria-label": m(label), children: [
+              /* @__PURE__ */ jsx(
+                "h4",
+                {
+                  "data-slot": "clinical-list-heading",
+                  className: "border-border text-foreground border-b pb-1 text-sm font-semibold tracking-wide uppercase",
+                  children: m(label)
+                }
+              ),
+              items.length > 0 ? /* @__PURE__ */ jsx("ul", { className: "mt-1", children: items.map((medication) => /* @__PURE__ */ jsx(
+                MedicationRow,
+                {
+                  medication,
+                  actions,
+                  readOnly,
+                  drag,
+                  onMove: moveMedication,
+                  onStatusChange: handleStatusChange,
+                  onAction
+                },
+                medication.id
+              )) }) : medications.length === 0 ? /* @__PURE__ */ jsx("p", { className: "text-muted-foreground mt-2 text-sm", children: m(emptyMessage) }) : /* @__PURE__ */ jsxs("p", { className: "text-muted-foreground mt-2 flex items-center gap-1.5 text-sm", children: [
+                /* @__PURE__ */ jsx(Badge, { variant: "success", size: "sm", children: "\u2713" }),
+                m(reconciledMessage)
+              ] })
+            ] }, status)),
+            !readOnly && (addSearch || quickAddOptions?.length || onAddOther) && /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+              /* @__PURE__ */ jsx("span", { className: "text-muted-foreground text-xs font-semibold tracking-wide uppercase", children: m("Add medication") }),
+              addSearch,
+              (quickAddOptions?.length || onAddOther) && /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-1.5", children: [
+                quickAddOptions?.map((name) => /* @__PURE__ */ jsx(
+                  Button,
+                  {
+                    variant: "ghost",
+                    size: "sm",
+                    onClick: () => onQuickAdd?.(name),
+                    leftIcon: /* @__PURE__ */ jsx(Plus, { size: 12 }),
+                    className: "border-border h-auto rounded-full border px-2.5 py-1 text-xs",
+                    children: name
+                  },
+                  name
+                )),
+                onAddOther && /* @__PURE__ */ jsx(
+                  Button,
+                  {
+                    variant: "outline",
+                    size: "sm",
+                    onClick: onAddOther,
+                    leftIcon: /* @__PURE__ */ jsx(Plus, { size: 12 }),
+                    className: "h-auto rounded-full px-2.5 py-1 text-xs",
+                    children: m("Other\u2026")
+                  }
+                )
+              ] })
+            ] })
+          ] }),
+          /* @__PURE__ */ jsx("div", { "aria-live": "polite", className: "sr-only", children: announcement })
+        ]
+      }
+    );
+  }
+);
+MedicationList.displayName = "MedicationList";
+var DOSE_FORMS = [
+  "tablet",
+  "capsule",
+  "solution",
+  "suspension",
+  "syrup",
+  "cream",
+  "ointment",
+  "gel",
+  "patch",
+  "suppository",
+  "spray",
+  "drops",
+  "inhaler",
+  "injection",
+  "lozenge",
+  "powder",
+  "film"
+];
+var FORM_TO_UNIT = {
+  tablet: "tablet",
+  capsule: "capsule",
+  solution: "milliliter",
+  suspension: "milliliter",
+  syrup: "milliliter",
+  cream: "gram",
+  ointment: "gram",
+  gel: "gram",
+  patch: "patch",
+  suppository: "suppository",
+  spray: "spray",
+  drops: "milliliter",
+  inhaler: "each",
+  injection: "milliliter",
+  lozenge: "each",
+  powder: "gram",
+  film: "each"
+};
+function doseFormToQuantityUnit(doseForm) {
+  const normalized = doseForm.toLowerCase().trim();
+  return (FORM_TO_UNIT[normalized] ?? normalized) || void 0;
+}
+function parseMedicationLabel(label) {
+  const lower = label.toLowerCase();
+  const strengthMatch = lower.match(
+    /(\d{1,7}(?:\.\d{1,4})?(?:\s{0,4}\/\s{0,4}\d{1,7}(?:\.\d{1,4})?)?)\s{0,4}(mg\/ml|mcg\/ml|mg|mcg|g|ml|units?|%|meq)\b/
+  );
+  const doseForm = DOSE_FORMS.find((f) => lower.includes(f));
+  return {
+    strength: strengthMatch ? `${strengthMatch[1].replace(/\s+/g, "")} ${strengthMatch[2]}` : void 0,
+    doseForm
+  };
+}
+var SIG_ROUTES = [
+  [/\bby mouth\b|\boral(ly)?\b|\bpo\b/, "oral"],
+  [/\bsublingual(ly)?\b|\bunder the tongue\b|\bsl\b/, "sublingual"],
+  [/\bsubcutaneous(ly)?\b|\bsubq\b|\bsc\b|\bsq\b/, "subcutaneous"],
+  [/\bintramuscular(ly)?\b|\bim\b/, "intramuscular"],
+  [/\bintravenous(ly)?\b|\biv\b/, "intravenous"],
+  [/\binhal(e|ation|ed)\b|\bpuffs?\b|\bnebuliz/, "inhalation"],
+  [/\beyes?\b|\bophthalmic\b/, "ophthalmic"],
+  [/\bears?\b|\botic\b/, "otic"],
+  [/\bnostrils?\b|\bnasal(ly)?\b|\bintranasal/, "nasal"],
+  [/\brectal(ly)?\b|\bpr\b/, "rectal"],
+  [/\btransdermal\b|\bto (the )?skin\b|\bapply\b|\btopical(ly)?\b/, "topical"]
+];
+var SIG_FREQUENCIES = [
+  [/\bevery other day\b|\bqod\b/, "Every other day"],
+  [/\btwice (a |per )?day\b|\btwice daily\b|\bbid\b/, "Twice daily"],
+  [
+    /\b(three times|3 times)( a| per)? day\b|\b(three times|3 times) daily\b|\btid\b/,
+    "Three times daily"
+  ],
+  [
+    /\b(four times|4 times)( a| per)? day\b|\b(four times|4 times) daily\b|\bqid\b/,
+    "Four times daily"
+  ],
+  [/\bevery morning\b|\bqam\b/, "Every morning"],
+  [/\b(at )?bedtime\b|\bqhs\b|\bat night\b/, "Every bedtime"],
+  [/\bweekly\b|\bonce a week\b|\bevery week\b/, "Weekly"],
+  [
+    /\bonce (a |per )?day\b|\bonce daily\b|\bdaily\b|\bevery day\b|\bqd\b/,
+    "Once daily"
+  ]
+];
+function parseSig(sig) {
+  const lower = sig.toLowerCase();
+  const route = SIG_ROUTES.find(([re]) => re.test(lower))?.[1];
+  const frequency = SIG_FREQUENCIES.find(([re]) => re.test(lower))?.[1];
+  const prn = /\bas needed\b|\bprn\b/.test(lower);
+  return { route, frequency, prn };
+}
+function labelToMedicationFields(label) {
+  const { strength, doseForm } = parseMedicationLabel(label);
+  return {
+    ...strength && { strength },
+    ...doseForm && {
+      doseForm,
+      quantityUnit: doseFormToQuantityUnit(doseForm)
+    }
+  };
+}
+function lookupToMedicationFields(result) {
+  return {
+    name: result.label,
+    code: {
+      system: result.codetype,
+      code: result.fullcode,
+      display: result.label
+    },
+    ...labelToMedicationFields(result.label)
+  };
+}
+function newId2() {
+  return `med-${Date.now()}-${Math.random().toString(36).slice(2, 8)}`;
+}
+function MedicationEditor({
+  open,
+  medication,
+  codeLookup,
+  requireCode = false,
+  onClose,
+  onSave
+}) {
+  const m = useMessages();
+  const ambientCodeLookup = useCodeLookupConfig();
+  const effectiveCodeLookup = codeLookup === false ? void 0 : codeLookup ?? ambientCodeLookup ?? void 0;
+  const [draft, setDraft] = React4.useState(
+    () => medication ?? {
+      id: newId2(),
+      name: "",
+      status: "unreconciled"
+    }
+  );
+  const bodyRef = React4.useRef(null);
+  React4.useEffect(() => {
+    const input = bodyRef.current?.querySelector("input");
+    input?.focus();
+  }, []);
+  const patch = (p) => setDraft((prev) => ({ ...prev, ...p }));
+  const handleCodeSelect = (result) => {
+    if (requireCode && (!result.codetype.trim() || !result.fullcode.trim()))
+      return;
+    patch(lookupToMedicationFields(result));
+  };
+  const handleSigChange = (sig) => {
+    const { route, frequency, prn } = parseSig(sig);
+    patch({ sig, route, frequency, prn: prn || void 0 });
+  };
+  const hasCode = Boolean(draft.code?.system.trim() && draft.code.code.trim());
+  const unchangedLegacyName = medication && !medication.code && draft.name === medication.name;
+  const canSave = draft.name.trim().length > 0 && (!requireCode || hasCode || Boolean(unchangedLegacyName));
+  if (!open) return null;
+  return /* @__PURE__ */ jsxs(Modal, { open: true, onOpenChange: (o) => !o && onClose(), size: "lg", children: [
+    /* @__PURE__ */ jsxs(ModalHeader, { children: [
+      /* @__PURE__ */ jsx(ModalTitle, { children: medication ? m("Correct Medication") : m("Add Medication") }),
+      /* @__PURE__ */ jsx(ModalClose, { "aria-label": m("Close") })
+    ] }),
+    /* @__PURE__ */ jsx(ModalBody, { className: "space-y-5", children: /* @__PURE__ */ jsxs("div", { ref: bodyRef, className: "contents", children: [
+      /* @__PURE__ */ jsxs("section", { className: "space-y-3", "aria-label": m("Medication"), children: [
+        effectiveCodeLookup ? /* @__PURE__ */ jsxs("div", { className: "space-y-1.5", children: [
+          /* @__PURE__ */ jsx(Label, { htmlFor: "med-search", children: m("Medication") }),
+          /* @__PURE__ */ jsx(
+            effectiveCodeLookup.component,
+            {
+              indexUrl: effectiveCodeLookup.indexUrl,
+              locale: effectiveCodeLookup.locale,
+              domains: ["med"],
+              bare: true,
+              clearOnSelect: false,
+              placeholder: m("Search RxNorm / FDB \u2014 e.g. lisinopril"),
+              initialQuery: medication?.name || void 0,
+              initialSearch: medication ? !medication.code : void 0,
+              onSelect: handleCodeSelect,
+              onFreeText: requireCode ? void 0 : (text) => patch({ name: text, code: void 0 })
+            }
+          ),
+          /* @__PURE__ */ jsx("p", { className: "text-muted-foreground text-xs", children: draft.code ? m("Coded: {system} {code}", {
+            system: draft.code.system,
+            code: draft.code.code
+          }) : draft.name ? m(
+            'Uncoded free text: "{name}" \u2014 pick a result to code it',
+            { name: draft.name }
+          ) : requireCode ? m("Pick a catalog result to code the medication") : m(
+            "Pick a result to code the medication, or press Enter for free text"
+          ) })
+        ] }) : /* @__PURE__ */ jsxs("div", { className: "space-y-1.5", children: [
+          /* @__PURE__ */ jsx(Label, { htmlFor: "med-name", children: m("Medication") }),
+          /* @__PURE__ */ jsx(
+            Input,
+            {
+              id: "med-name",
+              value: draft.name,
+              readOnly: requireCode,
+              onChange: (e) => patch({ name: e.target.value, code: void 0 })
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-3", children: [
+          /* @__PURE__ */ jsxs("div", { className: "space-y-1.5", children: [
+            /* @__PURE__ */ jsx(Label, { htmlFor: "med-strength", children: m("Strength") }),
+            /* @__PURE__ */ jsx(
+              Input,
+              {
+                id: "med-strength",
+                value: draft.strength ?? "",
+                onChange: (e) => patch({ strength: e.target.value })
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "space-y-1.5", children: [
+            /* @__PURE__ */ jsx(Label, { htmlFor: "med-form", children: m("Dose form") }),
+            /* @__PURE__ */ jsx(
+              Input,
+              {
+                id: "med-form",
+                value: draft.doseForm ?? "",
+                onChange: (e) => {
+                  const doseForm = e.target.value;
+                  patch({
+                    doseForm,
+                    quantityUnit: doseFormToQuantityUnit(doseForm)
+                  });
+                }
+              }
+            )
+          ] })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs("section", { className: "space-y-3", "aria-label": m("Dispensing"), children: [
+        /* @__PURE__ */ jsx("h4", { className: "text-muted-foreground text-xs font-semibold tracking-wide uppercase", children: m("Dispensing") }),
+        /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-3 gap-3", children: [
+          /* @__PURE__ */ jsxs("div", { className: "space-y-1.5", children: [
+            /* @__PURE__ */ jsxs(Label, { htmlFor: "med-qty", children: [
+              m("Quantity"),
+              draft.quantityUnit ? ` (${draft.quantityUnit}s)` : ""
+            ] }),
+            /* @__PURE__ */ jsx(
+              Input,
+              {
+                id: "med-qty",
+                inputMode: "decimal",
+                value: draft.quantity ?? "",
+                onChange: (e) => patch({ quantity: e.target.value })
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "space-y-1.5", children: [
+            /* @__PURE__ */ jsx(Label, { htmlFor: "med-days", children: m("Days supply") }),
+            /* @__PURE__ */ jsx(
+              Input,
+              {
+                id: "med-days",
+                inputMode: "numeric",
+                value: draft.daysSupply ?? "",
+                onChange: (e) => patch({ daysSupply: e.target.value })
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "space-y-1.5", children: [
+            /* @__PURE__ */ jsx(Label, { htmlFor: "med-refills", children: m("Refills") }),
+            /* @__PURE__ */ jsx(
+              Input,
+              {
+                id: "med-refills",
+                inputMode: "numeric",
+                value: draft.refills ?? "",
+                onChange: (e) => patch({ refills: e.target.value })
+              }
+            )
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs(
+          RadioGroup,
+          {
+            name: "med-substitution",
+            label: m("Substitution"),
+            value: draft.substitution ?? "0",
+            onValueChange: (v) => patch({ substitution: v }),
+            orientation: "horizontal",
+            size: "sm",
+            children: [
+              /* @__PURE__ */ jsx(Radio, { value: "0", label: m("Substitution permitted") }),
+              /* @__PURE__ */ jsx(Radio, { value: "1", label: m("Dispense as written (DAW)") })
+            ]
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxs("section", { className: "space-y-3", "aria-label": m("Directions"), children: [
+        /* @__PURE__ */ jsx("h4", { className: "text-muted-foreground text-xs font-semibold tracking-wide uppercase", children: m("Directions") }),
+        /* @__PURE__ */ jsxs("div", { className: "space-y-1.5", children: [
+          /* @__PURE__ */ jsx(Label, { htmlFor: "med-sig", children: m("Sig (patient directions)") }),
+          /* @__PURE__ */ jsx(
+            Textarea,
+            {
+              id: "med-sig",
+              value: draft.sig ?? "",
+              onChange: (e) => handleSigChange(e.target.value),
+              rows: 2
+            }
+          ),
+          /* @__PURE__ */ jsx("p", { className: "text-muted-foreground text-xs", "aria-live": "polite", children: draft.route || draft.frequency || draft.prn ? /* @__PURE__ */ jsxs(Fragment, { children: [
+            m("Derived:"),
+            " ",
+            [
+              draft.route && m("route {route}", { route: draft.route }),
+              draft.frequency && m(draft.frequency.toLowerCase()),
+              draft.prn && m("PRN (as needed)")
+            ].filter(Boolean).join(" \xB7 ")
+          ] }) : m("Route, frequency, and PRN are derived from the directions") })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs("section", { className: "space-y-3", "aria-label": m("Dates and context"), children: [
+        /* @__PURE__ */ jsx("h4", { className: "text-muted-foreground text-xs font-semibold tracking-wide uppercase", children: m("Dates & context") }),
+        /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-3", children: [
+          /* @__PURE__ */ jsxs("div", { className: "space-y-1.5", children: [
+            /* @__PURE__ */ jsx(Label, { htmlFor: "med-start", children: m("Start date") }),
+            /* @__PURE__ */ jsx(
+              DateInput,
+              {
+                id: "med-start",
+                value: draft.startDate ?? "",
+                onChange: (v) => patch({ startDate: v })
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "space-y-1.5", children: [
+            /* @__PURE__ */ jsx(Label, { htmlFor: "med-end", children: m("End date") }),
+            /* @__PURE__ */ jsx(
+              DateInput,
+              {
+                id: "med-end",
+                value: draft.endDate ?? "",
+                onChange: (v) => patch({ endDate: v })
+              }
+            )
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "space-y-1.5", children: [
+          /* @__PURE__ */ jsx(Label, { htmlFor: "med-indication", children: m("Indication") }),
+          /* @__PURE__ */ jsx(
+            Input,
+            {
+              id: "med-indication",
+              value: draft.indication ?? "",
+              onChange: (e) => patch({ indication: e.target.value })
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "space-y-1.5", children: [
+          /* @__PURE__ */ jsx(Label, { htmlFor: "med-pharmacy-notes", children: m("Pharmacy notes") }),
+          /* @__PURE__ */ jsx(
+            Textarea,
+            {
+              id: "med-pharmacy-notes",
+              value: draft.pharmacyNotes ?? "",
+              onChange: (e) => patch({ pharmacyNotes: e.target.value }),
+              rows: 2
+            }
+          )
+        ] })
+      ] })
+    ] }) }),
+    /* @__PURE__ */ jsxs(ModalFooter, { children: [
+      /* @__PURE__ */ jsx(Button, { variant: "secondary", onClick: onClose, children: m("Cancel") }),
+      /* @__PURE__ */ jsx(
+        Button,
+        {
+          onClick: () => {
+            onSave({ ...draft, name: draft.name.trim() });
+            onClose();
+          },
+          disabled: !canSave,
+          children: m("Save")
+        }
+      )
+    ] })
+  ] });
+}
+var MANAGED_ACTIONS = [
+  "correct",
+  "add-task",
+  "note",
+  "remove"
+];
+function newId3() {
+  return `med-${Date.now()}-${Math.random().toString(36).slice(2, 8)}`;
+}
+function MedicationDialog({
+  dialog,
+  onClose,
+  onSave
+}) {
+  const m = useMessages();
+  const [form, setForm] = React4.useState(
+    () => dialog.kind === "note" ? { note: dialog.medication.note ?? "" } : { task: dialog.medication.task ?? "" }
+  );
+  const set = (key) => (e) => setForm((prev) => ({ ...prev, [key]: e.target.value }));
+  const handleSave = () => {
+    onSave(form);
+    onClose();
+  };
+  return /* @__PURE__ */ jsxs(Modal, { open: true, onOpenChange: (open) => !open && onClose(), size: "md", children: [
+    /* @__PURE__ */ jsxs(ModalHeader, { children: [
+      /* @__PURE__ */ jsx(ModalTitle, { children: dialog.kind === "note" ? m("Medication Notes") : m("Add Task") }),
+      /* @__PURE__ */ jsx(ModalClose, { "aria-label": m("Close") })
+    ] }),
+    /* @__PURE__ */ jsxs(ModalBody, { className: "space-y-4", children: [
+      /* @__PURE__ */ jsx("p", { className: "text-muted-foreground text-sm", children: dialog.medication.name }),
+      dialog.kind === "note" ? /* @__PURE__ */ jsxs("div", { className: "space-y-1.5", children: [
+        /* @__PURE__ */ jsx(Label, { htmlFor: "med-note", children: m("Note") }),
+        /* @__PURE__ */ jsx(
+          Textarea,
+          {
+            id: "med-note",
+            value: form.note,
+            onChange: set("note"),
+            rows: 4
+          }
+        )
+      ] }) : /* @__PURE__ */ jsxs("div", { className: "space-y-1.5", children: [
+        /* @__PURE__ */ jsx(Label, { htmlFor: "med-task", children: m("Task") }),
+        /* @__PURE__ */ jsx(
+          Textarea,
+          {
+            id: "med-task",
+            value: form.task,
+            onChange: set("task"),
+            rows: 3,
+            placeholder: m("Follow-up task for this medication")
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs(ModalFooter, { children: [
+      /* @__PURE__ */ jsx(Button, { variant: "secondary", onClick: onClose, children: m("Cancel") }),
+      /* @__PURE__ */ jsx(Button, { onClick: handleSave, children: m("Save") })
+    ] })
+  ] });
+}
+function MedicationReconciliation({
+  medications: controlledMedications,
+  defaultMedications,
+  onChange,
+  title = "Presenting medications",
+  quickAddOptions,
+  actions = MANAGED_ACTIONS,
+  onAction,
+  codeLookup,
+  requireCode = false,
+  inlineAddSearch = false,
+  readOnly = false,
+  reconciledMessage,
+  emptyMessage,
+  className,
+  "data-testid": dataTestId
+}) {
+  const m = useMessages();
+  const isControlled = controlledMedications !== void 0;
+  const [internal, setInternal] = React4.useState(
+    defaultMedications ?? []
+  );
+  const medications = isControlled ? controlledMedications : internal;
+  const ambientCodeLookup = useCodeLookupConfig();
+  const effectiveCodeLookup = codeLookup === false ? void 0 : codeLookup ?? ambientCodeLookup ?? void 0;
+  const [dialog, setDialog] = React4.useState(null);
+  const commit = (next) => {
+    if (!isControlled) setInternal(next);
+    onChange?.(next);
+  };
+  const patchMedication = (id, patch) => {
+    commit(medications.map((m2) => m2.id === id ? { ...m2, ...patch } : m2));
+  };
+  const moveMedication = (med, direction) => {
+    const meds = [...medications];
+    const group = meds.filter((m2) => m2.status === med.status);
+    const groupIndex = group.findIndex((m2) => m2.id === med.id);
+    const swapWith = group[groupIndex + direction];
+    if (!swapWith) return;
+    const i = meds.findIndex((m2) => m2.id === med.id);
+    const j = meds.findIndex((m2) => m2.id === swapWith.id);
+    [meds[i], meds[j]] = [meds[j], meds[i]];
+    commit(meds);
+  };
+  const handleAction = (med, action) => {
+    switch (action) {
+      case "remove":
+        commit(medications.filter((m2) => m2.id !== med.id));
+        break;
+      case "move-up":
+        moveMedication(med, -1);
+        break;
+      case "move-down":
+        moveMedication(med, 1);
+        break;
+      case "correct":
+      case "note":
+      case "add-task":
+        setDialog({ kind: action, medication: med });
+        break;
+      default:
+        onAction?.(med, action);
+        break;
+    }
+  };
+  const addMedication = (name, sig) => {
+    commit([
+      ...medications,
+      { id: newId3(), name, sig: void 0, status: "unreconciled" }
+    ]);
+  };
+  const handleDialogSave = (form) => {
+    if (!dialog) return;
+    switch (dialog.kind) {
+      case "note":
+        patchMedication(dialog.medication.id, {
+          note: form.note.trim() || void 0
+        });
+        break;
+      case "add-task":
+        patchMedication(dialog.medication.id, {
+          task: form.task.trim() || void 0
+        });
+        break;
+    }
+  };
+  const editorOpen = dialog?.kind === "correct" || dialog?.kind === "add";
+  const editorTarget = dialog?.kind === "correct" ? dialog.medication : void 0;
+  const handleEditorSave = (med) => {
+    if (dialog?.kind === "correct") {
+      commit(medications.map((m2) => m2.id === med.id ? med : m2));
+    } else {
+      commit([...medications, { ...med, status: "unreconciled" }]);
+    }
+  };
+  const addSearch = inlineAddSearch && effectiveCodeLookup && !readOnly ? /* @__PURE__ */ jsx(
+    effectiveCodeLookup.component,
+    {
+      indexUrl: effectiveCodeLookup.indexUrl,
+      locale: effectiveCodeLookup.locale,
+      domains: ["med"],
+      bare: true,
+      clearOnSelect: true,
+      placeholder: m("Search medications to add"),
+      onSelect: (result) => {
+        if (requireCode && (!result.codetype.trim() || !result.fullcode.trim()))
+          return;
+        commit([
+          ...medications,
+          {
+            id: newId3(),
+            name: result.label,
+            status: "unreconciled",
+            ...lookupToMedicationFields(result)
+          }
+        ]);
+      },
+      onFreeText: requireCode ? void 0 : (text) => addMedication(text)
+    }
+  ) : void 0;
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      MedicationList,
+      {
+        medications,
+        title,
+        readOnly,
+        actions,
+        onStatusChange: (med, status) => patchMedication(med.id, { status }),
+        onAction: handleAction,
+        onReorder: (ids) => commit(
+          [...medications].sort(
+            (a, b) => ids.indexOf(a.id) - ids.indexOf(b.id)
+          )
+        ),
+        quickAddOptions: requireCode ? void 0 : quickAddOptions,
+        onQuickAdd: (name) => addMedication(name),
+        onAddOther: requireCode && !effectiveCodeLookup ? void 0 : () => setDialog({ kind: "add" }),
+        addSearch,
+        reconciledMessage,
+        emptyMessage,
+        className,
+        "data-testid": dataTestId
+      }
+    ),
+    dialog && (dialog.kind === "note" || dialog.kind === "add-task") && /* @__PURE__ */ jsx(
+      MedicationDialog,
+      {
+        dialog,
+        onClose: () => setDialog(null),
+        onSave: handleDialogSave
+      },
+      dialog.kind + dialog.medication.id
+    ),
+    editorOpen && /* @__PURE__ */ jsx(
+      MedicationEditor,
+      {
+        open: true,
+        medication: editorTarget,
+        codeLookup: codeLookup === false ? false : effectiveCodeLookup,
+        requireCode,
+        onClose: () => setDialog(null),
+        onSave: handleEditorSave
+      },
+      editorTarget?.id ?? "add"
+    )
+  ] });
+}
+
+export { ALLERGY_TYPE_LABELS, AllergyList, AllergyManager, Assessment, CodeLookupContext, CodeLookupProvider, ConditionEditor, DateRangeFilter, DateRangePicker, MEDICATION_STATUS_LABELS, MedicationEditor, MedicationList, MedicationReconciliation, ORDER_TYPE_META, ORDER_TYPE_SEARCH_DOMAINS, calculateDateRange, doseFormToQuantityUnit, getDefaultPresets, getExtendedPresets, isConditionCodetype, labelToMedicationFields, lookupToMedicationFields, normalizeConditionCodingSystem, orderTypeForCodetype, parseMedicationLabel, parseSig, useCodeLookupConfig };
+//# sourceMappingURL=chunk-SMPLM6K3.js.map
+//# sourceMappingURL=chunk-SMPLM6K3.js.map