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

package/dist/chunk-4NB4WOGU.cjs

@@ -0,0 +1,666 @@
+'use strict';
+
+var chunkGLG6UE2H_cjs = require('./chunk-GLG6UE2H.cjs');
+var chunkFSLI5IKP_cjs = require('./chunk-FSLI5IKP.cjs');
+var chunkMJWFNV3L_cjs = require('./chunk-MJWFNV3L.cjs');
+var chunkGF2BE4FB_cjs = require('./chunk-GF2BE4FB.cjs');
+var chunkCPDNX3LS_cjs = require('./chunk-CPDNX3LS.cjs');
+var chunkL7L5S2HO_cjs = require('./chunk-L7L5S2HO.cjs');
+var chunkZ3WMDVMR_cjs = require('./chunk-Z3WMDVMR.cjs');
+var chunk7E46YDOT_cjs = require('./chunk-7E46YDOT.cjs');
+var chunkANMX7YDL_cjs = require('./chunk-ANMX7YDL.cjs');
+var chunkS5RVSXDV_cjs = require('./chunk-S5RVSXDV.cjs');
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+
+function toolbarKeyNav(e) {
+  if (e.altKey || e.ctrlKey || e.metaKey) return;
+  if (!["ArrowLeft", "ArrowRight", "Home", "End"].includes(e.key)) return;
+  const buttons = Array.from(
+    e.currentTarget.querySelectorAll(
+      "button:not([disabled])"
+    )
+  );
+  const i = buttons.indexOf(document.activeElement);
+  if (i === -1 || buttons.length === 0) return;
+  e.preventDefault();
+  e.stopPropagation();
+  let key = e.key;
+  if (chunkZ3WMDVMR_cjs.isRtl(e.currentTarget)) {
+    if (key === "ArrowRight") key = "ArrowLeft";
+    else if (key === "ArrowLeft") key = "ArrowRight";
+  }
+  const next = key === "ArrowLeft" ? (i - 1 + buttons.length) % buttons.length : key === "ArrowRight" ? (i + 1) % buttons.length : key === "Home" ? 0 : buttons.length - 1;
+  buttons[next]?.focus();
+}
+var ALIGN = {
+  /** Vertically centered on the row's right edge (single-line rows). */
+  center: "pointer-fine:top-1/2 pointer-fine:end-0 pointer-fine:-translate-y-1/2",
+  /** Pinned near the row's top-right corner (multi-line rows). */
+  top: "pointer-fine:top-1.5 pointer-fine:end-1.5"
+};
+var REVEAL = {
+  row: chunkS5RVSXDV_cjs.cn(
+    "group-hover:pointer-events-auto group-hover:opacity-100",
+    "group-focus-within:pointer-events-auto group-focus-within:opacity-100",
+    "group-focus:pointer-events-auto group-focus:opacity-100"
+  ),
+  order: chunkS5RVSXDV_cjs.cn(
+    "group-hover/order:pointer-events-auto group-hover/order:opacity-100",
+    "group-focus-within/order:pointer-events-auto group-focus-within/order:opacity-100",
+    "group-focus/order:pointer-events-auto group-focus/order:opacity-100"
+  ),
+  grid: chunkS5RVSXDV_cjs.cn(
+    "[.wcdv-tr:hover_&]:pointer-events-auto [.wcdv-tr:hover_&]:opacity-100",
+    "[.wcdv-tr:focus-within_&]:pointer-events-auto [.wcdv-tr:focus-within_&]:opacity-100"
+  )
+};
+function RowActionToolbar({
+  label,
+  align = "center",
+  group = "row",
+  reveal = "hover",
+  className,
+  children
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      role: "toolbar",
+      "aria-label": label,
+      onKeyDown: toolbarKeyNav,
+      className: chunkS5RVSXDV_cjs.cn(
+        "z-10 ms-auto flex items-center gap-0.5",
+        reveal === "hover" && [
+          "transition-opacity",
+          // Inside a grid cell the column already reserves the space, so the
+          // toolbar stays in flow — no absolute overlay. It keeps the card
+          // chrome, though: pair with a `sticky end-0` actions column and it
+          // floats over scrolled-under content at the grid's right edge.
+          group !== "grid" && [
+            "pointer-fine:absolute",
+            ALIGN[align],
+            "pointer-fine:bg-card pointer-fine:border-border pointer-fine:rounded-md pointer-fine:border pointer-fine:p-0.5 pointer-fine:shadow-sm"
+          ],
+          group === "grid" && "bg-card border-border rounded-md border p-0.5 shadow-sm",
+          "pointer-fine:pointer-events-none pointer-fine:opacity-0",
+          REVEAL[group],
+          "focus-within:pointer-events-auto focus-within:opacity-100"
+        ],
+        className
+      ),
+      children
+    }
+  );
+}
+function RowIconButton({
+  label,
+  icon: Icon,
+  onClick,
+  active,
+  expanded,
+  controls,
+  size = "md"
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(chunkGLG6UE2H_cjs.Tooltip, { content: label, children: /* @__PURE__ */ jsxRuntime.jsx(
+    chunkANMX7YDL_cjs.Button,
+    {
+      type: "button",
+      variant: "ghost",
+      size: "icon",
+      "aria-label": label,
+      "aria-pressed": active,
+      "aria-expanded": expanded,
+      "aria-controls": controls,
+      onClick: (e) => {
+        e.stopPropagation();
+        onClick();
+      },
+      className: chunkS5RVSXDV_cjs.cn(
+        size === "sm" ? "h-7 w-7" : "h-8 w-8",
+        "shrink-0",
+        (active || expanded) && "bg-primary-50 text-primary-700 dark:bg-primary-950 dark:text-primary-400"
+      ),
+      children: /* @__PURE__ */ jsxRuntime.jsx(Icon, { size: size === "sm" ? 14 : 16 })
+    }
+  ) });
+}
+var GROUP_ORDER = [
+  {
+    key: "active",
+    label: "Active",
+    statuses: ["active", "recurrence", "relapse"]
+  },
+  { key: "inactive", label: "Inactive", statuses: ["inactive", "remission"] },
+  { key: "resolved", label: "Resolved", statuses: ["resolved"] }
+];
+function concernGroupKey(concern) {
+  if (currentAssertion(concern)?.verificationStatus === "unconfirmed") {
+    return "unconfirmed";
+  }
+  return GROUP_ORDER.find((g) => g.statuses.includes(concern.clinicalStatus))?.key ?? "active";
+}
+var CONCERN_STATUS_LABELS = {
+  active: "Active",
+  recurrence: "Recurrence",
+  relapse: "Relapse",
+  inactive: "Inactive",
+  remission: "Remission",
+  resolved: "Resolved"
+};
+var CHANGE_TYPE_LABELS = {
+  refinement: "Refined",
+  revision: "Revised",
+  progression: "Progressed",
+  reattribution: "Re-attributed"
+};
+var DEFAULT_ACTIONS = [
+  "open",
+  "observe",
+  "refine",
+  "revise",
+  "resolve",
+  "relate",
+  "move-up",
+  "move-down"
+];
+var ACTION_META = {
+  open: { label: "Open", icon: chunkL7L5S2HO_cjs.ExternalLink },
+  observe: { label: "Add observation (progress note)", icon: chunkL7L5S2HO_cjs.StickyNote },
+  refine: { label: "Refine (more specific)", icon: chunkL7L5S2HO_cjs.Pencil },
+  revise: { label: "Revise (prior was wrong)", icon: chunkL7L5S2HO_cjs.RefreshCw },
+  resolve: { label: "Resolve", icon: chunkL7L5S2HO_cjs.CheckCircle },
+  relate: { label: "Relate to another problem", icon: chunkL7L5S2HO_cjs.Link },
+  remove: { label: "Delete", icon: chunkL7L5S2HO_cjs.Trash2 },
+  "move-up": { label: "Move up (Alt+\u2191)", icon: chunkL7L5S2HO_cjs.ChevronUp },
+  "move-down": { label: "Move down (Alt+\u2193)", icon: chunkL7L5S2HO_cjs.ChevronDown }
+};
+var VERIFICATION_BADGE = {
+  unconfirmed: { label: "Unconfirmed", variant: "outline" },
+  provisional: { label: "Provisional", variant: "warning" },
+  differential: { label: "Differential", variant: "warning" },
+  confirmed: { label: "Confirmed", variant: "success" },
+  refuted: { label: "Refuted", variant: "secondary" },
+  "entered-in-error": { label: "Entered in error", variant: "secondary" }
+};
+function currentAssertion(concern) {
+  for (let i = concern.assertions.length - 1; i >= 0; i--) {
+    const a = concern.assertions[i];
+    if (a.verificationStatus !== "refuted" && a.verificationStatus !== "entered-in-error") {
+      return a;
+    }
+  }
+  return concern.assertions[concern.assertions.length - 1];
+}
+var UNCERTAIN_FIELD_LABELS = {
+  coding: "Coding",
+  onset: "Onset",
+  severity: "Severity",
+  laterality: "Laterality",
+  bodySite: "Body site"
+};
+function describeFieldUncertainty(field, f, m) {
+  const label = UNCERTAIN_FIELD_LABELS[field];
+  if (!f.known) {
+    const reason = f.reason === "asked-unknown" ? "asked \u2014 unknown" : (f.reason ?? "unknown").replace(/-/g, " ");
+    return `${m(label)}: ${m(reason)}${f.note ? ` (${f.note})` : ""}`;
+  }
+  return `${m(label)}: ${m("{confidence} confidence", {
+    confidence: m(f.confidence ?? "uncertain")
+  })}${f.note ? ` (${f.note})` : ""}`;
+}
+function CodingChips({ coding }) {
+  const m = chunkFSLI5IKP_cjs.useMessages();
+  if (!coding?.length) return null;
+  const icd = coding.filter((c) => c.system.startsWith("ICD"));
+  const inline = icd.length > 0 ? icd : coding.filter((c) => c.primary);
+  const label = inline.map((c) => c.code).join(", ");
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    chunkGLG6UE2H_cjs.Tooltip,
+    {
+      content: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex flex-col gap-0.5", children: coding.map((c) => /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
+        c.system,
+        " ",
+        c.code,
+        c.display ? ` \u2014 ${c.display}` : "",
+        c.primary ? m(" \xB7 primary") : "",
+        c.mappedFrom ? m(" \xB7 mapped from {source}", { source: c.mappedFrom }) : ""
+      ] }, `${c.system}:${c.code}`)) }),
+      children: /* @__PURE__ */ jsxRuntime.jsxs(
+        "span",
+        {
+          tabIndex: 0,
+          className: "text-muted-foreground focus-visible:ring-ring rounded text-xs whitespace-nowrap focus-visible:ring-2 focus-visible:outline-none",
+          children: [
+            "(",
+            label || m("coded"),
+            ")"
+          ]
+        }
+      )
+    }
+  );
+}
+function concernHistoryContent(concern, m = (message) => message) {
+  return /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "flex max-w-xs flex-col gap-1", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-semibold", children: m("History") }),
+    [...concern.assertions].reverse().map((a) => /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
+      a.date,
+      " \u2014 ",
+      a.text,
+      a.changeType ? ` (${m(CHANGE_TYPE_LABELS[a.changeType]).toLocaleLowerCase()})` : "",
+      a.verificationStatus === "refuted" ? ` \u2014 ${m("Refuted").toLocaleLowerCase()}` : ""
+    ] }, a.id)),
+    concern.observations && concern.observations.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "mt-1 font-semibold", children: m("Observations") }),
+      [...concern.observations].reverse().slice(0, 3).map((o) => /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
+        o.date,
+        " \u2014 ",
+        o.text
+      ] }, o.id))
+    ] }),
+    (currentAssertion(concern)?.coding?.length ?? 0) > 0 && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "mt-1 font-semibold", children: m("Coding") }),
+      currentAssertion(concern).coding.map((c) => /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
+        c.system,
+        " ",
+        c.code,
+        c.display ? ` \u2014 ${c.display}` : ""
+      ] }, `${c.system}:${c.code}`))
+    ] })
+  ] });
+}
+function UncertaintyBadge({
+  uncertainty
+}) {
+  const m = chunkFSLI5IKP_cjs.useMessages();
+  if (!uncertainty) return null;
+  const fieldEntries = Object.entries(uncertainty.fields ?? {});
+  const overall = uncertainty.overall && uncertainty.overall !== "confirmed" ? uncertainty.overall : null;
+  if (!overall && fieldEntries.length === 0) return null;
+  const lines = [
+    ...overall ? [m("Overall certainty: {certainty}", { certainty: m(overall) })] : [],
+    ...fieldEntries.map(([field, f]) => describeFieldUncertainty(field, f, m))
+  ];
+  return /* @__PURE__ */ jsxRuntime.jsx(chunkGLG6UE2H_cjs.Tooltip, { content: lines.join(" \xB7 "), children: /* @__PURE__ */ jsxRuntime.jsxs(chunk7E46YDOT_cjs.Badge, { variant: "warning", size: "sm", className: "gap-1", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(chunkL7L5S2HO_cjs.HelpCircle, { size: 10 }),
+    overall ? m("{certainty} certainty", { certainty: m(overall) }) : m("{count} uncertain", { count: fieldEntries.length })
+  ] }) });
+}
+function AssertionTimeline({ concern }) {
+  const m = chunkFSLI5IKP_cjs.useMessages();
+  const items = [...concern.assertions].reverse();
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "ol",
+    {
+      "aria-label": m("Assertion history"),
+      className: "border-border ms-1.5 mt-2 space-y-2 border-s ps-4",
+      children: items.map((a) => {
+        const refuted = a.verificationStatus === "refuted" || a.verificationStatus === "entered-in-error";
+        const verification = VERIFICATION_BADGE[a.verificationStatus];
+        return /* @__PURE__ */ jsxRuntime.jsxs("li", { className: "relative text-sm", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "span",
+            {
+              "aria-hidden": true,
+              className: "bg-border absolute -start-5 top-1.5 h-2 w-2 rounded-full"
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "flex flex-wrap items-center gap-x-2 gap-y-1", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-muted-foreground text-xs tabular-nums", children: a.date }),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "span",
+              {
+                className: chunkS5RVSXDV_cjs.cn(
+                  "text-foreground font-medium",
+                  refuted && "text-muted-foreground line-through"
+                ),
+                children: a.text
+              }
+            ),
+            a.changeType && /* @__PURE__ */ jsxRuntime.jsx(chunk7E46YDOT_cjs.Badge, { variant: "secondary", size: "sm", children: m(CHANGE_TYPE_LABELS[a.changeType]) }),
+            /* @__PURE__ */ jsxRuntime.jsx(chunk7E46YDOT_cjs.Badge, { variant: verification.variant, size: "sm", children: m(verification.label) }),
+            /* @__PURE__ */ jsxRuntime.jsx(UncertaintyBadge, { uncertainty: a.uncertainty }),
+            /* @__PURE__ */ jsxRuntime.jsx(CodingChips, { coding: a.coding })
+          ] }),
+          a.note && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-muted-foreground mt-0.5 text-xs", children: a.note })
+        ] }, a.id);
+      })
+    }
+  );
+}
+function ConcernRow({
+  concern,
+  actions,
+  inlineActions,
+  readOnly,
+  canReorder,
+  drag,
+  onAction
+}) {
+  const m = chunkFSLI5IKP_cjs.useMessages();
+  const [expanded, setExpanded] = React__namespace.useState(false);
+  const current = currentAssertion(concern);
+  const hasHistory = concern.assertions.length > 1;
+  const visibleActions = actions.filter(
+    (a) => canReorder || a !== "move-up" && a !== "move-down"
+  );
+  const handleRowKeyDown = (e) => {
+    if (e.target !== e.currentTarget) return;
+    if (e.altKey && (e.key === "ArrowUp" || e.key === "ArrowDown")) {
+      if (!canReorder) return;
+      e.preventDefault();
+      onAction?.(concern, e.key === "ArrowUp" ? "move-up" : "move-down");
+    } 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-concern-id]")
+      );
+      const i = rows.indexOf(e.currentTarget);
+      rows[e.key === "ArrowUp" ? Math.max(0, i - 1) : Math.min(rows.length - 1, i + 1)]?.focus();
+    } else if ((e.key === "Enter" || e.key === " ") && hasHistory) {
+      e.preventDefault();
+      setExpanded((v) => !v);
+    }
+  };
+  if (!current) return null;
+  return (
+    // Roving-focus row (WAI-ARIA listbox-like keyboard pattern): the row is a
+    // legitimate focus stop so ↑/↓ navigate rows, Enter toggles history, and
+    // Alt+↑/↓ reorders — required for 508 keyboard operability.
+    /* eslint-disable jsx-a11y/no-noninteractive-element-interactions, jsx-a11y/no-noninteractive-tabindex */
+    /* @__PURE__ */ jsxRuntime.jsxs(
+      "li",
+      {
+        "data-slot": "clinical-list-row",
+        "data-concern-id": concern.concernId,
+        tabIndex: 0,
+        onKeyDown: handleRowKeyDown,
+        ...drag.rowProps(concern.concernId),
+        "aria-label": [
+          `${current.text}.`,
+          hasHistory ? m("Press Enter to toggle history.") : "",
+          canReorder ? m("Alt plus arrow keys to reorder.") : ""
+        ].filter(Boolean).join(" "),
+        className: chunkS5RVSXDV_cjs.cn(
+          "group border-border/60 relative 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",
+          chunkGF2BE4FB_cjs.dragIndicatorClasses(drag, concern.concernId)
+        ),
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex min-h-9 flex-wrap items-center gap-x-2 gap-y-1", children: [
+            drag.enabled ? /* @__PURE__ */ jsxRuntime.jsx(
+              chunkL7L5S2HO_cjs.GripVertical,
+              {
+                size: 14,
+                "aria-hidden": true,
+                className: "text-muted-foreground/50 shrink-0"
+              }
+            ) : /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-muted-foreground/60 select-none", children: "\u2022" }),
+            /* @__PURE__ */ jsxRuntime.jsx(chunkGLG6UE2H_cjs.Tooltip, { content: concernHistoryContent(concern, m), children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-foreground font-medium", children: current.text }) }),
+            /* @__PURE__ */ jsxRuntime.jsx(CodingChips, { coding: current.coding }),
+            current.verificationStatus !== "confirmed" && current.verificationStatus !== "unconfirmed" && /* @__PURE__ */ jsxRuntime.jsx(
+              chunk7E46YDOT_cjs.Badge,
+              {
+                variant: VERIFICATION_BADGE[current.verificationStatus].variant,
+                size: "sm",
+                children: m(VERIFICATION_BADGE[current.verificationStatus].label)
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsx(UncertaintyBadge, { uncertainty: current.uncertainty }),
+            concern.relationships?.map((r) => /* @__PURE__ */ jsxRuntime.jsxs(chunk7E46YDOT_cjs.Badge, { variant: "outline", size: "sm", children: [
+              /* @__PURE__ */ jsxRuntime.jsx(chunkL7L5S2HO_cjs.Link, { size: 10, className: "me-1" }),
+              m(r.type.replace(/-/g, " ")),
+              r.display ? `: ${r.display}` : ""
+            ] }, `${r.type}:${r.concernId}`)),
+            hasHistory && /* @__PURE__ */ jsxRuntime.jsx(
+              chunkANMX7YDL_cjs.Button,
+              {
+                variant: "ghost",
+                size: "sm",
+                onClick: () => setExpanded((v) => !v),
+                "aria-expanded": expanded,
+                leftIcon: /* @__PURE__ */ jsxRuntime.jsx(chunkL7L5S2HO_cjs.History, { size: 12 }),
+                rightIcon: expanded ? /* @__PURE__ */ jsxRuntime.jsx(chunkL7L5S2HO_cjs.ChevronUp, { size: 12 }) : /* @__PURE__ */ jsxRuntime.jsx(chunkL7L5S2HO_cjs.ChevronDown, { size: 12 }),
+                className: "text-muted-foreground h-auto px-1.5 py-0.5 text-xs",
+                children: m("{count} assertions", { count: concern.assertions.length })
+              }
+            ),
+            !readOnly && /* @__PURE__ */ jsxRuntime.jsx(
+              RowActionToolbar,
+              {
+                label: m("Actions for {name}", { name: current.text }),
+                align: "top",
+                reveal: inlineActions ? "always" : "hover",
+                children: visibleActions.map((action) => /* @__PURE__ */ jsxRuntime.jsx(
+                  RowIconButton,
+                  {
+                    label: m(ACTION_META[action].label),
+                    icon: ACTION_META[action].icon,
+                    onClick: () => onAction?.(concern, action)
+                  },
+                  action
+                ))
+              }
+            )
+          ] }),
+          expanded && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+            /* @__PURE__ */ jsxRuntime.jsx(AssertionTimeline, { concern }),
+            concern.observations && concern.observations.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "ms-1.5 mt-2 ps-4", children: [
+              /* @__PURE__ */ jsxRuntime.jsx("h5", { className: "text-muted-foreground text-xs font-semibold tracking-wide uppercase", children: m("Observations") }),
+              /* @__PURE__ */ jsxRuntime.jsx("ol", { "aria-label": m("Observations"), className: "mt-1 space-y-1", children: [...concern.observations].reverse().map((o) => /* @__PURE__ */ jsxRuntime.jsxs("li", { className: "flex flex-wrap gap-x-2 text-sm", children: [
+                /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-muted-foreground text-xs tabular-nums", children: o.date }),
+                /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-foreground", children: o.text }),
+                o.author && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-muted-foreground text-xs", children: [
+                  "\u2014 ",
+                  o.author
+                ] })
+              ] }, o.id)) })
+            ] })
+          ] })
+        ]
+      }
+    )
+  );
+}
+var ProblemList = React__namespace.forwardRef(
+  ({
+    concerns,
+    title = "Problem list",
+    onAction,
+    onAddProblem,
+    onReorder,
+    actions = DEFAULT_ACTIONS,
+    inlineActions = false,
+    readOnly = false,
+    emptyMessage = "No problems recorded.",
+    className,
+    "data-testid": dataTestId,
+    ...props
+  }, ref) => {
+    const m = chunkFSLI5IKP_cjs.useMessages();
+    const [draft, setDraft] = React__namespace.useState("");
+    const [announcement, setAnnouncement] = chunkCPDNX3LS_cjs.useLiveAnnouncement();
+    const submitDraft = () => {
+      const text = draft.trim();
+      if (!text) return;
+      onAddProblem?.(text);
+      setDraft("");
+    };
+    const moveConcern = React__namespace.useCallback(
+      (concern, dir) => {
+        if (!onReorder || readOnly) return;
+        const groupKey = concernGroupKey(concern);
+        const ids = concerns.map((c) => c.concernId);
+        const from = ids.indexOf(concern.concernId);
+        let to = from + dir;
+        while (to >= 0 && to < concerns.length && concernGroupKey(concerns[to]) !== groupKey) {
+          to += dir;
+        }
+        if (to < 0 || to >= concerns.length) return;
+        [ids[from], ids[to]] = [ids[to], ids[from]];
+        const current = currentAssertion(concern);
+        setAnnouncement(
+          m(dir === -1 ? "{name} moved up" : "{name} moved down", {
+            name: current?.text ?? concern.concernId
+          })
+        );
+        onReorder(ids);
+      },
+      [concerns, onReorder, readOnly, setAnnouncement, m]
+    );
+    const handleAction = React__namespace.useCallback(
+      (concern, action) => {
+        if (action === "move-up") moveConcern(concern, -1);
+        else if (action === "move-down") moveConcern(concern, 1);
+        else onAction?.(concern, action);
+      },
+      [moveConcern, onAction]
+    );
+    const groupById = React__namespace.useMemo(
+      () => new Map(
+        concerns.map((c) => [c.concernId, concernGroupKey(c)])
+      ),
+      [concerns]
+    );
+    const groupOf = React__namespace.useCallback(
+      (id) => groupById.get(id),
+      [groupById]
+    );
+    const drag = chunkGF2BE4FB_cjs.useDragReorder({
+      ids: concerns.map((c) => c.concernId),
+      onReorder: readOnly || !onReorder ? void 0 : (newIds) => {
+        setAnnouncement(m("Problem list reordered"));
+        onReorder(newIds);
+      },
+      canDropOn: (dragged, target) => groupOf(dragged) === groupOf(target)
+    });
+    const groups = [
+      {
+        key: "unconfirmed",
+        label: "Unconfirmed",
+        items: concerns.filter((c) => concernGroupKey(c) === "unconfirmed")
+      },
+      ...GROUP_ORDER.map(({ key, label }) => ({
+        key,
+        label,
+        items: concerns.filter((c) => concernGroupKey(c) === key)
+      }))
+      // Active stays visible as the empty state only when nothing is recorded
+      // at all — an empty Active section next to populated groups would
+      // misleadingly read "No problems recorded".
+    ].filter(
+      (g) => g.items.length > 0 || g.key === "active" && concerns.length === 0
+    );
+    return /* @__PURE__ */ jsxRuntime.jsxs(
+      chunkMJWFNV3L_cjs.Card,
+      {
+        ref,
+        padding: "none",
+        className: chunkS5RVSXDV_cjs.cn("w-full", className),
+        "data-testid": dataTestId,
+        ...props,
+        children: [
+          title !== null && /* @__PURE__ */ jsxRuntime.jsx(chunkMJWFNV3L_cjs.CardHeader, { className: "border-border bg-muted/50 border-b px-4 py-3", children: /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-foreground text-sm font-semibold tracking-wide uppercase", children: m(title) }) }),
+          /* @__PURE__ */ jsxRuntime.jsxs(chunkMJWFNV3L_cjs.CardContent, { className: "space-y-6 px-4 py-4", children: [
+            groups.map(({ key, label, items }) => /* @__PURE__ */ jsxRuntime.jsxs("section", { "aria-label": m(label), children: [
+              /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx("ul", { className: "mt-1", children: items.map((concern) => /* @__PURE__ */ jsxRuntime.jsx(
+                ConcernRow,
+                {
+                  concern,
+                  actions,
+                  inlineActions,
+                  readOnly,
+                  canReorder: drag.enabled,
+                  drag,
+                  onAction: handleAction
+                },
+                concern.concernId
+              )) }) : /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-muted-foreground mt-2 text-sm", children: m(emptyMessage) })
+            ] }, key)),
+            !readOnly && onAddProblem && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-1.5", children: [
+              /* @__PURE__ */ jsxRuntime.jsx(
+                "input",
+                {
+                  type: "text",
+                  "data-slot": "input",
+                  value: draft,
+                  onChange: (e) => setDraft(e.target.value),
+                  onKeyDown: (e) => {
+                    if (e.key === "Enter") submitDraft();
+                  },
+                  placeholder: m("Add problem (name is enough)\u2026"),
+                  "aria-label": m("Add problem"),
+                  className: chunkS5RVSXDV_cjs.cn(
+                    "border-border bg-background text-foreground placeholder:text-muted-foreground",
+                    "h-8 flex-1 rounded-md border px-2.5 text-sm",
+                    "focus:ring-ring focus:ring-2 focus:outline-none"
+                  )
+                }
+              ),
+              /* @__PURE__ */ jsxRuntime.jsx(
+                chunkANMX7YDL_cjs.Button,
+                {
+                  variant: "outline",
+                  size: "sm",
+                  onClick: submitDraft,
+                  disabled: !draft.trim(),
+                  leftIcon: /* @__PURE__ */ jsxRuntime.jsx(chunkL7L5S2HO_cjs.Plus, { size: 12 }),
+                  className: "h-8",
+                  children: m("Add")
+                }
+              )
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsx("div", { "aria-live": "polite", className: "sr-only", children: announcement })
+        ]
+      }
+    );
+  }
+);
+ProblemList.displayName = "ProblemList";
+
+exports.CHANGE_TYPE_LABELS = CHANGE_TYPE_LABELS;
+exports.CONCERN_STATUS_LABELS = CONCERN_STATUS_LABELS;
+exports.CodingChips = CodingChips;
+exports.ProblemList = ProblemList;
+exports.RowActionToolbar = RowActionToolbar;
+exports.RowIconButton = RowIconButton;
+exports.UncertaintyBadge = UncertaintyBadge;
+exports.concernGroupKey = concernGroupKey;
+exports.concernHistoryContent = concernHistoryContent;
+exports.currentAssertion = currentAssertion;
+exports.toolbarKeyNav = toolbarKeyNav;
+//# sourceMappingURL=chunk-4NB4WOGU.cjs.map
+//# sourceMappingURL=chunk-4NB4WOGU.cjs.map